@charset "utf-8";
/* Ericksen Honda Revamp master stylesheet 1 March 2010*/
.hide{margin-left:-9999px;
	position:absolute;
	}
body{margin:0 0 20px 0;
		font-size:0.8em;
		font-family:verdana, geneva, tahoma,arial,sans-serif;
		background:#000 url(../i/body_bg.gif) no-repeat bottom center;
		color:#333;
		}
	
		#pagewrapper{margin:0 auto;
		width:950px;
		}
	
		#page_content{background:#fff url(../i/page_bg.gif) repeat-y;
		width:910px;margin:0 auto;
		}
#sec_page_content{background:#fff url(../i/sec_page_bg.gif) repeat-y right;
		width:910px;margin:0 auto;
		}

/* masthead---------------------------------------------------------------*/		
#masthead{background:url(../i/masthead.jpg) no-repeat;
			width:950px;
			height:111px;
			margin:0;
			padding-top:20px;
			}
#masthead h1{background:url(../i/logo.png) no-repeat;
	display:block;	
	margin:0 0 0 145px;
	width:483px;height:44px;border:0;top:58px;position:absolute;
		}
	
	
	/* primary navigation--------*/



#nav{width:950px;
		background:url(../i/nav_bg.jpg) repeat-x;
		height:35px;
		margin:96px auto 0;
		color:#fff;
		padding: 0 0 0 0;
		font-size:1.1em;
		 text-shadow:#333 0.1em 0.1em 0.1em;
		line-height: 100%;

		}

#nav li {
	margin: 0 0;
	padding: 0 0 8px ;
	float: left;
	position: relative;
	list-style: none;
	
}

#nav li.left_end {
		background:url(../i/left_end.jpg) no-repeat left 0;padding-left:30px;
		}
#nav li.right_end {
		background: url(../i/right_end.jpg) no-repeat right 0;
		width:305px;height:33px;
		margin: 0 0 0 ;
		}
/* main level link */
#nav a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	padding:  8px 26px 8px 11px;
	margin: 0;
	background:transparent url(../i/nav_divider.png) no-repeat right -1px ;
}
#nav a:hover {
	background:url(../i/nav_divider.png) no-repeat right -1px;
	color: #ccc;
}


/* main level link hover */
#nav li:hover > a {
	background:  url(../i/gradient.png) repeat-x 0 -30px;
	color: #333;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);
	}


/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border-bottom:1px solid #333;
	color: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	}
#nav ul a:hover {
	background: #666 url(../i/gradient.png) repeat-x 0 10px !important;
	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-shadow: 0 1px 1px rgba(0,0,0, .1);
	}


/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */


#nav ul {
	display: none;
	margin: 0 ;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	z-index:3;
	background: #000 url(../i/gradient.png) repeat-x 0 114px;
	border: solid 1px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
	
	   /*no opacity in ie because it stops third level dropdown working*/
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
}


#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {
	font-weight: normal;
	}

/* level 3+ list */
#nav ul ul {
	left: 185px;
	top: -3px;
	background: #000 url(../i/gradient.png) repeat-x 0 -30px;
}


/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}

/*search box*/
div#search_box{ padding:0;
		margin:0 0 0 690px;position:absolute;z-index:500;top:120px;
		}
.space{margin-left:10px; padding-left:5px;}		
/*breadcrumbs---------------------------------------------------- */


	
#bc 		{position:absolute;
z-index:2;
		margin:2px 0 0 20px ;
		width:895px;
		font-size:0.8em;
		color:#000000;
		text-align:left;
		padding:0 0 0 5px;
	
			}
#bc li{list-style:none;
	display:inline;
	}
#bc  li a		{
		color:#d60000;
		background:transparent;
		padding:0 1px  ;
		text-decoration:underline;
		}
 	
#bc  li a:hover	{
		color: #666;
		text-decoration:none;
		} 




/* Global---------------------------------------------------------------------*/
 li.first{border:none;
	}
h2,h3,#pnav,#right h4,#nav,#sec_content strong,#right_sec,th  {
		font-family:arial, verdana,tahoma, san-serif;
							}
#right h4,#right_sec h4{color:#fff;
				}

#content h2,#right h4 ,#content h3{font-weight:500;
				}
h2{font-size:2.3em;
		margin:10px 0 0 0;
		color:#d60000;
		}
a{cursor:pointer;font-weight:bold;}
a:hover{color:#ccc;
	}	
ul{list-style:none;}	
br.left{
	clear:left;
			}
			br.clear{
	clear:both;
			}
/* right column*/	
#right_sec{width:271px;
	padding:0 0 0 20px;
	float:right;
	margin:0 0 0 0;
	background:transparent url(../i/right_sec_top_bg.jpg) no-repeat left top;
	}
#right{width:395px;
	padding:0 0 0 15px;
	float:right;
	margin:0 0 0 0;
	background:transparent url(../i/right_top_bg.jpg) no-repeat;
	}

	
		
#right div{clear:both;width:380px;padding:0;/*keeps the 2 uls separate because of float:left*/
		}

#right h4{margin:10px 0 0 0 ;
		padding:5px 0 0 10px;
		height:24px;
		width:370px;
		background:transparent url(../i/right_h4_bg.jpg) no-repeat;
		font-size:1.3em;
		font-weight:900;
		border-bottom:1px solid #000;
border-left:1px solid #d60000;
border-right:2px solid #333;
		}
#right_sec h4{margin:10px 0  ;
		padding:5px 0 0 10px;
		width:250px;
		background:transparent url(../i/sec_right_h4_bg.jpg) no-repeat;
		font-size:1.3em;
		font-weight:900;
		border-bottom:1px solid #666;
border-left:1px solid #d60000;
border-right:2px solid #666;
		}
#right_sec img{
		margin:10px 0 20px ;
		border:2px solid #d60000;
		padding:2px;
		background:#fff;
		}
		#right_sec strong{
		color:#d60000;
		font-size:1.3em;
		margin-bottom:10px;
		}
#right ul{
	text-align:center;
	
border-left:1px solid #d60000;
border-right:2px solid #9d0000;
border-bottom:2px solid #9d0000;
background:#fff;
	
	}
	ul#bikes {list-style:none;
	width:355px;
	margin:0 0 20px 5px;
	padding:0 0 10px 15px;
	font-size:1em;
	
	}
	ul#accessories{list-style:none;
	width:365px;
	margin:0 0 20px 5px;
	padding:0 0 10px 5px;
	font-size:1em;
	
	}
	#bikes img {margin:10px 0 2px 0; 
			border:1px solid #d60000;padding:1px;
			
			}
			#accessories img{border:0;padding:0;margin:10px 0 0 0;width:113px;}
ul#bikes li	{display:block;
				float:left;
				background:#fff;
				padding:0  10px  0 5px;
				width:160px;
				}
ul#accessories li	{display:block;
				float:left;
				background:#fff;
				padding:0 4px;
				width:113px;
				}				
				
#right a{display:block;color:#d60000;
		text-decoration:none;
		}
ul#right_links{border:none;
background:transparent;
font-weight:bold;
list-style:none;
margin:0 0 0 0;
padding:0 0 0 0;
font-size:1.2em;
line-height:1.5;
color:#d60000;font-family:arial;
	}
	ul#right_links li{
	border-bottom:1px solid #666;
	background:url(../i/right_links_bull.gif) no-repeat 2px 6px;
	width:240px;
	padding-left:20px;
	
	}
#content a,#sec_content a,ul#right_links a{
				color:#d60000;
				text-decoration:none;
				
				}
				
#content a:hover,#sec_content a:hover,ul#right_links a:hover,ul#accessories a:hover,#bikes a:hover
{
				color:#666;
				text-decoration:none;
				
				}
				.detail_link a{margin-left:190px;}
				.detail_link a:hover{margin-left:190px;}
				
/*  content column ---------------------------*/
.rs_nav {
		border-top:2px solid #d60000;
		clear:both;
		padding-right:20px;
		text-align:right;
		font-weight:900;
		margin-top:5px;
		width:97%
		}
.rs_nav a{
		margin:0 5px;
		}
#content{
	width:448px;
	margin:0 0 0 2px;
	float:left;
	padding:40px 10px 0 40px;
	background: url(../i/content_top_bg.jpg) repeat-x;
		}
#sec_content{
	width:567px;
	margin:0 0 0 2px;
	float:left;
	padding:40px 10px 0 40px;
	background: url(../i/content_top_bg.jpg) repeat-x;
		}

	
	
 p.intro{font-size:1em;	
 		margin-top:2px;			
			} 	

#content h3 {
	color:#d60000;
	font-size:1.4em;
	border-bottom:2px solid #666;
	margin:5px 0 0  ;
	width:455px;
	padding:0;
	
	}
	#content h3.newsEvents
	{
	background: url(../i/newsEvents.png) no-repeat 0 bottom;
	height:25px;
	padding:15px 0 0 80px;
	width:375px;
	color:black;
	font-size:1.8em;
	margin-top:10px;
	}
#content h4{
	color:#d60000;
	font-size:1.1em;
	
	margin:5px 0 0  ;
	width:446px;
	padding:0;
	
	}
	#content p
	{
	margin:0;
	width:455px;
	}
#content .news_item p
	{
	margin:0;
	width:350px;
	
	float:left;
	}
	.news_item img 
	{
	float:right;
	margin:0;
	}
	div.news_item
	{
	padding:4px 10px 10px;
	width:435px;
	border-bottom:1px dotted #d60000;
	background: url(../i/news_bg.jpg) repeat-x top;
	}
	div.news_item a
	{
	background:url(../i/news_link_arrow.gif) no-repeat 100% 4px;
	padding:0 10px 0 0;
	font-size:.9em;
	}
#sec_content p{width:490px;margin:0 0 20px 0;padding:5px 10px }


#sec_content strong{color:#d60000;
	font-size:1.3em;

	margin:10px 0 0  ;
	width:400px;
	padding:0;}
.f_left{float:left;
	margin:0 10px 10px 0;
	padding:1px;
	 border:1px solid #d60000;
	 }
#content ul{
			 list-style:none;
			 padding:5px 5px 0 5px;
			border-right:1px solid #000;
				border-bottom:1px solid #000;
			float:left;
			line-height:1.3;
			width:101px;
			background:url(../i/index_links_bg.jpg) repeat-x;
			min-height:145px;
			margin:2px 0 10px 0;
			font-size:.9em;
			 }
#content ul.first
{
border-left:1px solid #666;

	width:100px;
}

#content ul li{margin:0;
							}
#content ul a{
font-size:0.9em;
font-weight:bold;
color:#fff; 
				text-decoration:none;
				background:url(../i/index_links_bull.png) no-repeat 0 2px;
				padding:0 0 2px 12px;	
				border-bottom:1px dotted red;
				display:block;
				}	
#content ul a:hover{color:#ccc;
				}	
				
xul#products li{display:inline;
				margin:0;
				padding:0;
				
				}

ul#logos li	{display:block;
				float:left;
				padding:0 10px ;	
				}	
ul#logos{margin:70px 0 0 5px;
		height:32px;
		width:400px;background:none;
		}	
/* specials-----------*/
.new_price{
	
	color:#d60000;
	}

.new_price,.was_price{
	font-weight:bold;
	font-size:1.1em;
	}
.specials{
	border:1px black solid;
	margin-top:0 ;
	padding:0;
	}
a.special_link{
	border:none;
	
	}

/*product detail display*/
table{
		width:450px;
		margin:5px 0 0 50px;
		border-top:2px solid #999;
			}
th,td{
	border-bottom:1px solid #999;
	}			
th{
	font-size:1em;
	text-align:left;
	border-right:1px solid #999;
	width:150px;
	padding:3px 0;
	}
td{
	font-size:0.9em;
	padding:3px 5px;
		}
img.prod_large{
	margin:5px 0 0 50px;
	border-top:2px solid #999;
	
	padding-top:3px;
		}
		td.prod_large{
	text-align:center;
	border-top:2px solid #999;
		border-bottom:2px solid #999;
	padding-top:3px;
	}
/* Contact specific*/
#contact p{
		width:400px;
		border-top:1px solid;
		margin:0 ;
		padding:10px 0;
		background:transparent url(../i/contact_form_bg.gif) repeat-y 136px 0;
		}

#contact{
		margin-left:50px;
		}
#contact  strong {
	float: left;
	width:130px;
	
	text-align: right;
	margin: 3px 20px 0 0;
	}
	
	
	#contact label{
			padding-bottom:4px;
	}

textarea	{
	width:200px;
	height:100px;
			}

div.buttons{
	width:360px;
		text-align:center;
		border-top:1px solid;
		padding-top:10px;
		}
/*footer*/
#footer,#sec_footer	{
	
	clear:both;
	text-align:center;
	width:910px;
	height:27px;
	padding:15px 0 60px 0;
	font-size:0.8em;
		color:#ccc;
	}
	
#sec_footer	{
	background:transparent url(../i/sec_footer_bg.gif) no-repeat left bottom;
	
	}
#footer	{
	background:transparent url(../i/footer_bg.gif) no-repeat left bottom;
	
	}
	
#footer li,	#sec_footer	li{
	display:inline;
	border-left:1px solid #ccc;
	}

#footer a:hover,#sec_footer a:hover		{
		padding:0 0 0 5px;
color:red;
		}
#footer li:first-child,#sec_footer li:first-child	 { 
		padding-left: 0; 
		border: none;
		 }

		#footer a,#sec_footer a{color:#ccc;
		padding:0 0 0 5px;
		}