/* ********************************************************* */
/*  Print styles																					*/
/* ********************************************************* */
	
body { font-size:65%; font-family:arial,helvetica,verdana,sans-serif; margin:0px; padding:0px; }
body * { font-size:11pt; margin:0px; padding:0px; } 
* html body { width:100%; text-align:center; }
* html #body {height:100%;  }

#container { text-align:left; }

#header, #body, #footer { width:779px; }


/* ********************************************************* */
/* Header div in the header include */
/* ********************************************************* */
#header { height:100px; top:0px; border-bottom:2px solid #2e2822; background:#fff; }


/* ********************************************************* */
/* 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 { display:none;  }
ul.right { display:none; }
ul.extra { display:none; }
li { display:block; }

#body { padding-top:100px; padding-bottom:2em; }
* html #body { padding-top:0px; padding-bottom:0px; }


/* ********************************************************* */
/* Title div for all "services" pages, e.g. body, hands & feet, massage, etc */
/* ********************************************************* */
#title { display:none;  }

/* ********************************************************* */
/* Additional styles for "extra" pages, e.g. gifts, specials, packages, etc */
/* ********************************************************* */
#menu_small { display:none; }


/* ********************************************************* */
/* Img div for all "services" pages and all "extra" pages */
/* ********************************************************* */
#img { display:none;  }


/* ********************************************************* */
/* Content div on "services" pages contains the menu of services links, "menu of services" heading image, tabs, etc */
/* ********************************************************* */
#content { width:600px; padding-top:5px; padding-left:5px; padding-right:5px; float:left; }
* html #content { width:600px; }


/* ********************************************************* */
/* Tabs on "services" pages */
/* ********************************************************* */
#tabs { display:none; }
span.tabcontent { display:block !important; }


/* ********************************************************* */
/* Contentbox on "services" pages */
/* ********************************************************* */
#contentbox { width:600px; border-top:1px solid #fff; margin-top:5px; }
* 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:0px; margin-right:0px; }
#contentbox H3 .title { color:#a6a694; font-size:1.1em; }


/* ********************************************************* */
/* Corners for the top of the contentbox on "services" pages */
/* ********************************************************* */
#cornerleft { display:none; }
#cornerright { display:none; }


/* ********************************************************* */
/* Contentbody is where the text starts after the tabs, on "services" pages */
/* ********************************************************* */
#contentbody { padding:10px 0px 0px 0px; }
#contentbody li { padding-bottom:20px; }
#contentbody li.indent { color:#000; padding-left:11px; }
#contentbody ul.indent li { list-style-type:disc; padding-left:2px; padding-bottom:0px; margin-left:12px; }


/* ********************************************************* */
/* Contentside is the sidebar image on "services" pages */
/* ********************************************************* */
#contentside {display:none; }


/* ********************************************************* */
/* Toplink div is the link back to the top of page (in header file), on the bottom of "services" pages */
/* ********************************************************* */
#toplink{ display:none; }


/* ********************************************************* */
/* 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:600px; }
#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; }
* 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:#635842; color:#FFF; border:1px solid #635842; }
#form input.checkbox { background:transparent; border:none; }
#form label.checkbox { margin-left:2px; }
#form textarea { background:#635842; color:#FFF; 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 { bottom:0px; }
* html #footer { bottom:auto; }


/* ********************************************************* */
/* Address div from the footer */
/* ********************************************************* */
#address { float:left; color:#000; margin:3px 0px 3px 0px; }


/* ********************************************************* */
/* Links div from the footer */
/* ********************************************************* */
#links { float:left; color:#000; margin:3px 0px 3px 0px; clear:left; width:100%; }
ul.links { margin-left:0px; }
ul.links li { float:left; position:relative; padding-left:4px; }
#links a:link { color:#000; text-decoration:none; }
#links a:visited  { color:#000; text-decoration:none; }


/* ********************************************************* */
/* Headings and text */
/* ********************************************************* */
H2 { margin-bottom:15px; }
H3 { font-size:1.1em; color:#000; font-weight:bold; letter-spacing: 0.1em; }
H4 { font-size:1.1em; color:#000; font-weight:bold; letter-spacing: 0.1em; }
H5 { font-size:1.1em; color:#000; font-weight:bold; letter-spacing: 0.1em; }
P { font-size:1em; color:#000; }


/* ********************************************************* */
/* Link colours for content text */
/* ********************************************************* */
A:link { color:#000; text-decoration:none; }
A:visited { color:#000; text-decoration:none; }