/*

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
    #8653af SECONDARY PURPLE
    #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: #dbdbdb url(../images/new_body_bg_rpt.jpg) top center repeat-y;
        color: #333;
        font-size: 75%;
        line-height: 1.5; }

    body.popup {
        background:#fff;
    }
    
/*
2.DEFAULT STYLES  -----------------------------------*/
	
	/* CLEARFIX */
	.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } 
	.clearfix:after { clear: both; }
	.clearfix { zoom: 1; }
    
    .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; 
        }

	body.misc.text #content ul ul, body.misc.text #content ol ol {
		font-size: 100%;
	}

    /* 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;
        border-top: 1px solid #ddd;  }
        
    ul#checkoutsteps li {
        font-size: 1.333em;
        font-weight: bold;
        padding: 8px 10px 8px 20px;
        margin: 0;
        border-bottom: 1px solid #ddd; }
        
    ul#checkoutsteps li.current {
        background-color: #ddd;
        padding-left: 10px; }

    ul#checkoutsteps li a {
        text-decoration:none;
    }    

/*---*/
        
    .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; }

    body.detail #content .column.third span.link {
        display:block;
        float: left;
        margin-top: 5px;
        margin-right: 10px;
        margin-bottom: 20px;
        margin-left: 10px;
        font-weight:normal;
        font-size:90%; }

    .checkout dl span.money {
        width:70px;
        display:block;
        float:left;
        text-align:right;
        margin-right:10px; }

/*---*/
        
    body.category #content .column p.offer {
	    border: none;
    	width: 120px;
    	margin-left: -10px;
        }

/*
PARAGRAPHS ---*/

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

    p.subhead {
        font-size: 1.166em;
        font-weight: bold;
        /*-- CHANGE: Remove underlines from subheads - Nicola thinks they may confuse customer
        border-bottom: 1px solid #cac2af; --*/
        }
        
    #footer p {
    	font-size: 1em;
    	margin-bottom: 0;
    	}

/*---*/

	.breadcrumb p {
		font-size: 1em;
		margin-bottom: 5px;
		}

/*---*/
    
    /* 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 {
        text-align:center;
        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.category #content .column p {
        margin: 10px 0; }
        
    body.category #content .column p.description {
        margin-left:140px;
        height: 180px; }
        
    body.category #content .column.intro p {
        margin: 20px 40px 20px 0;
        padding: 10px;
        border: 1px solid #DDDDDD; }
        
    body.category #content p.offer {
    	margin: 0;
    	clear: left;
    	}
    	
    body.category #content p.introduction {
    	margin: 10px 0px;
    	padding: 10px 10px 10px 15px;
    	border: 1px solid #ddd;
    	}

/*---*/
        
    body.detail #content .column p.inspection {
		text-align: center;
		font-size: 1.166em;
		margin: 0 0 6px 0;
		}

    body.detail #content .column.first p.explanation {
		text-align: center;
		font-size: 1.166em;
		margin: 0 0 6px 0; }
    
    body.detail #content .column.first .look_inside p {
        font-size: 1.333em;
        font-weight: bold;
        text-align: center;
        padding: 3px 0 1px;
        margin: 0 -5px 10px;
        color: #fff; }
        
    body.early #content .column.first .look_inside p {
        background-color: #ff3640; }
        
    body.primary #content .column.first .look_inside p {
       	background-color: #b2d765; }
        
    body.secondary #content .column.first .look_inside p {
        background-color: #b26ec9; }
        
    body.management #content .column.first .look_inside p {
        background-color: #72bae8; }
        
    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;
        text-align: center;
        color: #fff;
        margin: 0;
        padding: 5px 6px 3px;
        -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         -o-border-radius: 5px;
         border-radius: 5px; }

    body.early #content form.order div p.price {
    	background-color: #ff3640; }
                
    body.primary #content form.order div p.price {
    	background-color: #b2d765; }
        
    body.secondary #content form.order div p.price {
    	background-color: #b26ec9; }
        
    body.management #content form.order div p.price {
    	background-color: #72bae8; }

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

    body.detail #content .column.first p.subhead {
        text-align:center;
        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.166em;
        margin: 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.popup h1 {
        font-size: 2em;
        color: #fff;
        margin: 0;
        padding: 10px 10px 10px 40px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px; }
        
    body.detail h1 {
    	margin-bottom: 20px; }

    body.category.early h1,
    body.detail.early h1 {
        background-color: #ff3640; }

    body.category.primary h1,
    body.detail.primary h1 {
        background-color: #b2d765; }

    body.category.secondary h1,
    body.detail.secondary h1 {
        background-color: #b26ec9; }

    body.category.management h1,
    body.detail.management h1 {
        background-color: #72bae8; }

    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;
        border-bottom: 20px solid #FFFFFF;
        margin-bottom: 0; }

    body.category h1,
    body.detail h1  {
        padding-left:10px;
        text-align:center;
    }

    body.misc h1 {
        margin: 40px 40px 14px 40px; }
        
    body.misc.text h1 {
        margin: 40px 40px 14px 40px;
        padding-bottom: 6px;
        border-bottom: 1px solid #eee; }

/*---*/
    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 {
        margin: 20px 0 0 40px;
    }
    
    body.home .simple h2 {
        font-weight: bold;
        margin: 10px; }
        
    body.category h2 {
        font-size: 1.166em;
        line-height: 1.5;
        position: relative;
        height: 40px;
        margin: 10px 0;
        }
        
    body.detail h2 {
        margin-bottom: 20px; }
        
    body.misc.text #content table td.data h2 {
    	text-align: center;
    	margin: 0;
    	}
    	
    body.section .promo .simple h2 {
    	font-size: 1.083em;
    	font-weight: normal;
    	}

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

    body.misc.text #content h3, body.popup.text #content h3 {
        font-size: 1.166em;
        margin: 10px 0 0 40px;;
    }
        
    body.home .promo h3 {
        font-size: 1.333em;
        padding: 5px 10px 0 10px; }
        
    body.home .promo.double h3 {
        padding-right: 20px; }
        
    body.home .promo .simple h3 {
        color: #888;
        margin-bottom: 10px;
        background-color: #ddd;
		}
        
    body.early .promo .simple h3 {
        background-color: #ff3640;
		}
        
    body.primary .promo .simple h3 {
        background-color: #b2d765;
		}
        
    body.secondary .promo .simple h3 {
        background-color: #b26ec9;
		}
        
    body.management .promo .simple h3 {
        background-color: #72bae8;
		}

    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 40px; }

/*---*/
    
    body.home .promo .text h4 {
        font-size: 1.166em;
        padding: 0px 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 {
    	font-size: 1em;
    	font-weight: normal;
        margin: 0px 10px;
        padding-left: 120px; }

/*---*/
        
    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 .secondary h5 {
        background: #8fba65 url(../images/promo_colour_secondary.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; }

/*---*/
    body.home .promo .simple p {
    	font-size: 1em;
    	font-weight: normal;
        margin: 0px 10px; }



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

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

    a:visited {
        color: #800080; }

    /* IE8 : promo_inner simple unhappy gap above text when image on right is inside a link.  Go figure.  I don't have time for this */
    /* a.imglink {
        float:right;
        text-decoration: none;
        border:0px;
    }   
    */

    a.noborder, a img {
    	border:none;
	} 
	
	#bottom_logo_ads .advert_bottom a {
		border: none;
		}
        
    body.category #content .column a.image_link {
        position: relative;
        overflow: hidden;
        display: block;
        clear: left;
        float: left;
        border-bottom: none;
        margin: 0 20px 10px 0; }
	       
/*---*/
        
    #utilities_nav a {
        color: #000;
        border-bottom: none; }

    #utilities_nav a:hover, #utilities_nav li.active a {
        color: #fff; }
	       
/*---*/
        
    #log_in_nav a {
    	text-align: center;
    	line-height: 1;
    	color: #fff;
    	display: block;
    	width: 80px;
    	height: 16px;
    	padding: 8px 0 4px;
    	
        border-bottom: none; }
        
    #log_in_nav a#log_in {
    	background-color: #6eb62d;
    	-webkit-border-top-left-radius: 12px;
		-webkit-border-bottom-left-radius: 12px;
		-moz-border-radius-topleft: 12px;
		-moz-border-radius-bottomleft: 12px;
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
    	}
        
    #log_in_nav a#register {
    	background-color: #116eb1;
		-webkit-border-top-right-radius: 12px;
		-webkit-border-bottom-right-radius: 12px;
		-moz-border-radius-topright: 12px;
		-moz-border-radius-bottomright: 12px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
    	}
        
/*---*/
    
    #entry_nav li a,
    #primary_nav li a {
        font-size: 1.666em;
        line-height: 1;
        color: #fff;
        display: block;
        float: none;
        text-align: center;
        width: 222px;
        padding: 12px 0 8px;
        margin: 0;
        border: none;
        -webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		}
    
    #entry_nav li.first a,
    #primary_nav li#earlytab a {
        background-color: #ff3640; }
    
    #entry_nav li.second a,
    #primary_nav li#primarytab a {
        background-color: #b2d765; }
    
    #entry_nav li.third a,
    #primary_nav li#secondarytab a {
        background-color: #b26ec9; }
    
    #entry_nav li.fourth a,
    #primary_nav li#managementtab a {
        background-color: #72bae8; }
    
    #entry_nav li a:hover,
    #entry_nav li a:active,
    #primary_nav li#earlytab a:hover,
    #primary_nav li#earlytab a:active {
        background-position: left -43px;
        background-color: #a61624; }
        
    #entry_nav li.second a:hover,
    #entry_nav li.second a:active,
    #primary_nav li#primarytab a:hover,
    #primary_nav li#primarytab a:active {
        background-position: -240px -43px;
        background-color: #679c06; }
        
    #entry_nav li.third a:hover,
    #entry_nav li.third a:active,
    #primary_nav li#secondarytab a:hover,
    #primary_nav li#secondarytab a:active {
        background-position: -480px -43px;
        background-color: #712796; }
        
    #entry_nav li.fourth a:hover,
    #entry_nav li.fourth a:active,
    #primary_nav li#managementtab a:hover,
    #primary_nav li#managementtab a:active {
        background-position: -720px -43px;
        background-color: #357fb0; }
        
/*---*/
        
    #secondary_nav a {
        clear: both;
        font-size: 1em;
        border-bottom: none;
        color: #fff;
        margin: 4px 0 5px 0;
        padding-left: 17px; }
        
    .early #secondary_nav a {
        background: #ff3640 url(../images/secondary_nav_arrow_sprite_early.gif) left -24px no-repeat; }
        
    .primary #secondary_nav a {
        background: #b2d765 url(../images/secondary_nav_arrow_sprite_primary.gif) left -24px no-repeat; }
        
    .secondary #secondary_nav a {
        background: #b26ec9 url(../images/secondary_nav_arrow_sprite_secondary.gif) left -24px no-repeat; }
        
    .management #secondary_nav a {
        background: #72bae8 url(../images/secondary_nav_arrow_sprite_mgmt.gif) left -24px no-repeat; }
        
    #secondary_nav a:visited {
        color: #fff; }
        
    #secondary_nav a:hover, .secondary_nav a:active, #secondary_nav li.current a {
        background-position: left 2px;
        color: #222; }
        
/*---*/
    
    a.button,
    form input.button,
    form input.button,
    form div input.button,
    form table input.button,
    span.button,
    p.button {
        display: block;
        line-height: 1;
        color: #fff;
        text-align: center;
    	border: 2px solid #486f7b;
        background-color: #7d9ba9;
        float: left;        
        font-size: 1.333em;
        font-weight: bold;
        padding: 7px 12px 5px;
        width: auto;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        }
        
    a.button.small,
    form input.button.small,
    form input.button.small,
    form div input.button.small,
    form table input.button.small  {
    	font-size: 0.83em;
    	}
        
    a.button.red,
    form input.button.red,
    form div input.button.red,
    form table input.button.red,
    span.button.red,
    p.button.red  {
    	border: 2px solid #8c0000;
        background-color: #c80000
    	}
    
    a.button:hover,
    a.button:active,
    form input.button:hover,
    form input.button:active,
    form div input.button:hover,
    form div input.button:active,
    form table input.button:hover,
    form table input.button:active {
        background-color: #486f7b;
        }
        
    a.button.red:hover,
    a.button.red:active,
    form input.button.red:hover,
    form input.button.red:active,
    form div input.button.red:hover,
    form div input.button.red:active,
    form table input.button.red:hover,
    form table input.button.red:active,
    span.button.red:hover,
    span.button.red:active,
    p.button.red:hover,
    p.button.red:active  {
        background-color: #8c0000
    	}

    body.early a.button {
    	border: 2px solid #a61624;
        background-color: #ff3640; }
                
    body.primary a.button {
    	border: 2px solid #679c06;
       	background-color: #b2d765; }
        
    body.secondary a.button {
    	border: 2px solid #712796;
        background-color: #b26ec9; }
        
    body.management a.button {
    	border: 2px solid #357fb0;
        background-color: #72bae8; }

    body.early a.button:hover,
    body.early a.button:active {
        background-color: #a61624; }
                
    body.primary a.button:hover,
    body.primary a.button:active  {
       	background-color: #679c06; }
        
    body.secondary a.button:hover,
    body.secondary a.button:active  {
        background-color: #712796; }
        
    body.management a.button:hover,
    body.management a.button:active  {
        background-color: #357fb0; }
        
    body.home .promo h3 a {
    	color: #000;
        border-bottom: none; }
        
    body.home .promo h3 a:hover,
    body.home .promo h3 a:active {
    	color: #fff; }
        
    body.early .promo h3 a,
    body.primary .promo h3 a,
    body.secondary .promo h3 a,
    body.management .promo h3 a {
    	color: #fff; }
        
    body.early .promo h3 a:hover,
    body.early .promo h3 a:active,
    body.primary .promo h3 a:hover,
    body.primary .promo h3 a:active,
    body.secondary .promo h3 a:hover,
    body.secondary .promo h3 a:active,
    body.management .promo h3 a:hover,
    body.management .promo h3 a:active {
    	color: #000; }
        
    body.detail #content .column .look_inside a {
        margin: 0 5px 3px 5px;
        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; }

    a#basket_link {
        background: transparent url(../images/new_top_bar_basket_icon.jpg) left top no-repeat;
        padding: 5px 0 5px 29px;
        border: none; }

    a#basket_link:hover, li.active a#basket_link {
        background-position: left -32px; }

    .advert a {
        border:none;
        text-decoration:none;
    }
    
/*-- NEW: relatedproducts : no underlines for links --*/
    div.relatedproducts a {
        border:none;
        text-decoration:none;
    }

/*-- NEW: Promo boxes : add links to headings --*/
    .promo h3 a:link, .promo h3 a:visited {
    	display: block;
        text-decoration:none;
        color: #fff;        
    	}

    .promo h3 a:hover {
        color: #000;        
   	 	}

    .promo_image a:link, .promo_image a:visited {
        border:none;
    	}
    	
    body.category h2 a {
    	text-decoration: underline;
    	border-bottom: none;
        display: block;
        }
    
/*
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;
        padding-bottom: 20px; }

    body.popup #wrapper {
        width: 500px;
        }
    #popupwrapper {
        /* body tag is removed from jquery popups */
        width: 500px;
        }
        
    #banner_wrap {
    	clear: both;
    	padding-bottom: 15px;
    	}
    
    #main_logo {
        position: absolute;
        top: 52px;
        right: 55px;
        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_topleft {
    	float: left;
    	margin: 15px 0 0 20px;
    }

    #advert_banner {
    	float: left;
    	margin: 15px 0 0 50px; 
        width: 500px;
        height: 100px;
        }

	.breadcrumb {
		margin: 5px 20px 0;
		}	

/*---*/
        
    #bottom_logo_ads {
    	background-color: #fff;
    	margin:20px 30px 20px 30px;
    	height:90px;
    	}

	#bottom_logo_ads .advert_bottom {
		float:left;
	}
	
	#bottom_logo_ads .advert_bottom img { 
		display: inline;
		margin-right:20px;
		}
		
	#bottom_logo_ads div.socialmedia {
		float:right;
    	background-color: #fff;
    	margin:0px 0px 0px 0px;
		text-align:center;
	}	

	#bottom_logo_ads div.socialmedia div {
		float: left;
		margin-left: 10px;
		}
	#bottom_logo_ads div.socialmedia div a {
		text-decoration:none;
		border:none;
	}
	
	#bottom_logo_ads div.socialmedia span {
		font-weight:bold;
	}
	
/*---*/
	.facebooklikes  {
		margin-left:240px;
		width:440px;
	}
/*---*/
    
    #content {
        position: relative;
        clear: both;
        margin: 0 20px; }
    
    body.home #content {
        margin: 0 10px 0; }
    
    body.home.section #content {
        height: 440px;
        min-height: 440px;
        height: auto !important; }
    
    #content.panel {
       margin-right: 15px;
       }
    
    #content.panel div.top {
        height: 5px; }
    
    #content.panel div.bottom {
        height: 30px; }
    
    #content div.foot {
        height: 18px;
        background-color: #dbdbdb;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        border-top: 20px solid #FFFFFF; }
    
    body.early #content div.foot {
        background-color: #ff3640; }
    
    body.primary #content div.foot {
        background-color: #b2d765; }
    
    body.secondary #content div.foot {
        background-color: #b26ec9; }
    
    body.management #content div.foot {
        background-color: #72bae8; }

/*---*/
            
    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: 0;
        left: 10px;
        border: 1px solid #ddd; }
    
    body.home #content .promo .simple {
        width: 300px;
        height: 200px;
		}
    
    body.home.section #content .promo_inner.simple {
        background-image: none; }
    
    body.home #content .promo_inner.simple .promo_image {
        float: left;
        margin: 0px 10px 0 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;
        width: 301px;
         }
        
    body.category #content .column.one {
        clear: left;
        margin: 10px 10px 20px 0; }
        
    body.category #content .column.two {
        margin: 10px 10px 20px 10px; }
        
    body.category #content .column.three {
        margin: 10px 0 20px 10px; }
        
    body.category #content div.sale {
        position: absolute;
        top: -15px;
        left: -15px; }
        
/*
    body.category #content .column a.image_link img {
    	width: 120px;
    	}
*/
                
/*---*/
    
    body.detail.early #content.panel {
        background: #fff url(../images/detail_threecol_repeat_early.gif) top left repeat-y;
      	 }
    
    body.detail.primary #content.panel {
        background: #fff url(../images/detail_threecol_repeat_primary.gif) top left repeat-y;
      	 }
    
    body.detail.secondary #content.panel {
        background: #fff url(../images/detail_threecol_repeat_secondary.gif) top left repeat-y;
      	 }
    
    body.detail.management #content.panel {
        background: #fff url(../images/detail_threecol_repeat_mgmt.gif) 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;
        margin: 0 10px 20px 0; }
        
    body.detail #content.twocol .column.first {
        width: 640px;
        padding-left: 20px;
        margin-bottom: 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 {
        text-align: center;
        margin: 30px 10px 10px 0px;
        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;
/*
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
*/
        margin: 0 0 20px 0;
        padding: 0 9px;  }
        
    body.detail #content .column.third {
        width: 240px;
        padding: 0;
        margin: 0 0 20px 10px;  }
        
    body.detail #content .column.third img {
        float: left;
        margin: 5px 10px 20px 10px; }

    body.detail #content .column.third .banner {
        text-align: center;
        width:175px;
        margin: 20px 30px 0px 30px;
        border:0px solid orange; }
    
    body.detail #content .column.third .banner img {
    	margin:0px;
    	}
    body.detail #content .column.third .banner a {
        border:none;
        text-decoration:none; }
        

        
    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.early div.pullquote {
        color: #ff3640;
        border-top-color: #ff3640;
        border-bottom-color: #ff3640; }
        
    body.detail.primary div.pullquote {
        color: #b2d765;
        border-top-color: #b2d765;
        border-bottom-color: #b2d765; }
        
    body.detail.secondary div.pullquote {
        color: #b26ec9;
        border-top-color: #b26ec9;
        border-bottom-color: #b26ec9; }
        
    body.detail.management div.pullquote {
        color: #72bae8;
        border-top-color: #72bae8;
        border-bottom-color: #72bae8; }
        
    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.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; }
        
    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;
        }
        
/*--- THIS SECTION NEEDS REBUILDING */
        
    .ui-tabs {
        zoom: 1; }
    
    #content .ui-tabs .ui-tabs-nav {
        list-style: none;
        position: relative;
        display: block;
        margin-left: 0;
        border-bottom: 1px solid #DDDDDD; }
    
    .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 {
    	color: #000;
       	background-color: #fff; 
        float: left;
        text-decoration: none;
        padding: 3px 6px;
        border: 1px solid #DDDDDD;
        border-bottom: none; }
    
    body.early .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
    body.early .ui-tabs .ui-tabs-nav li a:hover {
    	color: #fff;
		background-color: #ff3640; }

    body.primary .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
    body.primary .ui-tabs .ui-tabs-nav li a:hover {
    	color: #fff;
        background-color: #b2d765; }

    body.secondary .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
    body.secondary .ui-tabs .ui-tabs-nav li a:hover {
    	color: #fff;
        background-color: #b26ec9; }

    body.management .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
    body.management .ui-tabs .ui-tabs-nav li a:hover {
    	color: #fff;
        background-color: #72bae8; }
    
    .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: left;
        background-color: #ddd;
        padding: 8px 20px 8px 20px;
        float: left;
        margin-left: 20px;
        }

    #utilities_nav li {
		display: block;
		float: left;
        margin-right: 10px; }
        
/*---*/

    #log_in_nav {
        text-align: left;
        padding: 4px 20px 4px 20px;
        margin-left: 35px;
        float: left;
        }

    #log_in_nav li {
		display: block;
		float: left;
        margin-right: 5px; }
        
/*---*/
        
    #entry_nav,
    #primary_nav {
    	background: #fff url(../images/new_entry_nav_bg.jpg) left bottom repeat-x;
        clear: both;
        overflow: hidden;
        }
        
    #entry_nav {
        margin-bottom: 20px;
        }
        
    #entry_nav li,
    #primary_nav li {
    	float: left;
        width: 222px;
        margin: 0 0 0 20px;
		}
       
/*---*/
        
    #secondary_nav {
        font-size: 1.083em;
        background-color: #ccc;
        width: 948px;
        margin: 0 0 5px 20px;
        float: left;
        -webkit-border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		-moz-border-radius-bottomleft: 8px;
		-moz-border-radius-bottomright: 8px;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;  }
        
    body.early #secondary_nav {
        background-color: #ff3640; }
                
    body.primary #secondary_nav {
       	background-color: #b2d765; }
        
    body.secondary #secondary_nav {
        background-color: #b26ec9; }
        
    body.management #secondary_nav {
        background-color: #72bae8; }
                

/*-- CHANGE: minimum width for columns - overwrites other settings --*/
    #secondary_nav .column {
        white-space: nowrap;
        width:240px;
        min-width:240px;
        width:auto !important;
        margin: 10px 10px 5px 10px; }

    #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;
        padding: 20px 0;
        }

    body.popup form {
        background:#fff;
    }        

    form fieldset {
        position: relative;
        border: 1px solid #fff;
        padding: 20px 0;
        margin: 0 20px; }

    form fieldset legend span {
        font-size: 1em;
        line-height: 1;
        font-weight: bold;
        background-color: #ddd;
        position: relative;
        left: 260px;
        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: 560px; }

    form div.paymentmethod label {
        float:right;
        text-align:left;
        width: 410px;
        margin-left: 10px;
    }    

    form div.ponumber label {
        float:right;
        text-align:left;
        width: 410px;
        margin-left: 10px;
    }    

    form div.ponumber input {
        float:left; 
        margin-left: 240px;
        margin-top: 5px;
        width:150px;
    }

    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,
    form table input,
    form table 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: 340px;
        padding: 7px 5px 3px;
        border: 1px solid #ddd; }

    form div.paymentmethod input {
        float:right;
    }    
        
    form div input.radio {
        border:none;
        margin-top: 5px;
        background-color:transparent;
        width: auto; }
        
    form div input.checkbox {
        border:none;
        background-color:transparent;
        width: auto; }

    form div input.submit {
        margin-left: 350px; }
        
    form div input:focus, form div textarea:focus {
        border: 2px solid #706856; }

    form div input.radio:focus {
        border:none; }        
        
    form div select {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 1em;
        color: #333;
        padding: 3px 0 0 5px; }
        
    form div select option {
        padding: 3px 5px 0 5px; }
    
    form div input.checkbox {
        width: auto;
        margin-top: 3px;
    }
        
    form div label input.checkbox {
        float:right;
    }
        
    form div span.textblock {
        display:block;
        margin-left:240px;
        width:350px;
    } 
    
    form span.requiredfield {
    	color: red;
    	margin-left: 10px;
    	}
     
/*
ORDER SPECIFIC ---*/

    form.order {
		background-color: #FFFFFF;
	    border: 2px solid #DDDDDD;
	    font-size: 1em;
	    margin: -2px 0 0;
	    padding: 5px;
	    text-align: center;
        }

    #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 {
        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 {
        margin: 6px 3% 6px 0;
        width: 76%; }

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

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

    form.order div input.submit {
	    border-radius: 6px 6px 6px 6px;
	    color: #FFFFFF;
	    font-size: 1.166em;
	    font-weight: bold;
	    line-height: 1;
	    width: 21%;
	    margin: 13px 0 6px 0;
	    padding: 4px 4px 3px;
        }

    body.early form.order div input.submit  {
    	border: 2px solid #a61624;
        background-color: #ff3640; }
                
    body.primary form.order div input.submit  {
    	border: 2px solid #679c06;
       	background-color: #b2d765; }
        
    body.secondary form.order div input.submit  {
    	border: 2px solid #712796;
        background-color: #b26ec9; }
        
    body.management form.order div input.submit  {
    	border: 2px solid #357fb0;
        background-color: #72bae8; }

    body.early form.order div input.submit:hover,
    body.early form.order div input.submit:active {
        background-color: #a61624; }
                
    body.primary form.order div input.submit:hover,
    body.primary form.order div input.submit:active  {
       	background-color: #679c06; }
        
    body.secondary form.order div input.submit:hover,
    body.secondary form.order div input.submit:active  {
        background-color: #712796; }
        
    body.management form.order div input.submit:hover,
    body.management form.order div input.submit:active  {
        background-color: #357fb0; }
        
/*
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; }
/*
CONTACT FORM ---*/

	body.misc.text form.contact table {
		margin: 0 auto;
		}

	body.misc.text form.contact table input.button {
		margin-left: 220px;
		}

/*
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: 10px;
        right: 10px;
        padding: 0; }

    #cse-search-box div {
        padding: 0;
        margin: 0; }
        
    #cse-search-box input {
        font-size: 1.083em;
        line-height: 1;
        border: 1px solid #000;
        padding: 3px 5px;
        width: 264px;
        color: #333;
        }
        
    #cse-search-box input.submit {
        font-size: 1.083em;
        line-height: 1;
        border: 1px solid #7d9ba9;
        padding: 3px 5px;
        width: 36px;
        margin-left: 5px;
        background-color: #7d9ba9;
        color: #000;
        }
        
    #cse-search-box input.submit:hover {
        background-color: #362d1a;
        color: #fff; }
        
	#cse-search-results {
		margin-left:40px;
		width:860px;
	}		

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

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


        
/*-- OTHER : FOR CSS DEMO ---*/

	.yellowbox {
		background-color:#ECE9D8;
		border:1px solid #FFF18F;
		padding:12px;
	}
	.yellowbox p {
		margin:0px;
	}	
	.greybox {
		background-color:#efefef;
		border:1px solid #ccc;
		padding:12px;
	}
	.greybox p {
		margin:0px;
	}