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

/*----------------------------------------------------------------------------------
	css properties reset for all browswers
----------------------------------------------------------------------------------*/
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	text-decoration:none;
	list-style:none;
}

/*----------------------------------------------------------------------------------
	Deafault template for OHF
----------------------------------------------------------------------------------*/
body {
	background-color:#3F4A5C;
	background-image:url("../images/background_gradient.jpg");
	background-repeat:repeat-x;
	background-position: center top;
}

#header_shadow{
	width:871px;
		height:680px;
	margin: 0px auto;
	background-image:url("../images/explorer_shadow.png");
	/*behavior:url(iepngfix.htc);*/
	background-repeat:repeat-x;
	background-position: center top;
	behavior:url(iepngfix.htc); /*to compensate for ie6 *.png compatibility*/
}

#container{
	margin: 0px auto;
	padding:0px 0px 0px 0px;
	width:797px;
	background-color:#d9dee4;	
	border:1px solid white;
}

#container p{
	color:#555;
	padding:10px;
}

img.float_right{
	float:right;
	margin:10px;
}

#container p span{
	font: bold 20px Arial, Helvetica, sans-serif;
}

#header h1 {
	width:782px;
	height:64px;
	background-image:url("../images/header2.jpg");
	background-repeat:no-repeat;
	background-position:-1px 0px;
	padding:15px 0px 0px 15px;
}

	#header h1 a {
		position:relative;
		display: block;
		height:47px;
		width:245px;
		font: bold 35px Arial, Helvetica, sans-serif; 
		
	}
		#header h1 a span{
			display: none;
		}

#header ul#pnav {
	height:25px;
	background-color:#6c7b90;
	border-top:1px solid white;
	border-bottom:1px solid white;
}

	#header ul#pnav li {
		position: relative;
		margin:0px;
		padding:0px;
		width:115px;
		height: 25px;
		float:left;
	}
	
	#header ul#pnav li a {
		margin:0px;
		padding:6px 0px 0px 0px;
		display:block;
		width:100%;
		height: 100%;
		font:12px normal Arial, Helvetica, sans-serif;
		color:#d1d8e0;
		text-align:center;
		text-decoration:none;
	}
		#header ul#pnav li a:hover{
				color:#eee;
		}		

	#header ul#pnav li ul {
		position:absolute;
		display:none;
		width:125px;
		margin:0px;
		padding:0px;
		top: 25px;
		left: 0px;
		border:1px solid white;
		background-color:transparent;
		}
	
	#header ul#pnav li:hover ul, #header ul#pnav li.sfhover ul
	{
		display:block;
		text-align:left;
	}
			
			#header ul#pnav li ul li{
				display:block;
				margin:0px 0px -1px 0px;
				padding:0px;
				width:125px;
				height:25px;
				text-align:left;
				z-index:100;
				border-bottom:1px solid white;
			
			}

			#header ul#pnav li ul li.big_list{
			width:125px;
			height:45px;
			}

			#header ul#pnav li ul li a.big_list{
			width:125px;
			height:45px;
			background:url(../images/menu_background_large.png) no-repeat left top;
			behavior:url(iepngfix.htc); /*to compensate for ie6 *.png compatibility*/
			}
			
			
			#header ul#pnav li ul li a {
				display:block;
				padding:6px 0px 0px 20px;
				width:125px;
				height:25px;
				color:#d1d8e0;
				text-align:left;
				text-decoration:none;
				background:url(../images/menu_background.png) no-repeat left top;
				behavior:url(iepngfix.htc); /*to compensate for ie6 *.png compatibility*/
			}
				
			#header ul#pnav li ul li a:hover{
				color:#eee;
			}		

#header h2 {
	width:782px;
	height:49px;
	background-image:url(../images/homepageimage.jpg);
	background-repeat:no-repeat;
	background-position:-1px 0px;
	padding:372px 0px 0px 15px;
}

	#header h2 a {
		position:relative;
		display: block;
		width:auto;
		font: bold 25px Arial, Helvetica, sans-serif; 
		
	}
		#header h2 a span{
			display: none;
		}

#content{
	background-color:#2e3b57;
	border-top:1px solid white;
}

#special_product{
	height:241px;
	width:312px;
	float:left;
	background-image:url(../images/products_gradient.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	color:#546471;
	font: normal 9px Arial, Helvetica, sans-serif; 
}

#special_product h2{
	padding:40px 10px 0px 30px;
	font: bold 25px Arial, Helvetica, sans-serif; 
	color:#3a5469;
}

#special_product ul{
	position:relative;
	top:0px;
	left:0px;
	margin:0px 0px 0px 160px;
	padding:0px 0px 0px 0px;
}

#special_product li{
	list-style:square inside;;
	font: normal 10px Arial, Helvetica, sans-serif; 
}
#special_product img{
	float:left;
	padding:0px;
	margin:0px 0px 0px 20px;
	behavior:url(iepngfix.htc); /*to compensate for ie6 *.png compatibility*/
}

#special_product h3{
	margin:0px 0px 0px 160px;
	font: bold 18px Arial, Helvetica, sans-serif; 
}

#divider{
	float:left;
	width:38px;
	height:241px;
	
	background-image:url(../images/products_border.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}
	

#regular_products{
	height:241px;
	margin:0px 0px 0px 350px;
	padding:0px 0px 0px 0px;
	
	color:#698eac;
}

#clearer {
	clear:both
}

#regular_products h2{
		margin:0px;
		padding:10px 0px 5px 20px;
		color:#bbb;
		font: bold 17px Arial, Helvetica, sans-serif; 
}
#regular_products h2 span{
		font: normal 17px Arial, Helvetica, sans-serif; 
}

#regular_products ul {
		margin:5px 0px 0px 20px;
		padding:0px;
		
}

#regular_products li {
		margin:0px 30px 0px 0px;
		width:150px;
		float:left;
}
	#regular_products li ul{
		margin:0px 0px 0px 0px;
	}
	
	
	#regular_products h3{
		font: bold 12px Arial, Helvetica, sans-serif; 
	}
	
	#regular_products li ul li{
		margin:0px 0px 0px 5px;
		list-style:square inside;;
		font: normal 10px Arial, Helvetica, sans-serif; 
	}
	#regular_products h4{
		margin:5px 0px 0px 0px;
		font: bold 14px Arial, Helvetica, sans-serif; 
	}
	
#footer{
	margin:0px;
	padding:5px 0px 0px 15px;
	border-top:1px solid white;
	background-color:#6c7b90;
	height:35px;
	font:9px normal Arial, Helvetica, sans-serif;
	color:#d1d8e0;
}

#footer p{
	color:#d1d8e0;
	padding:0px;
	margin:0px;
}
#footer a{
	text-decoration:none;
	font:9px normal Arial, Helvetica, sans-serif;
	color:#d1d8e0;
}

/*----------------------------------------------------------------------------------
	Additional Sytles for ZX2 page
----------------------------------------------------------------------------------*/
ul.float_left{
	float:left;
	padding:5px 15px 15px 15px;
	
}

ul.float_left li{
	margin:10px 0px 0px 0px;
	float:none;
	color:white;
	font:15px bold Arial, Helvetica, sans-serif;
}

#brochure_content{
	margin:0px;
	padding:0px;
}
 	
#brochure_content p{
	color:#555;
	margin:0px 10px 10px 140px;
}
#brochure_content h1{
	margin:10px 0px 0px 150px;
	color:#555;
	font: bold 20px Arial, Helvetica, sans-serif;
}
#brochure_content h2{
	margin:10px 10px 10px 150px;
	color:#555;
	font: bold 15px Arial, Helvetica, sans-serif;
}

#brochure_content li img{
	border:1px solid white;
}
#brochure_content li{
	text-align:center;
	color:#444;
}

.float_left_img{
	margin:5px 15px 15px 15px;
	float:left;
}
/*----------------------------------------------------------------------------------
	Additional Sytles for snow_hawk page
----------------------------------------------------------------------------------*/
#brochure_content2 p{
	color:#555;
	margin:10px 10px 10px 10px;
}
#brochure_content2 h1{
	margin:10px 0px 0px 10px;
	color:#555;
	font: bold 20px Arial, Helvetica, sans-serif;
}
#brochure_content2 h2{
	margin:10px 10px 10px 10px;
	color:#555;
	font: bold 15px Arial, Helvetica, sans-serif;
}

#brochure_content2 img{
	border:1px solid white;
}

#brochure_content2 a,#brochure_content a{
	text-decoration:none;
	color:#3a7bb1;
}


/*----------------------------------------------------------------------------------
	Additional Sytles for explorer
----------------------------------------------------------------------------------*/
#logo{
	margin:20px 0px 0px 10px;
}

/*----------------------------------------------------------------------------------
	Additional Sytles for aftermarket_pages
----------------------------------------------------------------------------------*/

#aftermarket_content{
	background-image:url(../images/aftmarket/divider.jpg);
	background-repeat:repeat-x;
	background-position:150px 255px;
}
div#wrapper{
	border-top:1px solid #d9dee4;
}
#aftermarket_content h2{
	margin:10px 0px 0px 10px;
	color:#555;
	font: bold 20px Arial, Helvetica, sans-serif;
}

#aftermarket_index{
	float:left;
	margin:10px 0px 0px 10px;
	padding:15px 0px 0px 0px;
	width: 180px;
	border-top:1px solid #b1b1b1;
}
	#aftermarket_index h3,#aftermarket_index h3 span{
		font: normal 14px Arial, Helvetica, sans-serif;
		color:#837f7e;
	}
		#aftermarket_index h3 span{
			font-size:15px;
			font-weight:bold;
		}
			
	#aftermarket_index ul{
		width:135px;
		margin:10px 0px 15px 0px;
		padding:0px 0px 0px 55px;
		}		
			
			#aftermarket_index ul li{
				list-style:disc;
				color:#fff;
			}
				#aftermarket_index li a{
					margin:0px 0px 0px 0px;
					color:#444;
				}
					#aftermarket_index li a:hover{
					   color:#fff;
					}		
#what_we_do{
	margin: 10px 0px 30px 210px;
	padding: 5px 5px 5px 7px;
	width:558px;
	height:200px;
		
	border-top:1px solid #b1b1b1;
	background-color:#c2cbd4;
}
	#what_we_do img{
		float:left;
		margin:0px 10px 0px 0px;
	}
	#what_we_do	p span{
		font: normal 13px Arial, Helvetica, sans-serif;
		color:#837f7e;
	}

.aftermarket_item{
	margin:10px 0px 0px 10px;
	padding:0px 0px 10px 0px;
	width:770px;
	height:200px;
	border-bottom:1px solid #b1b1b1;
}
	.aftermarket_item h3{
		margin:10px 0px 0px 200px;
		font: bold 13px Arial, Helvetica, sans-serif;
		color:#444;
	}
	
	#aftermarket_content .aftermarket_item p{
		margin:10px 0px 0px 200px;
		padding:0px;
	}
	
	.aftermarket_item a{
		float:right;
		text-decoration:none;
		color:#7090b6;
	}
	.aftermarket_item img{
		float:left;
		margin:5px 0px 0px 30px;
		border:1px solid #fff;
	}