/**********************************
		Equinox Group Fitness Styles
		v 1.0

SECTIONS:

clubheader
club_maindiv
club_nav
club_notice
club_overlay

Backgrounds
position / float 
width / height
margin / padding / border
text formatting / color.

***********************************/


#groupFitness_header{
	margin: 0 0 10px 10px;
}

#groupFitness_header img{
	float: left;
	margin: 0 10px 0 0;
}

#groupFitness_header h2{
	text-transform: uppercase;
	font-size: 14px;
	font-weight:normal;
	padding: 8px 0 0 0;
}

#groupFitness_maindiv{
	clear: both;
}

#groupFitness_nav {
	background: url(../images/cached/groupFitness/groupFitnessNavBg.jpg) no-repeat;
	float: left;
	width: 230px;
	height: 340px;
}
#groupFitness_image {
	float: left;
	position: relative;
}

#groupFitness_image .imageText{
	position: absolute;
	top: 35px;
	left: 35px;
	z-index: 100;
}

#groupFitness_image .imageText p{
	color: #8d8c8c;
	font-weight: bold;
	font-size: 15px;
	line-height: 15px;
	margin-top: 12px;
}

/* added by TN for new call to action placement */

#buttonLinks ul{
	margin: 60px 0 0 0px;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	line-height: 12px;
}
#buttonLinks ul li{
	margin: 0 12px 0 0;
	border-bottom: 1px solid #3c3836;
}

#buttonLinks ul li a{
	display: block;
	width: 208px;
	padding: 7px 0 5px 1px;
	text-decoration: none;
	color: #a59d98;
	outline: none;
}
#buttonLinks ul li a:hover{
	text-decoration: none;
	color: #FFF;
}
#buttonLinks ul li.active a,
#buttonLinks ul li.active a:hover{
	font-weight: bold;
	color: #e4c069;
	letter-spacing: .04em;
}
#buttonLinks ul.subNav{
	font-weight: bold;
}
#buttonLinks ul.subNav li{
	margin: 0 0 7px 0;
	padding: 6px 0 0 0;
	background: url(../images/cached/linkBoxTop.gif) 0 0 no-repeat;
	border:none;
}
#buttonLinks ul.subNav li a{
	color: #a59d98 !important;
	padding: 4px 0 8px 1px;
	background: url(../images/cached/linkBoxBottom.gif) bottom left no-repeat;
}
#buttonLinks ul.subNav li a:hover{
	color: #FFF !important;
	background: url(../images/cached/linkBoxBottomHover.gif) bottom left no-repeat;
}

#buttonLinks ul.subNav li a span{
	display: block;
	width: 175px;
	padding: 0 0 0 8px;
}

#buttonLinks ul ul.subNav{
	margin: 0;
}


/* end added by TN  */

#groupFitness_nav ul{
	margin: 16px 0 0 9px;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	line-height: 12px;
}
#groupFitness_nav ul li{
	margin: 0 12px 0 0;
	border-bottom: 1px solid #3c3836;
}

#groupFitness_nav ul li a{
	display: block;
	width: 208px;
	padding: 7px 0 5px 1px;
	text-decoration: none;
	color: #a59d98;
	outline: none;
}
#groupFitness_nav ul li a:hover{
	text-decoration: none;
	color: #FFF;
}
#groupFitness_nav ul li.active a,
#groupFitness_nav ul li.active a:hover{
	font-weight: bold;
	color: #e4c069;
	letter-spacing: .04em;
}
#groupFitness_nav ul.subNav{
	font-weight: bold;
}
#groupFitness_nav ul.subNav li{
	margin: 0 0 7px 0;
	padding: 6px 0 0 0;
	background: url(../images/cached/linkBoxTop.gif) 0 0 no-repeat;
	border:none;
}
#groupFitness_nav ul.subNav li a{
	color: #a59d98 !important;
	padding: 4px 0 8px 1px;
	background: url(../images/cached/linkBoxBottom.gif) bottom left no-repeat;
}
#groupFitness_nav ul.subNav li a:hover{
	color: #FFF !important;
	background: url(../images/cached/linkBoxBottomHover.gif) bottom left no-repeat;
}

#groupFitness_nav ul.subNav li a span{
	display: block;
	width: 175px;
	padding: 0 0 0 8px;
}

#groupFitness_nav ul ul.subNav{
	margin: 0;
}

#groupFitness_promo {
	float: left;
	width: 980px;
	margin-top: 20px;
	background: #141213 url(../images/cached/promosBg.jpg) 0 0 no-repeat;
	font-size: 12px;
}
#groupFitness_promo .column3 {
	float: left;
	width: 326px;
	background: url(../images/cached/promoDivider.jpg) 325px 0 no-repeat;
}
#groupFitness_promo .column3.last{	
	background-image: none !important;
}
#groupFitness_promo h3{
	color: #fbf7b9;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	margin: 12px 0 24px 12px;
	letter-spacing: .05em;
}
#groupFitness_promo img{
	float: left;
	margin: 0 18px 12px 12px;
}
#groupFitness_promo p{
	color: #FFF;
	font-size: 12px;
	line-height: 16px;
	margin: 0 24px 16px 0;
}

#groupFitness_promo p.promoLink{
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
#groupFitness_promo p.promoLink a{
	padding: 0 0 0 20px;
	background: url(../images/cached/arrowBullet.jpg) no-repeat left;
	text-decoration: none;
}

#groupFitness_promo p.promoLink a:hover{
	background-image: url(../images/cached/arrowBulletOn.jpg);
	text-decoration: none;
}

#groupFitness_promo #groupFitness_select{
	margin: 0 11px;
	float: left;
	width: 210px;
}
#groupFitness_promo #groupFitness_select h3
{
	padding: 0 0 5px 0;
	margin-left: 0;
	margin-bottom: 8px;	
}
/*
#groupFitness_promo #groupFitness_select h3{
	color: #FFF;
	font-weight: normal;
	border-bottom: 1px solid #3c3836;
	padding: 0 0 5px 0;
	margin-left: 0;
	margin-bottom: 4px;
}
*/
#selectLinksWrapper{
	height: 149px;
	overflow: hidden;
	position: relative;
}

#scrollContainer{
	width: 210px;
	height: 40px;
	border-top: 1px solid #3c3836;
/*
	background: url(../images/cached/groupFitness/scrollContainerBg.jpg) 0 0 repeat-x;
*/
}

#scrollDown,
#scrollUp{
	display: block;
	width: 26px;
	height: 31px;
	float: right;
	cursor: pointer;
	background: url(../images/cached/groupFitness/scrollButtonsNoGradient.jpg) 0 0 no-repeat;
}

#scrollUp{
	background-position: 0 0;
}
#scrollUp:hover{
	background-position: -50px 0;
}
#scrollDown{
	background-position: -26px 0;
}
#scrollDown:hover{
	background-position: -76px 0;
}
#groupFitness_promo #groupFitness_select ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	line-height: 12px;
}
#groupFitness_promo #groupFitness_select ul li{
	margin: 0 0 0 0;
	border-bottom: 1px solid #3c3836;
}

#groupFitness_promo #groupFitness_select li a{
	display: block;
	width: 206px;
	margin: 0 0 0 4px;
	padding: 7px 0 5px 0;
	text-decoration: none;
	color: #a59d98;
	outline: none;
}
#groupFitness_promo #groupFitness_select li a:hover{
	text-decoration: none;
	color: #FFF;
}


#groupFitness_promo #groupFitness_selectInfo{
	margin: 0 0 0 11px;
	float: left;
	width: 412px;
	background: url(../images/cached/promoDivider.jpg) 411px 0 no-repeat;
}

#groupFitness_promo #groupFitness_selectInfo h3{
	padding: 0 0 5px 0;
	margin-left: 0;
	margin-bottom: 8px;
}

#groupFitness_promo #groupFitness_selectInfo p{
	margin: 0 11px 16px 0;
}

#groupFitness_promo #groupFitness_selectOverview{
	margin: 0 0 0 11px;
	float: left;
	width: 290px;
}

#groupFitness_promo #groupFitness_selectOverview h3{
	padding: 0 0 5px 0;
	margin-left: 0;
	margin-bottom: 8px;
}

#groupFitness_promo #groupFitness_selectOverview p{
	margin: 0 0 16px 0;
}

#groupFitness_promo #groupFitness_selectOverview p.note{
	font-size: 11px;
}
#groupFitness_promo #groupFitness_selectOverview ul{
	margin: 0 0 16px 0;

}
#groupFitness_promo #groupFitness_selectOverview ul li{
	color: #FFF;
	margin: 0 0 0 12px;
	padding: 0;
}

#groupFitness_promo {
	float: left;
	width: 980px;
	margin-top: 20px;
	font-size: 12px;
}
