/* $Rev:: 662 $: Revision of last commit $Author:: martinle $: Author of last commit $Date:: 2010-11-09 1#$: Date of last commit */ /* RESET STYLES ----------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; } q:before, q:after { content: ""; } /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* style-.COM REDESIGN --/10/08 ----------------------------------------------------*/ /*--- General structural components ---*/ html { background: url("../images/header_bg.gif") center top repeat-x; } html body { padding: 0 0 20px; } body div#contentWrapper { padding-top: 50px; padding-bottom: 30px; top: -34px; background: url("../images/so_bg-default.gif") no-repeat top left; position: relative; z-index: 0; } div#footer { position: relative; top: -34px; } div#header, div#contentWrapper, div#footer { margin: 0 auto !important; padding: 0; min-width: 735px; /* has equivalent in ie6.css */ max-width: 970px; /* has equivalent in ie6.css */ } div#header:after, div#contentWrapper:after, div#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div#header, div#contentWrapper, div#footer { clear: both; } body div#content { position: relative; z-index: 1; } body div#secondaryContent { position: relative; z-index: 2; } /*-- Typography --*/ body { font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; /*12px*/ color: #333; } a { color:#E99A61; } a:hover { color:#74ae00; } div#content h1 { margin: 0 0 0.2em; font-size: 4.17em; /*50px*/ color: #000000; } body.lowerPage div#content h1 { font-size:3.34em; } body.stylesHomePage div#content h1 { color:#FFF; font-size: 5em; padding:0; } body.stylesAboutUs div#content h1 { color:#EA8900; } body.stylesOurBrands div#content h1 { color:#8C8C8C; } body.stylesSustainability div#content h1 { color:#74AE00; } body.stylesInnovation div#content h1 { color:#017A88; } body.stylesInvestorRelations div#content h1, body.stylesMediaCentre div#content h1 { color:#EA8900; } body.stylesCareersHomePage div#content h1 { color:#333; border-bottom: none; font-size:2em; margin-left:16px; } body.lowerPage.stylesCareers div#content h1.careers { margin-left: 16px; } sup { position: relative; bottom: 0.5em; font-size: 8px; } sub { position: relative; top: 0.3em; font-size: 8px; } /* --- jobTitle --- */ .jobTitle h1{ border:none!important; } .jobTitle h2.subTitle{ color:#0682B6l; font-weight:bold; border-bottom:1px solid #90CB1B; margin-top:-24px!important; padding-bottom:3px; } div#content p { margin: 0 0 1em; line-height: 1.4; } div#secondaryContent p { margin: 0 0 1em; } div#content h2 { margin: 0 0 0.5em; color: #0682B6; font-size: 1.417em; /*17px*/ } div#content img.imgFloatRight { margin: 2em 15px 15px; float: right; } h2, h3, h4 { font-weight: normal; } div#content h3 { margin: 0 0 0.5em; color: #0682B6; font-size: 1.417em /*17px*/ } body.lowerPage div#content ul li { padding-left: 10px; background: url("/images/so_bullet.gif") no-repeat 0 7px; margin-bottom: 1em; display: block; list-style: none; } body.lowerPage div#content .footerPanel ul li { background: none; } body.stylesCareers div#content ul li { padding-left: 0; background: none; list-style: none; } body.lowerPage div#content ul li p{ margin-bottom: 0; } /*--- Pages ---*/ body.stylesHomePage { } body.stylesAboutUs { } body.stylesOurBrands { } body.stylesInnovation { } body.stylesInvestorRelations { } body.stylesMediaCentre { } body.stylesSustainability { } body.stylesCareers { } body.lowerPage { } /*--- Page backgrounds ---*/ /*-- Home page --*/ body.stylesHomePage1 div#contentWrapper, body.stylesHomePage2 div#contentWrapper, body.stylesHomePage3 div#contentWrapper { overflow-x: hidden; } body.stylesHomePage1 div#contentWrapper { background-image: url("/images/so_bg-homepage-1.gif"); } body.stylesHomePage2 div#contentWrapper { background-image: url("/images/so_bg-homepage-2.gif"); background-position:0px -81px; } body.stylesHomePage3 div#contentWrapper { background-image: url("/images/so_bg-homepage-3.gif"); } /*-- Hub pages --*/ body.stylesAboutUs div#contentWrapper { background-image: url("/images/so_bg-about-us.gif"); } body.stylesSustainability div#contentWrapper { background-image: url("/images/so_bg-sustainability-wave.gif"); } body.stylesInnovation div#contentWrapper { background-image: url("/images/so_bg-innovation.gif"); } body.stylesInvestorRelations div#contentWrapper { background-image: url("/images/so_bg-investor-relations.gif"); } body.stylesMediaCentre div#contentWrapper { background-image: url("/images/so_bg-media-centre.gif"); } body.stylesSitemap div#contentWrapper { background-image: url("/images/so_bg-sitemap.gif"); } body.stylesCountrySelector div#contentWrapper { background-image: url("/images/so_bg-country-selector.gif"); } body.stylesSearchResults div#contentWrapper { background-image: url("/images/so_bg-search-results.gif"); } body.stylesOurBrands div#contentWrapper, body.stylesOurBrandsHome div#contentWrapper { background-image: url("/images/so_bg-our-brands-home.gif"); } body.stylesOurBrandsFood div#contentWrapper { background-image: url("/images/so_bg-our-brands-food.jpg"); } body.stylesOurBrandsPersonalCare div#contentWrapper { background-image: url("/images/so_bg-our-brands-personal-care.jpg"); } body.stylesOurBrandsHomeCare div#contentWrapper { background-image: url("/images/so_bg-our-brands-home-care.jpg"); } /*-- Lower level pages--*/ /*- Company pages (the default page style) -*/ body.stylesCompanyHeart div#contentWrapper { background-image: url("/images/so_bg-company-heart.gif"); } body.stylesCompanyBird div#contentWrapper { background-image: url("/images/so_bg-company-bird.gif"); } body.stylesCompanyRecycle div#contentWrapper { background-image: url("/images/so_bg-company-recycle.gif"); } body.stylesCompanyFish div#contentWrapper { background-image: url("/images/so_bg-company-fish.gif"); } body.stylesCompanySoup div#contentWrapper { background-image: url("/images/so_bg-company-soup.gif"); } body.stylesCompanyHeart div#contentWrapper h1, body.stylesCompanyBird div#contentWrapper h1, body.stylesCompanyRecycle div#contentWrapper h1, body.stylesCompanyFish div#contentWrapper h1, body.stylesCompanySoup div#contentWrapper h1 { color: #EA8900; } /*- Sustainability & Innovation -*/ body.stylesSustainabilityFishWave div#contentWrapper { background-image: url("/images/so_bg-sustainability-fish-wave.gif"); } body.stylesSustainabilityTeaRecycle div#contentWrapper { background-image: url("/images/so_bg-sustainability-tea-recycle.gif"); } body.stylesSustainabilityFish div#contentWrapper { background-image: url("/images/so_bg-sustainability-fish.gif"); } body.stylesSustainabilityWave div#contentWrapper { background-image: url("/images/so_bg-sustainability-wave.gif"); } body.stylesSustainabilityTea div#contentWrapper { background-image: url("/images/so_bg-sustainability-tea.gif"); } body.stylesSustainabilityFishWave div#contentWrapper h1, body.stylesSustainabilityTeaRecycle div#contentWrapper h1, body.stylesSustainabilityFish div#contentWrapper h1, body.stylesSustainabilityWave div#contentWrapper h1, body.stylesSustainabilityTea div#contentWrapper h1 { color: #74AE00; } /*- Brands -*/ /* Food */ body.stylesBrandFoodIceCreamGoldOrange div#contentWrapper { background-image: url("/images/so_bg-ice-cream-gold.jpg"); } body.stylesBrandFoodIceCreamGoldOrange div#contentWrapper h1 { color: #EA8900; } body.stylesBrandFoodIceCreamMagentaGreen div#contentWrapper { background-image: url("/images/so_bg-ice-cream-green.jpg"); } body.stylesBrandFoodIceCreamMagentaGreen div#contentWrapper h1 { color: #A5D435; } body.stylesBrandFoodTeaYellow div#contentWrapper { background-image: url("/images/so_bg-tea-yellow.jpg"); } body.stylesBrandFoodTeaYellow div#contentWrapper h1 { color: #FFD200; } body.stylesBrandFoodTeaGreen div#contentWrapper { background-image: url("/images/so_bg-tea-green.jpg"); } body.stylesBrandFoodTeaGreen div#contentWrapper h1 { color: #74AE00; } body.stylesBrandFoodSpreadsYellowBlue div#contentWrapper { background-image: url("/images/so_bg-spreads-yellow.jpg"); } body.stylesBrandFoodSpreadsYellowBlue div#contentWrapper h1 { color: #FFD200; } body.stylesBrandFoodSpreadsYellowGreen div#contentWrapper { background-image: url("/images/so_bg-spreads-yellow2.jpg"); } body.stylesBrandFoodSpreadsYellowGreen div#contentWrapper h1 { color: #FFD200; } body.stylesBrandFoodSaucesYellow div#contentWrapper { background-image: url("/images/so_bg-sauces-yellow.jpg"); } body.stylesBrandFoodSaucesYellow div#contentWrapper h1 { color: #FFD200; } body.stylesBrandFoodSaucesRedYellow div#contentWrapper { background-image: url("/images/so_bg-sauces-yellow2.jpg"); } body.stylesBrandFoodSaucesRedYellow div#contentWrapper h1 { color: #FFD200; } body.stylesBrandFoodSaucesRedGreen div#contentWrapper { background-image: url("/images/so_bg-sauces-red.jpg"); } body.stylesBrandFoodSaucesRedGreen div#contentWrapper h1 { color: #D40716; } body.stylesBrandFoodSaucesGreen div#contentWrapper { background-image: url("/images/so_bg-sauces-green.jpg"); } body.stylesBrandFoodSaucesGreen div#contentWrapper h1 { color: #74AE00; } /* Personal care */ body.stylesBrandPersonalCareBodyBlue div#contentWrapper { background-image: url("/images/so_bg-body-blue.jpg"); } body.stylesBrandPersonalCareBodyBlue div#contentWrapper h1 { color: #06C2EA; } body.stylesBrandPersonalCareBodyPink div#contentWrapper { background-image: url("/images/so_bg-body-pink.jpg"); } body.stylesBrandPersonalCareBodyPink div#contentWrapper h1 { color: #B0B0B0; } body.stylesBrandPersonalCareBodyRed div#contentWrapper { background-image: url("/images/so_bg-body-red.jpg"); } body.stylesBrandPersonalCareBodyRed div#contentWrapper h1 { color: #D40716; } body.stylesBrandPersonalCareDeodourantFreshBlue div#contentWrapper { background-image: url("/images/so_bg-deodourant-blue.jpg"); } body.stylesBrandPersonalCareDeodourantFreshBlue div#contentWrapper h1 { color: #06C2EA; } body.stylesBrandPersonalCareDeodourantDarkBlue div#contentWrapper { background-image: url("/images/so_bg-deodourant-blue2.jpg"); } body.stylesBrandPersonalCareDeodourantDarkBlue div#contentWrapper h1 { color: #144E88; } body.stylesBrandPersonalCareHairMagenta div#contentWrapper { background-image: url("/images/so_bg-hair-magenta.jpg"); } body.stylesBrandPersonalCareHairMagenta div#contentWrapper h1 { color: #E400A7; } body.stylesBrandPersonalCareHairGreen div#contentWrapper { background-image: url("/images/so_bg-hair-green.jpg"); } body.stylesBrandPersonalCareHairGreen div#contentWrapper h1 { color: #A5D435; } /* Home care */ body.stylesBrandsHomeCareClothesPinkOrange div#contentWrapper { background-image: url("/images/so_bg-clothes-pink.jpg") } body.stylesBrandsHomeCareClothesPinkOrange div#contentWrapper h1 { color: #E400A7; } body.stylesBrandsHomeCareClothesBlueGreen div#contentWrapper { background-image: url("/images/so_bg-clothes-blue.jpg") } body.stylesBrandsHomeCareClothesBlueGreen div#contentWrapper h1 { color: #06C2EA; } body.stylesBrandsHomeCareLiquidBlue div#contentWrapper { background-image: url("/images/so_bg-liquid-blue.jpg") } body.stylesBrandsHomeCareLiquidBlue div#contentWrapper h1 { color: #144E88; } body.stylesBrandsHomeCareSurface div#contentWrapper { background-image: url("/images/so_bg-surface-green.jpg") } body.stylesBrandsHomeCareSurface div#contentWrapper h1 { color: #A5D435; } /*- Careers -*/ /* Hub page background images */ body.stylesCareersHomePage div#contentWrapper { background: url(/images/so_bg-careers-home.gif) repeat-x scroll left 493px; } body.stylesCareersMeetOurPeople div#contentWrapper { background-image: url("/images/so_bg_P1.jpg"); } body.stylesCareersWhyJoinUs div#contentWrapper { background-image: url("/images/so_bg_P2.jpg"); } body.stylesCareersInsidestyle- div#contentWrapper { background-image: url("/images/so_bg_P3.jpg"); } body.stylesCareersCareersChoices div#contentWrapper { background-image: url("/images/so_bg_P5_new.jpg"); } body.stylesCareersApply div#contentWrapper { background-image: url("/images/so_bg_P5_new.jpg"); } body.stylesCareersMeetOurPeople div#content, body.stylesCareersWhyJoinUs div#content, body.stylesCareersInsidestyle- div#content, body.stylesCareersCareersChoices div#content, body.stylesCareersApply div#content { background: transparent !important; } /* Sub-level background images ("to be applied at random") */ body.stylesCareersBackgroundBee div#contentWrapper { background-image: url("/images/so_bg_bee.jpg"); background-position: -320px -100px; } body.stylesCareersBackgroundHeart div#contentWrapper { background-image: url("/images/so_bg_heart.jpg"); background-position: -250px -170px; } body.stylesCareersBackgroundHelix div#contentWrapper { background-image: url("/images/so_bg_helix.jpg"); background-position: -265px -190px; } body.stylesCareersBackgroundRecycle div#contentWrapper { background-image: url("/images/so_bg_recycle.jpg"); background-position: -280px -210px; } /*--- Header ---*/ div#header { position: relative; z-index: 5; } /*-- Skip links --*/ ul#skipLinks { position: absolute; float: left; left: -20000px; } /*-- Company information --*/ div.companyInformation { /*padding-top: 20px; padding-left: 70px;*/ float: left; } body.india div.companyInformation { padding-left: 0; background: #FFF; } /*-- Global search --*/ div#globalSearch { margin: 5px 10px 0 0; float: right; } div#globalSearch label { position: absolute; left: -20000px; } div#globalSearch input.inputText { margin-right: -3px; padding: 4px 6px 4px 30px; vertical-align: top; border: none; border-bottom: 1px solid #EFEFEF; font: bold 1em Arial, Helvetica, sans-serif; color: #9B9B9B; width: 147px; background: #FFF url(/images/so_search-icon.gif) no-repeat 8px 3px; } div#globalSearch input.inputButton { vertical-align: top; } /*-- Subsidiary Navigation --*/ ul#subsidiaryNav { margin-top: 5px; float: right; border-right: 8px solid #EFEFEF;} ul#subsidiaryNav li { float: left; border-right: 2px solid #EFEFEF; list-style: none;} ul#subsidiaryNav li a, ul#subsidiaryNav li.selected strong { padding: 4px 8px; display: block; text-decoration: none; font-weight: bold; color: #5EA9E3; background: white; } ul#subsidiaryNav li a:hover { background: #2BBCEB; color: #FFFFFF; } ul#subsidiaryNav li.selected strong, ul#subsidiaryNav li.selected a { color: #E400A7; border-bottom: 4px solid #E400A7; margin-bottom: -4px; } ul#subsidiaryNav li.selected a:hover { color: #FFFFFF; background: #E400A7; } /*-- Primary Navigation --*/ ul#primaryNav { min-height: 31px; /* contains equivalent in ie6.css */ margin-left: 170px; clear: both; position: relative; top: -38px; border-top: 1px solid #EFEFEF; padding-bottom: 4px; background: #FFF url("/images/so_header-nav-bg.gif") bottom right repeat-x; padding-left: 20px; } body.india ul#primaryNav { margin-left: 193px; } ul#primaryNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Switch button ("when JS is on") */ ul#primaryNav li:hover span.switch, ul#primaryNav li.ieHover span.switch { height: 24px; width: 18px; cursor: pointer; display: block; position: absolute; top: 0; right: 0; } /* Static states */ ul#primaryNav li { float: left; background: url("/images/so_pri-nav-no-arrow.gif") bottom right no-repeat; padding: 0 27px 5px 0; margin: 7px 30px -4px 0; position: relative; font: bold 1.079em Arial, Helvetica, sans-serif; /*13px*/ list-style: none; } ul#primaryNav.primaryNavMenusOn li { background: url("/images/so_pri-nav-arrow-down.gif") bottom right no-repeat; } ul#primaryNav li.selected { background-image: url("/images/so_pri-nav-no-arrow-current.gif"); border-left: 2px solid white; border-right: 2px solid white; margin-left: -2px; margin-right: 28px; } ul#primaryNav.primaryNavMenusOn li.selected { background-image: url("/images/so_pri-nav-arrow-down-current.gif"); } ul#primaryNav li a, ul#primaryNav li.selected a { display: block; padding: 12px 9px 4px; margin: -11px -9px 2px; position: relative; } ul#primaryNav li a { color: #2184D0; text-decoration: none; } ul#primaryNav li.selected a { color: #E400A7; } /* Opened states */ ul#primaryNav.primaryNavMenusOn li.opened { background-image: url("/images/so_pri-nav-arrow-up-on.gif") !important; z-index: 5; } ul#primaryNav li.opened a { background: #E9F3FA; } ul#primaryNav.primaryNavMenusOn li.openedSelected { z-index: 5; background-image: url("/images/so_pri-nav-arrow-up-current-on.gif") !important; } ul#primaryNav li.openedSelected a { background: #FCE6F6; } /* Hover states */ ul#primaryNav.primaryNavMenusOn li.ieHover, ul#primaryNav.primaryNavMenusOn li:hover { background-image: url("/images/so_pri-nav-arrow-down-roll.gif"); border-left: 2px solid white; border-right: 2px solid white; margin-left: -2px; margin-right: 28px; z-index: 5; } ul#primaryNav.primaryNavMenusOn li.ieHoverSelected, ul#primaryNav.primaryNavMenusOn li.selected:hover { background-image: url("/images/so_pri-nav-arrow-down-current.gif") } ul#primaryNav li.ieHover a, ul#primaryNav li:hover a { background: #E9F3FA; } ul#primaryNav li a:hover { background: #2BBCEB; color: #FFFFFF; } ul#primaryNav li.ieHoverSelected a, ul#primaryNav li.selected:hover a { background: #FCE6F6; } ul#primaryNav li.selected a:hover { background: #E400A7; color: #FFFFFF; } ul#primaryNav li.rollOver { background-image: url("/images/so_pri-nav-arrow-up-on.gif"); z-index: 5; } ul#primaryNav li.rollOverSelected { background-image: url("/images/so_pri-nav-arrow-up-current-on.gif") !important; z-index: 4; } /* Drop down menu */ ul#primaryNavExtension { position: relative; margin-left: 181px; top: -35px; } ul#primaryNavExtension li.primaryNavExtensionTab { display: none; } ul#primaryNavExtension li.primaryNavExtensionTabOn { position: absolute; z-index: 6; float: left; padding-bottom: 40px; padding-top: 50px; background: white; border-right: 13px solid #2BBCEB; border-bottom: 32px solid #2BBCEB; display: block; width: 100%; } ul#primaryNavExtension li.primaryNavExtensionTabOnSelected { border-color: #E400A7; } ul#primaryNavExtension li.primaryNavExtensionTabOn div.primaryNavExtensionSummary { width: 30%; float: left; } ul#primaryNavExtension li.primaryNavExtensionTabOn div.primaryNavExtensionMenu { width: 60%; float: left; padding-left: 40px; } ul#primaryNavExtension li.primaryNavExtensionTabOn div.primaryNavExtensionSummary p { margin: 0 15px 0 25px; font-size: 14px; color: #0682B6; } ul#primaryNavExtension li.primaryNavExtensionTabOn div.primaryNavExtensionMenu h3.linksListHeading { font-size: 1.250em; /*15px*/ border: none; margin-left: -25px; margin-right: 15px; font-weight: normal; } ul#primaryNavExtension li.primaryNavExtensionTabOn div.primaryNavExtensionMenu h3.linksListHeading a { background: url(/images/so_link-arrow-lrg-off.gif) 5px 4px no-repeat; text-decoration: none; padding-left: 15px; padding-bottom:4px; color: #000; display: block; border-bottom: 1px solid #EFEFEF !important; } ul#primaryNavExtension li.primaryNavExtensionTabOn div.primaryNavExtensionMenu h3.linksListHeading a:hover { background-image:url(/images/so_link-arrow-lrg-on-inverse.gif); background-color: #74AE00; color: #FFFFFF; } ul#primaryNavExtension li.primaryNavExtensionTabOn ul.linksList { float: left; width: 49%; } ul#primaryNavExtension li.primaryNavExtensionTabOn ul.linksList li { margin-right: 5px; } ul#primaryNavExtension li.primaryNavExtensionTabOn ul.linksList li a { padding-left: 15px; background-image:url("/images/so_link-arrow-lrg-off.gif"); background-position: 5px 8px; } ul#primaryNavExtension li.primaryNavExtensionTabOn ul.linksList li a:hover { background-image:url("/images/so_link-arrow-lrg-on-inverse.gif"); background-color: #74AE00; color: #FFFFFF; } ul#primaryNavExtension li a.primaryNavExtensionMenuClose { height: 20px; margin-top: 1px; margin-right: 2px; padding-right: 25px; padding-top: 3px; display: block; position: absolute; top: 0; right: 0; text-align: right; font-size: 0.917em; /*11px*/ color: #000000; text-decoration: none; background: url("/images/so_close-button.gif") top right no-repeat; } ul#primaryNavExtension li a.primaryNavExtensionMenuClose:hover { color: #74AE00; text-decoration: underline; background-image: url("/images/so_close-button-hover.gif"); } /* Current location map */ ul#primaryNav li.currentLocation { height: 20px; margin: 0 !important; padding: 8px 10px 0 0 !important; border: none !important; text-align: right; float: right; display: block; color: #9B9B9B; background: none; } ul#primaryNav li.currentLocation span { float: left; padding-right: 10px; } ul#primaryNav li.currentLocation a, ul#primaryNav li.currentLocation span.selected { float: left; color:#9B9B9B; margin: -1px 0 0; padding: 2px 10px; border-left: 1px solid #CCC; background: #FFF; } ul#primaryNav li.currentLocation span.selected { color: #2184D0; } ul#primaryNav li.currentLocation.ieHover a.ieHover, ul#primaryNav li.currentLocation a:hover { color: #2184D0; background: none; } ul#primaryNav li.currentLocation:hover a.worldMap { background: url("/images/so_global-small.gif") top right no-repeat; } ul#primaryNav li.currentLocation a.worldMap { height: 19px; width: 43px; margin: -1px 0 0; padding: 0; border: none; float: left; overflow: hidden; border-left: 1px solid #CCC; text-align: left; text-indent: -20000px; background: url("/images/so_global-small.gif") top right no-repeat; } ul#primaryNav li.currentLocation a.worldMap:hover { background: url("/images/so_global-small-on.gif") top right no-repeat; } /*--- Content ---*/ /*-- Highlight links --*/ div.highlightLink { position: absolute; bottom: -14px; left: 0; } div.highlightLink a { padding: 2px 15px; margin-bottom: 2px; display: block; color: #FFFFFF; text-decoration: none !important; font-weight: bold; background-color: orange; } div.highlightLink a:hover { color: #FFFFFF; background: #568000; } /*--- Homepage ---*/ /*-- Boxes --*/ div.companyInformationRow { margin: 0 -40px 2em 0; clear: both; } div.companyInformationRow div.hubContentContainer { padding-bottom: 1.5em; float: left; border: none; background: #F2F2F2; min-height: 110px; margin-right: 20px; } div.companyInformationRow div.hubContentContainerLarge { width: 677px; } div.companyInformationRow div.hubContentContainerMedium { width: 407px; } div.companyInformationRow div.hubContentContainerSmall { width: 250px; } div.companyInformationRow div.hubContentContainerSmall div.hubContentContainerOurBrandsImage { padding: 5px 20px; } div#content { background-repeat: no-repeat; background-position: right top; max-width: 970px; margin: 0 auto; } div#content ul.linksList li { border: none; } div#content div.companyInformationRow div.hubContentContainerLarge ul.linksList li { width: 47%; float: left; list-style: none;} div#content ul.linksList h3 { font-size: 1em; margin: 0; } div#content ul.linksList h3 a { color: #E400A7; } div#content ul.linksList h3 a:hover { color: #74AE00; } div#content ul.linksList p { margin: 0 7px; } div#content ul.imagesList { margin: 5px 0 5px 15px; } div#content ul.imagesList li { float: left; margin: 0 15px 0 0; list-style: none; } /*-- Hero panel --*/ /*- General content -*/ /* Add this bookmarks */ div#content .addthis_toolbox { margin-top: 1em; clear: both; width: 100%; } /* Location map */ div.locationInfo { width: 219px; height: 80px; padding: 0 15px; margin: 0 8px 20px 104px; background: #F2F2F2 url(/images/so_location-global.gif) top left no-repeat; position: relative; } div.locationInfoTitle { margin-bottom: 2px; font-size: 0.917em; /*11px*/ font-weight: bold; color: #000000; padding-top: 10px; } div.locationInfoCurrent { font-size: 1.5em; /*18px*/ font-weight: bold; color: #E400A7; } /* country variations */ div.locationInfoAlgeria { background-image: url("/images/so_location-algeria.gif") } div.locationInfoAndianaCentroam { background-image: url("/images/so_location-andiana-centroam.gif") } div.locationInfoAngola { background-image: url("/images/so_location-angola.gif") } div.locationInfoArgentina { background-image: url("/images/so_location-argentina.gif") } div.locationInfoAustralia { background-image: url("/images/so_location-australia.gif") } div.locationInfoAustria { background-image: url("/images/so_location-austria.gif") } div.locationInfoBahrain { background-image: url("/images/so_location-bahrain.gif") } div.locationInfoBangladesh { background-image: url("/images/so_location-bangladesh.gif") } div.locationInfoBelgium { background-image: url("/images/so_location-belgium.gif") } div.locationInfoBolivia { background-image: url("/images/so_location-bolivia.gif") } div.locationInfoBrazil { background-image: url("/images/so_location-brazil.gif") } div.locationInfoBurundi { background-image: url("/images/so_location-burundi.gif") } div.locationInfoCanada { background-image: url("/images/so_location-canada.gif") } div.locationInfoCaribbean { background-image: url("/images/so_location-caribbean.gif") } div.locationInfoChile { background-image: url("/images/so_location-chile.gif") } div.locationInfoChina { background-image: url("/images/so_location-china.gif") } div.locationInfoColombia { background-image: url("/images/so_location-colombia.gif") } div.locationInfoCostaRica { background-image: url("/images/so_location-costa-rica.gif") } div.locationInfoCzechRepublic { background-image: url("/images/so_location-czech-republic.gif") } div.locationInfoDenmark { background-image: url("/images/so_location-denmark.gif") } div.locationInfoDrCongo { background-image: url("/images/so_location-dr-congo.gif") } div.locationInfoEcuador { background-image: url("/images/so_location-ecuador.gif") } div.locationInfoEgypt { background-image: url("/images/so_location-egypt.gif") } div.locationInfoEl-salvador { background-image: url("/images/so_location-el-salvador.gif") } div.locationInfoEstonia { background-image: url("/images/so_location-estonia.gif") } div.locationInfoFinland { background-image: url("/images/so_location-finland.gif") } div.locationInfoFrance { background-image: url("/images/so_location-france.gif") } div.locationInfoFWA { background-image: url("/images/so_location-fwa.gif") } div.locationInfoGermany { background-image: url("/images/so_location-germany.gif") } div.locationInfoGhana { background-image: url("/images/so_location-ghana.gif") } div.locationInfoGreece { background-image: url("/images/so_location-greece.gif") } div.locationInfoGuatemala { background-image: url("/images/so_location-guatemala.gif") } div.locationInfoHonduras { background-image: url("/images/so_location-honduras.gif") } div.locationInfoHungary { background-image: url("/images/so_location-hungary.gif") } div.locationInfoIndia { background-image: url("/images/so_location-india.gif") } div.locationInfoIndonesia { background-image: url("/images/so_location-indonesia.gif") } div.locationInfoIran { background-image: url("/images/so_location-iran.gif") } div.locationInfoIraq { background-image: url("/images/so_location-iraq.gif") } div.locationInfoIreland { background-image: url("/images/so_location-ireland.gif") } div.locationInfoIsrael { background-image: url("/images/so_location-israel.gif") } div.locationInfoItaly { background-image: url("/images/so_location-italy.gif") } div.locationInfoJapan { background-image: url("/images/so_location-japan.gif") } div.locationInfoJordan { background-image: url("/images/so_location-jordan.gif") } div.locationInfoKenya { background-image: url("/images/so_location-kenya.gif") } div.locationInfoKorea { background-image: url("/images/so_location-korea.gif") } div.locationInfoKuwait { background-image: url("/images/so_location-kuwait.gif") } div.locationInfoLatvia { background-image: url("/images/so_location-latvia.gif") } div.locationInfoLibya { background-image: url("/images/so_location-libya.gif") } div.locationInfoLithuania { background-image: url("/images/so_location-lithuania.gif") } div.locationInfoMaghreb { background-image: url("/images/so_location-maghreb.gif") } div.locationInfoMalawi { background-image: url("/images/so_location-malawi.gif") } div.locationInfoMalaysia { background-image: url("/images/so_location-malaysia.gif") } div.locationInfoMalaysiaSingapore { background-image: url("/images/so_location-malaysia-singapore.gif") } div.locationInfoMiddleEast { background-image: url("/images/so_location-middleeast.gif") } div.locationInfoMexico { background-image: url("/images/so_location-mexico.gif") } div.locationInfoMorocco { background-image: url("/images/so_location-morocco.gif") } div.locationInfoMozambique { background-image: url("/images/so_location-mozambique.gif") } div.locationInfoNetherlands { background-image: url("/images/so_location-netherlands.gif") } div.locationInfoNewZealand { background-image: url("/images/so_location-new-zealand.gif") } div.locationInfoNicaragua { background-image: url("/images/so_location-nicaragua.gif") } div.locationInfoNigeria { background-image: url("/images/so_location-nigeria.gif") } div.locationInfoNorway { background-image: url("/images/so_location-norway.gif") } div.locationInfoOman { background-image: url("/images/so_location-oman.gif") } div.locationInfoPakistan { background-image: url("/images/so_location-pakistan.gif") } div.locationInfoPanama { background-image: url("/images/so_location-panama.gif") } div.locationInfoParaguay { background-image: url("/images/so_location-paraguay.gif") } div.locationInfoPeru { background-image: url("/images/so_location-peru.gif") } div.locationInfoPhillippines { background-image: url("/images/so_location-phillippines.gif") } div.locationInfoPoland { background-image: url("/images/so_location-poland.gif") } div.locationInfoPortugal { background-image: url("/images/so_location-portugal.gif") } div.locationInfoQatar { background-image: url("/images/so_location-qatar.gif") } div.locationInfoRomania { background-image: url("/images/so_location-romania.gif") } div.locationInfoRussia { background-image: url("/images/so_location-russia.gif") } div.locationInfoRwanda { background-image: url("/images/so_location-rwanda.gif") } div.locationInfoSaudiArabia { background-image: url("/images/so_location-saudi-arabia.gif") } div.locationInfoSingapore { background-image: url("/images/so_location-singapore.gif") } div.locationInfoSlovakRepublic { background-image: url("/images/so_location-slovak-republic.gif") } div.locationInfoSlovenia { background-image: url("/images/so_location-slovenia.gif") } div.locationInfoSouthAfrica { background-image: url("/images/so_location-south-africa.gif") } div.locationInfoSpain { background-image: url("/images/so_location-spain.gif") } div.locationInfoSriLanka { background-image: url("/images/so_location-sri-lanka.gif") } div.locationInfoSudan { background-image: url("/images/so_location-sudan.gif") } div.locationInfoSweden { background-image: url("/images/so_location-sweden.gif") } div.locationInfoSwitzerland { background-image: url("/images/so_location-switzerland.gif") } div.locationInfoSyria { background-image: url("/images/so_location-syria.gif") } div.locationInfoTanzania { background-image: url("/images/so_location-tanzania.gif") } div.locationInfoTaiwan { background-image: url("/images/so_location-taiwan.gif") } div.locationInfoThailand { background-image: url("/images/so_location-thailand.gif") } div.locationInfoTunisia { background-image: url("/images/so_location-tunisia.gif") } div.locationInfoTurkey { background-image: url("/images/so_location-turkey.gif") } div.locationInfoUganda { background-image: url("/images/so_location-uganda.gif") } div.locationInfoUK { background-image: url("/images/so_location-uk.gif") } div.locationInfoUKIreland { background-image: url("/images/so_location-uk-ireland.gif") } div.locationInfoUkraine { background-image: url("/images/so_location-ukraine.gif") } div.locationInfoUnitedArabEmirates { background-image: url("/images/so_location-united-arab-emirates.gif") } div.locationInfoUruguay { background-image: url("/images/so_location-uruguay.gif") } div.locationInfoUsa { background-image: url("/images/so_location-usa.gif") } div.locationInfoVenezuela { background-image: url("/images/so_location-venezuela.gif") } div.locationInfoVietnam { background-image: url("/images/so_location-vietnam.gif") } div.locationInfoYemen { background-image: url("/images/so_location-yemen.gif") } div.locationInfoZambia { background-image: url("/images/so_location-zambia.gif") } /* Quotation box */ div.homepageHeroPanels div.hubContentContainer { width: 406px; clear: both; border-left: none; position: relative; top: 2em; margin-bottom: 4em; border-right: 1px solid #FCDC2A; } div.homepageHeroPanels div.hubContentContainer blockquote { padding: 23px 20px 5px 65px; background: url("/images/so_quotes-grey-left.gif") 25px 15px no-repeat; } div.homepageHeroPanels div.hubContentContainer blockquote p { font-size: 14px; text-align: right; padding-bottom: 35px; background: url("/images/so_quotes-grey-right.gif") bottom right no-repeat; } /*- Hero panels -*/ div.homepageHeroPanels { } /* Shared */ /* div.heroPanel { clear: both; } Test and remove */ div.heroPanel * { color: #FFFFFF; text-decoration: none; } div.heroPanel a:hover { text-decoration: underline; color: #FFFFFF; } div.heroPanel div.highlightLink { bottom: 5px; height:0px; } div.heroPanel div.highlightLink .linksContainer{ position:absolute; top:0px; left:0px; white-space:nowrap; } /* Large */ div.heroPanel div.heroPanelContentLarge { width: 311px; min-height: 295px; /* has equivalent in ie6.css */ padding: 10px 261px 10px 25px; margin-bottom: 3em; float: left; clear: both; position: relative; background: #6F1346 url("/images/so_hero-panel-bg-1.gif") top repeat-x; } div#content div.homepageHeroPanels p.homePageStoryTitle { font-size: 4em; color: #FFFFFF; margin: 0; margin-right: 30px; margin-bottom: 10px; padding: 0; border: none; } div.heroPanel div.heroPanelContentLarge p { font-size: 1.25em /*15px*/; line-height: 1.4; } div.heroPanel div.heroPanelContentLarge div.heroPanelImage { float: left; position: absolute; top: -100px; left: 361px; } .hasVideoWide1 div.heroPanel div.heroPanelContentLarge div.heroPanelImage, .hasVideoWide2 div.heroPanel div.heroPanelContentLarge div.heroPanelImage, .hasVideoWide3 div.heroPanel div.heroPanelContentLarge div.heroPanelImage { top: -70px; } div.heroPanel div.heroPanelContentLarge div.heroPanelLogo { position: absolute; left: 341px; top: 230px; z-index: 1; } .hasVideo1 div.heroPanel div.heroPanelContentLarge div.heroPanelLogo { left:810px; top:180px; } .hasVideo1.hasVideoWide1 div.heroPanel div.heroPanelContentLarge div.heroPanelLogo { left:810px; top:128px; } /* Small */ div.heroPanel div.heroPanelContentSmall { min-height: 156px; /* has equivalent in ie6.css */ width: 196px; margin: 10px 0 0 10px; float: left; background: #B83B80; z-index: 2; } div.heroPanel div.heroPanelContentSmall div.heroPanelImage { margin: -10px 0 0 -10px; top: 0; position: absolute; z-index: 3; } div.heroPanel div.ieHover div.heroPanelImage, div.heroPanel div.heroPanelContentSmall:hover div.heroPanelImage { z-index: -1; } div.heroPanel div.heroPanelContentSmall p { min-height: 126px; /* has equivalent in ie6.css */ width: 166px; padding: 15px; margin: 0 !important; z-index: 2; font-size: 0; line-height: 1.3; } div.heroPanel div.ieHover p, div.heroPanel div.heroPanelContentSmall:hover p { background: #A01E6A url("/images/so_hero-panel-bg-sml-1.gif") top repeat-x; zoom: 1; font-size: 2em; } div.heroPanel div.heroPanelContentSmall a.heroPanelOpenLink { height: 27px; width: 100px; padding-top: 10px; position: absolute; bottom: 0; right: 0; z-index: 4; display: block; text-indent: -2000px; background: url("/images/so_hero-link-off-1.gif") bottom right no-repeat; } div.heroPanel div.ieHover a.heroPanelOpenLink, div.heroPanel div.heroPanelContentSmall:hover a.heroPanelOpenLink { background-image: url("/images/so_hero-link-on-1.gif"); padding-right: 45px; text-align: right; font-size: 12px; font-weight: bold; text-decoration: none; } /* Panel 1 */ div#heroPanel1 div.heroPanelContentLarge { } div#heroPanel1 div.heroPanelContentSmall { } /* Panel 2 */ div#heroPanel2 div.heroPanelContentLarge { width: 371px; min-height: 245px; padding: 10px 68px 10px 25px; background-color: #D66900; background-image: url("/images/so_hero-panel-bg-2.gif"); } div#heroPanel2 div.heroPanelContentLarge div.heroPanelImage { left: 421px; } div#heroPanel2 div.heroPanelContentLarge div.heroPanelLogo { top: 151px; left: 745px; } .hasVideo2 div#heroPanel2 div.heroPanelContentLarge div.heroPanelLogo { left: 868px!important; } div#heroPanel2 div.heroPanelContentSmall { min-height: 206px; width: 160px; background-color: #EA8900; } div#heroPanel2 div.heroPanelContentSmall a.heroPanelOpenLink { background-image: url("/images/so_hero-link-off-2.gif"); } div#heroPanel2 div.ieHover a.heroPanelOpenLink, div#heroPanel2 div.heroPanelContentSmall:hover a.heroPanelOpenLink { background-image: url("/images/so_hero-link-on-2.gif"); } div#heroPanel2 div.heroPanelContentSmall p { min-height: 176px; width: 130px; } div#heroPanel2 div.ieHover p, div#heroPanel2 div.heroPanelContentSmall:hover p { background-image: url("/images/so_hero-panel-bg-sml-2.gif"); background-color: #EA8900; } /* Panel 3 */ div#heroPanel3 div.heroPanelContentLarge { width: 371px; min-height: 245px; padding: 10px 68px 10px 25px; background-color: #066D87; background-image: url("/images/so_hero-panel-bg-3.gif"); } div#heroPanel3 div.heroPanelContentLarge div.heroPanelImage { left: 421px; } div#heroPanel3 div.heroPanelContentLarge div.heroPanelLogo { top: 250px; left: 410px; } .hasVideo3 div#heroPanel3 div.heroPanelContentLarge div.heroPanelLogo { left:864px; top:199px;} div#heroPanel3 div.heroPanelContentSmall { min-height: 108px; width: 197px; margin: 0; border-top: 18px solid white; border-left: 18px solid white; background-color: #2BBCEB; } div#heroPanel3 div.heroPanelContentSmall a.heroPanelOpenLink { background-image: url("/images/so_hero-link-off-3.gif"); } div#heroPanel3 div.ieHover a.heroPanelOpenLink, div#heroPanel3 div.heroPanelContentSmall:hover a.heroPanelOpenLink { background-image: url("/images/so_hero-link-on-3.gif"); } div#heroPanel3 div.heroPanelContentSmall p { min-height: 88px; width: 167px; } div#heroPanel3 div.ieHover p, div#heroPanel3 div.heroPanelContentSmall:hover p { background-image: url("/images/so_hero-panel-bg-sml-3.gif"); background-color: #0895BB; } /* State 1 */ body.stylesHomePage1 div#heroPanel2 div.heroPanelContentLarge, body.stylesHomePage1 div#heroPanel3 div.heroPanelContentLarge, body.stylesHomePage1 div#heroPanel1 div.heroPanelContentSmall { position: absolute; left: -20000px; } body.stylesHomePage1 div#heroPanel1 div.heroPanelContentLarge { position: relative; left: 0; } body.stylesHomePage1 div#heroPanel2 div.heroPanelContentSmall { position: absolute; top: 176px; left: 743px; } .hasVideo1 div#heroPanel2 div.heroPanelContentSmall {top: 361px!important; left:511px!important; } .hasVideo1.hasVideoWide1 div#heroPanel2 div.heroPanelContentSmall {top: 310px!important; left:511px!important; } body.stylesHomePage1 div#heroPanel3 div.heroPanelContentSmall { position: absolute; top: 392px; left: 577px; } .hasVideo1 div#heroPanel3 div.heroPanelContentSmall { top:353px!important; left: 681px!important; } .hasVideo1.hasVideoWide1 div#heroPanel3 div.heroPanelContentSmall { top:302px!important; left: 681px!important; } /* State 2 */ body.stylesHomePage2 div#heroPanel1 div.heroPanelContentLarge, body.stylesHomePage2 div#heroPanel3 div.heroPanelContentLarge, body.stylesHomePage2 div#heroPanel2 div.heroPanelContentSmall { position: absolute; left: -20000px; } body.stylesHomePage2 div#heroPanel2 div.heroPanelContentLarge { position: relative; left: 0; } body.stylesHomePage2 div#heroPanel1 div.heroPanelContentSmall { position: absolute; top: 336px; left: 670px; } .hasVideo2 div#heroPanel1 div.heroPanelContentSmall { top: 361px!important; left:670px!important; } .hasVideo2.hasVideoWide2 div#heroPanel2 div.heroPanelContentSmall {top: 319px!important; left:511px!important; } body.stylesHomePage2 div#heroPanel3 div.heroPanelContentSmall { position: absolute; top: 328px; left: 447px; } .hasVideo2 div#heroPanel3 div.heroPanelContentSmall { top: 353px!important; left:473px!important; } .hasVideo2.hasVideoWide2 div#heroPanel3 div.heroPanelContentSmall { top:311px!important; left: 473px!important; } body.stylesHomePage2 div.locationInfo { margin-left: 164px; } /* State 3 */ body.stylesHomePage3 div#heroPanel1 div.heroPanelContentLarge, body.stylesHomePage3 div#heroPanel2 div.heroPanelContentLarge, body.stylesHomePage3 div#heroPanel3 div.heroPanelContentSmall { position: absolute; left: -20000px; } body.stylesHomePage3 div#heroPanel3 div.heroPanelContentLarge { position: relative; left: 0; } body.stylesHomePage3 div#heroPanel1 div.heroPanelContentSmall { position: absolute; top: 76px; left: 727px; } .hasVideo3 div#heroPanel1 div.heroPanelContentSmall {left:688px !important;top:361px !important; } .hasVideo3.hasVideoWide3 div#heroPanel2 div.heroPanelContentSmall {top: 319px!important; left:688px!important; } body.stylesHomePage3 div#heroPanel2 div.heroPanelContentSmall { position: absolute; top: 250px; left: 727px; } .hasVideo3 div#heroPanel2 div.heroPanelContentSmall { top:361px!important; left: 510px!important;} .hasVideo3.hasVideoWide3 div#heroPanel3 div.heroPanelContentSmall { top:311px!important; left: 510px!important; } body.stylesHomePage3 div.locationInfo { margin-left: 164px; } /* Video with transcript */ body.hasTranscript1 .homepageHeroPanels div#heroPanel2 div.heroPanelContentSmall, body.hasTranscript1 .homepageHeroPanels div#heroPanel3 div.heroPanelContentSmall { top: 327px!important; } /* Collapsed state */ html.windowMinWidth body.stylesHomePage1 div#heroPanel2 div.heroPanelContentSmall, html.windowCollapseWidth body.stylesHomePage1 div#heroPanel2 div.heroPanelContentSmall { top: 226px; left: 580px; } html.windowMinWidth body.stylesHomePage1 div#heroPanel3 div.heroPanelContentSmall, html.windowCollapseWidth body.stylesHomePage1 div#heroPanel3 div.heroPanelContentSmall { top: 446px; left: 430px; } html.windowMinWidth body.stylesHomePage2 div#heroPanel1 div.heroPanelContentSmall, html.windowCollapseWidth body.stylesHomePage2 div#heroPanel1 div.heroPanelContentSmall { top: 424px; left: 455px; } html.windowMinWidth body.stylesHomePage2 div#heroPanel3 div.heroPanelContentSmall, html.windowCollapseWidth body.stylesHomePage2 div#heroPanel3 div.heroPanelContentSmall { top: 280px; left: 447px; } html.windowMinWidth body.stylesHomePage3 div#heroPanel1 div.heroPanelContentSmall, html.windowCollapseWidth body.stylesHomePage3 div#heroPanel1 div.heroPanelContentSmall { top: 5px; left: 520px; } html.windowMinWidth body.stylesHomePage3 div#heroPanel2 div.heroPanelContentSmall, html.windowCollapseWidth body.stylesHomePage3 div#heroPanel2 div.heroPanelContentSmall { top: 376px; left: 550px; } /*----- end home page -----*/ /*--- Hub page hero panels ---*/ body.stylesInvestorRelations div#heroPanel { position: relative !important; left: 0 !important; } /*-- Links list --*/ h3.linksListHeading { margin-left: 15px; padding-bottom: 5px; font-size: 1.083em; /*13px*/ font-weight: bold; color: #999; border-bottom: 1px solid #A2D100; } ul.linksList li { margin-left: 15px; border-bottom: 1px solid #EFEFEF !important; background: none; padding: 0; list-style: none; } ul.linksList li a { color: #000000; display: block; text-decoration: none; padding: 4px 0 4px 7px; background: url("/images/so_link-arrow-off.gif") left 8px no-repeat; } ul.linksList li a:hover { background-image: url("/images/so_link-arrow-on.gif"); color: #74AE00; } div#content ul.linksList li a { padding-left: 10px; background: url("/images/so_link-arrow-lrg-off.gif") left 8px no-repeat; } div#content ul.linksList li a:hover { background-image: url("/images/so_link-arrow-lrg-on.gif"); } div#footer ul.linksList li a { float: left; background: url("/images/so_link-arrow-off.gif") left 8px no-repeat; width: 160px; } div#footer ul.linksList li a:hover { background-image: url("/images/so_link-arrow-on.gif"); } div#content ul.linksList li a.pdfLink { background: url("/images/so_pdf-icon.gif") left 3px no-repeat !important; padding-left: 20px; } div#footer ul.linksList li a.pdfLink { background: url("/images/so_pdf-icon.gif") left 3px no-repeat !important; padding-left: 20px; } ul.linksList li a.pdfLink img { padding-right: 2px; position: relative; top: 4px; margin-top: -7px; } ul.linksList li span { float: right; padding: 4px 0 0; } /*-- Hub pages --*/ body.stylesAboutUs div.hubFeaturedRow div.highlightLink a, body.stylesAboutUs div.hubContentContainer div.highlightLink a, body.stylesSustainability div.hubHeroPanels div.heroPanel div.highlightLink a, body.stylesInnovation div.hubHeroPanels div.heroPanel div.highlightLink a, div.hubBrandsList div.highlightLink a, body.stylesOurBrandsFood div.hubHeroPanels div.heroPanelIssueStories div.highlightLink a, body.stylesInvestorRelations div.hubHeroPanels div#sharePrice div.highlightLink a, body.stylesInvestorRelations div.hubOverviewList div.highlightLink a, body.stylesInvestorRelations div.hubContentContainer div.highlightLink a, body.stylesInvestorRelations div.hubMessageBox div.highlightLink a, body.stylesMediaCentre div.hubOverviewList div.highlightLink a, body.stylesMediaCentre div.hubContentContainer div.highlightLink a, body.stylesMediaCentre div.hubMessageBox div.highlightLink a { background: #e400a7; } body.stylesAboutUs div.hubFeaturedRow div.highlightLink a:hover, body.stylesAboutUs div.hubContentContainer div.highlightLink a:hover, body.stylesSustainability div.hubHeroPanels div.heroPanel div.highlightLink a:hover, body.stylesInnovation div.hubHeroPanels div.heroPanel div.highlightLink a:hover, div.hubBrandsList div.highlightLink a:hover, body.stylesOurBrandsFood div.hubHeroPanels div.heroPanelIssueStories div.highlightLink a:hover, body.stylesInvestorRelations div.hubHeroPanels div#sharePrice div.highlightLink a:hover, body.stylesInvestorRelations div.hubOverviewList div.highlightLink a:hover, body.stylesInvestorRelations div.hubContentContainer div.highlightLink a:hover, body.stylesInvestorRelations div.hubMessageBox div.highlightLink a:hover, body.stylesMediaCentre div.hubOverviewList div.highlightLink a:hover, body.stylesMediaCentre div.hubContentContainer div.highlightLink a:hover, body.stylesMediaCentre div.hubMessageBox div.highlightLink a:hover { background: #568000; } div.hubContentContainer form input.submit, div.hubMainMenu form input.submit, div.hubHeroPanels form input.submit, div.hubMessageBox form input.submit { width: auto; height: 1.65em; border: none; color: #FFFFFF; font-size: 1em; line-height: 1.5em; font-family: inherit; font-weight: bold; background-color: #e400a7; padding-bottom: 0.1em; cursor: pointer; } div.hubContentContainer form input.submit:hover, div.hubContentContainer form input.submitIeHover, div.hubMainMenu form input.submit:hover, div.hubMainMenu form input.submitIeHover, div.hubHeroPanels form input.submit:hover, div.hubHeroPanels form input.submitIeHover, div.hubMessageBox form input.submit:hover, div.hubMessageBox form input.submitIeHover { background: #568000; } .structuralHeader { position: absolute !important; left: -9999em !important; width: 1em !important; } body.stylesOurBrandsHome div#heroPanel1, body.stylesOurBrandsHome div#heroPanel2, body.stylesOurBrandsHome div#heroPanel3, body.stylesOurBrandsHome div#heroPanel4, body.stylesOurBrandsFood div#heroPanel1, body.stylesOurBrandsFood div#heroPanel2, body.stylesOurBrandsFood div#heroPanel3, body.stylesOurBrandsFood div#heroPanel4, body.stylesOurBrandsPersonalCare div#heroPanel1, body.stylesOurBrandsPersonalCare div#heroPanel2, body.stylesOurBrandsPersonalCare div#heroPanel3, body.stylesOurBrandsPersonalCare div#heroPanel4, body.stylesOurBrandsHomeCare div#heroPanel1, body.stylesOurBrandsHomeCare div#heroPanel2, body.stylesOurBrandsHomeCare div#heroPanel3, body.stylesOurBrandsHomeCare div#heroPanel4, body.stylesOurBrands div.heroPanel div.heroPanelIssueStories div.heroPanelIssueStoryPage2, div.hubHeroPanelsState2 div.heroPanel div.heroPanelIssueStories div.heroPanelIssueStoryPage1 { position: absolute; left: -9999em; width: 500px; overflow: hidden; } body.stylesOurBrandsHome div#heroPanel1, body.stylesOurBrandsFood div#heroPanel2, body.stylesOurBrandsPersonalCare div#heroPanel3, body.stylesOurBrandsHomeCare div#heroPanel4, div.hubHeroPanelsState1 div.heroPanel div.heroPanelIssueStories div.heroPanelIssueStoryPage1, div.hubHeroPanelsState2 div.heroPanel div.heroPanelIssueStories div.heroPanelIssueStoryPage2 { position: static; left: auto; width: 47%; height: auto; overflow: visible; } /*- Hub page hero -*/ div.hubHeroPanels { position: relative; z-index: 2; } body.stylesOurBrands div.hubHeroPanels { min-height: 400px; } div.hubHeroPanels div.issueSummary { margin-right: 510px; min-height: 200px; text-align: right; color: #888; } body.stylesAboutUs div.hubHeroPanels div.issueSummary { margin-right: 550px; min-height: 250px; } body.stylesOurBrands div.hubHeroPanels div.issueSummary { position: relative; margin-bottom: -118px; left: -49px; } body.stylesOurBrands div.hubHeroPanels { /*display: inline;*/ } body.stylesInvestorRelations div.hubHeroPanels div.issueSummary, body.stylesMediaCentre div.hubHeroPanels div.issueSummary { min-height: 0; text-align: left; margin-right: 270px; } body.stylesInvestorRelations div.hubHeroPanels div.issueSummary p.issueSummaryHeader, body.stylesMediaCentre div.hubHeroPanels div.issueSummary p.issueSummaryHeader { color: #EA8900; } body.stylesMediaCentre div.hubHeroPanels div.issueSummary { margin-right: 390px; } div.hubHeroPanels div.issueSummary p.issueSummaryHeader { color: #8c8c8c; text-align: right; } body.stylesMediaCentre div.hubHeroPanels { margin-top: 25px; } body.stylesInvestorRelations div.hubHeroPanels { margin: -25px 0 60px; overflow: hidden; } body.stylesInnovation div.hubHeroPanels { margin: -25px 0 70px; } body.stylesSustainability div.hubHeroPanels { margin: -25px 0 30px;} body.stylesSustainability div.hubHeroPanels div.issueSummary p.issueSummaryHeader { color: #74ae00; } body.stylesInnovation div.hubHeroPanels div.issueSummary p.issueSummaryHeader { color: #017a88; } body.stylesAboutUs div#content div.hubHeroPanels div.issueSummary p.issueSummaryHeader { color: #ea8900; } body.stylesInvestorRelations div.hubHeroPanels div.issueSummary p.issueSummaryHeader, body.stylesMediaCentre div.hubHeroPanels div.issueSummary p.issueSummaryHeader { text-align: left; } body.stylesInvestorRelations div.hubHeroPanels div.issueSummary p.issueSummaryHeader strong { font-size: 4em; } body.stylesMediaCentre div.hubHeroPanels div.issueSummary p.issueSummaryHeader { position: relative; left: 40px; margin-bottom: 0 !important; } div.hubHeroPanels div.issueSummary p.issueSummaryHeader strong { font-size: 3.4em; } body.stylesOurBrands div.hubHeroPanels div.issueSummary p.issueSummaryHeader strong { font-size: 5em; } div#content div.hubHeroPanels div.issueSummary p.issueSummaryContent { float: right; font-size: 1.2em; max-width: 24em; margin-bottom: 0.4em; } body.stylesAboutUs div#content div.hubHeroPanels div.issueSummary p.issueSummaryContent, body.stylesAboutUs div#content div.hubHeroPanels div.issueSummary p.issueSummaryLink { margin-right: 40px; margin-bottom: 0; } html.windowMinWidth body.stylesAboutUs div.hubHeroPanels div.issueSummary p.issueSummaryContent, html.windowMinWidth body.stylesAboutUs div.hubHeroPanels div.issueSummary p.issueSummaryLink { margin-right: 0; } body.stylesAboutUs div.hubHeroPanels div.issueSummary p.issueSummaryContent { max-width: 20em; } div.hubHeroPanels div.issueSummary p.issueSummaryLink { clear: both; } div.hubHeroPanels div.issueSummary p.issueSummaryLink a { padding-left: 7px; background: url("/images/so_link-arrow-off.gif") no-repeat left center; } div.hubHeroPanels div.issueSummary p.issueSummaryLink a:hover { background-image: url("/images/so_link-arrow-on.gif"); } div.hubHeroPanels div.heroPanel { position: static; float: none; width: auto; min-height: 110px; padding: 20px 493px 25px 0; text-align: right; border: 17px solid white; } body.stylesSustainability div.hubHeroPanels div.heroPanel { background: #018cb0 url("/images/so_vertical-grad-bg-blue.gif") repeat-x left top; } body.stylesInnovation div.hubHeroPanels div.heroPanel { background: #005f6c url("/images/so_vertical-grad-bg-aquamarine.gif") repeat-x left top; } body.stylesAboutUs div.hubHeroPanels div.heroPanel { /* margin: 17px; */ padding-left: 20px; text-align: left; background: #b83b80 url("/images/so_vertical-grad-bg-pink.gif") repeat-x left top; /* border: 0; */ } body.stylesOurBrands div.hubHeroPanels div.heroPanel { float: left; clear: none; width: 50%; min-height: 0; margin-left: 177px; padding: 0; background: none; border: none; } body.stylesInvestorRelations div.hubHeroPanels div.heroPanel { position: relative; float: left; clear: none; width: 500px; min-height: 330px; margin-bottom: 25px; margin-left: 30px; padding: 0; background: none; border: none; } body.stylesMediaCentre div.hubHeroPanels div.heroPanel { padding: 0; background: none; border: none; min-height: 315px; } div.hubHeroPanels div.heroPanel div.heroPanelIssue { width: 100%; display: table; } body.stylesInvestorRelations div.hubHeroPanels div.heroPanel div.heroPanelIssue { text-align: left; padding-top: 226px; } body.stylesMediaCentre div.hubHeroPanels div.heroPanel div.heroPanelIssue { padding-top: 30px; display: block; } body.stylesInvestorRelations div.hubHeroPanels div.heroPanel div.heroPanelIssue img { position: absolute; top: 0; left: 32px; } body.stylesMediaCentre div.hubHeroPanels div.heroPanel div.heroPanelIssueStories img, body.stylesMediaCentre div.hubHeroPanels div.heroPanel div.heroPanelIssueStories div.imageReplacement { position: absolute; right: -22px; top: -50px; } body.stylesMediaCentre div#content div.hubHeroPanels div.heroPanel div.heroPanelIssue p.heroPanelHeader, body.stylesMediaCentre div#content div.hubHeroPanels div.heroPanel div.heroPanelIssue p.heroPanelContent { position: relative; z-index: 2; clear: none; float: none; width: auto; right: -25px; margin: 0; padding: 15px 30px; margin-right: 420px; background: white; } body.stylesMediaCentre div#content div.hubHeroPanels div.heroPanel div.heroPanelIssue p.heroPanelHeader { padding-bottom: 0; } body.stylesMediaCentre div#content div.hubHeroPanels div.heroPanel div.heroPanelIssue p.heroPanelContent { margin-left: 10%; padding-top: 0; padding-bottom: 40px; color: #888; } html.windowMaxWidth body.stylesMediaCentre div.hubHeroPanels div.heroPanel div.heroPanelIssue p.heroPanelContent { margin-left: 14%; } html.windowMinWidth body.stylesMediaCentre div.hubHeroPanels div.heroPanel div.heroPanelIssue p.heroPanelContent { margin-left: 0; } body.stylesInvestorRelations div#content div.hubHeroPanels div.heroPanel div.heroPanelIssue p.heroPanelHeader, body.stylesInvestorRelations div#content div.hubHeroPanels div.heroPanel div.heroPanelIssue p.heroPanelContent { position: relative; z-index: 2; float: none; width: auto; margin: 0; padding: 17px; background: #f2f2f2; } body.stylesInvestorRelations div#content div.hubHeroPanels div.heroPanel div.heroPanelIssue p.heroPanelHeader { padding-bottom: 0; font-size: 2.1em; } body.stylesInvestorRelations div#content div.hubHeroPanels div.heroPanel div.heroPanelIssue p.heroPanelHeader strong { margin-right: -10px; display: block; } body.stylesInvestorRelations div#content div.hubHeroPanels div.heroPanel div.heroPanelIssue p.heroPanelHeader strong, body.stylesMediaCentre div#content div.hubHeroPanels div.heroPanel div.heroPanelIssue p.heroPanelHeader strong { color: #e400a7; } body.stylesInvestorRelations div#content div.hubHeroPanels div.heroPanel div.heroPanelIssue p.heroPanelContent { padding-top: 5px; color: #333; font-size: 1em; padding-bottom: 27px; } body.stylesInvestorRelations div.hubHeroPanels div.heroPanel div.heroPanelIssue div.highlightLink { z-index: 2; } body.stylesMediaCentre div.hubHeroPanels div.heroPanel div.heroPanelIssue div.highlightLink { position: relative; z-index: 2; bottom: auto; top: -1.2em; margin-right: 423px; } body.stylesMediaCentre div.hubHeroPanels div.heroPanel div.heroPanelIssue div.highlightLink a { float: right; } body.stylesInvestorRelations div.hubHeroPanels ul.heroPanelPager { position: absolute; left: 30px; z-index: 3; top: 74px; } body.stylesInvestorRelations div.heroPanelIssueStories { margin: -2px 0 0 -1px; } body.stylesInvestorRelations div.hubHeroPanels ul.heroPanelPager li { left: 0 !important; top: 183px; margin: 0; } body.stylesMediaCentre div.hubHeroPanels ul.heroPanelPager { margin-left: 40px; position: relative; top: -60px; z-index: 2; } body.stylesMediaCentre div.hubHeroPanels ul.heroPanelPager li { left: 0; top: 0; margin: 0; } body.stylesInvestorRelations div.hubHeroPanels ul.heroPanelPager li.prev a, body.stylesMediaCentre div.hubHeroPanels ul.heroPanelPager li.prev a { background-image: url("/images/so_left-arrow-orange-wrap.gif"); } body.stylesInvestorRelations div.hubHeroPanels ul.heroPanelPager li.prev a:hover, body.stylesMediaCentre div.hubHeroPanels ul.heroPanelPager li.prev a:hover { background-image: url("/images/so_left-arrow-orange-white-wrap.gif"); } body.stylesInvestorRelations div.hubHeroPanels ul.heroPanelPager li.next a, body.stylesMediaCentre div.hubHeroPanels ul.heroPanelPager li.next a { background-image: url("/images/so_right-arrow-orange-wrap.gif"); } body.stylesInvestorRelations div.hubHeroPanels ul.heroPanelPager li.next a:hover, body.stylesMediaCentre div.hubHeroPanels ul.heroPanelPager li.next a:hover { background-image: url("/images/so_right-arrow-orange-white-wrap.gif"); } body.stylesMediaCentre div#content div.hubHeroPanels ul.heroPanelPager li.next { margin-left: 2px; } body.stylesInvestorRelations div.hubHeroPanels div#sharePrice, body.stylesInvestorRelations div.hubHeroPanels div#latestInSection { position: relative; z-index: 2; background-color: #FFFFFF; float: right; clear: right; width: 230px; border-top: 8px solid #e0e0e0; border-left: 8px solid #e0e0e0; padding: 10px; } body.stylesInvestorRelations div.hubHeroPanels div#sharePrice p.heroPanelHeader, body.stylesInvestorRelations div.hubHeroPanels div#latestInSection p.heroPanelHeader { margin: -10px; margin-bottom: 0; padding: 15px 10px 5px 10px; border-right: 8px solid #e0e0e0; font-size: 1.3em; color: #0682b6; } body.stylesInvestorRelations div.hubHeroPanels div#sharePrice table { margin-bottom: 25px; } body.stylesInvestorRelations div.hubHeroPanels div#sharePrice table, body.stylesInvestorRelations div.hubHeroPanels div#latestInSection ul { width: 100%; } body.stylesInvestorRelations div.hubHeroPanels div#sharePrice table tr { border-bottom: 1px solid #efefef; } body.stylesInvestorRelations div.hubHeroPanels div#sharePrice table tr th { padding: 5px 0; color: #666; } body.stylesInvestorRelations div.hubHeroPanels div#sharePrice table tr th strong { font-weight: bold; } body.stylesInvestorRelations div.hubHeroPanels div#sharePrice table tr td { padding: 5px 0; vertical-align: middle; text-align: right; font-size: 1.4em; font-weight: bold; color: #888888; } body.stylesInvestorRelations div.hubHeroPanels div#sharePrice table tr td span { padding-right: 17px; background-repeat: no-repeat; background-position: right center; } body.stylesInvestorRelations div.hubHeroPanels div#sharePrice table tr td span.grow { color: #74ae00; background-image: url("/images/so_grow-ico.gif"); } body.stylesInvestorRelations div.hubHeroPanels div#sharePrice table tr td span.fall { color: #e400a7; background-image: url("/images/so_fall-ico.gif"); } body.stylesInvestorRelations div.hubHeroPanels div#latestInSection ul li { margin-left: 0; } body.stylesInvestorRelations div.hubHeroPanels div#sharePrice { top: -70px; margin-bottom: -45px; } body.stylesInvestorRelations div.hubHeroPanels div#sharePrice div.highlightLink { left: -8px; bottom: -8px; } body.stylesInvestorRelations div.hubHeroPanels div#latestInSection { background: white url("/images/so_horizontal-wide-bg-grey.gif") no-repeat left bottom; } div.hubHeroPanels div.heroPanel p.heroPanelHeader { float: right; font-size: 2.9em; padding-left: 45px; } body.stylesInnovation div#content div.hubHeroPanels div.heroPanel p.heroPanelContent { width: 20em; } div#content div.hubHeroPanels div.heroPanel p.heroPanelContent { clear: both; float: right; width: 20em; margin-left: 10px; margin-bottom: 0; font-size: 1.2em; } div#content div.hubHeroPanels div.heroPanel p.heroPanelContent div#content div.hubHeroPanels div.heroPanel p.heroPanelIssueStoryContent { line-height: 1.2; } body.stylesAboutUs div#content div.hubHeroPanels div.heroPanel p.heroPanelHeader, body.stylesAboutUs div#content div.hubHeroPanels div.heroPanel p.heroPanelContent { padding-left: 0; margin-bottom: 0; float: left; } body.stylesSustainability div.hubHeroPanels div.heroPanel p.heroPanelHeader { /*background: url("/images/so_less-water-ico.gif") no-repeat 10px center; padding-left: 55px !important;*/ margin-bottom: 0.2em !important; padding-bottom: 0.2em; } body.stylesInnovation div#content div.hubHeroPanels div.heroPanel p.heroPanelHeader { /*background: url("/images/so_weight-ico.gif") no-repeat 10px center; padding-left: 55px !important;*/ margin-bottom: 0.2em !important; padding-top: 2px; padding-bottom: 2px; } /* Reduce packaging */ div.sustainabilityThemePackaging p.heroPanelHeader { background: url("/images/so_sustheme_packaging_small.gif") no-repeat 0 3px; } /* Water */ div.sustainabilityThemeWater p.heroPanelHeader { background: url("/images/so_sustheme_water_small.gif") no-repeat 0 3px; } /* Nutrition */ div.sustainabilityThemeNutrition p.heroPanelHeader { background: url("/images/so_sustheme_nutrition_small.gif") no-repeat 0 3px; } /* Climate change */ div.sustainabilityThemeClimate p.heroPanelHeader { background: url("/images/so_sustheme_climate_small.gif") no-repeat 0 3px; } div.sustainabilityThemePacking div.heroPanelIssue { /*background: url("/images/so_sustheme_packaging_bg.gif");*/ } div.innovationThemeWeight p.heroPanelHeader { background: url("/images/so_weight-ico.gif") no-repeat 0 3px; } /*- Hero panel pager -*/ div.hubHeroPanels ul.heroPanelPager { margin: 0; padding: 0; list-style: none; } div.hubHeroPanels ul.heroPanelPager li { display: block; float: left; position: relative; top: 55px; } div.hubHeroPanels ul.heroPanelPager li.ourBrandsFoodLink { border: none !important; } div.hubHeroPanels ul.heroPanelPager li a { position: relative; } div.hubHeroPanels ul.heroPanelPager li.prev { left: -15px; } div.hubHeroPanels ul.heroPanelPager li.prev a { background: url("/images/so_left-arrow-blue-wrap.gif") no-repeat left center; } div.hubHeroPanels ul.heroPanelPager li.prev a:hover, body.stylesAboutUs div.hubHeroPanels ul.heroPanelPager li.prev a:hover { background: url("/images/so_left-arrow-darkgreen-wrap.gif") no-repeat left center; } body.stylesSustainability ul.heroPanelPager li span, body.stylesInnovation ul.heroPanelPager li span { position: absolute; display: block; z-index: -1; width: 193px; height: 275px; } body.stylesSustainability ul.heroPanelPager li.prev span, body.stylesInnovation ul.heroPanelPager li.prev span { top: -104px; left: -121px; } body.stylesSustainability ul.heroPanelPager li.next span, body.stylesInnovation ul.heroPanelPager li.next span { top: 10px; left: -93px; height: 200px; } div.hubHeroPanels ul.heroPanelPager li.prev span.sustainabilityThemeClimate{ background: url("/images/so_sustheme_climate_left.gif") no-repeat left top; } div.hubHeroPanels ul.heroPanelPager li.next span.sustainabilityThemeClimate{ background: url("/images/so_sustheme_climate_right.gif") no-repeat left top; } div.hubHeroPanels ul.heroPanelPager li.prev span.sustainabilityThemeNutrition{ background: url("/images/so_sustheme_nutrition_left.gif") no-repeat left top; } div.hubHeroPanels ul.heroPanelPager li.next span.sustainabilityThemeNutrition{ background: url("/images/so_sustheme_nutrition_right.gif") no-repeat left top; } div.hubHeroPanels ul.heroPanelPager li.prev span.sustainabilityThemePackaging{ background: url("/images/so_sustheme_packaging_left.gif") no-repeat left top; } div.hubHeroPanels ul.heroPanelPager li.next span.sustainabilityThemePackaging{ background: url("/images/so_sustheme_packaging_right.gif") no-repeat left top; } div.hubHeroPanels ul.heroPanelPager li.prev span.sustainabilityThemeWater{ background: url("/images/so_sustheme_water_left.gif") no-repeat left top; } div.hubHeroPanels ul.heroPanelPager li.next span.sustainabilityThemeWater{ background: url("/images/so_sustheme_water_right.gif") no-repeat left top; } div.hubHeroPanels ul.heroPanelPager li.prev span.innovationThemeDNA { background: url("/images/so_sustheme_water_left.gif") no-repeat left top; } div.hubHeroPanels ul.heroPanelPager li.next span.innovationThemeParticles { background: url("/images/so_sustheme_water_right.gif") no-repeat left top; } div.hubHeroPanels ul.heroPanelPager li.next { left: 100%; margin-left: -49px; } body.stylesAboutUs div.hubHeroPanels ul.heroPanelPager li.next { margin-left: -65px; } div.hubHeroPanels ul.heroPanelPager li.next a { background: url("/images/so_right-arrow-blue-wrap.gif") no-repeat left center; } div.hubHeroPanels ul.heroPanelPager li.next a:hover, body.stylesAboutUs div.hubHeroPanels ul.heroPanelPager li.next a:hover { background: url("/images/so_right-arrow-darkgreen-wrap.gif") no-repeat left center; } body.stylesAboutUs div.hubHeroPanels ul.heroPanelPager li.prev a { background-image: url("/images/so_left-arrow-pink-wrap.gif"); } body.stylesAboutUs div.hubHeroPanels ul.heroPanelPager li.next a { background-image: url("/images/so_right-arrow-pink-wrap.gif"); } body.stylesOurBrands div.hubHeroPanels ul.heroPanelPager { padding-top: 20px; width: 25%; float: left; font-size: 1.3em; } body.stylesOurBrands div.hubHeroPanels ul.heroPanelPager li { position: static; float: right; width: 80%; padding: 0.8em 0 0.6em 0; text-align: right; border-top: 1px solid #e9e9e9; background: #f4f4f4; clear: both; } body.stylesOurBrandsFood div.hubHeroPanels ul.heroPanelPager li.ourBrandsFoodLink, body.stylesOurBrandsPersonalCare div.hubHeroPanels ul.heroPanelPager li.ourBrandsPersonalCareLink, body.stylesOurBrandsHomeCare div.hubHeroPanels ul.heroPanelPager li.ourBrandsHomeCareLink, body.stylesOurBrandsHome div.hubHeroPanels ul.heroPanelPager li { background: transparent; } body.stylesOurBrands div.hubHeroPanels ul.heroPanelPager li.stylesOurBrandsFoodLink { border-top: none; } body.stylesOurBrands div.hubHeroPanels ul.heroPanelPager li a { width: auto; height: auto; color: #8f8f8f; text-decoration: none; padding-right: 45px; position: relative; background: url("/images/so_right-arrow-orange.gif") no-repeat right top; } body.stylesOurBrandsFood div.hubHeroPanels ul.heroPanelPager li.ourBrandsFoodLink a, body.stylesOurBrands div.hubHeroPanels ul.heroPanelPager li.ourBrandsFoodLink a:hover { background-image: url("/images/so_right-arrow-green-wrap.gif"); } body.stylesOurBrandsPersonalCare div.hubHeroPanels ul.heroPanelPager li.ourBrandsPersonalCareLink a, body.stylesOurBrands div.hubHeroPanels ul.heroPanelPager li.ourBrandsPersonalCareLink a:hover { background-image: url("/images/so_right-arrow-blue-wrap.gif"); } body.stylesOurBrandsHomeCare div.hubHeroPanels ul.heroPanelPager li.ourBrandsHomeCareLink a, body.stylesOurBrands div.hubHeroPanels ul.heroPanelPager li.ourBrandsHomeCareLink a:hover { background-image: url("/images/so_right-arrow-pink-wrap.gif"); } body.stylesOurBrands div#content div.hubHeroPanels ul.heroPanelPager li a strong { font-size: 2em; font-weight: normal; } body.stylesOurBrands div.hubHeroPanels ul.heroPanelPager li a span { position: static; display: block; width: 100%; text-align: right; clear: both; } div.hubHeroPanels ul.heroPanelPager li a { display: block; width: 32px; height: 35px; } div.hubHeroPanels ul.heroPanelPager li.prev a span, div.hubHeroPanels ul.heroPanelPager li.next a span { position: absolute; left: -9999em; width: 1em; } /*- End hero panel pager -*/ div.hubHeroPanels div.heroPanelIssueStories { position: absolute; width: 360px; min-height: 320px; padding: 10px 55px 25px 15px; top: 0; right: 52px; text-align: left; } body.stylesSustainability div.hubHeroPanels div.heroPanelIssueStories { background: #74ae00; } body.stylesAboutUs div.hubHeroPanels div.heroPanelIssueStories div.imageReplacement { background: url("/images/so_about-us-image-crop.png") no-repeat 0 156px; width: 500px; height: 498px; } body.stylesAboutUs div.hubHeroPanels div.heroPanelIssueStories { top: -43px; right: 105px; } body.stylesInnovation div.hubHeroPanels div.heroPanelIssueStories { background: #0ab9de url("/images/so_vertical-grad-bg-blue.gif") repeat-x left bottom; } div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager { position: absolute; top: 285px; z-index:2; } body.stylesInnovation div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager { top: 253px; } div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li { font-size: 1.2em; font-weight: bold; line-height: 1.5em; width: 1.5em; display: block; float: left; background: white; margin-right: 3px; text-align: center; } div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li a { display: block; height: 1.5em; background-repeat: no-repeat; background-position: center center; } div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li a span { color: #74ae00; } body.stylesInnovation div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li a span { color: #0ab9de; } div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li.active a { background-color: #74ae00; } div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li a:hover { background-color: #e400a7; text-decoration: none; } div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li.active a span, div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li a:hover span, body.stylesInnovation div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li.active a span { color: #FFFFFF !important; } div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li.prev a { background-image: url("/images/so_left-arrow-green.gif"); } body.stylesInnovation div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li.active a { background-color: #0ab9de; } body.stylesInnovation div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li.active a:hover { background-color: #E400A7; } body.stylesInnovation div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li.prev a { background-image: url("/images/so_left-arrow-blue.gif"); } body.stylesInnovation div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li.next a { background-image: url("/images/so_right-arrow-blue.gif"); } div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li.prev a:hover { background-image: url("/images/so_left-arrow-white.gif") !important; } div.hubHeroPanels div.heroPanelIssueStories ul.hidden { display: none;} div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li.next a { background-image: url("/images/so_right-arrow-green.gif"); } div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li.next a:hover { background-image: url("/images/so_right-arrow-white.gif") !important; } div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li.prev a span, div.hubHeroPanels div.heroPanelIssueStories ul.heroPanelIssuePager li.next a span { position: absolute; left: -9999em; width: 1em; } body.stylesSustainability div#content div.hubHeroPanels div.heroPanelIssueStories p.heroPanelIssueStoryHeader, body.stylesInnovation div#content div.hubHeroPanels div.heroPanelIssueStories p.heroPanelIssueStoryHeader { padding-top: 1em; font-size: 1.3em; margin-bottom: 0.4em; } body.stylesOurBrands div#content div.hubHeroPanels div.heroPanelIssueStories p.heroPanelIssueStoryHeader { font-size: 3em; margin: 0; margin-bottom: 0.3em; padding: 0; width: 215px; } body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStory img { position: absolute; border: 10px solid white; } body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStory { padding-top: 50px; } body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStory img.heroPanelIssueStoryImg1 { left: -170px; top: 85px; } body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStory img.heroPanelIssueStoryImg2 { top: 0; left: 20px; } body.stylesOurBrandsFood div.hubHeroPanels div.heroPanelIssueStory img.heroPanelIssueStoryImg2 { top: 0; } body.stylesOurBrandsHome div.hubHeroPanels div.heroPanelIssueStory img.heroPanelIssueStoryImg2 { top: 0; left: 0; } body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStory img.heroPanelIssueStoryImg3 { top: 315px; left: -140px; } body.stylesOurBrandsHome div.hubHeroPanels div.heroPanelIssueStory img.heroPanelIssueStoryImg3 { left: -125px; } body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStory img.heroPanelIssueStoryImg4 { top: 335px; left: 21px; } body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStories { position: relative; top: -70px; /*margin-bottom: -80px;*/ width: auto; padding: 0; padding-top: 50px; right: 0; } body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStories div.heroPanelIssueStory { margin-left: 120px; padding: 30px 40px 40px 75px; background: #EA8900 url("/images/so_vertical-grad-bg-orange.gif") repeat-x left top; } body.stylesOurBrandsHome div.hubHeroPanels div.heroPanelIssueStories div.heroPanelIssueStory { padding-top: 75px; min-height: 200px; max-width: 195px; min-width: 140px; } body.stylesOurBrandsFood div.hubHeroPanels div.heroPanelIssueStories div.heroPanelIssueStory { background: #537D00 url("/images/so_vertical-grad-bg-darkgreen.gif") repeat-x left top; } body.stylesOurBrandsPersonalCare div.hubHeroPanels div.heroPanelIssueStories div.heroPanelIssueStory { background: #018CB0 url("/images/so_vertical-grad-bg-blue.gif") repeat-x left top; } body.stylesOurBrandsHomeCare div.hubHeroPanels div.heroPanelIssueStories div.heroPanelIssueStory { background: #B83B80 url("/images/so_vertical-grad-bg-pink.gif") repeat-x left top; } body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStories p.heroPanelIssueStoryContent { margin: 0; margin-bottom: 0.5em; } body.stylesOurBrandsHome div#content div.hubHeroPanels div.heroPanelIssueStories p.heroPanelIssueStoryContent { font-size: 1.8em; line-height: 1.2; } body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStories ul.brandsList { float: left; margin-bottom: 1em; width: 140px; } body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStories ul.brandsList li { background: url("/images/so_right-arrow-white.gif") no-repeat left 3px; padding: 0 0 0 10px; margin: 0 4px 0 0; list-style: none; } div.hubHeroPanels p.listStyleLink a { background: url("/images/so_right-arrow-white.gif") no-repeat left center; padding-left: 10px; } div.hubHeroPanels p.listStyleLink { padding: 0.5em 0 1em 0; clear: both; } body.stylesSustainability div.hubHeroPanels p.listStyleLink, body.stylesInnovation div.hubHeroPanels p.listStyleLink { float: right; padding-bottom: 0; } body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStories p.prevPageLink, body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStories p.nextPageLink { margin: 0 -40px 0 -25px; } body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStories p.nextPageLink { text-align: right; position: relative; right: -40px; } body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStories p.prevPageLink a, body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStories p.nextPageLink a { display: block; line-height: 2em; } body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStories p.prevPageLink a { float: left; background: url("/images/so_left-arrow-white-wrap.gif") no-repeat left center; padding-left: 30px; } body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStories p.nextPageLink a { float: right; background: url("/images/so_right-arrow-white-wrap.gif") no-repeat right center; padding-right: 30px; } body.stylesOurBrands div.hubHeroPanels div.heroPanelIssueStories div.highlightLink { position: static; clear: left; float: left; margin-left: -25px; height: auto; } body.stylesAboutUs div.hubHeroPanels div.heroPanel div.highlightLink { left: 17px; bottom: 30px; } body.stylesAboutUs div.hubHeroPanels div.heroPanel { margin-left: 170px; margin-right: 16px; } body.stylesAboutUs div.hubHeroPanels ul.heroPanelPager li.prev { left: 155px; } body.stylesAboutUs div.hubHeroPanels div.heroPanel div.highlightLink { left: 187px; } html.windowMinWidth body.stylesAboutUs div.hubHeroPanels div.heroPanel, html.windowCollapseWidth body.stylesAboutUs div.hubHeroPanels div.heroPanel { margin-left: 0; } html.windowMinWidth body.stylesAboutUs div.hubHeroPanels ul.heroPanelPager li.prev, html.windowCollapseWidth body.stylesAboutUs div.hubHeroPanels ul.heroPanelPager li.prev { left: 0; } html.windowMinWidth body.stylesAboutUs div.hubHeroPanels div.heroPanel div.highlightLink, html.windowCollapseWidth body.stylesAboutUs div.hubHeroPanels div.heroPanel div.highlightLink { left: 0; } /*- Hero panel 'slide show' -*/ /*div.heroPanelIssueStories*/ div.heroPanel div.story1 div.heroPanelIssueStory, div.heroPanel div.story2 div.heroPanelIssueStory, div.heroPanel div.story3 div.heroPanelIssueStory, div.heroPanel div.story4 div.heroPanelIssueStory, div.heroPanel div.story5 div.heroPanelIssueStory{ position: absolute; left: -20000px; width: 160px; } div.heroPanel div.story1 div.heroPanelIssueStoryPage1, div.heroPanel div.story2 div.heroPanelIssueStoryPage2, div.heroPanel div.story3 div.heroPanelIssueStoryPage3, div.heroPanel div.story4 div.heroPanelIssueStoryPage4, div.heroPanel div.story5 div.heroPanelIssueStoryPage5 { position: static; left: 0; width: auto; } /*- Hub page menu -*/ div.hubMainMenu { position: relative; top: -14px; margin-bottom: 30px; padding-right: 32px; padding-bottom: 4px; clear: both; background: #e0e0e0; } body.stylesInnovation div.hubMainMenu, body.stylesSustainability div.hubMainMenu { top: 0; } body.stylesSustainability div.hubMainMenu { background: #0682b6; } body.stylesInnovation div.hubMainMenu { background: #2bbceb; } body.stylesAboutUs div.hubMainMenu { background: #ea8900; top: 19px; } body.stylesOurBrands div.hubMainMenu { background: #d96e09; } body.stylesInvestorRelations div.hubMainMenu { background: #ea8900; } body.stylesMediaCentre div.hubMainMenu { background: #ea8900; top: 10px;} body.stylesCareers div.hubMainMenu { background: #99e021; top: 33px; margin-top: 0; margin-bottom: 60px; width: 921px; } body.stylesOurBrandsFood div.hubMainMenu, body.stylesOurBrandsPersonalCare div.hubMainMenu, body.stylesOurBrandsHomeCare div.hubMainMenu { /*top: 0; margin-bottom: 22px;*/ } div.hubMainMenuContent { position: relative; top: -30px; margin-bottom: -30px; padding-bottom: 10px; width: 100%; display: table; border-left: 1px solid #e0e0e0; background: white url("/images/so_horizontal-bg-grey.gif") no-repeat left top; } body.stylesOurBrands div.hubMainMenuContent { top: 0px; margin-bottom: 0px; } body.stylesCareersHomePage div.hubMainMenuContent { padding-bottom: 20px; } div#content div.hubMainMenu h2 { float: left; width: 900px; color: #404040; margin: 15px 17px 0 17px !important; padding-bottom: 5px !important; font-size: 2em !important; border-bottom: none !important; } div.hubMainMenu ul.linksList { float: left; display: inline; width: 195px; list-style: none; position: relative; z-index: 2; margin: 0 100px 0 0 !important; } div.hubMainMenu ul.linksList li { float: left; width: 195px; margin: 0; } div.hubMainMenu ul.linksList li a { margin: 0 17px; } div.hubMainMenu form { float: left; } div.hubMainMenu form label { display: block; padding-bottom: 1em; } div.hubMainMenu form select { width: 13em; } /*- Hub page content -*/ div.hubRow, div.hubBoundRow { padding: 0; clear: both; background: none; overflow: hidden; } div.hubBoundRow { padding: 10px 0 0; background: url(/images/so_vertical-bg-grey.gif) repeat-x left top; } div.hubContentContainer, div.hubNewsBoxContainer, div.style-WorldWide, div.hubFeedback, div.hubBrandsList, div.hubEventsBox, div.hubInterestsList { position: relative; border-top: 1px solid #fcdc2a; border-left: 1px solid #fcdc2a; width: 464px; background: #FFFFFF; } div.hubContentContainer, div.hubBrandsList, div.hubEventsBox, div.hubInterestsList { margin: 0 0 30px; } div.hubNews, div.style-WorldWide, div.hubFeedback, div.hubMessageBox, div.hubRssFeed, div.hubInterestsList { float: left; margin: 0 10px 30px; } div.hubNewsBoxContainer { margin: 0 0 14px; } div.hubNews { width: 465px; } div.hubNewsBox { float: left; width: 210px; margin: 0 15px 0 0; } div.hubNews div.hubNewsBox:first-child { margin: 0 30px 0 0; } div.hubNewsBox div.hubNewsBoxContainer { width: 210px; padding-bottom: 3em; } div.hubCalendarSearch div.hubNewsBoxContainer { background: #eaa500 url("/images/so_vertical-grad-bg-orange.gif") repeat-x left bottom; } div#content div.hubEventsBox h2, div#content div.style-WorldWide h2, div#content div.hubInterestsList h2, div#content div.hubFeedback h2, div#content div.hubBrandsList h2, div#content div.hubNewsBoxContainer h2, div#content div.hubContentContainer h2 { color: #333 !important; font-size: 1.333em; font-weight: normal; margin: 12px 15px 10px; padding-bottom: 5px; border-bottom: 1px solid #bfdb85; } div#content div.hubCalendarSearch div.hubNewsBoxContainer h2 { color: #FFF !important; font-weight: bold; width: auto; margin:12px 15px 10px; padding-bottom:5px; font-size:1.333em; border: none; } div#content div.hubCalendarSearch div.hubNewsBoxContainer form input.submit { width:auto; } div.style-WorldWide { background: white url(/images/so_horizontal-line-yellow.gif) no-repeat left bottom; } div.hubBrandsList { float: left; background-color: #FFFFFF; background-repeat: repeat-x; background-position: left 123px; margin: 0 10px 54px; } body.stylesSustainability div.hubBrandsList { background-image: url("/images/so_vertical-grad-bg-green.gif"); } body.stylesInnovation div.hubBrandsList { background-image: url("/images/so_vertical-grad-bg-blue.gif"); } body.stylesOurBrands div.hubBrandsList, body.stylesAboutUs div.hubBrandsList { background-image: url("/images/so_vertical-grad-bg-orange.gif"); } div.hubFeedback { width: 464px; background: #FFF url(/images/so_singleBox-border_long.gif) no-repeat scroll bottom left; } div#content div.hubFeedback form.feedback h2 { margin: 16px 0 10px; } div.hubMessageBox, div.hubRssFeed { width: 464px; min-height: 97px; padding: 0; position: relative; } div.hubMessageBox { background: url("/images/so_vertical-bg-darkgrey.gif") repeat-x left bottom; } div.hubMessageBoxContent { background: #f2f2f2; margin: 0 8px 8px 0; padding-bottom: 20px; min-height: 89px; overflow: hidden; } div.hubRssFeed { background: #e400a7 url("/images/so_horizontal-bg-purple-texture.gif") repeat-x left bottom; } div.hubRssFeed div.hubRssFeedContent { padding: 15px; padding-left: 83px; background: url("/images/so_rss-feed-ico.gif") no-repeat 15px 15px; } div.hubEvents { float: left; width: 464px; margin: 0 10px 0; } div.hubInterestsList { background: white url("/images/so_horizontal-line-yellow.gif") no-repeat left bottom; } div.hubNoLeft div.hubMessageBox, div.hubNoLeft div.hubRssFeed, div.hubNoLeft div.hubInterestsList, div.hubNoLeft div.hubEvents, div.hubNoLeft div.hubBrandsList, div.hubNoLeft div.hubFeedback, div.hubNoLeft div.style-WorldWide, div.hubNoLeft div.hubNews { float: right; } body.stylesCareers div.hubContentContainer { width: auto } div#content div.hubOverviewList h2, div#content div.hubFeaturedRow h2 { color: #333 !important; font-size: 1.333em; /*16px*/ font-weight: normal; } /* hubNewsBox */ div#content div.hubNewsBox h2 { margin-right: 0; } div#content div.hubNewsBox h3 { margin-left: 20px; font-size: 1em !important; font-weight: normal; } div#content div.hubNewsBox h3 a { padding-left: 10px; display: block; text-decoration: none; background: url("/images/so_link-arrow-lrg-off.gif") no-repeat 0 4px; } div#content div.hubNewsBox h3 a:hover { background-image: url("/images/so_link-arrow-lrg-on.gif"); } div.hubNewsBox img { margin-left: 15px; margin-bottom: 10px; } div#content div.hubNewsBox ul { margin-left: 15px; margin-bottom: 20px; border-top: 1px solid #efefef; } div#content div.hubNewsBox ul li { margin-left: 0; } div#content div.hubNewsBox p { padding-left: 30px; margin-bottom: 0.5em !important; } div#content div.hubNewsBox fieldset p { padding-left: 15px; } body.stylesInvestorRelations div#content div.hubNewsBox p { padding-left: 15px; margin-bottom: 0.7em !important; } div#content div.hubNewsBox p em { font-size: 0.9em; font-style: normal; } div.hubNewsBox dl { margin-left: 15px; } div.hubNewsBox dl dt { font-size: 0.9em; color: #0682b6; } div.hubNewsBox dl dd { margin-bottom: 0.5em; padding: 0.5em 0; border-bottom: 1px solid #efefef; } div.hubNewsBox dl dd a { display: block; color: #333; text-decoration: none; background: url("/images/so_link-arrow-lrg-off.gif") no-repeat left 0.3em; padding-left: 10px; } div.hubNewsBox dl dd a:hover { background-image: url("/images/so_link-arrow-lrg-on.gif"); color: #74ae00; } div.hubNewsBox div.multiline { bottom: 7px; } /* hubCalendarBox */ div.hubCalendarSearch p { padding: 5px 20px 0 15px; color: #FFFFFF; } div.hubCalendarSearch form label { display: block; margin-bottom: 0.5em; } div.hubCalendarSearch form input { width: 100%; } div.hubCalendarSearch form select { width: 49%; } div.hubCalendarSearch form input.submit { padding: 0 1em; position: absolute; bottom: -0.3em; background: #74ae00; } div.hubCalendarSearch form input.submit:hover, div.hubCalendarSearch form input.submitIeHover { background: #568000; } /* hubEventsBox */ div.hubEvents { margin-left: 10px; margin-bottom: 30px; float: left; clear: left; } div.hubEventsBox h2 { margin-right: 0 !important; } div.hubEventsBox dl { margin-left: 15px; padding-bottom: 30px; } div.hubEventsBox dl dt { font-size: 0.9em; color: #0682b6; } div.hubEventsBox dl dd { margin-bottom: 0.5em; padding: 0.5em 0; border-bottom: 1px solid #efefef; } div.hubEventsBox dl dd a { display: block; color: #333; text-decoration: none; background: url("/images/so_link-arrow-lrg-off.gif") no-repeat left 0.3em; padding-left: 10px; } div.hubEventsBox dl dd a:hover { background-image: url("/images/so_link-arrow-lrg-on.gif"); color: #74ae00; } /* hubBriefBox */ div.hubBriefBox { clear: none; float: left; width: 25%; min-width: 200px; margin-right: 0; } body.stylesCareers div.hubBriefBox { width: 234px; } body.stylesCareersHomePage div.hubBriefBox { width: 25%; } div.hubBriefBoxContainer { margin-right: 20px; padding-bottom: 10px; min-height: 185px; } div.hubBriefBoxContainer h2 { margin-bottom: 0!important; border: none !important; width: auto !important; } div.hubBriefBoxContainer p { padding: 0 15px; } div.hubBriefBoxContainer img { margin: 5px 15px 15px 15px; } div.hubBriefBoxContainer ul.linksList { border-top: 1px solid #fcdc2a; padding-top: 10px; padding-right: 15px; } div.hubEventsBox div.hubBriefBoxContainer { padding-top: 120px; min-height: 0; } div.hubEventsBox div.hubBriefBoxContainer img { position: absolute; top: 5px; } div.hubEventsBox div.hubBriefBoxContainer, div.hubEventsBox div.hubBriefBoxContainer dl { padding-bottom: 0; } div.hubEventsBox div.hubBriefBoxContainer dd { border: none; } div.hubEventsBox div.hubBriefBoxContainer dd a { padding: 0; background: transparent; color: #e400a7; } /* hubMapBox */ div.hubMapBox { width: 44%; min-width: 392px; float: left; background: white url("/images/so_horizontal-line-yellow.gif") no-repeat left bottom; } div.hubMapBox img { margin-left: 25px; margin-bottom: 25px; } /* hubInterestsList */ div#content div.hubInterestsList h2 { margin-right: 0 !important; } div.hubInterestsList ul { margin: 0 15px 30px 15px; padding-top: 10px; } div.hubInterestsList ul li { position: relative; display: block; width: 50%; min-height: 95px; float: left; } div.hubInterestsList ul li img { position: absolute; left: 0; top: 0; } div#content div.hubInterestsList ul li h3 { margin-left: 82px; margin-bottom: 0; font-size: 1em; } div#content div.hubInterestsList ul li h3 a { text-decoration: none; padding-left: 8px; display: block; background: url("/images/so_link-arrow-lrg-off.gif") no-repeat left 0.3em; } div#content div.hubInterestsList ul li h3 a:hover { background-image: url("/images/so_link-arrow-lrg-on.gif"); color: #74ae00; } div#content div.hubInterestsList ul li p { font-size: 0.9em; margin-right: 5px; margin-left: 90px !important; } /* hubBoundRow */ div#content div.hubBrandsList p { clear: left; font-size: 1.2em; color: #FFFFFF; margin: 0; padding: 8px 25px 33px; } div#content div.hubBrandsList ul { overflow: hidden; margin-bottom: 0; padding: 0 20px; } div#content div.hubBrandsList ul li { float: left; width: 125px; margin: 0 5px; list-style: none; } div#content div.hubBrandsList ul li a { float: left; } div#content div.hubBrandsList ul li p { float: left; width: 118px; margin-top: 7px; padding: 1px 0 33px 7px; font-size: 1em; background: url("/images/so_right-arrow-white.gif") no-repeat left 0.5em; } div#content div.hubBrandsList ul li p a { color: #FFFFFF; text-decoration: none; } div#content div.hubBrandsList ul li p a:hover { text-decoration: underline; } div#content div.hubBrandsList ul li img { float: left; } div.hubFeedback div.hubEnquiry { float: left; width: 46%; padding-left: 17px; padding-bottom: 30px; margin-top: 18px; } div.hubFeedback div.hubEnquiry img.quoteImage, div.hubFeedback .feedback img.quoteImage { float: left; margin: 5px 0 0; } div#content div.hubFeedback div.hubEnquiry p.quotation, div#content div.hubFeedback .feedback p.quotation { margin-left: 80px; } div.hubFeedback div.hubEnquiry p.quotation cite, div.hubFeedback .feedback p.quotation cite { display: block; line-height: 2em; font-style: normal; } div.hubFeedback div.hubEnquiry p.quotation q, div.hubFeedback .feedback p.quotation q { font-size: 0.9em; } div.hubFeedback div.hubEnquiry form.enquiry { padding: 10px 10px 0; border: 8px solid #e0e0e0; } div.hubFeedback div.hubEnquiry form.enquiry input.submit { position: relative; left: -18px; top: 18px; } div.hubFeedback div.hubEnquiry form.enquiry input.radio { position: relative; clear: both; float: left; margin-left: -1px; margin-right: 6px; } div.hubFeedback div.hubEnquiry form.enquiry .enquiryContent input.radio { margin-top: 0; } div.hubFeedback div.hubEnquiry form.enquiry p.enquiryContent label, div.hubFeedback div.hubEnquiry form.enquiry p.enquiryContent span { font-size: 2.2em; font-weight: bold; color: #74ae00; margin-right: 9px; } div.hubFeedback div.hubEnquiry form.enquiry p.enquiryContent label { float: left; width: 120px; margin-right: 0; line-height: 1.1em; font-size: 1.1em; margin-bottom: 22px; } div.hubFeedback div.hubEnquiry form.closed p.enquiryContent span { float: left; width: 50%; margin: 0; } div.hubFeedback div.hubEnquiry form.enquiry p.enquiryContent span span { font-size: 0.5em; } div.hubFeedback div.hubEnquiry ul.resultsChart, div.hubFeedback div.hubEnquiry ul.resultsStats { list-style: none; float: left; } div.hubFeedback div.hubEnquiry ul.resultsChart { width: 55px; } div.hubFeedback div.hubEnquiry ul.resultsChart li div { float: left; } div#content div.hubFeedback div.hubEnquiry ul.resultsStats li p { line-height: 1em; font-weight: 600; } div.hubFeedback div.hubEnquiry ul.resultsChart li div.section { width: 40px; border-bottom: 2px solid #ffffff; margin-right: 15px; } div.hubFeedback div.hubEnquiry ul.resultsStats li.result1 { color: #e400a7; } div.hubFeedback div.hubEnquiry ul.resultsChart li.result1 div.section { background: #e400a7; } div.hubFeedback div.hubEnquiry ul.resultsStats li.result2 { color: #ea9000; } div.hubFeedback div.hubEnquiry ul.resultsChart li.result2 div.section { background: #ea9000; } div.hubFeedback div.hubEnquiry ul.resultsStats li.result3 { color: #74ae00; } div.hubFeedback div.hubEnquiry ul.resultsChart li.result3 div.section { background: #74ae00; } div.hubFeedback div.hubEnquiry ul.resultsStats li.result4 { color: #0099cc; } div.hubFeedback div.hubEnquiry ul.resultsChart li.result4 div.section { background: #0099cc; } body.stylesSustainability div.hubFeedback div.hubEnquiry form.enquiry .enquiryAnswer2, body.stylesInnovation div.hubFeedback div.hubEnquiry form.enquiry .enquiryAnswer2, body.stylesOurBrands div.hubFeedback div.hubEnquiry form.enquiry .enquiryAnswer2 { color: #0682b6; } div.hubFeedback p a { text-decoration: none; } div.hubFeedback div.hubEnquiry form.enquiry label.enquiryQuestion, div.hubFeedback div.hubEnquiry form.enquiry p.commentTitle { color: #0682b6; font-weight: bold; font-size: 0.9em; clear: both; } div.hubFeedback form.feedback { float: left; width: 46%; padding: 0 0 0 17px; } div#content div.hubContentContainer form.feedback h2 { margin: 16px 0 10px; } div.hubFeedback form.feedback fieldset { padding-right: 17px; } div.hubFeedback form.feedback input, div.hubFeedback form.feedback textarea { width: 195px; border: 1px solid #b2b2b2; } div.hubFeedback .hubEnquiry textarea { border: 1px solid #b2b2b2; width: 168px; } div.hubFeedback form.feedback select { width: 199px; } div.hubFeedback form.feedback input.submit { width: auto; background-color: #74ae00; } div.hubFeedback form.feedback input.submit:hover, div.hubFeedback form.feedback input.submitIeHover { background-color: #568000; } div.hubFeedback form.feedback label { display: block; } /* hubFeaturedRow */ div.hubFeaturedRowWrap { float: left; width: 100%; margin-bottom: 30px; background: url("/images/so_vertical-bg-darkgrey.gif") repeat-x left bottom; } div.hubFeaturedRow { clear: both; margin: 0 10px 8px 10px; padding: 10px 0; min-height: 132px; position: relative; overflow: hidden; background: #FFFFFF url("/images/so_vertical-grad-bg-grey.gif") repeat-x left top; } div.hubFeaturedRow div.hubFeaturedRowContent { float: left; width: 22em; margin-left: 200px; margin-right: 50px; } div.hubFeaturedRow div.hubFeaturedRowContent img { position: absolute; left: 10px; top: 10px; } div.hubFeaturedRow div.highlightLink { position: static; float: left; } div.hubFeaturedRow ul.linksList { float: left; max-width: 20em; min-width: 15em; } /* hubOverviewList */ div#content div.hubOverviewList { clear: both; width: 100%; position: relative; margin-bottom: 10px; float: left; } div#content div.hubOverviewList h2 { float: left; padding-left: 17px; font-size: 2em !important; } div#content div.hubOverviewList ul { clear: both; float: left; padding-left: 10px; padding-top: 10px; list-style: none; background: url("/images/so_vertical-bg-darkgrey.gif") repeat-x left top; margin-bottom: 10px; } div#content div.hubOverviewList ul li { float: left; display: block; min-height: 14em; padding: 0 10px; margin-right: 10px; background: white; border-bottom: 16px solid #e0e0e0; } div#content div.hubOverviewList ul.overviewList6Cols li { width: 13.5%; min-width: 10.6em; max-width: 11.1em; } div#content div.hubOverviewList ul.overviewList5Cols li { width: 16.8%; min-width: 13.3em; max-width: 14em; } div#content div.hubOverviewList ul.overviewList4Cols li { width: 21.8%; min-width: 17.2em; max-width: 18.5em; } div#content div.hubOverviewList ul.overviewList3Cols li { width: 30.1%; min-width: 23.8em; max-width: 25.1em; } div#content div.hubOverviewList ul li ul { clear: none; margin: 0; padding: 0; background: none; } div#content div.hubOverviewList ul li ul li { width: auto; min-height: 0; padding: 0; background: transparent; border: none; } body.stylesInnovation div#content div.hubOverviewList ul li { position: relative; min-height: 12.5em; } body.stylesInnovation div#content div.hubOverviewList ul.hubProductsList li, body.stylesOurBrands div#content div.hubOverviewList ul.overviewList3Cols li, body.stylesInvestorRelations div#content div.hubOverviewList ul.overviewList3Cols li { position: relative; width: 28%; min-width: 23em; max-width: 25em; min-height: 15.5em; } body.stylesInnovation div#content div.hubOverviewList ul.hubProductsList { background-position: left bottom; padding-bottom: 10px; margin-bottom: 20px; } body.stylesInnovation div#content div.hubOverviewList ul.hubProductsList li { border-bottom: none; } body.stylesInvestorRelations div#content div.hubOverviewList ul.overviewList3Cols li h3, body.stylesInvestorRelations div#content div.hubOverviewList ul.overviewList3Cols li p, body.stylesInvestorRelations div#content div.hubOverviewList ul.overviewList3Cols li div { margin-left: 140px; } body.stylesInvestorRelations div#content div.hubOverviewList ul.overviewList3Cols li img { position: absolute; top: 10px; } body.stylesOurBrands div#content div.hubOverviewList ul li img { margin: 1em 1.5em 1.5em 0.5em; } body.stylesOurBrands div#content div.hubOverviewList ul li p { margin-top: 1em; margin-right: 2em; } body.stylesOurBrands div#content div.hubOverviewList ul li.subList img, body.stylesOurBrands div#content div.hubOverviewList ul li.subList p { margin-top: 0; margin-left: 0; margin-right: 0; } body.stylesOurBrands div#content div.hubOverviewList ul li.subList { width: 63%; min-width: 50.5em; max-width: 52em; } body.stylesOurBrands div#content div.hubOverviewList ul li.subList p { margin-right: 1.5em; margin-bottom: 30px; } body.stylesOurBrands div#content div.hubOverviewList ul li.subList li { width: 140px; min-width: 0; min-height: 0; } body.stylesOurBrands div#content div.hubOverviewList ul li.subList li div.highlightLink { position: relative; top: -14px; } div#content div.hubOverviewList h3 { padding-top: 10px; font-size: 1em !important; font-weight: bold !important; position: relative; min-height: 2.6em; color:#0682B6; } div#content div.hubOverviewList p.quotes { padding-top: 18px !important; background: url("/images/so_quotes-start-orange.gif") no-repeat left top; } body.stylesInnovation div#content p.quotes, body.stylesSustainability div#content p.quotes { background: url("/images/so_quotes-start-green.gif") no-repeat left top !important; } div#content div.hubOverviewList img { float: left; margin-right: 30px; } div#content div.hubOverviewList p.statistic { margin: 0; padding: 0; font-size: 1em; font-weight: bold; } body.stylesInnovation div#content div.hubOverviewList ul.hubProductsList h3, body.stylesOurBrands div#content div.hubOverviewList h3, body.stylesInvestorRelations div#content div.hubOverviewList h3 { min-height: 0; font-size: 1.5em !important; color: #333; } body.stylesInvestorRelations div#content div.hubOverviewList h3 { font-size: 1.3em !important; } body.stylesInnovation div#content div.hubOverviewList ul.hubProductsList h3 { position: relative; left: 135px; margin-bottom: -1em; } body.stylesInnovation div#content div.hubOverviewList ul.hubProductsList p { padding: 2em 15px 0 15px; } body.stylesSustainability div#content div.hubOverviewList p.statistic, body.stylesInnovation div#content div.hubOverviewList p.statistic { margin: 0; padding: 0; color: #74ae00; } body.stylesSustainability .heroPanelIssueStory img, body.stylesInnovation .heroPanelIssueStory img { position:relative; } div#content div.hubOverviewList p.statistic { margin: 0; padding: 0; color: #ea8900; } div#content div.hubOverviewList p.statistic strong { font-size: 2.5em; line-height: 1.15; } div#content div.hubOverviewList div.highlightLink { position: relative; clear: left; float: left; left: 10px; top: -8px; margin-bottom: 20px; } div#content div.hubOverviewList ul li div.highlightLink { position: static; left: 0; clear: none; margin-bottom: 0; } /* hubMessageBox */ div.hubMessageBox div.highlightLink, div.hubRssFeed div.highlightLink { bottom: -0.6em; } div.hubMessageBox { background: url("/images/so_vertical-bg-darkgrey.gif") repeat-x left bottom; } div.hubMessageBoxContent { background: #f2f2f2; margin: 0; margin-right: 8px; margin-bottom: 8px; padding-bottom: 20px; min-height: 89px; overflow: hidden; } div.hubMessageBoxContent div.contactPart { width: 218px; float: left; } div.hubMessageBoxContent div.contactPart p { margin-top: 0!important; } div.hubMessageBox h2 { border-bottom: 1px solid #bfdb85; margin: 0 0 7px 15px !important; padding: 12px 0 5px 0; color:#333 !important; font-size:1.333em; } div.hubMessageBox p, div.hubMessageBox form { margin: 10px 15px 0 15px !important; } div.hubMessageBox form label { display: block; padding-bottom: 5px; } div.hubMessageBox form select { min-width: 18em; } /* hubRssFeed */ div.hubRssFeed { background: #e400a7 url("/images/so_horizontal-bg-purple-texture.gif") repeat-x left bottom; } div.hubRssFeed div.hubRssFeedContent { padding: 15px; padding-left: 83px; background: url("/images/so_rss-feed-ico.gif") no-repeat 15px 15px; } div.hubRssFeed div.hubRssFeedContent p { font-weight: bold; color: #FFFFFF; font-size: 1.3em; } body.stylesMediaCentre div.hubRssFeed { margin-bottom: 20px; } /*--- Lower level pages ---*/ body.lowerPage div#content { margin-left: 200px; width: 510px; padding: 15px; background: white; } /*-- Secondary navigation --*/ div#secondaryNav { width: 152px; clear: both; float: left; } body.lowerPage div#content { width: 468px; margin-left: 20px; padding-left: 15px; padding-right: 55px; float: left; } body.sharePage div#content { width: 580px!important; padding-right: 0; } div#secondaryContent { width: 226px; margin: 270px -100px 50px 0; position: relative; left: -15px; float: left; } body.sharePage div#secondaryContent { left: 10px!important; } html.windowMinWidth div#secondaryContent, html.windowCollapseWidth div#secondaryContent { width: 468px; margin: 20px 0 20px 188px; padding-left: 15px; padding-right: 55px; float: left; clear: both; } /*-- Content area --*/ body.lowerPage div#secondaryContent {} /*-- Right hand column --*/ /*- Section title -*/ div#secondaryNavCurrentSection a { padding: 6px 3px 6px 3px; display: block; text-decoration: none; font-size: 12px; font-weight: bold; } div#secondaryNavCurrentSection a:hover { color: #FFFFFF; background: #E400A7; } /*- Navigation -*/ div#secondaryNav { z-index: 1; } div#secondaryNav ul#secondaryNavBreadcrumb { border-top: 1px solid #E400A7; border-right: 1px solid #E400A7; padding: 6px 6px 0 0; } div#secondaryNav li { font-size: 0.917em; border-top: 1px solid #E9E9E9; list-style: none; } div#secondaryNav li:last-child { border-bottom: 1px solid #E9E9E9; } div#secondaryNav li.last { border-bottom: 1px solid #E9E9E9; } div#secondaryNav li li:last-child { border-bottom: none; } div#secondaryNav li li { font-size: 1em; } div#secondaryNav li a, div#secondaryNav li strong { padding: 8px 5px 8px 15px; display: block; } div#secondaryNav li li a, div#secondaryNav li li strong { padding: 8px 5px 8px 23px; } div#secondaryNav li a strong { display: inline; padding: 0; color: inherit; font-weight: bold; background: none; } div#secondaryNav li a:hover { background-color: #74AE01 !important; color: #FFFFFF; } div#secondaryNav li strong { display: block; color: #FFFFFF; background: #C0C0C0 url("/images/so_secondary-nav-arrow-on.gif") 4px 13px no-repeat; } div#secondaryNav li strong.end { display: block; color: #FFFFFF; background: #C0C0C0; } ul#secondaryNavBreadcrumb li a { color: #333; text-decoration: none; background: #E0E0E0 url("/images/so_secondary-nav-arrow-off.gif") 4px 13px no-repeat; } ul#secondaryNavChildren li a { background: #FFFFFF url("/images/so_link-arrow-off.gif") 14px 11px no-repeat; } ul#secondaryNavBreadcrumb li a:hover { background-image: url("/images/so_secondary-nav-arrow-on.gif"); } ul#secondaryNavChildren li a:hover { background-image: url("/images/so_link-arrow-on-inverse.gif"); } div#secondaryNavCurrentSection.secondaryNavCurrentSectionMenuOn { background: #FFF url(/images/so_sec-nav-arrow-down-off.gif) no-repeat left bottom; } div#secondaryNavCurrentSection { background: #FFF url(/images/so_sec-nav-no-arrow.gif) no-repeat left bottom; border-bottom:1px solid #E400A7; margin-bottom:6px; padding-left:20px; position:relative; } div#secondaryNav ul#secondaryNavBreadcrumb { border-right:1px solid #E400A7; border-top:none; margin:-6px 0 0; padding:6px 6px 0 0; } ul#secondaryNavCurrentSectionMenu li a { color:#333333; text-decoration:none; background:url(/images/so_secondary-nav-arrow-right-off.gif) no-repeat scroll 5px 11px } div#secondaryNavCurrentSection a { padding:2px 3px 5px; } ul#secondaryNavCurrentSectionMenu li a:hover { background-image: url(/images/so_secondary-nav-arrow-right-on.gif); } div#secondaryNavCurrentSection span.switch { display:block; height:23px; position:absolute; left:0; top:0; width:18px; } div#secondaryNavCurrentSection.secondaryNavCurrentSectionRollOver { background-image: url("/images/so_sec-nav-arrow-up-on.gif"); } ul#secondaryNavCurrentSectionMenu { background: #FFF; border-right:1px solid #E400A7; display:none; border-top:none; margin:-6px 0 0; padding:6px 6px 0 0; position:absolute; width:145px; z-index:2; } ul#secondaryNavCurrentSectionMenu.secondaryNavCurrentSectionMenuOn { display: block; } ul#secondaryNavBreadcrumb.secondaryNavBreadcrumbOff { display: none; } ul#secondaryNavSiblings li a { background:#FFF url(/images/so_secondary-nav-arrow-off.gif) no-repeat scroll 4px 13px; color:#333333; text-decoration:none; } ul#secondaryNavSiblings li a:hover { background-image:url(/images/so_secondary-nav-arrow-on.gif); } /*-- Two column wide --*/ body.twoColumnWide div#content { padding-right: 15px; width: 768px; } /*-- style- worldwide --*/ div.style-WorldWide div.style-WorldWideRegion { color: #0682B6; display: inline; } div#content div.style-WorldWide div.style-WorldWideRegion h3 { margin: 0; font-size: 1em; padding: 0 0 3px 40px; } div.style-WorldWide ul.style-WorldWideStoryList { position: relative; margin: 0 20px 30px 20px; width: 365px; min-height: 214px; } div.style-WorldWideOn ul.style-WorldWideStoryList { background: url("/images/so_style--worldwide-green.gif") no-repeat left top; } body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList { background: url("/images/so_style--worldwide-orange.gif") no-repeat left top; } div.style-WorldWide ul.style-WorldWideStoryList li { margin: 0 0 7px; } div.style-WorldWideOn ul.style-WorldWideStoryList li { position: absolute; width: 30px; height: 30px; overflow: hidden; cursor: pointer; z-index: 1; } body.stylesOurBrands div.style-WorldWideOn ul.style-WorldWideStoryList li { margin-left: -5px; margin-top: -5px; width: 45px; height: 40px; left: -9999em; } div.style-WorldWideOn ul.style-WorldWideStoryList li:hover, div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover { padding-left: 30px; height: auto; margin-left: 10px; margin-top: -10px; padding: 0; background-color: #FFFFFF; width: 200px; z-index: 2; overflow: visible; } div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideStory, div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideStory { left: -20px; margin-right: -20px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideRightAlign:hover, div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideRightAlignIeHover { padding-left: 0; padding-right: 0; margin-left: -180px; margin-right: 0; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideRightAlign:hover div.style-WorldWideStory, div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideRightAlignIeHover div.style-WorldWideStory { margin-left: -15px; margin-right: 0; left: 15px; } body.stylesOurBrands div.style-WorldWideOn ul.style-WorldWideStoryList li:hover, body.stylesOurBrands div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover { padding-left: 45px; width: 200px; height: auto; padding: 0; margin-left: 15px; margin-top: -5px; } body.stylesOurBrands div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideRightAlign:hover, body.stylesOurBrands div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideRightAlignIeHover { padding-left: 0; margin-left: -180px; } div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideStory { background-repeat: no-repeat; background-position: left top; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideRightAlign:hover div.style-WorldWideStory, div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideRightAlignIeHover div.style-WorldWideStory { background-position: right top; } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideStory { position: relative; min-height: 40px; } div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideStory p { padding-left: 40px; padding-bottom: 10px; } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideStory p { margin: 0; padding: 3px 5px 3px 45px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideRightAlign:hover div.style-WorldWideStory p, div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideRightAlignIeHover div.style-WorldWideStory p { padding: 3px 45px 3px 5px; } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideStory p a { color: #E400A7; text-decoration: none; } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideStory p a:hover { text-decoration: underline; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideAfrica1 { top: 80px; left: 180px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideAfrica2 { top: 80px; left: 150px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideAfrica3 { top: 105px; left: 155px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideAfrica4 { top: 115px; left: 195px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideAfrica5 { top: 155px; left: 180px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideEurope1 { top: 50px; left: 170px !important; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideEurope2 { top: 45px; left: 155px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideEurope3 { top: 30px; left: 180px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideEurope4 { top: 65px; left: 185px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideEurope5 { top: 45px; left: 200px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideNorthAmerica1 { top: 55px; left: 70px !important; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideNorthAmerica2 { top: 65px; left: 85px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideNorthAmerica3 { top: 65px; left: 50px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideNorthAmerica4 { top: 70px; left: 35px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideNorthAmerica5 { top: 95px; left: 65px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideSouthAmerica1 { top: 120px; left: 80px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideSouthAmerica2 { top: 135px; left: 85px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideSouthAmerica3 { top: 145px; left: 115px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideSouthAmerica4 { top: 175px; left: 95px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideAsia1 { top: 85px; left: 220px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideAsia2 { top: 100px; left: 235px !important; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideAsia3 { top: 90px; left: 250px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideAsia4 { top: 100px; left: 260px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideAsia5 { top: 120px; left: 260px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideAsia6 { top: 70px; left: 275px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideAsia7 { top: 70px; left: 300px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideOceania1 { top: 150px; left: 295px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideOceania2 { top: 125px; left: 300px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideOceania3 { top: 175px; left: 330px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideGeneral1 { top: 85px; left: 210px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideGeneral2 { top: 115px; left: 185px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideGeneral3 { top: 50px; left: 190px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideGeneral4 { top: 45px; left: 220px; } div.style-WorldWideOn ul.style-WorldWideStoryList li.style-WorldWideGeneral5 { top: 85px; left: 265px !important; } div.style-WorldWideOn div.style-WorldWideRegion { position: absolute; left: -9999em; } div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideRecycle { background-image: url("/images/so_recycling-blue.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideRecycle, div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideRecycle { background-image: url("/images/so_recycling-blue-active.png"); } div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideSpoon { background-image: url("/images/so_spoon-blue.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideSpoon, div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideSpoon { background-image: url("/images/so_spoon-blue-active.png"); } div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideTea { background-image: url("/images/so_tea-blue.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideTea, div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideTea { background-image: url("/images/so_tea-blue-active.png"); } div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideSparkle { background-image: url("/images/so_sparkle-blue.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideSparkle, div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideSparkle { background-image: url("/images/so_sparkle-blue-active.png"); } div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideBee { background-image: url("/images/so_bee-blue.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideBee, div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideBee { background-image: url("/images/so_bee-blue-active.png"); } div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideHeartShape { background-image: url("/images/so_heart-blue.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideHeartShape, div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideHeartShape { background-image: url("/images/so_heart-blue-active.png"); } div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideLips { background-image: url("/images/so_lips-blue.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideLips, div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideLips { background-image: url("/images/so_lips-blue-active.png"); } div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideParticles { background-image: url("/images/so_particles-blue.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideParticles, div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideParticles { background-image: url("/images/so_particles-blue-active.png"); } div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideSpice { background-image: url("/images/so_spice-blue.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideSpice, div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideSpice { background-image: url("/images/so_spice-blue-active.png"); } div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideWave { background-image: url("/images/so_wave-blue.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideWave, div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideWave { background-image: url("/images/so_wave-blue-active.png"); } div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideGeneral { background-image: url("/images/so_wave-blue.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideGeneral, div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideGeneral { background-image: url("/images/so_wave-blue-active.png"); } /* orange version */ body.stylesAboutUs div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideRecycle, body.stylesInvestorRelations div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideRecycle, body.stylesMediaCentre div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideRecycle { background-image: url("/images/so_recycling-red.png"); } body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideRecycle, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideRecycle, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideRecycle, body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideRecycle, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideRecycle, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideRecycle { background-image: url("/images/so_recycling-red-active.png"); } body.stylesAboutUs div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideSpoon, body.stylesInvestorRelations div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideSpoon, body.stylesMediaCentre div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideSpoon { background-image: url("/images/so_spoon-red.png"); } body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideSpoon, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideSpoon, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideSpoon, body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideSpoon, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideSpoon, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideSpoon { background-image: url("/images/so_spoon-red-active.png"); } body.stylesAboutUs div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideTea, body.stylesInvestorRelations div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideTea, body.stylesMediaCentre div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideTea { background-image: url("/images/so_tea-red.png"); } body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideTea, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideTea, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideTea, body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideTea, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideTea, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideTea { background-image: url("/images/so_tea-red-active.png"); } body.stylesAboutUs div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideSparkle, body.stylesInvestorRelations div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideSparkle, body.stylesMediaCentre div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideSparkle { background-image: url("/images/so_sparkle-red.png"); } body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideSparkle, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideSparkle, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideSparkle, body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideSparkle, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideSparkle, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideSparkle { background-image: url("/images/so_sparkle-red-active.png"); } body.stylesAboutUs div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideBee, body.stylesInvestorRelations div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideBee, body.stylesMediaCentre div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideBee { background-image: url("/images/so_bee-red.png"); } body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideBee, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideBee, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideBee, body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideBee, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideBee, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideBee { background-image: url("/images/so_bee-red-active.png"); } body.stylesAboutUs div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideHeartShape, body.stylesInvestorRelations div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideHeartShape, body.stylesMediaCentre div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideHeartShape { background-image: url("/images/so_heart-red.png"); } body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideHeartShape, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideHeartShape, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideHeartShape, body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideHeartShape, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideHeartShape, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideHeartShape { background-image: url("/images/so_heart-red-active.png"); } body.stylesAboutUs div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideLips, body.stylesInvestorRelations div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideLips, body.stylesMediaCentre div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideLips { background-image: url("/images/so_lips-red.png"); } body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideLips, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideLips, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideLips, body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideLips, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideLips, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideLips { background-image: url("/images/so_lips-red-active.png"); } body.stylesAboutUs div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideParticles, body.stylesInvestorRelations div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideParticles, body.stylesMediaCentre div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideParticles { background-image: url("/images/so_particles-red.png"); } body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideParticles, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideParticles, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideParticles, body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideParticles, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideParticles, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideParticles { background-image: url("/images/so_particles-red-active.png"); } body.stylesAboutUs div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideSpice, body.stylesInvestorRelations div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideSpice, body.stylesMediaCentre div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideSpice { background-image: url("/images/so_spice-red.png"); } body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideSpice, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideSpice, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideSpice, body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideSpice, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideSpice, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideSpice { background-image: url("/images/so_spice-red-active.png"); } body.stylesAboutUs div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideWave, body.stylesInvestorRelations div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideWave, body.stylesMediaCentre div.style-WorldWide ul.style-WorldWideStoryList li div.style-WorldWideWave { background-image: url("/images/so_wave-red.png"); } body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideWave, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideWave, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li:hover div.style-WorldWideWave, body.stylesAboutUs div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideWave, body.stylesInvestorRelations div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideWave, body.stylesMediaCentre div.style-WorldWideOn ul.style-WorldWideStoryList li.ieHover div.style-WorldWideWave { background-image: url("/images/so_wave-red-active.png"); } /* brands icons */ div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideAmora { background-image: url("/images/so_brands-amora.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideBecel { background-image: url("/images/so_brands-becel.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideBlueBand { background-image: url("/images/so_brands-blue-band.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideCalve { background-image: url("/images/so_brands-calve.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideCoutryCrock { background-image: url("/images/so_brands-county-crock.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideDoriana { background-image: url("/images/so_brands-doriana.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideDove { background-image: url("/images/so_brands-dove.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideFlora { background-image: url("/images/so_brands-flora.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideHeart { background-image: url("/images/so_brands-heart.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideHellmanns { background-image: url("/images/so_brands-hellmanns.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideKnorr { background-image: url("/images/so_brands-knorr.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideLipton { background-image: url("/images/so_brands-lipton.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideLux { background-image: url("/images/so_brands-lux.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideOmo { background-image: url("/images/so_brands-omo.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideRama { background-image: url("/images/so_brands-rama.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideRexona { background-image: url("/images/so_brands-rexona.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideSunsilk { background-image: url("/images/so_brands-sunsilk.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideSurf { background-image: url("/images/so_brands-surf.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideWishBone { background-image: url("/images/so_brands-wish-bone.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideSignal { background-image: url("/images/so_brands-signal.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideAxe { background-image: url("/images/so_brands-axe.png"); } div.style-WorldWideOn ul.style-WorldWideStoryList li div.style-WorldWideLifebuoy { background-image: url("/images/so_brands-lifebuoy.png"); } /*--- Components ---*/ /*-- Demonstration classes --*/ div.demoSection { /*border: 2px solid red;*/ } div.demoHidden { display: none } div.demoSectionHeading, div.demoSection div.demoSectionTitle { margin: 0 0 1em; padding: 15px 20px; background: #EEE; border: 1px solid #333; } div.demoSectionHeading { margin-bottom: 1em; background: #DDD; font-weight: bold; } div.demoSection div.demoSectionTitle { border-top-style: dashed; border-bottom-style: dashed; } div.demoSectionContent { } /* 'Position statement' at start of every lower level page */ div#posStatement { margin-bottom: 30px; font-size: 16px; /*15px*/ line-height: 1.3; color: #888; } div#posStatement.exH2{ margin-bottom:12px!important; line-height:1.2em; } /*-- Components that need to be cleared --*/ div.clearer { height: 1px; margin: 0 0 19px 0; padding: 0; clear: both; float: none !important; line-height: 0; overflow: hidden; } div#secondaryContent div.clearer { display: block; margin: 0; height: 0; } div.demoSection:after, div.caption:after, div.duoBoxes:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} /* has equivalent in ie7.css */ .static-carousel ul li { list-style: none; } /*-- Boxes --*/ /*-- Caption box --*/ div.caption { padding: 10px 0 0 0; margin: 0 15px 0 0; border-top: 1px solid #74AE00; float: left; width: 219px; } /*- Caption box wide -*/ div.wide { width: auto; margin-right: 0; } div.wide ul { clear: both; } div.caption.wide {width: 100%;} /*- Caption box general -*/ div.caption img { margin: 0 18px 15px 0; float: left; } div#content div.caption h2, div#content div.caption h3 { /*font-size: 16px; */ font-size: 1.3em; font-weight: normal; } html[xmlns*=""] body:first-of-type div#content div.caption h2 {font-size: 1.25em;} /* Safari 3 fix */ html[xmlns*=""] body:first-of-type div#content div.caption h3 {font-size: 1.25em;} /* Safari 3 fix */ div#content div.caption h2 a, div#content div.caption h3 a { padding-left: 10px; /*position: relative;*/ color: #E400A7; text-decoration: none; background: url("/images/so_link-arrow-heading-off.gif") 0 5px no-repeat; } div#content div.caption h2 a:hover, div#content div.caption h3 a:hover { background-image: url("/images/so_link-arrow-heading-on.gif"); color: #74AE00; } /*- Arrows list -*/ div.caption div.medium { overflow: auto; } ul.arrowlist li { padding: 0 !important; background: none !important; list-style: none; } a.arrowLink, ul.arrowlist li a { padding-left: 10px; text-decoration: none; color: #000000; background: url("/images/so_arrow-pink-right.gif") no-repeat 0 4px; } a.arrowLink:hover, ul.arrowlist li a:hover { background-image: url("/images/so_arrow-green-right.gif"); color: #74AE00; } div#content ul.arrowlist li p { margin: 0; } a.arrowLink { margin-top: 0.5em; } p a.arrowLink { margin-bottom: -1em; display: block; } /*- Links styles for secondary content area -*/ div#secondaryContent ul.internalLinks li, div#secondaryContent ul.externalLinks li, div#secondaryContent ul.downloadLinks li, div#secondaryContent ul.pdfLink li { margin: 0 0 8px; border-bottom: 1px solid #efefef; list-style: none; } div#secondaryContent ul.internalLinks li a, div#secondaryContent ul.externalLinks li a, div#secondaryContent ul.downloadLinks li a, div#secondaryContent ul.pdfLink li a { display: block; padding: 0 0 8px 15px; color: black; text-decoration: none; background: url("/images/so_arrow-pink-right.gif") no-repeat 0 4px; } div#secondaryContent ul.internalLinks li a:hover, div#secondaryContent ul.externalLinks li a:hover, div#secondaryContent ul.downloadLinks li a:hover, div#secondaryContent ul.pdfLink li a:hover { color: #74AE00; background-image: url("/images/so_arrow-green-right.gif"); } div#secondaryContent ul.internalLinks li a span, div#secondaryContent ul.externalLinks li a span, div#secondaryContent ul.downloadLinks li a span, div#secondaryContent ul.pdfLink li a span { display: block; color: #848484; font-size: 0.9em; } /* Inline links */ /* External links */ div#secondaryContent ul.externalLinks li a { background-image: url("/images/so_external_link.gif"); background-position: 0 2px; } div#secondaryContent ul.externalLinks li a:hover { background-image: url("/images/so_external_link_hover.gif"); } /* Download links */ div#secondaryContent ul.downloadLinks li a, div#secondaryContent ul.pdfLink li a { background-image: url("/images/so_download_link.gif"); background-position: 0 2px; } div#secondaryContent ul.downloadLinks li a:hover, div#secondaryContent ul.pdfLink li a:hover { background-image: url("/images/so_download_link_hover.gif"); } /*- Download list (secondary content column) -*/ div#secondaryContent ul.pdfLink {} div#secondaryContent ul.pdfLink li { /*background: url("/images/so_download.gif") no-repeat 0 2px;*/ } /*- Duo boxes -*/ div.singleBox { } div.duoBoxes { } div.triBoxes { } div#content div.duoBoxes div.one, div#content div.duoBoxes div.two { width: 234px; float: left; } div#secondaryContent div.singleBox, div#secondaryContent div.one, div#secondaryContent div.two, div#secondaryContent div.three { width: 195px; margin: 0 15px 25px 0; padding: 15px; float: left; position: relative; border-top: 1px solid #FCDC2A; border-left: 1px solid #FCDC2A; background: white; } div#secondaryContent div.singleBox, div#secondaryContent div.one, div#secondaryContent div.two, div#secondaryContent div.three { background: #ffffff url(/images/so_singleBox-border.gif) no-repeat bottom left; } div#secondaryContent h3 { color: #0682b6; margin: 0 0 0.5em; } div#secondaryContent h4 { padding: 0 0 4px; margin: 0 0 0.5em; font-size: 1.167em; /*14px*/ border-bottom: 1px solid #74AE00; } /* The class is new, and does not exist in the previous Unilver.com site. */ div#secondaryContent ul.highlightedList { bottom: -17px; float: left; left: -16px; margin: -17px 0 -2px; position: relative; top: 23px; } div#secondaryContent .singleBox ul.highlightedList, div#secondaryContent div.one ul.highlightedList, div#secondaryContent div.two ul.highlightedList, div#secondaryContent div.three ul.highlightedList { float: none; overflow: hidden; background: transparent url(/images/so_singleBox-border.gif) repeat-x 0 12px; width: 224px; } div#secondaryContent .singleBox ul.highlightedList li, div#secondaryContent div.one ul.highlightedList li, div#secondaryContent div.two ul.highlightedList li, div#secondaryContent div.three ul.highlightedList li { float: left; } div#secondaryContent ul.highlightedList li a { display: block; padding: 2px 15px; margin-bottom: 2px; background: #74AE00; font-weight: bold; color: #FFFFFF; text-decoration: none; } div#secondaryContent ul.highlightedList li a:hover { background: #568000; color: #FFFFFF; } div#secondaryContent div.img-pane { margin: 0 10px 10px 0; } div#secondaryContent div.disclaimer { margin-top: 16px; } div#secondaryContent div.disclaimer p { padding-top: 10px; margin-bottom: 0; border-top: 1px solid #74AE00; font-size: 0.9em; } /*- Press releases styles -*/ div#content div.notint { padding-top: 1em; margin-bottom: 2em; border-top: 3px solid #74ae00; } body.lowerPage div#content dl dt { padding-top: 1em; padding-left: 12px; border-top: 1px solid #d5e7b2; } body.lowerPage div#content dl dt a { padding-left: 13px; font-weight: bold; background:url("/images/so_link-arrow-off.gif") left 4px no-repeat; display: block; } body.lowerPage div#content dl dt a:hover { background-image:url("/images/so_link-arrow-on.gif"); } body.lowerPage div#content dl dd { padding-top: 0.3em; margin-bottom: 1em; padding-left: 25px; } div#content dl.newsRelease { margin-bottom: 1.5em; overflow: hidden; } div#content dl.newsRelease dt { color: #0682b6; font-size: 0.9em; padding-left: 5px; padding-top: 0.3em; border-top: 1px solid #efefef; background: none; font-weight: normal; } div#content dl.newsRelease dd { padding-left: 0; padding-top: 0.2em; margin-bottom: 0.5em; border: none; } div#content dl.newsRelease dd a { display: block; padding-left: 15px; background:url("/images/so_link-arrow-off.gif") 5px 4px no-repeat; } div#content dl.newsRelease dd a:hover { background-image:url("/images/so_link-arrow-on.gif"); } /*- Media contacts -*/ .mediaContacts fieldset.jump input.submit { display: inline-block; width: 20px; height: 24px; border: none; background: url("/images/so_search-button.gif") no-repeat left center; text-indent: -999em; } .mediaContacts fieldset.jump select { width: 170px; } textarea { border:1px solid #B9D67F; font-size: 1.1em; } input, textarea, select, option { font-family: Arial, Helvetica, sans-serif; } /*- Product / Brand list -*/ div.thumbnail { width: 105px; margin-right: 10px; float: left; } /*- Contact form -*/ div#content fieldset.details { border-top: 3px solid #74ae00; border-bottom: 1px solid #b8d67c; padding-top: 1em; margin-bottom: 1em; } div#content fieldset.details label { clear: left; float: left; width: 140px; } div#content fieldset.details label input, div#content fieldset.details label select, div#content fieldset.details label textarea { width: 200px; top: -1.4em; left: 140px; position: relative; border: 1px solid #b9d67f; } div#content fieldset.details label select { width: 204px; } div#content fieldset.details label textarea { width: 326px; } div#content fieldset.list { border-bottom: 3px solid #74ae00; } div#content fieldset.list label { float: left; width: 33%; } /*- Download pages -*/ div#content ul { margin-bottom: 1em; } div#content ol { margin: 0 0 1em; list-style-position: inside; } div#content ol li { margin: 0 0 1em; } div#content div { } div.downloads { padding-bottom: 2em; border-bottom: 3px solid #74ae00; } table.singleTable { width: 100%; margin-bottom: 1em; border-bottom: 3px solid #74AE00; } table.singleTable thead tr, table.singleTable tbody tr th, table.singleTable tr td { border-top: 1px solid #d5e7b2; vertical-align: top; } table.singleTable tr td.summaryText { border: none; } table.singleTable thead th { font-weight: bold; vertical-align: bottom; } table.singleTable th.textcenter, table.singleTable td.textcenter { text-align: center; } table.singleTable th.textright, table.singleTable td.textright { text-align: right; } table.singleTable th, table.singleTable td { padding: 0.3em 0.5em; } table.singleTable td img { margin: 0.4em 1em 0 1em; } table.singleTable tbody { font-size: 0.9em; } table.singleTable tbody input.submit { font-size: 1em !important; } table.singleTable td a { font-weight: bold; text-decoration: none; } div.downloads table.singleTable td.number, div.downloads table.singleTable thead th { text-align: left !important; } div.downloads table.singleTable { border-bottom: none; margin-bottom: 0; } div#content div fieldset.actions { text-align: right; margin-top: 2px !important; margin-bottom: 2em; } div#content input.submit { font-family: Arial, Helvetica, sans-serif; border: none; color: #FFFFFF; font-weight: bold; /* background: #74ae00; green */ background: #E99A61; font-size: 0.9em; padding: 0.1em 1em; vertical-align: top; height: auto; } div#content input.submit:hover { background: #568000; cursor: pointer; } /* Download manager */ div#dm_viewlist.singleBox, div#dm_duplicateview.singleBox { width: 100%; border: none; padding: 0; } div#dm_viewlist.singleBox h4, div#dm_duplicateview.singleBox h4 { font-weight: bold; } div.singleBox div.dItems { border-top: 1px solid #d5e7b2; border-bottom: 1px solid #d5e7b2; padding: 0.3em 0; } div.singleBox div.dView { position: relative; top: -1.6em; margin-bottom: -1.6em; float: right; } /*- Print basket -*/ div.printBasket { padding-bottom: 2em; } div.printBasket table { width: 100%; } div.printBasket table thead tr, div.printBasket table tr td { border-top: 1px solid #d5e7b2; } div.printBasket table tr td.summaryText { border: none; } div.printBasket table th { font-weight: bold; } div.printBasket table td.number { text-align: left !important; } div.printBasket table th, div.printBasket table td { text-align: center; padding: 0.3em 0.5em; } div.printBasket table th#col01, div.printBasket table th#col02, div.printBasket table td.col2 { text-align: left; } div.printBasket table td img { margin: 0.4em 1em 0 1em; } div.printBasket table td.printAll { text-align: right; border-top: 3px solid #74ae00; padding-right: 0; } div.printBasket table td.printAll img { display: none; } div.printBasket table td.printAll a { position: relative; background: #74ae00; top: 2px; color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 0.2em 1em; } div.printBasket table td.printAll a:hover, div.printBasket table td.printAll a.ieHover { background: #568000; } div.printBasket table tbody { font-size: 0.9em; } div.printBasket table td.col2 { vertical-align: middle; } div.printBasket table td.col2 a { font-weight: bold; text-decoration: none; padding-left: 13px; background: url("/images/so_link-arrow-off.gif") no-repeat left center; } div.printBasket table td.col2 a:hover { background-image: url("/images/so_link-arrow-on.gif"); } div#printBasketLinks { background: #628b13 url("/images/so_print-basket-bg.jpg") no-repeat right top; min-height: 67px; margin-bottom: 1em; } div#printBasketLinks ul { padding: 8px 16px; } div#printBasketLinks ul li { display: inline; } div#printBasketLinks ul li a { color: #FFFFFF; display: block; line-height: 2em; text-decoration: none; } div#printBasketLinks ul li a:hover { text-decoration: underline; } div#printBasketLinks ul li span { display: block; background-position: left center; background-repeat: no-repeat; padding-left: 22px; } div#printBasketLinks ul li span.title { position: absolute; left: -9999em; width: 1em; } div#printBasketLinks ul li span.icon_add { background-image: url("/images/so_add-page-ico.gif"); border-bottom: 1px solid #98ba57; } div#printBasketLinks ul li span.icon_basket { background-image: url("/images/so_print-basket-ico.gif"); } /*-- Two list columns --*/ body.lowerPage div#content .twoColList { float: left; width: 100%; overflow: hidden; margin: 20px 0; } body.lowerPage div#content .twoColList ul { width: 48%; display: inline; } body.lowerPage div#content .twoColList ul.col1 { float: left; } body.lowerPage div#content .twoColList ul.col2 { float: right; } body.lowerPage div#content .twoColList ul li { background: none; color: #0066cc; padding: 0; } /*-- Search results page --*/ body.stylesSearchResults div#content { background: transparent; width: 620px; } body.stylesSearchResults div#content h1 { color: #EA8900; position: relative; top: -12px; margin-bottom: -8px; } body.stylesSearchResults div#content p.searchIntroP { margin-bottom: 5px; } div#content p.searchIntroP { color:#888888; font-size:16px; line-height:1.3; padding-bottom: 20px; } div#content form.searchForm { position: relative; width: 246px; background: url("/images/so_vertical-grad-bg-orange.gif") repeat-x left top; } div#content form.searchForm label, div#content form.searchForm input { position: absolute; left: 17px; } div#content form.searchForm input { width: 170px; top: 60px; height: 18px; } div#content form.searchForm input.submit { background: url("/images/so_search-button.gif") no-repeat left center; border: none; display: inline-block; height: 24px; padding-left: 999em; overflow: hidden; width: 20px; margin-left: 0; left: 193px; } div#content form.searchForm label { display: block; padding-top: 20px; font-size: 1.4em; color: #FFFFFF; } div#content form.searchForm div.searchOptAdv { position: relative; left: 246px; width: 377px; min-height: 130px; border: 1px solid #fcdc2a; background: white; } div#content form.searchForm div.searchOptAdv select { float: left; margin: 8px 0 8px 17px; width: 160px; } div#content form.searchForm div.searchOptAdv p { margin: 15px 17px 5px; } div#content div.searchResults { margin-bottom: 2em; } div#content div.searchResults p { margin: 0; } div#content div.searchResults h2 { font-size: 1em; } div#content div.searchResults h2 a { font-weight: bold; text-decoration: none; background: url("/images/so_link-arrow-off.gif") no-repeat left center; } div#content div.searchResults h2 a:hover { background-image: url("/images/so_link-arrow-on.gif"); } div#content div.searchResults ol li p { margin-top: 0.2em; } div#content div.searchResults ol li p, div#content div.searchResults h2 a { padding-left: 13px; } div#content div.searchResults ol li { border-top: 1px solid #d5e7b2; padding: 10px; } div#content div.searchResults p.resultProp { font-size: 0.9em; } div#content div.searchResults p.resultProp a { text-decoration: none; font-size: 1.1em; } div#content div.searchResults p.resultProp a span { color: #e400a7 !important; } div#content div.searchResults p.resultProp a:hover span { color: #74ae00 !important; } div#content div.searchResults p.resultProp a span b { font-weight: normal; } div.pageList { text-align: right; padding-bottom: 1em; } #content div.pageList strong { float: left; font-weight: normal; } div.pageList a { background: #e0e0e0; color: #666; text-decoration: none; padding: 0 0.3em; } div.pageList a:hover, div.pageList a.ieHover { background: #568000; color: white; } div.pageList span.SearchThisPage { background: #ea8900; color: #FFFFFF; padding: 0 0.3em; } /*- Can't find it page -*/ ul.alphabet li { background: none !important; display: inline; float: left;} ul.brandlist li { background: none !important; } ul.brandlist li li { background:transparent url(/images/so_bullet.gif) no-repeat scroll 0 7px !important; position: relative; } /*- Share price -*/ div.chartControls { float: left; width: 150px; } div.chartControls div.chartControlElement { margin-bottom: 10px; } div.chartControls div.chartControlElementAttribute { margin-bottom: 20px; } div.chartControls div.chartControlElementAttribute span, div.chartControls div.chartControlElementAttribute label { display: block; float: left; } div.chartControls div.chartControlElementAttribute span { background: transparent !important; border-top: 0 !important; width: 75px !important; } div.chartControls div.chartControlElementAttribute label { position: relative; left: -55px; margin-right: -55px; } div.imgCentre, div.imgCentre table, div.imgCentre table img { width: 340px; overflow: hidden; } div.imgCentre table td { padding-left: 15px; padding-right: 30px; } /*-- Country selector & Sitemap --*/ /*- General -*/ body.stylesSitemap div#contentWrapper, body.stylesCountrySelector div#contentWrapper { background-position: left 12px; } body.stylesSitemap div#content, body.stylesCountrySelector div#content { float: none !important; margin-left: 210px; } /* Support two line sitemap links */ .stylesSitemap div.pageSelector ul.linksList li h3 { padding-bottom: 0; } .stylesSitemap .linksList ul { display: none; } .stylesSitemap div#content ul.linksList li { height: auto; min-height: 22px; } .stylesSitemap div#content ul.linksList li a { line-height: 1.5; padding-right: 10px; } /*- Fall back version -*/ div.pageSelector h2 { position: static; background: none; } li.pageSelectorSection { margin-bottom: 40px; } li.pageSelectorSection h2 a { color: inherit; text-decoration: none; } li.pageSelectorSection h2 a:hover { color: #E400A7; } div#content div.pageSelector p.backToTopLink { clear: both; margin-top: -10px; } /*- JS version -*/ div.pageSelectorOn h2, div.pageSelectorOn li.pageSelectorSection { position: absolute; left: -9999em; width: 0; height: 0; overflow: hidden; } div.pageSelectorOn li.pageSelectorSectionSelected { position: static; width: auto; height: auto; overflow: visible; } div.pageSelectorOn p.backToTopLink { display: none; } /*- Navigation column -*/ div.pageSelectorNavColumn { float: left; width: 180px; padding-top: 65px; } div.pageSelectorNavColumn div.locationInfo { width: auto; margin: 0; padding: 0; text-align: right; background: none; } div.bannerBox { min-height: 100px; padding: 15px; background: url("/images/so_bg-banner-box.gif") no-repeat left top; text-align: right; padding-top: 25px; font-weight: bold; } div.bannerBox span { display: block; padding-top: 0.2em; font-size: 1.3em; } div.bannerBox a { text-decoration: none; padding-left: 10px; background: url("/images/so_link-arrow-heading-off.gif") no-repeat left center; } div.bannerBox a:hover { background-image: url("/images/so_link-arrow-heading-on.gif"); } /*- Navigation -*/ ul.pageSelectorNav { padding: 2em 0; margin-bottom: 10px; } ul.pageSelectorNav li { text-align: right; font-size: 1.3em; list-style: none; } ul.pageSelectorNav li a { display: block; padding: 0.3em 33px 0.3em 0; color: #888; font-weight: bold; text-decoration: none; background: url("/images/so_right-arrow-pageSelectorNav-off.gif") no-repeat right center; } ul.pageSelectorNav li a:hover { background-image: url("/images/so_right-arrow-pageSelectorNav-hover.gif"); color: #558000; } ul.pageSelectorNav li.selected a { background-image: url("/images/so_right-arrow-pageSelectorNav-on.gif"); color: #0682b6; } /*- Content -*/ div.pageSelector { padding-top: 55px; } div.pageSelector h1 { border-bottom: none !important; } div#content div.pageSelector p.pageSelectorDescription { font-size: 1.2em; font-weight: bold; color: #0682b6; padding-top: 17px; margin-left: 33%; margin-right: 20%; margin-bottom: 40px; } div.pageSelector h2 { padding: 0.5em 0 0.2em 17px; margin-bottom: 0.2em; font-weight: bold !important; border-bottom: 1px solid #e8e8e8; background: url("/images/so_fall-ico.gif") no-repeat left 0.9em; } div.pageSelector ul.pageSelectorSections li { list-style: none; } div.pageSelector ul.linksList { display: table; width: 28%; float: left; } div.pageSelector ul.linksList li { border-width: 0 !important; margin: 0 0 0 0; height: 22px; padding: 0em; } div.pageSelector ul.linksList li h3 { font-size: 1.2em; padding-bottom: 0.5em; } div.pageSelector ul.linksList li h3 a { color: #e400a7; background: url("/images/so_link-arrow-heading-off.gif") no-repeat left center; padding-left: 10px; font-weight: bold; } div.pageSelector ul.linksList li h3 a:hover { color: #74ae00; background-image: url("/images/so_link-arrow-heading-on.gif"); } div.pageSelector ul.linksList { margin-bottom: 20px; } div.pageSelector ul.linksList li li { float: none; width: auto; margin: 0; border-width: 1px !important; } /*--- Footer ---*/ div#footer { margin-bottom: 20px; padding-top: 10px; } /*-- Footer breadcrumbs --*/ ul#footerBreadcrumb { width: 969px; margin-bottom: 15px; float: left; border: 1px solid #A2D100; } body.lowerPage div#content ul#footerBreadcrumb li { margin-left: -20px; margin-bottom: 0; padding-left: 20px; float: left; position: relative; font-size: 0.917em; /*11px*/ background: url("/images/so_footer-bg-right.gif") right center no-repeat; list-style: none; } ul#footerBreadcrumb li a { padding: 5px 20px 5px 10px; line-height: inherit; display: block; text-decoration: none; color: #888; } ul#footerBreadcrumb li { list-style: none; background:transparent url(/images/so_footer-bg-right.gif) no-repeat scroll right center; float:left; font-size:0.917em; margin-left:-20px; padding-left:20px; position:relative; } ul#footerBreadcrumb li.first { padding-left: 0; margin-left: 0; } ul#footerBreadcrumb li.first a { padding-left: 16px; font-weight: bold; background: #ECECEC url("/images/so_footer-bg-right.gif") right center no-repeat; } ul#footerBreadcrumb li.ieHover a, ul#footerBreadcrumb li:hover a, ul#footerBreadcrumb li a:hover { color: #FFFFFF; background: #74AE00 url("/images/so_footer-bg-right.gif") right center no-repeat; } ul#footerBreadcrumb li.ieHover, ul#footerBreadcrumb li:hover { background: url("/images/so_footer-bg-left.gif") -3px center no-repeat; } ul#footerBreadcrumb li.first:hover { background: #74AE00; } /*-- Footer panels -*/ div.footerLinks { float: left; width: 200px; margin: 0 15px 20px; } div.footerFiles, div.footerPanel { float: left; width: 226px; margin: 0 15px 20px 9px; } /* Promo panel */ div#footer div.promoPanel { float: left; width: 460px; margin: 0 0 30px 15px; color: #FFFFFF; background: #09F; padding: 10px 0 25px 0; position: relative; } div#footer div.footerPanel { color: #FFFFFF; background: #0895BB; padding: 0; position: relative; } div#footer div.promoPanel div.promoPanelImage { position: relative; right: -15px; float: right; } div#footer div.promoPanel div.footerPanelImage { } div#footer div.promoPanel div.promoPanelContent { padding: 0 15px; } div#footer div.promoPanel h3 { font-size:1.250em; /*15px*/ font-weight: bold; margin-bottom: 0.5em; } div#footer div.footerPanel div.footerPanelImage img { } div#footer div.footerPanel div.footerPanelContent { background: url(/images/so_footerPanel-background.gif) left top repeat-x; overflow: hidden; width: 100%; } div#footer div.footerPanel h3 { font-size: 1.25em; margin: 12px 12px 12px 17px; } div#footer ul.linksList li { float: left; font-size: 0.907em; /*11px*/ overflow: hidden; margin-left: 0; width: 100%; } div#footer h3.linksListHeading { margin-left: 0; } div#footer div.footerPanel div.highlightLink { bottom: -21px; } /* Footer legal links */ ul#footerLegalLinks { width: 100%; padding: 10px 0; clear: both; border-top: 1px solid #A2D100; text-align: right; } body.lowerPage div#content ul#footerLegalLinks li, ul#footerLegalLinks li { display: inline; position: relative; line-height: 1.2; font-size: 0.909em; /*11px*/ background: none; } ul#footerLegalLinks li a { border-left: 1px solid #999; padding: 0 10px; margin-bottom: 5px; } ul#footerLegalLinks li.style-CopyRight { float: left; padding:0 10px; } ul#footerLegalLinks li.style-CopyRight a { padding-bottom: 2em; border: none; position: relative; right: -1px; background: white; } ul#footerLegalLinks li, ul#footerLegalLinks li a { color: #999; text-decoration: none; } ul#footerLegalLinks li a:hover { text-decoration: underline; } ul#footerLegalLinks li a.rssLink { padding-left: 23px; padding-bottom: 2px; padding-top: 2px; margin-top: -2px; position: relative; background: url("/images/so_rss-icon.gif") 0 0 no-repeat; } ul#footerLegalLinks li.first a { border: none; } /* CAREERS REDESIGN --/--/08 ----------------------------------------------------*/ /*--- Home page ---*/ div#homepage-flash-version, div#homepage-flash-version-base-wrap, div#homepage-flash-version-content-wrap { position: relative; width: 992px; height: 490px; } div#homepage-flash-version-base-wrap, div#homepage-flash-version-content-wrap { position: absolute; left: 0px; top: 0px; } div#homepage-flash-version-base-wrap { z-index:1; } div#homepage-flash-version-content-wrap { z-index:0; } /*--- General ---*/ /*body.stylesCareers {} */ body.stylesCareers div#content { width: 485px; } body.stylesCareersHomePage div#content { width: auto; } body.stylesCareersHomePage div#contentWrapper { padding-top: 20px; } body.stylesCareers div#secondaryNav { margin-top: 76px; } body.stylesCareers div.secondaryContentContainer { margin-right: -265px; } body.stylesCareersHubPage div#content { width: 730px; margin-right: -400px;} html.windowMinWidth body.stylesCareersHubPage div#content, html.windowCollapseWidth body.stylesCareersHubPage div#content { width: 480px; } /*--- Careers background images ---*/ /* (see page backgrounds section at top of this CSS file) */ /*--- Careers (first build) ---*/ body.stylesCareers a.newwindow { padding-right:12px; background:url("/images/so_icon-new-window.gif") right 3px no-repeat; } body.stylesCareers a.newwindow:hover { background:url("/images/so_icon-new-window-hover.gif") right 3px no-repeat; } body.stylesCareers div#content h1, body.stylesCareers div#content h2, body.stylesCareers div#content h3, body.stylesCareers div#content h4, body.stylesCareers div#content p, body.stylesCareers div#content ul.list, body.stylesCareers div#content ul.arrowlist, body.stylesCareers div#content ul.arrowlistLinks { margin-bottom:12px; } body.stylesCareers #content h1 { border-bottom:1px solid #90CB1B; padding-bottom:10px; margin-top: 15px; font-size:3.2em; font-weight:normal; } .sIFR-hasFlash body.stylesCareers #content h1 { font-size: 2.17em; /*26px*/ } body.stylesCareersHubPage #content h1 { font-size:4.8em; margin-right:20px; margin-top:12px; padding-bottom:11px; } .sIFR-hasFlash body.stylesCareersHubPage #content h1 { font-size:4em; /*48px*/ } .sIFR-hasFlash body.stylesCareersHubPage #content div.h1 { margin: 12px 20px 12px 15px; padding: 0 0 11px 0; border-bottom: 1px solid #90CB1B; font-size: 4em; } body.stylesCareers #content #posStatement { color:#0682B6; font-size:1.4em; font-weight:normal; } /*body.stylesCareers #content #posStatement.bigger{ font-size:1.667em; }*/ body.stylesCareers #content h2 .secondary { color:#333; font-size:0.8em; } body.stylesCareers #content h2 a { text-decoration:none; } body.stylesCareers #content h3, body.stylesCareers #content p.featured { color:#0682B6; font-size:1.3em; font-weight:normal; margin-bottom:6px; } body.stylesCareers #content h4 { font-size:1.3em; font-weight:normal; } body.stylesCareersHubPage #content div.section h3, #content div.action h4, #content strong { font-weight:bold; } body.stylesCareersHubPage #content div.section h3 { margin-left:14px; margin-bottom:2px; width:75%; color:#fff; } body.stylesCareers #content p.author { font-size:0.9em; } body.stylesCareers #content ul.list li { padding-left:14px; background:url("/images/so_bullet.gif") 0px 6px no-repeat; line-height:16px; margin-left: -14px; } body.stylesCareers #content ul.arrowlist, body.stylesCareers #content ul.arrowlistLinks { margin-top:-5px; } body.stylesCareers #content ul.arrowlist li a { display: block; padding-left:12px; text-decoration:none; background:url("/images/so_arrow-pink-right.gif") 0px 4px no-repeat; line-height:1.4em; color:#333; } body.stylesCareers #content ul.arrowlist li a:hover { color:#74ae00; background-image:url("/images/so_arrow-green-right.gif"); } /* FORMS / TABLES STYLES ----------------------------------------------------*/ body.stylesCareers #header div.search, /*#header div.country,*/ body.stylesCareers div.selectbox { padding:0 2px 2px 0; background:url("/images/so_input-bg.png") bottom right no-repeat; } body.stylesCareers div.selectbox label { display:none; } body.stylesCareers div.selectbox select { border:0px; padding:1px 0; font-size:0.9em; } body.stylesCareers div.pagination { padding-bottom:6px; border-bottom:1px solid #90CB1B; line-height:1.3em; margin-bottom:14px; } body.stylesCareers div.pBase { float:left; width:100%; margin-top:-1px; border-top:1px solid #90CB1B; padding-top:2px; border-bottom:0px; } body.stylesCareers div.pagination ul { float:right; } body.stylesCareers div.pagination ul li { float:left; margin:0 0 0 2px; } body.stylesCareers div.pagination ul li.selected { padding:2px 6px!important; background-color:#ea8900!important; color:#fff; text-align:center; } body.stylesCareers div.pagination ul li a { display:block; padding:2px 6px; background-color:#e0e0e0; color:#666666; text-align:center; text-decoration:none; } body.stylesCareers div.pagination ul li a:hover { background-color:#74ae00; color:#fff; } /*-- Table styles for lower pages -- 15/12/08*/ .lowerPage form.pet table { display: inline-block; margin: 10px 0; border-bottom: 3px solid #74AE00; } .lowerPage form.pet table caption { padding:20px 0 5px 0;; text-align: left; } .lowerPage form.pet table th { padding:5px 0 5px 5px; text-align:left; border-top:1px solid #B9D67F; } .lowerPage form.pet table thead th { font-weight: bold; } .lowerPage .entry-group { background: #F6FFEF; } .lowerPage form.pet table .header-group th, .lowerPage form.pet table .header-group td{ font-weight:normal; padding:5px; text-align:center; border-top:1px solid #B9D67F; } .lowerPage form.pet table td { vertical-align: middle; text-align: center !important; padding: 5px 0; } .lowerPage form.pet fieldset input.next { float:right; width: 50px; padding-bottom: 3px !important;} .lowerPage form.pet table textarea { width: 135px; } /* LAYOUT STYLES ----------------------------------------------------*/ body.stylesCareers div.main { padding-top:20px; padding-bottom:20px; } body.stylesCareers div.profile div.main { /*width:767px; clear:left; */ float:left; } body.stylesCareers div.profile div#profile { padding-bottom: 0; margin-bottom: 20px; } /*.window800 #content { width:540px }*/ body.stylesCareers #content div.primaryContent, body.stylesCareers #content div.content { width:468px; float:left; clear:left; padding-left:16px; } body.stylesCareers #content div.first { padding-right: 60px; } body.stylesCareers div.secondaryContentContainer { float: right; } body.stylesCareers div.secondaryContent { width:226px; float:right; clear:right; margin-bottom:35px; } html.windowMinWidth div.secondaryContentContainer, html.windowCollapseWidth div.secondaryContentContainer { padding-top: 30px; float: left !important; clear: both; } /* Landing Pages */ body.stylesCareersHubPage #content { width:705px; padding-bottom:14px; } /*.window800 body.stylesCareersHubPage #content { width:468px; }*/ body.stylesCareersHubPage #content #posStatement { width:450px; } /* MODULE STYLES ----------------------------------------------------*/ /* Collapsible */ /*-- General --*/ body.stylesCareers div.cModule { margin: -1px 0 0 0; } body.stylesCareers div.cModuleStyle2 { margin: -1px 0 0 0; border-bottom:1px solid #D4E5B1; } /*-- Heading --*/ body.stylesCareers #content div.cModule h3 { margin: 0; padding: 2px 0 3px 5px; color:#e400a7; font-size:1em; font-weight:bold; border-top:1px solid #D4E5B1; border-bottom:1px solid #D4E5B1; } body.stylesCareers #content div.collapsingContent h3 { padding-left:22px; background: url("/images/so_arrow-pink-down.gif") 6px 9px no-repeat; cursor:pointer; } body.stylesCareers #content div.cModuleStyle2 h3 { padding-top: 4px; border-bottom: none; } body.stylesCareers #content div.collapsingContent.cHide h3 { background: url("/images/so_arrow-pink-right.gif") 9px 6px no-repeat; } body.stylesCareers #content div.cModule h3:hover, body.stylesCareers #content div.cModule h3.ieHover { color:#74ae00; } body.stylesCareers #content div.collapsingContent h3:hover, body.stylesCareers #content div.collapsingContent h3.ieHover { background-image: url("/images/so_arrow-green-down.gif"); } body.stylesCareers #content div.collapsingContent.cHide h3:hover, body.stylesCareers #content div.collapsingContent.cHide h3.ieHover { background-image: url("/images/so_arrow-green-right.gif"); } /*-- Content --*/ body.stylesCareers div.cModule div.summary p { margin-left: 22px !important; } body.stylesCareers div.cModuleStyle2 div.summary p { margin-bottom: 7px !important; } body.stylesCareers div.cModule div.content { background-color:#F5F5F5; padding:12px 15px 15px 21px !important; /* Needed to over-ride a globally named 'div.content' */ float: none !important; width: auto !important; margin-bottom: 6px; overflow: hidden; } body.stylesCareers div.cModuleStyle2 div.content { padding-bottom: 6px; } body.stylesCareers #content div.cModuleStyle2 h3 { background: url("/images/so_arrow-pink-down.gif") 6px 11px no-repeat;} body.stylesCareers #content div.cModuleStyle2.cHide h3 { background: url("/images/so_arrow-pink-right.gif") 9px 8px no-repeat;} /* Profile Tabs */ body.stylesCareers #content #profile h1 { border-bottom:0px; margin-top: 25px; } body.stylesCareers #profile h1 { margin:0 0 0 16px; } body.stylesCareers #profile ul.tabs { margin-bottom:0px; padding-bottom:0px; } body.stylesCareers #profile ul.tabs li { float:left; position:relative; padding:0px; } body.stylesCareers #profile ul.tabs li a { display:block; margin-left:-8px; padding:6px 18px; background:url("/images/so_profile-tab-divider.png") right center no-repeat; color:#666; text-decoration:none; font-weight:bold; } body.stylesCareers #profile ul.tabs li a:hover { background-image:url("/images/so_profile-tab-divider-roll.png"); color: #FFFFFF; } body.stylesCareers #profile ul.tabs li.ui-tabs-selected a { background:url("/images/so_profile-tab-highlight.png") right center no-repeat; color:#fff; } body.stylesCareers #profile ul.tabs li.p1 a { margin-left:0; } body.stylesCareers #profile ul.tabs li.p1 { z-index:5; } body.stylesCareers #profile ul.tabs li.p2 { z-index:4; } body.stylesCareers #profile ul.tabs li.p3 { z-index:3; } body.stylesCareers #profile ul.tabs li.p4 { z-index:2; } body.stylesCareers #profile .ui-tabs-hide { height: 1% !important; position: absolute; left: -10000px; } body.stylesCareersHubPage div.section p.links a { color:#fff; text-decoration:none; } body.stylesCareersHubPage div.section p.links a img { padding-left:5px; margin-bottom:0px; } body.stylesCareers div.videoCarousel { float:left; clear:left; margin-left:13px; width:485px; overflow:auto; height:19em; position:relative; } body.stylesCareers div.videoCarousel ul.thumbnails {width:3000px;} body.stylesCareers div.videoCarousel ul.thumbnails li { clear:none; margin-bottom:0px; } body.stylesCareers div.videoCarousel ul.thumbnails li.playing { background:url("/images/so_video-bg.gif") 0 7px no-repeat!important; color:#fff; } body.stylesCareers div.videoCarousel ul.thumbnails li.playing a.highlight { display:none!important; } body.stylesCareers div.videoCarousel ul.thumbnails li.playing em { color:#fff; } /* Profile Box / Media Containers */ body.stylesCareers #locations, body.stylesCareers #profile div.content { float:left; width:735px; padding:16px 0 12px 16px; border-left:1px solid #EBBD30; border-bottom:1px solid #EBBD30; } body.stylesCareers #profile { float: none; width: 765px; overflow: hidden; } body.stylesCareers #profile div.content { padding-bottom:40px; margin-right:-10px; width:750px; margin-top: -15px !important; padding-top: 25px; } body.stylesCareers #locations { border:0; padding-top: 3px; } body.stylesCareers #profile div.profileBox, div.imageContainer, div.videoContainer { float:left; width:100%; position:relative; padding-top:9px; margin-bottom:28px; background:url("/images/so_profile-main-bg.gif") 77px 0 no-repeat; } body.stylesCareers #profile div.profileBox { margin-bottom:0px; position: relative; height: 280px; } body.stylesCareers #profile div.profileBoxVideo { min-height: 300px; } body.stylesCareers div.imageContainer { padding-bottom:12px; margin-right:-20px; width:484px; background:url("/images/so_imageContainer-bg.gif") 53px 0 no-repeat; } body.stylesCareers div.videoContainer { width:545px; margin-right:-10px; background:url("/images/so_videoContainer-bg.gif") 78px 0 no-repeat; } body.stylesCareers div.first div.imageContainer, div.videoContainer { width:545px; margin-right:-30px; } body.stylesCareers #profile #p2 div.profileBox { background-image:url("/images/so_profile-main-flow-bg.gif"); } body.stylesCareers div.imageContainer img, body.stylesCareers div.videoContainer div.video, body.stylesCareers div.videoPlayer div.video, body.stylesCareers div.profileBox div.video { float:left; } body.stylesCareers div.videoContainer div.highlight, body.stylesCareers div.profileBox div.highlight { width:182px; margin:16px 0 0 16px; position: absolute; top: 0; left: 312px; } body.stylesCareers div.videoContainer div.highlight { position: static; width:195px; float: left; } body.stylesCareers div.imageContainer p.caption { float:left; padding:16px; width:140px; color:#fff; font-size:1.2em; } body.stylesCareers #content div.highlight h3, body.stylesCareers #content div.imageContainer h3, body.stylesCareers #content div.videoContainer h3, body.stylesCareers #content div.videoPlayer h3 { color:#fff; border-bottom:1px solid #F5CD80; padding-bottom:8px; font-weight:normal; font-size:1.8em; } body.stylesCareers #content div.imageContainer h3, body.stylesCareers #content div.videoContainer h3 { border-bottom:0; } body.stylesCareers #content div.videoPlayer h3 { border-bottom:0px; padding-bottom:0px; } body.stylesCareers #content div.highlight p { color:#fff; font-size:1.2em; } body.stylesCareers div.profileBox div.history { width:225px; position:absolute; right:7px; top:25px; } body.stylesCareers div.profileBox p.link { font-size: 0.9em; padding-left: 12px; background: url("/images/so_arrow-white-right.gif") 0 4px no-repeat; } body.stylesCareers div.profileBox p.link a { color: #FFFFFF; text-decoration: none; } body.stylesCareers div.profileBox p.link a:hover { text-decoration: underline; } body.stylesCareers div.profileBox div.history ul li { float:left; clear:left; width:225px; padding-bottom:3px; background:url("/images/so_flow-arrow.gif") 53px bottom no-repeat; } body.stylesCareers div.profileBox div.history ul li.last { background:none; } body.stylesCareers div.profileBox div.history ul img { float:left; background:url("/images/so_highlight-flow-bg.png") no-repeat; padding:9px 10px 13px; } body.stylesCareers div.profileBox div.team a, body.stylesCareers div.profileBox div.history a { text-decoration:none; } body.stylesCareers div.profileBox div.history ul p { padding-top:6px; float:left; width:110px;} body.stylesCareers div.profileBox div.history ul p span.date { font-size:0.9em; } body.stylesCareers div.profileBox div.team { width:225px; position:absolute; right:0px; top:0px; } body.stylesCareers div.profileBox div.team p { margin-left:35px; } /* Profile Summary */ body.stylesCareers .profileSummary { float:right; width:123px; margin:0 18px 5px 20px; padding:7px 0 0 14px; background:#EA8900 url("/images/so_profile-bg.gif") repeat-x; color:#fff; } body.stylesCareers .profileSummary p { font-size:0.9em; } body.stylesCareers .profileSummary strong { font-size:1.1em; } body.stylesCareers .profileSummary img { margin-bottom:4px; width:140px; } body.stylesCareers .featuredPanel { position:relative; float:left; width:424px; padding:14px 14px 0; margin-bottom:30px; background:#74AE00 url("/images/so_profile-lg-bg.gif") repeat-x; } body.stylesCareers #content .featuredPanel { color:#fff; font-size:1.2em; } body.stylesCareers .featuredPanel h3 { color: #FFF !important; font-size:1.2em !important; font-weight: bold !important; padding-top:10px; } body.stylesCareers .featuredPanel p.copy { font-size: 0.8em; } body.stylesCareers .featuredPanel img { float:right; position:relative; right:-32px; margin-bottom:15px; } /* Highlight links */ body.stylesCareers a.highlight { position:relative; left:-14px; bottom:-2px; padding:2px 15px; background-color:#74AE00; color:#fff; text-decoration:none; font-weight:bold; } body.stylesCareers a.highlight:hover { background-color:#568000 !important; } body.hasTranscript1 a.highlight { position: relative; top: 4px; padding: 2px 15px; background-color: #74AE00; color: #fff; text-decoration: none; font-weight: bold; font-size: 0.8em; } body.hasTranscript1 a.highlight:hover { background-color:#568000 !important; } body.stylesCareers div.videoContainer a.highlight, body.stylesCareers div.imageContainer a.highlight, body.stylesCareers div.videoPlayer a.highlight, body.stylesCareers div.profileBox a.highlight { float:left; clear:both; left:0px; bottom:-4px; } body.stylesCareers div.featuredPanel a.highlight { position:absolute; left:0px; bottom:-4px; background-color:#E400A7; font-size:0.8em; } body.stylesCareers div.action a.highlight { bottom:-4px; } body.stylesCareersHubPage div.section a.highlight, body.stylesCareers ul.thumbnails li a.highlight { position:absolute; left:0px; bottom:-4px; } body.stylesCareers div#content div.info ul.highlightedList { width: 210px; margin-bottom: 0; margin-right: -17px; } body.stylesCareers div.info a.highlight { left:-15px; display: inline-block;} body.stylesCareers div.news a.highlight { float: left; } body.stylesCareers div.infoTransparent a.highlight { display: block; float: left; left:0; } body.stylesCareers img.tempvid { margin-bottom: 2px; } body.stylesCareersHubPage div.linkHover a.highlight, body.stylesCareers ul.thumbnails li a.highlight, body.stylesCareers div.featuredPanel a.highlight:hover, body.stylesCareers a.highlight:hover { background-color:#74ae00; } /* People tabs */ body.stylesCareers #people h1 { border:0; margin-bottom:0px; } body.stylesCareers #people ul.tabs { float:left; width:100%; margin-bottom:14px; border-bottom:1px solid #CE7B06; } body.stylesCareers #people ul.tabs li { float:left; margin-right:2px; padding-top:4px; font-weight:bold; } body.stylesCareers #people ul.tabs li.ui-tabs-selected { padding-top:0px; } body.stylesCareers #people ul.tabs li a { display:block; background-color:#e0e0e0; padding:4px 14px; text-decoration:none; color:#666666; } body.stylesCareers #people ul.tabs li a:hover { background-color:#74ae00; color:#fff;} body.stylesCareers #people ul.tabs li.ui-tabs-selected a, body.stylesCareers #people ul.tabs li.ui-tabs-selected a:hover { background-color:#EA8900; padding:6px 18px; color:#fff; } /* People / Video lists */ body.stylesCareers #content div.pageHead div.switch { float:right; padding-top:19px; font-size:0.9em; position: relative; top: -65px; } body.stylesCareers #content div.pageHead div.switch a { text-decoration:none; color:#333; background:url("/images/so_icon-browse-on.gif") left no-repeat; padding:7px 0 0 24px; } body.stylesCareers #content div.pageHead div.switch a:hover { color:#74ae00; background-image:url("/images/so_icon-browse-hover.gif"); } body.stylesCareers ul.thumbnails { float:left; width:107%; padding-bottom:14px; } body.stylesCareers ul.thumbnails li { position:relative; float:left; display: block; min-height:15em; margin:0 0 28px 0; padding-right:25px; width:140px; } body.stylesCareers #people ul.thumbnails li { min-height:17em; } body.stylesCareers ul.thumbnails li.hover { background:url("/images/so_people-bg.gif") 0 7px no-repeat; cursor:pointer; } body.stylesCareers ul.thumbnails li img { margin-bottom:4px; } body.stylesCareers ul.thumbnails em { margin-bottom:0; padding-left:8px; color:#E400A7; font-style:normal; font-size:1em; } body.stylesCareers ul.thumbnails a { text-decoration:none; } body.stylesCareers ul.thumbnails li.hover em, body.stylesCareers ul.thumbnails li.hover p { color:#fff; } body.stylesCareers ul.thumbnails p { padding-left:8px; } body.stylesCareers ul.thumbnails p span.dept, body.stylesCareers ul.thumbnails p span.name { font-size:0.9em; } body.stylesCareers #people .ui-tabs-hide { display:none; } body.stylesCareers fieldset.thumbFilters { clear:left; padding-bottom:14px; } body.stylesCareers fieldset.thumbFilters form { float: left; } body.stylesCareers fieldset div.filter { float:left; width:150px; margin: 0; padding-right:5px; } body.stylesCareers #people fieldset .selectbox, body.stylesCareers fieldset .filter .selectbox { float:left; margin:2px 0 0 0; } body.stylesCareers #people fieldset .selectbox select, body.stylesCareers fieldset .filter .selectbox select { width:140px; color:#E400A7; } body.stylesCareers input.radio { margin:1px 3px 5px 0; padding: 0; position: relative; line-height: 20px; vertical-align: top; height: 1em; } body.stylesCareers fieldset .filter input.radio { float: left; margin-right: 7px; } body.stylesCareers fieldset .filter label.radioLabel { display: block; height: 3em; width: 120px; float: left; padding: 0; } /* Action Box */ body.stylesCareers div.action { background:#78134B url("/images/so_action-bg.gif") no-repeat; padding:14px 100px 0px 14px; margin-bottom:30px; color:#fff; } body.stylesCareers div.secondaryContent div.action { margin-bottom:0px; } body.stylesCareers #content div.primaryContent div.action, body.stylesCareers #content div.content div.action { float:right; width:113px; margin-left:15px; } /* Info Box */ body.stylesCareers div.info { padding:18px 14px 0 14px; border-top:1px solid #FCE02A; border-left:1px solid #FCE02A; background-color:#fff; } body.stylesCareers div.info p.subsection { clear:both; border-top:1px solid #FCE02A; padding:14px 14px 0 14px; margin:12px -14px 0; } body.stylesCareers #content div.info h4 { border-bottom:1px solid #BFDB85; padding-bottom:2px; margin-bottom:12px; font-size: 1.167em; /*14px*/ font-weight:normal; color:#000; } body.stylesCareers div.info ul.vacancies { margin-bottom:12px; } body.stylesCareers div.info ul.vacancies li { margin-bottom:10px; padding-bottom:8px; background: url("/images/so_ie-border.gif") 0 bottom repeat-x; } body.stylesCareers div.info ul.vacancies li a { display:block; padding:2px 8px 0 12px; color:#333; text-decoration:none; background:url("/images/so_arrow-pink-right.gif") left 5px no-repeat; } body.stylesCareers div.info ul.vacancies li a:hover { background-image:url("/images/so_arrow-green-right.gif"); } body.stylesCareers div.info ul.vacancies li a:hover { color:#74ae00; } body.stylesCareers div.info ul.vacancies li span.date { color:#0682b6; font-size:0.9em; } body.stylesCareers div.info ul.people { float:left; } body.stylesCareers div.info ul.people li { clear:left; float:left; padding-bottom:12px; } body.stylesCareers #content div.secondaryContent div.info ul.people li { width:199px; } body.stylesCareersHubPage div.info ul.people li { width:186px; } body.stylesCareers div.info ul.people li img { float:left; margin:0 8px 0 0; padding:5px 6px 16px 4px; background: url("/images/so_poloroid-bg.gif") no-repeat; } body.stylesCareers div#content div.info ul.people h5 { font-weight:normal; margin-bottom:0.083em !important; /*1px*/} body.stylesCareers div#content div.info ul.people h5 a { text-decoration:none; } body.stylesCareers div#content div.info ul.people p { display:block; color:#333; font-size:0.917em; margin: 0 !important; } body.stylesCareers div#content div.info ul.people p.videoTheme { font-size: 1em; } body.stylesCareers div#content div.info ul.people p.profilePosition { margin-bottom: 3px !important;} /* Landing page module changes */ body.stylesCareers div.hero { position:relative; z-index:50; margin:-25px -10px -40px 0; text-align:right; } body.stylesCareers div.lcareer img.hero { margin:-20px 0 0 0; float:left;} body.stylesCareersMeetOurPeople #content h2 { margin:35px 20px 12px 0; width:215px; float:left; } body.stylesCareersMeetOurPeople div#content div#posStatement { color:#0682B6; float:left; font-size:1.667em; margin:35px 20px 12px 0; width:215px; } body.stylesCareersHubPage div.section { position:relative; float:left; margin:0 20px 19px 0; padding-bottom:14px; width:214px; background:url("/images/so_section-bg.gif") 0 10px repeat-x; min-height:14.5em; } body.stylesCareers div.linside div.section { background-position:0 10px; } body.stylesCareers div.section img { margin-bottom:7px; } body.stylesCareersMeetOurPeople div.section { position:relative; background-position:0 0px; min-height:12em; } body.stylesCareersHubPage div.section:hover, body.stylesCareersHubPage div.ieHover, body.stylesCareersHubPage div.linkHover { background-image:url("/images/so_profile-bg.gif"); cursor:pointer; } body.stylesCareersHubPage div.hoverOverride { background-image:url("/images/so_section-bg.gif")!important; } body.stylesCareersHubPage div.linkHover { } body.stylesCareersMeetOurPeople div#content div.section h3 { width:50%; margin-top:35px; } body.stylesCareersHubPage div#content div.section p { margin:0 14px 1em; color:#fff; } body.stylesCareersHubPage div.sectionWrapper { background:url("/images/so_section-divider.gif") 214px 10px no-repeat; float:left; margin-bottom:15px; } body.stylesCareersHubPage div.sectionWrapper div.section { margin-bottom:0px; } body.stylesCareersHubPage .info { float:left; margin-right:20px; margin-bottom:30px; width:185px; } body.stylesCareersHomePage .info { float:left; margin-bottom:20px; margin-right:20px; width:191px; } body.stylesCareersHubPage .info img.shadow { background:url("/images/so_profile-shadow.gif") no-repeat; padding:11px 13px 11px 11px; margin:-7px 0 6px -9px; } body.stylesCareersMeetOurPeople div.info { float:right; position: relative; left:-27px; } body.stylesCareersHubPage .info img.head { position:relative; top:-26px; margin-bottom:-26px; } body.stylesCareersHubPage #content div.info h4{ /*margin-bottom:6px; border-bottom:0px;*/ font-size:1.3em; } body.stylesCareersHomePage #content div.info h4 { color:#000000; font-size: 1.3em; } body.stylesCareersHubPage #content div.career h4 { padding-top:20px; } body.stylesCareersHubPage .info p a{ text-decoration:none; } /* Featured list */ body.stylesCareers div.featuredList { float:left; width:448px; padding:24px 0 0px 0; margin:0 15px 15px 0; background:url("/images/so_featured-list-bg.gif") no-repeat; overflow:hidden; } body.stylesCareers div.featuredList ul { float:left; width:50%; margin-bottom:-2px; } body.stylesCareers div.featuredList ul li { display:block; } body.stylesCareers div.featuredList ul li a { padding:12px 12px; color:#fff; text-decoration:none; display:block; background:url("/images/so_featured-list-divider.png") 12px bottom no-repeat; } body.stylesCareers div.featuredList ul li a span { display:none; } body.stylesCareers div.featuredList ul li a:hover span { display:block; } body.stylesCareers div.featuredList ul li a:hover { background:url("/images/so_featured-list-highlight.png") repeat; color:#fff;} body.stylesCareers div.featuredList ul li a strong { padding-right:10px; background:url("/images/so_arrow-white-right.gif") right 4px no-repeat; vertical-align:middle; } /* Vacancies / news */ body.stylesCareersHubPage div.vacancies, body.stylesCareersHubPage div.news { width:419px; } body.stylesCareersHubPage div.vacancies ul, body.stylesCareersHubPage div.news ul, body.stylesCareersHubPage div.help ul, body.stylesCareersHomePage div.help ul { padding-top:7px; margin:17px -14px 14px; border-top:1px solid #fce02a; background:url("/images/so_divider.gif") 207px 16px no-repeat; } body.stylesCareersHubPage div.help ul, body.stylesCareersHomePage div.help ul { background:0; } body.stylesCareersHubPage div.news ul { margin-top:10px; margin-right: -300px; margin-bottom: 5px; padding: 0; border: none; background: none; } body.stylesCareersHubPage div.vacancies ul li, body.stylesCareersHubPage div.news ul li, body.stylesCareersHubPage div.help ul li, body.stylesCareersHomePage div.help ul li { float:left; width:40%; margin:0 14px; padding:3px 0 5px 0; background: url("/images/so_ie-border.gif") 0 bottom repeat-x; } body.stylesCareersHubPage div.help ul li, body.stylesCareersHomePage div.help ul li{ width:183px; } body.stylesCareersHubPage div#content div.news ul li { border-top: 1px solid #fce02a; background: none; border-bottom:0px; padding-bottom:0; border-left: 1px solid #fce02a; margin: 0 20px 0 0; position: relative; left: -1px; padding: 17px 15px 0 15px; width: 183px; } body.stylesCareersHubPage div#content div.news ul li p.summary { margin-top:7px; padding-top:7px; background: url("/images/so_dotted-line-info-box.gif") top repeat-x; font-size:0.9em; color:#666; } body.stylesCareersHubPage div.vacancies ul li .date, body.stylesCareersHubPage div.news ul li .date { font-size:0.9em; color:#0682B6; } body.stylesCareersHubPage div.vacancies ul li a, body.stylesCareersHubPage div.news ul li a, body.stylesCareersHubPage div.help ul li a, body.stylesCareersHomePage div.help ul li a { display:block; padding-left:11px; background:url("/images/so_arrow-pink-right.gif") 1px 4px no-repeat; color:#333; text-decoration:none; } body.stylesCareersHubPage div.vacancies ul li a:hover, body.stylesCareersHubPage div.news ul li a:hover, body.stylesCareersHubPage div.help ul li a:hover { background:url("/images/so_arrow-green-right.gif") 1px 4px no-repeat; color:#74ae00; } body.stylesCareersHubPage div.vacancies ul { padding-top: 14px; } body.stylesCareersHubPage div.vacancies ul li { padding-bottom: 8px; margin-bottom: 4px;} body.stylesCareersHubPage div.vacancies h4 { padding-top:0px; } body.stylesCareers div.info a.date, body.stylesCareers div.info span.date { font-size:0.9em; } body.stylesCareers div.info span.date { color:#0682b6; display: block; margin-bottom: 3px; } /* MISCELLANEOUS STYLES */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} body.stylesCareers div.flash { text-align:center; margin-bottom:14px; } body.stylesCareers #content div.primaryContent img.articleWrap, body.stylesCareers #content div.content img.articleWrap { float:left; margin:0 14px 14px 0; } body.stylesCareers br.break { display:block; float:left; clear:both; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ /* Play button overlay for video links */ body.stylesCareers a.videoImage { position: relative; display: block; margin: 0 0 10px 0; } body.stylesCareers a.videoImage img { position: relative; margin: 0 !important; padding: 0; } body.stylesCareers span.videoImageOverlay { display: block; position: absolute; left: 50%; top: 50%; height: 49px; width: 48px; margin-top: -24px; margin-left: -24px; background:url("/images/so_play-button-off.png") 0 0 no-repeat; } body.stylesCareers a.videoImage span.ieHover, body.stylesCareers a.videoImage:hover span.videoImageOverlay { background :url("/images/so_play-button-on.png") 0 0 no-repeat; } body.stylesCareers li.playing span.videoImageOverlay { display: none; } /*-- Page Customisations --*/ body.stylesCareers ul.thumbnails a.videoImage { height: 97px; width: 140px; } body.stylesCareers ul.people a.videoImage { float:left; margin:0 8px 0 0; background: url("/images/so_poloroid-bg.gif") no-repeat; } body.stylesCareers ul.people a.videoImage div.videoImageOverlay { margin: 0; top: 17px; left: 17px; width: 37px; height: 38px; background:url("/images/so_play-button-off-sml.png") 0 0 no-repeat; } body.stylesCareers ul.people a.ieHover div.videoImageOverlay, body.stylesCareers ul.people a.videoImage:hover div.videoImageOverlay { background:url("/images/so_play-button-on-sml.png") 0 0 no-repeat; } /* Careers home styles by Filip 10/06/2008 */ body.stylesCareersHomePage .hidden { position: absolute; left: -10000em; } body.stylesCareersHomePage .hidden * { float: left !important;} body.stylesCareersHomePage div#contentWrapper div#content { margin: 0; background: url("/images/so_bg-careers-hub.jpg") no-repeat left top; min-height: 460px; float: none; min-height: 1020px; } body.stylesCareersHomePage #contentWrapper #footer { margin-top: 0; } body.stylesCareersHomePage #homepage-no-flash-version { background: url(/images/careers-non-flash-background.jpg) no-repeat 0 48px; width: 970px; float: left; } body.stylesCareersHomePage #careers-panels { margin-top: 47px; margin-left: 25px; } body.stylesCareersHomePage #hometextbox { float: left; height: 360px; margin-left: 29px; width: 691px; } body.stylesCareersHomePage #careershomemenu { clear: both; margin-bottom: 0; } body.stylesCareersHomePage #careershomemenu div.hubMainMenu { /*margin-bottom: 30px;*/ } body.stylesCareersHomePage #content #hometextbox h1 { margin: 30px 0 0 20px; line-height: 1.6em; font-size: 230%; color: #90cc1c; color: #e719b0; } body.stylesCareers #content h1 { color: #404040; } body.stylesCareersHomePage #hometextbox p { border-bottom: 1px solid #e719b0; color: #757575; font-size: 1.25em; line-height: 1.3333; padding-bottom: 4px; padding-left: 20px; } body.stylesCareersHomePage div#content p.linkToFallbackVersion { margin: 10px 0 8px 40px; } body.stylesCareersHomePage p.linkToFallbackVersion a { display: block; background: url("/images/so_arrow-pink-right.gif") 10px no-repeat; padding-left: 20px; text-decoration:none; } body.stylesCareersHomePage p.linkToFallbackVersion a:hover { background-image: url("/images/so_arrow-green-right.gif"); } /*--- Multimedia boxes ---*/ body.stylesCareers div.multimediaBox { margin: 0 -30px 20px 0; padding: 10px 15px 12px 330px; position: relative; background: url("/images/so_multimedia_box_bg.gif") 70px 0 repeat-y; } body.stylesCareers div.multimediaBox div.multimediaItem, body.stylesCareers div.multimediaBox p.multimediaLink { float: left; margin-left: -330px; } body.stylesCareers div.multimediaBox p.multimediaLink { margin-left: -330px !important; } body.stylesCareers div.multimediaBox div.multimediaItem { margin-top: 0; margin-bottom: 5px; float: left; } body.stylesCareers div.multimediaBox p.multimediaLink { clear: both; margin-bottom: -700px !important; } body.stylesCareers div.multimediaBox p.multimediaLink a.highlight { left: 0; top: 0; } body.stylesCareers div.multimediaBox div.multimediaDescription { padding-top: 20px; height: 1%; /*IE6*/ margin-bottom:3em; } body.stylesCareers div.multimediaBox div.multimediaDescription h3 { font-size: 1.8em !important; margin-bottom: 0.5em !important; color: #FFFFFF !important; } body.stylesCareers div.multimediaBox div.multimediaDescription h3.withLine { padding-bottom: 0.6em !important; border-bottom: 1px solid #F3C380; } body.stylesCareers div.multimediaBox div.multimediaDescription p { font-size: 1.2em !important; line-height: 1.3; color: #FFFFFF !important; } body.stylesCareers div.multimediaBox div.multimediaDescription a { color: #FFFFFF; text-decoration: none; } body.stylesCareers div.multimediaBox div.multimediaDescription a:hover { text-decoration: underline; } body.stylesCareers div.multimediaBox div.multimediaDescription p.relevantLink { margin-bottom: 0.2em !important; padding-left: 11px; font-size: 1.1em !important; background: url("/images/so_arrow-white-right.gif") 0 5px no-repeat; } body.stylesCareers div.multimediaBox div.multimediaDescription p.specialLink { font-size: 1.1em !important; } body.stylesCareers div.multimediaBox div.multimediaDescription p.specialLink a { margin-top: 8px; padding: 2px 10px 3px 18px; display: block; position: relative; left: -18px; font-weight: bold; background: #E400A7; } body.stylesCareers div.multimediaBox div.multimediaDescription p.specialLink a:hover { text-decoration: none; background: #568000; } body.stylesCareers div.multimediaBox p.nextTab { margin: 30px 0 0; padding: 0; } body.stylesCareers div.multimediaBox p.nextTab a { background-color:#EA8E00; background-image:url(../images/css/profile-next_2.png); background-position:right 5px; background-repeat:no-repeat; bottom:0; color:#FFFFFF; display:block; font-weight:bold; height:3.7em; margin:0; padding:0 64px 0 0; position:absolute; right:0; text-decoration:none; vertical-align:bottom; } body.stylesCareers div.multimediaBox p.nextTab a.ieHover, body.stylesCareers div.multimediaBox p.nextTab a:hover { background-image: url("/images/so_profile-next-roll_2.png"); text-decoration:underline; } body.stylesCareers div.multimediaBox p.nextTab span { margin:0; padding:1.2em 0.5em 1em; display:block; } body.stylesCareers div.multimediaBox div.slideshowNavigation { height: 26px; width: 312px; position: relative; color: #FFFFFF; background: url("/images/so_slide-bg.gif") top repeat-x; } body.stylesCareers div.multimediaBox div.slideshowNavigation a { color: #FFFFFF; } body.stylesCareers div.multimediaBox div.slideshowNavigation div.slideshowNavigationCurrentImage { width: 100%; padding-top: 4px; position: absolute; top: 0; text-align: center; } body.stylesCareers div.multimediaBox div.slideshowNavigation a.slideshowNavigationPrevious { height: 26px; width: 24px; position: absolute; top: 0; left: 0; border-right: 1px solid #5B8900; background: url("/images/so_slideshow-previous-btn.gif") no-repeat; } body.stylesCareers div.multimediaBox div.slideshowNavigation a.slideshowNavigationPrevious:hover { background-image: url("/images/so_slideshow-previous-btn-on.gif"); } body.stylesCareers div.multimediaBox div.slideshowNavigation a.slideshowNavigationNext { height: 26px; width: 24px; float: right; position: absolute; top: 0; right: 0; border-left: 1px solid #5B8900; background: url("/images/so_slideshow-next-btn.gif") no-repeat; } body.stylesCareers div.multimediaBox div.slideshowNavigation a.slideshowNavigationNext:hover { background-image: url("/images/so_slideshow-next-btn-on.gif"); } body.stylesCareers div.multimediaBox div.slideshowNavigation a.slideshowNavigationPrevious span, body.stylesCareers div.multimediaBox div.slideshowNavigation a.slideshowNavigationNext span { position: absolute; left: -20000px; } /* multimedia box inside profile box */ body.stylesCareers div#profile { background: white; } body.stylesCareers div#profile div.multimediaBox { float: left; } body.stylesCareers div#profile div#p2 div.multimediaBox div.multimediaDescription, body.stylesCareers div#profile div#p3 div.multimediaBox div.multimediaDescription { padding-right: 20px; } body.stylesCareers div#profile div.extraProfileInformation { width: 230px; overflow: hidden; float: left; margin-left: 10px; margin-right: -20px; position: relative; left: -10px; z-index: 100; } body.stylesCareers div#profile div.extraProfileInformation p { margin-left: 45px;} body.stylesCareers div#profile div.profileHistory { padding: 25px 0 0; background: url("/images/so_profile-history-flow-bg.gif") 30px 10px no-repeat; } body.stylesCareers div#profile div.profileHistory ul li * { margin: 0 !important;} body.stylesCareers div#profile div.profileHistory ul li { margin: 0; padding: 5px 0 25px 120px; position: relative; min-height: 60px; background: url("/images/so_profile-history-flow-arrow.gif") 54px -25px no-repeat; } body.stylesCareers div#profile div.profileHistory ul li.last { background-position: 54px -150px; } body.stylesCareers div#profile div.profileHistory ul li h4 { font-size: 1em !important;} body.stylesCareers div#profile div.profileHistory ul li img { padding:9px 10px 13px; position: absolute; left: 3px; top: 0; right: auto; background:url("/images/so_highlight-flow-bg.png") no-repeat; } /* multimedia box variants */ body.stylesCareers div.multimedixBoxNarrow { width: 142px;} body.stylesCareers div.multimediaBoxWide { width: 200px; } body.stylesCareers div.multimediaBoxExtraWide { width: 235px; padding-top: 0; margin-top: 20px; margin-bottom: 40px; } body.stylesCareers div.multimediaBoxExtraWide div.multimediaItem { margin-top: -20px !important;} body.stylesCareers div.multimediaBoxExtraWide div.multimediaDescription { padding-top: 50px !important; } body.stylesCareers div.multimediaBoxExtraWide div.multimediaDescription p {font-size: 1.1em !important; } /*-- Video player --*/ div.videoPlayer {} div.videoPlayer ul.relatedVideos li { background: none!important; display: inline!important; } div.videoPlayer ul.relatedVideos li img { width:80px; height:80px; } /* END CAREERS CODEBASE */ /* RECIPE FINDER */ body.stylesRecipeFinder div#posStatement,body.stylesRecipeFinder div#posStatement p { margin-bottom:0; } /*-- Recipe --*/ div.recipe-ingredients ul{ border:1px solid #efefef; border-top:8px solid #e0e0e0; padding:18px 1px 18px 15px; } div.recipe-ingredients ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } div#content div.recipe-ingredients ul li{ float:left; width:210px; border-bottom:1px solid #efefef; padding:0 0 9px; margin-right:15px; background:none; color:#0682b6; font-size:0.9em; font-weight:bold; line-height:1.3em; } div.recipe-ingredients ul li div.ingredient{ color:#ea8900; float:left; width:70px; line-height:1.2em; } div.recipe-ingredients ul li span.quantity{ font-size:1.3em; } .recipe-qualities p.recipe-thumb{ display:none; } /*daily nutrition intake table (with bar chart)*/ table.daily-intake-table{ color:#d58137; margin-bottom:30px; } table.daily-intake-table th,table.daily-intake-table td{ padding:10px 10px 0; text-align:center; } table.daily-intake-table tfoot th{ border-top:1px solid #faebd5; } table.daily-intake-table td{ vertical-align:bottom; } table.daily-intake-table td span{ display:block; background:#f7deb9; width:30px; margin:10px auto 0; } /*nutritional info table*/ table.nutri-info-table{ width:100%; } table.nutri-info-table thead th{ font-weight:bold; } table.nutri-info-table thead th{ border:1px solid #d5e7b2; border-width:1px 0; } table.nutri-info-table th,table.nutri-info-table td{ padding:5px 5px 5px 16px; border-bottom:1px solid #efefef; } table.nutri-info-table tbody th{ width:70%; } table.nutri-info-table tbody td{ width:30%; } /*-- Recipe Finder, Advanced recipe finder --*/ div#content fieldset.recipe-finder-select{ background:url(/images/so_bg-recipe-finder.gif) repeat-x #ea8900; color:#fff; padding:17px 17px 22px; } fieldset.recipe-finder-advanced fieldset.recipe-finder-select{ width:193px; float:left; } fieldset.recipe-finder-select select{ color:#d8039d; width:190px; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 3.0 and Chrome rules here */ fieldset.recipe-finder fieldset.recipe-finder-select select{ float:left; margin-right:10px; } fieldset.recipe-finder fieldset.recipe-finder-select-options{ clear:both; } } fieldset.recipe-finder-advanced fieldset.recipe-finder-select select{ display:block; margin-top:10px; } div#content .recipe-finder-select h2{ color:#fff; font-weight:bold; margin-bottom:0; } fieldset.recipe-finder-select label{ position:absolute; left:-100000px; } fieldset.recipe-finder-select-options:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } fieldset.recipe-finder-select-options label{ margin-top:2px; margin-right:50px; width:83%; background:#ea8b00; position:static; float:right; } fieldset.recipe-finder-select-options input{ display:block; } fieldset.recipe-finder-advanced fieldset.recipe-finder-select-options label{ margin-right:0; } fieldset.recipe-finder-advanced fieldset.recipe-finder-options{ border:1px solid #fcde2a; float:left; padding:17px 17px 22px; width:200px; } fieldset.recipe-finder-advanced fieldset.recipe-finder-options div.clearer{ margin-bottom:5px; } fieldset.recipe-finder-advanced fieldset.recipe-finder-options p{ padding-top:19px; } fieldset.recipe-finder-advanced fieldset.recipe-finder-options h2{ position:absolute; left:-100000px; } fieldset.recipe-finder-advanced fieldset.recipe-finder-options input{ position:relative; top:3px; height:15px; } div.recipe-finder-actions{ clear:left; position:relative; top:-30px; margin-bottom:-30px; } div#content div.recipe-finder-actions input{ font-size:1em; } div#content div.recipe-finder-actions ul{ margin-top:1em; } div#content div.recipe-finder-actions ul li{ padding: 0; background: none; } /*-- Recipe results (also top recipes) --*/ div.top-recipes ul, .recipe-results{ border:solid #8fcb1b; border-width:1px 0; } div.top-recipes{ border-top:1px solid #e3efcc; padding-top:15px; } div.top-recipes ul{ border:0; } div.top-recipes ul:after, .recipe-results:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } body.lowerPage div#content div.top-recipes ul li, body.lowerPage div#content ul.recipe-results li, .recipe-results li{ float:left; width:119px; padding:0 25px 0 0; background: none; border-bottom:1px solid #e3efcc; } body.lowerPage div#content div.top-recipes ul li{ border:0; } div.top-recipes ul li a, .recipe-results li a { background:url(/images/so_arrow-pink-right.gif) no-repeat 0 110px; text-decoration:none; padding:15px 0 15px 12px; display:block; } div.top-recipes ul li a:hover, .recipe-results li a:hover{ text-decoration:underline; background-image:url(/images/so_arrow-green-right.gif); } div.top-recipes ul li img, .recipe-results li img{ display:block; margin-bottom:5px; } /* pagination */ .stylesRecipeFinder .pagination:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .page-nos{ float:right; } .page-nos a,.page-nos span{ display:block; float:left; margin-right:1px; text-align:center; padding:0 5px; } .page-nos span{ background:#e0e0e0; color:#666; } .page-nos a{ background:#ea8900; color:#fff; text-decoration:none; } .page-nos a:hover{ text-decoration:underline; } /* END RECIPE FINDER */ /* Brand Login */ form.brand { overflow: hidden; margin: 0 0 50px; } fieldset.brand-login-select { float:left; width:193px; height: 192px; color: #FFF; background:url(/images/so_bg-recipe-finder.gif) repeat-x #ea8900; padding:17px 17px 22px; } div#content fieldset.brand-login-select h2 { color: #FFF; font-weight: bold; } div#content fieldset.brand-login-select a { color: #FFF; } fieldset.brand-login-select input { width: 175px; margin: 0 0 15px; } fieldset.brand-login-options { float:left; width: 200px; height: 190px; border:1px solid #FCDE2A; padding:17px 17px 22px; } div#content fieldset.brand-login-options h2 { display: none; } body.lowerPage div#content fieldset.brand-login-options ul li { margin-bottom: 0.5em; } fieldset.brand-login-options a.arrowLink { color: #E400A7; } fieldset.brand-login-options a.arrowLink:hover { color: #74AE00; } div.brand-login-actions { margin: -10px 0 0; } /* Contact form redesign */ .postit, .postit span { position: absolute; left: -9999px; height: 1px; width: 1px; } div#content .redesign .sectionHead { margin-bottom: 4px; display: block; } div#content .redesign .sectionHead h2 { float: left; } div#content .redesign .sectionHead p { float: right; } div#content .redesign fieldset { border-top: 1px solid #B8D67C; border-bottom: none; margin-top: 1em; margin-bottom: 0; } div#content .redesign fieldset fieldset { border-top: none; margin-top: 0; } div#content .redesign fieldset.seperator { border-top: 3px solid #74AE00; } div#content .redesign fieldset.actions { padding-top: 2px; } div#content .redesign .label, div#content .redesign fieldset.details label{ clear: left; float: left; width: 160px; } div#content .redesign fieldset.details label textarea { width: 310px; } div#content .redesign fieldset.details label input, div#content .redesign fieldset.details label select, div#content .redesign fieldset.details label textarea { left: 160px; } div#content .redesign .inputGroup fieldset label input, div#content .redesign .dateGroup fieldset label select { left: 0px; } div#content .redesign .inputGroup fieldset label input { border: none; left: 0; top: 2px; width: auto; margin: 0 6px 6px; } div#content .redesign .label span, div#content .redesign label span, div#content .redesign .sectionHead p span { color: #74ae00; font-weight: 600; font-size: 2.2em; margin-right: 4px; position: relative; top: 10px; line-height: 0; } div#content .redesign .inputGroup { clear: both; margin-bottom: 18px; } div#content .redesign fieldset.details .dateGroup label { clear: none; width: auto; } div#content .redesign .dateGroup label span.postit { position: absolute; } div#content .redesign .dateGroup label select { width: auto; margin-right: 4px; top: 0; left: 0; } /* formField Hightlight */ .PE_fieldHighlight { border-color: #F17FD3!important; } span.PE_fieldHighlight { color: #E400A7!important; } /* formField error */ div#content .redesign .errorMsg { background:url(/images/so_error.gif) no-repeat 0 0; color: #f44b01; padding-left: 24px; } div#content .redesign .errorMsg span { display: block; font-size: 1.5em; line-height: 1; } div#content .redesign div.error label span { color: #f44b01; } div#content .redesign div.error label input { border: 1px solid #f9a580; } div#content .redesign div.error p.msgErr { clear: both; color: #f44b01; left: 160px; position: relative; top: -10px; background:url(/images/so_error2.gif) no-repeat left top; padding-left: 12px; margin-bottom: 0; } /* Start dotNet form styles */ div#content .redesign div span.msgErr { float: left; width: 300px; display: block; clear: both; color: #F44B01; background: transparent url(/images/so_error2.gif) no-repeat scroll left top; margin: 10px 0 0 160px; padding: 0 0 0 12px; } .textBox, .textArea, .dropDownList, .radioButtonList, .checkBoxList, .dateList { overflow: hidden; margin: 0 0 18px; } .textBox label, .textArea label, .dropDownList label, .radioButtonList label, .checkBoxList label, .dateList label { padding: 0 0 5px; } .textBox input { width: 200px; border: 1px solid #B9D67F; } .textArea textarea { width: 305px; } .dropDownList select { width: 204px; border: 1px solid #B9D67F; } div#content .redesign fieldset.details .checkBoxList label { float: none; } div#content .redesign fieldset.details .radioButtonList label { float: none; } .dateList select { border: 1px solid #B9D67F; } /* End dotNet form styles */ div#content div.quote { margin: 0 0 20px; width: 100%; } div#content div.quote h3 { margin: 0 0 15px; } div#content div.quote img { float: left; margin: 0 16px 16px 0; } div#content div.quote div { overflow: hidden; } div#content div.quote div blockquote { overflow: hidden; padding: 9px 0 0 45px; margin: 0 0 8px 0; } div#content div.quote div blockquote span { display: block; padding: 0 45px 9px 0; } div#content div.quote div h4 { font-weight: bold; } div#content div.quote div h4, div#content div.quote div p { padding: 0 45px; margin: 0 0 2px 0; } div#content div.quote1-1, div#content div.quote1-1 h3 { color: #F300A6; } div#content div.quote1-1 div blockquote { background: url(/images/so_quote1_1_start.gif) no-repeat left top; } div#content div.quote1-1 div blockquote span { background: url(/images/so_quote1_1_end.gif) no-repeat right bottom; } div#content div.quote1-2, div#content div.quote1-2 h3 { color: #74AD00; } div#content div.quote1-2 div blockquote { background: url(/images/so_quote1_2_start.gif) no-repeat left top; } div#content div.quote1-2 div blockquote span { background: url(/images/so_quote1_2_end.gif) no-repeat right bottom; } div#content div.quote2-1 { color: #FFF; background: #BD2675 url(/images/so_quote2_1.gif) repeat-x scroll center top; } div#content div.quote2-1 div blockquote { background: url(/images/so_quote2_1_start.png) no-repeat left top; margin: 8px; } div#content div.quote2-1 div blockquote span { background: url(/images/so_quote2_1_end.png) no-repeat right bottom; } div#content div.quote3-1 { float: left; width: 145px; color: #FFF; background: #679D11; margin: 0 15px 20px 17px; } div#content div.quote3-1 img { margin: 7px 0 0 -17px; } div#content div.quote3-1 div { float: left; width: 100%; overflow: visible; } div#content div.quote3-1 div blockquote { background: url(/images/so_quote3_1.gif) no-repeat left top; margin:5px 22px 20px -30px; padding:5px 0 0 45px; } div#content div.quote3-1 div blockquote span { padding: 0; } /* 14/09/09 - Flash fall back popup message ------------------------------------------------------*/ .noFlashPopup { width: 270px; background: url(/images/bg_noFlash.gif) repeat left top; /*border: 1px solid #333333;*/ padding: 36px 30px 50px; position: relative; top: 90px; } .noFlashPopup .noFlashInner { padding: 14px 8px 30px; background: #ffffff; position: relative; width: 248px; } .noFlashPopup .noFlashInner p { color: #e400a7; margin-bottom: 0!important; font-size: 1.5em!important; line-height: 1.2!important; } .noFlashPopup p a { color: #E400A7; } .noFlashPopup p a:hover { color: #74ae00; } /* Belgian Interstitial ------------------------------------------------------*/ html.belgianInterstitial { background: transparent url(/images/bg_belgian.png) no-repeat scroll center 0; } html.belgianInterstitial #contentWrapper { background: none; height: 650px; top: 0; padding: 0; } html.belgianInterstitial #contentWrapper .companyInformationLogo { width: 142px; background: #ffffff; } html.belgianInterstitial #contentWrapper .companyInformationLogo img { padding: 20px 34px 28px 40px; } html.belgianInterstitial #contentWrapper .companyInformationLogo div { border-top: 1px solid #efefef; background: transparent url(/images/so_global-small.gif) no-repeat scroll 98px 6px; padding: 6px 50px 8px 40px; } html.belgianInterstitial #contentWrapper .companyInformationLogo div p { margin: 0; border-right: 1px solid #cccccc; font-weight: 600; color: #9b9b9b; padding-right: 5px; } html.belgianInterstitial #contentWrapper ul { position: relative; } html.belgianInterstitial #contentWrapper ul li { list-style: none; position: absolute; } html.belgianInterstitial #contentWrapper ul li a { width: 367px; height: 245px; display: block; text-indent: -9999px; } html.belgianInterstitial #contentWrapper ul li.dutch { left: 110px; top: 70px; } html.belgianInterstitial #contentWrapper ul li.french { left: 445px; } html.belgianInterstitial #contentWrapper ul li.dutch a { background: transparent url(/images/nederlands.png) no-repeat scroll 0 0; } html.belgianInterstitial #contentWrapper ul li.french a { background: transparent url(/images/francais.png) no-repeat scroll 0 0; } body.stylesMediaCentre div.hubMainMenu { margin-top: 50px; } /* Table styles ------------------------------------------------------*/ table.twoRow, table.fourRow, table.fiveRow { width: 100%; margin-bottom: 18px; } table.twoRow thead th, table.fourRow thead th, table.fiveRow thead th { font-weight: 600; } table.type2 thead th { font-weight: normal; } table.twoRow tbody tr th, table.twoRow tbody tr td, table.fourRow tbody tr th, table.fourRow tbody tr td, table.fiveRow tbody tr th, table.fiveRow tbody tr td { border-bottom: 1px solid #e5e5e5; } table.twoRow tbody tr td, table.fourRow tbody tr td, table.fiveRow tbody tr td { padding-right: 8px; } table.twoRow tbody tr th { width: 70%; } table.fourRow tbody tr th { width: 52%; } table.fiveRow tbody tr th { width: 40%; } /* review table styles */ .reviewPage table.review, .reviewPage table.calculator { width: 100%; margin-bottom: 18px; border-bottom: 4px solid #e5e5e5; line-height: 1.4; } .reviewPage table.calculator { margin-bottom: 8px; } .reviewPage table.calculator tr th, .reviewPage table.review tr th, .reviewPage table.review td, .reviewPage table.calculator td { border-bottom: 1px solid #e5e5e5; } .reviewPage table.calculator tr th, .reviewPage table.calculator tr td { padding: 1px 4px; } .reviewPage table.review tr th, .reviewPage table.review tr td { padding: 4px; } .reviewPage table.review tr td.highlight, .reviewPage table.calculator tr td.highlight { padding-top: 4px; padding-bottom: 4px; } .reviewPage table .highlight { background: #f9f9f9; } .reviewPage table.review thead tr, .reviewPage table.calculator thead tr { border-top: 1px solid #e5e5e5; background: #E5E5E5; } .reviewPage table.review thead tr th.date, .reviewPage table.review tbody tr td.date { width: 80px; padding: 4px 4px 4px 8px; } .reviewPage table.review thead tr th.name, .reviewPage table.review tbody tr td.name { width: 80px; } .reviewPage table.review thead tr th.type, .reviewPage table.review tbody tr td.type { width: 80px; } .reviewPage table.review thead tr th.trans, .reviewPage table.review tbody tr td.trans { width: 100px; } .reviewPage table.review thead tr th.qty, .reviewPage table.review tbody tr td.qty { width: 70px; } .reviewPage div#content table.review tbody tr td.qty p { margin: 0; } .reviewPage table.review thead tr th.price, .reviewPage table.review tbody tr td.price { width: 70px; } .reviewPage table.review tbody tr td.qty, .reviewPage table.review tbody tr td.price { text-align: right; } body.twoColumnWide.reviewPage table.review thead tr th.name, body.twoColumnWide.reviewPage table.review tbody tr td.name, body.twoColumnWide.reviewPage table.review thead tr th.type, body.twoColumnWide.reviewPage table.review tbody tr td.type, body.twoColumnWide.reviewPage table.review thead tr th.trans, body.twoColumnWide.reviewPage table.review tbody tr td.trans { width: auto; } .reviewPage div#content h3 { color: #006699; font-weight: 600; font-size: 1em; } .reviewPage div#content h3.calculator { margin: 30px 0 0.5em; } .reviewPage div#content h3.review { margin: 40px 0 0.5em; color: #666; } .reviewPage a { color: #e400a7; text-decoration: none; } .reviewPage p.reference a { text-decoration: underline; } .reviewPage a:hover { text-decoration: underline; } .reviewPage p.download a { background: transparent url(/images/so_download_link.gif) no-repeat 0 4px; color: #333333; padding: 0 0 4px 16px; } .reviewPage div#secondaryContent { margin: 150px -100px 50px 0; } .reviewPage div#secondaryContent div.singleBox p { color: #74AE00; } .reviewPage div#secondaryContent div.singleBox p em { font-size: 36px; display: block; font-style: normal; } body.subHub div#contentWrapper { background-image:url(/images/so_bg-subhub-fish-wave.gif); } body.subHub div#content { background: none; padding-left: 0px; width: 783px; padding-top: 0; } div.subHead, div.subHub { float: left; } div.subHead { margin: 0 0 25px; } div.subHub { background: #FFF; padding: 0 0 25px 15px; } div.subHead div.lead { float: left; width: 400px; background: #FFF; margin: 0 43px 15px 0; padding: 0 0 0 15px; } div.subHead div.lead p img { float: left; margin: 3px 8px 0 0; } div.subHead div.image { float: right; width: 325px; margin: 54px 0 15px; } div.subHead div.image img, div.subHead div.image object, div.subHead div.image div.videoPlayer { margin: 0 0 -25px 14px; } div.subHead div.image object, div.subHead div.image div.videoPlayer { margin-left: 13px; } div.subHead div.image div.videoPlayer img { margin:0; z-index: 2; } div#content div.subHead div.image h3 { font-size: 1.16em; padding: 35px 18px 10px 15px; background: #0292B6 url(/images/so_sub-hub-background.gif) repeat-x top left; color: #FFF; margin: 0 20px 0 0; position: relative; z-index: -1; } div.subHub div.article { float: left; width: 214px; border-top: 1px solid #74AE00; padding: 10px 0 0; margin: 0 21px; } div#content div.subHub div.article h3 { margin: 0 0 8px; min-height: 40px; } div#content div.subHub div.article h3 a { background:transparent url(/images/so_arrow-pink-right.gif) no-repeat scroll 0 6px; text-decoration: none; padding: 0 0 0 10px; } div#content div.subHub div.article h3 a:hover { background-image:url(/images/so_arrow-green-right.gif); color:#74AE00; } div.subHub div.article img { margin: 0 0 15px; } body.twoColumnWide div#content div.related, .subHub #content .singleBox { float: left; border-left: 1px solid #FCDC2A; border-top: 1px solid #FCDC2A; background: #FFF; margin: 25px 0 0 15px; width: 767px; } body.twoColumnWide div#content div.related div.column { float: left; width: 214px; margin: 0 15px 0 21px; } body.twoColumnWide div#content div.related h3, .subHub #content .singleBox h4 { color: #333; border-bottom: 1px solid #74AE00; font-size: 1.167em; margin: 19px 15px 15px 21px; padding: 0 0 4px 0; } body.twoColumnWide div#content div.related h4 { color: #888; } body.twoColumnWide div#content div.related ul.internalLinks li, body.twoColumnWide div#content div.related ul.externalLinks li, body.twoColumnWide div#content div.related ul.downloadLinks li, body.twoColumnWide div#content div.related ul.pdfLink li, body.twoColumnWide div#content div.related .column p { background: none; border-bottom:1px solid #EFEFEF; list-style:none; margin:0 0 8px; padding: 0; } body.twoColumnWide div#content div.related ul.internalLinks li a, body.twoColumnWide div#content div.related ul.externalLinks li a, body.twoColumnWide div#content div.related ul.downloadLinks li a, body.twoColumnWide div#content div.related ul.pdfLink li a { background:transparent url(/images/so_arrow-pink-right.gif) no-repeat scroll 0 4px; color: #000; display:block; margin: 0; padding:0 0 8px 15px; text-decoration:none; } body.twoColumnWide div#content div.related ul.internalLinks li a:hover, body.twoColumnWide div#content div.related ul.externalLinks li a:hover, body.twoColumnWide div#content div.related ul.downloadLinks li a:hover, body.twoColumnWide div#content div.related ul.pdfLink li a:hover { background-image:url(/images/so_arrow-green-right.gif); color:#74AE00; } body.twoColumnWide div#content div.related ul.externalLinks li a { background-image:url(/images/so_external_link.gif); background-position:0 2px; } body.twoColumnWide div#content div.related ul.externalLinks li a { background-image:url(/images/so_external_link.gif); background-position:0 2px; } body.twoColumnWide div#content div.related ul.downloadLinks li a, body.twoColumnWide div#content div.related ul.pdfLink li a { background-image:url(/images/so_download_link.gif); background-position:0 2px; } body.twoColumnWide div#content div.related ul.downloadLinks li a:hover, body.twoColumnWide div#content div.related ul.pdfLink li a:hover { background-image:url(/images/so_download_link_hover.gif); } /* single box styles, within main content */ .subHub #content .singleBox h3 { font-size: 1em; color: #888888; } .subHub #content .singleBox h3, .subHub #content .singleBox p, .subHub #content .singleBox div.column, .subHub #content .singleBox ul { width: 214px; margin: 0 15px 0 21px; } .subHub #content .singleBox p a { padding-left: 15px; } .subHub #content .singleBox ul li { background:none; padding: 0; } .subHub #content .singleBox ul li a { padding-left: 15px; color: #000000; text-decoration: none; display: block; } .subHub #content .singleBox ul.internalLinks li a { background:transparent url(/images/so_arrow-pink-right.gif) no-repeat scroll 0 4px; } .subHub #content .singleBox ul.externalLinks li a { background:transparent url(/images/so_external_link.gif) no-repeat scroll 0 2px; } .subHub #content .singleBox ul.pdfLink li a { background:transparent url(/images/so_download_link.gif) no-repeat scroll 0 2px; } .subHub #content .singleBox ul.internalLinks li a:hover, .subHub #content .singleBox ul.externalLinks li a:hover, .subHub #content .singleBox ul.pdfLink li a:hover { color: #74AE00; background:transparent url(/images/so_arrow-green-right.gif) no-repeat scroll 0 4px; } /* with extra div.column */ .subHub #content .singleBox div.column { float: left; } .subHub #content .singleBox div.column ul { margin: 0; } .subHub #content .singleBox div.column h3, .subHub #content .singleBox div.column p { width: auto; margin: 0; } /* Modifications to Careers home page ------------------------------------------- */ body.stylesCareersHomePage div#contentWrapper div#content { background:none; min-height:0; } #flash-panels-container { margin-bottom: 0px; overflow:hidden; } .stylesCareersHomePage div#homepage-flash-version, .stylesCareersHomePage div#homepage-flash-version-base-wrap, .stylesCareersHomePage div#homepage-flash-version-content-wrap { height:360px; width:720px; } .stylesCareersHomePage div#homepage-flash-version-content-wrap { height: 100%; } .stylesCareersHomePage div#homepage-flash-version { float:left; margin-bottom: 20px; } .stylesCareersHomePage div#flash-panels-container { float: left; background: url(/images/career-panels-bg.png) repeat-x top left; } div#secondaryContent div.purple li { list-style-type:none; } #careers-panels { float:left; width:215px; } div#secondaryContent div.purple, #careers-panels div { float: left; background:#6F1346 url(../../images/bg_careers_homepage_panel.jpg) repeat-x; } #careers-panels div { width: 188px; padding: 14px; } div#content #careers-panels h2 { color:#FFF; font-size:1.3em; margin-bottom:4px; } div#secondaryContent div.purple h3, div#secondaryContent div.purple h4 { border:none; color:#fff; } div#secondaryContent div.purple p, div#content #careers-panels p { color:#FFF; font-size:1em; } div#secondaryContent div.purple ul, div#content #careers-panels ul { position:relative; top:-2em; } div#secondaryContent div.purple ul { margin-left:-15px; } div#secondaryContent div.purple li, #careers-panels li { margin: 0 0 2px; } div#secondaryContent div.purple li a, div#secondaryContent div.purple li input, #careers-panels li a, #careers-panels li input { background:#74AE01; display:inline-block; color:#FFF; font-weight: bold; padding: 2px 15px; text-decoration:none; width:120px; } div#secondaryContent div.purple li input, #careers-panels li input { width:auto; padding:2px 14px 2px 7px; margin:0; font-size:1em; background:#74AE01 url(../../images/so_arrow-ico.gif) no-repeat right; border:none; } @-moz-document url-prefix() { div#secondaryContent div.purple li input, #careers-panels li input { padding-top:1px; padding-bottom:1px; } } div#secondaryContent div.purple li input.over, #careers-panels li input.over { background-color:#568000; cursor:pointer; } div#secondaryContent div.purple li a.selectLink, #careers-panels li a.selectLink { background:#74AE01 url(../../images/so_arrow-ico-active.gif) no-repeat right; } div#secondaryContent div.purple li select.selectLink, #careers-panels li select.selectLink { background-color: #74AE01; margin:0; width:150px; z-index:1000; border:1px solid #74AE01; color:#fff; font-weight:bold; font-size:1em; padding-left:11px; } div#secondaryContent div.purple li select.selectLink option, #careers-panels li select.selectLink option { padding-left: 14px; font-weight:normal; background-color:#fff; color:#000; } div#secondaryContent div.purple li select.selectLink option.first, #careers-panels li select.selectLink option.first { background:#74AE01; color:#fff; } div#secondaryContent div.purple li a:hover { color:#fff; } div#secondaryContent div.purple ul { top:30px; } div#secondaryContent div.purple ul.externalLinks li { border:none; } .sIFR-hasFlash body.stylesCareersHomePage #content h1 { font-size:1em; margin-bottom:0; } body.stylesCareers div#content ul.arrowList li { background: url("/images/so_link-arrow-off.gif") 5px 4px no-repeat; padding-left: 15px; width: 163px; } body.stylesCareersHomePage div#content div.locations img { margin-bottom:10px; } body.stylesCareersHomePage div#content div.locations p { margin-bottom:2px; } body.stylesCareersHubPage div.locations form, body.stylesCareersHomePage div.locations form { float: left; margin-bottom:10px; } body.stylesCareersHubPage div.locations select, body.stylesCareersHomePage div.locations select { float:left; width: 150px; margin: 0 5px 0 0; } body.stylesCareersHubPage div.locations input, body.stylesCareersHomePage div.locations input { font-size: 0.9em; height: auto; padding: 0 2px; vertical-align:top; } body.stylesCareersHomePage div#content #careershomemenulinks { left: 0; overflow: hidden; position: absolute; top: 300px; width:760px; } body.stylesCareersHomePage div#content #careershomemenulinks li { background: url(/images/careershomemenu-bg.png) no-repeat; color: #fff; cursor: pointer; display: block; float: left; height: 37px; line-height: 34px; margin-left: 20px; text-align: center; text-shadow: 0 1px #4c5f26; width: 153px; } body.stylesCareersHomePage #careershomemenu li { display: block; list-style: none; } body.stylesCareersHomePage #careershomemenu ul { margin: 0; overflow: auto; zoom: 1; float: left; } body.stylesCareersHomePage #careershomemenu ul li { background-color: #FFFFFF; float: left; margin-left: 0; padding-top: 0; -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; width: 20%; } body.stylesCareersHomePage #careershomemenu ul li a { display: block; padding: 10px 20px; text-decoration: none; } body.stylesCareersHomePage #careershomemenu ul li a:hover { background: #ea8900 url("/images/so_media-menu-bg-active.gif") repeat-x left top; color: #FFFFFF; } body.stylesCareersHomePage #careershomemenu ul li span { display: block; } body.stylesCareersHomePage #careershomemenu ul li span.mediaTitle { padding-left: 20px; } body.stylesCareersHomePage #careershomemenu ul li span.mediaDesc { color: #000000; font-size: 90%; } body.stylesCareersHomePage #careershomemenu ul li a:hover span.mediaDesc { color: #FFFFFF; } body.stylesCareersHomePage #careershomemenu ul li span.mediaTitle { display: block; background-position: 0px 3px; background-repeat: no-repeat; } body.stylesCareersHomePage #careershomemenu ul li.photo span.mediaTitle { background-image: url("/images/so_photo-ico.gif"); } body.stylesCareersHomePage #careershomemenu ul li.video span.mediaTitle { background-image: url("/images/so_video-ico.gif"); } body.stylesCareersHomePage #careershomemenu ul li.audio span.mediaTitle { background-image: url("/images/so_audio-ico.gif"); } body.stylesCareersHomePage #careershomemenu ul li.photo a:hover span.mediaTitle { background-image: url("/images/so_photo-ico-active.gif"); } body.stylesCareersHomePage #careershomemenu ul li.video a:hover span.mediaTitle { background-image: url("/images/so_video-ico-active.gif"); } body.stylesCareersHomePage #careershomemenu ul li.audio a:hover span.mediaTitle { background-image: url("/images/so_audio-ico-active.gif"); } body.stylesCareersHomePage #careershomemenu li.hidden { position: relative; left: auto; margin-bottom: 310px; } body.stylesCareersHomePage #careershomemenu li.hidden h2 { background: #74ae00 url("/images/so_arrow-ico.gif") no-repeat 10px center; } body.stylesCareersHomePage #careershomemenu li.hidden ul { position: absolute; display: block; min-height: 125px; height: 125px; border-left: 1px solid #eee; } body.stylesCareersHomePage #careershomemenu li.hidden ul li { position: absolute; left: -1000em; } body.stylesCareersHomePage #careershomemenu li.jsactive h2 { cursor: pointer; } body.stylesCareersHomePage #careershomemenu li h2 { margin-bottom: 0; } body.stylesCareersHomePage #careershomemenu li ul li { background: white; } body.stylesCareersHomePage #careershomemenu li.hover h2 { background-color: #649209; } /* Modifications to Apply page ------------------------------------------- */ #graduates, #experienced { background:#FFF; border-left:1px solid #FFEC19; border-top:1px solid #FFEC19; margin-bottom:20px; overflow:hidden; padding:12px; width:656px; } div#content #graduates h2, div#content #experienced h2 { color:#333; } body.lowerPage #content dl.apply-process { margin-bottom: 10px; overflow: hidden; position: relative; zoom: 1; } body.lowerPage #content dl.apply-process dt { background: url(/images/apply-process-bg.png) no-repeat left center; border: none; color: #333; display: table; float: left; font-family: Tahoma, Arial, sans-serif; font-size: 1.1667em; /* 14px */ line-height: 1.0714; height: 30px; margin: 0 0 0 -16px; position: relative; text-align: center; } body.lowerPage #content dl.apply-process dt:hover, body.lowerPage #content dl.apply-process dt.ieHover { color: #FFF; } body.lowerPage #content #experienced dl.apply-process dt { padding: 5px 43px 7px; } body.lowerPage #content #graduates dl.apply-process dt { padding: 5px 33px 7px; } body.lowerPage #content dl.apply-process dt:hover { background-image: url(/images/apply-process-bg-hover.png); } body.lowerPage #content dl.apply-process dt.offer { background-image: url(/images/apply-process-bg-offer.png); cursor: auto; line-height: 30px; color: #FFF; } body.lowerPage #content dl.apply-process dd { display: none; } #graduates img.map, #experienced img.map { margin-bottom:10px; } body.stylesCareers #content #graduates .content, body.stylesCareers #content #experienced .content { padding:0; width: auto; } #graduates ul, #experienced ul { float:right; width:200px; } body.lowerPage div#content #graduates ul li, body.lowerPage div#content #experienced ul li, body.lowerPage div#content .info ul li { margin-bottom:2px; } /* Tool tip */ #tooltip { background: #fff; border: solid #cfcfcf; border-width: 0 1px 1px 0; padding: 4px; position: absolute; z-index: 3000; } #tooltip .body { background: #ffb400; color: #333; padding: 10px 15px; width: 230px; } #tooltip.offer .body { background: #74ae00; color: #FFF; } #find-a-job { background:#6F1346 url(/images/bg_find_a_job.jpg) no-repeat; margin-bottom:42px; padding:15px; width:642px; clear:both; } div#content #find-a-job h2 { color:#FFF; } div#content #find-a-job p { color:#FFF; width:200px; } #fraud-warning { float:left; margin-right:20px; width:450px; } body.stylesCareersApply div#content div.info h2 { color:#333; } /* Modifications to departments page ------------------------------------------- */ #content #departments { margin-bottom: 0; padding-bottom: 10px; overflow: auto; } #content #departments li { float: left; line-height: 1.3333; margin: 0 20px 20px 0; padding: 10px 0 0 45px; position: relative; width: 169px; } #departments li div.dep-extra { background: #fff; border: 1px solid #e0e0e0; bottom: 5px; left: 5px; position: absolute; right: 5px; top: 0; z-index: -1; } #departments li div.dep-wrap { border: solid #b83b7f; border-width: 0 5px 5px 0; color: #333; display: block; min-height: 64px; padding: 10px 4px 10px 14px; text-decoration: none; } #departments li div.dep-wrap:hover, #departments li div.dep-wrap-hover { background: #a42966 url(/images/dep-bg-hover.png) repeat-x right top; border: none; color: #fff; padding-bottom: 15px; padding-right: 10px; } #departments li div.dep-wrap span { display: block; } #departments li div.dep-wrap a.heading { background: none; color: #333; display: block; font-size: 1.3333em; line-height: 1; padding: 0; } #departments li div.dep-wrap:hover a.heading, #departments li div.dep-wrap-hover a.heading { color: #fff; } #departments li div.dep-wrap img { display: block; left: 0; position: absolute; top: 10px; } #departments li div.dep-wrap a { background: url(/images/so_arrow-pink-right.gif) no-repeat left center; color: #fff; display: none; padding-left: 10px; text-decoration: none; } #departments li div.dep-wrap a:hover { text-decoration: underline; } #departments li div.dep-wrap:hover a, #departments li div.dep-wrap-hover a { display: block; } #departments li div.dep-wrap:hover span.text, #departments li div.dep-wrap-hover span.text { display: none; } div.process img { display: block; margin-bottom: 12px; } /* Search box autocomplete styles ------------------------------------------------------*/ .ac_results { padding: 0px; overflow: hidden; z-index: 99; border: 13px solid #e400a7; border-top-width: 0; border-left-width: 0; margin-top: -23px; padding-top: 23px; } .ac_results ul { background-color: #fff; list-style-position: outside; list-style: none; padding: 6px; margin: 0 0 -6px; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; border-bottom: 1px solid #efefef; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_results li:hover { cursor: pointer; } .ac_results li strong { font-weight: normal; } .ac_loading { background: white url('/images/so_indicator.gif') right center no-repeat; } .ac_over { background-color: #568000; color: #fff; } /* dotNet Form Field Styles */ div.mainform div.TextBoxstyle, div.mainform div.TextAreastyle, div.mainform div.DropDownListstyle, div.mainform div.RadioButtonListstyle, div.mainform div.CheckBoxListstyle { margin: 0 0 18px; overflow: hidden; } div.mainform div.TextBoxstyle input { width: 200px; border: 1px solid #B9D67F; } div.mainform div.TextAreastyle textarea { width: 270px; border: 1px solid #B9D67F; padding: 0; } div.mainform div.DropDownListstyle select { border: 1px solid #B9D67F; width: 204px; } /* dotNet Form styles */ div.mainform div.introduction { color: #888888; font-size: 16px; line-height: 1.3; margin-bottom: 30px; } div.mainform div.ValidationSummary { background:url(/images/so_error.gif) no-repeat 0 0; color: #f44b01; padding: 0 0 1em 24px; } div.mainform div.ValidationSummary span { font-size: 1.5em; color: #f44b01; } div.mainform div.requiredfieldtext { position: relative; } div.mainform div.requiredfieldtext span { left: 270px; padding-left: 24px; position: absolute; top: 15px; width: 190px; } div.mainform fieldset { position: relative; overflow: hidden; width: 470px; border-top: 1px solid #B8D67C; margin: 0 0 18px; padding: 40px 0 0 0; } div.mainform fieldset.first { border-top:3px solid #74AE00; } div.mainform fieldset.last { margin: 0 0 2px; border-bottom:3px solid #74AE00; } div.mainform legend { color: #0682B6; font-size: 1.417em; /*17px*/ } div.mainform legend span { position: absolute; left: 0; margin: 10px 0 0; } div.mainform label { padding-left: 2em; margin-right: 1em; width: 148px; display: block; float: left; text-align: left; position: relative; } div.mainform td label { margin-right: 1em; padding: 0 1em; width: 150px; float: none; display: inline; } div.mainform div.radiobuttonliststyle label { display: inline; float: none; text-align:right; } div.mainform div.radiobuttonliststyle input { display: inline; float: none; text-align:left; } div.mainform span.rblstyle label { float: none; display: inline; position: absolute; padding-left:200px } div.mainform span.cblstyle label { float: none; display: inline; position: absolute; } div.mainform input.submitbutton { float:right; background: #E400A7; border: none; color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 0.9em; font-weight: bold; height: auto; width: auto; vertical-align: top; } div.mainform input.submitbutton:hover { background: #568000; cursor: pointer; } div.mainform .requiredfield { background: url("/images/so_required.gif"); background-repeat: no-repeat; background-position: 2px 2px; } div.mainform .validation { color: #F44B01 !important; } div.mainform span.validation { background: transparent url(/images/so_error2.gif) no-repeat scroll left top; clear: both; color: #F44B01; display: block; margin: 10px 0 0 185px; padding: 0 0 0 12px; width: 275px; } div.mainform .headdy { color: #ea8900; font-size:3.24em; font-stretch:wider; font-weight:lighter; } div.mainform div.introtext { margin: 0 0 1em; } div.mainform div.policy { float: left; overflow: hidden; width: 100%; margin: 24px 0 0; } /* dotNet Ajax Caledar Control Styles */ div.mainform .Calendar .ajax__calendar_container { border:1px solid #646464; background-color: #FFFFCC; color: red; } div.mainform .Calendar .ajax__calendar_other .ajax__calendar_day, div.mainform .Calendar .ajax__calendar_other .ajax__calendar_year { color: black; } div.mainform .Calendar .ajax__calendar_hover .ajax__calendar_day, div.mainform .Calendar .ajax__calendar_hover .ajax__calendar_month, div.mainform .Calendar .ajax__calendar_hover .ajax__calendar_year { color: black; } div.mainform .Calendar .ajax__calendar_active .ajax__calendar_day, div.mainform .Calendar .ajax__calendar_active .ajax__calendar_month, div.mainform .Calendar .ajax__calendar_active .ajax__calendar_year { color: black; font-weight:bold; } /* google map canvas */ #map_canvas { width: 690px; height: 350px; margin-top: -80px; } /* Concertina module */ .expandableTrigger { cursor: pointer; border-top: 1px solid #d5e7b2; padding: 0.417em 0 0.334em 1.833em; background: url('/images/so_arrow-pink-right.gif') no-repeat 6px 7px; } .expandableTrigger h4 { color: #e400a7; } .expandableTrigger img { float: left; padding: 5px 10px 5px 0; } .expandableTrigger p { overflow: hidden; margin-top: 0 !important; } .expandableOpen .expandableTrigger { background-image: url('/images/so_arrow-pink-down.gif'); overflow: hidden; } .expandableContent { overflow: hidden; height: 0; display: none; } .expandableOpen .expandableContent { height: auto; display: block; } .expandableContent img { float: left; padding: 5px 10px 1.083em 10px; } .indented .expandableContent { padding-left: 121px; } /* Media Centre: Media team */ body div#secondaryContent .mediaContacts { margin-top: -104px; } .mediaContacts .duoBoxes { border-top: 1px solid #d5e7b2; padding-top: 15px; } div#content div.mediaTeam { padding-top: 0; } div#content .mediaTeam a { text-decoration: none; } div#content .mediaTeam li { background: none !important; padding-left: 0 !important; border-bottom: 1px solid #74ae00; } div#content .mediaTeam .person { padding-top: 20px; margin-bottom: 0; } div#content .mediaTeam h3 { color: #333; float: left; width: 320px; } .mediaTeam .contact { overflow: hidden; padding-top: 1.584em; } .mediaTeam li img.headshot { float: right; } div#content .mediaTeam .contact li { margin-bottom: 0.417em !important; border: none; } .mediaTeam .contact .vcard { padding-left: 1.417em; background: url('/images/vcard_ico.gif') no-repeat 0 40%; } .mediaTeam .expandableContent { background: #f6f6f6; border-top: 1px solid #d5e7b2; margin-bottom: 5px; } div#content .mediaTeam .expandable div p { margin-bottom: 1.75em; margin: 15px 30px 1.083em 10px; } /* Social media module */ .socialMedia { background: #b83b80 url('/images/gradient_pink_bg.png') no-repeat 0 0; color: white; margin-bottom: 1em; padding: 0 0 21px 0; } .socialMedia .heading { position: relative; } .socialMedia h2 { color: white !important; font-size: 1.334em; padding: 14px 15px; font-weight: bold; margin-bottom: 0 !important; } .socialMedia .button { background: #7fad00; font-weight: bold; color: white; text-decoration: none; padding: 4px 12px; } .socialMedia .heading .button { position: absolute; right: 17px; bottom: 14px; padding: 2px 7px; } .socialMedia .sources { padding: 0 15px 8px 15px; list-style-type: none; } .socialMedia .sources li { background: url('/images/white_right_arrow.gif') no-repeat 40px 3px; padding-bottom: 11px; } .socialMedia .sources a { color: white; text-decoration: none; padding-left: 48px; display: block; } .socialMedia .sources a strong { display: block; font-weight: bold; } .socialMedia .sources .rss a { background: url('/images/rss_icon.png') no-repeat 0 0; } .socialMedia .sources .twitter a { background: url('/images/twitter_icon.png') no-repeat 0 0; } .socialMedia .twitterFeed { color: #333; background: white; margin: 0 9px 0 8px; padding: 7px 7px 0 7px; } .socialMedia .twitterFeed h3 { font-size: 1.334em; color: #333 !important; border-bottom: 1px solid #7fb80c; padding: 10px 0 8px 0; } .socialMedia .twitterFeed li { padding: 1px 0 4px 25px; border-bottom: 1px solid #e9e9e9; margin-bottom: 9px; list-style-type: none; background: url('/images/tweet_icon.png') no-repeat 1px 0; } .socialMedia .twitterFeed li a { text-decoration: none; } .socialMedia .twitterFeed li.last { border-bottom: none; margin-bottom: 0; padding-bottom: 17px; } .socialMedia .twitterFeed a.button { float: left; margin-top: -9px; margin-left: -7px; } /* Social media module hub content area */ .hubRow .socialMedia { margin: 0 10px; float: left; width: 464px; background: #e400a7 url('/images/so_horizontal-bg-purple-texture.gif') no-repeat 100% 100%; } .hubRow .socialMedia .heading { overflow: hidden; } .hubRow .socialMedia .heading h2 { padding-top: 11px; float: left; padding-right: 1.5em; } .hubRow .socialMedia .heading .button { position: relative; top: 14px; } .hubRow .socialMedia .sources { overflow: hidden; margin-bottom: 0 !important; padding-bottom: 0; } .hubRow .socialMedia li { width: 216px; float: left; display: block; background-position: 59px 5px; padding-bottom: 0; } .hubRow .socialMedia li a { padding: 2px 20px 0 69px; min-height: 49px; } .hubRow .socialMedia .sources .rss a { background: url('/images/so_rss-feed-ico.gif') no-repeat 0 0; } .hubRow .socialMedia .sources .twitter a { background: url('/images/twitter-ico.png') no-repeat 0 0; } /* Investis charts */ .chartimageprint{display:none;} /*Developer ----------------------------------------------------*/ /* style-.css */ .hasVideoWide1 div.heroPanel div.heroPanelContentLarge div.heroPanelImage, .hasVideoWide2 div.heroPanel div.heroPanelContentLarge div.heroPanelImage, .hasVideoWide3 div.heroPanel div.heroPanelContentLarge div.heroPanelImage { top: -70px; } hasVideo1 div.heroPanel div.heroPanelContentLarge div.heroPanelLogo { left:810px; top:180px; } .hasVideo1.hasVideoWide1 div.heroPanel div.heroPanelContentLarge div.heroPanelLogo { left:810px; top:128px; } .hasVideo2 div#heroPanel2 div.heroPanelContentLarge div.heroPanelLogo { left: 868px!important; } .hasVideo3 div#heroPanel3 div.heroPanelContentLarge div.heroPanelLogo { left:864px; top:199px;} .hasVideo1 div#heroPanel2 div.heroPanelContentSmall {top: 361px!important; left:511px!important; } .hasVideo1.hasVideoWide1 div#heroPanel2 div.heroPanelContentSmall {top: 310px!important; left:511px!important; } .hasVideo1 div#heroPanel3 div.heroPanelContentSmall { top:353px!important; left: 681px!important; } .hasVideo1.hasVideoWide1 div#heroPanel3 div.heroPanelContentSmall { top:302px!important; left: 681px!important; } .hasVideo2 div#heroPanel1 div.heroPanelContentSmall { top: 361px!important; left:670px!important; } .hasVideo2.hasVideoWide2 div#heroPanel2 div.heroPanelContentSmall {top: 319px!important; left:511px!important; } .hasVideo2 div#heroPanel3 div.heroPanelContentSmall { top: 353px!important; left:473px!important; } .hasVideo2.hasVideoWide2 div#heroPanel3 div.heroPanelContentSmall { top:311px!important; left: 473px!important; } .hasVideo3 div#heroPanel1 div.heroPanelContentSmall {left:688px !important;top:361px !important; } .hasVideo3.hasVideoWide3 div#heroPanel2 div.heroPanelContentSmall {top: 319px!important; left:688px!important; } .hasVideo3 div#heroPanel2 div.heroPanelContentSmall { top:361px!important; left: 510px!important;} .hasVideo3.hasVideoWide3 div#heroPanel3 div.heroPanelContentSmall { top:311px!important; left: 510px!important; } /* UL: fix hubNav column spacing */ div.hubMainMenu ul.linksList { margin: 0 100px 0 0 !important; } /* UL: hubMainMenu fix - Media Centre */ body.stylesMediaCentre div.hubMainMenu { margin-top: 50px; } ----------------------------------------------------*/ /*Print basket ----------------------------------------------------*/ #printBasketLinks { float: right; display: inline; width: 120px; margin-top:-50px; } #printBasketLinks ul li a { text-decoration: none; } #printBasketLinks ul li { list-style: none; } #printBasketLinks ul li span.title { font-weight: bold; } span.icon_add { background: transparent url(/images/icon_add.gif) no-repeat scroll left; padding: 0 0 0 14px; margin-left: 4px; } span.icon_basket { background: transparent url(/images/icon_basket.gif) no-repeat scroll left; padding: 0 0 0 18px; } .printBasket{ text-align:center; } .printBasket table{ width:100%; margin:0 0 1.05em 0; text-align:left; } .printBasket table thead{ background:none; } .printBasket table tr{ background-color:#F1F0FD; } .printBasket table tr th{ background-color:#AEB5FD; padding:0.3em 0.3em; text-align:center; } .printBasket table tr .emptyTH{ background:none; } .printBasket table tr th .hidden{ width: 1px !important; height: 1px !important; overflow: hidden !important; position: absolute !important; left: -10000px; } .printBasket table tr td.col2{ text-align: left; } .printBasket table tr td.printAll{ text-align: right; background-color: #ffffff; padding-right: 10px; } .printBasket table tr td{ padding:0.3em 0 0.3em 10px; border-top:2px solid #FFFFFF; text-align:center; } .printBasket table tr td img{ position:relative; top:1px; } #col01{ width:80px; } #col02{ width:285px; text-align: left; padding-left: 10px; } #col03{ width:60px; } #col04{ width:50px; } .printPreviewSummary{ border-top:2px solid #AEB5FD; border-bottom:2px solid #AEB5FD; width:100%; padding:0.5em 0 0.3em 0; margin:3.5em 0 3.3em 0; } .printPreviewSummary a{ float:right; margin-right:15px; display:inline; } .printPreviewSummary h2{ font-size:1.1em !important; font-weight:bold; color:#564DB0 !important; margin:4px 0 0.5em 16px !important; float:left; } .printPreviewSummary p{ margin-left:16px; } .printAllESBox{ background-color:#F1F0FD; margin:0pt auto 30px; padding:0pt 0pt 10px; } .printAllESBox h2{ font-weight:bold; font-size:1.09em !important; line-height:1.1em; background-color:#AEB5FD; color:#564DB0 !important; margin-bottom:5px; padding:5px 15px; text-align:left; } .printAllESBox p{ line-height:1.4em; margin-right:15px; margin-left:15px; } .printBasket table tr td.move_down { text-align:right; padding-right:10px; width: 20px; } .printBasket table tr td.move_up { text-align: left; padding-left: 0px; width: 40px; } table.printTable td.col2 { text-align:left; } /* IMage rollover addition J Scott 22-04-08 ----------------------------------------------------------------------------- */ .textrollover{ position:relative; overflow:hidden; } .values .textrolloverContent{ position:absolute; left:0px; top:0px; z-index:2; border-top:5px solid #78d701; } .company .textrolloverContent{ position:absolute; left:0px; top:0px; z-index:2; border-top:5px solid #fd02e8; } .brands .textrolloverContent{ position:absolute; left:0px; top:0px; z-index:2; border-top:5px solid #ff9900; } .textrollover p { background-color:#555555; clear:none; color:#FFFFFF; font-weight:normal !important; margin:0; opacity:0.8; padding: 5px 5px 8px 5px; text-align:left; z-index:2; } .textrollover img { z-index:1; } /* fixes the width of the home page anchor links for each of the topics (when small), previously cropping text */ body.stylesHomePage div.heroPanel div.heroPanelContentSmall a.heroPanelOpenLink { width: 45px; } /* fix the country list for mba home page */ body.stylesCareersHomePage #careershomemenu ul { width:100%; } /* Form Field Styles */ div.mainform label.requiredfield { } div.mainform div.TextBoxstyle, div.mainform div.TextAreastyle, div.mainform div.DropDownListstyle, div.mainform div.RadioButtonListstyle, div.mainform div.CheckBoxListstyle { margin: 0 0 18px; overflow: hidden; } div.mainform div.TextBoxstyle input { width: 200px; border: 1px solid #B9D67F; } div.mainform div.TextAreastyle textarea { width: 270px; border: 1px solid #B9D67F; padding: 0; } div.mainform div.DropDownListstyle select { border: 1px solid #B9D67F; width: 204px; } div.mainform div.RadioButtonListstyle { } div.mainform div.CheckBoxListstyle { } /* Form styles */ div.mainform div.introduction { color: #888888; font-size: 16px; line-height: 1.3; margin-bottom: 30px; } div.mainform div.ValidationSummary { background:url(/images/so_error.gif) no-repeat 0 0; color: #f44b01; padding: 0 0 1em 24px; } div.mainform div.ValidationSummary span { font-size: 1.5em; color: #f44b01; } div.mainform div.requiredfieldtext { position: relative; } div.mainform div.requiredfieldtext span { left: 270px; padding-left: 24px; position: absolute; top: 15px; width: 190px; } div.mainform fieldset { position: relative; overflow: hidden; width: 470px; border-top: 1px solid #B8D67C; margin: 0 0 18px; padding: 40px 0 0 0; } div.mainform fieldset.first { border-top:3px solid #74AE00; } div.mainform fieldset.last { margin: 0 0 2px; border-bottom:3px solid #74AE00; } div.mainform legend { color: #0682B6; font-size: 1.417em; /*17px*/ } div.mainform legend span { position: absolute; left: 0; margin: 10px 0 0; } div.mainform label { padding-left: 2em; margin-right: 1em; width: 148px; display: block; float: left; text-align: left; position: relative; } div.mainform td label { margin-right: 1em; padding: 0 1em; width: 150px; float: none; display: inline; } div.mainform div.radiobuttonliststyle label { display: inline; float: none; text-align:right; } div.mainform div.radiobuttonliststyle input { display: inline; float: none; text-align:left; } div.mainform span.rblstyle label { float: none; display: inline; position: absolute; padding-left:200px } div.mainform span.cblstyle label { float: none; display: inline; position: absolute; } div.mainform input.submitbutton { float:right; background: #E400A7; border: none; color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 0.9em; font-weight: bold; height: auto; width: auto; vertical-align: top; } div.mainform input.submitbutton:hover { background: #568000; cursor: pointer; } div.mainform .requiredfield { background: url("/images/so_required.gif"); background-repeat: no-repeat; background-position: 2px 2px; } div.mainform .validation { color: #F44B01 !important; } div.mainform span.validation { background: transparent url(/images/so_error2.gif) no-repeat scroll left top; clear: both; color: #F44B01; display: block; margin: 10px 0 0 185px; padding: 0 0 0 12px; width: 275px; } div.mainform .headdy { color: #ea8900; font-size:3.24em; font-stretch:wider; font-weight:lighter; } div.mainform div.introtext { margin: 0 0 1em; } div.mainform div.policy { float: left; overflow: hidden; width: 100%; margin: 24px 0 0; } /* Ajax Caledar Control Styles */ div.mainform .Calendar .ajax__calendar_container { border:1px solid #646464; background-color: #FFFFCC; color: red; } div.mainform .Calendar .ajax__calendar_other .ajax__calendar_day, div.mainform .Calendar .ajax__calendar_other .ajax__calendar_year { color: black; } div.mainform .Calendar .ajax__calendar_hover .ajax__calendar_day, div.mainform .Calendar .ajax__calendar_hover .ajax__calendar_month, div.mainform .Calendar .ajax__calendar_hover .ajax__calendar_year { color: black; } div.mainform .Calendar .ajax__calendar_active .ajax__calendar_day, div.mainform .Calendar .ajax__calendar_active .ajax__calendar_month, div.mainform .Calendar .ajax__calendar_active .ajax__calendar_year { color: black; font-weight:bold; } #fadeshow1 { left: -177px; top: 85px; position: absolute !important; border: 2px solid white; } .gallerylayer { background:#fff !important;} /*#aboutus #content ul { margin-left: 40px; } */ #aboutus .in-line li { float: left !important; margin-right: 25px; } .leckerli { font-family: 'Leckerli One', cursive; } .tab-space { margin-left: 10px } .list li { float: none; } #sitemap li { margin-bottom: 5px; } #contact-form { background: url(../images/bg-contact-form.png) no-repeat top; width: 508px; height: 249px; padding-top: 90px; padding-left: 92px; } #contact-us #contact-form input { background-color: transparent; border: 0 none; width: 210px; margin-left: 5px; margin-top: 4px; color: #ffffff; } #Email { margin-top: 6px !important; } #Comment { background-color: transparent; border: 0 none; margin-top: 11px !important; height: 75px; margin-left: 4px; width: 350px; color: #ffffff; } .submit-button { background: url(../images/sent_it.png) no-repeat top; text-indent: -9999px; height: 47px; float: right; margin-right: 98px; margin-top: 13px !important; } .brandsList { margin-left: 30px; } #marketing, .page { font-size: 14px; } .brandsList li, .page li { background: url(../images/bullet.png) left no-repeat; padding: 5px 0 5px 15px; list-style: none; } .leckerli { color: #0682B6; } .brandsList2 { margin-left: 0 !important; } #content { padding: 0 10px 0; } .clear { clear: both; } ul#prod-left, ul#prod-right { float: left; width: 35%; } ul#prod-left li, ul#prod-right li { list-style: none; background: 0 none; } ul#prod-left li img, ul#prod-right li img { margin-right: 10px; float: left; } ul#prod-left li strong, ul#prod-right li strong { line-height: 68px; }