

.cls{
	clear: both;
}

#modRoomChoiceColor{
	font-family: Verdana;
	background: #f0efe4;
	width: 710px;
	margin: auto;
	overflow: hidden;
	padding: 10px 0px 10px 0px;
	font-family: Verdana;
	font-size: 18px;
}
#modRoomChoiceColor .title{
	font-size: 20px;
	height: 26px;
}
#modRoomChoiceColor .room .color{
	position: absolute;
	
}

#modRoomChoiceColor .room .ceiling{
	top: 0px;
	left: 116px;
	width: 100%;
	height: 120px;
	z-index: 20;
}
#modRoomChoiceColor .room .wall{
	top: 90px;
	left: 0px;
	width: 100%;
	height: 302px;
	z-index: 10;
}
#modRoomChoiceColor .room .floor{
	top: 325px;
	left: 0px;
	width: 687px;
	height: 190px;
	z-index: 30;
	-webkit-transform: rotateY( 180deg );


    -ms-transform: rotateY(180deg);

    -o-transform: rotateY( 180deg );

    transform: rotate( 170deg );

}

#modRoomChoiceColor .room{
	width: 686px;
	margin: auto;
	height: 456px;
	position: relative;
	overflow: hidden;
}
#modRoomChoiceColor .room img{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

#modRoomChoiceColor .Switches{
	width: 690px;
	margin: auto;
	margin-top: 10px;
}
#modRoomChoiceColor .Switches.Top{
	position: relative;
	height: 80px;
}
#modRoomChoiceColor .Switches.Top .RightListColor{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 448px;
}

#modRoomChoiceColor .Switches.Bottom .fieldset{
	width: 340px;
	float: left;

	border: solid 1px #cfcfcf;
	boredr-radius: 6px;
	overflow: hidden;
}
#modRoomChoiceColor .Switches.Bottom .fieldset:last-child{
	margin-left: 5px;
}
  
#modRoomChoiceColor .Switches .colors{
	overflow: hidden;
}

#modRoomChoiceColor .Switches.Bottom .colors{
	width: 320px;
	overflow: hidden;
}

#modRoomChoiceColor .Switches .c{
	width: 18px;
	height: 22px;
	float: left;
	border: solid 1px #cfcfcf; 
	cursor: pointer;
}


#modRoomChoiceColor .select{
	width: 200px;
	height: 20px;
	border: solid 1px #cfcfcf;
	border-radius: 4px;
	margin: 5px;
	font-size: 14px;
	text-indent: 10px;
	z-index: 1000;
	cursor: pointer;
	background: #fff;
}
#modRoomChoiceColor .select .but{
	height: 20px;
	width: 20px;
	background:url(butSelectColor.png) center no-repeat #fff;
	float: right;
}
#modRoomChoiceColor .select:hover .but{
	background:url(butSelectColorActiv.png) center no-repeat #000;
	float: right;

}

#modRoomChoiceColor .select .input{
	width: 170px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	float: left;
	
}
#modRoomChoiceColor .select .list{
	border: solid 1px #cfcfcf;
	position: relative;
	top: 0px;
	border-radius: 0px 0px 4px 4px;
	z-index: 1000;
	display: none;
	background: #fff;
}
/*.select:active .list{
	display: block;
}*/
#modRoomChoiceColor .select .list .option{
	cursor: pointer;

}
#modRoomChoiceColor .select .list .option:hover{
	background: #9ad8ff;
}



/*****************************************/
/*COLORS*/
/*****************************************/
/*Ceiling*/
/*#modRoomChoiceColor .Switches .Ceiling .opt1 .c:nth-child(1){
	background: #b8cce5;
} 
#modRoomChoiceColor .Switches .Ceiling .opt1 .c:nth-child(2){
	background: #3598c1;
}
#modRoomChoiceColor .Switches .Ceiling .opt1 .c:nth-child(3){
	background: #09a0e9;
}
#modRoomChoiceColor .Switches .Ceiling .opt1 .c:nth-child(4){
	background: #0b66b7;
}*/

/*.Switches .Ceiling .opt2{
	display: none;
}*/

.Switches .Ceiling .opt2 .c:nth-child(1){
	background: #fff;
} 
.Switches .Ceiling .opt2 .c:nth-child(2){
	background: #fcfbf9;
}
.Switches .Ceiling .opt2 .c:nth-child(3){
	background: #faf6ed;
}
.Switches .Ceiling .opt2 .c:nth-child(4){
	background: #fffbf2;
}
.Switches .Ceiling .opt2 .c:nth-child(5){
	background: #f7f6f4;
} 
.Switches .Ceiling .opt2 .c:nth-child(6){
	background: #fff8dc;
}
.Switches .Ceiling .opt2 .c:nth-child(7){
	background: #fef2b6;
}
.Switches .Ceiling .opt2 .c:nth-child(8){
	background: #f6d5c2;
}
.Switches .Ceiling .opt2 .c:nth-child(9){
	background: #fff2f9;
} 
.Switches .Ceiling .opt2 .c:nth-child(10){
	background: #fcebf3;
}
.Switches .Ceiling .opt2 .c:nth-child(11){
	background: #fddfeb;
}
.Switches .Ceiling .opt2 .c:nth-child(12){
	background: #fce0d5;
}
.Switches .Ceiling .opt2 .c:nth-child(13){
	background: #ecd7dc;
} 
.Switches .Ceiling .opt2 .c:nth-child(14){
	background: #f0f9f6;
}
.Switches .Ceiling .opt2 .c:nth-child(15){
	background: #ebf3ca;
}
.Switches .Ceiling .opt2 .c:nth-child(16){
	background: #dff1fb;
}
.Switches .Ceiling .opt2 .c:nth-child(17){
	background: #cfe9f8;
}
.Switches .Ceiling .opt2 .c:nth-child(18){
	background: #e5e1f2;
}

/* Wall Floor*/
.Switches  .c:nth-child(1){
	background: #b8cce5;
} 
.Switches  .c:nth-child(2){
	background: #3598c1;
}
.Switches  .c:nth-child(3){
	background: #09a0e9;
}
.Switches  .c:nth-child(4){
	background: #0b66b7;
}
.Switches  .c:nth-child(5){
	background: #0048c0;
} 
.Switches  .c:nth-child(6){
	background: #0d387d;
}
.Switches  .c:nth-child(7){
	background: #203958;
}
.Switches  .c:nth-child(8){
	background: #b8ccef;
}
.Switches  .c:nth-child(9){
	background: #d34180;
} 
.Switches  .c:nth-child(10){
	background: #867acc;
}
.Switches  .c:nth-child(11){
	background: #803472;
}
.Switches  .c:nth-child(12){
	background: #3c3578;
}
.Switches  .c:nth-child(13){
	background: #f6fafd;
} 
.Switches  .c:nth-child(14){
	background: #d6cdbc;
}
.Switches  .c:nth-child(15){
	background: #90a7b5;
}
.Switches  .c:nth-child(16){
	background: #4c6a75;
}
.Switches  .c:nth-child(17){
	background: #f28eb0;
} 
.Switches  .c:nth-child(18){
	background: #d67f78;
}
.Switches  .c:nth-child(19){
	background: #d07c8c;
}
.Switches  .c:nth-child(20){
	background: #d60a79;
}
.Switches  .c:nth-child(21){
	background: #d30835;
} 
.Switches  .c:nth-child(22){
	background: #9a1737;
}
.Switches  .c:nth-child(23){
	background: #3e2a36;
}
.Switches  .c:nth-child(24){
	background: #ece6c4;
}
.Switches  .c:nth-child(25){
	background: #aea07d;
} 
.Switches  .c:nth-child(26){
	background: #955f47;
}
.Switches  .c:nth-child(27){
	background: #8f3c2e;
}
.Switches  .c:nth-child(28){
	background: #533831;
}
.Switches  .c:nth-child(29){
	background: #c3e6e8;
} 
.Switches  .c:nth-child(30){
	background: #6ea496;
}
.Switches  .c:nth-child(31){
	background: #00b0a6;
}
.Switches  .c:nth-child(32){
	background: #0087b6;
}
.Switches  .c:nth-child(33){
	background: #db4465;
} 
.Switches  .c:nth-child(34){
	background: #06ad2c;
}
.Switches  .c:nth-child(35){
	background: #94d233;
}
.Switches  .c:nth-child(36){
	background: #036651;
}
.Switches  .c:nth-child(37){
	background: #fcea00;
} 
.Switches  .c:nth-child(38){
	background: #ffca00;
}
.Switches  .c:nth-child(39){
	background: #c38e00;
}
.Switches  .c:nth-child(40){
	background: #ff5301;
}
.Switches  .c:nth-child(41){
	background: #d26101;
} 
.Switches  .c:nth-child(42){
	background: #e03b03;
}
.Switches  .c:nth-child(43){
	background: #a80522;
}
.Switches  .c:nth-child(44){
	background: #39302b;
}
