/*

THE COVE SPA by TODA LTD VERSION 1.0	
	
*/



/* 1.BODY ---------------------------------------------------------------------- */

body { margin: 0; font-size: 100%; background-color: #112C19; }


/* 2.GLOBAL STYLING ---------------------------------------------------------------------- */

p, ul, ol { margin: 20px 0px 0px 0px; font-size: 0.8em; line-height: 1.6em; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; }

p.bodytext{ font-size: 0.8em; color:#FFFFFF; padding-top: 15px; text-align: left; }

p.credit{ font-size: 0.7em; color:#82B093; padding-top: 15px; }

p.sidebar{ font-size: 0.8em; color:#F3FFFE; padding-left: 20px; }

p.treatments{ font-size: 0.8em; color:#F3FFFE; padding-left: 10px; background-image: url(../img/brown-opacity.jpg); }

ul.treatmentlist{ padding-left:20px; }

b { font-weight: bold; }

ul {}
ul li {}
dl {  } 
dt {  }
dd {  }
ol {  }
ol li {  }

img.right { float: right; padding-left: 20px; }
* { margin: auto; padding: 0; border: 0; }  /* This moves the image nicely to the right of the container */

img.left { float: left; }
* { margin: auto; padding: 0; border: 0; }  /* This moves the image nicely to the right of the container */


/* 3.HEADINGS ---------------------------------------------------------------------- */

h1 {font-family: "Helvetica Neue", Arial, sans-serif; }
h2,h3,h4,h5,h6 {font-family: "Helvetica Neue", Arial, sans-serif; }

h1 { font-weight: bold; }
h2 { font-size: 1.1em; line-height: 1.4em; color: #F3FFFE; font-weight: normal; padding-top: 20px; }
h3 { font-size: 1.1em; line-height: 1.4em; color: #F3FFFE; margin-top: 10px; font-weight: bold; }
h4 { font-size: 1.7em; line-height: 1em; color: #F3FFFE; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-left: 20px; }
h5 { font-size: 1.1em; color: #F3FFFE; font-weight: bold; line-height: 1.2em; text-align: left; background-image: url(../img/brown-opacity.jpg); padding-left: 20px; }
h6 { }


/* 4.LINKS ---------------------------------------------------------------------- */

a:link,
a:visited { color:#FFFFFF; text-decoration: underline; font-weight: bold; }
a:hover,
a:focus { color:#82B093; text-decoration: underline; font-weight: bold; }

a:link.external,
a:visited.external { }

h3 a:link,
h3 a:visited { color:#FFFFFF; text-decoration:none; }
h3 a:hover,
h3 a:focus { color:#6F967B; text-decoration: none; }


a.bottomlinks { color: #F3FFFE; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: none; text-align: center; } 
a:visited.bottomlinks { color: #F3FFFE; }

a:hover.bottomlinks {
	font-weight: normal; color: #82B093; 
}

a:active.bottomlinks { font-weight: normal; color: #F3FFFE; 
}

a:link.external,
a:visited.external { padding-left: 0px; font-family: Arial, Helvetica, sans-serif; }


/* 5.IMAGES ---------------------------------------------------------------------- */

img {
	margin: 0px;
	bottom: 0px;
	padding: 0px;
}


/* 6.RULES ---------------------------------------------------------------------- */

hr.d { border: none 0; border-top: 1px dashed #94C9A8;/*the border*/ width: 95%; height: 1px;/*whatever the total width of the border-top and border-bottom equal*/ margin-top: 10px; } 



/* 6.LAYOUT
---------------------------------------------------------------------- */

div#backgroundwrapper { width: 960px; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0px; }

div#container { width: 710px; height: 100%; float: left; background-image: url(../img/shadow-for-sidebar.png); background-repeat: repeat-y; min-height: 1200px; }



div#hdr { width: 710px;  padding-top: 35px; float: left; }
div#hdr2 { width: 710px;  padding-top: 19px; float: left; padding-bottom: 25px;}

div#logo { width: 250px; float: left; height: 160px; clear: both; }

div#sidebarwrapper { float: left; width: 250px;  }

div#sidebarfooter { float: left; width: 250px;  }

div#sidebar { float: left; width: 250px; height: 100%; background-color: #82B093; background-image: url(../img/sidebar-back.jpg); background-repeat: no-repeat; }

div#hdrsquare { float: left;}

div#leftcol {  /* left column */ float: left; padding-bottom: 40px; padding-left: 40px; padding-top: 30px; }

div#leftcolcontact {  /* left column */ float: left; padding-bottom: 40px; padding-left: 40px; padding-right: 15px; }

div#topcol {  /* left column */ float: left; padding-left: 40px; padding-top: 30px; }

div#rightcol {  /* right column */ float: left; padding-bottom: 20px; padding-left: 40px; padding-top: 23px; }

div#fullcol {  /* Full width column */ float: left; }

div#bottomcol {  /* Full width column */ float: left; }

div#leftcol_bottom {  /* left column */
float: left; }

div#rightcol_bottom {  /* right column */
float: left; }

div#rightcolshaz {  /* right column */
	float: right;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-top: 2px;
	width: 600px;
	padding-right: 70px;
}

.clear {clear: both;}

div#getflash { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.treatmenttable { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; width: 670px; color: #FFFFFF; font-weight: bold; margin-top: 20px; }
.openinghours { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; width: 100%; color: #FFFFFF; font-weight: bold; margin-top: 20px; }
.treatmenttable-small { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; width: 370px; color: #FFFFFF; font-weight: bold; margin-top: 20px; margin-right: 0px; margin-left: 0px; }
.table { width: 100%; background-image: url(../img/backscreen-white.png); }
.table .th { color: #fff; font-weight: bold; background-image: url(../img/brown-opacity.jpg); padding: 5px 5px 5px 10px; }
.table .tr{ padding: 5px 5px 5px 10px; }
.table .td { float: left; width: 43%; color: #FFFFFF;}
.table .te { float: left; width: 33%; color: #FFFFFF; }
.table .tf { float: left; width: 25%; color: #FFFFFF; }
.clear { clear: both; }


.spapackage { font-family: Arial, Helvetica, sans-serif; width: 670px; color: #FFFFFF; font-weight: normal; margin-top: 20px; }
.spapackage-small { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; width: 370px; color: #FFFFFF; font-weight: bold; margin-top: 20px; margin-right: 0px; margin-left: 0px; }
.spatable { width: 100%; background-image: url(../img/backscreen-white.png); padding-bottom: 10px; }
.spatable .th { color: #fff; font-weight: normal; background-image: url(../img/brown-opacity.jpg); padding: 5px 5px 5px 10px; }
.spatable .tr{ padding: 5px 5px 5px 10px; }
.spatable .td { float: left; width: 100%; color: #FFFFFF; padding-bottom: 20px; }
.spatable .te { float: left; width: 100%; color: #FFFFFF; }
.clear { clear: both; }

blockquote{ color: #8ab810; padding-bottom: 10px; padding-left: 20px;padding-right: 20px; }

p.blockquote{ font: 0.89em Georgia, serif; line-height: 1.2em; }

p.blockquote_credit { padding-top: 5px; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; color: #94C9A8; }


/* 7.NAVIGATION
---------------------------------------------------------------------- */

.sidemenu{
	width: 220px; /*width of menu*/
	padding-bottom: 0px;
	margin-top: 170px;
}

.sidemenu .headerbar{ font: bold 13px "Helvetica Neue", Arial, sans-serif; ; color: white; background: #94C9A8 url(../arrowstop1.gif) no-repeat 8px 9px; /*bottom spacing between header and rest of content*/ padding: 7px 0 7px 31px; /*31px is left indentation of header text*/ }

.sidemenu .headerbar2{ font: bold 13px "Helvetica Neue", Arial, sans-serif; ; color: white; background: #94C9A8; padding: 7px 0 7px 31px; }

.sidemenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.sidemenu .headerba2r a{
text-decoration: none;
color: white;
display: block;
}

.sidemenu .headerbar a:hover{ text-decoration: none; color: #6F967B; 
}

.sidemenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.sidemenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.sidemenu ul li a{ font: normal 12px "Helvetica Neue", Arial, sans-serif;; color: #F7FFFE; display: block; padding: 5px 0; line-height: 17px; padding-left: 8px; /*link text is indented 8px*/ text-decoration: none; }

.sidemenu ul li a:visited{ color: #ECFFEA; }

.sidemenu ul li a:hover{ /*hover state CSS*/ color: white; background: #6F967B; }


/* 8.SITEINFO/FOOTER
---------------------------------------------------------------------- */

div#bttmbar {
	float: left;
	width: 100%;
	background-repeat: repeat-x;
	background-color: #122C19;
	padding-bottom: 20px;
	border-top: solid #ADCB7F 1px;
	text-align: center;
	padding-left: 20px;
}/* Bottom bar, contains copyright info */

div#footer { width: 960px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 30px; background-image: url(../images/footer_swan.jpg); background-repeat: repeat-x; height: 100%; }

div#credit { width: 800px; text-align: left; padding-left: 20px; margin: auto; float: left; }/* Credit, contains copyright info */

div#footerimage { width: 110px; text-align: left; padding-left: 20px; float: left; }/* Credit, contains copyright info */


/* 9.HOME PAGE
---------------------------------------------------------------------- */

.home { background-repeat: repeat-x; background-image: url(../img/background.jpg);}

.home div#hdr {
	height: 330px;
}

.home div#leftcol { width: 380px;}  /* home page left column width */

.home div#rightcol { width: 250px;  } /* home page right column width */

div#slideshow {
	width: 710px;
	height: 300px;
	background-image: url(../images/boxes/slideshow_back.jpg);
} /* contains flash animation */


/* 15.CONTACT
---------------------------------------------------------------------- */

.contact { background-repeat: repeat-x; background-image: url(../img/background-inner.jpg);}

.contact div#map { float: left; width: 400px; border: solid #CCCCCC 1px; } /* home page right column width */

.contact div#topcol { width: 670px; }  /* home page left column width */

.contact div#leftcol { width: 250px;  }  /* home page left column width */

.contact div#leftcolcontact { width: 250px; }  /* home page left column width */

.contact div#rightcol { width: 330px; } /* home page right column width */

.contact div#fullcol { padding-left: 40px; width: 670px; padding-bottom: 20px; } /* home page right column width */

.contact div#bottomcol { padding-left: 40px; width: 670px; padding-bottom: 20px; } /* home page right column width */

.contact div#leftcol_bottom { width: 100px; } /* WHAT IS page bottom left column width */

.contact div#rightcol_bottom { float: left; width: 100px; padding-left: 20px; } /* WHAT IS page bottom right column width */

/* 10.TREATMENT PAGES
---------------------------------------------------------------------- */

.treatments { background-repeat: repeat-x; background-image: url(../img/background-inner.jpg);}

.treatments div#hdr { height: 220px; }

.treatments div#leftcol {
	width: 600px;
}  /* home page left column width */

.treatments div#rightcol {
	width: 250px;
	float: right;
} /* home page right column width */


/* 11.OUR VISION PAGE
---------------------------------------------------------------------- */

.ourvision { background-repeat: repeat-x; background-image: url(../img/background-inner.jpg);}

.ourvision div#hdr { height: 220px; }

.ourvision div#leftcol { width: 670px; }  /* home page left column width */

.ourvision div#rightcol { width: 250px;  } /* home page right column width */


/* 11.WELLBEING PAGE
---------------------------------------------------------------------- */

.wellbeing { background-repeat: repeat-x; background-image: url(../img/background-inner.jpg);}

.wellbeing div#hdr {height: 220px; }

.wellbeing div#leftcol { width: 670px; }  /* home page left column width */

.wellbeing div#rightcol { width: 250px;  } /* home page right column width */


/* 12.GIFT VOUCHERS PAGE
---------------------------------------------------------------------- */

.giftvouchers { background-repeat: repeat-x; background-image: url(../img/background-inner.jpg);}

.giftvouchers div#hdr { height: 220px; }

.giftvouchers div#leftcol { width: 380px;}  /* home page left column width */

.giftvouchers div#rightcol { width: 250px; } /* home page right column width */


/* 13. WORKSHOPS PAGE
---------------------------------------------------------------------- */

.workshops { background-repeat: repeat-x; background-image: url(../img/background-inner.jpg);}

.workshops div#hdr {height: 220px; }

.workshops div#leftcol { width: 670px; }  /* home page left column width */

.workshops div#rightcol { width: 250px;  } /* home page right column width */


/* 14.BEAUTY PAGE
---------------------------------------------------------------------- */

.beauty { background-repeat: repeat-x; background-image: url(../img/background-inner.jpg);}

.beauty div#hdr {height: 220px; }

.beauty div#leftcol { width: 670px; }  /* home page left column width */

.beauty div#rightcol { width: 250px;  } /* home page right column width */




/* 15. SPA PACKAGES PAGE
---------------------------------------------------------------------- */

.packages { background-repeat: repeat-x; background-image: url(../img/background-inner.jpg);}

.packages div#hdr {height: 220px; }

.packages div#leftcol { width: 670px; }  /* home page left column width */

.packages div#rightcol { width: 250px;  } /* home page right column width */

.packagestb { width: 668px; background-image: url(../img/backscreen-white.png); } /* home page right column width */

/* 17.sIFR
---------------------------------------------------------------------- */			
			h1.title
			{ font-size:1.8em; font-family: "Helvetica Neue", Arial, sans-serif; color: #F3FFFE; padding: 3px 7px 3px 7px; line-height: 1em; background-image: url(../img/brown-opacity.jpg); }
			
					h1.titlecentred
			{ font-size:1.8em; font-family: "Helvetica Neue", Arial, sans-serif; color: #F3FFFE; padding: 3px 7px 3px 7px; line-height: 1em; background-image: url(../img/brown-opacity.jpg); text-align: center; }
			
			.sIFR-active .title
			{
				visibility: hidden;
				font-family: Verdana;
				line-height: 1em;
			}