@charset "utf-8";



/* CSS Document */

/* Created: 29/02/08 */
/* COLOURS */

/*
red		#ca1c27
blue	#66cef6
*/



/*-------------- RESET, HTML, BODY --------------*/



* { margin:0px; border:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; }



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	text-align:left;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

html {
	background:#66cef6
}

body {
	text-align:center;
	margin:auto 0;
	vertical-align:middle;
	height:100%;
	font-weight:700;
}



/* tables still need 'cellspacing="0"' in the markup */



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%; }

.clearfix {display: block;}

/* End hide from IE-mac */



/*---------- H TAGS ----------------*/



H1, H2, H3, H4, H5, H6 {

	font:bold 24px Arial, Helvetica, sans-serif;

	font-weight:bold;

	color:#222;

	padding:5px 0px 0px 0px;

}



H2 {

	font-size:16px;

}



H3 {

	font-size:14px;

	color:#FFF;

}



H4 {

	font-size:13px;

}



H5 {

	font-size:12px;

}



H6 {

	font-size:11px;

	color: #FF9900;

}



P {

	text-align:left;

	font:normal 12px Arial, Helvetica, sans-serif;

	line-height:1.1em;

	padding:10px 10px 10px 0px;

	color:#FFF;

}



a {

	font:normal 11px Arial, Helvetica, sans-serif;

	text-decoration:none;

	color:#855d78;

}



a:hover {

	color:#ec048e;

}



INPUT {
	display:block;
	padding:5px 0px 5px 5px;
	font-size:11px;
	width:200px;
	background:none;
	vertical-align:middle;
	color:#999;
}



/*--------------- HEADER ---------------*/



.main {

	display:block;
	height:450px;
	width:100%;
	background:none;
	clear:both;
	text-align:left;
}

.topShadow, .bottomShadow {
	width:100%;
	height:6px;
	font-size:1px;
	line-height:1px;
	padding:0px;
	border:0px;
	background:transparent url(../images/shadowTop.png) repeat-x 0px 0px;

}

.bottomShadow {
	background:transparent url(../images/shadowBottom.png) repeat-x 0px 0px;
}

.middle {
	height:422px;
	background:#FFF;
	text-align:center;
	width:100%;
	overflow:hidden
}

#maincontent
{
  position: relative;
  width: 100%;
  height:422px;
  background:#FFF;
  overflow: hidden;
}

.section
{
  position: relative;
  width: 9999px;
  height: 422px;
}

.slide {
	width:900px;
	float:left;
	line-height:1.2em;
	overflow:visible;
	background:#FFF
}

#home {
	width:740px;
	height:422px;
	background:transparent url(../images/homePlace.jpg) no-repeat left;
}

#about {
	width:774px;
	height:422px;
	background:transparent url(../images/about.jpg) no-repeat left;
}

#team {
	width:911px;
	height:422px;
	background:transparent url(../images/teamBg.jpg) no-repeat left;
	float:left;
}

#newsletterRegistration {
	height:75px;
	width:340px;
	position:absolute;
	right:50px;
	font-size:12px
}

#newsletterRegistration span {
	padding:10px;
	display:block;
	color:#FFF
}

.newsInput {
	border:1px solid #CCC;
	background:transparent url(../images/loginFormBg.png) repeat-x;
	display:block;
	padding:1px;
	width:140px;
	color:#0866a1;
}

#services {

	width:981px;

	height:422px;

	background:transparent url(../images/services.jpg) no-repeat left;

}



#testimonials {

	width:750px;

	height:422px;

	background:transparent url(../images/testimonials.gif) no-repeat left;

}



#testimonials .testInner {

	width:530px;

	height:290px;

	position:relative;

	top:20px;

	left:130px;

}



#oneLife, #oneLifeSmall {

	width:970px;

	height:422px;

	background:transparent url(../images/oneLife.jpg) no-repeat left;

}



#contact {

	width:1080px;

	height:422px;

	background:transparent url(../images/contact.jpg) no-repeat top right;

}



#contact .contactInner {

	width:205px;

	height:222px;

	position:relative;

	float:left;

	top:148px;

	left:81px;

}



#contact .contactForm {

	float:left;

	padding:141px 0px 0px 160px;

}



.field {

	width:200px;

	height:30px;

	background:transparent url(../images/field.gif) no-repeat left;

}



.fieldTextarea {

	width:200px;

	height:70px;

	background:transparent url(../images/fieldTextarea.gif) no-repeat left;

}



#contact .contactForm .field INPUT {

	border:0px;

	padding-left:10px;

	background:none;

}



FORM {

	border:0;

	background:none;

	color:#999;

	}



SELECT, TEXTAREA {

	border:0;

	width:180px;

	font:700 11px Arial, Helvetica, sans-serif;

	background:none;

	padding-left:10px;

	color:#999

}



OPTION {

	border:0;

	background:none;

	color:#999

}

OPTION:hover {

	border:0px;

	background:none;

	color:#999

}

.pdfIcon {
	width:30px;
	height:30px;
	float:left;
}

.pdfArrow {
	width:10px;
	height:30px;
	float:left;
}

.pdfLink {
	width:170px;
	height:30px;
	float:left;
}

.oneLifeServices {
	width:169px;
	float:left;
	height:422px;
	background:transparent url(../images/oneLifeServices.gif) no-repeat 0px 25px;
	color:#FFFFFF;
}

#loginPanel {
	width:777px;
	margin:0 auto;
	text-align:center;
	height:517px;
	background:transparent url(../images/login.png) no-repeat 0px 0px;	
	color:#FFFFFF;
}

#accessXpress {
	width:980px;
	float:left;
	height:422px;
	background:transparent url(../images/accessXpressBg.jpg) no-repeat 0px 0px;
	color:#FFFFFF;
}

#inTouchPanel {
	width:603px;
	float:left;
	height:422px;
	background:transparent url(../images/inTouchPanel.png) no-repeat bottom left;
	color:#FFFFFF;
}

.accessXpressPanelInner {

	padding:95px 160px 0px 345px;

}



.oneLifeServicesInner { 

	padding:0px 12px 0px 16px;

}

.bannerGap {
	width:15px;
	height:140px;
	float:left
}

.banner {
	height:140px;
	width:240px;
	float:left
}

#services #servicesInner {

	width:779px;

	height:422px;

	float:left

}





#team .teaminner {

	padding:80px 90px 0px 300px;

	color:#FFFFFF;

}

#team .teaminner a {
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold
}

#team .teaminner a:hover {
	color:#333
}


#oneLife #oneLifeInner, #oneLifeSmall #oneLifeInner {

	color:#FFF;

	padding:80px 50px 0px 514px;

}



#services #servicesInner #servicesContent {

	color:#FFF;

	font-weight:bold;

	padding:70px 90px 0px 194px;

}



#services .menu {

	float:left;

	position:relative;

	top:104px;

	width:202px;

	height:288px;

	background:#f28fc5;

}



#services .head {

	width:202px;

	height:48px;

	background:#f28fc5 url(../images/menu/servicesMenu.png) no-repeat left;

}



#navServices {

	list-style:none;

	margin:0px 0px 0px 10px;

}



#oneonone {

	width:72px;

	height:17px;

}



#oneonone a {

	width:72px;

	height:17px;

	display:block;

	background:transparent url(../images/menu/services/oneonone.png) no-repeat left top;

}



#oneonone a:hover,  #oneonone a.on {

	background:transparent url(../images/menu/services/oneonone.png) no-repeat left -17px;

}



#advancedMusculo {

	width:153px;

	height:37px;

}



#advancedMusculo a {

	width:153px;

	height:37px;

	display:block;

	background:transparent url(../images/menu/services/advancedMusculo.png) no-repeat left top;

}



#advancedMusculo a:hover, #advancedMusculo a.on {

	background:transparent url(../images/menu/services/advancedMusculo.png) no-repeat left -37px;

}



#biochem {

	width:125px;

	height:19px;

}



#biochem a {

	width:125px;

	height:19px;

	display:block;

	background:transparent url(../images/menu/services/biochem.png) no-repeat left top;

}



#biochem a:hover, #biochem a.on{

	background:transparent url(../images/menu/services/biochem.png) no-repeat left -19px;

}



#intouch {

	width:115px;

	height:19px;

}



#intouch a {

	width:115px;

	height:19px;

	display:block;

	background:transparent url(../images/menu/services/intouch.png) no-repeat left top;

}



#intouch a:hover, #intouch a.on{

	background:transparent url(../images/menu/services/intouch.png) no-repeat left -19px;

}



#diet {

	width:92px;

	height:18px;

}



#diet a {

	width:92px;

	height:18px;

	display:block;

	background:transparent url(../images/menu/services/diet.png) no-repeat left top;

}



#diet a:hover, #diet a.on {

	background:transparent url(../images/menu/services/diet.png) no-repeat left -18px;

}



#iSpinn {

	width:42px;

	height:18px;

}



#iSpinn a {

	width:42px;

	height:18px;

	display:block;

	background:transparent url(../images/menu/services/iSpinn.png) no-repeat left top;

}



#iSpinn a:hover, #iSpinn a.on  {

	background:transparent url(../images/menu/services/iSpinn.png) no-repeat left -18px;

}



#myotherapy {

	width:137px;

	height:36px;

}



#myotherapy a {

	width:137px;

	height:36px;

	display:block;

	background:transparent url(../images/menu/services/myotherapy.png) no-repeat left top;

}



#myotherapy a:hover, #myotherapy a.on {

	background:transparent url(../images/menu/services/myotherapy.png) no-repeat left -36px;

}



#physio {

	width:84px;

	height:19px;

}



#physio a {

	width:84px;

	height:19px;

	display:block;

	background:transparent url(../images/menu/services/physio.png) no-repeat left top;

}



#physio a:hover, #physio a.on {

	background:transparent url(../images/menu/services/physio.png) no-repeat left -19px;

}



#pilates {

	width:45px;

	height:17px;

}



#pilates a {

	width:45px;

	height:17px;

	display:block;

	background:transparent url(../images/menu/services/pilates.png) no-repeat left top;

}



#pilates a:hover, #pilates a.on {

	background:transparent url(../images/menu/services/pilates.png) no-repeat left -17px;

}





#access {

	width:94px;

	height:19px;

}



#access a {

	width:94px;

	height:19px;

	display:block;

	background:transparent url(../images/menu/services/access.png) no-repeat left top;

}



#access a:hover, #access a.on {

	background:transparent url(../images/menu/services/access.png) no-repeat left -19px;

}



#about .inner {

	position:relative;
	top:12px;
	left:237px;
	width:495px;

}



#services .inner {

	position:relative;

	line-height:1.2em;

	top:20px;

	left:220px;

	width:380px;

}



.membershipSubmenu {

	width:180px;

	height:20px;

	top:10px;

	position:relative;

	z-index:10;	

	display:none;

}



.logo {

	width:247px;
	height:137px;
	position:absolute;
	bottom:10px;
	top:553px;
	right:30px;
	vertical-align:bottom;
	background:transparent url(../images/logo.png) no-repeat bottom right

}

.navHolder {
	height:104px;
	width:775px;
	background:transparent url(../images/headings/call-us-9596-4800.png) no-repeat 36px 14px;
	float:left;
}

#nav {
	list-style:none;
	padding:75px 0px 0px 22px	
}



#nav #nav_home {

	width:71px;

	height:29px;

	float:left

}



#nav #nav_home a {

	width:71px;

	height:29px;

	display:block;

	background:transparent url(../images/menu.png) no-repeat 0px 0px;

}



#nav #nav_home a:hover, #nav #nav_home a.active {

	width:71px;

	height:29px;

	background:transparent url(../images/menu.png) no-repeat 0px -29px;

}



#nav #nav_about {

	width:78px;

	height:29px;

	float:left

}



#nav #nav_about a {

	width:78px;

	height:29px;

	display:block;

	background:transparent url(../images/menu.png) no-repeat -71px 0px;

}



#nav #nav_about a:hover, #nav #nav_about a.active {
	width:78px;
	height:29px;
	background:transparent url(../images/menu.png) no-repeat -71px -29px;
}



#nav #nav_team {
	width:67px;
	height:29px;
	float:left
}



#nav #nav_team a {
	width:67px;
	height:29px;
	display:block;
	background:transparent url(../images/menu.png) no-repeat -149px 0px;
}



#nav #nav_team a:hover, #nav #nav_team a.active {
	width:69px;
	height:29px;
	background:transparent url(../images/menu.png) no-repeat -149px -29px;
}



#nav #nav_testimonials {

	width:139px;

	height:29px;

	float:left

}



#nav #nav_testimonials a {

	width:139px;

	height:29px;

	display:block;

	background:transparent url(../images/menu.png) no-repeat -529px 0px;

}



#nav #nav_testimonials a:hover, #nav #nav_testimonials a.active {

	width:139px;

	height:29px;

	background:transparent url(../images/menu.png) no-repeat -529px -29px;

}



#nav #nav_services {

	width:93px;

	height:29px;

	float:left

}



#nav #nav_services a {

	width:93px;

	height:29px;

	display:block;

	background:transparent url(../images/menu.png) no-repeat -216px 0px;

}



#nav #nav_services a:hover, #nav #nav_services a.active {

	width:93px;

	height:29px;

	background:transparent url(../images/menu.png) no-repeat -216px -29px;

}

#nav #nav_oneLife {

	width:131px;

	height:29px;

	float:left

}



#nav #nav_oneLife a {

	width:131px;

	height:29px;

	display:block;

	background:transparent url(../images/menu.png) no-repeat -309px 0px;

}



#nav #nav_oneLife a:hover, #nav #nav_oneLife a.active {

	width:131px;

	height:29px;

	background:transparent url(../images/menu.png) no-repeat -309px -29px;

}


#nav #nav_contact {
	width:83px;
	height:29px;
	float:left
}


#nav #nav_contact a {
	width:83px;
	height:29px;
	display:block;
	background:transparent url(../images/menu.png) no-repeat -668px 0px;
}



#nav #nav_contact a:hover, #nav #nav_contact a.active {
	width:83px;
	height:29px;
	background:transparent url(../images/menu.png) no-repeat -668px -29px;
}


#nav #nav_inTouch {
	width:89px;
	height:29px;
	float:left
}


#nav #nav_inTouch a {
	width:89px;
	height:29px;
	display:block;
	background:transparent url(../images/menu.png) no-repeat -440px 0px;
}



#nav #nav_inTouch a:hover, #nav #nav_inTouch a.active {
	width:89px;
	height:29px;
	background:transparent url(../images/menu.png) no-repeat -440px -29px;
}





#nav #nav_oneLifeSmall {

	width:200px;
	height:20px;
	display:none;
	position:absolute;
	z-index:12;
	float:left;
	left: 336px;
	top: 122px;
}



#nav #nav_oneLifeSmall a {

	width:200px;
	height:20px;
	display:block;
	background:transparent url(../images/menu/oneLifeSmall.png) no-repeat left -20px;
}



#nav #nav_oneLifeSmall a:hover, #nav #nav_oneLifeSmall a.active {

	width:200px;
	height:20px;
	background:transparent url(../images/menu/oneLifeSmall.png) no-repeat left 0px;
}


#nav #nav_customisedWorkout {

	width:200px;
	height:20px;
	display:none;
	position:absolute;
	z-index:12;
	float:left;
	left: 464px;
	top: 102px;
}



#nav #nav_customisedWorkout a {
	width:200px;
	height:20px;
	display:block;
	background:transparent url(../images/menu/customisedWorkout.png) no-repeat left -20px;
}



#nav #nav_customisedWorkout a:hover, #nav #nav_customisedWorkout a.active {
	width:200px;
	height:20px;
	background:transparent url(../images/menu/customisedWorkout.png) no-repeat left 0px;
}


#nav #nav_accessXpress {

	width:200px;
	height:20px;
	display:none;
	position:absolute;
	z-index:12;
	float:left;
	left: 336px;
	top: 102px;
}


#nav #nav_accessXpress a {

	width:200px;
	height:20px;
	display:block;
	background:transparent url(../images/menu/accessXpress.png) no-repeat left -20px;
}



#nav #nav_accessXpress a:hover, #nav #nav_accessXpress a.active {

	width:200px;
	height:20px;
	background:transparent url(../images/menu/accessXpress.png) no-repeat left 0px;
}


#nav #nav_inTouch_login {

	width:130px;
	height:20px;
	display:none;
	position:absolute;
	z-index:12;
	float:left;
	left: 464px;
	top: 122px;
}



#nav #nav_inTouch_login a {

	width:130px;
	height:20px;
	display:block;
	background:transparent url(../images/menu/inTouch-nav.png) no-repeat left -20px;
}



#nav #nav_inTouch_login a:hover, #nav #nav_inTouch_login a.active {

	width:200px;
	height:20px;
	background:transparent url(../images/menu/inTouch-nav.png) no-repeat left 0px;
}

#nav #nav_requestForm {

	width:130px;
	height:20px;
	display:none;
	position:absolute;
	z-index:12;
	float:left;
	left: 464px;
	top: 142px;
}



#nav #nav_requestForm a {

	width:130px;
	height:20px;
	display:block;
	background:transparent url(../images/menu/request-nav.png) no-repeat left -20px;
}



#nav #nav_requestForm a:hover, #nav #nav_requestForm a.active {

	width:200px;
	height:20px;
	background:transparent url(../images/menu/request-nav.png) no-repeat left 0px;
}



#textArea {

	padding:10px;

	font:normal 12px Arial, Helvetica, sans-serif;

	line-height:1.4em;

}



/**

 * Custom Scroll Bars

 */

 

div.scrollthis2

{

    height: 340px;

    overflow: hidden;

    overflow-y:scroll;

	overflow-x:hidden;

}



.jScrollPaneContainer

{

	position: relative;

	overflow-y: scroll;

	height:auto;

	z-index: 1;

}



.jScrollPaneTrack

{	

	display:none;

	position: absolute;

	cursor: pointer;

	right: 0;

	top: 0;

	height: 100%;

}

.jScrollPaneDrag

{

	display:none;

	position: absolute;

	background: url(../images/M.gif) no-repeat;

  	width: 20px;

 	height: 20px !important;

	cursor: pointer;

	overflow: hidden;

}

.jScrollPaneDragTop

{

	display:none;

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden;

}

.jScrollPaneDragBottom

{

	

	position: absolute;

	bottom: 0;

	left: 0;

	overflow: hidden;

}

a.jScrollArrowUp

{

	display: block;

	position: absolute;

	z-index: 1;

	top: 0;

	right: 0;

	text-indent: -2000px;

	overflow: hidden;

  	background: url(../images/up.gif) no-repeat;

	width: 20px;

  	height: 20px;

	display:none;

}

a.jScrollArrowDown

{

	display: block;

	position: absolute;

	z-index: 1;

	bottom: 0;

	right: 0;

	text-indent: -2000px;

	overflow: hidden;

	background: url(../images/down.gif) no-repeat;

	width: 20px;

 	height: 20x;

	display:none;

}



/*

 * HOVER STYLES

 */

a.jScrollArrowUp:hover {}

a.jScrollArrowDown:hover {}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}

.textField {
	font-weight:normal;
	color:#007dc6;
	text-align:left
}

#user_name {
	border:1px solid #bdbcba;
	background:#FFF;
	font-weight:normal;
	height:16px;
	background: url(../images/input.png) repeat-x bottom left;
}

#password {
	border:1px solid #bdbcba;
	background:#FFF;
	font-weight:normal;
	height:16px;
	background: url(../images/input.png) repeat-x bottom left;
}

.forgotPassword a {
	font-weight:normal;
	color:#222;
	text-align:left
}

.forgotPassword a:hover {
	font-weight:normal;
	color:#007dc6;
}

.login {
	width:100px;
	height:30px;
}

.login a {
	font-weight:normal;
	color:#007dc6;
	display:block;
	background: url(../images/menu/login.gif) no-repeat bottom left;
	width:100px;
	height:30px;
}

.login a:hover {
	font-weight:normal;
	color:#007dc6;
	background: url(../images/menu/login-on.gif) no-repeat bottom left;
}

/*
.footer {
	height:30px;
	width:829px;
	text-align:center;
	margin:0px auto;
	color:#855d78;
}

.footer a {

	font:normal 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#855d78;
}

.footer a:hover {
	color:#ec048e;
}

*/

.footer {
	padding:30px 16px;
	margin:0px auto;
	color:#0866a1;
	font:normal 13px Arial, Helvetica, sans-serif;
	clear:both
}

.footer a {

	font:normal 13px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#0866a1;
}

.footer a:hover {
	color:#009ee0;
}




/**************FORM************/

.registerForm {
	width:400px;
	height:400px;
	background:#FFF;
	color:#000
}

.close {
	margin-left:302px;
}

.close a {
	width:50px;
	height:20px;
	background:transparent url(../images/cross.png) no-repeat 30px 2px;
	display:block;
	text-align:left;
	font-size:12px;
	text-decoration:none
}

.registerForm .inner {
	padding:8px 0px 0px 45px;
}

.registerForm span {
	width:220px;
	height:30px;
	background:transparent url(../images/field.gif) no-repeat;
	display:block;
}

.registerForm span input, .registerForm span select, .registerForm span textarea {
	border:0px;
	width:160px;
	padding:7px 10px;
	margin:0px;
	background:none;
	font-weight:normal;
	display:block;
	font-size:11px;
}

.registerForm p {
	padding:10px 0px 5px 10px;
	display:block;
	text-align:left;
	font-size:12px
}

#submitButton {
	padding:16px 0px 5px 0px;
	width:100px;
	float:left;
	text-align:left;
}

#message { 
	width:370px;
	float:left
}

#submitButton input{
	width:85px;
	height:35px;
	text-align:left;
}