.clear
{
    clear: both;
    line-height: 0;
    height: 0;
    margin: 0;
    padding: 0;
}
a
{
    color: #d6186a;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
body
{
    background: #fff url(background.gif) no-repeat center top;
    color: #454545;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 80%;
}
div#container
{
    margin: 10px auto 20px auto;
    width: 960px;
}
h1
{
    color: #d6186a;
    font-size: 200%;
    font-weight: normal;
    margin-bottom: 3px;
}
h2
{
    color: #999;
    font-size: 130%;
    font-weight: normal;
    margin-bottom: 20px;
}    
h3
{
    color: #454545;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 5px;
}    

/* Main */
div#main
{
    clear: both;
    margin: 15px 0 0 0;
}
div#main div#splash
{
    height: 350px;
    margin: 0 10px 20px 0;
    position: relative;
    width: 690px;
}
div#main div#splash a 
{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
div#main div#splash a.active 
{
    z-index:10;
    opacity:1.0;
}
div#main div#splash a.last-active 
{
    z-index:9;
}
div#main div#splash div.text
{
    position: absolute;
    top: 0;
    visibility: hidden;
}
div#main div.topinfo
{
    margin-bottom: 15px;
}
div#main div.topinfo div.left
{
    line-height: 18px;
    margin-left: 10px;
}
div#main div.topinfo div.left div.popularsearches span
{
    font-weight: bold;
    margin-right: 5px;
}
div#main div.topinfo div.left div.popularsearches ul, div#main div.topinfo div.left div.popularsearches ul li
{
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#main div.topinfo div.left div.popularsearches ul li a
{
    color: #747679;
    margin-right: 3px;
    padding-left: 5px;    
}
div#main div.topinfo div.left div.snail ul, div#main div.topinfo div.left div.snail ul li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#main div.topinfo div.left div.snail ul li
{
    display: inline;
}
div#main div.topinfo div.left div.snail ul li a
{
    background: url(view-arrow.gif) no-repeat scroll left center transparent;
    padding: 0 2px 0 12px;
}
div#main div.topinfo div.left div.snail ul li a.home
{
    background: none;
    padding-left: 0;
}
div#main div.topinfo div.left div.snail ul li a.on
{
    color: #999;
}
div#main div.topinfo div.right
{
    float: right;
    margin-right: 10px;
}
div#main div.topinfo div.right p.delivery
{
    background: url(van-icon.gif) no-repeat left 0;
    color: #2b915b;
    line-height: 18px;
    font-weight: bold;
    margin: 0;
    padding-left: 28px;
}
div#main div#rightgutter
{
    float: right;
    width: 750px;
}
div#main div#rightgutter div.samples-out
{
    text-align: center;
    margin-top: 40px;
    border: solid 1px #D6186A; 
    padding: 3px;
}
div#main div#rightgutter div.samples-out.vitru
{
    border: solid 1px #2931AA; 
}
div#main div#rightgutter div.samples-out h1
{
    margin: 0;
    border: solid 1px #D6186A;
    border-bottom: none;
    padding: 7px 0 10px;     
}
div#main div#rightgutter div.samples-out.vitru h1
{
    border: solid 1px #2931AA; 
    border-bottom: none;   
}
div#main div#rightgutter div.samples-out h3 span
{
    font-size: 160%;
    color: #333;    
}
div#main div#rightgutter div.samples-out p
{
    margin: 0;
    border: solid 1px #D6186A;
    border-top: none;
    padding-bottom: 7px;  
}
div#main div#rightgutter div.samples-out.vitru p
{
    border: solid 1px #2931AA;
    border-top: none; 
}
div#main div#leftgutter
{
    margin-right: 30px;
    width: 180px;
}
div#main div#leftgutter div.subnav p.title, div#main div#leftgutter div.subnav h4
{
    font-size: 130%;
    font-weight: normal;
    margin: 0 0 3px 0;
}
div#main div#leftgutter div.subnav ul, div#main div#leftgutter div.subnav ul li
{
    list-style-type: none;
    margin: 0;
    padding: 0;    
}
div#main div#leftgutter div.subnav ul
{
    margin-bottom: 20px;   
}
div#main div#leftgutter div.subnav ul li
{
    border-bottom: solid 1px #e9e9e9;
    margin-right: 10px;
    padding: 2px 10px 3px 0;    
}

/* Header */
div#header
{
    height: 90px;
    margin-bottom: 20px;
}
div#header div.logo
{
    float: left;
    margin-right: 30px;
    width: 220px;
}
div#header div.middle
{
    float: left;
    margin-right: 25px;
    padding-top: 10px;
    text-align: right;
    width: 330px;
}
div#header div.middle div.links ul, div#header div.middle div.links ul li
{
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#header div.middle div.links ul li a
{
    background: url(toplinks-divider.gif) no-repeat right center;
    color: #747679;
    margin-right: 3px;
    padding: 0 6px 0 0;    
}
div#header div.middle div.links ul li a.end
{
    background: none;
    margin-right: 0;
    padding: 0;   
}
div#header div.middle div.search
{
    margin-top: 10px;
}
div#header div.middle div.search a.button
{
    background: url(search-button.gif) no-repeat 0 0;
    display: inline-block;
    height: 28px;
    width: 69px;
}
div#header div.middle div.search a.button:hover
{
    background-position: 0 -28px;
    text-decoration: none;
}
div#header div.middle div.search a.button span
{
    visibility: hidden;
}
div#header div.middle div.search input
{
    border: solid 1px #dbdbdb;
    height: 20px;
    padding: 3px;
    vertical-align: top;
    width: 160px;
}
div#header div.right
{
    background-color: #f3f3f3;
    float: left;
    height: 60px;
    padding: 10px 0 10px 12px;
    width: 343px;
}
div#header div.right p
{
    color: #747679;
    margin: 0;
    padding: 0;
}
div#header div.right p.welcome a
{
    background: url(welcome-divider.gif) no-repeat left center;
    margin-left: 3px;
    padding-left: 7px;    
}
div#header div.right div.shoppingbag
{
    background: url(shopping-bag-pink.gif) no-repeat left center;
    height: 35px;
    margin-top: 7px;
    padding-left: 40px;    
}
div#header div.right div.shoppingbag p
{
    float: left;
}
div#header div.right div.shoppingbag p a
{
    color: #747679;
}
div#header div.right div.shoppingbag p span
{
    color: #333;
    font-size: 130%;
    font-weight: bold;
}
div#header div.right div.shoppingbag a.button
{
    background: url(view-bag-pink.gif) no-repeat 0 0;
    display: inline-block;
    height: 28px;
    margin: 5px 0 0 15px;
    width: 160px;
}
div#header div.right div.shoppingbag a.button:hover
{
    background-position: 0 -28px;
    text-decoration: none;
}
div#header div.right div.shoppingbag a.button span
{
    visibility: hidden;
}
div#header p.tradelink
{
    color: #999;
    font-size: 90%;
    line-height: 15px;
    text-align: right;
}
div#header p.tradelink a
{
    color: #333;
}

/* Navigation */
div#navigation
{
    background: url(nav-bg.gif) no-repeat 0 0;    
    height: 50px;
    padding: 0;
}
div#navigation ul, div#navigation ul li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#navigation ul li
{
    display: inline;
    float: left;
}
div#navigation ul li a
{
    background: no-repeat left 0;
    color: #515355;
    float: left;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}
div#navigation ul li a:hover
{
    cursor: pointer;
    text-decoration: none;
}
div#navigation ul li a span.toplevel
{
    background: url(nav-item-off.gif) no-repeat right 0;
    display: inline-block;
    height: 38px;
    padding: 12px 20px 0 20px;
}
div#navigation ul li a span.small
{
    color: #999;
    display: block;
    font-size: 80%;
    font-weight: normal;
    line-height: 90%;
    margin-top: 1px;
    text-transform: none;
}
/* Home */
div#navigation ul li a.home
{
    background-image: url(nav-home-off-left.gif);
}
div#navigation ul li a.home span.toplevel
{
    background-image: url(nav-home-off-right.gif);
}
div#navigation ul li.hovering a.home:hover, div#navigation ul li.hovering:hover a.home, div#navigation ul li.on a.home
{
    background-image: url(nav-home-on-left.gif);
}
div#navigation ul li.hovering a.home:hover span.toplevel, div#navigation ul li.hovering:hover a.home span.toplevel, div#navigation ul li.on a.home span.toplevel
{
    background-image: url(nav-home-on-right.gif);
}
/* Monu */
div#navigation ul li.hovering a.monu:hover, div#navigation ul li.hovering:hover a.monu, div#navigation ul li.on a.monu
{
    background-image: url(nav-monu-on-left.gif);
    color: #fff;
}
div#navigation ul li.hovering a.monu:hover span.toplevel, div#navigation ul li.hovering:hover a.monu span.toplevel, div#navigation ul li.on a.monu span.toplevel
{
    background-image: url(nav-monu-on-right.gif);
}
div#navigation ul li.hovering a.monu:hover span.small, div#navigation ul li.hovering:hover a.monu span.small, div#navigation ul li.on a.monu span.small
{
    color: #f2a6c6;
}
/* Premier */
div#navigation ul li a.premier
{
    background-image: url(nav-premier-off-right.gif);
    height: 50px;
    width: 128px;
}
div#navigation ul li a.premier span
{
    visibility: hidden;
}
div#navigation ul li.hovering a.premier:hover, div#navigation ul li.hovering:hover a.premier, div#navigation ul li.on a.premier
{
    background-image: url(nav-premier-on-right.gif);
}
/* Renu */
div#navigation ul li.hovering a.renu:hover, div#navigation ul li.hovering:hover a.renu, div#navigation ul li.on a.renu
{
    background-image: url(nav-renu-on-left.gif);
    color: #fff;
}
div#navigation ul li.hovering a.renu:hover span.toplevel, div#navigation ul li.hovering:hover a.renu span.toplevel, div#navigation ul li.on a.renu span.toplevel
{
    background-image: url(nav-renu-on-right.gif);
}
div#navigation ul li.hovering a.renu:hover span.small, div#navigation ul li.hovering:hover a.renu span.small, div#navigation ul li.on a.renu span.small
{
    color: #f2a6c6;
}
/* Vitru */
div#navigation ul li.hovering a.vitru:hover, div#navigation ul li.hovering:hover a.vitru, div#navigation ul li.on a.vitru
{
    background-image: url(nav-vitru-on-left.gif);
    color: #fff;
}
div#navigation ul li.hovering a.vitru:hover span.toplevel, div#navigation ul li.hovering:hover a.vitru span.toplevel, div#navigation ul li.on a.vitru span.toplevel
{
    background-image: url(nav-vitru-on-right.gif);
}
div#navigation ul li.hovering a.vitru:hover span.small, div#navigation ul li.hovering:hover a.vitru span.small, div#navigation ul li.on a.vitru span.small
{
    color: #9fa3db;
}
/* Spa */
div#navigation ul li.hovering a.spa:hover, div#navigation ul li.hovering:hover a.spa, div#navigation ul li.on a.spa
{
    background-image: url(nav-spa-on-left.gif);
    color: #fff;
}
div#navigation ul li.hovering a.spa:hover span.toplevel, div#navigation ul li.hovering:hover a.spa span.toplevel, div#navigation ul li.on a.spa span.toplevel
{
    background-image: url(nav-spa-on-right.gif);
}
div#navigation ul li.hovering a.spa:hover span.small, div#navigation ul li.hovering:hover a.spa span.small, div#navigation ul li.on a.spa span.small
{
    color: #e0db91;
}
/* JVG */
div#navigation ul li.hovering a.jvg:hover, div#navigation ul li.hovering:hover a.jvg, div#navigation ul li.on a.jvg
{
    background-image: url(nav-jvg-on-left.gif);
    color: #fff;
}
div#navigation ul li.hovering a.jvg:hover span.toplevel, div#navigation ul li.hovering:hover a.jvg span.toplevel, div#navigation ul li.on a.jvg span.toplevel
{
    background-image: url(nav-jvg-on-right.gif);
}
div#navigation ul li.hovering a.jvg:hover span.small, div#navigation ul li.hovering:hover a.jvg span.small, div#navigation ul li.on a.jvg span.small
{
    color: #d4b7e1;
}
/* Drop down */
div#navigation ul li div
{
    display: block;
}
div#navigation ul li.mega div
{
    background-color: #fff;
    border-top: solid 5px #cc1a66;
    display: none;
    margin: 55px 0 0 -10px;
    padding: 10px 0 10px 10px;
    position: absolute;
    z-index: 50;
}
div#navigation ul li.mega div *
{
    float: none;
}
div#navigation ul li.mega div ul
{
    float: left;
    margin-right: 10px;
    width: 200px;
}
div#navigation ul li.mega div ul li
{
    display: block;
    font-size: 90%;
    padding: 1px 0 1px 7px;
}
div#navigation ul li.mega div ul li.title
{
    background-color: #f0f0f0;
    font-weight: bold;
    margin: 0 0 3px 0;
    padding: 5px 7px;    
}
div#navigation ul li.mega div ul li a
{
    text-transform: none;
    font-weight: normal;
}
div#navigation ul li.mega div ul li a:hover
{
    text-decoration: underline;
}
div#navigation ul li.mega div.monu
{
    border-bottom: solid 5px #cc1a66;
    border-top: solid 5px #cc1a66;
}
div#navigation ul li.hovering a.monu
{
    border-bottom: solid 5px #cc1a66;
}
div#navigation ul li.mega div.monu
{
    border-bottom: solid 5px #cc1a66;
    border-top: solid 5px #cc1a66;
    margin-left: -30px;
}
div#navigation ul li.mega div.monu ul
{
    width: 160px;
}
div#navigation ul li.hovering a.monu
{
    border-bottom: solid 5px #cc1a66;
}
div#navigation ul li.mega div.renu
{
    border-bottom: solid 5px #cc1a66;
    border-top: solid 5px #cc1a66;
}
div#navigation ul li.hovering a.renu
{
    border-bottom: solid 5px #cc1a66;
}
div#navigation ul li.mega div.vitru
{
    border-bottom: solid 5px #161d87;
    border-top: solid 5px #161d87;
}
div#navigation ul li.hovering a.vitru
{
    border-bottom: solid 5px #161d87;
}
div#navigation ul li.mega div.jvg
{
    border-bottom: solid 5px #7f419a;
    border-top: solid 5px #7f419a;
}
div#navigation ul li.hovering a.jvg
{
    border-bottom: solid 5px #7f419a;
}
div#navigation ul li.hovering div
{
    display: block;
}

/* Product List */
div#productlist div.product
{
    float: left;
    margin: 0 30px 40px 0;
    width: 210px;
}
div#productlist div.product.end
{
    margin-right: 0;
}
div#productlist div.product div.image
{
    float: left;
    margin-right: 5px;
    text-align: center;
    width: 55px;
}
div#productlist div.product div.info
{
    float: right;
    width: 150px;
}
div#productlist div.product div.info p
{
    margin: 0;
}
div#productlist div.product div.info p.buy a.button
{
    background: url(buy-now.gif) no-repeat 0 0;
    display: inline-block;
    height: 25px;
    width: 79px;
}
div#productlist div.product div.info p.buy a.button:hover
{
    background-position: 0 -25px;
    text-decoration: none;
}
div#productlist div.product div.info p.buy a.button span
{
    visibility: hidden;
}
div#productlist div.product div.info p.name
{
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 5px;
}
div#productlist div.product div.info p.more
{
    float: left;
    font-weight: bold;
    height: 35px;
    margin-left: 15px;
    text-transform: uppercase;
}
div#productlist div.product div.info p.more a
{
    background: url(view-arrow.gif) no-repeat right center;
    color: #454545;
    padding-right: 7px;
}
div#productlist div.product div.info p.price
{
    float: left;
    font-size: 230%;
    font-weight: bold;
    height: 35px;
    line-height: 1;
    vertical-align: top;
}
div#productlist div.product div.info p.price span
{   
    font-size: 50%;
    line-height: 1.4;
    vertical-align: top;
}
div#productlist div.product div.info p.teaser
{
    font-size: 90%;
    margin-bottom: 8px;
}
div#productlist div.product.wide div.image
{
    float: none;
    margin: 0 0 5px 0;
    width: 210px;
}
div#productlist div.product.wide div.info
{
    float: none;
    width: 210px;
}
div#productlist div.product.wide div.info p.buy a.button
{
    margin-left: 10px;
}
div#productlist div.product.wide div.info p.more
{
    float: right;
    margin-left: 0;
}
div#productlist div.product.wide div.info p.more, div#productlist div.product.wide div.info p.price
{
    height: 30px;
}

/* Sample List */
div#samplelist
{
    margin: 40px 0 30px 0;
}
div#samplelist div.sample
{
    float: left;
    margin: 0 30px 20px 0;
    width: 155px;
}
div#samplelist div.sample.end
{
    margin-right: 0;
}
div#samplelist div.sample div.image
{
    text-align: center;
}
div#samplelist div.sample p
{
    margin: 0;
}
div#samplelist div.sample p.name
{
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 5px;
}
div#samplelist div.sample p.name input
{
    margin-right: 5px;
}
div#samplelist div.sample p.teaser
{
    font-size: 90%;
}

/* Sample form */
div.sampleform div.left
{
    float: left;
    margin-right: 50px;
}
div.sampleform div.right
{
    float: left;
}
div.sampleform div.right table tr td.restriction
{
    color: #ff0000;
    text-align: center;
    font-weight: bold;
}
div.sampleform div.warning
{
    background-color: #c00;
    color: #fff;
    font-weight: bold;
    padding: 7px;
}
div.sampleform a.button
{
    background: url(submit-request.gif) no-repeat 0 0;
    display: inline-block;
    height: 25px;
    width: 124px;
}
div.sampleform a.button.vitru
{
    background: url(submit-request-vitru.gif) no-repeat 0 0;
}
div.sampleform a.button:hover
{
    background-position: 0 -25px;
    text-decoration: none;
}
div.sampleform a.button span
{
    visibility: hidden;
}


/* Product page */
div#product div#leftgutter
{
    margin-right: 20px;
    width: 330px;
}
div#product div#rightgutter
{
    width: 610px;
}
div#product div.expertadvice
{
    background: url(expert-amy.jpg) no-repeat left top;
    height: 120px;
    margin-top: 20px;
    width: 330px;    
}
div#product div.expertadvice p.quote
{
    font-style: italic;
    padding: 38px 8px 0 116px;
}
div#product div.expertadvice p.quote span.open
{
    background: url(open-quote.gif) no-repeat left 3px;
    padding-left: 13px;
}
div#product div.expertadvice p.quote span.close
{
    background: url(close-quote.gif) no-repeat right 3px;
    padding-right: 13px;
}
div#product div.expertadvice.amy
{
    background-image: url(expert-amy.jpg)
}
div#product div.expertadvice.karen
{
    background-image: url(expert-karen.jpg)
}
div#product div.expertadvice.jo
{
    background-image: url(expert-jo.jpg)
}
div#product div.expertadvice.kerrie
{
    background-image: url(expert-kerrie.jpg)
}
div#product div.expertadvice.laurent
{
    background-image: url(expert-laurent.jpg)
}
div#product div.fbook
{
    margin-top: 20px;
}
div#product div.mainimage
{
    border: solid 1px #dedede;
    padding: 10px;
    text-align: center;
}
div#product div.maininfo
{
    background: url(panel-gradient.gif) repeat-x left bottom;
    border: solid 1px #dedede;
    padding: 20px;
}
div#product div.maininfo h1
{
    color: #454545;
    margin-bottom: 10px;
}
div#product div.maininfo h1 span
{
    color: #999;
    padding-left: 10px;
}
div#product div.maininfo div.intro
{
    border-bottom: solid 1px #dedede;
    padding-bottom: 10px;
}
div#product div.maininfo div.intro div.share
{
    color: #999;
    float: right;
    font-size: 90%;
}
div#product div.maininfo div.intro div.share img
{
    margin-left: 5px;
    vertical-align: middle;
}
div#product div.maininfo div.intro p
{
    margin: 0;
}
div#product div.maininfo div.intro p.price
{
    color: #D6186A;
    float: left;
    font-size: 400%;
    font-weight: bold;
    line-height: 1;
    vertical-align: top;
}
div#product div.maininfo div.intro p.price span
{   
    font-size: 40%;
    line-height: 1.7;
    vertical-align: top;
}
div#product div.maininfo div.intro p.teaser
{
    float: left;
    margin-left: 15px;
    width: 220px;
}
div#product div.maininfo div.intro p.teaser a
{
    padding-left: 5px;
}
div#product div.maininfo div.purchase
{
    float: left;
    margin-top: 20px;
    width: 368px;
}
div#product div.maininfo div.purchase div.quantity
{
    float: left;
    margin: 4px 10px 0 0;
}
div#product div.maininfo div.purchase div.quantity input
{
    border: solid 1px #ccc;
    padding: 6px;
    width: 40px;
}
div#product div.maininfo div.purchase a.button
{
    background: url(add-to-bag.gif) no-repeat 0 0;
    display: inline-block;
    height: 38px;
    width: 146px;
}
div#product div.maininfo div.purchase a.button:hover
{
    background-position: 0 -38px;
    text-decoration: none;
}
div#product div.maininfo div.purchase a.button span
{
    visibility: hidden;
}
div#product div.maininfo div.purchase p.freedelivery
{   
    color: #2B915B;
    font-weight: bold;
    margin: 20px 0 0 0;
}
div#product div.maininfo div.purchase p.deliverytimes
{
    color: #999;
    margin: 0;
}
div#product div.maininfo div.productoptions
{
    float: left;
    margin: 20px 20px 0 0;
    width: 310px;
}
div#product div.maininfo div.productoptions table
{
    margin: 0;
    width: 100%;
}
div#product div.maininfo div.productoptions table tr.header td
{
    font-weight: bold;
}
div#product div.maininfo div.productoptions table tr td
{
    padding: 3px 0;
}
div#product div.maininfo div.productoptions input.quantitybox
{
    border: solid 1px #ccc;
    padding: 4px;
    width: 40px;
}
div#product div.maininfo div.purchase.makeup
{
    float: right;
    margin: 40px 0 10px 0;
    width: 238px;
}
div#product div.maininfo div.purchase.makeup div.secure
{
    float: none;
}
div#product div.maininfo div.secure
{
    float: right;
    margin-top: 20px;
}
div#product div.tabs
{
    margin-top: 20px;
}
div#product div.tabs ul.tabNavigation 
{
    height: 33px;
    list-style: none;
    margin: 0;
    padding: 0;
}
div#product div.tabs ul.tabNavigation li 
{
    display: inline;
}
div#product div.tabs ul.tabNavigation li a
{
    background-color: #eee;
    border: solid 1px #dedede;
    border-bottom: none;
    float: left;
    font-size: 90%;
    line-height: 26px;
    margin: 6px 5px 0 0;
    padding: 0 8px;
    text-decoration: none;
}
div#product div.tabs ul.tabNavigation li a.selected
{
    background-color: #fff;
    color: #333;
    font-weight: bold;
    margin-top: 0;
    line-height: 33px;
}
div#product div.tabs div.tabcontainer
{
    background: url(panel-gradient.gif) repeat-x left bottom;
    border: solid 1px #dedede;
    color: #666;
    padding: 20px;
}
div#product div.tabs div.tabcontainer ul
{
    color: #666;
    margin: 0 2em; 
}
div#product div.tabs div.tabcontainer ul li
{
    padding: 2px 0;
}
div#product div.tabs div.tabcontainer div#reviews p.name
{
    color: #454545;
    font-weight: bold;
}
div#product div.tabs div.tabcontainer div#reviews p.quote
{
    font-style: italic;
    margin-bottom: 3px;
}
div#product div.tabs div.tabcontainer div#reviews p.quote span.open
{
    background: url(open-quote.gif) no-repeat left 3px;
    padding-left: 13px;
}
div#product div.tabs div.tabcontainer div#reviews p.quote span.close
{
    background: url(close-quote.gif) no-repeat right 3px;
    padding-right: 13px;
}
div#product div.tabs div.tabcontainer div#inthepress div.review div.image
{
    float: left;
    margin-right: 20px;
    width: 150px;
}
div#product div.tabs div.tabcontainer div#inthepress div.review
{
    padding-bottom: 20px;
}
div#product div.tabs div.tabcontainer div#inthepress div.review p.quote
{
    float: left;
    font-style: italic;
    margin-bottom: 3px;
    width: 390px;
}
div#product div.tabs div.tabcontainer div#inthepress div.review p.quote span.open
{
    background: url(open-quote.gif) no-repeat left 3px;
    padding-left: 13px;
}
div#product div.tabs div.tabcontainer div#inthepress div.review p.quote span.close
{
    background: url(close-quote.gif) no-repeat right 3px;
    padding-right: 13px;
}
div#product div.tabs div.tabcontainer div#ingredients ul.ingredients li
{
    float: left;
    padding-right: 10px;
    width: 160px;
}
div#product div.tabs div.tabcontainer div#ingredients ul.ingredients li a
{
    color: #666;
}
div#product div.tabs div.tabcontainer div#relatedproducts div.product
{
    margin-bottom: 20px;
    width: 260px;
}
div#product div.tabs div.tabcontainer div#relatedproducts div.product div.image
{
    margin-right: 10px;
    width: 65px;
}
div#product div.tabs div.tabcontainer div#relatedproducts div.product div.info
{
    width: 180px;
}
div#product div.tabs div.tabcontainer div#perfectPartners div.productitem.end
{
    margin-right: 0;
}


/* Lander */
div#lander div.content
{
    background: url(premier-productlist-gradient.gif) no-repeat 0 0;
    margin-top: 60px;
    padding: 25px 20px 0 30px;
    width: 600px;
    float: left;
}
div#lander div.content h1
{
    color: #666;
    font-size: 170%;
}
div#lander div.fbook-activity
{
    margin-top: 60px;
    padding: 0;
    float: right;
}
div#lander div.home-bottom
{
    float: left;
    width: 960px;
}
div#lander div.shopbycategory
{
    background: url(shopbycategory-heading.gif) no-repeat left 0;
    margin-right: 10px;
    padding: 50px 0 0 55px;
    position: relative;
    width: 595px;
}
div#lander div.shopbycategory div.category
{
    float: left;
    margin-right: 20px;
    width: 260px;
}
div#lander div.shopbycategory div.category div.image
{
    float: left;
    margin-right: 5px;
    text-align: center;
    width: 55px;
}
div#lander div.shopbycategory div.category div.info
{
    float: right;
    width: 200px;
}
div#lander div.shopbycategory div.category div.info p
{
    margin: 0;
}
div#lander div.shopbycategory div.category div.info p.name
{
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 5px;
}
div#lander div.shopbycategory div.category div.info p.teaser
{
    font-size: 90%;
    margin-bottom: 8px;
}
div#lander div.shopbycategory div.category div.info p.quote
{
    color: #666;
    font-size: 90%;
    font-style: italic;
    margin-bottom: 12px;
}
div#lander div.shopbycategory div.category div.info p.quote span.open
{
    background: url(open-quote.gif) no-repeat left 3px;
    padding-left: 13px;
}
div#lander div.shopbycategory div.category div.info p.quote span.close
{
    background: url(close-quote.gif) no-repeat right 3px;
    padding-right: 13px;
}
div#lander div.shopbycategory div.category div.info p.more
{
    text-transform: uppercase;
    font-weight: bold;
}
div#lander div.shopbycategory div.category div.info p.more a
{
    background: url(view-arrow.gif) no-repeat right center;
    color: #333;
    padding-right: 7px;
}
div#lander div.shopbyrange
{
    background: url(shopbyrange-heading.gif) no-repeat left 0;
    padding: 50px 15px 0 15px;
}
div#lander div.shopbyrange div.range
{
    float: left;
    margin-right: 15px;
    width: 220px;
}
div#lander div.shopbyrange div.range.end
{
    margin-right: 0;
}
div#lander div.shopbyrange div.range div.image
{
    float: left;
    margin-right: 5px;
    text-align: center;
    width: 55px;
}
div#lander div.shopbyrange div.range div.info
{
    float: right;
    width: 160px;
}
div#lander div.shopbyrange div.range div.info p
{
    margin: 0;
}
div#lander div.shopbyrange div.range div.info p.name
{
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 2px;
}
div#lander div.shopbyrange div.range div.info p.strapline
{
    font-weight: bold;
    margin-bottom: 8px;
}
div#lander div.shopbyrange div.range div.info p.teaser
{
    font-size: 90%;
    margin-bottom: 8px;
}
div#lander div.shopbyrange div.range div.info p.more
{
    text-transform: uppercase;
    font-weight: bold;
}
div#lander div.shopbyrange div.range div.info p.more a
{
    background: url(view-arrow.gif) no-repeat right center;
    color: #333;
    padding-right: 7px;
}
div#lander div.rightpanel
{
    float: right;
    margin-bottom: 20px;
    width: 260px;
}
div#lander div.rightpanel div.skinsolution
{
    background: url(skin-solution-heading.gif) no-repeat right 0;
    padding-top: 48px;
}
div#lander div.rightpanel div.skinsolution a
{
    background: url(skin-solution-white-arrow.png) no-repeat 10px center;
    color: #fff;
    display: inline-block;
    line-height: 30px;
    margin-bottom: 4px;
    padding-left: 25px;
    width: 235px;
}
div#lander div.rightpanel div.skinsolution a.age
{
    background-color: #db2c77;
}
div#lander div.rightpanel div.skinsolution a.super
{
    background-color: #d89fc8;
}
div#lander div.rightpanel div.skinsolution a.hydrate
{
    background-image: url(skin-solution-grey-arrow.png);
    background-color: #ebd0e4;
    color: #666;
}
div#lander div.rightpanel div.skinsolution a.calm
{
    background-image: url(skin-solution-grey-arrow.png);
    background-color: #fff;
    border: solid 1px #e3e3e3;
    color: #666;
    line-height:28px;
    width: 233px;
}
div#lander div.rightpanel div.skinsolution a.line
{
    background-color: #9ad7db;
}
div#lander div.rightpanel div.skinsolution a.shine
{
    background-color: #cfe4a7;
}
div#lander div.rightpanel div.skinsolution a.instant
{
    background-color: #fece81;
}
div#lander div.rightpanel div.skinsolution a.sun
{
    background-color: #c6c7c9;
}
div#lander div.rightpanel div.skinsolution a.men
{
    background-color: #8f99a6;
    margin-bottom: 0;
}
div#lander div.rightpanel div.skinsolution a:hover
{
    background-image: url(skin-solution-white-arrow.png);
    background-color: #666;
    border: none;
    color: #fff;
    line-height: 30px;
    text-decoration: none;
    width: 235px;
}
div#lander div.rightpanel div.spot img
{
    margin-bottom: 10px;
}
div#lander div.rightpanel div.spot img.bottom
{
    margin-bottom: 0;
}
div#lander div.landerproductlist
{
    background: url(premier-productlist-gradient.gif) no-repeat 0 0;
    margin-top: 30px;
    padding: 25px 15px 0 15px;
}

/* Premier Lander */
div#lander div.premiersplash
{
    background: url(premier-home-bg.jpg) no-repeat left 0;
    height: 410px;
    margin: 0 10px 20px 0;
    width: 690px;
}
div#lander div.premiersplash div.about
{
    padding: 0 10px 0 10px;
}
div#lander div.premiersplash div.about h1
{
    color: #454545;
    margin-bottom: 10px;
}
div#lander div.premiersplash div.text
{
    padding: 235px 0 0 252px;
}
div#lander div.premiersplash div.text h1
{
    color: #454545;
}
div#lander div.premiersplash div.text div.info
{
    float: left;
    width: 300px;
}
div#lander div.premiersplash div.text div.info p.teaser
{
    color: #666;
}
div#lander div.premiersplash div.text div.info p.teaser a
{
    background: url(view-arrow.gif) no-repeat right center;
    color: #333;
    font-weight: bold;
    padding-right: 7px;
    text-transform: uppercase;
}
div#lander div.premiersplash div.text div.info p.buy a.button
{
    background: url(buy-now-large.gif) no-repeat 0 0;
    display: inline-block;
    height: 32px;
    width: 97px;
}
div#lander div.premiersplash div.text div.info p.buy a.button:hover
{
    background-position: 0 -32px;
    text-decoration: none;
}
div#lander div.premiersplash div.text div.info p.buy a.button span
{
    visibility: hidden;
}
div#lander div.premiersplash div.text p.price
{
    color: #333;
    float: left;
    font-size: 400%;
    font-weight: bold;
    line-height: 1;
    vertical-align: top;
    width: 110px;
}
div#lander div.premiersplash div.text p.price span
{   
    font-size: 40%;
    line-height: 1.7;
    vertical-align: top;
}
div#lander div.rightpanel div.premierspot img
{
    margin-bottom: 10px;
}
div#lander div.rightpanel div.premierspot img.bottom
{
    margin-bottom: 0;
}

/* Page */
div#page div.content
{
    background: no-repeat right top;
    padding-right: 280px;
}
div#page div#rightgutter ul li
{
    padding: 3px 0;
}

/* Category */
div#category div.content
{
    background: url(category-bg.jpg) no-repeat right top;
    padding-right: 20px;
}
div#category div.content.nobg
{
    background: none;
}
div#category div.content div.intro
{
    margin: 0 290px 40px 0;
}
div#category div.content div.sample-countdown
{
    font-weight: bold;    
}
div#category div.content div.sample-countdown p span
{
    font-size: 160%;
    color: #333;    
}
div#category div.offer
{
    margin-bottom: 20px;
}
div#category div.productlist
{
    background-color: #fff;
    border: solid 1px #dedede;
    padding: 24px 19px 0 19px;
    width: 690px;
}

/* Search */
div#search div.productlist
{
    background-color: #fff;
    border: solid 1px #dedede;
    padding: 20px 18px 0 18px;
}
div#search div.productlist div#productlist div.product
{
    margin-right: 20px;
}

/* Shop by category slider */
div.slider
{
    margin: 0;
	width: 560px;
    margin: 0;
    position: relative;
}
div.slider ul, div.slider li
{
	margin: 0;
	padding: 0;
	list-style: none;
}
div.slider li
{
    float: left; 
	width: 560px;
	overflow: hidden; 
}
div.slider li div:first-child
{
    margin-right: 4px;
}
span.sliderprevious
{
    position: absolute;
    top: 100px;
    left: 20px;
}
span.slidernext
{
    position: absolute;
    top: 100px;
    right: 25px;
}

/* Tag Cloud */
div#tagcloud
{
    float: right;
    margin-top: 25px;
    text-align: center;
    width: 300px;
}
div#tagcloud p
{
    line-height: 210%;
    margin: 0;
}
div#tagcloud p a
{
    color: #555;
}
div#tagcloud p a:hover
{
    color: #d6186a;
    text-decoration: none;
}
div#tagcloud p span
{
    padding: 0 6px;
}
div#tagcloud p span.tag_xs
{
    font-size: 14px;
}
div#tagcloud p span.tag_s
{
    font-size: 18px;
}
div#tagcloud p span.tag_m
{
    font-size: 24px;
}
div#tagcloud p span.tag_l
{
    font-size: 30px;
}
div#tagcloud p span.tag_xl
{
    font-size: 36px;
}

/* Partner Search */

div.partnersearch a.button
{
    background: url(search-button.gif) no-repeat 0 0;
    display: inline-block;
    height: 28px;
    width: 69px;
}
div.partnersearch a.button:hover
{
    background-position: 0 -28px;
    text-decoration: none;
}
div.partnersearch a.button span
{
    visibility: hidden;
}
div.partnersearch input
{
    border: solid 1px #dbdbdb;
    height: 20px;
    padding: 3px;
    vertical-align: top;
    width: 160px;
}
div.partnerresults
{
    background: url(panel-gradient.gif) repeat-x left bottom;
    border: 1px solid #dedede;
    padding: 20px;
}
div.partnerresults table.partnerlist
{
    width: 100%;
}
div.partnerresults table.partnerlist tr.header td
{
    font-weight: bold;
}
div.partnerresults table.partnerlist tr.item td.name
{
    font-weight: bold;
}
div.partnerresults table.partnerlist tr td
{
    padding: 0 0 12px 0;
    text-transform: capitalize;
    vertical-align: top;
}

/* Blog */
div#blog h1
{
    color: #454545;
    font-size: 230%;
    margin-bottom: 5px;
}
div#blog div.blogpost
{
    margin-bottom: 60px;
}
div#blog div.blogpost h2
{
    font-size: 150%;
}
div#blog div.blogpostlist h2
{
    font-size: 230%;
    font-weight: normal;
    margin: 0 0 5px 0;
    padding: 0;
}
div#blog div.blogpost h3
{
    font-size: 140%;
    font-weight: normal;
    margin: 20px 0 10px 0;
    color: #454545;
}
div#blog div.blogpost h4
{
    font-size: 120%;
    font-weight: bold;
    margin: 20px 0 10px 0;
    color: #454545;
}
div#blog div.blogpost div.warning
{
    color: #ff0000;
    font-weight: bold;
}
div#blog p.date
{
    border-bottom: 1px solid #E0E0E0;
    color: #999999;
    font-size: 100%;
    font-style: italic;
    margin: 0 0 10px;
    padding-bottom: 10px;
}

/* Login */
div#login h1, div#login h2
{
    color: #454545;
    font-size: 170%;
    margin-bottom: 5px;
}
div#login p
{
    color: #666;
}
div#login table
{
    margin: 0;
}
div#login table tr td.label
{
    text-align: right;
    padding: 3px 5px 3px 0;
    width: 110px;
}
div#login table tr td.field
{
    padding: 3px 0;
}
div#login table tr td.field input.textbox
{
    border: solid 1px #ccc;
    padding: 3px;
    width: 180px;
}
div#login div.leftpanel
{
    background: url(panel-gradient.gif) repeat-x left bottom;
    border: 1px solid #dedede;
    padding: 20px;
    margin-right: 20px;
    width: 430px;    
}
div#login div.leftpanel div.forgotten p.send
{
    margin: 5px 0 0 115px;
}
div#login div.leftpanel div.forgotten p.send a
{
    background: url(view-arrow.gif) no-repeat right center;
    color: #333;
    font-weight: bold;
    padding-right: 7px;
    text-transform: uppercase;
}
div#login div.leftpanel div.returning
{
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
div#login div.leftpanel div.returning a.button
{
    background: url(sign-in.gif) no-repeat 0 0;
    display: inline-block;
    height: 25px;
    margin: 10px 0 0 115px;
    width: 66px;
}
div#login div.leftpanel div.returning a.button:hover
{
    background-position: 0 -25px;
    text-decoration: none;
}
div#login div.leftpanel div.returning a.button span
{
    visibility: hidden;
}
div#login div.rightpanel
{
    background: url(panel-gradient.gif) repeat-x left bottom;
    border: 1px solid #dedede;
    padding: 20px;
    float: right;
    width: 430px;    
}
div#login div.rightpanel div.new a.button
{
    background: url(register.gif) no-repeat 0 0;
    display: inline-block;
    height: 25px;
    width: 75px;
}
div#login div.rightpanel div.new a.button:hover
{
    background-position: 0 -25px;
    text-decoration: none;
}
div#login div.rightpanel div.new a.button span
{
    visibility: hidden;
}

/* Account */
div#account h1, div#account h2
{
    color: #454545;
    font-size: 150%;
    margin-bottom: 5px;
}
div#account p
{
    color: #666;
}
div#account table
{
    margin: 0;
}
div#account table tr td.label
{
    text-align: right;
    padding: 3px 5px 3px 0;
    width: 125px;
}
div#account table tr td.field
{
    padding: 3px 0;
}
div#account table tr td.field input.textbox
{
    border: solid 1px #ccc;
    padding: 3px;
    width: 200px;
}
div#account table tr td.field select
{
    border: solid 1px #ccc;
    padding: 3px;
    width: 200px;
}
div#account div.bottompanel
{
    background: url(panel-gradient.gif) repeat-x left bottom;
    border: 1px solid #dedede;
    padding: 20px;
}
div#account div.bottompanel table tr td.label
{
    width: 160px;
}
div#account div.bottompanel p.change
{
    margin: 5px 0 0 165px;
}
div#account div.bottompanel p.change a
{
    background: url(view-arrow.gif) no-repeat right center;
    color: #333;
    font-weight: bold;
    padding-right: 7px;
    text-transform: uppercase;
}
div#account div.toppanel
{
    background: url(panel-gradient.gif) repeat-x left bottom;
    border: 1px solid #dedede;
    margin-bottom: 20px;
    padding: 20px;
}
div#account div.toppanel div.contact
{
    float: left;
    width: 440px;
}
div#account div.toppanel div.disclaimer
{
    float: left;
    padding-top: 25px;
    width: 440px;
}
div#account div.toppanel div.address
{
    border-top: 1px solid #dedede;
    margin: 20px 0 20px 0;
    padding-top: 20px;
}
div#account div.toppanel div.address div.billing
{
    float: left;
    width: 440px;
}
div#account div.toppanel div.address div.delivery
{
    float: left;
    width: 440px;
}
div#account div.toppanel div.password
{
    border-top: 1px solid #dedede;
    margin: 20px 0 20px 0;
    padding-top: 20px;
}
div#account div.toppanel a.button
{
    background: url(save-details.gif) no-repeat 0 0;
    display: inline-block;
    height: 32px;
    width: 129px;
}
div#account div.toppanel a.button.register
{
    background: url(register-large.gif) no-repeat 0 0;
    width: 93px;
}
div#account div.toppanel a.button:hover
{
    background-position: 0 -32px;
    text-decoration: none;
}
div#account div.toppanel a.button span
{
    visibility: hidden;
}

/* Footer Spots */
div#footerspots
{
    padding-top: 70px;
}
div#footerspots div div.inner
{
    margin: 33px 15px 0 15px;
}
div#footerspots div div.inner p
{
    font-size: 85%;
    line-height: 120%;
    margin: 0;
}
div#footerspots div.secure
{
    background: url(footerspots-secure.gif) no-repeat left 0;
    float: left;
    height: 130px;
    padding-left: 5px;
    width: 241px;
}
div#footerspots div.social
{
    background: url(footerspots-social.gif) no-repeat left 0;
    float: left;
    height: 130px;
    width: 226px;
}
div#footerspots div.social div.logos
{
    margin-top: 10px;
}
div#footerspots div.social div.logos img.facebook
{
    margin-right: 10px;
}
div#footerspots div.blog
{
    background: url(footerspots-blog.gif) no-repeat left 0;
    float: left;
    height: 130px;
    width: 322px;
    
}
div#footerspots div.blog div.inner
{
    margin: 40px 0 0 15px;
}
div#footerspots div.blog div.item
{
    float: left;
    margin-right: 13px;
    width: 140px;
}
div#footerspots div.blog div.item div.image
{
    float: left;
    margin-right: 10px;
    width: 40px;
}
div#footerspots div.blog div.item p.title
{
    float: left;
    width: 90px;
}
div#footerspots div.blog div.item p.title a
{
    color: #454545;
}
div#footerspots div.blog div.item p.title a span
{
    background: url(view-arrow.gif) no-repeat left 4px;
    padding-left: 7px;
}
div#footerspots div.samples
{
    float:left;
    background: url(footerspots-sample.gif) no-repeat left 0;
    height:120px;
    padding:10px 8px 0;
}

/* Footer */
div#footer
{
    background-color: #414141;
    margin-top: 10px;
    padding: 20px;
}
div#footer div.left ul, div#footer div.left ul li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#footer div.left ul
{
    float: left;
    margin-right: 30px;   
}
div#footer div.left ul li
{
    border-bottom: dotted 1px #555;
    padding: 2px 10px 3px 0;    
}
div#footer div.left ul li a
{
    color: #ededed;  
}
div#footer div.left ul li a.heading
{
    color: #999;
    font-weight: bold;  
}
div#footer div.right
{
    float: right;
    text-align: right;
}
div#footer div.right p
{
    margin: 0;
}
div#footer div.right p.helpline
{
    color: #fff;
    font-size: 130%;
}
div#footer div.right p.opening
{
    color: #999;
    font-size: 120%;
    margin-bottom: 10px;
}
div#footer div.right p.privacy
{
    color: #555;
    margin-top: 10px;
}
div#footer div.right p.privacy a
{
    color: #fff;
}

/* Footer Bottom */
div#footerbottom
{
    background-color: #eaeaea;
    margin-bottom: 40px;
    padding: 15px;
}
div#footerbottom p
{
    color: #818181;
    margin: 0;
}
div#footerbottom p a
{
    color: #666;
    font-weight: bold;
}
div#footerbottom p.bluebox
{
    float: right;
}

/* Vitru Styles */
div.vitru a
{
    color: #2931aa;
}
div.vitru div#productlist div.product div.info p.buy a.button
{
    background-image: url(buy-now-vitru.gif) !important;
}
div.vitru div.maininfo div.intro p.price
{
    color: #2931aa !important;
}
div.vitru div.maininfo div.purchase a.button
{
    background-image: url(add-to-bag-vitru.gif) !important;
}


/*  Checkout    */
div#checkout
{
    padding: 10px 0 20px;
}
div#checkout h1
{
}
div#checkout h2
{
    font-size: 140%;
    margin: 0px 0px 10px 0px;
}
div#checkout ul.step
{
    background: url(basket-ul-bg.gif) no-repeat top left;
    list-style-type: none;
    margin: 0px 0px;
    padding: 0px;
    width: 100%;
    float: left;
}
div#checkout ul.step li
{
    color: #333;
    display: inline-block;
    font-weight: normal;
    float: left;
    margin: 0px;
    padding: 9px 5px 9px 12px;
    text-align: left;
    width: 172px;
}
div#checkout ul.step li.far-left
{
    width: 170px;
}
div#checkout ul.step li.far-left.on
{
    background-color: #FD830B;
    background-image: url(basket-on-left.gif);
    background-repeat: no-repeat;
    color: #fff;
    padding: 9px 0px 9px 15px;
    width: 177px;
}
div#checkout ul.step li.far-right.on
{
    background-color: #FD830B;
    background-image: url(basket-on-right.gif);
    color: #fff;
    padding: 9px 0px 9px 15px;
    width: 191px;
}
div#checkout ul.step li.on
{
    background-color: #FD830B;
    background-image: url(basket-on.gif);
    background-repeat: no-repeat;
    color: #fff;
    width: 189px;
    padding: 9px 0px 9px 15px;
}
div#checkout div.top 
{
    margin: 10px 0px;
    padding-bottom: 10px;
}
div#checkout div.top p
{
    margin: 0px;
    line-height: 1.4;
    color: #333;
}
div#checkout div.top p a
{
    font-weight: normal;
}
div#checkout div.top div.signin
{
    margin-top: 10px;
}
div#checkout div.summary
{
    border: solid 1px #dedede;
    background: none;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
    min-height: 120px;
    padding: 8px;
    width: 300px;
}
div#checkout div.summary span.detail
{
    line-height: 1.4;
}
div#checkout div.summary h2
{
    color: #333;
    font-size: 120%;
    font-weight: bold;
}
div#checkout div.summary p
{
    margin: 0px 0px 5px 0px;
    text-align: right;
}
div#checkout div.summary p span
{
    display: inline-block;
    font-weight: bold;
    width: 80px;
}
div#checkout div.bottom
{
    margin: 10px 0px;
    padding-top: 10px;
}
div#checkout div.bottom .left
{
    float: left;
}
div#checkout div.bottom .right
{
    float: right;
}
div#checkout div.bottom a.button
{
    background: no-repeat 0 0;
    display: inline-block;
    height: 25px;
}
div#checkout div.bottom a.button.proceedtocheckout
{
    background-image: url(proceed-to-checkout.gif);
    width: 167px;
}
div#checkout div.bottom a.button.continuetoordersummary
{
    background-image: url(continue-to-order-summary.gif);
    width: 215px;
}
div#checkout div.bottom a.button.continuetosecurepayment
{
    background-image: url(continue-to-secure-payment.gif);
    width: 214px;
}
div#checkout div.bottom a.button.backtobasket
{
    background-image: url(back-to-basket.gif);
    width: 119px;
}
div#checkout div.bottom a.button.backtodetails
{
    background-image: url(back-to-details.gif);
    width: 121px;
}
div#checkout div.bottom a.button.continueshopping
{
    background-image: url(continue-shopping.gif);
    width: 151px;
}
div#checkout div.bottom a.button:hover
{
    background-position: 0 -25px;
    text-decoration: none;
}
div#checkout div.bottom a.button span
{
    visibility: hidden;
}
div#checkout div.basket table
{
    width: 100%;
}
div#checkout div.basket table tr td
{
    padding: 3px 10px 3px 0px;
}
div#checkout div.basket table tr td span.free
{
    color: #090;
    font-weight: bold;
}
div#checkout div.basket table tr.header td
{
    font-weight: bold;
}
div#checkout div.basket table tr.item td
{
    background-color: #eaeaea;
}
div#checkout div.basket table tr.item td.price
{
    vertical-align: middle;
}
div#checkout div.basket table tr.item td.lineprice
{
    vertical-align: middle;
}
div#checkout div.basket table tr.item td.product
{
    padding-left: 10px;
}
div#checkout div.basket table tr.item td.product a
{
    font-weight: bold;
}
div#checkout div.basket table tr td input
{
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 3px;
    text-align: center;
    width: 30px;
}
div#checkout div.basket table tr td a
{
    font-size: 120%;
}
div#checkout div.basket table tr td.controls a
{
    font-size: 85%;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 2.5;
}
div#checkout div.basket table tr td.quantity a
{
    font-size: 85%;
    font-weight: bold;
    text-transform: uppercase;
}
div#checkout div.basket table.productoptions
{
    width: auto;
}
div#checkout div.basket table.productoptions tr.header td
{
    font-weight: bold;
    text-decoration: underline;
}
div#checkout div.basket table.productoptions tr td
{
    color: #666;
    font-size: 90%;
    padding-left: 20px;
}
div#checkout div.basket table.productoptions tr td.productoptiontypename
{
    padding-left: 40px;
    width: 140px;
}
div#checkout div.basket table.productoptions tr td.productoptionname
{
    font-weight: bold;
    width: 140px;
}
div#checkout div.basket table.accessories
{
    width: auto;
}
div#checkout div.basket table.accessories tr.header td
{
    font-weight: bold;
    text-decoration: underline;
}
div#checkout div.basket table.accessories tr td
{
    color: #666;
    font-size: 90%;
    padding-left: 20px;
}
div#checkout div.basket table.accessories tr td.chosenaccessory
{
    padding-left: 40px;
    width: 140px;
}
div#checkout div.basket table.accessories tr td.accessoryname
{
    font-weight: bold;
    width: 140px;
}
div#checkout div.basket table.delivery
{
    width: auto;
}
div#checkout div.basket table.delivery tr.header td
{
    font-weight: bold;
    text-decoration: underline;
}
div#checkout div.basket table.delivery tr td
{
    color: #666;
    font-size: 90%;
    padding-left: 20px;
}
div#checkout div.basket table.delivery tr td.chosendeliverymethod
{
    padding-left: 40px;
    width: 140px;
}
div#checkout div.basket table.delivery tr td.deliverymethodname
{
    font-weight: bold;
    width: 140px;
}
div#checkout div.basket table tr.summary td div
{
    background-color: #eaeaea;
    float: right;
    margin-left: 10px;
    margin-top: 10px;
    padding: 5px;
    width: 210px;
}
div#checkout div.basket table tr.summary td div h2
{
    font-size: 100%;
}
div#checkout div.basket table tr.summary td div p
{
    margin: 0px 0px 5px 0px;
    text-align: right;
}
div#checkout div.basket table tr.summary td div p span
{
    display: inline-block;
    font-weight: bold;
    width: 80px;
}
div#checkout div div.middle div.emptybasket
{
    background: url(panel-gradient.gif) repeat-x left bottom;
    border: solid 1px #dedede;
    font-weight: bold;
    padding: 20px;
}
div#checkout div div.middle div.basket
{
    background: url(panel-gradient.gif) repeat-x left bottom;
    border: solid 1px #dedede;
    padding: 20px;
}
div#checkout div div.middle div.basket table tr.header td
{
    color: #333;
    line-height: 2;
}
div#checkout div div.middle div.basket table tr.item td
{
    padding-left: 0;
    background: none;
    border-top: dotted 1px #BDBDBD; 
    border-bottom: dotted 1px #BDBDBD; 
}
div#checkout div div.middle div.basket table tr.item td a
{
    line-height: 2;
}
div#checkout div div.middle div.basket table tr.item td.price
{
    color: #333;
}
div#checkout div div.middle div.basket table tr.item td.quantity
{
    padding-top: 5px;
}
div#checkout div div.middle div.basket table tr.item td.quantity input
{
    width: 50px;
    height: 20px;
    background-color: #FBFBFB;
}
div#checkout div div.middle div.basket table tr.item td.lineprice
{
    color: #333;
}
div#checkout div div.middle div.basket table tr.item td.controls
{
    line-height: 2;
}
div#checkout div div.middle div.basket table tr.item td.controls a
{
    padding-top: 5px;
    float: left;
}
div#checkout div div.middle div.basket table tr.summary td div.items
{
    background: none;
    border: solid 1px #dedede;
    padding-right: 85px;
}
div#checkout div div.middle div.basket table tr.summary td div.items h2
{
    display: none;
    margin: 0;
}
div#checkout div div.middle div.basket table tr.summary td div.items p
{
    font-size: 110%;
    color: #333;
}
div#checkout div div.middle div.basket table tr.summary td div.items p span
{
    padding: 0 0 0 10px;
    font-size: 135%;
    font-weight: bold;
}
div#checkout div div.middle div.free-delivery
{
    border: solid 1px #D6186A;
    padding: 2px;
    margin-bottom: 10px;
}
div#checkout div div.middle div.free-delivery p
{
    margin: 0;
    color: #666;
    font-weight: bold;
    padding: 8px;
    /*background-color: #DEDEDE;*/
    border: solid 1px #D6186A;
}
div#checkout div div.middle div.free-delivery p span
{
    font-size: 120%;
    color: #333;
}

/* Blog Styles */

div#main div.blog div.left
{
    float: left;
    width: 200px;
    padding-right: 40px;
}
div#main div.blog div.right
{
    float: left;
    width: 720px;
}
div#main div.blog div.right div.blogpostlist div.blogpost
{
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: solid 1px #DEDEDE;
}
div#main div.blog div.right div.blogpostlist div.blogpost div div span
{
    font-size: 85%; color: #333;
}


/* Bag updated */
div.bagupdated
{
    padding: 10px;
}
div.bagupdated p.bold
{
    font-weight: bold;
}
div.bagupdated p.related
{
    margin: 30px 0 0 0;
}
div.bagupdated a.button
{
    background: url(view-bag-pink.gif) no-repeat 0 0;
    display: inline-block;
    float: left;
    height: 28px;
    width: 160px;
}
div.bagupdated a.button:hover
{
    background-position: 0 -28px;
    text-decoration: none;
}
div.bagupdated a.button span
{
    visibility: hidden;
}
div.bagupdated a.continue
{
    background: url(view-arrow.gif) no-repeat right center;
    color: #454545;
    float: left;
    margin: 7px 0 0 10px;
    padding-right: 7px;
    text-transform: uppercase;
}


/* Customer Details */

div#customerdetails
{
    background: url(panel-gradient.gif) repeat-x left bottom;
    border: solid 1px #dedede;
    padding: 20px;
}

div#customerdetails h2
{
    color: #D6186A;
}
div#customerdetails div.left
{
    float: left;
    width: 48%;
}
div#customerdetails div.left p
{
    line-height: 1.4;
}
div#customerdetails div.right
{
    float: right;
    width: 48%;
}
div#customerdetails div.right p
{
    line-height: 1.4;
}
div#customerdetails div.panel
{
    border-bottom: solid 1px #DEDEDE;
    margin: 10px 0px;
    padding: 10px;
}
div#customerdetails div.panel p
{
    margin: 0px 0px 10px 0px;
}
div#customerdetails div.panel p a
{
    text-decoration: underline;
}
div#customerdetails div.panel table tr td
{
    padding: 3px 8px 3px 0px;
    float: left;
}
div#customerdetails div.panel table tr td select
{
    width: 164px;
}
div#customerdetails div.panel table tr td input
{
    border: solid 1px #666;
    padding: 1px;
    width: 160px;
}
div#customerdetails div.panel table tr td textarea
{
    border: solid 1px #666;
    font-family: Arial; 
    font-size: 100%;
    height: 70px;
    padding: 1px;
    width: 230px;
}
div#customerdetails div.panel table tr td .invalid
{
    background-color: #c00;
    color: #fff;
}
div#customerdetails div.panel table tr td.label
{
    width: 140px;
}
div#customerdetails span.help
{
    color: #666;
    font-size: 80%;
}
div#customerdetails span.required
{
    background-image: url(required.gif);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 3px;
}
div.error
{
    background-color: #da1933;
    color: #fff;
    margin-bottom: 10px;
    padding: 10px;
}
div#checkout div.error
{
    margin-top: 10px;
}
div.message
{
    background-color: #2B915B;
    color: #fff;
    margin-bottom: 10px;
    padding: 10px;
}

/* Sample Lander Styles */

div#category div.content div table tr td img.sampler
{
    max-width: 100px; 
    max-height: 137px;  
}
div#category div.content div table tr td span
{
    font-weight: bold;   
}
div#category div.content div table tr td.spacer
{
    padding: 0 10px;  
}
/*div#category div.content div table tr td.sample-image, div#category div.content div table tr td.check
{
    float: left; 
    height: 137px;
}
div#category div.content div table tr td.check input
{
    margin: 62px 0;
}