/* ********************************************************* */
/* 	Definitions of page types: 								*/
/* ********************************************************* */


/* ********************************************************* */
/* 	"Services" pages = all pages that have a "Menu of Services" e.g. body, massage, face, etc 		*/
/*	 "Extra" pages = gifts, specials, products		 							*/
/*	 "General" pages = about, employment, privacy	 					*/
/* 	 "Form" pages = contact, subscribe 											*/
/* ********************************************************* */


/* ********************************************************* */
	/* 	Styles not covered in this document are: 			*/
/* ********************************************************* */


	/* ********************************************************* */
	/* 	Home page - see style_home.css 							*/
	/* 	Tour (popup) page - see style_popup.css					 */
	/* ********************************************************* */
	
	
/* ********************************************************* */
/* Body */
/* ********************************************************* */	
	
body { font-size:65%; font-family:arial,helvetica,sans-serif; margin:0px; padding:0px; background-color:#fff; overflow-y:scroll; }
body * { font-size:1em; margin:0px; padding:0px; }
* html body { text-align:center; position:relative; }
* html, * html body { overflow-y:hidden; }


/* ********************************************************* */
/* Header div in the header include */
/* ********************************************************* */

#headerouter { position:fixed; top:0px; left:0px; right:0px; width:auto; z-index:2; margin:0px auto; }
* html #headerouter { position:absolute; top:0px; margin-left:-17px; text-align:center; width:100%; overflow-x:hidden; }

#header { width:779px; height:100px; border-bottom:2px solid #2e2822; background:#fff; text-align:left; margin:0px auto; position:relative; }
* html #header { margin:0px auto 0px 17px; }


/* ********************************************************* */
/* Container */
/* ********************************************************* */
/* * html #scrollcontainer { width:100%; height:100%; } */

#containerouter {  }
* html #containerouter { overflow-y:scroll; height:100%; width:100%; }
#containerouter, [notIE] { overflow-y:auto; }

#container { text-align:left; width:779px; margin:0px auto; height:100%; position:relative; }
* html #container { xwidth:796px; height:auto; }
#container_white { text-align:left; width:789px; margin:0px auto; height:100%; position:relative; }

#body, #footer { width:779px; margin:0px auto; }
#footer { position:fixed; bottom:0px; left:0px; right:0px; z-index:2; }
* html #footer { position:relative; bottom:auto; left:auto; right:auto; }


/* ********************************************************* */
/* Logo div in the header include */
/* ********************************************************* */
#logo { position:absolute; left:26px; top:20px; }


/* ********************************************************* */
/* List styles in the header include */
/* ********************************************************* */
ul { list-style-type:none; }
ul.left { width:104px; position:absolute; right:287px; top:15px; }
ul.right { width:147px; position:absolute; right:111px; top:15px; }
ul.extra { position:absolute; right:18px; top:13px; text-align:right; }
li { display:block; }

#body, #body_white { padding-top:100px; padding-bottom:2em; }
* html #body { padding-top:100px; padding-bottom:0px; }
#body_left {
	width:482px;
	height:800px;
	float:left;
	background:#2e2822; 
	}
#body_white {
	width:790px;
	height:800px;
	padding-top:100px;
	margin:0 auto;
	}
/* ********************************************************* */
/* Title div for all "services" pages, e.g. body, hands & feet, massage, etc */
/* ********************************************************* */
#title, #title_voucher { background:#2e2822; float:left; width:779px; height:101px; }
#title_voucher{
width:482px;
}
#title H1 { z-index:2; float:left; margin-top:16px;  }
#tease { z-index:2; margin-left:30px; margin-top:26px; }
#image_holder { z-index:2000; width:296px; height:978px; float:left;}
/* ********************************************************* */
/* Additional styles for "extra" pages, e.g. gifts, specials, packages, etc */
/* ********************************************************* */
#menu_small { z-index:2; float:right; }


/* ********************************************************* */
/* Img div for all "services" pages and all "extra" pages */
/* ********************************************************* */
#img { background:#12100d; clear:left; }

#content { width:540px; padding-top:18px; padding-left:22px; padding-right:21px; padding-bottom:25px; float:left; }
* html #content { width:586px; padding-bottom:0px; }


/* ********************************************************* */
/* Tabs on "services" pages */
/* ********************************************************* */
ul#tabs { margin-left:10px; }
ul#tabs li { float:left; width:auto; position:relative; }
ul#tabs a { background:transparent url('../img/bg_tab_a.gif') left top no-repeat; padding:3px 16px 3px 11px;  }
* html ul#tabs a { padding-right:15px; height:1px; }
ul#tabs a { font-size:1.1em; color:#636342; text-decoration:none; font-weight:bold; }
ul#tabs a:hover, #tabs a:active { background:transparent url('../img/bg_tab_b.gif') no-repeat; color:#fff; }
ul#tabs li.print a { background:transparent url('../img/bg_tab_print.gif') no-repeat;  color:#fff; white-space:nowrap; }
* html ul#tabs li.print a:hover, ul#tabs li.print a:active, { background:transparent url('../img/bg_tab_print.gif') no-repeat;  color:#fff; white-space:nowrap; }


/* ********************************************************* */
/* Contentbox on "services" pages */
/* ********************************************************* */
#contentbox { width:529px; background: url('../img/bg_content.jpg') repeat-x; border-top:1px solid #fff; margin-top:34px; }
/* ********************************************************* */
/* margin-top was 29px for old Firefox */
/* ********************************************************* */
* html #contentbox {margin-top:1px; }
#contentbox H3 { font-size:1.1em; color:#635842; font-weight:bold; letter-spacing: 0.1em; border-bottom: 1px solid #a1a082; padding-bottom:11px; padding-left:7px; margin-top:16px; margin-left:13px; margin-right:13px; }
#contentbox H3 .title { color:#a6a694; }


/* ********************************************************* */
/* Corners for the top of the contentbox on "services" pages */
/* ********************************************************* */
#cornerleft { float:left; }
* html #cornerleft { margin-right:10px; margin-bottom:5px; }
#cornerright { float:right; }
* html #cornerright { margin-left:10px; margin-bottom:5px; }


/* ********************************************************* */
/* Contentbody is where the text starts after the tabs, on "services" pages */
/* ********************************************************* */
#contentbody { padding:16px 20px 0px 20px; }
#contentbody li { padding-bottom:20px; }
#contentbody li.indent { color:#635842; padding-left:11px; }
#contentbody ul.indent li { list-style:none none; background:transparent url('../img/icon_plus.gif') no-repeat 0px 4px; padding-left:6px; padding-bottom:0px; }


/* ********************************************************* */
/* Contentside is the sidebar image on "services" pages */
/* ********************************************************* */
#contentside { width:193px; margin-top:43px; float:right;}


/* ********************************************************* */
/* Toplink div is the link back to the top of page (in header file), on the bottom of "services" pages */
/* ********************************************************* */
#toplink{ margin-left:25px; margin-bottom:5px; }


/* ********************************************************* */
/* Timetable styles are for content tables that have timetables, e.g. yoga timetable on wellbeing page */
/* ********************************************************* */
#timetable { margin-top:10px; margin-bottom:10px; }
#timetable table { width:100%; }
#timetable td { border:1px solid #CCC; padding:5px; background:#9c9673; }
#timetable .heading { color:#FFF; font-weight:bold; letter-spacing:0.1em; }


/* ********************************************************* */
/* Smallprices styles are for small-font content tables that just have prices, e.g. waxing prices on the boys page */
/* ********************************************************* */
#smallprices { margin-top:10px; margin-bottom:10px; }
#smallprices table { width:400px; }
#smallprices td { border:1px solid #FFF; padding:5px; }
#smallprices .heading { color:#4d4d4d; font-weight:bold; }


/* ********************************************************* */
/* Prices styles are for content tables that just have prices */
/* ********************************************************* */
#prices td { border-bottom:1px solid #a1a082; padding:6px; }
#prices td.doubleborder { border-top:1px solid #a1a082; border-bottom:1px solid #a1a082; }
#prices P { font-size:1.25em; color:#424221; }


/* ********************************************************* */
/* Pricesdescriptions styles are for content tables that have prices and descriptions, e.g. Gifts page */
/* ********************************************************* */
#pricesdescriptions td.border { border-bottom:1px dotted #80a029; padding-bottom:10px; }
#pricesdescriptions H3 { font-size:1.1em; font-weight:bold; letter-spacing: 0.1em; color:#80a029; padding-bottom:3px; }
#pricesdescriptions P { color:#2e2822; line-height:1.6em; }
#pricesdescriptions P.prices { font-size:1.4em; color:#80a029; }
#pricesdescriptions P .pricesfrom { font-size:0.7em; }


/* ********************************************************* */
/* Descriptions styles are for content tables that just have descriptions */
/* ********************************************************* */
#descriptions td.border { border-bottom:1px dotted #776651; padding-bottom:10px; }
#descriptions H3 { font-size:1.1em; font-weight:bold; letter-spacing: 0.1em; color:#544028; padding-bottom:3px; margin-top:10px; }
#descriptions H4 { font-size:1.1em; font-weight:bold; letter-spacing: 0.1em; color:#776651; padding-bottom:3px; margin-top:10px; }
#descriptions H5 { font-size:1.1em; font-weight:bold; letter-spacing: 0.1em; color:#7e6b54; padding-bottom:3px; padding-left:11px; margin-top:10px; }
#descriptions P { color:#2e2822; line-height:1.6em; }
#descriptions ul { padding-left:11px; }
#descriptions li { list-style:none none; background:transparent url('../img/icon_plus.gif') no-repeat 0px 6px; padding-left:6px; padding-bottom:0px; line-height:1.6em; }


/* ********************************************************* */
/* Generalcontent is used for "general" pages e.g. About, Privacy, etc */
/* ********************************************************* */
#generalcontent { background:transparent url('../img/bg_general.jpg') bottom left no-repeat; width:700px; padding-top:18px; padding-left:22px; padding-right:121px; padding-bottom:80px; float:left; }
* html #generalcontent { width:720px; }
#generalcontent H2 { font-size:1.1em; font-weight:bold; letter-spacing: 0.1em; color:#80a029; margin:0px; }
#generalcontent P {  font-size:1em; color:#12100d; line-height:1.3em; margin-bottom:15px; }
#generalcontent ul.general { margin-bottom:15px; }

/* ********************************************************* */
/* Formcontent  and Form and Forminfo are used for the mailinglist/subscribe page */
/* ********************************************************* */
#formcontent { background:#12100D url('../img/bg_formcontent.gif') repeat-y; overflow:auto; clear:both; }
#formcontent_white { background:#fff; overflow:auto; clear:both; }
* html #formcontent { width:100%; }
#formcontent H2 { font-size:1.8em; color:#80a029; font-weight:100; letter-spacing:0.1em; }
#formcontent H4 { color:#80a029; margin-top:22px; margin-bottom:10px; }
#formcontent P { color:#FFF; }
/* ********************************************************* */
/* Form div is the left side of the page */
/* ********************************************************* */
#form { background:#12100D; width:315px; float:left; border-top:1px solid #554b3a; padding:24px 40px 56px 27px; }
* html #form { width:382px; padding:24px 76px 16px 27px; }
/* ********************************************************* */
/* Forminfo div is the right side of the page */
/* ********************************************************* */
#forminfo { background:#2e2822 url('../img/bg_mailinglist.jpg') bottom left no-repeat; width:330px;  float:right; border-top:1px solid #554b3a; padding:24px 40px 170px 27px; }
* html #forminfo { width:397px; padding:24px 76px 185px 27px; }
#forminfo li { list-style:none none; background:transparent url('../img/icon_disc.gif') no-repeat 0px 4px; padding-left:14px; padding-bottom:8px; color:#FFF; }
/* ********************************************************* */
/* Input and other form-related specifics are also for the mailinglist/subscribe page */
/* ********************************************************* */
#form td { padding:2px; color:#FFF; }
#form td.checkbox { padding:2px; color:#FFF; }
#form input {
	background:#E8E0D4; <!-- 635842 -->
	color:#000000;
	border:1px solid #635842;
}
#form input.checkbox { background:transparent; border:none; }
#form label.checkbox { margin-left:2px; }
#form textarea {
	background:#E8E0D4;
	color:#000000;
	border:1px solid #635842;
	font-family:arial,helvetica,verdana,sans-serif;
	scrollbar-face-color:#635842;
	scrollbar-highlight-color:#000;
	scrollbar-shadow-color:#000;
	scrollbar-3dlight-color:#FFF;
	scrollbar-arrow-color:#000;
	scrollbar-track-color:#2e2822;
	scrollbar-darkshadow-color:#000;
}
#form input.submit { border:none; margin-top:10px; }


/* ********************************************************* */
/* Footer div from the footer include - contains Address div and Links div */
/* ********************************************************* */
#footer { background:#2e2822;
text-align:right;
 }


/* ********************************************************* */
/* Address div from the footer */
/* ********************************************************* */
#address {
	float:left;
	background:#2e2822;
	color:#8f7056;
	margin:3px 0px 3px 10px;
	font-size: 1.4em;
}


/* ********************************************************* */
/* Links div from the footer */
/* ********************************************************* */
#links { float:right; background:#2e2822; color:#574d3c; margin:3px 10px 3px 0px; }
ul.links { margin-left:59px; }
ul.links li { float:left; position:relative; padding-left:4px; }
#links a:link { color:#e79a00; text-decoration:none; }
#links a:hover  { color:#ffe89a; }
#links a:visited  { color:#e79a00; text-decoration:none; }
#links a:visited:hover  { color:#ffe89a; }


/* ********************************************************* */
/* Headings and text */
/* ********************************************************* */
H1 { color: black; font-size: 30px; }
H2 { margin-bottom:15px; }
H3 {
	font-size:1.1em;
	color:#000000;
	font-weight:bold;
	letter-spacing: 0.1em;
}
H4 {
	font-size:1.35em;
	color:#424221;
	font-weight:bold;
	letter-spacing: 0.1em;
}
H5 { font-size:1.1em; color:#635842; font-weight:bold; letter-spacing: 0.1em; }
P { font-size:1em; color:#2e2822; }


/* ********************************************************* */
/* Link colours for content text */
/* ********************************************************* */
A:link { color:#574d3c; text-decoration:none; }
A:visited { color:#a25500; text-decoration:none; }
A:hover { color:#cb7a25; }
A:visited:hover { color:#cb7a25; }


/* ********************************************************* */
/* Subscribe module buttons */
/* ********************************************************* */
.button img { background-position:left bottom; margin-bottom:1em; }
.button:hover img, input.button:hover, .button.subscribe:hover { background-position:left bottom; background-image:none; border:2px solid red;}
.button img { border:0px; }
.subscribe { background-image:url(../img/bn_subscribe.gif)!important; width:80px; background-color:transparent; border:none; }
.remove, .unsubscribe { background-image:url(../img/bn_unsubscribe.gif)!important; width:98px; background-color:transparent; border:none; }
.update { background-image:url(../img/bn_update.gif)!important; width:62px; background-color:transparent; border:none; }