@charset "UTF-8";
/* CSS Document */

/* main layout */
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-size: 100%;
	background-repeat: repeat;
}

body
{
 	background-image: url(../images/bg_grass.jpg);
}

body.swimming
{
	background-image: url(../images/bg_water.jpg);
}

body.balls
{
	background-image: url(../images/bg_balls.jpg);
}

body.court
{
	background-image: url(../images/bg_court.jpg);
}

body.grass
{
	background-image: url(../images/bg_grass.jpg);
}

body.snow
{
	background-image: url(../images/bg_snow.jpg);
}

body.track
{
	background-image: url(../images/bg_track.jpg);
}

body.wood
{
	background-image: url(../images/bg_wood.jpg);
}

body.jogle
{
	background-image: url(../images/jogle_bg.jpg);
	background-position: center top;
	background-color: #7B2A91;
	background-repeat: no-repeat;
}
body.sand
{
	background-image: url(../images/bg_wall.jpg);
}
body.wall
{
	background-image: url(../images/bg_wall.jpg);
}


#conatiner {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
#header {
	width: 940px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#navcontainer {
	margin: 0px;
	height: 35px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #000000;
}
#content {
	width: 940px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footer {
	width: 940px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #E6E6E6;
	padding-bottom: 10px;
}
#submenu {
	width: 184px;
	padding-left: 36px;
	padding-top: 15px;
	float: left;
}
#page {
	width: 454px;
	float: left;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 30px;
	padding-bottom: 25px;
}
#sidebar {
	width: 191px;
	background-image: url(../images/greybg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	float: right;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #EAEEF2;
	padding-bottom: 20px;
}
#sitemaplink {
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#builtlink {
	float: right;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#smallcarousel {
	padding-bottom: 20px;
}

.carouselarea {
	text-align: left;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.cleared {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	width: 0px;
}
#header #anlogo {
	float: left;
}
#header #activator {
	float: right;
	height: 89px;
}
#footer #footer_list {
	padding-bottom: 10px;
}
#footer #copyright {
}
#footer .col {
	float: left;
	width: 172px;
	padding-right: 20px;
}
#footer .collast {
	width: 172px;
	float: right;
}
#content .col {
	float: left;
	width: 172px;
	padding-right: 20px;
}
#content .colfirst {
	float: left;
	width: 151px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ECB4E7;
	height: 100%;
	padding-right: 20px;
}
#content .collast {
	width: 172px;
	float: right;
}
#content .colmore {
	float: left;
	width: 151px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ECB4E7;
	height: 100%;
	padding-right: 20px;
}
#content .coltry {
	float: left;
	width: 300px;
	height: 100%;
	padding-right: 20px;
}
#content   .doublecol {
	float: left;
	width: 364px;
	height: 100%;
	padding-right: 20px;
	padding-left: 20px;
}
#content  .doublecol_last {
	float: right;
	width: 364px;
}
#content  .triplecol {
	float: left;
	width: 540px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ECB4E7;
	padding-right: 15px;
	margin-right: 20px;
}
#content  .fourcol {
	float: left;
	width: 733px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ECB4E7;
	padding-right: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ECB4E7;
}
#content  .fourcol .box{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECB4E7;
	padding-top: 20px;
	padding-bottom: 20px;
}

#content  .fourcol .box .logo {
	float: left;
	width: 192px;
}
#content  .fourcol .box .text {
	float: left;
	width: 364px;
	padding-top: 5px;
}
#content  .fourcol .box .booknow {
	float: right;
	width: 156px;
	padding-top: 5px;
}

#content .button {
	background-image: url(../images/button.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 100px;
	margin-bottom: 20px;
	text-align: center;
	padding-top: 2px;
}
#content .twocol_left {
	width: 445px;
	float: left;
	background-color: #F1E8F2;
	padding-right: 15px;
	padding-top: 18px;
	height: 215px;
}
#content .twocol_right {
	height: 215px;
	width: 445px;
	float: right;
	background-color: #F1E8F2;
	padding-right: 15px;
	padding-top: 18px;
}
#content  .twocol_imager {
	height: 223px;
	width: 460px;
	float: right;
	padding-top: 0px;
}
#content  .twocol_imagel {
	height: 223px;
	width: 460px;
	float: left;
	padding-top: 0px;
}
#content .spacer {
	padding-top: 20px;
}
#content .onecol {
	height: 240px;
	width: 920px;
	float: left;
	background-color: #7A1876;
	padding-right: 20px;
}
#quote {
	margin-top: 20px;
	margin-bottom: 20px;
}
.quotetop  {
	background-image: url(../images/quotetop.gif);
	background-repeat: no-repeat;
	width: 497px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
}
.quotebottom  {
	background-image: url(../images/quotebottom.gif);
	background-repeat: no-repeat;
	width: 537px;
	height: 21px;
}
.quotename {
	width: 487px;
	height: 21px;
	padding-left: 50px;
}
.padding_form {
	margin-bottom: 10px;
}
.underline {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6C0574;
}
.outline {
	margin-bottom: 15px;
	padding-bottom: 10px;
}	
.facttop {
	background-image: url(../images/quote_purpt.gif);
	background-repeat: no-repeat;
	width: 497px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
}
.factbottom {
	background-image: url(../images/quote_purpb.gif);
	background-repeat: no-repeat;
	width: 537px;
	height: 21px;
}
#conatiner #content .triplecol img {
	padding-bottom: 20px;
}
#conatiner #content .triplecol p img {
	padding-bottom: 10px;
}
#content .pdfholder {
	width: 470px;
	background-color: #F4E7F0;
	padding-top: 25px;
	padding-left: 70px;
	background-image: url(../images/icon-pdf.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	margin-top: 10px;
}
#content .pdfholder_new {
	font-size: 0.875em;
	line-height: 1.4em;
	font-weight: bold;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/Pdf32.png);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FCF;
	padding-left: 40px;
	padding-bottom: 10px;
	background-position: 0px 6px;
	padding-top: 14px;
}
#content .pdfholder_new img{
	margin: 0px;
	padding: 0px;
	}
.pdffloat {
	float: left;
	padding-right: 10px;
}
.quoteleft {
	background-color: #7A1876;
	background-image: url(../images/quote2.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 405px;
	height: 207px;
	padding-top: 33px;
	padding-right: 40px;
	padding-left: 35px;
	background-position: 10px 15px;
}
.quotebottom2 {
	background-image: url(../images/quotebottom2.gif);
	background-repeat: no-repeat;
	width: 537px;
	height: 21px;
}
#content .doublecol_form {
	float: left;
	width: 324px;
	background-color: #D6C7D2;
	padding: 20px;
}
#content .doublecol_form2 {
	float: left;
	width: 344px;
	padding-left: 20px;
}
#content .doublecol_left {
	float: left;
	width: 364px;
}
#content .faq {
	background-image: url(../images/QandA.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 20px;
}
#content  .joinus_promo {
	float: left;
	width: 728px;
	background-color: #FFF;
	height: 256px;
	margin-bottom: 20px;
}
#content .joinus_holder {
	float: left;
	width: 728px;
}
#content .launch_holder {
	float: left;
	width: 748px;
}
#content  .activator {
	height: 89px;
	width: 364px;
}
.friendpromo {
	background-image: url(../images/promo_friend.jpg);
	background-repeat: no-repeat;
	height: 144px;
	width: 144px;
	padding-top: 125px;
	padding-left: 20px;
	padding-right: 200px;
}
.floatleft {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
}
.floatleft2 {
	float: left;
}
.centrehub {
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #781b7d;
	padding-top: 20px;
}

.calorie-widget-title {
	background-color:#8A1A7C;
	color:#FB9D3D;
	font-size:1.4em;
	padding:15px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.calorie-widget-main {
	background-color:#F6E9F0;
	color:#8A1A7C;
	min-height:200px;
	padding:20px;
}
.calorie-widget-searchbox {
	background-color:#ffffff;
	border:1px solid #8A1A7C;
	float:left;
	width: 410px;
}
.calorie-widget-searchbox .calorie-widget-searchbox-textbox {
	border-width:0px;
	float:left;
	width:348px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333;
	padding-top: 10px;
	padding-left: 10px;
}
.calorie-widget-searchbox .calorie-widget-searchbox-button {
	float:right;
	width:42px;
	height:41px;
	overflow:hidden;
	border-width:0px;
	margin: 0px;
	padding: 0px;
}
.calorie-widget-trafficlights { display:none; }
.calorie-widget-trafficlight {
	color:#000000;
	float:left;
	text-align:center;
	width:98px;
	overflow:hidden;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.calorie-widget-trafficlight-image {
	color:#ffffff;
	font-size:24px;
	height:66px;
	margin-bottom:5px;
	text-align:center;
	width:98px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 32px;
}
.intellisense-options {
	background-color:#F6E9F0;
	border:1px solid #8A1A7C;
	display:none;
	position:absolute;
	width:410px;
	height:100px;
	margin-left:-1px;
	margin-top:20px;
	overflow-y:scroll;
}
.intellisense-options a { color:#8A1A7C; }
#ulOptions { margin:0px; padding:0px; }
#ulOptions li {
	list-style-type:none;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #F6E9F0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	padding-left: 10px;
}
#ulOptions li a {
	display:block;
	text-decoration:none;
	font-size: 1em;
}.calorie-widget-main p{
	font-size: 18px;
}
#content .postsummary {
	width: 540px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7C0078;
	padding-top: 20px;
}
#content .first {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7C0078;
}
#content .post {
	width: 540px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7C0078;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7C0078;
	padding-bottom: 20px;
}

#content .triplecolblog, #content .trycolblog {
	float: left;
	width: 540px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ECB4E7;
	padding-right: 15px;
	margin-right: 20px;
}
#content .triplecolblog .post2 {
	width: 540px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7C0078;
	padding-bottom: 20px;
}
#content .trycolblog .post {
	width: 540px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #7C0078;
	padding-top: 0px;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #7C0078;
	padding-bottom: 20px;
}
#content .triplecolblog .post img, #content .trycolblog .post img {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#content .triplecolblog2 {
	float: left;
	width: 400px;
	padding-right: 15px;
	margin-right: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#content .triplecolblog2 .post {
	width: 400px;
	padding-bottom: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content .triplecolblog2 .post img {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 1.2em;
	font-weight: bold;
	color: #FF8200;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	vertical-align: top;
}
.purple1 {
	background-color: #835ea0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 1.2em;
	font-weight: bold;
	color: #FFF;
	padding: 10px;
}
.purple2 {
	background-color: #b8a4cc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 1.2em;
	font-weight: bold;
	color: #FFF;
	padding: 10px;
}
#content .south_promo {
	float: left;
	background-color: #FFF;
	margin-bottom: 20px;
}
#content .southleft {
	float: left;
	width: 360px;
	margin-right: 20px;
}
#content .southright {
	float: left;
	width: 344px;
}
#content .formcolour {
	width: 324px;
	background-color: #D6C7D2;
	padding: 20px;
}
#content .colfirsthome {
	float: left;
	width: 151px;
	height: 100%;
	padding-right: 20px;
}
.sociallinks {
	float: right;
	padding-right: 19px;
	padding-top: 4px;
}
.spacing {
	margin-right: 5px;
}
.bmi {
	float: left;
	margin-right: 16px;
}
#countdown_dashboard {
	height: 76px;
	width: 526px;
	padding-top: 10px;
	padding-left: 15px;
	background-color: #333;
}

.dash {
	width: 86px;
	height: 65px;
	background: transparent url('../images/dash.png') 0 0 no-repeat;
	float: left;
	margin-left: 2px;
	padding-left: 13px;
	position: relative;
	color: #333;
	padding-top: 4px;
}

.weeks_dash {
	background: transparent url('../images/dark_weeks_dash2.png') 0 0 no-repeat;
	float: left;
}

.days_dash {
	background: transparent url('../images/dark_days_dash2.png') 0 0 no-repeat;
}

.hours_dash {
	background: transparent url('../images/dark_hours_dash2.png') 0 0 no-repeat;
}

.minutes_dash {
	background: transparent url('../images/dark_minutes_dash2.png') 0 0 no-repeat;
}

.seconds_dash {
	background: transparent url('../images/dark_seconds_dash2.png') 0 0 no-repeat;
}

.dash .digit {
	font: bold 30pt Verdana;
	font-weight: bold;
	float: left;
	width: 35px;
	text-align: center;
	position: relative;
}

.dash_title {
	display: none;
}
.coltop {
	float: left;
	width: 364px;
}
.rotating-banner
{
	height: 310px;
	width: 540px;
}
 
#RotatingBanner1,
#RotatingBanner2 {
	height: 300px;
	position: absolute;
	width: 540px;
	margin-bottom: 20px;
}
.rotating-banner-nav
{
	position: absolute;
	height: 16px;
	width: 500px;
	margin-left: 5px;
	margin-top: -305px;
}

/* summer */

#content .joinus_summer {
	float: left;
	width: 940px;
}

#content .joinus_summer .doublecol_form {
	float: left;
	width: 500px;
	background-color: #D6C7D2;
	padding: 20px;
}
#content .joinus_summer .doublecol_form2 {
	float: left;
	width: 540px;
	padding: 0px;
}
#content .joinus_summer .doublecol_left {
	float: left;
	width: 364px;
}

#content .joinus_summer .joinus_promo {
	float: left;
	width: 540px;
	background-color: #FFF;
	margin-bottom: 0px;
	height: 455px;
}
#content .joinus_summer .joinus_spin {
	background-image: url(../images/spin_bg.png);
	width: 490px;
	background-color: #FFF;
	margin-bottom: 0px;
	height: 644px;
	padding-left: 50px;
	float: left;
	padding-top: 20px;
}
#content .joinus_summer .joinus_promo2 {
	float: left;
	width: 540px;
	background-color: #FFF;
	margin-bottom: 10px;
	height: 310px;
}
#content .joinus_summer .collast {
	width: 364px;
	float: right;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C9C;
}