/* RESET CSS */ body {margin: 0;padding: 0;} h1, h2, h3, h4, h5, h6, form, p, ol, ul, li , dl, dt, dd, blockquote, fieldset,legend,input {margin: 0px;padding: 0px;} ol, ul {list-style: none;} a {text-decoration:underline;cursor: pointer;} a:hover {text-decoration: none;} a:focus {outline: 0;} table {border-collapse: collapse;} a img {border:0px;} .wai {display:none !important;} .cb {clear:both !important;} .cl {clear:left !important;} /* site's CSS */ body {font-family:verdana,trebuchet ms, arial, sans-serif;font-size:0.625em;text-align:left;background: url("../img/body-bg.jpg") repeat-x top left #fff;} #page {margin: 0 auto 0 auto;width:999px;overflow:hidden;height:100%;min-height:810px;} /* the header */ #header {height:286px;width:100%;} .index-header {background: url("../assets/images/headers/header_fengshui.jpg") no-repeat top right;} .contact-header {background: url("../assets/images/headers/header_herbs.jpg") no-repeat top right;} .vitality-header {background: url("../assets/images/headers/header_buddha.jpg") no-repeat top right;} .about-header {background: url("../assets/images/headers/header_lime.jpg") no-repeat top right;} .links-header {background: url("../assets/images/headers/header_cucumber.jpg") no-repeat top right;} .supplements-header {background: url("../assets/images/headers/header_daisy.jpg") no-repeat top right;} .consultations-header {background: url("../assets/images/headers/header_beans.jpg") no-repeat top right;} .eating-header {background: url("../assets/images/headers/header_garlic.jpg") no-repeat top right;} .help-header {background: url("../assets/images/headers/header_oliveoil.jpg") no-repeat top right;} #logo {float:left;width:446px;height:132px;background: url("../img/anne-fairlie-logo.gif") no-repeat top left;} #logo h1 a {text-indent:-5000px;overflow: hidden;width:446px;height:132px;display:block;} /* main menu */ ul#mainnav {width:100%;position:relative; font-size:135%;float:left;background: url("../img/menu-bg.gif") no-repeat bottom left;height:33px;font-weight:bold;} ul#mainnav li {float:left;display:inline;text-align:center;line-height:33px;margin-left:11px;} ul#mainnav li a {color:#fff;text-decoration: none !important;padding:4px 10px;} ul#mainnav li a:hover {color:#9e009c;background: #f2f2f2;} ul#mainnav li a.clicked {color:#9e009c;background: #f2f2f2 !important;} /* the submenu */ ul#mainnav li ol {font-family:trebuchet ms;list-style-type:decimal !important;color:#5f5f5f;} ul#mainnav li ol li a {color:#5f5f5f;line-height:26px !important;padding:0px;display:block;} ul#mainnav li ol li {line-height:20px !important;list-style-type:decimal !important;clear:left;width:100%;float:left;text-align:left;margin-left:0px !important;} ul#mainnav li ol li a.clicked {background:none !important;} ul#mainnav li ol li a:hover {background:none !important;} ul#mainnav li div {position: absolute;top:-110px;left:180px;display: none; width:280px;height:120px;} /* fixing a naughty IE6 hover bug */ ul#mainnav li div ul a:hover {background:none!important;} ul#mainnav li:hover div {display: block !important;} ul#mainnav li a:hover div {display: block !important;} .visible {display: block !important;} /* main content area */ #content {float:left;padding:10px 0px;color:#5f5e5e;font-size:140%; margin-top:5px;line-height:140%;width:100%;} #content p {padding:10px 0;} #content h2 {font-size:160%;padding:15px 0;line-height:130%;color:#6a0069;font-weight:normal;} #content h3 {font-size:120%;padding:5px 0 5px 0;color:#6a0069;font-weight:normal;text-decoration:underline;} #content h4 {font-size:100%;padding:5px 0;} .box {width:29%;border:1px solid #aaa;padding:15px;margin:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;float:left;display:inline;} ul.simple-list {list-style-type:disc;margin-left:20px;} ul.simple-list li {border:none !important;padding:5px !important;font-size:95%;} ul li ul.simple-list li {border:none !important;padding:5px !important;font-size:95%;clear:both;width:90% !important;} #content a {color:#6a0069;} #content a:hover {color:#000;} /* three cols content*/ ul.equal3cols {} ul.equal3cols li {float:left;border-right:1px solid #ededed;width:26%;padding:10px 50px;} ul.equal3cols li.first {padding-left:0;} ul.equal3cols li.last {padding-right:0;border:0px !important;} ul.equal3cols h2 {text-align:center;} a.moreinfo {text-decoration:none !important;display:block;font-weight:bold;padding-left:35px;background: url("../img/moreinfo-bg.gif") no-repeat top left;height:25px;line-height:25px;} .noborder {border:0px !important;} /* two cols content*/ ul.bigleftcol {} ul.bigleftcol li {float:left;border-right:1px solid #ededed;width:26%;padding:10px 50px;} ul.bigleftcol li.first {padding-left:0;width:63%;} ul.bigleftcol li.last {padding-right:0;border:0px !important;} ul.bigleftcol h2 {text-align:center;} /* 2 cols content - equal */ ul.equal2cols {} ul.equal2cols li {float:left;border-right:1px solid #ededed;width:44.6%;padding:10px 50px;} ul.equal2cols li.first {padding-left:0;} ul.equal2cols li.last {padding-right:0;border:0px !important;font-size:95%;} ul.equal2cols h2 {text-align:center;} .smaller {font-size:75%;} .hilite {color:#cc0000;} /* fees table */ .fees-data {color:#333;margin:10px 0;} .fees-data td {padding:5px 10px 5px 5px;border-bottom:2px solid #bbb;border-top:2px solid #bbb;margin:1px 0;} .fees-data td.lastcol {width:60px;padding:5px 0 !important;} .fees-data tr.even td {background:#FFFFDF;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;} .fees-data caption {font-weight:bold;} address {font-style:normal;padding:0px 0 20px 0;} /*footer style */ #footer {padding:5px 0px;width:999px;margin:30px auto 0 auto;color:#fff;background:#8fc400;font-size:110%;} #footer address {padding:0 5px 0 10px;font-style: normal;} #footer a {color:#fff;} #footer a:hover {color:#fff;text-decoration:none;} /* CSS used for styling the CONTACT form */ form#contact {float:left;width:400px;} form#contact label {display:block;float:left;clear:left;width:90px;} form#contact input {background:#fff;margin-bottom:7px;border:1px solid #fff;width:280px;float:left;} form#contact textarea {background:#fff;height:80px;border:1px solid #fff;width:280px;float:left;} form#contact input#send {background:#9e009c;float:left; border:0; margin-top:10px;cursor:pointer;width:80px;height:22px;color:#fff;margin-left:90px;display:inline;} .faulty_field {background:#fff4f4 !important;color:#ff0000;border:1px solid #ff0000 !important;} .red {color:#ff0000 !important;font-weight:bold;}