* { outline: none; } body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8E846E; } body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background-color: #FFFFFF;background-image: url(../_img/background_tile.jpg?v=1);background-repeat: repeat-x;} img { border: 0px; } h1 { font-family: Georgia, "Times New Roman", Times, serif;margin: 0px; font-size: 32px; font-weight: normal; color: #798F33; } h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px;font-weight: normal;color: #798F33;margin: 0px;} h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px;font-weight: normal;color: #8E846E;margin:0px;} a { text-decoration:none; color: #89A23A; font-weight:bold;} a:hover {text-decoration:underline; } span.hide-text { visibility:hidden; display:none;} .clear-both {clear:both;} div.half {width:50%} div.left {float:left;} table { /*border: double 1px #798F33; */ width:100%; } tr { } th { padding:4px; text-align:left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color:#798F33; } td { padding:4px; /*border: solid 1px #798F33; */ } th.no-border, td.no-border {border: none;} /* #shop-template override */ body#shop-template table, body#shop-template th, body#shop-template td { /*border-color: #B41572;*/} body#shop-template th { color: #B41572; } table.skin-type-table {border: none 0px !important;} table.skin-type-table th, table.skin-type-table td {border: none !important;} table.skin-type-table td{border: none !important;} table.skin-type-table td a{font-weight: normal !important; color: #8E846E !important; text-decoration:underline; } table.skin-type-table td a:hover {text-decoration:none; } ul#Attachments { list-style-type:none; margin:0px; padding:0px;} ul#Attachments li { padding-left:30px; margin-bottom:5px; background-image: url(../_img/bullet-green.jpg?v=1); background-repeat:no-repeat;} ul#Attachments li a{font-weight:normal;} #wrapper { width:940px; margin: 0px auto; background-image: url(../_img/shadow_main.gif?v=1);background-repeat: no-repeat;background-position:0px 137px;padding:0px 5px 0px 5px;height:487px;} #bodyWrapper { float: left; position: relative; top: 0px;width: 930px; margin: auto;} #header { } #logo { position: absolute; top: 11px; left: 19px; } #slogan {position: absolute;color: #FFFFFF;top: 55px;left: 145px;width: 600px;height: 38px;text-indent:-9999px;background-repeat:no-repeat;} #slogan { background-image: url(../_img/hdn/PerfectPotion.jpg); } #slogan.about { background-image: url(../_img/hdn/WhatIsItAllAbout.jpg); } #slogan.community { background-image: url(../_img/hdn/Community.jpg); } #slogan.employment { background-image: url(../_img/hdn/Employment.jpg); } #slogan.learn-and-discover { background-image: url(../_img/hdn/LearnAndDiscover.jpg); } #slogan.news { background-image: url(../_img/hdn/News.jpg); } #slogan.customer-care { background-image: url(../_img/hdn/CustomerCare.jpg); } #slogan.stores { background-image: url(../_img/hdn/Stores.jpg); } #slogan.treatments { background-image: url(../_img/hdn/Treatments.jpg); } #slogan.online-shop { background-image: url(../_img/hdn/OnlineShop.jpg); } .cookie { text-decoration: none; color: #798F33; display:inline-block; margin-top:15px;} #contentWrapper { margin-top: 143px; min-height: 400px; width: 930px; background-color: #FFFFFF;} #home-flash { width: 930px; /* 930, with padding */ height:297px; /* 297, with padding */ margin-bottom:10px; color:#FFF; background-image: url(../_img/home/main.jpg); background-repeat: no-repeat;} #home-flash h1{text-indent: -9999px;} #content { margin:0px 28px 0px 28px; width:auto;} #content.with-images, #content.with-menu, #content.with-menu-and-images, #content.with-right-menu, #content.with-right-featured { float: left; } #content.with-menu { width:668px; } #content.with-images { margin-right:0px; width: 590px; } #content.with-menu-and-images { margin-right:0px; width: 384px; } #content.with-right-menu { width:668px; } #content.with-right-featured { margin-right:0px; width:548px; } #content p {margin:0px;padding: 5px 0px 10px 0px; line-height:18px;} div.side-section {width:256px; margin-left:28px;margin-right:28px;padding: 86px 0px 0px 0px;float: left;} #imageList {} #imageList img { border: 1px #89A23A solid; margin-bottom: 10px; } /*old colour #913691*/ /* #shop-template override */ body#shop-template #imageList img { /*border: 1px #B41672 solid;*/ border: none; } #bannerImages {height: 297px; width: 1000px; overflow:hidden; } #bannerImages img { margin:0px; padding:0px; } /*#fadingImages { height:297px; display:none;}*/ #featured-items {width:298px;margin-left:28px;margin-right:28px;padding: 46px 0px 0px 0px;float: left;} #featured-items div, #featured-items-bottom div { padding-bottom: 0px; margin-bottom:0px;} #featured-items-bottom { width:930px; margin:0px; padding:0px; } #featured-items-bottom div { float:left; margin:0px; padding:0px; padding-right:15px; clear:none;} #featured-items-bottom div.rowend, #featured-items-bottom div.last { padding-right:0px; } #featured-items img, #featured-items-bottom img { border: 1px #89A23A solid; } /* #shop-template override */ body#shop-template #featured-items img, body#shop-template #featured-items-bottom img { border: 1px #798F33 solid; } #featured-items a.title, #featured-items-bottom a.title { display: block; width:289px; height:45px; position:relative;margin: -46px 0px 0px 1px;padding: 12px 0px 0px 9px;font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color:#FFFFFF;background-image: url(../_img/featured_right_background.png); background-repeat: no-repeat;} #featured-items.checkout-process{ padding-top:26px;} #featured-items.checkout-process h2{ font-size:32px;} #featured-items h3.checkout-process{ font-size:22px; color: #798F33;} #featured-items.checkout-process a.title { background-image: url(../_img/featured_right_background.png?v=1);font-size:16px;} #footer { clear: both; padding-top: 30px; margin-left: 30px; margin-bottom: 20px; } #footer a { color: #8E846E !important; text-decoration: none; } #copyright { padding-top: 3px; padding-left: 10px; font-size: 10px; } div.thickbox-ajax-container { } /* music player */ #home-flash {} #musicPlayer { position:absolute; top: 0px;right: 50px; z-index:99;} #musicPlayer #flash {width:400px;height:50px;} #musicPlayer #flash:hover { height:250px;} #websiteIFrame { position:absolute; z-index:98; border:0px; width:100%; height:100%; } #bookmark { color:#fff; position:absolute; top: -4px; left: 600px; white-space:nowrap; font-size:9px;} /**************************** Main Menu ****************************/ #menu { position: absolute; top: 100px; left: 145px; height: 20px;} #menu ul { list-style: none; margin: 0px; padding: 0px; height: 20px;} #menu li { float: left;display: inline;height: 20px;margin: 0px;} #menu li a {display: block;height: 20px;text-indent: -999em;background-repeat: no-repeat;background-position: 0px 0px;} #menu li a:hover { background-position: bottom left; } #menu li.home a { width: 60px; background-image: url(../_img/btn/btnHome.gif); } #menu li.about a { width: 81px; background-image: url(../_img/btn/btnAbout.gif); } #menu li.stores a { width: 61px; background-image: url(../_img/btn/btnStores.gif); } #menu li.treatments a { width: 96px; background-image: url(../_img/btn/btnTreatments.gif); } #menu li.learn a { width: 149px; background-image: url(../_img/btn/btnLearnAndDiscover.gif); } #menu li.shop a { width: 104px; background-image: url(../_img/btn/btnOnlineShop.gif); } #menu li.community a { width: 100px; background-image: url(../_img/btn/btnCommunity.gif); } #menu li.customer-care a { width: 116px; background-image: url(../_img/btn/btnCustomerCare.gif); } #menu li.news a { width: 57px; background-image: url(../_img/btn/btnNews.gif); } #menu li.search a { width: 65px; background-image: url(../_img/btn/btnSearch.gif); } /* #shop-template override */ #shop-template #menu li.home a { background-image: url(../_img/btn/shop/btnHome.gif?v=1); } #shop-template #menu li.search a { background-image: url(../_img/btn/shop/btnSearch.gif?v=1); } /* the following do not have a corresponding green version (so they're not really overriding anything) */ body#shop-template #menu li.viewBasket a { width: 101px; background-image: url(../_img/btn/shop/btnViewBasket.gif?v=1); } body#shop-template #menu li.myDetails a { width: 93px; background-image: url(../_img/btn/shop/btnMyDetails.gif?v=1); } body#shop-template #menu li.favourites a { width: 91px; background-image: url(../_img/btn/shop/btnFavourites.gif?v=1); } body#shop-template #menu li.wishlist a { width: 79px; background-image: url(../_img/btn/shop/btnWishlist.gif?v=1); } body#shop-template #menu li.help a { width: 53px; background-image: url(../_img/btn/shop/btnHelp.gif?v=1); } body#shop-template #menu li.logout a { width: 66px; background-image: url(../_img/btn/shop/btnLogout.gif?v=1); } #menuPerfectPotionHome { position: absolute; top: 100px; right: 20px; } #menuPerfectPotionHome span { float: left; height: 20px; margin: 0px; } #menuPerfectPotionHome span a {display: block;height: 20px;text-indent: -999em;background: url(../_img/btn/shop/btnPerfectPotionHome.gif) 0 0 no-repeat;width: 155px;} #menuPerfectPotionHome span a:hover { background-position: bottom left; } /**************************** Shop sub menu ****************************/ #shopMenu { padding: 5px 5px 5px 20px;width:100%; height:15px;clear:both;} ul#shopMenuDropdown {font-family: Georgia, "Times New Roman", Times, serif;font-size: 15px; list-style: none; margin: 0px; padding: 0px;width:805px;float:left;} ul#shopMenuDropdown li {float:left;list-style: none;padding: 0px 3px 0px 3px;margin:0px;background-image: url(../_img/sub-menu-divider.gif?v=1); background-repeat:no-repeat; background-position:right 8px;} ul#shopMenuDropdown li.last { background:none; padding-right:0px;} ul#shopMenuDropdown li.first { padding-left:0px; } ul#shopMenuDropdown li a div { } ul#shopMenuDropdown li a {display: block;text-decoration: none;font-weight:normal;white-space: nowrap;display: block;/*padding: 6px 8px 6px 7px;*/ padding: 6px 6px 6px 5px;} ul#shopMenuDropdown li div.hover /* style applied by jquery */{ background-color:#758A32; background-image: url(../_img/submenuTopLeft.gif?v=1); background-repeat: no-repeat;} ul#shopMenuDropdown li div.hover a /* style applied by jquery */{ color: #FFFFFF;background-image: url(../_img/submenuTopRight.gif?v=1);background-repeat: no-repeat;background-position:right 0px;} ul#shopMenuDropdown li ul { font-family: Arial, Verdana;font-size: 12px; margin: 0px;margin-left:-3px;padding: 0px;position: absolute;z-index:1; visibility: hidden; width: auto;} ul#shopMenuDropdown li ul li { float: none; background:none;} ul#shopMenuDropdown li ul li a {width: 174px;color: #FFFFFF;padding:6px 0px 6px 0px;background-color: #758A32; display:block;text-indent:9px;} ul#shopMenuDropdown li ul li a:hover { background-color: #9FB262; } ul#shopMenuDropdown li ul li a.last {background:none;background-image: url(../_img/submenuBottom.png?v=2);background-repeat: no-repeat;padding:6px 0px 9px 0px;} ul#shopMenuDropdown li ul li a.last:hover { background-position:0px -30px;} #checkout-button { text-indent:-999px; width:83px; height:25px; overflow:hidden; background-image: url(../_img/btn/shop/btnCheckout.gif?v=1); background-repeat:no-repeat; background-position: 0px 0px; float:left; margin-top:5px;} #checkout-button:hover { background-position: bottom left; } #proceed-checkout-button { display:block; text-indent:-9999px; width:148px;height:27px;overflow:hidden;background-image: url(../_img/btn/shop/btnProceedToCheckout.gif?v=1);background-repeat:no-repeat;background-position: 0px 0px;float:right;margin-top:5px;} #proceed-checkout-button:hover {background-position: bottom left;} #continue-shopping-button { display:block; text-indent:-9999px; width:148px; height:27px; overflow:hidden; background-image: url(../_img/btn/shop/btnContinueShopping.gif?v=1); background-repeat:no-repeat; background-position: 0px 0px; float:right;margin-top:5px;} #continue-shopping-button:hover {background-position: bottom left;} #back-to-basket {display:block;text-indent:-9999px;width:49px;height:27px;overflow:hidden;background-image: url(../_img/btn/shop/btnBack.gif?v=1);background-repeat:no-repeat;background-position: 0px 0px;float:right;margin-top:5px;} #back-to-basket:hover {background-position: bottom left;} /**************************** Main sub menu ****************************/ ul#treatmentMenu { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; list-style: none; margin:15px 15px 15px 0px; padding: 0px; clear:both;text-align:center;} ul#treatmentMenu.align-left {text-align:left; margin: 0px 0px 0px 15px; padding-top:15px;} ul#treatmentMenu li{display:inline;list-style: none;margin: 0px 6px 0px 0px;background-image: url(../_img/sub-menu-divider.gif?v=1);background-repeat:no-repeat;background-position:0px 3px;padding-left:15px;padding-bottom:15px;} ul#treatmentMenu li.first { background:none; padding-left:15px; } ul#treatmentMenu li a { color:#798F33; font-weight:normal; } /**************************** Print menu ****************************/ #printMenu { width:60px;float:right; position: relative; margin: 0px; padding: 0px; top: 40px;right: 20px;} #printMenu span {float: left;height: 16px;margin: 0px;padding-right: 6px;} #printMenu span a { display: block; height: 20px;text-indent: -999em;} #printMenu span.forwardToAFriend a { width: 20px; background: url(../_img/Store/btnSendToAFriend.gif?v=1) 0 0 no-repeat;} #printMenu span.printPage a { width: 20px; background: url(../_img/Store/btnPrint.gif?v=1) 0 0 no-repeat; } #printMenu span a:hover { background-position: bottom left; } /**************************** Content menu ****************************/ #contentMenu { float: left; width: 206px; padding-top:30px;} #contentMenu #contentMenuHeading {font-size: 32px; font-family: Georgia, "Times New Roman", Times, serif;padding-left:28px; text-indent:-9999px; width: 206px; display:inline; } /* #shop-template override */ body#shop-template #contentMenu #contentMenuHeading {text-indent:0px; color:#B41572;} #contentMenu ul {font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; list-style: none; padding: 0px;margin: 20px 0px 0px 28px;} #contentMenu li { display:block; width: 161px; border-top: 1px solid #C5C0B5; padding: 5px 0px 5px 15px; margin:0px;} #contentMenu li a { color: #798F33; font-weight:normal;} #contentMenu li.first { border: none; } #contentMenu li a:hover, #contentMenu li.selected a { color: #8E846E;} /* #shop-template override */ body#shop-template #contentMenu li a:hover, body#shop-template #contentMenu li.selected a { color: #8E846E;} /****** content right menu *******/ #contentRightMenu { float: left; width: 206px; } #contentRightMenu ul {font-family: Georgia, "Times New Roman", Times, serif;font-size: 15px;list-style: none; padding: 70px 0px 0px 0px;margin: 0px 0px 0px 0px;} #contentRightMenu li {display:block;width: 161px;border-top: 1px solid #C5C0B5; padding: 5px 0px 5px 15px;margin:0px;} #contentRightMenu li a { color: #798F33; font-weight:normal;} /* #shop-template override */ body#shop-template #contentRightMenu li a { color: #B41572; } #contentRightMenu li a:hover { color: #8E846E; } #contentRightMenu li.first { border: none; } #contentRightMenu li.selected a { color: #8E846E;} /* #shop-template override */ body#shop-template #contentRightMenu li.selected a { color: #8E846E;} body#shop-template #contentRightMenu li a:hover { color: #8E846E;} /* Glossary Page */ #glossaryBrowse { background-image: url(../_img/BackgroundTileGradientGr.jpg?v=1); background-repeat: repeat-x; padding: 5px 10px 0px 10px; margin: 0px 0px 0px 0px; height: 72px;} .glossaryLetter { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; padding-right: 8px; } .glossaryLetterSelected, #glossaryBrowse a:hover { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; padding-right: 8px; color: #C5C0B5;} #glossaryBrowse h2 { margin-bottom: 3px; } /* Ailment Page */ #ailmentBrowse { background-image: url(../_img/BackgroundTileGradientGr.jpg?v=1); background-repeat: repeat-x;padding: 5px 10px 0px 10px;margin: 0px 0px 0px 0px;height: 72px;} .ailmentLetter { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; padding-right: 8px; } .ailmentLetterSelected, #ailmentBrowse a:hover { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; padding-right: 8px; color: #C5C0B5; } #ailmentBrowse h2 { margin-bottom: 3px; } /**************************** Footer menu ****************************/ #footer ul { list-style: none; margin: 0px; padding: 0px; width: 760px; height: 20px; } #footer li { float: left; display: inline; height: 20px; margin: 0px; padding:0px; } #footer li a { display: block; height: 20px; text-indent: -999em; background-repeat:no-repeat; background-position: 0px 0px; } #footer li a:hover { background-position: bottom left; } #footer li.search a { width: 56px; background-image: url(../_img/btn/btnSearchFooter.gif?v=1); } #footer li.contact a { width: 58px; background-image: url(../_img/btn/btnContact.gif?v=1); } #footer li.employment a { width: 93px; background-image: url(../_img/btn/btnEmployment.gif?v=1); } #footer li.Sitemap a { width: 65px; background-image: url(../_img/btn/btnSitemap.gif?v=1); } #footer li.privacy a { width: 92px; background-image: url(../_img/btn/btnPrivacyPolicy.gif?v=1); } #footer li.terms a { width: 143px; background-image: url(../_img/btn/btnTermsAndConditions.gif?v=1); } #footer li.myhome a { width: 72px; background-image: url(../_img/btn/btnMyHome.gif?v=1); } #footer li.logout a { width: 50px; background-image: url(../_img/btn/btnLogoutFooter.gif?v=1); }