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:800px; 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_voucher{ text-align:left; width:800px; margin:0px auto; height:100%; position:relative; } * html #container_voucher { width:800px; height:auto; } #body, #footer { width:800px; 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:450px; height:1100px; float:left; background:#2e2822; margin:0; padding:0; padding-left:10px; } .body_voucher { background:#2e2822; height:1550px; margin:0; padding:0; width:800px; } /* ********************************************************* */ /* Title div for all "services" pages, e.g. body, hands & feet, massage, etc */ /* ********************************************************* */ #title, #title_voucher { background:#2e2822; float:left; width:800px; height:101px; } #title_voucher{ width:450px; background-color: #2E2822; } #title H1 { z-index:2; float:left; margin-top:16px; } #tease { z-index:2; margin-left:30px; margin-top:26px; } #image_holder { width:320px; height:920px; float:left; background:#2e2822; margin:0; padding:0} /* ********************************************************* */ /* 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_voucher { width:450px; 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; } /* ********************************************************* */ /* 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, #formcontent_v { background:#12100D; clear:both; } #formcontent_white { background:#fff; overflow:auto; clear:both; } * html #formcontent, #formcontent_v { width:100%; } #formcontent H2, #formcontent_v H2 { font-size:1.8em; color:#80a029; font-weight:100; letter-spacing:0.1em; } #formcontent H4, #formcontent_v H4 { color:#80a029; margin-top:22px; margin-bottom:10px; } #formcontent P, #formcontent_v P { color:#FFF; } #formcontent_v { width:450px; } /* ********************************************************* */ /* 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:#000000; border:1px solid #635842; } #form input.checkbox { background:transparent; border:none; } #form label.checkbox { margin-left:2px; } #form textarea { background:#635842; 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; } .green_heading { font-size:13px; color:#80a029; font-weight:bold; padding-bottom:6px} /* ********************************************************* */ /* Address div from the footer */ /* ********************************************************* */ #address { float:left; background:#2e2822; color:#8f7056; margin:3px 0px 3px 10px; } /* ********************************************************* */ /* 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; list-style:none; } #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; } /* ********************************************************* */ /* 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; } li {list-style:none; } ul {list-style:none; } .formboxSelect { width: 360px; /*was 345px*/ } .formboxSelect_sm { width: 210px; /*was 345px*/ } .formboxOneCol { width: 360px;/*was 345px*/ } .formboxOneCol_sm { width: 222px;/*was 345px*/ } .formboxDateCol { width: 60px; } .formboxCardCol { width: 35px; }