
/* ---------- General ---------- */
.clear { clear: both; }
a img { border: none; }

body {
	background: #eee;
	color: #444;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	border-top:4px solid #ef4b23;
}
#page {
	width:980px;
	overflow:hidden;
	margin:0px auto;
	padding:0;
}
a {
	text-decoration:none;
	color:#ef4b23;
}
a:hover {
	color:#c43815;
}
p { margin: 0em 0 1.2em 0; line-height:1.5em; }
h1, h2, h3, h4 { margin: 0 0 0.3em 0; color:#ef4b23; }
h1 { font-size:28px; }
h2 { font-size:22px; }
h3 { font-size:14px; }
h4 { font-size:12px; }
h1.sIFR-replaced{ margin: 0px 0 10px; }
h2.sIFR-replaced { margin: 0; }

ul, ul li { list-style:none; }
ul { padding: 0 10px;margin:10px 0; }
li { padding:2px 10px; background:url(/_inc/img/bullet.gif) no-repeat 0px 7px; }

/* ---------- Header ---------- */

#header {
	height:150px;
	width:100%;
	position:relative;
}
#header h1 a{
	display:block;
	width:211px;
	height:91px;
	background:url('/_inc/img/logo.gif') no-repeat;
	text-indent:-9999px;
	position:absolute;
	overflow:hidden;
	top:34px;
	left:42px;
}
#header h1 {
	margin:0px;
	padding:0;
}

/* ---------- Navigation ---------- */
#nav {
	background: #eee;
	margin:0 auto;
	height:23px;
	top:-85px;
	left:305px;
	position:relative;
	z-index:10000;
}
#nav ul, #nav li {
	margin:0;
	padding:0;
	list-style:none;
	background:none;
}
#nav li, #nav a {
	display:block;
	float:left;
	height:20px;
}
#nav li a.imgbg { 
	text-indent:-9999px;
	overflow:hidden;
}
#nav ul li {
	float: left;
	margin: 0;
}
#nav ul li a {
	float: left;
	padding: 5px 15px;
	height:13px;
}
#nav #nav-home a.imgbg { background:url(/_inc/img/menu/menu-home.gif) no-repeat; width:39px; }
#nav #nav-about a.imgbg { background:url(/_inc/img/menu/menu-about.gif) no-repeat; width:41px; }
#nav #nav-pricing a.imgbg { background:url(/_inc/img/menu/menu-pricing.gif) no-repeat; width:49px; }
#nav #nav-timetable a.imgbg { background:url(/_inc/img/menu/menu-timetable.gif) no-repeat; width:67px; }
#nav #nav-steps a.imgbg { background:url(/_inc/img/menu/menu-steps.gif) no-repeat; width:114px; }
#nav #nav-news a.imgbg { background:url(/_inc/img/menu/menu-news.gif) no-repeat; width:88px; }
#nav #nav-contact a.imgbg { background:url(/_inc/img/menu/menu-contact.gif) no-repeat; width:54px; }
#nav li a.imgbg:hover, #nav li a.active, #nav li a.active:hover { background-position: 0 -23px !important;  }

#nav ul li ul {
	position: absolute;
	left: -99999em;
	width: 190px;
	z-index: 1200;
	margin-top: 15px;	
	top:8px;
	padding:3px 0 7px;
}
#nav ul li.hover ul, #nav ul li:hover ul {
	background: #fff;
	left: 55px;
}
#nav ul li ul li {
	padding-bottom:0px;
}
#nav ul li ul li a:active, #nav ul li ul li a:link, #nav ul li ul li a:visited {
	
}
#nav ul li ul li a:hover {
	color:#c43825;
}
/*
ul#nav {
	position:absolute;
	top:65px;
	left:305px;
}

ul#nav, #nav li {
	margin:0;
	padding:0;
	list-style:none;
	background:none;
}

#nav li, #nav a {
	display:block;
	float:left;
	height:20px;
}

#nav li { margin-right:30px; }

#nav li a.imgbg { 
	text-indent:-9999px;
	overflow:hidden;
}

#nav #menu-home a.imgbg { background:url(/_inc/img/menu/menu-home.gif) no-repeat; width:39px; }
#nav #menu-about a.imgbg { background:url(/_inc/img/menu/menu-about.gif) no-repeat; width:41px; }
#nav #menu-pricing a.imgbg { background:url(/_inc/img/menu/menu-pricing.gif) no-repeat; width:49px; }
#nav #menu-timetable a.imgbg { background:url(/_inc/img/menu/menu-timetable.gif) no-repeat; width:67px; }
#nav #menu-steps a.imgbg { background:url(/_inc/img/menu/menu-steps.gif) no-repeat; width:114px; }
#nav #menu-news a.imgbg { background:url(/_inc/img/menu/menu-news.gif) no-repeat; width:88px; }
#nav #menu-contact a.imgbg { background:url(/_inc/img/menu/menu-contact.gif) no-repeat; width:54px; }

#nav li a.imgbg:hover, #nav li a.active, #nav li a.active:hover { background-position: 0 -23px !important;  }

#nav ul ul.dropdown {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 185px;
	width: 180px;
	margin-left: -5px;
	background-color: #ef4b23;
}
#nav ul ul.dropdown li.ddown {
	margin: 0;
	padding: 0;
	display: block;
	width: 180px;
	height: auto;
	background-color: #ef4b23;
}
#nav ul ul.dropdown li a:hover {
	color: #000;
}
#nav ul ul.dropdown li a {
	background: #ef4b23;
	width: 170px !important;
	height: 30px !important;
	padding: 0;
	display: block;
}
*/

/* ---------- Main Content ---------- */

#main {
	width: 980px;
	overflow: hidden;
	background: #fff url(/_inc/img/corners.gif) no-repeat top left;
	padding:34px 0px 0px;
	position:relative;
}

#page.home #main {
	width: 980px;
	overflow: hidden;
	background: #fff url(/_inc/img/corners.gif) no-repeat left bottom;
	padding:0px 0px 34px;
	position:relative
}

#content {
	width: 900px;
	padding:0px 40px;
	background:#fff url(/_inc/img/content_bg.gif) repeat-y;
	min-height:300px;
	overflow:hidden;
}

#main_bottom {
	width: 980px;
	height:34px;
	background:url(/_inc/img/corners.gif) no-repeat bottom left;
}

#page.pricing table { width:auto; margin-bottom:20px; border-top:1px solid #ddd; }
#page.pricing table th { border-top:none; }
#page.pricing table td { padding:6px; text-align:left; }

/* ---------- Home ---------- */

#page.home.main #content { 
	padding-right:510px; 
	width:430px; 
	min-height:600px;
}

*html #page.home.main #content { 
	height:600px;
	overflow:visible;
}
*html #page.home ul.tabs li.active.left { background-position: right -70px; }

#page.home img.home-image { position:absolute; top:80px; right:0; }
#page.home #main_bottom{ background:#eee url(/_inc/img/home-top.gif) no-repeat bottom left; height:103px; overflow:hidden; } */

#page.home ul.tabs { list-style:none; margin:0px; padding:10px 10px 0px; width:960px; }
#page.home ul.tabs li, #page.home ul.tabs li a { width:320px; float:left; }
#page.home ul.tabs li { height:60px; padding:0px 0px 10px; margin:0px;background:transparent; }
#page.home ul.tabs li a { display:block; text-align:center; padding-top:25px; height:45px; text-shadow:0px 1px 0px #fff; }
#page.home ul.tabs li a span.title { display:block; font-size:14px; color:#76b1ab; font-weight:bold; }
#page.home ul.tabs li a:hover span.title, #page.home ul.tabs li.active a span.title { color:#ef4b23; }
#page.home ul.tabs li a span.subtitle { font-size:11px; color:#888; }
#page.home ul.tabs li.active { background:url(/_inc/img/active-tab.gif) no-repeat;margin:0 -10px;width:340px; }
#page.home ul.tabs li.active.left { background-position: 0px -70px; }
#page.home ul.tabs li.active.right { background-position: top right; }

#news-box { width:960px; margin:10px 10px 0px; padding:0 0 10px; background:#ef4b23 url(/_inc/img/corners-newsbox-bottom.gif) no-repeat bottom left; overflow:hidden; position: relative; }
#news-box h2 { width:920px; background:#ef4b23 url(/_inc/img/corners-newsbox.gif) no-repeat top left; color:#fff;text-shadow: 0px 1px 0px #666; padding:15px 20px; margin:0;  }
#news-box h2.sIFR-replaced { margin-bottom:-7px; }
#news-box .news-block { width:230px; padding: 0 20px 0px; float:left; }
#news-box .news-block h3 a { color:#8a2b13; text-shadow: 0px 1px 0px #f16644; }
#news-box .news-block h3 { margin-bottom:0px; }
#news-box .news-block p a { font-size:0.9em; color:#fff; }
#news-box .news-block small { margin-bottom:10px; display:block;color:#8a2b13;text-shadow: 0px 1px 0px #f16644; }

#news-box #wellnessreview { position: absolute; top: 14px; right: 0px; display: block; background: url(/_inc/img/wellnessreview.gif) 0px 0px no-repeat; width: 132px; height: 183px; text-indent: -9999em; overflow: hidden; }

#page.home.calculators #content .headline { display:block;width:300px; height:74px; text-indent:-9999px; overflow:hidden; 
background:url(/_inc/img/health_fitness_calculators.gif) no-repeat; float:left; margin-right:30px; }
#page.home #calculator-panel { background:url(/_inc/img/calc-bg.gif) no-repeat; margin:40px -30px 0; padding:35px 30px 0; width:900px; overflow:hidden; clear:both; }
#page.home #calculator-panel .calculators { width:422px; float:left; }
#page.home #calculator-panel .calc-item { padding-bottom:30px; }
#page.home #calculator-panel .calculators.left { margin-right:56px; }
#page.home #calculator-panel .calc-item img { float:right; margin-left:5px; }
#page.home #calculator-panel .left .calc-item p { margin-right:195px; }
#page.home #calculator-panel .right .calc-item p { margin-right:130px; }
#page.home #calculator-panel .calc-item .button { background-image:url(/_inc/img/button_calc.gif); }

/* ---------- Calculators ---------- */
table td { padding:3px; text-align:center; background:#fff; }
table tr.active td, table td.active { background:#7fb6b0; color:#fff; } 
table.bmi-table { width:400px; }
#calculator-panel table { margin-bottom:20px; }
.result { padding:10px 0; font-size:14px; }
#calculator-panel .button.calculate { background:url(/_inc/img/button_calc_submit.gif); }
#calculator-panel .button.calculate:hover, .button.calculate:focus { background-position: 0 -31px; }
#calculator-panel .button.calculate:active { background-position: 0 -62px; }
#calculator-panel input { width:93px; background:url(/_inc/img/input_small.gif) no-repeat; }
#calculator-panel form { margin:10px 0 20px; }
#calculator-panel label.radio { float:none; width:auto;display:inline; padding-right:15px; }
#calculator-panel input.radio { background:none; width:auto; height:auto; padding:0; margin:5px 5px 0 0; }
#calculator-panel #activity option { padding-bottom:3px; }
#calculator-panel #activity { margin-bottom:10px; line-height:18px;padding:3px; }
.align-left { text-align:left; }
#thr-table #low, #thr-table #average, #thr-table #high { font-weight:bold; }

/* ---------- News ---------- */
.news_content, #sidebar { float:left; overflow:hidden; }
.news_content { width: 630px; padding-right:20px; }
#sidebar { width: 210px; padding-left:40px; }
.news .navigation { width:100%; overflow:hidden; }
.news .post { padding-top:20px; }
.news .post small { margin: -5px 0 10px; display:block; color:#888; }
#sidebar ul, #sidebar ul li { list-style:none; margin:0; padding:0; background:transparent; }
#sidebar ul li ul { padding: 0 10px 20px; }
#sidebar ul li ul li { padding:2px 10px; background:url(/_inc/img/bullet.gif) no-repeat 0px 7px; }

/* ---------- Buttons ---------- */

.button {
	width:200px;
	height:30px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	font-size:0px;
	line-height:0px;
	cursor:pointer;
	border:none;
}
.button:hover, .button:focus { background-position: 0 -31px; }
.button:active { background-position: 0 -62px; }

/* ---------- Contact Form ---------- */
form label { float: left; width: 97px; color: #888; display: block; padding: 7px 0; }
form input { background: url(/_inc/img/input.png) 0px 0px no-repeat; color: #666; font: 12px Arial, Helvetica, sans-serif; width: 190px; padding: 8px 6px 9px 6px; border:none; height:15px; }
textarea { background: url(/_inc/img/textarea.gif) 0px 0px no-repeat; width: 290px; height: 138px; padding: 7px; color: #666; font: 12px Arial, Helvetica, sans-serif; border:none; }
form input:focus, form textarea:focus { color: #444; }
form ol, form ul { padding-left:20px; margin:5px 0; list-style:none; }
form ol li, form ul li { width: 100%; overflow: hidden; padding: 2px 0; background:transparent; }
#page.contact form .button { width: 302px; height: 42px; background: url(/_inc/img/button_send.gif) 0px 0px no-repeat; cursor: pointer; float:left; line-height:0px; font-size:0px; }
#page.contact form .button:hover, form button:focus { background-position: 0px -52px; }
#page.contact form .button:active { background-position: 0px -104px; }
#page.contact form .button span { visibility: hidden; }
label.block { float:none; }

span.required, .errormsg { color:#d30c17; }
span.wpcf7-not-valid-tip, .errormsg { position:static;background:none;padding:2px 10px;border:none; color:#d30c17; }
.wpcf7 { position:relative; width:100%; padding-top:20px !important; }
.wpcf7-response-output { position:absolute; top:0;left:0; border:none !important; padding:0 !important;margin:0 !important; }
.ajax-loader { margin:10px; }

/* ---------- Timetable ---------- */

.timetable-week { width:100%; margin-top:20px; }
table { width:100%; background:#f8f8f8; border-right:1px solid #ddd; }
th, td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
th { border-top:1px solid #ddd; padding:7px 2px;font-size:14px; font-weight:bold;color:#444; }
.timetable-week th.time { color:#aaa;text-shadow: 0px 1px 0px #fff ;font-size:11px; width:auto; }
.timetable-week td { height:39px;width:94px; padding:0; text-align:center; font-size:10px; }
.timetable-week td.time { font-size:11px;width:auto; }
.timetable-week .personal, .timetable-week .circuit, .timetable-week .event, .timetable-week .booked { display:block;background:url(/_inc/img/timetable-buttons.gif) no-repeat 0 0; width:94px; height:33px;padding: 6px 0 0;color:#fff; }
.timetable-week .personal { text-shadow: 0px 1px 0px #4b7974; background-position: 0px 0px; }
.timetable-week .circuit { text-shadow: 0px 1px 0px #4e637a; background-position: 0px -40px; }
.timetable-week .event { text-shadow: 0px 1px 0px #684b79; background-position: 0px -80px; }
.timetable-week .booked { color:#888; text-shadow: 0px 1px 0px #fff; background-position: 0px -120px; }

.timetable-week a.personal:hover { background-position: -100px 0px; }
.timetable-week a.circuit:hover { background-position: -100px -40px; }
.timetable-week a.event:hover { background-position: -100px -80px; }
.timetable-week a.booked:hover { background-position: -100px -120px; }
.timetable-week a:hover { color:#fff; }
.timetable-week .week { background-color:#ef4b23; border:none; vertical-align:bottom; text-align:left; padding:5px 10px 5px;height:30px;overflow:hidden; }
.timetable-week .week .week-headline { display:block; color:#fff;text-shadow: 0px 1px 0px #666;margin:0 5px 0 0; font-size:24px;float:left; }
.timetable-week .week .week-headline.sIFR-replaced { margin:0 0 -3px 0; }
.timetable-week .week .dates { color:#8a2b13; font-size:12px; text-shadow: 0px 1px 0px #f16644;margin-bottom:0px;display:block;padding-top:10px; }

#booking-form span.text { line-height:28px; }
#booking-form .button.send { width: 302px; height: 42px; background: url(/_inc/img/button_send.gif) 0px 0px no-repeat; cursor: pointer; float:left; line-height:0px; font-size:0px; }
#booking-form .button.send:hover, #booking-form .button.send:focus { background-position: 0px -52px; }
#booking-form .button.send:active { background-position: 0px -104px; }

a.tt-button { width: 100px; height: 30px; background-position: 0px 0px; background-repeat: no-repeat; display: block; cursor: pointer; margin: 0 10px 0 0; float: left; }
a.tt-button span { display: block; width: 100px; height: 30px; text-indent: -9999em; overflow: hidden; }
a.tt-button:hover, a.tt-button:focus { background-position: 0px -30px; }
a.tt-button-prev { background-image: url(/_inc/img/button_previous.gif); }
a.tt-button-next { background-image: url(/_inc/img/button_next.gif); }
a.tt-button-today { background-image: url(/_inc/img/button_today.gif); }

.timetable .buttons { padding-top:20px; }

.buttons { width: 100%; overflow: hidden; }

.paypal-table { border-bottom:1px solid #ddd;width:300px; }
.paypal-table td { border-bottom:none; }
.paypal-table .submit { width:auto; height:auto; background:none;padding:0; }

/* ---------- Footer ---------- */

#footer {
	width: 900px;
	padding: 10px 40px 20px;
	clear: both;
	color: #888;
	font-size:11px;
	line-height:16px;
}
#footer .inner {
	width: 100%;
	overflow: hidden;
}
#footer .copyright {
	float: left;
	width: 650px;
	text-shadow: 0px 1px 0px #fff;
}
a#starfish {
	background: url(/_inc/img/starfish.gif) top left no-repeat;
	width: 87px;
	height: 27px;
	display: block;
	float: right;
}
a#starfish:hover { background-position: bottom left; }
a#starfish span { width: 1px; height: 1px; overflow: hidden; display: block; text-indent: -9999em; }

a#facebook { background: url(/_inc/img/facebook.png) no-repeat 0 0; width: 200px; height: 36px; cursor: pointer; font-size: 1px; text-indent: -9999em; overflow: hidden; display: block; position: absolute; right: 10px; bottom: 0px; }
a#facebook:hover, a#facebook:focus { background-position: 0 -40px; }
a#facebook:active { background-position: 0 -80px; }