/*

LCP STYLESHEET FOR SCREEN

CONTENTS ----------

    1.BODY
    2.DEFAULT STYLES
    3.HEADINGS
    4.LINKS
    5.LAYOUT
    6.NAVIGATION
    7.FORMS
    8.TABLES
    
    ---------------

    COLOUR REFERENCE
    
    #c2415e EARLY YEARS RED
    #8fba65 PRIMARY GREEN
    #659eca MANAGEMENT BLUE
    #dfdccc REALLY LIGHT BEIGE
    #cac2af LIGHT BROWN
    #706856 MID BROWN
    #362d1a DARK BROWN
    #1f1402 VERY DARK BROWN
    #b50932 LINK RED
    #7f0624 LINK RED DARKER
    #d89935 LINK YELLOW

    ---------------
    
    FONT SIZES
    
    11px 0.916em
    12px 1em
    13px 1.083em
    14px 1.166em
    16px 1.333em
    18px 1.5em
    24px 2em

    ---------------

*/

/*
1.BODY  ---------------------------------------------*/

    body {
        font-family: Helvetica, Arial, sans-serif;
        background: #dfdccc url(../images/main_bg_repeat.jpg) top left repeat;
        color: #333;
        font-size: 75%;
        line-height: 1.5; }

    body.popup {
        background:#fff;
    }
    
/*
2.DEFAULT STYLES  -----------------------------------*/
    
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
    
    .clear {
        clear: both; }
        
    .clearer {
        height:1px;
        line-height:1px;
        clear: both; }

    strong {
        font-weight: bold; }
        
    em {
        font-style: italic; }
        
    a img {
        outline: none;}
        
    
    
/*
LISTS ---*/
        
    #content ul, #content ol {
        font-size: 1.083em;
        list-style-type: disc;
        list-style-position: outside;
        margin: 0 0 10px 15px;  }

    #content ol {
        list-style: outside;
        padding-left:20px;
        list-style-type:decimal;
    }       

    body.misc.text #content ul, body.misc.text #content ol {
        font-size: 1.333em;
        margin: 10px 360px 10px 60px; }

    /* indent 1,2,3 used on sitemap */
    body.misc.text #content ul li.indent1 {
        margin-left:0px;
        /*list-style-type:none;*/
    }

    body.misc.text #content ul li.indent2 {
        margin-left:30px;
    }

    body.misc.text #content ul li.indent3 {
        margin-left:60px;
        list-style-type:circle;
    }   
    
/*---*/
    body.popup.text #content ul, body.popup.text #content ol {
        font-size: 1.333em;
        margin: 10px 10px 10px 10px; }

    body.popup.text #content ul li.indent1 {
        margin-left:0px;
        list-style-type:none;
    }

    body.popup.text #content ul li.indent2 {
        margin-left:30px;
    }

    body.popup.text #content ul li.indent3 {
        margin-left:60px;
        list-style-type:circle;
    }   

/*---*/
        
    body ul#checkoutsteps {
        float: right;
        list-style: none;
        width: 200px; }
        
    ul#checkoutsteps li {
        font-size: 1.333em;
        line-height: 50px;
        font-weight: bold;
        color: #fff;
        height: 50px;
        background: transparent url(../images/checkout_step.jpg) top left no-repeat;
        padding: 0 5px 0 25px;
        margin: 0 0 5px 20px; }
        
    ul#checkoutsteps li.current {
        background: transparent url(../images/checkout_step_current.jpg) top left no-repeat;
        color: #b50932;
        margin-left: 0; }
        
/*---*/
        
    .checkout dl {
        font-size: 1.166em; }
        
    .checkout dl div {
        clear: both; }
        
    .checkout dl dt {
        text-align: right;
        display: block;
        float: left;
        clear: both;
        width: 350px;
        margin: 0 20px 8px 10px; }
        
    .checkout dl dd {
        margin: 0 10px 8px 380px;
        font-weight: bold;  }
        
    .checkout dl strong {
        font-size: 1.5em; }

/*
SPANS ---*/
        
    body.detail div.specialoffer span {
        line-height: 1.1; }
        
    body.detail div.specialoffer span strong {
        font-size: 2em; }

    body.detail div.comingsoon span, body.detail div.new span {
        line-height: 1.1; }
        
    body.detail div.comingsoon span strong {
        font-size: 1.5em; }

    body.detail div.new span strong {
        font-size: 2.2em; }
        
    body.detail span.asterisk {
        font-weight: bold;
        font-size: 2em;
        line-height: 0.5;
        color: #b50932; }
        
    body.detail p.explanation span.asterisk {
        margin-left: -10px;
        font-size: 2.181em; }

    body.detail #content form.order div p.price span {
        font-size: 0.611em;
        font-weight: normal;
        margin-left: 2px;
        vertical-align: middle; }

/*
PARAGRAPHS ---*/

    p {
        font-size: 1.083em;
        margin-bottom: 10px; }

    p.subhead {
        font-size: 1.166em;
        font-weight: bold;
        border-bottom: 1px solid #cac2af; }

/*---*/
    
    /* linkout - changed so it's just one column */
    body.home #content p.column.link_out {
        font-size: 1.166em;
        font-weight: bold;
        text-align: center;
        width: 920px;
        margin: 10px;
        padding: 10px;
        background: #bab5a4 url(../images/main_bg_dark_repeat.jpg) top left repeat; }

    body.home #content p.column.link_out.last {
        margin-right: 0; }

/*---*/
        
    body.detail #content p.author {
        font-size: 0.916em;
        color: #888;
        margin: 0 10px 10px 20px; }
        
    body.detail #content.twocol p.author {
        margin: 0 0 10px 0;
        width: 180px; }
        
    body.detail #content .column p.explanation {
        font-size: 0.916em; }

/*---*/

    body.detail #content .column.first p.explanation {
        margin: 0 10px 10px 10px; }
    
    body.detail #content .column.first .look_inside p {
        font-size: 1.333em;
        font-weight: bold;
        text-align: center;
        padding: 3px 0 1px;
        margin: 0 0 10px;
        color: #fff;
        border-top: 1px solid #cac2af ;
        border-bottom: 1px solid #cac2af ; }
        
    body.early #content .column.first .look_inside p {
        background: #c2415d url(../images/promo_colour_early.jpg) top left repeat; }
        
    body.primary #content .column.first .look_inside p {
        background: #8fba65 url(../images/promo_colour_primary.jpg) top left repeat; }
        
    body.management #content .column.first .look_inside p {
        background: #659eca url(../images/promo_colour_management.jpg) top left repeat; }
        
    body.detail #content .column.first p.link {
        margin: 10px 10px 0 10px; }

/*---*/

    body.detail #content form.order div p.price {
        display: inline;
        font-size: 1.333em;
        line-height: 1;
        font-weight: bold;
        background-color: #b50932;
        color: #fff;
        margin: 0;
        padding: 5px 6px 2px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px; }

    body.detail #content form.order .wrapper div p.price {
        font-size: 1.231em; }

    body.detail #content .column.first p.subhead {
        margin: 30px 10px 5px 10px; }

    body.detail #content .column.third p.subhead {
        margin: 30px 10px 5px 10px; }
    
    body.detail #content .column.third p.explanation {
        margin: 0 10px; }

/*---*/
    
    body.misc.text #content p {
        font-size: 1.333em;
        margin: 10px 360px 10px 40px; }
    
    body.misc.text #content p.address {
        padding-left: 100px;
        position: relative; }
    
    body.misc.text #content p.address label {
        display: block;
        float: left;
        font-weight: bold;
        margin-left: -100px;
        text-align: right;
        width: 90px; }
        
    body.misc p.forminstruction {
        font-size: 1.166em;
        margin: 20px 0 20px 260px; }

    body.misc p.subhead {
        font-size: 1.333em;
        margin: 30px 20px 10px; }
        
    body.misc #content .related_products p.subhead {
        margin: 0 0 10px 0; }
        
    body.misc #content p.discount {
        text-align: center;
        font-size: 1.5em;
        font-weight: bold;
        background: transparent url(../images/main_bg_light_repeat.jpg) top left repeat;
        padding: 10px 0 10px;
        margin-bottom: 20px;
        color: #b50932; }
        
    body.misc #content p.discount strong {
        font-size: 1.5em;
        display: block;
        margin: 5px 20px;
        background-color: #b50932;
        color: #fff;
        padding: 7px 10px 3px;
        vertical-align: middle;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px; }
        
    body.misc #content span.discount {
        font-size: 0.611em;
        font-weight: normal;
        color: #b50932;
        margin-top: 5px;
        display: block;
        text-align: center; }

/*---*/
    body.popup.text #content p {
        font-size: 1.333em;
        margin: 10px; }

/*---*/

    .checkout p {
        font-size: 1.333em;
        margin: 10px 10px 10px 40px; }

/*---*/

    #basket_summary p {
        margin-bottom: 10px;
        line-height: 1;
        color: #fff; }

    #basket_summary p strong {
        font-size: 1.333em;
        vertical-align: middle;
        background-color: #1f1402;
        padding: 2px 5px 1px; }
        
/*
3.HEADINGS  -----------------------------------------*/

    h1 {
        clear: both;
        font-size: 2.333em;
        line-height: 1; }

    body.home.main h1 {
        position: absolute;
        width: 378px;
        height: 54px;
        top: 96px;
        left: 220px; }

    body.category h1, body.detail h1, body.misc h1, body.popup h1 {
        font-size: 2em;
        color: #fff;
        margin: 0;
        padding: 5px 10px 3px 40px; }

    body.category.early h1, body.detail.early h1 {
        background: #c2415e url(../images/content_panel_early_head_repeat.jpg) top left repeat-y; }

    body.category.primary h1, body.detail.primary h1 {
        background: #c2415e url(../images/content_panel_primary_head_repeat.jpg) top left repeat-y; }

    body.category.management h1, body.detail.management h1 {
        background: #c2415e url(../images/content_panel_mgmt_head_repeat.jpg) top left repeat-y; }

    body.home.section h1 {
        background-image: none;
        background-color: transparent;
        font-style: normal;
        clear: none;
        font-size: 1.333em;
        line-height: 1.5;
        margin: 10px 12px; }

    body.detail h1 {
        padding-left: 240px; }

    body.misc h1 {
        background: #bab5a4 url(../images/main_bg_darker_repeat.jpg) top left repeat;
        margin-bottom: 40px; }
        
    body.misc.text h1 {
        margin-bottom: 40px; }

/*---*/
    body.popup h1 {
        background: #bab5a4 url(../images/main_bg_darker_repeat.jpg) top left repeat;
        margin-bottom: 10px; }
        
    body.popup.text h1 {
        margin-bottom: 10px; }

/*---*/
        
    h2 {
        font-size: 1.333em; }
    
    body.misc.text #content h2, body.popup.text #content h2 {
        font-size: 1.5em;
        margin: 20px 0 10px 40px;;
        border-bottom: 1px solid #cac2af;
    }
    
    body.home .simple h2 {
        font-weight: bold;
        margin: 10px; }
        
    body.category h2 {
        font-size: 1.5em;
        line-height: 1.2; }
        
    body.detail h2 {
        margin-bottom: 20px; }

/*---*/
        
    h3 {
        font-size: 1.166em; }

    body.misc.text #content h3, body.popup.text #content h3 {
        font-size: 1.333em;
        margin: 20px 0 10px 40px;;
        border-bottom: 1px solid #cac2af;
    }
        
    body.home .promo h3 {
        font-size: 1.5em;
        padding: 5px 10px 0 10px; }
        
    body.home .promo.double h3 {
        padding-right: 20px; }
        
    body.home .promo .simple h3 {
        color: #fff;
        position: relative;
        margin-bottom: 10px;
        top: 0;
        left: 0;
        border: none;
        background: #1f1402 url(../images/promo_colour_misc.jpg) top left repeat; }

    body.detail form.order div h3 {
        font-size: 1em;
        margin: 0;
        padding: 4px 10px 7px; }
        
    body.misc .column.checkout h3 {
        font-size: 1.5em;
        border-bottom: 1px solid #cac2af;
        margin: 20px 10px 10px; }

/*---*/
    
    body.home .promo .text h4 {
        font-size: 1.166em;
        padding: 0 10px 5px 10px;
        margin: 0; }
    
    body.home .promo.double .text h4 {
        padding-right: 20px; }
    
    body.home .promo.double.dark .text h4 {
        color: #fff; }
        
    body.home .promo .simple h4 {
        margin: 0 10px; }

/*---*/
        
    body.home .promo h5 {
        position: absolute;
        font-size: 1.5em;
        line-height: 1;
        color: #fff;
        padding: 5px 10px;
        border-right: 1px solid #1f1402;
        border-bottom: 1px solid #1f1402; }
        
    body.home .promo .early h5 {
        background: #c2415d url(../images/promo_colour_early.jpg) top left repeat; }
        
    body.home .promo .primary h5 {
        background: #8fba65 url(../images/promo_colour_primary.jpg) top left repeat; }
        
    body.home .promo .management h5 {
        background: #659eca url(../images/promo_colour_management.jpg) top left repeat; }
        
    body.home .promo .misc h5 {
        background: #1f1402 url(../images/promo_colour_misc.jpg) top left repeat; }
        
    body.home .promo.double h5 {
        font-size: 2em; }

/*
4.LINKS  --------------------------------------------*/

    a {
        color: #b50932;
        font-weight: bold;
        text-decoration: none;
        border-bottom-width: 1px;
        border-bottom-style: dotted; }

    a:visited {
        color: #706856; }

    a:hover, a:active {
        color: #362d1a; }
        
/*---*/
        
    #utilities_nav a {
        /*color: #cac2af;*/
        color: #fff;
        }

    #utilities_nav a:visited {
        /* color: #706856; */
        color: #fff; 
        }

    #utilities_nav a:hover, #utilities_nav li.active a {
        color: #b50932; }
        
/*---*/
    
    #entry_nav li a {
        font-size: 2em;
        line-height: 40px;
        background: #dfdccc url(../images/entry_nav_sprite.jpg) top left no-repeat;
        color: #fff;
        display: block;
        float: none;
        text-align: center;
        width: 304px;
        height: 40px;
        padding: 0;
        margin: 0;
        border: none; }
    
    #entry_nav li.second a {
        background-position: -320px top; }
    
    #entry_nav li.third a {
        background-position: -640px top; }
    
    #entry_nav li a:hover, #entry_nav li a:active {
        background-position: left -43px; }
        
    #entry_nav li.second a:hover, #entry_nav li.second a:active {
        background-position: -320px -43px; }
        
    #entry_nav li.third a:hover, #entry_nav li.third a:active {
        background-position: -640px -43px; }
        
/*---*/
    
    #primary_nav li a, #primary_nav li a.visited {
        font-size: 1.083em;
        line-height: 1;
        text-indent: -9999px;
        color: #fff;
        display: block;
        float: left;
        height: 44px;
        border: none; }
        
    #primary_nav li.current a {
        font-size: 2em;
        margin-top: 0;}
        
    #primary_nav li#earlytab a, #primary_nav li#earlytab a:visited {
        background: transparent url(../images/nav_tab_small_early.jpg) right top no-repeat;
        width: 100px; }
        
    #primary_nav li#earlytab a:hover, #primary_nav li#earlytab a:active {
        background-position: right -44px; }
        
    #primary_nav li#earlytab.current a:visited {
        background: transparent url(../images/nav_tab_large_early.jpg) right top no-repeat;
        width: 159px; }
        
    #primary_nav li#primarytab a, #primary_nav li#primarytab a:visited {
        background: transparent url(../images/nav_tab_small_primary.jpg) right top no-repeat;
        width: 74px; }
        
    #primary_nav li#primarytab a:hover, #primary_nav li#primarytab a:active {
        background-position: right -44px; }
        
    #primary_nav li#primarytab.current a:visited {
        background: transparent url(../images/nav_tab_large_primary.jpg) right top no-repeat;
        width: 119px; }
        
    #primary_nav li#managementtab a, #primary_nav li#managementtab a:visited {
        background: transparent url(../images/nav_tab_small_mgmt.jpg) right top no-repeat;
        width: 172px; }
        
    #primary_nav li#managementtab a:hover, #primary_nav li#managementtab a:active {
        background-position: right -44px; }
        
    #primary_nav li#managementtab.current a:visited {
        background: transparent url(../images/nav_tab_large_mgmt.jpg) right top no-repeat;
        width: 266px; }
        
/*---*/
        
    #secondary_nav a {
        clear: both;
        font-size: 1em;
        border-bottom: none;
        color: #222;
        margin: 4px 0 5px 0;
        padding-left: 17px; }
        
    .early #secondary_nav a {
        background: #c2415e url(../images/secondary_nav_arrow_sprite_early.gif) left 2px no-repeat; }
        
    .primary #secondary_nav a {
        background: #8fba65 url(../images/secondary_nav_arrow_sprite_primary.gif) left 2px no-repeat; }
        
    .management #secondary_nav a {
        background: #659eca url(../images/secondary_nav_arrow_sprite_mgmt.gif) left 2px no-repeat; }
        
    #secondary_nav a:visited {
        color: #222; }
        
    #secondary_nav a:hover, .secondary_nav a:active, #secondary_nav li.current a {
        background-position: left -24px;
        color: #fff; }
        
/*---*/
    
    a.button {
        display: block;
        line-height: 1;
        border-bottom: none;
        background-color: #777;
        color: #fff;
        text-align: center;
        float: left;
        text-indent: -9999px;
        height: 30px; }
    
    a.button.details, a.button.details:visited {
        width: 122px;
        background: #e1dece url(../images/details_button.jpg) left top no-repeat; }
    
    a.button.details:hover, a.button.details:active {
        background-position: left -30px; }
        
    body.home .promo h3 a {
        border-bottom: none; }
        
    body.detail #content .column .look_inside a {
        float: left;
        margin: 0 0 3px 10px;
        border: none;
        background: #e1dece url(../images/look_inside_thumbnail_shadow.jpg) center bottom no-repeat; }
        
    body.misc .column.checkout h3 a {
        float: right;
        border: none; }
        
    body.misc #content .related_products a {
        border: none; }
    
    #basket_summary a.button, #basket_summary a.button:visited {
        position: relative;
        left: 45px;
        width: 110px;
        background: #e1dece url(../images/basket_button.jpg) left top no-repeat; }
    
    #basket_summary a.button:hover, #basket_summary a.button:active {
        background-position: left -30px; }

/*
5.LAYOUT  -------------------------------------------*/
        
    .column {
        float: left;
        margin-right: 20px; }

    #wrapper {
        position: relative;
/*      background: transparent url(../images/960_grid_16_col_bg.png) center top repeat-y;*/
        width: 980px;
        margin: 0 auto; }

    body.popup #wrapper {
        width: 540px;
        }
    
    #main_logo {
        position: absolute;
        top: 65px;
        left: 40px;
        width: 147px;
        height: 106px; }
            
    #basket_summary {
        background: #dfdccc url(../images/main_bg_darker_repeat.jpg) top left repeat;
        text-align: center;
        position: absolute;
        top: 90px;
        left: 740px;
        width: 200px;
        padding: 10px;
        border: 2px solid #cac2af; }

    #advert {
        position: absolute;
        width: 500px;
        height: 100px;
        top: 45px;
        left: 210px;
    }

/*---*/
    
    #content {
        position: relative;
        clear: both;
        margin: 0 20px; }
    
    body.home #content {
        margin: 0 10px; }
    
    body.home.section #content {
        height: 440px;
        background: #ecebe1 url(../images/main_bg_light_repeat.jpg) top left repeat; }
    
    #content.panel {
        margin-right: 15px;
        background: #cac2af url(../images/content_panel_repeat.jpg) top left repeat-y; }
    
    #content.panel div.top {
        height: 5px; }
    
    #content.panel div.bottom {
        height: 30px; }
    
    #content.panel div.foot {
        height: 45px; }
    
    body.early #content.panel div.top {
        background: #cac2af url(../images/content_panel_early_head_top.jpg) top left no-repeat; }
    
    body.early #content.panel div.bottom {
        background: #cac2af url(../images/content_panel_early_head_bottom.jpg) top left no-repeat; }
    
    body.early #content.panel div.foot {
        background: #cac2af url(../images/content_panel_early_foot.jpg) top left no-repeat; }
    
    body.primary #content.panel div.top {
        background: #cac2af url(../images/content_panel_primary_head_top.jpg) top left no-repeat; }
    
    body.primary #content.panel div.bottom {
        background: #cac2af url(../images/content_panel_primary_head_bottom.jpg) top left no-repeat; }
    
    body.primary #content.panel div.foot {
        background: #cac2af url(../images/content_panel_primary_foot.jpg) top left no-repeat; }
    
    body.management #content.panel div.top {
        background: #cac2af url(../images/content_panel_mgmt_head_top.jpg) top left no-repeat; }
    
    body.management #content.panel div.bottom {
        background: #cac2af url(../images/content_panel_mgmt_head_bottom.jpg) top left no-repeat; }
    
    body.management #content.panel div.foot {
        background: #cac2af url(../images/content_panel_mgmt_foot.jpg) top left no-repeat; }

/*---*/
            
    body.home .introduction {
        margin: 0 0 10px }
        
    body.home #content .promo {
        width: 300px;
        height: 200px;
        position: relative;
        float: left;
        margin: 0;
        padding: 10px; }
    
    body.home #content .promo .promo_inner {
        position: absolute;
        width: 298px;
        height: 198px;
        top: 10px;
        left: 10px;
        border: 1px solid #1f1402; }
    
    body.home #content .promo .simple {
        width: 300px;
        height: 200px;
        background: transparent url(../images/main_bg_light_repeat.jpg) top left repeat;
        border: none; }
    
    body.home.section #content .promo_inner.simple {
        background-image: none; }
    
    body.home #content .promo_inner.simple img {
        float: right;
        margin: 0 5px 10px 10px; }
        
    body.home #content .promo.double {
        width: 620px; }
    
    body.home #content .promo.double .promo_inner {
        width: 620px; }
    
    body.home #content .promo .text {
        background: transparent url(../images/offer_box_overlay.png) bottom right repeat;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 298px;
        height: auto;
        text-align: right; }
    
    body.home #content .promo.double .text {
        background-image: none;
        width: 270px;
        height: 178px;
        top: 20px;
        right: 0;
        left: auto;
        bottom: auto; }
        
/*---*/
        
    body.category #content .column {
        position: relative;
        margin: 10px 0 20px 30px;
        padding: 10px;
        width: 420px; }
        
    body.category #content .column.odd {
        clear: left; }
        
    body.category #content .column.even {
        margin: 10px 0 20px 20px; }
        
    body.category #content div.sale {
        position: absolute;
        top: -15px;
        left: -15px; }
        
    body.category #content .column img {
        float: left;
        margin-right: 20px; }
        
/*---*/
    
    body.detail #content.panel {
        background: #cac2af url(../images/content_panel_detail_repeat.jpg) top left repeat-y; }
    
    body.detail #content.panel.twocol {
        background: #cac2af url(../images/content_panel_detail_twocol_repeat.jpg) top left repeat-y; }
        
    body.detail #content .column.first {
        width: 220px; }
        
    body.detail #content.twocol .column.first {
        width: 640px;
        padding-left: 20px; }
        
    body.detail #content .column.first img {
        margin-left: 20px; }
        
    body.detail #content.twocol .column.first img {
        margin-left: 0; }
        
    body.detail #content .column.first .look_inside {
        background: #dfdccc url(../images/main_bg_lighter_repeat.jpg) top left repeat;
        margin: 30px 10px 10px;
        padding-bottom: 5px;
        border: 1px solid #cac2af;
        border-top: none; }
        
    body.detail #content .column.first .look_inside img {
        margin-left: 0;
        border: 2px solid #fff; }
        
    body.detail #content .column embed {
        margin-left: 10px; }
        
    body.detail #content .column.second {
        width: 440px; }
        
    body.detail #content .column.third {
        width: 240px;
        padding: 0;
        margin-right: 0; }
        
    body.detail #content .column.third img {
        float: left;
        margin: 5px 10px 20px 10px; }
        
    body.detail div.pullquote {
        font-family: Georgia, serif;
        font-weight: bold;
        font-size: 1.083em;
        line-height: 1.846;
        color: #b50932;
        text-align: center;
        float: right;
        width: 150px;
        margin: 0 10px 10px 20px;
        padding: 5px 0;
        border-top: 1px dotted #b50932;
        border-bottom: 1px dotted #b50932; }
        
    body.detail div.pullquote span {
        font-style: italic;
        font-weight: normal; }
        
    body.detail div.specialoffer {
        position: absolute;
        top: -55px;
        left: 840px;
        width: 142px;
        height: 142px;
        padding-top: 22px;
        background: transparent url(../images/special_offer_sticker.png) center top no-repeat;
        color: #fff;
        text-align: center; }

    body.detail div.comingsoon {
        position: absolute;
        top: -35px;
        left: -25px;
        width: 100px;
        height: 100px;
        padding-top: 30px;
        background: transparent url(../images/special_offer_sticker2.png) center top no-repeat;
        color: #fff;
        text-align: center; }
        
    body.detail div.new {
        position: absolute;
        top: -35px;
        left: -25px;
        width: 100px;
        height: 100px;
        padding-top: 34px;
        background: transparent url(../images/special_offer_sticker2.png) center top no-repeat;
        color: #fff;
        text-align: center; }
        
        
/*---*/
        
    body.misc #content {
        padding-bottom: 40px; }
        
    body.misc #content .column {
        width: 700px; }
        
    body.misc #content .column.confirmation {
        background: #ecebe1 url(../images/main_bg_light_repeat.jpg) top left repeat; }
        
    body.misc #content .column.steps {
        width: 220px;
        margin: 0;
        padding: 0;
        background-image: none;
        background-color: transparent; }
        
    body.misc #content .related_products {
        clear: both;
        margin: 20px 0 0 0;
        padding: 10px 20px;
        background: #ecebe1 url(../images/main_bg_light_repeat.jpg) top left repeat; }
        
    body.misc #content .related_products.basket {
        margin: 20px 20px 0 20px; }
        
    body.misc #content .related_products img {
        margin: 10px 20px 10px 0; }
        
    body.misc #content .steps .related_products img {
        margin: 10px 0 10px 35px; }
        
/*---*/
        
    body.popup #content {
        padding-bottom: 0px; }
        
/*---*/
        
    #footer {
        clear: both;
        text-align: center;
        margin: 0;
        padding: 10px 0; }
        
/*--- THIS SECTION NEEDS REBUILDING */
        
    .ui-tabs {
        zoom: 1; }
    
    #content .ui-tabs .ui-tabs-nav {
        list-style: none;
        position: relative;
        display: block;
        background: #dfdccc url(../images/content_tab_shadow.jpg) left bottom repeat-x; }
    
    .ui-tabs-nav:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
    
    .ui-tabs .ui-tabs-nav li {
        position: relative;
        float: left;
        margin-left: 10px;
        border-bottom-width: 0 !important; }
    
    .ui-tabs .ui-tabs-nav li a {
        float: left;
        background: #dfdccc url(../images/content_tab_dark.jpg) left bottom repeat-x;
        text-decoration: none;
        padding: 3px 6px;
        border: 1px solid #cac2af;
        border-bottom: none; }
    
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li a:hover {
        background: #dfdccc url(../images/content_tab_light.jpg) left bottom repeat-x; }
    
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
        cursor: text; }
    
    .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
        cursor: pointer; }
        /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
    
    .ui-tabs .ui-tabs-panel {
        display: block; }
    
    .ui-tabs .ui-tabs-hide {
        display: none !important; }
        
    #content div.tab_content {
        clear: both;
        padding-top: 15px; }
        
/*
6.NAVIGATION  ---------------------------------------*/

    #utilities_nav {
        text-align: right;
        background: #1f1402 url(../images/utility_nav_bg_repeat.jpg) left bottom repeat-x;
        width: 960px;
        padding: 5px 10px 10px;
        margin: 0 auto; }

    #utilities_nav li {
        display: inline;
        margin-right: 10px; }
        
/*---*/
        
    #primary_nav {
        padding-top: 120px;
        clear: both; }
        
    #primary_nav li {
        display: block;
        float: left;
        padding-left: 5px;
        margin-right: 10px;  }
        
    #primary_nav li.current {
        padding-left: 10px;  }
        
    #primary_nav li#earlytab {
        margin-left: 220px; }
        
/*---*/
        
    #entry_nav {
        padding-top: 162px;
        clear: both; }
        
    #entry_nav .column {
        width: 304px;
        margin: 0 0 0 17px; }
        
    #entry_nav .column.second, #entry_nav .column.third {
        margin-left: 16px; }
        
/*---*/
        
    #secondary_nav {
        font-size: 1.083em;
        background-color: #ccc;
        width: 945px;
        margin: 0 15px 20px 20px;
        float: left;  }
        
    #secondary_nav div.top {
        height: 5px; }
        
    #secondary_nav div.bottom {
        height: 10px; }
        
    .early #secondary_nav {
        background: #c2415e url(../images/nav_early_repeat.jpg) top left repeat-y; }
        
    .early #secondary_nav div.top {
        background: #c2415e url(../images/nav_early_top.jpg) top left no-repeat; }
        
    .early #secondary_nav div.bottom {
        background: #c2415e url(../images/nav_early_bottom.jpg) top left no-repeat; }
        
    .primary #secondary_nav {
        background: #8fba65 url(../images/nav_primary_repeat.jpg) top left repeat-y; }
        
    .primary #secondary_nav div.top {
        background: #8fba65 url(../images/nav_primary_top.jpg) top left no-repeat; }
        
    .primary #secondary_nav div.bottom {
        background: #8fba65 url(../images/nav_primary_bottom.jpg) top left no-repeat; }
        
    .management #secondary_nav {
        background: #659eca url(../images/nav_mgmt_repeat.jpg) top left repeat-y; }
        
    .management #secondary_nav div.top {
        background: #659eca url(../images/nav_mgmt_top.jpg) top left no-repeat; }
        
    .management #secondary_nav div.bottom {
        background: #659eca url(../images/nav_mgmt_bottom.jpg) top left no-repeat; }
                
    #secondary_nav .column {
        white-space: nowrap;
        width:240px;
        min-width:240px;
        width:auto !important;
        margin: 10px 10px 5px 10px; }
/*
    .early #secondary_nav .column {
        width: 200px; }
        
    .early #secondary_nav .column.first {
        width: 340px; }
        
    .primary #secondary_nav .column {
        width: 180px; }
        
    .primary #secondary_nav .column.first {
        width: 230px; }
        
    .management #secondary_nav .column {
        width: 280px; }
      
*/        
    #secondary_nav .column.first {
        margin-left: 40px; }

    #secondary_nav .column.last {
        margin-right: 0; }
        
    #secondary_nav li {
        margin-top: 1px;
        margin-bottom: 3px;
        margin-right: 20px;
        float: none; }      

/*
7.FORMS  --------------------------------------------*/

    form {
        font-size: 1.166em;
        background: #ecebe1 url(../images/main_bg_light_repeat.jpg) top left repeat;
        padding: 20px 0; }

    body.popup form {
        background:#fff;
    }        

    form fieldset {
        position: relative;
        border-top: 1px solid #cac2af;
        background: #ecebe1 url(../images/main_bg_light_repeat.jpg) top left repeat;
        padding: 20px 0;
        margin-bottom: 36px; }

    form fieldset legend span {
        font-size: 1em;
        line-height: 1;
        font-weight: bold;
        background-color: #b50932;
        color: #fff;
        position: relative;
        left: 10px;
        padding: 5px 10px; }
        
    form div {
        clear: both;
        padding: 15px 20px 10px;
        zoom: 1; }
        
    form div label {
        display: block;
        float: left;
        text-align: right;
        width: 230px;
        margin-right: 10px; }
        
    form div label.tandc {
        width: 340px; }
        
    form div.radio span {
        display: block;
        float: left;
        text-align: right;
        width: 230px;
        margin-right: 10px; }

    span.instruction {
        font-size: 0.888em;
        clear: both;
        display: block;
        margin-left: 240px;
        padding-top: 5px;
        width: 325px; }
        
    form div input, form div textarea {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 1em;
        line-height: 1.5;
        font-weight: bold;
        display: block;
        float: left;
        margin-top: -5px;
        background-color: #fff;
        color: #333;
        border: none;
        width: 325px;
        padding: 7px 5px 3px;
        border: 2px solid #fff; }
        
    form div input.radio {
        margin-top: 4px;
        width: auto; }
        
    form div input.checkbox {
        width: auto; }

    form div input.submit {
        margin-left: 240px;
        width: auto; }
        
    form div input:focus, form div textarea:focus {
        border: 2px solid #706856; }
        
    form div input.submit:hover {
        background-color: #333;
        color: #fff; }
        
    form div select {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 1em;
        background-color: #fff;
        color: #333;
        border: none;
        padding: 3px 0 0 5px; }
        
    form div select option {
        padding: 3px 5px 0 5px; }
        
    form div select option:active, form div select:active {
        border: none; }
        
    form div input.checkbox {
        width: auto;
        margin-top: 3px; }

    form div input.button {
        text-indent: -9999px;
        border: none;
        height: 30px; }
        
    form div input#update {
        width: 102px;
        background: #e1dece url(../images/update_button.jpg) left top no-repeat; }
        
    form div input#next {
        width: 122px;
        background: #e1dece url(../images/next_button.jpg) left top no-repeat; }
        
    form div input#login {
        width: 102px;
        background: #e1dece url(../images/login_button.jpg) left top no-repeat; }
        
    form div input#findschool {
        width: 126px;
        background: #e1dece url(../images/find_school_button.jpg) left top no-repeat; }
        
    form div input#copydetails {
        width: 297px;
        background: #e1dece url(../images/copy_details_button.jpg) left top no-repeat; }
        
    form div input#register {
        width: 97px;
        background: #e1dece url(../images/register_button.jpg) left top no-repeat; }
        
    form div input#checkout {
        margin-left: 440px;
        margin-left:0px !important;
        width: 122px;
        background: #e1dece url(../images/checkout_button.jpg) left top no-repeat; }
        
    form div input#submit {
        width: 85px;
        background: #e1dece url(../images/submit_button.jpg) left top no-repeat; }
        
    body #content form div input.button:hover, body #content form div input.button:active {
        background-position: left -30px; }
        
    form div span.textblock {
        display:block;
        margin-left:240px;
        width:350px;
    }        
/*
ORDER SPECIFIC ---*/

    form.order {
        font-size: 1em;
        padding: 5px 0 5px 5px;
        margin: 0 10px 10px 0;
        text-align: center;
        background: #dfdccc url(../images/main_bg_lighter_repeat.jpg) top left repeat;
        border: 1px solid #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px; }

    #content form.order ul {
        list-style: none; }

    form.order a.section_selector, form.order a.section_selector:visited {
        border-bottom: none;
        font-size: 1em;
        font-weight: bold;
        text-align: left;
        background: #b50932 url(../images/section_select_arrow.jpg) 10px top no-repeat;
        color: #fff;
        padding: 5px 8px 5px 35px;
        display: block;
        width: 175px;
        margin-bottom: 3px; }

    form.order a.section_selector:hover, form.order a.section_selector:active {
        background-color: #7f0624;
        background-position: 10px -30px; }

    form.order div {
        background: #dfdccc url(../images/main_bg_dark_repeat.jpg) top left repeat;
        padding: 0 0 5px 0;
        margin: 0 5px 3px 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px; }

    form.order div.wrapper {
        background-color: transparent;
        background-image: none;
        margin-bottom: 0;
        padding-bottom: 0; }

    form.order div.wrapper div {
        margin-right: 0;}

    form.order div.submit {
        padding-bottom: 0;
        margin-bottom: 0; }

    form.order div label {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0 auto 3px auto; }

    form.order div select {
        margin: 10px 0 0 0; }

    form.order div select option {
        padding-right: 10px; }

    form.order div input.submit {
        float: none;
        width: 218px;
        height: 43px;
        font-size: 1.5em;
        background: transparent url(../images/add_to_basket_button.jpg) top left no-repeat;
        text-indent: -9999px;
        margin: 0;
        padding: 0;
        border: none; }

    form.order div input.submit:hover, form.order div input.submit:active {
        background-position: left -43px; }
        
/*
BASKET SPECIFIC ---*/

    form.basket {
        margin: 40px 20px 20px; }
        
    form.basket div div {
        padding: 0; }
        
    form.basket div label {
        width: 420px;
        margin-right: 20px; }   
        
    form.basket div.header {
        border-bottom: 1px solid #cac2af;
        padding: 0 20px; }
        
    form.basket div.item, form.basket div.update, form.basket div.totals {
        background: #ecebe1 url(../images/main_bg_light_repeat.jpg) top left repeat; }
        
    form.basket div.update {
        border-bottom: 1px solid #cac2af;
        padding-left: 460px; }
        
    form.basket div.totals {
        border-bottom: 1px solid #cac2af;
        padding: 10px 20px 0; }
        
    form.basket div.totals div {
        float: none;
        margin-bottom: 10px; }
        
    form.basket div.totals label {
        margin-bottom: 10px; }
        
    form.basket div.totals.final {
        font-size: 1.333em;
        font-weight: bold;
        border-bottom: 1px solid #cac2af; }
        
    form.basket div.voucher {
        margin-top: 20px; }
        
    form.basket div.nextpage {
        float: none;
        margin-bottom: 10px; }
        
    form.basket div span.quantity, form.basket div #update, form.basket div span.price {
        font-weight: bold; }
        
    form.basket div.header span.quantity, form.basket div.header span.price {
        line-height: 1;
        padding: 5px 10px;
        margin-right: 10px; }
        
    form.standard.basket div span.price {
        width: auto;
        margin-right: 5px; }

    form.basket div span.discountprice {
        font-weight: bold;
        width:410px;
        float:left;
        margin-right: 5px; }
        
    form.basket div.header span.quantity {
        margin-left: 435px;
        margin-right: 105px;
        width: 130px; }
        
    form.basket div #update {
        margin-left: 0;
        float: none; }
        
    form.basket div span.vat {
        font-size: 0.722em;
        vertical-align: middle; }
        
    form.basket div select {
        float: left;
        width: 180px;
        margin-right: 10px; }
        
    form.basket div input#voucher {
        width: 150px; }
        
    form.basket div input#checkout {
        margin-left: 440px; }

/*
CONTENT PAGE FORM ---*/
        
    .twocol .tab_content form {
        background: #ecebe1 url(../images/main_bg_lighter_repeat.jpg) top left repeat;
        padding-bottom: 50px; }
        
    .twocol .tab_content form label {
        width: 140px; }
        
    .twocol .tab_content form input#submit {
        margin-left: 150px;
        border: none; }

/*
SEARCH FORM ---*/

    #cse-search-box {
        position: absolute;
        background-color: transparent;
        background-image: none;
        top: 45px;
        left: 740px;
        padding: 0; }

    #cse-search-box fieldset{
        position: relative;
        border: none;
        background-color: transparent;
        background-image: none;
        padding: 0;
        margin-bottom: 0; }
        
    #cse-search-box input {
        font-size: 1.166em;
        /*background: #dfdccc url(../images/magnifier_icon.jpg) 5px 5px no-repeat;*/
        background-color:#dfdccc;
        color: #333;
        border: none;
        padding: 3px 5px 3px 25px;
        position: relative;
        font-weight: bold;
        width: 144px;
        border: 2px solid #706856; }
        
    #cse-search-box input:focus {
        background-position: 5px -31px;
        background-color: #fff; }
        
    #cse-search-box input.submit {
        background-image: none;
        background-color: #b50932;
        color: #fff;
        padding: 2px;
        width: 36px;
        margin-left: 5px;
        border: 2px solid #b50932; }
        
    #cse-search-box input.submit:hover {
        background-color: #362d1a;
        border: 2px solid #362d1a; }

/*
8.TABLES  --------------------------------------------*/

    body.misc.text form table {
        margin-left: 40px; }