/****************************************
	Additional Styles for "white" pages
*****************************************/

a:hover {
	color: #666;
}
body {
	color: #83ACD9;
	background: #FFF url(../images/cached/white/whiteWrapperBg.gif) repeat-x top;
}
#container.white {
	background: none;
}
#becomeMember {
	background: url(../images/cached/white/becomeAMember.jpg) no-repeat;
}
#becomeMember:hover {
	background: url(../images/cached/white/becomeAMemberOn.jpg) no-repeat;
}
#module {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cached/white/moduleBg.png',sizingMethod='scale');
}
#module #lnkSignIn 
{
	/* Added by X.F. */
	color: #333333;
}
#module #lnkSignIn:hover
{
	color: #999999;
}
	
.grey {
	color: #666;
}
html > body #module {
	background: url(../images/cached/white/moduleBg.png) repeat-y;
}
#mTop {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cached/white/moduleTop.png');
	height: 12px;
	width: 304px;
}
html > body #mTop {
	background: url(../images/cached/white/moduleTop.png) no-repeat;
}
#mBottom {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cached/white/moduleBottom.png');
	width: 304px;
	height: 12px
}
html > body #mBottom {
	background: url(../images/cached/white/moduleBottom.png) no-repeat;
}
#module .actionTop {
	background: url(../images/cached/white/actionableTop.gif) no-repeat top left;
}
#module .actionBottom {
	background: url(../images/cached/white/actionableBottom.gif) no-repeat bottom left;
}
#module .actionable .grey{
	color: #a59d98;
}
#myEq.out {
	background: url(../images/cached/white/myEqBg_out.jpg) no-repeat 0 2px !important;
	margin-bottom: 2px;
}
.in {
	background: url(../images/cached/white/myEqBg_in.jpg) no-repeat 0 2px !important;
}
#myEq a:hover {
	color: #666;
}
#myEq .open {
	background: url(../images/cached/white/mToggleOpenOff.gif) no-repeat left;
}
#myEq .open:hover {
	background: url(../images/cached/white/mToggleOpenOn.gif) no-repeat left;
}
#myEq .close {
	background: url(../images/cached/white/mToggleCloseOff.gif) no-repeat left;
}
#myEq .close:hover {
	background: url(../images/cached/white/mToggleCloseOn.gif) no-repeat left;
}
#mSignIn, #mSignedIn {
	border-top: 1px solid #CCC;
}
#mToggleDrawer {
	margin: -20px 0 0 124px;
	height: 21px;
}
#myEq.out #mToggleDrawer {
	margin: -23px 0 0 124px;
}
#myEq.in #mToggleDrawer {
	margin: 2px 0 0 124px;
}
#panelSignedOut{
	margin-bottom: -3px;
}
#welcome .name {
	color: #666;
}
#footer {
	color: #FFFFFF;
	background-image: url(../images/cached/white/footerBg.jpg);
}
#footer #fGiftCards a {
	background: url(../images/cached/white/fGiftCardsOff.jpg) no-repeat;
}
#footer #fGiftCards a:hover {
	background: url(../images/cached/white/fGiftCardsOn.jpg) no-repeat;
}
#footer #fPressRoom a {
	background: url(../images/cached/white/fPressRoomOff.jpg) no-repeat;
}
#footer #fPressRoom a:hover {
	background: url(../images/cached/white/fPressRoomOn.jpg) no-repeat;
}
#footer #fContactUs a {
	background: url(../images/cached/white/fContactUsOff.jpg) no-repeat;
}
#footer #fContactUs a:hover {
	background: url(../images/cached/white/fContactUsOn.jpg) no-repeat;
}
#footer #fCareers a {
	background: url(../images/cached/white/fCareersOff.jpg) no-repeat;
}
#footer #fCareers a:hover {
	background: url(../images/cached/white/fCareersOn.jpg) no-repeat;
}
#footer #fCorporateMembership a {
	background: url(../images/cached/white/fCorporateMembershipOff.jpg) no-repeat;
}
#footer #fCorporateMembership a:hover {
	background: url(../images/cached/white/fCorporateMembershipOn.jpg) no-repeat;
}

#mStatus 
{ 
    background-color:#141212 !important; 
}
#clubFinder a:hover {
	color: #FFF !important;
}
#key #currentLocation, #key #comingSong {
	color: #FFF;
}
    

/****************
	Nav
*****************/

#nav li a {
	color: #FFF;
	background-position:  0 -120px;
}
#nav li a:hover {
	color: #000;
}

#nav li#navClubs a {
	background-position: 0 -120px;
}
#nav li#navClubs a:hover {
	background-position: 0 -160px;
}

#nav li#navPTraining a {
	background-position: -124px -120px;
}
#nav li#navPTraining a:hover {
	background-position: -124px -160px;
}
#nav li#navGroupFitness a {
	background-position: -311px -120px;
}
#nav li#navGroupFitness a:hover {
	background-position: -311px -160px;
}
#nav li#navYoga a {
	background-position: -473px -120px;
}
#nav li#navYoga a:hover {
	background-position: -473px -160px;
}
#nav li#navSpa a {
	background-position: -590px -120px;
}
#nav li#navSpa a:hover {
	background-position: -590px -160px;
}
#nav li#navShop a {
	background-position: -725px -120px;
}
#nav li#navShop a:hover {
	background-position: -725px -160px;
}
#nav li#navLife a {
	background-position: -872px -120px;
}
#nav li#navLife a:hover {
	background-position: -872px -160px;
}

/***************************
	White Rounded Box 980 wide
  1000px max verticaly
****************************/
.white .boxWrapper {
  width: 980px;
  margin-top: 15px;
  padding-top: 7px;
  background: transparent url(../images/white_wrapper_bg.gif) no-repeat left top;
}

.white .boxWrapper .content {
  width: 980px;
  padding: 8px 0;
  background: transparent url(../images/white_wrapper_bg.gif) no-repeat left bottom;
}

/***************************
  3 column with borders
****************************/

.white .boxWrapper .content .row{
	background: transparent url(../images/cached/white/featuredItem_bkgd.gif) repeat-y;
}

.column3{
	float: left;
	/* width: 286px; */
	padding: 50px 20px 10px 20px;
	/* border: dashed 1px #f00; */
}

.column3.last{
	float: none;
	margin-left: 652px;
}

/****************
	Promotional
*****************/
#promotional {
	background: #FFF url(../images/cached/white/promosBgWhite.jpg) 0 0 no-repeat;
}

#promotional .column3 {
	background: url(../images/cached/white/promoDividerWhite.gif) 325px 0 no-repeat;
	padding: 0;
}

#promotional .column3.last {
	margin-left: 0;
}
#promotional h3 em{
	color: #666;
}

#promotional #atTheSpa h3{
	color: #9cb278;
}

#promotional #atTheShop h3{
	color: #bd4c3f;
}
#promotional h4{
	color: #666;
}
#promotional ul li{
	background: url(../images/cached/white/promoListArrowWhite.gif) 12px 8px no-repeat;
	margin-left: 10px;
}

#promotional ul li a{
	color: #666;
}

#promotional ul li a:hover{
	color: #000;
}

#promotional p.promoLink a{
	background: url(../images/cached/white/actionableBgWhite.gif) 2px 2px no-repeat;
}
#promotional p.promoLink a:hover{
	background: url(../images/cached/white/actionableHoverBgWhite.gif) 2px 2px no-repeat;
}

/* Template Related 
********************/
#templateWrapperTop {
	width: 980px;
	height: 5px;
	background:  url(../images/cached/template/whiteWrapperTopBg.gif) 0 0 no-repeat;
	margin-top: 5px;
}
#templateWrapperBtm {
	width: 980px;
	height: 6px;
	background:  url(../images/cached/template/whiteWrapperBtmBg.gif) 0 0 no-repeat;
}
#templateWrapper {
	width: 980px;
	background: #FFF;
	overflow: hidden;
	border-right: 1px solid #ebeaea;
}
#templateContent h3 {
	margin-top: 20px;
	border-bottom: 1pixel;
	padding-bottom: 0px;
	color: #83ACD9;
	font-size: 18px;
	font-weight: normal;
	border-bottom-style: solid;
}
#templateContent h4 {
	color: #83B1E2;
	font-size: 100%;
	font-weight: normal;
}
#templateContent .section {
	border-top: 1px solid #E7E4E4;
	padding-top: 15px;
}
#templateContent .section img {
	float: left;
	margin: 0 15px 0 0;
}
#templateSidebar {
	float: left;
	width: 228px;
	padding-bottom: 3000px;
	margin-bottom: -3000px;
	border-left: 1px solid #ebeaea;
	background: #ECECEC url(../images/cached/template/whiteSidebarBg.gif) 0 0 repeat-x;
}
#templateContent p {
	color: #333333;
}
#templateSidebar ul li a {
	color: #9DB675;
	border-bottom: 1px solid #e2e2e2;
}
#templateSidebar ul {
	border-bottom: none;
}
#templateSidebar ul li a:hover{
	border-bottom: 1px solid #e2e2e2;
	color: #333333;
}
#templateSidebar .active a, #templateSidebar .active a:hover {
	color: #9DB675;
	font-weight: bold;
}
#templateSidebar .active {
	border-bottom: none !important;
}
#templateSidebar ul li.bullet a{
	background: url(../images/cached/white/actionableBgWhite.gif) 192px 7px no-repeat; 
}
#templateSidebar ul li.bullet a:hover{
	background: url(../images/cached/white/actionableHoverBgWhite.gif) 192px 7px no-repeat; 
}
#clubheader span {
	color: #666;
	text-transform: uppercase;
	font-size: 14px;
	margin-left: 10px;
}

/* Promo Template 
*******************/
#promoOverlay {
	position: absolute;
	height: 380px;
	width: 517px;
	color: #FFF;
	margin-top: -380px;
}
#promoOverlay h2 {
	margin: 40px 0 0 24px;
}
#promoOverlay h3 {
	margin: 9px 0 11px 24px;
	font-size: 15px;
}
#promoOverlay p, #promoOverlay ul {
	width: 370px;
	font-size: 13px;
	margin-left: 24px;
}
#promoOverlay ul {
	margin: 10px 0 0 24px;
	list-style: disc inside;
}
#promoOverlay #learnMore {
	background: url(../images/cached/template/promoLearnMoreBtn.gif) no-repeat;
	width: 136px;
	height: 20px;
	display: block;
	color: #666;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 0 0 13px;
	margin: 10px 0 0 24px;
}
#promoOverlay #learnMore:hover {
	color: #333;
	background: url(../images/cached/template/promoLearnMoreBtnHover.gif) no-repeat;
}

/* Spa
*******/
#club_nav li li a {
	font-weight: normal !important;
	color: #666 !important;
}
#club_nav li li a:hover {
	color: #333 !important;
}
.spaHome #infoBlock {
	position: absolute;
	margin: -300px 0 0 253px;
	*margin: 40px 0 0 -720px;
}
.spaHome #infoBlock h3 {
	background: url(../images/cached/spa/theSpaStageHeader.gif) no-repeat;
	width: 297px;
	height: 24px;
}
.spaHome #infoBlock h3 span {
	display: none;
}
.spaHome #infoBlock h4 {
	color: #828282;
	font-size: 15px;
	margin: 6px 0;
}
.spaHome #infoBlock p {
	width: 356px;
	color: #333;
	font-size: 13px;
	line-height: 14px;
}
#clubheader h2 {
	position: relative;
	top: 8px;
	left: 15px;
	color: #666;
	font-size: 14px;
}
/* WHITE Button Style
*******/
p.btnContainer{
	font-size: 12px !important;
	font-weight: bold;
	line-height: 12px !important;
	background: url(../images/cached/white/btnDoorLWhite.gif) 0 0 no-repeat;
	display: inline;
	padding: 8px 0 20px 0;
}

p.btnContainer span{
	background: url(../images/cached/white/btnDoorRWhite.gif) 100% 0 no-repeat;
	padding: 8px 7px 20px 7px;
}

p.btnContainer span a{
	height: 28px;
    padding: 7px 2px 10px 0;
	color: #999;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 10px;
	white-space: nowrap;
}

p.btnContainer span a:hover{
	color: #333;
}

p.btnContainer span a.arrow{
	background: url(../images/cached/white/actionableBgWhite.gif) 100% 6px no-repeat;
	padding: 7px 18px 10px 0;
}

p.btnContainer span a.arrow:hover{
	background: url(../images/cached/white/actionableHoverBgWhite.gif) 100% 6px no-repeat;
}

#nav li#navClubs a.nav_active, #nav li#navClubs a.nav_active:hover {background-position: 0 -200px;}
