/* Normalise browsers */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
	margin: 0; 
	padding: 0; 
}
body { 
	font-size: 75%;  /*12px base size */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #FFF;
	}
h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 1em;
	}
a {
	text-decoration: none;
}
img {
	border: none;
}
input {
	font-size: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
	
/* Layout */

#wrapper {
	width: 924px; /*77em*/
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	padding-top: 0px;
}
#banner {
	float: left; /*Makes sure that #banner wraps the inner divs */
	background: url(../images/bg/wave_01.png) no-repeat bottom left;
	margin-bottom: 1px; 
	width: 100%;
	height: 90px;
	/*border-bottom: 2px solid #009cdd;*/
	}
#sitename {
	color: #006EAB;  /* was #506BB1 */
	font-size: 3em;
	margin-left: 150px;
	margin-top: 20px;
	margin-bottom: 4px;	
}

#address {
	color: #006EAB;
	float: right;
	margin-top: -44px;
}
#content {
	float: left;
	width: 720px; 
	margin-left: 200px;
	min-height: 500px;
	}
#sidebar {
	float: left; 
	width: 180px;
	margin-left: -920px;
	}
#footer {
	float: left;
	clear: both;
	width: 100%;
	background-color: #FFFFCC;
	border-bottom: 1px solid #FF7D00;
	border-top: 1px solid #FF7D00;
	text-align: center;
	font-size: 80%;
	margin-top: 30px;
	}
#legal {
	float: left;
}
#credits {
	float: right;
}

/* Optional third column within the Content div */
#subContentR { 
	float: right;
	width: 180px;
	padding: 10px; 
	background-color: #f4f4f4; 
} 
#subContentL { 
	margin-right: 220px; 
} 



/* Floats */
.float_rt {
	float: right;
	clear: right;
	margin-left: 20px;
}
.float_lt {
	float: left;
	clear: left;
	margin-right: 20px;
}
.clear {
	clear: both;
}


/* Welcome (logged in) status line */
p#welcome {
	color: #FF7D00;
	font-weight: bold; 
}
p#welcome a {
	color: #006EAB; 
	font-weight: normal;
	border-bottom: 1px dashed #006EAB;
}
p#welcome a:hover {
	border-bottom: 1px solid #006EAB;
	color: #FFF; 
	background-color: #626e7a;
}



/* Main Navigation */
ul#mainNav {
	float: left;
	width: 100%;  /*was 924px */
	background: url(../images/nav/blueline.gif) repeat-x bottom;
	margin-bottom: 16px; /*was 20 */
}
#mainNav li {
	list-style: none;
	float: left;
	background: url(../images/nav/tab_rt.gif) no-repeat right top;
	margin-right: 5px;
}
#mainNav li.login {
	float: right;
}
#mainNav a {
	display: block;
	padding: 6px 12px 5px 12px; /*was 6 15 5 15*/
	background: url(../images/nav/tab_lt.gif) no-repeat left top;
	text-align: center;
	white-space: nowrap;  /*keep tabs to a single line */
	color: #FFF;
	font-weight: bold;
	font-size: 0.9em;
}
#mainNav a:hover {
	color:#FF7D00;
	text-transform: uppercase;
}
	/*you are here*/
li#mainNavAct {
	background: url(../images/nav/here_rt.gif) no-repeat right top;
}
li#mainNavAct a {
	background: url(../images/nav/here_lt.gif) no-repeat left top;
	color: #006EAB;    
}
li#mainNavAct a:hover {
	color: #006EAB; 
}

/*Sidebar navigation */
ul.subNav {
	list-style: none;
	margin-bottom: 20px;
}
ul.subNav li{
	margin-bottom: 2px;
	}
ul.subNav a {
	color: #000;
	padding: 7px 0 7px 30px;
	display: block;
	background-image: url(../images/nav/sidebars_07.gif);
	background-position: 0 -28px;
	background-repeat: no-repeat;
}
ul.subNav a:hover {
	font-weight: bold;
	background-position: 0 1px;
}
ul.subNav a#subNavAct {  
	background-position: 0 -56px;
	font-weight: bold;
}
ul.subNav a#subNavAct:hover {
	background-position: 0 1px;
}
/*Other Sidebar formats*/
#sidebar h2 {
	color: #006EAB; 
	font-size: 1.2em;
	margin: 0;
}
#sidebar h3 {
	color: #FF7D00; /* was #FFBE00 */
	margin-top: 1em;
	margin-bottom: 0.5em;	
}






/* General Content Styling */

/* Lists */
#content ul {
	margin-top: 20px;
	margin-bottom: 20px;
}
#content ul li {
	list-style: none;
	background-image: url(../images/bg/bullet_14.gif) ;
	background-position: 8px 0;
	background-repeat: no-repeat;
	padding: 0 0 6px 26px;
}
#content ol li {
	margin-left: 26px;
	padding-bottom: 6px;
}

/* Links in the #content divs*/
#content li a, #content p a {
	color: #006EAB; 
	border-bottom: 1px dashed #006EAB;
}
#content li a:hover, #content p a:hover {
	border-bottom: 1px solid #006EAB;
	color: #FFF; 
	background-color: #626e7a;
}



#footer a {
	color: #006EAB; 
}
#footer a:hover {
	color: #FFF; 
	background-color: #626e7a;
}
#content td a {
	color: #006EAB; 
	text-decoration: underline;
	display: block;     /*activate the whole cell as a link */	
}
#content td a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #626e7a;
}

/* Buttons in the Content Div*/
#content ul.bigButton {
	list-style: none;
	margin: 20px 0 20px 200px;
}
#content .bigButton li {
	list-style: none;
	background-image: none;
	margin: 0;
	padding: 0;
}
#content .bigButton a {
	color: #000;
	border-bottom: none;	
	font-weight: normal;
	padding: 6px 0 7px 30px;
	display: block;
	background-image: url(../images/nav/sidebars_07.gif);
	background-position: 0 -28px;
	background-repeat: no-repeat;
}
#content .bigButton a:hover {
	color: #000;
	border-bottom: none;
	font-weight: bold;
	background-position: 0 1px;
	background-color: transparent;
}


/* Headings and Paragraphs*/
h1 {
	color: #006EAB;
	font-size: 2em;
	margin-bottom: .2em;	
}
h2 {
	color: #FF7D00;
	font-size: 1.2em;
	margin-bottom: .2em;
	margin-top: .5em;
}
h3 {
	color: #006EAB; 
}
p {
	line-spacing: 1.2;
	margin-bottom: .4em;
	text-align: left;
}
q {
	color: #FF0066;
	background-color: #CCFFCC;
	font-size: 1.2em;
	font-family: "Marker Felt", "Comic Sans MS", Verdana, Arial, sans-serif;
	width: 220px;
	float: right;
	clear: right;
	padding: 10px;
	margin-left: 20px;
	}




/* Fancy text */
.signature {
	color: #FF7D00;
	font-size: 2em;
	font-family: "Marker Felt", "Comic Sans MS", Verdana, Arial, sans-serif;
	text-indent: 3em;
	margin-bottom: 4em;
}
#subContentR h1, #subContentR h2 {
	text-align: center; 
}
#address p {
	text-align: right;
}



/* Ajax Status Messages */
.ok {color: green;}
.warn {color: #EC0006;} /* was #FF9933 */
.err {color: red;}
.def {color: black;}


/* Images */
img {
	float: right;
	clear: right;
	margin-left: 20px;
	/* blue borders, blue-grey background */ 
	background-color: #f5f5f5; 
	padding: 0.5em;
	border: solid 1px #006eab;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}

img.float_lt {
	margin-left: 0;  /*overide inherited margins from img tag */
}

body#classes img {
	background-color: #FFF
}

#slideshow {
	/* full width of content div */
	width: 700px;
	height: 290px;
	float: none;
	margin: 0.5em 0 0.5em 0;
}




/* Tables */
table {
	width: 100%;
	margin-bottom: 10px;
	}
td, th {
	padding: 0.3em 0.5em 0.3em 0.5em; 
	border: solid 1px #006eab; 
}
th {
	color: white; 
	background-color: #006eab; 
	text-align: center; 
	}
th.alt {
	color: #006eab; 
	background-color: white;
	border: none;
	font-style: italic;
}
	
col.item { 
	background-color: #d9e9f2; 
}
col.details { 
	background-color: #f5f5f5; 
}




/* Page Specific Stuff */

/* Home */

#webCredits {
	margin-top: 100px;
}

body#home #content strong {
	color: #006EAB; 
	}

body#home ul.bigButton {
	list-style: none;
	margin: 20px 0 20px 0px;
}

body#home #slideshow {
	/* full width of content div */
	width: 700px;
	height: 200px;
	float: none;
	margin: 0.5em 0 1em 0;
}

#subContentR { 
	float: right;
	width: 180px;
	padding: 0 10px 0 10px; 
	background-color: #FFF; 
} 

/* Facilities */
body#gym #slideshow {
	/* full width of content div */
	width: 700px;
	height: 290px;
	float: none;
	margin: 0.5em 0 0.5em 0;
}



/* Map & Directions */
#map {
	float: right;
	margin-left: 20px;
}

/* Beauty Treatments */
body#beauty #content {
	background: url(../images/bg/melissa_bg.jpg) right center no-repeat;

}

body#beauty #content img {
	float: right;
	padding: 0.5em;
	border: none;
	margin-left: 150px;
	margin-right: 20px;	
}


/* Exercise Classes and My Bookings */
body#classes em, body#bookings em  {
	color: #006EAB;
}

body#classes td, body#classes th, body#bookings td, body#bookings th {
	padding: 0.3em 1em 0.3em 1em; 
}
/*highlight alternate rowgroups*/
body#classes tbody, body#bookings tbody {
	background-color: #FFFFD7; /* was #f5f5f5; */
}
body#classes tbody.altRowGroup, body#bookings tbody.altRowGroup {
	background-color: #D9E9F2; 
}
/*Set width for named columns in class timetable*/
/* (allow #className to autowidth */
col#classDay, col#classTime { 
	width: 10em; 
}
col#classBook { 
	width: 160px;
}
col#classDate {
	width: 11em;
	}

/* Booking buttons */
body#classes td.book, body#classes td.rsv, body#classes td.closed,
body#bookings td.book, body#bookings td.rsv, body#bookings td.closed {
	padding: 0 0 0 5px;
	background-color: #FFF;
	border: none;
}

body#classes td.book a, body#bookings td.book a {
	color: #000;
	border-bottom: none;
	text-decoration: none;	
	font-weight: bold;
	padding: 7px 0 7px 30px;
	display: block;
	background: url(../images/nav/buttons_02.gif) no-repeat 0 -27px;
}
body#classes td.rsv a, body#bookings td.rsv a {
	color: #F00;
	border-bottom: none;
	text-decoration: none;	
	font-weight: normal;
	padding: 7px 0 7px 30px;
	display: block;
	background: url(../images/nav/buttons_03.gif) no-repeat 0 -27px;
}


body#classes td.book a:hover, body#classes td.rsv a:hover,
body#bookings td.book a:hover, body#bookings td.rsv a:hover {
	color: #000;
	border-bottom: none;
	font-weight: bold;
	background-position: 0 2px;
	background-color: transparent;
}
body#classes td.rsv a:hover, body#bookings td.rsv a:hover {
	color: #F00;
}



/* Opening Times */

table#openingTimes  {
	width: 40em;
	margin: 20px 0 20px 50px;
	}

table#openingTimes col.item { 
	width: 20em;
}

/* Fitvibe */
body#fitvibe #content p strong {
	color: #FF7D00;   /*Orange*/
	}


/* Prices */
td.joinfee { 
	color: #FF0066;
	font-family: "Marker Felt", "Comic Sans MS", Verdana, Arial, sans-serif;
	text-decoration: line-through; 
}



/*
*	FORMS
*/

form fieldset {
	border: 1px solid #FF7D00;
	padding: 0.5em;
	margin-bottom: 10px;
} 
form legend {
	color: #FF7D00;		
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.5em;
} 
form input, form textarea {
	background-color: #FFFEBF; 
}
form input:focus, form textarea:focus {
	background-color: #C0E0FF; 
}
form input.button {
	float: right;
	color: #000;
	background-color: transparent;	
	border: none;
	width: 180px;
	font-weight: normal;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 5px 10px 7px 30px;
	display: block;
	background-image: url(../images/nav/sidebars_07.gif);
	background-position: 0 -28px;
	background-repeat: no-repeat;
}
form input.button:hover {
	color: #000;
	font-weight: bold;
	background-position: 0 1px;
}


/* Enquiry Forms */
form#frmEnquiry .label {
	float: left;
	clear: left;
	width: 10em;
	margin-right: 1em;
	text-align: right;
	font-weight: bold;
	margin-top: 1px;
}
form#frmEnquiry .label2 {
	float: left;
	clear: left;
	width: 100%;		/*full content width e.g. for tickbox groups*/
	font-weight: bold;
	margin-top: 1em;
}
label.tickbox {
	width: 30%;
	float: left;
	padding-left: 2em;
}
label.tickbox input{
	margin-right: 1em;
}



/*Member Zone - Class Booking Forms*/
body#bookings form .label {
	float: left;
	clear: left;
	width: 15em;
	margin-right: 1em;
	text-align: right;
	font-weight: bold;
	margin-top: 1px;
}
body#bookings form a {
	color: #006EAB; 
	border-bottom: 1px dashed #006EAB;
}
body#bookings form a:hover {
	border-bottom: 1px solid #006EAB;
	color: #FFF; 
	background-color: #626e7a;	
}

body#bookings form .label2 {
	float: left;
	clear: left;
	margin-top: 1em;
}




/*
*	PRETTY
*/

/* Rounded Corners */
/* Devised by http://www.456bereastreet.com/lab/teaser/flexible/ */
.startTease {
		padding:0 0 0 11px;
		margin-right: 10px;
		background:url("../images/bg/corners_03.png") top left no-repeat;
}
.startTease h2 {
		background:url("../images/bg/corners_04.png") top right no-repeat;
		margin:0;
		padding:8px 0 0.5em 0;
		text-align: center;
		color: red;
}
.startTease p {
		margin:0 0 0 -11px;
		padding:0 11px 0.5em;
		border:1px solid #009CDD;
		border-width:0 1px;
		background:#fff;
}
.startTease div {
		margin:0 0 0 -11px;
		padding-left:11px;
		background:url("../images/bg/corners_03.png") bottom left no-repeat;
}
.startTease a.endTease {
		display:block;
		text-align: center;
		padding:0 10px 10px 0;
		background:url("../images/bg/corners_04.png") bottom right no-repeat;
		color: #006EAB;
}

.startTease a {
	color: #FF0000;
}	
body#classes .startTease a {
	color: #FF00FF;
}	
body#fitvibe .startTease a {
	color: #660099;
}	
#sidebar .startTease a:hover {
	font-weight: bold;
	color: #FF3300;
}


/*Campaigns*/

/*Shape Up for Summer home page*/

body#home #shapeUp {
	/* full width of content div */
	width: 700px;
	height: 250px;
	float: none;
	background: url(../images/shape_up_summer.jpg) no-repeat top left;
	padding: 30px 0 0 20px;
}
body#home #shapeUp h1 {
	font-size: 2.5em;
	color: #c00076;
}
body#home #shapeUp h2 {
	font-size: 1.8em;
}
/*Shape up detail page*/
/*todo: target the shape up page only */
/*
 body#fitness h1 {
	color: #c00076;
}
*/
/* body#fitness img {  
	background-color: #FFFEBF; 
	margin-top: -30px;
	}
*/