/* -- Main layout -- */

html {
background-color: #cce6f4;
}

body {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 80%;
}

#skin {
width:950px;
margin-left: auto; margin-right: auto;
background-image: url(../assets/images/skin-shadow.jpg);
}

#skin-inner {
width:911px;
background-color: white;
margin: 0 20px 0 20px;
}

#head {
height: 136px;
}

#head-banner {
background-color: #FFFFFF;
width: 570px;
height:	96px;
float:right;
margin: 20px 20px 0 0;
}

#bespoke-banner {
background-color: #FFFFFF;
width: 570px;
height:	96px;
float:right;
margin: 20px 20px 0 0;
}

#head h1 {
padding: 20px 0 0 25px;
float: left;
}

.tc {
	font-size:9px;
	line-height:10px;
}

strong{
	font-weight:bold;
}


#body {padding-top: 20px;}

#footer {
	background-image: url(../assets/images/foot-bg.jpg);
	background-repeat: repeat-x;
	background-color: #0099dd;
	height:46px;
	line-height:50px;
	color:#FFFFFF;
	font-size:14px;
	padding-left:37px;
	padding-right:37px;
}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

ul {
	margin: 0px;
	padding: 5px 0px;	
}

li {
	list-style-image: url(../assets/images/list_arrow.gif);
	list-style-type: none;
	vertical-align: middle;
	margin: 0 0 0 17px;
	padding: 1px 0px;
}

/* -- Side Bar --*/
#sidenav {
	color: #0099dd;
	font-size: 1.2em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}
#sidenav ul {
	width:280px;
	padding:0;
	margin:0;
}

#sidenav li {
	border-bottom:1px #86c7e7 solid;
	vertical-align:middle;
	list-style-image:none !important;
	list-style-type: none !important;
	text-indent: 10px;
	margin:0;
	padding:0;
	
}
#sidenav li a {
	color:#0099dd;
	text-decoration:none;
	line-height:29px;	
	display:block;
}
#sidenav li a:hover {
	background-color:#85cceb;
	color:#FFFFFF;
}

#menuitems p{
	margin:0;
	padding:0;
	padding-top:25px;
	

}


/* -- Nav-- */
#nav ul{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:880px;
	padding-left:30px;
	padding-top:0;
	padding-bottom:0;

}


#nav {
	height: 46px;
	background-image: url(../assets/images/nav-bg.jpg);
	clear: left;
	text-align: center;
	
	background-repeat:repeat-x;
	height:46px;

}


#nav li {
	display:inline;
	
}


#nav li a {
	color:#FFFFFF;
	display:block;
	font-size:15px;
	height:46px;
	line-height:46px;
	padding:0 7px;
	text-decoration:none;	
	float:left;
}
#nav li a:hover, #nav li a.selected {
	background-image:url(../assets/images/nav-bg-select.jpg);
	/*text-decoration:underline;*/
	
}


.micrositeLogo {
	margin-bottom:16px;
}


/* -- Columns-- */



.twocol-left {
	float: left;
	width: 280px;
	padding-left: 20px;
	margin-bottom: 20px;

}

.twocol-right {
	float: left;
	position: relative;
	width: 570px;
	margin-left: 20px;
	margin-bottom: 20px;
	color:#606060;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.4em;
}




/* -- Home specifics -- */

#b_menulistleft{
	float:left;
	width:290px;
	margin-top: 20px;
}

#c_menulistright{
	float:left;
	width:280px;
	margin-top: 20px;
}
#b_menulistleft li{
	padding-right:10px;
	padding-bottom: 10px;
}
#c_menulistright li{
	padding-bottom: 10px;
}



#welcome {
	background-color: #0089cc;
	color: white;
	padding: 15px;
	font-size: 1.1em;
}

#welcome h1 {
	height: 30px;
	font-size:25px;
}

#welcome h3 {
text-indent: -9999em;
background-image: url(../assets/images/t-welcome.gif);
background-repeat: no-repeat;
height: 30px;
}

#welcome p {
line-height: 1.5em;
}

.gym-finder {
margin-top: 20px;
padding: 15px;
background-color: #F26522;
height:130px;
}

.gym-finder h3 {
text-indent: -9999em;
background-image: url(../assets/images/t-gym.gif);
background-repeat: no-repeat;
height: 70px;
}

.gym-finder p {
margin-bottom: 10px;
}

.news {
margin-top: 18px;
padding: 15px;
background-color: #80C342;
min-height:140px;
color: #FFFFFF;
}

.news h3 {
text-indent: -9999em;
background-image: url(../assets/images/t-news.gif);
background-repeat: no-repeat;
height: 30px;
margin-left: -3px;
}

.newsButton {
margin-top: 20px;
}

.news a{
	color: #FFFFFF;
	font-size:10px;
	font-weight:bold;
}

.news a:hover {
	text-decoration:none;
	color:#000000;
}

.news-snip {
	margin-bottom: 10px;
}

div.news_listings p {
	font-size:11px;
	margin-top:0;
	padding-top:0;
	line-height:12px;
}




/* -- Column 1 items -- */

#podcast{
	margin-top:25px;
	background-image:url(../assets/images/button-pod.jpg);

}

#nutritional{
	margin-top:25px;
	background-image:url(../assets/images/button-nutritional.jpg);

}

.buttonholder{
	width:280px;
	height:100px;
	display:block;
}
.twocol-left img{
	border:none;
}

#placeLogo{
	font-family:Arial, Helvetica, sans-serif;
	color:#302f84;
	font-size:18px;
	font-weight:bold;
	margin:30px 0;
	background-image:url(../assets/images/place-logo.jpg);
	background-repeat:no-repeat;
	text-indent:-9999em;
	height:54px;
}


	/* -- promo box -- */

		#promotional{
			background-image:url(../assets/images/promotional-img.jpg);
			height:123px;
			width:280px;
		}
		#promotionalTag{
			width:280px;
			background-color:#0099dd;
			color:#FFFFFF;
			font-size:13px;	
		}
		#promotionalText{
			padding:11px;
		}
		
		#promoDiv{
			margin-top:20px;
			border:#bde0f2 2px solid;
			width:280px
		}
		
		.blankHolder{
			height:73px;
			width:258px;
			position:absolute;
		}
		
		.gymFinder
		{
			margin:0;padding:0;
		}
		
		.buttonholderPro{
			width:258px;
			height:123px;
			display:block;		
		}
		
		
	/* ---- */
/* -- Column 2 items -- */

#mapHolder{
	background-image:url(../assets/images/map.jpg);
	height:295px;
	width:568px;	
	border:#088ecf 1px solid;
	margin-bottom:20px;

}

#galleryHolder{
	background-image:url(../assets/images/gallery.jpg);
	height:295px;
	width:570px;	
	margin-bottom:20px;

}

#rightFloat{
	width:236px;
		
	float:right;
	border:thin solid #cecece;
}

#floatRightImageHolder{
	width:224px;
	margin:6px;
}

#floatRightCaption{
	color:#999999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
	line-height:23px;
	margin:10px 6px;
	width:224px;
}

#bookButton{
	background-image:url(../assets/images/book-online-button.jpg);
	height:73px;
	width:141px;
	float:right;
	margin: 0 0 20px 20px;
}
#bookButtonHolder{
	background-image:url(../assets/images/book-online-button.jpg);
	height:73px;
	width:141px;
	float:right;
	display:block;
}
h4{
	margin-top:-5px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:11px;
}
#colHeaderImg{
	width:570px;
	margin-bottom:25px;
}

#colHeaderImg p{
	margin:0;
	padding:0;
}

#a_rightColLeft, #rightColLeft {
	width:280px;
	margin-right:9px;
	float:left;
}
#b_rightColRight, #rightColRight {
	width:281px;
	float:left;
}

#d_listfooter{
	float:left;
	width:100%;
	text-align:center;
	padding-bottom:20px;
}
#rightFloat p{
	padding:0;
	margin:0;
}


/* -- Buttons -- */

#podcast{
	margin-top:25px;rightColList
	background-image:url(../assets/images/button-pod.jpg);
	height:100px;
	width:280px;

}

#nutritional{
	margin-top:25px;
	background-image:url(../assets/images/button-nutritional.jpg);
	height:100px;
	width:280px;
}

#membersArea{
	margin-top:25px;
	background-image:url(../assets/images/button-members.jpg);
	height:100px;
	width:280px;
}

.buttonholder{
	width:280px;
	height:100px;
	display:block;
}

#activeButton{
	background-image:url(../assets/images/button-active.jpg);
	height:100px;
	width:280px;

}

#joinButton{
	background-image:url(../assets/images/button-join.jpg);
	height:100px;
	width:280px;
}
#waterButton{
	margin-top:25px;
	background-image:url(../assets/images/button-water.jpg);
	height:100px;
	width:280px;
}
#essentialButton{
	margin-top:15px;
	background-image:url(../assets/images/button-essentials.jpg);
	height:100px;
	width:280px;
}

#blockedText{
	font-size:20px;
	line-height:normal;
	margin:0;
	padding:15px 0;
}

#rightColInfo{
	margin:15px 37px 0 20px;
	width:223px;	
	color:#5b4d6e;
	font-weight:bold;
	font-size:13px;
	height:auto;
}


/* -- Forms -- */

#surveyForm{
	margin-top:20px;
}

#surveyForm label{
	width:250px;
	float:left;
	font-weight:bold;
	color:#008acd;
	font-size:11px;
	font-weight:bold;
	line-height:11px;

}

#surveyForm div{
	overflow: auto;
	width: 100%;
	padding:15px 0;
}
#surveyForm input{
	overflow: auto;
	width: 150px;
}
#surveyForm textarea{
	overflow: auto;
	width: 300px;
}

#surveyForm .optionBox{
	width:200px;
	margin:0px;
	padding: 0;
}

#surveyForm .optionButton{
	width:150px;
	margin:0px;
	padding:0;
	padding-bottom:2px;
	
}
#surveyForm .formButton{
	width:100px;
}
#surveyForm .contactUs{
	font-size:16px;
	width:135px;
	text-align:right;
	margin-right:15px;

}

#surveyForm #addressBox{
	width: 225px;

}
#surveyForm #enquiry{
	width:350px;

}
#surveyForm .contactFormTop{
	border:none;
}
.contactFormList div{
	border-top:1px solid #d4ebf7;
}

.contactFormList label{
	padding-top:3px;
}

.customFormMultiCheckbox fieldset .customcheckbox {
	border:medium none;
	float:left;
	width:auto;
	margin: 0 10px 0 10px;
	padding: 0;
}


	/* -- Members login styles -- */
	
	#loginBar{
		background-image:url(../assets/images/memberbar.jpg);
		width:579px;
		height:48px;
		margin-bottom:25px;
	}
	
	#memberBarForm{
		width:370px;
		float:right;
		height:22px;
		padding:13px 0;
		
	}
	
	
	
	#memberBarForm .loginTextBox{
		width: 135px;
		margin-right:15px;
	
	}
	
	
	
	/* ---- */

/* -- Global Elements -- */


a{
	color:#40b3e6;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#008acd;
	font-size:20px;
	font-weight:bold;
	padding-bottom:10px;
	line-height: 110%
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#000000;

}

h5{
	font-family:Arial, Helvetica, sans-serif;
	color:#008acd;
	font-size:20px;
	line-height:normal;
	margin:0;
	padding:15px 0;
	font-weight:bold;
}
h6{
	font-family:Arial, Helvetica, sans-serif;
	color:#008acd;
	font-size:15px;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:10px;
	line-height: 110%;
}
p{
	padding:9px 0

}


#a_video {
	width:570px;
	
}
#a_video p{
	magin:0;
	padding:0;	
}

/* ACCORDIAN MENU */
.accordian-title {
	outline:none !important;
	padding-top:0 !important;
}

/* GOOLE MAPS */
#google_map {
	width:570px;
	height:500px;
}

/* FORM STUFF */
#friend1, #friend2, #friend3 {
	display:none;
	padding-top:20px;
	border-top:1px dotted #EDEDED;
}

form {
	/*width:100%;*/
}

form li {
	list-style:none;
	margin-left:0;
}

.customForm legend  {
	margin-bottom:0px !important;
}

.customForm label {
	width:100% !important;
	margin-bottom:10px;
}

.customForm p {
	padding:3px 0 !important;
}

legend {
	font-size:16px;
	font-weight:bold;
	color:#008acd;
	margin-bottom:10px;
	margin-top:10px;
	background-color:#FFFFFF;
}



set {
	margin-bottom:20px;
	border:1px dotted #CCCCCC;
	padding:15px;
}

label {
	width:200px;
	float:left;
	display:block;
}

fieldset span {
	position:relative;
	color:#CC0000;
	vertical-align:top;
}

fieldset h3 {
	font-size:14px;
	color:#CC0000;
}

fieldset input, fieldset textarea {
	width:50%;
	padding:3px;
	margin-bottom:10px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	border:1px solid #CCCCCC;
}

fieldset textarea {
	width:50% !important;
	height:100px;
}

fieldset select {
	width:50% !important;
	margin-bottom:10px;
}

fieldset .customcheckbox{
	margin-bottom:0;
	border:none;
	padding:0;
	width:auto;
margin-left:20px;
	margin-right:100px;
	margin-top:58px;	
	
}



.micrositeLogo {
	margin-bottom:16px;
}



.menu {position:relative; z-index:100;font-family:arial, sans-serif;
	height: 46px;
	background-image: url(../assets/images/nav-bg.jpg);
	clear: left;
	text-align: center;	
	background-repeat:repeat-x;
	
	


}



/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:880px;
	padding-left:30px;
	padding-top:0;
	padding-bottom:0;
}
.menu li a {
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:15px;
	height:46px;
	line-height:44px;
	padding:0 7px;
	text-decoration:none;	
}

.menu li a:hover, .menu li a.selected {
	background-image:url(../assets/images/nav-bg-select.jpg);
	/*text-decoration:underline;*/
	text-decoration:none;
	color:#FFFFFF;
}

.menu ul ul li{
	text-align:left;
	background-color:#1180c8;
}


.menu ul ul {padding-left:0px;  }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative; list-style-image:none;list-style-type:none;margin:0 0 0 0px;padding:0px 0;vertical-align:middle;display:inline;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;top:46px;
	left:0;
	width:125px;
	background-image:url(../assets/images/bg-menu.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	display:table;
	background-color:#1180c8;
}
	
#lifeharpersholder {
	margin-top:6px;
	margin-bottom:10px;
}

.gradient-bg {
	padding:20px;
	background:transparent url(../assets/images/lifeatharpers-main-bg.jpg) repeat-x left top;
}

.gradient-img {
	margin-bottom:10px;
}

.menu ul ul li.first{ /*border:none;*/ border-top:#FFFFFF solid 1px;}
.menu ul ul li{/*border-top:#FFFFFF solid 1px;*/}



/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; ;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {/*background-color:#1180c8;*/ height:auto; line-height:1em; padding:6px 10px; width:128px; font-size:13px; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:125px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{ background:#D9EDF7; color:#1d52aa;}
.menu :hover > a, .menu ul ul :hover > a {}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* Count Down */

#countdownContent {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 570px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	font-size: 11px;
	background-color: #80c342;
	color: #FFFFFF;
}
#countdownContent h2 {
	text-align: center;
	background-color: #0089cc;
	color: #FFFFFF;
	display: block;
	padding: 5px;
	margin-bottom: 5px;
}
#countdownContent h3 {
	font-size: 14px;
	padding-bottom: 5px;
	text-align: center;
	color: #FFFFFF;
}
#countdownContent .timer {
	width: 285px;
	float: left;
	text-align: center;
	font-weight: normal;
}
#countdownContent .timer b {
	font-weight: normal;
}



#countdownContent #cntdwn div.colon {
	background:transparent none repeat scroll 0 0;
	float:left;
	margin:0 1px;
	padding:0;
}
#countdownContent #cntdwn div {
	background-color:#CA2255;
	float:left;
	font-size:28px;
	line-height:normal;
	padding:0 4px;
}
	#countdownContent #cntdwn {
	display:block;
	margin:0 auto;
	width:260px;
}
	#countdownContent #cntdwn2 div.colon {
	background:transparent none repeat scroll 0 0;
	float:left;
	margin:0 1px;
	padding:0;
}
	#countdownContent #cntdwn2 div {
	background-color:#CA2255;
	float:left;
	font-size:28px;
	line-height:normal;
	padding:0 4px;
}
	#countdownContent #cntdwn2 {
	display:block;
	margin:0 auto;
	width:260px;
}






#calculator-holder label.wtb span{
	display:block;
	float:left;
	padding-right:10px;
	width:50px;
}
#calculator-holder label.wtb input{
	width:40px;
}
#calculator-holder label.wtb{
	width:165px;
}
#calculator-holder label.lb{
	width:130px;
}
#calculator-holder label{
	display:block;
	float:left;
	min-width:85px;
	padding-left:10px;
	width:auto;
}
#calculator-holder div{
	clear:both;
	height:40px;

}
#bmiresult h3{
	font-size:30px;
	color:#008ACD;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	padding-bottom:10px;
	height:auto;
	float:none;
}

#calculator-holder div#errorbox{
	height:auto;
	color:#FF0000;
	padding-bottom:20px;
	padding-top:10px;
}