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

* {
margin: 0;
padding: 0;
outline: none;
text-decoration: none;
}
/*html>body { overflow-y:scroll; }
*/

/* @group FONT FACES */

/* @end */



/* @group EDITS BY SAMIR JOZA 01-20-2011 */
	/* @group FONT FACES */
		@font-face {
			font-family: 'KlavikaLight';
			src: url('../fface/klavika-light-webfont.eot');
			src: local('☺'), url('../fface/klavika-light-webfont.woff') format('woff'), url('../fface/klavika-light-webfont.ttf') format('truetype'), url('../fface/klavika-light-webfont.svg#webfontQljPIQjb') format('svg');
			font-weight: normal;
			font-style: normal;
		}
		@font-face {
			font-family: 'ArialNarrowBold';
			src: url('../fface/arialnarbol-webfont.eot');
			src: local('☺'), url('../fface/arialnarbol-webfont.woff') format('woff'), url('../fface/arialnarbol-webfont.ttf') format('truetype'), url('../fface/arialnarbol-webfont.svg#webfontx2Ft3K0a') format('svg');
			font-weight: normal;
			font-style: normal;
		}

	
	/* @end */

	/* @group HEADSET SUBNAV */
	li.subHS a
	,li.subSP a
	,li.subTW a
	,li.subSSP a
	,li.subDB a
	,li.subCN a
	,li.subOT a
	,li.subBR a
	,li.subCP a {
		font: 10pt ArialNarrowBold;
		color: #666666;
		text-decoration: none;
		margin-bottom: 5px;}
		
	li.subHS a:hover
	,li.subHS_on a
	,li.subSP a:hover
	,li.subSP_on a
	,li.subTW a:hover
	,li.subTW_on a
	,li.subSSP a:hover
	,li.subSSP_on a
	,li.subDB a:hover
	,li.subDB_on a
	,li.subCN a:hover
	,li.subCN_on a
	,li.subOT a:hover
	,li.subOT_on a
	,li.subBR a:hover
	,li.subBR_on a
	,li.subCP a:hover
	,li.subCP_on a
	,li.hs_on a
	 {
		font: 10pt ArialNarrowBold;
		color: #336699;
		text-decoration: none;
		margin-bottom: 5px;}
	
	
	/* @end */
	#faq-list h2 {
		font: 14pt ArialNarrowBold;
		color: #336699;
		margin-bottom: 5px;}
	#faq-holder h1 {
		font: 18pt ArialNarrowBold;
		color: #336699;
		margin-bottom: 15px;}
		
	.hnh_no_border {		
    	font: 10pt ArialNarrowBold;
    	color: #333;
	    margin: 0 0 5px 0;
    	padding:0;
    	width: 80%;}
    	
	.hnh {		
		font: 10pt ArialNarrowBold;
		color: #333;
		margin: 0 0 5px 0;
		padding:0;
		border-bottom: 1px solid #333;
		width: 80%;}
	.hnhnb {
		font: 10pt ArialNarrowBold;
		color: #333;
		margin:0;
		padding:0;}
		
		
		
	/*============================= copied from font/styles.css ============================================= */
	.headers{
font-family: ArialNarrowBold,Arial,sans-serif;
font-size:18pt;
background-color:#fff;
color: #336699;
margin:0;
padding:0 0 10px 0;
/*display: inline;*/
position: relative;
font-weight: normal;
}

.quote{
font-family: ArialNarrowBold,Arial,sans-serif;
font-size:15pt;
background: transparent;
color: #333;
margin:0;
padding:0;
}

.headers a:hover{
font-size:12pt;
color: #336699;
text-decoration: none;
}

.headers_vid{
font-family: ArialNarrowBold,Arial,sans-serif;
font-size:18pt;
background-color:#fff;
color: #336699;
margin:0;
padding:0;
border-bottom: 1px solid #ccc;
}

.headers2{
font-family: ArialNarrowBold,Arial,sans-serif;
font-size:14pt;
background-color:#fff;
color: #336699;
margin:0;
padding:0;
font-weight: normal;
}

.headers_blue{
font-family: ArialNarrowBold,Arial,sans-serif;
font-size:14pt;
background-color:#fff;
color: #336699;
margin:0;
padding:0;
}


.headers3{
font-family: ArialNarrowBold,Arial,sans-serif;
font-size:13pt;
background-color:#fff;
color: #336699;
margin: 0;
padding:0;
font-weight: normal;
}

/*form Home page pods */
.headers4{
font-family: ArialNarrowBold,Arial,sans-serif;
font-size:16pt;
background: transparent;
color: #336699;
margin: 0;
padding:0;
font-weight: normal;
}

.headers5{
font-family: ArialNarrowBold,Arial,sans-serif;
font-size:12pt;
background: transparent;
color: #336699;
margin: 0 0 -5px 0;
padding:0;
font-weight: normal;
}
/**/

.headers6{
font-family: ArialNarrowBold,Arial,sans-serif;
font-size:12pt;
background: transparent;
color: #336699;
margin: 0;
padding:0;
}

.contact_info{
font-family: ArialNarrowBold,Arial,sans-serif;
font-size:13pt;
background-color:#fff;
color: #333;
margin:10px 0 0 0;
padding:0;
font-weight: normal;
}


.tip{
font-family: ArialNarrowBold,Arial,sans-serif;
font-size:11pt;
background-color:#fff;
color: #333;
margin:0;
padding:0;
}


.blueCrumb{
font-family: ArialNarrowBold,Arial,sans-serif;
font-size:10pt;
background-color:#fff;
color:#336699;
margin: 0;
padding:0;
}

.sub{
	font-family: ArialNarrowBold,Arial,sans-serif;
	font-size:10pt;
	background: transparent;
	color:#666;
/*	height:22px;*/
}

#submenu li.sub a{
	color:#666;
	text-decoration: none;
	display: block;
}
.sub a:hover{
	color: #336699;
	background: transparent;
	text-decoration: none;
}

#submenu li.sub_on a {
	font-family: ArialNarrowBold,Arial,sans-serif;
	font-size:10pt;
	background: transparent;
	color:#336699;
/*	height:22px;*/
	text-decoration: none;
}

.sub_on a:hover{
	color:#336699;
	text-decoration: none;
	display: block;
}

.hs{
	font-family: ArialNarrowBold,Arial,sans-serif;
	font-size:10pt;
	font-weight: normal;
	background: transparent;
	color:#666;
	text-indent: 5px;
	/*height:20px;*/
}

.hs a{
	color:#666;
	text-decoration: none;
	display: block;
}


#submenu li a/*, #hs_menu li a*/ {
	color: #666;}

#submenu li a:hover
,#hs_menu li a:hover
,#submenu li a:active
,#hs_menu li a:active {
	color: #336699;}

.hs a:hover{
	color:#336699;
	text-decoration: none;
}

.hs_on{
	font-family: ArialNarrowBold,Arial,sans-serif;
	font-size:10pt;
	color:#336699;
	/*height:20px;*/
	text-decoration: none;
	text-indent: 5px;
}

.hs_on a:hover{
	color:#336699;
	text-decoration: none;
	display: block;
}

.small{ 	
    font-family: ArialNarrowBold,Arial,sans-serif;
	font-size:9pt;
	background: transparent;
	color:#666;
}

.small a {
	color:#666;
	text-decoration: none;
	display: block;
}

.small a:hover {
    color: #336699;
	text-decoration: none;
	display: block;
	
}

.small_on{ 	
    font-family: ArialNarrowBold,Arial,sans-serif;
	font-size:9pt;
	background: transparent;
	color:#336699;
	text-decoration: none;
	display: block;
}

.small_on a:hover{
	color:#336699;
	text-decoration: none;
	display: block;
}

.colors{
font-family: ArialNarrowBold,Arial,sans-serif;
font-size:9pt;
background: transparent;
color:#666;
margin: 0;
padding:0;
}
/* @end */



body{
	background: #ababab url('images/body_bg.gif') repeat-x;
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10pt;
}

#wrap{
width: 1005px;
margin: auto;
position: relative;
padding: 40px 0 0 0;
}


img.top_logo{
position: absolute;
top: 15px;
left: 5px;
z-index: 5000;
}

#content_wrap{
width: 1003px;
min-height: 460px;
position: relative;
margin: auto;
top: 35px;
}

.home{
background: #fff url('images/content_bg.jpg') no-repeat center bottom;
}

.subpage{
background: #fff;
border: 1px solid #ccc;
}

.tabbed{
background: #fff;
border: 1px solid #ccc;
border-top: none;
}

.contact{
border: 1px solid #ccc;
background:#fff url('images/bike_bg.jpg') no-repeat bottom right;
}

/* mimics min-height property for Internet Exploder :<*/
/*\*/
* html .box {
height: 410px;
}
/**/

/* mimics min-height property for Internet Exploder :<*/
/*\*/
* html .dealers_left {
height: 360px;
}
/**/

#top_nav{
width: 1005px;
margin: auto;
}

#content{
position: relative;
top: 25px;
width: 980px;
padding: 0 0 45px 0;
margin: auto;
}

#top_sub_wrap{
width: 1005px; 
height: 36px; 
position: relative; 
top: 35px; 
left: 0px;
z-index: 5000;

}

/*TWO COL LAYOUT SETTINGS*/

#leftCol{
float: left;
position: relative;
width:80px;
margin: 0 -30px 0 0; /*FOR IE*/
}

#rightCol{
float: right
}

#rightColContact, #rightColDealers{
float: left;
}

#leftColContact,#leftColDealers{
float: left;
}

.with_sub{
width: 900px;
}

.no_sub_left{
width: 500px;
}

.no_sub_right{
width: 425px;
padding: 0 15px 0 12px;
}

.no_sub_home{
width: 385px;
padding: 0 50px 0 12px;
}

.left_inner{
padding: 0 0 0 35px;
}

.noWrap{
width: 475px;
float: right;
padding: 0 20px 0 0;
}

#rightCol ul, #colTwo ul, #colThree ul,#rewards_holder ul{
margin: 10px 0 10px 25px;
color: #666;
list-style: none;
}

#rightCol ul.normUL, #colTwo ul.normUL, #colThree ul.normUL, #rewards_holder ul.normUL{
list-style: disc;
}

#rightCol ul.normUL li a{
color: #336699;
text-decoration: none;
}

#rightCol ul.normUL li a:hover{
color: #336699;
text-decoration: underline;
}

#rightCol ul.normUL li a, #colTwo ul.normUL li a, #colThree ul.normUL li a{
background:none;
padding:0;
}

#rightCol ul li, #colTwo ul li, #colThree ul li{
margin: 8px 0 8px 0;
}

#rightCol ul li.noTip, #colTwo ul li.noTip, #colThree ul li.noTip{
padding: 0 0 0 15px;
background: url('images/gry_icon.png') no-repeat;
}

#rightCol ul li.noTip a, #colTwo ul li.noTip a, #colThree ul li.noTip a, #rightCol ul li.noTip a{
padding: 0;
background: none;
}


#rightCol ul li a, #colTwo ul li a, #colThree ul li a{
margin: 0 0 10px 0;
padding: 0 0 0 15px;
color: #666;
text-decoration: none;
background: url('images/blk_icon.png') no-repeat;
}
#rightCol ul li a:hover, #colTwo ul li a:hover, #colThree ul li a:hover{
color: #336699;
}


.dealers_left{
width: 270px;
background: transparent url('images/dealer_divider.jpg') no-repeat top right;
padding: 0 5px 0 0;
min-height: 360px;
color: #333;
}


#dealerSearch {
width: 270px;
background: transparent url('images/dealer_divider.jpg') no-repeat top right;
padding: 0 5px 0 0;
min-height: 360px;
color: #333;
float: left;
position: relative;
margin: 0 -30px 0 0; /*FOR IE*/
}


.dealerLizt {
	margin:0 0 25px;
	border-bottom:1px solid #666666;
	color:#333333;
	float:left;
	position:relative;
	width:40%;
	margin-left: 55px;
	
	}

.dealers_right{
width: 680px;
}

.contact_left{
width: 225px;
background: transparent url('images/dealer_divider.jpg') no-repeat top right;
padding: 0 5px 0 0;
min-height: 360px;
color: #333;
}

.contact_right{
width: 330px;
}

.contact_right p{
padding: 0 0 0 15px;
float: right;
}

/*END TWO COL LAYOUT*/

/*THREE COL LAYOUT SETTINGS*/
#colOne{
float: left;
/*width: 100px;*/
}

#colTwo{
float: left;
}

#colThree{
float:right;
}

.col_two_tech{
width: 390px;
padding: 0 0 0 40px;
}

.video_menu{
width: 225px;
padding: 0 0 0 15px;
}

.video_holder{
width: 580px;
padding: 0 20px 0 0;
}

.col_three_tech{
width: 375px;
padding: 0 20px 0 0;
}

.col_two_culture{
width: 425px;
padding: 0 0 0 60px;
}

.col_three_culture{
width: 350px;
text-align: right;
padding: 0 20px 0 0;
}

/*END  THREE COL*/


#news_box{
width:1003px;
height: 30px;
background: #fff /*transparent url('images/news_box_bg.jpg') no-repeat;*/;
border: 1px solid #999;
position: relative;
top: 55px;
margin: auto;
}

#news_box_content{
background: #fff;
width: 999px;
height: 28px;
margin: 1px 0 0 0;
position: relative;
}

#news_box_dyn{
position: absolute;
width: 475px;
height: 28px;
left: 50px;
top: 0;
font-size: 10px;
color: #336699;
padding: 5px 0 0 0;
}

#news_box_dyn a, #news_box_link a{
color: #336699;
text-decoration: none;
}

#news_box_dyn p{
margin: 1px 10px 0 10px;
}

#news_box_link{
position: absolute;
left: 467px;
width:100px;
top: 1px;
font-size: 9pt;
color: #333;

}

#news_box_link a.view_all{
color: #333;
}

#news_box_link a.arrow{
font-size: 11pt;
}

/*for emma form*/
.emma_form {
position: absolute;
height: 28px;
left: 550px;
top: 0;
}

.emma_form_content{
position: absolute;
left: 177px;
}

.emma_form input.text{
	border:1px solid #999; 
	width: 110px; 
	height: 15px;
	position: absolute;
	top: 5px;
}

.emma_form input.emma_submit{
position: absolute;
left: 114px;
}

#facebook_link{
position: absolute;
left: 865px;
width: 90px;
top: 0;
}

#footer{
width: 700px;
margin: auto;
position: relative;
top: 65px;
color: #666;
font-size: 8pt;
text-align: center;
padding: 0 0 25px 0;
}

ul#footer_nav{
list-style: none;
margin: 0 0 10px 0;
}

ul#footer_nav li {
display: inline;
margin: 0 25px 0 0;
}

ul#footer_nav li a, #footer a{
color: #666;
text-decoration: none;
}



/*MISC*/
#rotator{
width: 500px;
height: 375px;
overflow: hidden;
position: relative;
margin: 50px 0 0 0;
}

#rotator img
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 0 0 5px;
}


a img{
border: 0;
}

div.clear, .clear{
clear: both;
}

.imgL{
float: left;
margin: 0 10px 0 0;
}



a:link, a:visited, a:active{
color: #336699;
text-decoration: none;
}

a:hover{
color: #336699;
text-decoration: underline;
}

a.active, a.blue_link{
color: #336699;
}

p{
margin: 10px 0 10px 0;
line-height: 1.7em;

}

p.pR{
text-align: right;
color: #333;
padding: 0 0 15px 0;
}

.align-right{text-align: right}

/*DEALER SEARCH FORM AND RESULTS*/
input#zip{
width: 125px;
height: 18px;
border: 1px solid #999;
color#999;
background: #fff url('images/input_bg.jpg');
}

form.dealer_find{
color: #000;
font-size: 9pt;
float: right;
margin: 25px 30px 0 0;
}

form#i_dealer_form{
margin: 10px 0 0 0;    
    
}
input.submit_find{
position: absolute;
right: 1px;
}

form p{
margin: 0 0 10px 0;
}

p.search img{
margin: 0 3px 0 0;
}

p.dealer_find{
color: #000;
float: right;
}

p.dealer_find a img{
position: relative;
top: 5px;
}

#results_wrapper,#all_results{
margin: 0 0 0 25px;
min-height: 1px;
}

#all_results{
display: none;
}

div.result, div.result_right{
color: #333;
width: 40%;
border-bottom: 1px solid #666;
float: left;
position: relative;
min-height: 215px;
margin: 0 0 25px;
}

h1.h1-dealer-result{font-weight: normal; color: #336699; font-size: 17pt; padding: 0 0 15px 0}



/* mimics min-height property for Internet Exploder :<*/
/*\*/
* html .result {
height: 150px;
}
/**/

/* mimics min-height property for Internet Exploder :<*/
/*\*/
* html .result_right {
height: 150px;
}
/**/

div.result_right{
margin: 0 0 25px 55px;
}

span.miles{
color: #336699;
position: absolute;
right: 0;
}

a.view_map{
color: #333;
position: absolute;
right: 0;
}

a.active_vid{
text-decoration: underline;
}

#video{
background: #fff url('images/indicator.gif') no-repeat 50% center;
width: 375px;
height: 211px;
}

a#view_all,a#view_less{
float: right;
margin: 0 70px 0 0;
}

strong{
color: #000;
font-size: 10pt;
font-weight: normal;
}

/*SPECS TABLE*/

table.specs{
width: 95%;
margin: 10px 0 10px 0;
font-size: 8pt;
}

table.specs td{
padding: 5px 8px 5px 8px;
border-bottom: 1px solid #ccc;
}

table.specs td.specs1{
border-right: 1px solid #ccc;
width: 25%;
}

table.specs td.specs2{
width: 75%;
}

table.specs td.last{
border-bottom: none;
}

/*SIZES AND WEIGHTS*/
table.sizes{
width: 100%;
margin: 10px 0 10px 0;
font-size: 9pt;
}

table.sizes th{
width: 50%;
background-color: #eee;
font-weight: normal;
padding: 10px 0 10px 0;
border-bottom: 1px solid #ccc;
}

table.sizes td{
width: 50%;
padding: 10px 0 10px 0;
border-bottom: 1px solid #ccc;
}

table.sizes td.tdBottom{
border-bottom: none;
}

table.sizes th.thLeft, table.sizes td.tdLeft{
border-right: 1px solid #ccc;
}

/*FITTING CHARTS*/
table.fitting_charts{
width:90%;
margin: 10px 0 10px 0;
font-size: 9pt;
text-align: center;
}

table.fitting_charts th{
background-color: #eee;
font-weight: normal;
padding: 10px 15px 10px 15px;
border-bottom: 1px solid #ccc;
vertical-align: top;
}

th.weight, th.pounds, th.kg{
border-right: 1px solid#ccc;
}

table.fitting_charts td{
width: 50%;
padding: 10px 0 10px 0;
border-bottom: 1px solid #ccc;
vertical-align: top;
}

table td ul li{
color: #666;
}


/*international dealers*/
table.international_dealers{
width: 100%;
text-align: center;
}

table.international_dealers td{
padding: 5px 0 5px 0;
/*background: #efefef;*/
}

table.international_dealers tr.row_on{
background: #eee;
}

/*FOR ACCORDION*/
#accordion h2{
color: #000;
margin: 20px 0 20px 0;
font-weight: normal;
font-size: 10pt;
cursor: pointer;

}

#accordion div{
	margin: 0 0 0 10px;
	width: 375px;
	line-height: 1.7em;
}

.preload{
display: none;
}

/* ADDED By Samir for news page */
.list_holder {
	margin:0 0 10px;
	padding:0;
}
.news_list {
	width: 250px;
	padding:0 0 0 45px;}
	
#news_holder {
	width: 500px;
	float: right;
	padding: 0 20px 0 0;
}

#news_holder ul{
margin: 0 0 0 25px;

}

#dealer-search-legend {
	position: absolute;
	top: 5px;
	left: 480px;
	height: 16px;
	width: 522px;
}


#btn-holder {
	width: 361px;
	height: 22px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 2px;
}

#btn-holder a {
	display: block;
	float: left;
	margin:0 8px 0 0;
	height: 22px;}
	
#dealer-search-container {
	height: 265px;
	overflow: hidden;
}

.news_holder a {
	background-image:none
}

#news_holder blockquote {
	margin: 15px 10px;
	padding: 3px;
	background: #f1f1f1;
}

#news_holder h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 9pt;
	font-weight: bold
}

.manual_holder {
margin:0 20px 5px 0;
width:45%;
float: left}

.manual_link {
	background:url(images/pdf.png) no-repeat;
	height: 16px;
	margin:0;
	padding:0 0 0 18px;}
	
div#featured1,div#featured2,div#featured3,div#featured4,div#tech1,div#tech2,div#tech3,div#events_home{
	width:390px;
	min-height: 120px;
	position: relative;

}
	
div#featured1 {
	background: #fff url('images/home_pods/featured1_bg.jpg') no-repeat bottom;
}

div#tech1 {
	background: #fff url('images/home_pods/tech1_bg.jpg') no-repeat bottom;
}

div#featured2 {
	background: #fff url('images/home_pods/featured2_bg.jpg') no-repeat bottom;
}

div#tech2 {
	background: #fff url('images/home_pods/tech2_bg.jpg') no-repeat bottom;
}

div#featured3 {
	background: #fff url('images/home_pods/featured3_bg.jpg') no-repeat bottom;
}

div#featured4 {
	background: #fff url('images/home_pods/featured4_bg.jpg') no-repeat bottom;
}

div#tech3 {
	background: #fff url('images/home_pods/tech3_bg.jpg') no-repeat bottom;
}

div#tech4 {
	background: #fff url('images/home_pods/tech4_bg.jpg') no-repeat bottom;
}

div#events_home {
	background: #fff url('images/home_pods/events_bg.jpg') no-repeat bottom;
}

/* mimics min-height property for Internet Exploder :<*/
/*\*/
* html .home_pod_box {
height: 120px;
}
/**/

#pod_holder div{
margin: 0 0 15px 0;
}

#pod_holder div p{
line-height: 1.4em;
}


.hide{display: none;}

div.pod_copy{
padding: 0 0 1px 10px;
width: 211px;
font-size: 9pt;
}

.hm {display: none}

img.color_swatches{ padding: 0 5px 0;}



/* NEW DEALER RESULTS CLASSES AND ID's == ADDED 08/30/2009 by Samir Joza */
.dealer-result {
border-bottom:1px solid #666666;
color:#333333;
float:left;
min-height:150px;
position:relative;
width:100%;
}

a#view_all_dealers,a#view_less_dealers{
float: right;
margin: 5px 0 0;
}


.quick_search_country h1 {
color:#333333;
font-family:helvetica;
letter-spacing:4px;
text-transform:lowercase;
font-weight: normal;}

/*new components landing page*/
.wide{
width: 985px;
margin: auto;
}

.wide div{ float: left;}

/*new components headsets page*/
#leftCol_hs{ width: 100px; float: left;position: relative;margin: 0 -30px 0 0; /*FOR IE*/}

.with_sub_hs, .with_sub_hs_landing{width: 860px; min-height: 350px;}

#hs_landing{ width: 455px; height: 350px; background: transparent url('images/hs_landing.jpg') bottom right no-repeat; float: right;}

/* mimics min-height property for Internet Exploder :<*/
/*\*/
* html .box_hs {
height: 350px;
}
/**/

#hs_landing_txt{width: 270px; position: absolute; left: 267px; top: 48px;}

#hs_nav_holder{ width: 150px; padding: 0 15px 0 0; position: relative; float: left; }

.no_hover_border, .hover_border, .hover_border_col, .hover_border_tapered{ background: transparent url('images/holder_bg.jpg') top right no-repeat; min-height: 350px;  padding: 0 10px 0 10px;}

.no_hover_border p{ width: 60px;  text-align: center; /*padding: 2px;*/ }

.hover_border p, .hover_border_col p{ width: 60px; height: 70px; text-align: center;  }

.hover_border_col p{ float: left; }

.hover_border_tapered p{ width: 60px; height: 60px; text-align: center;  float: left; }

#hs_nav_holder a img{position: relative; z-index: 1000;}

.noWrapHS{width: 370px; float: right; margin: 0 0 0 30px;}

.noWrapGear{width: 380px; float: right; margin: 0 50px 0 0;}

#show_colors{position: absolute; top: 3px; left: 97px;  background: transparent url('images/holder_bg.jpg') top right no-repeat; min-height: 350px;width: 110px; }

#top_color_swatch, #bottom_color_swatch{ padding: 10px 0 0 0;}

#top_color img, #bottom_color img:hover{ cursor: pointer;}

#color_holder{float: left;}

.custom_info{width: 600px; float: right; margin: 20px 0 0 0; clear: both;}

.indent{ padding: 0 0 0 15px;}

.indent-wide{ padding: 0 0 0 30px;}

/*TAPERED PAGES*/
p.reset{ clear: both; margin: 0; padding: 0; height: auto; width: auto; }

#tapered_wrap{ width: 660px; position: relative; float: left; margin: 0;}

#btm_tapered{clear: both;}

#btn_tapered_buy_now{ position: absolute; bottom: 30px; right: 0;}

.tp_color_swatch{position: relative; float: left;}

.wrapMe{ float: left;}

#tp_color{ }

#tp_color_holder{position: absolute; top: 160px; left: 70px; }

#tp_color_holder_btm{position: absolute; top: 175px; left: 70px; }

.thumbs{ width: 660px;float: right; }

.thumbs p{   font-size: 7pt; float: left; padding: 0 10px 0 0; width: 120px;}

span.caption{ text-align: center; width: 120px; }

#zoom{ z-index: 100000;}

.center{ text-align: center}

.border_me{ border: 2px solid #ccc;}

/*new headeset series landing pages 2011 */
.hs-landing{width: 660px; float: right}

table#hs-landing-specs{border: none;}

table#hs-landing-specs td{vertical-align: top; padding: 0 0 10px 0}

td.hs-info-type{ font-weight: bold; width: 25%}

td.hs-info{width: 75%}

h1.blue{ font-family: arial narrow, arial, sans-serif; color: #336699; font-size: 14pt}

.landing-image{border-bottom: 1px solid #336699; padding: 0 0 5px 0; margin: 0 0 10px 0}

#hide-features,#view-features{cursor: pointer;}

a.hs_thumb{ font-family: Arial; font-weight: bold;font-size:8pt;color:#666; text-decoration: none}

a.hs_thumb:hover {color: #336699;text-decoration: none;}

#headset-thumb-nav-complete a.hs_thumb_on, #headset-thumb-nav-tops a.hs_thumb_on, #headset-thumb-nav-btms a.hs_thumb_on{ color: #336699;text-decoration: none; font-family: Arial; font-weight: bold;font-size:8pt;}

a.hs_thumb_on:hover{color:#336699;text-decoration: none;}

.hs-img-features{ width: 290px; float: left; font-size: 9pt;}

strong{ font-weight: bold}

.pad-me{margin-top: 20px}

#hs_scroll_holder{/*background:  url('images/holder_bg.jpg') top right no-repeat;*/  padding: 0 0 0 15px; width: 125px}

#hs_scroll_holder h1{font-family: Arial, sans-serif;font-size:9pt;color: #333;margin:0;padding:0 0 2px 0;}

#hs-spec-wrap{width: 691px; float: left}

.hs_crumbs, .hs_crumb_active, .crumbs, .active{font-family: Arial, sans-serif;font-size:9pt; font-weight: bold; text-align: right}

.hs_crumbs,.crumbs{color:#333;}

.hs_crumb_active, .active{color:#336699;}

p.crumbs{position: absolute;top:-20px;right:0;}

p.active{float: right;}

#color_switch{width: 292px;text-align: center; margin: 43px 0 0 0;}

#colors_swatches{text-align: center;}

.buttons{ padding: 0 0 3px 0}

.buttons img{margin: 0 4px 0 0}

/*HS product thumbnails*/
#headset-thumb-nav-complete ul, #headset-thumb-nav-tops ul, #headset-thumb-nav-btms ul{ margin: 0; padding: 0 0 10px 0; text-align: center;}

#headset-thumb-nav-tops ul li, #headset-thumb-nav-btms ul li,#headset-thumb-nav-complete  ul li{margin: 0 0 2px 0;list-style: none; border: 1px solid #fff; padding: 10px 0 10px 0}

#headset-thumb-nav-tops ul li:hover, #headset-thumb-nav-btms ul li:hover, #headset-thumb-nav-tops ul li.li_thumb_on,#headset-thumb-nav-btms ul li.li_thumb_on,#headset-thumb-nav-complete  ul li:hover,#headset-thumb-nav-complete  ul li.li_thumb_on {border: 1px solid #336699; padding: 10px 0 10px 0;}

#headset-thumb-nav-complete  ul li a,#headset-thumb-nav-tops ul li a,#headset-thumb-nav-btms ul li a{background: none; margin: 0; padding: 0;}

/* HS SPECS TABLE*/

table.hs-specs{
width: 95%;
margin: 10px 0 10px 0;
font-size: 8pt;
}

table.hs-specs td{
padding: 2px 0px 2px 0px;
border-bottom: 1px solid #ccc;
}

table.hs-specs td.hs-specs1{
border-right: 1px solid #ccc;
width: 50%;
}

table.hs-specs td.hs-specs2{
width: 50%;
padding: 0 0 0 3px
}

table.hs-specs td.hs-specs2 img{
padding: 3px 3px 0 0;
}

table.hs-specs td.last{
border-bottom: none;
}

#top-specs, #btm-specs{ min-height: 200px; position: relative;}

#btm-specs{clear: both; padding: 10px 0 0 0}

/* mimics min-height property for Internet Exploder :<*/
/*\*/
* html .spec-box {
height: 200px;
}
/**/

/*headset color switch*/

/*component-shocks?product=db-oem table*/
table#partner_logos{ width: 100%}

table#partner_logos td{ padding: 5px 0 5px 0;}

img#knolly{ margin: -10px 0 10px 42px; position: relative; z-index: 10}

/* OEM SUBMIT DATA PAGE */

.error {
color: red;
}

ul.errorList {
margin-left: 5px;
list-style: none;
}

#hs_col_right.oem {
padding-top: 0px;
}

td.oem-label label {
width: 125px;
text-align:left;
}

/* Added FAQ STYLES 01/30/2011 */
ul#faq-list {
	margin: 0;
	padding: 0;}
	
#faq-list li {
	list-style: none;}
	

.li_pad{padding: 10px 0 0 0;}


/*for our team page*/
.our_team{
width: 865px;
position: relative;
}

#team_thumbs{
width: 875px;
height: 33px;
float: right;
margin: 15px 0 0 0;
}

#team_thumbs img{ }

#team_thumbs a{ padding: 0 1px 0 0;}

.team_quote{
position: absolute; left: 500px; top: 0;
}

p.title{  text-align: right; line-height: 1.2em; }

p.title_no_quote{  text-align: left; line-height: 1.2em; }

p.quote{line-height: 0.8em; padding: 0 0 0 5px;}

a.thumb_off img{
filter:alpha(opacity=50);
-moz-opacity:0.50;
-khtml-opacity: 0.50;
opacity: 0.50;

}

a.thumb_off:hover img{
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;

}

/*free 40 page and rewards program css*/

form#rewards_signup label, form#rewards_signup input{display: block;float: left;margin-bottom: 10px;}

form#rewards_signup label{text-align: right; width: 200px; padding-right: 20px;}

form#rewards_signup br{clear: both}

form#rewards_signup input.radio{float: none; display: inline;}

form#rewards_signup div.radio_holder{float: left}

form#rewards_signup input.text{border: 1px solid #ccc; width: 175px; height: 18px;}

form#rewards_signup input.text_short{border: 1px solid #ccc; width: 100px; height: 18px; margin: 8px 0 8px 0;}

.required, .errors{color: red}

#rewards_holder{padding: 25px}

.img_label{position: relative; top: 15px; padding: 0 15px 0 0}

/*for fitment page pop up*/
body.fitment{background: none}

#fitment_holder{ width: 500px; margin: auto; padding: 25px;}

table#fitment_table{width: 100%; border: 0}

table#fitment_table th{text-align: left; padding: 0 5px; border: 0}

table#fitment_table td{padding: 5px; border: 0; border-right: 2px solid #999}

table#fitment_table td.no_border,table#fitment_table th.no_border{border: 0}

.strong{font-weight: bold}

/* news carousel*/
.main {
	width: 500px;
	}

.scroller {
	width: 500px;
	height: 28px;
	overflow: hidden;
	}
.scroller div  { 	padding-top:1px;padding-left:10px;
 }	

.scroller#scroller-3 {
	width: 500px;
	height: 28px;
	}

#content-1 {
	width: 100000px;
	}

#content-2 {
	width: 500px;
	}

.slide {
	width: 500px;
	height: 28px;
	float: left;
	margin-right:10px;	}

#map {
	padding-top: 28px;
	}
	
/*end news carousel*/

/*TOP NAV*/
a#nav_culture img,a#nav_culture:visited img, a#nav_culture:active img  { 
	width:129px;
	height:30px;
	background-image:url('images/nav_culture_off.jpg');
	margin-left: 201px;
	
}
a#nav_culture:hover img,  a#nav_culture_on img {
	width:129px;
	height:30px;
	background-image:url('images/nav_culture_on.jpg');
	margin-left: 201px;
}

a#nav_components img,a#nav_components:visited img, a#nav_components:active img { 
	width:129px;
	height:30px;
	background-image:url('images/nav_components_off.jpg');
	
}
a#nav_components:hover img,  a#nav_components_on img {
	width:129px;
	height:30px;
	background-image:url('images/nav_components_on.jpg');
}

a#nav_tech img,a#nav_tech:visited img, a#nav_tech:active img { 
	width:129px;
	height:30px;
	background-image:url('images/nav_tech_off.jpg');
	
}
a#nav_tech:hover img,  a#nav_tech_on img {
	width:129px;
	height:30px;
	background-image:url('images/nav_tech_on.jpg');
}

a#nav_dealers img,a#nav_dealers:visited img, a#nav_dealers:active img { 
	width:158px;
	height:30px;
	background-image:url('images/nav_dealers_off.jpg');
	
}
a#nav_dealers:hover img,  a#nav_dealers_on img {
	width:158px;
	height:30px;
	background-image:url('images/nav_dealers_on.jpg');
}

a#nav_store img,a#nav_store:visited img, a#nav_store:active img { 
	width:129px;
	height:30px;
	background-image:url('images/nav_store_off.jpg');
	
}
a#nav_store:hover img,  a#nav_store_on img {
	width:129px;
	height:30px;
	background-image:url('images/nav_store_on.jpg');
}

a#nav_contact img,a#nav_contact:visited img, a#nav_contact:active img  { 
	width:129px;
	height:30px;
	background-image:url('images/nav_contact_off.jpg');
	
}
a#nav_contact:hover img,  a#nav_contact_on img {
	width:129px;
	height:30px;
	background-image:url('images/nav_contact_on.jpg');
}

/*COMPONENTS TOP SUBNAV*/
#subnav_top{
width: 1005px;
}

a#nav_headsets img,a#nav_headsets:visited img, a#nav_headsets:active img { 
	width:201px;
	height:36px;
	background-image:url('images/nav_headsets_off.jpg');
}
a#nav_headsets:hover img,  a#nav_headsets_on img, a#nav_headsets.compOn img {
	width:201px;
	height:36px;
	background-image:url('images/nav_headsets_on.jpg');
}

a#nav_suspension img,a#nav_suspension:visited img, a#nav_suspension:active img { 
	width:201px;
	height:36px;
	background-image:url('images/nav_suspension_off.jpg');
	
}
a#nav_suspension:hover img,  a#nav_suspension_on img, a#nav_suspension.compOn img {
	width:201px;
	height:36px;
	background-image:url('images/nav_suspension_on.jpg');
}

a#nav_seatposts img,a#nav_seatposts:visited img, a#nav_seatposts:active img { 
	width:201px;
	height:36px;
	background-image:url('images/nav_seatposts_off.jpg');
	
}
a#nav_seatposts:hover img,  a#nav_seatposts_on img, a#nav_seatposts.compOn img{
	width:201px;
	height:36px;
	background-image:url('images/nav_seatposts_on.jpg');
}

a#nav_trackwheels img,a#nav_trackwheels:visited img, a#nav_trackwheels:active img { 
	width:201px;
	height:36px;
	background-image:url('images/nav_trackwheels_off.jpg');
	
}
a#nav_trackwheels:hover img,  a#nav_trackwheels_on img, a#nav_trackwheels.compOn img {
	width:201px;
	height:36px;
	background-image:url('images/nav_trackwheels_on.jpg');
}

a#nav_other img,a#nav_other:visited img, a#nav_other:active img { 
	width:201px;
	height:36px;
	background-image:url('images/nav_other_off.jpg');
	
}
a#nav_other:hover img,  a#nav_other_on img, a#nav_other.compOn img {
	width:201px;
	height:36px;
	background-image:url('images/nav_other_on.jpg');
	
}

a#nav_gear img,a#nav_gear:visited img, a#nav_gear:active img { 
	width:201px;
	height:36px;
	background-image:url('images/nav_gear_off.jpg');
	
}
a#nav_gear:hover img,  a#nav_gear_on img, a#nav_gear.compOn img {
	width:201px;
	height:36px;
	background-image:url('images/nav_gear_on.jpg');
	
}

a#nav_headset_fit_finder_on img { 
	width:230px;
	height:36px;
	background-image:url('images/nav_headset_fit_finder_on.jpg');
	position: absolute;
	top: 1px;
	z-index: 50000;
}


/*SUB NAVS*/
#submenu{
width: 80px;
background: #fff url('images/sublist_divider_long.jpg') no-repeat top right;
min-height: 200px;
}

#submenu ul{margin: 0 0 10px 0;}

#submenu li, #hs_menu ul{
	list-style-type:none;
}

#submenu li a, #hs_menu li a{	
	margin: 0 1px 0 1px;	
	padding: 0 1px 0 1px;
    display:block;
	line-height:20px;
}

#hs_menu ul{ margin: 0 0 10px 0;}

/*angleset calculator*/
.angleset_calculator{
    background: url('images/angleset_calculator_bg.jpg') no-repeat 0 60%; 
    min-height: 464px
    }

#calculator{
    width: 450px;float: right
    }
    
ul#calculator_tabs{
    list-style-type: none;
    padding: 0 0 28px 0;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px 0;
    }

ul#calculator_tabs li{
    float: left;
    height: 25px;
    background-color: #efefef;
    margin: 2px 2px 0 2px;
    border: 1px solid #ccc;
    }

ul#calculator_tabs li.calculator_active{
    border-bottom: 1px solid #fff;
    background-color: #fff;
    }

li.calculator_active a {
    font-weight: bold
    }

#calculator_tabs a{
    float: left;
    display: block;
    text-decoration: none;
    padding: 4px;
    }

ul#calculator_tabs li a:hover { 
    background: #fff; 
    }
    
    
.calculator_result{
    padding: 10px;
    font-size: 13pt;
	color: #336699;
    }
    
.calculator_result strong{ color: #666}

/*form elements for headset calculator*/

.calculator_table td{ 
    padding: 0 3px 8px 3px; 
    vertical-align: top;
    }

.calculator_table td.calculator_label{
    text-align: right
    }

.calculator_table select{ 
    width: 170px;
    }

#calculator_reset{cursor: pointer}

/*misc*/
#euro_seal{position: absolute; top: 0; right: 25px}

#dirt_logo{position: absolute; top: 5px; right: 100px}

#dirt_logo_angleset{position: absolute; top: 115px; right: 8px}