/*
Theme Name: Classic Silicone Hoses
Theme URL: http://www.techdesigns.co.uk
Description: 
Version: 1
Author: Joey Robinson
Author URL: http://www.techdesigns.co.uk
Latest updated: 16th May 2009
*/

html, body{ margin:0; padding:0; text-align:center; background:url(img/bg.jpg) top center repeat-x #C4E1FF; font-family:verdana; font-size:13px;} 
 
#pagewidth{ width:960px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page_bg.jpg) top center repeat-y;} 

#page{ width:960px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page.jpg) top center no-repeat;} 

#header{ position:relative; height:145px; width:900px; padding: 30px 30px 0px 30px; background:url(img/header.jpg) top center no-repeat; overflow:hidden;} 
#header h1{margin:0px 0px 0px 0px;padding:0px;float:left;width:900px;}
#header h1 a{display:block;width:900px;height:120px;}
#header h1 a:hover{display:block;width:900px;height:120px;}
#header h1 span{display:none;} 


#tabs { float:left; display:block; line-height:normal; margin: 0px 10px 0px 10px; width:860px; height: 27px; text-align:right; padding: 0px 0px 0px 0px;overflow:hidden; }
#tabs ul { margin:0; padding:0px 0px 0px 0px;  text-align:right;list-style:none;float:right; font-family: verdana; font-size: 13px; font-weight:bold;}
#tabs li { display:inline; margin:0; padding:0;}
#tabs a { float:left; background:url(img/tab.gif) no-repeat left top; margin:0px 0px 0px 2px; padding:0 0 0 14px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url(img/tab2.gif) no-repeat right top; padding:5px 14px 6px 0px; color: #FFFFFF; }
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
 /* End IE5-Mac hack */
#tabs a:hover span { color: #FFFFFF; }
#tabs a:hover { background-position:0% -42px; color: #FFFFFF; }
#tabs a:hover span { background-position:100% -42px; color: #FFFFFF; }
#tabs #current a { background-position:0% -42px; }
#tabs #current a span { background-position:100% -42px;}

#submenu { position:relative; height:35px; width:690px;margin: 0px 0px 0px 0px; text-align:left; overflow:hidden; background:url(img/submenu.jpg) top center no-repeat;} 
ul#submenunav { margin: 0px; padding: 0px; list-style-type: none; white-space: nowrap;height: 35px;}
ul#submenunav li { float: left; font-family: verdana; font-size: 13px; margin: 0; padding: 9px 0px 10px 0px; background: inherit; border: 0px;}
#submenunav a, #submenunav a:link { margin: 0; padding: 9px 13px 10px 13px; color: #003399; border: 0px; text-decoration: none;}
ul#submenunav li#active { color: #000000;}
#submenunav a:hover { color: #000000; } 


#leftcol{ width:190px; float:left; position:relative; padding: 0px 0px 10px 40px;}
 
#menu {list-style: none;  clear:left; }
ul#menu {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:190px;}
ul#menu li{margin: 0px 0px 0px 0px; display: block; font-family:verdana; font-size:13px; text-decoration:none; }
ul#menu li a{ width: 159px; display: block; background:url(img/button.jpg) top left no-repeat; padding: 9px 5px 5px 26px; height:21px; text-decoration:none;  color:#003399;margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#menu li a:hover{ background-repeat: no-repeat; background-position: -190px 0px; background-image:url(img/button.jpg); text-decoration:none; color:#000000; }

#contacts{ width:170px; line-height:1.5em; padding:10px 10px 10px 10px; overflow:hidden;  font-family:verdana; font-size:11px; font-weight:bold; color:#003399; }
#contacts a{color:#003399;}
#contacts a:hover{color:#222222; text-decoration:none;}


#productofyear{ width:190px; padding:0px; overflow:hidden;  clear:left; height:178px; display:block ; background:url(img/product_of_year.jpg) top left no-repeat; }




#maincol{ float: right; display:inline; position: relative; width:690px; padding:0px 40px 20px 0px; margin:0px;}

#content {padding: 30px 30px 0px 30px; width: 630px; margin:0px; color:#333333;}
#content h1, #content h2 { color:#003399; font-family:arial; font-size: 22px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal; font-style: italic;}
#content h1 a, #content h2 a{  color:#003399; font-family:arial; font-size: 22px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal; text-decoration:none; font-style: italic;}
#content h1 a:hover, #content h2 a:hover{  color:#003399; font-family:arial; font-size: 22px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal; text-decoration:none; font-style: italic;}
#content p{ color:#333333; font-size: 12px; line-height:1.7em; font-family:verdana;}
#content ul{ color:#333333; font-size: 12px; line-height:1.7em; font-family:verdana;}
#content ol{ color:#333333; font-size: 12px; line-height:1.7em; font-family:verdana;}
#content a{ color:#333333; }
#content a:hover{ color:#333333; text-decoration:none;}

.show{background:#FFFFCC; border:1px solid #FF6600; color:#FF6600; padding: 10px; float:left; clear:left;}

.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignright {float:right; clear:right; padding: 0px 0px 10px 10px;}
.alignleft {float:left; clear:left; padding: 0px 10px 10px 0px;}

#ourproducts {padding: 30px 30px 0px 30px; width: 630px; margin:0px; color:#333333;}
#ourproducts h1, #ourproducts h2 { color:#003399; font-family:arial; font-size: 22px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal; font-style: italic;}
#ourproducts h1 a, #ourproducts h2 a{  color:#003399; font-family:arial; font-size: 22px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal; text-decoration:none; font-style: italic;}
#ourproducts h1 a:hover, #ourproducts h2 a:hover{  color:#003399; font-family:arial; font-size: 22px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal; text-decoration:none; font-style: italic;}
#ourproducts p{ color:#333333; font-size: 12px; line-height:1.7em; font-family:verdana;}
#ourproducts ul{ color:#333333; font-size: 12px; line-height:1.7em; font-family:verdana;}
#ourproducts ol{ color:#333333; font-size: 12px; line-height:1.7em; font-family:verdana;}
#ourproducts a{ color:#333333; }
#ourproducts a:hover{ color:#333333; text-decoration:none;}



#icon001{ position:relative; height:186px; width:272px;overflow:hidden;float:left;} 
#icon001 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:272px;background:url(img/icons_001.jpg) top center no-repeat; }
#icon001 h5 a{display:block;width:272px;height:186px;}
#icon001 h5 a:hover{display:block;width:272px;height:186px;}
#icon001 h5 span{display:none;} 

#icon002{ position:relative; height:186px; width:272px;overflow:hidden;float:left;} 
#icon002 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:272px;background:url(img/icons_002.jpg) top center no-repeat; }
#icon002 h5 a{display:block;width:272px;height:186px;}
#icon002 h5 a:hover{display:block;width:272px;height:186px;}
#icon002 h5 span{display:none;} 

 
#footer{ height:55px; width: 960px; padding:19px 0px 0px 0px; font-family:verdana; font-size:11px; font-weight:bold; color:#003399; text-align:center;background:url(img/footer.jpg) top center no-repeat; clear:both; margin-left:auto; margin-right:auto;} 
#footer a{color:#003399;}
#footer a:hover{color:#222222; text-decoration:none;}

#footertext { clear:both; color:#003399; width: 500px; padding: 10px 0px 30px 0px; font-size: 11px; margin-left:auto; margin-right:auto;}
#footertext a { color:#003399; font-size: 11px; text-decoration:none;}
#footertext a:hover { color:#000000; font-size: 11px; text-decoration:none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


div.formlayout {
width: 500px;
background-color: #fffff;
padding: 0px;
margin: 0px auto;
float:left;
 }
 
div.row {
width: 450px;
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 150px;
  padding-top: 0px;
  padding-right: 4px;
 margin-bottom: 3px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 300px;
  text-align: left;
  }