/** * Global Page Styles: * CSS File Contains * A) Main Page Header (div.pageHeaderOuter, div.pageHeaderInner) * B) Current Level Nav (div.bottom) * C) Background (div.contentContainer, faux columns) */ h2 { margin: 15px 15px 0 26px; } /* A) Main Page Header */ /* As a general rule, the div's only get height and span's only get padding */ /* GLOBALS */ div.pageHeaderOuter { width: 579px; } div.pageHeaderInner span { display: block; font: 11px Arial; color: #fff; } /* END OF GLOBALS */ /* HOMEPAGE */ /* In actuallity, the current height of the homepage is 223px */ body.Home div.pageHeaderOuter { height: 224px; background: left top no-repeat; } body.Home div.pageHeaderInner { height: 224px; background: url( ../img/home/homepage_headerclr.gif) right top no-repeat; } body.Home div.pageHeaderInner span { padding: 112px 10px 0 360px; } /* END OF HOMEPAGE */ /* WHO WE ARE */ body.WhoWeAre div.pageHeaderOuter { background: url( ../img/who_we_are/wwa_headerimg.jpg) left top no-repeat; } body.WhoWeAre div.pageHeaderInner { background: url( ../img/who_we_are/wwa_headerclr.gif) left bottom no-repeat; } body.WhoWeAre div.pageHeaderInner span { padding: 191px 6px 0 13px; } body.CultureAndValues div.pageHeaderOuter { height: 132px; background: url( ../img/who_we_are/culture_and_values/wwa_cv_headerimg.jpg) left top no-repeat; } body.CultureAndValues div.pageHeaderInner { height: 132px; background: url( ../img/who_we_are/culture_and_values/wwa_cv_headerclr.gif) right top no-repeat; } body.CultureAndValues div.pageHeaderInner span { padding: 0; } body.OurHistory div.pageHeaderOuter { height: 132px; background: url( ../img/who_we_are/our_history/wwa_his_headerimg.jpg) left top no-repeat; } body.OurHistory div.pageHeaderInner { height: 132px; background: url( ../img/who_we_are/our_history/wwa_his_headerclr.gif) right top no-repeat; } body.OurHistory div.pageHeaderInner span { padding: 0; } body.OurBrands div.pageHeaderOuter { height: 132px; background: url( ../img/who_we_are/our_brands/wwa_ob_headerimg.jpg) left top no-repeat; } body.OurBrands div.pageHeaderInner { height: 132px; background: url( ../img/who_we_are/our_brands/wwa_ob_headerclr.gif) right top no-repeat; } body.OurBrands div.pageHeaderInner span { padding: 0; } body.NestleWorldwide div.pageHeaderOuter { height: 132px; background: url( ../img/who_we_are/nestle_worldwide/wwa_nw_headerimg.jpg) left top no-repeat; } body.NestleWorldwide div.pageHeaderInner { height: 132px; background: url( ../img/who_we_are/nestle_worldwide/wwa_nw_headerclr.gif) right top no-repeat; } body.NestleWorldwide div.pageHeaderInner span { padding: 0; } body.EnvironmentalPolicy div.pageHeaderOuter { height: 132px; background: url( ../img/who_we_are/environmental_policy/wwa_ep_headerimg.jpg) left top no-repeat; } body.EnvironmentalPolicy div.pageHeaderInner { height: 132px; background: url( ../img/who_we_are/environmental_policy/wwa_ep_headerclr.gif) right top no-repeat; } body.EnvironmentalPolicy div.pageHeaderInner span { padding: 0; } /* END OF WHO WE ARE */ /* WHAT WE DO */ body.WhatWeDo div.pageHeaderOuter { background: url( ../img/what_we_do/wwd_headerimg.jpg) left top no-repeat; } body.WhatWeDo div.pageHeaderInner { background: url( ../img/what_we_do/wwd_headerclr.gif) left bottom no-repeat; } body.WhatWeDo div.pageHeaderInner span { padding: 191px 6px 0 13px; } body.BusinessStructure div.pageHeaderOuter { height: 132px; background: url( ../img/what_we_do/business_structure/wwd_bs_headerimg.jpg) left top no-repeat; } body.BusinessStructure div.pageHeaderInner { height: 132px; background: url( ../img/what_we_do/business_structure/wwd_bs_headerclr.gif) right top no-repeat; } body.BusinessStructure div.pageHeaderInner span { padding: 0; } body.OurCareers div.pageHeaderOuter { height: 132px; background: url( ../img/what_we_do/our_careers/wwd_oc_headerimg.jpg) left top no-repeat; } body.OurCareers div.pageHeaderInner { height: 132px; background: url( ../img/what_we_do/our_careers/wwd_oc_headerclr.gif) right top no-repeat; } body.OurCareers div.pageHeaderInner span { padding: 0; } body.CareerDetails div.pageHeaderOuter { height: 62px; background: url( ../img/what_we_do/our_careers/career_details/wwd_oc_oc_header.gif) left top no-repeat; } body.CareerDetails div.pageHeaderInner { height: auto; background: none; } body.CareerDetails div.pageHeaderInner span { padding: 0; } body.CareerMobility div.pageHeaderOuter { height: 132px; background: url( ../img/what_we_do/career_mobility/wwd_cm_headerimg.jpg) left top no-repeat; } body.CareerMobility div.pageHeaderInner { height: 132px; background: url( ../img/what_we_do/career_mobility/wwd_cm_headerclr.gif) right top no-repeat; } body.CareerMobility div.pageHeaderInner span { padding: 0; } body.CommunityInvolvement div.pageHeaderOuter { height: 132px; background: url( ../img/what_we_do/community_involvement/wwd_ci_headerimg.jpg) left top no-repeat; } body.CommunityInvolvement div.pageHeaderInner { height: 132px; background: url( ../img/what_we_do/community_involvement/wwd_ci_headerclr.gif) right top no-repeat; } body.CommunityInvolvement div.pageHeaderInner span { padding: 0; } /* END OF WHAT WE DO */ /* WHAT ITS LIKE */ body.WhatItsLikeHere div.pageHeaderOuter { background: url( ../img/what_its_like/wil_headerimg.jpg) left top no-repeat; } body.WhatItsLikeHere div.pageHeaderInner { background: url( ../img/what_its_like/wil_headerclr.gif) left bottom no-repeat; } body.WhatItsLikeHere div.pageHeaderInner span { padding: 191px 6px 0 13px; } body.OurWorkCulture div.pageHeaderOuter { height: 132px; background: url( ../img/what_its_like/our_work_culture/wil_owc_headerimg.jpg) left top no-repeat; } body.OurWorkCulture div.pageHeaderInner { height: 132px; background: url( ../img/what_its_like/our_work_culture/wil_owc_headerclr.gif) right top no-repeat; } body.OurWorkCulture div.pageHeaderInner span { padding: 0; } body.DiversityAtNwna div.pageHeaderOuter { height: 132px; background: url( ../img/what_its_like/diversity/wil_div_headerimg.jpg) left top no-repeat; } body.DiversityAtNwna div.pageHeaderInner { height: 132px; background: url( ../img/what_its_like/diversity/wil_div_headerclr.gif) right top no-repeat; } body.DiversityAtNwna div.pageHeaderInner span { padding: 0; } body.TeamPerspectives div.pageHeaderOuter { height: 132px; background: url( ../img/what_its_like/team_perspectives/wil_tp_headerimg.jpg) left top no-repeat; } body.TeamPerspectives div.pageHeaderInner { height: 132px; background: url( ../img/what_its_like/team_perspectives/wil_tp_headerclr.gif) right top no-repeat; } body.TeamPerspectives div.pageHeaderInner span { padding: 0; } body.EmployeeProfile div.pageHeaderOuter { height: 62px; background: url( ../img/what_its_like/team_perspectives/employee_profile/wil_tp_ep_headerclr.gif) left top no-repeat; } body.EmployeeProfile div.pageHeaderInner { height: auto; background: none; } body.EmployeeProfile div.pageHeaderInner span { padding: 0; } body.DistinctiveBenefits div.pageHeaderOuter { height: 132px; background: url( ../img/what_its_like/distinctive_benefits/wil_db_headerimg.jpg) left top no-repeat; } body.DistinctiveBenefits div.pageHeaderInner { padding: 0; height: 132px; background: url( ../img/what_its_like/distinctive_benefits/wil_db_headerclr.gif) right top no-repeat; } body.DistinctiveBenefits div.pageHeaderInner span { padding: 0; } body.CompensationAndSavings div.pageHeaderOuter { height: 62px; background: url( ../img/what_its_like/distinctive_benefits/compensation_and_savings/wil_db_cas_headerclr.gif) left top no-repeat; } body.CompensationAndSavings div.pageHeaderInner { height: auto; background: none; } body.CompensationAndSavings div.pageHeaderInner span { padding: 0; } body.Endorsements div.pageHeaderOuter { height: 132px; background: url( ../img/what_its_like/endorsements/wil_end_headerimg.jpg) left top no-repeat; } body.Endorsements div.pageHeaderInner { height: 132px; background: url( ../img/what_its_like/endorsements/wil_end_headerclr.gif) right top no-repeat; } body.Endorsements div.pageHeaderInner span { padding: 0; } body.HiringProcess div.pageHeaderOuter { height: 132px; background: url( ../img/what_its_like/hiring_process/wil_hp_headerimg.jpg) left top no-repeat; } body.HiringProcess div.pageHeaderInner { height: 132px; background: url( ../img/what_its_like/hiring_process/wil_hp_headerclr.gif) right top no-repeat; } body.HiringProcess div.pageHeaderInner span { padding: 0; } /* END OF WHAT ITS LIKE */ /* OTHER PAGES */ body.CareerSearch div.pageHeaderOuter { background: url( ../img/career_search/cs_headerimg.jpg) left top no-repeat; } body.CareerSearch div.pageHeaderInner { background: url( ../img/career_search/cs_belowheader.gif) left 162px no-repeat; } body.CareerSearch div.pageHeaderInner span { padding: 191px 6px 0 13px; } body.OurLocations div.pageHeaderOuter { height: 132px; background: url( ../img/our_locations/ol_headerimg.jpg) left top no-repeat; } body.OurLocations div.pageHeaderInner { height: 132px; background: url( ../img/our_locations/ol_headerclr.gif) right top no-repeat; } body.OurLocations div.pageHeaderInner span { padding: 0; } body.OtherNestleSites div.pageHeaderOuter { height: 132px; background: url( ../img/other_nestle_sites/ons_headerimg.jpg) left top no-repeat; } body.OtherNestleSites div.pageHeaderInner { height: 132px; background: url( ../img/other_nestle_sites/ons_headerclr.gif) right top no-repeat; } body.OtherNestleSites div.pageHeaderInner span { padding: 0; } body.FAQ div.pageHeaderOuter { height: 132px; background: url( ../img/faq/faq_headerimg.jpg) left top no-repeat; } body.FAQ div.pageHeaderInner { height: 132px; background: url( ../img/faq/faq_headerclr.gif) right top no-repeat; } body.FAQ div.pageHeaderInner span { padding: 0; } body.PrivacyPolicy div.pageHeaderOuter { height: 132px; background: url( ../img/privacy_policy/pp_headerimg.jpg) left top no-repeat; } body.PrivacyPolicy div.pageHeaderInner { height: 132px; background: url( ../img/privacy_policy/pp_headerclr.gif) right top no-repeat; } body.PrivacyPolicy div.pageHeaderInner span { padding: 0; } body.Legal div.pageHeaderOuter { height: 132px; background: url( ../img/legal/legal_headerimg.jpg) left top no-repeat; } body.Legal div.pageHeaderInner { height: 132px; background: url( ../img/legal/legal_headerclr.gif) right top no-repeat; } body.Legal div.pageHeaderInner span { padding: 0; } body.Error div.pageHeaderOuter { height: 62px; background: url( ../img/common/background/errorpage_headerclr.gif) left top no-repeat; } body.Error div.pageHeaderInner { height: auto; background: none; } body.Error div.pageHeaderInner span { padding: 0; } /* END OF OTHER PAGES */ /* A) End of Main Page Header */ /* B) Current Level Nav Header */ div.header div.bottom { background: #fff url( ../img/common/background/empty_header.jpg) left bottom no-repeat; height: 106px !important; } body.Home div.header div.bottom { background: #fff url( ../img/home/header.jpg) left bottom no-repeat; } body.WhoWeAre div.header div.bottom { background-image: url( ../img/who_we_are/header.jpg); } body.WhatWeDo div.header div.bottom { background-image: url( ../img/what_we_do/header.jpg); } body.WhatItsLikeHere div.header div.bottom { background-image: url( ../img/what_its_like/header.jpg); } body.CareerSearch div.header div.bottom { background-image: url( ../img/career_search/header.jpg); } body.OurLocations div.header div.bottom, body.PrivacyPolicy div.header div.bottom, body.SubNode div.header div.bottom, body.FAQ div.header div.bottom { background-image: url( ../img/common/background/empty_header.jpg); } /* End of Current Level Nav Header */ /* C) Backgrounds */ div.columnContainer { background: url( ../img/common/background/faux_column_empty.gif) left top repeat-y; } body.Home div.columnContainer { background: url( ../img/common/background/faux_column_empty.gif) left top repeat-y; } /* WHO WE ARE */ /* body.WhoWeAre div.columnContainer { background-image: url( ../img/common/background/faux_column_with_background.gif ); } */ body.CultureAndValues div.columnContainer { background-image: url( ../img/common/background/faux_column_with_gutter.gif); } body.OurHistory div.columnContainer { background-image: url( ../img/common/background/faux_column_with_gutter.gif); } body.OurBrands div.columnContainer { background-image: url( ../img/common/background/faux_column_with_gutter.gif); } body.NestleWorldwide div.columnContainer { background-image: url( ../img/common/background/faux_column_with_gutter.gif); } body.EnvironmentalPolicy div.columnContainer { background-image: url( ../img/common/background/faux_column_with_gutter.gif); } /* END OF WHO WE ARE */ /* WHAT WE DO */ body.WhatWeDo div.columnContainer { background-image: url( ../img/common/background/faux_column_with_background.gif); } body.BusinessStructure div.columnContainer { background-image: url( ../img/common/background/faux_column_with_gutter.gif); } body.OurCareers div.columnContainer { background-image: url( ../img/common/background/faux_column_with_gutter.gif); } body.CareerMobility div.columnContainer { background-image: url( ../img/common/background/faux_column_with_gutter.gif); } body.CareerDetails div.columnContainer { background-image: url( ../img/common/background/faux_column_empty.gif); } body.CommunityInvolvement div.columnContainer { background-image: url( ../img/common/background/faux_column_with_gutter.gif); } /* END OF WHAT WE DO */ /* WHAT ITS LIKE */ body.WhatItsLikeHere div.columnContainer { background-image: url( ../img/common/background/faux_column_with_background.gif); } body.OurWorkCulture div.columnContainer { background-image: url( ../img/common/background/faux_column_with_gutter.gif); } body.DiversityAtNwna div.columnContainer { background-image: url( ../img/common/background/faux_column_with_gutter.gif); } body.TeamPerspectives div.columnContainer { background-image: url( ../img/common/background/faux_column_with_gutter.gif); } body.EmployeeProfile div.columnContainer { background-image: url( ../img/common/background/faux_column_empty.gif); } body.DistinctiveBenefits div.columnContainer { background-image: url( ../img/common/background/faux_column_with_gutter.gif); } body.CompensationAndSavings div.columnContainer { background-image: url( ../img/common/background/faux_column_empty.gif); } body.Endorsements div.columnContainer { background-image: url( ../img/common/background/faux_column_with_gutter.gif); } body.HiringProcess div.columnContainer { background-image: url( ../img/common/background/faux_column_with_gutter.gif); } /* END OF WHAT ITS LIKE */ /* C) End of Backgrounds */