body {margin:0px; padding:0px; background-color:#CCCCCC; text-align: center;}
body, p, ul, ol, li, th, td, input, select, textarea {font: normal 11px/18px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:white}
img { border: 0; }

a { color:white; text-decoration: none; }
b a { color:white; text-decoration: none; }
a b { color:white; text-decoration: none; }
a:hover { text-decoration: underline; }

abbr, acronym { font-style: normal; border-bottom: dotted 1px #333; cursor: help; }
form { margin: 0; }

h1 { font: bold 18px/18px Gill Sans MT, Helvetica, Arial, sans-serif; color:white; text-decoration: none; font-weight:bold; margin:0px; padding:0px}
h2 { font: bold 14px/14px Gill Sans MT, Helvetica, Arial, sans-serif; color:white; text-decoration: none; font-weight:bold; margin:0px; padding:0px}
h3 { font: bold 11px/11px Gill Sans MT, Helvetica, Arial, sans-serif; color:white; text-decoration: none; font-weight:bold; margin:0px; padding:0px}
h4 { font: bold 11px/14px Verdana, Arial, sans-serif; color:white; text-decoration: none; font-weight:bold; margin:0px; padding:0px}
h5 { font: bold 10px/10px Verdana, Arial; color: #CCCCCC; text-decoration: none; font-weight:bold; margin:0px; padding:0px;}
h6 { font: bold 10px/10px Verdana, Arial; color:white; text-decoration: none; font-weight:bold; margin:0px; padding:0px;}

hr { border: none; height: 1px; background: #ccc; margin: 2em 0; }

/* 
dark green: #2A4A4A
main green: #768E92 
light brown/grey: #BEBEBE
*/

.hide { display: none; }
.clear { clear: both; }

/*
holder - holds everything inlcuding the outside gradients/shadows
headerHolder - holds logo and header image
middleHolder - holds from above the nav down to beneath the Panels
contentHolder - holds from beneath the main image to above the panels
footerHolder - holds the footer and bottom gradients/shadow
*/

#holder {width:770px; padding:0; margin:0 auto; background-color:#768E92;}
#headerHolder {display:none}
#middleHolder {float:left; width:770px; height:100%; padding:0px; margin:0px; background-color:#768E92; background:url(/includes/images/background_repeat.gif); background-repeat:repeat-y;}
#contentHolder {float:left; width:720px; text-align:left; height:100%; padding-left:0px; margin:9px 0px 0px 20px;}
* html #contentHolder { margin:9px 0px 0px 10px;}
#footerHolder {display:none}
#footer {display:none}

#headerPic {display:none} 
#logo {display:none} 

#nav {display:none} 
#nav ul {display:none}
#nav ul li {display:none}
#nav ul li a {display:none}
#nav li.selected a,
#nav ul li a:hover {display:none}
#nav ul li .first selected a {display:none}
#nav #nav1 a {display:none}
#nav #nav2 a {display:none}
#nav #nav3 a {display:none}
#nav #nav4 a {display:none}
#nav #nav5 a {display:none}
#nav #nav6 a {display:none}
#nav #nav7 a {display:none}
#nav #nav8 a { display:none}
#nav #nav9 a {display:none}

#subnav {display:none}
#subnav ul {display:none}
#subnav ul li { display:none }
#subnav ul li a {display:none}
#subnav ul li a:visited {display:none}
#subnav .selected a {display:none}
#subnav ul li a:hover{display:none}

/* TERTIARY NAV ONLY USED IN SPA TREATMENTS!!!!!*/
#tertiarynav {background-image: url(/includes/images/available_treatments.gif); background-repeat:no-repeat; background-position: top left; border:0px solid red; margin:0px; padding-left:0px; float: left; width:137px;}
#tertiarynav ul {background-color:#2A4A4A; width:127px; margin:33px 0px 0px 0px; padding-left:10px; padding-bottom:10px}
#tertiarynav ul li {display:block; list-style-type: none; padding:0px; margin:0px;}
#tertiarynav ul li a {font: 9px/21px Verdana, Arial, sans-serif; color:white; list-style-image:none; text-decoration: none; font-weight:bold; margin:0px; padding:0px}
#tertiarynav ul li a:visited {color:white; text-decoration: none;}
#tertiarynav .selected a {font: 9px/15px Verdana, Arial, sans-serif; color:#BEBEBE!important; text-decoration:none; font-weight:bold;}
#tertiarynav ul li a:hover{color:#BEBEBE; text-decoration: none; font-weight:bold}

#mainFlashMovie {float:left; border:1px solid white; width:497px; height:224px;}
#mainFlashMovie img {float:left; border:0px; width:497px; height:224px; padding:0px; margin:0px}

/* Called HOMEspecialoffers but are actually sed on ALL pages in the site!!!!!*/
#homeSpecialsHolder {display:none }

#content {float:left; font: 11px/18px Verdana, Arial, sans-serif; color:white; padding:27px 0px 0px 15px;}
#contentTitle {margin-bottom:22px}

#contentLeft {float:left; width:480px; padding-bottom:30px}
#contentLeft ul li {margin-top:3px; list-style-image:url(/includes/images/bulletPoint04.gif); border:0; margin:0; padding:0;}
#homeSpecialsHolder {display:none }
#contentRight {display:none}

#homePanelsHolder {display:none}
#newsletterSignUpHolder {display:none}



 /* standard form*/
.standardForm {}
.standardForm .labeltd1 {background-color:#768E92;}
.standardForm .labeltd2 {background-color:#768E92;}
.standardForm Label {float:right; width:150px; padding-right:3px; font: 11px/14px normal Verdana, tahoma, Arial, sans-serif; color:white; text-align:right}
.standardForm .TextBox Input {border:1px solid #2A4A4A; width:180px; font:11px/14px normal Verdana, tahoma, Arial, sans-serif; color:#666; text-align:left}
.standardForm .DateTextBox Input {border:1px solid #2A4A4A; width:164px; font:11px/14px normal Verdana, tahoma, Arial, sans-serif; color:#666; text-align:left}
.standardForm .TimeBox select {border:1px solid #2A4A4A; width:50px; font:11px/14px normal Verdana, tahoma, Arial, sans-serif; color:#666; text-align:left}
.standardForm .PostalTextBox textarea {border:1px solid #2A4A4A; width:180px; height:40px; font:11px/14px normal Verdana, tahoma, Arial, sans-serif; color:#666; text-align:left}
.standardForm .CommentsTextBox textarea {border:1px solid #2A4A4A; width:180px; height:80px; font:11px/14px normal Verdana, tahoma, Arial, sans-serif; color:#666; text-align:left}
.standardForm .CountryDropDown select {border:1px solid #2A4A4A; width:184px; font:11px/14px normal Verdana, tahoma, Arial, sans-serif; color:#666; text-align:left}
.standardForm .NatureOfEnquiry select {border:1px solid #2A4A4A; width:184px; font:11px/14px normal Verdana, tahoma, Arial, sans-serif; color:#666; text-align:left}
.standardForm .HearOfUs select {border:1px solid #2A4A4A; width:184px; font:11px/14px normal Verdana, tahoma, Arial, sans-serif; color:#666; text-align:left}
.standardForm .StandardDropDown select {border:1px solid #2A4A4A; width:184px; font:11px/14px normal Verdana, tahoma, Arial, sans-serif; color:#666; text-align:left}
.standardForm .StandardLargeTextBox textarea {border:1px solid #2A4A4A; width:180px; height:40px; font:11px/14px normal Verdana, tahoma, Arial, sans-serif; color:#666; text-align:left}
.standardForm .EzineCheckbox {text-align:center}
.xstandardForm .EzineCheckbox Input {border:0px solid yellow; width:13px; height:13px} /* Remove this style to have default browser checkbox*/ 
 /* below styles the multi-checkbox table*/ 
.standardForm td table {border:0px solid red; width:180px; float:left}
.standardForm td table tr td Label {border:0px solid red; float:right; width:150px; padding:0px; font: 11px/14px normal Verdana, tahoma, Arial, sans-serif; color:white; text-align:left}
.standardForm td table tr td Input {border:0px solid green; float:left; width:13px; height:13px; margin-top:2px;}
.standardForm .Submit {text-align:center}
.standardForm .Submit input {width:129px; height:20px;  background-color:#2A4A4A; border:1px solid #BEBEBE; text-align:center; font: 10px/16px Verdana, Arial, sans-serif; font-weight:bold; color:#BEBEBE; text-decoration:none}


/* Styles the javascript calendar pop-up */
#calendardiv {border:1px solid #2A4A4A; padding:0px; margin:0px}
#calendardiv .calendarTable {background-color:#BEBEBE; border:0px; padding:0px; margin:0px}
#calendardiv .Month {background-color:#2A4A4A; border:1px solid #2A4A4A; color:white; text-align:center; font-weight:normal}
#calendardiv .Month a {background-color:#2A4A4A; border:1px solid #2A4A4A; color:white; text-align:center; font-weight:bold} /*does the arrows*/
#calendardiv .DaysOfWeek {background-color:#768E92; border:1px solid #768E92; text-align:center; color:white}
#calendardiv .Dates {background-color:#BEBEBE; text-align:center;}
#calendardiv .Dates a {background-color:#BEBEBE; color:#2A4A4A; text-align:center; font-weight:normal; text-decoration:none}
#calendardiv .Dates a:hover {text-decoration:underline}
#calendardiv .Today {background-color:#768E92;}
#calendardiv .Today a {color:white; text-align:center; font-weight:bold; text-decoration:none}
#calendardiv .Today a:hover {text-decoration:underline}

/* Special offers pages. NOTHING to do with the modules on the right-hand side */
#SpecialOffersHolder {border:0px solid red; margin-top:30px; margin-bottom:10px; padding:0px; width:480px}
#SpecialOffersHolder .Offer {border:0px solid black; float:left; margin-top:20px}
#SpecialOffersHolder .Offer .top {padding-left:20px; padding-top:10px; border:0px solid red; width:460px; height:20px; background-image: url(/includes/images/SO_bg_top.gif); background-repeat:no-repeat; background-position: top left; float:left}
#SpecialOffersHolder .Offer .middle {padding-left:0px; padding-top:0px; border:0px solid blue; width:480px; background-image: url(/includes/images/SO_bg_middle.gif); background-repeat:repeat-y; background-position: top left; float:left}
#SpecialOffersHolder .Offer .bottom {padding-left:0px; padding-top:0px; border:0px solid green; width:480px; height:50px; background-image: url(/includes/images/SO_bg_bottom.gif); background-repeat:no-repeat; background-position: top center; float:left}
#SpecialOffersHolder .Title {font: normal 12px/16px Verdana, Arial; color: white; font-weight:bold; text-decoration: none;}
.DetailTitle {font: normal 12px/16px Verdana, Arial; color: white; text-decoration: none; font-weight:bold; }
#SpecialOffersHolder .Description {margin-left:20px; border:0px solid red; font: normal 11px/18px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:white; text-decoration: none;}
#SpecialOffersHolder .Description p {padding-top:8px;}
#SpecialOffersHolder .Description .Image img {float:right; margin-right:28px; margin-left:11px; margin-top:11px; border:1px solid white}  
#SpecialOffersHolder .Price {border:0px solid red; width:300px; padding-bottom:10px; float:left; text-align:center; font:11px/12px Verdana, Arial; color:white;}
#SpecialOffersHolder .Price b {font-weight:bold; color:white;}
.Offer .offerLinkButtons {margin-left:0px; border: 0px solid red; width:270px; margin-top:0px; padding-bottom:10px; float:left}
.Offer .offerLinkButtons .ContactUs {float:left; width:122px; height:17px;  background-color:#2A4A4A; border:1px solid #BEBEBE; text-align:center; margin-top:12px}
.Offer .offerLinkButtons .ContactUs a {font: 10px/16px Verdana, Arial, sans-serif; font-weight:bold; color:white; text-decoration:none}
.Offer .offerLinkButtons .Enquire {float:right; width:122px; height:17px;  background-color:#2A4A4A; border:1px solid #BEBEBE; text-align:center; margin-top:12px}
.Offer .offerLinkButtons .Enquire a {font: 10px/16px Verdana, Arial, sans-serif; font-weight:bold; color:white; text-decoration:none}
.Offer .offerLinkButtons .BookNow {float:right; width:122px; height:17px;  background-color:#2A4A4A; border:1px solid #BEBEBE; text-align:center; margin-top:12px}
.Offer .offerLinkButtons .BookNow a {font: 10px/16px Verdana, Arial, sans-serif; font-weight:bold; color:white; text-decoration:none}
.Offer .offerLinkButtons .Back {float:left; width:122px; height:17px;  background-color:#2A4A4A; border:1px solid #BEBEBE; text-align:center; margin-top:12px}
.Offer .offerLinkButtons .Back a {font: 10px/16px Verdana, Arial, sans-serif; font-weight:bold; color:white; text-decoration:none}

/* Spa Treatments page */
#SpaTreatmentsModule { background-image: url(/includes/images/treatments_repeat.gif); background-repeat:repeat-y; background-position: top left; margin-left:12px; width:315px; float:left;}
#SpaTreatmentsModuleTop { background-image: url(/includes/images/treatments_fold.gif); background-repeat:no-repeat; background-position: top left; margin-left:0px; width:315px; height:33px; float:left;}
#SpaTreatmentsModuleBottom { background-image: url(/includes/images/treatments_bottom.gif); background-repeat:no-repeat; background-position: bottom left; margin-left:0px; width:315px; height: 29px; float:left;}

#SpaTreatmentsModuleMiddle {float:left;margin:0px; width:315px;}
#SpaTreatmentsModuleMiddle ul {margin-left:25px; padding:0px;margin-bottom:0px;}
#SpaTreatmentsModule ul li {border:0px solid red; margin-bottom:0px; padding-right:30px;}
#SpaTreatmentsModule ul li .details {color:#BEBEBE; font: 11px/15px Verdana, Arial, sans-serif; }
#SpaTreatmentsModule ul li a {font: 9px/20px Verdana, Arial, sans-serif; color:white; text-decoration: none; font-weight:bold; margin:0px; padding:0px}
#SpaTreatmentsModule ul li a:visited {color:white; text-decoration: none;}
#SpaTreatmentsModule .selected a {font: 9px/9px Verdana, Arial, sans-serif; color:#BEBEBE!important; text-decoration:none; font-weight:bold;}
#SpaTreatmentsModule ul li a:hover{color:#BEBEBE; text-decoration: none; font-weight:bold}

/* Sitemap page */
#sitemap {clear:both; display:block;}
#sitemap ul {margin:0; padding:0px 0px 0px 20px;}
#sitemap ul ul {padding:0px 0px 0px 20px; margin:0px;}
#sitemap ul ul ul {padding:0px 0px 0px 20px; margin:0px;}
#sitemap a:hover {text-decoration: underline}
#sitemap li {margin-top:8px;list-style-image:url(/includes/images/bulletPoint01.gif); color:#2A4A4A;}
#sitemap li a {font-weight:bold; color:white; text-decoration: none}
#sitemap ul li {margin-top:3px; list-style-image:url(/includes/images/bulletPoint02.gif); color:#2A4A4A; border:0; margin:0; padding:0;}
#sitemap ul li a {font-weight:normal; color:white; text-decoration: none}
#sitemap ul li ul li {list-style-image:url(/includes/images/bulletPoint03.gif); color:#2A4A4A;}
#sitemap ul li ul li a {font-weight:normal; color:white; text-decoration: none}

/* Refer a friend page. styling of the emails is done in the referafriend.ctl file */
#ReferFriend { border:0px solid red;background-image:url(/includes/images/ReferAFriend_bg.jpg); background-repeat:no-repeat;padding:20px; background-color:#FFF; float: left; width:695px; height:352px;}
#ReferFriendHolder {border:0px solid blue; text-align:left; padding:0px; margin:0px; float:left} 
.ReferFriendForm {border:0px solid green; position: absolute; top: 155px; left:442px}
.ReferFriendForm .labeltd1 {background-color:#F3F5F5;}
.ReferFriendForm .labeltd2 {background-color:#F3F5F5;}
.ReferFriendForm Label {float:right; width:80px; padding-right:3px; font: 11px/14px normal Verdana, tahoma, Arial, sans-serif; color:#777777; text-align:right}
.ReferFriendForm .TextBox Input {border:1px solid #2A4A4A; width:100px; font:11px/14px normal Verdana, tahoma, Arial, sans-serif; color:#666; text-align:left}
.ReferFriendForm .MessageTextBox textarea {border:1px solid #2A4A4A; width:100px; height:20px; font:11px/14px normal Verdana, tahoma, Arial, sans-serif; color:#666; text-align:left}
.ReferFriendForm .Submit {text-align:center}
.ReferFriendForm .Submit input {width:100px; height:20px;  background-color:#2A4A4A; border:1px solid #BEBEBE; text-align:center; font: 10px/16px Verdana, Arial, sans-serif; font-weight:bold; color:#BEBEBE; text-decoration:none}

#ezineresponder {position: absolute; top: 115px; left:442px; border:0px solid blue; text-align:left; width:180px; height:30px; float:left; font: 11px/14px normal Verdana, tahoma, Arial, sans-serif; color:#F00;}
#responder {position: absolute; top: 140px; left:452px; border:0px solid blue; text-align:left; width:180px; height:90px; float:left; font: 11px/14px normal Verdana, tahoma, Arial, sans-serif; color:#466081;}
#responder a {color:#466081; text-decoration:none}
#responder a:hover {color:#466081; text-decoration:underline}

/* links moulde */
#linksModule {margin-top:20px; width:480px; border:0px solid red; clear:both;}
.tabset_tabs { margin: 0; padding: 0; list-style-type: none; position: relative; z-index: 2; white-space: nowrap; }
.tabset_tabs li { margin: 0; padding: 0; display: inline; }
.tabset_tabs a	{ color: white ! important; background-color:#2A4A4A! important; border:1px solid #BEBEBE; text-decoration: none; padding: 0 0.6em; border-left-width: 0; border-bottom: none; font-weight: bold; padding-top: 2px; padding-bottom: 2px;}
.tabset_tabs a:hover{ background-color: #768E92; color:#BEBEBE ! important; }
.tabset_tabs a.active { color:#2A4A4A ! important; background-color:white ! important; border-color: #2A4A4A; border-left-width: 1px; cursor: default; border-bottom: white; padding-top: 3px; padding-bottom: 3px; }
.tabset_tabs li.firstchild a	{ border-left-width: 1px;  }
.tabset_content {background-color:white; border-top: 1px solid white; border-left: 1px solid #2A4A4A; border-right: 2px solid #2A4A4A; border-bottom: 2px solid #2A4A4A;position: relative; z-index: 1; padding: 0.5em 1em; display: none; }
.tabset_content ul {list-style-image:url(/includes/images/bulletPoint02.gif); margin-left: 25px; padding-left: 0;  }
.tabset_content ul li {color:#768E92; font-size: 11px; line-height: 15px; margin-bottom: 10px; }
.tabset_content ul li b {color:#2A4A4A;}
.tabset_content ul li a {color:#2A4A4A; text-decoration:none;}
.tabset_content ul li a:hover {color:#2A4A4A; text-decoration:none;}
.tabset_label { display: none; }
.tabset_content_active { display: block; }




#safariBug {border:1px solid red; display: none; width:0px; height:0px; margin:0px; padding:0px}
#safariBug ul {border:1px solid blue; display: none; width:0px; height:0px; margin:0px; padding:0px}