@import url("./whitespace-reset.css");

a {
	color: #ffffff;
	outline: none; }
a:hover { text-decoration: underline; }

.clearer { clear: both; }

body {
	font-family: Times;
	font-size: 14px;
	color: #ffffff;
	background: #7a7a7a url("../images/bg_wrapper.jpg") 50% 0 no-repeat; }

#sitewrapper {
	width: 766px;
	padding: 0 0 10px 0;
	margin: 0 auto; }

#header {
	position: relative;
	height: 95px;
	background: transparent url("../images/bg_header2.jpg") 0 0 no-repeat; 
	border: solid 1px #000000;}
	#header h1 {
		position: absolute;
		left: 24px;
		top: 0;
		z-index: 5;
		width: 172px;
		height: 70px; }
		#header h1 a {
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -5000px; }
	#header ul#nav {
		position: absolute;
		left: 10px;
		bottom: 6px;
		z-index: 6; }
		#header ul#nav li {
	float: left;
	background: transparent url("../images/bg_nav-separator.gif") 100% 0 no-repeat;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 0;
		}
			
		#header ul#nav li.last {
			padding: 0 10px 0 0;
			margin: 0;
			background: transparent; }
			#header ul#nav li a {
				display: block;
				height: 10px;
				text-indent: -5000px; }
			#header ul#nav li#btn_home a {
				width: 39px;
				background: transparent url("../images/btn_home.gif") 0 0 no-repeat; }
			#header ul#nav li#btn_products a {
				width: 78px;
				background: transparent url("../images/btn_products.gif") 0 0 no-repeat; }
			#header ul#nav li#btn_blog a {
				width: 38px;
				background: transparent url("../images/btn_blog.gif") 0 0 no-repeat; }
			#header ul#nav li#btn_calendar a {
				width: 75px;
				background: transparent url("../images/btn_calendar.gif") 0 0 no-repeat; }
			#header ul#nav li#btn_garage a {
				width: 91px;
				background: transparent url("../images/btn_garage.gif") 0 0 no-repeat; }
			#header ul#nav li#btn_email a {
				width: 67px;
				background: transparent url("../images/btn_email-us.gif") 0 0 no-repeat; }
			#sitewrapper #header ul#nav li a.active,
			#sitewrapper #header ul#nav li a:hover { background-position: 100% 0; }
ul#subnav {
	padding: 7px 0;
	text-align: right;
	color: #f5b800; }
	ul#subnav li { display: inline; }
	ul#subnav li.padded { padding: 0 10px 0 0; }
	ul#subnav a { color: #f5b800; }
	ul#subnav img { margin: 0 5px 0 0; }

#content-dark-background {background: #000000; padding: 0; margin: 0; float: left; width: 100%; min-height: 280px; _height: 280px; }

#content {
	clear: both;
	background: #424242;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000; 
	border-top: none;
	border-bottom: none;
	width: 764px;}

	
	#content h2 {padding: 15px 0 35px 15px;}
		#content h2.dealer_inquiry {
			background: transparent url("../images/h2_dealerinquiry.jpg") 15px 15px no-repeat;
			text-indent: -5000px;}
		#content h2.contact_us {
			background: transparent url("../images/h2_contact.jpg") 15px 15px no-repeat;
			text-indent: -5000px;}			
		#content h2.brandprotection {	
			background: transparent url("../images/h2_brandprotection.jpg") 15px 15px no-repeat;
			text-indent: -5000px;}				
		#content h2.calendar {	
			background: transparent url("../images/h2_calendar.jpg") 15px 15px no-repeat;
			text-indent: -5000px;}	
		#content h2.dealerlocator {	
			background: transparent url("../images/h2_dealerlocator.jpg") 15px 15px no-repeat;
			text-indent: -5000px;}	
		#content h2.garage {	
			background: transparent url("../images/h2_garage.jpg") 15px 15px no-repeat;
			text-indent: -5000px;}	
		#content h2.privacypolicy {	
			background: transparent url("../images/h2_privacypolicy.jpg") 15px 15px no-repeat;
			text-indent: -5000px;}			
		#content h2.qa {	
			background: transparent url("../images/h2_qa.jpg") 15px 15px no-repeat;
			text-indent: -5000px;}				

			
	#content div.text_page {
		padding: 0 0 30px 17px;
		width: 575px;
		font-family: Times;
		font-size: 14px;

		}

		#content a{
			color: #fccd0e; 
			}
		#content div.text_page a {text-decoration: underline;}
	#content div.contact_text {
		float: left;
		width: 330px;
		}

	#content  h3 {
		font-size: 20px;
		font-family: times;
		font-weight: normal;
		padding-bottom: 10px; }

	#content div.contact_form {
		float: left;
		width: 330px;
		padding-left: 60px;
		padding-bottom: 25px; }
	
		#content div.contact_form input.text {
			float: left;
			width: 194px;
			height: 18px;
			margin: 0 0 15px 0;
			border: 1px solid #ffffff; }
		#content div.contact_form input#security_code { width: 96px; }
		
		#content div.contact_form img.captcha_image {
			display: block;
			float: left;
			clear: left;
			margin: 16px 0 15px 130px;
			_margin-top: 8px; }
		
		#content div.contact_form label {
			display: block;
			float: left;
			clear: left;
			width: 120px;
			padding: 0 10px 15px 0;
			text-align: left; }
		#content div.contact_form textarea { 
		/*	float: left; */
			clear: left;
			width: 324px;
			height: 100px;
			border: 1px solid #ffffff; }		
		
		#content div.contact_form input.submit {
			float: left;
			padding: 1px 7px 1px 7px;
			margin: 10px 0 0 0;
			background: #999999;
			border: 1px solid #5c5c5c;			
			cursor: pointer; }		
		
		fieldset {
			position:relative;
		}
	
	#content #sidebar {
		float: left;
		width: 209px; 
		background: #000;
		}
		#content #sidebar a {
			display: block;
			/*width: 100%;*/
			height: 100%;
			text-indent: -5000px;}
		
		#content #sidebar li a.toplevel {
			height: 39px;
			border-top: solid 1px #000;}
			
		#content #sidebar li.first a.toplevel {
			border-top: none;}
			
		#content #sidebar li a.toplevel-visible {
			text-indent: 0px; 
			padding-top: 10px;
			padding-left: 16px;
			border-top: solid 1px #000;
			}			
		#content #sidebar li.current a.toplevel-visible {
			height: 23px;
			}	
		#content #sidebar li.first a.toplevel-visible {
			border-top: none;
			}

		#content #sidebar li {
	min-height: 40px;
	_height: 30px;
}
		#content #sidebar li li {
			min-height: 0px;
			_height: 0px;
			height: auto;}			
/*			
		#content #sidebar li#tees {
			height: 37px;
			background: transparent url("../images/btn_tees.gif") 100% 0 no-repeat; }
		#content #sidebar li#riding-gear {
			height: 41px;
			background: transparent url("../images/btn_riding-gear.gif") 100% 0 no-repeat; }
		#content #sidebar li#keep-warm {
			height: 40px;
			background: transparent url("../images/btn_keep-warm.gif") 100% 0 no-repeat; }
		#content #sidebar li#legends-series {
			height: 40px;
			background: transparent url("../images/btn_legends-series.gif") 100% 0 no-repeat; }
		#content #sidebar li#other-stuff {
			height: 40px;
			background: transparent url("../images/btn_other-stuff.gif") 100% 0 no-repeat; }
		#content #sidebar li#garage-sale {
			height: 40px;
			background: transparent url("../images/btn_garage-sale.gif") 100% 0 no-repeat; }
		#content #sidebar li#resto-decals {
			height: 39px;
			background: transparent url("../images/btn_resto-decals.gif") 100% 0 no-repeat; }
		
		#content #sidebar li#keep-warm.current {
			height: 129px;
			background: #000000 url("../images/bg_keep-warm.png") 100% 0 no-repeat; }
*/			
			#content #sidebar li.current a.toplevel {
				height: 33px;
				text-indent: -5000px; }
			#content #sidebar li.current h2{
				padding: 0;
				text-indent: -5000px;
				}
			
			#content #sidebar li ul {
				padding: 0 0 8px 24px;}				
			#content #sidebar li li {
				font-family: Courier;
				line-height: 15px;
				
				font-size: 14px;
				text-transform: uppercase; }
				#content #sidebar li li.active a { color: #f5b800; }
				#content #sidebar li li a, #content #sidebar li li.active li a {
					color: #ffffff;
					display: inline;
					width: auto;
					height: auto;
					text-indent: 0; }
	#content #category-image {
	float: right;
	width: 554px;
	overflow: hidden;
}
		#content #category-image h1 { display: none; }
		#content #category-image img { display: block; }
	#content ul#category-thumbs {
		clear: both;
		float: left;
		width: 100%;
		padding: 5px 0 5px 0;
		border-top: 1px solid #000000; }
		#content ul#category-thumbs li {
			float: left;
			border: 1px solid #000000;
			border-left: none; }
		#content ul#category-thumbs li.first { border-left: none; }
		#content ul#category-thumbs li.last { border-right: none; }
			#content ul#category-thumbs li span { display: none; }
			#content ul#category-thumbs li img { display: block; }

	#content div.category-description {
		float: left;
		clear: left;
		width: 600px;
		padding: 10px 0 18px 8px; }
		#content div.category-description h3 {font-size: 18px;}
					
			
	#content ul.product-list {
		clear: both;
		padding: 7px 0 0 7px; }
		
		#content ul.product-list li {
			float: left;
			padding: 0 14px 45px 0;
			text-align: center; }

			
		#content ul.product-list li.last { padding: 0 0 5px 0; }		
		#content ul.product-list li.clearer{
			width: 100%;
			padding: 0;
			line-height: 0; }
		#content ul.product-list img{
			display: block;
			margin: 0 0 8px 0;
			border: 1px solid #000000; }

	#content ul.category-list {
		float: left;
		clear: both;
		padding: 0px 0 0 0px; 
		margin: 0 0 7px 0;
		_margin: 0 0 3px 0;
		border-bottom: 1px solid #000;
		display: block;
		width: 764px;
		overflow: hidden;}

		#content ul.category-list li {
			float: left;
			padding: 0 0px 0px 0;
			text-align: center; 
			border-right: 1px solid #000;
			border-top: 1px solid #000;
			display: block;
			width: 254px;
			overflow: hidden;
			clear: none;}
		#content ul.category-list li.last {border-right: none;}
			#content ul.category-list img{padding: 0; margin: 0;}
		#content ul.product-list li.first{ clear: left; }
		#content ul.category-list li img{display: block; float: left; clear: none;}
			
		
			


#footer {
	clear: both;
	padding: 5px 1px 1px 1px;
	background: #000000; }
html >/**/body #footer { padding-top: 10px; }
	#footer ul {
		padding: 0 0 7px 0;
		text-align: center; }
	#footer li {
		display: inline;
		padding: 0 15px 0 0;
		text-transform: uppercase; }
	#footer li.last { padding: 0; }
	#footer p {
		padding: 0 0 7px 0;
		text-align: center;
		font-size: 12px;
		 }
		
		
/*jerry*/
	label.error, p.error {color: #DF373A}
	textarea {padding: 3px; font-family: Arial; font-size: 12px; border: none; margin: 0}
	input.text, input.radio {padding-left: 3px;}

/* Q&A page */
	
#content div.qa_links{ padding-left: 20px; }
	#content div.qa_links ul {
		width: 350px; 
		padding: 0 20px 0 0;
		float: left;
		clear: none;}
	
	#content div.qa_links ul li { padding-bottom: 17px;}
		#content div.qa_links ul li a{color: #e4b00f; /*text-decoration: underline;*/}

	#content div.qa_answers {
		clear: left; 
		width: 730px; 
		float: left; 
		padding: 0 20px 30px 20px;
		padding-top: 30px;}

	#content dl.QandA {float: none; margin: 0; padding: 0;}
		#content dl.QandA dt {
			float: left;
			clear: left;
			padding: 10px 0 5px 0; 
			margin: 0; 
			text-indent: 0;
			color: #999999;
			width: 100%;}
		#content dl.QandA dd {
			float: left; 
			clear: left;
			padding: 0 0 10px 0; 
			margin: 0; 
			border-bottom: 1px solid #333333;
			text-indent: 0;
			width: 100%}

		#content dl.QandA p.question{
			width: 575px;}

		#content dl.QandA dd.last{
			border-bottom: none;}
			
		#content dl.QandA p.qa_label{
			float: left;
			clear: left;
			width: auto;
			padding: 1px 5px 0 0;}	
		#content dl.QandA div.mce-output{
			float: left;
			clear: none;
			width: 530px;
			padding: 0;
			margin: 0;}	


/* dealer locator page */

#content form.dealer_locator {width: 350px; float: left; clear: none;}
	#content form.dealer_locator {padding-left: 17px; padding-bottom: 30px;}
	#content form.dealer_locator fieldset{}
	#content form.dealer_locator select{ 
		width: 150px;}
	#content form.dealer_locator input.submit{ 
		margin-right: 40px;
		background: #989898;
		border: solid 1px #cbcbcb;
		padding: 1px;
		cursor: pointer;}
		
	#content div.dealer-list {\
		float: left;
		clear: left;
		padding-left: 17px;
		padding-bottom: 20px;
		}
	#content div.dealer-list ul{
		float: left; 
		clear: none;
		width: 227px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 5px;}
	#content div.dealer-list ul.first {clear: left;}
	
	#content div.dealer-list ul li {
		padding-bottom: 15px;}
	
/* product detail page */

/*

	div.content-product-details {
		overflow: hidden;
		padding: 0; margin: 0;
		}
	#content #product-details {
		float: left;
		width: 527px; 
		padding: 15px 15px 15px 15px;;
		background-color: #333;
		}*/
		
	#content #product-details #left_col{
		float: left; 
		width: 180px;
		height: 100%;
		}
		#content #product-details #left_col img{
			border: solid 1px #000;}

	#content #product-details #left_col div.color_selector{
		padding-bottom: 20px;}
	#content #product-details #left_col div.color_selector img{}
	
	
			
	#content #product-details #left_col a.graphical_button img{
		clear: left; float: left; border: none;}			
		
	#content #product-details #right_col{
		float: left; 
		width: 325px;
		padding-left: 15px;
		padding-right: 0px;
		height: 100%;
		}		

	#content #product-details #right_col label {
		font-size: 14px;
		clear: left;
		float: left;
		padding-right: 5px;
		width: 50px;
		text-align: right;}
	
	#content #product-details #right_col div.radio_holder {clear: none; float: left; width: 250px;}
	
	#content #product-details #right_col div.radio_holder div.radio_option {clear: none; float: left;}
	
	#content #product-details #right_col label.radio_label {clear: none; padding-left: 3px; width: 55px; text-align: left;}	
		
	#content #product-details #right_col p {
		font-size: 14px;
		clear: left;
		float: left;}

	#content #product-details #right_col p.form-note {
		float: left; 
		clear: both; 
		margin-left: 60px; 
		_margin-left: 30px;
		width: 250px; 
		font-size: 12px; 
		color: #aaa;
		padding: 2px 0;}	
	
		
	#content #product-details #right_col p.field-info {
		clear: none;}
		
	#content #product-details #right_col p.price {
		font-size: 16px;
		margin-bottom: 10px;
		clear: none;}

	#content #product-details #right_col input, #content #product-details #right_col select {
		float: left; clear: none;}
		
	#content #product-details #right_col input.qty {width: 40px;}	

	#content #product-details #right_col p.product-description {padding-top: 10px; padding-bottom: 10px;}			

	#content #product-details #right_col ul.field_list{
		display: block;}
	#content #product-details #right_col ul.field_list li{
		display: block;
		float: left;
		clear: left;
		margin-top: 4px;
		width: 330px;}		
		
/* calendar (google!) */
	#content div.calendar_holder {
		padding: 0 0px 20px 20px;
		}
	#content div.calendar_holder div.calendar_frame {
		width: 705px;
		background: #ffffff;
		padding: 10px 10px 10px 10px;}
		
/* garage */		
	#content div.garage_frame{
	width:602px;
	margin: 0 auto;
	padding-bottom: 30px;
	}
		
/* new product page layout */		

	#content-faux-columns {
		float: left;
		background: transparent url("../images/faux_column.jpg") 0 100% repeat-y;
		}
	#content-faux-columns #sidebar{
		background: transparent;
		}
	#content-faux-columns #product-details {
		float: left;
		width: 524px;
		min-height: 322px;
		_height: 322px;
		padding: 15px;
		overflow: hidden;
		background: transparent url("../images/bg_product_details.jpg") 0 0 no-repeat;
		}
	
	
	
/* blog */
#wp-sidebar {padding-top: 60px;}
#main div.post {
	padding: 0 0 30px 0;
	margin: 0 20px 20px 0;
	_margin: 0 10px 10px 0;
	border-bottom: solid 2px #999;}
#main div.post h2 {padding: 0 0 30px 0; font-size: 16px;}
#main div.post p{padding-bottom: 14px;}
#main div.post img{padding-top: 4px; padding-bottom: 4px;}

#content h1#hdr_blog{
	margin: 0;
	padding: 0px 0 40px 0px;
	background: transparent url("../images/h2_blog.jpg") 0px 0px no-repeat;
	text-indent: -5000px;}

a.sizing_chart_link {
	clear: none;
	padding: 2px 0 0 12px;}
	
/* page selectors for product-list page; jerry 2/12/2009 */

div#pagination-holder {width: 100%;}

div#page-size-selector {
	padding-left: 40px;
	clear: none;
	float: left;}
	div#page-size-selector ul { float: left; clear: none;}	
	div#page-size-selector li {
		display: block;
		clear: none;
		float: left;
		padding: 0 6px 0 6px;}
	div#page-size-selector li a {padding-left: 5px;}		

div#pager {
	padding-left: 10px;	
	padding-bottom: 2px;
	clear: both;
	float: left;}
	div#pager p { float: left; clear: none;}
	div#pager ul { float: left; clear: none; padding: 0 0 0 20px;}	
	div#pager li {
		display: block;
		clear: none;
		float: left;
		padding: 0 10px 0 0;}
	div#pager a {padding: 0 5px;}
	div#pager a#highest-page-link {
		padding: 0 10px 0 2px;}

div#page-size-selector li.active a, div#pager li.active a{color: #fff;}

#headerText {
	float:right;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-style:italic;
	text-align: right;
	padding-top: 58px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 225px;
}