@charset "utf-8";
body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color:#000;
	background-color: #fff;
	font-family: Arial,Geneva, Verdana,  Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.125em; /* 16x1.125=18 */
	background-image:url(images/body_bg.gif);
	height: auto;
	}

 #container {
	 position:relative;
	width: 910px;  
	height:auto;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* overrides the text-align: center on the body element. */
	padding: 0px;
	background-color:#fff;
	border: 1px solid black;
	}
	
#left40 {
	margin-left: 120px;	
}

div, h1, h2,h3, p, ul, li, label, form, input, img, span{
	margin:0; padding:0;
}

ul{
	list-style-type:none;
}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}	
	
#header {
	background-image: url(images/header.gif) ;
	background-repeat: no-repeat;
	height: 120px;
	width:910px;
	overflow: hidden;
				}	
				
#head-nav {
		float: right;
		padding: 5px 20px 0 0;
		display:inline;
}


#head-nav a:link { color:#1B75BC; text-decoration:none; font-size: 14px;}
#head-nav a:visited {color: #000; text-decoration:none;font-size: 14px; }
#head-nav a:hover { color: #bf3b2f; text-decoration:none;font-size: 14px; }
	
	
}
#main {
	width: 700px;
	height:auto;
	margin-bottom: 20px;
}
  

#copy {
	700px
	height: auto;
	padding-right: 100px;
	padding-left: 100px;

		
			}

		
		
#logotable {
	padding-left: 40px;	
}
		
#copy.specials {
	width: 700px;
}

.products #copy {
	width: 710px;
	height:auto;
}
#copy p.imgRt  {
 padding-right: 220px;	
}
#copy p.product-copy-top {
	padding: 25px 10px 5px 10px;	
	font-weight: bold;
}
#copy p.product-copy-bottom {
	padding: 0px 10px 25px 10px;	
	font-weight: bold;
}




.lastp {
	display: block;
}

.questions {
		color:#11549C;

}

.clear { clear:both;}

#prod-list {
	margin: 25px 0;	
}

.home #copy {
	padding: 20px 0 20px 0px;
}

/* --- IMAGES img --- */

#copy img {
	padding: 0;	
}

#copy img {
	
	padding: 20px 0 0px 0;	
}
.floatright {
	position: absolute;
	top: 220px;
	left: 670px;
	}
	
#map {
	margin: 25px 0 20px 150px;	
}
 
#productImg {
	padding-left: 150px;
}
 
 .state {color:#bf3b2f; }

#smhinge {
	position: absolute;
	top: 240px;
	left:730px;
}

#quad {
	margin-left: 20px;	
}

#youtube {
	padding: 20px 80px;	
}

.pdf{ display:block;}
.pdf a[type='application/pdf'] {
background: url('images/PDF_icon.png') no-repeat 0 50%;
text-indent: 20px;
}

#products-nav {
	position: absolute;
	top: 40px;
	left: 620px;
	font-size: .9em;
	width: 180px;
	height:auto;
}

#products-nav ul {
	list-style-type:disc;
}
#products-nav li {
	margin-left: 30px;	
}

	/* --- Navigation -----*/	
#nav{
	width:910px;
	height:40px;
	background:url(images/nav/nav_bar.gif) 0 0 repeat-x;
	
	}
#nav ul{
	
	width:870px;
	height: auto;
	left:0px;
	top:0px;
		padding:0px 0px 0px 35px;
	_padding-left: 20px;
		
}
#nav ul li{
	background:url(images/nav/nav_div.gif) left top no-repeat;
	height:40px;
	float:left;
	padding:0  0 0 1px;
	display: inline;
}
#nav ul li a{
	display:block;
	padding:0 14px;
	font:bold 14px/40px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	
}
#nav ul li a:hover{
	color:#bf3b2f;
	background-color:inherit;
}
#nav ul li a.hover{
	display:block;
	padding:0 14px;
	font:bold 14px/40px Arial, Helvetica, sans-serif;
	text-decoration:none;
	cursor:text;
}
#nav ul li.last{
	background:url(images/nav/nav_div.gif) left top no-repeat;
		padding: 0 0 0 1px;
	height:40px;
	display:inline;
	width: 100px;

}
#nav ul li.last2{
	background:url(images/nav/nav_div.gif) left top no-repeat;
		padding: 0 0 0 1px;
	height:40px;
	display:inline;
	width: 1px;

}


.home #nav ul li.home a{
	color:#bf3b2f;
}
.about #nav ul li.about a{
	color:#bf3b2f;
}
.super-hinge #nav ul li.super-hinge a{
	color:#bf3b2f;
}
.contact #nav ul li.contact a{
	color:#bf3b2f;
}
.containment-issues #nav ul li.containment-issues a{
	color:#bf3b2f;
}


.grease-away #nav ul li.grease-away a{
	color:#bf3b2f;
}
.custom-applications #nav ul li.custom-applications a{
	color:#bf3b2f;
}
.high-capacity #nav ul li.high-capacity a{
	color:#bf3b2f;
}
.original #nav ul li.original a{
	color:#bf3b2f;
}
.sidekick #nav ul li.sidekick a{
	color:#bf3b2f;
}
.lane-guard #nav ul li.lane-guard a{
	color:#bf3b2f;
}
.product #nav ul li.product a{
	color:#bf3b2f;
}




/* ----- End Navigation ---*/

	


/*--- Dropdown Nav styles -----*/

li.product {
	position: relative;
	}
	
ul#productsNav  {
	position: absolute;
	left: -35px; /* Set 1px less than menu width */
	top: 40px;
	display: none;
	width:300px;
	height: auto;
}



ul#productsNav{ height/**/: 300px;}


/* Styles for Menu Items */
#productsNav li a {
	display: block;
	text-decoration: none;
	color: #777;
	background:url(images/nav/nav_bar.gif) 0 0 repeat-x;
	padding: 5px;
	border: 1px solid #ccc; /* IE6 Bug */
	border-bottom: 0;
	width: 150px;
	
	}
	
/* Holly Hack. IE Requirement \*/
* html #productsNav li { float: left; height: 1%; }
* html #productsNav li a { height: 1%; }
/* End */

li:hover #productsNav , li.over #productsNav{ 
	display: block;
} 

/* ----- End Drop Down ---*/



/* -- LINKS -- */

 a:link { color:#11549C; }
 a:visited {color: #11549C; }
 a:hover { color:#bf3b2f;}
#footer a:link { color:#000; }
#footer a:visited {color: #000; }
#footer a:hover { color:#bf3b2f;}
 
/* -- hacks and work arounds */

#clear { clear: both;
		 display:block;}

/* paragraphs p tags */
#copy p, .home h1, h2{
	padding: 10px 20px 5px 20px;		
} 


#footer p {
 padding: 	5px;
}

/* ---- LI UL OL ordered lists and unordered lists -- */
#copy ul {
	padding: 10px 20px;
}
.products #copy ul {
	margin: 0 40px;	
}
.products #copy li {
	list-style-type: circle;
	
}

/* --- h tags headings heading -- */

h1, h2, h3, h4, h5 {
	padding: 30px 20px 10px 40px;	
	margin: 0;
}
h1  {    
		font-size:22px;
        line-height: 24px;
		
}F


h2, .heading2  {    
        line-height: 18px;
		font-size:20px;
}

.heading2 { color: #bf3b2f;
			}

h3, .heading3 {    
        line-height: 16px;
		font-size:14px;
}
h4 {
	color:#bf3b2f;
}	

.home h1, h2, h3, h4 {
	padding: 10px 20px 5px 20px;		
} 
.heading1 { 
	color: #bf3b2f;
	padding-left:20px;

}
 h2.call {
	padding-top: 30px;}

	/*----- Footer ---*/
 #footer {
	
	width: 910px;
	height: 171px;
	margin-bottom: 10px;
	
			 }

 .products h2{
	font-size: 36px;
    color: #bf3b2f;
	padding-bottom: 30px;
	display: block;
}

.customers h1, .customers h2, p.p180 {
	padding-left: 180px;
				
		
}



/*-------- eliminate link or image outlines -----*/
:link img {
  border: none;
}
img {
	border: none;
	}
a {
outline: none;
}
/*----------- typography ----------------*/

#rightImage p {
	font-size: .8em;
	line-height: 1em;
	padding: 10px 5px;
}
	
#copy p, #copy li  {
	font-size: 1em;
	line-height: 1.4em;
}
	

#footer{font-size: .65em;
		line-height: 1.2em;
		color: #000;
		}

.call {
	font-size: 16px;
	line-height: 20px;
}

.products #copy  {
	font-size: .85em;
	line-height: .9em;
}

/* --- FORM --- */


#form {
  	width: 500px;
	height: auto;
	
	font-size: .9em;
	color: #000;
	font-weight: bold;
	background: #D8E3EF;
	
	border: solid #EB4042 2px;
	margin: 20px 0 20px 20px;
	padding: 0 0 20px 0;
		}
#roundedform .call {
	font-size: 18px;
	line-height: 20px;
	color: #44555f;
	}	



		
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}


label {
	display: block;
	padding: 2px 0 2px 0;
	}

	

textarea {
	width: 200px;
	height: 100px;
    background-color: #fff;
}



input[type="text"], textarea {
	border: 2px #11549C;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: inset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: inset;
	border-bottom-color: #11549C;
	
}

input:focus, textarea:focus {
background-color: #fff;
}		
#form p {
	margin, padding: 0;	
}