@charset "utf-8";

/* Global Styles */

img {
	border:none;
	outline:none;
}

body {
	background: #dedede;
}

.container {
	width: 960px;
}


/* HEADER STYLES */

header a {
	width: 844px;
}
header img#logo_1 {
	width: 100px;
	padding: 16px;
}

header img#logo_2 {
	width: 680px;
	padding: 52px 16px;
}



.main-menu ul li a {
	color: #f9f9f9;
}

.menu-item span {
	color: #f9f9f9;
}

/* Main menu item animations */
.main-menu ul:hover .menu-item span, 
.main-menu ul:focus .menu-item span, 
.main-menu ul:active .menu-item span {
	color: #f9f9f9
}

.main-menu ul li:hover .menu-item span, 
.main-menu ul li:focus .menu-item span, 
.main-menu ul li:active .menu-item span {
	color: #f9f9f9;
}

.main-menu ul li:hover .menu-item span, 
.main-menu ul li:focus .menu-item span, 
.main-menu ul li:active .menu-item span {
	color: #f9f9f9;
}

.sub-menu p, .sub-menu h2 {
	margin: 0;
}

.sub-menu p {
	color: #7d7d7d;
}

.sub-menu {
	-moz-box-shadow: inset 0 -1px 30px -2px #000;
	-webkit-box-shadow: inset 0 -1px 30px -2px #000;
	-o-box-shadow: inset 0 -1px 30px -2px #000;
	-ms-box-shadow: inset 0 -1px 30px -2px #000;
	box-shadow: inset 0 -1px 30px -2px #000;
}


.subMenu-closed {
	height: 0px;
}	

.sub-menu a {
	color: #f9f9f9;

}

.sub-menu a:hover,
.sub-menu a:focus,
.sub-menu a:active {
	color: #f9f9f9;
}

.sub-menu h2 {
	color: #f9f9f9;
}
	
.userTrack span {
	color: #0070bb;
}
.userTrack div {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/track.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/track.png', sizingMethod='scale')";
}

.userTW span {
	color: #0070bb;
}

.userTW i {
	color: #000;
}

.tw-login {
	max-height: 300px;
	max-width: 300px;
	height: 1.2em;
	width: 150px;
	border-bottom: 0px solid #cccccc;
	-webkit-box-shadow: 0px 5px 10px -5px #000;
	-moz-box-shadow: 0px 5px 10px -5px #000;
	-o-box-shadow: 0px 5px 10px -5px #000;
	-ms-box-shadow: 0px 5px 10px -5px #000;
	box-shadow: 0px 5px 10px -5px #000;
}
i.tab {
	color: #f9f9f9;
	background: #0070bb;
}
.login-form {
	width: 20em;
	background: #3e3e3e;
}
.login-form label:first-child {
	border-bottom:  #000 thin solid;
}
.login-form label:first-child + label {
	border-top: #fff thin solid;
}

.login-form input {
	color: #f9f9f9;
}

/* Styles the text input fields on hover */
.login-form input:focus::-webkit-input-placeholder {
	color: #f9f9f9;
}
.login-form input:focus:-moz-placeholder {
	color: #f9f9f9;
}
.login-form input:focus::-moz-placeholder {
	color: #f9f9f9;
}
.login-form input:focus:-ms-input-placeholder {
	color: #f9f9f9;
}

.login-form label i {
	color: #f9f9f9;
}

.login-form .login-button {
	right: -.1em;
}
.login-form .login-button i {
	color: #fff;
}
.login-form .login-button:active i {
	color: #fff;
}
#tw-login > a {

	color: #000;
}
#tw-login > a:hover {
	color: #0070bb;
}

#gold-login {
	border-color: #bca320 !important;
}
#gold-login .login-button {
	background: #bca320;
}
#gold-login input:focus + i {
	color: #bca320;
}

#myTrack-login {
	border-color: #d4d4d4 !important;
}
#myTrack-login .login-button {
	background: #d4d4d4;
}
#myTrack-login input:focus + i {
	color: #0070bb;
}
.login-form + p {
	width: 280px;
}
.login-form + p > a {
	color: #0070bb;
	
}
#goldBenefits .login-form + p > a {
	color: #f9f9f9;
}

.lock-in > a > i {
	color: #f9f9f9;
}
.icon-off {
	color: #f9f9f9 !important;
}
.lock-in > a + a i {
	color: #ff4d42;
}
.lock-in > a + a i:hover  {
	color: #ff4d42;
}

.view-more a {
	color: #0070bb !important;
}

.gold-promo p {
	width: 80%;
}
.gold-promo a:hover p {
	color: #f9f9f9;
}
.gold-promo i {
	color: #ae8a13;

}
.gold-promo a:hover i {
	color: #bca320;
}


.benefits-list li {
	border-bottom: #000 solid 1px !important;
	border-top: #fff solid 1px !important;
}
#clubBenefits .benefits-list > ul {
	border-color: #f9f9f9;
}

#goldBenefits .benefits-list > ul {
	border-color: #bca320;
}




/* MAIN MENU STYLES - Desktop */
.main-menu > ul {
	height: 3.75em;
}

.main-menu > ul > li {
	width: 16.55%;
}

/* Main menu item style */
.menu-item .icon i {
	font-size: 1.6em;
}

/*
.main-menu > ul > li:nth-child(6n+1) .menu-item i {
	font-size: 3.25em;
}
*/

/* Main menu item animations */
.main-menu > ul > li:hover .menu-item i, .main-menu > ul > li:focus .menu-item i, .main-menu > ul > li:active .menu-item i {
	font-size: 2.5em;
}

/* SUB MENU */
.sub-menu-inner {
	width: 100%;
}



/* GOLD & myTRACK LOGIN FORM */
.login h1 { font-size: 1.8em; }
.login h1 span { font-size: 1.2em; }

/* Styling for the Gold Membership login form - Desktop */
.login {
	font-size: 100%;
}


.desktopHidden {
	display:none;
}

#loginFrame {
	position:fixed;
	z-index: 500;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow-y: auto;
}

.lightBox {
	display: block;
	width: 640px;
	position: absolute;
}

#subMenuContainer {
	position: relative;
}

/* HEADER STYLES */
#header-bg {
	width: 960px;
}

header {
	display: block;
}

/* MAIN MENU STYLES - Desktop & Tablet */	
.main-menu {
	background: #363636;
}

.main-menu > ul {
	padding: 0;
}

.main-menu > ul > li {
	display: inline-block;
	width: 16.5%;
	float: left;
	margin: .1em 0;
	padding-top: .1em;
	text-align: center;
	vertical-align: middle;
}
.main-menu > ul > li:hover {
	background: #fff opacity .5;
}

.main-menu> ul > li:first-child + li {
	background: #bca220;		/* Safari 4-5, Chrome 1-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bca220', endColorstr='#ae8b13', GradientType=1 ); /* IE6-9 */
}

/* Hides the menu toggle for mobile devices */
.menu-toggle {
	display: none;
}

/* Main menu item style */
.menu-item {
	background: url(./images/diagonal.png);
	overflow: hidden;
	height: 57px;
}

.menu-item .icon i {
	display: block;
	padding: .2em 0 .15em;
}

/*
.main-menu > ul > li:nth-child(6n+1) .menu-item i {
	padding: 0 0 .1em;
}
*/

.menu-item .icon + span {
	line-height: 1.3em;
}

.menu-item .pointer {
	display: none;
}


/* SUB-MENU STYLES */
.subMenuContainer-start {
	left: 0%;
}

.sub-menu {
	padding: 1em 0;
}

.go-back {
	float: left;
	padding: .3em;
	background: none;
	outline: none;
	border: none;
	cursor: pointer;
	margin: 0;
}
.go-back i {
	font-size: 1.4em;
	color: #f9f9f9;
}	

.go-back:hover i,
.go-back:focus i,
.go-back:active i {
	color: #f9f9f9;
}

.sub-menu li {
	overflow: hidden;
	vertical-align: text-bottom;
	border: none;
	background: none;
	font-size: 1em;
	line-height: 1.2em;
	padding: .2em 0;
}	

.sub-menu-content {	
	clear: both;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.sub-menu-content > div {
	float: left;
	overflow: hidden;
	text-align: left;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	color: #f9f9f9;
}

.col-icon i {
}
.col-icon a {
	display: block;
	text-align: center;
	cursor: default
}
.col-icon a i {
	color: #fff;
}

#subMenuHome {
	text-align: center;
}
#subMenuHome a {
	padding: .5em 1em;
	display: inline-block;
	cursor: pointer;
}
#subMenuHome a:hover i {
	color: #0070bb;
}
#subMenuHome a:hover i:after {
	color: #929497;
}
#subMenuHome a:active i {
	color: #0070bb;
}
#subMenuHome a span {
	display: block;
	padding-top: .5em;
}

.gold-promo {
	font-size: 1.1em;
}
.gold-promo p {
	padding: 0;
}

.col-1 > div {
	width: 100%;
}

.col-2 > div {
	width: 50%;
}	
.col-2 > div > ul {
	margin-left: 10%;
	margin-right: 5%;
}	
.col-3 > div {
	width: 33.3333333%;
}
.col-3 > div > ul {
	margin-left: 12%;
}
.col-4 > div {
	width: 25%;
}
.col-4 > div > ul {
	margin-left: 10%;
}
.col-5 > div {
	width: 20%;
}
.col-5 > div > ul {
	margin-left: 8%;
}
.col-6 > div {
	width: 16.66666666666667%;
}
.col-6 > div > ul {
	margin-left: 8%;
}


.vert-divider > div {
	-webkit-box-shadow: 12px 0 1px -12px #fff;
	-moz-box-shadow: 12px 0 1px -12px #fff;
	-ms-box-shadow: 12px 0 1px -12px #fff;
	-o-box-shadow: 12px 0 1px -12px #fff;
	box-shadow: 12px 0 1px -12px #fff;	

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.vert-divider :last-of-type {
	border: none;
	box-shadow: none;
}

.sub-menu h1 {
	color: #f9f9f9;
	padding: 0;
	font-size: 1.5em;
	font-weight: 600;
	text-transform: uppercase;
	vertical-align: middle;
	margin: 0;
}
.sub-menu h1 a {
	font-size: .8em;
	font-weight: 200;
}
.sub-menu h1 i {
	font-size: .4em;
	margin: .5em;
}

.sub-menu h2 {
	padding-bottom: .2em;
	font-size: 1em;
	text-align: center;
}

.sub-menu-content > div {
	padding: 1em 0 0 0;
}

.listHeader > a > span {
	color: #dedede;
	cursor: default;
	font-weight: 800;
}
.listHeader i {
	display: none;
}
.listHeader li {
	font-size: 1em;
}
.listHeader p {
	font-size: 1em;
	margin: 1em 0 1em auto;
}

/* GOLD & myTRACK LOGIN FORM */

.tw-login-open {
	height: 600px !important;
	width: auto;
	padding: .5em 1em 1.2em 1em;
}	

.myTrack {
	width: 200px !important;
	padding: .5em 0 0em !important;
}

.login {
	margin: 0 auto;
	padding: 0 2em;
}

/* Gold Membership login form styles - Desktop & tablet */
.icon-layout  {
	margin-bottom: 2em;
}
.icon-layout > div > i {
	font-size: 2.5em;
	display: block;
	text-align: center;
	color: #f9f9f9;
}	
.icon-layout h2 {
	padding: .5em .1em;
}
.icon-layout p {
	text-align: center;
	font-size: .8em;
	line-height: 1.5em;
	margin: 0 4%;
}


.benefits i.xl-icon {
	color: #000;
}

.benefits > div > div > p {
	font-size: 1em;
	padding: 0 8% 1em;
	line-height: 1.5;
}