/******* JD Sports Default stylesheet.  *******/
.hidden {display:none}
.sizes .disabled { background:#ccc!important; color:#666!important; cursor:default; }

/******* marker: Initial "zero out" leaving UI elements alone (forms etc)  *******/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    font-weight:normal;
    font-size:100%;
    font-style:normal;
    vertical-align:baseline;                       
}
/*html {
    overflow-x:hidden;
}*/
body  {
    font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
    font-size:76%;
    text-align:center;
    background: #000 url('/lib/images/landing/siteBG.jpg') no-repeat center 0;
    width: 100%;
}
ol,
ul {
    list-style:none;
}

.forCSR{
    background: white;
    }
/*PNG FIX for IE6 */
.thisIsIE6 img {
    border:0px solid green; 
}
.thisIsIE6 img.transLogo {
    /*border:0; */
    behavior: url('JDGroupStorefrontAssetStore/htc/iepngfix.htc');
    border:0px solid pink; 
}
 
/*** paragraph text links **/
a { color:#000; }
p a, .listNavigation a, .details a, .storeFinderContainer a {
    color:#000;
    text-decoration:underline;
    padding:2px;
}
p a:hover, .listNavigation a:hover, .details a:hover, .storeFinderContainer a:hover {
    color:#FFF;
    background-color:#000;
    text-decoration:underline;
}


/******* marker: Top level structure  *******/
#page, .page {
    width:920px; /* set in px to avoid "over width" on txt resize */
    margin:0 auto;
    color:#000;
    background:#000;
    text-align:left;
    overflow:hidden;
}

/******* marker: Header elements *******/
#header, #headerCheckout {
    background-color: #000000;
    height: 100px;
    position: relative;
    width: 920px;
    padding: 0;
    z-index: 1000;
}
#headerCheckout {
    height:100px;
}
#header a#logo, #headerCheckout a#logo {
    position:absolute;
    top:10px;
    display:block;
    width:152px;
    height:74px;
    padding:0;
}
/* Search */
#header #search {
    height: 24px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 66px;
    width: 253px;
    z-index: 3000;
}

/*
.thisIsIE #header #search {
    top:109px;
    right:0;
}
*/

#header #search label {
    display:none;
}
#header #search input {
    border:0 none;
    color:#666;
    float:left;
    font-size:1.01em;
    height:24px;
    left:0;
    margin:0 5px 0 0;
    padding:0 0 0 8px;
    position:relative;
    top:-3px;
    width:167px;
}
.thisIsIE #header #search input {
    padding:4px 0 0 8px;
    height:20px;
}
#header #search button {
    position:relative;
    top:-3px;
    float:right;
    height:24px;
    width:73px;
    border:0;
    cursor:pointer;
    background-color: #dfdfdf;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 0;
    margin: 0;
}
/*
.thisIsIE #header #search button {}
*/
#header #search button span {
    text-transform: capitalize;
    color: #000;
}
#header #search button:hover span {
    text-decoration: underline;
}


/******* marker: Content Layout *******/
.contentContainer {
    background-color: #FFFFFF;
    color: #000000;
    float: left;
    padding: 45px 10px 10px;
    width: 900px;
}
.bg-white {
    background:white;
}
.loading
{
background:white url('../images/loading.gif') no-repeat 50% 20%;    
}
.departmentsContainer {
    float:left;
    /*background:white url("../images/vertical-filter-menu-bg.gif") repeat-y;*/
    border-bottom:15px solid white;
}
.departmentsContainer.transparent {
    /*background:transparent url("../images/vertical-filter-menu-bg.gif") repeat-y;*/
    width: 100%;
}
.contentContainer h2 {
    font-size:1.15em;
    font-weight:bold;
    padding:0 0 5px 0;
}
.thisIsIE .contentContainer h2 {
    font-size:1.15em;
}
.contentContainer p {
    font-size:1em;
    line-height: 1.4em;
    margin:0 0 1.4em;
    padding:0;
}
.contentContainer .imageCaption {
    font-size:0.8em;
    font-weight:bold;
    text-align:center;
    padding:2px 0 20px 0;
    margin:0;
}
.contentContainer .departmentProductTitle {
    font-size:0.8em;
    text-align:center;
    padding:10px 0 13px 0;
    margin:0;
}
.contentContainer .departmentProductTitle span {
    font-weight:bold;
    font-size:120%;
    line-height:140%;
}
.thisIsIE .contentContainer .imageCaption {
    padding:0px 0 20px 0;
}

/* Homepage Layout */
.homePageSplash {
    clear:both;
    padding:15px 5px;
    _padding:15px 5px;
}
.dptPageSplash {
    float:left;
    clear:both;
    border-bottom:10px solid white;
    background:#fff;
}
.homePageColumnContainer {
    float:left;
    margin-top:10px; 
    padding:0;
    background:#000 url('../images/hpColBg.gif') repeat-y;
    color:#fff; 
}
.thisIsIE .homePageColumnContainer {
    margin-top:7px;
}
/* Homepage Columns */
.column {
    float:left;
    padding-right:10px;
}
.hpCol_1, .hpCol_2, .hpCol_3, .hpCol_4, .hpCol_5 {
    float:left;
    padding-right:10px;
}
.hpCol_1 {
    width:254px;
}
.hpCol_2 {
    width:140px;
}
.hpCol_3 {
    width:228px;
}
.hpCol_4 {
    width:128px;
}
.hpCol_5 {
    width:110px;
    padding-right:0;
}
.departmentColumnContainer {
    float:left;
    width:700px;
    background:#fff url('../images/dptColBg.gif') repeat-y;
    color:#000;
    /*margin-top:15px;*/
}
.dptCol_1 {
    width:234px;
}
.dptCol_2 {
    width:140px;
}
.dptCol_3 {
    width:168px;
}
.dptCol_4 {
    width:128px;
    padding:0!important;
}

/* Columns */
.column {
    float:left;
    padding-right:10px;
}
/*  Articles */
.Col_Article {
    padding:4px;
    border-bottom:10px solid #000;
}
.departmentColumnContainer .Col_Article {
    border-bottom:10px solid #fff;
}
.last, .departmentColumnContainer .last, .only {
    border:none!important;
}

/******* marker: Delivery Header *******/

.DeliveryHeader { 
    display: block; 
    position: absolute; 
    width: 380px; 
    height: 80px; 
    top: 0; 
    left: 205px; 
    background-color: #262626; 
    overflow: hidden;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -o-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -o-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;

    }

.DeliveryHeader ul { margin: 15px 0; }
.DeliveryHeader ul li { list-style: disc; margin: 5px 30px 0; padding: 0; color: white; display: list-item!important; }
.DeliveryHeader ul li a { }
.DeliveryHeader ul li a:hover { }
.DeliveryHeader ul li.yellow a { color: yellow!important; }

/******* marker: Footer *******/
/* Footer Main */
#footerMain { display: block; position: relative; width: 920px; float: left; padding: 10px 0 100px; overflow: hidden; }
#footerMain p { margin: 10px 0; }
#footerMain h3 { font-family: Arial, Helvetica, sans-serif;  font-weight: normal; font-size: 1.2em; }
#footerMain #footerContent { width: 920px; margin: 0px auto; }
#footerMain #row1 { display: block; position: relative; float: left; height: 70px; }
#footerMain #footerSocial { width: 285px; float: left; padding-top: 5px; }
#footerMain #footerSocial a { float: left; padding-right: 6px; }
#footerMain .socialHover { display: none; }
#footerMain #quickNewsletter { float:left; height: 70px; }
#footerMain #quickNewsletter iframe { display: block; width: 635px; height: 30px; float: right; margin: 7px 0 0; }
#footerMain #signUp { float: left; padding: 5px; width: 288px; height: 70px; }
#footerMain #row2 { display: block; position: relative; float:left; width:920px; }
#footerMain .footerPromoLinks { display: block; position: relative; height: 70px; width: 210px; float:left; margin: 10px 26px 20px 0px; }
#footerMain .footerPromoLinks.last { margin-right: 0px; }
#footerMain #row2 span { position: absolute; padding: 5px 0px 0 10px; height: 19px; display: block; width: 200px; bottom: 0; background: #262626; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#footerMain #row2 a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff; text-decoration: none; }
#footerMain #row2 a:hover { text-decoration: underline; }
#footerMain #row2 .last span { width: 100px; }
#footerMain #row3 { display: block; position: relative; float: left; padding: 10px 0px 50px; }
#footerMain #row3 h3 { color: #a1a1a1; margin-left: 10px; margin-bottom: 10px; }
#footerMain #row3 a { color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; text-decoration: none; }
#footerMain #row3 a:hover { text-decoration: underline; }
#footerMain #row3 ul { padding: 0px; list-style: none; display: block; float: left; width: 441px; margin-left: 5px; }
#footerMain #row3 li { float: left; width: 236px; margin: 4px 0; }
#footerMain #row3 li.last { width: 205px; }
#footerMain #row3 li li { float: none; width: auto; }
#footerMain #customerService { width: 446px; float: left; padding: 15px 0 20px; background-color: #262626; border-radius: 12px; }
#footerMain #aboutUs { width: 446px; float:left; padding: 15px 0 20px; background-color: #262626; border-radius: 12px; margin-left: 26px; }
#footerMain #row4 { display: block; position: relative; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: white; width: 920px; }
#footerMain #row4 a { color: #a1a1a1; }
#footerMain #footerCards { float: left; width: 340px; }
#footerMain #copyrightText { float: right; }


/*** Store Finder ***/
.storeFinder img {
    position:absolute;
    z-index:109;
}
.storeFinder form {
    position:relative;
    /*top:61px;*/
    margin-top:59px;
    height:16px;
    z-index:110;
}
.storeFinder form label {
    display:none;
}
.storeFinder form input {
    position:relative;
    float:left;
    left:125px;
    width:110px;
    height:16px;
    padding:0 0 0 1px;
    margin:0 4px 0 0;
    border:0;
}
.storeFinder #storeFind button {
    position:relative;
    float:left;
    top:0px;
    left:125px;
    height:16px;
    width:40px;
    border:0;
    cursor:pointer;
    background:#3f3f3f url('../images/btn-arrow-right.gif') no-repeat;
}
.thisIsIE .storeFinder #storeFind button {
    top:0;
}
.storeFinder #storeFind button span {
    display:none;
}

/*** Vertical Menu Container ***/
.verticalMenuContainer {
    width:159px/*171px*/;
    height:800px;
    float:left;
/*  padding-right:4px;*/
    padding-left:4px;
    border-right:1px solid white;
/*  margin-right:10px;
    margin-top:15px;*/
    display:inline;
    position:relative;
    font-size:1.1em;
}
.verticalMenuContainer p {
    margin:0 0 2em;
}
/*** Content Spots under the menu***/
.filterContentSpot {
float:left;
width:171px;
}

/*** Breadcrumbs ***/
.breadcrumbs {
    background-color:white;
    width:884px;
    min-height:10px;
    height:auto!important;
    height:10px;
    padding:0 6px 8px 8px;
}
.breadcrumbs-patch {
    width:900px;
    height:15px;
    float:left;
    background-color:white;
}
.breadcrumbs a, .breadcrumbs a:visited {
    color:black;
    font-size:.9em;
    font-weight:bold;
    text-transform:capitalize;
    display:block;
    padding:0 12px 0 14px;
    background:url("../images/bradcrumbs-icons.gif") no-repeat 0 2px;
    float:left;
}
.breadcrumbs .home {
    background:none !important;
    padding-left:0 !important;
}
.thisIsIE .breadcrumbs a {
    background-position:0 3px;
}

.breadcrumbs a.current:link, .breadcrumbs  a.current:visited {
    color:#000;
    text-decoration:none;
    cursor:default;
}
.breadcrumbs a.current:hover {
    color:#000;
}
/********** marker:Section List *********/

/* Thumbnail sizes: 170x170 & 170x130  */

#listContent {
    float:left;
    margin:0;
    width:auto;
    
}

.sectionListContent {
    float:left;
    width:700px;
    color:black;
    background: white;
    margin:0 0 0 26px;
    /*overflow:hidden;*/
    overflow:visible;
    /*text-align:center;*/
}
.sectionListContent .promoBlock * {
    float:left;
}
.sectionListContent .promoBlock {
    float:left;
    width:700px;
    margin-bottom:12px;
}
.promoBlock h1 {
    margin:0px; 
    font-size: 2em;
    font-weight: bold;
}
.promoBlock a.Banner-Link {
    display:block;
    background-color:#FFF;
    padding:5px;
    color:#000;
    text-decoration:underline;
    text-transform:uppercase;
}
.promoBlock a:hover.Banner-Link {
    background-color:#000;
    color:#FFF;
}

/* Brand Banners */
.promoBlock table.BrandBanner {
    width: 700px;
    background-color: #e5e5e5;
    float:none;
}
.promoBlock table.BrandBanner td {
    text-align:left;
    vertical-align:top;
    float:none;
}
.promoBlock table.BrandBanner h1 {
    padding-left:20px;
    float:none;
    font-size:1.5em;
}
.promoBlock table.BrandBanner p {
    padding: 10px 0px 0px 20px;
    float:none;
    font-size:0.95em;
}

/* NEW BRAND BANNERS  */
.sectionListContent .promoBlock .brandBanner { float:left; width:700px; background:#CCC; padding: 30px 0 10px 0; }
.sectionListContent .promoBlock .brandBanner img { margin: 10px 0 20px 20px; float:left; } 
.sectionListContent .promoBlock .brandBanner div { width:520px; margin: 0 0 0 30px; } 
.sectionListContent .promoBlock .brandBanner div h1 { float:none }
.sectionListContent .promoBlock .brandBanner div p { float:none }
.sectionListContent .promoBlock .brandBanner div a { float:left; clear:left; margin-right: 20px; }
.sectionListContent .promoBlock .brandBanner div a.link2 { clear:none; }
/* END OF NEW BRAND BANNERS  */



/* Mens Mckenzie Denim Banner */
.promoBlock div.Banner-MckenzieDenim {
    background: url(/lib/banners/mckenzie-denim.jpg) no-repeat #FFF;
    float: left;
    height:40px;
    width:695px;
    padding: 140px 5px 0px 0px;
}
.promoBlock div.Banner-MckenzieDenim a {
    display: block;
    background-color:#FFF;
    float:right;
    padding: 5px;
    color:#000;
    text-decoration:underline;
    font-size:1.5em;
}
.promoBlock div.Banner-MckenzieDenim a:hover {
    background-color:#000;
    color:#FFF;
}
.promoBlock div.Banner-MckenzieDenimTXT {
    background-color:#ccc;
    padding:10px;
    float:left;
    width:680px;
    margin-top:2px;
}
.promoBlock div.Banner-MckenzieDenimTXT h1 {
    margin:0px;
    text-decoration:none;
    text-transform:none;
    font-weight:normal;
    font-size:0.95em;
}

/* Womens Fitness Banner */
.promoBlock div.Banner-WomensFitness {
    background: url(/lib/banners/womens-fitness.jpg) no-repeat #000;
    width: 660px;
    padding: 20px;
    float:left;
}
.promoBlock div.Banner-WomensFitness h1 {
    color:#FFF;
    float:right;
    padding-bottom:20px;
    text-transform: uppercase;
}
.promoBlock div.Banner-WomensFitness a.Banner-Link {
    float:right;
}
.promoBlock div.Banner-WomensFitness div {
    width:660px;
    float:left;
}
.promoBlock div.Banner-WomensFitness div.Banner-Last {
    margin-top: 10px;
}
/* Banner End */


.sectionListContent .searchResult {
    /*width:815px;*/
    background-color:#cecece;
    padding:14px 10px 10px;
    margin-bottom:12px;
    /*float:left;*/
    text-align:left;
    height:2em;
}
.sectionListContent .searchResult label {
    float:left;
    font-size:1.5em;
    padding-right:4px;
    margin-left: 90px;
}
.sectionListContent .searchResult input {
    border: 1px solid black;
    height:15px;
    float:left;
    padding:1px 0 0 4px;
    margin-right:4px;
    display:inline;
    font-size:.9em;
}
.sectionListContent .searchResult button {
    font-size:.9em;
    float:left;
    border:0;
    background: #3f3f3f url('../images/search-again-button-arrow.gif') no-repeat right 3px;
    color:white;
    height:18px;
    padding:0px 28px 1px 8px;
}
.thisIsIE .sectionListContent .searchResult input {
    margin-top:1px;
}
.thisIsIE .sectionListContent .searchResult button {
    text-align:left;
    padding:0 0 0 8px;
    margin-top:1px;
}
.productRow {
    float:left;
    width:700px;
}         

/*** Product item ***/
.productItem {
    padding:0px 2px 5px 0px;
    text-align:center;
    width:173px;
    height:23em;
    float:left;
    position:relative;
}
.productItem:hover a, .productItem:hover span span {
	text-decoration: underline;
}
.shoes .productItem { 
    height:18em;
}
.productItem span {    
    line-height:140%;
    padding:0;
    font-size:1.1em;
    font-weight:bold;
}
.productItem h2{
    position:relative;
    margin:180px 0 0 0;
    height:auto!important;
    height:4.1em;
    padding:0 4px;
    font-size:.95em;
}
.shoes .productItem h2{
    margin:130px 0 0 0;
}
.productImage img{
    position:absolute;
    top:0;
    left:0;
}
.productItem a{
    text-decoration:none;
    padding:2px;
    color:#000;
}
.productItem a:hover{
    text-decoration:underline;
    
}
.productItem a.favourites {
    color:silver;
    text-decoration:none;
    font-size:.8em;
} 
.productItem a.moreColours { 
	width: 171px;
	display: block;
}  
.productItem .oldPrice, .productItem:hover .oldPrice {
    font-size:.8em;
    color:#000;
    font-weight:normal;
    text-decoration:line-through;
}
.productItem .newPrice {
    padding-left:5px;
    color:red;
}
.high .productItem {
    border:none;
    height:241px;
}
.clothing .productItem .shoes, .accessories .productItem .shoes {
    padding:25px 0;
}
.crossSellItem .shoes {
    padding:18px 0;
}

/***** marker: Product Detais *****/
.productDetailsContainer {
    position:relative;
    clear:both;
    width:900px;
    min-height:411px;
    height:auto!important;
    height:411px;
    background:#fff;
    overflow:visible;
    z-index:1;
}
.productOptions {
    position:relative;
    float:right;
    display:inline;
    width:223px;
    min-height:396px;
    height:auto!important;
    height:396px;
    padding:15px 30px 0px 17px;
    z-index:100;
    background:transparent url('../images/blank.gif');
}
.productImageContainer {
    position:absolute;
    top:0;
    left:0;
    width:900px;
    height:411px;
    z-index:1;
}
.productImageContainer img {
    position:relative;
    top:0;
    left:0px;
    }

#productImageViewer {
    position:absolute;
    top:0;
    left:0;
    z-index:2;
}
.productZoom {
    position:absolute;
    top:310px;
    left:30px;
    width:100px;
    height:20px;
    line-height:20px;
    color:#000;
    background:transparent;
    z-index:4;
}
.productZoom a:link, .productZoom a:visited {
    text-decoration:none;
    font-size:0.87em;
    color:#000;
    font-weight:bold;
    padding:2px;
    background:#fff;
}
.productZoom a:hover, .productZoom a:active, .productZoom a:focus {
    text-decoration:none;
    font-size:0.87em;
    color:#000;
    font-weight:bold;
    padding:2px;
    background:#fff;
}
.productThumbnailsContainer {
    position:absolute;
    top:341px;
    left:30px;
    white-space:nowrap;
    min-width:60px;
    width:auto!important;
    width:60px;
    height:70px;
    background:transparent url('../images/thumbnail-bg-left.png') no-repeat top left;   
    z-index:3;
}
.thisIsIE6 .productThumbnailsContainer {
    background:transparent url('../images/thumbnail-bg-left.gif') no-repeat top left;   
}
.productThumbnails {
    background:transparent url('../images/thumbnail-bg.png') no-repeat top right;
    margin-left:15px;
    padding-right:15px;
    padding-top:8px;
    height:70px;
}
.thisIsIE6 .productThumbnails {
    background:transparent url('../images/thumbnail-bg.gif') no-repeat top right;
}

/**List Navigation*/
.listNavigation {
    font-size:1em;
    width:700px;
    position:relative;
    margin:0 0 20px;
    clear: both;
}
.listNavigation span b {
margin-bottom:15px;
display:block;
}
.listNavigation span b {
    font-size:1.5em;
    font-weight:normal;
}

.bottomNavigation {
    float:left;
    width:700px;
}
.listNavigation h1 {
    font-weight:bold;
    font-size:1.27em;
    /*text-align:left;*/
    margin-bottom:10px;
}
.listNavigation .sortBy {position:absolute; right:5px; bottom:0px; top:37px;}
.thisIsIE .listNavigation .sortBy {}

.listNavigation .sortBy select {width:140px;margin-left:5px;}
.listNavigation .sortBy label {text-align:right;}
.listNavigation .sortByWidth {float:right; width:255px;}

.listNavigation .pageNav {bottom:0; left:0; margin:0 0 0 220px; position:absolute; text-align:center;}
.listNavigation .perPage {position:absolute; left:0; bottom:0px;}

.listNavigation span.current, .listNavigation .perPage a.current {
    background-color:black;
    color:white;
    padding:2px;
    text-decoration:underline;
}

/*** marker: Product Atributes ***/
.productLogo {
    padding-left:14px;
}
.thisIsIE7 .productLogo {
    display:none;
}
.productLogoff {
    padding-left:14px;
    display:none;
}
.thisIsIE6 .productLogoff {
display:none;
}
.productName {
    font-size:1.15em;
    font-weight:bold;
    color:#000;
    padding-top:14px;
    padding-left:14px;
}
.productPrice {
    font-size:2.4em;
    font-weight:bold;
    font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
    color:#000;
    padding-bottom:10px;
    padding-left:14px;
}

.smallPrice {
    font-size:1.8em;
}
.microPrice {
    font-size:1.2em;
}
.was {
/*  color:#999;*/
    color:black;
    text-decoration:line-through;
    font-size:85%;
}
.red {
    color:red;
}













/** Select Quantity **/
.productSelectQuantity fieldset {
    font-size:0.9em;
    font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
    color:#000;
    margin-top:6px;
}
.productSelectQuantity select {
    width:180px;
    margin-top:6px;
    margin-left:15px;
}
.productUnavaiable {
    margin-left:15px;
}
.productUnavaiable p {
    font-size:1.15em;
    font-weight:bold;
}
.productUnavaiable a:link, .productUnavaiable a:visited {
    font-weight:bold;
    text-decoration:underline;
}
.productAddToBag {
}
.addToBag {
    display:block;
    height:23px;
    margin:20px 0 0 14px;
    padding:0;
    overflow:hidden;
}
.addToBag a {
    display:block;
    width:186px;
    height:23px;
    padding:23px 0 0 0;
    font-size:1.2em;
    color:#fff;
    font-weight:bold;
    background-color:transparent;
    background-image:url('../images/btn-AddToBag.png');
    background-repeat:no-repeat;
    background-position: left 0px;
    overflow:hidden;
}
.addToBag a:hover, .addToBag a:active, .addToBag a:focus {
    background-position:left -23px;
}
.orCheckoutNow {
    display:block;
    height:23px;
    margin:11px 0 0 14px;
    padding:0;
    overflow:hidden;
}
.orCheckoutNow a {
    display:block;
    width:186px;
    height:23px;
    padding:23px 0 0 0;
    font-size:1.2em;
    color:#fff;
    font-weight:bold;
    background-color:transparent;
    background-image:url('../images/btn-orCheckoutNow.png');
    background-repeat:no-repeat;
    background-position: left 0px;
    overflow:hidden;
}
.orCheckoutNow a:hover, .orCheckoutNow a:active, .orCheckoutNow a:focus {
    background-position:left -23px;
}

/***** marker: Product Details Tabs *****/

/* Product Tabs & CrossSells Tabs */
#productDetailTabsContainer, #productCrossSellsTabsContainer {
    width:840px;
    clear:both;
    float:left;
    display:inline;
    overflow:visible;
    margin-top:15px;
    margin-left:30px;
    margin-bottom:0px;
    background:#fff url('../images/tab-gradient-bg.png') no-repeat right 18px;
}
#productDetailTabsContainer #prodNav, #productCrossSellsTabsContainer #crossSellsNav {
    float:left;
    display:inline;
    border:0;
}
#productDetailTabsContainer #prodNav li, #productCrossSellsTabsContainer #crossSellsNav li  {
    float:left;
    margin-right:2px;
    background:transparent url('../images/tab-prod-left.gif') no-repeat left 0;
}
#productDetailTabsContainer #prodNav a, #productCrossSellsTabsContainer #crossSellsNav a {
    font-size:0.9em;
    font-weight:bold;
    display:block;
    padding:5px 15px 3px 12px;
    background:transparent url('../images/tab-prod-right.gif') no-repeat right 0;
    margin:0 0 0 3px;
    border:0px solid #f00;
    border-bottom:0px solid #ccc;
}
#productDetailTabsContainer #prodNav a:hover, #productCrossSellsTabsContainer #crossSellsNav a:hover {
    color:#000;
    text-decoration:underline;
}
#productDetailTabsContainer #prodNav a.selected, #productCrossSellsTabsContainer #crossSellsNav a.selected {
    background-color:transparent;
    border:0px solid #ccc;
    background:transparent url('../images/tab-prod-right.gif') no-repeat right -100px;
    border-bottom:0px solid #fff;
    text-decoration:none;
}
#detailPanel, #crossSellsPanel {
    width:837px;
    padding:0 0 0 3px;
    float:left;
    clear:both;
    display:inline;
    overflow:visible;
}
#detailPanel img, #crossSellsPanel img {

}
.crossSellItem {
    float:left;
    clear:none;
    margin-right:18px;
    text-align:center;
    width:128px;
}
.crossSellItem.last {
    margin-right:0;
}
.crossSellItem img {
    clear:right;
}
.tabPromo {
     float:right;
     clear:none;
     text-align:center;
     width:240px;
}
/*
#detailsPanel h2 {
 font-size:1.3em;
 font-weight:bold;
 color:red;
 font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}
*/
#detailPanel h1 {
 font-size:1.3em;
 font-weight:bold;
 margin:5px 0;
}

#prodDetailsTabContent1, #prodDetailsTabContent2, #prodDetailsTabContent3, #prodDetailsTabContent4, 
#prodCrossSellsContent1, #prodCrossSellsContent2 {
    width:577px;
    padding:10px;
    float:left;
    clear:none;
    background-color:#fff;
    color:#000;
    min-height:111px;
    height:auto!important;
    height:111px;
}
#prodCrossSellsContent1, #prodCrossSellsContent2 {
    min-height:180px;
    height:auto!important;
    height:180px;
}

/** Recently Viewed **/
#recentlyViewedProductsContainer {
    float:left;
    position:relative;
    display:inline;
    clear:both;
    background:#fff url('../images/bg-recentlyViewed.jpg') no-repeat 0 0;
    padding:4px 0 0 6px;
    margin:15px 0 45px 30px;
    width:834px;
    height:136px;
    color:#000;
    font-size:1.0em;
    font-weight:bold;
    overflow:visible;
}
/*.thisIsIE {
    margin-bottom:65px;
}*/
#recentlyViewedProducts {
    float:left;
    display:inline;
    overflow:auto;
    white-space:nowrap;
    background:#fff;
    margin:4px 0 6px 0;
    padding:10px 0 0 0;
    width:828px;
    height:108px;
}
#recentlyViewedProducts img {
    margin-right:24px;
}

/******* marker: Filtering Menu *******/

.verticalMenuContainer h3.filterMenuHeading {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 2px;
}

.verticalMenuContainer {
    color: #7f7f7f; 
    height:auto!important;
}
.verticalMenuContainer .men, .menSizes h2 {
    color: #009fc6; /* JD men blue */
}
.verticalMenuContainer .women, .womenSizes h2 {
    color: #f24c8c; /* JD women pink */
}
.verticalMenuContainer .junior, .juniorSizes h2 {
    color: #ff6600; /* JD junior orange */
}

.filterMenu {
    color: black;
}
.filterMenu li {
    clear: left;
    padding: 0;
}
.filterMenu li ul li a {
    display: block;
    font-size: .8em;
    font-weight:bold;
    padding-left: 18px;
    margin-left: 5px;
    min-height: 12px;
    height: auto!important;
    height: 12px;
    text-decoration: none;
    color: black;
    width:123px/*135px*/;
    padding-top:2px;
    padding-bottom:1px;
}
.filterMenu li ul li span {
    display: block;
    font-size: .8em;
    font-weight:bold;
    padding-left: 18px;
    margin-left: 5px;
    min-height: 12px;
    height: auto!important;
    height: 12px;
    text-decoration: none;
    color: #ccc;
    width: 123px/*135px*/;
    padding-top:2px;
    padding-bottom:1px;
}
.filterMenu li ul li ul li a {
    display: block;
    font-size: .8em;
    font-weight:normal;
    min-height: 12px;
    height: auto!important;
    height: 12px;
    text-decoration: none;
    color: black;
    width:112px/*124px*/;
    padding-top:0px;
    padding-bottom:0px;
    margin-left:20px;
    padding-left:14px;
}

.filterMenu li ul li ul li span {
    display: block;
    font-size: .8em;
    font-weight:normal;
    min-height: 12px;
    height: auto!important;
    height: 12px;
    text-decoration: none;
    color: #ccc;
    width:112px/*124px*/;
    padding-top:0px;
    padding-bottom:0px;
    margin-left:20px;
    padding-left:14px;
}
/*
.thisIsIE6 .filterMenu li ul li a {
    width:135px;
}
*/

.filterMenu li ul {
    display: block;
    float: left;
    margin-top: 0;
    padding-bottom: 8px;
}
.filterMenu .flexcroll a.selected, .filterMenu .no-flexcroll a.selected, .filterMenu a.selected {
    background:black url('../images/deselect.gif') no-repeat 5px 4px;
    color:white;
}
.filterMenu .flexcroll a.selected:hover, .filterMenu .no-flexcroll a.selected:hover, .filterMenu a.selected:hover, .filterMenu #saleMenu a.selected:hover {
    color:white;
    background:black url('../images/deselect.gif') no-repeat 5px -29px;
    text-decoration:none!important;
}                                
.verticalMenuContainer .filterMenu h3 {
    display: block;
    background-color: #bfbfbf;
    width:159px/*171px*/;
    margin-bottom: 4px;
    float: left;
}
.verticalMenuContainer .men h3 {
    background-color:#8acbe0;
}
.verticalMenuContainer .women h3 {
    background-color:#f8a5c5;
}
.verticalMenuContainer .junior h3 {
    background-color:#ffb27f;
}

#verticalMenuContainerID .disabled {
    display:none;
    height: 0;
}

.filterMenu h3 a.heading {
    color: black;
    float: left;
    text-decoration: none;
    background: url('../images/filter-menu-triangle.gif') no-repeat 4px -92px;
    display: block;
    padding: 2px 0px 2px 20px;
    font-weight: bold;
}
.filterMenu .expanded a.heading {
    background-position: 4px 6px;
}

/*** Sale On ***/ 
.filterMenu .expanded.saleOn {
    background-color:red!important;
}
.filterMenu .expanded a.heading.saleOn {
    color:white!important;  
}

a.clearSection {
    position:relative;
    font-size: .8em;
    font-weight: normal;
    float: right;
    color: black;
    padding-top: 3px;
    padding-right: 4px;
    text-transform:lowercase;
}
a.clearSection:hover {color:#666}
.clearAll {
    position:absolute;
    right:8px;
    top:1.35em;
    font-size: .8em;
    font-weight: normal;
    color: #000;
}
.filterMenu h2 {
    display: block;
    font-size: .8em!important;
    font-weight: normal;
    padding-left: 5px;
    padding-top: 5px;
}
.filterMenu h2 strong {
    font-weight: bold!important;
}
.filterMenu .sizes {
    float: left;
    display: block;
    margin-left: 5px;
}
.thisIsIE6 .filterMenu .sizes {
    display:inline;
}
.filterMenu .sizes li {
    float: left;
    clear: none;
    margin-right: 2px;
    margin-bottom: 2px;
    #white-space:nowrap;

}
.filterMenu .sizes li ul {
    white-space:nowrap;
}
.filterMenu .sizes li a { /* size of the 'size' boxes */
    margin: 0;
    float: left;
    padding: 6px 6px 6px 6px;
    font-weight: bold;
    color: black;
    text-decoration: none;
    font-size: .8em;
    text-align: center!important;
    min-width:12px;
    width:auto!important;
    width:12px;
/*  border: 1px solid #999;*/
}
.thisIsIE6 .filterMenu .sizes li a { 
    display:inline;
    width:22px!important;
}

.men ul.sizes li a {background-color:#d2ebf3;}
.women ul.sizes li a {background-color:#fcdbe8;}
.junior ul.sizes li a {background-color:#ffe0cc;}

.menSizes ul.sizes li a {background-color:#d2ebf3;}
.womenSizes ul.sizes li a {background-color:#fcdbe8;}
.juniorSizes ul.sizes li a {background-color:#ffe0cc;}

.menSizes ul.sizes li a:hover {background-color:#1698c1;}
.womenSizes ul.sizes li a:hover {background-color:#ed4787;}
.juniorSizes ul.sizes li a:hover {background-color:#ee6001;}

.menSizes ul.sizes li a.selected:hover {background-color:#1698c1;}
.womenSizes ul.sizes li a.selected:hover {background-color:#ed4787;}
.juniorSizes ul.sizes li a.selected:hover {background-color:#ee6001;}


/** hover color for the menu **/
.filterMenu li ul li a:hover, .filterMenu li ul li a.selected:hover {background-color: #ccc; text-decoration:none;}
.men li ul li a:hover, .men li ul li a.selected:hover {background-color:#d5ecf4;}
.women li ul li a:hover, .women li ul li a.selected:hover {background-color: #fcdbe8;}
.junior li ul li a:hover, .junior li ul li a.selected:hover {background-color: #ffe0cc;}

/** sizes hover **/
.men ul.sizes li a:hover, .men ul.sizes li a.selected:hover {background-color: #1698c1;}
.women ul.sizes li a:hover, .women ul.sizes li a.selected:hover {background-color: #ed4787;}
.junior ul.sizes li a:hover, .junior ul.sizes li a.selected:hover {background-color: #ee6001;}

.sizes .selected {
    background:black!important;
    color:white!important;
}

.sizes .disabled {
    background:#CCC!important;
    color:#666!important;
    cursor: default;
}

/** marker: Filter Menu Colour Swatches **/

.colours {
    float: left;
    padding: 0;
    margin: 0;
    padding-bottom:8px;
}
.colours li {
    float:left;
}
.colours li a {
    float:left;
    font-size:0;
    padding:0;
    margin:0;
    height:17px;
    width:17px;
    text-decoration:none;
}

.colourRange    a {background: url('../images/range-sprite.png') no-repeat top left; margin:0 1px 1px 0; display: none;}

.colourblack    a {background-position: 0 0px;display: inline;}
.colourwhite    a {background-position: 0 -17px;display: inline;}
.colourblue     a {background-position: 0 -34px;display: inline;}
.colourred      a {background-position: 0 -51px;display: inline;}
.colourgreen    a {background-position: 0 -68px;display: inline;}
.colouryellow   a {background-position: 0 -85px;display: inline;}
.colourorange   a {background-position: 0 -102px;display: inline;}
.colourpurple   a {background-position: 0 -119px;display: inline;}
.colourpink     a {background-position: 0 -136px;display: inline;}
.colourbrown    a {background-position: 0 -153px;display: inline;}
.colourmulti    a {background-position: 0 -170px;display: inline;}
.colourgrey     a {background-position: 0 -187px;display: inline;}
.colourgold     a {background-position: 0 -187px;display: inline;}

.colourblack    a.selected {background-position: -17px 0px;display: inline;}
.colourwhite    a.selected {background-position: -17px -17px;display: inline;}
.colourblue     a.selected {background-position: -17px -34px;display: inline;}
.colourred      a.selected {background-position: -17px -51px;display: inline;}
.colourgreen    a.selected {background-position: -17px -68px;display: inline;}
.colouryellow   a.selected {background-position: -17px -85px;display: inline;}
.colourorange   a.selected {background-position: -17px -102px;display: inline;}
.colourpurple   a.selected {background-position: -17px -119px;display: inline;}
.colourpink     a.selected {background-position: -17px -136px;display: inline;}
.colourbrown    a.selected {background-position: -17px -153px;display: inline;}
.colourmulti    a.selected {background-position: -17px -170px;display: inline;}
.colourgrey     a.selected {background-position: -17px -187px;display: inline;}

.colourblack    a:hover, .colourblack a:focus,.colourblack a:active {background-position: -34px 0px;display: inline;}
.colourwhite    a:hover, .colourwhite   a:focus {background-position: -34px -17px;display: inline;}
.colourblue     a:hover {background-position: -34px -34px;display: inline;}
.colourred      a:hover {background-position: -34px -51px;display: inline;}
.colourgreen    a:hover {background-position: -34px -68px;display: inline;}
.colouryellow   a:hover {background-position: -34px -85px;display: inline;}
.colourorange   a:hover {background-position: -34px -102px;display: inline;}
.colourpurple   a:hover {background-position: -34px -119px;display: inline;}
.colourpink     a:hover {background-position: -34px -136px;display: inline;}
.colourbrown    a:hover {background-position: -34px -153px;display: inline;}
.colourmulti    a:hover {background-position: -34px -170px;display: inline;}
.colourgrey     a:hover {background-position: -34px -187px;display: inline;}

.colourblack    a.selected:hover, .colourblack  a.selected:focus,.colourblack   a.selected:active {background-position: -51px 0px;display: inline;}
.colourwhite    a.selected:hover, .colourwhite  a.selected:focus {background-position: -51px -17px;display: inline;}
.colourblue     a.selected:hover {background-position: -51px -34px;display: inline;}
.colourred      a.selected:hover {background-position: -51px -51px;display: inline;}
.colourgreen    a.selected:hover {background-position: -51px -68px;display: inline;}
.colouryellow   a.selected:hover {background-position: -51px -85px;display: inline;}
.colourorange   a.selected:hover {background-position: -51px -102px;display: inline;}
.colourpurple   a.selected:hover {background-position: -51px -119px;display: inline;}
.colourpink     a.selected:hover {background-position: -51px -136px;display: inline;}
.colourbrown    a.selected:hover {background-position: -51px -153px;display: inline;}
.colourmulti    a.selected:hover {background-position: -51px -170px;display: inline;}
.colourgrey     a.selected:hover {background-position: -51px -187px;display: inline;}

/** marker: Flexcroll **/
.flexcroll {
    overflow:hidden;
    background:transparent url('../images/scrollbar-inactive.gif') no-repeat right top;
}
.men .flexcroll {
    background:transparent url('../images/scrollbar-inactive-men.gif') no-repeat right top;
}
.women .flexcroll {
    background:transparent url('../images/scrollbar-inactive-women.gif') no-repeat right top;
}
.junior .flexcroll {
    background:transparent url('../images/scrollbar-inactive-junior.gif') no-repeat right top;
}

.flexcroll div {
    float:left;
}
.thisIsIE6 .flexcroll div {
    float:none;
}

/** marker: no-Flexcroll **/
.no-flexcroll {
    overflow:hidden;
    background:#fff;
}
.men .no-flexcroll {
    background:#fff;
}
.women .no-flexcroll {
    background:#fff;
}
.junior .no-flexcroll {
    background:#fff;
}

.no-flexcroll div {
    float:left;
}
.thisIsIE6 .no-flexcroll div {
    float:none;
}




/*
.vscrollerbar {width: 12px;background: black}
.vscrollerbarbeg {height: 12px;width: 12px;background: url('../images/scrollbar.png') 0 -12px no-repeat;}
.vscrollerbarend {height: 12px;width: 12px;background: url('../images/scrollbar.png') 0 0 no-repeat;}
.vscrollerbase {width: 12px;background: white}

.men .vscrollerbar {width: 12px;background: #27a0c5}
.men .vscrollerbarbeg {height: 12px;width: 12px;background: url('../images/scrollbar-men.png') 0 -12px no-repeat;}
.men .vscrollerbarend {height: 12px;width: 12px;background: url('../images/scrollbar-men.png') 0 0 no-repeat;}
.men .vscrollerbase {width: 12px;background: white}

.women .vscrollerbar {width: 12px;background: #ed4787}
.women .vscrollerbarbeg {height: 12px;width: 12px;background: url('../images/scrollbar-women.png') 0 -12px no-repeat;}
.women .vscrollerbarend {height: 12px;width: 12px;background: url('../images/scrollbar-women.png') 0 0 no-repeat;}
.women .vscrollerbase {width: 12px;background: white}

.junior .vscrollerbar {width: 12px;background: #ee6001}
.junior .vscrollerbarbeg {height: 12px;width: 12px;background: url('../images/scrollbar-junior.png') 0 -12px no-repeat;}
.junior .vscrollerbarend {height: 12px;width: 12px;background: url('../images/scrollbar-junior.png') 0 0 no-repeat;}
.junior .vscrollerbase {width: 12px;background: white}
*/


#brandsMenu, #categoryMenu, #priceRangeMenu, #saleMenu {
    float:left;
    width:159px/*171px*/;
    height:140px;
    margin-bottom:4px;
}
.no-flexcroll#brandsMenu , .no-flexcroll#categoryMenu , .no-flexcroll#priceRangeMenu , .no-flexcroll#saleMenu  {
    float:left;
    width:159px/*171px*/;
    height:140px;
    margin-bottom:4px;
    overflow-y:auto!important;
    overflow-x:hidden!important;
}
.filterMenuBanner {
}



.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;} /*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 

.vscrollerbar {width: 12px;background: black}
.vscrollerbase {width: 12px;background: #ccc}
.vscrollerbasebeg {width: 12px;height: 12px !important;background: url("../images/scrollbar.png") 0 -12px;}
.vscrollerbaseend {height: 12px;width: 12px;background: url("../images/scrollbar.png") 0 0;}
.vscrollerbar, .hscrollerbar {padding: 13px;z-index: 2;}

.men .vscrollerbar {width: 12px;background: #27a0c5}
.men .vscrollerbase {width: 12px;background: #d5ecf4}
.men .vscrollerbasebeg {width: 12px;height: 12px !important;background: url("../images/scrollbar-men.png") 0 -12px;}
.men .vscrollerbaseend {height: 12px;width: 12px;background: url("../images/scrollbar-men.png") 0 0;}
.men .vscrollerbar, .hscrollerbar {padding: 13px;z-index: 2;}

.women .vscrollerbar {width: 12px;background: #ed4787}
.women .vscrollerbase {width: 12px;background: #fcdbe8}
.women .vscrollerbasebeg {width: 12px;height: 12px !important;background: url("../images/scrollbar-women.png") 0 -12px;}
.women .vscrollerbaseend {height: 12px;width: 12px;background: url("../images/scrollbar-women.png") 0 0;}
.women .vscrollerbar, .hscrollerbar {padding: 13px;z-index: 2;}

.junior .vscrollerbar {width: 12px;background: #ee6001}
.junior .vscrollerbase {width: 12px;background: #ffe0cc}
.junior .vscrollerbasebeg {width: 12px;height: 12px !important;background: url("../images/scrollbar-junior.png") 0 -12px;}
.junior .vscrollerbaseend {height: 12px;width: 12px;background: url("../images/scrollbar-junior.png") 0 0;}
.junior .vscrollerbar, .hscrollerbar {padding: 13px;z-index: 2;}

/* Scroll Bar Master Styling Ends Here */

/***************************** marker: Checkout ***************************/

/********** marker: Basket - Shopping Bag **********/
.basketContainer {
    float:left;
    background:white;
    margin: 0 35px 0 45px;
    display:inline;
    color:black;
}
.basketContainer h1 {
    position:relative;
    margin-top:5px;
    margin-bottom:20px;
    clear:both;
}
.basketContainer h2 {
    position:relative;
    font-weight:bold;
    font-size:1.1em;
    clear:both;
}
.basketContainer .inPageSeparator {
    margin-top:10px;
    margin-bottom:7px;
}
/** Continue Shopping button **/
.basketContinueShopping {
    float:left;
    clear:left;
    position:relative;
    width:208px;
    height:23px;
    overflow:auto;
}
.ContinueShopping {
    float:left;
    display:block;
    height:23px;
    padding:0;
    overflow:hidden;
}
.ContinueShopping a {
    display:block;
    width:208px;
    height:23px;
    padding:23px 0 0 0;
    font-size:1.2em;
    color:#fff;
    font-weight:bold;
    background-color:transparent;
    background-image:url('../images/btn-ContinueShopping-l.png');
    background-repeat:no-repeat;
    background-position: left 0px;
    overflow:hidden;
}
.ContinueShopping a:hover, .ContinueShopping a:active, .ContinueShopping a:focus {
    background-position:left -23px;
}
.basketContinueShopping.bottom  { 
    margin-top:3px;
}
 a.basketLink:link,  a.basketLink:visited {
    font-weight:bold;
    text-decoration:none;
}
 a.basketLink:hover,  a.basketLink:focus {
    
} 

/** Checkout button **/
.basketButtonRow {
    float:left;
    width:810px;
}
.basketCheckout {
    float:right;
    clear:none;
    position:relative;
    display:block;
    width:138px;
    height:23px;
    overflow:auto;
    margin-bottom:10px;
}
.checkout {
    float:left;
    display:block;
    height:23px;
    padding:0;
    overflow:hidden;
}
.checkout a {
    display:block;
    width:138px;
    height:23px;
    padding:23px 0 0 0;
    font-size:1.2em;
    color:#fff;
    font-weight:bold;
    background-color:transparent;
    background-image:url('../images/btn-Checkout.png');
    background-repeat:no-repeat;
    background-position: left 0px;
    overflow:hidden;
}
.checkout a:hover, .checkout a:active, .checkout a:focus {
    background-position:left -23px;
}
.basketCheckout.bottom { 
    margin:3px 0 0 0;
}

/** Basket table **/
table.shoppingBasketItems {
    margin-top:10px;
    clear:both;
}
table.shoppingBasketItems th {
    text-align:left;
    padding-bottom:6px;
    font-weight:bold;
    border-bottom:1px solid #8c8c8c;
}
table.shoppingBasketItems tr td {
    border-bottom:1px solid #8c8c8c;
    vertical-align:middle;
}
table.shoppingBasketItems th.itemCol {width:80px;}
table.shoppingBasketItems th.itemNameCol {width:415px;}
table.shoppingBasketItems th.itemNameCol span {display:none;}
table.shoppingBasketItems th.quantityCol {width:100px;text-align:center;}
table.shoppingBasketItems th.removeCol {width:130px;}
table.shoppingBasketItems th.priceCol {width:80px; text-align:right;}
th.priceCol span {
    font-weight:bold;
    padding-right:20px;
}
table.shoppingBasketItems .itemName {
    float:left;
    font-size:1.0em;
    font-weight:bold;
    margin-left:30px;
    clear:right;
}
table.shoppingBasketItems .itemSize {
    float:left;
    font-size:1.0em;
    margin-left:30px;
    font-weight:normal;
    clear:left;
}
table.shoppingBasketItems  .itemQuantityContainer {
    float:none;
    display:block;
    overflow:visible;
    width:45px;
    margin:0 auto;
}
table.shoppingBasketItems  .itemQuantity {
    float:left;
    font-size:1.1em;
    font-weight:bold;
    width:21px;
    text-align:center;
}
/**  Plus button **/
table.shoppingBasketItems  .itemQuantityPlus a {
    float:left;
    display:block;
    position:relative;
    top:2px;
    width:11px;
    height:0px;
    padding:11px 0 0 0;
    background:transparent url('../images/btn-plus.gif') no-repeat 0 0;
    overflow:hidden;
}
table.shoppingBasketItems  .itemQuantityPlus a:hover {
background-position:0 -11px;
}
/** minus button **/
table.shoppingBasketItems  .itemQuantityMinus a {
    float:left;
    display:block;
    position:relative;
    top:2px;
    width:11px;
    height:0px;
    padding:11px 0 0 0;
    background:transparent url('../images/btn-minus.gif') no-repeat 0 0;
    overflow:hidden;
}
table.shoppingBasketItems  .itemQuantityMinus a:hover {
    background-position:0 -11px;
}
table.shoppingBasketItems td.itemRemove {
    text-align:center;
}
table.shoppingBasketItems a.itemRemove  { }
table.shoppingBasketItems .itemRemove a:link, table.shoppingBasketItems .itemRemove a:visited {font-size:0.9em; font-weight:normal; color:#656565; text-decoration:underline;}
table.shoppingBasketItems .itemRemove a:hover, table.shoppingBasketItems .itemRemove a:active, table.shoppingBasketItems .itemRemove a:focus {font-weight:normal; color:#f00; text-decoration:underline;}

table.shoppingBasketItems td.itemPrice {
    text-align:right;
}
table.shoppingBasketItems td.itemPrice span {
    font-size:1.1em;
    font-weight:bold;
    padding-right:20px;
}
table.shoppingBasketItems .basketItemError {
    background:#ffe5e5;
}
table.shoppingBasketItems .basketItemError img {
    margin:4px 0 4px 4px;
}
.thisIsIE table.shoppingBasketItems .basketItemError img {
    margin:4px 0 1px 4px;
}
table.shoppingBasketItems .basketItemError .itemRemove {
    background:#ffe5e5 url('../images/error-field.gif') no-repeat 70% 50%;
}
.deliveryPromo {
    float:left;
    width:190px;
    margin: 22px 45px 30px 0;
}

.deliveryPromo img {
    height: auto;
}

/*** Subtotal table ***/
.subtotalContainer {
    float:right;
    width:570px;
}
.subtotalContainer tr td, .subtotalContainer tr th {
    padding:20px 0;
    border-bottom:1px solid #8c8c8c;
}
.subtotalContainer tr th {
    font-size:1.0em;
    font-weight:bold;
    text-align:right;
    width:90px;
    padding-right:35px;
    vertical-align:top;
}
.subtotalContainer tr span {
    font-size:1.1em;
}
.subtotalInfoCol {
    width:365px;
    text-align:center;
}
.subtotalPriceCol, .deliveryPrice {
    width:80px;
    text-align:right;
}
tr td.deliveryPrice {
    border-bottom:0;
}
.subtotalPriceCol span, .deliveryPrice span {
    padding-right:20px; 
    font-size:1.0em;
    font-weight:bold;
}
.discountPrice, .promoprice {
    width:80px;
    vertical-align:top;
    text-align:right;
}
.discountPrice span, .promoprice span {
    color:#f00;
    padding-right:20px;
    font-size:1.0em;
    font-weight:normal;
}
.discountInfoCol {
    text-align:center;
}
.removeCol {
    text-align:center; 
    width:130px;
    vertical-align:top;
}
.removeCol a:link, .removeCol a:visited {font-size:0.9em; font-weight:normal; color:#656565; text-decoration:underline; padding:0; }
.removeCol a:hover, .removeCol a:active, .removeCol a:focus {font-weight:normal; color:#f00; text-decoration:underline;}

.promotions p {
    padding:0;
    padding-left:20px;
    margin:0;
}
.promotionalCodes {
    position:relative;
    text-align:left;
    width:137px;
    height:10px;
    padding-left:20px;
    margin-top:5px;
    padding-bottom:10px;
}
.promotionalCodes label {
    position:absolute;
    top:-20px;
    width:200px;
    /*height:20px;*/
/*  margin:0 0 10px 0;*/
}
.promotionalCodes input {
    position:absolute;
    width:130px;
    height:18px;
    padding:0;
    border:1px solid #999;
    margin-right:5px;
}
.redeem button {
    position:absolute;
    left:160px;
/*  top:-15px;
*/  width:71px;
    height:20px;
    color:#fff;
    background:#b2b2b2;
    font-size:0.9em;
    font-weight:bold;
    border:0;
    cursor:pointer;
    white-space:nowrap;
    overflow:visible;
}
tr th.delivery {
    border-bottom:0;
}
.subtotalContainer tr td.deliveryInfo {
    text-align:left;
    padding:20px;
}

table.subtotalContainer th.delivery,
table.subtotalContainer td.deliveryInfo,
table.subtotalContainer td.deliveryPrice {
    border-bottom:1px solid #8c8c8c;
}
table.subtotalContainer tfoot td,
table.subtotalContainer tfoot th {
    border:0!important;
}

table.basketTotal {
    clear:both;
    width:100%;
    vertical-align:bottom;
    border-top:1px solid #8c8c8c;
    margin-bottom:20px;
}
.basketPaymentTypes {
    font-size:1.0em;
    font-weight:bold;
    padding:10px 10px 5px 10px;
}
.basketPaymentTypes img {
    position:relative;
    bottom:-10px;
}
table td.basketTotalPrice {
    font-size:1.4em;
    font-weight:bold;
    text-align:right;
    vertical-align:bottom;
    padding:10px 20px 25px 10px;
    border:none;
    border-top:1px solid #8c8c8c;
}
td.basketTotalPrice span {
    margin-left:20px;
    font-weight:bold;
}
.basketCrossSells {
    clear:both;
    width:810px;
}
.basketCrossSellHeading {
    float:left;
    display:block;
    margin-top:40px;
    margin-bottom: 20px;
}
.basketCrossSells .crossSellItem {
    margin-left:15px;
    margin-bottom:40px
}
.crossSellItem a, .crossSellItem a:link, .crossSellItem a:visited {
    text-decoration:none;
}
.crossSellItem a:hover, .crossSellItem a:focus {
    color:#000;
    text-decoration:underline;
}

/********** marker: Confirm & Pay  **********/
.confirmPayContainer {
    float:left;
    background:white;
    margin: 0 35px 0 45px;
    padding:20px 0 40px 0;
    display:inline;
    color:black;
}
.confirmPayContainer h1 {
    float:left;
    display:block;
    clear:both;
    margin-top:24px;
    margin-bottom:10px;
}
h1.yourDetails, h1.paymentDetails {
    float:left;
    width:800px;
    clear:both;
    margin-top:10px;
    overflow:auto;
}
.confirmPayContainer h2.address {
    float:left;
    overflow:auto;
    white-space:nowrap;
    margin-right:10px;
}
p.address {
    float:left;
    position:relative;
    top:-3px;
    margin-right:6px;
    width:250px;
    z-index:999;
}
p.address a:link {
    font-weight:bold;
}
/* Basket Summary */
table.summaryTotal {
    clear:both;
    width:100%;
    border:1px solid #666;
    margin-top:10px;
    margin-bottom:10px;
}
table.summaryTotal td {
    font-size:1.2em;
    font-weight:bold;
    text-align:right;
    padding:4px 20px 0 0;
}
table.summaryTotal td span {
    font-size:1.2em;
    font-weight:bold;
    text-align:right;
    padding-left:30px;
}
.itemQuantityRow {
    text-align:center;
    font-weight:bold;
}

table.summaryTotalContainer {
    float:right;
    margin-top:10px;
    margin-bottom:10px;
}
table.summaryTotalContainer th {
    text-align:right;
    width:160px;
    font-size:1.0em;
    font-weight:bold;
    padding-bottom:4px;
}
table.summaryTotalContainer td {
}
table.summaryTotalContainer td.summaryMiddleCol {
    width:220px;
    text-align:left;
    padding-left:60px;
}
.editBagLink {
    float:right;
    font-weight:bold;
    margin:20px;
}
h2.paymentType {
    float:left;
    overflow:auto;
    white-space:nowrap;
    margin-right:70px;
}
.paymentMethod form {
    clear:left;
}
.paymentMethod form div input {
    width:276px;
    height:16px;
    margin-bottom:5px;
    padding:2px;
    float:right;
}
.paymentMethod form div label {
    float:left;
}
.paymentMethod h2 {
    margin-bottom:5px;
    float:left;
}
#security_code {
    width:108px; margin-right:168px;
}
.thisIsIE #security_code {
    width:107px; margin-right:169px;
}
#issue_number {
    width:108px; margin-right:168px;
}
.thisIsIE #issue_number {
    width:107px; margin-right:169px;
}
.paymentMethod form div select {
}

.termsConditions, .savePaymentDetails {
    float:left!important;
    clear:both!important;
    text-align:left;
    position:relative;
    left:0px;
    clear:both;
    display:block;
    width:320px;
    margin-top:40px;
    margin-bottom:10px;
}
.savePaymentDetails {
    margin-top:0;
}
.termsConditions input, .savePaymentDetails input {
    width:auto!important;
    height:auto!important;
    float:right!important;
    border:0!important;
    clear:none!important;
    position:relative;
    right:105px;
    top:12px;
}
.savePaymentDetails input { 
    top:-2px;
}
.termsConditions label, .savePaymentDetails label {
    width:335px!important;
    float:left!important;
    padding:0 4px 0 0px!important;
    margin:0!important;
}

/* Card Dates */
.card-dates {width:462px;} .thisIsIE6 .card-dates {position:relative;}
.card-dates .labelInputWrapper {padding-right:10px;}

.card-start-month p {float:right; text-align:right; padding:0 0 5px 0; margin:0;}
.card-start-month select {display:inline; width:47px; margin:0;}

.card-start-year div {float:right; clear:right; text-align:left; width:228px; padding:0 0 5px 0; margin:0px; margin-left:9px;} 
.thisIsIE .card-start-year div {width:230px; margin-left:7px;}
.card-start-year div label {display:inline; padding:0; margin:0;}
.card-start-year div select {display:inline; width:60px; margin:0;}
.card-start-year div.labelInputWrapper {padding-right:0px;}
.card-start-year div.labelInputWrapper.errorField3 {background-image: url('../images/error-field.gif');background-position:66px 3px; background-repeat: no-repeat;}

.card-expiry-month p {float:right; text-align:right; padding:0 0 5px 0; margin:0;} 
.card-expiry-month select {display:inline; width:47px; margin:0;}

.card-expiry-year div {float:right; text-align:left; width:228px; padding:0; margin:0; margin-left:9px;} 
.thisIsIE .card-expiry-year div {width:230px; margin-left:7px;}
.card-expiry-year div label { display:inline; padding:0; margin:0;}
.card-expiry-year div select {display:inline; width:60px; margin:00;}
.card-expiry-year div.labelInputWrapper {padding-right:0px;}
.card-expiry-year div.labelInputWrapper.errorField3 {background-image: url('../images/error-field.gif');background-position:66px 3px; background-repeat: no-repeat;}

.security-code-help {position:relative; float:left; clear:both; display:inline; right:10px; width:0; height:80px; overflow:visible;}
.security-code-image {position:absolute; left:320px; top:-30px;}

.credit-cards-container {
     position:relative;
     float:left;
     padding:2px 0 0 2px;
     margin-bottom:25px;
     width:400px;
     height:60px;
}
#credit-card-radio-visa, #credit-card-radio-visaelectron, #credit-card-radio-mastercard, #credit-card-radio-amex, #credit-card-radio-maestro, #credit-card-radio-solo, #credit-card-radio-paypal {
    position:relative;
    display:inline;
    top:5px;
    float:left;
    display:block;
    padding:0;
    margin:33px 0 0 0;
    width:13px;
    height:13px;
    background:transparent;
    border:0;
}
.credit-cards-container label {
    position:relative;
    display:inline;
    text-align:center;
    display:block;
    float:left; 
    height:32px;
    margin:1px 5px 0 0;
    padding:0;
    background-image:url('../images/credit-cards.gif');
    background-repeat:no-repeat;
    cursor:pointer;
}

#credit-card-visa { 
    padding:0 0 0 20px; width:33px; background-position:0 0 }
#credit-card-mastercard {
    padding:0 0 0 18px; width:32px; background-position:-104px 0px; }
#credit-card-maestro {
    padding:0 0 0 18px; width:32px; background-position:-154px 0px; }
#credit-card-solo {
    padding:0 0 0 6px; width:20px; background-position:-204px 0px; }
#credit-card-amex { 
    padding:0 0 0 10px; width:24px; background-position:-230px 0px; }
#credit-card-visaelectron  {
    padding:0 0 0 19px; width:33px; background-position:-53px 0px; }
#credit-card-paypal {
    padding:0 0 0 19px; width:35px; left:48px; background-position:-264px 0px; }
    
.payPalNote {
    position:relative;
    clear:both;
    width:400px;
    left:178px; 
}
/** Confirm & Pay button **/
.confirmPay {
    float:right;
    clear:none;
    position:relative;
    display:block;
    width:186px;
    height:23px;
    overflow:auto;
    margin-bottom:10px;
}

.confirmPay-button {
    float:left;
    display:block;
    height:23px;
    padding:0;
    overflow:hidden;
}
.confirmPay-button a {
    display:block;
    width:186px;
    height:23px;
    padding:23px 0 0 0;
    font-size:1.2em;
    color:#fff;
    font-weight:bold;
    background-color:transparent;
    background-image:url('../images/btn-Confirm-and-Pay.png');
    background-repeat:no-repeat;
    background-position: left 0px;
    overflow:hidden;
}
.confirmPay-button a:hover, .confirmPay-button a:active, .confirmPay-button a:focus {
    background-position:left -23px;
}
.confirmPay.bottom { 
    margin:80px 10px 0;
}

.thisIsIE .confirmPay.bottom {
    position:relative;
    top:-45px;
}

/** Confirm & Pay button **/
.confirmPayPal {
    float:right;
    clear:none;
    position:relative;
    display:block;
    width:181px;
    height:23px;
    overflow:auto;
    margin-bottom:10px;
}

.confirmPayPal-button {
    float:left;
    display:block;
    height:23px;
    padding:0;
    overflow:hidden;
}
.confirmPayPal-button a {
    display:block;
    width:181px;
    height:23px;
    padding:23px 0 0 0;
    font-size:1.2em;
    color:#fff;
    font-weight:bold;
    background-color:transparent;
    background-image:url('../images/btn-payWithPayPal.gif');
    background-repeat:no-repeat;
    background-position: left 0px;
    overflow:hidden;
}
.confirmPayPal-button a:hover, .confirmPaypal-button a:active, .confirmPayPal-button a:focus {
    background-position:left -23px;
}
.confirmPayPal.bottom { 
    margin:3px 0 0 0;
}


/******************* marker: yourdetails *****************/

.disabled input {
    background-color:#e5e5e5;
}
.disabled label {
    color:#808080;
}
.yourDetailsContainer img {
/*  background:teal;*/
}
.thisIsIE .thanks {
    padding-bottom:40px;
}
.yourDetailsContainer, .myAccountLogin, .myAccount {
    float:left;
    background:white;
    margin: 0 35px 0 45px;
    padding-top:20px;
    display:inline;
    color:#000;
}
.myAccountLogin, .myAccount {
    width:810px;
    padding-bottom:50px;
}
.myAccountLogin .inPageSeparator {
    margin-top:20px;
    float:left;
}
.myAccountLogin .newAccount {
    float:left;
}
.yourDetailsContainer div {
    float: left!important;
}

#newDeliveryAddress div {
    clear: left;
}
.paymentSteps {
    
}
.returningCustomer {
    margin:0;
}
button.returningCustomer {
    float:right!important;
    clear:none!important;
    margin-top:18px;
}
.returningCustomer h1, .newCustomer h1, .myAccountLogin h1, .myAccount h1 {
    margin-bottom:15px;
    margin-top:12px;
}
h1.first {
    margin-top:0;
}
h1.first.underlined {
    padding-bottom:5px;
    border-bottom:2px solid #000;
    text-transform:uppercase;
}
.thisIsIE h1.first.underlined {
    padding-bottom:0;
}
.returningCustomer .errorMessages {
}
.returningCustomer .frame {
    background-color:#4c4c4c;
    color:white;
    margin:0;
    clear:both;
    width: 750px;
    padding-top:15px;
    padding-bottom:10px;
    padding-left:40px;
    padding-right:20px;
}
.returningCustomer .greeting {
    color:white;
    background-color:#4c4c4c;
    clear:left;
    width:750px;
    padding-top:15px;
    padding-bottom:10px;
    padding-left:40px;
    padding-right:20px;
/*  margin-top:10px;*/
    margin-bottom:0px;
}
.thisIsIE .returningCustomer .greeting {
    margin-bottom:0px;
}
.returningCustomer .greeting strong {
    float:none;
    font-weight:bold;
}
.yourDetailsContainer h1 {
    margin-bottom:10px!important;
}
.returningCustomer .greeting h1 {
    font-size:2.3em;
    font-weight:bold;
    padding:0;
    margin:0;
}
.returningCustomer .greeting p {
    clear:left;
    width:460px;
/*  border: 1px solid #999;*/
}
.returningCustomer .greeting span {
    white-space:nowrap;
}
.returningCustomer .greeting .notYou {
    float:right;
    font-size:1em;
    text-align:right;
}
.returningCustomer .greeting .notYou a {
    font-size:1em;
    color:#fff;
}
.returningCustomer .greeting .notYou a:hover {
    color:#ccc;
}
.returningCustomer * {
    float:left;
}
.thisIsIE .returningCustomer ul, .thisIsIE .returningCustomer li {
    
}
.returningCustomer label {
    height:16px;
/*  background-color:red;*/
    padding-top:4px;
    padding-right:5px;
}
.returningCustomer input {
    height:18px;
    padding:0;
    border: 1px solid #999;
    display:inline;
/*  margin-right:40px;*/
    width:170px;
}
.returningCustomer form div {
/*  border: 1px solid #999;*/
    width:23em;
    padding-right:10px;
    
}
.returningCustomer form div label {
    float:right;
}
.returningCustomer form div input {
    margin-right:0;
    float:right;
}
.returningCustomer span {
    margin: 5px 177px 0 0;
/*  clear:right;*/
    float:right;
    width:200px;
}
.returningCustomer span a {
    float:right;
    color:white;
    font-size:.8em;
}
.returningCustomer form {
    float:none;
}
.returningCustomer .loginButton {
    float:right!important;
}
.newCustomer .smallNote {
    float:right;
    position:relative;
    margin-top:-1.6em;
    bottom:-2em;
}
.newCustomer .newPassword span,
.newPassword span,
.addresses .billingAddress span,
.addresses .deliveryAddress span {
    color:#5d5d5d;
    background: url(/images/form-guidance-arrow.gif) no-repeat left top #eaeaea;
    display:block;
    float:left;
    font-size:.9em;
    line-height:1.6em;
    padding:0 10px 0 20px;
    max-width:49%;
}
.mobileNumber span {
    color:#000 !important;
    background: url(/images/form-guidance-arrow-mobile.gif) no-repeat left top #ffd88e !important;
}
.thisIsIE6 .newCustomer .newPassword span,
thisIsIE6 .newPassword span,
thisIsIE6 .addresses .billingAddress span,
thisIsIE6 .addresses .deliveryAddress span {
    width:50%;
}
/*.thisIsIE .newCustomer .newPassword span, .newPassword span {
    right:6px;
}*/
/*
.addresses .billingAddress span, .addresses .deliveryAddress span {
    width:90%;
    font-size:.9em;
    padding-right:5px;
    margin-bottom:20px;
    margin-top:15px;
    clear:both;
    text-align:right;
    float:right;
}*/

.fieldsBlock {
    width:100%;
}
.fieldsBlock.comp{
    width:380px;
}
.newsletter, .deliveryNote {
    float:left!important;
    _clear:none!important;  
    width:640px;
    margin:30px 0 0 172px;
    _display:inline; /*help for ie6 box model bug */
}
.newsletter p {
    padding-left:0px;
}
.newsletter p a, .deliveryNote p a {
    text-decoration:underline;
}
.newsletter p.smallTop {
    margin-top:25px;
}
.newsletter .labelInputWrapper div {
    float:left;
    margin:0 35px 0 0;
    width:auto!important;
}
.newsletter input {
    width:auto!important;
    height:auto!important;
    border:0!important;
    border:0;
    margin:0px 10px 0 0!important;
}
.newsletter label {
    width:auto!important;
    float:left!important;
    padding:0!important;
    margin:0!important;
    clear:none!important;
}
.thisIsIE .newCustomer label {
    padding-right:10px!important;
}
.addresses {
    position:relative;
    padding-top:30px;
    float:left;
    display:block;
    width:810px;
/*  min-height:485px; */
/*  height:auto!important; */
/*  height:485px; */
}
.newCustomer h2, .addresses .billingAddress h2, .addresses .deliveryAddress h2 {
    padding:5px 14px 5px 14px;
    display:block;
    float:left;
    width:781px;
    _width:396px;
/*  width:100%;*/
    background-color:#e5e5e5;
    margin-bottom:15px; 
}
.addresses .billingAddress h2, .addresses .deliveryAddress h2 {
    width:781px;
    _width:396px;
}
.addresses .deliveryAddress h2 {
    margin-top:50px;
}
.addresses .billingAddress, .addresses .deliveryAddress {
    float:left!important;
    /*width:396px!important;*/
    _overflow:visible;
}
.thisIsIE .addresses .outer {
    margin-top:20px;
}
.addresses .deliveryAddress {
    float:left;
    margin-left:0px;
    clear:left;
}
.thisIsIE6 .select_deliveryAddress {
    margin-right:-5px!important;
}
.addresses .inner {
    margin-left:0!important;
}
.addresses .deliveryAddress .differentAddress {
    padding-left:14px;
    margin-bottom:20px;
}
.addresses .deliveryAddress .differentAddress label {
    padding:0;
    display:inline;
    float:none;
}
.addresses .deliveryAddress .differentAddress input {
    margin-left:5px;
    border:none;
    display:inline;
    width:auto;
    height:auto;
    float:none;
}

.addresses .billingAddress button,.addresses .deliveryAddress button, #deliveryAddress_new button, #deliveryAddressSelected button {
    float:left;
    background-color:#666666;
    border:0;
    color:white;
    clear:left;
    width:160px;
    height:20px;
    font-size:1.1em;
    margin: 0 5px 1em 214px;
    display:inline;
}

#refineDeliveryPickList {
    margin-top: 1em;
}

.yourDetailsContainer .checkoutSteps {
    clear: none;
}
.contentContainer .departmentsContainer .yourDetailsContainer p {
clear:both; 
}
.deliveryOptions {
margin: 0 0 1em 0;  
width:100%;
}
.addresses .deliveryOptions table input {
border:none;    
}
.useAddress {
    clear:both;
    margin:5px 0;
    padding:0 0 5px;
}
.newCustomer label, .addresses .billingAddress label, .addresses .deliveryAddress label {
    clear:left;
    display:block;
    float:left;
    /*height:15px;
    margin-bottom:5px;
    padding-top:5px;*/
    padding-left:14px;
    line-height: 1.6em;
    width: 146px;
    text-align:right;
}

.competitionContainer .newCustomer label {
    width:110px;
}

.newCustomer input, .addresses .billingAddress input, .addresses .deliveryAddress input, .addresses .deliveryAddress select, .addresses .billingAddress select {
    float:left; 
    clear:right;
    width:200px;
/*  height:18px;*/
    border:1px solid #999;
    margin-bottom:5px;
    margin-left:12px;
    margin-right:5px;
    display:inline;
}

.newCustomer input.radio, .billingAddress input.radio, .deliveryAddress input.radio {
    border: 0 none;
    float: left;
    margin: 0 0 0 195px;
    width: auto;
}

.deliveryAddress .labelInputWrapper label {
    clear: none;
    display: block;
    float: left;
    margin-top: -4px;
    padding: 0 0 0 10px;
    text-align: right;
    width: auto;
}

.thisIsIE .deliveryAddress .labelInputWrapper label { 
    margin: 0;
}

#deliveryAddressEditForm .deliveryAddress .labelInputWrapper label, #newDeliveryAddress .labelInputWrapper label {
    clear:left;
    display:block;
    float:left;
    padding-left:14px;
    line-height: 1.6em;
    width: 146px;
    text-align:right;
}
.deliveryOptions h4 {
    margin-left: 197px;
}

#deliveryAddress_pickList {
    clear: left;
    width:450px;
}

#deliveryAddress_new label, #deliveryAddressSelected label {
    clear: left;
    display: block;
    float: left;
    line-height: 1.6em;
    padding-left: 14px;
    text-align: right;
    width: 146px;
}

#deliveryAddress_new select, #deliveryAddress_new input, #deliveryAddressSelected select, #deliveryAddressSelected input {
    border: 1px solid #999999;
    clear: right;
    display: inline;
    float: left;
    margin-bottom: 5px;
    margin-left: 12px;
    margin-right: 5px;
    width: 200px;
}

.addresses .deliveryAddress select, .addresses .billingAddress select{
    width:201px;
    *width:204px; 
}
.deliverHereCheckbox {
margin-top:30px;
}
.deliverHereCheckbox p {
font-size:1em;
}
.addresses .billingAddress input#deliver_here_checkbox {
    width:auto!important;
    float:left;
    margin-left:95px;
}


.labelInputWrapper {
    width:100%;
    float:left;
    clear:both;
    margin-bottom:0.25em;
    /*background:transparent!important;      this line stopped the !'s from showing up in error fileds so I've commented it out for now */
}
.returningCustomer .labelInputWrapper {
    clear:none!important;
}
p.pleaseNote {
    float:left;
    clear:left;
    padding:30px 0 20px 0;
}

p.pleaseNote strong {
    font-weight:bold;
    font-size:140%;
}

.inPageSeparator {
    width:810px;
    background-color:black;
    height:2px;
    font-size:0;
    margin-top:20px;
    margin-bottom:12px;
    float:left;
    display:inline;
    clear:left;
}
.returningCustomer form label {
    
}
.returningCustomer form input {
    
}
.returningCustomer form div span {
}
.newCustomer label {
    
}
.deliveryAddress input {
}
.newCustomer .newPassword {
    width:100%;
    margin-bottom:0.25em;
}
.newCustomer .newPassword label {
    
}
.newCustomer .newPassword input {
    
}
.personalInfo {
    clear:left;
}
.addresses .billingAddress {
    width:100%;
}
.addresses .billingAddress button {
    
}
.addresses .billingAddress span {
    
}
.addresses .deliveryAddress {
    
}

#iKnowBillingPostcode span {
    background-image: none;
}

.thisIsIE #deliveryAddressParent {
    width: 820px;
}

.thisIsIE #newDeliveryAddress #delivryPhone1Div {
    margin-top: 5px;
}

#deliverToBillingAddressDiv, #favstoreListing {
    width:300px;
    margin-left:30px;
    display:none !important;
}
#deliverToBillingAddressDiv, #favstoreListing * {
    display:none !important;
}
.yourDetailsContainer .inPageSeparator {
    clear:both;
    margin-top:12px;
}
.addresses select.addressPreset {
/*  
    width:150px;
    margin-left:-2px;
*/  
}
/*.thisIsIE .addresses select.addressPreset {
    margin-bottom:10px;
    display:block;
}
*/
#billingAddressfield2Div label, #deliveryAddressfield2Div label {
    margin-right:0!important;
}
.thisIsIE .deliveryCountry {
    padding-bottom:5px;
}
.thisIsIE .deliveryCountry .addressPreset {
    height:auto;
}
.thisIsIE6 .deliveryCountry .addressPreset {
    margin-left:0;
}
#billingAddress_pickList {
    float:left;
    width:390px;
    text-align:left;
    margin:0;
    padding:0;
}
#select_billingAddress, #select_deliveryAddress {
    float:left;
    clear:both;
    padding-right:0px;
    padding-bottom:0px;
    margin:0;
    padding-top:0;
    width:380px;
}
.billingAddress div {
clear:both; 
}
#select_billingAddress h3, #select_deliveryAddress h3 {
    font-weight:bold;
    font-size:1.1em;
    margin-bottom:5px;
}
#select_billingAddress select, #select_deliveryAddress select {
    width:380px;
    height:100px;
    margin-bottom:5px;
    border: 1px solid #999;
}
#select_deliveryAddress select{
    margin-left:0;

}
.thisIsIE #select_billingAddress, .thisIsIE #select_deliveryAddress {
    padding-left:11px;
}
#billingAddress_pickList button {
    float:right!important;
    margin-bottom:10px;
    margin-right:0;
}
#select_billingAddress button, #select_deliveryAddress button {
    margin-right:0;
}
#select_billingAddress select {
    width:375px;
    margin:0;
    margin-bottom:5px;
    margin-right:5px;
}
.thisIsIE #select_billingAddress select {
    margin-bottom:0;
}
#select_billingAddress button {
    margin-bottom:5px;
    margin-right:5px;
}
#select_deliveryAddress button {
    margin:0;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
}
.thisIsIE #select_deliveryAddress button {
    margin:0 5px 0 0;
}
#select_deliveryAddress select {
    margin-bottom:0;
    margin-right:5px;
    width:375px;
}
.thisIsIE #select_billingAddress button {
    margin-bottom:0px;
}
.errorMessages {
    background:#ff0000 url('../images/error-exclamation.gif') no-repeat 7px 5px;
    clear:left;
    width:739px;
    margin:0 0 20px 0;
    padding:7px 25px 8px 45px;
    color:white;
}
.errorMessages_Comp{
    background:#ff0000 url('../images/error-exclamation.gif') no-repeat 7px 5px;
    float:left;
    width:600px;
    margin:0px 0 20px 0;
    padding:7px 25px 8px 45px;
    color:white;
}
.errorMessages li {
    clear:left;
    list-style-type: disc;
}
.errorMessages a, .errorMessages a:link, .errorMessages a:visited  {
    color:#fff;
}
.errorMessages a:hover, .errorMessages a:active, .errorMessages a:focus {
    color:#ccc;
}
.errorMessagesCol {
    background:#ff4c4c url('../images/error-exclamation.gif') no-repeat 7px 5px;
    float:left;
    width:326px;
    margin:0 0 20px 0;
    padding:7px 25px 8px 45px;
    color:white;
}
.errorMessagesWidth670 {
    background:#ff4c4c url('../images/error-exclamation.gif') no-repeat 7px 5px;
    float:left;
    width:600px;
    margin:0 0 20px 0;
    padding:7px 25px 8px 45px;
    color:white;
}
.productPageError {
    margin:10px 0 0 45px;
}
.storeFinderError {
    width:780px;
    margin:10px 0 10px 0;
}
.errorField {
    background-image: url('../images/error-field.gif');
    background-position:right 3px;
    background-repeat: no-repeat;
}
.errorField2 {
    background-image: url('../images/error-field.gif');
    background-position:right 3px;
    background-repeat: no-repeat;
}
.errorField3 {
    background-image: url('../images/error-field.gif');
    background-position:300px 3px;
    background-repeat: no-repeat;
}
.errorField input, .errorField2 input, .errorField3 input {
    background-color:#ffe5e5;
}
.title, .country {
    width:120px!important;
    float:left;
    border:1px solid #999;
    margin-bottom:5px!important;
    margin-left:12px!important;
    margin-bottom:5px!important;
}
.country {
    
}
.securityBanner {
    margin-right:20px;
    display:inline;
    float:left;
    clear:left;
    font-size:.9em;
}
span.securityBanner {
    margin-top:40px;
}
.continueButton {
    float:right;
    width:138px;
    height:23px;
    font-size:0;
    background:url('../images/btn-continue.gif') no-repeat top left;
}
.thisIsIE .continueButton {
    position:relative;
    top:-20px;
}
.continueButton:hover {
    background-position:bottom left;
}
.deliveryCountry {
    padding:0 5px 5px 0;
    width:200px;
    clear:none!important;
/*  border: 1px solid #999;*/
}
#iKnowBillingAddress a, #iKnowBillingPostcode a, #iKnowDeliveryAddress a, #iKnowDeliveryPostcode a {
    cursor:pointer;
}
#iKnowBillingAddress, #iKnowBillingPostcode, #iKnowDeliveryAddress, #iKnowDeliveryPostcode {
    float:left;
    width:100%;
    clear:both;
}
#selected_billing_country {
    border:1px solid white;
}
.contactNumber {
    margin-top:20px;
}


/** marker: Shopping Progress Steps */

a.returnToShoppingBagStep {
    background: url('../images/checkout-basket-step.gif') no-repeat top left;
    float:left;
    width: 120px;
    height: 25px;
    font-size:0;
    display:inline;
    margin-left:93px;
    margin-right:4px;
}
a.returnToShoppingBagStep:hover {
    background-position:-25px left;
}
.checkoutSteps {
    width:500px;
    height:25px;
    background-image:url('../images/checkout-steps.gif');
    background-repeat:no-repeat;
    margin-bottom:20px;
    float:left;
}
.thanks .checkoutSteps {
    margin-bottom:35px;
}
.step1 {
    background-position:top left;
}
.step2 {
    background-position:center left;
}
.step3 {
    background-position:bottom left;
}

.checkoutSteps a {
    float:left;
    font-size:0;
    width:177px;
    height:25px;
}

/********* maerker: Thank you Confirmmation Page *********/
.promotionalContainer {
    float:left;
    border-right:3px solid white;
    min-height:100px;
    height:auto!important;
    height:100px;
    width:268px;
    background-color:#e5e5e5;
}
.promotionalContainer p {
    padding-top:10px;
    padding-left:15px;
    font-weight:bold;
}
.thankYou {

    width:776px;
    border:1px solid #e5e5e5;
    padding:15px;
    margin:20px 0;
}
.thankYou p, .thankYou a, .thankYou h1, .thankYou strong {
    font-weight:bold;
}
.thankYou a {
    /*text-decoration:none;*/
}
.thankYou a:hover {
    /*text-decoration:underline;*/
}
.thankYou h1 {
    font-size:2.4em;
    padding-bottom:12px;
}
.thankYou p.nowPlaced {
    font-size:1.3em;
}
.thankYou p.orderNumber {
    font-size:1.3em;
}
.thankYou p.orderNumber strong {
    font-size:150%;
}
.thankYou p.note {
    font-size:1em;
    padding-top:0;
    padding-bottom:35px;
}
.thankYou p.confirmation {
    font-size:1em;
    line-height:190%;
}
.thankYou p.confirmation strong {
    font-size:130%;
}
.thankYou a.pageOptions {
    font-size:1.2em;
    display:inline;
    float:left;
    padding:5px 0px 5px 0;
    margin:45px 70px 20px 0;
}
.myAccountLogin .newAccount {
    float:left;
    width:355px;
    width:810px;
 }
.myAccountLogin .newAccount label, .myAccount label {
    width:153px;
    padding-top:.4em;
    display:block;
    float:left;
}
.myAccountLogin .newAccount input, .myAccount input {
    clear:none;
    float:left;
    border: 1px solid black;
    width:198px;
    height:18px;
}
.myAccountLogin .newAccount select {
    float:left;
    width:118px;
    width:100px;
    clear:none;
}
.myAccountLogin .newAccount .labelInputWrapper {
    margin-bottom:5px;
}
.myAccountLogin .newAccount .note {
    float:left;
    display:inline;
    margin-left:153px;
    padding-bottom:20px;
    font-size:.8em;
}
.myAccountLogin .loginInfo, .myAccountLogin .personalInfo {
    width:355px;
    clear:none;
    float:left;
}
.myAccountLogin .loginInfo {
    display:inline;
    margin-right:100px;
}
.myAccountLogin .newsletter p {
    margin-top:10px;
}
.myAccountLogin a.createButton {
    float:left;
    width:185px;
    height:20px;
    margin-left:608px;
    background: white url('../images/myaccount-create.gif') no-repeat top left;
}
.myAccountLogin a.createButton:hover {
    background-position:bottom left;
}
.myAccountLogin a.createButton span {
    display:none;
}
.signUpContentSpot {
    margin:0 35px 0 45px;
    padding-bottom:50px;
    width:810px;
    float:left;
}
.thisIsIE6 .myAccount {
    overflow:visible;
    padding-right:0;
    width:832px;
}
/** marker: My Account pages **/

.myAccount p.greeting {
    margin: 0 0 10px 14px;
}
.leftColumn, .rightColumn {
    float:left;
    width:394px;
}
.rightColumn {
    padding-left:22px;
}
.myAccount h2 {
    padding:7px 14px;
    background:#e5e5e5;
    margin-bottom:13px;
}
.myAccount p {
    margin-left:14px;
    margin-bottom:10px;
}
.myAccount p.updateNotice {
    padding:2px 3px;
    color:white;
    font-size:.9em;
    background:#4c4c4c;
}
.myAccount a.enterButton {
/*  float:left;*/
    display:block;
    position:relative;
    width:104px;
    height:23px;
    margin-left:290px;
    margin-bottom:20px;
    background: url('../images/myaccount-enterbutton.gif') no-repeat top left;
}
.myAccount a.changePassButtonCancel, .myAccountPaymentDetails a.changePassButtonCancel, a.Cancel {
    float:left;
    display:inline;
    width:86px;
    height:23px;
    margin-bottom:20px;
    background: url('../images/cancel.gif') no-repeat top left;
    margin-left:14px;
}
.myAccount a.changePassButtonSave, a.changePassButtonSave {
    float:left;
    display:inline;
    width:174px;
    height:23px;
    margin-bottom:20px;
    background: url('../images/savepassowrd.gif') no-repeat top left;
    margin-left:14px;
}
.myAccount a.enterButton:hover,
.myAccount a.changePassButtonCancel:hover, .myAccountPaymentDetails a.changePassButtonCancel:hover, a.Cancel:hover,
.myAccount a.changePassButtonSave:hover, a.changePassButtonSave:hover {
    background-position:bottom left;
}
.myAccount a span, .myAccountPaymentDetails a span, .storeFinderContainer a span, .row a span, .competitionContainer a.enterButton span {
    display:none;
}
.myAccount .labelInputWrapper {
    padding-bottom:5px;
    padding-left:14px;
}
.myAccount .labelInputWrapper label {
    width:178px;
}
.myAccount .leftColumn form .note {
    font-size:.8em;
    padding-left:192px;
    padding-bottom:50px;
    display:block;
}
.myAccount .oldPass {
    padding-bottom:25px;
}
.myAccount .preset {
    width:150px;
    min-height:200px;
    height:auto!important;
    height:200px;
    float:left;
    margin: 0 49px 35px 14px;
    padding:11px;
    background:#e5e5e5;
    overflow:hidden;
}
.myAccount .preset .addressManagements {
    font-weight:bold;
    text-decoration:none;
}
.myAccount .preset .addressManagements:hover {
/*  text-decoration:underline;*/
}
.myAccount .preset h3 {
    font-weight:bold;
    font-size:1.15em;
    padding:0;
    margin-bottom:6px;
}
.myAccount .preset p {
    margin:0 0 12px 0;
    font-size:.9em;
}
.myAccount .preset p.defaultNote {
    margin:-9px 0 0 0;
}
.myAccount .firstInARow {
    clear:left;
}
.myAccount .returnToAccountButton {
    width:226px;
    height:23px;
    float:left;
    display:inline;
    margin-left:14px;
    background: url('../images/return-to-my-account.gif') no-repeat top left;
}
.myAccount .returnToAccountButton:hover {
    background-position:bottom left
}
.myAccountPaymentDetails .saveDetailsButton {
    width:154px;
    height:23px;
    float:left;
    display:inline;
    margin-left:14px;
    background: url('../images/save-details-button.gif') no-repeat top left;
}
.myAccountPaymentDetails .saveDetailsButton:hover {
    background-position:bottom left
}

/*
    TODO Rearrange the elements of payment details for the My Account - Payment Details page
*/

.myAccount .paymentMethod {
    float:left;
}


/* myAccount Payment Details */

.myAccountPaymentDetails {
    float:left;
    background:white;
    margin: 0 35px 0 45px;
    padding:20px 0 140px 0;
    display:inline;
    color:black;
}
.myAccountPaymentDetails h1 {
    display:block;
    clear:both;
    margin-top:24px;
    margin-bottom:10px;
}
.myAccountPaymentDetails h2 {
    padding:7px 14px;
    background:#e5e5e5;
    margin-bottom:13px;
}
.myAccountPaymentDetails h2.paymentType {
    padding:7px 0;
    background:transparent;
    margin-bottom:13px;
}
.myAccountPaymentDetails p.greeting {
    margin: 0 0 10px 14px;
}
.myAccountPaymentDetails .paymentMethod {
    left:14px;
    float:left;
    clear:both!important;
    width:780px;
    margin-bottom:30px;
}
.myAccountPaymentDetails .securityInfo {
    float:right;
    width:160px;
    padding-left:13px;
    text-size:
}
.myAccountPaymentDetails .securityInfo p {
    font-size:0.9em;
}
.myAccountPaymentDetails .thawte {
    position:relative;
    right:13px;
    margin-top:8px
}

/* myAccount My Info */
.myAccount .wide label {
    width:236px;
}
.favBands, .ILikeJD {
    float:left;
    width:100%;
    overflow:visible;
    margin-bottom:20px;
}
.favBrands-col, .ILikeJD-col {
    float:left;
    width:190px;
    margin-left:10px;
}
.favBrands-col label, .ILikeJD label {
    clear:both;
    float:left;
    display:inline;
    padding:0px 0 0 0;
}
.favBands input, .ILikeJD input {
    position:relative;
    top:-2px;
    width:auto;
    border:0;
    padding:0;
    margin:0 4px 0 10px;
}
.thisIsIE .favBands input, .thisIsIE .ILikeJD input {
    margin:0 0 0 10px;
    top:-1px;
}
.cancelButton {
    width:86px;
    height:23px;
    float:left;
    display:inline;
    margin-left:14px;
    background: url('../images/btn-cancel.gif') no-repeat top left;
}
.cancelButton:hover {
    background-position:bottom left
}
.saveInfoButton {
    width:134px;
    height:23px;
    float:left;
    display:inline;
    margin-left:14px;
    background: url('../images/btn-SaveInfo.gif') no-repeat top left;
}
.saveInfoButton:hover {
    background-position:bottom left
}

/* myAccount My Addresses */
a.update {
    float:left;
    display:inline;
    width:118px;
    height:23px;
    margin-bottom:20px;
    background: url('../images/btn-update.gif') no-repeat top left;
    margin-left:14px;
}
a.clearAddress {
    float:left;
    display:inline;
    width:144px;
    height:23px;
    margin-bottom:20px;
    background: url('../images/btn-ClearAddress.gif') no-repeat top left;
    margin-left:14px;
}
a.update:hover, a.clearAddress:hover {
    background-position:bottom left;
}
.buttonWrapper {
    display:block;
    clear:both; 
    margin-top:20px; 
    padding-bottom:20px;
}
.buttonWrapper a span, .buttonWrapper2 a span {
    display:none;
}
.buttonWrapper2 {
    display:block;
    clear:both;
    width:100%;
    text-align:right;
    margin-top:20px; 
    padding-bottom:20px;
}
.prefilled {
     float:left;
     position:relative;
     left:110px;
     background:#fff;
     padding-top:4px;
}

/* My Account */
table.myOrders {
    margin-left:20px;
    width:790px;
}
table.myOrders th {
    text-align:left;
    border-bottom:1px solid #000000;
    font-weight:bold;
    padding-bottom:5px;
}
table.myOrders td {
    padding:4px 4px 25px 4px;
    margin-top:4px;
}
table.myOrders tr.bgColor {
    background:#e5e5e5;
}

a.returnToMyAccount {
    float:left;
    display:inline;
    width:226px;
    height:23px;
    margin-bottom:20px;
    background: url('../images/return-to-my-account.gif') no-repeat top left;
    margin-left:14px;
}
a.returnToMyAccount:hover {
    background-position:bottom left;
}

/* My Account - Orders Details */

table.ordersDetails, table.yourOrder {
    margin-left:20px;
    text-align:left;
}
table.ordersDetails th, table.yourOrder th {
    font-weight:bold;
}
table.ordersDetails td, table.yourOrder td {
    padding:5px 30px;
}

/* My Account - Order */

table.order {
    margin-left:20px;
    width:790px;
}
table.order th {
    font-weight:bold;
    padding:5px;
    border-bottom:1px solid #ccc;
    text-align:left;
}
table.order td {
    padding:5px
}
table.order td.topLine {
    border-top:1px solid #ccc;
    padding-top:15px;
}
/* button - Return to my Orders */
a.returnToMyOrders {
    float:left;
    display:inline;
    width:221px;
    height:23px;
    margin-bottom:20px;
    background: url('../images/btn-returnToMyOrders.gif') no-repeat top left;
    margin-left:14px;
}
a.returnToMyOrders:hover {
    background-position:bottom left;
}

.forgotpassword-form {
    float:left;
    width:100%;
    clear:both!important;
    margin:10px 0 20px 0;
}
.forgotpassword-form .labelInputWrapper {
    padding-left:0;
    width:210px;
}
.send {
    padding:0 25px;
    clear:right;
}
.darkGreyBlock {
    background-color:#4c4c4c;
    color:white;    
    margin:0;
    width: 750px;
    padding-top:15px;
    padding-bottom:10px;
    padding-left:40px;
    padding-right:20px;
    clear:both;
    overflow:auto;
}
.darkGreyBlock h2 {
    padding:0;
    background-color:#4c4c4c;
    float:left;
    clear:both;
}

.darkGreyBlock p {
    float:left;
    clear:both;
    margin:0;
}
.darkGreyBlock a, .darkGreyBlock a:link, .darkGreyBlock a:visited {
    color:#fff;
}
.darkGreyBlock a:hover, .darkGreyBlock a:active, .darkGreyBlock a:focus {
    color:#ccc;
}

/*** Competition ***/
.competitionContainer {
    position:relative;
    clear:both;
    width:850px;
    min-height:411px;
    height:auto!important;
    height:411px;
    padding:20px 25px 50px 25px;
    color:#000;
    background:#fff;
    overflow:visible;
    z-index:1;
}
.competitionContainer h1, .brandContainer h1 {
    clear: left;
    font-size:1.8em;
    font-weight:bold;       
}
.competitionContainer .col-1 {
    float:left;
    width:670px;
    margin-right:20px;
    margin-bottom:50px;
}
.competitionContainer .col-2 {
    float:left;
    width:160px;
    margin-bottom:50px;
}
.competitionContainer .col-2 img {
    margin-bottom:8px;
}
.competitionContainer .row {
    float:left;
    margin-top:20px;
}
.competitionContainer div.Top10-Header {
    border-bottom:2px solid #000000;
    padding-bottom: 5px;
    text-transform:uppercase;
    font-size:1.8em;
    margin-top:40px;
    width:670px;
    text-align:left;
    vertical-align:top;
    float:left;
}
.fixedRow {
    width:670px;
}

.competitionContainer .row.last {
    margin-bottom:40px;
}
.competitionContainer .row img {
    float:left;
    border:0px solid #000;
    /*width:130px;*/
}
.competitionContainer .row img.border {border:1px solid #000;}
.competitionContainer .row span img {
    border:0;
}
.competitionContainer .row .details {
    float:left;
    width:480px;
    padding-left:25px;
}
.competitionContainer .row .details p {
    margin:0 0 5px;
    } 

.competitionContainer .row .col-a {
     float:left;
     padding:0 20px 0 0;
     width:345px;
     border-right:1px solid #000;
}
.competitionContainer .row .col-a .forgotPassword {
    clear:both;
    position:relative;
    float:right;
    margin-right:5px;
}
.competitionContainer .row .col-b {
    float:left;
    padding:0 0 0 25px;
    width:279px;
}
.topLineFull {
    padding:15px 0 0 0;
    width:100%;
    border-top:1px solid #000;
}
.enterCompetitionButton {
    width:137px;
    height:23px;
    float:left;
    margin:0;
    padding:0!important;
    display:inline;
    background: url('../images/btn-enterCompetition.gif') no-repeat top left;
}
.seeMoreWinnersButton {
    width:185px;
    height:23px;
    float:left;
    margin:0;
    padding:0!important;
    display:inline;
    background: url('../images/btn-seeMoreWinners.gif') no-repeat top left;
}
.login2Button {
    position:relative;
    left:235px;
    width:106px;
    height:20px;
    float:left;
    margin:36px 0 0 0;
    display:inline;
    background: url('../images/btn-Login.gif') no-repeat top left;
}
.createAccountButton {
    position:relative;
    left:80px;
    width:176px;
    height:20px;
    float:left;
    margin:50px 0 0 0;
    display:inline;
    background: url('../images/btn-CreateAccount.gif') no-repeat top left;
}
.createAccountButton2 {
    float:right;
    position:relative;
    left:-10px;
    top:-20px;
    width:176px;
    height:20px;
    margin:0 0 0 0;
    display:inline;
    background: url('../images/btn-CreateAccount.gif') no-repeat top left;
}
.competitionContainer .enterButton {
    position:relative;
    left:0px;
    width:103px;
    height:20px;
    float:left;
    margin:30px 0 0 0;
    display:inline;
    background: url('../images/btn-Enter.gif') no-repeat top left;
}
.enterCompetitionButton:hover, .seeMoreWinnersButton:hover, .login2Button:hover, .createAccountButton:hover, .createAccountButton2:hover, .enterButton:hover {
    background-position:bottom left;
}
form.competitionQuestions {
    margin-left:20px;
}
/*** Competitions - New Account ***/
.compAccountAddress {
    float:right!important;
    padding-right:5px;
    padding-top:5px;
    width:200px;
}
.addresses select.title {
    width:150px;
    float:left;
    margin-left:136px!important;
}
.compAccountTitle {
    margin-left:2px;
}
.thisIsIE .compAccountTitle {
    padding-bottom:5px;
    margin-left:0;
}
.thisIsIE .compAccountTitle .title {
    margin-left:-4px;
    height:auto;
}
.thisIsIE6 .compAccountTitle .title {
    margin-left:0;
}
.yourDetailsContainer h1 {
    /*float:left;*/
    display:block;
    clear:both;
    margin-top:0px;
    margin-bottom:0px;
}
.addresses.shortTop {
    padding-top:0;
}
.col2 {
    margin-left:10px;
}
.CompNewAccountBirthDay, .CompNewAccountBirthMonth, .CompNewAccountBirthYear {
    float:left!important;
    width:52px!important;
    height:auto!important;
    margin-left:0px!important;
}
.CompNewAccountBirthDay {
    margin-left:82px!important;
}
.CompNewAccountBirthYear {
    width:84px!important;
}
.thisIsIE .CompNewAccountBirthDay {
    margin-left:80px!important;
}
.compSmallNote {
    position:absolute;
    right:10px;
    top:5px;
}
.compNewPassword input {
    margin-left:96px!important;
}
.compNewPassword span, .fieldNote {
    float:right!important;
    position:relative;
    right:0px;
    width:201px!important;
    font-size:.9em;
    margin-top:0px!important;
    margin-bottom:5px!important;
    padding-bottom:0px;
    text-align:left!important;
}
.thisIsIE .compNewPassword span {
    right:0px;
}
.thisIsIE .topSpace {
    margin-top:5px;
}

/*** Store Finder ***/
.storeFinderBlock {
    position:relative;
    width:850px;
    height:390px;
    background:#fff url('../images/storefinder-bg.jpg') no-repeat 0 0;
    color:black;    
    margin:0;
    clear:both;
    overflow:visible;
}
.storeFinderBlock.results {
    background:#fff url('../images/storefinder-bg2.jpg') no-repeat 0 0;
    height:260px;
}
.storeFinderBlock a, .storeFinderBlock a:link, .storeFinderBlock a:visited {
    /* color:#000; */
}
.storeFinderBlock a:hover, .storeFinderBlock a:active, .storeFinderBlock a:focus {
    /* color:#ccc;*/
}
.storeFinderContainer .storeFinderBlock form.storeFinder {
    width:auto;
}
form.storeFinder {
    position:absolute;
    left:450px;
    top:165px;
    width:300px;
    height:40px;
}
form.storeFinder label {
    float:left;
    font-weight:bold;
    text-transform:uppercase;
}
form.storeFinder input {
    float:left;
}
.findButton {
    float:left;
    position:relative;
    left:0px;
    top:1px;
    width:106px;
    height:20px;
    margin:0 0 0 10px;
    padding:0!important;
    display:inline;
    background: url('../images/btn-find.png') no-repeat top left;
}
.findButton:hover {
    background-position:bottom left;
    background-color:transparent!important;
}
.storeFinderCol {
    float:left;
    width:390px;
    margin:20px 0 0 20px;
}
.storeFinderCol h2 {
clear:both;
}
.competitionContainer .menu {
    float:left;
    margin-bottom:30px;
    margin-left:20px;
}
.competitionContainer .menu a {
    display:block;
    width:237px;
    min-height:15px;
    height:auto!important;
    height:15px;
    text-decoration:none;
    color:black;
    font-size:1.1em;
    font-weight:bold;
    padding:2px 2px 2px 5px;
    margin-bottom:1px;
}
.competitionContainer .menu a:hover {
    background:#e5e5e5;
}
.competitionContainer .menu .selected a {
    color:white;
    background:black;
    cursor: default;
}
.directionsButton {
    float:left;
    position:relative;
    left:0px;
    top:1px;
    width:125px;
    height:10px;
    margin:10px 0 40px 0;
    display:block;
    clear:both!important;
    background: url('../images/btn-GetDirections.gif') no-repeat top left;
}
.directionsButton:hover {
    background-position:bottom left;
}
.storeAccessibility {
 margin:15px 0 40px 0;
}
.storeAccessibility img {
    vertical-align:middle;
    margin:0 10px 3px 0;
}

/*** Top 10 ***/
.seeMoreButton {
    width:139px;
    height:23px;
    float:left;
    display:inline;
    margin:0;
    padding:0!important;
    background: url('../images/btn-seeMore.gif') no-repeat top left;
}
.shopNowButton {
    width:139px;
    height:22px;
    float:left;
    display:inline;
    margin:5px 0 0 0;
    padding:0;
    background: url('../images/btn-shopNow.gif') no-repeat top left;
}
.seeMoreButton:hover, .shopNowButton:hover {
    background-position:bottom left
}
.shopNowButton.right {
    float:right;
}
.details-top10 {
    position:relative;
    display:inline;
    margin:0;
    padding:0;
    clear:none;
}
.details-top10 img.top10ImageRight {
    float:right;
}
.details-top10 div {
    float:left;
    width:355px;
}
.clothing .details-top10 div {
    float:left;
    width:360px;
}
.other .details-top10 div {
    float:left;
    width:355px;
}
/*** comming soon ***/
.comingSoonProduct {
    position:relative;
    float:right;
    width:403px;
    height:300px;
}
.comingSoonProduct span {
    position:absolute;
    top:-66px;
}
form.commingSoonMore {
    float:left;
    width:240px;
    height:80px;
}
form.commingSoonMore input {
    width:225px;
}
.sendButton {
    float:left;
    clear:both;
    display:inline;
    width:91px;
    height:20px;
    margin-top:5px;
    background: url('../images/btn-send2.gif') no-repeat top left;
}
.sendButton:hover {
    background-position:bottom left;
}
.errorMessages.short {
    width:160px;
}

h1 .truncate{
    width: 320px;
    }
    
/*** offers ***/
.shopThisOfferButton {
    width:177px;
    height:23px;
    float:left;
    display:inline;
    margin:0;
    padding:0!important;
    background: url('../images/btn-shopThisOffer.gif') no-repeat top left;
}
.shopThisOfferButton:hover {
    background-position:bottom left
}


/*** shop by brand ***/
.brandContainer {
    position:relative;
    clear:both;
    width:850px;
    min-height:411px;
    height:auto!important;
    height:411px;
    padding:20px 25px 50px 25px;
    color:#000;
    background:#fff;
    overflow:visible;
    z-index:1;
}
.brandContainer .sortBy {
    display:block;
    clear:both;
    text-align:right;
    width:100%;
    margin:20px 0;
}
.brandContainer .logoContainer {
    float:left;
    text-align:center;
    width:120px;
    height:160px;
    padding:3px 0;
    margin-top:5px;
    /*background:transparent url('../images/bg-brandList.gif') no-repeat right top;*/
}
.brandContainer .logoContainer.rightEnd {
        /*background:transparent url('../images/bg-brandList-rightEnd.gif') no-repeat right top;*/
}
.brandContainer .logoContainer.bottomRow {
        /*background:transparent url('../images/bg-brandList-bottomRow.gif') no-repeat right top;*/
}
.brandContainer .logoContainer.lastOne {
        /*background:none;*/
}
.brandContainer .logo {
    width:100px;
    height:90px;
}
.brandContainer .logoName {
    width:100px;
    min-height:3.3em;
    height:auto!important;
    height:3.3em;
    text-align:center;
    padding:0;
    margin:0 10px;
    background:transparent;
}





 /*Mini Bag*/
#miniBagContainer { display: block; position: absolute; right: 0; top:35px; width: 200px; height: 20px; z-index: 4000; overflow: hidden; }
#miniBagContainer > span { display: block; position: absolute; right: 0; top:0; width: 200px; height: 20px; z-index: 4000; }
#miniBagContainer span a:link, #miniBagContainer span a:visited {color:#fff; text-decoration:underline; padding:0; }
#miniBagContainer span a:hover, #miniBagContainer span a:active, #miniBagContainer span a:focus  {color:#fff;}

.miniBagCheckout {
    display:inline;
    position:absolute;
    right:0;
    text-align:right;
    top:0;
    font-size: 0.9em;
}
.miniBagContinueShopping {
    position:absolute;
    display:inline;
    top:33px;
    width:140px;
    height:23px;
    text-align:right;
    font-size:0.8em;
    padding-right:24px;
    white-space:nowrap;
    background:transparent url('../images/arrow-right.gif') no-repeat 144px 2px;
}
.miniBagContinueShopping {
    background:none;
    font-size:1.15em;
    font-weight:bold;
    padding-right:0;
}
.miniBagItems {
    position:absolute;
    float:right;
    color:#fff !important;
    margin:0;
    padding:0;
    white-space:nowrap;
    text-align:right;
    top:0;
    right:70px;
    font-size: 0.9em;
}
a.miniBagItems {
    text-decoration:none !important;
}

.miniBagImage, .miniBagViewYourBag {
    display: none;
    }

/* MiniBasket Dropdown */
#header #miniBasketContainer, #headerCheckout #miniBasketContainer {
    position: absolute;
    display: block;
    top: 20px;
    right: 0;
    width: 204px;
    z-index: 3001;
    overflow: hidden;
    height: 0;
}

#header #miniBasket, #headerCheckout #miniBasket {
    width: 204px;
    z-index: 301;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
#header #miniBasket div, #headerCheckout #miniBasket div {
    padding:0 3px 17px 9px;
    background:transparent url('../images/miniBasket_bg.png') left bottom no-repeat;
}
.thisIsIE6 #header #miniBasket div, .thisIsIE6 #headerCheckout #miniBasket div {
    background:transparent url('../images/miniBasket_bg.gif') left bottom no-repeat;
}
/*** iFrame background for IE6 MiniBssket ***/
#miniBasket iframe {
    position:absolute;
    display:block;
    width:100%;
    height:1000px;
    z-index:-1;
    filter:alpha(opacity=0);
    -moz-opacity:.0;
    opacity:.0;
    overflow:visible;
    top:0;
    left:0;
    border:0;
}

/* MiniBasket Table */
table.miniBasket {
    width:192px;
    font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
    color:#000;
}
table.miniBasket caption {
    display:none;
}
table.miniBasket .prodImage {
    width:70px;
    padding:10px 0;
    vertical-align:top;
    border-bottom:1px solid #ccc; 
    background:#fff;
}
table.miniBasket .prodName {
    font-size:1.0em;
    padding:10px 4px 10px 0;
    background:#fff;
}
table.miniBasket .prodSize {
    vertical-align:top;
    font-size:0.8em;
    background:#fff;
}
table.miniBasket .prodRemove {
    text-align:right;
    vertical-align:top;
    font-size:0.8em;
    padding-right:4px;
    background:#fff;
}
table.miniBasket .prodRemove a:link, table.miniBasket .prodRemove a:visited {color:#7e7e7e; text-decoration:underline;}
table.miniBasket .prodRemove a:hover, table.miniBasket .prodRemove a:active,  table.miniBasket .prodRemove a:focus {color:#f00; text-decoration:underline;}

table.miniBasket .prodPrice td {
    padding:0 4px 8px 0;
    text-align:right;
    vertical-align:bottom;
    border-bottom:1px solid #ccc;
    font-weight:bold;
    font-size:1.0em;
    background:#fff;
}
table.miniBasket .discount td {
    padding:10px 4px 10px 0;
    font-size:1.0em;
    font-weight:normal;
    text-align:right;
    color:#f00;
    border-bottom:1px solid #ccc;
}
table.miniBasket .subtotal td {
    padding:12px 4px 12px 0;
    font-size:1.0em;
    font-weight:bold;
    text-align:right;
}

/* Checkout Button*/
#header #miniBasket #viewBasket {
    display:block;
    height:23px;
    margin:4px 2px 0 0;
    padding:0;
    background-image:url('../images/btn-Checkout.png');
    background-repeat:no-repeat;
    background-position: right 0px;
    overflow:hidden;
}
#header #miniBasket #viewBasket a {
    display:block;
    height:23px;
    padding:23px 0 0 0;
    font-size:1.2em;
    color:#fff;
    font-weight:bold;
}
/* minibasket link rollover class definitions - JS enhanced */
#header #miniBasket #viewBasket.over {
    background-position:right -23px;
}
#header #miniBasket #viewBasket.over a {
    text-decoration:none;
    color:#000;
}
#header #miniBasket h3 {
    font-size:1.6em;
    font-weight:bold;
    /*color:#000;*/
    padding:7px 6px;
    border-top:1px solid #ccc;
    background-color:#c0c;
}

/********** Header Menus **********/

/*** Primary Navigation ***/
ul#primaryNavigation { z-index:2000; position:absolute; top:110px; height:32px; width:900px; overflow:visible; font-size:0.9em; letter-spacing:0.02em; margin: 0 0 0 10px; }
ul#primaryNavigation > li { display:block; float:left; margin:0 5px 0 0; }
ul#primaryNavigation > li.last { margin-right: 0; }
ul#primaryNavigation > li > span { display:block; height:32px; overflow: hidden; }
/*ul#primaryNavigation > li:hover > span, ul#primaryNavigation li span.current { background-color:#000; }*/
ul#primaryNavigation > li > span > a { display:block; color:#fff; padding:32px 0 0 0; height: 32px; text-transform: uppercase; text-decoration: none; font-size: 1.2em; letter-spacing: 0.05em; }
ul#primaryNavigation > li:hover > span > a, ul#primaryNavigation li span a.current { color:#fff; text-decoration: underline; }
/* IE rounded corners */
.thisIsIE ul#primaryNavigation > li > span { background:#000 url('/images/navL.gif') 0 0 no-repeat; }
/*.thisIsIE ul#primaryNavigation > li > span > a { background:#000 url('/images/navR.gif') 100% 0 no-repeat; }*/
.thisIsIE ul#primaryNavigation > li:hover > span, .thisIsIE ul#primaryNavigation li span.current { background:#000 url('/images/navL-o.gif') 0 0 no-repeat; }
/*.thisIsIE ul#primaryNavigation > li:hover > span > a, .thisIsIE ul#primaryNavigation li span.current a { background:#000 url('/images/navR-o.gif') 100% 0 no-repeat; }*/

/* Specific Primary Navigation styling */
/* home */
ul#primaryNavigation > li > span > a.home { background: transparent url('/images/primaryNav.gif') no-repeat 0 top; width:44px; }
ul#primaryNavigation > li > span > a.home.current, ul#primaryNavigation > li > a.home:focus { background-position:0 -32px; }
ul#primaryNavigation > li:hover > span > a.home { background-position: 0 -64px; }
/* brands */
ul#primaryNavigation > li > span > a.brands { background: transparent url('/images/primaryNav.gif') no-repeat -44px top; width:102px; }
ul#primaryNavigation > li > span > a.brands.current, ul#primaryNavigation > li > a.brands:focus { background-position:-44px -32px; }
ul#primaryNavigation > li:hover > span > a.brands { background-position: -44px -64px; }
/* footwear */
ul#primaryNavigation > li > span > a.footwear { background: transparent url('/images/primaryNav.gif') no-repeat -146px top; width:122px; }
ul#primaryNavigation > li > span > a.footwear.current, ul#primaryNavigation > li > a.footwear:focus { background-position:-146px -32px; }
ul#primaryNavigation > li:hover > span > a.footwear { background-position: -146px -64px; }
/* clothing */
ul#primaryNavigation > li > span > a.clothing { background: transparent url('/images/primaryNav.gif') no-repeat -268px top; width:116px; }
ul#primaryNavigation > li > span > a.clothing.current, ul#primaryNavigation > li > a.clothing:focus { background-position:-268px -32px; }
ul#primaryNavigation > li:hover > span > a.clothing { background-position: -268px -64px; }
/* accessories */
ul#primaryNavigation > li > span > a.accessories { background: transparent url('/images/primaryNav.gif') no-repeat -384px top; width:142px; }
ul#primaryNavigation > li > span > a.accessories.current, ul#primaryNavigation > li > a.accessories:focus { background-position:-384px -32px; }
ul#primaryNavigation > li:hover > span > a.accessories { background-position: -384px -64px; }
/* men */
ul#primaryNavigation > li > span > a.men { background: transparent url('/images/primaryNav.gif') no-repeat -526px top; width:76px; }
ul#primaryNavigation > li > span > a.men.current, ul#primaryNavigation > li > a.men:focus { background-position:-526px -32px; }
ul#primaryNavigation > li:hover > span > a.men { background-position: -526px -64px; }
/* women */
ul#primaryNavigation > li > span > a.women { background: transparent url('/images/primaryNav.gif') no-repeat -602px top; width:100px; }
ul#primaryNavigation > li > span > a.women.current, ul#primaryNavigation > li > a.women:focus { background-position:-602px -32px; }
ul#primaryNavigation > li:hover > span > a.women { background-position: -602px -64px; }
/* kids */
ul#primaryNavigation > li > span > a.kids { background: transparent url('/images/primaryNav.gif') no-repeat -702px top; width:77px; }
ul#primaryNavigation > li > span > a.kids.current, ul#primaryNavigation > li > a.kids:focus { background-position:-702px -32px; }
ul#primaryNavigation > li:hover > span > a.kids { background-position: -702px -64px; }
/* sale */
ul#primaryNavigation > li > span > a.sale { background: transparent url('/images/primaryNav.gif') no-repeat -779px top; width:81px; }
ul#primaryNavigation > li > span > a.sale.current, ul#primaryNavigation > li > a.sale:focus { background-position:-779px -32px; }
ul#primaryNavigation > li:hover > span > a.sale { background-position: -779px -64px; }


/* menuItemsContainer */
ul#primaryNavigation > li > ul { display:none; position:absolute; left: 0; top: 32px; width:898px; line-height: 2.1em; border: solid 1px #333; border-top: solid 4px #333; }
.thisIsIE6 ul#primaryNavigation > li > ul { background:transparent; }
ul#primaryNavigation > li:hover > ul { display: block; }

/* menuItems */
ul#primaryNavigation > li > ul > li > ul { background: #fff; display: inline; float: left; margin: 0; overflow: visible; padding: 0 8px 25px 20px; white-space: nowrap; width: 870px; } 

/* menuCol */
ul#primaryNavigation > li > ul > li > ul > li > ul { display: block; position: relative; float: left; margin: 0 17px 0 0; overflow:visible; }

.menuCol li ul li span a.cat { font-size:1.1em; font-weight:bold; }
.menuCol li span a.saleDD { color:#F00!important; }
.menuCol li span a.saleDD:hover { color:#FFF!important; background-color:#F00!important; }
.menuCol li ul { display:block; float:left; margin:0 45px 0 0; }

/** Specific Drop Down Menu styling **/
ul#brandsMenuItems .menuCol, ul#footwearMenuItems .menuCol, ul#clothingMenuItems .menuCol, ul#accessoriesMenuItems .menuCol { background:transparent url('../images/menuLineAll.gif') repeat-x left 30px; }
ul#menMenuItems .menuCol { background:transparent url('../images/menuLineMens.gif') repeat-x left 30px; }
ul#womenMenuItems .menuCol { background:transparent url('../images/menuLineWomens.gif') repeat-x left 30px; }
ul#kidsMenuItems .menuCol { background:transparent url('../images/menuLineJunior.gif') repeat-x left 30px; }
ul#saleMenuItems .menuCol { background:transparent url('../images/menuLineSale.gif') repeat-x left 30px; }

ul#brandsMenuItems li.brandsMenuHeading span, ul#footwearMenuItems li.footwearMenuHeading span, ul#clothingMenuItems li.clothingMenuHeading span, ul#accessoriesMenuItems li.accessoriesMenuHeading span { font-size:1.1em; line-height:18px; font-weight:bold; color:#000; padding:0 0 2px 0; margin:11px 0 5px 0; text-transform:uppercase; display:block; float:none; }
ul#menMenuItems li.menMenuHeading span { font-size:1.1em; line-height:18px; font-weight:bold; color:#000; padding:0 0 2px 0; margin:11px 0 5px 0; text-transform:uppercase; display:block; float:none; }
ul#womenMenuItems li.womenMenuHeading span { font-size:1.1em; line-height:18px; font-weight:bold; color:#000; padding:0 0 2px 0; margin:11px 0 5px 0; text-transform:uppercase; display:block; float:none; }
ul#kidsMenuItems li.kidsMenuHeading span{ font-size:1.1em; line-height:18px; font-weight:bold; color:#000; padding:0 0 2px 0; margin:11px 0 5px 0; text-transform:uppercase; display:block; float:none; }
ul#saleMenuItems li.saleMenuHeading span { font-size:1.1em; line-height:18px; font-weight:bold; color:#000; padding:0 0 2px 0; margin:11px 0 5px 0; text-transform:uppercase; display:block; float:none; }

ul#primaryNavigation > li > ul > li > ul#saleMenuItems li { }







/*** Secondary Navigation Container ***/
#secondaryAndTertiaryContainer {
    position:absolute;
    width:100%;
    height:20px;
    margin:0;
    padding:0;
    display:block;
    top:0;
}
/*
.thisIsIE #secondaryAndTertiaryContainer {
    right:132px;
}
*/

#newLinks {position: absolute; top: 100px; height: 20px; overflow: hidden; }


/* Secondary Navigation */
ul#secondaryNavigation {
    position:absolute;
    z-index:1000;
}
.thisIsIE ul#secondaryNavigation {}

ul#secondaryNavigation li {
    display: inline-block; /* used to stop the menu items squashing up when you Zoom in IE7  */
}

ul#secondaryNavigation .lastItem, .thisIsIE ul#secondaryNavigation .lastItem {
    border:0;
    padding-right:0;
    background:none;
}
ul#secondaryNavigation li a:link, ul#secondaryNavigation li a:visited {color:#fff; text-decoration:none; padding:0; }
ul#secondaryNavigation li a:hover, ul#secondaryNavigation li a:active, ul#secondaryNavigation li a:focus {color:#fff; text-decoration:none;}

/* "red" Secondary Navigation links */
ul#secondaryNavigation li a.red:link , ul#secondaryNavigation  li a.red:visited  {color:#f00; text-decoration:none;}
ul#secondaryNavigation li  a.red:hover, ul#secondaryNavigation  li a.red:active, ul#secondaryNavigation  li a.red:focus  {color:#c00; text-decoration:none;}

/*** Tertiary Navigation ***/
ul#tertiaryNavigation {
    position:absolute;
    float:right;
    top:5px;
    right:0;
    text-align:right;
    width:100%;
    font-size: 0.9em;
}
.thisIsIE ul#tertiaryNavigation {
    top:2px;
}
ul#tertiaryNavigation li {
    display:inline;
    margin-right:11px;
}
ul#tertiaryNavigation .lastItem {
    margin-right:0;
}
ul#tertiaryNavigation li a:link, ul#tertiaryNavigation li a:visited {color:#fff; text-decoration:underline; padding:0; }
ul#tertiaryNavigation li a:hover, ul#tertiaryNavigation li a:active, ul#tertiaryNavigation li a:focus {color:#fff;}


.rowDivider {
    float:left;
    width: 800px;
    height: 1px;
    font-size: 0;
}

/** customer service **/
.customerService {
    font-size:1.8em;
    font-weight:bold;
    }

/** Info Pages **/

.infoPages {
    padding:20px 25px;
/*  background:gold;*/
}

.infoPages h1           { font-size:2em; font-weight:bold; text-transform:uppercase; padding:0; margin:0 0 0.3em 0; }
.infoPages h2           { font-size:1.5em; font-weight:bold; text-transform:uppercase; padding:0; margin:1em 0 0.2em; }
.infoPages h3           { font-size:1.5em; font-weight:bold; padding:0; margin:1em 0 0.2em; }
.infoPages #termsNum    { font-size:1.5em; font-weight:bold; display:inline; }

.infoPages .menu {
    float:left;
    margin-bottom:30px;
}
.infoPages .menu a {
    display:block;
    width:137px;
    min-height:15px;
    height:auto!important;
    height:15px;
    text-decoration:none;
    color:black;
    font-size:1.1em;
    font-weight:bold;
    padding:2px 2px 2px 5px;
    margin-bottom:3px;
}
.infoPages .menu a:hover {
    background:#e5e5e5;
}
.infoPages .menu .selected a {
    color:white;
    background:black;
    cursor: default;
}
.infoPages .content {
    float:left;
    width:515px;
    color: black;
    margin:0px 20px 0 10px;
    padding:10px 0 30px 0;  
    border-top: 2px solid black;
}
.infoPages .wide {
    width:695px;
    margin-right:0;
    padding-bottom:100px;
}

.infoPages .advertisement { 
    display:inline;
    width:160px;

}
.infoPages .workForUs {
    width:695px;
    height:239px;
    background-position:top left;
    background-repeat:no-repeat;
    background: url('../images/workforus.jpg');
    margin-bottom:15px;
}
.infoPages .workForUs select {
    position:relative;
    left:225px;
    top:112px;
    width:170px;
}
#careerMap {
    background: url('../images/areas.gif') no-repeat 165px 0;
}
.defatulImage {
    position:relative;
    left:500px;
    width:165px;
    height:203px;
    background: url('../images/career_map.gif') no-repeat top left;
}
.specifications {
    text-align:right;
    width:200px;
}
.specifications li {
    margin-bottom:.5em;
}
.specifications a {
    font-weight:bold;
    text-decoration:none;
    background-image: url('../images/spec-arrows.gif');
    background-repeat:no-repeat;
    background-position: right .45em;
    padding-right:12px;
}
.infoPages .content h3 a.top {
    font-weight:normal;
    font-size:80%;
    text-decoration:none;
    padding:0 0 0 11px;
    margin: 0 0 0 12px;
    background-image: url('../images/spec-arrows.gif');
    background-repeat:no-repeat;
    background-position: left -196px;
    color:#000;
}

.genericError h1 {
    color:black;
    font-weight:bold;
    font-size:2em;
    margin-bottom:20px;
    margin-top:10px;
}
.yourDetailsContainer .billingAddress .labelInputWrapper input {
    
}
.infoPages .jobs {
    margin-top:20px;
}
.infoPages .jobs h1 {
    background:#e5e5e5;
    font-size:1.1em;
    padding:7px 15px;
    margin-bottom:20px;
}
.infoPages .jobs table {
    width:695px;
}
.infoPages .jobs table thead th {
    font-weight:bold;
    padding-bottom:7px;
    padding-right:5px;
    border-bottom:1px solid black;
}
.infoPages .jobs table tbody th, .infoPages .jobs table tbody td {
    padding:12px 5px 0 0;
}
.infoPages .jobs table tbody th {
    font-weight:bold;
    cursor:pointer;
}
.infoPages .jobs td {
    cursor:pointer;
}
.infoPages .jobs .description td {
    cursor: default;
}
.infoPages .jobs table a {
    text-decoration:none;
    font-weight:bold;
}
.infoPages .jobs table a:hover {
/*  text-decoration:underline;*/
}
.infoPages .jobs table tbody .description {
    display:none;
}
.infoPages .jobs table tbody .description td {
    padding:0;
    padding-top:6px;
    padding-bottom:17px;
}
.infoPages .jobs table tbody .description td div {
    background:#e5e5e5;
    margin-left:10px;
    overflow:auto;
    padding:10px 13px 12px 10px;
}
.infoPages .jobs table tbody tr td a img {
    margin-left:380px;
}
.infoPages .jobs table tfoot td {
    padding-top:12px;
    cursor:auto;
}
.infoPages .jobs table tfoot td p {
    padding-top:17px;
    border-top:1px solid black;
}

ul.faq {
    margin-left:10px;
    margin-bottom:15px;
}
ul.faq .question {
    font-style: italic;
    padding-bottom:5px;
    cursor:pointer;
}
ul.faq .answer {
    background:#e5e5e5;
    margin-bottom:15px;
    padding:7px 11px 27px;
    display:none;
}
h1.faq {
    font-size:1.1em;
}
.blackButton {
    background:black!important;
}
.flexcroll a.disabled:hover {
    color:#ccc;
    background:none;
}
.flexcroll a.disabled {
/*  background:white;*/
    cursor: default;
    color:#ccc;
}
.smallNote {
    padding-right:10px;
}
#birth_year,
#birth_month,
#birth_day {
    width:50px;
    margin-right:7px;
}

#birth_year {
    width:65px;
    margin-right:0;
}
.colours .disabled {
    display:none;
}

/* NEW STYLES */
.storeFinderContainer {
    position:relative;
    clear:both;
    width:850px;
    min-height:411px;
    height:auto!important;
    height:411px;
    padding:20px 25px 50px 25px;
    color:#000;
    background:#fff;
    overflow:visible;
    z-index:1;
}
.storeFinderContainer h1 {
    font-size:1.8em;
    font-weight:bold;
    text-transform:uppercase;       
}
.storeFinderContainer h2 {
    font-size:1.5em;
    font-weight:bold;
    margin:20px 0 0 20px;   
}

#a-zLink {
display:block;
clear:left;
padding:2px 15px 2px 0;
margin-top:5px;
float:left;
background:url('../images/arrowblack-right.gif') no-repeat right center;
text-decoration:none;
*width:120px;
}
#a-zLink:hover {
color:#000000;
text-decoration:underline;
}
.sfOptions, .sfResults {
margin-left:20px;
font-size:1.1em;
font-weight:bold;
}
.sfResults {
font-size:1.4em;
margin-top:10px;
font-weight:normal;
}
.sfOptions ul, .sfOptions li {
margin-top:5px;
}
.sfOptions a {
font-weight:normal;
}
#sfResultsTable {
margin-top:20px;
width:100%;
border-collapse:collapse;
font-size:1.2em;
}
#sfResultsTable summary {
height:1px;
overflow:hidden;
}
#sfResultsTable th {
height:1px;
overflow:hidden;
}
#sfResultsTable th span {
display:block;
height:1px;
overflow:hidden;
}
#sfResultsTable th.town {
width:50%;
}
#sfResultsTable td.town {
padding:20px 0 20px 20px;
border-top:1px solid #000;
}
#sfResultsTable td.town a {
font-weight:bold;
}
#sfResultsTable td.town a:hover {
color:#FFF;
background-color:#000;
}

#sfResultsTable td.details {
padding:20px 20px 20px 0;
border-top:1px solid #000;
}
#sfResultsTable td.details a {
color:#7f7f7f;
margin-right:20px;
text-decoration:underline;
}
#sfResultsTable td.details a:hover {
color:#FFF;
background-color:#000;
}
.AZ h2 {
    font-size:1.5em;
    font-weight:bold;
    margin:20px 0 0 0;  
}
.AZ .sfResults {
margin-left:0;
}
ul.azList {
padding:15px 10px 25px;
background-color:#f2f2f2;
margin:20px 0;
float:left;
width:830px;
}
ul.azList lh {
display:block;
margin-bottom:5px;
font-weight:bold;
}
ul.azList li {
display:block;
float:left;
width:1.35em;
font-size:1.8em;
text-align:center;
margin:0 1px;
}
ul.azList li a{
display:block;
width:100%;
text-align:center;
text-decoration:none;
}
ul.azList li a:hover{
text-decoration:underline;
color:#FFF;
background-color:#000;
}
ul.azList li a.selected{
display:block;
width:100%;
text-align:center;
text-decoration:none;
margin-right:2px;
background-color:#000000;
color:#FFFFFF;
}
.AZ #sfResultsTable {
margin-top:10px;
}
.AZ #sfResultsTable td.town {
padding:20px 0 20px 0px;
}
.storePage h2{
font-size:1em;
font-weight:bold;
margin:0 0 0.5em;
}
div.storeMessage {
width:400px;
display:block;
}
div.storeMessage p {
padding:0;
margin:0 0 0.5em;
}
.mainInfo {
width:570px;
float:left;
margin-bottom:30px;
position:relative;
padding-bottom:1em;
}

.mainInfo .disclaimer {
position: absolute; 
bottom: 0pt; 
left: 0pt;
}


.googleMaps {
float:left;
width:400px;
border:1px solid #969696;
}
.storeInfo {
float:right;
width:150px;
}
.mainInfo .storeInfo h2.top {
margin:0;
}
.mainInfo .storeInfo h2 {
margin:1em 0 0 0;
font-size:1em;
font-size:1em;
}
.storeInfo p {
margin:0 0 1em 0;
padding:0px;
}
.openingHours {
border-collapse:collapse;
}
.openingHours th {
padding-right:10px;
}
.openingHours td {
text-align:right;
}
.openingHours .weekend {
padding-top:1em;
}
.accessibility {
float:right;
width:255px;
}
.storePromo {
clear:right;
float:right;
width:255px;
margin-top:20px;
margin-bottom:30px;
}
.accessibility ul {
font-size:1em;
font-weight:bold;
}
.accessibility li {
margin-top:5px;
float:left;
clear:left;
display:block;
width:255px;
font-weight:normal;
}
.accessibility li img {
float:left;
}
.accessibility li span {
display:block;
float:right;
text-align:left;
margin-bottom:5px;
width:200px;
margin-top:10px;
}
#sfResultsTable a {
text-decoration:none;
}
#sfResultsTable a:hover {
text-decoration:underline;
}
.AZ a {
text-decoration:none;
}
.AZ a span {
display:inline;
text-decoration:underline;
}

title {
text-transform:uppercase;
}











.card-dates {
    width: 810px;
    position:relative;
}
.secure3D {
    background:white;
    width: 266px;
    padding: 5px 12px 14px;
    border: 5px solid #a4a4a4;
    position:absolute;
    right:0;
    top:0;
}
.Checkout3dSec_Card{
    float:right;
}
*:first-child+html .secure3D {
    top:-84px;
}
* html .secure3D {
    top:-90px;
}
.clearfix {
    float: none;
    clear: both;
}
.card-dates .labelInputWrapper {
    width: 460px;
}
.year_style {
    width:60px!important;
    margin-left:5px!important;
}
.credit-cards-container {
    z-index:999;
}
.card-date {
    width: 291px;
    margin-right:200px!important;
    display:inline-block;
}
.card-date p {float:right; text-align:right; padding:0 0 5px 0; margin:0;} 
.card-date select {display:inline; width:47px; margin:0;}

/* ========================================= */
/* = Purchase Summary on Confirmation Page = */
/* ========================================= */

#purchaseSummary {
    float: left;
    margin: 0 0 20px;
    width: 810px;
    border-top:1px solid #8c8c8c;
}
#purchaseSummary col {
    width:405px;
}
#purchaseSummary label {
    font-weight: bold;
}
#purchaseSummary thead input {
    margin-left: -2.8em;
    margin-right: 1.2em;
}
.thisIsIE #purchaseSummary thead td {
    position:relative;
}
.thisIsIE #purchaseSummary thead input {
    margin:0;
    position:absolute;
    left:-30px;
    top:7px;
}
#purchaseSummary tbody td {
    text-align: center;
}
#purchaseSummary td {
    padding: 10px 0;
}
#purchaseSummary th {
    font-weight: bold;
    text-transform:uppercase;
}
#purchaseSummary tfoot td {
    padding:10px 20px 0;
}
#purchaseSummary tfoot th,
#purchaseSummary tfoot td {
    font-weight:bold;
    font-size: 1.65em;
    text-align: right;
    border-top:1px solid #8c8c8c;
}
#purchaseSummary .deliveryCost td,
#purchaseSummary .deliveryCost th {
    border-bottom: 1px solid #8c8c8c;
}
#purchaseSummary .price {
    font-size: 1.25em;
    text-align: right;
    padding:10px 20px 0;
}
#purchaseSummary tbody .price {
    color: #f00;
}
#purchaseSummary .deliveryCost .price {
    color: #000;
    font-weight:bold;
}
.sertiicate {
    position:relative;
}
.sertiicate table {
    float:left;
}


/* =================================== */
/* = Final Revision Page   -   START = */
/* =================================== */
#finalRevision {
    width: 900px;
}
#finalRevision h1, #finalRevision h2 {
    text-transform: uppercase;
    float: none;
    text-align: left;
}
#finalRevision .header{
    display:block;
    width:208px;
    height:23px;
    padding:23px 0 0 0;
    font-size:1.2em;
    color:#fff;
    font-weight:bold;
    background-color:transparent;
    background-image:url('../images/h1-payment-authentication.gif');
    background-repeat:no-repeat;
    background-position: left 0px;
    overflow:hidden;
    margin-bottom:-15px;
    margin-top:15px;
}
#finalRevision h2 {
    float: none;
    text-align: left;
    font-size: 1em;
    padding: 0;
    margin: 1em 0;
    font-weight: bold;
    line-height: 1.3;
}
#finalRevision #leftColumn h2 {
    margin: 0 0 1em 0;
    font-weight: normal;
}
#finalRevision #leftColumn {
    width: 360px;
    float: left;
    margin: 0 20px 0 0;
    line-height: 4em;
}
#finalRevision #leftColumn h3 {
    font-weight: bold;
    margin: 0 0 -1.3em 0;
}
#finalRevision #leftColumn p {
    line-height: 1.3;
    margin: 1em 0;
}
#finalRevision #contact {
    line-height: 1;
    margin: 1em 0 0 0;
    width: 800px;
    clear: left;
}
#finalRevision #threeD_loading {
    padding: 0;
    width: 390px;
    height: 400px;
    border: 5px solid #fff;
    position:absolute;
    left:400px;
    top:200px;
    background:white url('../images/loading.gif') no-repeat 50% 20%;
}
#finalRevision #rightColumn {
    padding: 0;
    width: 390px;
    height: 400px;
    border: 5px solid #a4a4a4;
    overflow-y: auto;
}
#verisignContainer {
    margin: 1em 0;
    float: left;
    clear: left;
}
#finalRevision .ContinueShopping a {
    display:block;
    width:208px;
    height:23px;
    padding:23px 0 0 0;
    font-size:1.2em;
    color:#fff;
    font-weight:bold;
    background-color:transparent;
    background-image:url('../images/btn-back.png');
    background-repeat:no-repeat;
    background-position: left 0px;
    overflow:hidden;
}
#page_withoutIframe {
    color:#ffffff;
    background:black url('../images/preloader_b.gif') no-repeat 50% 40%;
    width: 390px;
    height: 400px;
    display:block;
    position:relative;
    top:0;
    left:0;
    float:left;
    
}
/* ================================== */
/* = Final Revision Page   -   END  = */
/* ================================== */
.addThis {
float:right;
padding: 11px 23px 0 0;
}

.filterMenu .noproducts_nojs {
    color:#ccc;
}



.hide {
    display:none;
    }
    
    
/* new department layout css */

.sideNav{
    display:block;
    position:relative;
    width:160px;
    float:left;
    margin:0 10px 0 0;
}

.sideNav a { display:block; border-bottom:1px solid lightgray; padding:6px 4px 4px 6px; text-decoration:none; width:138px; }
.sideNav a.sideNavTop { border-top:1px solid gray;}
.sideNav a:hover { background-color:black; color:white; }

.deptPage{
    display:block;
    position:relative;
    width:725px;
    float:left;
}   
.deptHead, .deptCatagories{
    display:block;
    width:725px;
    text-align:center;
}
.deptHead #highlights{
    display:block;
    position:relative;
    width:725px;
    height:265px;
    overflow:hidden;
}
.deptHead #highlights ul{
    display:block;
    position:relative;
    width:2175px;
    height:265px;
    text-align:left;
    float:left;
}
.deptHead #highlights li{
    display:block;
    width:725px;
    float:left;
}
.deptHead .links{
    margin:3px 0 10px;
}



.deptCatagories .catagory{
    display:block;
    position:relative;
    width:170px;
    float:left;
    margin: 0 15px 0 0;
}
.deptCatagories .catagory.last{
    margin: 0;
}
.deptCatagories #item{
    display:block;
    width:170px;
    height:100px;
    overflow:hidden;
    background-color:#eee;
    /*background:#FFEF00;*/
    text-align:left;
    font-size:.9em;
    cursor:pointer;
    margin:0 0 2px 0;
}
.deptCatagories #item p{
    padding:30px 10px 10px;
}
.deptCatagories #item span{
    display:block;
    position:relative;
    top:0;
    height:200px;
}
.catagory a{
    position: absolute; 
    top: 0pt; 
    left: 0pt; 
    background-color: rgb(255, 255, 255); 
    padding: 3px; 
    margin: 5px;
}

.catagory.over a, .catagory a:hover{
    color:#FFF;
    background-color:#000;
}


/* pre-order */
.preorderNote {
    display:block;
    padding:3px 5px;
    width:804px;
    background-color:#8C8C8C;
    color:#000;
    margin: 0 0 10px;
}

.preorderNote span {
    font-weight:bold;
}

.preorderOverlay {
    display: block; 
    position: absolute !important;
    top: 0px; 
    left: 0px; 
    z-index: 2; 
    width: 135px;
    height: 135px;
    overflow: hidden;
    clear: both;
}

.preorderOverlay img {
    display: block; 
    position: absolute !important;
    top: 0px; 
    left: 0px; 
    z-index: 2; 
    width: 135px;
    height: 135px;
    overflow: hidden;
    clear: both;
}

.preorderLable {
    background:none repeat scroll 0 0 #999999 !important;
    display:block;
    font-weight:bold;
    margin:3px 0;
    padding:1px 5px !important;
    text-align:center;
}
.preorderLable:before {
    content: "\005B \0020";
}

.preorderLable:after {
    content: "\0020 \005D";
}

.nomercadoresults {
    clear:both;
    text-align:center;
    margin: 20px 0 20px 135px;
}

.nomercadoresults span a b {
display:inline!important;
font-size:1em!important;
}

#DeliveryOptions_Table_1 #deliveryOptionsCell11 {
width:160px;
text-align:right;
}
#DeliveryOptions_Table_1 #deliveryOptionsCell12 {
    width:30px;
    overflow:visible;
    position:relative;
}
#storeSelector {
width:300px;
margin:0 0 1em 0;
clear:both;
}
#favstoreListingText, 
#storeSelector, 
#altSearchTextDiv {
margin-left:30px!important; 
margin-top:1em!important;   
}
#favstoreListingText p {
display:none !important;    
}
#favstoreErrorMsg {
    clear: both;
    margin-left:170px;
    color:red;
}
#storeListing {
width:300px;
margin:1em 0 0 30px;
clear:both;
}
#storeListing div {
clear:both;
}
#delivery_to_store_store_name {
font-weight:bold;
font-size:1.15em;
}
#altSearchTextDiv {
margin:0 0 2em 30px;
clear:both;
float:none;
}
#alternateSearchDiv {
width:600px;
margin:0 0 0.25em 30px;
}
#alternateSearchDiv label, #alternateSearchDiv input {
margin-left:0 !important;
padding-left:0 !important;
}
#alternateSearchDiv input {
border:1px solid #999999 !important;
}
#alternateSearchDiv #townpostcode {
clear:both; 
margin-left:0 !important;
float:left;
display:block;
width:170px;
}
#alternateSearchDiv #townpostcodesubmit {
clear:both; 
margin-left:0 !important;
margin-top:5px !important;
float:left;
width:170px;
}
#DeliveryOptions_Table_1 input {
width:auto;
margin:0 12px;
text-transform:uppercase;
}
#DeliveryOptions_Table_1 p {
margin:0;   
}
#DeliveryOptions_Table_1 td label {
margin:1em 0;
text-align:left;
font-weight:bold;
font-style:italic;
}
#iKnowBillingPostcode .super,
#iKnowDeliveryPostcode .super {
    clear:both;
    display: block;
    background:none;
    margin-left:172px;
    padding:0;
}
#iKnowBillingPostcode .super a,
#iKnowDeliveryPostcode .super a {
    text-decoration:underline;
}
#deliveryOptionsCell13,
deliveryOptionsCell23,
deliveryOptionsCell33 {
    width:634px;
}

/*---- Free Delivery Footer Banner ----*/

.stickyfooter {
    background: #009361;
    bottom: 0;
    height: 93px;
    left: 0;
    margin: auto;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9999999;
	 /* for IE */ filter:alpha(opacity=90); 
	 /* standard */ opacity:0.9;
}

@media only screen and (device-width: 768px) {
  .stickyfooter { display:none; }
}


/* NEW NO RESULTS PAGE */


.nrcantfinditheader { width:840px; font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:1.6em; text-align:center; margin:0 0 20px 0; padding-top:20px; background:url(/lib/images/misc/noresults/noresults-splitter.gif) repeat-x top; }

.nrsitemapcontainer { width:900px; float:left; }

/* MEN'S CONTAINER */
.nrmenscontainer { width:285px; float:left; margin-left: 15px; }
.nrmenscontainer dl { margin-top:15px; }
.nrmenscontainer dt { font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:1.1em; line-height:1.4em; margin:0 0 3px 0; font-weight:bold; }
.nrmenscontainer .nrmensclothing dd { margin-left:5px; }
.nrmenscontainer .nrmensclothing dt {  margin:0 0 3px 0px; }
.nrmenscontainer ul { width:126px; float:left; Padding:0px; margin-left:5px; }
.nrmenscontainer ul li { list-style-type: none; line-height:1em; margin-bottom: 3px; }
.nrmenscontainer a { text-decoration:none; color:#444; font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:0.9em; line-height: 1.5em; }
.nrmensfootwear, .nrmensaccessories { float:left; clear:left; }
.nrmenscontainer .nrmensclothing { float:right; padding-right:15px; }



/* WOMEN'S CONTAINER */
.nrwomenscontainer { width:180px; float:left;  background:url(/lib/images/misc/noresults/noresults-splittermiddle.gif) repeat-y; padding-left:30px; }
.nrwomenscontainer dl { margin-top:15px; }
.nrwomenscontainer dd { margin-left:5px; }
.nrwomenscontainer dt { font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:1.1em; line-height:1.4em; margin:0 0 3px 0; font-weight:bold; }
.nrwomenscontainer ul { width:130px; Padding:0px; margin-left:5px; }
.nrwomenscontainer ul li { list-style-type: none; line-height:1em; margin-bottom: 3px; }
.nrwomenscontainer a { text-decoration:none; color:#444; font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:0.9em; line-height: 1.5em; }



/* KIDS CONTAINER */
.nrjuniorwrapper { width:140px; float:left; margin-left:30px; }
.nrjuniorwrapper dl { margin-top:15px; }
.nrjuniorwrapper dd { margin-left:10px; }
.nrjuniorwrapper dt { font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:1.1em; line-height:1.4em; margin:0 0 3px 0; font-weight:bold; }
.nrjuniorwrapper .nrmensclothing dd { margin-left:10px; }
.nrjuniorwrapper .nrchildrensclothing .nrchildrensfootwear .nrinfantfootwear .nrinfantclothing dt {  margin:0 0 3px 0px; }
.nrjuniorwrapper ul { width:150px; Padding:0px; margin-left:0px; }
.nrjuniorwrapper ul li { list-style-type: none; line-height:1em; margin-bottom: 3px; }
.nrjuniorwrapper a { text-decoration:none; color:#444; font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:0.9em; line-height: 1.5em; }

.nrchildrenswrapper { width:150px; float:left; padding:0 0 20px 0; }
.nrchildrenswrapper dl { margin-top:15px; }
.nrchildrenswrapper dd { margin-left:10px; }
.nrchildrenswrapper dt { font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:1.1em; line-height:1.4em; margin:0 0 3px 0; font-weight:bold; }
.nrchildrenswrapper .nrmensclothing dd { margin-left:10px; }
.nrchildrenswrapper .nrchildrensclothing .nrchildrensfootwear .nrinfantfootwear .nrinfantclothing dt {  margin:0 0 3px 0px; }
.nrchildrenswrapper ul { width:150px; Padding:0px; margin-left:0px; }
.nrchildrenswrapper ul li { list-style-type: none; line-height:1em; margin-bottom: 3px; }
.nrchildrenswrapper a { text-decoration:none; color:#444; font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:0.9em; line-height: 1.5em; }

.nrinfantwrapper { width:150px; float:left; margin-left:10px; }
.nrinfantwrapper dl { margin-top:15px; }
.nrinfantwrapper dd { margin-left:10px; }
.nrinfantwrapper dt { font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:1.1em; line-height:1.4em; margin:0 0 3px 0; font-weight:bold; }
.nrinfantwrapper .nrmensclothing dd { margin-left:10px; }
.nrinfantwrapper .nrchildrensclothing .nrchildrensfootwear .nrinfantfootwear .nrinfantclothing dt {  margin:0 0 3px 0px; }
.nrinfantwrapper ul { width:150px; Padding:0px; margin-left:0px; }
.nrinfantwrapper ul li { list-style-type: none; line-height:1em; margin-bottom: 3px; }
.nrinfantwrapper a { text-decoration:none; color:#444; font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:0.9em; line-height: 1.5em; }


/* SALE OMNITURE BANNERS */

#SaleBannerDPT { width:680px; background:#b60009; padding:10px; float:left; }

#SaleBannerDPT #SaleColumn1 { width:262px; float:left; margin:0px 20px 0px 45px; color:#FFF; }
#SaleBannerDPT #SaleColumn2 { width:348px; float:right; background:#FFF; display:block; position:relative; }

#SaleBannerDPT #SaleColumn1 h1 { margin:0px 0px 10px 0px; width:262px; font-size:4em; font-weight:normal; }
#SaleBannerDPT #SaleColumn1 h3 { margin:5px 0px 0px 0px; width:262px; float:left; }
#SaleBannerDPT #SaleColumn1 a { color:#b60009; padding: 4px 15px 4px 15px; background:#FFF; text-decoration:none; float:left; }
#SaleBannerDPT #SaleColumn1 a:hover { text-decoration:underline; }

#SaleBannerDPT #SaleColumn2 a { float: left; height: 154px; margin: 0; padding: 0; text-decoration: none; }
#SaleBannerDPT #SaleColumn2 a #SaleProductInfo { display: block; float: left;  margin: 0; padding: 0px; position: absolute; text-align: left; width:220px; left:10px; top:10px; }
#SaleBannerDPT #SaleColumn2 a #SaleProductInfo h2 { color:#b60009; text-decoration:none; font-size:1.3em; margin:0px 0px 10px 0px; }
#SaleBannerDPT #SaleColumn2 a #SaleProductInfo p { color:#000; font-size:0.9em; margin:0px; line-height:1.2em; clear:both; text-decoration:none; text-align:left; }
#SaleBannerDPT #SaleColumn2 a #SaleProductInfo p span.oldPrice { clear:both; text-decoration:line-through; }
#SaleBannerDPT #SaleColumn2 a #SaleProductInfo p span.newPrice { clear:both; font-size:1em; color:#b60009; }
#SaleBannerDPT #SaleColumn2 a #SaleProductInfo p span#SaleShopNow { color:#FFF; background:#000; padding:3px; text-decoration:none; margin-top:10px; float:left; }
#SaleBannerDPT #SaleColumn2 a:hover #SaleProductInfo p span#SaleShopNow { text-decoration:underline; }
#SaleBannerDPT * { float:none; text-decoration:none; }



#SaleBannerMain { width:680px; background:#b60009; padding:10px; float:left; text-align:center;  }
#SaleBannerMain h1 { margin:0px 0px 10px 0px; font-size:4em; font-weight:normal; color:#FFF; width:680px; }
#SaleBannerMain h2 { font-size:0.8em; margin:0px; padding:0px; color:#FFF; width:680px; }
#SaleBannerMain #SaleMainLinks { width:680px; margin:20px 0px 10px 0px; float:left; }
#SaleBannerMain #SaleMainLinks h3 { display:inline; margin-left:10px; }
#SaleBannerMain a { color:#b60009; padding: 4px 15px 4px 15px; background:#FFF; text-decoration:none; }
#SaleBannerMain a:hover { text-decoration:underline; }
#SaleBannerMain * { float:none; }






/**************************************************************************************************************************************************************************************** START New Product Page */

/*Product Viewer styles */
div#scene7wrapper { position:absolute; visibility:hidden; left:0px; }
div#izView { cursor:pointer; display:block; width:940px; }

div#zoom { width:940px; height:100%; overflow:hidden; background-color:#FFF; display:block; margin:0 auto; position:relative; }
div#zoom ul, div#zoom li, div#zoom img { clear: both; display:block; margin:0; padding:0; position:relative; }
div#zoom ul#thumbs { position:absolute; z-index:100; top: 10px; left: 10px; }
div#zoom ul#thumbs li { float:left; margin:5px 0 0; border: 1px solid #FFF; cursor: pointer; }
div#zoom ul#thumbs li:hover, div#zoom ul#thumbs li.current { border: 1px solid #000; }
div#zoom ul#controls { position:absolute; top:10px; left:430px; z-index:100; }
div#zoom ul#controls li { float:left; margin:5px 0 0; clear: none; }

/*************************************************************************************************************************************************************************************************  colour box css */
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; overflow:visible; }
#cboxLoadedContent { overflow:auto; }
#cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }

#cboxOverlay{ background:#000; }

#colorbox {}
#cboxContent { margin:20px 0; }
#cboxLoadedContent { padding:0; }
#cboxLoadingGraphic { background:url('/images/load-indicator.gif') no-repeat center center; }
#cboxLoadingOverlay { background-color:#E4E4E4; }
#cboxTitle { position:absolute; top:-22px; left:0; color:#000; }
#cboxCurrent { position:absolute; top:-22px; right:205px; text-indent:-9999px; }
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose { text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url('../images/controls.png') no-repeat 0 0; }
#cboxPrevious { background-position:0px 0px; right:44px; }
#cboxPrevious.hover { background-position:0px -25px; }
#cboxNext { background-position:-25px 0px; right:22px; }
#cboxNext.hover { background-position:-25px -25px; }
#cboxClose { text-indent:-9999px; width:25px; height:25px; position:absolute; background:url('../images/close.png') no-repeat 0 0; right:-10px; top:-10px; z-index: 1000; }
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right:66px; }
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

.container { display:block; }
.container ul { left: 0; margin: 0; padding: 0; position: absolute; top: 0; }
.container ul.tabs li { display:block; position:relative; float:left; padding:5px 15px; border:1px solid black; border-right:none; height:22px; background-color:#FFF; }
.container ul.tabs li.last { border-right:1px solid black; }
.container ul.tabs li.active { border-bottom:1px solid #FFF; }
.tab_container {  border:1px solid black; clear:both; display:block; padding:0 15px; position:relative; top:33px; background-color:#FFF; }

#productPage { display: block; width: 900px; overflow: hidden; position: relative; float: left; }
#productPage #main { display: block; height: 355px; overflow: hidden; position: relative; float: left; width: 475px; text-align: center; cursor: pointer; }
#productPage #clickToZoom { color: #979797; font-size: 1.1em; text-align: center; }
#productPage #thumbs { clear: left; }
#productPage #thumbs img { cursor: pointer; }
#productPage h1 { font-weight: bold; font-size: 1.4em; padding: 0 0 20px; }
#productPage h2 { font-size: 1em; }
#productPage a:hover { background-color: transparent; color: #000; text-decoration: none; }
#productPage #productInfoWrapper { float: left; position: relative; width: 485px; padding: 20px 45px 30px 30px; }
#productPage #productViewer { position: absolute; top: 10px; }
#productPage #socialLinks { margin: 15px 0; }
#productPage #productInfo { margin: 470px 0 0; }
.thisIsIE #productPage #productInfo { margin: 490px 0 0; }
#productPage #productInfo p { line-height: 1.8em; }
#productPage #infoPanel { clear: left; font-size: 0.9em; padding: 20px 170px 0 0; border-top: 1px solid #C1C1C1; position: relative; top: -1px; left: 1px; }
#productPage #infoPanel a { font-weight: bold; }
#productPage #productPrice { display: none; }
#productPage #productBrandWrapper { position: absolute; right: 0; top: 50px; }
#productPage #productBrandWrapper img { width: 160px; height: auto; }
#productPage .shopTheBrandLink { text-align: center; }
#productPage #productSummary { position: relative; }
#productPage #sizingFittingInfo a { background-image: url('../images/ruler.gif'); background-repeat: no-repeat; background-position: 170px 10px; display: block; width: 230px; }
.thisIsIE #productPage #sizingFittingInfo a { background-position: 180px 10px; }
#productPage #promoImageWrapper { display: inline; padding: 10px 0 0 0; }
#productPage .productPromoImage { height: 50px; width: 80px; }
#productPage .productLogo { padding: 0; }
#productPage #productSummaryTitle { font-size: 1.2em; font-weight: bold; padding: 5px 0 0; margin: 0; clear: left; }
#productPage #productSummaryPrice { font-weight: bold; font-size: 2.2em; }
#productPage #ratingsReviewsWrapper { padding: 0; min-height: 34px; }
#productPage #productAttributesWrapper { padding: 10px 0 0; }
#productPage #productAttributes fieldset { padding: 0 0 10px;}
#productPage #selectSizeFieldset legend { padding: 0;}
#productPage #productAttributes label { padding: 0 0 4px; }
#productPage #productAttributes label { display: block; width: 100%; }
#productPage #productAttributes select { margin: 0 0 0 12px; }
#productPage #selectColour { width: 180px; }
#productPage #selectQuantity { width: 50px; }
#productPage #productRelatedWrapper { float: left; padding: 20px 20px 0; width: 300px; overflow: hidden; }
#productPage #selectSizeFieldset ul { float: left; margin: 0 0 0 12px; width: 210px; }
#productPage #selectSizeFieldset li { float:left; margin:4px 4px 0 0; white-space:nowrap; background:#7F7F7F; text-align:center; border:1px solid #7F7F7F; }
#productPage #selectSizeFieldset li:hover { background-color: #000; background-image: none; border-color: #000; }
#productPage #selectSizeFieldset li.outofstock, #productPage #selectSizeFieldset li.outofstock:hover { background-image: url('../images/out-of-stock.png'); color: #666; cursor: default; border:1px solid #7F7F7F; }
#productPage #selectSizeFieldset li.outofstock span { display:block; text-align:center; margin: 0; padding:5px 4px 5px 4px; position:relative; top:0; left:0; min-width:20px; width:auto!important; width:20px; }
#productPage #selectSizeFieldset li.selected { background-color: #000; background-image: none; border-color: #000; }
#productPage #selectSizeFieldset li.outofstock.selected { background-image: url('../images/out-of-stock.png'); color: #666; cursor: default; border:1px solid #7F7F7F; }
#productPage #selectSizeFieldset li label { display:block; cursor:pointer; float:left; color: #fff; text-align:center; padding:5px 4px 5px 4px; position:relative; top:0; left:0; min-width:20px; width:auto!important; width:20px; }
#productPage #selectSizeFieldset li input { display:block; cursor:pointer; position:absolute; visibility:hidden; top:0; left:0; }
.thisIsIE #productPage #selectSizeFieldset li input { opacity:0; -moz-opacity:0; filter:alpha(opacity=0); visibility:visible; }
#productPage #infoSizingLink { float: left; font-size: 0.9em; font-weight: bold; padding: 3px 0 0 5px;}
#productPage button { border: 0 none; cursor: pointer; display: block; font-size: 1.1em; margin: 10px 0 0 12px; padding: 8px 55px 8px 20px; position: relative;}
.thisIsIE #productPage button { font-weight: bold; font-size: 1em; padding: 8px 25px 8px 10px; top: 10px; }
#productPage #itemAddText h2 { padding: 10px 0 0 30px; font-size:1.2em; color: #419C41; }
#productPage .black { background: #000 url('../images/white-buy-arrow.png') no-repeat scroll right 11px; color: #FFF; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}
#productPage .roundedCorners { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -pie-poll: true; border-radius: 3px; }
/* .thisIsIE .roundedCorners { behavior: url('/css/PIE.htc'); }*/
#productPage #deliveryReturnsWrapper, #productPage #mostWantedAlsoBoughtWrapper { margin: 20px 0; padding: 20px 0 0; overflow: hidden; display: block; position: relative; }
#productPage .tabsContainer { position: relative; overflow: hidden; }
#productPage .tabsContainer li { 
	background-image: linear-gradient(top, #C6C6C6 0%, #D9D9D9 44%, #F6F6F6 100%);
	background-image: -o-linear-gradient(top, #C6C6C6 0%, #D9D9D9 44%, #F6F6F6 100%);
	background-image: -moz-linear-gradient(top, #C6C6C6 0%, #D9D9D9 44%, #F6F6F6 100%);
	background-image: -webkit-linear-gradient(top, #C6C6C6 0%, #D9D9D9 44%, #F6F6F6 100%);
	background-image: -ms-linear-gradient(top, #C6C6C6 0%, #D9D9D9 44%, #F6F6F6 100%);	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #C6C6C6),
		color-stop(0.44, #D9D9D9),
		color-stop(1, #F6F6F6)
	); cursor: pointer; display: block; position: relative; text-decoration: none; text-align: center; top: 1px; margin: 0 1px 0 0; min-width: 60px; padding: 5px 20px 6px; font-size: 0.9em; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; float: left; }
.thisIsIE #productPage .tabsContainer li { background-image: url('../images/tab-gradient.png'); cursor: pointer; position: relative; top: 0; }
#productPage .tabsContainer li.selected { background: #FFF; border: 1px solid #C1C1C1; border-bottom: 0 none; padding: 4px 19px 6px; z-index: 1; }
#productPage #deliveryPanel, #productPage #returnsPanel, #productPage #mostWantedPanel, #productPage #othersBoughtPanel, #productPage #reviewsPanel, #productPage #askPanel { clear: left; font-size: 0.9em; padding: 20px 0 0; border-top: 1px solid #C1C1C1; position: relative; top: -1px; left: 1px; }
#productPage #deliveryPanel, #productPage #returnsPanel { padding: 10px 12px 0 12px; }
#productPage #deliveryPanel li, #productPage #returnsPanel li { margin: 10px 0; }
#productPage #returnsPanel, #productPage #othersBoughtPanel, #productPage #reviewsPanel, #productPage #askPanel { display: none; }
#productPage form.js-enabled button { display: none; }
#productPage form.no-js .noJSNotification { display: none; }
#productPage #mostWantedPanel, #productPage #othersBoughtPanel { overflow: hidden; width: 300px; padding: 30px 0 0; height: 380px; position: relative; }
#productPage #mostWantedPanel > ul, #productPage #othersBoughtPanel > ul { position: relative; width: 900px; display: block; }
#productPage #mostWantedPanel ul ul, #productPage #othersBoughtPanel ul ul { float: left; width: 150px; }
#productPage #mostWantedPanel ul > li, #productPage #othersBoughtPanel ul > li { float: left; }
#productPage #crossSellsPagination { position: absolute; top: 3px; right: 0; }
#productPage .crossSellItem { float: none; width: 130px; }
#productPage .crossSellsNav { cursor: pointer; height: 23px; position: absolute; width: 11px; z-index: 1; }
#productPage .crossSellsLeft { background-image: url("../images/cross_sell_left.png"); }
#productPage .crossSellsRight { background-image: url("../images/cross_sell_right.png"); right: 0; }
#productPage .disablescrollbutton { cursor: default; opacity: 0.5; }
.thisIsIE #productPage .disablescrollbutton { cursor: default; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); }
#productPage #continueShopping { clear: left; padding: 40px 0 0; line-height: 1.8em; }
#productPage #continueShopping ul { font-size: 0.9em; }
#productPage #continueShopping li { margin: 0 0 5px; }
#productPage #recentlyViewedProductsContainer { border-top: 5px solid; font-weight: normal; font-size: 0.90em; margin: 0; padding: 20px; position: relative; left: -10px; background: white none; width: 100%; }
.thisIsIE #productPage #recentlyViewedProductsContainer { width: 880px; }

#productPage .tabsContainer li#askTab { display: none; } /* hiding the ask & andswer tabs */

#productPage #addToBag.added { background-color: #7F7F7F; } /* Make add to bag button grey when product is added to basket */
#productPage #addToBag.added:hover { background-color: #000; }
#productPage #checkoutNow { background-color: #7F7F7F; }
#productPage #checkoutNow.added { background-color: #000; } /* Make checkout now button black when product is added to basket */

/**************************************************************************************************************************************************************************************** End New Product Page */




/**************************************************************************************************************************************************************************************** START New Quick View */

#curtain { opacity:0.7!important; }
#qvModal { color:#000!important; border-radius:0px!important; background:none!important; box-shadow: none!important; }
#qvModal #productSummary, #qvModal #productSummaryTitle, #qvModal #ratingsReviewsWrapper, #qvModal #productAttributesWrapper, #qvModal .productLogo, #qvModal .productPromoImage, #qvModal #selectColour, #qvModal #selectQuantity { float:left!important; }
#qvModal #productSummaryPrice { float:left; clear: both; } 
#qvModal #productAttributes label { text-align:left; }
#qvModal #productAttributes legend { text-align:left; }
#qvModal #selectSizeFieldset ul { width:230px!important; }
#qvModal #productRelatedWrapper { padding: 5px 20px 0!important; }
#qvModal #closeQV { text-indent: -9999px; width: 25px; height: 25px; position: absolute; background:url('../images/close.png') no-repeat 0 0; right: -15px; top: -15px; }
#qvContentModal { border: 2px solid #B1B1B0; }
#qvContentModal .content { overflow: visible; }
#qvContentModal #checkoutNow { left: 355px; margin-bottom: 10px; }
#qvContentModal #itemAddText h2 { padding: 40px 0 0 0!important; }
#qvContentModal #errorMessages { text-align:left; }
.thisIsIE #curtain { filter:alpha(opacity=70)!important; }

/**************************************************************************************************************************************************************************************** End New Quick View */








/**************************************************************************************************************************************************************************************** START New Checkout */

/* global rules */
body#checkout { background: #000 url('/images/headerLineBG.jpg') repeat-x scroll; }
#checkout #contentContainer { overflow: hidden; position: relative; background: none repeat scroll 0 0 #FFF; }
#checkout h1 { margin: 0 0 10px; font-size: 2em; font-weight: normal; }
#checkout h3 { font-size: 1.3em; }
#checkout thead { background: none repeat scroll 0 0 #F2F2F2; color: #000; }
#checkout #contentContainer th { border-right: 3px solid; padding: 7px 10px; text-align: left; border-right-color: #FFFFFF; font-size: 1.1em; font-weight: normal; }
#checkout #contentContainer td { border-bottom: 1px solid; padding: 20px 0 20px 10px; position: relative; vertical-align: middle; border-bottom-color: #7F7F7F; border-top-color: #7F7F7F; }
#checkout #contentContainer td td { border: none; padding: 0; width: 200px; }
#checkout tfoot td { border-top-style: solid; border-top-width: 1px; font-size: 1.4em; font-weight: bold; }
#checkout legend { padding: 0 0 20px 80px; font-size: 2em; }
#checkout fieldset { position: relative; }
#checkout p { margin: 0 0 5px; }
#checkout dd { margin: 0 0 20px; }
#checkout .roundedCorners { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -pie-poll:true; }
#checkout .no-borderradius .roundedCorners { behavior: url(css/PIE.htc); }
#checkout textarea, #checkout input { font-family: 'Helvetica Neue', Helvetica,Arial,Verdana,sans-serif; }
/* checkout header */
#checkout #miniBagContainer { overflow: visible; }
#checkout #basket #miniBagContainer { overflow: hidden; }
#checkout #miniBagContainer > span { text-align: right; }
#checkout #miniBagContainer > span a { width: auto; right: 0; }
#checkout #miniBagContainer .miniBagItems { right: 0; }
#checkout #basket #miniBagContainer .miniBagItems, #checkout #thankyou #miniBagContainer .miniBagItems { right: 70px; }

/* Checkout section */
#checkout .formContainer { border-bottom: 1px solid; margin: 20px 50px 35px; padding: 0 0 80px; }
.ie8 #checkout .formContainer { margin: 0 50px 35px; }
#checkout span { display: block; }
#checkout button { border: 0 none; padding: 8px 18px 8px 20px; position: relative; cursor: pointer; margin: 0; }
#checkout button:hover,  #checkout .linkButton:hover { text-decoration: underline; }
#checkout .linkButton { border: 0 none; left: 0; padding: 9px 20px 9px 18px; position: relative; }
.ie7 #checkout .linkButton { padding: 10px 20px 10px 18px; }
.ie7 #checkout button.green { position: relative; right: 0; z-index:1111111; }
#checkout button.green { position: absolute; right: 0; }
#checkout button.functionalityButton { padding: 0; }
#checkout button.paypalCheckout { display: block; height: 42px; padding: 0; text-indent: -9999px; width: 145px; }
#checkout button.selectDifferentStore { padding: 0; position: relative; }
.ie7 #checkout button.selectDifferentStore { padding: 0 0 0 7px; top: 1px; }
#checkout #findStoreButton, #checkout #redeemButton { right: 20px; }
#checkout #existingCustomer #signIn { margin: -20px 0 0; }
#checkout input { border-style: solid; border-width: 1px; height: 1.5em; margin: 0 0 10px; padding: 5px; width: 288px; }
#checkout select { display: block; float: left; border-style: solid; border-width: 1px; height: 2.3em; margin: 0 0 10px; padding: 5px; width:200px; }
.ie7 #checkout select { margin: 6px 0 5px; }
#checkout textarea { border-style: solid; border-width: 1px; height: 3em; width: 298px; }
#checkout label { cursor: default; float: left; text-align: right; }
#checkout input[type="radio"], .ie6 #checkout input.radio { border: 0 none; height: 15px; margin: 1px 10px 0 1px; padding: 2px 0 0; width: auto; }
.ie7 #checkout input[type="radio"] { margin: 1px 5px 0 0; padding: 0; }
.ie8 #checkout input[type="radio"] { padding: 0; }
#checkout input[type="checkbox"], .ie6 #checkout input.checkbox { border: 0 none; height: 15px; margin: 1px 0 0 10px; width: auto; }
.ie8 #checkout input[type="checkbox"] { padding: 0 5px 5px; }
#checkout label.radioLabel { margin: 15px 0 0 74px; text-align: left; width: 263px; }
#checkout .createPasswordMessage { clear: left; margin: 5px 0 0 96px; }
.ie7 #checkout .createPasswordMessage { margin: 2px 0px 0px 101px; }
#checkout .splitField { margin: 0 8px 10px 0; }
.ie7 #checkout select.splitField { margin: 0 8px 10px 0; } 
#checkout .formContainer ul { list-style-type: none; margin: 0; overflow: hidden; }
#checkout .storeTelephone { margin: 10px 0; }
#checkout .storeLinks, #checkout .selectDifferentStore { display: inline; }
#checkout #storeSelectWrapper, #checkout #storeDetailsWrapper { display: none; position: relative; }
#checkout #selectedStoreDescription { float: left; font-size: 1.1em; text-align: right; width: 152px; }
#checkout #selectStore { margin: 0 0 20px; padding: 0 0 20px; }
#checkout #storeSelect { height: auto; position: relative; width: 300px; }
#checkout #selectStore { clear: left; display: none; }
#checkout #storeDetails { float: left; margin: 0 0 30px 20px; }
#checkout #checkoutSteps { overflow: hidden; padding: 25px 170px; /*width: 100%;*/ }
#checkout #checkoutSteps ul {list-style:none; }
#checkout #checkoutSteps li { float: left; padding: 9px 16px; position: relative; }
#checkout .checkoutStepsLink { margin: 0; padding: 0; position: relative; }
#checkout #checkoutSteps #yourBagNav { margin: 0 20px 0 0; }
#checkout #accreditedIconsWrapper { padding: 0 0 20px 50px; }
#checkout #accreditedIconsWrapper img { margin: 0 20px 0 0; }
#checkout #subTotalHeading, #checkout #shipping { clear: right; float: left; }
#checkout #subTotalHeading h3 { margin: 0 0 0 174px; }
#checkout #subTotalPrice { float: right; }
#checkout #shipping { clear: both; margin: 20px 0 10px; width: 650px; }
#checkout #shipping label { margin: 17px 10px 0 0; width: 96px; }
.ie7 #checkout #shipping label { margin: 13px 10px 0 0; }
#checkout #shippingPrice { float: right; margin: 4px 0 0; }
.ie7 #checkout #shippingPrice { clear: both;  margin: 0; }
#checkout #shippingInfoWrapper { overflow: hidden; padding: 10px; width: 468px;}
#checkout #shippingSelectWrapper { float: left; }
#checkout #shippingSelect { margin: 0 0 5px; }
#checkout #shippingSelectMessage, #checkout #nextDayDeliveryMessage, #checkout #deliveryToStoreMessage, #checkout #internationalMessage { display: none; padding: 2px 0 0; width: 360px; }
#checkout #deliveryTotal #shippingCost { padding: 0 10px 0 0; }
#checkout #countrySelectWrapper, #checkout #townPostcodeInputWrapper, #checkout #storeDetailsWrapper { clear: left; }
#checkout #countrySelect { margin: 0 0 10px 10px; }
.ie7 #checkout #countrySelectWrapper label { margin: 3px 20px 0 0; }
.ie7 #checkout #countrySelect { margin: 0; }
#checkout #billingPostcode, #checkout #differentPostcode { width: 160px; }
#checkout button.findAddress { margin: 0; right: auto; left: 330px; top: 5px; }
.ie7 #checkout button.findAddress { position: absolute; right: auto; width: 130px;  }
#checkout #townPostcodeInputWrapper label { margin: 3px 20px 0 0; }
#checkout #townPostcodeInput { width: 180px; }
#checkout #townPostcodeInputWrapper button.green { position: relative; }
.ie6 #checkout #findStoreButton, .ie6 #checkout #redeemButton, .ie7 #checkout #findStoreButton, .ie7 #checkout #redeemButton { behavior: url(css/PIE.htc); }
#checkout #totalPriceHeading { border-top: 1px solid; clear: both; float: left; margin: 20px 0 0 164px; padding: 10px 0 0 10px; width: 266px; }
#checkout #totalPrice { border-top: 1px solid; float: right; margin: 20px 0 0; padding: 10px 0 0; width: 210px; }
#checkout #townPostcodeInputWrapper, #checkout #countrySelectWrapper, #checkout promoCodeContainer, #checkout offerCodeContainer, #checkout #promoInput, #checkout #offerInput { display: none; position: relative; }
#checkout .storeFinderError { margin: 20px 0 20px 158px; width: 225px; }
#checkout #promoCodeContainer, #checkout #offerCodeContainer { clear: left; display: block; padding: 0; }
#checkout #promoCodeContainer > br, #checkout #offerCodeContainer > br { display: none; height: 0; }
#checkout .promoDescription, #checkout .offerDescription { margin: 0 0 2px 163px; padding: 10px; position: relative; }
#checkout .promoCodeDescription, #checkout .offerCodeDescription { font-size: 1.2em; line-height: 1.5em; }
#checkout .promoReduction, #checkout .offerReduction { display: inline; padding: 0 10px 0 0; position: absolute; top: 10px; right: 10px; font-size: 1.2em; line-height: 1.5em; }
.ie7 #checkout .promoReduction, .ie7 #checkout .offerReduction { padding: 0 15px 0 0; top: -24px; }
#checkout #promoInfoWrapper .promoReduction, #checkout #offerInfoWrapper .offerReduction { top: 5px; }
#checkout .radioWrapper { border-right: 1px solid; padding: 0 0 0 14px; }
#checkout span.last { border-right: 0; }
#checkout #quickCheckoutInfo { margin: 30px 0 0; padding: 20px 0; }
.ie8 #checkout #quickCheckoutInfo { margin: 20px 0 0; }
#checkout #paymentType legend { padding: 0 0 5px; }
.no-js #checkout #printOrder { display: none; }
#checkout .buttonsContainer { clear: left; }
#checkout #storePostCodeNotCompleted { top: 5px; }
#checkout #checkoutSteps li { height: 21px; }
#checkout #yourDetailsNav { width: 93px; }
#checkout #confirmNav { width: 111px; }
#confirm #checkoutSteps li { height: 21px; }
#confirm #confirmNav { text-indent: -5px; }
#thankyou #thanksNav { text-indent: 5px; }
	/* Styles: Checkout section */
#checkout button { background-color: #999; color: #FFF; font-family: 'Helvetica Neue', Helvetica,Arial,Verdana,sans-serif; font-size: 1.2em; }
#checkout .green { background-color: #29942A; color: #FFFFFF; }
#checkout a.linkButton, #checkout a.linkButton:link, #checkout a.linkButton:active, #checkout a.linkButton:visited { background-color: #999; color: #FFFFFF; font-size: 1.2em; text-decoration: none; }
#checkout a.linkButton:hover { text-decoration: underline; }
#checkout button.functionalityButton { background-color: transparent; color: #555; font-size: 0.9em; text-decoration: underline; position: relative; }
#checkout button.functionalityButton:hover { text-decoration: none; }
#checkout button.selectDifferentStore { background-color: transparent; color: #000000; text-decoration: underline; }
#checkout button.selectDifferentStore:hover { text-decoration: none; }
#checkout button.paypalCheckout { background-color: transparent; background-image: url("../images/paypal.png"); background-repeat: no-repeat; }
#checkout button.remove { background-color: transparent; color: #555; font-size: 0.85em; text-decoration: underline; }
#checkout button.remove:hover { text-decoration: none; }
#checkout a.green, #checkout a.green:link, #checkout a.green:active, #checkout a.green:visited { background-color: #29942A; color: #FFFFFF; font-size: 1.1em; }
#checkout label { color: #555; }
#checkout input, #checkout textarea { border-color: #999; color: #000; font-size: 1.3em; }
#checkout select:focus, #login input:focus { box-shadow: 0 0 3px #000; -moz-box-shadow:0 0 3px #000; -webkit-box-shadow:0 0 3px #000; }
.ie6 #checkout input.placeholder, .ie7 #checkout input.placeholder, .ie8 #checkout input.placeholder { color: #555; }
#checkout ::-webkit-input-placeholder { color: #555; }
#checkout :-moz-placeholder { color: #555; }
#checkout select { border-color: #999; color: #000; font-size: 1.3em; }
#checkout input[type="radio"]  { font-size: 1em; }
#checkout label.radioLabel { color: #000; }
#checkout .notification  { color: #555; font-size: 0.9em; }
#checkout .optional  { color: #555; font-size: 0.9em; }
#checkout .validTick  { background-image: url("../images/correctCircle.png"); background-position: 0 9px; background-repeat: no-repeat; }
#checkout .postcodeError, #checkout .storeFinderError { background-color: #FFE7E5; }
#checkout #storeSelectWrapper #storeSelect { font-size: 0.9em; }
#checkout #storeDetails { font-size: 1.2em; }
#checkout #storeDetails a, #checkout #storeDetails a:link, #checkout #storeDetails a:active, #checkout #storeDetails a:visited { color: #000; font-size: 1em; }
#checkout #storeDetails a:hover { text-decoration: none; }
#checkout #selectedStoreDescription { color: #555; }
#checkout .promoValid, #checkout .offerValid { background: none repeat scroll 0 0 #EFF7E5; font-size: 0.9em; }
#checkout .promoInvalid, #checkout .offerInvalid { background: none repeat scroll 0 0 #FFE7E7; font-size: 0.9em; }
#checkout .black { color: #000; }
#checkout option.grey { color: #555 !important; }
#checkout .notificationText { background-color: #999; color: #FFF; }
#checkout .placeholderText { position: absolute; }

/* Styles: Steps header */
#checkout #checkoutSteps .checkoutStepsLink { color: #000; font-size: 1.4em; text-decoration: none; }
#checkout #checkoutSteps a.checkoutStepsLink { text-decoration: underline; }
#checkout #checkoutSteps .selected .checkoutStepsLink { color: #fff; }
#checkout #checkoutSteps li { background-image: url(../images/steps.gif); }
#checkout #yourBagNav { background-position: 0 1px; background-repeat: no-repeat; }
#checkout #yourDetailsNav { background-position: 0px -38px; background-repeat: no-repeat; }
#checkout #confirmNav { background-position: -124px -38px; background-repeat: no-repeat; }
#checkout #thanksNav { background-position: -250px -38px; background-repeat: no-repeat; }
.ie7 #checkout #thanksNav { background-position: -252px -38px; }
#confirm #yourDetailsNav { background-position: 2px -78px; }
#confirm #confirmNav { background-position: -122px -78px; }
#confirm #thanksNav { background-position: -249px -39px; }
.ie7 #confirm #thanksNav { background-position: -252px -39px; }
#thankyou #yourDetailsNav { background-position: 0 -117px; }
#thankyou #confirmNav { background-position: -217px -39px; }
#thankyou #thanksNav { background-position: -246px -117px; }
.ie7 #thankyou #thanksNav { background-position: -247px -117px; }


/* Validation styles */
#checkout .postcodeError, #checkout .storeFinderError { display: none; margin: 20px 0 20px 155px; padding: 15px; width: 270px; }
#checkout .notification { left: 468px; padding: 5px 10px 10px 0; position: absolute; top: 6px; width: 282px; }
#checkout .notificationIcon { float: left; height: 16px; padding: 4px 10px 0 0; width: 16px; }
#checkout .notificationText { clear: none; margin: 0 0 0 20px; padding: 12px 15px; top: -10px; position: relative; }
#checkout .error { display: none; position: absolute; padding: 10px 10px 10px 22px; width: 250px; left: 468px; top: 6px; }
#checkout .error span, #checkout .postCodeNotCompleted span { padding: 8px 15px; position: relative; top: -8px; }
#checkout .optional { position: absolute; padding: 10px 0 0 0; left: 468px; top: 5px; width: 290px; }
#checkout .validTick { display: none; height: 20px; left: 468px; position: absolute; padding: 10px 10px 10px 22px; top: 6px; width: 260px; }
#checkout #details .storeListError { top: 40px; }
#checkout .postCodeNotCompleted { display: none; left: 468px; padding: 0 10px 10px 22px; position: absolute; top: 6px; width: 250px; }
#checkout .postCodeNotCompleted span { top: -5px; }
#checkout .townPostcodeError { width: 240px; }
#checkout .selectListError { left: 314px; top: 50px; }
	/* Styles: Validation styles */
#checkout input:focus, #checkout textarea:focus, #checkout select:focus { -moz-box-shadow: 0 0 2px 2px #999; -webkit-box-shadow: 0 0 2px 2px #999; box-shadow: 0 0 2px 2px #999; color: #000; }
.ie6 #checkout input.focus, .ie6 #checkout textarea.focus, .ie7 #checkout input.focus, .ie7 #checkout textarea.focus { filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999'); }
.ie8 #checkout input:focus, .ie8 #checkout textarea:focus, .ie8 #checkout select:focus { -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999')"; }
#details input.invalid, #details textarea.invalid, #details select.invalid,
#confirm input.invalid, #confirm textarea.invalid, #confirm select.invalid,
#thankyou input.invalid, #thankyou textarea.invalid, #thankyou select.invalid  { background-color: #FFF2F2; border-color: #FF0000; }
#checkout input.invalid:focus, #checkout textarea.invalid:focus, #checkout select.invalid:focus { border-color: #999; color: #000; }
#login input.valid, #details input.valid, #details textarea.valid, #details select.valid,
#confirm input.valid, #confirm textarea.valid, #thankyou input.valid { border-color: #66B577; color: #000; }
#checkout input.valid:focus, #checkout textarea.valid:focus, #checkout select.valid:focus { border-color: #999; }
#checkout .error span, #checkout .postCodeNotCompleted span { background-color: #FF0000; color: #FFF; }
#checkout #billingCountry, #checkout #differentCountry { border-color: #999; }
#checkout .error, #checkout .postCodeNotCompleted { background-image: url("../images/errorCircle.png"); background-position: 0 9px; background-repeat: no-repeat; color: #FF0000; font-size: 0.9em; }
#checkout #storePostCodeNotCompleted { background-position: 0 4px; }
	/* more */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { display: none!important;  /*visibility: hidden;*/ }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* Basket page */
#basket #deliveryOptions { margin: 0 0 20px; padding: 20px 0 20px 30px; }
#basket #deliveryOptions ul { list-style-type: none; overflow: hidden; }
#basket #deliveryOptions li { float: left; }
#basket #deliveryOptions span { display: inline; margin: 0 40px; }
#basket .buttonsContainer { clear: right; padding: 26px 0 30px; position: relative; height: 20px; }
#basket .col1 { width: 120px; }
#basket .col2 { width: 430px; }
#basket .col3 { width: 170px; }
#basket .col4 { width: 170px; }
#basket h2 { margin: 0 0 5px; }
#basket #promoImageDiv img { height: auto; width: auto; margin: 0 0 0 20px; }
#basket #shipping label { width: 152px; }
#basket select { float: left; margin: 0 0 15px; width: 280px; }
#basketContents th.quantityHeading { text-align: center; }
#basketContents th.priceHeading { padding: 0 20px 0 0; text-align: right; }
#checkout span { clear: left; display: block; margin: 0 0 3px; }
#basket span.basketPrice { padding: 0 10px; text-align: right; }
#basket .remove { clear: left; padding: 5px 0 0; }
#basket span.promo, #basket span.offer { padding: 0 0 20px; }
#basket .itemQuantityMinus { margin: 0 0 0 34px; }
#basket .itemQuantityButton { float: left; height: 20px; padding: 0; text-align: center; width:20px; vertical-align: baseline; }
.ie7 #basket .itemQuantityButton { top: 40px; }
#basket .itemQuantity { float: left; height: 18px; margin: 0 6px; padding: 2px 0 0; text-align: center; width:20px; }
#basket span.inStock, #basket span.outOfStock { padding: 10px 0 0; }
#basket #deliveryTotal { float: right; margin: 20px 0; width:650px; }
#basket #deliveryTotal .basketPrice { padding: 0 20px 0 0; }
#basket .noBorder { border: 0 none; }
#basket #storeSelect { margin: 0 0 10px 10px; position: relative; }
#basket #useStoreAddressButton { right: 188px; }
#basket label { display: block; float: left; margin: 7px 10px 0 0; text-align: right; width: 152px; }
#basket #promoLinkContainer, #basket #offerLinkContainer { margin: 15px 0 0; clear: left; }
#basket #promoLink, #basket #offerLink { cursor: pointer; margin: 0 0 0 170px; text-decoration: underline; }
#basket #promoLink:hover, #basket #offerLink:hover { text-decoration: none; }
#basket #promoInput, #basket #offerInput { clear: left; margin: 0; padding: 10px 0 0; width: 440px; }
#basket #promoInput button.green, #basket #offerInput button.green { right: -105px; top: 1px; }
.ie7 #basket #promoInput button.green, .ie7 #basket #offerInput button.green { top: 0; }
#basket #promoCode, #basket #offerCode { float: right; width: 256px; text-transform: uppercase; }
#basket #paymentMethodsWrapper { margin: 30px 0; }
#basket a.linkButton { position: absolute; }
#basket #proceedToCheckout {  }
/*.ie7 #basket #proceedToCheckout { top: 25px; }*/
#basket .storeListError { left: 488px; top: 40px; width: 135px; }
#basket #storePostCodeNotCompleted { left: 488px; width: 140px; }
.no-js #basket .buttonsContainer, .no-js #basket #subTotalHeading, .no-js #basket #subTotalPrice, .no-js #basket #shipping, .no-js #basket #promoLinkContainer, .no-js #basket #offerLinkContainer { display: none; }
.no-js #basket #totalPriceHeading, .no-js #basket #totalPrice { border: 0 none; }
.no-js #basket #totalPriceHeading { margin: 0 0 0 164px; }
.no-js #basket #totalPrice { margin: 0; }
.no-js #basket #deliveryTotal { margin: 20px 0; }
.no-js #noJSNotification { clear: right; margin: 0 20px 0 0; text-align: right; }
.js #noJSNotification { display: none; }
#basket #townPostcodeInputWrapper button.green { margin: 0 0 20px 30px; top: -3px; }
.ie7 #basket #townPostcodeInputWrapper button.green { top: 5px; }
#basket .townPostcodeError { position: absolute; width: 140px; left: 488px; top: 0; }
.ie7 #basket #townPostcodeInputWrapper label { margin: 8px 20px 0 0; }
.ie7 #basket .townPostcodeError { top: -1px; }
#basket .storeFinderError { margin: 20px 0 20px 164px; }
	/* Styles: Basket page */
.no-js #noJSNotification { color: #FF0000; }
#basket #deliveryOptions { background-color: #E7FFFF; font-size: 1.1em; }
#basket h2 { font-size: 1.2em; font-weight: normal; }
#basket select { font-size: 1.1em; }
#basket #basketSecurityInfo h2 { font-size: 1.5em; font-weight: bold; }
/*#basket span { font-size: 0.9em; }*/
/*#basket #contentContainer a, #basket #contentContainer a:link, #basket #contentContainer a:active, #basket #contentContainer a:visited { font-size: 0.85em; }*/
#basket .itemQuantityButton { background: none repeat scroll 0 0 #CCCCCC; color: #FFFFFF; cursor: pointer; font-size: 1.2em; -moz-border-radius: 3px; -webkit-border-radius: 3px;  -khtml-border-radius: 3px;  border-radius: 3px; }
#basket .itemQuantityButton:hover { text-decoration: none; }
#basket span.inStock {  color: #287c02;  }
#basket span.outOfStock {  color: #ff0000;  }
#basket span.basketPrice { font-size: 1.3em; }
#basket #subTotalHeading h3 { font-size: 1.1em;  font-weight: normal; }
#basket #totalPriceHeading h3, #basket #totalCost { font-size: 1.8em; font-weight: bold; }
#basket label { color: #555; }
#basket #promoLink, #basket #offerLink { color: #000; }
#basket .addForFreeDelivery { background-color: #FDF3E4; }
#basket .qualifyForFreeDelivery { background-color: #EFF7E5; }
#basket .nextDayDelivery, #basket .deliveryToStore, #basket .international { background-color: #F2F2F2; }
#basket #shippingSelectMessage, #checkout #nextDayDeliveryMessage, #checkout #deliveryToStoreMessage, #checkout #internationalMessage { font-size: 1.1em; }
#basket #shippingSelectMessage a:link, #basket #shippingSelectMessage a:visited, #basket #shippingSelectMessage a:active { color: #000; }
#basket #shippingSelectMessage a:hover { background-color: transparent; text-decoration: none; }
#basket .qualifyForFreeDelivery #shippingSelectMessage { color: #2c8009; }
#basket button.selectDifferentStore { font-size: 0.95em; }


/* Login page */
#login #secondaryNavigation { display: none; }
#login legend { padding: 0 0 30px 75px; }
#login .formContainer { border: 0 none; float: left; height: 320px; margin: 20px 0 20px 10px; padding: 40px 0 30px 60px; width: 485px; }
.ie8 #login .formContainer, .ie8 #login #newCustomer { margin: 0; }
#login #newCustomer { float: left; height: 320px; }
#login #forgottenPassword { padding: 0 20px 10px 74px; position: relative; top: 0.9em;}
#login fieldset { padding: 0 0 5px; }
#login #existingCustomerFieldset { padding: 20px 0 5px; }
#login label { margin: 10px 14px 2px 0; width: 60px; }
#login input { float: left; margin: 0 0 10px; width: 240px; }
#login select { width: 180px; }
#login .or { height: 2.2em; left: -5px; padding: 13px 0 0; position: relative; top: -190px; width: 2em; }
#login #existingCustomer button.green { margin: 25px 0 0 150px; position:absolute; right: 286px; }
.ie7 #login #existingCustomer button.green, .ie8 #login #existingCustomer button.green { right: 134px; }
#login #contentContainer div.last { margin: 20px 0 0; padding: 40px 40px 30px 10px; width: 305px;}
#login #paypalCheckoutFieldset { border-left: 1px solid; height: 89px; padding: 115px 35px 100px 100px; }
#login #existingCustomer li { clear: left; margin: 5px 0 0; }
#login #existingCustomer input[type="radio"], .ie6 #login #existingCustomer input.radio { margin: 15px 0 0 73px; }
#login #existingCustomer label.radioLabel { margin: 13px 0 0 10px; }
#login #existingCustomer ul { position: relative; width: 620px; }
#login #existingCustomer #signIn { margin: -10px 0 0; position: relative; left: 238px;  zoom: 1; z-index: 1;}
#login #signIn { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.ie8 #login #signIn { behavior: url(css/PIE.htc); }
#login #existingCustomerFieldset { display:none; }
#login .error, #login .validTick { left: 334px; }
#login .notification { padding: 5px 10px 10px 0; position: absolute; left: 334px; width: 152px; }
#login .notificationText { position: relative; top: -12px; }
#login #notificationEmail { width: 156px; }
#login #notificationPassword { width: 260px; }
#login #passwordError { width: 200px; }
	/* Styles: Login page */
#login .formContainer { background: none repeat scroll 0 0 #F2F2F2; }
#login #forgottenPassword { font-size: 0.9em; }
#login .or { background-color: #F2F2F2; font-size: 1.3em; }
#login #newCustomer { background: none repeat scroll 0 0 #F2F2F2; }
#login #paypalCheckoutFieldset { border-color: #797979; }
#login #errorMessages { position: relative; display: block; width: 900px; }
#login #errorMessages .errorMessages { display: block; position: relative; margin: 20px 10px 0; width: 830px; }
#login .buttonContainer { width: 620px; }

/* Details page */
#details label { display: block; float: left; height: 15px; margin: 10px 15px 0 0; text-align: right; vertical-align: top; width: 140px; }
.ie7 #details .formContainer { margin: 0 50px 35px 42px; }
#details .formContainer li { padding: 5px 0 0; position: relative; display: block; float: left; width: 800px; }
#detailsForm legend { padding: 2px 0 5px 20px; width: 780px; }
.ie7 #detailsForm legend, .ie8 #detailsForm legend { margin: 0 0 20px; }
#details .splitField { width: 132px; }
#details .manualAddressLink, #details .postcodeLookupLink { margin: -8px 0 0 0; left: 155px; right: auto; }
#details .postcodeLookupLink, .no-js #details .manualAddressLink, .no-js #details .houseNumberContainer, .no-js #details .findAddress, #details .postcodeResults, #details .useAddress, #details #sendToDifferentAddress, #details #storeFinder, #details #recipientsWrapper { display: none; }
#details button	{ position: absolute; right: 0; }
#details { padding: 0 0 50px; }
#details #detailsForm > fieldset { border-bottom: 5px solid; padding: 20px 0 15px; width: 800px; }
#details #detailsForm > fieldset.last { border-bottom: 0 none; }
#details #updates { margin: 10px 0 0; padding: 0 0 0 157px; }
#details #updates li { float: left; width: auto; }
#details #updates legend { padding: 0 0 10px; width: auto; }
.ie7 #details #updates legend, .ie8 #details #updates legend { margin: 0 0 10px; padding: 0; }
#details #updates label { margin: 0 10px 0 0; width: auto; }
#details #updates input { float: left; width: auto; }
#details .postcodeAddress { padding: 0 0 10px; }
#details .postcodeAddress ul { padding: 0 0 10px;}
#details .country { width: 300px!important; margin-left: 0!important; }
#details #deliveryNote { margin: 0 0 40px; position: relative; }
#details #deliveryNote label { display: block; float: left; height: 15px; margin: 10px 15px 0 0; padding: 0; text-align: right; width: 140px; }
#details #deliveryAddress input[type="radio"], .ie6 #details #deliveryAddress input.radio { margin: 0 10px 0 0; }
.js #details .manualAddress { display: none; }
#details .postcodeResults { margin: 20px 0 0 155px; position: relative; }
#details .addressSelector { height: 100px; margin: 0 0 15px; padding: 3px 0; width: 300px; }
#details .useAddress { margin: 0 0 20px; padding: 0 0 20px; }
#details .useAddressButton { margin: 0 345px 0 0; }
.ie7 #details .useAddressButton { width: 250px; position: absolute!important; }
#details #deliveryAddress .buttonsContainer { position: absolute; width: 820px; }
#details #continueToSecurePayment { float: right; margin: 25px 0 0; position: relative; }
#details #sendToBillingAddress { margin: 0 0 0 155px; }
#details #sendToBillingAddress ul { margin: 0 0 30px; }
#details #sendToBillingAddress li { clear: left; position: static; }
.ie7 #details #sendToBillingAddress li { padding: 0; position: relative; }
#details #sendToBillingAddress label { float: left; margin: 0; padding: 0 0 15px 10px; text-align: left; width: 300px; }
#details #sendToBillingAddress input[type="radio"], .ie6 #details #sendToBillingAddress input.radio { float: left; margin: 1px 0 0; }
#details #sendToDifferentAddress .buttonContainer { position: relative; }
#details #townPostcodeInputWrapper { position: relative; }
#details #differentPostcodeLookupLink { margin: -5px 305px 20px 0; }
#details #differentPostcodeAddress { margin: 0 0 30px; }
#details #recipientsWrapper { position: relative; }
#details #townPostcodeInputWrapper label { margin: 7px 15px 0 0; }
#details #townPostcodeInput { float: left; margin: 0 10px 0 0; width: 180px; }
#details #townPostcodeInputWrapper #findStoreButton { float: left; right: 0; }
.ie7 #details #townPostcodeInputWrapper #findStoreButton { top: 0; }
#details #storeFinder { margin: 0 0 30px; }
#details #storeSelectWrapper { clear: left; padding: 10px 0 0; position: relative; }
#details #selectedStoreDescription { width: 140px; }
#details #storeDetails { padding: 0 0 0 20px; }
#details .storeFinderError { clear: left; top: 20px; position: relative; }
/* Styles: Details page */
#details .formContainer { border-bottom-color: #000; }
#details #detailsForm > fieldset { border-bottom-color: #FFFFFF; }
#details #sendToBillingAddress label { font-size: 1.1em; }
#details #manualAddressLink, #details #postcodeLookupLink { color: #555; cursor: pointer; font-size: 0.9em; text-decoration: underline; }
#details #manualAddressLink:hover, #details #postcodeLookupLink:hover { text-decoration: none; }
#details .selectAddressHeading { color: #555; }
#details .addressSelector { font-size: 0.9em; }
#details .addressSelector option { }
#details #storeDetails { font-size: 1.1em; }
#details #updates legend { background-color: transparent; font-size: 1em; font-weight: normal; }
#details #selectedStoreDescription { font-size: 1em; }
#details #storeDetails button { font-size: 1em; }
#detailsForm legend, #createAccount legend { background-color: #F2F2F2; font-size: 1.5em; color: black; }


/* Confirm & Pay page */
#confirm .formContainer { padding: 0 0 60px; }
.ie8 #confirm .formContainer { margin: 20px 50px 35px; }
#confirm label { display: block; float: left; height: 15px; margin: 10px 15px 0 0; text-align: right; vertical-align: top; width: 140px; }
#confirm input { margin: 0 10px 20px 0; }
#confirm .splitField { margin: 0 8px 20px 0; width: 100px; }
#confirm #issueNumber, #confirm #cv3 { width: 130px; }
#confirm #summaryContainer { margin: 0 0 40px; overflow: hidden; }
#confirm #confirmWrapper { border-bottom: 1px solid; margin: 25px 0 35px; padding: 0 0 80px; }
#confirm #summaryContents .col1 { width: 542px; }
#confirm #summaryContents .col2 { width: 120px; }
#confirm #summaryContents .col3 { width: 150px; }
#confirm h2 { padding: 2px 10px 5px 20px; }
#confirm th { border-bottom: 1px solid; border-right: 0 none; padding: 15px 23px 5px; }
.ie7 #confirm th { padding: 15px 22px 5px 20px; }
#confirm td { padding: 12px 0 12px 20px; }
.ie7 #confirm td { padding: 12px 0 12px 12px; }
#confirm .itemQuantity, #confirm th.quantityHeading, #confirm th.priceHeading { text-align: center; }
#confirm .basketPrice { padding: 0 15px 0 0; text-align: right; }
#confirm .productDescription, #confirm .itemQuantity { border-right: 1px solid; padding: 2px 20px 0 0; }
#confirm #shipping { margin: 5px 0; width: 500px; }
#confirm #confirmTotal { float: right; margin: 10px 0; width: 500px; }
#confirm #shippingSelectWrapper fieldset { padding: 7px 0 0; }
#confirm #shippingSelect { margin: -7px; }
.ie7 #confirm #shippingSelect { margin: -2px; }
#confirm #shippingInfoWrapper { width: 374px; }
#confirm select {float: left; width: 254px; }
#checkout #confirmTotal #shippingCost { padding: 5px 5px 0 0; }
#confirm #totalPriceHeading { margin: 0 0 0 116px; width: 250px; }
#confirm #totalPriceHeading h3 { margin: 0 0 0 106px; }
#confirm #totalPrice { margin: 0; width: 124px; }
#confirm #promoCodeContainer, #confirm #offerCodeContainer { display: block; padding: 0 0 5px; }
#confirm .promoDescription, #confirm .offerDescription { margin: 0 0 5px 116px; padding: 5px; }
#confirm .promoReduction, #confirm .offerReduction { padding: 0 10px 0 0; }
#confirm #editYourBag { clear: left; margin: 15px 0 0; overflow: hidden; width: 500px; }
#confirm #confirmAddress { margin: 0 0 40px; }
#confirm #editAddresses { clear: left; margin: 10px 0 0; overflow: hidden; }
#confirm #editYourBag a, #confirm #editAddresses a { float: right; margin: 10px 0 0; }
#confirm #yourAddresses .col1 { width: 652px; }
#confirm #yourAddresses .col2 { width: 80px; }
#confirm #yourAddresses .col3 { width: 80px; }
.ie7 #confirm #shipping label { margin: 20px 10px 0px 0px; }
#confirm #yourAddresses label { border-right: 1px solid; margin: 0 0 3px; padding: 2px 20px 0 0; text-align: left; width: 632px; height: auto; }
#confirm #paymentDisclaimer { padding: 20px 20px 0px; }
#confirm #paymentDetails { overflow: hidden; }
#confirm .paymentDetailsFieldset { float: left; padding: 0 0 40px 20px; width: 100%; }
#confirm .paymentDetailsFieldset li { clear: left; margin: 5px 0 0; position: relative; }
#confirm .paymentDetailsFieldset .cardYearContainer { /*position: static;*/ overflow: hidden; }
.ie7 #confirm .paymentDetailsFieldset .cardYearContainer { /*position: static;*/ }
#confirm #paymentType { padding: 20px; }
#confirm #paymentType span { display: block; float: left; height: 15px; margin: 10px 15px 0 0; text-align: right; vertical-align: top; width: 140px; }
.ie7 #confirm #paymentType span { margin: 20px 15px 0 0; }
#confirm #cardList li { float: left; width: 60px; }
#confirm #cardList li.payPalWrapper { width: 86px; }
#confirm #cardList li.payPalWrapper input[type="radio"], .ie6 #confirm #cardList li.payPalWrapper input.radio { margin: 7px 0 0 54px; }
#confirm #cardList label { display: block; height: 32px; margin: 0; text-indent: 1000px; width: 100%; }
#confirm #cardList input[type="radio"], .ie6 #confirm #cardList input.radio { margin: 7px 0 0 20px; }
#confirm #cardInformation { clear: left; margin: 20px 0 25px 177px }
#confirm #rememberCard { clear: left; margin: 0 0 40px 177px }
#confirm #rememberCard label { margin: 0; width: auto; }
#confirm .continueDisclaimer { margin: 25px 0 0; }
#confirm #processSecurePayment { right: 70px; }
#confirm .optional { width: 165px; padding: 0; }
#confirm #maestroFields .optional { left: 320px; }
#confirm #maestroFields .cardYearContainer .optional { left: 390px; }
#confirm .paymentDetailsForm { display: none; }
#confirm .error, #confirm .validTick { width: 210px; }
#confirm #cv3Number .notificationText { margin: 5px 0 3px; }
#confirm .issueNumberOptional { right: 125px; }
#confirm .notification, #confirm .error, #confirm .validTick { left: auto; right: 100px; top: 0; }
#confirm #notificationCV3, #confirm #cv3Error, #confirm #cv3Tick, #confirm #issueError, #confirm #issueTick { left: 315px; }
#confirm .expiryError, #confirm .expiryTick { /*top: 125px;*/ }
	/* Styles: Confirm & Pay page */
#confirm h2 { background-color: #F2F2F2; font-size: 1.5em; font-weight: normal; }
#confirm thead { background-color: transparent; color: #7A7A7A; font-size: 0.9em; }
#confirm th { border-color: #CDCDCD; font-size: 1em; }
#confirm td { border-color: #CDCDCD; font-size: 1.1em; }
#confirm .productDescription, #confirm .itemQuantity, #confirm #totalPriceHeading, #confirm #totalPrice, #checkout .radioWrapper { border-color: #E5E5E5; }
#confirm #confirmTotal { font-size: 1.1em; }
#confirm #shippingSelect { font-size: 1em; }
#confirm #subTotalHeading h3 { font-size: 1em; font-weight: normal; }
#confirm #totalCost { font-size: 1.3em; font-weight: bold; }
#confirm .promoValid, #confirm .offerValid { background: none repeat scroll 0 0 #E9F3E4; text-align: center; }
#confirm .promoReduction, #confirm .offerReduction { font-size: 1.1em; }
#confirm #yourAddresses label { border-color: #E5E5E5; color: #000; }
#confirm #editAddresses a { font-size: 1.1em; }
#confirm #paymentType span { color: #555; }
#confirm #cardList label { background-image: url('../images/cards.gif'); }
#confirm #visaImage { background-position: 0 0; }
#confirm #visaElectronImage { background-position: -60px 0; }
#confirm #masterCardImage { background-position: -120px 0; }
#confirm #maestroImage { background-position: -180px 0; }
#confirm #amexImage { background-position: -240px 0; }
#confirm #paypalImage { background-position: -300px 0; }
#confirm #cardInformation p { color: #7A7A7A; font-size: 1.1em; }
#confirm #rememberCard label { color: #000; font-size: 1.1em; }
#confirm .continueDisclaimer { color: #000; font-size: 1.1em; }
#checkout input#cc_cvc { width: 140px; }
#checkout .serverError { display: block; padding: 10px 20px 0; color: red; font-weight: bold; font-size: 1.3em; }
#checkout .buttonContainer { position: relative; display: block; }
#checkout #fieldpaypal p { margin: 0 0 30px 50px; line-height: 1.5em; }
#confirm #deliveryBillingAddressFieldset strong { font-weight: bold; }
#confirm .buttonContainer { height: 40px; }

/* Thankyou page */
#thankyou #thanksNav { padding: 9px 19px; }
#thankyou h2 { padding: 5px 10px 5px 20px; }
#thankyou #createAccountWrapper { clear: left; padding: 15px 0 20px; position: relative; }
#thankyou .splitField { margin: 0 25px 15px 0; }
#thankyou input { width: 200px; }
#thankyou #createAccountButton { right: auto; }
#thankyou #orderInfo { padding: 20px; }
#thankyou #orderInfo p { margin: 0 0 15px; }
#thankyou #orderDetails { float: left; padding: 0 60px 20px 20px; width: 680px; }
#thankyou #facebookWidget { float: left; }
#thankyou #facebookContainer { margin: 0 0 20px; }
#thankyou #printButton { margin: 0 15px 0 0; }
#createAccount legend { padding: 5px 0 5px 20px; width: 790px; }
#createAccount p { padding: 20px 0 0; }
.formContainer #createAccount ul { list-style-type: disc; list-style-position: inside; padding: 0 0 30px; }
.formContainer #createAccount li { margin: 5px; }
.formContainer #createAccount label { padding: 0 0 10px; }
#thankyou passwordValid { left: 218px; top: 15px; width: auto; }
#thankyou confirmPasswordValid { left:458px; top: 15px; width: auto; }
	/* Styles: Thankyou */
#thankyou h2 { background-color: #F2F2F2; font-size: 1.5em; font-weight: normal; }
#thankyou #paymentType p, #thankyou #paymentType label { font-size: 1.1em; }
#thankyou #orderInfo, #thankyou #orderDetails, #thankyou #quickCheckoutInfo p, #thankyou #quickCheckoutInfo ul, #thankyou #quickCheckoutInfo label { font-size: 1.4em; line-height: 1.6em; }
#thankyou #orderInfo a { color: #000; }
#thankyou #orderDetails dt { text-decoration: underline; font-weight: bold; }
#thankyou #socialMedia { position: absolute; top: 300px; right: 10px; }
#thankyou #continueShopping { font-size: 1.2em; }

#thankyou #socialMedia { display: none; }
#thankyou .basketCrossSells { height: 130px; }

/**************************************************************************************************************************************************************************************** END New Checkout  */