/* ----------------------------------------------- GLOBAL ----------------------------------------------- */ body.company{} /* ----------------------------------------------- OUR COMPANY HOME body.company-home ----------------------------------------------- */ /* ----------------------------------------------- OUR COMPANY (SUPPORTING THE) COMMUNITY body.company-community ----------------------------------------------- */ body.company-community div#Heading { background: transparent url(/img/structure/our_company/community/heading.jpg) repeat-x; height: 336px;} body.company-community hr{ background: url('/img/structure/base/hr.jpg') no-repeat; border: none; margin: 20px 0 40px;} body.company-community div.col-three img.first{left: 10px; top: 30px;} /* ----------------------------------------------- OUR COMPANY EDUCATION body.company-education ----------------------------------------------- */ body.company-education div#Heading { background: transparent url(/img/structure/our_company/education/heading.jpg) repeat-x; } body.company-education div#links{ background: transparent url('/img/structure/base/hr.jpg') left top no-repeat; float: left; padding: 10px 0 30px; width: 100%;} body.company-education div.link{float: left;width: 49.5%;} body.company-education div.link h2{ background: transparent url('/img/structure/base/hr.jpg') left bottom no-repeat; padding: 0 15px 10px;} body.company-education div#PrimaryContent p{ color: #55533f; } body.company-education div#links div.even h2{background-position: -215px bottom; } body.company-education div#links div#UseYourLoaf .more-link{margin-top:31px;} body.company-education div.link p{padding: 20px 10px;} body.company-education div.col-three img.first{left: 30px; top: 80px;} /* ----------------------------------------------- OUR COMPANY EDUCATION HISTORY OF BREAD body.company-education-history ----------------------------------------------- */ body.company-education-history div#Heading { background-color: #b0000e; } body.company-education-history div.col-three img.first{top: 80px;} /* ----------------------------------------------- OUR COMPANY EDUCATION USE YOUR LOAF body.company-education-useyourloaf ----------------------------------------------- */ body.company-education-useyourloaf div#Heading { background-color: #b0000e; } body.company-education-useyourloaf div#PrimaryContent ul{ float: left; margin-left: 0; padding: 20px 0 40px; width: 200px;} body.company-education-useyourloaf div#PrimaryContent ul li{color: #c50031; font-size: 1.4em; font-weight: bold; list-style-type: disc; margin: 0 0 0 15px; padding: 0 0 .5em;} /* ----------------------------------------------- OUR COMPANY CORPORATE RESPONSIBILITY body.corporate ----------------------------------------------- */ body.corporate #Heading { height: 340px; text-align: center;} body.corporate #Heading #Flash {width: 860px;} body.corporate #CorporateNavigationWrapper {background: url(/img/structure/our_company/corporate/secondarynav-corporate-background.gif) left top repeat-x;} body.corporate #CorporateNavigation {margin: 0 auto; width: 900px;} body.corporate #CorporateNavigation li {float: left; display: inline; margin: 0 5px 0 0;} body.corporate #CorporateNavigation li a {display: block; height: 50px; text-indent: -9999px;} body.corporate #CorporateNavigation li#BuildingSuccess a {background: url(/img/structure/our_company/corporate/secondarynav-buildingsuccess.gif) left top no-repeat; width: 130px;} body.corporate #CorporateNavigation li#BuildingSuccess a:hover {background-position: 0 -50px;} body.corporate #CorporateNavigation li#BuildingSuccess a.selected:hover {background-position: 0 -100px;} body.corporate #CorporateNavigation li#BuildingSuccess a.selected {background-position: 0 -100px;} body.corporate #CorporateNavigation li#SustainableSupply a {background: url(/img/structure/our_company/corporate/secondarynav-sustainablesupply.gif) left top no-repeat; width: 150px;} body.corporate #CorporateNavigation li#SustainableSupply a:hover {background-position: 0 -50px;} body.corporate #CorporateNavigation li#SustainableSupply a.selected:hover {background-position: 0 -100px;} body.corporate #CorporateNavigation li#SustainableSupply a.selected {background-position: 0 -100px;} body.corporate #CorporateNavigation li#EnvironmentalImpact a {background: url(/img/structure/our_company/corporate/secondarynav-enviromentalimpact.gif) left top no-repeat; width: 120px;} body.corporate #CorporateNavigation li#EnvironmentalImpact a:hover {background-position: 0 -50px;} body.corporate #CorporateNavigation li#EnvirnomentalImpact a.selected:hover {background-position: 0 -100px;} body.corporate #CorporateNavigation li#EnvironmentalImpact a.selected {background-position: 0 -100px;} body.corporate #CorporateNavigation li#EmployeeWellBeing a {background: url(/img/structure/our_company/corporate/secondarynav-employeewellbeing.gif) left top no-repeat; width: 90px;} body.corporate #CorporateNavigation li#EmployeeWellBeing a:hover {background-position: 0 -50px;} body.corporate #CorporateNavigation li#EmployeeWellBeing a.selected:hover {background-position: 0 -100px;} body.corporate #CorporateNavigation li#EmployeeWellBeing a.selected {background-position: 0 -100px;} body.corporate #CorporateNavigation li#HealthEnvironment a {background: url(/img/structure/our_company/corporate/secondarynav-healthy.gif) left top no-repeat; width: 190px;} body.corporate #CorporateNavigation li#HealthEnvironment a:hover {background-position: 0 -50px;} body.corporate #CorporateNavigation li#HealthEnvironment a.selected:hover {background-position: 0 -100px;} body.corporate #CorporateNavigation li#HealthEnvironment a.selected {background-position: 0 -100px;} body.corporate #CorporateNavigation li#SupportingCharities a {background: url(/img/structure/our_company/corporate/secondarynav-supportingcharities.gif) left top no-repeat; width: 165px;} body.corporate #CorporateNavigation li#SupportingCharities a:hover {background-position: 0 -50px;} body.corporate #CorporateNavigation li#SupportingCharities a.selected:hover {background-position: 0 -100px;} body.corporate #CorporateNavigation li#SupportingCharities a.selected {background-position: 0 -100px;} body.corporate #ContentPrimaryWrapper {background: #F9F7E9; min-height: 400px;} body.corporate #ContentPrimary {width: 900px; margin: 0 auto; padding: 0 0 40px 0;} body.corporate #ContentPrimary #SubNavigation {font-family: Georgia, Times New Roman, Serif; font-size: 1.4em; color: #000; padding: 30px 0 0;} body.corporate #ContentPrimary #SubNavigation li {display: inline; float: left; padding: 0 10px 0 0; border-right: 1px solid #AEAEAE;} body.corporate #ContentPrimary #SubNavigation li.middle {padding: 0 10px;} body.corporate #ContentPrimary #SubNavigation li.last {border: none; padding: 0 10px;} body.corporate #ContentPrimary #SubNavigation li.single {border: none; padding: 0px;} body.corporate #ContentPrimary #SubNavigation a {color: #000; line-height: 1.3em;} body.corporate #ContentPrimary #SubNavigation a:hover {border-bottom: 1px solid #000; text-decoration: none;} body.corporate #ContentPrimary #SubNavigation a.current {color: #C60031;} body.corporate #ContentPrimary #SubNavigation a.current:hover {border-bottom: none;} body.corporate {color: #292928;} body.corporate #ContentPrimary p {font-size: 1.4em; line-height: 1.4em; margin: 20px 0 0 0;} body.corporate #ContentPrimary #Welcome {display: inline; float: left; width: 516px;} body.corporate-home #ContentPrimary #Welcome h2 {background: url(/img/structure/our_company/corporate/header-buildingsuccess.gif) left top no-repeat; height: 94px; width: 507px; margin: 75px 0 0 0; text-indent: -9999px;} body.corporate #ContentPrimary #Welcome p {width: 505px;} body.corporate #ContentPrimary #Documents {display: inline; float: left; width: 315px; margin: 90px 0 0 20px; width: 315px; border: 1px solid #CFCCBE; background: #ede9d9; padding: 5px 10px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px;} body.corporate #ContentPrimary #Documents h2 {color: #000; text-indent: -9999px; margin: 5px 0; width: 79px; height: 15px; background: url(/img/structure/our_company/corporate/header-policies.gif) left top no-repeat;} body.corporate #ContentPrimary #Documents li {border-bottom: 1px solid #CFCCBE; padding: 15px 0 12px 0; width: 315px;} body.corporate #ContentPrimary #Documents li.last {border: none; padding: 10px 0 0 0;} body.corporate #ContentPrimary #Documents li .document-image {background: url(/img/structure/our_company/corporate/background-document.jpg) left top no-repeat; display: inline; float: left; width: 58px; margin: 0 15px 0 0; height: 83px; padding: 1px 0 0 1px;} body.corporate #ContentPrimary #Documents li .document-info {font-size: 1.4em; line-height: 1.3em; color: #000; font-weight: bold; display: inline; float: left; width: 240px; margin: 13px 0 0 0;} body.corporate #ContentPrimary #Documents li .document-info .document-link {display: block; margin: 3px 0 0 0; color: #000;} body.corporate #ContentPrimary #Documents li .document-info a {color: #000; text-decoration: none;} body.corporate #ContentPrimary #Documents li .document-info a:hover, body.corporate #ContentPrimary #Documents li .document-info .document-link a:hover {text-decoration: underline;} body.corporate #ContentPrimary #Illustration {display: inline; float: left; width: 330px; margin: 110px 20px 0 0;} body.corporate #ContentPrimary #FiveWays {display: inline; float: left; width: 515px; margin: 0 0 40px 0;} body.corporate #ContentPrimary #FiveWays h2 {background: url(/img/structure/our_company/corporate/header-buildingsuccess-fiveways.gif) left top no-repeat; height: 19px; width: 197px; margin: 40px 0 0 0; text-indent: -9999px;} body.corporate #ContentPrimary #FiveWays p {width: 515px;} body.corporate #ContentPrimary #FiveWays ul {font-size: 1.4em; margin: 20px 0 0; width: 490px;} body.corporate #ContentPrimary #FiveWays ul li {line-height: 1.4em; background: url(/img/structure/our_company/corporate/background-bulletpoints.gif) left top no-repeat; margin: 0 0 20px 0; padding: 0 0 0 25px;} body.corporate #ContentPrimary #FiveWays ul li.two {background-position: 0 -40px;} body.corporate #ContentPrimary #FiveWays ul li.three {background-position: 0 -80px;} body.corporate #ContentPrimary #FiveWays ul li.four {background-position: 0 -120px;} body.corporate #ContentPrimary #FiveWays ul li.five {background-position: 0 -160px;} body.corporate-supplychain #ContentPrimary h2 {height: 19px; text-indent: -9999px; margin: 30px 0 0 0;} body.corporate-supplychain #ContentPrimary h2.quality {background: url(/img/structure/our_company/corporate/header-sustainable-qualitywithout.gif) left top no-repeat; width: 279px;} body.corporate-supplychain #ContentPrimary h2.starting {background: url(/img/structure/our_company/corporate/header-sustainable-startingraw.gif) left top no-repeat; width: 302px;} body.corporate-supplychain #ContentPrimary h2.growing {background: url(/img/structure/our_company/corporate/header-sustainable-growingright.gif) left top no-repeat; width: 237px;} body.corporate-supplychain #ContentPrimary h2.keeping {background: url(/img/structure/our_company/corporate/header-sustainable-keepingtrack.gif) left top no-repeat; width: 136px;} body.corporate-supplychain #ContentPrimary h2.long {background: url(/img/structure/our_company/corporate/header-sustainable-longandshort.gif) left top no-repeat; width: 261px;} body.corporate-supplychain #ContentPrimary h2.fair {background: url(/img/structure/our_company/corporate/header-sustainable-fairdecent.gif) left top no-repeat; width: 279px;} body.corporate-supplychain #ContentPrimary #Illustration {display: inline; float: left; width: 350px; margin: 20px 0 0 20px;} body.corporate-supplychain #ContentPrimary p {margin: 10px 0 20px 0;} body.corporate-environmental #ContentPrimary #Illustration {display: inline; float: left; width: 330px; margin: 40px 20px 0 0;} body.corporate-environmental #ContentPrimary h2 {height: 19px; text-indent: -9999px; margin: 30px 0 0 0;} body.corporate-environmental #ContentPrimary h2.climate {background: url(/img/structure/our_company/corporate/header-environmental-climate.gif) left top no-repeat; width: 279px;} body.corporate-environmental #ContentPrimary h2.saving {background: url(/img/structure/our_company/corporate/header-environmental-saving.gif) left top no-repeat; width: 279px;} body.corporate-environmental #ContentPrimary h2.step {background: url(/img/structure/our_company/corporate/header-environmental-step.gif) left top no-repeat; width: 279px;} body.corporate-environmental #ContentPrimary h2.exploring {background: url(/img/structure/our_company/corporate/header-environmental-exploring.gif) left top no-repeat; width: 279px;} body.corporate-environmental #ContentPrimary h2.driving {background: url(/img/structure/our_company/corporate/header-environmental-driving.gif) left top no-repeat; width: 279px;} body.corporate-environmental #ContentPrimary h2.fewer {background: url(/img/structure/our_company/corporate/header-environmental-fewer.gif) left top no-repeat; width: 279px;} body.corporate-environmental #ContentPrimary h2.wrapper {background: url(/img/structure/our_company/corporate/header-environmental-wrapping.gif) left top no-repeat; width: 279px;} body.corporate-environmental #ContentPrimary h2.reviewing {background: url(/img/structure/our_company/corporate/header-environmental-reviewing.gif) left top no-repeat; width: 279px;} body.corporate-environmental #ContentPrimary h2.lesswaste {background: url(/img/structure/our_company/corporate/header-environmental-lesswaste.gif) left top no-repeat; width: 279px;} body.corporate-environmental #ContentPrimary h2.lesswater {background: url(/img/structure/our_company/corporate/header-environmental-lesswater.gif) left top no-repeat; width: 279px;} body.corporate-employee #ContentPrimary #Illustration {display: inline; float: left; width: 330px; margin: 40px 20px 0 30px;} body.corporate-employee #ContentPrimary h2 {height: 19px; text-indent: -9999px; margin: 30px 0 0 0;} body.corporate-employee #ContentPrimary h2.family {background: url(/img/structure/our_company/corporate/header-employee-family.gif) left top no-repeat; width: 279px;} body.corporate-employee #ContentPrimary h2.safety {background: url(/img/structure/our_company/corporate/header-employee-safety.gif) left top no-repeat; width: 279px;} body.corporate-employee #ContentPrimary h2.personal {background: url(/img/structure/our_company/corporate/header-employee-personal.gif) left top no-repeat; width: 279px;} body.corporate-employee #ContentPrimary h2.professional {background: url(/img/structure/our_company/corporate/header-employee-professional.gif) left top no-repeat; width: 279px;} body.corporate-employee #ContentPrimary h2.rules {background: url(/img/structure/our_company/corporate/header-employee-rules.gif) left top no-repeat; width: 279px;} body.corporate-healthy #ContentPrimary #Illustration {display: inline; float: left; width: 330px; margin: 40px 0 0 40px;} body.corporate-healthy #ContentPrimary h2 {height: 19px; text-indent: -9999px; margin: 30px 0 0 0;} body.corporate-healthy #ContentPrimary h2.healthy {background: url(/img/structure/our_company/corporate/header-healthy-healthy.gif) left top no-repeat; width: 279px;} body.corporate-healthy #ContentPrimary h2.salt {background: url(/img/structure/our_company/corporate/header-healthy-salt.gif) left top no-repeat; width: 279px;} body.corporate-healthy #ContentPrimary h2.informed {background: url(/img/structure/our_company/corporate/header-healthy-informed.gif) left top no-repeat; width: 279px;} body.corporate-healthy #ContentPrimary h2.honest {background: url(/img/structure/our_company/corporate/header-healthy-honest.gif) left top no-repeat; width: 279px;} body.corporate-healthy #ContentPrimary h2.wastenot {background: url(/img/structure/our_company/corporate/header-healthy-wastenot.gif) left top no-repeat; width: 279px;} body.corporate-supporting #ContentPrimary #Illustration {display: inline; float: right; width: 330px; margin: 40px 0 0 40px;} body.corporate-supporting #ContentPrimary #ApplyButton {margin: 70px 0 20px 20px; display: inline; float: left; width: 345px;} body.corporate-supporting #ContentPrimary #ApplyButton a {display: block; background: url(/img/structure/our_company/corporate/button-apply-online.gif) left top no-repeat; width: 345px; height: 50px; text-indent: -9999px;} body.corporate-supporting #ContentPrimary #ApplyButton a:hover {background-position: 0 -50px;} body.corporate-supporting #ContentPrimary #Documents {display: inline; float: left; width: 315px; margin: 20px 0 0 20px; width: 315px; border: 1px solid #CFCCBE; background: #ede9d9; padding: 15px 15px 10px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px;} body.corporate-supporting #ContentPrimary h2 {height: 19px; text-indent: -9999px; margin: 30px 0 0 0;} body.corporate-supporting #ContentPrimary h2.supporting {background: url(/img/structure/our_company/corporate/header-supporting-supporting.gif) left top no-repeat; width: 390px;} body.corporate-supporting #ContentPrimary h2.help {background: url(/img/structure/our_company/corporate/header-supporting-help.gif) left top no-repeat; width: 279px;} body.corporate-supporting #ContentPrimary h2.involvement {background: url(/img/structure/our_company/corporate/header-supporting-involvement.gif) left top no-repeat; width: 294px;} body.corporate-supporting #ContentPrimary h2.community {background: url(/img/structure/our_company/corporate/header-supporting-community.gif) left top no-repeat; width: 279px;} body.corporate-supporting #ContentPrimary h2.giving {background: url(/img/structure/our_company/corporate/header-supporting-giving.gif) left top no-repeat; width: 279px;} body.corporate-supporting #ContentPrimary h2.profits {background: url(/img/structure/our_company/corporate/header-supporting-profits.gif) left top no-repeat; width: 279px;} body.corporate-supporting #ContentPrimary h2.neighbours {background: url(/img/structure/our_company/corporate/header-supporting-neighbours.gif) left top no-repeat; width: 279px;} body.corporate-supporting #ContentPrimary h2.guidelines {background: url(/img/structure/our_company/corporate/header-supporting-guidelines.gif) left top no-repeat; width: 279px;} body.corporate-supporting #Welcome .jill-kippax .signature p {margin: 0;} body.corporate-supporting .jill-kippax .signature img {margin: 20px 0 10px;} /* ----------------------------------------------- OUR COMPANY CORPORATE RESPONSIBILITY - CASE STUDIES body.case-studies ----------------------------------------------- */ body.case-studies #ContentPrimary #Welcome {float: none; margin: 0 0 20px 0; display: block;} body.case-studies #ContentPrimary #Welcome p {width: 435px;} body.case-studies #ContentPrimary h3.title {height: 19px; text-indent: -9999px; margin: 30px 0 0 0; background: url(/img/structure/our_company/corporate/header-case-studies.gif) left top no-repeat; width: 121px;} body.case-studies #CaseStudies li {border-bottom: 1px solid #D5D3C5; padding: 11px 0 5px;} body.case-studies #CaseStudies h3 {background: transparent url(/img/structure/our_company/press_office/background-contactlist.gif) no-repeat scroll 0 -24px; padding: 0 0 0 20px;} body.case-studies #CaseStudies h3.active {background: transparent url(/img/structure/our_company/press_office/background-contactlist.gif) no-repeat scroll 0 -2px;} body.case-studies #CaseStudies h3 a {color: #56554e;} body.case-studies #CaseStudies h3.active a {color: #c50031;} body.case-studies #CaseStudies .content {display: none;} body.case-studies #CaseStudies .content .left-column {background: url(/img/structure/our_company/corporate/background-case-study-image.gif) left top no-repeat; width: 190px; height: 147px; float: left; display: inline; margin: 24px 20px 0 10px;} body.case-studies #CaseStudies .content .left-column img{margin:3px;} body.case-studies #CaseStudies .content .right-column {float: left; display: inline; width: 680px; margin: 0 0 20px 0;} /* ----------------------------------------------- SUPPORTING CHARITIES & COMMUNITYS - FORM body.corporate-supporting ----------------------------------------------- */ body.corporate-supporting #ApplicationForm {margin: 40px auto; width: 860px;} body.corporate-supporting #ApplicationForm .column {display: inline; float: left;} body.corporate-supporting #ApplicationForm .left {width: 405px; margin: 0 20px 0 0;} body.corporate-supporting #ApplicationForm .right {width: 410px;} body.corporate-supporting #ApplicationForm .column .section {padding: 0 0 5px 0; margin: 0 0 20px 0; border: 1px solid #cfccbe; background: #ede9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px;} body.corporate-supporting #ApplicationForm .section h3 {text-indent: -9999px; height: 25px;} body.corporate-supporting #ApplicationForm .section h3.future-communication {background: url(/img/structure/our_company/corporate/header-form-future.gif) left top no-repeat;} body.corporate-supporting #ApplicationForm .section h3.privacy-policy {background: url(/img/structure/our_company/corporate/header-form-privacypolicy.gif) left top no-repeat;} body.corporate-supporting #ApplicationForm .section h3.your-details {background: transparent url(/img/structure/our_company/corporate/header-form-contactdetails.gif) no-repeat scroll 15px 15px; padding: 15px 0 15px 15px;} body.corporate-supporting #ApplicationForm .section h3.charity-details {background: url(/img/structure/our_company/corporate/header-form-charitydetails.gif) no-repeat scroll 15px 15px; padding: 15px 0 15px 15px;} body.corporate-supporting #ApplicationForm .section h3.support-details {background: url(/img/structure/our_company/corporate/header-form-supportdetails.gif) no-repeat scroll 15px 15px; padding: 15px 0 15px 15px;} body.corporate-supporting #ApplicationForm .section h3.additional {background: url(/img/structure/our_company/corporate/header-form-additional.gif) no-repeat scroll 15px 15px; padding: 15px 0 15px 15px;} body.corporate-supporting #ApplicationForm .section h3.send {background: url(/img/structure/our_company/corporate/header-form-send.gif) no-repeat scroll 15px 15px; padding: 15px 0 15px 15px;} body.corporate-supporting #ApplicationForm .column .medium-input, body.corporate-supporting #ApplicationForm .small-input {height: 35px;} body.corporate-supporting #ApplicationForm .column .medium-input input {width: 250px;} body.corporate-supporting #ApplicationForm label {display: inline; float: left; font-size: 1.4em; font-family: Georgia, 'Times New Roman'; width: 115px; padding: 0 0 0 15px; line-height: 1.2em;} body.corporate-supporting #ApplicationForm .small-input label {width: 216px;} body.corporate-supporting #ApplicationForm .tick-input {padding: 15px;} body.corporate-supporting #ApplicationForm .tick-input input {float: left; display: inline;} body.corporate-supporting #ApplicationForm .tick-input label {width: 345px; padding: 0; margin: 2px 0 0 5px;} body.corporate-supporting #ApplicationForm .instructions {font-size: 1.1em;} body.corporate-supporting #ApplicationForm .tick-input .text {margin: 0 0 0 4px;} body.corporate-supporting #ApplicationForm .tick-input .instructions {margin: 5px 0 0 5px;} body.corporate-supporting #ApplicationForm .additional {padding: 0 0 20px 0;} body.corporate-supporting #ApplicationForm .additional .textarea {margin: 0 0 0 19px;} body.corporate-supporting #ApplicationForm .additional .instructions {margin: 5px 0 0 19px; width: 370px;} body.corporate-supporting #ApplicationForm .send #Submit {margin: 0 0 15px 15px;} body.corporate-supporting #ApplicationForm .support-details h4 {font-weight: bold; font-size: 1.4em; font-family: Georgia, 'Times New Roman'; margin: 0 0 0 18px;} body.corporate-supporting #ApplicationForm .error-message {float: left; color: red; margin: 2px 0 0 130px; display: inline; width: 250px;} body.corporate-supporting #ApplicationForm .tick-input .error-message {float: left; margin: 10px 0 0 25px;} body.corporate-supporting #ApplicationForm .tick-input .textarea .error-message {width: 370px; display: block; margin: 10px 0 10px 5px} body.corporate-thankyou #ThankYou {background: url(/img/content/our_company/corporate/illustration-thankyou.gif) right top no-repeat; height: 450px;} body.corporate-thankyou #ThankYou h2 {height: 19px; text-indent: -9999px; margin: 30px 0 0 0;background: url(/img/structure/our_company/corporate/header-application-thankyou.gif) left top no-repeat; width: 388px;}