/*=============================
	Fitout CSS
=============================*/

/*-----------------------------
	Fitout Installed
-----------------------------*/

.fitoutInstalled {
	height: 235px;
	width: 350px;
	border: 1px solid #D3AB91;
	margin: 3px 0 10px 0;
}

.fitoutInstalled div.fitoutImage {
	position: absolute;
	width: 350px;
	height: 235px;
	padding: 0;
}

.fitoutInstalled div.fitout {
	position: absolute;
	z-index: 200;
	padding: 0;

	padding: 3px;
	background-color: #D3AB91;
	font-size: 10px;
	line-height: 100%;
	cursor: move;

	width: 63px;
}
.fitoutInstalled div.ftype1 { margin-left: 0; }
.fitoutInstalled div.ftype2 { margin-left: 70px; }
.fitoutInstalled div.ftype3 { margin-left: 140px; }
.fitoutInstalled div.ftype4 { margin-left: 210px; }
.fitoutInstalled div.ftype5 { margin-left: 280px; }

.fitoutInstalled div.fset1,
.fitoutInstalled div.fset4,
.fitoutInstalled div.fset7 { background-color: #AAB093; }
.fitoutInstalled div.fset2,
.fitoutInstalled div.fset5,
.fitoutInstalled div.fset8 { background-color: #ABA2B3; }
.fitoutInstalled div.fset3,
.fitoutInstalled div.fset6, 
.fitoutInstalled div.fset9 { background-color: #CAA295; }

/*-----------------------------
	Fitout Available
-----------------------------*/

.fitoutAvailable {
	height: 80px;
	margin: 0;
}

.fitoutAvailable div.fitout {
	float: left;
	height: 65px;
	width: 65px;
	margin: 0 3px 3px 0;
	padding: 0;
	border: 1px solid #D3AB91;
	background: url("../images/light_bg.jpg") top left repeat;
}

div.fitout div.fhandle {
	padding: 3px;
	background-color: #D3AB91;
	font-size: 10px;
	line-height: 100%;
	cursor: move;
}

div.fset1 div.fhandle,
div.fset4 div.fhandle,
div.fset7 div.fhandle { background-color: #AAB093; }
div.fset2 div.fhandle,
div.fset5 div.fhandle,
div.fset8 div.fhandle { background-color: #ABA2B3; }
div.fset3 div.fhandle,
div.fset6 div.fhandle, 
div.fset9 div.fhandle { background-color: #CAA295; }

/*=============================
	Images 
=============================*/
/* Still */
.fitoutInstalled .fitoutImage div.image_f1_t1 { background: url("../images/fitout/still_1.png") top left no-repeat; z-index: 50; }
.fitoutInstalled .fitoutImage div.image_f2_t1 { background: url("../images/fitout/still_2.png") top left no-repeat; z-index: 20; }
.fitoutInstalled .fitoutImage div.image_f3_t1 { background: url("../images/fitout/still_3.png") top left no-repeat; z-index: 30; }
.fitoutInstalled .fitoutImage div.image_f4_t1 { background: url("../images/fitout/still_4.png") top left no-repeat; z-index: 10; }
.fitoutInstalled .fitoutImage div.image_f5_t1 { background: url("../images/fitout/still_5.png") top left no-repeat; z-index: 40; }

/* Garage */
.fitoutInstalled .fitoutImage div.image_f1_t2 { background: url("../images/fitout/garage_1.png") top left no-repeat; z-index: 50; }
.fitoutInstalled .fitoutImage div.image_f2_t2 { background: url("../images/fitout/garage_2.png") top left no-repeat; z-index: 20; }
.fitoutInstalled .fitoutImage div.image_f3_t2 { background: url("../images/fitout/garage_3.png") top left no-repeat; z-index: 30; }
.fitoutInstalled .fitoutImage div.image_f4_t2 { background: url("../images/fitout/garage_4.png") top left no-repeat; z-index: 10; }
.fitoutInstalled .fitoutImage div.image_f5_t2 { background: url("../images/fitout/garage_5.png") top left no-repeat; z-index: 40; }

/* Speakeasy */
.fitoutInstalled .fitoutImage div.image_f1_t3 { background: url("../images/fitout/speakeasy_1.png") top left no-repeat; z-index: 50; }
.fitoutInstalled .fitoutImage div.image_f2_t3 { background: url("../images/fitout/speakeasy_2.png") top left no-repeat; z-index: 10; }
.fitoutInstalled .fitoutImage div.image_f3_t3 { background: url("../images/fitout/speakeasy_3.png") top left no-repeat; z-index: 20; }
.fitoutInstalled .fitoutImage div.image_f4_t3 { background: url("../images/fitout/speakeasy_4.png") top left no-repeat; z-index: 30; }
.fitoutInstalled .fitoutImage div.image_f5_t3 { background: url("../images/fitout/speakeasy_5.png") top left no-repeat; z-index: 40; }

/* Speakeasy - White Tie */
.fitoutInstalled .fitoutImage div.image_f1_s1 { background: url("../images/fitout/whitetie_1.png") top left no-repeat; z-index: 50; }
.fitoutInstalled .fitoutImage div.image_f2_s1 { background: url("../images/fitout/whitetie_2.png") top left no-repeat; z-index: 10; }
.fitoutInstalled .fitoutImage div.image_f3_s1 { background: url("../images/fitout/whitetie_3.png") top left no-repeat; z-index: 20; }
.fitoutInstalled .fitoutImage div.image_f4_s1 { background: url("../images/fitout/whitetie_4.png") top left no-repeat; z-index: 30; }
.fitoutInstalled .fitoutImage div.image_f5_s1 { background: url("../images/fitout/whitetie_5.png") top left no-repeat; z-index: 40; }
.fitoutAvailable div.image_f1_s1 { background: url("../images/fitout/whitetie_1_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f2_s1 { background: url("../images/fitout/whitetie_2_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f3_s1 { background: url("../images/fitout/whitetie_3_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f4_s1 { background: url("../images/fitout/whitetie_4_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f5_s1 { background: url("../images/fitout/whitetie_5_tn.gif") bottom left no-repeat; }

/* Speakeasy - Rough */
.fitoutInstalled .fitoutImage div.image_f1_s2 { background: url("../images/fitout/rough_1.png") top left no-repeat; z-index: 50; }
.fitoutInstalled .fitoutImage div.image_f2_s2 { background: url("../images/fitout/rough_2.png") top left no-repeat; z-index: 10; }
.fitoutInstalled .fitoutImage div.image_f3_s2 { background: url("../images/fitout/rough_3.png") top left no-repeat; z-index: 20; }
.fitoutInstalled .fitoutImage div.image_f4_s2 { background: url("../images/fitout/rough_4.png") top left no-repeat; z-index: 30; }
.fitoutInstalled .fitoutImage div.image_f5_s2 { background: url("../images/fitout/rough_5.png") top left no-repeat; z-index: 40; }
.fitoutAvailable div.image_f1_s2 { background: url("../images/fitout/rough_1_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f2_s2 { background: url("../images/fitout/rough_2_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f3_s2 { background: url("../images/fitout/rough_3_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f4_s2 { background: url("../images/fitout/rough_4_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f5_s2 { background: url("../images/fitout/rough_5_tn.gif") bottom left no-repeat; }

/* Speakeasy - Gambling */
.fitoutInstalled .fitoutImage div.image_f1_s3 { background: url("../images/fitout/gambling_1.png") top left no-repeat; z-index: 50; }
.fitoutInstalled .fitoutImage div.image_f2_s3 { background: url("../images/fitout/gambling_2.png") top left no-repeat; z-index: 10; }
.fitoutInstalled .fitoutImage div.image_f3_s3 { background: url("../images/fitout/gambling_3.png") top left no-repeat; z-index: 20; }
.fitoutInstalled .fitoutImage div.image_f4_s3 { background: url("../images/fitout/gambling_4.png") top left no-repeat; z-index: 30; }
.fitoutInstalled .fitoutImage div.image_f5_s3 { background: url("../images/fitout/gambling_5.png") top left no-repeat; z-index: 40; }
.fitoutAvailable div.image_f1_s3 { background: url("../images/fitout/gambling_1_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f2_s3 { background: url("../images/fitout/gambling_2_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f3_s3 { background: url("../images/fitout/gambling_3_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f4_s3 { background: url("../images/fitout/gambling_4_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f5_s3 { background: url("../images/fitout/gambling_5_tn.gif") bottom left no-repeat; }


/* Still - Snake Oil */
.fitoutInstalled .fitoutImage div.image_f1_s4 { background: url("../images/fitout/snakeoil_1.png") top left no-repeat; z-index: 50; }
.fitoutInstalled .fitoutImage div.image_f2_s4 { background: url("../images/fitout/snakeoil_2.png") top left no-repeat; z-index: 20; }
.fitoutInstalled .fitoutImage div.image_f3_s4 { background: url("../images/fitout/snakeoil_3.png") top left no-repeat; z-index: 30; }
.fitoutInstalled .fitoutImage div.image_f4_s4 { background: url("../images/fitout/snakeoil_4.png") top left no-repeat; z-index: 10; }
.fitoutInstalled .fitoutImage div.image_f5_s4 { background: url("../images/fitout/snakeoil_5.png") top left no-repeat; z-index: 40; }
.fitoutAvailable div.image_f1_s4 { background: url("../images/fitout/snakeoil_1_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f2_s4 { background: url("../images/fitout/snakeoil_2_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f3_s4 { background: url("../images/fitout/snakeoil_3_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f4_s4 { background: url("../images/fitout/snakeoil_4_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f5_s4 { background: url("../images/fitout/snakeoil_5_tn.gif") bottom left no-repeat; }

/* Still - Local */
.fitoutInstalled .fitoutImage div.image_f1_s5 { background: url("../images/fitout/local_1.png") top left no-repeat; z-index: 50; }
.fitoutInstalled .fitoutImage div.image_f2_s5 { background: url("../images/fitout/local_2.png") top left no-repeat; z-index: 20; }
.fitoutInstalled .fitoutImage div.image_f3_s5 { background: url("../images/fitout/local_3.png") top left no-repeat; z-index: 30; }
.fitoutInstalled .fitoutImage div.image_f4_s5 { background: url("../images/fitout/local_4.png") top left no-repeat; z-index: 10; }
.fitoutInstalled .fitoutImage div.image_f5_s5 { background: url("../images/fitout/local_5.png") top left no-repeat; z-index: 40; }
.fitoutAvailable div.image_f1_s5 { background: url("../images/fitout/local_1_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f2_s5 { background: url("../images/fitout/local_2_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f3_s5 { background: url("../images/fitout/local_3_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f4_s5 { background: url("../images/fitout/local_4_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f5_s5 { background: url("../images/fitout/local_5_tn.gif") bottom left no-repeat; }

/* Still - Double */
.fitoutInstalled .fitoutImage div.image_f1_s6 { background: url("../images/fitout/double_1.png") top left no-repeat; z-index: 50; }
.fitoutInstalled .fitoutImage div.image_f2_s6 { background: url("../images/fitout/double_2.png") top left no-repeat; z-index: 20; }
.fitoutInstalled .fitoutImage div.image_f3_s6 { background: url("../images/fitout/double_3.png") top left no-repeat; z-index: 30; }
.fitoutInstalled .fitoutImage div.image_f4_s6 { background: url("../images/fitout/double_4.png") top left no-repeat; z-index: 10; }
.fitoutInstalled .fitoutImage div.image_f5_s6 { background: url("../images/fitout/double_5.png") top left no-repeat; z-index: 40; }
.fitoutAvailable div.image_f1_s6 { background: url("../images/fitout/double_1_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f2_s6 { background: url("../images/fitout/double_2_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f3_s6 { background: url("../images/fitout/double_3_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f4_s6 { background: url("../images/fitout/double_4_tn.gif") bottom left no-repeat; }
.fitoutAvailable div.image_f5_s6 { background: url("../images/fitout/double_5_tn.gif") bottom left no-repeat; }