a { color:#ff9512; text-decoration:none; font-weight:bold;}
a:visited { color:#ff9512; text-decoration:none; font-weight:bold;}
a:hover { text-decoration:underline; color:#ff9512; }
a:active { color:#ff9512; text-decoration:none; font-weight:bold;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.delete {text-decoration:line-through;}
.normal {font-weight:normal; font-style:normal;}

body{ 
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	background:url(/images/commercial/082011/main_bg.jpg) no-repeat #fff; background-position:center 0;
	background-attachment:fixed;
	position:relative;
	color:#333;
}

.main_wrapper {
	width:1005px;
	margin:0 auto;
}

.main_top {
	min-width:1025px;
	width:100%;
	position:absolute;
	height:145px;
	top:0;
	left:0;
	background:url(/images/commercial/082011/main_top_bg.png) repeat-x top left; background-position:center 0;
}

#top_cat {
	width:1005px;
	margin:0 auto;
	height:70px;
	
}

#top_cat li {float:left;}



#top_cat li a {
	float:left;
	padding:5px 15px;
	height:40px;
	width:100px;
	color:#666; 
	text-decoration:none;
	border-right:solid 1px #e3e3e3;
}

#top_cat li a.active {float:left; padding:5px 15px 5px 0; height:80px; width:200px; color:#666; text-decoration:none;}
#top_cat li a.active, #top_cat li a.last {border-right:none;}
#top_cat li a:hover {background:#e3e3e3;}
#top_cat li a.active:hover {background:none;}

#top_cat li ul.non_active {background:url(/images/082011/top_round_bg.png) top left no-repeat; float:left; width:680px; height:60px; padding-left:30px; margin-left:10px;}



.header_top {
	padding:0;
	width:1015px;
	height:70px;
	position:relative;
	margin:0 auto;
}



.fb_like_btn {position:absolute; top:-30px; right:0px;}

.header_contact {
	position:absolute; 
	top:-30px; 
	right:10px; 
	font-weight:normal; 
	font-size:12px;
	text-align:right;
	line-height:24px;
}

.header_contact .sales {font-size:16px;}

img.socialnetwork {
	margin:3px 3px 0 3px;
}

#nav {
	position:absolute;
	width:1007px;
	padding:0px 5px 0 5px;
	height:53px;
	bottom:1px;
	right:-2px;
	list-style-type:none;
	z-index:10000;
}

#nav li{
	float:left;
	position:relative;
	z-index:50;
	font-weight:bold;
}


#nav li a {float:left; text-align:center; text-indent:-99999px; color:#fff; background:url(/images/commercial/082011/nav_sprite.png) top left no-repeat;}

#nav li.store_locator {float:right;}

#nav li.nav_ellipticals a {width:90px; height:50px; background-position:0 0;}
#nav li.nav_ellipticals:hover a {width:90px; background-position:0 -50px;}
#nav li.nav_treadmills a {width:120px; height:50px; background-position:-100px 0;}
#nav li.nav_treadmills:hover a {width:120px; background-position:-100px -50px;}
#nav li.nav_bikes a {width:85px; height:50px; background-position:-220px 0;}
#nav li.nav_bikes:hover a {width:85px; background-position:-220px -50px;}
#nav li.nav_rowers a {width:85px; height:50px; background-position:-305px 0;}
#nav li.nav_rowers:hover a {width:85px; background-position:-305px -50px;}
#nav li.nav_strength a {width:105px; height:50px; background-position:-390px 0;}
#nav li.nav_strength:hover a {width:105px; background-position:-390px -50px;}
#nav li.nav_flexibility a {width:105px; height:50px; background-position:-495px 0;}
#nav li.nav_flexibility:hover a {width:105px; background-position:-495px -50px;}
#nav li.nav_accessories a {width:125px; height:50px; background-position:-600px 0;}
#nav li.nav_accessories:hover a {width:125px; background-position:-600px -50px;}
#nav li.nav_brands a {width:85px; height:50px; background-position:-725px 0;}
#nav li.nav_brands:hover a {width:85px; background-position:-725px -50px;}
#nav li.store_locator a {width:145px; height:50px; background-position:-870px 0;}
#nav li.store_locator:hover a {width:145px; background-position:-870px -50px;}


/* submenu, it's hidden by default */
		#nav ul.drop {
			position:absolute; 
			overflow:hidden;
			top:50px;
			display:none; 
			margin:0px; 
			padding:10px 15px; 
			list-style:none;
			width:975px;
			background: url(/images/main/footer_inner_shaddow.png) repeat-x #fff;
			border:solid 1px #ccc;
			border-top:none;
			-moz-border-bottom-right-radius: 10px;
			 border-bottom-right-radius: 10px;
			 -moz-border-bottom-left-radius: 10px;
			 border-bottom-left-radius: 10px;
			-moz-box-shadow: 3px 3px 4px #999;
			-webkit-box-shadow: 3px 3px 4px #999;
			box-shadow: 3px 3px 4px #999;
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
			filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
		}
		
		#nav li.nav_ellipticals ul.drop {left:0px;}
		#nav li.nav_treadmills ul.drop {left:-90px;}
		#nav li.nav_bikes ul.drop {left:-210px;}
		#nav li.nav_rowers ul.drop {left:-295px;}
		#nav li.nav_strength ul.drop {left:-380px;}
		#nav li.nav_flexibility ul.drop {left:-485px;}
		#nav li.nav_accessories ul.drop {left:-590px;}
		#nav li.nav_brands ul.drop {left:-715px;}
	
		
		
		
		/* display block will make the link fill the whole area of LI */
		#nav li.main_cat ul.drop a, #nav li.main_cat:hover ul.drop a {
			display:block;  
			font-size:12px;
			background:transparent;
			color:#ff9512;
			font-weight:normal;
			width:160px;
			height:200px;
			margin:10px;
			padding:5px;
			float:left;
			text-indent:0;
			text-align:left;
			
		}
		
		
		#nav li.main_cat:hover ul.drop a:hover {color:#d38320; text-decoration:none;}
		
		
	   #nav li.main_cat:hover ul.drop a img {padding-bottom:5px; margin-bottom:5px; border-bottom:solid 1px #e3e3e3;}
		
		#nav li#nav_brands ul.drop li a {width:160px; height:69px; float:left; opacity:0.80;filter:alpha(opacity=80); margin:0 10px;}
		#nav li#nav_brands ul.drop li a:hover {opacity:1.00;filter:alpha(opacity=100);}
		#nav li#nav_brands ul.drop li a img {border-bottom:none;}
		#nav li#nav_brands ul.drop li#view_all {float:right;}
		#nav li#nav_brands ul.drop li#view_all a{background:url(/images/commercial/082011/tab_bg_active.jpg) repeat-x top left #ff9512; color:#fff; margin:10px 0; font-weight:bold; padding:5px 20px; -moz-border-radius: 10px; border-radius: 10px; width:auto; height:auto;}
		#nav li#nav_brands ul.drop li#view_all a:hover {text-decoration:none; color:#ffff00;}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul.drop {
			margin:0 0 0 -2px;
		}
		
		#nav .header_nav {width:985px; color:#ff9512; margin:10px 0; font-weight:normal; float:left; font-size:24px;}
		#nav li.main_cat ul.drop .header_nav a {color:#0d7279; margin:10px 0; font-weight:bold; float:none; display:inline; font-size:24px;}



#main_content {padding:10px 0 5px 10; float:left; margin:136px 0 0 0; width:1005px; float:left; color:#333;}


#featured_banner {
	float:left;
	margin:0;
	height:400px;
	width:1003px;
	border:solid 1px #ccc;
	-moz-box-shadow: 3px 3px 4px #999;
	-webkit-box-shadow: 3px 3px 4px #999;
	box-shadow: 3px 3px 4px #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	
}

.newsletter {width:983px; height:30px; border:solid 1px #ccc; background:url(/images/commercial/082011/news_bar_bg.jpg) top left no-repeat; color:#fff; text-align:right; float:left; margin:10px 0 5px 0; padding:10px; font-size:14px; -moz-box-shadow: 3px 3px 4px #999; -webkit-box-shadow: 3px 3px 4px #999; box-shadow: 3px 3px 4px #999; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); }
.newsletter form {position:relative; text-align:right; float:left; width:983px;}
.newsletter input {color:#999; font-style:italic; font-size:16px; border:solid 1px #ccc; padding:4px;}
.newsletter input.submit {position:absolute; top:1px; right:1px; text-indent:-99999px; background:url(/images/commercial/082011/newsletter_submit.jpg) top left no-repeat; width:75px; height:28px; border:none; cursor:pointer; }
.newsletter input.submit:hover {background-position:0 -28px;}

.brands {width:1005px; margin:0 0 5px 0; height:50px; overflow:hidden; float:left;}
.brands ul li {text-align:center; width:117px; height:50px; float:left;}
.brands ul li a {font-size:11px; font-weight:normal; line-height:1.2; width:117px; height:50px; float:left; opacity:0.80;filter:alpha(opacity=80);}
.brands ul li a:hover {opacity:1.0;filter:alpha(opacity=100);}
.brands ul li a img {margin:0;}

#main_content a.btn {background: url(/images/commercial/082011/tab_bg_active.jpg) repeat-x top left #ff9512; color:#fff; float:left; margin:5px 0 0 20px; font-weight:bold; padding:5px 20px; -moz-border-radius: 10px; border-radius: 10px;}
#main_content a.btn:hover {text-decoration:none; color:#ffff00;}
#main_content .tabs .column {width:460px; float:left; padding:10px 20px;}


.footer_wrapper {float:left; margin-top:20px; min-width:1025px; width:100%; padding-bottom:55px; position:relative; background:#fff; border-top:solid 1px #ccc;}
.footer {width:955px; margin:0 auto; overflow:hidden; padding: 5px 25px 20px 25px; line-height:1.3; color:#ff9512;}

.footer .column {float:left; width:180px; margin:0 40px 0 10px;}
.footer .column ul {padding-left:5px;}
.footer .column a {font-weight:normal;}
.column h3 {font-size:18px; text-align:left; margin:5px 0; padding:0; font-weight:normal; color:#ff9512; width:100%; clear:both;}
.column .state {font-weight:bold;color:#ff9512; margin-top:10px;}
.column .store {margin-left:10px;}

.footer .footer_brands {float:left; width:300px; margin-right:0;}
.footer .footer_brands h3, .footer .social_media h3 {width:300px;}
.footer .social_media li {float:left; width:290px; margin-left:10px;}
.footer .social_media a:hover {text-decoration:none;}
.footer .social_media a img {opacity:0.80;filter:alpha(opacity=80); float:left;}
.footer .social_media a:hover img {opacity:1.00;filter:alpha(opacity=100);}
.footer .social_media a span {float:left; padding:5px;}
.footer .footer_brands ul {float:left; width:90px;}
.footer .footer_brands ul li {width:90px;}
.footer .footer_brands ul li a {width:70px; text-align:center; opacity:0.80;filter:alpha(opacity=80);}
.footer .footer_brands ul li a:hover { opacity:1.00;filter:alpha(opacity=100);}
.footer h3.copyright {float:left; width:995px; margin:15px 0; color:#ff9512; text-align:center;}
.footer h3.copyright a {font-weight:normal;}


#contact_form h1 {float:left; width:780px; overflow:hidden; font-size:24px; color:#ff9512; font-weight:normal; padding:15px 10px 15px 10px; margin:0; position:relative;}


.footer_top { background:url(/images/commercial/082011/footer_top.jpg) top left repeat-x; float:left; min-width:1025px; width:100%;}
.newsletter_footer {width:985px; height:30px; color:#fff; position:relative; text-align:left; margin:0px auto; padding:8px 10px; font-size:14px;}
.newsletter_footer .text {float:left; margin-top:8px;}
.newsletter_footer .register {position:relative; float:right; width:300px;}
.newsletter_footer input {color:#999; font-style:italic; font-size:16px; width:215px; border:solid 1px #ccc; padding:4px; float:left;}
.newsletter_footer input.submit {float:left; border:solid 1px #ccc; border-left:none; text-indent:-99999px; background:url(/images/commercial/082011/newsletter_submit.jpg) top left no-repeat #10747b; width:75px; height:29px; cursor:pointer; }
.newsletter_footer input.submit:hover {background-position:0 -28px;}