/*---------------------------------
  Aqua Sana web site styles
  Last updated 27 June 07
---------------------------------*/

body {
margin: 0;
padding: 0;
background: #f4f7fc; 
color: #4d5b87; 
font: 70% Verdana, Arial, sans-serif; 
text-align: left;
}

* {
margin:0;
padding:0;
}


/*---------------------------------
  Base Elements Setup - via WaSP
---------------------------------*/

h2, h3, h4, h5, h6 {
margin: 0; 
padding: .5em 0;}

h1 {
display: inline; 
float: right; 
font-size: 0.9em;
}

h2 {
font-size: 1.2em; 
padding-top: 30px;
}

h3, h4, h5, h6 {
font-size: 1em;
}

p {
max-width: 64em; 
line-height: 1.4; 
padding: .5em 0
}

a {color: #4d5b87; text-decoration: none;}
a:link, a:visited {color: #5f6887;}
a:hover, a:active, a:focus {color: #6673a2; text-decoration: underline;}

ul {list-style-type: none;}

dt {
font-weight: bold; 
max-width: 64em;}

dt span {
display: block; 
font-weight: normal;}

dd {
margin-bottom: .5em; 
}

dl#singleColListing dt{
clear: both;
}

dd p img {
display: block; 
float: none;}

dd blockquote {
margin: .5em 0;}

dd pre, dd ul {
padding-left: 0;}

dd+dt {
margin-top:2em;}

blockquote {
margin-left:20px; 
border-left: 1px solid #fff; 
padding-left: 20px;}

/*form {margin: .5em 20px;}
fieldset {border: 1px solid #ccc; padding: 1em;}
label {margin-bottom: .5em; cursor: pointer;}
input, textarea {background: #fff; color: #191919; font: 100% Verdana, Arial, sans-serif;}
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus {border-color: #7f6619;}

dd p, blockquote p, form p {margin-left: 0;}
td+td {border-left: 1px solid #666;}*/

table {
border-collapse: collapse;
margin-top: 12px;
width: 100%;
}

th { 
text-align: left;
padding: 3px;
}

td {
padding: .5em 1em .5em .25em; 
font: 1em; 
vertical-align: top;
padding: 3px;
}

td a {
float: left!important;
display: inline;
}

div#content #centreColumn td img {
border: none;
margin: 4px;}

hr, legend {display:none;}


/*---------------------------------
  Home Page Framework
---------------------------------*/

div#container {
width: 779px; 
margin: 0px auto; 
text-align: left; 
padding: 0px;
}

div#masthead {
width: 760px; 
height: 100px; 
background: url(/images/nav-bg.gif) no-repeat top left #fff;
}

div#nav-secondary {
float: left; 
width: 615px; 
height: 30px;
}

div#nav-primary {
float: left; 
width: 610px; 
height: 30px;
}

div#content {
clear: both; 
float: left; 
width: 760px; 
padding: 0; 
margin: 0; 
background: #f4f2e6;
}

body.index div#content {
padding: 20px 0; 
background: #e0e6c2 url(/images/index-bg.jpg) no-repeat left top;
}

body#hub div#content {
padding: 5px 0 0; 
}

div#flash-banner { 
float: left; 
height: 200px; 
width: 760px; 
padding: 0 0 13px;
}

/* for Mozilla/Safari used to correctly display shadow under flash banner */
*>body.index div#flash-banner { 
height: 186px; 
}
/* for IE */
* html body.index div#flash-banner { 
height: 186px; 
padding: 0;
}

div#primary {
float: left; 
width: 335px; 
padding: 0 10px 0 10px;
}

div#primary p {
clear: both;
}

div#secondary {
float: left; 
width: 170px; 
margin: 0 0 10px 0;
}

body.index div#secondary {
margin: 0 0 10px 10px!important;
}

div#tertiary {
clear: both; 
width: 740px; 
margin: 0 10px; 
background: #e0e6c2 url(/images/white-dot.gif) repeat-x top left;
}

div#headerBanner { 
float: left; 
height: 45px; 
width: 760px; 
padding: 0;
}

div#footer {
clear: both; 
width: 775px; 
padding: 100px 0 30px 0; 
background: #fff url(/images/footer-bg-index.jpg) no-repeat 0 0;
}

/*---------------------------------
  Hub Page Framework
---------------------------------*/


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

div#masthead h1 {
display: block; 
float: right; 
margin: -20px 10px 0 0; 
padding: 0; 
width: 132px; 
height: 71px;
}

div#masthead h1 a, div#masthead h1 img {
margin: 0; 
padding: 0;
border: none;
}

/*---------------------------------
  Primary Navigation
---------------------------------*/

div#nav-primary ul {
float: right;
width: 567px;
display: inline;
list-style: none;
font-weight: bold;
margin: 24px 0 0 1px!important;
padding: 0 0 6px 0;
border-bottom: 1px solid #addee5;
}

div#nav-primary ul li {
float: left;
padding: 0 8px 0 9px;
margin: 0px;
background: url(/images/nav-bullet.gif) no-repeat left 5px;
}

div#nav-primary ul li.first {
margin-left: 0;
padding-left: 0;
background: none!important;
}

div#nav-primary ul li a {
color: #7387aa;
text-decoration: none;
}

div#nav-primary ul li a:hover {
text-decoration: underline;
}

/*---------------------------------
  Secondary Navigation
---------------------------------*/

div#nav-secondary ul {
float: right;
display: inline;
font-size: 0.9em;
list-style: none;
margin: 10px 12px 0 0!important;
padding: 0;
}

div#nav-secondary ul li {
float: left;
padding: 0 5px;
background: url(/images/nav-divider.gif) no-repeat left 4px;
}

div#nav-secondary ul li.first {
padding-left: 0;
background: none!important;
}

div#nav-secondary ul li a {
color: #a9b9d7;
text-decoration: none;
font-weight: normal;
margin: 0;
}

div#nav-secondary ul li a:hover {
text-decoration: underline;
}

/*---------------------------------
  Side Navigation
---------------------------------*/

div#sub-nav {
width: 111px;
position: relative;
left: -8px;
float: left;
padding: 55px 0px 60px 32px;
}

div#sub-nav ul{
list-style-type: none!important;
padding-bottom: 45px;
}

div#sub-nav li{
padding: 4px 0px 2px 6px;
background: url(/images/side-bullet.gif) no-repeat 0px 8px!important;
margin: 0 10px 0 0;
width: 80px;
float: left !important;
}

div#sub-nav li a {
font-weight: normal;
display: block;
}

div#sub-nav p{
font-weight: bold;
font-size: 0.9em;
margin: 22px 0 0;
padding-bottom: 0;
}

/*---------------------------------
  Primary Content Area - listing and content
---------------------------------*/

div#centreColumn {
float: left;
width: 419px;
}

div#centreColumn span#tracking img{
border: none;
}

div#content #centreColumn img {
float: left;
margin: 0 8px 8px 0;
position: relative;
}

div#content #centreColumn a {
text-decoration: underline;
}

div#content #centreColumn a:hover {
text-decoration: none;
}

div#content-cta.giftVouchers,
div#content-cta.giftVouchers_smallHeight {
background: url(/images/villages/bannerTowel.jpg) no-repeat left top;
padding: 10px 20px 10px 110px;
}

div#content-cta.giftVouchers h2,
div#content-cta.giftVouchers_smallHeight h2{
padding: 0;
}

div#content-cta.giftVouchers a, 
div#content-cta.giftVouchers_smallHeight a{
font-weight: bold;
}

div.giftVouchers_smallHeight p{
margin: 0px;
padding: 0px;
}

div#contentCta.bookingTreatments {
padding: 12px 20px 30px 110px;
margin-top: 18px;
}

div#contentCta.bookingTreatments h4 {
padding: 0;
margin: 0;
}

div#contentCta.bookingTreatments a {
font-weight: bold;
text-decoration: underline;
}

div#content ol li {
background: none;
}

div#content div#highlightPanel {
background: #fff;
padding: 12px;
margin: 8px 0;
}

body#content-page div#content ul#sitemap li {
margin: 6px 0;
}

/*---------------------------------
  Right hand column - listing and content
---------------------------------*/

div#rightColumn {
float: right;
width: 185px;
}

/*--------------------------------
Features
-----------------------------------*/

div#rightColumn #panel {
margin: 12px 0 0 30px;
width: 114px;
padding: 10px;
}

div#rightColumn .pdf a {
background: url(/images/pdf.gif) no-repeat left top;
padding: 0px 0px 0px 22px;
display: block;
width: 130px;
}

/* for Mozilla/Safari used to set height to show pdf icon */
*>div#rightColumn .pdf a { 
min-height: 25px; 
}
/* for IE */
* html div#rightColumn .pdf a { 
height: 25px;
}

div#rightColumn #panel .pdf a {
display: block;
width: 82px;
margin-bottom: 16px;
}

/*---------------------------------
  Primary Content Area - home and hub
---------------------------------*/

div#primary h2 {
margin: 0 0 8px 0;
font-weight: bold;
padding: 0;
}

body.index div#primary h2 {
font-size: 1.4em;
padding: 0 0 20px;
background: url(/images/welcome_bg.gif) no-repeat 6px 4px;
}

div#primary p {
margin: 0;
line-height: 1.4em;
}

body.index div#primary p {
line-height: 1.6em;
margin-top: 4px;
}

div#primary p a {
text-decoration: underline;
}

div#primary p a:hover {
text-decoration: none;
}

div#primary_index p {
margin: 0;
line-height: 1.6em;
}

/*---------------------------------
  Tertiary Content Area Home
---------------------------------*/

/* Rectangular rounded corner 'buttons' */

p.atTheSpa {
background: url(/images/arrow-right.gif) no-repeat center left;
padding-left: 10px;
border-top: 3px dotted #fff;
}

div#tertiary dl {
clear: both;
list-style: none;
margin: 0;
padding: 10px 0 0 0;
}

div#tertiary dd {
display: block;
}

dt a {
text-decoration: underline;
}

dt a:hover {
text-decoration: none;
}

dt.email-newsletter {
display: block;
width: 157px;
height: 81px;
padding: 15px 30px 18px 10px;
margin: 0;
background: url(/images/homeEmail.jpg) no-repeat left top;
}

dt.postcard {
display: block;
width: 157px;
height: 81px;
padding: 15px 50px 18px 10px;
margin: -58px 0 0 175px;
background: url(/images/homePostcard.jpg) no-repeat left top;
}

dd.email-newsletter,
dd.postcard {
display: block;
width: 115px;
padding: 0 0 0 0;
}

dd.email-newsletter {
margin: -81px 0 0 10px;
}

dd.postcard {
margin: -81px 0 0 185px;
}

/* Plain White Rectangles */

dt.vouchers {
display: block;
width: 282px;
height: 56px;
padding: 15px 10px 10px 85px;
margin: -59px 0 0 355px;
background: url(/images/homeVouchers.jpg) no-repeat top left;
}

dd.vouchers {
margin: -49px 0 0 440px;
}

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

/* Primary Footer Nav */

ul#footer-nav-primary {
float: left;
width: 600px;
list-style: none;
margin: 0!important;
padding: 0 0 2px 50px!important;
}

ul#footer-nav-primary li {
float: left;
padding: 0 5px;
background: url(/images/nav-divider.gif) no-repeat left 4px;
}

ul#footer-nav-secondary li.brochure {
background: none!important;
padding: 0;
margin: 0 160px 0 0;
}

ul#footer-nav-primary li.first {
padding-left: 0;
background: none!important;
}

ul#footer-nav-primary li a {
color: #6984af;
font-weight: normal;
text-decoration: none;
margin: 0;
}

ul#footer-nav-primary li a:hover {
text-decoration: underline;
}


/* Secondary Footer Nav */

ul#footer-nav-secondary {
float: left;
clear: both;
list-style: none;
margin: 23px 0 0 0!important;
padding: 0 0 2px 50px;
}

ul#footer-nav-secondary li {
float: left;
padding: 0 5px;
background: url(/images/nav-divider.gif) no-repeat left 4px;
}

ul#footer-nav-secondary li.first {
padding-left: 0;
background: none!important;
}

ul#footer-nav-secondary li a {
color: #6984af;
font-weight: normal;
text-decoration: none;
margin: 0;
}

ul#footer-nav-secondary li a:hover {
text-decoration: underline;
}


/* Site info */

div#site-info {
clear: both;
color: #6984af;
margin: 0 0 0 50px;
padding: 8px 0 0 0;
}

div#site-info p {
margin: 0;
padding: 0;
line-height: 1.2;
}

div#site-info a {
color: #6984af;
font-weight: normal;
text-decoration: none;
margin: 0;
}

div#site-info a:hover {
text-decoration: underline;
}

/*---------------------------------
  Rounded-Corner Boxes
---------------------------------*/

div.box {
height: 86px;
width: 96px;
margin: 0 0 20px 0;
padding: 8px 4px 4px 70px;
}

div.box p,
div.box h3 {
margin: 0;
padding: 0;
line-height: 1.4em;
}

div#spaPackages {
background: url(/images/homeSpaPackages.jpg) no-repeat top left;
}

div#treatments {
background: url(/images/homeTreatments.jpg) no-repeat top left;
}

/*---------------------------------
  Locations
---------------------------------*/

div#locations {
/*float: left;*/
/*background: #dee4c0 url(/images/homeLocations.jpg) no-repeat top left;*/
width: 174px;
/*margin-left: 20px;*/
margin-left: 0px;
padding: 3px 0 0 10px;
}

div#locations img {
border: none;
}

/*div#locations {
clear: both;
display: block;
text-indent: -9999px;
height: 127px;
width: 366px;
background: #dee4c0 url(/images/locations-staying.jpg) no-repeat top left;
}*/

/*---------------------------------
  Hub and listing Pages
---------------------------------*/

body#content-page div#content ul {
list-style:none;
}

body#content-page div#content li, div#content li {
padding: 0 0 4px 8px;
background: url(/images/bullet.gif) no-repeat 0px 4px;
}

body#content-page div#content div#treatmentListing li, div#content div#treatmentListing ul li {
margin:0pt;
padding:0pt;
width: auto;
}

div#content li p {
line-height:1.4;
padding: 0px;
display: inline;
}

body#content-page div#content div#centreColumn li, div#content div#centreColumn li {
width: 380px;
}

body#content-page div#content div#centreColumn div#villages li, div#content div#centreColumn div.villages li,
body#content-page div#content div#centreColumn div#villages li, div#content div#centreColumn div.atTheSpa li {
width: 70px;
}

/* Hub Links */

div#content ul {
display: inline!important;
list-style: none;
clear: none!important;
}

div#hub-links ul {
float: left;
width: 390px;
}

div#content li.link {
display: block;
padding: 0;
margin: 0 10px 25px 0;
}

div#content li.bulletLink {
display: inline!important;
line-height: 1.1em;
padding: 0 0 3px 8px;
background: url(/images/linkBullet.gif) no-repeat 0px 4px;
margin: 0 12px 0 0!important;
width: 185px;
float: left!important;
clear: none!important;
}

div#content li.bulletLink {
display: block;
width: 185px;
clear: none!important;
}

div#hub-links li.link {
width: 185px;
float: left;
margin-bottom: 6px;
}

body#listing li.link {
clear: both;
vertical-align: top;
}

div#content li.link a,
div#content li.bulletLink a {
font-size: 0.9em;
text-decoration: underline;
font-weight: bold;
}

div#content li.link img {
float: left;
margin: 4px 6px 6px 0;
}

div#content li.link p {
padding: 0;
margin: 0;
}

div#hub-links li.link p {
float: right;
width: 99px;
}

body#listing li.bulletLink {
clear: both;
}



/*---------------------------------
Listing pages
---------------------------------*/

body#listing div.link {
/*clear: both;*/
}

body#listing div.link a{
font-weight: bold;
}

/* Primary Content Area (Hub Page) */

body#hub div#primary img {
float: left;
margin: 0 10px 15px 0;
}

body#hub div#primary p.external {
clear: both;
padding: 0 15px 0 10px;
background: url(/images/arrow-right.gif) no-repeat 0px 12px;
border-top: 1px dashed #b6b4a8;
border-bottom: 1px dashed #b6b4a8;
font-weight: bold;
font-size: 0.9em;
}

body#hub div#primary p.external a {
display: block;
padding: 8px 0;
}

p.keyline {
border-bottom: 1px dashed #b6b4a8;
}


/* Plain White Rectangles */

body#hub div#secondary {
width: 740px;
padding: 0 0 20px 10px;
}

body#hub div#hubCta {
display: inline;
height: 94px;
margin: 0;
padding: 0;
float: left;
clear: none;
}

body#hub div#hubCta h4{
font-size: 1.1em;
margin: 0;
padding: 0;
}

body#hub div#hubCta a{
font-weight: bold;
text-decoration: underline;
}

body#hub div.giftVouchers,
body#hub div.booking  {
width: 220px;
margin: 20px 20px 0 0!important;
padding: 10px 4px 4px 100px!important; 
}

body#hub div.giftVouchers_smallHeight {
width: 277px;
height: 59px !important;
margin: 20px 20px 0 5!important;
padding: 10px 4px 4px 90px!important;
margin-left: 13px !important;
padding-right: 10px !important;
}

body#hub div.bookingTreatments  {
width: 196px;
padding: 10px 8px 0 120px!important; 
margin: 14px 0 0;
}

body#hub div.booking p {
padding: 0; 
}

body#hub div.bookingTreatments p {
padding:6px 0; 
}

body#hub div.pamperDays,
body#hub div.emailNews {
width: 160px;
padding: 10px!important; 
margin-top: 20px!important;
}

body#hub div.pamperDays {
margin-right: 14px!important;
}

body#hub div.pamperDays_smallHeight {
margin-right: 14px!important;
width: 107px;
height: 63px !important;
margin-right: 18px;
padding-left:10px !important;
padding-top:10px !important;
padding-right:40px !important;
}

div.pamperDays_smallHeight p {
padding: 0px;
}

div#rightColumn div#right-cta {
margin: 12px 0 0 30px;
width: 114px;
padding: 10px;
}

div#rightColumn div#right-cta ul {
clear: both;
background: #fefefe;
}

div#rightColumn div#right-cta li {
padding: 4px 0px 2px 6px;
background: url(/images/side-bullet.gif) no-repeat 0px 8px!important;
margin: 0 10px 0 0;
width: 90px;
float: left !important;
}

div#rightColumn .pamper p {
padding: 0 10px 50px 0;
}

/*---------------------------------
treatments and experiences listing/pop up
---------------------------------*/

body#treatmentPopUp div#treatmentContent {
width: 380px;
margin: 20px auto; 
background: url(/images/treatmentPopUp.jpg) no-repeat bottom left #FFFFFF;
padding: 10px 10px 90px 10px;
}

body#treatmentPopUp div#treatmentContent h2 {
padding-top: 0px!important;
}

body#treatmentPopUp div#treatmentContent img {
float: left;
margin: 4px 4px 4px 0;
border: 3px solid #d5e2de;
}

body#content-page div#treatmentListing span.treatmentDetails,
body#hub div#treatmentListing span.treatmentDetails,
body#listing div#treatmentListing span.treatmentDetails {
display: block;
border-top: 1px dashed #b6b4a8;
clear: both;
}

body#content-page div#treatmentListing img,
body#hub div#treatmentListing img,
body#listing div#treatmentListing img {
margin-top: 4px;
}

body#treatmentPopUp div#treatmentContent p.cost_thick, p.cost_thin,
body#content-page div#treatmentListing p.cost_thick, p.cost_thin,
body#hub div#treatmentListing p.cost_thick, p.cost_thin,
body#listing div#treatmentListing p.cost_thick,  p.cost_thin {
background: url(/images/treatmentCost.gif) no-repeat center left;
padding: 0px 0px 6px 18px;
clear: both;
}

body#treatmentPopUp div#treatmentContent p.cost_thick,
body#hub div#treatmentListing p.cost_thick,
body#listing div#treatmentListing p.cost_thick {
border-top: 1px dashed #b6b4a8;
}

body#content-page div#treatmentListing p.cost_thick, p.cost_thin,
body#hub div#treatmentListing p.cost_thick, p.cost_thin,
body#listing div#treatmentListing p.cost_thick, p.cost_thin {
border-bottom: 1px dashed #b6b4a8;
}

body#treatmentPopUp div#treatmentContent p.duration_thick,
body#treatmentPopUp div#treatmentContent p.duration_thin,
body#content-page div#treatmentListing p.duration_thick,
body#content-page div#treatmentListing p.duration_thin,
body#hub div#treatmentListing p.duration_thick,
body#hub div#treatmentListing p.duration_thin,
body#listing div#treatmentListing p.duration_thick,
body#listing div#treatmentListing p.duration_thin  {
background: url(/images/treatmentTime.gif) no-repeat center left;
padding: 6px 0px 6px 18px;
clear: both;
}

body#treatmentPopUp div#treatmentContent p.duration_thick,
body#hub div#treatmentListing p.duration_thick,
body#listing div#treatmentListing p.duration_thick  {
border-top: 1px dashed #b6b4a8;
}

body#content-page div#treatmentListing p.duration_thick,
body#content-page div#treatmentListing p.duration_thin,
body#hub div#treatmentListing p.duration_thick,
body#hub div#treatmentListing p.duration_thin,
body#listing div#treatmentListing p.duration_thick,
body#listing div#treatmentListing p.duration_thin  {
border-bottom: 1px dashed #b6b4a8;
}

body#treatmentPopUp div#treatmentContent p.pregnancy_thick, p.pregnancy_thin,
body#hub div#treatmentListing p.pregnancy_thick, p.pregnancy_thin,
body#content-page div#treatmentListing p.pregnancy_thick, p.pregnancy_thin,
body#listing div#treatmentListing p.pregnancy_thick, p.pregnancy_thin  {
padding: 6px 0px 6px 0px;
clear: both;
}

body#treatmentPopUp div#treatmentContent p.pregnancy_thick,
body#hub div#treatmentListing p.pregnancy_thick,
body#listing div#treatmentListing p.pregnancy_thick {
border-top: 1px dashed #b6b4a8;
}

body#content-page div#treatmentListing p.pregnancy_thick, p.pregnancy_thin,
body#hub div#treatmentListing p.pregnancy_thick, p.pregnancy_thin,
body#listing div#treatmentListing p.pregnancy_thick, p.pregnancy_thin  {
border-bottom: 1px dashed #b6b4a8;
}

body#treatmentPopUp div#treatmentContent p.pregnancy_thick img,
body#treatmentPopUp div#treatmentContent p.pregnancy_thin img,
body#hub div#treatmentListing p.pregnancy_thick img,
body#hub div#treatmentListing p.pregnancy_thin img,
body#content-page div#treatmentListing p.pregnancy_thick img,
body#content-page div#treatmentListing p.pregnancy_thin img,
body#listing div#treatmentListing p.pregnancy_thick img,
body#listing div#treatmentListing p.pregnancy_thin img  {
margin-right: 4px;
border: none;
margin-bottom: 4px;
}

div#content div#centreColumn p.allVouchers {
background: url(/images/arrow-right.gif) no-repeat center left;
padding-left: 12px;
}

div#content div#centreColumn ul#giftVoucherPackages {
list-style: none;
display: block;
clear: both;
border-top: 1px dotted #4d5b87;
border-bottom: 1px dotted #4d5b87;
float: left;
margin-bottom: 12px;
}

div#content div#centreColumn ul#giftVoucherPackages li {
padding: 8px 0px;
background: none;
margin: 0 10px 0 0;
width: 190px;
float: left !important;
border-bottom: 1px dotted #4d5b87;
}

div#content div#centreColumn ul#giftVoucherPackages li.base {
border-bottom: none!important;
}

ul#giftVoucherPackages a {
font-size: 0.9em;
}

div.atTheSpa {
width: 184px;
padding: 10px 8px 8px;
float: left;
margin-right: 12px;
}

div.atTheSpa p{
padding: 2px 0 12px;
width: 150px;
}

div.atTheSpa h3,
div.villages h3{
font-size: 1.1em;
margin: 0;
padding: 0;
}

div.villages {
width: 184px;
padding: 8px 8px 12px;
float: left;
}

div.villages p {
width: 150px;
padding: 2px 0 0;
}

div.villages li, div.atTheSpa li {
float: left;
padding: 3px 0 1px 8px;
width: 85px;
margin: 0;
}

div.villages li a{
font-weight: bold;
text-decoration: underline;
}

div.bookingTreatments_picturesque {
padding: 12px 20px 30px 110px;
margin-top: 18px;
}

div.bookingTreatments_picturesque h1,
div.bookingTreatments_picturesque h2,
div.bookingTreatments_picturesque h3,
div.bookingTreatments_picturesque h4,
div.bookingTreatments_picturesque h5,
div.bookingTreatments_picturesque h6 {
padding: 0;
margin: 0;
}

div.bookingTreatments_picturesque a {
font-weight: bold;
text-decoration: underline;
}

div#rightColumn div.bookingForm p{
padding-bottom: 60px;
}

div#rightColumn div.bookingForm_high p{
padding:0pt 10px 80px 0pt;
}

div#content li.listing_link {
	clear: both;
	vertical-align: top;
	margin: 0pt 10px 25px 0pt;
	padding: 0pt;
	display: block;
}

div#content li.listing_link a,
div#content li.bulletLink a {
	font-size: 0.9em;
	text-decoration: underline;
	font-weight: bold;
}

div#content li.listing_link p {
	padding: 0pt;
	margin: 0pt;
}

/*--------------------------------
Features
-----------------------------------*/

div#centreColumn #villageFeatures {
background: url(/images/villages/villageFeatures.jpg) no-repeat top left;
}

div#centreColumn #villageFeatures {
clear: both;
display: block;
padding: 12px;
margin: 12px 0 18px;
}

/* for Mozilla/Safari used to correctly display shadow under flash banner */
*>div#centreColumn #villageFeatures { 
min-height: 300px; 
}
/* for IE */
* html div#centreColumn #villageFeatures { 
height: 300px; 
}

div#centreColumn #villageFeatures div#floor-plan img {
border: none;
margin-top: 4px;
}

div#centreColumn #villageFeatures div {
float: left;
width: 200px;
display: inline;
}

div#centreColumn #villageFeatures h3,
div#centreColumn #villageFeatures p {
margin: 0 0 4px;
padding: 0;
}

div#centreColumn #villageFeatures #treatments-available {
margin-left: 16px;
width: 170px;
float: right;
}

body#content-page div#content div#centreColumn #villageFeatures #treatments-available li,
body#hub div#content div#centreColumn #villageFeatures #treatments-available li {
padding: 2px 10px 4px;
background: url(/images/villages/villageFeaturesBullet.gif) no-repeat 0px 6px;
width: 130px;
}

div.secondary_narrow {
margin:0pt 0pt 10px 10px !important;
float:left;
width:170px;
}

div#centreColumn div#highlightPanel img {
border:medium none;
}

table.form_tbl, table.form_tbl td {
border: 0px;
}

/*---------------------------------
treatments and experiences listing/pop up
---------------------------------*/

body#treatmentPopUp div#treatmentContent {
width: 380px;
margin: 20px auto; 
background: url(/images/treatmentPopUp.jpg) no-repeat bottom left #FFFFFF;
padding: 10px 10px 90px 10px;
}

body#treatmentPopUp div#treatmentContent h2 {
padding-top: 0px!important;
}

body#treatmentPopUp div#treatmentContent img {
float: left;
margin: 4px 4px 4px 0;
border: 3px solid #d5e2de;
}

body#content-page div#treatmentListing span.treatmentDetails,
body#listing div#treatmentListing span.treatmentDetails {
display: block;
border-top: 1px dashed #b6b4a8;
clear: both;
}

body#content-page div#treatmentListing img,
body#listing div#treatmentListing img {
margin-top: 4px;
}

body#treatmentPopUp div#treatmentContent p.cost,
body#content-page div#treatmentListing p.cost,
body#listing div#treatmentListing p.cost {
background: url(/images/treatmentCost.gif) no-repeat center left;
padding: 0px 0px 6px 18px;
clear: both;
}

body#treatmentPopUp div#treatmentContent p.cost,
body#listing div#treatmentListing p.cost {
border-top: 1px dashed #b6b4a8;
}

body#content-page div#treatmentListing p.cost,
body#listing div#treatmentListing p.cost {
border-bottom: 1px dashed #b6b4a8;
}

body#treatmentPopUp div#treatmentContent p.duration,
body#content-page div#treatmentListing p.duration,
body#listing div#treatmentListing p.duration  {
background: url(/images/treatmentTime.gif) no-repeat center left;
padding: 6px 0px 6px 18px;
clear: both;
}

body#treatmentPopUp div#treatmentContent p.duration,
body#listing div#treatmentListing p.duration  {
border-top: 1px dashed #b6b4a8;
}

body#content-page div#treatmentListing p.duration,
body#listing div#treatmentListing p.duration  {
border-bottom: 1px dashed #b6b4a8;
}

body#treatmentPopUp div#treatmentContent p.pregnancy,
body#content-page div#treatmentListing p.pregnancy,
body#listing div#treatmentListing p.pregnancy  {
padding: 6px 0px 6px 0px;
clear: both;
}

body#treatmentPopUp div#treatmentContent p.pregnancy,
body#listing div#treatmentListing p.pregnancy {
border-top: 1px dashed #b6b4a8;
}

body#content-page div#treatmentListing p.pregnancy,
body#listing div#treatmentListing p.pregnancy  {
border-bottom: 1px dashed #b6b4a8;
}

body#treatmentPopUp div#treatmentContent p.pregnancy img,
body#content-page div#treatmentListing p.pregnancy img,
body#listing div#treatmentListing p.pregnancy img  {
margin-right: 4px;
border: none;
margin-bottom: 4px;
}
/*---------------------------------
treatments and experiences listing/pop up
---------------------------------*/

body#treatmentPopUp div#treatmentContent {
width: 380px;
margin: 20px auto; 
background: url(/images/treatmentPopUp.jpg) no-repeat bottom left #FFFFFF;
padding: 10px 10px 90px 10px;
}

body#treatmentPopUp div#treatmentContent h2 {
padding-top: 0px!important;
}

body#treatmentPopUp div#treatmentContent img {
float: left;
margin: 4px 4px 4px 0;
border: 3px solid #d5e2de;
}

body#content-page div#treatmentListing span.treatmentDetails,
body#listing div#treatmentListing span.treatmentDetails {
display: block;
border-top: 1px dashed #b6b4a8;
clear: both;
}

body#content-page div#treatmentListing img,
body#listing div#treatmentListing img {
margin-top: 4px;
}

body#treatmentPopUp div#treatmentContent p.cost,
body#content-page div#treatmentListing p.cost,
body#listing div#treatmentListing p.cost {
background: url(/images/treatmentCost.gif) no-repeat center left;
padding: 0px 0px 6px 18px;
clear: both;
}

body#treatmentPopUp div#treatmentContent p.cost,
body#listing div#treatmentListing p.cost {
border-top: 1px dashed #b6b4a8;
}

body#content-page div#treatmentListing p.cost,
body#listing div#treatmentListing p.cost {
border-bottom: 1px dashed #b6b4a8;
}

body#treatmentPopUp div#treatmentContent p.duration,
body#content-page div#treatmentListing p.duration,
body#listing div#treatmentListing p.duration  {
background: url(/images/treatmentTime.gif) no-repeat center left;
padding: 6px 0px 6px 18px;
clear: both;
}

body#treatmentPopUp div#treatmentContent p.duration,
body#listing div#treatmentListing p.duration  {
border-top: 1px dashed #b6b4a8;
}

body#content-page div#treatmentListing p.duration,
body#listing div#treatmentListing p.duration  {
border-bottom: 1px dashed #b6b4a8;
}

body#treatmentPopUp div#treatmentContent p.pregnancy,
body#content-page div#treatmentListing p.pregnancy,
body#listing div#treatmentListing p.pregnancy  {
padding: 6px 0px 6px 0px;
clear: both;
}

body#treatmentPopUp div#treatmentContent p.pregnancy,
body#listing div#treatmentListing p.pregnancy {
border-top: 1px dashed #b6b4a8;
}

body#content-page div#treatmentListing p.pregnancy,
body#listing div#treatmentListing p.pregnancy  {
border-bottom: 1px dashed #b6b4a8;
}

body#treatmentPopUp div#treatmentContent p.pregnancy img,
body#content-page div#treatmentListing p.pregnancy img,
body#listing div#treatmentListing p.pregnancy img  {
margin-right: 4px;
border: none;
margin-bottom: 4px;
}