* { 
margin: 0; /*remove all default margins!*/
padding: 0; /*remove all default padding!*/
}


body {background-color: #fff; font-size: 1.2em;}

html {font-family: verdana, "segoe ui", arial, helvetica, sans-serif; font-size: 62.5%; color: #333;}

/*ul {font-size: 100%;}*/
li {list-style-type: none;}
#content-inner li {}

p {padding: 5px 0;}

h1 {color: #6da2a6; font-size: 1.6em; font-weight: normal;}
h2 {color: #226266; font-size: 1.2em; font-weight: normal;}
h3 {}

a img {border: none;}
a {color: #6da2a6; text-decoration: underline;}
a:hover {color: #cc6600;}

a.obullet {background: url('../images/obullet1.gif') no-repeat 0 50%; padding: 0 0 0 20px; color: #cc6600; text-decoration: none;}
a.obullet:hover {background: url('../images/obullet2.gif') no-repeat 0 50%; padding: 0 0 0 20px; color: #226266; text-decoration: underline;}

a.mbullet {background: url('../images/bbullet1.gif') no-repeat 0 50%; padding: 0 0 0 20px; color: #226266; text-decoration: none;}
a.mbullet:hover {background: url('../images/bbullet2.gif') no-repeat 0 50%; padding: 0 0 0 20px; color: #cc6600; text-decoration: underline;}

a.bbullet {background: url('../images/bbullet3.gif') no-repeat 0 50%; padding: 0 0 0 20px; color: #cc6600; text-decoration: none;}
a.bbullet:hover {background: url('../images/bbullet2.gif') no-repeat 0 50%; padding: 0 0 0 20px; color: #226266; text-decoration: underline;}

a.wbullet {background: url('../images/bbullet2.gif') no-repeat 0 50%; padding: 0 0 0 20px; color: #fff; text-decoration: none;}
a.wbullet:hover {background: url('../images/bbullet1.gif') no-repeat 0 50%; padding: 0 0 0 20px; color: #cc6600; text-decoration: underline;}

#container {width: 950px; margin: 30px auto; background-color: #fff;}

/* HOME PAGE */
#home-masthead {margin: 0 0 30px 0;}
#home-masthead h1 {font-size: 1.4em;}

#home-nav {float: right; width: 210px; padding: 0 30px; background-color: #fff;}
#home-nav ul {}
#home-nav ul li {padding: 5px 0;}
#home-nav ul li a {background: url('../images/navbullet1.gif') no-repeat 0 50%; padding: 0 0 0 20px; font-size: 90%; text-decoration: none;}
#home-nav ul li a:hover {background: url('../images/navbullet2.gif') no-repeat 0 50%; }
#home-nav ul li a.active {background: url('../images/navbullet2.gif') no-repeat 0 50%; color: #226266;}
#home-nav ul li a.active:hover {background: url('../images/navbullet3.gif') no-repeat 0 50%; color: #cc6600;}

#home-logo {float: left; width: 557px; margin: 30px 0;}

#oasis-staff-home {clear: both; height: 469px; background: url('../images/oasis-sme-home1.jpg') no-repeat;}
#oasis-staff-home p {float: right; width: 333px; padding: 30px; background-color: #fff; color: #6da2a6; font-size: 1.4em; line-height: 150%;}

#nhs-home {height: 114px; text-align: right;}
#nhs-home img {}

/* GLOBAL */
#wrapper {margin: 0 305px 0 0;}

#content {margin: 0 0 20px 0;}
#content-inner {padding: 0 15px 15px 0;}
#content h2 {color: #226266; font-size: 2em; font-weight: normal; padding: 15px 0;}
#content h3 {color: #226266; font-size: 1.4em; font-weight: normal; padding: 15px 0 0 0;}
#content h3 span {color: #6da2a6;}
#content p {padding: 5px 0;}

#content img.photo {
border: 1px solid #eee;
-moz-box-shadow: 2px 2px 4px #999;
-webkit-box-shadow: 2px 2px 4px #999;
box-shadow: 2px 2px 4px #f90;
float: right;
padding: 5px;
margin: 0 0 15px 15px;
background: #fff;}


#content ul {margin: 10px 0;}
#content ul li {background: url('../images/navbullet1.gif') no-repeat; padding: 0 0 0 20px; margin: 0 0 15px 0;}
#content ul li img {float:right; padding: 0 20px;}


#wellbeing dl {margin: 15px 0;}
#wellbeing dl dt {margin: 10px 0 5px 0; color: #6da2a6; line-height: 1; font-size: 16px;}
#wellbeing dl dt dd {}



#masthead {}
#masthead h1 {margin: 15px 0; font-size: 1.2em;}

#rightcol {float: right; width: 260px; padding: 0 20px; border-left: 1px solid #c4dad7;}

#nav {background-color: #fff;}
#nav ul {}
#nav ul li {padding: 5px 0;}
#nav ul li a {background: url('../images/navbullet1.gif') no-repeat 0 50%; padding: 0 0 0 20px; font-size: 90%; text-decoration: none;}
#nav ul li a:hover {background: url('../images/navbullet2.gif') no-repeat 0 50%; }

#nav ul li a.active {background: url('../images/navbullet2.gif') no-repeat 0 50%; color: #226266; padding: 0 0 0 20px; font-size: 90%; text-decoration: none;}
#nav ul li a.active:hover {background: url('../images/navbullet3.gif') no-repeat 0 50%; color: #cc6600;}


/* MODULES */
#breadcrumbs {color: #bcdbde; margin: 10px 0;}

#rightcol p {padding: 5px 20px; color: #6da2a6;}

.mod-rightcol {margin: 30px 0; padding: 15px 0;}


.mod-pdf {margin: 30px 0; padding: 15px 0;}
/*.mod-pdf p {padding: 5px 20px; color: #6da2a6;}*/

/* GALLERY */
#gallery img.gallery-photo {
border: 1px solid #eee;
-moz-box-shadow: 2px 2px 4px #999;
-webkit-box-shadow: 2px 2px 4px #999;
padding: 5px;
margin: 0 0 15px 15px;
background: #fff;}



/* FOOTER */
#footer {clear: both; background-color: #bcdbdf; margin-bottom:20px; padding: 20px; color: #6da2a6;}
#footer h2 {color: #226266; font-size: 1.4em; padding: 0 0 10px 0;}

#footernav {float: left; width: 245px;}
#footernav ul {}
#footernav ul li {padding: 1px 0;}
#footernav ul li a {background: url('../images/bbullet2.gif') no-repeat 0 50%; padding: 0 0 0 20px; font-size: 90%; text-decoration: none;}
#footernav ul li a:hover {background: url('../images/bbullet1.gif') no-repeat 0 50%;}
#footernav ul li a.current {background: url('../images/bbullet1.gif') no-repeat 0 50%; padding: 0 0 0 20px; font-size: 90%; text-decoration: none;}
#footernav ul li a.current:hover {background: url('../images/bbullet3.gif') no-repeat 0 50%;}

#contact {position:relative;margin: 0 378px 0 250px;}

#smallprint {float: right; width: 373px;}

#footer h2 a {color: #226266; text-decoration: none; float:left; margin:5px 0 0;}
#footer h2 a:hover {text-decoration: underline;}
#footer .twitter_icon {float:left; margin:10px 10px -5px 0;}

/* NEWS */
.news_child {}
.news_child a {}
.news_child_thumb {}
.news_child_title {}
.news_child_date {}
.news_child_text {}


/* FORM */

fieldset {margin: 10px 0 0 0; padding: 0; border: 1px solid #c4dad7; }

legend {font-size: 1.3em; padding: 5px;	margin-left: 1em; color: #226266; background:	#bcdbdf;}
	
#memberform ol {list-style: none; margin: 15px 0;}
	
#memberform li {}
	
label {clear: left; float: left; width: 155px; margin: 3px 0; padding: 0 10px; text-align: right;}
	
input {width: 200px; padding: 5px; margin: 3px 0; color: #226266;}
	
input.radio {width: 20px; padding: 5px; margin: 5px 0; border: 1px solid #f90;}
input.checkbox {width: 20px;}
input.radio {width: 20px;}

textarea {width: 200px; padding: 5px; margin: 5px 0; font-family: verdana, "segoe ui", arial, helvetica, sans-serif; color: #226266;}

input.btn {margin: 15px 0; width: 80px; color: #cc6600;}

#classform p {padding: 10px 20px; color: #666;}
#classform p.form-error {padding: 10px 20px; color: #c00; font-weight: bold;}
#classform span {}

#parq fieldset {padding: 20px;}
#parq legend {margin-left: none;}
#parq-form input {margin-bottom: 5px;}

#parq-form label {float: left; width: 400px; text-align: left;}
#parq-form br {clear: left; }


/* MOOTOOLS */

/* MEMBER OPTIONS ACCORDION  */
#options-list dl {}
#options-list dt {font-size: 1.8em; color:#6da2a6; padding: 10px 0 0 50px; height: 40px;}
#options-list dd {background-color: #bcdbdf; color: #226266; padding: 10px 50px; margin: 0 0 15px 0;}
#options-list dl dt.dta {background: url('../images/list-a.gif') no-repeat 0 50%;}
#options-list dl dt.dtb {background: url('../images/list-b.gif') no-repeat 0 50%;}
#options-list dl dt.dtc {background: url('../images/list-c.gif') no-repeat 0 50%;}


/* CLASSES ACCORDION  */
#classes dl {margin: 15px 0;}
#classes dt {font-size: 1.8em; color:#6da2a6; padding: 10px;}
#classes dd {background-color: #fff; color: #226266;}

/* WELLBEING ADVICE ACCORDION  */
#wellbeing-advice dl {margin: 15px 0;}
#wellbeing-advice dt {font-size: 1.6em; color:#6da2a6; padding: 10px 0 0 50px; height: 40px; margin: 5px 0;}
#wellbeing-advice dd {background-color: #fff; color: #226266; padding: 10px 40px;}
#wellbeing-advice dl dt.one {background: url('../images/list-1.gif') no-repeat 0 50%;}
#wellbeing-advice dl dt.two {background: url('../images/list-2.gif') no-repeat 0 50%;}
#wellbeing-advice dl dt.three {background: url('../images/list-3.gif') no-repeat 0 50%;}
#wellbeing-advice dl dt.four {background: url('../images/list-4.gif') no-repeat 0 50%;}
#wellbeing-advice dl dt.five {background: url('../images/list-5.gif') no-repeat 0 50%;}
#wellbeing-advice dl dt.six {background: url('../images/list-6.gif') no-repeat 0 50%;}

#accordion {margin:20px 0px;}


div.ddpad {padding: 10px;}
dt.toggler {cursor: pointer; border: 1px solid #f5f5f5; border-right-color: #ddd;	border-bottom-color: #ddd;}
dd.element {}



blockquote {padding:5px 20px;}
blockquote p {display:inline;margin:0;}

/* TOUR THE CENTRE */
#tour-the-centre {}

/* TOUR THE CENTRE IMAGE MAP CSS */
#tourmap {background-color: #003145;}

ul#tourmap {position: relative; background: url('../images/tour-centre.png') no-repeat 0 0; width: 950px; height: 695px; list-style: none;}
ul#tourmap li {position: absolute;}
ul#tourmap li a {display: block; height: 100%; text-decoration: none; color: #fff;/*border: 1px solid red;*/}

#pool {width: 250px; height: 412px; top: 110px; left: 162px;}
#reception {width: 135px; height: 120px; top: 60px; left: 375px;}
#changerooms-m {width: 145px; height: 120px; top: 172px; left: 378px;}
#changerooms-f {width: 138px; height: 140px; top: 183px; left: 510px;}
#gym {width: 270px; height: 135px; top: 280px; left: 375px;}
#consulting {width: 270px; height: 110px; top: 55px; left: 540px;}
#breakout {width: 120px; height: 155px; top: 168px; left: 713px;}
#seminar {width: 185px; height: 155px; top: 275px; left: 615px;}

ul#tourmap li a:hover {background: url('../images/tour-centre.png') no-repeat 0 0;}
ul#tourmap li#pool a:hover {background-position: -5px -700px;}
ul#tourmap li#reception a:hover {background-position: -285px -705px;}
ul#tourmap li#changerooms-m a:hover {background-position: -280px -845px;}
ul#tourmap li#changerooms-f a:hover {background-position: -450px -835px;}
ul#tourmap li#gym a:hover {background-position: -265px -972px;}
ul#tourmap li#consulting a:hover {background-position: -465px -710px;}
ul#tourmap li#breakout a:hover {background-position: -775px -722px;}
ul#tourmap li#seminar a:hover {background-position: -622px -867px;}

ul#tourmap li a span {display: none;}
 
ul#tourmap li a:hover span {
display: block;
padding: 10px;
width: 200px;
background: #000;
position: relative;
top: 66%;
opacity: .60;
filter:alpha(opacity=60);
color: #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #000;
}

ul#tourmap li a:hover span img {float: right; padding: 5px;}


/* WELLBEING SERVICES DEFINITION LIST */


#wellbeing-services dl {margin: 15px 0;}
#wellbeing-services dt {font-size: 1.8em; color:#6da2a6; padding: 10px 0;}
#wellbeing-services dd {}


/* POPUP WINDOW */
#popup {}


/* CLASSES */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.floatright {float: right; padding: 0 0 10px 10px;}



.required_field {
	background : #ff9595;
	border : 1px solid #980000;
	color : #FFF;
}