@import url(common.css);
@import url(jquery.autocomplete.css);
@import url(menu.css);
@import url(red.css);
@import url(blue.css);
@import url(green.css);


html, body{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: #ffffff;
	color: #000000;
}

#noscript{
	width: 100%;
	position: fixed;
	line-height: 30px;
	color: #000000;
	background: #f9f76f;
	height: 30px;
	padding: 0px 0px 0px 20px;
	z-index: 100;
	border-bottom: 1px solid #bbb934;
}


#container{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background:url(../img/page_grad_bg.gif) repeat-x bottom;
}

#header{
	padding: 0px 0px 15px 0px;
	position: relative;
	height: 74px;
	background: url(../img/oliverValvesLogo.gif) no-repeat 20px 20px;
}

#valvetek #header{background: url(../img/oliveValvetekLogo.gif) no-repeat 20px 20px;}
#twinsafe #header{background: url(../img/oliverTwinsafeLogo.gif) no-repeat 20px 20px;}
#header_logo{
	position: absolute;
	top: 10px;
	left: 12px;
	height: 68px;
	width: 381px;
}

#header .strap{
	position: absolute;
	right: 25px;
	top: 45px;
}

#splash{
	position: relative;
	height: 214px;
	width: 754px;
}

.productsplash{
	height: 150px;
	position: relative;
	width: 754px;
}

#mainnav{
	float: left;
	width: 217px;
	height: auto;
	background: #ffffff url(../img/mainnavbg.jpg) repeat-x top left;
	position: relative;
	z-index: 50;
}

#mainnav #nav {
	margin: 0;
	padding: 0;
	background: #ffffff url(../img/mainnavbg.jpg);

} 

#mainnav #nav li{
	margin: 0;
	padding: 0px 0px 1px 0px;
	display: inline;
	background: url(../img/dot.gif) repeat-x bottom left;
	height: 30px;
	float: left;
	clear: left;
	position : relative;
}

#mainnav #nav li a, #mainnav #nav li span{
	float: left;
	width: 198px;
	height: 30px;
	line-height: 30px;
	color: #000000;
	padding-left: 20px;
	margin-bottom: 1px;
	font-size: 14px;
}
#mainnav #nav li li {
	border-bottom:1px solid #BCBFC1;}

#mainnav #nav li a:hover, #mainnav #nav li a.current{
	color: #ffffff;
	background: url(../img/mainnav_bg_hot.gif) no-repeat;
}

#searchbox{
	background: url(../img/searchbg.gif) repeat-x;
	height: 43px;
	clear: both;
}

#searchbox form{
	margin: 0px;
	padding: 8px 0px 0px 20px;
}

#searchbox input{
	background: #ffffff url(../img/searchboxbg.gif) repeat-x top left;
	border: 0px;
	color: #8388b1;
	font-size: 10px;
	width: 163px;
	height: 16px;
	padding: 3px 0px 0px 5px;
	margin: 0px;
}
#searchbox input:active, #searchbox input:hover{
	color: #000000;
}

#searchbox .button{
	background: url(../img/searchbtn.gif) no-repeat bottom left;
	width: 26px;
	height: 24px;
	cursor: pointer;
	padding: 0px;
}

#loginbox{
	background: #d8d7d5;
	padding: 10px 0px 16px 20px;
}

#loginbox label{
	display: block;	
	color: #000000;
	font-size: 13px;
	margin: 0px 0px 5px 0px;
}

#loginbox input{
	background: #ffffff url(../img/searchboxbg.gif) repeat-x top left;
	border: 0px;
	color: #8388b1;
	font-size: 11px;
	width: 163px;
	height: 16px;
	line-height: 16px;
	padding: 3px 0px 0px 5px;
}

#loginbox .button{
	background: url(../img/loginbtn.gif) no-repeat bottom left;
	width: 76px;
	height: 26px;	
	cursor: pointer;
}

#loginbox .logout{ 
	background: url(../img/logoutbtn.gif) no-repeat bottom left;
	width: 76px;
	height: 26px;	
	cursor: pointer;
	position: relative;
	display: block;
}

#loginbox ul{
	margin: 17px 0px 0px 0px;
	padding: 0;
}

#loginbox li{
	margin: 0;
	padding: 0px 0px 0px 15px;
	background: url(../img/loginli.gif) no-repeat 3px 2px;
	display: block;
	list-style-type: none;
}

#contact{ 
	background: #ffffff url(../img/contactbg.gif) repeat-x bottom left;
	margin: 5px 0px 0px 0px;
	border: 0px solid green;
	padding-bottom: 10px;
} 

#contact a.contactlink{
	height:30px;
	width:217px;
	display:block;
	background:url(../img/contactus_menu.gif) no-repeat 0px -30px;
}


#contact a:hover.contactlink{
	background:url(../img/contactus_menu.gif) no-repeat 0px 0px;}

#contact h1{
	background: #ffffff url(../img/searchbg.gif) repeat-x top left;
	color: #ffffff;
	line-height: 30px;
	font-size: 16px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	margin: 0px;
}

#contact p{
	font-size: 14px;
	padding: 0px 0px 0px 20px;
	color: #888888;
	line-height: 22px;
	margin: 7px 0px 0px 0px;
}

#contact p strong{
	color: #e71532;
}

#contact p a{
	color: #888888;
	
}

#contact p a:hover{
	color: #e91532
}

#livechat{
	height:  76px;
	margin: 6px 0px 0px 0px;
	background: url(../img/livechat_off.gif) no-repeat;
}


#footer{
	clear: both;
	width: 980px;
	background: url(../img/footer.gif) no-repeat top left;
	height: 100px;
	position: relative;
	color: #9b9b9b;
}

#valvetek #footer, {background: url(../img/footerValvetek.gif) no-repeat top left;}
#twinsafe #footer{background: url(../img/footerTwinsafe.gif) no-repeat top left;}

#footer ul{
	margin: 0px;
	padding: 58px 0px 0px 0px;
}

#footer ul li{
	display: inline;
	margin: 0px;
	padding: 0px;
}

#footer ul li a{
	color: #888888;
	border-right: 1px solid #e91532;
	padding: 0px 5px 0px 5px;
} 

#footer ul .first a{
	padding-left: 0px;	
}

#footer ul li a:hover{
	color: #e91532
}

#footer ul .last a{
	border: 0px;	
}

#footer .copyright{
	position: absolute;
	right: 0px;
	top: 50px;
}

#footer #oliverv{
	position: absolute;
	left: 0px;
	top: 1px;
}

#footer #years30{
	position: absolute;
	right: 0px;
	top: -1px;
}

#columns{
	float: left;
	border-left: 7px solid #ffffff;
	width: 755px;
}

.homebox{
	float: left;
	background: #3c352d;
	color: #ffffff;
	width: 251px;
	height: 221px;
	border-right: 1px solid #cfcdcb;
	margin-top: 4px;
}

.last{
	border: 0px;	
}

body .homebox p{
	padding: 0px 18px 7px 18px;
	font-size: 11px;
	line-height: 16px;
	font-weight:100;
}

.homebox h3{
	padding: 14px 18px 0px 18px;
	text-transform: uppercase;
	margin: 0px;
	font-size: 14px;
}

.homebox .more{
	margin: 7px 0px 0px 18px;
	border: 1px solid #9e9a96;
	color: #ffffff;
	padding: 5px 30px 5px 10px;
	background: url(../img/homemorebtn.gif) no-repeat 63px 9px;
}

#valves .more:hover{
	color: #e91532;
}

#valvetek .more:hover{
	color: #0075D0;
}

#twinsafe .more:hover{
	color: #53942B;
}

.subbox{
	float: left;
	background:url(../img/sub_grad_bg.gif) bottom repeat-x #FFF;
	color: #8b8b8b;
	width: 249px;
	height: 196px;
	margin: 4px 4px 0px 0px;
}

.last{
	margin-right: 0px;	
}

.subbox ul{
	margin: 17px 0px 0px 15px;
	padding: 0px;
}

.subbox ul li{
	background: url(../img/subboxli.gif) no-repeat 0px 2px;	
	margin: 0px;
	padding: 0px 20px 10px 15px;
	list-style-type: none;
	font-size: 12px;
}

.subbox a{
	color: #8b8b8b;	
}

.subbox a:hover{
	color: #e91532;
}

/* live chat css */

#s4f_messenger{
	border: 2px solid #e91532;	
	padding: 0px;
}


#s4f_messenger td{
	padding: 0px 10px 0px 10px;	
	
}

#s4f_messenger table{
	border-collapse:collapse;
	margin: 0px;
	padding: 0px;
}



#s4f_messenger_header{
	background: #a4a29e url(../img/livechathead_bg.gif) no-repeat 0px 0px;
}

#s4f_messenger_header td{
	padding: 0px;	
}

#s4f_messenger_header  #s4f_messenger_header_text{
	height: 30px;
	line-height: 30px;
	color: #ffffff;
	padding-left: 10px;
	font-size: 16px;
	width: 170px;
}
	
#s4f_messenger_close{
	background: #3c352d;
	width: 17px;
	height: 16px;
	text-align: center;
	font-size: 14px;
	line-height:14px;
	margin: 0px 5px 0px 0px;
	color: #ffffff;
	border: 1px solid #ffffff;
	float: right;
}

#s4f_messenger  #s4f_offline_text{
	padding-top: 5px;
	padding-bottom: 5px;
}

#s4f_messenger  textarea#s4f_messenger_input{
	width: 280px;
	border:1px solid #D8D7D5;
	margin:0px 0px 9px 0px;
	height:60px;
}

#s4f_messenger  input#s4f_messenger_input{
	width: 280px;
	border:1px solid #D8D7D5;
	margin:0px 0px 0px 0px;
	height:20px;
}

#s4f_messenger_contact, #s4f_messenger_email{
	width: 160px;
	border:1px solid #D8D7D5;
	margin:0px 0px 9px 0px;
}


#s4f_messenger_button{
display: block;	
width: 75px;
height: 25px;
border: 0px;
color: #ffffff;
background: url(../img/livechatbtn.gif) no-repeat;
text-align: left;
margin-top: 5px;
}

#s4f_messenger_area{
	padding: 2px 5px 0px 5px;
	height: 200px;
}

/* end of live chat css*/

#sectionhead{
	width:754px;
	height:40px;	
	margin: 3px 0px;
}


.bodytext{
	padding: 10px 14px 7px 14px;	
	background: transparent url(../img/bodytextbg.gif) repeat-x;
	float: left;
	color: #8b8b8b;
	width: 726px;
} 
#strongcolor{
	color: #E91532;	
}
#h1grey{
	color: #8b8b8b;	
}

.col100{
	margin-left: 10px;
		color: #8b8b8b;	
	}
	
	 
	.col100 h1{
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	margin: 10px 20px 5px 0px;	
	text-transform: uppercase;
}

.col50{
	float: left;
	width: 343px;
	padding-right: 20px;
}
.col50 table{
	border-collapse: collapse;
	border: 1px solid #d7d7d7;
	width: 100%;
}
	
#col50color{
	color: #8b8b8b;	
}
.col25{
	float: left;
	width: 151px;
	padding-left: 20px;
}

.col30{
	float: left;
	width: 252px;
	padding-right: 0px;
	margin-top: 5px;
	
	color: #8b8b8b;	
}

.col30bx{
	float: left;
	width: 246px;
	height: 370px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 5px;		
	font-size: 10px;
	color: #8b8b8b;	
}	
#col30bxp{
		height: 45px;
}

.col90{
	float: left;
	width: 97px;
	height: 255px;
	padding-left: 0px;
	padding-right: 0px;
	color: #8b8b8b;
}
.col90img{
	float: left;
	width: 52px;
	padding-left: 0px;
	padding-right: 0px;
	color: #8b8b8b;
}

.col30 .colImage{
	margin:10px 0px 0px 10px;}

#lastcol30{
	width: 251px;	
}

.bodytext h1{
	font-size: 17px;
	font-weight: bold;
	padding: 0px;
	margin: 5px 0px 5px 0px;
	
}

.bodytext strong{
	color: #8b8b8b;	
}

.bodytext p, .col30 p, .col100 p{
	line-height: 15px;	
}

.bodytext a{
	text-decoration: underline;	
}

.bodytext ul, .col30 ul, .col50 ul{
	padding: 0px;
	margin: 10px 0px 10px 10px;
}

.bodytext li, .col30 li, .col50 li{
	margin: 0px;
	padding: 5px 15px 5px 15px;
	list-style-type: none;
} 

.bodytext table{
	border-collapse: collapse;
	border: 1px solid #d7d7d7;
	width: 100%;
}

.bodytext thead th{
		background: #f4f4f4;
	padding: 7px 10px;	
		text-align: left;
		vertical-align: top;
		width: auto;
		font-weight: bold;
		font-size: 12px;
}

.bodytext td{
	padding: 7px 10px;	
	width: 50%;
}

.bodytext .odd td{
	background: #f4f4f4;	
}
.col30 h1 {
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	margin: 10px 20px 5px 10px;	
	text-transform: uppercase;
}

.col30 p{
	margin-left: 10px;
	margin-right: 10px;
}
.col30 li a{
	color: #8b8b8b;
}


/* project - TW 20/12/11 */

#projects{
	position:relative;
	width:740px;
	margin-top:15px;
	float: left;
	}
	
#projects .project{
	position:relative;
	float:left;
	width:145px;
	height:110px;
	text-align:center;
	padding-bottom: 1px;
	padding-right: 3px;
	background: url(../img/blackdot.gif) repeat-y top right;
	}
	
#projects .project img{
text-align: center;
outline: 0px;
}
	
#projects .right{
background: #ffffff;	
}
	
#projects hr.dotted{
	border: 0px;
	height: 2px;
	background: url(../img/blackdot.gif) ;	
	clear: both;
	width: 100%;
	margin: 0px;
}

#projects .project a.navigation{
	position:absolute;
	width:140px;
	top: 72px;
	left: 0px;
	margin:0px 0 0 0;
	display:block;
	font-size:13px;
	z-index: 15;
}

#projects .project img{
	position: relative;
	top: 5px;
	
	z-index: 9;
}


/* Products */




#products{
	position:relative;
	width:450px;
	margin-top:15px;
	float: left;
	}
	
#products .product{
	position:relative;
	float:left;
	width:147px;
	height:156px;
	text-align:center;
	padding-bottom: 1px;
	padding-right: 3px;
	background: url(../img/blackdot.gif) repeat-y top right;
	}
	
#products .product img{
text-align: center;
outline: 0px;
}
	
#products .right{
background: #ffffff;	
}
	
#products hr.dotted{
	border: 0px;
	height: 2px;
	background: url(../img/blackdot.gif) ;	
	clear: both;
	width: 100%;
	margin: 0px;
}

#products .product a.navigation{
	position:absolute;
	width:140px;
	top: 112px;
	left: 0px;
	margin:0px 0 0 0;
	display:block;
	font-size:13px;
	z-index: 15;
}

#products .product img{
	position: relative;
	top: 5px;
	
	z-index: 9;
}


/* contact form*/

#contactForm{
	position:relative;

	}



	#columns div.hr {
	  height: 6px;
	  background:url(../img/divider.gif) no-repeat 0 0;
	  margin:0px;
	  padding:0px;
	  margin-bottom:7px;
	  clear:both;
	  width:100%;
	}
	#columns div.hr hr {
	  display: none;
	}


#imgandquicklinks{
float: right;	
width: 240px; 
padding: 0px 0px 20px 80px;
}

#imgandquicklinks a{
	text-decoration: none;	
}

.bodytext #specification{
	width: 400px;	
}

.bodytext .producttable{
	width: 100%;	
}

.press_archive{
	float: right;	
	margin: 0px 20px 20px 50px;
	width: 216px;
	background: url(../img/pryearbg.gif) repeat-x bottom left;
}

.press_archive h4{
	background: url(../img/mainnav_bg_hot.gif) no-repeat;	
	border-bottom: 1px solid #ffffff;
	height: 30px;
	line-height: 30px;
	color: #ffffff;
	padding-left: 20px;
	margin: 0px;
}

.press_archive li{
	background-image: url(../img/redarrowtrans.gif);	
}

.press_archive p{
	padding: 0px 15px;	
}

.bodytext .register th{
	padding-left: 10px;	
	width: 170px;
}

.bodytext .register .odd{
	background: #f5f5f5;
}


.bodytext .register td{
width: auto;
text-align: left;
}

.bodytext .register td input, .bodytext .register td select{
	width: 350px;
}

.bodytext .register td .button{
	width: auto;
}

.error{
display: block;
color: #ff0000;
}

.breadcrumbs, .bodytext .breadcrumbs{
	margin: 0px 0px 0px 5px;
 	padding: 0px;
} 

.breadcrumbs  li, .bodytext .breadcrumbs li{
	display: inline;
	padding: 3px 10px 3px 10px;
	line-height: 18px;
}

.breadcrumbs li a, .bodytext .breadcrumbs li a{
	color: #999999;
}

.breadcrumbs li a:hover, .bodytext .breadcrumbs li a:hover{
	color: #000000;
}

#slider {
  width: 750px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 350px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
  padding: 0px;

}

#rssInfo{
	border: 1px solid #cccccc;
	padding: 10px;
	display: none;
}

#rssInfo h2{
	margin-top: 0px;	
}


.floatright{
	float: right;	
}

#miniportfolio{
clear: both;
width: 756px;
height: 100px;
position: relative;
overflow: hidden;
}

#miniportfolio ul{
	margin: 0px;
	padding: 0px;
}

#miniportfolio li{
	padding: 0px;
	background: transparent;
	list-style-type: none;
	display: inline;
	margin: 0px;
	float: left;
}

.press{
	padding-right: 100px;	
}

#productshortdesc{
	float: right;
	width: 250px;
	padding: 20px;
}
#productshortdesc p{
	font-weight: normal;
}

#productshortdesc ul{
		
	padding: 0px;
	margin: 10px 0px 10px 10px;
}

#productshortdesc ul li{
	list-style-type: none;
	margin: 0px;
	padding: 5px 15px 5px 15px;
}

.inlineimg{
float: right;
margin: 22px 0px 30px 40px;
padding-bottom: 2px;
/*border-bottom: 15px solid #d8d7d5;*/
clear: right;
}