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

/*---------------------  START CSS RESET  ---------------------*/


/*---------------------   END SHOPPING CART PAGE   ---------------------*/



/*---------------------  START GENERIC PAGE  ---------------------*/

/*---------------------   END GENERIC PAGE   ---------------------*/



/*---------------------  START FAQ PAGE  ---------------------*/

/*---------------------   END FAQ PAGE   ---------------------*/



/*---------------------  START NEWS LISTING PAGE  ---------------------*/

/*---------------------   END NEWS LISTING PAGE   ---------------------*/



/*---------------------  START BLOG LISTING PAGE  ---------------------*/

/*---------------------   END BLOG LISTING PAGE   ---------------------*/



/*---------------------  START ARTICLE PAGE  ---------------------*/

/*---------------------   END ARTICLE PAGE   ---------------------*/



/*---------------------  START SEARCH PAGE  ---------------------*/

/*---------------------   END SEARCH PAGE   ---------------------*/



/*---------------------  START SITEMAP PAGE  ---------------------*/

/*---------------------   END SITEMAP PAGE   ---------------------*/



/*---------------------  START DEALER LOCATOR PAGE  ---------------------*/

*{margin: 0; padding: 0;}

ul {margin: 0; padding: 0;}

body {margin: 9px 0 0 0; font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#ffffff;  text-decoration: none; background: #000000;}

p {line-height: 1.5em; padding: 0 0 10px 0;}

a:link {color: #ffffff; text-decoration: underline;}
a:visited {color: #ffffff; text-decoration: underline;}
a:hover {color: #ffffff; text-decoration: none;}
a:active {color: #ffffff; text-decoration: none;}

.l_float {float: left;}
.r_float {float: right;}

img {border: 0;}

/* ----------------Alsett clearing method ------------------------------------------- */
.clearfix:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%}
.clearfix {display: block;}

/* --------------- Site Specific Layout --------------------------------------------- */

#main_container {width: 882px; margin: 0 auto; padding: 10px 0 20px 0;}

#header {height: 40px; overflow: hidden;}

#logo {float: left; width: 185px;}

#main_nav {float: left; width: 697px; text-indent: -10000px;}
	#main_nav ul{list-style-type: none;}
	#main_nav li {float: left;}
	#main_nav a{display: block; height: 40px;}
	#main_nav a:hover {background-position: 0 -40px;}
	
#nav_store {background: url(/img/nav_store.gif) no-repeat; width: 174px;}

#nav_news_media {background: url(/img/nav_news_media.gif) no-repeat; width: 176px;}

#nav_athletes {background: url(/img/nav_athletes.gif) no-repeat; width: 174px;}

#nav_contact {background: url(/img/nav_contact.gif) no-repeat; width: 173px;}

#page_title {border-bottom: 1px solid #464646; padding: 15px 0 10px 0; margin-bottom: 10px;}

#main_column_left {float: left; width: 228px; padding-right: 14px;}

#find_a_dealer {padding: 0 0 15px 0;}

#zip_input {padding: 5px 0 0 0;}
	#zip_input input{color: #ffffff; background: #959595; padding: 5px 0 5px 5px; border: none; width: 223px;}
	
.dealer_select {padding: 5px 0 0 0;}
	.dealer_select select{width: 100%;}
	
.form_submit {padding: 10px 0 0 0;}

#search_state {padding: 15px 0 0 0;}

#main_column_right {float: left; width: 640px;}

#product_legend {background: #464646; padding: 10px 0 0 10px; margin: 0 0 15px 0;}
	#product_legend h2{border-bottom: 1px solid #262626; padding: 0 0 5px 0; margin: 0 10px 10px 0;}
	
.legend_row {padding: 0 0 20px 0;}

.legend_item {float: left; width: 145px; padding: 0 10px 0 0;}

.legend_icon {background: #ffffff;}

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

#dealer_results {background: #464646;}

.dealer_result_item {margin: 0 12px 0 12px; padding: 10px 0 10px 0; border-bottom: 1px solid #262626;}

.d_legend_item {float: left; width: 30px; padding: 0 5px 0 0;}

.d_item_name_column {float: left; width: 210px; padding: 0 10px 0 0;}
	.d_item_name_column h3{font-size: 12px; font-weight: bold; padding: 0 0 5px 0;}
	.d_item_name_column p{padding: 0; line-height: 1.2em;}
	
.d_legend_row {padding: 5px 0 0 0;}

.d_item_phone_column {float:left; width: 235px; padding: 0 10px 0 0;}

.d_item_distance_column {float: left;}

#footer {padding: 10px 0 0 243px; font-size: 11px;}
	#footer a:link{text-decoration: none;}
	#footer a:visited{text-decoration: none;}
	#footer a:active{text-decoration: none;}
	#footer a:hover{text-decoration: underline;}

#pagination li {
	list-style:none;
	padding-right:15px;
	display:inline;
	font-size:10px;
}
ul#pagination {
	padding:0px 0 10px;
	margin:0px;
}
	
/*---------------------   END DEALER LOCATOR PAGE   ---------------------*/



/*---------------------  START MEDIA PAGE  ---------------------*/

/*---------------------   END MEDIA PAGE   ---------------------*/



/*---------------------  START CAREER PAGE  ---------------------*/

/*---------------------   END CAREER PAGE   ---------------------*/



/*---------------------  START CONTACT US PAGE  ---------------------*/




/*---------------------   END CONTACT US PAGE   ---------------------*/

/* --------------------------- JS validation --------------------------- */
.validation-advice {
	background-color:#094882;
	color:#FFFFFF;
	font-weight:bold;
	margin:3px 8px 0px;
	padding-left:5px;
	padding-top:2px;
	width:90%;
}
input.disabled {
	background-color:#F2F2F2;
	border:1px solid #F2F2F2;
}

input.validation-failed, textarea.validation-failed {
	border:1px solid #094882;
	color:#CE7931;
}

a.redlink {
	color:#CE7931;
	text-decoration:underline;
}

.tooltip_no_header{
	border: 1px solid #CE7931;
	background: #ffcfa6 none repeat scroll 0%; 
	padding:6px;
	font-family: arial; 
	color: black; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial; 
	opacity: 0.85;
}


.error_message{
	text-align:center;
	color: red;
	font-weight:bold;
	padding:10px;
	border:1px solid red;
}

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(/img/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(/img/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(/img/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(/img/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(/img/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(/img/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(/img/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}

.lightwindow_text{line-height:100%}





	#slideshow_content{float:right;width:780px;margin:0;padding:0;}
	#slideshow{position:relative;width:780px;height:400px;overflow:hidden;}
	#slideshow ul{list-style-type:none;margin:0;padding:0;}
	#slideshow li{margin:0;padding:0;}
	ul.crossfade{list-style:none;position:relative;margin:0;padding:0;}
	#crassfade1 li{position:absolute;top:0;left:0;background-color:#FFF;visibility:hidden;width:780px;height:400px}
	#crassfade1 li img{display:block;}
	.caption{clear:both;background-color:#FFF;}