/* --------------------------------------------------------------
    Contents:
    01 Reset
    02 Base styles
        02.01 Body
        02.02 Headings
        02.03 Links
        02.04 Blocks
        02.05 Lists
        02.06 Inlines
        02.07 Tables
        02.08 Forms
    03 Helper styles
    04 Page structure
        04.01 Page
        04.02 Header
        04.03 Navigation
        04.04 Body content
        04.05 Footer
    05 Page components
        05.01 General components
        05.02 Content header components
        05.03 Basket and Checkout components
        05.04 Product and collection components
        05.05 Feature components
    06 Overrides
---------------------------------------------------------------*/

/*---------------------------------------------------------------
01 Reset (see http://meyerweb.com/eric/tools/css/reset/)
---------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

img
{ vertical-align: middle; }

body
{ line-height: 1; }

ol, ul
{ list-style: none; }

blockquote, q
{ quotes: none;  }

blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus
{ outline: 0; }

/* remember to highlight inserts somehow! */
ins
{ text-decoration: none; }

del
{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/*---------------------------------------------------------------
02 Base styles
---------------------------------------------------------------*/
/*---------------------------------------------------------------
02.01 Body
---------------------------------------------------------------*/
body
{
    font: 62.5%/1.4 Arial, Helvetica, sans serif;
    color: #b5a598;
}

/*---------------------------------------------------------------
02.02 Headings
---------------------------------------------------------------*/
h1
{
    border-bottom: 1px solid #4b403a;
    margin-bottom: 0.8em;
    font-size: 2em;
    line-height: 2;
    font-weight: normal;
    color: #fff;
}

h1.textAlignRight
{
    padding-right: 60px;
    text-align: right;
}

h2
{
    margin-bottom: 0.714em;
    font-size: 1.4em;
    font-weight: normal;
    color: #fff;
}

h2.intro
{
    margin-bottom: 0.833em;
    font-size: 1.2em;
    color: #b5a598;
}

h3
{
    margin-bottom: 0.833em;
    font-size: 1.2em;
    font-weight: normal;
    color: #fff;
}

/*---------------------------------------------------------------
02.03 Links
---------------------------------------------------------------*/
a
{
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

a:hover,
a:focus
{ text-decoration: underline; }

a.action
{
    padding-left: 12px;
    background: transparent url('../../images/layout/default/site/a-action.gif') 0 50% no-repeat;
}

a.large
{
    padding-left: 12px;
    background: transparent url('../../images/layout/default/site/a-large.gif') 0 50% no-repeat;
}

/*---------------------------------------------------------------
02.04 - Blocks
---------------------------------------------------------------*/
p
{
    margin-bottom: 0.833em;
    font-size: 1.2em;
}

address
{
    margin-bottom: 0.833em;
    font-size: 1.2em;
    font-style: normal;
}

/*---------------------------------------------------------------
02.05 - Lists
---------------------------------------------------------------*/
ul,
ol
{
    margin-bottom: 0.833em;
    font-size: 1.2em;
}

ul.circle
{
    list-style: circle outside;
    margin-left: 16px;
}

ul.disc
{
    list-style: disc outside;
    margin-left: 16px;
}

ul.horizontal
{ overflow: hidden; }

    ul.horizontal li
    {
        float: left;
        padding: 0 5px;
    }

    ul.horizontal li.first
    {
        padding-left: 0;
    }
    
ol
{
    list-style: decimal outside;
    margin-left: 16px;
}

/*---------------------------------------------------------------
02.06 - Inlines
---------------------------------------------------------------*/
strong
{ font-weight: bold; }


span.zoom
{
    padding-left: 14px;
    color: #fff;
    text-decoration: none;
    background: transparent url('../../images/layout/default/site/span-zoom.gif') 0 50% no-repeat;
}

small
{ font-size: 0.833em; }

/*---------------------------------------------------------------
02.07 - Tables
---------------------------------------------------------------*/
table
{ margin-bottom: 0.833em; }
    
    table th
    {
        padding: 0 10px 5px 0;
        font-size: 1.4em;
        font-weight: normal;
        text-align: left;
        color: #fff;
    }
    
    table td
    {
        padding: 0 10px 5px 0;
        font-size: 1.2em;
    }

/*---------------------------------------------------------------
02.08 - Forms
---------------------------------------------------------------*/
legend
{    
    margin-bottom: 0.714em;
    font-size: 1.4em;
    font-weight: normal;
    color: #fff;
}

input.submit
{
    margin: 0;
    padding-left: 9px;
    border: 0;
    outline: 0;
    font-family: Arial, Helvetica, sans serif;
    font-size: 1em;
    text-align: left;
    color: #fff;
    background: transparent url('../../images/layout/default/site/input-submit.gif') 0 50% no-repeat;
    cursor: pointer;
    overflow: visible;
}

input.submit.promenant
{
    padding: 0.3em 8px 0.3em 16px;
    text-transform: uppercase;
    background: #4e433d url('../../images/layout/default/site/input-submit.gif') 8px 50% no-repeat;
}

input.checkbox,
span.checkbox input,
input.radio,
span.radio input
{ margin: 0; }

input.radio,
span.radio input
{
    position: relative;
    top: 2px;
}

input.text,
textarea,
select
{
    padding: 2px;
    border: 1px solid #eee;
    font-family: Arial, Helvetica, sans serif;
    font-size: 1em;
}

input.text[disabled],
textarea[disabled],
select[disabled]
{
	color: #444;
	background-color: #ddd;
}

.validation
{ color: #ddd103 !important; }

div.formInput
{
    margin-bottom: 0.833em;
    font-size: 1.2em;
    overflow: hidden;
}

    div.formInput label
    {
        float: left;
        display: block;
        width: 115px;
        padding: 2px 5px 2px 0;
    }
    
    div.formInput input.text
    { width: 200px; }
    
    div.formInput input.text.medium
    { width: 100px; }
    
    div.formInput input.text.small
    { width: 50px; }
    
    div.formInput .validation
    { padding-left: 10px; }

div.formInput.inputFirst label
{
    float: none;
    display: inline;
    width: auto;
    padding-right: 0;
    padding-left: 5px;
}

div.formInput.vertical label
{
    float: none;
    width: auto;
    padding: 0;
}

div.formOptions
{
    margin-bottom: 0.833em;
    font-size: 1.2em;
    overflow: hidden;
}

    div.formOptions.alignInputs
    { padding-left: 120px; }
    
    div.formOptions input.submit.left
    {
		float: left;
		margin-right: 10px;
		padding: 0.3em 8px;
	}
    
    div.formOptions input.submit.right
    {
		float: right;
		margin-left: 10px;
		padding: 0.3em 8px;
	}
    
		div.formOptions input.submit.promenant
		{ padding-left: 16px; }

/*---------------------------------------------------------------
03 - Helper styles
---------------------------------------------------------------*/
.clearLeft
{ clear: left !important; }

.clearRight
{ clear: right !important; }

.clearBoth
{ clear: both !important; }

.clearNone
{ clear: none !important; }

.floatLeft
{ float: left !important; }

.floatRight
{ float: right !important; }

.floatNone
{ float: none !important; }

.widthAuto
{ width: auto !important; }

.width100
{ width: 100% !important; }

.width75
{ width: 75% !important; }

.width66
{ width: 66% !important; }

.width50
{ width: 50% !important; }

.width33
{ width: 33% !important; }

.width25
{ width: 25% !important; }

.width10
{ width: 10% !important; }

/* any element with this class will be hidden off screen, but should still be seen by screen readers */
.nonVisual
{
    position: absolute !important;
    left: -9000px !important;
    top: 0 !important;
}

/* unfortunately, legends don't play well with the above rules */
legend.nonVisual
{
    display: none !important;
    visibility: hidden !important;
}

.leader
{ margin-bottom: 0; }

.warning
{ color: #ddd103; }

/*---------------------------------------------------------------
04 - Page structure
---------------------------------------------------------------*/
/*---------------------------------------------------------------
04.01 - Page
---------------------------------------------------------------*/
body
{ background-color: #372f2d; }

div#page
{
    position: relative;
    width: 950px;
    margin: 0 auto;
    background-color: #201c1b;
}

/*---------------------------------------------------------------
04.02 - Header
---------------------------------------------------------------*/
div#header
{
    position: absolute;
    left: 1px;
    top: 0;
    width: 251px;
    height: 155px;
    z-index: 200;
}
	
	div#header a
	{ display: block; }

/*---------------------------------------------------------------
04.03 - Navigation
---------------------------------------------------------------*/
div#navigation
{
    width: 251px;
    padding-top: 154px;
    margin-bottom: 20px;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #000;
    border-top-color: #524741;
    background-color: #4b403a;
}

    div#navigation ul
    {
        width: 251px;
        margin-bottom: 0;
        font-size: 1.1em;
        line-height: 1;
    }

    div#navigation li
    {
		position: relative;
		border-bottom: 1px solid #524741;
	}

        div#navigation li a,
        div#navigation li a:hover,
        div#navigation li a:focus
        {
            display: block;
            padding: 13px 37px 12px 20px;
            font-weight: bold;
            text-transform: uppercase;
            text-decoration: none;
        }

        div#navigation li:hover,
        div#navigation li:focus,
        div#navigation li.hover,
        div#navigation li.selected,
        div#navigation li.childSelected
        { background: #423934 url('../../images/layout/default/site/navigation_li_a_active.gif') 234px 50% no-repeat; }

        div#navigation li ul
        {
            position: absolute;
            left: 251px;
            top: 0;
            display: none;
			width: 290px;
            padding: 10px 0;
            font-size: 1em;
            background: transparent url('../../images/layout/default/site/navigation_li-hover_ul.png') 0 0 repeat;
        }

        div#navigation li:hover ul,
        div#navigation li.hover ul
        { display: block; }

            div#navigation li ul li
            {
                position: static;
                padding: 0 10px;
                border: 0;
            }

            div#navigation li ul li:hover,
            div#navigation li ul li:focus,
			div#navigation li ul li.hover,
            div#navigation li ul li.selected,
            div#navigation li ul li.childSelected
            {
                background-color: transparent;
                background-image: none;
            }

            div#navigation li ul li a,            
            div#navigation li ul li a:hover,
            div#navigation li ul li a:focus
            {
                display: inline;
                padding: 0 0 0 12px;
                font-weight: normal;
                line-height: 1.6;
                text-transform: none;
                background: transparent url('../../images/layout/default/site/a-action.gif') 0 50% no-repeat;
            }
            
            div#navigation li ul li a:hover,
            div#navigation li ul li a:focus
            { text-decoration: underline; }

            div#navigation li ul li:hover,
            div#navigation li ul li.hover
            {
                background-color: transparent;
                background-image: none;
            }

/*---------------------------------------------------------------
04.04 - Body content
---------------------------------------------------------------*/
div#body
{
    position: relative;
    width: 950px;
    overflow: hidden;
}

div#primaryContent
{
    position: relative;
    float: right;
    width: 698px;
    background-color: #000;
    z-index: 0;
}

div#contentHeader
{
    width: 678px;
    padding: 0 20px 0 0;
    overflow: hidden;
}

div#secondaryContent
{
    position: relative;
    float: left;
    width: 252px;
    z-index: 100;
}

/*---------------------------------------------------------------
04.05 - Footer
---------------------------------------------------------------*/
div#footer
{
    clear: both;
    width: 950px;
    overflow: hidden;
}

p#slogan
{
    float: left;
    width: 326px;
    height: 82px;
    padding: 8px 14px 12px;
}

p#signature
{
    float: right;
    width: 274px;
    height: 82px;
    padding: 8px 14px 12px;
}

div#legal
{
    clear: both;
    width: 950px;
    border-top: 1px solid #000;
    padding: 8px 0 20px;
    text-align: center;
    background-color: #372f2d;
}

    div#legal p
    {
        margin: 0;
        font-size: 1.1em;
        line-height: 1.2;
        color: #b5a898;
    }
    
    div#legal ul
    {
        width: 36em;
        max-width: 920px;
        margin: 0 auto;
        padding: 4px 0;
        font-size: 1em;
        line-height: 1;
    }
    
        div#legal ul li
        {
            border-left: 1px solid #fff;
            padding: 0 5px 0 4px;
        }
    
        div#legal ul li.first
        { border-left: 0; }
    
        div#legal ul a
        { text-transform: uppercase; }

/*---------------------------------------------------------------
05 Page components
---------------------------------------------------------------*/ 
/*---------------------------------------------------------------
05.01 General content
---------------------------------------------------------------*/
p.breadcrumbs
{
    margin-bottom: 0.8em;
    font-size: 1em;
    line-height: 1;
    text-transform: uppercase;
    color: #8f8377;
}

    p.breadcrumbs a
    {
        color: #8f8377;
        text-decoration: underline;
    }
        
div.selectAddress
{
    width: 266px;
    height: 15em;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #0d0d0d;
    overflow: hidden;
}

fieldset.selectAddresses
{
    width: 588px;
    overflow: hidden;
}

    fieldset.selectAddresses div.selectAddress
    {
        float: left;
        margin-left: 16px;
    }
    
        fieldset.selectAddresses div.selectAddress.first
        { margin-left: 0; }
    
address.stockist
{
    float: left;
    width: 186px;
    height: 12em;
    margin: 0 10px 10px 0;
    overflow: hidden;
}

    address.stockist strong.title
    {
        margin-bottom: 0.833em;
        font-weight: normal;
        color: #fff;
    }

div.contactDetails
{
	width: 588px;
	overflow: hidden;
}

	div.contactDetails div
	{
		float: left;
		width: 30%;
		padding-right: 3%;
	}

	div.contactDetails h2
	{ margin: 0; }
	
div.filter p
{
    margin-bottom: 0.714em;
    font-size: 1.4em;
    font-weight: normal;
    color: #fff;
}
	
div.filter a.selected
{ color: #ddd103; }

div.captionImage
{
	margin-bottom: 1em;
	border: 1px solid #46413e;
    background-color: #4b403a;
}

	div.captionImage.floatRight
	{ margin-left: 10px; }

	div.captionImage.floatLeft
	{ margin-right: 10px; }

	div.captionImage p.image
	{ margin: 0; }

	div.captionImage p.caption
	{
		margin: 0;
		padding: 5px;
		font-size: 1em;
		font-style: italic;
		text-align: center;
	}
	
table.shippingMethod
{ width: 568px; }

    table.shippingMethod th
    { color: #b5a598; }

    table.shippingMethod th,
    table.shippingMethod td
    {
		border-bottom: 1px solid #4b403a;
		padding-top: 5px;
	}
	
    table.shippingMethod td
    { color: #fff; }
    
    table.shippingMethod td.service   
    { width: 160px; }
	
    table.shippingMethod td.minWeight,
    table.shippingMethod td.maxWeight
    {
		width: 110px;
		text-align: right;
	}
    
    table.shippingMethod td.price
    {
		width: 50px;
		text-align: right;
	}
	
ul.sitemap,
ul.sitemap ul
{ font-size: 1em; }

ul.sitemap ul
{ margin-left: 16px; }

ul.sitemap div.node h2
{ margin-bottom: 0; }
        
/*---------------------------------------------------------------
05.02 Content header
---------------------------------------------------------------*/    
div#customerControls
{
    float: right;
    width: 210px;
    background-color: #000;
    overflow: hidden;
}

div#miniLogin
{
    width: 210px;
    padding: 10px 0;
    border-bottom: 1px solid #4b403a;
    overflow: hidden;
}

    div#miniLogin p.title
    {
        margin-bottom: 0;
        font-size: 1.1em;
        line-height: 1.363;
        text-transform: uppercase;
        color: #ddd103;
    }

        div#miniLogin p.title.welcome
        {
            margin-bottom: 0.454em;
            text-transform: none;
        }

    div#miniLogin fieldset
    {
        width: 210px;
        overflow:hidden;
    }

        div#miniLogin div.formInput
        {
            float: left;
            width: 100px;
            margin: 0;
            font-size: 1.1em;
        }

            div#miniLogin div.formInput.password
            { float: right; }

        div#miniLogin div.formInput input.text
        { width: 94px; }
        
    div#miniLogin div.formOptions
    {
        margin-bottom: 0;
        width: 210px;
        padding-top: 5px;
        font-size: 1.1em;
    }   
    
        div#miniLogin div.formOptions input.submit
        { width: 100px; }
        
            div#miniLogin div.formOptions input.submit.login
            { float: right; }
            
            div#miniLogin div.formOptions input.submit.register
            { float: left; }

    div#miniLogin p.password
    {
        margin-bottom: 0;
        font-size: 1.1em;
        line-height: 1.818;
    }

    div#miniLogin ul,
    div#miniLogin p.logout
    {
        float: left;
        width: 100px;
        margin-bottom: 0;
        font-size: 1.1em;
        line-height: 1.363;
    }

    div#miniLogin p.logout
    { float: right; }

div.miniBasket
{
    width: 210px;
    padding: 10px 0;
    border-bottom: 1px solid #4b403a;
    overflow: hidden;
}

    div.miniBasket p.title
    {
        margin-bottom: 0;
        font-size: 1.1em;
        line-height: 1.363;
        text-transform: uppercase;
        color: #ddd103;
    }
    
    div.miniBasket p.items
    {
        float: left;
        width: 100px;
        margin-bottom: 0;
        font-size: 1.1em;
        line-height: 1.363;
        color: #fff;
    }
    
    div.miniBasket p.goToBasket
    {
        float: right;
        width: 100px;
        margin-bottom: 0;
        font-size: 1.1em;
        line-height: 1.363;
    }
    
div.miniBasket.updated
{
    width: 190px;
    padding: 10px;
    background-color: #4b403a;
}
    
    div.miniBasket.updated p.goToBasket
    { width: 90px; }

/*---------------------------------------------------------------
05.03 Basket and checkout
---------------------------------------------------------------*/    
div.basketItem
{
    clear: both;
    width: 588px;
    min-height: 120px;
    padding: 8px 0 10px;
    border-bottom: 1px solid #4b403a;
    overflow: hidden;
}

    div.basketItem div.productInfo
    {
        position: relative;
        width: 428px;
        padding: 0 20px 0 140px;
    }
    
        div.basketItem div.productInfo p.gender
        {
            margin-bottom: -0.2em;
            font-size: 1.1em;
            text-transform: uppercase;
            color: #fff;
        }
            
        div.basketItem div.productInfo img
        {
            position: absolute;
            left: 0;
            top: 0;
        }
    
    div.basketItem div.itemInfo
    {
        float: left;
        width: 218px;
        padding: 0 20px 0 140px;
    }
    
        div.basketItem div.itemInfo table td.name
        { width: 6em; }
    
        div.basketItem div.itemInfo table td.value
        {
            width: 4em;
            text-align: right;
        }
    
        div.basketItem div.itemInfo span.price
        {
            font-size: 1.166em;
            color: #fff;
        }
    
    div.basketItem div.itemOptions
    {
        float: right;
        width: 210px;
    }
    
        div.basketItem div.itemOptions p
        { font-size: 1.1em; } 
    
        div.basketItem div.itemOptions input.submit.promenant
        {
            width: 210px;
            text-transform: none;
        } 
        
div#basket
{
    position: relative;
    width: 588px;
    overflow: hidden;
}
    
    div#basket div.basketInfo
    {
        float: right;
        width: 210px;
        padding: 20px 0;
    }
    
        div#basket div.basketInfo table td.name
        {
            width: 6em;
            text-transform: uppercase;
        }
    
            div#basket div.basketInfo table tr.total td.name
            { font-size: 1.4em; }
    
        div#basket div.basketInfo table td.value
        {
            width: 4em;
            text-align: right;
        }
    
        div#basket div.basketInfo span.weight,
        div#basket div.basketInfo span.price
        {
            font-size: 1.166em;
            color: #fff;
        }
    
        div#basket div.basketInfo p
        {
            margin: 0;
            border-top: 1px solid #4b403a;
            padding-top: 10px;
        }
    
        div#basket div.basketInfo input.submit.promenant
        { width: 210px; } 

    div#basket div.basketOptions
    {
        position: absolute;
        left: 0;
        bottom: 20px;
        width: 358px;
    }
    
        div#basket div.basketOptions p
        {
            margin: 0;
            font-size: 1.1em;
        }
        
        div#basket div.basketOptions a, 
        div#basket div.basketOptions input.submit
        { text-transform: uppercase; }

div.addToBasket input.submit.promenant
{ font-size: 1.2em; }

table#orderSummary
{ width: 568px; }

    table#orderSummary th
    { color: #b5a598; }

    table#orderSummary th,
    table#orderSummary td
    {
		border-bottom: 1px solid #4b403a;
		padding-top: 5px;
	}
	
    table#orderSummary td
    { color: #fff; }

    table#orderSummary th.item,
    table#orderSummary td.item
    { width: 300px; }    
    
    table#orderSummary th.itemPrice,
    table#orderSummary td.itemPrice,
    table#orderSummary th.lineTotal,
    table#orderSummary td.lineTotal,
    table#orderSummary td.subTotal,
    table#orderSummary td.shippingTotal,
    table#orderSummary td.orderTotal
    { text-align: right; }  
    
    table#orderSummary th.subTotal,
    table#orderSummary th.shippingTotal,
    table#orderSummary th.orderTotal
    {
        border-bottom: 0;
        font-size: 1.2em;
        text-align: right;
        text-transform: uppercase;
    }
    
    table#orderSummary th.subTotal,
    table#orderSummary td.subTotal
    { padding-top: 20px; }
    
    table#orderSummary th.orderTotal,
    table#orderSummary td.orderTotal
    { font-size: 1.4em; }

table#customerOrders th,
table#customerOrders td
{
	border-bottom: 1px solid #4b403a;
	padding-top: 5px;
}
    
div.creditCard fieldset.date
{
    position: relative;
    margin-bottom: 1.2em;
}
    
    div.creditCard fieldset.date legend
    {
        width: 115px;
        padding: 2px 5px 2px 0;
        margin-bottom: 0;
        font-size: 1.2em;
        color: #b5a598;
    }
    
    div.creditCard fieldset.date div.month
    {
        position: absolute;
        left: 110px;
        top: -1.7em;
    }
    
    div.creditCard fieldset.date div.year
    {
        position: absolute;
        left: 17em;
        top: -1.7em;
    }
    
        div.creditCard fieldset.date div.month label,
        div.creditCard fieldset.date div.year label
        { width: auto; }

div.formInput.ccvNumber
{
    overflow: visible;
}

    div#ccvNumberHelp
    {
        position: relative;
        display: inline;
        z-index:4;
        margin-left: 5px;
    }
    
        div#ccvNumberHelp span
        {
            color: #fff;
        }

        div#ccvNumberHelp div.info
        {
            position: absolute;
            left: 78px;
            top: -261px;
            display: none;
            width: 300px;
            padding: 9px 7px;
            border: 1px solid #4b403a;
            background-color: #000;
            z-index:5;
        }
        
            div#ccvNumberHelp div.info img
            { padding-bottom: 5px;}
            
            div#ccvNumberHelp div.info p
            {
                color: #B5A598;
                margin: 0;
                margin-left: 0 !important;
                font-size: 1em;
                line-height: 1.2;
		        z-index:5;
            }

/*---------------------------------------------------------------
05.04 Product and collection
---------------------------------------------------------------*/
div#product
{
    width: 588px;
    overflow: hidden;
}
    
    div#product p.gender
    {
        margin-bottom: -0.8em;
        font-size: 1.1em;
        text-transform: uppercase;
        color: #fff;
    }

    div#product div.productInfo
    {
        float: right;
        width: 263px;
        padding-top: 10px;
    }
    
        div#product div.productInfo div.basketControls
        {
            width: 263px;
            margin-bottom: 1em;
            overflow: hidden;
        }
        
            div#product div.productInfo div.basketControls p.price
            {
                float: left;
                width: 100px;
                margin: 0;
                font-size: 2em;
                color: #fff;
            }
        
            div#product div.productInfo div.basketControls div.addToBasket
            {
                float: right;
                width: 163px;
                text-align: right;
            }
        
                div#product div.productInfo div.basketControls div.addToBasket input
                { margin-top: 0.3em; }
        
                div#product div.productInfo div.basketControls div.addToBasket div.outOfStock p
                {
                    margin: 0;
                    line-height: 1;
                }
                
                    div#product div.productInfo div.basketControls div.addToBasket div.outOfStock p em
                    {
                        display: block;
                        font-size: 0.916em;
                        font-style: normal;
                    }

    div#product div.productImages
    {
        float: left;
        width: 290px;
    }
    
        div#product div.productImages div.regular p.imageControls
        {
            margin: 0;
            padding: 1em;
            font-size: 1em;
            line-height: 1.3;
            text-align: center;
            text-transform: uppercase;
        }
    
        div#product div.productImages div.regular p.imageControls span.zoom
        { padding-right: 20px; }
    
        div#product div.productImages div.thumbnails
        {
            width: 300px;
            margin-right: -10px;
            overflow: hidden;
        }
    
        div#product div.productImages div.thumbnails span
        {
            float: left;
            display: block;
            width: 65px;
            padding: 0 10px 10px 0;
        }
    
        div#product div.productImages div.thumbnails a
        { display: block; }
        
div.product
{
    width: 286px;
    height: 14em;
    margin-bottom: 10px;
    background-color: #0d0d0d;
    overflow: hidden;
}

    div.product a,
    div.product a:hover,
    div.product a:focus
    {
        color: #fff;
        text-decoration: none;
    }

    div.product h3 a:hover,
    div.product h3 a:focus
    { text-decoration: underline; }
        
    div.product div.productInfo
    {
        float: right;
        width: 126px;
        padding: 10px;
    }
        
    div.product div.productImage
    {
        float: left;
        width: 120px;
        height: 120px;
        padding: 10px;
    }
    
    div.product p.gender
    {
        margin-bottom: -0.2em;
        font-size: 1em;
        text-transform: uppercase;
        color: #8f8377;
    }
    
    div.product h3
    { margin-bottom: 0; }
    
    div.product p.description
    {
        margin-bottom: 0.909em;
        font-size: 1.1em;
    }
    
		div.product p.description a
		{ color: #8f8377; }
    
		div.product p.description a:focus,
		div.product p.description a:hover
		{ text-decoration: underline; }
    
    div.product p.price
    {
        width: 126px;
        margin-bottom: 0;
        font-size: 1.4em;
        line-height: 1;
        color: #fff;
        overflow: hidden;
    }
    
    div.product p.price strong
    {
        float: left;
        display: block;
        width: 100px;
        font-weight: normal;
    }
    
    div.product p.price a
    {
        float: right;
        display: block;
        width: 14px;
        height: 14px;
    }
        
div.relatedProduct
{
    width: 286px;
    height: 7.5em;
    margin-bottom: 10px;
    background-color: #0d0d0d;
    overflow: hidden;
}
        
    div.relatedProduct div.productInfo
    {
        float: right;
        width: 196px;
        padding: 10px 10px 10px 5px;
        overflow: hidden;
    }
        
        div.relatedProduct div.productInfo div.info
        {
            float: left;
            width: 173px;
            padding-right: 10px;
        }
    
        div.relatedProduct div.productInfo p.go
        {
            float: right;
            width: 13px;
            margin-bottom: 0;
            font-size: 1em;
            line-height: 6;
        }
        
    div.relatedProduct div.productImage
    {
        float: left;
        width: 65px;
        height: 65px;
        padding: 5px;
    }
    
    div.relatedProduct p.gender
    {
        margin-bottom: -0.2em;
        font-size: 1em;
        text-transform: uppercase;
        color: #8f8377;
    }
    
    div.relatedProduct h3
    { margin-bottom: 0; }
    
    div.relatedProduct p.description
    {
        margin-bottom: 0.181em;
        font-size: 1.1em;
    }
    
		div.relatedProduct p.description a
		{ color: #8f8377; }
    
		div.relatedProduct p.description a:focus,
		div.relatedProduct p.description a:hover
		{ text-decoration: underline; }
    
    div.relatedProduct p.price
    {
        margin-bottom: 0;
        font-size: 1.4em;
        line-height: 1;
        color: #fff;
        overflow: hidden;
    }
    
div.featureProduct
{
    position: relative;
    width: 456px;
    border: 1px solid #000;
    background-color: #000;
    overflow: hidden;
}
        
    div.featureProduct div.productInfo
    {
        float: left;
        width: 214px;
        padding: 16px 10px 10px;
    }
        
    div.featureProduct div.productImage
    {
        float: right;
        width: 222px;
        height: 240px;
    }
    
    div.featureProduct p.featured
    {
        margin-bottom: -0.2em;
        font-size: 1em;
        text-transform: uppercase;
        color: #fff;
    }
    
    div.featureProduct h2
    {
		margin: 0;
		padding-bottom: 10px;
        font-size: 1.6em;
        line-height: 1;
    }

		div.featureProduct h2 span.leader
		{
			display: block;
			font-size: 0.625em;
			text-transform: uppercase;
		}
    
    div.featureProduct div.basket
    {
        position: absolute;
        left:0;
        bottom: 0;
        width: 214px;
        padding: 10px;
        overflow: hidden;
    }
    
		div.featureProduct div.basket p.price
		{
			float: left;
			width: 70px;
			margin-bottom: 0;
			font-size: 1.4em;
			line-height: 1.714;
			color: #fff;
			overflow: hidden;
		}
	    
		div.featureProduct div.basket div.addToBasket
		{
			float: right;
			width: 144px;
			text-align: right;
		}
    
div.category
{
    width: 588px;
    margin-bottom: 20px;
    overflow: hidden;
}

div.collection,
div.relatedProducts
{
    width: 588px;
    overflow: hidden;
}

    div.collection div.product,
    div.relatedProducts div.relatedProduct
    {
        float: left;
        margin-left: 16px;
    }

        div.collection div.product.first,
        div.relatedProducts div.relatedProduct.first
        { margin-left: 0; }        

div.AttributeContainer {overflow:hidden;}
div.AttributeContainer div.Column1 {width:50%;float:left;display:inline;}
div.AttributeContainer div.Column2 {width:50%;float:left;display:inline;}

/*---------------------------------------------------------------
05.05 Feature components
---------------------------------------------------------------*/		
div.contentFeature
{
	border: 1px solid #000;
	background-color: #000;
}

	div.contentFeature div.contentTitle
	{
		width: 210px;
		padding: 10px;
		overflow: hidden;
	}

	div.contentFeature h2
	{	
		float: left;
		width: 197px;
		margin: 0;
        font-size: 1.6em;
        line-height: 1;
	}
    
	div.contentFeature p.go
	{
		float: right;
		width: 13px;
		margin-bottom: 0;
		font-size: 1em;
		line-height: 2.6;
	}

		div.contentFeature h2 span.leader
		{
			display: block;
			font-size: 0.625em;
			text-transform: uppercase;
		}

	div.contentFeature div.content
	{ clear: both; }

		div.contentFeature div.content p
		{
			padding: 0 10px 0;
			margin-bottom: 0.666em;
		}
    
div.contentFeature.full h2
{
	float: none;
	width: auto;
}

div.londonHorology div.contentTitle,
div.notebookPromo div.contentTitle
{ padding-bottom: 4px; }

div#joinMailingList
{
    padding: 7px 10px 14px; /* changed top padding from 10 to 7 to accomodate notebook promo */
    background-color: #000;
}
        
    div#joinMailingList h2
    {
        margin-bottom: 0.5em;
        font-size: 1.6em;
        line-height: 1;
    }
        
    div#joinMailingList div.formInput
    {
        margin: 0;
        font-size: 1.1em;
    }

        div#joinMailingList div.formInput label
        {
            float: none;
            display: block;
            width: auto;
        }
        
        div#joinMailingList div.formInput input.text
        {
            width: 95px;
            margin-right: 5px;
        }

    div#joinMailingList div.validation,
    div#joinMailingList div.message p
    {
		margin: 0;
		font-size: 1.1em;
	}
    
div#sendToFriend
{
    width: 212px;
    padding: 10px 10px 14px;
    background-color: #000;
    overflow: hidden;
}
        
    div#sendToFriend h2
    {
        margin-bottom: 0.25em;
        font-size: 1.6em;
        line-height: 1;
    }

    div#sendToFriend a
    { color: #b5a598; }
    
    div#sendToFriend div.info
    {
        float: left;
        width: 190px;
    }
    
        div#sendToFriend div.info p
        {
            margin-bottom: 0;
            font-size: 1.1em;
        }
    
    div#sendToFriend p.go
    {
        float: right;
        width: 13px;
        margin-bottom: 0;
        font-size: 1em;
        line-height: 3.5;
    }

div.hero
{
    width: 454px;
    height: 340px;
}

    div.hero a.heroImage
    { display: block; }

    div.hero p
    {
        position: absolute;
        right: 20px;
        bottom: 20px;
		width: 400px;
        margin: 0;
        text-align: right;
    }
    
div#heroBanners
{
    float: left;
    width: 454px;
    border-left: 1px solid #000;
}

	div#heroBanners div.hero
	{
		display: none;
		position: relative;	
	}

	div#heroBanners div.hero.first
	{ display: block; }
    
div#timeline
{
	position: relative;
	width: 588px;
	overflow: hidden;
}
    
	div#timeline ul.dates
	{
		width: 544px;
		margin: 0 22px;
		font-size: 1.4em;
		line-height: 1.428;
		overflow: hidden;
	}
	    
		div#timeline ul.dates li
		{
			float: left;
			padding: 0 10px;
		}
	    
			div#timeline ul.dates li a
			{ color: #ddd103; }
	    
			div#timeline ul.dates li a:hover,
			div#timeline ul.dates li a:focus
			{
				text-decoration: none;
				color: #fff;
			}
	    
			div#timeline ul.dates li a.selected
			{ color: #fff; }
			
	div#timeline div.date
	{
		width: 524px;
		height: 280px;
		padding: 10px;
		margin-bottom: 20px;
		background-color: #4b403a;
		overflow: hidden;
	}
			
		div#timeline div.date div.dateContent
		{
			float: right;
			width: 209px;
			padding: 10px 10px 0 20px;
		}
			
			div#timeline div.date div.dateContent h3
			{
				margin-bottom: 0.625em;
				font-size: 1.6em;
				line-height: 1.25;
			}
			
		div#timeline div.date div.dateImage
		{
			float: left;
			width: 285px;
		}
    
div.oTimeline div.panelViewPort
{
	position: relative;
	width: 544px;
	margin: 0 22px;
	overflow: hidden;
}
		
	div.oTimeline div.panelViewPort div.panelsContainer
	{ position: absolute; }
		
		div.oTimeline div.panelViewPort div.panelsContainer div.date
		{
			float: left;
			margin-bottom: 0;
		}
    
div.oTimeline div.controlsViewPort
{
	position: relative;
	width: 544px;
	margin: 0 22px;
	overflow: hidden;
}
		
	div#timeline div.controlsViewPort ul.dates
	{
		position: absolute;
		margin: 0;
	}
	
div.oTimeline div.timelinePrev
{
	position: absolute;
	left: 2px;
	top: 40%;
}

div.oTimeline div.timelineNext
{
	position: absolute;
	right: 2px;
	top: 40%;
}

/*---------------------------------------------------------------
06 Overrides
---------------------------------------------------------------*/
div#primaryContent div.section
{
    padding: 20px 55px;
    border-bottom: 12px solid #201c1b;
}

div#primaryContent div.section div.formOptions
{
    width: 588px;
    border-top: 1px solid #4b403a;
}

    div#primaryContent div.section div.formOptions
    { padding-top: 10px; }
    
div#secondaryContent div.section
{ padding: 0 10px 10px; }

body.home div#contentHeader
{
    position: relative;
    border-bottom: 1px solid #000;
    background-color: #000;
}

    body.home div#primaryContent div#contentHeader div.section
    {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 210px;
        padding: 0 20px 10px;
        border-bottom: 0;
        z-index: 100;
    }
    
    body.home div#customerControls
    {
        position: relative;
        z-index: 200;
    }

body.home div#primaryContent
{ background-color: #201c1b; }

    body.home div#primaryContent div.section
    {
        padding: 10px 10px 20px 0;
        border-bottom: 0;
    }

    body.home div#primaryContent div.section.left
    {
        float: left;
        width: 458px;
    }

    body.home div#primaryContent div.section.right
    {
        float: right;
        width: 220px;
    }

    body.home div#primaryContent div.section.right div.contentFeature div.contentTitle
    { width: 200px; }
        
body.home div#joinMailingList
{ background-color: #4e433d; }

body.home div#navigation
{ margin-bottom: 10px; }

body.home div.londonHorology,
body.home div.notebookPromo
{ margin-bottom: 10px; }

body.home div.contentFeature div.contentTitle
{ padding-top: 16px; }

body.collection div#primaryContent div.section
{ position: relative; }

body.collection div#primaryContent h2.intro
{ margin-bottom: 20px; }

body.collection div#primaryContent div.filter
{
	padding: 10px 0;
	border: 1px solid #4B403A;
	border-width: 1px 0;
	margin-bottom: 10px;
    overflow: hidden;
}

	body.collection div#primaryContent div.filter p
	{
		float: left;
		margin: 0 10px 0 0;
	}

	body.collection div#primaryContent div.filter ul.horizontal
	{
		float: left;
		padding-top: 1px;
		margin: 0;
	}

body.history div#primaryContent div.section
{ overflow: hidden; }

body.checkout div#contentHeader
{ padding-bottom: 60px; }

body.checkout div#primaryContent div.section h1
{
	width: 588px;
	overflow: hidden;
}

	body.checkout div#primaryContent div.section h1 span
	{
		float: left;
		width: 280px;
	}

	body.checkout div#primaryContent div.section h1 em
	{
		float: right;
		width: 280px;
		text-align: right;
		font-style: normal;
	}

body.checkout div#primaryContent div.section div.formInput,
body.checkout div#primaryContent div.section p,
body.checkout div#primaryContent div.section address,
body.checkout div#primaryContent div.section table,
body.checkout div#primaryContent div.section div.creditCard fieldset.date
{ margin-left: 10px; }

body.orderConfirmation div#primaryContent div.section p,
body.orderConfirmation div#primaryContent div.section address
{ margin-left: 0; }

body.checkout div#primaryContent div.section div.selectAddress
{ width: 251px; }

body.checkout div#primaryContent div.section div.formOptions input.left
{ text-transform: uppercase; }

body.threeDSecure,
body.threeDSecure div#page
{ background-color: #000; }

body.stockists div#primaryContent h2
{
    margin-bottom: 0.625em;
    font-size: 1.6em;
    clear: both;
}

body.stockists div#primaryContent div.section
{ overflow: hidden; }

body.product div#primaryContent
{ background: #000 url('../../images/layout/default/collection/product_primaryContent.jpg') 0 0 no-repeat; }

body.milton div#primaryContent
{ background: #000 url('../../images/layout/default/collection/milton_primaryContent.jpg') 0 0 no-repeat; }

body.threadneedle div#primaryContent
{ background: #000 url('../../images/layout/default/collection/threadneedle_primaryContent.jpg') 0 0 no-repeat; }

body.throgmorton div#primaryContent
{ background: #000 url('../../images/layout/default/collection/throgmorton_primaryContent.jpg') 0 0 no-repeat; }

body.basket div#primaryContent
{ background: #000 url('../../images/layout/default/basket/basket_primaryContent.jpg') 0 0 no-repeat; }

body.checkout div#primaryContent
{ background: #000 url('../../images/layout/default/checkout/checkout_primaryContent.jpg') 0 0 no-repeat; }

body.collection div#primaryContent
{ background: #000 url('../../images/layout/default/collection/collection_primaryContent.jpg') 0 0 no-repeat; }

body.customer div#primaryContent
{ background: #000 url('../../images/layout/default/customer/customer_primaryContent.jpg') 0 0 no-repeat; }

body.contactUs div#primaryContent
{ background: #000 url('../../images/layout/default/contact-us/contactUs_primaryContent.jpg') 0 0 no-repeat; }

body.stockists div#primaryContent
{ background: #000 url('../../images/layout/default/stockists/stockists_primaryContent.jpg') 0 0 no-repeat; }

body.watchMaking div#primaryContent
{ background: #000 url('../../images/layout/default/history/history_primaryContent.jpg') 0 0 no-repeat; }

body.heritage div#primaryContent
{ background: #000 url('../../images/layout/default/history/heritage_primaryContent.jpg') 0 0 no-repeat; }

body.timeline div#primaryContent
{ background: #000 url('../../images/layout/default/history/timeline_primaryContent.jpg') 0 0 no-repeat; }

body.goldenSection div#primaryContent
{ background: #000 url('../../images/layout/default/history/goldenSection_primaryContent.jpg') 0 0 no-repeat; }

body.home div.contentFeature.notebookPromo div.contentTitle {
padding-top:6px;
}
div.notebookPromo span.note {padding-left:10px;}