@charset "utf-8";
/* Reset CSS  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

body, h1, h2, h3, p {font-family:Verdana, Geneva, sans-serif; margin-bottom:5px;}
body {font-size:13px; color:#000; background-color:#000;}
p { margin:15px 0;}
h1 {font-size:28px; font-weight:bold; color:#b01c65;}
h2 {font-size:22px; font-weight:bold; color:#1c7ab0;}
h3 {font-size:17px; font-weight:bold;}

li {margin:4px 0;}

strong {font-size:14px; font-weight:bold;}

.quote {background:url(/images/quotes.png) no-repeat; padding-top:60px; min-height:100px;}
.signature {text-align:right}
.workDescription {margin:15px 0;}

#htHeader {background-image:url(/images/back-top.gif);}
	#topArea {height:5px;}
	#searchArea {height:75px;}
	#navArea {height:52px; position:relative;}
	#logo {position:absolute; top:45px; left:0;}

#main #htPromoter {height:350px; background-image:url(/images/backPromoter.png);}
	#main #promoter {}
	#main #promoter h1 {color:#fff; font-size:36px; font-stretch:narrower; position:absolute; top:50px; left:32px; line-height:110%;}
	#main #promoter h2 {color:#ded8ea; font-size:18px; position:absolute; top:180px; left:32px;}
	#main #promoter p {color:#ded8ea; width:450px; position:absolute; top:240px; left:32px;}
	#main #promoter #parts{position:absolute; top:60px; right:32px;}

#sub #htPromoter {height:auto; background-image:url(/images/backPromoter.png);}
	#sub #promoter h1 {color:#fff; font-size:36px; font-stretch:narrower; line-height:110%; padding:20px 0; margin:0;}
	
#htContent {background-image:url(/images/back-content.gif); background-repeat:repeat-y; background-size: 100%; position:relative; z-index:1;}
	#contentBack {position:absolute; top:0; left:0; width:100%; height:100%;}
	#content {min-height:570px;}
	#sub #content {padding-top:40px;}
	#main #quality, #main #products, #main #manufacturer, #main #sales {margin:0 32px 100px 32px;} /*HomePage*/
	

	#hpNav {height:73px; width:980px; padding:48px 0;}
	#hpNav div{position:absolute;top:48px;}
	#panes > div {display:none;}
	#panes p {line-height:15px;}
	.navLink {height:73px;background:url('/images/homeSprite.png') no-repeat;overflow:auto;display:block;position:absolute;top:0;left:0px;}
	
	#btnQuality{left:0;}
	#aQuality{width:254px;}
	#aQuality:hover {background-position:0 -73px;}
	
	#btnProducts{left:254px;}
	#aProducts{width:241px;background-position:-254px 0;}
	#aProducts:hover {background-position:-254px -73px;}
	
	#btnManufacturers{left:495px;}
	#aManufacturers{width:240px; background-position:-495px 0;}
	#aManufacturers:hover {background-position:-495px -73px;}
	
	#btnSales{left:735px;}
	#aSales{width:247px; background-position:-742px 0;}
	#aSales:hover {background-position:-742px -73px;}
	
	#testimonial {margin:0 auto; width:941px;}
	
#htFooter {background-image:url(/images/backFooter.png); background-repeat:repeat-x; clear:both; padding:27px 0 20px 0;}
	#footer, #footer a{color:#fff;}
	#copy {float:right;}
	
#htCopy {background-color:#dcdcda; height:100%;}
	#copy {min-height:42px;}
	
#manufacturerImages, .contentImage {float:right; padding-left:10px;}
#breadcrumbs {margin-top:-10px;}

.main {width:980px; margin:0 auto; position:relative;}
.divider {height:1px; background-color:#125079;}
.hpPhoto {float:left; padding-right:32px;}

.productGroup, .productGroupFirst {float:left; width:300px; margin-bottom:10px;}
.productGroup {margin-left:25px;}
.productGroup td, .productGroupFirst td  {padding-right:20px;}

#manList {font-size:16px;}
.man-image {margin-bottom:20px; text-align:center;}
.caption {font-size:11px; font-weight:bold;}
.thumb {padding: 0 20px 20px 0;} 
.contactImg {float:left; padding-right:10px;}
.contact {margin:10px 0;}


/*------------------------------------*\
	NAV
\*------------------------------------*/
#navContainer {position:absolute;top:0;right:0;z-index:3;}
#nav{
	
	width:100%;
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	font-size:12px;
}
#nav ul, #nav li
{
margin:0;
padding:0;
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
	display:block;
}
#nav li a{
	display:block;
	padding:5px;
	color:#fff;
	/*background:#333;*/
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	/*text-shadow:1px 1px 1px rgba(0,0,0,0.75);  Text shadow to lift it a little 
	-moz-border-radius:2px;
	-webkit-border-radius:2px;*/
	border-radius:2px;
}
#nav li a:hover{
	color:#fff;
	background:#20456e; /* Solid colour fall-back */
	background:rgba(32,69,110,0.75); /* It'll look nice semi-transparent */

	text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
	background-image:url(../img/pixel-blank.gif);
}
#nav ul li{
	padding:0;margin:0;
	border-bottom: 1px solid rgb(255,255,255);
	border-bottom: 1px solid rgba(255,255,255,0);
	float:none;
	
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
}
#nav li:hover a{ /* Set styles for top level when dropdown is hovered */

	background:#20456e; /* Solid colour fall-back */
	background:rgba(32,69,110,0.75); /* It'll look nice semi-transparent */
	text-decoration:none;
}
#nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	/*background:#333; Solid colour fall-back */

	background:rgba(51,51,51,0.75); /* It'll look nice semi-transparent */
	text-decoration:underline;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}