/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Hamlets Health Club Stylesheet
Author : Wes Smith / wes.smith@mediarock.co.uk / Mediarock Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/20px arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#000000; background:url(../images/bg.jpg) repeat-x #052439}
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
p{padding:5px 0 !important}

#container #contentContainer #rightCol ul,ol{font-size:12px}

/* ----- IDS ----- */
#container { width:960px; margin:10px auto; font-size:110%; padding:30px 15px 10px 15px; background:#FFFFFF}  
#container #header { position:relative; width:958px; height:78px; border:1px solid #b4b4b4; background:url(../images/headerBg.gif) top left repeat-x; margin-bottom:15px;}
#container #header #logo { position:absolute; top:0; left:0;}
#container #header #tel { position:absolute; top:40px; right:12px; font-size:200%; color:#062940;}
#container #header #tel span { color:#8b9298;}
#container #contentContainer { width:960px;}
#container #contentContainer #leftCol { float:left; width:205px;}
#container #contentContainer #leftCol #facilitiesBox { width:189px; height:254px; padding:8px; background:#8cc63f url(../images/facilitiesBoxBg.gif) top left no-repeat; margin-bottom:15px;}
#container #contentContainer #leftCol #facilitiesBox .title { padding:0 0 5px 0; color:#FFFFFF; font-size:180%; font-weight:normal; letter-spacing:2px;}
#container #contentContainer #leftCol #facilitiesBox .btn { margin-top:17px;}
#container #contentContainer #leftCol #facilitiesBox ul { list-style:none; padding:0; margin:0;}
#container #contentContainer #leftCol #facilitiesBox li { display:block; float:left;}
#container #contentContainer #leftCol #facilitiesBox li a { display:block; float:left; width:165px; color:#FFFFFF; font-weight:normal; text-decoration:none; font-size:130%; padding:20px 20px 3px 0; border-bottom:1px solid #6caa1a; background:url(../images/facilitiesArrow.gif) 170px 20px no-repeat;}
#container #contentContainer #leftCol #facilitiesBox li a:hover { color:#0071bc;}
#container #contentContainer #leftCol #facilitiesBox li a.first { padding-top:0; background:url(../images/facilitiesArrow.gif) 170px 0px no-repeat;}
#container #contentContainer #leftCol #membershipBox { position:relative; width:189px; height:284px; padding:8px; background:#8cc63f url(../images/membershipBg.gif) top left no-repeat;}
#container #contentContainer #leftCol #membershipBox .title { padding:0; margin-bottom:5px; color:#062940; font-size:180%; font-weight:normal; letter-spacing:2px; border-bottom:1px solid #6b9f3f;}
#container #contentContainer #leftCol #membershipBox p { font-size:130%; color:#062940; padding:0 0 5px 0;}
#container #contentContainer #leftCol #membershipBox .signUp { color:#FFFFFF; text-align:right; border-top:1px solid #78af2e; padding-top:3px;}
#container #contentContainer #leftCol #membershipBox #free { position:absolute; bottom:-5px; left:-10px;}

#container #contentContainer #rightCol { float:right; width:752px;}

#container #contentContainer #rightCol ul{margin:10px 20px; padding:0;}
#container #contentContainer #rightCol ul li{list-style:url(../images/bullet.gif);}

#container #contentContainer #rightCol #welcomeImage { width:406px; height:270px; float:left; margin-bottom:15px;}
#container #contentContainer #rightCol #welcomeText { width:314px; height:240px; float:right; background:url(../images/welcomeTextBg.gif) no-repeat; padding:15px; margin-bottom:15px;}
#container #contentContainer #rightCol #welcomeText .text { color:#FFFFFF; font-size:290%; text-align:right; line-height:50px;}
#container #contentContainer #rightCol .infoBox { width:742px; height:290px; border:1px solid #b9b9b9; background:#e6e6e6; clear:both; padding:4px;}
#container #contentContainer #rightCol .infoBox .squashBox { width:391px; height:284px; float:left; background:url(../images/squashBg.gif) no-repeat; padding:3px 4px;}
#container #contentContainer #rightCol .infoBox .squashBox .title { padding:0 0 0 4px; margin-bottom:5px; color:#5e2a5c; font-size:180%; font-weight:normal; letter-spacing:2px; border-bottom:1px solid #d7cad7;}
#container #contentContainer #rightCol .infoBox .squashBox .subTitle { padding:0 0 0 4px; width:190px; margin-bottom:5px; color:#5e2a5c; font-size:180%; font-weight:normal; letter-spacing:2px; border-bottom:1px solid #d7cad7;}
#container #contentContainer #rightCol .infoBox .squashBox .subPara { color:#666666; font-size:130%; padding:0 190px 5px 5px;}
#container #contentContainer #rightCol .infoBox .squashBox p { color:#666666; font-size:110%; padding:0 90px 5px 5px;}
#container #contentContainer #rightCol .infoBox .squashBox p span { color:#5e2a5c; font-weight:bold;}
#container #contentContainer #rightCol .infoBox .squashBox .btn { margin-left:4px;}
#container #contentContainer #rightCol .infoBox .treatmentsBox { width:330px; height:284px; float:right; background:url(../images/treatmentsBg.gif) no-repeat; padding:3px 4px;}
#container #contentContainer #rightCol .infoBox .treatmentsBox .title { padding:0 0 0 4px; margin-bottom:5px; color:#7ea04a; font-size:180%; font-weight:normal; letter-spacing:2px; border-bottom:1px solid #dfe8d2;}
#container #contentContainer #rightCol .infoBox .treatmentsBox p { color:#666666; font-size:110%; padding:0 50px 5px 5px;}
#container #contentContainer #rightCol .infoBox .treatmentsBox .btn { margin-left:4px;}

#container #contentContainer #rightCol #introBox { width:752px; margin-bottom:15px;}
#container #contentContainer #rightCol #introBox #title { width:737px; height:62px; padding:7px 15px 0 0; background:url(../images/titleBg.gif) no-repeat; text-align:right; color:#FFFFFF; font-size:300%;}
#container #contentContainer #rightCol #introBox .title { padding:5px 0 0 4px; width:395px; margin-bottom:5px; color:#5e2a5c; font-size:180%; font-weight:normal; letter-spacing:2px; border-bottom:1px solid #d7cad7;}
#container #contentContainer #rightCol #introBox p { color:#5e2a5c; font-size:110%; padding:0 50px 0px 5px;}
#container #contentContainer #rightCol #introBox .imageRight { float:right !important; padding-left:5px;}
#container #contentContainer #rightCol #timetableBox { width:752px;}
#container #contentContainer #rightCol #timetableBox p { color:#666666; font-size:100%; padding:0 10px 5px 10px;}
#container #contentContainer #rightCol #timetableBox #heading { position:relative; width:740px; height:38px; padding-left:10px; border:1px solid #b9b9b9; background:#e6e6e6; color:#5e2a5c; font-size:150%; font-weight:bold; margin-bottom:3px;}
#container #contentContainer #rightCol #timetableBox #heading span { font-size:140%; font-weight:normal; margin-right:5px;}
#container #contentContainer #rightCol #timetableBox #heading .print { position:absolute; top:3px; right:10px;}

#container #contentContainer #rightCol #text { width:752px; margin-bottom:15px;}
#container #contentContainer #rightCol #text .title { padding:0 0 0 4px; margin-bottom:5px; color:#5e2a5c; font-size:180%; font-weight:normal; letter-spacing:2px; border-bottom:1px solid #d7cad7;}
#container #contentContainer #rightCol #text p { color:#666666; font-size:100%; padding:5px 0px;}

#{font-size:12px !important; margin:10px 0}
/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.extrapagepad{margin-left:20px; margin-top:20px}

/* ----- HEADINGS & PARAGRAPHS ----- */
h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}
h1,h2, {font-size:160%; color:#009900; margin:0px; padding:0}
h3{font-size:130%; color: #006600; margin:10px 0; padding:0}
/* ----- TOP NAVIGATION ----- */
#topNav { position:absolute; top:8px; right:10px; border-bottom:1px solid #dedede; padding-bottom:4px;}
#topNav ul { list-style:none; padding:0; margin:0;}
#topNav li { display:block; float:left;}
#topNav li a { display:block; float:left; padding:0 9px 0 8px; text-decoration:none; font-weight:normal; color:#062940; font-size:140%;}
#topNav li a:hover { color:#0071bc; text-decoration:underline;}
#topNav li a.active { color:#0071bc; text-decoration:underline;}


/* ----- LEFT NAVIGATION ----- */


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}


/* ----- FOOTER ----- */
#footer { position:relative; width:950px; color:#999999; padding:10px 5px;}
#footer p { padding:0;}
#footer ul { list-style:none; padding:0; margin:0; position:absolute; top:10px; right:0;}
#footer li { display:block; float:left;}
#footer li a { color:#999999; text-decoration:none; font-weight:mormal; padding:0 10px; border-left:1px solid #999999; line-height:12px;}
#footer li a:hover { text-decoration:underline;}
#footer li a.first { border:none;}
#footer a { font-weight:normal; text-decoration:none; outline:none;}
#footer a:hover { text-decoration:underline;}

/* ----- INTERNAL FOOTER ----- */
#internalFooter { position:relative; width:950px; color:#999999; padding:10px 5px; border-top:2px solid #5e2a5c; margin-top:10px;}
#internalFooter p { padding:0;}
#internalFooter ul { list-style:none; padding:0; margin:0; position:absolute; top:10px; right:0;}
#internalFooter li { display:block; float:left;}
#internalFooter li a { color:#999999; text-decoration:none; font-weight:mormal; padding:0 10px; border-left:1px solid #999999; line-height:12px;}
#internalFooter li a:hover { text-decoration:underline;}
#internalFooter li a.first { border:none;}
#internalFooter a { font-weight:normal; text-decoration:none; outline:none;}
#internalFooter a:hover { text-decoration:underline;}


/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }


/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none;}


/* ----- FORM VALIDATION ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }


/* ----- TABLES ----- */
table { border-collapse:collapse; font-size:12px}
table p { padding:0px; }
.timetable { width:152px; font-size:130%; border:1px solid #c0c0c0; margin-bottom:15px;}
.timetable th { padding:7px 10px; text-align:left; background:#5e2a5c; color:#FFFFFF; border-bottom:1px solid #adadad; border-top:1px solid #c0c0c0;}
.timetable th.right { border-right:1px solid #472045;}
.timetable td { padding:10px; color:#666666;}
.timetable td.right { border-right:1px solid #adadad;}
.timetable tr.alt { background:#e6e6e6;}

/* ----- TIMETABLE ----- */
#timetable table{width:750px; margin-left:2px}
#timetable table p{padding:3px !important}
#timetable td{border:1px solid #666666}
.timeday{color:#FFFFFF  !important; background-color:#000000}
.timeday p{color:#FFFFFF  !important}
.tblgrey{background:#CCCCCC}