/* Header Footer CSS Document */
/* FITNESS ANYWHERE-New Redesign CSS*/
/*  
   1 Header 
      1.1 Mega Menu CSS
      1.2 Header Navigation Elements
	       1.2.1 Shop
		   1.2.2 Train
		   1.2.3 Connect
     1.3 Footer Navigation

*/



/*1.1 Mega Menu */

/*
ul#menu li a {
color: #fff;
text-decoration: none;
font-family:Helvetica,Arial,sans-serif
font-size:12px;
position:relative;
z-index:1;
}*/
p#promo{
	display:block;
	width:960px;
	margin:0 auto;
	position:relative;
	background-color:#FFF;
	background:transparent url(../../images/buttons/promo.gif) no-repeat scroll left top;
	height:35px;
}

ul#menu li a:hover {
	text-decoration: underline;
}
ul#menu li.mega {
	position:relative;
	z-index:10;
	margin-top:0 !important;
		
}

ul#menu li.mega div h5 {
	margin:20px 0 0;
	padding:0;
}

ul#menu li.mega div h5 a {
	font-size:14px;
	font-weight:bold;
	color:#666;
}
ul#menu li.mega a {
	font-size:12px;
	font-weight:bold;
}

ul#menu li.mega a:hover {
	text-decoration: underline;
}

ul#menu div {
	display:none;
}

ul#menu li.mega div {
	border: 5px solid #525252;
	width: 660px;
	height:auto;
	position: absolute;
	top: 34px;
	left: 0;
	padding:20px;
	margin:0 0 0 -120px; 
	background: #f4f4f4;
	color: #666;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	z-index:200;
}
ul#menu li.hovering {
	position:relative;
	z-index:2000;
}

ul#menu li.hovering div {
	display: block;
}

ul#menu li.mega div a {
	color: #09f;
	padding: 0;
	background-image: none;
	text-decoration:none;
	position:relative;
	z-index:9999;
}

ul#menu div ul li{
	display:list-item;
}
ul#menu li.mega ul.diff{
	border: 5px solid #525252;
	width: 240px;
	height:auto;
	position: absolute;
	top: 37px;
	left: -5px;
	padding:15px 20px 10px 20px;
	
	background: #eee;
	color: #333;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:0;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	
	z-index:200;
}



ul#menu li.mega ul.diff li{
	line-height:20px;
}

ul#menu li.mega ul.diff a{
	color: #09f;
	line-height:20px;
}

/*1.2  Header Navigation*/
#header {
	background-color:#000;
	display:block;
	color:#fff;
	margin:0;
	padding:0;
	height:115px;
	background:#000 url(../../images/backgrounds/TopNavINF.jpg) repeat-x scroll left top; 	
}
#header a {
	color:#fff200;
}
#header span {
	display:block;
	width:960px;
	margin:0 auto;
	position:relative;
	
}

ul#topNav {
	line-height:13px;
	display:block;
	padding:0;
	margin:0;
	text-align:right;
    font-size:10px;
	margin-bottom:-5px;
	
}
ul#topNav li {
	display:inline;
	padding:0 5px 0 0;
	margin:0;
}
ul#topNav li.last {
	padding-right:10px;
}
#header div.main {
	display:block;
	margin:0;
	padding:0;
	height:62px;
	list-style:none !important;
}
#header div.main li {
	margin:0;
	padding:0;
}

#header div.main  a.signupnewsletter {
	display:block;
	float:right;
	text-indent:-999em;
	width:184px;
	height:20px;
	margin:38px 0 0 0;
    background:transparent url(../../images/buttons/signupfornewsletter.png) no-repeat scroll center center;	
}
#header div.main a.signupnewsletter:hover {
	background:transparent url(../../images/buttons/HP_redesign_TopNav_over_03.png) no-repeat scroll center center;
}
#header div.main div.vert_signupnewsletter {
	display:block;
	float:right;
	margin:38px 10px 0 0;
    background:transparent url(../../images/backgrounds/Vertical_divider.png) no-repeat scroll center center;	
}
#header div.main div.vert_facebook {
	display:block;
	float:right;
	margin:38px 0 0 0;
    background:transparent url(../../images/backgrounds/Vertical_divider.png) no-repeat scroll center center;	
}
#header div.main  a.facebook {
	display:block;
	float:right;
	text-indent:-999em;
	width:134px;
	height:22px;
	margin:38px -5px 0px -10px;
	background:transparent url(../../images/buttons/134x44_facebook.png) no-repeat scroll ;
	
}
#header div.main a.facebook:hover {
	background-position: center bottom;
}

#header div.main  a.twitter {
	display:block;
	float:right;
	text-indent:-999em;
	width:128px;
	height:20px;
	margin:38px 0 0 0;
	background:transparent url(../../images/buttons/twitter.png) no-repeat scroll center center;
	
}
#header div.main a.twitter:hover {
	background:transparent url(../../images/buttons/HP_redesign_TopNav_over_07.png) no-repeat scroll center center;
}

#header div.main  a.trxLogo {
	display:block;
	list-style:none;
	float:left;
	text-indent:-999em;
	width:139px;
	height:48px;
	margin:0;
	background:transparent url(../../images/logos/logo-header.png) no-repeat scroll center center;
}
#header #mainNav {
	clear:both;
	
		}
#header #mainNav ul {
	display:block;
	padding:0;
	margin:5px auto 0 0;
	list-style-type:none;
	height:40px;
	width:960px;
}
#header #mainNav ul li {
	display:inline;
	float:left;
}
#header #mainNav div ul.column {
	display:block;
	padding:0 10px 0 20px;
	margin:0;
	list-style-type:none;
	height:auto;
	float:left;
	background:transparent url(../../images/backgrounds/lt-divider_vert.png) repeat-y scroll left top;
	width:200px;
	text-align:left;
}
#header #mainNav div ul.first {
	padding-left:0;
	background:none;
}
#header #mainNav div ul.last {
	padding-right:0;
}

#header #mainNav div ul.learn_nav {
	margin-left:123px;
}

#header #mainNav div ul.column li {
	display:block;
	float:none;
	line-height:12px;
	margin-bottom:6px;
}
#header #mainNav div ul.column ul {
	display:block;
	padding:0 0 0 10px;
	margin:0;
	list-style-type:none;
	height:auto;
	background:none;
}
#header #mainNav div ul.column ul a {
	font-weight:normal;
	width:600px;
}
/* 1.2.1 Learn */
#header #mainNav ul li a.learn:link, #header #mainNav ul li a.learn:active, #header #mainNav ul li a.learn:visited  {
	display:block;
	float:left;
	width:117px;
	height:40px;
	text-indent:-999em;
    background:transparent url(../../images/buttons/Learn.jpg) no-repeat scroll center top;
	z-index:10;
	position:relative;
	
}

#header #mainNav ul li.hovering a.learn:link, #header #mainNav ul li.hovering a.learn:active, #header #mainNav ul li.hovering a.learn:visited, div.learn #header #mainNav ul li.hovering a.learn  {
	border: 5px solid #525252;
	border-bottom:none;
	margin:-5px -5px 0 -5px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	 z-index:400;
	 position:relative;
	 background:transparent url(../../images/buttons/Learn_Over.jpg) no-repeat scroll center top;
}
div.learn #header #mainNav ul li a.learn {
	background:transparent url(../../images/buttons/Learn_ActiveOver.jpg) no-repeat scroll center bottom;
}

/* 1.2.1 Shop */
#header #mainNav ul li a.shop:link, #header #mainNav ul li a.shop:active, #header #mainNav ul li a.shop:visited  {
	display:block;
	float:left;
	width:109px;
	height:40px;
	text-indent:-999em;
    background:transparent url(../../images/buttons/Shop_ActiveOver.jpg) no-repeat scroll center top;
	/*background:transparent url(../../images/buttons/Shop.jpg) no-repeat scroll center top;*/
	z-index:10;
	position:relative;
	
}

#header #mainNav ul li.hovering a.shop:link, #header #mainNav ul li.hovering a.shop:active, #header #mainNav ul li.hovering a.shop:visited, div.shop #header #mainNav ul li.hovering a.shop  {
	border: 5px solid #525252;
	border-bottom:none;
	margin:-5px -5px 0 -5px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	 z-index:400;
	 position:relative;
	 background:transparent url(../../images/buttons/Shop_Over.jpg) no-repeat scroll center top;
}
div.shop #header #mainNav ul li a.shop {
	background:transparent url(../../images/buttons/Shop_ActiveOver.jpg) no-repeat scroll center bottom;
}


/* 1.2.1.1 Shop Affiliate */
#header #mainNav ul li a.affil_shop:link, #header #mainNav ul li a.affil_shop:active, #header #mainNav ul li a.affil_shop:visited  {
	display:block;
	float:left;
	width:109px;
	height:40px;
	text-indent:-999em;
    background:transparent url(../../images/buttons/Shop.jpg) no-repeat scroll center top;
	z-index:10;
	position:relative;	
}


/* 1.2.2 Train */
#header #mainNav ul li a.train:link, #header #mainNav ul li a.train:active, #header #mainNav ul li a.train:visited {
	display:block;
	float:left;
	width:110px;
	height:40px;
	text-indent:-999em;
	background:transparent url(../../images/buttons/Train.jpg) no-repeat scroll center top;
	z-index:10;
	position:relative;
	
}
#header #mainNav ul li.hovering a.train:link, #header #mainNav ul li.hovering a.train:active, #header #mainNav ul li.hovering a.train:visited, div.train #header #mainNav ul li.hovering a.train  {
	border: 5px solid #525252;
	border-bottom:none;
	margin:-5px -5px 0 -5px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	z-index:400;
	position:relative;
	background:transparent url(../../images/buttons/Train_Over.jpg) no-repeat scroll center top;
}
div.train #header #mainNav ul li a.train {
	background:transparent url(../../images/buttons/Train_ActiveOver.jpg) no-repeat scroll center bottom;
}

/* 1.2.3 Connect */
#header #mainNav ul li a.connect:link, #header #mainNav ul li a.connect:active, #header #mainNav ul li a.connect:visited {
	display:block;
	float:left;
	width:138px;
	height:40px;
	text-indent:-999em;
	background:transparent url(../../images/buttons/Connect.jpg) no-repeat scroll center top;
	z-index:10;
	position:relative;
	
}
#header #mainNav ul li.hovering a.connect:link, #header #mainNav ul li.hovering a.connect:active, #header #mainNav ul li.hovering a.connect:visited, div.connect #header #mainNav ul li.hovering a.connect  {
	border: 5px solid #525252;
	border-bottom:none;
	margin:-5px -5px 0 -5px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	z-index:400;
	position:relative;
	background:transparent url(../../images/buttons/Connect_Over.jpg) no-repeat scroll center top;
}
div.connect #header #mainNav ul li a.connect {
	background:transparent url(../../images/buttons/Connect_ActiveOver.jpg) no-repeat scroll center bottom;
}
/* ------------- End Header */



/* 1.3 Footer */
#footer {
	
	display:block;
	clear:both;
	background: #1a1a1a url(../../images/backgrounds/FooterINF.jpg) repeat-x scroll center top;
	color:#fff;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#footer a, #footer a:visited, #footer a:active {
	color:#fff200;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer ul.headers {
	display:block;
	
	float:left;
	margin:0;
	padding:5px 0;
	list-style-type:none;
	border-bottom:1px solid #1f1f1f;
	line-height:30px;
	text-transform: uppercase;
	font-size: 14px;
}
#footer ul.headers a, #footer ul.headers a:visited, #footer ul.headers a:active {
	color:#fff;
	text-decoration:none;
	text-transform: uppercase;
	font-size: 14px;
	padding-left:31px;
	height:25px;
	display:block;
}
#footer ul.headers a:hover {
	color:#fff200;
	text-decoration:none;
}
#footer ul.headers a.shop {
	background:transparent url(../../images/icons/shop-white_25x25.png) no-repeat scroll left center;
}
#footer ul.headers a.train {
	background:transparent url(../../images/icons/train-white_25x25.png) no-repeat scroll left center;
}
#footer ul.headers a.connect {
	background:transparent url(../../images/icons/connect-white_25x25.png) no-repeat scroll left center;
}

#footer ul.headers a.signup_for_newsletter {
	display:block;
	background:#1a1a1a url(../../images/buttons/signupbutton_bg.gif) no-repeat right center;
	background-color:#1a1a1a;
	height:33px;
	border:1px solid #000;
	border-right:0;
	text-transform:none;
	margin-left:30px;
  	padding:0 10px;
	margin-top:-5px;
	margin-bottom:-5px;
	line-height:30px;

}

#footer .footerNav {
	
}
#footer .footerNav ul {
	padding:0;
	list-style-type:none;
	line-height:20px;
	margin-top:6px;
	background:transparent url(../../images/backgrounds/dk-divider_vert.png) scroll repeat-y 580px bottom; 
	
}
#footer .footerNav ul.vertical{
	background:transparent url(../../images/backgrounds/dk-divider_vert.png) scroll repeat-y 580px top; 
	
	
}

#footer .footerNav ul.comp{
	
	float:left;
	padding:0;
	
}

#footer .footerNav div.company {
	float:left;
	margin-left:45px;
	padding-left:5px;
}
#footer .footerNav ul li.badges {
	padding:0 5px 0 0;
	display:inline;
}
#footer ul.siteLinks {
	display:block;
	clear:both;
	list-style-type:none;
	margin:0;
	padding:6px 10px 0;
	line-height:25px;
}
#footer ul.siteLinks li {
	display:inline;
	padding:0 8px 0 0;
}
#footer p.credit {
	text-indent:-999em;
	width:221px;
	height:28px;
	margin:-20px 10px 0px 729px;
	padding:7px 0;
	background:transparent url(../../images/icons/fai-credits.png) no-repeat scroll center center;
}