/* CSS Document 2008 Mezzanine Creative www.mezzaninecreative.co.uk */ /*=================MAIN START==============*/ html { } body {font: 13px/1.3 Verdana, Arial, Helvetica, sans-serif; color:#555;} a:focus {outline: 1px dotted invert;} a:link {color:#555; text-decoration:none;} a:visited {color:#555; text-decoration:none;} a:hover {color:#000; text-decoration:none;} a:active {color:#000; text-decoration:none;} #footer a:link {color:#000; text-decoration:none;} #footer a:visited {color:#000; text-decoration:none;} #footer a:hover {color:#FFF; text-decoration:none;} #footer a:active {color:#FFF; text-decoration:none;} #rightColumn a:link {color:#FFF; text-decoration:none;} #rightColumn a:visited {color:#FFF; text-decoration:none;} #rightColumn a:hover {color:#AED79B; text-decoration:none;} #rightColumn a:active {color:#AED79B; text-decoration:none;} hr {border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0;} p {} h1 {font-size: 36px;} h2 {font-size: 22px;} h3 {font-size: 21px;} h4 {font-size: 19px;} h5 {font-size: 17px;} h6 {font-size: 15px;} .xxsmall {font-size: 10px;} .xsmall {font-size: 12px;} .small {font-size: 14px;} .medium {font-size: 16px;} .large {font-size: 22px;} .xlarge {font-size: 26px;} .xxlarge {font-size: 32px;} ol {list-style: decimal;} ul {list-style: square;} li {margin-left: 30px;} p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {margin-bottom: 20px;} #wrapper {overflow:hidden;} .marginLeft {margin-left:20px;} .marginRight {margin-right:20px;} .marginLeftHalf {margin-left:10px;} .marginRightHalf {margin-right:10px;} .marginTop {margin-top:20px;} .marginTopHalf {margin-top:10px;} .marginBottom {margin-bottom:20px;} .marginBottomHalf {margin-bottom:10px;} .marginBottomNone {margin-bottom:0;} .contentImageLeft {float:left;} .contentImageRight {float:right;} /*WHITE*/ .colorOne {color:#FFF;} /*LIGHT PINK*/ .colorTwo {color:#E2B0BC;} /*LIGHT GREEN*/ .colorThree {color:#AED79B;} /*MID PURPLE*/ .colorFour {color:#BE7F92;} /*BLUE*/ .colorFive {color:#7398A7;} /*DARK GREEN*/ .colorSix {color:#9DC587;} /*RED*/ .colorSeven {color:#8F5047;} /*LIGHT GREY*/ .colorEight {color:#BBB;} /*SATURATED GREEN*/ .colorNine {color:#256227;} /*NHS BLUE*/ .colorTen {color:#194173;} .serif {font-family:Georgia, 'Times New Roman', Times, serif;} .bold {font-weight:bold;} .italic {font-style:italic;} .quoteBox {border:1px solid #AED79B;} .greenStripe {background:#AED79B;padding:6px 10px;} .purpleStripe {background:#BE7F92;padding:6px 10px;} .pictureStripe {overflow:hidden;height:150px;} .pictureStripe img {float:left;margin:0 20px 0 0;} .pictureStripe p {margin:10px 20px 0 0;} .leftColumnInclude {border:1px solid #555656;padding:10px;margin:10px 10px 0 0;} .greenOutline {border:1px solid #AED79B; padding:10px;} a.greenArrow {padding-right:30px;background:url(../_images/greenArrow.png) no-repeat 100% 50%;} /*=================MAIN END==============*/ /*=================HEADER START==============*/ #headerTop { background:#AED79B;padding-top:20px;} #headerTopR {text-align:right; padding-bottom:10px;} #headerMiddle {background:#555;color:#E2B0BC; font:14px Geneva, Arial, Helvetica, sans-serif; text-indent:20px;padding:5px 0;} /*=====MENU TOP START=====*/ #menuTop {font:bold 14px Georgia, 'Times New Roman', Times, serif;color:#FFF;position:relative; background:url(../_images/menuBack.png) repeat-x 0 -5px;height:52px;} #menuTop ul {float:left;height:52px;padding:0;margin:0;list-style-type:none;background:#FFF;} #menuTop ul li a {float:left;text-align:center;height:22px;text-decoration:none;color:#FFF;padding:5px 5px;margin:0 18px 0 0;background:#555;} #menuTop ul li.last a {margin:0px;} #menuTop ul li {display:inline} #menuTop ul li a:hover {padding-top:15px;} #menuTop ul li a.menu1 {background:#B7B7B8;} #menuTop ul li a.menu2 {background:#AA6A7F;} #menuTop ul li a.menu3 {background:#BE7F92;} #menuTop ul li a.menu4 {background:#E2B0BC;} #menuTop ul li a.menu5 {background:#AED79B;} #menuTop ul li a.menu6 {background:#6193BC;} #menuTop ul li a.menu7 {background:#52798E;} #menuTop ul li a.menu8 {background:#555;} #menuTop ul li a.menu9 {background:#56923D;} /*=====MENU TOP END=====*/ /*=================HEADER END==============*/ /*=================CONTENT START==============*/ #content {overflow:hidden;} #content.treatmentsLayout {background:url(../_images/contentBack.png) repeat-y; overflow:hidden;} #content.contactLayout {border:1px solid #AED79B;} #offersBanner {padding:0 0 20px 10px;background:#FFF;overflow:hidden;width:940px;} #offersBannerLeft {float:left;width:505px;height:187px;background:url(../_images/offers_banner_left.jpg) no-repeat;margin:0 15px 0 0;} #offersBannerRight {float:left;width:420px;height:187px;background:url(../_images/offers_banner_right.jpg) no-repeat;} #offersBannerRight div {width:260px;height:170px;margin:10px 0 0 160px;} #offersBannerRight a {display:block;width:183px;height:33px;text-indent:-9999px;margin:10px 0 0 0;background:url(../_images/btn_book_now.png) no-repeat;} #offersBannerLeft a {display:block;width:183px;height:33px;text-indent:-9999px;margin:10px 0 0 0;background:url(../_images/btn_read_more.png) no-repeat;} #offersBannerPics {width:223px;height:187px;float:left;overflow:hidden;position:relative;margin:0 10px 0 0;} #offersBannerLeftDescription {float:left;width:250px;height:170px;margin:15px 0 0 0;} /*======LEFT COLUMN START======*/ #leftColumn { } #menuSide {float:left;} #content #menuSide ul {list-style:none;} #content #menuSide ul li {font-size:16px;} #yourClinic img {margin-bottom:15px;} #contentFooter {margin-top:50px;} #loader {width:520px;height:353px;} #loader2 {width:520px;height:307px;} #membership img {margin:20px 30px 20px 0;} /*======LEFT COLUMN END======*/ /*======MAIN COLUMN START======*/ #mainColumn {float:left;} #gallery {margin:20px 0; height:394px; background:#D5D5D5;position:relative;} #galleryL {position:absolute;width:394px;height:394px;top:0;left:0;} #galleryB {position:absolute;width:150px;height:160px;top:0;left:410px;} #galleryCT {position:absolute;width:150px;height:104px;top:174px;left:410px;} #galleryCB {position:absolute;width:150px;height:104px;top:290px;left:410px;} #galleryDescription {position:absolute;width:365px;height:394px;top:0px;left:575px;background:#555555;color:#7398A7;font-family:Georgia, 'Times New Roman', Times, serif;} #galleryDescription a {color:#FFF;} #galleryDescriptionInclude {background:url(../_images/gallery_back.png) repeat-x; height:34px;padding:0 0 0 20px;margin-bottom:20px;} #addressBox {background:#F2F8ED;padding:5px;overflow:hidden;width:417px;} #addressBoxL {width:240px;float:left; border-right:2px solid #AED79B;} #addressBoxR {width:160px;margin:0 0 0 10px;float:left;} #tubeBox {border-top:2px solid #AED79B;margin:5px 0 5px 0;padding:5px 0 0 0;} #tubeBox img {margin:5px 2px 0 0;} /*======MAIN COLUMN END======*/ /*======RIGHT COLUMN START======*/ #content.treatmentsLayout #rightColumn {background:url(../_images/arrow_rightcolumn.png) no-repeat 330px 10px; color:#FFF; padding-top:20px;} #rightColumn {color:#FFF; padding-top:20px;} #rightColumn h1, #rightColumn h2, #rightColumn h3, #rightColumn h4, #rightColumn h5, #rightColumn h6 {} #rightColumn p, #rightColumn ol, #rightColumn ul {margin-right:20px;} #rightColumn ul li, #rightColumn ol li {padding:0;margin-top:20px;margin-bottom:20px;} #rightColumn div.quoteBox {margin:40px 20px 40px 0;} #localMapBox {background:#ECE9EB;width:230px;float:right;margin:0 10px 0 0;padding:0;color:#AAA;} #rightColumn #treatBox {overflow:hidden;} #rightColumn #treatBox a {display:block;width:120px;height:162px;text-align:center;float:left;margin:0 10px 10px 0;padding:3px 0 0 0;font: bold 13px Georgia, 'Times New Roman', Times, serif;color:#3A3A3A;} a#treat01 {background:#999999 url(../_images/treat001_off.jpg) no-repeat 0% 100%;} a#treat01:hover {background:#AED79B url(../_images/treat001.jpg) no-repeat 0% 100%;} a#treat02 {background:#999999 url(../_images/treat002_off.jpg) no-repeat 0% 100%;} a#treat02:hover {background:#AED79B url(../_images/treat002.jpg) no-repeat 0% 100%;} a#treat03 {background:#777777 url(../_images/treat003_off.jpg) no-repeat 0% 100%;} a#treat03:hover {background:#AA6A7F url(../_images/treat003.jpg) no-repeat 0% 100%;} a#treat04 {background:#999999 url(../_images/treat004_off.jpg) no-repeat 0% 100%;} a#treat04:hover {background:#AED79B url(../_images/treat004.jpg) no-repeat 0% 100%;} a#treat05 {background:#999999 url(../_images/treat005_off.jpg) no-repeat 0% 100%;} a#treat05:hover {background:#AED79B url(../_images/treat005.jpg) no-repeat 0% 100%;} a#treat06 {background:#999999 url(../_images/treat006_off.jpg) no-repeat 0% 100%;} a#treat06:hover {background:#AED79B url(../_images/treat006.jpg) no-repeat 0% 100%;} a#treat07 {background:#999999 url(../_images/treat007_off.jpg) no-repeat 0% 100%;} a#treat07:hover {background:#AED79B url(../_images/treat007.jpg) no-repeat 0% 100%;} a#treat08 {background:#999999 url(../_images/treat008_off.jpg) no-repeat 0% 100%;} a#treat08:hover {background:#AED79B url(../_images/treat008.jpg) no-repeat 0% 100%;} a#treat09 {background:#999999 url(../_images/treat009_off.jpg) no-repeat 0% 100%;} a#treat09:hover {background:#AED79B url(../_images/treat009.jpg) no-repeat 0% 100%;} a#treat10 {background:#999999 url(../_images/treat013_off.jpg) no-repeat 0% 100%;} a#treat10:hover {background:#AED79B url(../_images/treat013.jpg) no-repeat 0% 100%;} a#treat11 {background:#999999 url(../_images/treat011_off.jpg) no-repeat 0% 100%;} a#treat11:hover {background:#AED79B url(../_images/treat011.jpg) no-repeat 0% 100%;} a#treat12 {background:#999999 url(../_images/treat012_off.jpg) no-repeat 0% 100%;} a#treat12:hover {background:#AED79B url(../_images/treat012.jpg) no-repeat 0% 100%;} a#treat13 {background:#999999 url(../_images/treat014_off.jpg) no-repeat 0% 100%;} a#treat13:hover {background:#AED79B url(../_images/treat014.jpg) no-repeat 0% 100%;} a#treat14 {background:#999999 url(../_images/treat015_off.jpg) no-repeat 0% 100%;} a#treat14:hover {background:#AED79B url(../_images/treat015.jpg) no-repeat 0% 100%;} div.offersColumn dl {width:375px;overflow:hidden;margin:20px 0;padding:0;} div.offersColumn dl dt {float:left;width:100px;} div.offersColumn dl dt img {width:90px;} div.offersColumn dl dd {float:left;width:273px;color:#FFF;font-size:16px;} div.offersColumn dl dd h2 {font-size:16px;margin:0 0 10px 0;padding:0;color:#AED79B;} /*======RIGHT COLUMN END======*/ /*=================CONTENT END==============*/ /*=================FOOTER START==============*/ #footer {text-align:center;font-size:12px;margin:20px 0;} #footerInclude {height:90px; width:940px; margin:0 0 10px 0;padding-left:10px;} #footerInclude a {display:block; width:57px; height:80px; float:left; margin:3px 10px 5px 0;} #footerInclude a#nav101 {background:#CCC url(../_images/treatment001_off.jpg) no-repeat;} #footerInclude a#nav101:hover, body.nav101 #footerInclude a#nav101 {background:url(../_images/treatment001_on.jpg) no-repeat;} #footerInclude a#nav102 {background:#CCC url(../_images/treatment002_off.jpg) no-repeat;} #footerInclude a#nav102:hover, body.nav102 #footerInclude a#nav102 {background:url(../_images/treatment002_on.jpg) no-repeat;} #footerInclude a#nav103 {background:#CCC url(../_images/treatment003_off.jpg) no-repeat;} #footerInclude a#nav103:hover, body.nav103 #footerInclude a#nav103 {background:url(../_images/treatment003_on.jpg) no-repeat;} #footerInclude a#nav104 {background:#CCC url(../_images/treatment004_off.jpg) no-repeat;} #footerInclude a#nav104:hover, body.nav104 #footerInclude a#nav104 {background:url(../_images/treatment004_on.jpg) no-repeat;} #footerInclude a#nav105 {background:#CCC url(../_images/treatment005_off.jpg) no-repeat;} #footerInclude a#nav105:hover, body.nav105 #footerInclude a#nav105 {background:url(../_images/treatment005_on.jpg) no-repeat;} #footerInclude a#nav106 {background:#CCC url(../_images/treatment006_off.jpg) no-repeat;} #footerInclude a#nav106:hover, body.nav106 #footerInclude a#nav106 {background:url(../_images/treatment006_on.jpg) no-repeat;} #footerInclude a#nav107 {background:#CCC url(../_images/treatment007_off.jpg) no-repeat;} #footerInclude a#nav107:hover, body.nav107 #footerInclude a#nav107 {background:url(../_images/treatment007_on.jpg) no-repeat;} #footerInclude a#nav108 {background:#CCC url(../_images/treatment008_off.jpg) no-repeat;} #footerInclude a#nav108:hover, body.nav108 #footerInclude a#nav108 {background:url(../_images/treatment008_on.jpg) no-repeat;} #footerInclude a#nav109 {background:#CCC url(../_images/treatment009_off.jpg) no-repeat;} #footerInclude a#nav109:hover, body.nav109 #footerInclude a#nav109 {background:url(../_images/treatment009_on.jpg) no-repeat;} #footerInclude a#nav110 {background:#CCC url(../_images/treatment010_off.jpg) no-repeat;} #footerInclude a#nav110:hover, body.nav110 #footerInclude a#nav110 {background:url(../_images/treatment010_on.jpg) no-repeat;} #footerInclude a#nav111 {background:#CCC url(../_images/treatment011_off.jpg) no-repeat;} #footerInclude a#nav111:hover, body.nav111 #footerInclude a#nav111 {background:url(../_images/treatment011_on.jpg) no-repeat;} #footerInclude a#nav112 {background:#CCC url(../_images/treatment012_off.jpg) no-repeat;} #footerInclude a#nav112:hover, body.nav112 #footerInclude a#nav112 {background:url(../_images/treatment012_on.jpg) no-repeat;} #footerInclude a#nav113 {background:#CCC url(../_images/treatment013_off.jpg) no-repeat;} #footerInclude a#nav113:hover, body.nav113 #footerInclude a#nav113 {background:url(../_images/treatment013_on.jpg) no-repeat;} #footerInclude a#nav114 {background:#CCC url(../_images/treatment014_off.jpg) no-repeat;margin:3px 0px 5px 0;} #footerInclude a#nav114:hover, body.nav114 #footerInclude a#nav114 {background:url(../_images/treatment014_on.jpg) no-repeat;margin:3px 0px 5px 0;} /*#footerInclude a#nav115 {background:#CCC url(../_images/treatment015_off.jpg) no-repeat;} #footerInclude a#nav115:hover, #footerInclude a#nav115.selected {background:url(../_images/treatment015_on.jpg) no-repeat;}*/ /*=================FOOTER END==============*/ /*=================PRELOADER START==============*/ #preload { height: 0; overflow: hidden; } /*=================PRELOADER END==============*/