@charset "utf-8";
/* CSS Document */

body{
-webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}


.alwtext{
-webkit-user-select:text;
-moz-user-select:text;
-ms-user-select:text;
user-select:text;
			}


.style20{ height:2px;}

.fntsel { font-size:13px; float:left; margin-left:2%; margin-bottom:5px; height:22px; width:80px; background-color:#333333; color:#FFFFFF; padding-top:0px; border-radius:4px; cursor:pointer;border-style:solid;border-color:#333333; border-width:1px;box-shadow: 4px 4px 4px #999999;  }
.fntsel:hover{border-color:#0C0;}
.clr {clear: both;}

#line1s { padding: 2px; 0 0 0;}
.padding { position: static; clear: left; width:100%; height:30px; background-color:#FFFFFF; }
.padding_s { position: static; clear: left; width:100%; height:15px; background-color:#FFFFFF; }


.d_back-image1{background-image: url(/house-signs/images/background2.jpg);background-repeat: no-repeat;background-size: cover;}

.designstyle #container { 
	width: 98%; 
	background: #111111;
	max-width:1440px;
	margin: 0 auto;
	border: 1px solid #222222;
	text-align: left;
} 

.side_container{margin:0 auto;
	text-align:center; width:100%;}


.sidebar1 {
	float: left; 
	width: 42%; 
	background: #FFF;
	height:465px;
	
	}

.sidebar2 { overflow:hidden;
	float: right; 
	width: 58%; 
	background-image:url(/images/backgrounds/UrbanBrick3.jpg);
	background-color:#FFF;
	height:465px; 
	padding: 0 0 0 0;
	margin:0 auto;
	text-align:center; 
	}


.fl {float:left;}
.fr {float:right;}

.smaller{ font-size:11px;}

.sign_title {font-family:open_sanslight, Arial, Helvetica, sans-serif;
			font-size:15px;
			text-align:left; padding:4px 4px 4px 15px; margin-bottom:10px;
			}
.hide{ display:none;}
			
.options{float:left;
		 width:100%;
		 background-color:#FFFFFF;
        }
.options2{float:left;
		 width:100%;
		 background-color:#fff; border-style:solid; border-width:1px; border-radius:4px; border-color:#06C;
		 padding:6px 0 6px 0;
		 }
.oneclick_box {
			padding: 10px 1% 10px 1%;
			float:left;
			width:25%;
			
			border:0;
			margin-left:4%;
			margin-bottom:10px;
			box-shadow: 5px 5px 5px #999999;
			border-radius:4px; 
			cursor:pointer;
			font-family:open_sansregular, Arial, Helvetica, sans-serif;
			font-size:16px;
			color:#EEEEEE;
			background: #EEEEEE;
			text-align:center;
        }		  
.option_box {
			padding: 5px 5px 5px 5px;
			float:left;
			width:26%;
			height:25px;
			border:0;
			margin-left:3%;
			margin-bottom:10px;
			box-shadow: 5px 5px 5px #999999;
			border-radius:4px; 
			cursor:pointer;
			font-family:open_sansregular, Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#EEEEEE;
			border:solid; border-width:1px; border-color:#333333;
			background: #333333;
			text-align:center;
        }
			
.option_box:hover{border-color:#0C0;}		

.background_box {
			padding: 14px 1% 5px 1%;
			float:left;
			width:17%;
			height:40px;
			border:0;
			margin-left:4%;
			margin-bottom:10px;
			box-shadow: 5px 5px 5px #999999;
			border-radius:4px; 
			cursor:pointer;
			font-family:open_sansregular, Arial, Helvetica, sans-serif;
			font-size:16px;
			color:#EEEEEE;
			border:solid; border-width:1px; border-color:#333333;
			background: #333333;
			text-align:center;
        }
			
.background_box:hover{border-color:#0C0;}		





.buy_box {  outline:0;
			 
			display:inline-block;
			width:145px;
			height:28px; padding-top:3px;
			box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
			border-radius:3px; 
			cursor:pointer;
			font-family:open_sansregular;
			font-size:18px; font-weight:500;
			color:#FFF;
			border:solid; border-width:1px; border-color:#F60;
			background:#F30;
			text-align:center;}
			
.buy_box:hover {background:#090;}




.buy_box1 {
			padding: 14px 1% 5px 1%;
			float:left;
			width:25%;
			height:60px;
			border:0;
			margin-left:4%;
			margin-bottom:10px;
			box-shadow: 5px 5px 5px #999999;
			
			border-radius:4px; 
			cursor:pointer;
			font-family:open_sansregular, Arial, Helvetica, sans-serif;
			font-size:17px;
			color:#EEEEEE;
			border:solid; border-width:1px; border-color:#F60;
			background:#F60;
			text-align:center;
        }
.buy_box1:hover {border-color:#0C0;}
			
.buy_arrow{ float:right;
	width: 0;
	height: 0;
	margin:1px; 0 0 3px;
	border-top: 10px solid transparent;
	border-left: 20px solid #FFFFFF;
	border-bottom: 10px solid transparent;
	}		
	

		
.wclr {background: #FFFFFF;box-shadow: 5px 5px 5px #FFFFFF;}		

.power_text{ float:left; margin-left:10px; font-size:13px; width:65%; text-align:left;}
.pbold{ font-weight:600;font-size:15px; }
.power_choice{
			float:left;
			width:100px;
			height:25px;
			margin: 5px 10px 10px 10px; 
			padding-top:2px;
			border-radius:4px; 
			cursor:pointer;
			background-color:#333333;
			text-align:center;
			color:#FFFFFF;
			border:solid; border-width:1px; border-color:#333333;
			font-size:13px;
			}

.power_choice:hover {border-color:#0C0;}	



.colour_area{
			float:right;
			width:83px;
			height:25px;
			margin-top:10px;
			margin-right:2%; margin-left:2%;
			margin-bottom:5px;
			padding-top:2px;
			border-radius:4px; 
			cursor:pointer;
			background-color:#333333;
			text-align:center;
			color:#FFFFFF;
			border:solid; border-width:1px; border-color:#333333;
			font-size:13px;
			}
.colour_area:hover{	border-color:#0C0;}		

.hilight { background-color:#E6246E;}

.i_area_btn {float:right;
			border-radius:4px; 
			margin: 3px 8px 0 8px;
			width:140px;
			height:23px;
			font-size:15px;
			color: #FFFFFF;
			background-color: #333333;
			text-align:center;
			box-shadow: 5px 5px 5px #999999; 
			border-color:#333333;
			border-style:solid;
			border-width:1px;
			cursor:pointer;}
.i_area_btn:hover{border-color:#0C0; }

.sel_line{ 	float:left;
			border-radius:4px; 
			margin: 3px 8px 0 8px;
			width:90px;
			height:23px;
			font-size:14px;
			color: #FFFFFF;
			background-color: #333333;
			text-align:center;
			box-shadow: 5px 5px 5px #999999; 
			border-color:#333333;
			border-style:solid;
			border-width:1px;
			cursor:pointer;
			}
.sel_line:hover{border-color:#0C0;}			
			
.elm_line{ 	float:left;
			border-radius:4px; 
			margin: 3px 5px 0 5px;
			width:55px;
			height:23px;
			font-size:14px;
			color: #FFFFFF;
			background-color: #333333;
			text-align:center;
			box-shadow: 5px 5px 5px #999999; 
			border-color:#333333;
			border-style:solid;
			border-width:1px;
			cursor:pointer;
			display:none;
			}
.elm_line:hover{border-color:#0C0;}


.fnt_line{ 	float:left;
			border-radius:4px; margin-bottom:5px; 
			
			margin-left:2%;
			width:80px;
			height:20px;
			font-size:12px;
			color: #FFFFFF;
			background-color: #333333;
			text-align:center;
			box-shadow: 4px 4px 4px #999999; 
			border-color:#333333;
			border-style:solid;
			border-width:1px;
			cursor:pointer;
			}
.fnt_line:hover{border-color:#0C0;}					
			
			
			
.en_line{ 	float:left;
			border-radius:2px; 
			margin: 3px 5px 3px 0;
			width:12px;
			height:29px;
			color: #FFFFFF;
			background-color: #0C0;
			text-align:center;
			
			border-color:#060;
			border-style:solid;
			border-width:1px;
			cursor:pointer;
			}	
			
.en_line:hover{border-color:#0C0;}				

.arrow{ float:left;
	width: 0;
	height: 0;
	margin:4px; 0 0 3px;
	border-top: 8px solid transparent;
	border-right: 16px solid #FFFFFF;
	border-bottom: 8px solid transparent;
	}
.arrow2{ float:left;
	width: 0;
	height: 0;
	margin:4px; 0 0 3px;
	border-top: 8px solid transparent;
	border-right: 16px solid #0C0;
	border-bottom: 8px solid transparent;
	}	
		
.sel1{ margin-left:15px; margin-right:20px;}	

.colour_option{
			padding: 2px 0 0 0;
			float:left;
			width:67px;
			height:37px;
			border-style:solid;
			border-width: 1px 1px 1px 1px;
			border-color:#333333;
			margin-left:1.5%;
			margin-bottom:8px;
			box-shadow: 3px 3px 3px #999999;
			border-radius:4px; 
			cursor:pointer;
			}
.colour_option:hover{border-color:#0C0;}			
			
.colour_box{ position:relative;
			border-radius:3px; 
			margin: auto auto;
			width:90%;
			height:92%;
			background-color:#FF0000;
			font-size:10px;
			color:#FFFFFF;
			text-align:center;
			}
			

.colour_text{position:relative;
			margin: auto auto;
			width:98%;
			height:98%;
			padding-top:3px;
			font-family:open_sansregular, Arial, Helvetica, sans-serif;
			font-size:10px;
			text-align:center;
			}


.line { float:left;
			
			padding: 3px 3px 3px 3px;
			margin: 6px 10px 0 8px;
			font-size:16px;
			}

.sel1 input{float:left;
	        width: 60%;
    		padding:5px 5px;
   			margin: 3px 0;
   			border: 2px solid #ccc;
    		border-radius: 4px;
    		box-sizing: border-box;
			font-size:14px;
			}  

input{ 		width: 40%;
    		padding:5px 5px;
   			border: 2px solid #ccc;
    		border-radius: 4px;
    		box-sizing: border-box;
			font-size:14px;}


.fontface { 
			float:left;
			width:160px;
			height:23px;
			margin-left:2%;
			margin-top:5px;
			margin-bottom:9px;
			box-shadow: 5px 5px 5px #999999;
			border-radius:2px; 
			cursor:pointer;
			color:#000000;
			border-style:solid;border-color:#D6D6D6; border-width:1px;
			background: #D6D6D6;
        }
.fontface:hover {border-color:#0C0;}
		
.fss  { float:left; width: 10px; height:10px; margin: 5px 5px 5px 5px; background-color:#FFFFFF; border:solid; border-width:1px; border-color:#999999; }
.fsshi {float:left; width: 10px; height:10px; margin: 5px 5px 5px 5px; background-color:#0C0; border:solid; border-width:1px; border-color:#999999; }			
.fst  { float:left; padding:2px; 0 0 0; text-align:left; font-size:14px;}	
			
.design_number{background-color:#FFFFFF;
			   width: 180px; 
			   position:relative;
			   margin: 5px auto 5px;
			   }
			   

.buttonx{	text-align: center; 
			margin: 0 auto;
			padding: 0px 0px 0px 0px;
			width:34px;
			height:34px;
			box-shadow: 5px 5px 5px #999999;
			border-radius:4px; 
			cursor:pointer;
			font-family:open_sansregular, Arial, Helvetica, sans-serif;
			font-size:22px;
			font-weight:800;
			border:solid; border-width:1px; border-color:#333333;
			color:#EEEEEE;
			background: #333333;
			}
			
.button_pad{text-align: center; 
			margin: 5px 0 0 5px;
			padding: 0px 0px 0px 0px;
			width:15%;
			height:34px;
			font-family:open_sansregular, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:300;
			text-align:center;
			color:#000;
			background: #fff;
			}
.button_space{height:34px; width:12px;;}						
			
			
.buttonx:hover{border-color:#0C0;}			

.buttonrst{	text-align: center; 
			margin: 0 auto;
			padding: 4px 0px 0px 0px;
			width:65px;
			height:26px;
			box-shadow: 5px 5px 5px #999999;
			border-radius:4px; 
			cursor:pointer;
			font-family:open_sansregular, Arial, Helvetica, sans-serif;
			font-size:16px;
			color:#EEEEEE;
			background: #333333;
			}
.con_wrap{ width:100%; display:inline-block;}
.con_cent{ width:100%; display:inline-block;text-align:center;margin:0 auto;}			
.con_left {width:20%; float:left; text-align:center;}
.con_mid {width:45%; float:left; text-align:center;}
.con_right {width:34%; float:left; text-align:center;margin:0 auto;}
.half{width:49%;float:left; margin:0 auto; }
.full{width:99%;float:left; margin:0 auto; }
.mid{width:32%;float:left; margin:0 auto; }
			
			
			

#cross {
  background: #FFFFFF;
  height: 20px;
  left: 14px;
  top: 7px;
  position: relative;
  width: 5px;
}
#cross:after {
  background: #FFFFFF;
  content: "";
  height: 5px;
  left: -8px;
  position: absolute;
  top: 8px;
  width: 20px;
}
#line {
  background: #333333;
  height: 20px;
  left: 16px;
  top: 6px;
  position: relative;
  width: 5px;
}
#line:after{
  background: #FFFFFF;
  content: "";
  height: 5px;
  left: -8px;
  position: absolute;
  top: 10px;
  width: 19px;
}


#dot {
  background: #333333;
  height: 20px;
  left: 16px;
  top: 6px;
  position: relative;
  width: 15px;
}
#dot:after{
  background: #FFFFFF;
  content: "";
  height: 12px;
  left: -5px;
  position: absolute;
  top: 5px;
  width: 12px;
}

.a_pad{ height: 8px;
		width: 100%;}
.b_pad{ height: 1px;
		width: 100%;}		

.aa_up {
	margin: 0 auto;
	width: 0;
	height: 0;
	padding: 4px 0px 0px 0px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 12px solid #FFFFFF;
}

.aa_down {
	margin:0 auto;
	width: 0;
	height: 0;
	padding: 0px 0px 10px 0px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 12px solid #FFFFFF;
}

.aa_left {
	width: 0;
	height: 0;
	margin: 7px 5px 0 0;
	float:right;
	padding: 0px 0px 0px 0px;
	border-top: 10px solid transparent;
	border-right: 12px solid #FFFFFF;
	border-bottom: 10px solid transparent;
}

.aa_right {
	width: 0;
	height: 0;
	margin: 7px 0 0 5px;
	float:left;
	padding: 0px 0px 0px 0px;
	border-top: 10px solid transparent;
	border-left: 12px solid #FFFFFF;
	border-bottom: 10px solid transparent;
}



.a_up {
	margin: 0 auto;
	width: 0;
	height: 0;
	padding: 6px 0px 0px 0px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 19px solid #FFFFFF;
}

.a_down {
	margin:0 auto;
	width: 0;
	height: 0;
	padding: 0px 0px 10px 0px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 20px solid #FFFFFF;
}

.a_left {
	width: 0;
	height: 0;
	margin:4px auto;
	padding: 0px 0px 0px 0px;
	border-top: 12px solid transparent;
	border-right: 19px solid #FFFFFF;
	border-bottom: 11px solid transparent;
}

.a_right {
	width: 0;
	height: 0;
	margin:4px auto;
	padding: 0px 0px 0px 0px;
	border-top: 12px solid transparent;
	border-left: 19px solid #FFFFFF;
	border-bottom: 11px solid transparent;
}

.colour-info{ font-size:14px; padding: 0 10px 15px 10px; font-weight:600; }
			
.light{color:#FFFFFF;}	
.dark{color:#000000;}
		
.silver {background-color:#BBBBBB;}
.black {background-color:#000000;}
.white {background-color:#FFFFFF;}	
.charcoal{background-color:#333333;}
.pale_grey{background-color:#999999;}
.corp_blue{background-color:#000099;}									
.dark_blue{background-color:#000033;}
.sky_blue{background-color:#0066FF;}
.powder_blue{background-color:#ABE8FC;}
.mid_green{background-color:#007900;}
.red{background-color:#FF0000;}
.apricot{background-color:#FFCC00;}
.lime_green{background-color:#A8FE34;}
.yellow{background-color:#FFFF00;}
.pink{background-color:#FF0066;}
.burgundy{background-color:#AA0000;}
.dark_brown{background-color:#772600;}
.terracotta{background-color:#D54500;}
.beige{background-color:#FFFF99;}
.gold{background-color:#E0B401;}
.orange{background-color:#FF751A;}
.lavender{background-color:#9853FF;}
.purple{background-color:#510AA0;}
.turquoise{background-color:#32B3AF;}
.bronze{background-color:#BF6302;}
.dark_green{background-color:#024A2B;}
.mid_grey{background-color:#575859;}
.sandstone{background-color:#CFAA72;}
.light_grey{background-color:#DDDDDD;}
.ivory{background-color:#FFFCC7;}
.panther_pink{background-color:#FF7DA8;}
.mineral_grey{background-color:#5E5F64;}
.ash_grey{background-color:#E2E3E0;}
.chrome{background-color:#DDDDDD;}
.pale_gold{background-color:#DFDA6F;}

.carribean_blue{background-color:#1A85B9;}									
.sea_blue{background-color:#1C40EA;}
.signal_blue{background-color:#1540D0;}
.night_blue{background-color:#14019A;}

.cyclamen{background-color:#DF0070;}
.poppy_red{background-color:#F22;}
.mint_green{background-color:#007500;}

.clay{background-color:#cfcecc;}
.denim{background-color:#3c4d5f;}
.duck_egg_blue{background-color:#88a19e;}
.dusky_blue{background-color:#aab3b8;}
.dusky_pink{background-color:#bdaa9c;}
.dusky_lavender{background-color:#888286;}
.marshmallow{background-color:#d7ced1;}
.mulberry{background-color:#584547;}
.mustard{background-color:#d2b954;}
.pine{background-color:#677166;}
.ruby{background-color:#6b3533;}
.sage{background-color:#c1bda2;}
.toffee{background-color:#997c52;}

.desert_beige{background-color:#d9c298;}
.walnut_brown{background-color:#3f362f;}


.led_blue{background-color:#232EFE;}
.led_red{background-color:#CA0005;}
.led_green{background-color:#00E600;}
.led_warmwhite{background-color:#FDF5CC;}
.led_yellow{background-color:#F4F400;}



.colourguide{font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:17px; margin: 10px 30px 0 10px; width:95%; display:inline-block;}
.colourdetails{font-size:14px; font-weight:600;}

.temp_number{cursor:pointer;}

.download { text-align:center;
			padding: 4px 1% 0px 1%;
			float:left;
			width:50%;
			height:25px;
			margin: 0px 25% 20px 25%;
			box-shadow: 5px 5px 5px #999999;
			border-radius:4px;
			border-style:solid;
			border-color:#333333; 
			border-width:1px; 
			cursor:pointer;
			font-family:open_sansregular, Arial, Helvetica, sans-serif;
			font-size:16px;
			color:#EEEEEE;
			background:#333333;
			}
.download:hover{border-color:#0C0; }			

.brick1{ background-image: url("/house-signs/images/backgrounds/back_1_s1_logo.jpg"); }	
.brick2{ background-image: url("/house-signs/images/backgrounds/back_2_s1_logo.jpg"); }	
.brick3{ background-image: url("/house-signs/images/backgrounds/back_3_s1_logo.jpg"); }	
.brick4{ background-image: url("/house-signs/images/backgrounds/back_4_s1_logo.jpg"); }	
.brick5{ background-image: url("/house-signs/images/backgrounds/back_5_s1_logo.jpg"); }	
.brick6{ background-image: url("/house-signs/images/backgrounds/back_6_s1_logo.jpg"); }	
.brick7{ background-image: url("/house-signs/images/backgrounds/back_7_s1_logo.jpg"); }
.brick8{ background-image: url("/house-signs/images/backgrounds/back_8_s1_logo.jpg"); }
.brick9{ background-image: url("/house-signs/images/backgrounds/back_9_s1_logo.jpg"); }
.brick10{ background-image: url("/house-signs/images/backgrounds/back_10_s1_logo.jpg"); }
.brick11{ background-image: url("/house-signs/images/backgrounds/back_11_s1_logo.jpg"); }
.brick12{ background-image: url("/house-signs/images/backgrounds/back_12_s1_logo.jpg"); }
.brick13{ background-image: url("/house-signs/images/backgrounds/back_13_s1_logo.jpg"); }
.brick14{ background-image: url("/house-signs/images/backgrounds/back_14_s1_logo.jpg"); }
.brick15{ background-image: url("/house-signs/images/backgrounds/back_15_s1_logo.jpg"); }
.brick16{ background-image: url("/house-signs/images/backgrounds/back_16_s1_logo.jpg"); }
.brick17{ background-image: url("/house-signs/images/backgrounds/back_17_s1_logo.jpg"); }
.brick18{ background-image: url("/house-signs/images/backgrounds/back_18_s1_logo.jpg"); }
.brick19{ background-image: url("/house-signs/images/backgrounds/back_19_s1_logo.jpg"); }
.brick20{ background-image: url("/house-signs/images/backgrounds/back_20_s1_logo.jpg"); }



.note {  width:90%; text-align:left; padding:0 5% 15px 5%; font-size:14px;}
.note1 { width:95%; text-align:left; font-size:14px; padding:0 5% 15px 5%; margin-top:10px; font-weight:600;}
.note2 { width:90%; text-align:center; font-size:15px; padding:0 5% 15px 5%; margin-top:10px;}
.price {font-size:28px; font-weight:600; color: #090;}
.bold {font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.instruct{font-size:13px; 
		  margin:5px 15px 7px 15px;
		  padding:0 15px 0 15px;
		  }
		  
.size_data{font-size:16px; padding:6px 0 6px 0; color:#090; }		  

.instruct2{font-size:13px;padding:3px 0px 5px 0px;}
		
.hidden { display:none;}

.button1{ 
			text-align: center; 
			margin: 20px auto;
			padding: 2px; 0 0 0;
			width:150px;
			height:25px;
			box-shadow: 5px 5px 5px #999999;
			border-radius:4px; 
			cursor:pointer;
			font-family:open_sansregular, Arial, Helvetica, sans-serif;
			font-size:16px;
			border:solid; border-width:1px; border-color:#333333;
			color:#EEEEEE;
			background: #333333;
			}
.button1:hover{border-color:#0C0;}		


.back1{		text-align: left; 
			margin: 10px 0 25px 10px;
			padding: 0 0 0 4px;
			float:left;
			width:108px;
			height:25px;
			box-shadow: 5px 5px 5px #999999;
			border-radius:4px; 
			cursor:pointer;
			font-family:open_sansregular, Arial, Helvetica, sans-serif;
			font-size:16px;
			border:solid; border-width:1px; border-color:#E6246E;
			color:#EEEEEE;
			background:#E6246E;
			}
.back1:hover{border-color:#0C0;}


.back2{ clear:left;		
		height:1px;
		width:100%;
		}

.back_c{ float:left; width: 0;
	height: 0;
	border-top: 16px solid #DDDDDD;
	border-right: 16px solid transparent; margin-top:3px; margin-right:6px;
	}
	
.back{	float:left;
	width: 0;
	height: 0;
	margin:4px; 0 0 3px;
	border-top: 7px solid transparent;
	border-right: 14px solid #FFFFFF;
	border-bottom: 7px solid transparent;
	}

.fwd_c{ float:right; width: 0;
	height: 0;
	border-bottom: 16px solid #DDDDDD;
	border-left: 16px solid transparent; margin-top:4px; margin-left:6px;
	}	

.fwd{float:right; width: 0;
	width: 0;
	height: 0;
	margin:4px 0 0 6px;
	padding: 0px 0px 0px 0px;
	border-top: 7px solid transparent;
	border-left: 14px solid #FFFFFF;
	border-bottom: 7px solid transparent;
	}
	
.rrcode{ padding: 8px 0 8px 0; text-align:center; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:18px;}	
	
	
.pos_con{ text-align: right; 
			margin: 10px 15px 0 0;
			padding: 0 4px 0 0;
			float:right;
			width:120px;
			height:25px;
			box-shadow: 5px 5px 5px #999999;
			border-radius:4px; 
			cursor:pointer;
			font-family:open_sansregular, Arial, Helvetica, sans-serif;
			font-size:16px;
			border:solid; border-width:1px; border-color:#E6246E;
			color:#EEEEEE;
			background:#E6246E; 
		}
.pos_con:hover{border-color:#0C0;}		
		
		

.next{ text-align: right; 
			margin: 10px 15px 0 0;
			padding: 0 4px 0 0;
			float:right;
			width:80px;
			height:25px;
			box-shadow: 5px 5px 5px #999999;
			border-radius:4px; 
			cursor:pointer;
			font-family:open_sansregular, Arial, Helvetica, sans-serif;
			font-size:16px;
			color:#EEEEEE;
			background: #333333; 
			}

.prev{		text-align: left; 
			margin: 10px 0 25px 10px;
			padding: 0 0 0 4px;
			float:left;
			width:80px;
			height:25px;
			box-shadow: 5px 5px 5px #999999;
			border-radius:4px; 
			cursor:pointer;
			font-family:open_sansregular, Arial, Helvetica, sans-serif;
			font-size:16px;
			color:#EEEEEE;
			background: #333333;
			}
			
img {
  max-width: 100%;
}

.main {
    		background: #111111;
    		padding: 0%; 
    		width:100%;
			height:100px;
			position: static;
			} 



.clearfloat {clear:both; height:0;}



				
		.rotate1 {
			-webkit-transform:rotate(0deg);
			-moz-transform:rotate(0deg);
			-o-transform:rotate(0deg);
			-ms-transform:rotate(0deg);
			transform:rotate(0deg);
			filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
				}
	
		.rotate2 {
		
  -webkit-transform: rotate(90deg); 
     -moz-transform: rotate(90deg); 
      -ms-transform: rotate(90deg); 
       -o-transform: rotate(90deg); 
          transform: rotate(90deg);
            filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
			
				}
				
		.rotate3 {
	
			-webkit-transform:rotate(180deg);
			-moz-transform:rotate(180deg);
			-o-transform:rotate(180deg);
			-ms-transform:rotate(180deg);
			transform:rotate(180deg);
			filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
				}
				
		.rotate4 {
	
			-webkit-transform:rotate(270deg);
			-moz-transform:rotate(270deg);
			-o-transform:rotate(270deg);
			-ms-transform:rotate(270deg);
			transform:rotate(270deg);
			filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
				}


		
.discount { font-size:16px; color:#F30; margin-left:9px; display:none;}

														
@media screen and (max-width: 1000px) and (max-height:640px) {.option_box {height:46px; padding: 3px 6px 3px 6px;}
															 .buy_box {height:46px; padding: 3px 6px 3px 6px;}}	

@media screen and (orientation: portrait){.side_container{}
										  .sidebar1 { float:none; width:100%; max-width:620px; height:auto; display:inline-block; border:solid; border-color:#ccc; border-width:1px; padding:5px 0 8px 4px;}
										  .sidebar2 { float: left; width:100%; height:400px;}
										  .colour_area { font-size:12px;}
														
			
			
											
											}


@media only screen and (max-width: 1000px)  {.side_container{}	
											.sidebar1 { float:none; width:100%; max-width:620px; height:auto;display:inline-block; border:solid; border-color:#ccc; border-width:1px; padding:5px 0 8px 4px;}
											.sidebar2 { float: left; width:100%; height:400px;}
											.colour_area { font-size:12px;}
											
											}
			


@media only screen and (max-width: 479px) {

.sidebar2 { height:350px;} /*pink*/

#box1 {		transform-origin: top ;
			-moz-transform-origin: 0;
			transform: scale(0.90,0.90);
			-ms-transform: scale(0.90, 0.90);/* IE 9 */			
			-moz-transform: scale(0.90, 0.90);/* IE 9 */
    		-webkit-transform: scale(0.90, 0.90); /* Safari */ 
			}}


@media only screen and (max-width: 445px) {

.sidebar2 { height:330px;}

#box1 {		transform-origin: top ;
			-moz-transform-origin: 0;
			transform: scale(0.85,0.85);
			-ms-transform: scale(0.85, 0.85);/* IE 9 */			
			-moz-transform: scale(0.85, 0.85);/* IE 9 */
    		-webkit-transform: scale(0.85, 0.85); /* Safari */ 
			}}


@media only screen and (max-width: 425px) {

.sidebar2 { height:325px; margin-left:18px;}

#box1 {		transform-origin: top left;
			-moz-transform-origin: 0 0;
			transform: scale(0.86,0.86);
			-ms-transform: scale(0.86, 0.86);/* IE 9 */			
			-moz-transform: scale(0.86, 0.86);/* IE 9 */
    		-webkit-transform: scale(0.86, 0.86); /* Safari */ 
			}}


@media only screen and (max-width: 413px) {

.sidebar2 { height:320px; margin-left:15px;}

#box1 {		transform-origin: top left;
			-moz-transform-origin: 0 0;
			transform: scale(0.85,0.85);
			-ms-transform: scale(0.85, 0.85);/* IE 9 */			
			-moz-transform: scale(0.85, 0.85);/* IE 9 */
    		-webkit-transform: scale(0.85, 0.85); /* Safari */ 
			}}

@media only screen and (max-width: 391px) {

.sign_title {font-size:16px;}
.sidebar2 { height:315px; margin-left:12px;}

#box1 {		transform-origin: top left;
			-moz-transform-origin: 0 0;
			transform: scale(0.82,0.82);
			-ms-transform: scale(0.82, 0.82);/* IE 9 */			
			-moz-transform: scale(0.82, 0.82);/* IE 9 */
    		-webkit-transform: scale(0.82, 0.82); /* Safari */ 
			}}			
@media only screen and (max-width: 376px) {
.option_box{padding: 6px 1% 4px 1%; font-size:14px;}
.sidebar2 { height:310px; margin-left:12px;}
.download{font-size:14px;}

#box1 {		transform-origin: top left;
			-moz-transform-origin: 0 0;
			transform: scale(0.78,0.78);
			-ms-transform: scale(0.78, 0.78);/* IE 9 */			
			-moz-transform: scale(0.78, 0.78);/* IE 9 */
    		-webkit-transform: scale(0.78, 0.78); /* Safari */ 
			}}					
@media only screen and (max-width: 361px) {
.sign_title {font-size:14px;}

.sidebar2 { height:290px; margin-left:11px;}

#box1 {		transform-origin: top left;
			-moz-transform-origin: 0 0;
			transform: scale(0.75,0.75);
			-ms-transform: scale(0.75, 0.75);/* IE 9 */			
			-moz-transform: scale(0.75, 0.75);/* IE 9 */
    		-webkit-transform: scale(0.75, 0.75); /* Safari */ 
			}}				
@media only screen and (max-width: 350px) {


.sel_line { font-size:13px;}
.sidebar2 { height:270px; margin-left:10px;}

#box1 {		transform-origin: top left;
			-moz-transform-origin: 0 0;
			transform: scale(0.69,0.69);
			-ms-transform: scale(0.69, 0.69);/* IE 9 */			
			-moz-transform: scale(0.69, 0.69);/* IE 9 */
    		-webkit-transform: scale(0.69, 0.69); /* Safari */ 
			}}				
@media only screen and (max-width: 330px) {


.sel_line { font-size:12px;}
.sidebar2 { height:250px; margin-left:8px;}

#box1 {		transform-origin: top left;
			-moz-transform-origin: 0 0;
			transform: scale(0.65,0.65);
			-ms-transform: scale(0.65, 0.65);/* IE 9 */			
			-moz-transform: scale(0.65, 0.65);/* IE 9 */
    		-webkit-transform: scale(0.65, 0.65); /* Safari */ 
			}}