/* CSS Document */
* { margin: 0; padding: 0; outline: none; behavior: url(border-radius.htc); border: none;}

body { text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size: 81.2%;
	   color:#444; background: #ccc;}
	   
	   
/* colours */	   
.darkgrey { color:#444!important;}
.lightgrey { color:#666!important;}
.green { color: #008c00!important;}
.orange { color: #f60!important;}
.white { color: #faf9fa!important;}

.greenbg  { background: #00aa00 url(../images/grad_green.html) 0 -2px repeat-x; color: #fff;}
.orangebg { background: #d0392e url(../images/grad_orange.html) 0 -2px repeat-x; color: #fff;}
.blackbg  { background: #000 url(../images/grad_black.html) 0 0 repeat-x; color: #fff;}
.greybg  { background: url(../images/grad_grey.html) 0 -2px repeat-x; color: #444;}
.whitebg  { background: #faf9fa;}
.porangebg { background: #f26522; color: #fff;}

.wash_tube { background:url(../images/wash_tube_s1.jpg) right no-repeat; min-height: 155px; padding-right: 100px!important; width: 192px;}
.wash_cog { background: url(../images/wash_cogs_s1.jpg) right no-repeat; min-height: 155px; padding-right: 116px!important; width: 174px;}

.outer {  }
.frame { margin: auto;  width: 960px; -webkit-box-shadow: rgba(0,0,0,0.3) 2px 2px 2px; 
		-moz-box-shadow: rgba(0,0,0,0.3) 2px 2px 2px;}
#main { text-align:left; position:relative; }
#navigation { height:30px; left:220px; position:absolute; top:90px; width:719px;}
#header { position:relative; text-align: left; z-index:50; }
#logo { float:left;
margin:20px 20px 0;
width:250px;}

#slogan { position:absolute; right: 20px; top: 20px;}
.footer { background: #333; color:#ccc; margin-top: 20px; border-top: 3px solid #ccc; padding-top: 2px;}
.banner_tabbed { margin-top: 15px;}

/* composite styles */
.col { float: left;}
.w25 { width: 214px;}
.w33 { width: 292px;}
.w50 { width: 448px;}
.w75 { width: 706px;}
.w100 { width: 920px;}
.h250 { height:320px;}
.h400 { height:380px;}
.h150 { height:255px;}
.h200 {  clear: both;}

.p15 { padding-left: 15px!important;}

a { text-decoration: underline; color:#E49D03;}
a:hover { text-decoration: underline; color:#f60;}

.guttered 		{ margin-left: 20px!important; margin-right: 20px!important;}
.gutter_left 	{ margin-left: 20px!important; }
.gutter_right 	{ margin-right: 20px!important;}
.mini_gutter 		{ margin-left: 10px!important; margin-right: 10px!important;}
.mini_gutter_left 		{ margin-left: 10px!important;}
.mini_gutter_right 		{  margin-right: 10px!important;}

.divided { border-left: 1px solid #666; }

.clear { clear: both;}

.floatleft 	{ float: left;}
.floatright { float: right;}
.anchor { position: absolute; left:0; bottom:10px;}

.nomargin { margin: 0!important;}

.absolute { position: absolute;}
.relative { position: relative;}


.boxed {	-moz-border-radius: 5px;
			-webkit-border-radius: 5px;			
			border: 1px solid #ccc;}

.panel		{ margin: 10px auto 20px; padding: 0 0 10px 0;}			

.panel h1 { background:url(../images/grad_grey.html) repeat-x; line-height:30px; color:#444; padding: 0 15px; font-size: 1.3em; margin: 2px 0;}

.panel h2 { line-height:20px; color:#444; padding: 5px 15px; font-size: 1.2em;}

.panel h3 { line-height:20px; color:#444; padding: 10px 15px 5px; font-size: 1.3em; font-weight: normal;}

.panel p { padding: 0 15px; font-size: 1.0em;}

a.btn {  padding: 0 15px; line-height: 25px; margin: 10px auto 5px; 
		text-decoration: none; font-weight: bold;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		-webkit-box-shadow: rgba(0,0,0,0.3) 2px 2px 2px; 
		-moz-box-shadow: rgba(0,0,0,0.3) 2px 2px 2px;
}

a:hover.btn { color:#fff;}

.anchored { position: absolute; bottom: 10px;}

h3.address  { font-size: 1.0em;}
h3.email  { font-size: 1.0em;}
h3.phone  { font-size: 1.0em;}

.inset		  { position:absolute; top: 105px; left: 20px;}
.tabbed_inset { position:absolute; bottom: 10px; left: 0px;}
.typical_rate { color:#999; font-size: 1.5em; font-weight: normal;}
.shout 		  { font-weight:bold; font-size: 1.4em; color:#444;}

a.btn.squeeze { padding: 0 8px!important;}

/* List styles */
ul 			 { list-style:none; }
ul.bullet li { padding: 5px 5px 5px 20px; }
ul.bullet li { padding-left: 30px;}

ul.indent li { margin: 10px 50px; }
ul.indent li a { text-decoration: underline; color: #444; display:block; line-height: 25px; padding-left: 30px;}
ul.indent li a:hover { text-decoration: none; color: #E49D03;}

ul.dots 	 { list-style: outside disc; margin: 10px auto 20px;}
ul.dots li 	 { margin-left: 35px; padding-left: 0; padding-top:2px!important; padding-bottom:2px!important;}
ul.arrows li { background: url(../images/bullet_arrow_orange_s1.jpg) no-repeat 15px 7px; }
ul.lined li:last-child { border-bottom: none;}
ul.lined li { border-bottom: 1px solid #ccc;}

ol 			 { list-style:none;list-style: outside; }
ol li	{ color: d0392e;} 
ol li 	 { margin-left: 35px; padding-left: 0; width: auto!important;}

/* ############################################################# */
ul.lined li a { text-decoration: none; color: #444; display:block; line-height: 25px; padding-left: 30px;}
ul.lined li a:hover { text-decoration: none; color: #008c00;}
ul.lined li a:hover { background:url(../images/grad_grey.html) repeat-x;}
ul.lined ul li { margin-left: 15px;}

ul.inner_tabs 	 { margin: 0 5px; font-size:1.0em;}
ul.inner_tabs li { float: left; position: relative; line-height: 23px; top:0px; left:0; margin: 5px;}
ul.inner_tabs li a { display: block; padding: 1px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; 
					 text-decoration:none; color:#444; font-weight: normal; border: 1px solid #faf9fa;}
ul.inner_tabs li a:hover, ul.inner_tabs li a.on { background:#E49D03 url(../images/grad_orange_28_s1.jpg) repeat-x; border: 1px solid #E49D03;}
ul.inner_tabs.green li a:hover, ul.inner_tabs.green li a.on  { color: #008c00!important;}
ul.inner_tabs.orange li a:hover, ul.inner_tabs.orange li a.on { color: #f60!important;}
/* drop down style */
ul.inner_tabs ul 		  { display:none; list-style:none; padding: 0; clear: both;}
ul.inner_tabs ul li 	  { float:left; position:relative; top:0; padding: 0;}
ul.inner_tabs ul li ul li { position:relative; top:0px; }
ul.inner_tabs li ul 	  { display:none;  position:absolute; top:24px; left: -5px; margin: 2px 0 0 0; z-index: 1000; zoom: 1; }
ul.inner_tabs li ul:hover,
ul.inner_tabs li ul.over,
ul.inner_tabs li:hover ul, 
ul.inner_tabs li.over ul 	{ margin:0; display:block; padding:0; z-index:100; }
ul.inner_tabs ul li a 		{ display: block; line-height: 22px; width:175px; top:2px; position:relative; z-index:101;
										border: 3px solid #fff;
										-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 12px; 
										-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 12px;
										-moz-border-radius: 0; -webkit-border-radius: 0;
					  					background: #eee; padding:0 7px 0 7px;}	
ul.inner_tabs ul li a.on,																				
ul.inner_tabs ul li a:hover   { border: 3px solid #fff;}						
ul.inner_tabs ul li 		  { float:none; height: 22px; top:0px; width: 199px; margin: 0 auto;}
ul.inner_tabs ul li 	  	  { display:block; min-height:25px; height:auto !important; height:25px; }
/* end of drop down style */

ul.outer_tabs { margin: 0 5px;}
ul.outer_tabs li { float: left; line-height: 23px; top:0px; margin: 5px 2px 0;}
ul.outer_tabs li a { display: block; padding: 1px 10px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; text-decoration:none; color:#444; font-weight: normal;}
ul.outer_tabs li a		 { background:#ccc;}
ul.outer_tabs.absolute { position: absolute; right: 15px; top: -30px; }
ul.outer_tabs li a.customers.on , ul.outer_tabs li a.customers:hover  { background: #00aa00 url(../images/grad_green.html) 0 -2px repeat-x; color: #fff;}
ul.outer_tabs li a.introducers.on, ul.outer_tabs li a.introducers:hover { background: #d0392e url(../images/grad_orange.html) 0 -2px repeat-x; color: #fff;}

/* ############################################################# */
#utilitynav { display: block; position: absolute;  top: 20px; left: 560px;}
ul.utility { margin: 0 15px;}
ul.utility li { float: left; position: relative; line-height: 23px; top:0px; left:0; margin: 5px;}
ul.utility li a { display: block; padding: 1px 1px;  text-decoration:none; color:#444; font-weight: normal;}
ul.utility li a:hover { color: #008c00;}
ul.utility.green li a:hover, ul.utility.green li a.on  { color: #008c00!important;}
ul.utility.orange li a:hover, ul.utility.orange li a.on { color: #f60!important;}

/* ############################################################# */

ul.light li a{ font-weight: normal!important;}

/* form styles */

ul.mini-form {margin: 10px 15px 5px;}
ul.mini-form li { margin: 5px auto;}
ul.mini-form select { width: 176px; background-position:0 -10px; color:#666;}
ul.mini-form input  { width: 176px; padding: 2px; background-position:0 -10px; color:#666;}

/* boxes */

.panel p { padding: 5px 15px; font-size: 1.0em;}
.boxes ul li { width: auto; padding-top:1px!important; padding-bottom:1px!important; margin-left: 30px!important;}
.boxes h2 { padding: 10px 0 10px 10px!important;}
.panel img { padding: 5px; background: #fff; margin:0!important;
/*			 -webkit-box-shadow: rgba(0,0,0,0.3) 2px 2px 2px; 	-moz-box-shadow: rgba(0,0,0,0.3) 2px 2px 2px;
			 -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;*/
			 }
			 
#copy_markets img,
#copy_main img { padding: 5px; background: #fff; border: 4px solid #eee; padding 2px; margin: 0 5px 10px;
			/* -webkit-box-shadow: rgba(0,0,0,0.3) 2px 2px 2px; 	-moz-box-shadow: rgba(0,0,0,0.3) 2px 2px 2px;
			 -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;*/
			 }		

/* copy styles */
h1 { font-weight: normal; font-size: 1.4em; padding: 5px 20px; color:#444;}
h2 { font-weight: normal; font-size: 1.4em; padding: 5px 20px;}
h3 { font-weight: bold;   font-size: 1.1em; padding: 5px 20px;}
p  { font-weight: normal; font-size: 1.0em; padding: 5px 20px; line-height:1.35em;}
p.center.guttered img { border: none!important; padding: 0!important; margin: 0!important;}
a { text-decoration: none; font-weighht: bold;}
a:hover { color: #000;}

/*footer styles */
.footer { font-size: .8em; text-align: center; }
.footer h1 { font-size: 1.2em; font-weight: normal; padding: 5px 10px;}
.footer h2 { font-size: 1.1em; font-weight: bold;   padding: 10px 30px;}
.footer h3 { font-size: 1.1em; font-weight: bold;   padding: 5px 30px;}
.footer p  { font-size: 1.0em; font-weight: normal; padding: 5px 30px;}

#footer_nav 		{ list-style:none; width: 900px; top: 0px; position:relative; z-index:0; margin: 0 auto;}
#footer_nav li 		{ display:block; width:auto;  float: left; padding: 2px 7px 2px 0;}
#footer_nav li a 	{ display:block; color:#ccc; text-decoration:none; padding: 3px 0 3px; text-transform: capitalize; text-align:left; letter-spacing:.1em; font-size:0.9em; }
#footer_nav li a:hover { color:#fff; z-index:1;}

.footer ul.bullet li { padding: 0; margin-left: 10px!important;font-size:11px; }
.footer ul.bullet li a {color:#999; }
.footer ul.bullet li a:hover { color: #E49D03;}

.footer ul.utility { margin: 0 25px;}
.footer ul.utility li a {color:#ccc; }
.footer ul.utility li a:hover { color: #fff;}
.greytab { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; background: #efefef; margin: 0 20px; }
.whitetab h3 { font-weight: normal!important; padding: 16px 20px!important; margin-top: 20px;}

.overlay { top: 10px; left: 15px; font-weight: normal!important}

/* ############################################################# */


#copy_motor { margin: 0px auto 20px; width:900px; height: 356px; position:relative; clear:both; border: 4px solid #eee; padding:5px; }  

#slider { margin: 0px auto 20px; width:900px; height: 356px; position:relative; clear:both; border: 4px solid #eee; padding:5px; }  

/* 
* Required 
*/  
.container { width:900px; height:357px; overflow:hidden; position:relative; cursor:pointer; background:#000; border: 1px solid #eee; margin: auto;}  
.slides { position:absolute; top:0; left:0; }  
.slides div { position:absolute; top:0; width:900px; height: 357px; display:none; }  
/* 
 * Optional 
*/  
 
ul.pagination { list-style:none; padding:0; margin:0; float: center;}  
ul.pagination li  { float:left; }  
ul.pagination li a { padding:2px 4px; }  
ul.pagination li.active a { color:#000; background:#C90;} 


#caption { color: #fff; font-size: 1.1em; display: none;}
.caption-container { display: none; }			
#pagination {  width:167px; height:22px; position:absolute; left: 356px; bottom: -14px; z-index:109; background:#eee; border: 3px solid #fff; padding: 0 5px 2px;
			text-align:center; opacity: 1.0; overflow: hidden;
			-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 12px; 	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 12px;
			-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
			behavior: url('border-radius.htc');
}
.pagination a { padding: 2px px; line-height:20px; display:inline-block; color:#333; margin: 0 1px 0 0; }
.pagination a:hover { color:#000; cursor: hand; background:#fff;}			

/* ############################################################# */

/* Bottom Bar */
.botbar { background:#E49D03 url(../images/footer_bg_s1.jpg) repeat-x; height: 29px;}
.botbar-start { background:url(../images/footer_l_s1.jpg); width: 21px; height: 29px; float: left;}
.botbar-end { background:url(../images/footer_r_s1.jpg); width: 21px; height: 29px; float: right;}
#copyright { color:#CCCCCC; float:left; padding:8px 0; text-align:left;}
#designed_by {color:#CCCCCC; float:right; padding:8px 0; text-align:left;}
#designed_by a { text-decoration:none; color: #ddd;}
#designed_by a:hover { text-decoration:underline; color:#fff; }

/* Page Styles */
.quotation { font-weight: normal; font-size: 1.0em; padding: 5px 20px; line-height:1.35em; font-style: italic; position:relative; }
.quotation:before { content: ' \201C'; color:#C93; font-size: 4.0em; position: relative; top: 23px; left: -5px; font-family: "Bookman Old Style", sans-serif;}
.quotation:after { content: '\201D'; color:#C93; font-size: 4.0em; position: relative; top:23px; left: 0px; font-family: "Bookman Old Style", sans-serif; height: 1px; line-height:1px;}

/* ############################################################# */

#products 				{ width: 100%; float: left;  position: relative; font-size: 90%; margin: 0px auto 20px; }

#products form 			{ margin: 10px !important;}

#products h1				{  color: #091c92; text-align:left; 
											margin: 0 0 10px 0 ; font-weight:normal; text-transform:capitalize; 
											background-repeat:no-repeat; clear: none;
											position:relative; top: 0px; padding: 16px 0 17px 0;}
#products h4				{ text-align: left; font-size: .7em; margin: 10px 0 10px 0; padding:0; font-style:italic; color:#999;}

.product_item				{ float: left; margin: 5px; width: 23%;  
								 
								 }
.product_image			{ width: 100%; height: 150px; text-align:center; margin: 0; padding: 0px 0px 0px; position:relative; cursor:hand;
						  border: 1px solid #999; background:#fff;}
.product_image img		{ margin: 0!important; padding:0!important; cursor: pointer; cursor: hand; border: none!important;  
						  width: 100%; } 
#product_main_image 	{ margin: 0; padding:0; cursor: pointer; cursor: hand; 						 
						  width: 400px; height: 400px; } 
				  
.product_img			{ float: left; width: 42px; }
.product_summary		{ font-size: 1.0em; margin: 0 auto;border:1px solid #999999; border-top: 1px solid #eee; min-height: 49px; background:#eee; width:100%;} 
.product_title 			{ color:#000000; font-size:1.1em; text-align:center;}
.product_price 			{ font-size: 1.4em; color:#666; margin: 1px auto; font-weight:bold;}
.noborder				{ border: none!important;}
#product_controls   { width: 100%;}
#product_control    { float: left;}
#product_submit     { float: right;}

.product_image a:hover { text-decoration:none;}

#videolayer  { position:absolute; width:307px; height: 307px; background-color:#000000; left: 0px; top: 0; visibility:hidden;}

.product_item	a { text-decoration:none;}

.product_detail 								{ margin: 0 0 20px 0; text-align:left;  }
.product_detail form						{ margin: 0; font-size:100%; float: none;}
.product_detail_image						{ margin: 0; position:relative;}

.product_options	{ text-align: left; }
.product_options p { text-align:left; font-size:1.2em;}
.product_options fieldset { border: none; width: 200px;}
.product_options ul { list-style:none;}
.product_options li { list-style:none; text-align:left;}
.product_options label { float: left; width: 80%; text-align:right; margin: 5px 10px;}
.product_options input[type="radio"] { float: right; width: 20px; height: 20px; color:#FF9900;}

.product_description  { float: left; margin: 0; color: #333; font-size:1.2em;}
																	
.product_additional_images_1 			{ left:364px; position:absolute; top:-30px;}
.product_additional_images_1 img	{ margin: 0 1px 0 0; border: 1px solid #fff;}

.product_additional_images_2 			{ left:364px; position:absolute; top:250px;}
.product_additional_images_2 img	{ margin: 0 1px 0 0; border: 1px solid #fff;}

.product_technical 				{ width: 363px; text-align:left; float: left;}
.product_technical ul 		{ list-style:none; margin: 0 0 10px 1px; padding: 0;}
.product_technical li 		{ margin: 0; padding: 0; float: left;}
.product_technical label 	{ width:121px; float:left; font-size:70%; font-weight:bold; padding:1px 4px 0 0; 
														background-color:#011d4d;
										 				text-align:right; clear: right; color: #eee; margin: 0; height: 17px;}
.product_technical p		 	{ display:block; margin: 0 0 1px 0; width:233px; height:17px; background-color:#A4A6A5; 
														float: left;font-size:70%; padding:1px 0px 0 4px; }														
																		
* html .product_technical label { height: 18px!important;}														
* html .product_technical p { width:241px; height:18px!important;}														
.buy_now					{ color:#091C92; text-align:left; font-size:1.2em; float: right;}														
#price { float: left; font-size:120%; margin:0; padding:5px 0; color:#000099;}

.product_frame { position:absolute; right:0; text-align:right; bottom:-31px;  }

/* ############################################################# */


#searchbox { display: block; position: absolute;  top: 30px; right: 30px;}
#searchbox input[type=text]		{ height: 19px; border: 1px solid #ccc; width: 140px; color:#666;}
#searchbox input[type=submit] { font-size: 0.9em; background:#E49D03 url(../images/grad_orange_28_s1.jpg) repeat-x; border: 1px solid #E49D03;}
.read_more {  margin: 0 20px;}
.search_score { float: right; margin: 0 20px; font-style:italic;}
#show_all { margin: 10px 0px; border-top: 1px solid #ccc; line-height:30px; background:#eee; padding: 0 20px;}
#show_all a { color:#333;}

.imgleft { float: left; margin: 0 10px 10px 0;}
.imgright { float: right; margin: 0 0 10px 10px;}

#copy_banner { margin: 0px auto 20px; width:900px; position:relative; clear:both; border: 4px solid #eee; padding:5px; } 
#colorbanner { margin: 0px auto 10px; width:900px; height: 60px; position:relative; clear:both; border: 4px solid #eee; padding:5px; } 
#colorbanner div.titletext { background:#E49D03 url(../images/grad_orange_28_s1.jpg) repeat-x; line-height: 60px; font-size: 2.0em; color:#fff; text-align:left; text-indent:20px;}

#AtoZ { margin:10px auto; font-size:1.7em;  text-align: center; letter-spacing:2px;}
#AtoZ a { border-bottom: 2px solid #ccc;}
#AtoZ a:hover { border-bottom: 2px solid #000; text-decoration:none;}
h4 { font-size: 1.8em!important; background:#E49D03 url(../images/grad_orange_28_s1.jpg) repeat-x; color:#fff; padding: 5px 5px; margin: 10px 20px; font-weight: normal; }