/*-----------------------------------------------------------------------------------------------*/
/*                                                                                               */
/* Stylesheet      : Master                                                                      */
/*                                                                                               */
/* Script Name     : master.css                                                                  */
/*                                                                                               */
/* System Name     : Oli                                                                         */
/*                                                                                               */
/* Author          : OTTO                                                                        */
/*                                                                                               */
/* Date            : 06/03/2007                                                                  */
/*                                                                                               */
/* Copyright       : (c) OTTO UK Ltd                                                             */
/*                                                                                               */
/* Description     : Contains master styling for the whole Oli site.                             */
/*                                                                                               */
/* Version History                                                                               */
/*                                                                                               */
/* Version Date       Who     Description                                                        */
/* ------- ---------- -----   -----------                                                        */
/* 1.0     06/03/2007 otto    Original version.                                                  */
/* 1.1     04/07/2007 hstdc04 Removed the select and option styles in the divSearch element.     */
/*                            These styles were never finished and looked wrong when javascript  */
/*                            was disabled. This should never be an issue as the site is not     */
/*                            targeted at non script browsers. However since non IE and Mozilla  */
/*                            browsers do not render the fancy drop downs the styles were being  */
/*                            shown and looked half finished. Changed to just use the regular    */
/*                            OS select input look and feel by removing the styles.              */
/*                            Also removed the same style rules for the sorting select (why      */
/*                            were they repeated twice, why not styled once by class?).          */
/*                                                                                               */
/* 1.2     06/07/2007 hstdc10 Fixed overflow on line 482                                         */
/* 1.3	   20/07/2007 hepd031 Added Footer - Press Centre link styles.			          	     */
/* 1.4	   04/01/2008 hstdc03 Restored the WAS NOW pricing styles.                         	     */
/* 1.5     23/01/2008 hstdc06 Amended the styling for the stock check button on the quick order  */
/*                            page. Added fixed width to the stock status table colummn.         */
/* 1.6     19/02/2208 hstdc06 Amended styles to allow for the Oli product display page.          */
/* 1.7     18/03/2008 hstdc06 Fixed issue with display of ordercodes on bag page in IE6.         */
/* 1.7     19/03/2008 hepd031 Added in style for Flowers li nav link for NavStoreTop.		     */
/* 1.8     23/04/2008 hstdc07 Updated Search Text color and Search entry field background image. */
/* 1.9     22/07/2009 hstdc01 Updated for the Oli Product List / Product Details re-style        */
/* 1.10    20/10/2009 hepd009 Add Blog tab into Topnav			                                 */
/* 1.11    04/05/2010 hstdc01 Added styles for tabular productlist for powerreviews.             */
/* 1.12    05/08/2011 hstdt03 Added styles for footerLinksRight                                  */
/*                                                                                               */
/*-----------------------------------------------------------------------------------------------*/

html
{
    margin: 0;
    padding: 0;
}
body
{
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 62.5%;
    behavior: url("../jssource/ie6HoverFix.htc"); /*This is required for ie6 hover effect on li */ /*    background: #ffffff; */
}

#staticAltImages
{
    height:90px;
}

.staticImage
{
    position:relative;
    display:block;
    float:left;
    padding-left:35px;    
}

#fs_select
{
    background-color:#F1F1F1;
    margin-bottom:10px;
    padding:10px;
	width:415px;
	margin-top:2px;
}


#stockStatus
{
    background-color:#999999;
}

#warranty_description
{
    display:block;
    width:300px;
    float:left;
}

#warranty_checkboxes
{
    display:block;
    width:90px;
    float:right;
}

.templateHomepage #divContent h1
{
    display: none;
}

#NavigationBottom #paginationControl
{
	bottom:25px;
	display:block;
	float:right;
	left:60px;
	position:relative;
}

#NavigationTop #paginationControl
{
    display: block;
    position: absolute;
    float: right;
    right: 0px;
    top: 40px;
}

#NavigationTop .pagingRow
{
    border-bottom: 0 none;
    margin-bottom: 5px;
    padding-bottom: 2px;
    padding-top: 4px;
    text-align: center;
    width: 100%;
    border-top: 0 none;
}


#NavigationTop .sortRow
{
    position: absolute;
    text-align: right;
    top: 40px;
    z-index: -1;
    width: 100%;
}

/*-----------------------------------------------------------------------------------------------*/
/*                                      Navbar Styles                                            */
/*-----------------------------------------------------------------------------------------------*/

#homeTab
{
    width: 42px;
    display: block;
    float: left;
}

#newinTab
{
    width: 98px;
    display: block;
    float: left;
}

#fashionTab
{
    width: 102px;
    display: block;
    float: left;
}

#interiorsTab
{
    width: 107px;
    display: block;
    float: left;
}

#brandsTab
{
    width: 98px;
    display: block;
    float: left;
}

#technoligyTab
{
    width: 126px;
    display: block;
    float: left;
}

#clearanceTab
{
    width: 121px;
    display: block;
    float: left;
}

#blogTab
{
    width: 131px;
    display: block;
    float: left;
}

#magazineTab
{
    width: 115px;
    display: block;
    float: left;
}

#headerSearchTab
{
    display: block;
    float: right;
	width:209px;
    background-color: #000000;
    margin: 0px 1px 0px 0px;
    _padding-right:1px;
}

ul#topNav
{
    padding: 0px;
    margin: 0px;
    background-color: #000000;
    width: 992px;
    float: left;
}

/*div#headerSearch
{
    height: 34px;
    background-color: #000000;
    float: left;
    margin: 0px;
	margin: 0px 0px 0px 108px;
	_margin: 0px;
	_padding-left:108px;
    width: 100%;
    text-align: right;
}*/

div#headerSearch
{
    height: 34px;
    background-color: #000000;
    float: right;
    margin: 0px;
    text-align: right;
}


div.dropDownBox
{
    border: 1px solid #000000;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

div.dropDownOuterBox
{
    border: 1px solid #FFFFFF;
    float: left;
}



form#searchForm #input-search
{
    border-width: 0;
    color: #6F6F6F;
    height: 18px;
    width: 160px;
    margin-top: 7px;
    padding-left: 0px;
    margin-left: 0px;
}


form#searchForm .submit
{
    border-width: 0;
    color: #FFFFFF;
    height: 20px;
    padding: 0 2px;
    background-color: #35AEE2;
    margin-right: 5px;
    margin-bottom: 0px;
    position: relative;
    top: 2px !important;
    _top: 0px !important; #top:0px!important;
}

/*#divHeaderBlack
{
   width:992px;
   margin-left:0px;
   padding:0px;
}
*/

/*-----------------------------------------------------------------------------------------------*/
/*                                       Flydown Styles                                          */
/*-----------------------------------------------------------------------------------------------*/

span.categoriesTitleText
{
    font-size: 1.1em;
    font-weight: bold;
    color: #72C26D;
    padding-left: 10px;
    text-transform: uppercase;
}

span.themesTitleText
{
    font-size: 1.1em;
    font-weight: bold;
    color: #72C26D;
    padding-left: 10px;
    text-transform: uppercase;
}

/* Home nav. */

a#homeLink
{
    display: block;
    background: url(../pix/layout/master/topnav_homeicon.gif) no-repeat;
    height: 34px;
}


/*newin */

a#newinLink
{
    display: block;
    height: 34px;
    background-image: url(../pix/layout/master/topnav_newin_both.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    position: relative;
    left: -1px;
}

a#newinLink:hover
{
    background: url(../pix/layout/master/topnav_newin_both.gif) no-repeat;
    background-position: -98px 0px;
    z-index: 100;
}

#newinTab:hover #newinDropDown
{
    display: block;
    list-style: none;
    position: absolute;
}

#newinTab:hover a#newinLink /* Needed to keep the the nav link selected when selecting a category from the list */
{
    background: url(../pix/layout/master/topnav_newin_both.gif) no-repeat;
    background-position: -98px 0px;
    z-index: 100;
}

/* Fashion navigation */

a#fashionLink
{
    display: block;
    height: 34px;
    background-image: url(../pix/layout/master/topnav_fashion_both.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    position: relative;
}

a#fashionLink:hover
{
    background: url(../pix/layout/master/topnav_fashion_both.gif) no-repeat;
    background-position: -102px 0px;
    z-index: 100;
}

#fashionTab #FashionDropDown
{
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    list-style: none;
    margin-top: 0px;
    z-index: 100;
    float: left;
}

#fashionTab:hover #FashionDropDown
{
    display: block;
    list-style: none;
    position: absolute;
}

#fashionTab:hover a#fashionLink /* Needed to keep the the nav link selected when selecting a category from the list */
{
    background: url(../pix/layout/master/topnav_fashion_both.gif) no-repeat;
    background-position: -102px 0px;
    z-index: 100;
}

#fashionTab #FashionDropDown ul
{
    display: block;
    padding-top: 5px;
    padding-left: 0px;
    margin-left: 0px;
    width: 150px;
    float: left;
    list-style: none;
}

#fashionTab #FashionDropDown ul li
{
    width: 100%;
    list-style-position: outside;
    margin: 0px;
    float: left;
    display: block;
    line-height: 17px;
    margin-top: 1px;
}

#fashionTab #FashionDropDown ul a
{
    text-decoration: none;
    color: #333333;
    display: block;
    font-size: 11px;
    padding-left: 3px;
    margin-bottom: 2px;
    font-weight: bold;
    text-transform: uppercase;
    width: 150px; /* Required for IE6 to allow selecting links when not over the text */
}

#fashionTab #FashionDropDown ul a:hover
{
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #EC008C;
    display: block;
}

/* Interiors navigation */

a#interiorsLink
{
    display: block;
    height: 34px;
    background-image: url(../pix/layout/master/topnav_interiors_both.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    position: relative;
    left: -1px;
}

a#interiorsLink:hover
{
    background: url(../pix/layout/master/topnav_interiors_both.gif) no-repeat;
    background-position: -107px 0px;
    z-index: 100;
}

#interiorsTab #InteriorsDropDown
{
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    list-style: none;
    margin-top: 0px;
    z-index: 100;
    float: left;
    margin-left: -1px;
}

#interiorsTab:hover #InteriorsDropDown
{
    display: block;
    list-style: none;
    position: absolute;
}

#interiorsTab:hover a#interiorsLink /* Needed to keep the the nav link selected when selecting a category from the list */
{
    background: url(../pix/layout/master/topnav_interiors_both.gif) no-repeat;
    background-position: -107px 0px;
    z-index: 100;
}

#interiorsTab #InteriorsDropDown ul
{
    display: block;
    padding-top: 5px;
    padding-left: 0px;
    line-height: 18px;
    margin-left: 0px;
    width: 150px;
    float: left;
    list-style: none;
}

#interiorsTab #InteriorsDropDown ul li
{
    width: 100%;
    list-style-position: outside;
    margin: 0px;
    float: left;
    display: block;
    line-height: 17px;
    margin-top: 1px;
}

#interiorsTab #InteriorsDropDown ul a
{
    text-decoration: none;
    color: #333333;
    display: block;
    font-size: 11px;
    padding-left: 3px;
    margin-bottom: 2px;
    font-weight: bold;
    text-transform: uppercase;
    width: 150px;
}

#interiorsTab #InteriorsDropDown ul a:hover
{
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #EC008C;
    display: block;
}

/* Brands navigation */

a#brandsLink
{
    display: block;
    height: 34px;
    background-image: url(../pix/layout/master/topnav_brands_both.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    position: relative;
    left: -2px;
}

a#brandsLink:hover
{
    background: url(../pix/layout/master/topnav_brands_both.gif) no-repeat;
    background-position: -98px 0px;
    z-index: 100;
}

#brandsTab #brandsDropDown
{
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    list-style: none;
    margin-top: 0px;
    z-index: 100;
    float: left;
    margin-left: -1px;
}

#brandsTab:hover #brandsDropDown
{
    display: block;
    list-style: none;
    position: absolute;
}

#brandsTab:hover a#brandsLink /* Needed to keep the the nav link selected when selecting a category from the list */
{
    background: url(../pix/layout/master/topnav_brands_both.gif) no-repeat;
    background-position: -98px 0px;
    z-index: 100;
}

#brandsTab #brandsDropDown ul
{
    display: block;
    padding-top: 5px;
    padding-left: 0px;
    line-height: 18px;
    margin-left: 0px;
    width: 150px;
    float: left;
    list-style: none;
}

#brandsTab #brandsDropDown ul li
{
    width: 100%;
    list-style-position: outside;
    margin: 0px;
    float: left;
    display: block;
    line-height: 17px;
    margin-top: 1px;
}

#brandsTab #brandsDropDown ul a
{
    text-decoration: none;
    color: #333333;
    display: block;
    font-size: 11px;
    padding-left: 3px;
    margin-bottom: 2px;
    font-weight: bold;
    text-transform: uppercase;
    width: 150px;
}

#brandsTab #brandsDropDown ul a:hover
{
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #EC008C;
    display: block;
}

/* Technology navigation */

a#technoligyLink
{
    display: block;
    height: 34px;
    background-image: url(../pix/layout/master/topnav_technoligy_both.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    position: relative;
    left: -2px;
}

a#technoligyLink:hover
{
    background: url(../pix/layout/master/topnav_technoligy_both.gif) no-repeat;
    background-position: -126px 0px;
    z-index: 100;
}

#technoligyTab #TechnoligyDropDown
{
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    list-style: none;
    margin-top: 0px;
    z-index: 100;
    float: left;
    margin-left: -2px;
}

#technoligyTab:hover #TechnoligyDropDown
{
    display: block;
    list-style: none;
    position: absolute;
}

#technoligyTab:hover a#technoligyLink /* Needed to keep the the nav link selected when selecting a category from the list */
{
    background: url(../pix/layout/master/topnav_technoligy_both.gif) no-repeat;
    background-position: -126px 0px;
    z-index: 100;
}

#technoligyTab #TechnoligyDropDown ul
{
    display: block;
    padding-top: 5px;
    padding-left: 0px;
    line-height: 18px;
    margin-left: 0px;
    width: 150px;
    float: left;
    list-style: none;
}

#technoligyTab #TechnoligyDropDown ul li
{
    width: 100%;
    list-style-position: outside;
    margin: 0px;
    float: left;
    display: block;
    line-height: 17px;
    margin-top: 1px;
}

#technoligyTab #TechnoligyDropDown ul a
{
    text-decoration: none;
    color: #333333;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding-left: 3px;
    margin-bottom: 2px;
    text-transform: uppercase;
    width: 150px;
}

#technoligyTab #TechnoligyDropDown ul a:hover
{
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #EC008C;
    display: block;
}

a#magazineLink
{
    display: block;
    height: 34px;
    background-image: url(../pix/layout/master/topnav_magazine.gif);
    background-repeat: no-repeat;
}

a#magazineLink:hover
{
    background: url(../pix/layout/master/topnav_magazine-over.gif) no-repeat;
}

#magazineTab:hover #magazineDropDown
{
    display: block;
    list-style: none;
    position: absolute;
}

#magazineTab:hover a#magazineLink /* Needed to keep the the nav link selected when selecting a category from the list */
{
    background: url(../pix/layout/master/topnav_magazine-over.gif) no-repeat;
}

/*clearance */

a#clearanceLink
{
    display: block;
    height: 34px;
    background-image: url(../pix/layout/master/topnav_clearance_both.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    position: relative;
    left: -3px;
}

a#clearanceLink:hover
{
    background: url(../pix/layout/master/topnav_clearance_both.gif) no-repeat;
    background-position: -121px 0px;
    z-index: 100;
}

#clearanceTab:hover #clearanceDropDown
{
    display: block;
    list-style: none;
    position: absolute;
}

#clearanceTab:hover a#clearanceLink /* Needed to keep the the nav link selected when selecting a category from the list */
{
    background: url(../pix/layout/master/topnav_clearance_both.gif) no-repeat;
    background-position: -121px 0px;
    z-index: 100;
}

/*blog */

a#blogLink
{
    display: block;
    height: 34px;
    background-image: url(../pix/layout/master/topnav_blog_both.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    position: relative;
    left: -3px;
}

a#blogLink:hover
{
    background: url(../pix/layout/master/topnav_blog_both.gif) no-repeat;
    background-position: -131px 0px;
    z-index: 100;
}

#blogTab:hover #blogDropDown
{
    display: block;
    list-style: none;
    position: absolute;
}

#blogTab:hover a#blogLink /* Needed to keep the the nav link selected when selecting a category from the list */
{
    background: url(../pix/layout/master/topnav_blog_both.gif) no-repeat;
    background-position: -131px 0px;
    z-index: 100;
}


/*-----------------------------------------------------------------------------------------------*/
/*                                       Categories and Extras Styles                            */
/*-----------------------------------------------------------------------------------------------*/

div.categoriesImage
{
    background: url(../pix/layout/master/categories.gif) no-repeat;
    height: 29px;
    width: 124px;
}

div.extrasImage
{
    background: url(../pix/layout/master/extras.gif) no-repeat;
    height: 29px;
    width: 87px;
}


/* Category styles */
#divCategories
{
    float: left;
    margin-left: 10px;
    background: url(../pix/layout/master/line_bg.gif) repeat-y 100% 0%;
}

#divCategories1
{
    float: left;
    width: 170px;
}

#divCategories2
{
    float: left;
    width: 170px;
}

#divThemes
{
    float: left;
    width: 170px;
    margin-left: 10px;
}

ul.categoryDropDown2 li
{
    margin-bottom: 5px !important;
}


a.salesExtraText
{
    color: #EC008C !important;
}

a.salesExtraText:hover
{
    color: #FFFFFF !important;
}

/* Drop down columns width sizes */

.columns1
{
    width: 190px;
}

.columns2
{
    width: 364px;
    _width: 374px;
}

.columns3
{
    width: 530px;
}


.categoryColumns1
{
    width: 170px;
}

.categoryColumns2
{
    width: 340px;
}

body.pdPopup
{
    background: #ffffff;
}

form
{
    margin: 0;
    padding: 0;
}
a img
{
    border: 0;
}

a.accessLink
{
    position: absolute;
    text-indent: -9999px;
}

hr
{
    display: none;
}

/* in rare cases this can be used to force whitespace in IE */
span.whitespace
{
    display: none;
}

span.hr
{
    display: block;
    clear: both;
    background-color: #E0E0E0;
    height: 1px;
    overflow: hidden;
    font-size: 1px;
    line-height: 1px;
    margin: 0 0 1.0em 0;
}

#divPage
{
    width: 992px; /*    width: 944px; */ /*padding: 0 0 110px; */ /* leave space for Look Book */ /*	padding: 0 0 34px;*/
    margin: 1.0em auto 0;
    padding: 0 0 0 0; /*    margin: 12.0em auto 0;      border: 0px solid #E0E0E0;     border-top-width: 1px; */
}

/* ===== HEADER ===== */

#divHeader
{
    margin: 0 auto;
    position: relative;
    z-index: 50;
    height:auto;
    padding:0px;
}

#divHeader #divHeaderWhite
{
    background-color: #FFFFFF;
}

#divHeader #divHeaderBlack
{
    background-color: #000000;
    margin-top: 0px;
    width: 992px;
    margin-left: 0px;
    padding: 0px;
}


#mainNavTopLeft
{
    _padding-left: 6px;
}

#mainNavTopRight
{
    _padding-right: 3px;
}


/* ----- Header white ----- */
#divHeader #divHeaderWhite a
{
    text-decoration: none;
    color: #000000;
}

#divHeader #divHeaderWhite a.shoppingBag
{
    text-decoration: none;
    color: #C10077;
}

#divHeader #divHeaderWhite span.spanBranding
{
    font-size: 4em;
    line-height: 1em;
    display: none;
}

#divHeader #divHeaderWhite span.spanSlogan
{
    font-size: 2.8em;
    color: #4F4F4F; /*     font-size: 2.4em;  */
}

#divHeader #divHeaderWhite table tr td.tdLeft
{
    vertical-align: bottom;
    width: 178px; /*         text-align: left;     width: 163px;  */
}

#divHeader #divHeaderWhite table tr td.tdMiddle
{
    width: 446px; /*     vertical-align: bottom;     text-align: center;     width: 446px; */
}

#divHeader #divHeaderWhite table tr td.tdRight
{
    text-align: right;
    width: 350px; /*     vertical-align: bottom; */
}

#divHeader #divHeaderWhite #imgBag
{
    margin-bottom: -3px;
}

#divHeader #divHeaderWhite table span.spanBagDescription
{
    color: #C10077;
    font-size: 1.1em;
    font-weight: bold;
}

#divHeader #divHeaderWhite table span.csaText
{
    color:#C10077;
    font-weight:bold;
}

#divHeader #divHeaderWhite table span.spanBagContent
{
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
}

#divHeader #divHeaderWhite table td.tdBagDescription
{
    width:400px;
}

#divHeader #divHeaderWhite table td.tdBagImage
{
    width: 33px;
    padding-left:10px;
}



/* ----- Header black ----- */
/*#divHeader #divHeaderBlack table
{
    padding: 6px;
    vertical-align: middle;
}

#divHeader #divHeaderBlack table td.mainNavigation
{
    height: 20px;
    text-align: left;
    padding-left: 13px;
    font-size: 1.4em;
    color: #FFFFFF;
}
*/
#mainNavTopLeft ul
{
    height: 21px;
    padding: 0px;
    margin: 0px;
    _height: 21px;
    _padding: 0px;
    _margin: 0px;
}

#mainNavTopLeft li
{
    list-style-type: none;
    _display: inline;
    _float: left;
    display: inline;
    float: left;
}

#mainNavTopLeft li.topnavFashion a
{
    float: left;
    _float: left;
    width: 102px;
    height: 21px;
    background: #000000 url(../PIX/layout/master/topnav_fashion_both.gif) no-repeat;
    background-position: 0px 0px;
    margin-right: 7px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

#mainNavTopLeft li.topnavHomes a
{
    float: left;
    _float: left;
    width: 183px;
    height: 21px;
    background: #000000 url(../PIX/layout/master/topnav_hometextiles.gif) no-repeat;
    margin-right: 7px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

#mainNavTopLeft li.topnavTechno a
{
    float: left;
    _float: left;
    width: 144px;
    height: 21px;
    background: #000000 url(../PIX/layout/master/topnav_technol.gif) no-repeat;
    margin-right: 7px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}
/*
td.mainNavSearchRT
{
    text-align: right;
}

#divHeader #divHeaderBlack table td.mainNavigation a:link, #divHeader #divHeaderBlack table td.mainNavigation a:visited
{
    font-size: 1.0em;
    color: #FFFFFF;
    margin: 0px 5px;
    _margin: 0px 5px 0px 3px !important;
    text-decoration: none;
}

#divHeader #divHeaderBlack table td.mainNavigation a:active
{
    font-size: 1.0em;
    color: #FFFFFF;
    text-decoration: none;
}

#divHeader #divHeaderBlack table td.mainNavigation a:hover
{
    font-size: 1.0em;
    color: #FFFFFF;
    text-decoration: underline;
}

#divHeader #divHeaderBlack table #input-search
{
    color: #6F6F6F;
    border-width: 0px;
    height: 18px;
    width: 12em;
}

#divHeader #divHeaderBlack table input.submit
{
    border-width: 0px;
    height: 20px;
    margin: 0px 0px -2px -3px;
    padding: 0px 2px 0px 2px;
    background-color: #35AEE2;
    color: #FFFFFF;
}
*/

/* ===== BODY ===== */

#divBody
{
    position: relative;
    border-right: 6px solid black;
    border-bottom: 6px solid black;
    z-index: 40;
    background-color: #FFFFFF;
    background: url(../pix/LAYOUT/leftNavBlackBody.gif) repeat-y;
    margin: 0; /*margin:1em auto 0;*/ /*width:992px;*/ /*	width:980px;*/ /*top:-10px;*/ /*    margin-top: 6.4em;*/
}

#divBody:after
{
    content: ".";
    display: block;
    width: 100%;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* ----- Sidebar ----- */

#divSidebar
{
    width: 173px;
    float: left;
    padding: 10px;
    margin: 0px 0px 0px 0px;
    background: #000000 url(../pix/LAYOUT/leftNavMenuWhiteStrip.gif) no-repeat;
}

#divSidebar div.sideNavSpacer
{
    margin: 20px 0 0 0;
}

#divSidebar div.sideNav, #divSidebar div.selections
{
    color: #FFFFFF;
    margin: 0 0 0.3em;
    padding: 0 0 0.3em;
}

#divSidebar div.sideNav h3, #divSidebar div.selections h3
{
    margin: 0;
    padding: 0.1538em 0px 0.1538em 2px;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    line-height: 1.3846;
    text-transform: uppercase;
    color: #C10077;
    cursor: pointer;
    font-weight: bold;
    background: url(../pix/layout/master/sidenav-closed.gif) no-repeat 151px center;
    width: 97%;
}

#divSidebar div.selections h3
{
    background-image: none;
    cursor: auto;
    padding-right: 2px;
}

#divSidebar div.sideNav h3:hover
{
    background-image: url(../pix/layout/master/sidenav-to-open.gif);
}

/* opening */
#divSidebar div.sideNav.motion h3
{
    background-image: url(../pix/layout/master/sidenav-open.gif);
}

#divSidebar div.sideNav.open h3
{
    background-image: url(../pix/layout/master/sidenav-open.gif);
}

#divSidebar div.sideNav.open h3:hover
{
    background-image: url(../pix/layout/master/sidenav-to-close.gif);
}

/* closing */
#divSidebar div.sideNav.open.motion h3
{
    background-image: url(../pix/layout/master/sidenav-closed.gif);
}

#divSidebar div.sideNav div.inner, #divSidebar div.selections div.inner
{
    display: block; /* May have to change this to "none" if hiding the side menus is very slow */
    position: relative;
    margin: 0.5em 0;
}

#divSidebar div.sideNav.noscroll div.inner, #divSidebar div.selections.noscroll div.inner
{
    /*    max-height: none; */
}

#divSidebar div.sideNav.open div.inner, #divSidebar div.selections.open div.inner
{
    display: block;
}

#divSidebar div.sideNav div.inner ul, #divSidebar div.selections div.inner ul
{
    display: block;
    margin: 0;
    padding: 0 0 0 12px;
}

#divSidebar div.sideNav div.inner ul:after, #divSidebar div.selections div.inner ul:after
{
    content: ".";
    display: block;
    width: 100%;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0px;
    line-height: 0px;
    margin: 0;
    padding: 0;
}



#divSidebar img.colourSwatch
{
    border: 0px solid rgb(240, 240, 240);
    width: 10px;
    height: 10px;
    /*position: relative;*/
    margin-top: 3px;
    top: 1px;
    margin-right: 10px;
}

#divSidebar div.sideNav div.inner ul li, #divSidebar div.selections div.inner ul li
{
    display: block;
    list-style-type: none;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.lowercased
{
    text-transform: lowercase;
}

#divSidebar div.sideNav div.inner ul li a, #divSidebar div.selections div.inner ul li a
{
    padding: 0 0.25em;
}

#divSidebar div.sideNav div.inner ul li a:link, #divSidebar div.sideNav div.inner ul li a:visited, #divSidebar div.selections div.inner ul li a:link, #divSidebar div.selections div.inner ul li a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}

#divSidebar div.sideNav div.inner ul li a:active, #divSidebar div.sideNav div.inner ul li a:hover, #divSidebar div.selections div.inner ul li a:active, #divSidebar div.selections div.inner ul li a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

img.colourSwatch a:active, img.colourSwatch a:hover, a:active img.colourSwatch, a:hover img.colourSwatch
{
    text-decoration: none;
}

#divSidebar div.sideNav div.inner ul li.more a
{
    text-align: right;
    color: #58BCE7;
    display: block;
}

#divSidebar div.sideNav div.inner ul li.more a:hover
{
    color: #FFFFFF;
    text-decoration: none;
    background-color: transparent;
}

#divSidebar div.sideNav div.inner ul li.more a span
{
    padding: 0 0.25em;
}


#divSidebar div.sideNav a.pinkLink
{
    color: #C10077 !important;
    text-decoration: none !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
}

#divSidebar div.sideNav a.pinkLink:hover
{
    color: #FFFFFF !important;
    text-decoration: none !important;
}

#divSidebar div.sideNav div.inner ul li.swatch, #divSidebar div.selections div.inner ul li.swatch
{
    float: none;
    width: 22px;
    height: 22px;
    margin: 0;
    font-size: 10px;
    line-height: 1.0em;
    padding: 2px 3px 3px 2px;
}

#divSidebar div.sideNav div.inner ul li.swatch a, #divSidebar div.selections div.inner ul li.swatch a
{
    padding: 0;
    margin: 0;
    display: block;
    width: 22px;
    height: 22px;
}

#divSidebar div.sideNav div.inner ul li.swatch img, #divSidebar div.selections div.inner ul li.swatch img
{
    padding: 0;
    margin: 0;
    display: block;
    width: 22px;
    height: 22px;
}

#divSidebar div.sideNav div.inner ul li.selected, #divSidebar div.selections div.inner ul li.selected
{
    float: none;
    width: auto;
    padding-right: 0;
    margin: 0;
}

#divSidebar div.sideNav div.inner ul li.selected a, #divSidebar div.selections div.inner ul li.selected a
{
    color: #FFFFFF;
    text-decoration: none;
    padding: 0px 5px 0px 0px;
    width: auto;
    height: auto; /*    font-weight: bold; */
}

#divSidebar div.sideNav div.inner ul li.selected a:hover, #divSidebar div.selections div.inner ul li.selected a:hover span.clear
{
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

#divSidebar div.sideNav div.inner ul li.selected a:hover, #divSidebar div.selections div.inner ul li.selected a:hover span.selected
{
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

#divSidebar div.sideNav div.inner ul li.selected span.selected, #divSidebar div.selections div.inner ul li.selected span.selected
{
    background-color: #C10077;
    float: left;
    padding: 0 0.25em; /* 3px */
}

#divSidebar div.sideNav div.inner ul li.selected span.clear, #divSidebar div.selections div.inner ul li.selected span.clear
{
    background-color: #000000;
    color: #58BCE7;
    float: left;
    clear: both;
    margin-top: 5px;
}


#divSidebar div.sideNav div.inner ul li ul
{
    padding-left: 5px;
    margin: 0.4167em 0; /* 5px */
}

#divSidebar div.sideNav div.inner ul li ul li
{
    font-size: 1.0em;
}

#divSidebar div.sideNav div.inner div.scrollerControls
{
    position: absolute;
    right: 0px;
    width: 16px;
    height: 100%;
}

#divSidebar div.sideNav div.inner div.scrollerControls span.up
{
    display: block;
    position: absolute;
    top: 0px;
    width: 16px;
    height: 16px;
    background: #7ED7FC url(../pix/layout/master/scroll-arrow-up.png) no-repeat center center;
    z-index: 30;
    text-indent: -9999px;
}

#divSidebar div.sideNav div.inner div.scrollerControls span.up.disabled
{
    background-color: #BDEAFC;
}

#divSidebar div.sideNav div.inner div.scrollerControls span.up.press
{
    background-color: #2FBDFA;
}

#divSidebar div.sideNav div.inner div.scrollerControls span.down
{
    display: block;
    position: absolute;
    bottom: 0px;
    width: 16px;
    height: 16px;
    background: #7ED7FC url(../pix/layout/master/scroll-arrow-down.png) no-repeat center center;
    z-index: 30;
    text-indent: -9999px;
}

#divSidebar div.sideNav div.inner div.scrollerControls span.down.disabled
{
    background-color: #BDEAFC;
}

#divSidebar div.sideNav div.inner div.scrollerControls span.down.press
{
    background-color: #2FBDFA;
}

#divSidebar div.sideNav div.inner div.scrollerControls span.bar
{
    display: block;
    position: absolute;
    top: 16px;
    bottom: 16px;
    width: 16px;
    background-color: #CCF0FF;
    z-index: 10;
}

#divSidebar div.sideNav div.inner div.scrollerControls span.bar span.areaViewable
{
    display: block;
    position: absolute;
    background-color: #E5F7FF;
    height: 50%;
    top: 0px;
    width: 16px;
    z-index: 20;
}

#divSidebar div.sideNav div.inner div.scroller
{
    position: absolute;
    top: 0px;
    width: 147px; /* 165px - 16px for the scroll bar + 2px space */
}

#divSidebar div.sideNavDivider
{
    border-bottom: 1px solid #AAAAAA;
    margin: 0px 5px 5px 5px;
}

#divSidebar div.sideNavHomeDivider
{
    border-bottom: 1px solid #4F4F4F;
    margin: 0px 15px 0px 15px;
}

#divSidebar div.sideNavNewsletterText
{
    margin: 5px 15px 0px 15px;
    color: #FFFFFF;
    font-size: 1.3em;
    font-weight: bold;
    white-space: nowrap;
}

#divSidebar div.sideNavNewsletterInput
{
    margin: 8px 15px 0px 15px;
}

#divSidebar div.sideNavNewsletterInput input
{
    border-width: 0px;
    color: #6F6F6F;
    height: 18px;
}


#divSidebar div.sideNavNewsletterButton
{
    margin: 5px 15px 0px 15px;
    color: #FFFFFF;
    font-size: 1.3em; /*text-align: right;*/
    text-align: left;
}

#divSidebar div.sideNavCosmo
{
    margin: 15px 15px 0px 15px;
    _margin: 5px 15px 0px 10px;
    float: left;
    width: 142px;
    height: 132px;
}

#divSidebar div.sideNavVAT
{
    margin: 15px 15px 0px 15px;
    _margin: 5px 15px 0px 10px;
    float: left;
    width: 142px;
    height: 86px;
}

#divSidebar ul.promoItem
{
    padding: 0;
    margin: 0;
}

#divSidebar ul.promoItem li
{
    width: 175px;
    background: #fff;
    text-align: center;
    border: 1px solid #e0e0e0;
    padding: 0;
    margin: 0 0 1.0em 0;
    list-style-type: none;
}

#divSidebar ul.promoItem li img
{
    margin: 5px 0 0 0;
}

#divSidebar ul.promoItem li a
{
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: -0.02em;
    color: #ed008c;
    text-decoration: none;
    display: block;
    margin: 0 5px;
    text-align: left;
    line-height: 1.6em;
}

/* The span is around the text part of the link so that it has the arrow graphic to the right */
#divSidebar ul.promoItem li a span
{
    padding: 0 10px 0 0;
    font-size: 16px !important;
    background: transparent url(../pix/layout/master/red-link-arrow.gif) right 50% no-repeat;
}


/* ----- Content ----- */

#divContent
{
    background-color: #FFFFFF;
    width: 773px;
    float: right;
    padding: 0px 10px 10px 10px; /*    margin: -1.0em 0;     padding: 1.0em 0 0.0001em; */
    position: relative;
    min-height: 520px; /*top:10px;*/
    margin-top: 10px;
    _margin-top: 10px;
}

#divContenttemplate
{
    background-color: #FFFFFF;
    width: 773px;
    float: left; /*    margin: -1.0em 0;     padding: 1.0em 0 0.0001em; */
    position: relative;
    min-height: 520px; /*	left: 1px;*/
    top: 0px;
}


#divContent #divBreadCrumb
{
    margin: 10px 0px 10px 0px;
}

#divContent #divBreadCrumb ul
{
    height: 1.7em;
    padding: 0;
    margin: 0;
}

#divContent #divBreadCrumb span.text
{
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px 10px 0px 0px;
}

#divContent #divBreadCrumb ul li
{
    display: inline;
    list-style-type: none;
    float: left;
    margin: 0;
    margin-right: 0.2941em;
    padding: 0;
    font-size: 1.2em;
    font-weight: bold;
    font-family: Arial, sans-serif;
    color: #000000;
}

#divContent #divBreadCrumb ul li a:link, #divContent #ulBreadcrumb li a:visited
{
    text-decoration: none;
    color: #ED008C;
}

#divContent #divBreadCrumb ul li a:active
{
    text-decoration: none;
    color: #ED008C;
}

#divContent #divBreadCrumb ul li a:hover
{
    text-decoration: none;
    color: #ED008C;
}

#divContent #divBreadCrumb ul li.last
{
    color: #4F4F4F; /* brand color */
}

#divContent #divBreadCrumb ul li.last a:link, #divContent #divBreadCrumb ul li.last a:visited, #divContent #divBreadCrumb ul li.last a:active, #divContent #divBreadCrumb ul li.last a:hover
{
    text-decoration: none;
    color: #4F4F4F;
}

/* general h2, adds a horizontal rule across the page */

#divContent h2
{
    display: block;
    color: #ed008c;
    font-family: Arial, sans-serif;
    font-size: 1.6em;
    line-height: 1.625em;
    padding: 0 2px;
    clear: both;
    margin: 0 0 0.625em;
}

#divContent .productDisplayH2
{
    border: 0px solid #e0e0e0;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

#divContent .productListH2
{
    border: 0px solid #e0e0e0;
    border-bottom-width: 1px;
}

#divContent h2 a
{
    text-decoration: none;
    color: #2BAAE1;
}

#divContent h2 a:hover
{
    text-decoration: underline;
}

#divContent p.placeHolder
{
    background-color: #ff00ff;
    color: #ffff00;
    font-size: 10.0em;
    line-height: 1.0em;
    font-family: "courier new" , Courier, monospace;
    font-weight: bold;
    margin: 0.1em 0;
}

/* TEMP - needs some more work */
#divContent .errorMessage
{
    color: #ff0000;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    display: block;
    padding: 5px;
    margin: 5px 0;
    background-color: #ffffcc;
    clear: left;
}

/* TEMP - needs some more work */
#divContent form label.error
{
    color: #ff0000;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    display: block;
    padding: 5px;
    background-color: #ffffcc;
}

#divContent form .shortval label.error
{
    color: #ff0000;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    display: block;
    padding: 5px;
    background-color: #ffffcc;
    width: 300px;
}



#divContent a.whatsThis
{
    background: url(../pix/layout/master/help-icon.gif) no-repeat center center;
    display: inline-block;
    margin: 0 1px;
    color: #ffffff;
    letter-spacing: -1.0em;
    font-size: 15px;
    line-height: 15px;
    padding: 0 15px 0 0;
    text-indent: -3000px;
    vertical-align: baseline;
}

#divContent a.whatsThisPD
{
    background: url(../pix/productdisplay/proddetails_whatsthisicon.gif) no-repeat center center;
    display: inline-block;
    margin: 0 1px;
    color: #ffffff;
    letter-spacing: -1.0em;
    font-size: 15px;
    line-height: 15px;
    padding: 0 15px 0 0;
    text-indent: -3000px;
    vertical-align: baseline;
}

a.whatsThisPD
{
    background: url(../pix/bag/bag_whatsthisicon.gif) no-repeat center center;
    display: inline-block;
    margin: 0 1px;
    color: #ffffff;
    letter-spacing: -1.0em;
    font-size: 15px;
    line-height: 15px;
    padding: 0 18px 0 0;
    vertical-align: baseline;
    text-indent:-100px;
}



/* This is a friendly message that's show when something a little unexpected happens '*/
#divContent div.messageInteruption
{
    margin: 0 0 1.0em;
    border-bottom: 1px solid #e0e0e0;
}

#divContent div.messageInteruption p
{
    font-size: 1.3em;
    line-height: 1.1538em;
    margin: 0 0 1.1538em;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: #000000;
}

#divContent div.messageInteruption h1
{
    font-size: 1.5em;
    line-height: 1.0em;
    margin: 0 0 1.0em;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: #ff0000;
}


/* Department page magazine style */

#divContent ul.deptMagStyle
{
    position: relative;
    margin: -1.0em 0 1.0em;
    min-height: 28.0em;
    padding: 0;
}

#divContent ul.deptMagStyle li
{
    display: block;
    list-style-type: none;
    width: 180px;
    height: 280px;
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
}

#divContent ul.deptMagStyle li.no01
{
    width: 349px;
    left: 0px;
}

#divContent ul.deptMagStyle li.no02
{
    left: 357px;
}

#divContent ul.deptMagStyle li.no03
{
    left: 545px;
}

#divContent ul.deptMagStyle li h3
{
    color: #000000;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 2.0em;
    position: absolute;
    top: 5px;
    left: 10px;
}

#divContent ul.deptMagStyle li p
{
    color: #000000;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 1.5em;
    position: absolute;
    bottom: 8px;
    left: 10px;
    width: 160px;
}

#divContent ul.deptMagStyle li p a
{
    color: #000000;
    text-decoration: none;
}

/* Cover Image */

#divContent img.imgSideBanner
{
    display: block;
    height: 137px;
    width: 225px;
}

#divContent img.imgSingleSideBanner
{
    display: block;
    height: 280px;
    width: 225px;
}

#divContent div.divBannerContainer
{
    height: 97px;
    clear: both;
    width: 791px; /*         width: 743px; */
    position: relative;
    top: -9px;
    left: -9px;
}

#divContent div.divBannerContainer div.divSideBannerContainer
{
    float: right;
}

#divContent div.divBannerContainer div.divMainBanner
{
    border: 6px solid black;
    width: 548px; /*     width: 500px; */
}

#divContent div.divBannerContainer div.divSingleBanner
{
    border: 6px solid black;
    width: 779px; /*     width: 731px; */
    float: left;
}

#divContent div.divBannerContainer div.divSideBannerContainer div.divSideBanner1
{
    border-top: 6px solid black;
    border-right: 6px solid black;
    border-bottom: 6px solid black;
}

#divContent div.divBannerContainer div.divSideBannerContainer div.divSideBanner2
{
    border-right: 6px solid black;
    border-bottom: 6px solid black;
}

#divContent div.divBannerContainer div.divMainBanner img.imgMainBanner
{
    display: block;
    width: 548px; /*         width: 500px; */
    height: 280px;
}

#divContent div.divBannerContainer div.divSingleBanner img.imgSingleBanner
{
    display: block;
    width: 779px; /*     width: 731px; */
    height: 97px;
}


#divContent div.searchResultHeader
{
    margin: 0px 0px 15px 0px;
}

#divContent div.searchResultHeader div.headline
{
    font-size: 2.4em;
    font-weight: bold;
}

#divContent div.searchResultHeader div.text
{
    font-size: 1.2em;
    font-weight: bold;
}


/* Product Grid */

#divContent ul.productGrid
{
    padding: 20px 0px 0px 0px;
	margin-bottom:1.0em;
    display: block;
    clear: both;
    z-index: 1;
}


#divContent div.productDetail ul.productGrid
{
    padding: 0px 0 0;
}


#divContent ul.productGrid:after
{
    content: ".";
    display: block;
    width: 100%;
    height: 0;
    clear: both;
    visibility: hidden;
}

#divContent ul.productGrid li
{
    list-style-type: none;
    margin: 1.0em 0px 0em;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    position: relative;
    max-width: 171px;
}

#divContent #MRVContainer ul.productGrid li
{
    list-style-type: none;
    margin: 0em 26px 1.5em;
	_margin:0em 21px 1.5em;
    padding: 0;
    float: left;
    text-align: left;
    position: relative;
    max-width: 70px;
    top:-15px;
}


.productListLiStyle
{
    /* width: 126px; */
    width: 161px;
}

.productDisplayLiStyle
{
    width: 125px;
	_width: 70px;
}

div.pdOutOfStock .productDisplayLiStyle
{
    width: 161px;
}



#divContent ul.productGrid li.no01, #divContent ul.productGrid li.no05, #divContent ul.productGrid li.no09, #divContent ul.productGrid li.no13, #divContent ul.productGrid li.no17, #divContent ul.productGrid li.no21, #divContent ul.productGrid li.no25, #divContent ul.productGrid li.no29, #divContent ul.productGrid li.no33, #divContent ul.productGrid li.no37, #divContent ul.productGrid li.no41, #divContent ul.productGrid li.no45, #divContent ul.productGrid li.no49, #divContent ul.productGrid li.no53, #divContent ul.productGrid li.no57, #divContent ul.productGrid li.no61, #divContent ul.productGrid li.no65, #divContent ul.productGrid li.no69, #divContent ul.productGrid li.no73, #divContent ul.productGrid li.no77, #divContent ul.productGrid li.no81, #divContent ul.productGrid li.no85, #divContent ul.productGrid li.no89, #divContent ul.productGrid li.no93, #divContent ul.productGrid li.no97
{
    margin-left: 4px;
    clear: left;
}

#divContent ul.productGrid li.no04, #divContent ul.productGrid li.no08, #divContent ul.productGrid li.no12, #divContent ul.productGrid li.no16, #divContent ul.productGrid li.no20, #divContent ul.productGrid li.no24, #divContent ul.productGrid li.no28, #divContent ul.productGrid li.no32, #divContent ul.productGrid li.no36, #divContent ul.productGrid li.no40, #divContent ul.productGrid li.no44, #divContent ul.productGrid li.no48, #divContent ul.productGrid li.no52, #divContent ul.productGrid li.no56, #divContent ul.productGrid li.no60, #divContent ul.productGrid li.no64, #divContent ul.productGrid li.no68, #divContent ul.productGrid li.no72, #divContent ul.productGrid li.no76, #divContent ul.productGrid li.no80, #divContent ul.productGrid li.no84, #divContent ul.productGrid li.n088, #divContent ul.productGrid li.no92, #divContent ul.productGrid li.no96
{
    margin-right: 0px;
}

#divContent ul.productGrid li span.image
{
    display: block;
    position: relative;
    width: 161px;
    height: 223px;
    margin: 0;
    padding: 0;
}

#divContent #MRVContainer ul.productGrid li span.image
{
    display: block;
    position: relative;
    width: 70px;
    height: 145px;
    margin: 0;
    padding: 0;
}

#divContent ul.productGrid li span.imageInner
{
    display: block;
    width: 161px;
    height: 223px;
    display: table;
    text-align: center;
}

#divContent #MRVContainer ul.productGrid li span.imageInner
{
    display: block;
    width: 70px;
    height: 175px;
    display: table;
    text-align: center;
	
	#height:auto !important;
	
}

#divContent #MRVContainer ul.productGrid li span.imageInner  a
{

	#height:auto !important;
	#width:70px !important; 
	
}

#divContent ul.productGrid li span.image a
{
    display: block;
    width: 161px;
    height: 223px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#divContent #MRVContainer ul.productGrid li span.image a
{
    display: block;
    width: 126px;
    height: 175px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#divContent ul.productGrid li span.image a img
{
    display: block;
    max-width: 161px;
    max-height: 223px;
    margin: 0 auto;
}

#divContent #MRVContainer ul.productGrid li span.image a img
{
    display: block;
    max-width: 126px;
    max-height: 175px;
    margin: 0 auto;
}




#divContent ul.productGrid li span.image h5.promo
{
    display: block;
    width: 100px;
    height: 47px;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 8px;
    left: 5px;
    text-indent: -9999px;
    background-repeat: no-repeat;
}

/* These stlyes also need defining in the master-fixes-ie-lt-7.css */



/* This needs adjusting for gifs or pngs */

/*#divContent ul.productGrid li span.image h5.promo.clearance
{
    background-image: url(../pix/productlist/sale.gif);
}*/

#divContent ul.productGrid li span.image h5.promo.clearance
{
    background-image: url('../pix/productlist/sale.png' ) !important;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pix/productlist/sale.png',sizingMethod='image');
}


#divContent ul.productGrid li span.image h5.promo.clearanceSmall
{
    background-image: url('../pix/productlist/sale_small.png' ) !important;
    background-image: none;
    bottom:-20px;
	#bottom:0px;
    left:-16px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pix/productlist/sale_small.png',sizingMethod='image');
}


/*#divContent ul.productGrid li span.image h5.promo.newIn
{
    background-image: url(../pix/productlist/new.gif);
}*/


#divContent ul.productGrid li span.image h5.promo.itemadSmall
{
    bottom:-20px;
	#bottom:0px;
    left:-16px;   
}

#divContent ul.productGrid li span.image h5.promo.asseenin
{
    width:159px !important;
    height:21px !important;
    left:1px !important;
}

#divContent ul.productGrid li span.image h5.promo.newIn
{
    background-image: url('../pix/productlist/new.png' ) !important;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pix/productlist/new.png',sizingMethod='image');
}

#divContent ul.productGrid li span.image h5.promo.newInSmall
{
    background-image: url('../pix/productlist/new_small.png' ) !important;
    background-image: none;
    bottom:-20px;
	#bottom:0px;
    left:-16px;   
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pix/productlist/new_small.png',sizingMethod='image');
}


#divContent ul.productGrid li span.image h5.promo.exclusive
{
    background-image: url(../pix/content/promo-icons/sm/icn-sm-exclusive.png);
}
#divContent ul.productGrid li span.image h5.promo.justIn
{
    background-image: url(../pix/content/promo-icons/sm/icn-sm-justin.png);
}

#divContent ul.productGrid li span.image h5.promo.sale
{
    background-image: url(../pix/content/promo-icons/sm/icn-sm-sale.png);
}
#divContent ul.productGrid li span.image h5.promo.save
{
    background-image: url(../pix/content/promo-icons/sm/icn-sm-save.png);
}
#divContent ul.productGrid li span.image h5.promo.video
{
    background-image: url(../pix/content/promo-icons/sm/icn-sm-video.png);
}

#divContent ul.productGrid li span.image ul.swatches
{
    position: absolute;
    bottom: 0px;
    left: 162px;
    padding: 0;
    margin: 0;
    clear: both;
    width: 34px;
    height: 129px;
    display: block;
    z-index: 20;
}

#divContent ul.productGrid li span.image ul.swatches li
{
    width: 15px;
    height: 15px;
    float: none;
    clear: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    line-height: 1.0em;
}

#divContent ul.productGrid li span.image ul.swatches li.no01
{
    bottom: 0px;
    margin: 0px;
}
#divContent ul.productGrid li span.image ul.swatches li.no02
{
    bottom: 19px;
}
#divContent ul.productGrid li span.image ul.swatches li.no03
{
    bottom: 38px;
}
#divContent ul.productGrid li span.image ul.swatches li.no04
{
    bottom: 57px;
    margin: 0px;
}
#divContent ul.productGrid li span.image ul.swatches li.no05
{
    bottom: 76px;
}
#divContent ul.productGrid li span.image ul.swatches li.no06
{
    bottom: 95px;
}
#divContent ul.productGrid li span.image ul.swatches li.no07
{
    bottom: 114px;
}
#divContent ul.productGrid li span.image ul.swatches li.no08
{
    bottom: 0px;
    left: 19px;
}
#divContent ul.productGrid li span.image ul.swatches li.no09
{
    bottom: 19px;
    left: 19px;
}
#divContent ul.productGrid li span.image ul.swatches li.no10
{
    bottom: 38px;
    left: 19px;
}
#divContent ul.productGrid li span.image ul.swatches li.no11
{
    bottom: 57px;
    left: 19px;
}
#divContent ul.productGrid li span.image ul.swatches li.no12
{
    bottom: 76px;
    left: 19px;
}
#divContent ul.productGrid li span.image ul.swatches li.no13
{
    bottom: 95px;
    left: 19px;
}
#divContent ul.productGrid li span.image ul.swatches li.no14
{
    bottom: 114px;
    left: 19px;
}

#divContent ul.productGrid li span.image ul.swatches li img
{
    width: 15px;
    height: 15px;
}

#divContent ul.productGrid li span.image span.area
{
    display: none;
    position: absolute;
    top: -5px;
    left: 120px;
    bottom: -5px;
    width: 55px;
    height: 185px;
    z-index: 30;
}

#divContent ul.productGrid li span.image span.swatches
{
    position: absolute;
    bottom: 5px;
    left: 126px;
    padding: 0;
    margin: 0;
    clear: both;
    width: 9px;
    height: 19px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../pix/layout/master/icon-swatches.gif) no-repeat;
    z-index: 10;
}

/* The Brief Product Description. Needs to wrap to 3 lines */
#divContent ul.productGrid li h4
{
    font-size:1.1em;
    line-height: 1.2em;
    padding: 0;
    margin: 0 0 0.2em;
    min-height: 2.4em;
    color: #000000;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
}

#divContent div.productDetail ul.productGrid li h4
{
    font-size:9px;
    padding-top:10px;
}


#divContent ul.productGrid li.productDisplayLiStyle h4
{

}

#divContent ul.productGrid li h4 a
{
    color: #000000;
    text-decoration: none;
}

/* The Price of Items */
#divContent ul.productGrid li h5
{
    margin: 0 0 0.7143em;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1.2857em;
    color: #000000;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
}
#divContent ul.productGrid li h5 span
{
    font-size: 0.7692em;
    line-height: 1.0em;
    font-weight: normal;
}

/* was price */
#divContent ul.productGrid li h6
{
    margin: -1.0em 0 0;
    font-weight: bold;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: #ff0000;
    display: block;
    font-size: 1.0em;
    line-height: 1.0em;
}

#divContent ul.productGrid li h6 span
{
    font-weight: normal;
}

/* The View Product Button */
#divContent ul.productGrid a.buttonView
{
    background: transparent url(../pix/productlist/prodlist_arrow.gif) right center no-repeat;
    text-transform: uppercase;
    text-align: right;
    display: block;
    font-size: 1.1em;
    line-height: 1.3636em;
    text-decoration: none;
    color: #000000;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    padding-right: 20px;
}

#divContent .productDisplayButtonView
{
    font-weight: normal;
    padding: 2px 20px 0 0;
    float: left;
    width: 110px;
}

#divContent .productListButtonView
{
    font-weight: bolder;
    padding: 0 20px 0 0;
}

/* The add to look book Button */
/* This element may also be styled in lookbook.css, but this definition should take precidence due to being more "specific" */
#divPage #divContent ul.productGrid span.buttonLookBook
{
    background: transparent url(../pix/productlist/prodlist_arrow.gif) right center no-repeat;
    text-transform: uppercase;
    text-align: right;
    padding: 0 20px 0 0;
    display: block;
    font-size: 1.0em;
    line-height: 1.5em;
    text-decoration: none;
    color: #333333;
    font-weight: normal;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    width: auto;
    float: none;
}

#divPage #divContent div.merchBoxBlack ul.productGrid span.buttonLookBook
{
    background: transparent url(../pix/layout/master/view-item.gif) right center no-repeat;
    text-transform: uppercase;
    text-align: right;
    padding: 0 20px 0 0;
    display: block;
    font-size: 7px;
    line-height: 1.5em;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: normal;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    width: auto;
    float: none;
}

#divPage #divContent div.merchBoxWhite ul.productGrid span.buttonLookBook
{
    background: transparent url(../pix/layout/master/view-item.gif) right center no-repeat;
    text-transform: uppercase;
    text-align: right;
    padding: 0 20px 0 0;
    display: block;
    font-size: 7px;
    line-height: 1.5em;
    text-decoration: none;
    color: #000000;
    font-weight: normal;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    width: auto;
    float: none;
}

#divContent div.productGridControls
{
    margin: 0 0 1.0em;
    min-height: 2.0em;
    position: relative;
    z-index: 40;
}

#divContent div.productGridControls.top
{
    margin-bottom: 0;
    border-bottom: 1px dotted black;
    height: 30px;
    top: -10px;
	_padding-left:0px !important;
	_margin-left:10px !important;
}

#divContent div.productGridControls.bottom
{
}

#divContent div.productGridControls div.sort
{
    float: left;
    text-align: left;
}

#divContent div.productGridControls div.sort fieldset
{
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    width: auto;
}

#divContent div.productGridControls div.sort fieldset label
{
    display: inline;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    color: #817D7D;
    line-height: 1.5385em;
}

#divContent div.productGridControls div.sort fieldset label.fancyDropDown
{
    position: relative;
    float: left;
    top: 0px;
    left: 0px;
}

#divContent div.productGridControls div.sort fieldset div.fancyDropDown
{
    margin: 0;
    margin-right: 15px;
    position: relative;
    float: left;
    min-height: 2.0em;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    padding: 0;
    width: 160px;
}

#divContent div.productGridControls div.sort fieldset div.fancyDropDown span.selected
{
    display: block;
    width: 155px;
    padding: 0px 5px;
    font-size: 1.2em;
    line-height: 1.6667em;
    background: url(../pix/layout/master/select-bg-165x20.gif) no-repeat left center;
}

#divContent div.productGridControls div.sort fieldset div.fancyDropDown span.value
{
    display: none;
}

#divContent div.productGridControls div.sort fieldset div.fancyDropDown ul
{
    position: absolute;
    top: 2.0em;
    left: 0px;
    z-index: 100;
    margin: 0;
    padding: 0 0 2px;
    display: none; /* initial value */
    min-width: 100%;
    background: url(../pix/layout/master/select-bg-white-165-bottom.gif) no-repeat center bottom;
}

#divContent div.productGridControls div.sort fieldset div.fancyDropDown ul li
{
    margin: 0;
    padding: 0 4px;
    display: block;
    list-style-type: none;
    font-size: 1.2em;
    line-height: 1.6667em;
    max-height: 20px;
    width: 155px;
    z-index: 100;
    cursor: pointer;
    border-color: #cccccc;
    border-style: solid;
    border-width: 0 1px;
    background-color: #ffffff;
}

#divContent div.productGridControls div.sort fieldset div.fancyDropDown ul li:hover
{
    background-color: #EFEFEF;
}

#divContent div.productGridControls ul.pagination
{
    display: inline;
    margin: 0;
    padding: 0;
}

#divContent div.productGridControls ul.pagination li
{
    display: inline;
    list-style-type: none;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    color: #b2b2b2;
    line-height: 1.5385em;
}

#divContent div.productGridControls ul.pagination li.previous
{
    margin-right: 0.5em;
}

#divContent div.productGridControls ul.pagination li.next
{
    margin-left: 0.5em;
}

#divContent div.productGridControls ul.pagination li.this span
{
    padding: 0 0.2em;
    color: #000000;
    background-color: #AADDF3;
}

#divContent div.productGridControls ul.pagination li a
{
    padding: 0 0.2em;
    color: #000000;
    text-decoration: none;
}

#divContent div.productGridControls ul.pagination li a:hover
{
    background-color: #AADDF3;
}

#divContent div.productGridControls a.show
{
    display: inline;
    list-style-type: none;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    line-height: 1.5385em;
    margin-left: 1.0em;
    padding: 0 0.2em;
    color: #000000;
    text-decoration: none;
	cursor:pointer;
}

#divContent #NavigationTop a.showOne
{
    display: inline;
    list-style-type: none;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    line-height: 1.5385em;
    margin-left: 1.0em;
    padding: 0 0.2em;
    color: #000000;
    text-decoration: none;
	cursor:pointer;
}


#divContent #NavigationBottom a.showOne
{
    display: block;
    list-style-type: none;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    line-height: 1.5385em;
    margin-left: 1.0em;
    padding: 0 0.2em;
    color: #000000;
    text-decoration: none;
	margin-right:60px;
	cursor:pointer;
}



#NavigationBottom  a.show
{
	position:relative;
	/*right:60px;*/
}

#divContent div.productGridControls a.showOne:hover
{
    background-color: #AADDF3;
}

#divContent div.productGridControls a.show:hover
{
    background-color: #AADDF3;
}

#divContent div.productGridControls div.pagingRow div.previous
{
    float: left;
}

#divContent div.productGridControls div.pagingRow div.next
{
    float: right;
}

#divContent div.merch h2
{
    margin: 0;
}



.templateProductDetails #divContent div.merch
{
    clear:right;
    display:inline;
    float:none;
    margin:0 0 1em;
    position:relative;
}

.templateProductDetails #divContent div.merch.count01
{
    width: 600px;
}

.templateProductDetails #divContent div.merch.count02
{
    width: 600px;
}

.templateProductDetails #divContent div.merch.count03
{
    width: 600px;
}

.templateProductDetails #divContent div.merch.count04
{
    width: 600px;
}

.templateProductDetails #divContent div.merch.count05
{
    width: 600px;
}

.templateProductDetails #divContent div.merch.count06
{
    width: 600px;
}

.templateProductDetails #divContent div.merchContainer
{
    min-height: 100px;
    width: 665px;
    overflow: hidden;
    position: relative;
    float: left; /*    padding-left: 53px; */
}


.templateProductDetails #divContent div.merchContainer:after
{
    content: ".";
    display: block;
    width: 100%;
    height: 0;
    clear: both;
    visibility: hidden;
}

.templateProductDetails #divContent div.merch ul.productGrid
{
    border-width: 0px;
}

.templateProductDetails #divContent div.merch ul.productGrid li
{
    margin-left: 15px;
    margin-right: 22px;
}

.templateProductDetails #divContent div.merch ul.productGrid li.no01, .templateProductDetails #divContent div.merch ul.productGrid li.no05, .templateProductDetails #divContent div.merch ul.productGrid li.no09, .templateProductDetails #divContent div.merch ul.productGrid li.no13, .templateProductDetails #divContent div.merch ul.productGrid li.no17, .templateProductDetails #divContent div.merch ul.productGrid li.no21, .templateProductDetails #divContent div.merch ul.productGrid li.no25, .templateProductDetails #divContent div.merch ul.productGrid li.no29, .templateProductDetails #divContent div.merch ul.productGrid li.no33, .templateProductDetails #divContent div.merch ul.productGrid li.no37, .templateProductDetails #divContent div.merch ul.productGrid li.no41, .templateProductDetails #divContent div.merch ul.productGrid li.no45, .templateProductDetails #divContent div.merch ul.productGrid li.no49, .templateProductDetails #divContent div.merch ul.productGrid li.no53, .templateProductDetails #divContent div.merch ul.productGrid li.no57, .templateProductDetails #divContent div.merch ul.productGrid li.no61, .templateProductDetails #divContent div.merch ul.productGrid li.no65, .templateProductDetails #divContent div.merch ul.productGrid li.no69, .templateProductDetails #divContent div.merch ul.productGrid li.no73, .templateProductDetails #divContent div.merch ul.productGrid li.no77, .templateProductDetails #divContent div.merch ul.productGrid li.no81, .templateProductDetails #divContent div.merch ul.productGrid li.no85, .templateProductDetails #divContent div.merch ul.productGrid li.no89, .templateProductDetails #divContent div.merch ul.productGrid li.no93, .templateProductDetails #divContent div.merch ul.productGrid li.no97
{
    clear: none;
}

.templateProductList #divContent div.merch ul.productGrid
{
    border: 1px solid #e0e0e0;
    border-top-width: 0px;
}

.templateProductList #divContent div.merch ul.productGrid li.no01
{
    margin-left: 3px;
}

.templateProductList #divContent div.merch ul.productGrid li.no04
{
    margin-right: 0px;
}


#divContent div.basketControls
{
    float: right;
    height: 4.1em;
    width: auto !important;
}

#divContent div.basketControls button
{
    background: url(../pix/bag/proceed-to-checkout_off.gif) no-repeat;
    display: block;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0px none;
    height: 22px;
    width: 202px;
    margin: 10px 0px 0px 0px;
    text-align: right;
    cursor: pointer;
}

#divContent div.basketControls button:hover
{
    background: url(../pix/bag/proceed-to-checkout_on.gif) no-repeat;
}

#divContent table.basket
{
    border-collapse: collapse;
    margin-top: -30px;
    width: 100%;
}

#bagHeadline
{
    margin-left: 10px;
    margin-top: 10px;
}

#divContent table.basket caption
{
    display: none;
}

#divContent table.basket thead.head tr, #divContent table.basket tbody.head tr
{
    vertical-align: bottom;
}

#divContent table.basket thead.head tr th, #divContent table.basket tbody.head tr th
{
    font-size: 1.1em;
    line-height: 1.5454em; /* 17px */
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    text-align: right;
    color: #333333;
    padding: 0px 10px 0px 0px; /*    border-bottom: 1px dotted #000000; */
}

#divContent table.basket thead.head tr th.hide, #divContent table.basket tbody.head tr th.hide
{
    color: #ffffff;
    font-size: 0.25em;
}

/* set column widths etc*/

/* image */
#divContent table.basket thead.head tr th.col01
{
    width: 153px;
}

/* quantity button */
#divContent table.basket thead.head tr th.col03, #divContent table.basket tbody.head tr th.col03
{
    padding-right: 5px;
}

/* cross-sells */
#divContent table.basket thead.head tr th.col07
{
    /*    width: 334px; */
}

#divContent .debugBorder
{
    border: 1px solid black;
}

/* remove checkbox */
#divContent table.basket thead.head tr th.col05
{
    padding: 0px;
    text-align: center;
}

#divContent table.basket thead.head tr th.col07, #divContent table.basket tbody.head tr th.col07
{
    font-size: 1.6em;
    line-height: 1.0625em; /* 17px */
    font-weight: bold;
    height: 1.75em; /* 28px */
}

#divContent table.basket thead.head tr th.col07 span, #divContent table.basket tbody.head tr th.col07 span
{
    display: block;
    margin: 10px 0 0;
    padding: 10px 15px 0;
    border: 1px solid #E0E0E0;
    border-bottom-width: 0;
}

#divContent table.basket thead.head tr th.col07 span.no01, #divContent table.basket tbody.head tr th.col07 span.no01
{
    width: 161px;
    border-right-width: 0;
    padding-right: 0px;
    float: left;
}

#divContent table.basket thead.head tr th.col07 span.no02, #divContent table.basket tbody.head tr th.col07 span.no02
{
    width: 146px;
    border-left-width: 0;
    padding-left: 0px;
    padding-right: 10px;
    float: left;
}

#divContent table.basket tbody.body tr
{
    vertical-align: top;
}

#divContent table.basket tbody.body tr td
{
    padding: 10px 0px 0px 0px;
}

/* table row for dotted borders */
#divContent table.basket th.bottomBorder
{
    border-bottom: 1px dotted black;
    padding: 0px;
}

/* table row for dotted borders */
#divContent table.basket td.topBorder
{
    border-top: 1px dotted black;
}

#divContent table.basket tbody.body tr td.bottomBorder
{
    border-bottom: 1px dotted black;
    padding: 0px;
}


/* product image */
#divContent table.basket tbody.body tr.item td.col01
{
    padding-right: 15px;
    text-align: center;
}

#divContent table.basket tbody.body tr.item td.col01 img
{
    width: 138px;
    height: 200px;
    margin: 0px auto 5px;
}

/* product description */
#divContent table.basket tbody.body tr td.col02
{
    width: 250px; /*    padding: 5px 10px 0 0; */
}

#divContent table.basket tbody.body tr td.col02 h4
{
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: #ed008c;
    font-weight: normal;
    font-size: 1.3em;
    line-height: 1.1538em;
}

#divContent table.basket tbody.body tr td.col02 h4 a
{
    color: #ed008c;
    font-weight: normal;
    text-decoration: none;
}

#divContent table.basket tbody.body tr td.col02 h4 a:hover
{
    text-decoration: underline;
}

#divContent table.basket tbody.body tr td.col02 span.productRef
{
    display: block;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 1.1em;
    line-height: 1.3636em; /* 15px */
}

#divContent table.basket tbody.body tr td.col02 h5
{
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 1.3em;
    line-height: 1.1538em; /* 15px */
    margin: 1.1538em 0 0; /* 15px */
    padding: 0;
}

#divContent table.basket tbody.body tr td.col02 ul
{
    margin: 0;
    padding: 0;
    display: block;
}

#divContent table.basket tbody.body tr td.col02 ul li
{
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 1.3em;
    line-height: 1.1538em; /* 15px */
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#divContent table.basket tbody.body tr.bnpl td label
{
    font-size: 1.3em;
    font-family: Arial, sans-serif;
}

#divContent table.basket tbody.body tr.warrantyOption td.col01 img
{
    margin-bottom: 5px;
}

#divContent table.basket tbody.body tr.warrantyOption td.col02 p
{
    font-size: 1.1em;
    font-family: Arial, sans-serif;
    margin: 0;
}

#divContent table.basket tbody.body tr.warrantyOption td.col02 a.buttonAddWarranty
{
    font-size: 1.3em;
    font-family: Arial, sans-serif;
    margin: 0.5em 0 0;
}

/* quantity */
#divContent table.basket tbody.body tr td.col03
{
    font-family: Arial,sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.3077em;
    text-align: right; /*    padding: 5px 10px 0 0; */
}

#divContent table.basket tbody.body tr td.col03 select
{
    background-color: #e6f5fc;
    border: 1px solid #e0e0e0;
}

#divContent table.basket tbody.body tr td.col03 select option
{
    background-color: #e6f5fc;
    border: 1px solid #e0e0e0;
}

/* price */
#divContent table.basket tbody.body tr td.col04
{
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: 1.2em;
    line-height: 1.3077em; /* 17px */
    white-space: nowrap;
    padding-right: 10px;
    text-align: right; /*    padding: 5px 10px 0 0; */
}

/* remove checkbox */
#divContent table.basket tbody.body tr td.col05
{
    text-align: center; /*    padding: 5px 5px 0 0; */
}

/* update button */
#divContent table.basket tbody.body tr td.col06
{
    /*    padding: 5px 10px 0 0; */
}

#divContent table.basket tbody.body tr td.col06 input
{
    color: #2BAAE1;
    display: inline;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    line-height: 1.3077em; /* 17px */
    height: 17px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0px none;
    padding-right: 10px;
    background: url(../pix/layout/checkout/link-arrow-small.gif) no-repeat right center;
    cursor: pointer;
}

#divContent table.basket tbody.body tr td.col06 button
{
    display: block;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0px none;
    height: 17px;
    text-align: left;
    cursor: pointer;
}

#divContent table.basket tbody.body tr td.col06 button span
{
    color: #35AEE2;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0px none;
    padding-right: 10px;
    cursor: pointer;
    text-align: left;
}


.pdMerchImg
{
    border: 1px solid #CCCCCC;
}

#divContent table.basket tbody.body tr td.col07
{
    width: 205px;
}

#divContent table.basket tbody.body tr td.col07 div.productDisplayRightPanel
{
    float: left;
    width: 205px;
}

#divContent table.basket tbody.body tr td.col07 div.productDisplayRightPanel div.merchBoxBlack
{
    background-color: #000000;
    border: 1px solid black;
    margin-bottom: 10px;
    padding: 8px 8px 4px;
    width: 187px;
}

#divContent table.basket tbody.body tr td.col07 div.productDisplayRightPanel div.merchBoxBlack span.pdMerchDesc
{
    color: #FFFFFF;
    font-family: Arial,sans-serif;
    font-size: 11px;
}

#divContent table.basket tbody.body tr td.col07 div.productDisplayRightPanel div.merchBoxBlack div.pdMerchPrice
{
    color: #FFFFFF;
    font-family: Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

#divContent table.basket tbody.body tr td.col07 div.productDisplayRightPanel div.merchBoxBlack div.pdMerchView
{
    padding-bottom: 4px;
	width:90px !important;
}

#divContent table.basket tbody.body tr td.col07 div.productDisplayRightPanel div.merchBoxBlack a.buttonView
{
    color: #FFFFFF;
}

#divContent table.basket tbody.body tr td.col07 div.productDisplayRightPanel div.merchBoxBlack td.pdMerchHeader
{
    color: #FFFFFF;
    font-family: Arial,sans-serif;
    font-size: 13px;
    padding-bottom: 5px;
}

#divContent table.basket tbody.body tr td.col07 div.productDisplayRightPanel div.merchBoxBlack ul.productGrid
{
    clear: both;
    display: block;
    margin: 0pt 0pt 1em;
    padding: 0pt;
    z-index: 1;
}

#divContent table.basket tbody.body tr td.col07 ul.productGrid li span.image
{
    height: 126px;
}

#divContent table.basket tbody.body tr td.col07 ul.productGrid li span.imageInner
{
    height: 126px;
}

#divContent table.basket tbody.body tr td.col07 ul.productGrid li span.image a
{
    height: 126px;
}

#divContent table.basket tbody.body tr td.col07 ul.productGrid li span.image a img
{
    max-height: 126px;
    height: 126px;
}

#divContent table.basket tfoot tr th, #divContent table.basket tfoot tr td
{
    /*    border-top-width: 5px; */
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    text-align: right;
    font-size: 1.3em;
    line-height: 1.6154em;
    padding-right: 10px;
    vertical-align: top;
}

#divContent table.basket tfoot tr td div
{
    margin-left: auto;
    width: 20em;
}

#divContent table.basket tfoot tr.subTotal th, #divContent table.basket tfoot tr.subTotal td
{
    /*    border-top-color: #e0e0e0;     border-top-style: solid;     border-top-width: 1px; */
    color: #4F4F4F;
    padding-top: 0.2em;
}
#divContent table.basket tfoot tr.delivery th, #divContent table.basket tfoot tr.delivery td
{
    color: #4F4F4F;
}

#divContent table.basket tfoot tr td.dividerSpace
{
    height: 20px;
}

#divContent table.basket tfoot tr.total th, #divContent table.basket tfoot tr.total td
{
    /*    border-bottom-color: #e0e0e0;     border-bottom-style: solid;     border-bottom-width: 1px; */
    font-size: 1.7em;
    line-height: 1.1765em; /* 21px */
    font-weight: bold;
    padding-bottom: 0.2em;
}

#divContent table.basket tfoot tr td.money
{
    font-weight: bold;
    white-space: nowrap;
}

#divContent fieldset.orderCodes
{
    background: none;
    border: 0;
    padding: 0;
    margin: 1.0em 0;
    position: relative;
    display: block;
    height: 21px;
    left: 150px;
    width: 550px;
}

#divContent fieldset.orderCodes h3
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.7em;
    line-height: 1.2353em;
    font-weight: bold;
    color: #333;
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    margin: 0;
    padding: 0;
}

#divContent fieldset.orderCodes label
{
    width: auto;
    display: none;
}

#divContent fieldset.orderCodes input
{
    border: 0 none;
    margin: 0 0.6em 0 0;
    display: block;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    padding: 2px 5px 2px;
    width: 209px;
    height: 17px;
    width: 81px;
    color: #000000;
    background: #E6F5FC url(../pix/layout/master/input-text-bg-91x20-blue.gif) no-repeat left center;
    float: left;
    text-align: center;
}

#divContent table.basket input#orderCode_01
{
    border: 0 none;
    margin: 0 0 10px auto;
    display: block;
    font-family: Arial, sans-serif;
    padding: 2px 5px 2px;
    width: 209px;
    height: 17px;
    width: 81px;
    color: #000000;
    background: #E6F5FC url(../pix/layout/master/input-text-bg-91x20-blue.gif) no-repeat left center;
}

#divContent fieldset.formQuickOrder input
{
    margin: 0 0 1.0em 1.5em;
}

#divContent fieldset.formQuickOrder label
{
    float: left;
    clear: both;
    position: relative;
    font-size: 1.3em;
    margin: .2em 1.0em 0 0;
}

#divContent table.quickOrder02
{
    border-collapse: collapse;
    width: 100%;
}

#divContent table.quickOrder02 caption
{
    display: none;
}

#divContent table.quickOrder02 thead.head tr, #divContent table.quickOrder02 tbody.head tr
{
    vertical-align: bottom;
}

#divContent table.quickOrder02 thead.head tr th, #divContent table.quickOrder02 tbody.head tr th
{
    font-size: 1.1em;
    line-height: 1.5454em; /* 17px */
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    text-align: left;
    color: #333333;
    padding: 5px 0;
    border-top-color: #e0e0e0;
    border-top-style: solid;
    border-top-width: 1px;
}

#divContent table.quickOrder02 thead.head tr th.hide, #divContent table.quickOrder02 tbody.head tr th.hide
{
    color: #ffffff;
    font-size: 0.25em;
}

/* set column widths etc*/

/* image */
#divContent table.quickOrder02 thead.head tr th.col01
{
    width: 141px;
}

/* option */
#divContent table.quickOrder02 thead.head tr th.col03, #divContent table.quickOrder02 tbody.head tr th.col03
{
    padding-right: 5px;
}

/* quantity */
#divContent table.quickOrder02 thead.head tr th.col04, #divContent table.quickOrder02 tbody.head tr th.col04
{
    padding-right: 5px;
}

/* price */
#divContent table.quickOrder02 thead.head tr th.col05, #divContent table.quickOrder02 tbody.head tr th.col05
{
    text-align: center;
}

/* remove checkbox */
#divContent table.quickOrder02 thead.head tr th.col06, #divContent table.quickOrder02 tbody.head tr th.col06
{
    text-align: center;
}

#divContent table.quickOrder02 tbody.body tr
{
    vertical-align: top;
}

#divContent table.quickOrder02 tbody.body tr td
{
    padding: 0;
}

/* product image */
#divContent table.quickOrder02 tbody.body tr.item td.col01
{
    padding-right: 15px;
    text-align: center;
}

#divContent table.quickOrder02 tbody.body tr.item td.col01 img
{
    max-width: 126px;
    max-height: 100px;
    margin: -10px auto 10px;
}

/* product description */
#divContent table.quickOrder02 tbody.body tr td.col02
{
    padding: 5px 10px 0 0;
}

#divContent table.quickOrder02 tbody.body tr td.col02 h4
{
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: #ed008c;
    font-weight: normal;
    font-size: 1.3em;
    line-height: 1.1538em; /* 15px */
}

#divContent table.quickOrder02 tbody.body tr td.col02 h4 a
{
    color: #ed008c;
    font-weight: normal;
    text-decoration: none;
}

#divContent table.quickOrder02 tbody.body tr td.col02 span.productRef
{
    display: block;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: #333333;
    font-weight: normal;
    font-size: 1.1em;
    line-height: 1.3636em; /* 15px */
}

#divContent table.quickOrder02 tbody.body tr td.col02 h5
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: #333333;
    font-weight: normal;
    font-size: 1.3em;
    line-height: 1.1538em;
    margin: 1.1538em 0 0;
    padding: 0;
}

#divContent table.quickOrder02 tbody.body tr.warrantyOption td.col02 p
{
    font-size: 1.1em;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: #333333;
    margin: 0;
}

/* option */
#divContent table.quickOrder02 tbody.body tr td.col03
{
    padding: 5px 10px 0 0;
}

#divContent table.quickOrder02 tbody.body tr td.col03 select
{
    background-color: #e6f5fc;
    border: 1px solid #e0e0e0;
}

#divContent table.quickOrder02 tbody.body tr td.col03 select option
{
    background-color: #e6f5fc;
    border: 1px solid #e0e0e0;
}

/* quantity */
#divContent table.quickOrder02 tbody.body tr td.col04
{
    padding: 5px 10px 0 0;
}

#divContent table.quickOrder02 tbody.body tr td.col04 select
{
    background-color: #e6f5fc;
    border: 1px solid #e0e0e0;
}

#divContent table.quickOrder02 tbody.body tr td.col04 select option
{
    background-color: #e6f5fc;
    border: 1px solid #e0e0e0;
}

/* price */
#divContent table.quickOrder02 tbody.body tr td.col05
{
    text-align: right;
    font-weight: bold;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: #333333;
    font-size: 1.3em;
    line-height: 1.3077em; /* 17px */
    white-space: nowrap;
    padding: 5px 10px 0 0;
}

/* remove checkbox */
#divContent table.quickOrder02 tbody.body tr td.col06
{
    padding: 5px 5px 0 0;
    text-align: center;
}

/* update button */
#divContent table.quickOrder02 tbody.body tr td.col07
{
    padding: 5px 10px 0 0;
}

#divContent table.quickOrder02 tbody.body tr td.col07 button
{
    display: block;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0px none;
    height: 17px;
    text-align: left;
    cursor: pointer;
}

#divContent table.quickOrder02 tbody.body tr td.col07 button span
{
    color: #2BAAE1;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0px none;
    padding-right: 10px;
    background: url(../pix/layout/checkout/link-arrow-small.gif) no-repeat right center;
    cursor: pointer;
    text-align: left;
}

/* stock check message */
#divContent table.quickOrder02 tbody.body tr td.col08
{
    padding: 5px 0 0;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    line-height: 1.3077em;
    font-weight: bold;
    color: #ec008c;
    width: 155px;
}

#divContent table.quickOrder02 tbody.body tr td.col08 a
{
    color: #ec008c;
    text-decoration: none;
}

#divContent table.quickOrder02 tbody.body tr td.col08 a:hover
{
    color: #ec008c;
    text-decoration: underline;
}

#divContent div.quickOrder02Controls
{
    position: relative;
    height: 3.4em;
}

#divContent div.quickOrder02Controls button
{
    display: block;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0px none;
    height: 34px;
    text-align: right;
    cursor: pointer;
    float: right;
}

#divContent div.quickOrder02Controls button.checkStock
{
    float: none;
    position: absolute;
    top: 0;
    right: 0%;
}

#divContent div.quickOrder02Controls button span
{
    color: #2BAAE1;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 2.2em;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0px none;
    padding-left: 30px;
    background: url(../pix/layout/master/add-to-basket.gif) no-repeat left center;
    cursor: pointer;
    text-align: right;
}

#divContent div.quickOrder02Controls button.disabled span
{
    color: #e0e0e0;
    background: url(../pix/layout/master/add-to-basket.gif) no-repeat left center; /* needs changing to gray version */
}

/*  
*****************************************************************
		START : STYLES FOR THE PRODUCT DETAILS PAGES 
*****************************************************************
*/

/* Product Details */

#divContent div.productDetail
{
    position: relative; /* left: -20px; */
    margin: 0 0 1.0em 0; /* 10px */
}

#divContent div.productDetail:after
{
    content: ".";
    display: block;
    width: 100%;
    height: 0;
    clear: both;
    visibility: hidden;
}

#divContent div.productDetail div.information
{
    float:left;
    min-height:400px;
    padding-left:5px;
    padding-right:10px;
    position:relative;
    top:-5px;
    width:435px;
}

#divContent div.productDetail div.productDisplayRightPanel
{
    float: right;
    width: 290px;
/*	_clear:right;*/
}

#divContent div.productDetail div.productDisplayLeftPanel
{
    float: left;
}

#divContent div.productDetail div.productDisplayRightPanel div.merchBoxWhite
{
    width: 274px;
    border:1px solid #CCCCCC;
    margin-bottom: 10px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    background-color: #FFFFFF;
	_padding-right:0px !important;
	_padding-left:0px !important;
}

#divContent div.productDetail div.productDisplayRightPanel div.merchBoxWhite td.pdMerchHeader
{
    color: #000000;
}

#divContent div.productDetail div.productDisplayRightPanel div.merchBoxWhite span.pdMerchDesc
{
    color: #000000;
	width:100px;
	display:block;
}

#divContent div.productDetail div.productDisplayRightPanel div.merchBoxBlack span.pdMerchDesc
{
    color: #FFFFFF;
	width:100px;
	display:block;
}

#divContent div.productDetail div.productDisplayRightPanel div.merchBoxWhite div.pdMerchPrice
{
    color: #000000;
}

#divContent div.productDetail div.productDisplayRightPanel div.merchBoxBlack div.pdMerchPrice
{
    color: #FFFFFF;
}

#divContent div.productDetail div.productDisplayRightPanel div.merchBoxBlack a.buttonView
{
    color: #FFFFFF;
}

td.pdMerchHeader
{
    font-size: 13px;
    font-family: Arial, sans-serif;
    padding-bottom: 5px;
}

span.pdMerchDesc
{
    font-size: 11px;
    font-family: Arial, sans-serif;
}

div.pdMerchPrice
{
    font-size: 11px;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

div.pdMerchView
{
    padding-bottom:20px;
	width:100px;
}


#divContent div.productDetail div.productDisplayRightPanel div.merchBoxBlack
{
    width: 187px;
    border: 1px solid black;
    margin-bottom: 10px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    background-color: #000000;
}

#divContent div.productDetail div.productDisplayRightPanel div.merchBoxBlack td.pdMerchHeader
{
    color: #FFFFFF;
}

.pdMerchImg
{
    border: 1px solid AAAAAA;
}

#RightSideContent
{
    left: 855px;
    position: absolute;
    top: 10px;
    width: 116px;
}

#RightSideContentHeader
{
    padding-bottom: 2px;
    font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif;
    color: #EC008C;
    font-size: 1.3em;
    font-weight: bolder;
}
div.RightSideContentItemImage
{
    width: 80px;
    margin-left: 15px;
    min-height: 113px;
}
div.RightSideContentItem
{
    width: 110px;
    position: relative;
    float: left;
    min-height: 145px;
    margin-bottom: 5px;
    border-bottom: solid 1px #E0E0E0;
}
div.RightSideContentItemFooter
{
}
div.RightSideContentItemPrice
{
    margin-right: 10px;
    color: #000000;
    display: block;
    float: left;
    font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif;
    font-size: 1.1em;
    font-weight: bolder;
    line-height: 1.3636em;
    text-align: right;
    text-decoration: none;
    width: 85px;
}

div.RightSideContentItemViewButton
{
    margin-right: 10px;
    display: block;
    float: right;
    font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.3636em;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    width: 60px;
}

a.RightSideContentDividerViewLink
{
    margin-right: 10px;
    padding: 0px 22px 0pt 0pt;
    background: transparent url(../pix/layout/master/view-item.gif) no-repeat scroll right center;
    color: #000000;
    display: block;
    float: left;
    font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.3636em;
    text-decoration: none;
    text-transform: uppercase;
}

div.RightSideContentDivider
{
    background-color: #E0E0E0;
    width: 110px;
    height: 1px;
    float: left;
    margin-top: 0px;
    margin-bottom: 4px;
    display: none;
}

#divContent div.productDetail div.information div.dottedline
{
    border-bottom: 1px dotted #4F4F4F;
    height: 2px;
    width: 100%;
}

#divContent div.productDetail div.information img.logo
{
    height: 40px;
}

#divContent div.productDetail div.information h1
{
    font-size: 16px;
    line-height: 1.4em; /* 28px */
    margin: 0 0 0.25em; /* 5px */
    color: #C10077;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

#divContent div.productDetail div.information h2
{
    font-size: 18px;
    line-height: 1.1667em; /* 28px */
    margin: 0 0 0.4467em; /* 10px */
    padding: 0;
    border-width: 0;
    color: #000000;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

#divContent div.productDetail div.information h2 span.from
{
    font-size: 10px; /* 12px */
}

#divContent div.productDetail div.information h2 span.was
{
    color: #ec008c;
    font-size: 10px; /* 12px */
}

#divContent div.productDetail div.information div.detail
{
    margin: 3em 0 1.5em 0;
	_width:435px !important;
}

#divContent div.productDetail div.information div.detail h3
{
    font-size: 1.3em;
    line-height: 1.1538em; /* 15px */
    margin: 0;
    color: #C10077;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
}

#divContent div.productDetail div.information div.detail h4
{
    font-size: 14px;
    line-height: 1.1538em; /* 15px */
    margin: 0;
    color: #000000;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    padding-bottom:10px;
}

#divContent div.productDetail div.information div.detail div.row
{
    margin: 0 0 0.5em 0; /* 15px */
}

#divContent div.productDetail div.information div.detail div.row p
{
    font-size: 13px;
    line-height: 1.1538em; /* 15px */
    margin: 0;
	margin-top:5px;
    color: #4F4F4F;
    font-family: Arial, sans-serif;
}

#divContent div.productDetail div.information div.detail div.row.description
{
    font-size: 13px;
    line-height: 1.1538em; /* 15px */
    margin: 0 0 1.1538em 0; /* 15px */
	padding-top:5px;
    color: #4F4F4F;
    font-family: Arial, sans-serif;
}

#divContent div.productDetail div.information div.detail div.row.description p
{
    font-size: 1.0em;
    line-height: 1.1538em;
    margin: 0 0;
}

#divContent div.productDetail div.information div.detail div.row.description ul
{
    margin-top: 0;
    margin-bottom: 1.1538em;
}

#divContent div.productDetail div.information div.detail div.row.description ul li
{
    font-size: 1.0em;
    line-height: 1.1538em;
    margin-top: 0;
    margin-bottom: 0;
}

#divContent div.productDetail div.information div.detail div.row.colour ul
{
    margin: 0;
    padding: 0;
    display: block;
}

#divContent div.productDetail div.information div.detail div.row.colour ul li
{
    list-style-type: none;
    font-size: 13px;
    line-height: 1.1538em; /* 15px */
    margin: 0;
    padding: 0;
    display: block;
    font-family: Arial, sans-serif;
    color: #4F4F4F;
}

#divContent div.productDetail div.information fieldset
{
    color: #333;
    border: 0;
    padding: 0;
    margin: 0;
	_width:435px !important;
}

#divContent div.productDetail div.information fieldset legend
{
    margin: 0 0 1.0em -10px;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: #333;
    font-size: 1.5em;
    line-height: 1.0em;
    font-weight: bold;
}

#divContent div.productDetail div.information fieldset div.row
{
    clear:left;
    margin:0 0 4px;
    min-height:2.4em;
}

#divContent div.productDetail div.information fieldset div.row label, #divContent div.productDetail div.information fieldset div.row span.label
{
    color:#000000;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:1.3em;
    line-height:1.1538em;
    margin:0;
    padding-left:3px;
    position:relative;
    top:-1px;
}

#divContent div.productDetail div.information fieldset div.row label.hide
{
    display: none;
}

#divContent div.productDetail div.information fieldset div.row p, #divContent div.productDetail div.information fieldset div.row p
{
    font-size: 10px;
    line-height: 1.1538em; /* 15px */
    margin: 0;
    color: #4F4F4F;
    font-family: Arial, sans-serif;
	display:inline;
}

#divContent div.productDetail div.information fieldset strong.stock
{
    font-size: 1.1em;
    line-height: 1.7143em; /* 24px */
    color: #ec008c;
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    display:inline;
    cursor: pointer;
}

#divContent div.productDetail div.information fieldset div.row div.fancyDropDown
{
    margin: 0;
    position: relative;
    min-height: 2.4em;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: #000000;
    padding: 0;
    width: 250px;
}

#divContent div.productDetail div.information fieldset div.row div.fancyDropDown#fancy_option1
{
    z-index: 103;
	margin-left:-14px;
}

#divContent div.productDetail div.information fieldset div.row div.fancyDropDown#fancy_option2
{
    z-index: 102;
	margin-left:-14px;
}

#divContent div.productDetail div.information fieldset div.row div.fancyDropDown#fancy_quantity
{
    z-index: 101;
	margin-left:-14px;
}

#divContent div.productDetail div.information fieldset div.row div.fancyDropDown span.selected
{
    background:#F1F1F1 url(../pix/layout/master/select-bg-blue-250-control.gif) no-repeat scroll left center;
    display:block;
    font-size:1.3em;
    line-height:1.8462em;
    margin-left:15px;
    min-height:24px;
    padding:0 5px;
    width:240px;
}

#divContent div.productDetail div.information fieldset div.row div.fancyDropDown ul
{
    position: absolute;
    top: 2.4em;
    left: 0px;
    z-index: 100;
    margin: 0;
    padding: 0;
    display: none; /* initial value */
    min-width: 100%;
    background-color: #F1F1F1;
    background: url(../pix/layout/master/select-bg-grey-250-bottom.gif) no-repeat 15px bottom;
    padding-bottom: 4px;
}

#divContent div.productDetail div.information fieldset div.row div.fancyDropDown ul li
{
    margin-left: 15px;
    padding: 0 5px;
    display: block;
    list-style-type: none;
    font-size: 1.3em;
    line-height: 1.5385em; /* 20px */
    min-height: 20px; /* 20px */
    width: 238px;
    border-style: solid;
    border-color: #cccccc;
    border-width: 0 1px;
    z-index: 100;
    background-color: #F1F1F1;
    cursor: pointer;
}

#divContent div.productDetail div.information fieldset div.row div.fancyDropDown ul li:hover
{
    background-color: #CCCCCC;
}

#divContent div.productDetail div.information input.submit
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 2.4em;
    line-height: 1.0em;
    letter-spacing: -0.01em;
    color: #2baae1;
    font-weight: bold;
    background: transparent url(../pix/layout/master/add-to-basket.gif) 0 50% no-repeat;
    border: 0;
    padding: 0 0 0 1.2em;
    margin: 0;
    float: right;
}

.pdPopupThanks
{
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    margin-top: 60px;
}

.pdPopupAdded
{
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    padding-top: 10px;
}

/* this DIV is empty and only used by the Look-Book to store data */
#divContent div.productDetail div.information #lookBookProductDetails
{
    display: none;
}

#divContent div.productDetail div.information a.recommend, #divContent div.productDetail div.information a.add
{
    font-family: Arial, sans-serif;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
    line-height: 1.6923em;
    clear: left;
    text-align: right;
    padding-right: 12px;
    background: url(../pix/layout/master/update-button-arrow.gif) no-repeat right center;
    display: block;
    width: auto;
    margin-right: 0px;
}

#divContent div.productDetail div.information a.addtobag
{
    text-align: right;
    display: block;
    width: auto;
    padding-top: 10px;
	height:27px;
}

#divContent div.productDetail div.information div.addtobagDiv
{
	width:100%;
}

#divContent div.productDetail div.information a.submit
{
    display: block;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 2.4em;
    line-height: 1.0833em;
    letter-spacing: -0.01em;
    color: #2baae1;
    font-weight: bold;
    background: transparent url(../pix/layout/master/add-to-basket.gif) 0 50% no-repeat;
    border: 0;
    padding: 0 0 0 1.2em;
    margin: 5px 0 0.4167em;
    float: right;
    clear: right;
    text-decoration: none;
}

#divContent div.productDetail div.information a.checkout
{
    display: block;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 2.4em;
    line-height: 1.0833em;
    letter-spacing: -0.01em;
    color: #ED008C;
    font-weight: bold;
    background: transparent url(../pix/layout/master/add-to-basket-pink.gif) 0 50% no-repeat;
    border: 0;
    padding: 0 0 0 1.2em;
    margin: 5px 0 0.4167em;
    float: right;
    clear: right;
    text-decoration: none;
}

#divContent div.productDetail div.information a#goToCheckout
{
    display: block;
    float: right;
    clear: right;
}

#divContent div.productDetail div.information a.continueShopping
{
    display: block;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.8em;
    line-height: 1.4em;
    letter-spacing: -0.01em;
    color: #2baae1;
    font-weight: bold;
    background: transparent url(../pix/layout/master/add-to-basket.gif) 0 50% no-repeat;
    border: 0;
    padding: 0 0 0 1.6em;
    margin: 5px 0 0.4167em;
    float: right;
    clear: right;
    text-decoration: none;
}

#divContent div.productDetail div.information a#continueShoppingButton
{
    display: block;
}

#divContent div.productDetail div.information p.added
{
    clear: both;
    text-align: right;
    margin: 0.5em 0;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    line-height: 1.6923em;
}

#divContent div.productDetail div.information p.added a
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.0833em; /* 26px */
    letter-spacing: -0.01em;
    color: #2baae1;
    text-decoration: none;
    font-weight: bold;
}

#divContent div.productDetail div.photography
{
    float: left;
    height: auto;
    left: -6px;
    overflow: hidden;
    position: relative;
    text-align: right;
    width: 215px;
}

#divContent div.productDetail div.pdThumbs
{
    float: left;
    width: 75px;
    position: relative;
    text-align: right;
    height: auto;
}

#divContent div.productDetail div.pdMid
{
    float: left;
    padding-left: 0px;
    width: 665px;
}

#divContent div.productDetail div.pdMidSpaced
{
    float: left;
    padding-left: 75px;
}

#divContent div.productDetail div.pdThumbs ul.thumbnails
{
    display: block;
    margin: 0;
    padding: 0;
    max-width: 81px;
    position: relative;
    left: 0px;
    top: 0px;
    float: left;
}

#divContent div.productDetail div.pdThumbs ul.thumbnails.extended
{
    display: none;
}

#divContent div.productDetail div.pdThumbs ul.thumbnails li
{
    display: block; /* margin: 0 6px 7px 0; */
    margin-bottom: 4px;
    padding: 0px;
    border: 1px solid #E0E0E0;
    list-style-type: none;
    width: 73px;
    cursor: pointer;
    float: left;
    text-align: center;
}

#divContent div.productDetail div.pdThumbs ul.thumbnails li img
{
    max-width: 73px;
    width: 73px;
    margin: 0px;
    border-width: 0px;
}

/* this will hide any thumbnail after the first five,
   this isn't ideal but

#divContent div.productDetail div.photography ul.thumbnails li.no06, #divContent div.productDetail div.photography ul.thumbnails li.no07, #divContent div.productDetail div.photography ul.thumbnails li.no08, #divContent div.productDetail div.photography ul.thumbnails li.no09, #divContent div.productDetail div.photography ul.thumbnails li.no10, #divContent div.productDetail div.photography ul.thumbnails li.no11, #divContent div.productDetail div.photography ul.thumbnails li.no12
{
    display: none;    
}
*/

#divContent div.productDetail div.pdThumbs #aSeeMoreImages
{
    color: #2BAAE1;
    cursor: pointer;
    font-family: Arial,sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    padding-top: 0px;
    padding-right: 0px;
    text-align: left;
    text-decoration: none;
}

#divContent div.productDetail div.photography div.mainImage
{
    display: block;
    position: relative;
    width: 233px;
    margin: 0 0 0 0;
    float: left;
    padding-left: 5px;
}

#divContent div.productDetail div.photography div.mainImage a.zoom img.large
{
    display: block;
    max-width: 231px;
    max-height: 322px;
    width: 231px;
    height: 322px;
    margin: 0 auto;
    border: 1px solid #9F9F9F;
}

#divContent div.productDetail div.photography div.mainImage a.zoom.button
{
    font-size: 1.6em;
    line-height: 1.625em;
    text-decoration: none;
    display: block;
    margin: 0 0 1.0em auto;
    background: transparent url(../pix/layout/master/zoom-magnifier.gif) no-repeat scroll 0pt 50%;
    border: 0pt none;
    clear: right;
    color: #2BAAE1;
    float: left;
    width: 70px;
    font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif;
    font-weight: bold;
    letter-spacing: -0.01em;
    text-decoration: none;
    margin-top: 5px;
}

#divContent div.productDetail div.photography div.mainImage a.catwalk.button
{
    font-size: 1.6em;
    line-height: 1.625em;
    text-decoration: none;
    display: block;
    margin: 0 0 0 auto;
    background: transparent url(../pix/layout/master/video-play-pink.gif) no-repeat scroll 0pt 50%;
    border: 0pt none;
    clear: right;
    color: #EC008C;
    float: right;
    width: auto;
    font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif;
    font-weight: bold;
    letter-spacing: -0.01em;
    text-decoration: none;
    margin-top: 5px;
    text-align: left;
    padding-left: 28px;
}

#divContent div.productDetail div.photography div.video
{
    clear: both;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    text-align: left;
    margin-left: 79px;
}

#divContent div.productDetail div.photography div.video h3
{
    font-size: 1.6em;
    line-height: 1.375em; /* 22px */
    margin: 0;
    color: #ec008c;
}

#divContent div.productDetail div.photography div.video ul
{
    margin: 0;
    padding: 0;
}

#divContent div.productDetail div.photography div.video ul li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: #333333;
    font-size: 1.3em;
    line-height: 1.6923em; /* 22px */
    font-weight: bold;
}

#divContent div.productDetail div.photography div.video ul li a
{
    text-decoration: none;
    color: #2BAAE1;
}

div#pdZoomContainer
{
    width: 198px;
    height: 28px;
	#height: 35px !important;
    background-color: #FFFFFF;
    border-top: 1px dotted #999999;
    padding-top: 4px;
 	margin-bottom:7px;
	_margin-bottom:0px !important;
	#margin-bottom:0px !important;
	#padding-bottom:5px !important;
    padding-right: 8px;
    text-align: right;
	margin-left:8px;
}

a.pdViewVideo
{
    float:left;
    padding-left:0;
    padding-right:7px;
}

a.pdZoomLink
{
    float:left;
	display:block;
}

#staticAltImages
{
    border-bottom:1px dotted #999999;
    border-top:1px dotted #999999;
    clear:both;
    display:block;
    padding-top:5px;
    position:relative;
    top:-8px;
	margin-left:7px;
}

div.productDetail div.information p a.sizeGuideLink
{
	font-size:13px;
	position:relative;
	left:30px;
	text-decoration:underline;
	color: #ED008C;
	top:5px;
}

/* Style for the additional information shown when an address is to be confirmed */
#divContent .adr
{
    font-size: 1.2em;
    margin: 1em 0pt;
}

.templateProductDetails #productPhoto .viewMorePhotos a, .templateProductDetails #productPhoto .viewMorePhotosPortrait a
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: #2baae1;
    background: #fff url(../pix/layout/master/update-button-arrow.gif) right center no-repeat;
    font-size: 1.3em;
    text-decoration: none;
    font-weight: bold;
    float: left;
    margin: 0 0 0 75px;
    padding-right: 10px;
}

.templateProductDetails #productPhoto .viewMorePhotosPortrait a
{
    margin: 0 0 0 85px;
}


.templateProductDetails .noTopSpace
{
    padding: 0;
    margin: 0;
}

#divContent ul.productCategories
{
    display: inline;
    padding: 0;
    margin: 0 0 1.0em 0;
    float: left;
    position: relative;
    clear: both;
}

#divContent ul.productCategories li
{
    list-style-type: none;
    margin: 0 15px 30px 0;
	float: left;
    /*width: 229px;
    height: 172px;
    border: 1px solid #e0e0e0;*/
    position: relative;
}

#divContent ul.productCategories li.list01
{
    background: url(../pix/layout/master/search-result-women.jpg) no-repeat;
	width: 229px;
    height: 172px;
}

#divContent ul.productCategories li.list02
{
    background: url(../pix/layout/master/search-result-men.jpg) 5px 5px no-repeat;
}

#divContent ul.productCategories li.list03
{
    background: url(../pix/layout/master/search-result-kids.jpg) 5px 5px no-repeat;
}

#divContent ul.productCategories li.list04
{
    background: url(../pix/layout/master/search-result-home-and-leis.jpg) no-repeat;
	width: 229px;
    height: 172px;
}

#divContent ul.productCategories li.list05
{
    background: url(../pix/layout/master/search-result-technoligy.jpg) 5px 5px no-repeat;
    margin: 0;
}

#divContent ul.productCategories li.list06
{
    background: url(../pix/layout/master/search-result-clearance.gif) no-repeat;
	width: 180px;
    height: 172px;
}

#divContent ul.productCategories li h3
{
    margin: 0;
    padding: 0;
    /* font-size: 1.5em;*/
    line-height: 1.2667em; /* 19px */
    font-family: arial, helvetica, sans-serif;
	overflow:hidden;
	text-indent:-3000px;
	font-size:1px;
}

#divContent ul.productCategories li.list01 h3 a, #divContent ul.productCategories li.list04 h3 a
{
    padding: 5px 0 0 12px;
	color: #ec008c;
    text-decoration: none;
    width: 229px;
    height: 172px;
    display: block;
}

#divContent ul.productCategories li.list06 h3 a
{
    padding: 5px 0 0 12px;
	color: #ec008c;
    text-decoration: none;
	width: 180px;
	height: 172px;
    display: block;
}

#divContent ul.productCategories li a.moreInfo
{
    display: block;
    font: bold 1.5em arial, helvetica, sans-serif;
    line-height: 1.6667em; /* 25px */
    color: #2baae1;
    text-decoration: none;
    padding: 0 10px 0 12px;
    position: absolute;
    top: 215px;
    background: transparent url(../pix/layout/checkout/link-arrow-small.gif) right center no-repeat;
}

/* Notes style */
#divContent fieldset .note
{
    font-size: 0.8em;
}


/* ===== FOOTER ===== */

#divFooter
{
    clear: both;
    position: relative;
    min-height: 4.8em;
    margin: 0px auto 50px;
    width: 992px;
    z-index: 30;
    padding: 0px;
    float: left;
    color: #666666;
}

#divFooter #divFooterLeft
{
    float: left;
    position: relative;
    width: 75px;
    height: 30px;
}

#divFooter #divFooterMid
{
    float: left;
    position: relative;
    width: 755px;
    height: 30px;
}

#divFooter #divFooterRight
{
    float: left;
    position: relative;
    width: 162px;
    height: 30px;
}

#divFooter #divFooterMid #divFooterLinks
{
    margin-left: 10;
    margin-top: 1.2em;
    font-size: 1.1em;
    width: 755px;
    text-align: center;
    line-height: 1.5em;
    float: left;
}

#divFooter #divFooterMid #divFooterLinksRight
{
    margin-right: 10;
    margin-top: 1.2em;
    font-size: 1.1em;
    width: 755px;
    text-align: center;
    line-height: 1.5em;
    float: right;
}

#divFooter #divFooterLinks a:link, #divFooter #divFooterLinks a:visited
{
    color: #4F4F4F;
    margin: 0px 5px;
    text-decoration: none;
}

#divFooter #divFooterLinks a:active
{
    color: #4F4F4F;
    text-decoration: none;
}

#divFooter #divFooterLinks a:hover
{
    color: #4F4F4F;
    text-decoration: underline;
}

#divFooter #divFooterLinksRight a:link, #divFooter #divFooterLinksRight a:visited
{
    color: #4F4F4F;
    margin: 0px 5px;
    text-decoration: none;
}

#divFooter #divFooterLinksRight a:active
{
    color: #4F4F4F;
    text-decoration: none;
}

#divFooter #divFooterLinksRight a:hover
{
    color: #4F4F4F;
    text-decoration: underline;
}
#divFooter span.copy
{
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1.1em;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: #999999;
    float: left;
    margin-top: 1.2em;
}

#divTracking
{
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0px;
}



/* ===== FOOTER NEW!!!! ===== */


#footerLinks
{
    width: 380px;
    float: left;
    font-size: 11px;
    line-height: 15px;
    margin-top: 10px;
    letter-spacing: 0.01em;
}

#footerLinks a
{
    text-decoration: none;
    color: #000000;
}

#footerLinks a:hover
{
    text-decoration: underline;
    color: #eb2b8b;
}

#footerOrder
{
    width: 200px;
    margin-left: 20px;
    margin-right: 10px;
    float: left;
    text-align: center;
    margin-top: 11px;
    background: url(../pix/layout/master/footerDotted.png) repeat-y 0 50%;
    padding-left:0px;
}

/* ===== FOOTER Right NEW!!!! ===== */

#footerLinksRight
{
    width: 380px;
    float: right;
    font-size: 11px;
    line-height: 15px;
    margin-top: 10px;
    letter-spacing: 0.01em;
}

#footerLinksRight a
{
    text-decoration: none;
    color: #000000;
}

#footerLinksRight a:hover
{
    text-decoration: underline;
    color: #eb2b8b;
}

#footerRequestCat
{
    width: 315px;
    float: left;
    padding-left: 30px;
    background: url(../pix/layout/master/footerDotted.png) no-repeat 0 50%;
}

#footerLinksList1
{
    list-style: none;
    float: left;
    margin-right: 20px;
    padding-left: 7px;
    margin-left: 0px;
    margin-top: 10px;
}

#footerLinksList2
{
    list-style: none;
    float: left;
    margin-right: 20px;
    margin-left: 0px;
    padding-left: 20px;
    background: url(../pix/layout/master/footerDotted.png) no-repeat 0 50%;
    margin-top: 10px;
}

#footerLinksList3
{
    list-style: none;
    float: left;
    padding-left: 20px;
    margin-left: 0px;
    background: url(../pix/layout/master/footerDotted.png) no-repeat 0 50%;
    margin-top: 10px;
}

#footerLinksList4
{
    list-style: none;
    float: left;
    padding-left: 20px;
    background: url(../pix/layout/master/footerDotted.png) repeat-y 0 50%;
	margin-left: 0px;
    margin-top: 10px;
}

#footerLinks a
{
    text-decoration: none;
}


#footerLinks img.sn-icons
{
    padding-top: 8px;
}

#footerLinksRight a
{
    text-decoration: none;
}


#footerLinksRight img.sn-icons
{
    padding-top: 8px;
}

#footerOrder span.orderlineText
{
    font-size: 12px;
    font-weight: bold;
}

#footerOrder span.orderlinePhone
{
    font-size: 12px;
}

#footerOrder .cardsImage
{
    margin-top: 5px;
    margin-bottom: 5px;
}

#footerOrder .isisImage
{
    margin-top: 5px;
}

#footerRequestCat span.requestCatText
{
    font-size: 14px;
    line-height: 35px;
    position: relative;
    top: 7px;
    font-weight: bold;
}

a.footerCatRequestLink
{
    text-decoration: none;
    display: block;
    cursor: pointer;
}

#footerRequestCat #footerRequest span.requestCatOrderText
{
    width: 60px;
    font-size: 10px; /*bottom:15px;*/
    line-height: 10px;
}

#footerRequestCat span.requestCatClickText
{
    font-size: 11px;
    padding-top: 8px;
    text-decoration: none;
    position: relative; /*bottom:13px;*/
    color: #666666;
    display: block;
}

#footerRequestCat span.requestCatClickText a
{
    font-size: 11px;
    text-decoration: none;
    position: relative;
    bottom: 10px;
    color: #666666;
    display: block;
}


#footerRequestCat span.requestCatClickText a:hover
{
    color: #333333;
    text-decoration: underline;
}

a.requestCatClickTextLink
{
    color: #666666;
    text-decoration: none;
    display: block;
}

#footerRequest
{
    background: url(../pix/NC_test/cover.jpg) no-repeat top right;
    width: 355px;
    height: 107px;
}


#footerRecaFriend
{
    background: url(../pix/NC_test/recafriend.jpg) no-repeat top right;
    width: 355px;
    height: 107px;
}

#footerRequestCat #footerRecaFriend span.requestCatOrderText
{
    width: 60px;
    font-size: 10px; /*bottom:15px;*/
    line-height: 10px;
}

#footerSignup
{
    float: left;
    padding-left: 20px;
    background: url(../pix/layout/master/footerDotted.png) no-repeat 0 50%;
    width: 365px;
    position: relative;
}


#footerSignupInner
{
    background: url(../pix/layout/master/signup_bg.gif) no-repeat top right;
    width: 377px;
    height: 115px;
    position: relative;
}

#footerSignup span.SignupText
{
    font-size: 14px;
    line-height: 35px;
    position: relative;
    top: 7px;
    font-weight: bold;
    display: none;
    text-indent: -9999px;
}

#footerSignup span.SignupHeader
{
    position: relative;
    top: 7px;
    width: 235px;
    height: 25px;
}

#footerSignup #footerSignupInner span.SignupText2
{
    width: 90px;
    position: relative;
    font-size: 11px;
    color: #000000; /*bottom:15px;*/
    line-height: 10px;
    top: 6px;
}

#footerSignup #footerSignupInner #footerRandomText
{
    width: 235px;
    height: 65px;
    line-height: 12px;
    position: relative;
    float: left;
    top: 12px;
}

#footerSignup #footerSignupInner #emailsignup
{
    position: relative;
    float: left;
    top: 0px;
    width: 315px;
    height: 25px;
    line-heght: 23px;
    padding-top: 10px;
}

#footerSignup #footerSignupInner #emailsignup input.searchboxes
{
    width: 129px;
    padding-left: 3px;
    border: #000000 solid 1px;
    background-color: #D8D8D8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #eb2b8b;
    letter-spacing: 0.01em;
}

#footerSignup #footerSignupInner #emailbtn
{
    padding-bottom: 3px;
    padding-left: 4px;
    margin-left: 0px;
    vertical-align: middle;
}

/*Do NOT remove! This is for the random divs on the footer*/
.jsclass body .randomcontent
{
    /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
    display: none;
}

#footerMain
{
    width: 991px;
    height: 107px;
}

.cardsImage
{
    margin-top: 5px;
}

#divFooter TD
{
    font: 11px Arial;
    color: #333333;
}




/* ==============================================
   ===== Syle for use on the security popup =====
   ============================================== */

#divSecurity
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    margin: 0 auto;
    padding: 0.5em 0.5em 0.25em 0.25em;
}

#divSecurity h1
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    clear: both;
    color: #333333;
    font-size: 2.4em;
    line-height: 1.625em;
    margin: 0pt 0pt 0.625em;
    padding: 0pt;
}


#divSecurity h2
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.7em;
    line-height: 1.7em;
    padding: 0 2px;
    clear: both;
    color: #333333;
}

#divSecurity p
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
}

/* ============================================
   ===== Syle for use on the status table =====
   ============================================ */

#divStatus table
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    border-collapse: collapse;
    width: 490px;
    font-size: 1.1em;
    margin-left: 2px;
}

#divStatus table tr
{
    vertical-align: top;
    margin-bottom: 5px;
}

#divStatus table .col1
{
    font-weight: bold;
    text-align: left;
    width: 170px;
}
#divStatus table .col2
{
    width: 24px;
    text-align: center;
}

#divStatus table .col3
{
    text-align: left;
    width: 324px;
}

#divStatus table .closeButton
{
    vertical-align: bottom;
    text-align: right;
    height: 19px;
}

/* Add the WAS NOW styles */
#divContent UL.productGrid LI DIV.wasPriceListContainer
{
    font-weight: bold;
    font-size: 1em;
    padding-bottom: 0px;
    text-transform: uppercase;
    color: #ED008C; /* text-align: center; */
}

.productDisplayContainer
{
    width: 100px;
    position: relative;
}

#divContent UL.productGrid LI DIV.priceDetailsListContainer
{
    height:30px;
}

.productDisplayDetailsContainer
{
    left: -17px;
    position: relative;
    width: 100px;
    float: left;
    position: absolute;
}

img.pdZoomBtn
{
    padding-left:5px;
    position:relative;
    top:4px;
}

#divContent UL.productGrid LI DIV.priceListContainer
{
    font-weight: bold;
    font-size: 1.3em;
    color: #000000;
    line-height: 1.28em;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
}

#divContent div.productDetail ul.productGrid li div.priceListContainer
{
    font-size: 1em;
}

div.priceDetailContainer
{
    position: relative;
    top: 0px;
}

#pdNameAndPrice
{
    float: left;
    display:block;
}

#pdVideoTopContainer
{
    float: left;
    padding-right: 5px;
    padding-top:0;
    width:60px;
}

#divContent DIV.productDetail div.divider
{
    clear: both;
    border-bottom: 1px dotted black;
    margin-bottom: 10px;
    padding-top: 10px;
    width: 600px;
}

#divContent DIV.productDetail DIV.information H2 SPAN.wasFromPrice
{
    color: #000000;
    font-size: 10px;
    text-decoration: line-through;
}
#divContent DIV.productDetail DIV.information H2 SPAN.wasPrice
{
    cursor: pointer;
    color: #000000;
    font-size: 10px;
    text-decoration: line-through;
	display:none;
}
#divContent DIV.productDetail DIV.information H2 SPAN.wasPubCode
{
    font-size: 10px;
}
#divContent DIV.productDetail DIV.information H2 SPAN.wasSaving
{
    background-color: #EC008C;
    color: #FFFFFF;
    font-size: 10px;
}
#divContent DIV.productDetail DIV.information H2 SPAN.wasDisclaimer
{
    font-size: 10px;
}

#divContent DIV.productDetail a.keepShopping, #divContent DIV.productDetail a.keepShopping
{
    float: left;
    width: 500px;
}

/* End of Was now styles */


/* =================================
	 ===== TEMPLATE SPECIFC MODS =====
	 ================================= */

/* ----- TEMPLATE: DEPARTMENT PAGE ----- */

.templateDepartment #divContent h1
{
    text-indent: -9999px;
    position: absolute;
}

/* ----- TEMPLATE: PRODUCT LIST ----- */

.templateProductList #divContent h1
{
    text-indent: -9999px;
    position: absolute;
}

.templateProductList #divContent h2.seotext
{
    text-indent: 0px;
    position: relative;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
}

/*
.templateProductList #divContent ul.productGrid li span.image {
	height : auto;
	min-height : 126px;
}

.templateProductList #divContent ul.productGrid li span.image a {
	position : static;
	bottom : auto;
}
*/

/* ----- TEMPLATE: PRODUCT DETAILS ----- */

.templateProductDetails #divBody
{
    border-left: 6px solid black;
    background-image: none;
    top: -10px;
}

.templateProductDetails #divContent
{
    width: auto;
    float: none;
    padding-top: 1px;
}

.templateProductDetails #divContent span.breadcrumb
{
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px 10px 0px 0px;
}

/* ----- TEMPLATE: PRODUCT DETAILS Popup----- */

.pdPopup #divContent
{
    float: none;
}

.pdPopup #divContent div.productDetail div.productDisplayLeftPanel
{
    float: left;
    margin-bottom: 10px;
}

.pdPopup #divContent div.productDetail div.bottomLinks
{
    clear: both;
    width: 97%;
    padding-top: 10px;
    border-top: 1px dotted #ABABAB;
}

/* ----- TEMPLATE: HOMEPAGE ----- */
/*
.templateHomepage #divBody
{
    margin-left: 0;
    border-left-width: 0px;
    background: #FFFFFF;
}

.templateHomepage #divContent
{
    width: 944px;
    float: none;
}
*/
/* ----- TEMPLATE: INSPIRATION ----- */

.templateInspiration #divBody
{
    margin-left: 0;
    border-left-width: 0px;
}

.templateInspiration #divContent
{
    width: 944px;
    float: none;
}

/* ----- TEMPLATE: BASKET ----- */

.templateBasket #divBody
{
    margin-left: 0;
    border-left: 6px solid black;
    background: transparent none; /*margin:1em auto 0;*/ /*width:992px;*/ /*	width:980px;*/
    top: -10px;
    _top: 0px;
	border-right:0px !important;
	border-bottom:0px !important;
}

.templateBasket #divContent
{
    /*    width: 100%; */
    float: none;
    width: auto;
    top: 0px;
    _top: 0px;
    margin-top: 10px; #margin-top:20px;
#top:0px;
_margin-top:0px;

padding-top:10px;
}

.templateBasket #divContent h1
{
    font-family: Arial, sans-serif;
    font-size: 2.4em;
    padding: 0;
}

.templateBasket #divContent p
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.3em;
}

.templateBasket #divContent a.continue
{
    font-size: 1.3em;
    line-height: 3.1538em; /* 41px */
    display: block;
    margin-top: -41px;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: #2BAAE1;
    font-weight: bold;
    text-decoration: none;
    padding-right: 12px;
    background: url(../pix/layout/checkout/link-arrow-small.gif) no-repeat right center;
    width: auto;
    float: left;
}

.templateBasket #divContent a.buttonContinue
{
    background: transparent url(../pix/layout/master/home-button.gif) left center no-repeat;
    padding: 0 0 0 30px;
    margin: 0;
    font-size: 1.9em;
    line-height: 1.5789em; /* 30px */
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    color: #2BAAE1;
    text-decoration: none;
    display: block;
    width: auto;
    float: left;
}

/* ----- TEMPLATE: QUICK ORDER 02 ----- */

.templateQuickOrder02 #divContent h1
{
    font-size: 2.4em;
    line-height: 1.4167em; /* 34px */
    margin: -0.3333em 0 0 0;
    padding: 0;
}

.templateQuickOrder02 #divBody
{
    background-image: none;
    border-left: 6px solid black;
}

.templateQuickOrder02 #divContent
{
    margin-left: auto;
    margin-right: auto;
    width: 97%;
    float: none;
    margin-top: 0px !important;
    padding-top: 10px;
}

/* ----- TEMPLATE: SEARCH - NO RESULTS ----- */
/* ----- TEMPLATE: SEARCH - SUGGEST ----- */

.templateSearchNoResults #divBody, .templateSearchSuggest #divBody
{
    border-left: 6px solid black;
}

.templateSearchSuggest #divBody
{
    background-image: none;
}

.templateSearchNoResults #divContent, .templateSearchSuggest #divContent
{
    width: 97%;
    float: none;
}

.templateSearchNoResults #divContent h1, .templateSearchSuggest #divContent h1
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 2.4em;
    line-height: 1.7083em; /* 41px */
    margin: -0.3333em 0 0 0;
    padding: 0;
}

.templateSearchNoResults #divContent p, .templateSearchSuggest #divContent p
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.3em;
}

.templateSearchNoResults #divContent a.buttonContinue, .templateSearchSuggest #divContent a.buttonContinue
{
    background: transparent url(../pix/layout/master/home-button.gif) left center no-repeat;
    padding: 0 0 0 30px;
    margin: 0;
    font-size: 1.9em;
    line-height: 1.5789em; /* 30px */
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    color: #2BAAE1;
    text-decoration: none;
    display: block;
    width: auto;
    float: left;
}

.clearanceImage
{
    margin-bottom: 10px;
    width: 725px;
    height: 280px;
    position: relative;
    top: -10px;
}

.topbannerExtra
{
    margin-bottom: 10px;
    width: 768px;
    height: 151px;
    position: relative;
    top: -10px;
}

.promoCodeInstructions
{
    font-size: 1.1em;
    font-weight: bold;
    padding: 5px 0px 0px 260px;
}

.templateHomepage #divContent #HomeTermsAndConditions
{
    position: absolute;
    left: 54.5em;
    top: 32em;
    z-index: 1000;
    font-size: 1.1em;
}
.templateHomepage #divContent #HomeTermsAndConditions a
{
    color: #000000;
    text-decoration: none;
    z-index: 1000;
    font-weight: bold;
}

.templateHomepage #divContent #HomeTermsAndConditions a:hover
{
    color: #000000;
    text-decoration: underline;
    z-index: 1000;
    font-weight: bold;
}


.editorialPage #divBody
{
    background-image: none;
    border-left: 6px solid black;
}

.editorialPage #divContent
{
    float: none;
    width: auto;
}

.templateSearchSuggest #divBody
{
    background-image: none;
    border-left: 6px solid black;
}

.SaleGrid
{
    width: 329px;
    height: 251px;
    float: left;
    background-image: url(../pix/sale-subcat/background.gif);
    background-repeat: no-repeat;
    margin-bottom: 15px;
}

.SaleGridTitle
{
    width: 235px;
    height: 20px;
    color: #ff0000;
}

.SaleGridTitle h2
{
    color: #ff0000;
}

.SaleGridOverlay
{
    position: absolute;
    width: 329px;
    z-index: 2;
}

.SaleGridItems
{
}

.SaleGridItem
{
    width: 126px;
    float: left;
    padding-left: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#topcats
{
    background-image: url(../pix/sale-subcat/sale-header.gif);
    background-repeat: no-repeat;
    width: 725px;
    height: 156px;
    margin-bottom: 20px;
}

#topcatheaderleft
{
    float: left;
    font-size: 26px;
    font-family: Arial;
    color: #FFFFFF;
    padding: 8px 0 0 10px;
}

a#topcatheaderrightlink, a#topcatheaderrightlink:hover, a#topcatheaderrightlink:visited
{
    font-size: 12px;
    font-family: Arial;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}


#topcatheaderright
{
    float: right;
    padding: 18px 10px 0px 0px;
}

.topcatitem
{
    float: left;
    width: 181px;
    height: 18px;
}

a.topcatlink, a.topcatlink:hover, a.topcatlink:visited
{
    line-height: 20px;
    color: #ff0000;
    font-size: 13px;
    font-family: Arial;
    padding-left: 10px;
    font-weight: bold;
    text-decoration: none;
}


#topcatHeader
{
    height: 47px;
    margin-bottom: 8px;
}

.SaleArrowImage
{
    position: relative;
    top: 3px;
    padding-left: 5px;
}


#RightSideContent h5.promo.clearance
{
    background-image: url(../pix/content/promo-icons/sm/icn-sm-clearance.png);
}
#RightSideContent h5.promo
{
    background-position: left bottom;
    background-repeat: no-repeat;
    top: 80px;
    display: block;
    height: 30px;
    left: 0px;
    margin: 0pt;
    padding: 0pt;
    position: absolute;
    text-indent: -9999px;
    width: 100px;
}

/* ================================================================================================================================== */
/* Department main image fix for promotions. Brings promotion DIV in over merchrules. to be used with department.asp*/
/* ================================================================================================================================== */



.templateDepartment #divContent #promoImage
{
    position: absolute;
    z-index: 100000;
    top: 0em;
    left: 0em;
    width: 725px;
    height: 280px;
    background: url(../PIX/promotions/2007_09_04_20%offBanner) no-repeat top left;
}

.templateDepartment #divContent #termsandconditions a
{
    position: absolute;
    z-index: 200000;
    top: 26.5em;
    left: 62em;
    color: #ed008c;
}

.templateDepartment #divContent #termsandconditions a:hover
{
    position: absolute;
    z-index: 200000;
    top: 26.5em;
    left: 62em;
    color: #ffffff;
}

.leftNavRedNew
{
    color: Red;
    font-weight: bold;
}

.sortRow
{
    text-align: right;
    width: 100%;
}

.pagingRow
{
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 2px;
    text-align: center;
    border-top: 1px dotted black;
    padding-top: 4px;
}

#divContent #tl_page
{
    _float: left;
    _position: relative;
    _width: auto;
    _height: auto;
    _display: inline-block;
    _top: _9px;
    _left: -9px;
    _margin: 0px;
}

.QOTextInput
{
    border: 0 none;
    margin: 0;
    display: block;
    font-family: "helvetica Neue" , Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    line-height: 1.0769em; /* 18px */
    width: 300px;
    min-height: 21px;
    padding: 2px 5px 2px 5px; /* The numbers on this don't quite add up but ho-hum */
    color: #000; /*background : url(../pix/layout/master/select-bg-300x20.gif) no-repeat left center;*/
    background: transparent url(../pix/layout/master/select-bg-300x20.gif) no-repeat left center !important;
}

#divContent button.QOnext
{
    background: #FFFFFF none repeat scroll 0%;
    float: right;
    margin: 0pt;
    padding: 0pt;
}

#divContent button.QOnext
{
    border: 0px none;
    color: #CF278A;
    cursor: pointer;
    display: block;
    height: auto;
    letter-spacing: -0.01em;
    margin: 0pt;
    text-align: left;
    text-decoration: none;
    width: auto;
}

#divContent button span.QOcontinueButton
{
    text-align: right;
    background: transparent url(../pix/layout/checkout/checkout-continue.gif) left 50% no-repeat;
    padding-left: 30px !important;
    font: bold 1.9em "Helvetica Neue" , arial, helvetica, sans-serif;
    text-align: right;
}

#divFooter ul#logos
{
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 162px;
    height: 23px;
    position: relative;
    right: 0;
    top: 0;
}

ul#logos li
{
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}

ul#logos li.isislogo
{
    width: 130px;
    padding-right: 10px;
}

ul#logos li.olilogo
{
    width: 20px;
    height: 23px;
}

#divHeader #divHeaderBlack table td.mainNavigation
{
    height: 20px;
    text-align: left;
    padding-left: 0px;
    font-size: 1.4em;
    color: #FFFFFF;
}

#divHeader #divHeaderBlack table
{
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
}

#divHeader #divHeaderBlack table td.mainNavigation a:link, #divHeader #divHeaderBlack table td.mainNavigation a:visited
{
    margin: 0px 0px;
    _margin: 0px 0px 0px 0px !important;
    text-decoration: none;
}

#divHeader #divHeaderBlack table input.submit
{
    margin: 0px 5px 0px 0px;
}

#divHeader #divHeaderWhite table tr td.tdLeft
{
    text-align: left;
	background-image: url(../pix/layout/master/oli_co_uk_logo.gif);
	background-repeat: no-repeat;
}

#stockStatus
{
    background-color:#F1F1F1;
    margin-top:10px;
    padding:1px 0 1px 5px;
    border:0px solid #CCCCCC !important;
}

.MerchHeaderImage
{
    display:block;
    left:-9px;
	_left:0px !important;
    position:relative;
    top:-27px;
}

#stockLineCatno
{
    padding-left:15px;
}

#stockLinePriceBox
{
    padding-left:15px;
}

		
.stockStatusDiv
{
	float:left;
	width:140px;
}

.stockLineCatnoDiv
{
	float:left;
	width:140px;
	padding-top:3px;
}

.stockLinePriceBoxDiv
{
	float:left;
	width:140px;
}

#bottomMerchPanel
{
    display:block; 
    position:relative; 
    top:57px; 
    width:650px; 
    margin-bottom:60px; 
    height:225px;
}

.detail #tabs
{
	height:150px;
	width:430px;
}

#otherCustomersBoughtTab
{
	_width: 600px !important;
}

#AddThis2
{
	height:0px;
}

#AddAndBookmarkButtons
{
	text-align:right;
}

#mrvTab
{
	_width:600px !important;
}

/* Tabular Productlist styles */

.productDetails .productName
{
	color:#000000;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.2em;
	margin:0 0 0.2em;
	min-height:2.4em;
	padding:0;
	display:block;
}

.productDetails .productName a
{
	color:#000000;
	text-decoration:none;
}

.productDetails .productPrice
{
	color:#000000;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.28em;
	display:block;
}

.productDetails .wasPriceListContainer
{
	color:#ED008C;
	font-size:1em;
	font-weight:bold;
	padding-bottom:0;
	text-transform:uppercase;
	padding-bottom:2px;
}


.productDetails .buttonLookBook
{
    text-align: right;
    display: block;
    line-height: 1.5em;
    width: auto;
    float: none;
}

.productDetails .buttonLookBook a
{
    text-transform: uppercase;
    background: transparent url(../pix/productlist/prodlist_arrow.gif) right center no-repeat;
    font-size: 1.0em;
    text-decoration: none;
    color: #333333;
    font-size: 1.0em;
    font-weight: normal;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    padding: 0 20px 0 0;
}


.prodlistboxtop
{
	width:165px;
}

.productImg
{
	width:161px;
	position:relative;
}

.productImg img
{
	border:1px solid #9F9F9F;
	display:block;
	margin:0 auto;
	max-height:223px;
	max-width:161px;
}

.addToBagLink
{
	background:url("../pix/productlist/prodlist_arrow.gif") no-repeat scroll right center transparent;
	color:#000000;
	font-weight:bold;
	display:block;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1.1em;
	line-height:1.3636em;
	padding-right:20px;
	text-align:right;
	text-decoration:none;
	text-transform:uppercase;
}

.viewDetailsLink
{
	text-align:right;
	padding-right:4px;
}

#zoomImage
{
	height:28px;
	width:25px;
	background-image:url("../pix/productlist/zoom.gif");
	background-position:0 0;
	background-repeat:no-repeat;
	margin-top:25px;
}

#zoomImage .zoomLink
{

	cursor:pointer;
	display:block;
	position:relative;
	text-decoration:none;
	height:28px;
	width:25px;
}

.productColours
{
	right: -16px;
	top: 0pt;
}

.coloursColumn
{
	width:24px;
}

.productColours div
{
	margin-top:-10px;
}

.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

.prodlistboxtop h5.promo
{
    display: block;
    width: 100px;
    height: 47px;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 8px;
    left: 5px;
    text-indent: -9999px;
    background-repeat: no-repeat;
}

/* These stlyes also need defining in the master-fixes-ie-lt-7.css */


.prodlistboxtop h5.promo.clearance
{
    background-image: url('../pix/productlist/sale.png' ) !important;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pix/productlist/sale.png',sizingMethod='image');
}

.prodlistboxtop h5.promo.asseenin
{
    width:159px !important;
    height:21px !important;
    left:1px !important;
}

.prodlistboxtop h5.promo.newIn
{
    background-image: url('../pix/productlist/new.png' ) !important;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pix/productlist/new.png',sizingMethod='image');
}

.prodlistboxtop .prodlistsaleimg
{
	position:absolute;
	width:50px;
	height:50px;
	z-index:10;
	bottom:6px;
	left:10px;
}

#productListTable
{
	table-layout:fixed; 
	margin-left:19px;
	margin-top:30px;
	margin-bottom:1em;
}


/*-----------------------------------------------------------------------------------------------*/
/*                                       Error page Styles  (404,500)                            */
/*-----------------------------------------------------------------------------------------------*/

.errorPage
{
	padding:7px;
}

.errorPage img
{
	margin-top:10px;
}

.errorPageContent
{
	font-size:14px;
	margin-left:75px;
	margin-bottom:25px;
}

.errorPageContent a
{
	color:#EC008C;
}

.errorCategoryGraphics
{
	margin-left:60px;
	margin-top:20px;
}

.errorCategoryGraphics a
{
	text-decoration:none;
}

.errorDivider
{
	border-bottom:1px solid #EC008C;
}

.itemUnavailableContainer
{
	padding-bottom:10px;
	border-bottom:1px solid #000000;
}

.itemUnavailableContainer p
{
	color: #000000;
	font-size:12px;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 30px;
}

.itemUnavailableContainer p span
{
	color: #EC008C;
	font-style:italic;
}


div.clear
{
	clear:both;
}



div.divHolding
{
	background:url("../pix/layout/master/oliHolding.jpg") no-repeat scroll 0 0 transparent;
	height:701px;
	left:-22px;
	margin-bottom:-30px;
	position:relative;
	top:-6px;
	top:-7px\9;
	#top:-6px;
	_top:-16px;
	width:1029px;
}

div.divHolding a
{
	position:absolute;
	text-decoration:none;
}

div.divHolding a.freemansLink
{
	width:185px;
	height:24px;
	left:615px;
	top:400px;
	text-indent: -9999px;
	
}	

div.divHolding a.myAccountLink
{
	width:136px;
	height:30px;
	left:522px;
	top:501px;
	text-indent: -9999px;
}	

div.divHolding a.freemansButton
{
	width:182px;
	height:29px;
	left:258px;
	top:559px;
	text-indent: -9999px;
}	

div.divHolding a.myAccountButton
{
	height:29px;
	left:589px;
	top:559px;
	width:174px;
	text-indent: -9999px;
}