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

body {margin:0;padding:0;background-color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;}
p{font-size:12px; line-height:1.8em; color: #333333;}
.messageStackError { color:#f00; }


/* ------------------------------
PAGE STRUCTURE
------------------------------ */

#bigwrapper{width:1024px;background-color:#FFFFFF;margin: 0 auto;margin-top:0px;}

#wrapper{float:left; background-color:#FFFFFF; background-image:url(../graphics/background.jpg); background-repeat:repeat-y;}



#innerwrapper{float:left; width:1004px;margin:0}



/* ------------------------------
TOP OF PAGE 
------------------------------ */
#flags{float:right; padding:10px 10px 0 0 ;}
#google_translate_element{float:right; padding:10px 10px 0 0 ;}

/* DK removed this
#bannnertext{ float:left; width:300px; color:#FFFFFF; padding:20px; font-weight: bold; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
#leaks{ float:left; margin:35px 0 0 0;}

and added this
*/
#bannnertext{ float:left; width:350px; color:#FFFFFF; padding:0 0 0 260px; font-weight:bold; font-size:18px; }

#topbanner{ background-image:url(../graphics/topbanner.jpg); background-repeat:no-repeat; height:166px;}

#logo{float:left; padding:20px 10px;}

#search{ float:left; width:300px; padding:10px 0 0 10px; }

#topnav{background-image:url(../graphics/topnav-back.jpg); background-repeat:repeat-x;height:54px;color:#FFFFFF;font-size:.85em;padding:10px 0 0 0;
margin:0;float:left;width:1004px}

.flags{ float:right; width:29px; height:29px; padding-right:10px; margin-top:12px;}

#mycart{float:right; padding:0px; border-left: 1px solid #4B6699; width:150px; height:40px;}
#mycart img{ float:left; margin:15px 0 0 5px;}

#topnav ul li{list-style:none;display:inline;padding:3px;font-size:.95em;}

#topnav a:link, #topnav a:visited{color:#FFFFFF;text-decoration:none;}

#topnav a:hover{color:#CCCCCC;text-decoration:underline;}

#bannerad{ float:right;}

#tec{ padding:4px 10px 10px 10px;}






/* ------------------------------
LEFT NAV
------------------------------ */
#leftnav{width:180px;float:left; margin:1px 0 0 0 ;}



.leftmenu{ padding:0; margin:0;}
.leftmenu h2{ color:#FFFFFF; background-image:url(../graphics/leftmenu-back.jpg); background-repeat:repeat-x; margin:0; padding:5px 5px 4px 5px; font-size:14px;}


.leftmenu{ padding:0; margin:0;}

.menulinks{ border-bottom: 1px solid #294F98; border-left: 1px solid #294F98; border-right: 1px solid #294F98; margin:0 0 10px 0; padding:5px;}

.menulinks a:link, .menulinks a:visited{ font-size:12px; color:#294F98; text-decoration:none; padding:0; margin:0;}
.menulinks a:hover{ font-size:12px; color:#CC0000; text-decoration: underline; padding:0; margin:0;}


.menulinks ul{ padding:0; margin:0; list-style:none;} 
.menulinks ul li{ padding:0; margin:0; list-style:none;} 

/* ------------------------------
MAIN CONTENT
------------------------------ */

#main{float:left;width:814px; padding:0 0 10px 10px; margin:0; font-size:12px;}
#main ul {margin-bottom:5px;}


#leftbox{ float:left; width:252px; background-image:url(../graphics/home-tag.gif); background-repeat:no-repeat; height:195px; color:#FFFFFF; margin:0 28px 0 0 ;}
#leftbox h2{ padding:5px 0 0 10px; font-size:20px; color:#FFFFFF;} 

#middlebox{ float:left; width:252px; margin:0 30px 0 0; background-image:url(../graphics/motor-tag.jpg); background-repeat:no-repeat; height:195px;}
#rightbox{ float:right; width:252px;  margin:0; background-image:url(../graphics/commercial-tag.jpg); background-repeat:no-repeat; height:195px; margin:0;}
#rightbox h2{ padding:5px 0 0 10px; font-size:20px; color:#FFFFFF;} 

.insidebox{ color:#294F98; font-weight:bold; border-left: 1px dotted #CC0000; border-right: 1px dotted #CC0000; border-bottom: 1px dotted #CC0000; padding:10px 0 0 0; float:left; width:250px;}

#middlebox h2{ padding:5px 0 0 10px; font-size:20px; color:#FFFFFF;} 
.insidebox ul li{ list-style:none; list-style-image:url(../graphics/tick.gif); }
.insidebox img{ float:right; margin:0 40px 0 0 ;}

#centre{ float:left; margin:0; width:815px; min-height:710px;}
#centre h1{color:#CC2229; font-size:21px;}
#centre h2{color:#CC2229; font-size:15px; padding:5px 0 0 0px;}
#centre h2.banner { background:#CC0000; color:#FFFFFF; padding:8px; margin:0; font-size:14px; font-weight:normal;}
#centre h3{color:#CC2229; font-size:12px; padding:5px 0 0 0px;}
#centre strong{color:#CC2229; text-transform:capitalize;}
#centre-image, .centre_image {padding:2px; border: 1px dotted #CC0000;  margin:10px 10px 0 0; float:right; font-size:13px;}
#centre-image img, .centre_image img { padding:5px 5px 5px 5px;}
#centre a:link, a:visited {color:#CC2229; text-decoration:none;}
#centre a:hover {text-decoration:underline;}
#centre li { color:#333333; line-height:1.8; }
hr.clear{clear:both; height:0; margin:0px; padding:0 0 5px 0; visibility:hidden;}


#breadcrumb{ border-bottom: 1px dotted #CC0000; padding:0 0 10px 0; margin:0;}
#breadcrumb a:link, #breadcrumb a:visited { font-size:12px; color:#CC0000; text-decoration:none; padding:0 10px 0 0 ; margin:0;}
#breadcrumb a:hover { font-size:12px; color:#FF0000; text-decoration: underline; padding:0 10px 0 0 ; margin:0;}

#breadcrumb ul{ margin:0; padding:0;}
#breadcrumb ul li{ display:inline; margin:0; padding:0;}
#breadcrumb a.current:link, #breadcrumb a.current:visited { font-size:12px; color:#FF0000; text-decoration: underline; padding:0 10px 0 0 ; margin:0;}


#centrehome{ float:left; margin:30px 0 0 0; width:815px; padding:0;}
#welcomenote{ float:left; width:542px; margin:0; border-bottom: 1px dotted #CC0000; padding:0; }
#welcomenote p{  padding:10px 0 10px 0; margin:0; }
#welcomenote h2{ color:#CC0000; font-size:21px; padding:0; margin:0; text-transform:uppercase;}
#welcomenote a:link, #welcomenote a:visited{ font-size:12px; color:#CC0000; text-decoration:none; padding:0; margin:0;}
#welcomenote a:hover{ font-size:12px; color:#FF0000; text-decoration: underline; padding:0; margin:0;}
#welcomenote strong{color:#CC2229; text-transform:capitalize;}

.bond{color:#294F98;}

.featured-home {float:left; border-right: 1px dotted #CC0000; margin:20px 0 0 0; width:250px; padding:0 10px 0 10px;}
.featured-home h2 {color:#CC0000; font-size:16px; padding:0; margin:0;}
.featured-home h3 {color: #333333; font-size:14px; padding:0; margin:0;}
.featured-home a:link, .featured-home a:visited {font-size:12px; color:#CC0000; text-decoration:none; padding:0; margin:0;}
.featured-home a:hover {font-size:12px; color:#FF0000; text-decoration: underline; padding:0; margin:0;}

#video{ float:right; width:250px; margin:0; background-image:url(../graphics/video-background.jpg); background-repeat:repeat-x; background-color:#FFFFFF; width:252px;}


#video a:link, #video a:visited{ font-size:12px; color:#CC0000; text-decoration:none; padding:0; margin:0;}
#video a:hover{ font-size:12px; color:#FF0000; text-decoration: underline; padding:0; margin:0;}

#video h3{ color:#FF0000; font-size: 16px; padding:10px 0 0 10px; margin:0;}
#video h4{ color:#000000; font-size: 12px; padding:10px 0 0 10px; margin:0; font-weight:bold;}

#video ul li{ list-style:none; font-size:12px; line-height:1.3em; margin:0; padding:0;}
#video ul { margin:0; padding:10px;}

#video-header{ background-image:url(../graphics/video-header-background.jpg); padding:10px; background-color:#CC2229; background-repeat:repeat-x;}
#video-header h2{ color:#FFFFFF; font-size: 14px;}

#video-inside{ float:right; width:400px; margin:0 0 0 10px; background-image:url(../graphics/video-background.jpg); background-repeat:repeat-x; background-color:#FFFFFF; }


#video a.button{ background: transparent url('../graphics/bg_button_a.jpg') no-repeat scroll top right; color: #FFFFFF; display: block;float: left;font: normal 18px arial, sans-serif;margin: 0 6px 5px 15px;padding-right: 18px;text-decoration: none;
	}

#video a.button span { background: transparent url('../graphics/bg_button_span.jpg') no-repeat;display: block;line-height: 14px;padding: 8px 0 8px 18px;color:#FFFFFF;}

#video a.button :hover {background: transparent url('../graphics/bg_button_span.jpg') no-repeat;display: block;line-height: 14px;padding: 8px 0 8px 18px;color:#FFFFFF;text-decoration:underline;
	
}


	

#product-detail {}
#product-detail h2 {background:#CC0000; color:#FFFFFF; padding:8px; margin:0; font-size:14px; font-weight:normal;}


#promotions-image {padding:5px; border-right: 1px dotted #CC0000; width:250px; margin:10px 10px 0 0; float:left; height:205px; font-size:13px; text-align:center;}
#promotions-image img {padding:15px 15px 15px 15px;}

#shipping {padding:5px; border-right: 1px dotted #CC0000; width:310px; margin:10px 10px 0 0; float:left; height:205px; font-size:13px;}
#shipping img {margin:10px 0 10px 80px ; padding:0; float:left;}


.brochure {padding:5px;width:200px; margin:10px 0 0 0; float:left; height:205px; font-size:13px; color:#CC0000;}
.brochure ul li {padding:0; margin:0 0 10px 0; list-style-type:none; list-style-image:url(../graphics/pdf-icon.gif); font-weight:bold;}
.brochure h2 {background-color:#CC0000; color:#FFFFFF; border:none; padding:5px; margin:0 0 10px 0;}

.brochure a:link, .brochure a:visited {font-size:12px; color:#CC0000; text-decoration:none; padding:0; margin:0;}
.brochure a:hover {font-size:12px; color:#FF0000; text-decoration: underline; padding:0; margin:0;}

.promotions-box-tools a:link, .promotions-box-tools a:visited {color:#CC0000; text-decoration:underline;}
.promotions-box-tools a:hover {color:#CC0000; text-decoration:none;}

.promotions-box-tools img{ padding:0 5px 0 0 ;}

.price{color:#CC0000; font-weight:bold; font-size:13px;}

#request td {padding:4px 10px 4px 0; vertical-align:top}

table.productListing td.productListing-data {
	border-bottom: 1px dotted #CC0000;
	padding:10px;
}

.productListing-heading{
	padding: 3px 5px 3px 5px; 
	background: #CC0000; 
	color: #FFFFFF; 
	font-size: 1em; 
	font-weight: bold; 
	text-align: left;
}

.productListing-heading a{
	padding: 3px 5px 3px 5px; 
	background: #CC0000; 
	color: #FFFFFF; 
	font-size: 1em; 
	font-weight: bold; 
	text-align: left;
}

.inputRequirement{
	color:#FF0000;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
}

/*#datasheets a:link, #datasheets a:visited {color: #000000; text-decoration: none;}
#datasheets a:hover {color: #CC0000; text-decoration: underline;}*/

#faq ul, #faq li { padding-left:0; margin-left:0; }
#faq li { list-style-type:none; }
#faq h2 { border-bottom:dotted 1px; margin-top:35px; }

/* ------------------------------
BUTTONS
------------------------------ */
table {border-collapse: collapse; border: none; }
td.parameter {color: #000; font-weight: bold; }
td.value {text-transform: uppercase;}
td, th {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;

}
td {

}
th {
border:none;
}

tr {
text-align:left;
}
.grey {
background-color:#E9E9E9;
}

/* ------------------------------
BUTTONS
------------------------------ */


a.button { background: transparent url('../graphics/bg_button_a.jpg') no-repeat scroll top right; color: #FFFFFF; display: block;float: left;font: normal 18px arial, sans-serif;margin: 0 6px 5px 15px;padding-right: 18px;text-decoration: none;
	
}

a.button span { background: transparent url('../graphics/bg_button_span.jpg') no-repeat;display: block;line-height: 14px;padding: 8px 0 8px 18px;color:#FFFFFF;
	
}
a.button :hover {background: transparent url('../graphics/bg_button_span.jpg') no-repeat;display: block;line-height: 14px;padding: 8px 0 8px 18px;color:#FFFFFF;text-decoration:underline;
	
}


a.cart { background: transparent url('../graphics/bg_cart_a.jpg') no-repeat scroll top right; color: #FFFFFF; display: block;
float: left;font: normal 18px arial, sans-serif;margin: 5px 6px 5px 25px;
padding-right: 18px;text-decoration: none;
	
}

a.cart span { background: transparent url('../graphics/bg_cart_span.jpg') no-repeat;display: block;line-height: 14px;padding: 8px 0 8px 18px;color:#FFFFFF;
	
}
a.cart :hover {background: transparent url('../graphics/bg_cart_span.jpg') no-repeat;display: block;line-height: 14px;padding: 8px 0 8px 18px;color:#FFFFFF;text-decoration:underline;
	
}

a.addtocart { background: transparent url('../graphics/bg_button_a.jpg') no-repeat scroll top right; color: #FFFFFF; display: block;float: left;font: normal 18px arial, sans-serif;margin: 30px 6px 5px 130px;padding-right: 18px;text-decoration: none;
	
}

a.addtocart span { background: transparent url('../graphics/bg_button_span.jpg') no-repeat;display: block;line-height: 14px;padding: 8px 0 8px 18px;color:#FFFFFF;
	
}
a.addtocart :hover {background: transparent url('../graphics/bg_button_span.jpg') no-repeat;display: block;line-height: 14px;padding: 8px 0 8px 18px;color:#FFFFFF;text-decoration:underline;
	
}


/* ------------------------------
FORMS
------------------------------ */

.submit {border:medium none;cursor:pointer;height:22px;margin:0;width:40px;background-color: #FF0000;border-color:#FFFFFF;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;
}

.input{color:#999999;padding:0 0 0 5px;

}

.regform {margin:20px 0 0 0 ;}


.regform label{color:#000000;font-weight: bold;float: left;margin:0;width:130px; font-size:13px;}/*width of labels. Should be smaller than left column (155px) to create some right margin*/

.regform input[type="text"]{ color:#666666;padding:0 0 0 5px;margin:5px 0 0 5px;}/*width of text boxes. IE6 does not understand this attribute*/

.regform textarea{width: 250px;height: 150px;font-family:Arial, Helvetica, sans-serif;color:#666666;font-size:12px;padding:0 0 0 5px;}
	

/* ------------------------------
FOOTER
------------------------------ */

#footer{float:left;  margin:5px 0 0 0; font-size:12px; color:#666666; padding:10px 0 0 0; float:left; border-top: 1px dotted #CC0000; width:815px;}
#footer ul{padding:0; margin:0;}
#footer ul li{ display:inline; padding:0 6px 0 0 ; margin:0; list-style:none;}
#foote li{ display:inline; padding:0; margin:0;}
#footer a:link, #footer a:visited{ color:#294F98; text-decoration:none; padding:5px; font-weight:bold; }
#footer a:hover { color: #FF0000; text-decoration:underline; padding:5px; font-weight:bold;}

#footer p a:link, #footer p a:visited{ color: #FF0000; text-decoration:none; padding:5px; font-weight:bold; }
#footer p a:hover {color: #FF0000; text-decoration:underline; padding:5px; font-weight:bold;}

#footer p{color:#294F98; font-size: 11px;}


#payment-cards{float:right; margin:10px 0 0 0; padding:0;}

#payment-cards img{ padding: 0 ; margin:0;}