﻿
/* Navigation classes for all promos */
div.content-box div div div
{
    padding:0; 
    margin:0; 
    min-height:10px; 
    height:auto !important; 
    height:10px; 
    background-image:none;
}
div.content-box div.promo-navigation
{
    border-bottom:2px dotted #ffec7f;
}
div.content-box div.promo-navigation h2{
    float:left; 
    border:0; 
    width:155px;
}
div.content-box div.promo-navigation h2.all-profiles{
    float:left; 
    border:0; 
    width:140px;
    font-size:1.4em;
    font-weight:bold;
}
div.content-box div.green-tips div.promo-navigation h2{
    float:left; 
    border:0; 
    width:180px;
}
div.content-box div.promo-navigation ul li a span{
    display:none;
}
/* Nav override */
div.content-box div.promo-navigation ul.fullwidth{
    margin:0 0 0 0; 
    padding:0; 
    list-style-type:none;
}
div.content-box div.promo-navigation h2.fullwidth{
    width:100%;
    float:none;
}
div.content-box div.promo-navigation h2.wide{
    clear:both;
    width:200px;
    border:0; 
}

div.content-box div.promo-navigation ul{
    float:right; 
    margin:5px 0 0 0; 
    padding:0; 
    list-style-type:none;
}
div.content-box div.promo-navigation ul li{
    float:left;
}
div.content-box div.promo-navigation ul li a{
    float:left; 
    background-image:url('/images/promo-navigation/promo-inactive.gif'); 
    background-repeat:no-repeat; 
    background-position:top left; 
    width:15px; 
    height:13px;
}
div.content-box div.promo-navigation ul li a.previous-content{
    background-image:url('/images/promo-navigation/promo-previous.gif'); 
    background-repeat:no-repeat; 
    background-position:top left; 
    width:20px; 
    height:13px;
}
div.content-box div.promo-navigation ul li a.next-content
{
    background-image:url('/images/promo-navigation/promo-next.gif'); 
    background-repeat:no-repeat; 
    background-position:top left; 
    width:14px; 
    height:13px;
}
div.content-box div.promo-navigation ul li a.next-content:hover
{
    background-image:url('/images/promo-navigation/promo-next-active.gif'); 
}
div.content-box div.promo-navigation ul li a.previous-content:hover
{
    background-image:url('/images/promo-navigation/promo-previous-active.gif'); 
}
div.content-box div.promo-navigation ul li a.active
{
    background-image:url('/images/promo-navigation/promo-active.gif'); 
    background-repeat:no-repeat; 
    background-position:top left; 
    width:14px; 
    height:13px;
}
div.content-box div.promo-navigation ul li.active a
{
    background-image:url('/images/promo-navigation/promo-active.gif'); 
    background-repeat:no-repeat; 
    background-position:top left; 
    width:14px; 
    height:13px;
}
div.content-box div.promo-navigation ul li a.hide{
    visibility:hidden;
}
/* END Promo Navigation Classes */

/* Assessment Centre Tips Backgrounds */
div.content-box div div.assessment-title{min-height:230px; height:auto !important; height:230px; background-image:url('/images/promos/image-promos/interview-title.gif');}
div.content-box div div.assessment-morning{min-height:230px; height:auto !important; height:230px; background-image:url('/images/promos/image-promos/interview-morning.gif');}
div.content-box div div.assessment-night{min-height:230px; height:auto !important; height:230px; background-image:url('/images/promos/image-promos/interview-night.gif');}
div.content-box div div.assessment-invite{min-height:230px; height:auto !important; height:230px; background-image:url('/images/promos/image-promos/interview-invite.gif');}
div.content-box div div.assessment-interview{min-height:230px; height:auto !important; height:230px; background-image:url('/images/promos/image-promos/interview-assessment.gif');}
div.content-box div div.assessment-goodluck{min-height:230px; height:auto !important; height:230px; background-image:url('/images/promos/image-promos/interview-good-luck.gif');}
/* END Assessment Centre Tips Backgrounds */

/* Charity Scheme Promo */
div.content-box div.img-gallery-charity
{
    min-height:190px;
    height:auto !important;
    height:190px;    
}
div.content-box div.img-gallery-charity a.charity-links
{
    color:#000000; 
    width:auto; 
    float:left; 
    background-image:url('/images/navigation/small-arrow-next.gif'); 
    background-position:top right; 
    background-repeat:no-repeat; 
    margin:0; 
    padding:2px 30px 0 0;
}
div.content-box div.img-gallery-charity a.charity-links:hover
{
    background-image:url('/images/navigation/small-arrow-next-active.gif'); 
    color:#00a651;
    text-decoration:underline;
}
div.content-box div.img-gallery p
{
    clear:both; 
    width:100%; 
    text-align:center;
}
div.content-box div.img-gallery-charity p
{
    text-align:left;
}
div.gallery-copy
{
    float:left;
    width:100%;   
}
div.content-box div.img-gallery-charity div.gallery-copy p
{
    text-align:center;
}



/* END Charity Scheme Promo */

/* SHARE PRICE PROMO */

div.content-box div.share-data div.share-price
{
    float:left; 
    padding:0; 
    margin:5px 0 0 0; 
    background-image:none; 
    min-height:10px;
    height:auto !important;
    height:10px;
}
div.content-box div.share-data div.share-price p
{
    font-size:45px; 
    color:#80c342; 
    font-weight:bold;
}
div.content-box div.share-data div.share-price p span
{
    font-size:22px;
}
div.content-box div.share-data div.share-info
{
    padding:0; 
    margin:5px 0 0 0; 
    float:right; 
    background-image:none; 
    min-height:10px; 
    height:auto !important; 
    height:10px;
}
div.content-box div.share-data div.share-info p
{
    font-size:16px; 
    color:#11ac5d;
}
div.content-box div.share-data div.share-info img
{
    float:left; 
    margin:0 5px 0 0;
}
div.content-box div.share-data div.share-info p.share-percentage
{
    float:left; 
    font-size:16px; 
    color:#000000;
}
div.content-box div.share-data div.clear
{
    width:100%; 
    clear:both;
}
/* END Share Price Promo */


/* Latest News Promo */

div.content-box div.news-item
{
    padding:5px 0; 
    clear:both; 
    width:100%;
}
div.content-box div.hideNews
{
    display:none;
}
div.content-box div.showNews
{
    display:block;
}
div.content-box div.news-item a, 
div.content-box div.news-item a:active, 
div.content-box div.news-item a:visited
{
    text-decoration:none; 
    color:#000000;
}
div.content-box div.news-item a:hover{
    color:#00a651;
    text-decoration:underline;
}

/* END Latest News Promo */

/* Brand Quiz */

div.content-box div.brand-quiz img{margin:10px 0 0 0;}
    
div.content-box div.brand-quiz a.brand-home-page
{
    color:#000000; 
    width:auto; 
    float:right; 
    background-image:url('/images/navigation/small-arrow-next.gif'); 
    background-position:top right; 
    background-repeat:no-repeat; 
    margin:0; 
    padding:2px 30px 2px 0;
    text-decoration:none;
}

div.content-box div.brand-quiz div
{
    clear:both;
    width:100%;
    padding:0;
    margin:0;
    text-align:center;
}
div.content-box div.brand-quiz div.quiz-answers
{
    text-align:left;
}
div.content-box div.brand-quiz div.quiz-answers p span
{
    color:#01a651;
    font-size:32px;
}

div.content-box div.brand-quiz div img
{
    padding:0;
    margin:20px 0 25px 0;
}
div.content-box div.brand-quiz div
{
    margin:0 0 20px 0;
}
div.content-box div.brand-quiz a img
{
    border:2px solid transparent;
    margin:0 3px 0 0;
}
div.content-box div.brand-quiz a:hover img
{
    border:2px solid #00a651;
    margin:0 3px 0 0;
}
div.content-box div.brand-quiz a img.lastImg
{
    margin:0;
}

/* END Brand Quiz */
/* Nav header override*/
div.content-box div.benefits-container div.promo-navigation h2
{
    width:220px;
}
div.content-box div.benefits
{
    width:100%; 
    clear:both;
}
div.content-box div.benefits div
{
    margin:10px 0 0 0; 
    float:left; 
    background-position:top left; 
    background-repeat:no-repeat; 
    min-height:110px; 
    height:auto !important; 
    height:110px; 
    width:200px;
}    
div.content-box div.benefits div h3
{
    margin:0 5px 0 95px; 
    color:#99ce63;
}
div.content-box div.benefits div p
{
    margin:0 3px 0 95px;
}
div.content-box div.benefits div.clear
{
    width:100%; 
    float:left; 
    min-height:1px; 
    height:auto !important; 
    height:1px;
}
/* Benefits images */
div.content-box div.benefits div.holiday{background-image:url('/images/benefits/beachball.gif');}
div.content-box div.benefits div.sharesave{background-image:url('/images/benefits/sharesaver.gif');}
div.content-box div.benefits div.bankhol{background-image:url('/images/benefits/bank-holidays.gif');}
div.content-box div.benefits div.bupa{background-image:url('/images/benefits/bupa.gif');}
div.content-box div.benefits div.cars{background-image:url('/images/benefits/cars.gif');}
div.content-box div.benefits div.discounts{background-image:url('/images/benefits/discounts.gif');}
div.content-box div.benefits div.meals{background-image:url('/images/benefits/meals.gif');}
div.content-box div.benefits div.assistance{background-image:url('/images/benefits/assistance.gif');}
div.content-box div.benefits div.incentives{background-image:url('/images/benefits/incentives.gif');}
div.content-box div.benefits div.sick-pay{background-image:url('/images/benefits/sick-pay.gif');}
div.content-box div.benefits div.refer-a-friend{background-image:url('/images/benefits/refer-a-friend.gif');}
div.content-box div.benefits div.pension{background-image:url('/images/benefits/pension.gif');}
            
/* Benefits */

/* END Benefits */

/* Green Tips */
div.content-box div.green-tips div h3
{
    color:#80c342; 
    font-size:14px; 
    font-weight:normal; 
    margin:0 0 0 58px;
}
div.content-box div.green-tips div p
{
    margin:0 0 0 58px;
}
div.content-box div.green-tips div
{
    background-repeat:no-repeat; 
    background-position:top left; 
    margin:0 0 10px 0; 
    clear:both; 
    width:100%;
}
div.content-box div.green-tips div.promo-navigation
{
    margin:0 0 5px 0;
}
div.content-box div.green-tips div.promo-navigation div
{
    margin:0;
}

/* Green tips images*/
div.content-box div.green-tips div.short-journeys{background-image:url('/images/green-tips/short-journeys.gif');}
div.content-box div.green-tips div.roof-boxes{background-image:url('/images/green-tips/roof-boxes.gif');}
div.content-box div.green-tips div.fuel{background-image:url('/images/green-tips/fuel.gif');}
div.content-box div.green-tips div.tyres{background-image:url('/images/green-tips/tyres.gif');}
div.content-box div.green-tips div.weight{background-image:url('/images/green-tips/weight.gif');}
div.content-box div.green-tips div.maintenance{background-image:url('/images/green-tips/maintenance.gif');}
div.content-box div.green-tips div.idling{background-image:url('/images/green-tips/timing.gif');}
div.content-box div.green-tips div.acceleration{background-image:url('/images/green-tips/acceleration.gif');}
div.content-box div.green-tips div.driving{background-image:url('/images/green-tips/start-stop.gif');}
div.content-box div.green-tips div.air-con{background-image:url('/images/green-tips/air-con.gif');}
/* END Green Tips */


/* OUR VALUES */

div.content-box div.our-values-home div{margin:10px 0 0 0;}
    
div.content-box div.our-values-home a
{
    color:#000000; 
    text-decoration:none;
}
div.content-box div.our-values-home div a
{
    float:left; 
    background-repeat:no-repeat; 
    background-position:top left; 
    min-height:80px; 
    height:auto !important; 
    height:80px;
}
div.content-box div.our-values-home div a span
{
    display:none;
}
div.content-box div.our-values-home div a.health-and-safety{background-image:url('/images/our-values/health-and-safety.gif'); width:48px; margin:0 35px 0 0;}
div.content-box div.our-values-home div a.people{background-image:url('/images/our-values/people.gif'); width:32px; margin:0 35px 0 0;}
div.content-box div.our-values-home div a.performance{background-image:url('/images/our-values/performance.gif'); width:45px; margin:0 35px 0 0;}
div.content-box div.our-values-home div a.customers{background-image:url('/images/our-values/customers.gif'); width:52px;}

div.content-box div.our-values p
{
    margin:0 0 0 70px; 
    padding:10px 0 0 0;
}

div.content-box div.our-values{background-repeat:no-repeat; background-position:top left; margin:10px 0 0 10px; min-height:80px; height:auto !important; height:80px;}
div.content-box div.health-and-safety{background-image:url('/images/our-values/health-and-safety.gif');}
div.content-box div.people{background-image:url('/images/our-values/people.gif');}
div.content-box div.performance{background-image:url('/images/our-values/performance.gif');}
div.content-box div.customers{background-image:url('/images/our-values/customers.gif');}

/* END OUR VALUES */


/* WHAT ROLE IS RIGHT FOR YOU/A FRIEND */

div.what-role a.find-out{
    color:#000000; 
    width:auto; 
    float:right; 
    background-image:url('/images/navigation/small-arrow-next.gif'); 
    background-position:top right; 
    background-repeat:no-repeat; 
    margin:0 0 5px 0; 
    padding:3px 30px 5px 0;
    text-decoration:none;
}

div.what-role h3{
    color:#00a651;
    font-size:1.6em; /* 18px; */
    font-weight:normal;
    margin:0 0 10px 0;
    border-bottom:2px dotted #ffec7e;
}
div.what-role img{
    margin:10px 0 5px 0;
}

div.what-role div.what-role-questions a
{
    float:left;
    width:139px;
    background-image:url('/images/quiz/what-role-bottom-corner.gif');
    background-repeat:no-repeat;
    background-position:bottom left;
    margin:0 7px 5px 0;
    color:#000000;
}
div.what-role div.what-role-questions a span
{
    background-image:url('/images/quiz/what-role-top-corner.gif');
    background-repeat:no-repeat;
    background-position:top left;
    float:left;
    width:100%;
}
div.what-role div.what-role-questions a span span
{
    background-image:url('/images/quiz/what-role-middle.gif');
    background-repeat:repeat-y;
    float:left;
    width:129px;
    padding:0 5px;
    margin:5px 0;
    min-height:30px;
    height:auto !important;
    height:30px;
}

div.what-role a.try-again
{
    color:#00a651; 
    width:auto; 
    float:right; 
    clear:left;
    background-image:url('/images/navigation/small-arrow-next.gif'); 
    background-position:top right; 
    background-repeat:no-repeat; 
    margin:0; 
    padding:2px 30px 3px 0;
    text-decoration:none;
}
div.what-role a.link-to-role
{
    color:#00a651; 
    width:auto; 
    float:left; 
    background-image:url('/images/navigation/small-arrow-next.gif'); 
    background-position:top right; 
    background-repeat:no-repeat; 
    margin:0; 
    padding:2px 30px 3px 0;
    text-decoration:none;
}

div.what-role span.retail-answers
{
    color:#01a651;
    font-size:32px;
    display:block;
    margin:5px 0;
}
            
/* END WHAT ROLE QUIZ */

/* Locations */

div.content-box div.locations
{
    background-image:url('/images/locations.gif');
    background-repeat:no-repeat;
    background-position:top left;
    padding:0 0 0 170px;
    min-height:242px;
    height:auto !important;
    height:242px;
}
div.content-box div.locations label
{
    font-weight:bold;
    color:#7cb845;
    display:block;
}
div.content-box div.locations p.note
{
    font-size:0.9em;
    color:#999999;
}
div.content-box div.locations-container
{
    min-height:300px;
    height:auto !important;
    height:300px;
}
div.content-box div.locations-results ul
{
    margin:10px 0;
    padding:0;
    list-style-type:none;
}
div.content-box div.locations-results ul li
{
    color:#000000;
}
div.content-box div.locations-results ul li span
{
    color:#666666;   
}
div.content-box div.locations-results ul li span.town
{
    color:#00a651;
    font-weight:bold;
}

div.content-box div.locations input.locations-submit, 
div.content-box div.locations-results input.locations-submit
{
    float:right;   
}
/* END Locations */

/* Latest Vacancies */

div.vacancies h3 
{
    font-size: 1em;
}

div.vacancies h3 a 
{
    font-size: 1.25em;
    text-decoration: none;
}

div.vacancies h3 a:hover
{
    text-decoration: underline;
}

div.vacancies a.latest-link
{
    color:#00a651; 
    width:auto; 
    float:right; 
    background-image:url('/images/navigation/small-arrow-next.gif'); 
    background-position:top right; 
    background-repeat:no-repeat; 
    margin:0; 
    padding:2px 30px 3px 0;
    text-decoration:none;
}
div.vacancies a.latest-link:hover
{
    background-image:url('/images/navigation/small-arrow-next-active.gif'); 
    text-decoration:underline;
}

/* END Latest Vacancies */

/* A Day in the life */
div.content-box div.a-day-in-the-life div, 
div.content-box div.a-day-in-the-life-CSM div
{
    clear:both;
    padding:1px;
}

div.content-box div.a-day-in-the-life img, 
div.content-box div.a-day-in-the-life-CSM img
{
    margin:10px 0;   
}

div.content-box div.a-day-in-the-life img.csa-image
{
    margin:10px 60px;
}
div.content-box div.a-day-in-the-life span
{
    color:#80c342;
    font-weight:bold;
    float:left;
    width:90px;
}
div.content-box div.a-day-in-the-life-CSM span
{
    color:#80c342;
    font-weight:bold;
    display:block;
}
div.content-box div.a-day-in-the-life-CSM h2
{
    width:100%;
    clear:both; 
}

div.content-box div.a-day-in-the-life p
{
    margin:0 0 0 90px;
}
/* A Day in the life */

/* internal news */

div.content-box div.internal-news img
{
    margin:10px 0;   
}

/* end internal news */


/* Development Timeline */

div.content-box div.timeline
    {
        padding:10px 0 0 5px;
    }
    
    div.content-box div.timeline div.development-box-green
    {
        float:left;
        width:210px;
        background-image:url('/images/development/timeline-middle.gif');
        background-repeat:repeat-y;
    }
    div.content-box div.timeline div.development-box-green div 
    {
        background-image:url('/images/development/timeline-top.gif');
        background-repeat:no-repeat;
        background-position:top;
    }
    div.content-box div.timeline div.development-box-green div div
    {
        background-image:url('/images/development/timeline-bottom.gif');
        background-repeat:no-repeat;
        background-position:bottom;
        padding:1px 5px 10px 5px;
    }
    
    div.content-box div.timeline div.development-box-yellow
    {
        float:left;
        width:189px;
        background-image:url('/images/development/yellow-middle.gif');
        background-repeat:repeat-y;
    }
    div.content-box div.timeline div.development-box-yellow div 
    {
        background-image:url('/images/development/yellow-top.gif');
        background-repeat:no-repeat;
        background-position:top;
    }
    div.content-box div.timeline div.development-box-yellow div div
    {
        background-image:url('/images/development/yellow-bottom.gif');
        background-repeat:no-repeat;
        background-position:bottom;
        padding:1px 25px 10px 25px;
    }

    div.content-box div.timeline div h3{
        font-weight:normal;
        margin:3px 0 0 7px;
    }
    
    div.content-box div.timeline div.development-box-green h3{
        color:#ffffff;
    }
    div.content-box div.timeline div.development-box-yellow h3{
        color:#44b43b;
    }
    
    div.content-box div.timeline div ul{
        margin:0;
        padding:0 0 0 20px;
    }
    
/* End Development Timeline */


/* Profiles */

div.content-box div.profiles a.audio-link
{
    background-image:url('/images/profiles/audio-clip.gif'); 
    background-repeat:no-repeat; 
    background-position:top right;
    color:#00a651;
    float:left;
    padding:2px 21px 3px 0;
}

div.content-box div.profiles
{
    clear:both;
    padding:1px;
    margin:10px 0 15px 0;
}

div.content-box div.profiles p strong
{
    display:block;
}

div.content-box div.profiles img
{
    float:left;  
    margin:0 5px 0 0; 
}

div.content-box div.profiles h3
{
    color:#80c342;
    font-size:1.6em; /* 18px; */
    font-weight:normal;
    padding:60px 0 0 0;
    margin:0;
}

/* END Profiles */

/* New Store News */

div.content-box div.new-store-news img
{
    float:left;
    margin:10px 5px 0 0;   
}
div.content-box div.new-store-news p
{
    margin:10px 0 0 5px;   
}
/* END New Store News */

/* Annual Report */
div.content-box div.annual-report
{
    background-image:url('/images/annual-report.gif');
    background-repeat:no-repeat;
    background-position:top left;
    min-height:170px;
    height:auto !important;
    height:170px;
    width:100%;
}
div.content-box div.annual-report a
{
    background-image:url('/images/navigation/small-arrow-next.gif');
    background-repeat:no-repeat;
    background-position:right;
    float:right;
    padding:0px 20px 2px 0;
    margin:130px 0 0 0;
    color:#000000;
    text-decoration:none;
}
div.content-box div.annual-report a:hover
{
    color:#00a651;
    text-decoration:underline;
}
/* END Annual Report */

/* Brand History */

div.content-box div.brand-histories
{
    text-align:center;
    margin:10px 0;   
}

/* Connections */

div.content-box div.connections strong
{
   font-size:1.5em;
   color:#80c342;
   display:block;
   margin:5px 0;
}
div.content-box div.connections strong span
{
    display:block;
    font-size:0.7em;
    color:#00a651;
}
div.content-box div.connections ul
{
    margin:0 0 0 20px;
    padding:0;   
}
/* END Connections */

/* CSR PROMO */

div.content-box div.csr-stories
{
    min-height:250px;
    height:auto !important;
    height:250px;   
}
div.content-box div.csr-stories img
{
    float:left; 
    margin:10px 10px 0 0;
}
div.content-box div.csr-stories h3
{
    color:#80c342; 
    margin:10px 10px 0 0;
}

/* END CSR PROMO */

/* Interview tips */

div.interview-tips strong
{
    font-size:1.5em;
    color:#80c342;
    display:block;
    margin:10px 0;
}

div.interview-tips a
{
    background-image:url('/images/navigation/small-arrow-next.gif');
    background-repeat:no-repeat;
    background-position:right;
    padding:2px 30px 2px 0;
    float:left;
    width:114px;
    color:#000000;
    text-decoration:none;
}

div.interview-tips p.narrow
{
    width:180px;
}

/* CAFE MASTER */

div.content-box div.cafe-master img
{
    margin:10px 0;
}
div.content-box div.cafe-master img.cafe-master-2
{
    float:right;
}
div.content-box div.cafe-master img.cafe-master-3
{
    float:right;
    margin:10px;
}
div.content-box div.cafe-master strong
{
    color:#80c342;
}

/* END CAFE MASTER */

/* SPONSOR NEWS */

div.content-box div.sponsor-news img
{
    margin:10px;
    float:right;   
}
div.content-box div.sponsor-news p
{
    float:left;
    width:160px;
    margin:10px 10px 0 0;
}

/* END SPONSOR NEWS */

/* VIDEO */
div.content-box.video h2
{
    margin-bottom: 10px;
}

div.content-box div.non-flash 
{
    text-align: center;
    min-height: 170px;
    background: url(/images/non-flash-images/video.jpg) no-repeat;
}
div.content-box div.non-flash strong
{
    display: block;
    padding-top: 50px;
    color: White;
    font-size: 1.5em;
}
div.content-box div.non-flash a
{
    color: White;
}
/* END VIDEO */
