/* This style sheet is for the UK site only. It cannot be used with the US site. =================================================================================================*/ /* The transparent background image was constructed with background-color: #0c0200 + opacity: 0.8 */ /* Vague ================================================*/ html { background-color: #000; background-position: top left; background-repeat: no-repeat; } body { font-family: Arial, Helvetica, sans-serif; } img { display: block; margin: 0; padding: 0; border: none; } legend { display: block; margin-bottom: 7px; margin-left: 3px; color: #e2d7c0; font-size: 13px; text-transform: uppercase; padding: 3px; } fieldset { border: none; } table { width: auto; margin: 0; padding: 0; border: none; border-collapse: collapse; } table td { padding: 0; border: none; vertical-align: middle; } a, a:link { color: #fff; } a:hover, a:active { color: #fff; text-decoration: none; } a:visited { text-decoration: underline; } a:focus { outline: none; } .bottomPadding li { padding-bottom: 20px; } .underline { text-decoration: underline; } .uppercase { text-transform: uppercase; } .leftUppercase { text-align: left; text-transform: uppercase; } :focus { outline: 0; } ul#skipLinks { display: block; position: absolute; top: -60px; right: 20px; width: 100px; height: 50px; margin: 0; padding: 0; text-indent: -9999px; } em { font-style: italic; } #emailFriendContainer p, label { color: #b39850; font-size: 12px; line-height: 1.8em; } #printMasthead { display: none; } /* Text Resize ================================================*/ body.s #pageBody p, body.s #pageBody { font-size: 11px; } body.m #pageBody p, body.m #pageBody { font-size: 13px; } body.l #pageBody p, body.l #pageBody { font-size: 16px; } /* International Redirect Page ================================================*/ .internationalPageHR { height: 50px; font-size: 10px; border-bottom: 1px solid #584b29; } #internationalNavBox { height: 30px; margin-top: 400px; background: url(../images/global/transparent-background.png) 0 0 repeat; } #chocolateGlobe { float: left; width: 240px; height: 146px; padding-top: 40px; padding-left: 50px; } #internationalNav { float: left; width: 700px; height: 30px; padding-top: 8px; left: 100%; margin-left: -100%; position: relative; padding-left: 0px;} #internationalNav:after { display: block; visibility: hidden; clear: both; height: 0; content:"."; } #internationalNav { display: inline-block; } #internationalNav ul { margin: 0; padding: 0; list-style: none; } #internationalNav li { position: relative; float: left; width: 150px; padding-left: 5px; color: #b39850; font-weight: bold; font-size: 11px; text-transform: uppercase; } #internationalNav li#europe { margin-right: 0; } #internationalNav li#northAmerica { margin-right: 0px; } #internationalNav li#asiaPacific { margin-right: 0px; } #internationalNav li#canada { display: none; } #internationalNav ul ul { display: block; text-indent: -9999px; padding-top: 15px; background: url(../images/global/transparent-background.png) 0 0 repeat; } #internationalNav a { display: block; color: #b39850; font-weight: bold; font-size: 11px; text-transform: uppercase; text-decoration: none; } #internationalNav ul ul li, #internationalNav ul ul li a { width: 145px; background: url(../images/global/transparent-background.png) 0 0 repeat; } #internationalNav ul ul li a { padding-bottom: 20px; } #internationalNav ul li:hover ul { display: block !important; text-indent: 0px !important; height: 100px; padding-top: 15px; background: url(../images/global/transparent-background.png) 0 0 repeat; } #internationalNav ul ul a:focus, #internationalNav ul a:focus ul li { display: block !important; text-indent: 0px !important; height: 100px; padding-top: 0px; background: url(../images/global/transparent-background.png) 0 0 repeat; } /* #internationalNav ul a:hover li, #internationalNav ul a:focus li { display: block; padding-top: 15px; background: url(../images/global/transparent-background.png) 0 0 repeat; } */ #internationalNav li a:hover, #internationalNav li a:focus { color: #fff; } #shopUK { margin-left: 20px; } li#europe span { display: none; width: 248px; height: 115px; background: url(../images/global/chocolate-global-map_europe.png) no-repeat; } li#northAmerica span { display:none; width: 248px; height: 115px; background: url(../images/global/chocolate-global-map_northAmerica.png) no-repeat; } li#europe a:hover span, li#europe a.sfhover span, li#europe a:focus span { display: block; position: absolute; left: -290px; top: 32px; } li#northAmerica a:hover span, li#northAmerica a.sfhover span, li#northAmerica a:focus span { display: block; position: absolute; left: -445px; top: 32px; } li#asiaPacific a:hover span, li#asiaPacific a.sfhover span, li#asiaPacific a:focus span { display: block; position: absolute; left: -445px; top: 32px; } /* Header Page Tools ================================================*/ #pageHeader { position: fixed; width: 100%; height: 30px; color: #fff; font-size: 10px; background: url(../images/ui/pageHeader_backgrnd.png) repeat-x; z-index: 9999; } #pageToolsContainer { position: fixed; right: 0; top: 0; width: 100%; height: 50px; font-size: 10px; border-bottom: 1px solid #584b29; background-color: #0c0200; z-index: 20000; } #pageToolsContainer, #pageToolsContainer a { color: #b39850; font-size: 11px; text-decoration: none; } #shopOnline { float: left; margin: 15px 0 0 50px; background: url(../images/ui/Home_ShopBag.png) 0 0 no-repeat; } #shopOnline p { margin-top: 3px; padding-left: 30px; } #shopOnline a:hover { color: #fff; } #pageTools { float: right; margin-top: 5px; } #languageLinks { float: left; height: 33px; margin-right: 20px; color: #b39850; font-size: 11px; line-height: 33px; } #languageLinks a { margin: 0 3px; color: #b39850; text-decoration: none; } #languageLinks a:hover { color: #fff; } #pageToolsForm { float: left; width: 230px; height: 33px; } #pageTools form { height: 33px; padding-right: 10px; } #pageTools label { display: block; float: left; height: 33px; } #searchBoxLabel { position: absolute; top: -1000px; left: -1000px; } #pageTools input#ajaxSearch_input, #pageTools input#ajaxSearch_submit { border: none; margin-top: 5px; padding: 3px; color: #877139; font-size: 13px; background-color: #000; } #pageTools input#ajaxSearch_input { border: 1px solid #877139; width: 140px;} #pageTools input:focus { color: #000; background-color: #fff; } #pageTools img { margin-top: 0px; margin-left: 0px; } #pageToolsTools { float: left; margin-right: 30px; } #pageToolsTools ul { display: block; margin: 0; padding: 0; } #pageToolsTools ul li { margin: 0; padding: 0; list-style: none; list-style-type: none; } #pageToolsTools ul li a { text-decoration: none; } #pageToolsTools span#accessibility { position: absolute; left: 20px; top: 0; font-weight: bold; } #pageToolsTools span#accessibility ul { display: inline; width: 100px; margin: 0; padding: 0; } #pageToolsTools span#accessibility ul { height: 20px; } #pageToolsTools span#accessibility ul li { float: left; height: 20px; margin: 0 5px; } body #pageToolsTools li a.s { padding: 0 2px; font-weight: normal; font-size: 9px; } body #pageToolsTools li a.m { padding: 0 2px 1px 2px; font-weight: normal; font-size: 12px; } body #pageToolsTools li a.l { padding: 0 2px 2px 2px; font-weight: normal; font-size: 15px; } body #pageToolsTools a:hover { color: #fff; } /* Index Page Page Body ================================================*/ #pageBodyIndex { width: 900px; min-height: 450px; padding-bottom: 150px; color: #8d712e; color: #b39850; font-size: 12px; line-height: 1.8em; } #leftLogoNavColumnIndex { float: left; width: 250px; margin-top: 75px; padding-bottom: 50px; } #leftLogoNavColumnIndex h1#logo { width: 125px; height: 63px; margin: 15px 0 30px 30px; padding: 0; } #leftLogoNavColumnIndex h1#logo a { display: block; width: 125px; height: 63px; } #leftLogoNavColumnIndex h1#logo em { display: block; color: #fff; font-size: 18px; position: absolute; top: -99999px;} #pageContentIndex { float: left; width: 600px; background-color: transparent !important; } #pageContentIndex h2#tagline { margin-top: 280px; margin-left: 50px; color: #b39850; font: 22px/1.2em "Times New Roman", Times, serif; text-transform: uppercase; } #shopBox { width: 140px; margin: 50px 0 0 50px; } #shopBox p { } #shopBox p a { display: block; width: 140px; margin-left: 10px; padding-top: 80px; background: url(../images/ui/Home_ShopBox.png) -20px 0 no-repeat; color: #b39850; font-size: 11px; text-decoration: none; } #shopBox p a:hover { color: #fff; cursor: pointer; } /* Page Body ================================================*/ #pageBody { width: 1040px; margin: 0; padding: 0; color: #8d712e; color: #b39850; font-size: 12px; z-index: 500; } #pageBody:after { display:block; visibility:hidden; clear:both; height:0; content:"."; } #pageBody { display:inline-block; min-height: 600px;} /* Left Logo Navigation Column ================================================*/ #leftLogoNavColumn { float: left; width: 200px; margin-top: 75px; padding-bottom: 50px; } #leftLogoNavColumn h1#logo { width: 125px; height: 63px; margin: 15px 0 30px 30px; } #leftLogoNavColumn h1#logo a { display: block; width: 125px; height: 163px; } #leftLogoNavColumn h1#logo em { display: block; color: #fff; font-size: 18px; position: absolute; top: -99999px;} #mainMenuBar { bottom: 35px; /* remove for FF Mac */ } #mainMenuBar a{display: block;} #whatWeMakeList #mainMenuBar ul, #mainMenuBar ul { margin: 0; padding: 0; list-style: none; list-style-type: none; } #whatWeMakeList #mainMenuBar li, #mainMenuBar li { margin: 0px; padding: 0 0 10px 0; list-style: none; list-style-type: none; } #mainMenuBar li { line-height: 15px; } #mainMenuBar li li:hover, #mainMenuBar li.active li { background: none; } #mainMenuBar li li a { display: block; margin: 0; padding: 0; color: #bda96d; font-size: 10px; } #mainMenuBar a { color: #b39850; font-weight: bold; font-size: 11px; text-transform: uppercase; text-decoration: none; padding-left: 20px; } #mainMenuBar a:hover { color: #fff; } #mainMenuBar .active a { font-weight: bold; font-size: 11px; } #mainMenuBar .active a:hover { color: #fff; } #mainMenuBar .active ul a { font-weight: normal; color: #bda96d; } #mainMenuBar .active .active a { /* IE fix */ color: #FFF; font-size: 11px; } #mainMenuBar .active .active a:hover { color: #fff; } #mainMenuBar li.active, #mainMenuBar li:hover { color: #fff; background: url(../images/ui/leafIconSmall.gif) no-repeat; } #mainMenuBar .menu { padding-top: 10px; } #mainMenuBar .menu li.active { color: #fff; } #mainMenuBar li div.menu { display: none; } #mainMenuBar li.active div.menu { left: 0px; display: block; } #mainMenuBar .menu ul li a { text-transform: none; } /* Rotating Images ================================================*/ #bgImage { width: 1000px; height: 768px; overflow: hidden; position: relative; top: 20px; } #homeImg1 { background: transparent url(../images/home/Peeling_Bar.jpg) no-repeat scroll left top; height:768px; position:relative; width:1124px; } #homeImg2 { background: transparent url(../images/home/Mil_Bar04.jpg) no-repeat scroll left top; height:768px; position:relative; width:1124px; } #homeImg3 { background: transparent url(../images/home/BKGD_Belize_13.jpg) no-repeat scroll left top; height:768px; position:relative; width:1124px; } /* Page Body Content ================================================*/ #pageContent { float: left; width: 350px; margin: 0 0 0 0; padding-top: 130px; padding-bottom: 50px; background: url(../images/global/transparent-background.png) 0 0 repeat; } #pageContent:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } #pageContent { display: block; } #pageContentdealer { width: 250px; margin-right: 30px; z-index: 500; } #pageContentdealerright { padding-left: 10px; z-index: 500; } #content { margin: 0; padding: 20px; line-height: 1.8em; } #pageBody .floatRight { float: right; margin: 0 0 10px 10px; } #pageBody .floatLeft { float: left; margin: 0 10px 10px 0; } #pageBody #pageContent .floatRightImage { float: right; width: 250px; padding-top: 0px; padding-left: 20px; } #pageBody hr { height: 1px; margin: 20px 5px; color: #bda96d; border: none; background-color: #bda96d; } #pageBody h2 { margin-bottom: 15px; color: #b39850; font: 22px/1.2em "Times New Roman", Times, serif; text-transform: uppercase; z-index: 100; } #pageBody .sIFR-hasFlash h2 { font-size: 22px; letter-spacing: 0; visibility: hidden; } #pageBody h3 { margin-bottom: 7px; color: #e2d7c0; font-size: 13px; text-transform: uppercase; } #pageBody h3.bullets { margin-bottom: 7px; padding: 0 25px 5px 28px; color: #e2d7c0; font-size: 13px; text-transform: uppercase; background: url(../images/ui/leafIconSmall.png) 0 0 no-repeat; } #pageBody p { padding-bottom: 1.8em; line-height: 1.8em; } #pageBody strong { color: #bda96d; } #pageBody th { border: none; } #pageBody ul, #pageBodyIndex ul { margin-bottom: 7px; padding-left: 16px; list-style: none; list-style-type: none; } #pageBody li, #pageBodyIndex li { margin-left: 10px; padding-left: 5px; list-style: none; list-style-type: none; } #pageBody ol { display: block; margin-left: 20px; list-style: decimal; list-style-type: decimal; } #pageBody ol li { margin-bottom: 5px; font-size: 12px; list-style: decimal; list-style-type: decimal; } #pageBody #pageContent ul.bullets { display: block; margin-left: -15px; } #pageBody #pageContent ul.bullets li { padding: 0 25px 5px 25px; background: url(../images/ui/leafIconSmall.png) no-repeat; } #pageBody img { display: block; } #pageContent img.breakout { float: right; margin-right: -150px; margin-left: 25px; } /* Belize Video ================================================*/ #container { margin: 0; padding: 0; z-index: 1; } #belizeVideo, #belizeVideoTitles { position: absolute; left: 510px; top: 130px !important; width: 480px; height: 340px; margin: 0; padding: 20px 10px 10px; background-color: #000; visibility: hidden; z-index: 9999; } /* What We Make ================================================*/ #whatWeMake #pageBody { color: #8d712e; color: #b39850; font-size: 12px; line-height: 1.8em; overflow: visible; z-index: 500; } #whatWeMake #pageBody #mainMenuBar { line-height: 1.4; } #whatWeMake #pageContent { width: 900px; margin: 0; padding: 0; } #pageBody #pageContent #whatWeMakeContainer { position: absolute; left: 200px; top: 150px; width: 800px; height: 257px; margin: 0; z-index: 300; } #whatWeMakeContainer:after { display:block; visibility:hidden; clear:both; height:0; content:"."; } #whatWeMakeContainer { display:inline-block; } #whatWeMakeContainer { display:block; } #whatWeMakeContainerUnderlay { position: absolute; left: 200px; top: 150px; width: 800px; height: 257px; margin: 0; padding: 0; background: url(../images/global/transparent-background.png) 0 0 repeat; } #whatWeMakeList { float: left; width: 135px; } #whatWeMakeList ul { display: block; width: 110px; margin: 20px 10px 0 0; padding: 0; text-align: right; } #whatWeMakeList li { width: 110px; margin: 0; padding: 0; list-style: none; } #whatWeMakeList li a { width: 110px; color: #877139; font-weight: bold; font-size: 11px; text-transform: uppercase; text-decoration: none; } #whatWeMakeList li a:hover { color: #fff; } #whatWeMakeImageBox { float: left; width: 187px; height: 257px; background-image: url(assets/images/whatwemake/all.jpg); background-repeat: no-repeat; } #whatWeMake div#pageBody div#pageContent div#whatWeMakeContainer div#whatWeMakeImageBox #categoryImage { background-color: #000; } #whatWeMakeContentBox { float: left; width: 450px; height: 257px; } #whatWeMake #pageContent h2 { margin: 20px 0 0 20px; padding: 0; } #whatWeMake #pageContent #content { } /******** what we make carousel browser ***********/ #browserContainer { width: 600px; } #browserContainer .prev, #browserContainer .next { padding: 5px; } #browser { } div .prevBars { float: left; width: 50px; padding: 0 !important; text-align: right; } div .prevBars p { display: block; margin: 0; padding: 0 0 0 12px; color: #b39850; font-size: 9px; text-transform: uppercase; line-height: 1.4; background: url(../images/whatwemake/ui/leftArrow.png) left 6px no-repeat; } div .prevBars p a { margin: 0; padding: 0; color: #b39850; text-decoration: none; } div .nextBars { float: right; width: 50px; margin-right: -100px; padding: 0 !important; text-align: left; } div .nextBars p { display: block; margin: 0; padding: 0 15px 0 0; color: #b39850; font-size: 9px; text-transform: uppercase; line-height: 1.4; background: url(../images/whatwemake/ui/rightArrow.png) right 6px no-repeat; } div .nextBars a { margin: 0; padding: 0; color: #b39850; text-decoration: none; } div .prevBars p a:hover, div .nextBars a:hover { color: #fff; text-decoration: none; } #pageContent #browser a.prev, #browser a.next { display: block; float: left; width: 30px; text-decoration: none; background: url(../images/whatwemake/ui/leftArrow.png) left 60px no-repeat; } #pageContent #browser a.next { background: url(../images/whatwemake/ui/rightArrow.png) right 60px no-repeat; } #pageContent #browser a.next:hover { background-image: url(../images/whatwemake/ui/rightArrow.png); } #pageContent #browser a.prev:hover { background-image: url(../images/whatwemake/ui/leftArrow.png); } #pageContent #browser a:hover, #browser a:active { border: none; outline: none; } #pageContent #browser .jCarouselLite { position: relative; /* Needed for rendering without flicker */ left: -5000px; float: left; border: 1px solid black; background-color: #dfdfdf; visibility: hidden; } #pageContent #browser ul { margin: 0; padding: 0; list-style: none; list-style-type: none; } #pageContent #browser li { position: relative; float: left; width: 120px; height: 285px; margin: 0px; padding: 30px 0 0 0; text-align: center; list-style: none; list-style-type: none; overflow-y: visible; } #pageContent #browser li img { display: block; margin: 20px auto 0 auto; } #pageContent #browser ul li div.productLabel { position: absolute; left: 0; top: 170px; width: 100%; margin: 0; padding: 0; font-weight: bold; font-size: 14px; text-align: center; z-index: 7000; } #pageContent #browser li div.cocoaMeter { position: absolute; left: 0; top: 20px; width: 100%; height: 25px; margin: 0; padding: 0; text-align: center; visibility: hidden; background: url(../images/whatwemake/cocoaMeter.gif) center top no-repeat; z-index: 2000; } /****** cocoa meter adjustments *****/ /*** 2 leaf ***/ #pageContent #browser li div.milk, #pageContent #browser li div.caramel, #pageContent #browser li div.almond { background-position: center -40px; } /*** 3 leaf ***/ #pageContent #browser li div.ginger, #pageContent #browser li div.hazelnut-and-currant, #pageContent #browser li div.cherry, #pageContent #browser li div.maya-gold { background-position: center -80px; } /*** 4 leaf ***/ #pageContent #browser li div.espresso, #pageContent #browser li div.mint, #pageContent #browser li div.dark-70 { background-position: center -120px; } /*** 5 leaf ***/ #pageContent #browser li div.dark-85 { background-position: center -160px; } #pageContent #browser li a { overflow-y: visible; } /* Product Detail ================================================*/ #PrevNextMenu { width: 300px; } #PrevNextMenu:after { display:block; visibility:hidden; clear:both; height:0; content:"."; } #PrevNextMenu { display:inline-block; padding-bottom: 20px; } .prevProduct { display: block; float: left; width: 75px; height: 13px; color: #fff; font-size: 10px; text-transform: uppercase; text-decoration: underline; } .prevProduct img { display: inline; float: left; margin: 6px 5px 0 0; } .nextProduct { display: block; float: right; width: 75px; height: 13px; color: #fff; font-size: 10px; text-align: right; text-transform: uppercase; text-decoration: underline; } .nextProduct img { display: inline; float: right; margin: 6px 5px 0 0; padding-left: 5px; } #ingredientsInformation, #nutritionInformation, #dietaryInformation, #gdaInformation, #packagingInformation { float: left; width: 350px; margin: 0; padding: 180px 20px 0 20px; background: url(../images/global/transparent-background.png) 0 0 repeat; } #ingredientsInformation { padding-bottom: 270px; } #nutritionInformation { } #dietaryInformation { padding-bottom: 200px; } #gdaInformation { } #packagingInformation { padding-bottom: 220px; } #needfulProductInformation { display: block; } /* Nutrition Values GDA ================================================*/ * html #nutritionInformation { height: 1%; } #nutritionInformation th, #gdaInformation th, #nutritions th { margin: 0px; padding: 3px; text-align: left; background-color: #a83718; vertical-align: top;} #pageBody #nutritionInformation p { margin: 0px; padding: 0px; line-height: 1.2em; vertical-align: top; } #nutritionInformation th strong, #gdaInformation th strong, #nutritions th { color: #0d0000; } #nutritionInformation td, #gdaInformation td { padding: 3px; vertical-align: middle; } #nutritionInformation td p, #gdaInformation td p, #nutritions td p { margin: 0; padding: 0; } #pageBody #nutritionInformation p.additionalProductValues, #gdaInformation p.additionalProductValues { margin-top: 20px; margin-bottom: 20px; } #nutritions td img { margin: 0 auto; text-align: center !important; } #GDAdefinition { padding: 20px 0 10px 0; } #pageBody #nutritionInformation table { margin-bottom: 20px; border-bottom: none; } #pageBody #nutritionInformation table td { padding: 3px; padding-bottom: 5px; padding-right: 10px; white-space: nowrap; } /* Nutrition Table ================================================*/ #nutritions a { color: #b39850; text-decoration: none; } #nutritions a:hover { color: #fff; } /* Recipe Search ================================================*/ form#recipeSearchForm { display: block; width: 300px; overflow: hidden; } #recipeSearch fieldset {margin-top: 3px; } #recipeSearch label { display: inline; float: left; width: 100px; margin-right: 10px; margin-bottom: 10px; vertical-align: top; } #recipeSearch select { border: 2px solid #9b8449; } #recipeSearch input { margin-left: 110px; } #recipeSearch td { vertical-align: top; } /* Recipe Search Results ================================================*/ #recipeResults { clear: left; } /* Recipe Detail ================================================*/ .preparationTimePadding { width: 105px; } #pageContent .recipe ul, #pageContent .recipe li { display: block; margin: 0; padding: 0; list-style: none; list-style-type: none; } /* History Pages ================================================*/ #pageContent #content #history { margin: 0; padding: 0; } #pageContent #content #history li { margin-left: 0; padding-left: 0; } /* Competition Pages ================================================*/ /* Frequently Asked Questions ================================================*/ #faqIndividual { clear: both; } .faqItem { margin-bottom: 15px; } .faqQuestion a { color: #b39850; font-weight: bold; font-size: 13px; } .faqQuestion a:hover { color: #fff; } .faqAnswer { padding-top: 15px; padding-bottom: 10px; } #faqSection { margin-bottom: 20px; margin-left: 20px; } #pageBody .faqQuestion h3 { color: #b39850; font-weight: bold; font-size: 12px; } #pageBody h3.faqSectionTitle { color: #b39850; font-weight: bold; font-size: 14px; } /* Store Locator ================================================*/ .phpGoogleStoreLocator_results_block td { text-transform: uppercase; } .phpGoogleStoreLocator_results_block td a { text-transform: none; } #whereToBuy td { vertical-align: top; } /* News/Events Tables ================================================*/ table#royalOperaHouse, table#localEvents { width: 706px; } table#royalOperaHouse .leftTD, table#localEvents .leftTD { width: 250px; } table#royalOperaHouse .middleTD, table#localEvents .middleTD { width: 186px; } /* Footer ================================================*/ #pageFooter { clear: both; padding-top:10px; border-top: 1px solid #584B29; background-color: #000; margin-top: 30px;} #pageFooterBars { clear: both; padding-top:5px; border-top: 1px solid #584B29; background-color: #000; margin-top: 55px;} #footerMenu { width: 710px; margin: 0 auto; } #footerMenu:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } #footerMenu { display: inline-block; } #footerMenu { display: block; } #footerMenu ul { float: left; margin: 0; padding: 0; } #footerMenu li { list-style: none; } #footerMenu ul li { float: left; height: 20px; margin: 0 5px; line-height: 20px; } #footerMenu li a { display: block; float: left; padding: 0px 5px; color: #b39850; font-weight: bold; font-size: 10px; line-height: 20px; text-decoration: none; } #footerMenu li a:hover { color: #fff; } #footerMenu li.leafIconSmall { display: block; margin: 0; padding: 0; width: 20px; height: 16px; background: url(../images/ui/leafIconSmall.png) no-repeat; } #pageFooter p#legalNotice { clear: both; height: 10px; padding: 3px 0 10px 0; color: #454545; font-size: 9px; text-align: center; } /* Site Catalyst ================================================*/ #siteCatalyst { position: relative; display: none; height: 0; width: 0; visibility: hidden; } /****** email friend form ********/ #emailFriend * { margin: auto; padding: auto; } #emailFriendContainer { position: relative; display: block; } #emailFriend td { vertical-align: top; } #emailFriend input { _position: absolute; _left: 0px; _top: 0px; _zoom: 1; float: left; } #emailFriend label { float: left; display: block; width: 200px; } #emailFriend label.valid { float: left; } #emailFriend textarea { float: left; width: 200px; }