/**
 * Owner: www.asos.com
 * Theme: layout.css
 * Description: Sets general layout and defaults for of the main site
 * Author: ASOS UI developers
 * Media: Screen
 */

/* Common  */
span.attention, p.attention, strong.attention {color:#f00;}
div.content-panel .top-link {text-align:right; margin:0 0 20px;}
div.content-panel .top-link a {color:#aaa;}
div.content-panel .top-link a:hover {color:#666;}

span.new-feature {color:#f00; font-family:Tahoma; font-size:0.9em; font-weight:bold; text-transform:uppercase;}

/* Skeleton */        
div.site-wrapper {margin:0 auto; width:974px;}
div.site-content {font-size:1em; position:absolute; top:118px; width:974px; background-color:#fff;}
div.site-content a {color:#666; font-weight:normal; text-decoration:none;}
div.site-content a:hover {text-decoration:underline;}
div.site-body {position:absolute;}

/* Layout variations */
div.content-panel {overflow:hidden; padding:5px 0; color:#666;}
div.content-panel.indent {margin:0 66px 0 124px;}
div.content-panel.gutter {padding-bottom:50px;}
div.padded-content-panel {padding:17px;}
div.creative-panel {padding:0; position:relative;}

/* Global lightbox styles */
div.lightbox {left:0; position:absolute; top:0; z-index:9999;}
div.lightbox .popup {position:relative;}
div.lightbox .content {background:#fff;}
#lightBoxOverlay {background-color:#000; height:100%; left:0px; position:fixed; top:0px; width:100%; z-index:9998;}

/* Site selector bar */
div.site-selector-bar {display:none; overflow:hidden; position:absolute; text-align:center; width:100%; z-index:9999;}
div.site-selector-bar a.close {background:url(/web/images/core/site-selector-bar.png) no-repeat -23px -54px; display:block; height:27px; position:absolute; right:11px; top:11px; text-indent:-9999px; width:29px;}
div.site-selector-bar a.close:hover {background-position:-23px -81px;}
div.site-selector-bar div.country-header {height:48px;
	background:#000;
	background:-moz-linear-gradient(top, #5c5c5c 0%, #2d2d2d 62%, #000000 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c5c5c), color-stop(62%,#2d2d2d), color-stop(100%,#000000));
	background:-webkit-linear-gradient(top, #5c5c5c 0%,#2d2d2d 62%,#000000 100%);
	background:-o-linear-gradient(top, #5c5c5c 0%,#2d2d2d 62%,#000000 100%);
	background:-ms-linear-gradient(top, #5c5c5c 0%,#2d2d2d 62%,#000000 100%);
	background:linear-gradient(top, #5c5c5c 0%,#2d2d2d 62%,#000000 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorstr='#5c5c5c', endColorstr='#000000')";
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#5c5c5c', endColorstr='#000000');
}
div.site-selector-bar div.country-header div.welcome-message-wrapper {margin:0 auto; overflow:hidden; padding:10px 0 0;}
div.site-selector-bar div.country-header p.welcome-message {color:#fff; display:block; float:left; font-family:"Helvetica Neue",Arial,sans-serif; font-size:1.3em; font-weight:bold; margin:0; padding:6px 4px 6px 32px; position:relative; text-align:left;}
div.site-selector-bar div.country-header p.welcome-message span {color:#b1b1b1; font-size:0.9em; font-weight:normal; padding:0 0 0 6px;}
div.site-selector-bar div.country-header p.welcome-message span.flag {background:url(/web/images/core/site-selector-bar.png) no-repeat; display:block; height:16px; left:1px; padding:0; position:absolute; top:6px; width:22px;}
div.site-selector-bar div.country-header p.welcome-message.en-GB span.flag {background-position:0 0;}
div.site-selector-bar div.country-header p.welcome-message.en-US span.flag {background-position:0 -16px;}
div.site-selector-bar div.country-header p.welcome-message.fr-FR span.flag {background-position:0 -32px;}
div.site-selector-bar div.country-header p.welcome-message.de-DE span.flag {background-position:0 -48px;}
div.site-selector-bar div.country-header p.welcome-message.it-IT span.flag {background-position:0 -64px;}
div.site-selector-bar div.country-header p.welcome-message.es-ES span.flag {background-position:0 -80px;}
div.site-selector-bar div.country-header p.welcome-message.en-AU span.flag {background-position:0 -96px;}
div.site-selector-bar div.country-header a.change-site {background:url(/web/images/core/site-selector-bar.png) no-repeat -23px 0; display:block; float:right; height:27px; text-indent:-9999px; width:29px;}
div.site-selector-bar div.country-header a.change-site:hover {background-position:-23px -27px;}
div.site-selector-bar div.country-selector {clear:both; height:30px;
	background:#dedede;
	background:-moz-linear-gradient(top, #a1a1a1 0%, #dedede 10%, #dedede 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(10%,#dedede), color-stop(100%,#dedede));
	background:-webkit-linear-gradient(top, #a1a1a1 0%,#dedede 10%,#dedede 100%);
	background:-o-linear-gradient(top, #a1a1a1 0%,#dedede 10%,#dedede 100%);
	background:-ms-linear-gradient(top, #a1a1a1 0%,#dedede 10%,#dedede 100%);
	background:linear-gradient(top, #a1a1a1 0%,#dedede 10%,#dedede 100%);	
}
div.site-selector-bar div.country-selector div.country-list {margin:auto;}
div.site-selector-bar div.country-selector div.country-list li {float:left;}
div.site-selector-bar div.country-selector div.country-list a {color:#3e3e3e; float:left; font-family:"Helvetica Neue",Arial,sans-serif; font-size:1.1em; margin:0 15px 0 0; padding:9px 10px 10px 22px; position:relative; text-decoration:none;}
div.site-selector-bar div.country-selector div.country-list a span {background:url(/web/images/core/site-selector-bar.png) no-repeat; display:block; height:11px; left:0; position:absolute; top:10px; width:16px;}
div.site-selector-bar div.country-selector div.country-list a.en-GB span {background-position:0 -112px;}
div.site-selector-bar div.country-selector div.country-list a.en-US span {background-position:-16px -112px;}
div.site-selector-bar div.country-selector div.country-list a.fr-FR span {background-position:-32px -112px;}
div.site-selector-bar div.country-selector div.country-list a.de-DE span {background-position:0 -123px;}
div.site-selector-bar div.country-selector div.country-list a.it-IT span {background-position:-16px -123px;}
div.site-selector-bar div.country-selector div.country-list a.es-ES span {background-position:-32px -123px;}
div.site-selector-bar div.country-selector div.country-list a.en-AU span {background-position:0 -134px;}
div.site-selector-bar div.country-selector div.country-list a:hover {background:url(/web/images/core/site-selector-bar-hover-arrow.gif) no-repeat; text-decoration:underline;}
div.site-selector-bar div.country-selector div.country-list a.en-GB:hover {background-position:47px 23px;}
div.site-selector-bar div.country-selector div.country-list a.en-US:hover {background-position:40px 23px;}
div.site-selector-bar div.country-selector div.country-list a.fr-FR:hover {background-position:26px 23px;}
div.site-selector-bar div.country-selector div.country-list a.de-DE:hover {background-position:39px 23px;}
div.site-selector-bar div.country-selector div.country-list a.it-IT:hover {background-position:19px 23px;}
div.site-selector-bar div.country-selector div.country-list a.es-ES:hover {background-position:26px 23px;}
div.site-selector-bar div.country-selector div.country-list a.en-AU:hover {background-position:28px 23px;}

/* Site suggest bar */
div.site-suggest-bar {display:none; height:48px; overflow:hidden; position:absolute; text-align:center; width:100%; z-index:9999;
	background:#000;
	background:-moz-linear-gradient(top, #5c5c5c 0%, #2d2d2d 62%, #000000 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c5c5c), color-stop(62%,#2d2d2d), color-stop(100%,#000000));
	background:-webkit-linear-gradient(top, #5c5c5c 0%,#2d2d2d 62%,#000000 100%);
	background:-o-linear-gradient(top, #5c5c5c 0%,#2d2d2d 62%,#000000 100%);
	background:-ms-linear-gradient(top, #5c5c5c 0%,#2d2d2d 62%,#000000 100%);
	background:linear-gradient(top, #5c5c5c 0%,#2d2d2d 62%,#000000 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorstr='#5c5c5c', endColorstr='#000000')";
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#5c5c5c', endColorstr='#000000');
}
div.site-suggest-bar div.suggest-welcome-message-wrapper {margin:0 auto; overflow:hidden; padding:10px 0 0;}
div.site-suggest-bar p.suggest-welcome-message {color:#fff; display:block; float:left; font-family:"Helvetica Neue",Arial,sans-serif; font-size:1.3em; font-weight:bold; margin:0; padding:6px 10px 6px 0; position:relative; text-align:left;}
div.site-suggest-bar p.suggest-welcome-message span {color:#b1b1b1; font-size:0.9em; font-weight:normal; padding:0 0 0 6px;}
div.site-suggest-bar a.suggest-select-country {background:url(/web/images/core/site-suggest-bar.png) no-repeat 100% -48px; color:#fff; display:block; float:left; font-family:"Helvetica Neue",Arial,sans-serif; font-size:1.3em; font-weight:bold; line-height:2em; margin:2px 0 0 0; padding:0 20px 0 35px; position:relative; text-align:left; text-decoration:none;}
div.site-suggest-bar a.suggest-select-country:hover {background-position:100% -72px; text-decoration:none;}
div.site-suggest-bar a.suggest-select-country span {background:url(/web/images/core/site-suggest-bar.png) no-repeat; display:block; height:24px; left:-3px; position:absolute; top:0; width:29px;}
div.site-suggest-bar a.suggest-select-country.en-GB span {background-position:0 0;}
div.site-suggest-bar a.suggest-select-country.en-GB:hover span {background-position:0 -24px;}
div.site-suggest-bar a.suggest-select-country.en-US span {background-position:-29px 0;}
div.site-suggest-bar a.suggest-select-country.en-US:hover span {background-position:-29px -24px;}
div.site-suggest-bar a.suggest-select-country.fr-FR span {background-position:-58px 0;}
div.site-suggest-bar a.suggest-select-country.fr-FR:hover span {background-position:-58px -24px;}
div.site-suggest-bar a.suggest-select-country.de-DE span {background-position:-87px 0;}
div.site-suggest-bar a.suggest-select-country.de-DE:hover span {background-position:-87px -24px;}
div.site-suggest-bar a.suggest-select-country.it-IT span {background-position:-116px 0;}
div.site-suggest-bar a.suggest-select-country.it-IT:hover span {background-position:-116px -24px;}
div.site-suggest-bar a.suggest-select-country.es-ES span {background-position:-145px 0;}
div.site-suggest-bar a.suggest-select-country.es-ES:hover span {background-position:-145px -24px;}
div.site-suggest-bar a.suggest-select-country.en-AU span {background-position:-174px 0;}
div.site-suggest-bar a.suggest-select-country.en-AU:hover span {background-position:-174px -24px;}
div.site-suggest-bar a.close {background:url(/web/images/core/site-suggest-bar.png) no-repeat -204px 0; display:block; height:27px; position:absolute; right:11px; text-indent:-9999px; top:11px; width:29px;}
div.site-suggest-bar a.close:hover {background-position:-233px 0; border:0;}

/* Site suggest light box */
div#siteSuggestLightbox {display:none; font-family:"Helvetica Neue",Arial,sans-serif;}
div#siteSuggestLightbox .content {width:490px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
div#siteSuggestLightbox img.logo {display:block; margin:0 auto; padding:25px 0 0;}
div#siteSuggestLightbox p {text-align:center;}
div#siteSuggestLightbox p.main-message {color:#000; font-family:Georgia; font-size:2em; margin:30px 0 0;}
div#siteSuggestLightbox p.sub-message {color:#727272; font-size:1.5em; margin:5px 0 0;}
div#siteSuggestLightbox div.redirect-button {text-align:center;}
div#siteSuggestLightbox div.redirect-button a {border:1px solid #dfdfdf; display:inline-block; margin:20px 0 0; overflow:hidden; padding:0 7px 6px 0;
    background:#ffffff;
    background:-moz-linear-gradient(top, #ffffff 0%, #f6f6f6 66%, #eeeeee 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(66%,#f6f6f6), color-stop(100%,#eeeeee));
    background:-webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 66%,#eeeeee 100%);
    background:-o-linear-gradient(top, #ffffff 0%,#f6f6f6 66%,#eeeeee 100%);
    background:-ms-linear-gradient(top, #ffffff 0%,#f6f6f6 66%,#eeeeee 100%);    
    background:linear-gradient(top, #ffffff 0%,#f6f6f6 66%,#eeeeee 100%);
	-moz-box-shadow:2px 2px 4px rgba(0, 0, 0, .1);
	-webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, .1);
	box-shadow:2px 2px 4px rgba(0, 0, 0, .1);
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color='#707070', direction=135, strength=2), progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#707070', direction=135, strength=2), progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0);
	zoom:1;
}
div#siteSuggestLightbox div.redirect-button a:hover {cursor:pointer;
    background:#f7f7f7;
    background:-moz-linear-gradient(top, #f7f7f7 0%, #ededed 66%, #e4e4e4 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(66%,#ededed), color-stop(100%,#e4e4e4));
    background:-webkit-linear-gradient(top, #f7f7f7 0%,#ededed 66%,#e4e4e4 100%);
    background:-o-linear-gradient(top, #f7f7f7 0%,#ededed 66%,#e4e4e4 100%);
    background:-ms-linear-gradient(top, #f7f7f7 0%,#ededed 66%,#e4e4e4 100%);
    background:linear-gradient(top, #f7f7f7 0%,#ededed 66%,#e4e4e4 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color='#707070', direction=135, strength=2), progid:DXImageTransform.Microsoft.Gradient(startColorstr='#f7f7f7', endColorstr='#e4e4e4',GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#707070', direction=135, strength=2), progid:DXImageTransform.Microsoft.Gradient(startColorstr='#f7f7f7', endColorstr='#e4e4e4',GradientType=0);
}
div#siteSuggestLightbox div.redirect-button a {text-decoration:none;}
div#siteSuggestLightbox div.redirect-button a span {float:left;}
div#siteSuggestLightbox div.redirect-button a span.flag {background:url(/web/images/core/site-suggest-lightbox-flags.png) no-repeat; display:block; height:16px; margin:7px 0 0 7px; width:22px;}
div#siteSuggestLightbox div.redirect-button a span.flag.en-GB {background-position:0 0;}
div#siteSuggestLightbox div.redirect-button a span.flag.en-US {background-position:0 -16px;}
div#siteSuggestLightbox div.redirect-button a span.flag.fr-FR {background-position:0 -32px;}
div#siteSuggestLightbox div.redirect-button a span.flag.de-DE {background-position:0 -48px;}
div#siteSuggestLightbox div.redirect-button a span.flag.it-IT {background-position:0 -64px;}
div#siteSuggestLightbox div.redirect-button a span.flag.es-ES {background-position:0 -80px;}
div#siteSuggestLightbox div.redirect-button a span.flag.en-AU {background-position:0 -96px;}
div#siteSuggestLightbox div.redirect-button a span.country {color:#6b6b6b; font-size:1.2em; font-weight:bold; margin:8px 0 0 7px;}
div#siteSuggestLightbox div.redirect-button a span.arrow {color:#6b6b6b; font-size:1.6em; font-weight:bold; margin:6px 0 0 7px;}
div#siteSuggestLightbox div.bottom {background:#f4f4f4; border-top:1px dotted #000; margin:30px 0 0; overflow:hidden; padding:0 0 20px; text-align:center;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
div#siteSuggestLightbox div.bottom a {color:#727272; display:block; font-size:1.2em; margin:20px 0 0; text-align:center; text-decoration:none;}
div#siteSuggestLightbox div.bottom a span {text-decoration:underline;}
div#siteSuggestLightbox div.bottom a span:hover {text-decoration:underline;}
div#siteSuggestLightbox div.bottom a span.arrow {font-size:1.2em; margin:0 0 0 5px; text-decoration:none;}
div#siteSuggestLightbox div.bottom a span.arrow:hover {text-decoration:none;}
div#siteSuggestLightbox a.close {color:#000; font-size:1.1em; font-weight:bold; padding:5px; position:absolute; right:8px; text-decoration:none; top:7px;}
div#siteSuggestLightbox a.close:hover {text-decoration:none;}

/* Group navigation */
nav#group-navigation {background:#242424; font-family:Georgia, serif; height:34px;}
nav#group-navigation ul {margin:0 auto; position:relative; width:974px; z-index:999;}
nav#group-navigation ul li {color:#fff; float:left; font-size:1.2em; margin:3px 0 2px;
    /* The background is used to specify the border background */
    background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0MjQyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzVjNWM1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDI0MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top, #242424 0%, #5c5c5c 50%, #242424 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#242424), color-stop(50%,#5c5c5c), color-stop(100%,#242424));
    background:-webkit-linear-gradient(top, #242424 0%, #5c5c5c 50%, #242424 100%);
    background:-o-linear-gradient(top, #242424 0%, #5c5c5c 50%, #242424 100%);
    background:-ms-linear-gradient(top, #242424 0%, #5c5c5c 50%, #242424 100%);
    background:linear-gradient(top, #242424 0%, #5c5c5c 50%, #242424 100%);
    /* Background origin is the padding box by default.
    Override to make the background cover the border as well. */
    -moz-background-origin:border;
    background-origin:border-box;
    /* A transparent border determines the width */
    border:solid transparent;
    border-width:0 1px 0 0;
    /* The background color */ 
    box-shadow:inset -999px 0 0 #242424;
}
html.ie6 nav#group-navigation ul li,
html.ie7 nav#group-navigation ul li,
html.ie8 nav#group-navigation ul li {border:solid #5c5c5c; border-width:0 1px 0 0; box-shadow:none;}
nav#group-navigation ul li:first-child,
nav#group-navigation ul li:last-child {background:none; border:none; box-shadow:none;}
nav#group-navigation ul li a {color:#fff; display:block; padding:7px 15px; text-decoration:none; text-transform:uppercase;}
nav#group-navigation ul li:first-child a {background:#fff; color:#000; padding:7px 15px 11px;}
html.ie6 nav#group-navigation ul li:first-child a,
html.ie7 nav#group-navigation ul li:first-child a,
html.ie8 nav#group-navigation ul li:first-child a {padding:7px 15px 9px;}
nav#group-navigation ul li:first-child a span {border:solid #999; border-width:0 0 1px 0;}
nav#group-navigation ul li:hover a {color:#999;}

/* Navigation tooltips */
nav#group-navigation ul li div.tooltip {background:#f2f2f2; color:#242424; display:none; font-family:Tahoma, serifSansSerifMonospace; font-size:0.95em; padding:10px; position:absolute; top:34px; z-index:999;
    -moz-box-shadow:3px 4px 0 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow:3px 4px 0 0 rgba(0, 0, 0, .2);
	box-shadow:3px 4px 0 0 rgba(0, 0, 0, .2);
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color='#707070', direction=135, strength=2)";
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#707070', direction=135, strength=2);
}
nav#group-navigation ul li div.tooltip span.tooltip-arrow {border-color:transparent transparent #f2f2f2 transparent; border-style:solid; border-width:5px 5px; height:0; left:35px; margin:0; position:absolute; top:-10px; width:0;}
nav#group-navigation ul li.marketplace:hover div.tooltip.marketplace {display:block;}
nav#group-navigation ul li.fashionfinder:hover div.tooltip.fashionfinder {display:block;}

/* Navigation notification */
nav#group-navigation div.wrapper {margin:0 auto; position:relative; width:974px; z-index:999;}
nav#group-navigation div#group-navigation-notification {background:#444; color:#fff; display:none; font-family:Tahoma, serifSansSerifMonospace; font-size:1.1em; left:134px; padding:10px; position:absolute; top:40px; z-index:999;
    -moz-box-shadow:3px 4px 0 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow:3px 4px 0 0 rgba(0, 0, 0, .2);
	box-shadow:3px 4px 0 0 rgba(0, 0, 0, .2);
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color='#707070', direction=135, strength=2)";
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#707070', direction=135, strength=2);
}
html.ie7 nav#group-navigation div#group-navigation-notification {top:5px;}
nav#group-navigation div#group-navigation-notification span.tooltip-arrow {border-color:transparent transparent #444 transparent; border-style:solid; border-width:5px 5px; height:0; left:30px; margin:0; position:absolute; top:-10px; width:0;}

/* Header */
div.site-header {width:974px; height:70px; position:absolute; top:5px; color:#333; font-size:1em; z-index:99;}
div.site-header a {text-decoration:none; color:#333;}
div.site-header a:hover {color:#999;}
div.site-header a.logo {background:transparent url(/web/images/core/asos-logo.png) no-repeat top left; color:#333; display:block; float:left; height:48px; margin:15px 0 0; text-indent:-9999px; width:125px;}

/* Country and currency dropdown */
div#localisationMenu {float:right; margin:11px 0 0;}
div#localisationMenu a {cursor:pointer; display:block; font-size:1.1em; line-height:1.5em; padding:0 11px 0 0; position:relative;}
div#localisationMenu a:hover {color:#888;}
div#localisationMenu span.flag {background:url(/web/images/core/site-flags.png) no-repeat 0 0; display:block; height:11px; width:16px;
    -moz-box-shadow:1px 1px 0 #ccc;
    -webkit-box-shadow:1px 1px 0 #ccc;
    box-shadow:1px 1px 0 #ccc;
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc')";
    filter:progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc');                                
}
div#localisationMenu a span.flag {float:left; margin:2px 6px 0 0;}
div#localisationMenu span.flag.en-GB,
div#localisationMenu a.en-GB span.flag {background-position:0 0;}
div#localisationMenu span.flag.en-US,
div#localisationMenu a.en-US span.flag {background-position:0 -11px;}
div#localisationMenu span.flag.fr-FR,
div#localisationMenu a.fr-FR span.flag {background-position:0 -22px;}
div#localisationMenu span.flag.de-DE,
div#localisationMenu a.de-DE span.flag {background-position:0 -33px;}
div#localisationMenu span.flag.it-IT,
div#localisationMenu a.it-IT span.flag {background-position:0 -44px;}
div#localisationMenu span.flag.es-ES,
div#localisationMenu a.es-ES span.flag {background-position:0 -55px;}
div#localisationMenu span.flag.en-AU,
div#localisationMenu a.en-AU span.flag {background-position:0 -66px;}
div#localisationMenu a span.menu-arrow-shadow {border-color:#cecece transparent transparent; border-style:solid; border-width:5px 3px; height:0; position:absolute; right:0; top:6px; width:0;}
html.ie6 div#localisationisationMenu a span.menu-arrow-shadow {display:none;} /* ie6 fix */
div#localisationMenu a span.menu-arrow {border-color:#000 transparent transparent; border-style:solid; border-width:5px 3px; height:0; position:absolute; right:1px; top:5px; width:0;}
html.ie6 div#localisationMenu a span.menu-arrow {border-left-color:#ffc0cb; border-bottom-color:#ffc0cb; border-right-color:#ffc0cb; filter:chroma(color=#ffc0cb);} /* ie6 fix */
div#localisationMenu a:hover span.menu-arrow {border-color:#888 transparent transparent;}
div#localisationMenu div.menu {background:#f4f4f4; display:none; left:784px; overflow:hidden; position:absolute; top:30px; width:190px; z-index:99999;}
div#localisationMenu div.menu p {color:#444; font-size:1.1em; margin:0 0 8px;}
div#localisationMenu div.menu div.current-country {background:#ededed; border:solid #c8c8c8; border-width:1px 0; font-family:Georgia; font-size:1em; line-height:1.1em; padding:10px 0 10px 15px; text-transform:uppercase;}
div#localisationMenu div.menu div.current-country span {float:left; margin:0 10px 0 0;}
div#localisationMenu div.menu div.currency-list {padding:10px 12px 0;}
div#localisationMenu div.menu div.currency-list select {border:1px solid #c8c8c8; color:#000; font-size:1.1em; height:18px; margin:0; vertical-align:top; width:166px;}
div#localisationMenu div.site-selector-list {display:inline-block; padding:14px 12px 10px;}
div#localisationMenu div.site-selector-list li {clear:both; float:left; padding-bottom:1px; position:relative;}
div#localisationMenu div.site-selector-list li a {border:solid #e3e3e3; border-width:0 0 1px; color:#333; display:block; float:left; padding:4px 4px 4px 28px; text-align:left; width:134px;}
div#localisationMenu div.site-selector-list li a span.flag {left:4px; position:absolute; top:4px;}
div#localisationMenu div.site-selector-list li a span.arrow {display:none; position:absolute; right:4px; top:4px;}
div#localisationMenu div.site-selector-list li:hover a span.arrow {display:block;}

/* Your account menu */
div.site-header div#yourAccount {clear:right; display:block; float:right; margin:17px 0 0; position:relative; text-align:right; width:300px; z-index:11111;}
div.site-header div#yourAccount span {color:#000; font-size:1.2em;}
div.site-header div#yourAccount a {color:#666; font-size:1.2em; margin:3px 0 0; text-align:right; text-decoration:none;}
div.site-header div#yourAccount a:hover {text-decoration:underline;}
div.site-header div#yourAccount a.user-recognised {font-size:1.1em;}
div.site-header div#yourAccount span.not-recognised {margin:0 5px 0 0;}

/* Your bag */
div.site-nav ul#yourBag {float:right; margin:11px 0 0;}
html.ie6 div.site-nav ul#yourBag {margin:11px -100px 0;} /* ie6 fix */
div.site-nav ul#yourBag li {float:left;}
div.site-nav ul#yourBag li a.bag-link {color:#000; border-right:1px solid #c9c9c9; font-family:Georgia; font-size:1.1em; padding:0 10px; z-index:11115;}
div.site-nav ul#yourBag li a.bag-link:hover {color:#666;}
div.site-nav ul#yourBag li a.mini-bag-title {border-right:none; padding:0 0 0 10px; display:block; float:left; width:auto;}
div.site-nav ul#yourBag li a.mini-bag-title:hover {color:#666;}
div.site-nav ul#yourBag li a.mini-bag-title span.total {margin:2px 0 0 4px;}
div.site-nav ul#yourBag li a.mini-bag-title span.quantity-wrap {color:#666;}
div.site-nav ul#yourBag li a.account-link,
div.site-nav ul#yourBag li a.saved-items {position:relative;}

/* Search - 'div.no-results' is the search box which appears on the search no results page */
div.site-header .search {height:34px; left:309px; position:absolute; top:23px; z-index:1;}
div.site-header .search label,
div.no-results .search label {position:absolute; top:10px; left:6px; z-index:2; font-size:1.2em; overflow:hidden; width:310px; height:15px;}
div.site-header .search input.search-box,
div.no-results .search input.search-box {border:1px solid #999; border-width:1px 0 1px 1px; color:#000; float:left; font-size:1.2em; height:22px; line-height:22px; padding:5px; position:relative; vertical-align:top; width:310px;}
div.site-header .search input.add-border,
div.no-results .search input.add-border {border:1px solid #000; border-width:1px 0 1px 1px; outline:none;}
div.site-header .search a.clear-search,
div.no-results .search a.clear-search {background:url(/web/images/core/clear-search-x.gif) no-repeat 0 0; color:#fff; font-size:1.1em; height:16px; left:299px; padding-left:5px; position:absolute; top:9px; width:16px; z-index:5;} 
div.site-header .search a.go,
div.no-results .search a.go {border:1px solid #999; border-width:1px 1px 1px 0; color:#000; display:block; float:right; font-size:1.3em; font-weight:bold; height:32px; left:321px; line-height:34px; overflow:hidden; position:absolute; text-align:center; text-transform:uppercase; vertical-align:middle; width:34px;}
div.site-header .search a.go:hover,
div.no-results .search a.go:hover {cursor:pointer; text-decoration:underline;}
div.site-header .search a.go.add-border,
div.no-results .search a.go.add-border {border:1px solid #000; border-width:1px 1px 1px 0;}
div.site-header .search a.go span,
div.no-results .search a.go span {background:url(/web/images/buttons/search-magnify.png) no-repeat 0 0; display:block; height:32px; width:34px;}
div.site-header .search a.go:hover span,
div.no-results .search a.go:hover span {background-position:0 -32px;}
div.site-header .search a.go:focus span,
div.no-results .search a.go:focus span {background-position:0 -32px;}

/* Search suggestions */
div.search-suggestions {background:#fff; border:1px solid #a9a9a9; display:none; left:0; padding:5px 0; position:absolute; top:33px; width:320px;
    -moz-box-shadow:2px 2px 3px rgba(102, 102, 102, 0.5);
    -webkit-box-shadow:2px 2px 3px rgba(102, 102, 102, 0.5);
    box-shadow:2px 2px 3px rgba(102, 102, 102, 0.5);
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#bababa')";
    filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#bababa');
}
div.recent-searches-header {color:#666;}
div.recent-searches-header p {border-bottom:1px dotted #a9a9a9; margin:0 10px 6px; padding:5px 0 8px; position:relative; text-transform:uppercase;}
div.recent-searches-header span.clear-recent-searches {cursor:pointer; left:287px; position:absolute; top:10px;}
div.suggestions-results li span.suggestion {color:#000; display:block; font-size:1.2em; margin:0 5px; padding:5px; position:relative; cursor:pointer;}
html.ie6 div.suggestions-results li span.suggestion {height:12px;} /* ie6 fix */
div.suggestions-results li span.suggestion:hover {text-decoration:none;}
div.suggestions-results li.selected span.suggestion {background:#e8e8e8; color:#000; text-decoration:none;}
div.suggestions-results li span.suggestion span.result-quantity {color:#999; position:absolute; right:10px;}

/* Breadcrumbs */
div.content-top {color:#000; margin:10px 0; overflow:hidden; border-bottom:1px solid #e3e3e3; padding-bottom:8px;}
div.content-top a {color:#000; text-decoration:none;}
div.content-top a:hover {text-decoration:underline;}
div.content-top a.back {display:block; float:right; font-size:1.1em;}
div.content-top div.breadcrumbs {font-size:1.1em;}
div.content-top div.breadcrumbs span {color:#666;}
div.content-top div.breadcrumbs span.breadcrumb-arrow {color:#999; font-size:1.2em; line-height:1em; padding:0 4px;}

/* Store Delivery/Collection */
div.map-popup {width:820px;}
div.map-popup .map-canvas {border-top:3px solid #808080; height:600px; margin:10px; width:800px;}
div.map-popup .selected-address {clear:left; margin:10px 0;}
div.map-popup .store-name {font-size:1em; font-weight:bold; padding:0 0 5px;}
div.map-popup .store-details {float:left; padding:0 10px 0 0; width:90px;}
div.map-popup .services {float:left; clear:left; padding:5px 0 0;}
div.map-popup .store-distance {background:#F4F4F4; float:left; padding:2px 0; text-align:right; width:65px;}
div.map-popup .store-list-name {font-size:1.2em; font-weight:bold; padding:0 0 5px; clear:right;}
div.map-popup .store-info {float:left; margin:0 0 0 20px;}
div.map-popup .address-item {border-bottom:dashed 1px #808080; clear:left; float:left; margin:0 0 20px 30px; padding:0 0 5px; width:740px;}
div.map-popup .view-type {background:#FFF; border:solid 2px; cursor:pointer; float:right; font-size:1.2em; margin:1px; padding:0 4px; text-align:center; width:60px;}
div.map-popup .view-type-selected {background:#000; border-color:#000; color:#FFF;}
div.map-popup .search-container {background:#FFF; height:130px; margin:0 5px 5px 10px; padding:10px 0 0; width:320px;}
div.map-popup .search-container-header {background:url("/secure/images/deliver-to-store/orange-bullet.gif") no-repeat scroll 0 50% transparent; font-weight:bold; font-size:2em; margin:0 0 0 15px; padding:10px 0 10px 25px;}
div.map-popup .search-controls {font-size:1.2em; margin:0 0 0 40px;}
div.map-popup .list-container {display:inline-block; padding:0 10px; width:800px;}
div.map-popup .selection-container {font-size:1.2em; height:520px; margin:10px; width:800px;}
div.map-popup .selection-container .left-panel {background:#F4F4F4; float:left; padding:10px; width:150px;}
div.map-popup .selection-container .left-panel .header {border-bottom:1px solid #C4C4C4; height:10px; font-weight:bold; margin:0 0 10px; padding:0 0 10px;}
div.map-popup .selection-container .right-panel {float:right; position:relative; width:600px;}
div.map-popup .selection-container .right-panel .header {border:none; font-size:1.8em; font-weight:bold; height:10px; margin:0 0 20px;}
div.map-popup .header {border-bottom:1px solid #C4C4C4; height:75px; margin:0 0 10px;}
div.map-popup img.collectplus-logo {float:left; padding:10px;}
div.map-popup img.asos-logo {float:right; height:50px; padding:10px; position:relative; width:104px; z-index:2;}
div.map-popup input.phone {height:18px; margin:0 0 20px 4px; width:80px;}
div.map-popup input.confirmation {float:right;}
div.map-popup input.postcode {background:#F0E7B4; margin:0 5px; text-transform:uppercase; width:80px;}
div.map-popup .orange-button {background:#EE4A00; color:#FFF; cursor:pointer; text-align:center; width:58px;}
div.map-popup .table-header {margin:0 0 5px;}
div.map-popup .store-key-container {height:30px;}
div.map-popup .store-key-container .delivery-options {float:right; margin:0 5px 0 0; width:300px;}
div.map-popup .store-key-container .delivery-options img {float:left;}
div.map-popup .store-key-container .standard-delivery {float:left;}
div.map-popup .store-key-container .next-day-delivery {float:left;}
div.map-popup .store-key-container .delivery-option {float:left; margin:6px 20px 0 5px;}
div.map-popup .lightbox-close {cursor:pointer; height:12px; position:absolute; right:5px; top:2px; width:12px; z-index:3;}
div.map-popup .store-details .orange-button {width:40px;}
div.map-popup .error-message {color:#F00; margin:10px 0 0; }
div.map-popup .contact-number-container {height:50px;}
div.map-popup .contact-number-input {float:left; margin:0 5px 0 0;}
div.map-popup .contact-number-error {color:#F00; float:left; margin:2px 0 0; visibility:hidden;}
div.info-box {height:200px; padding:5px 0 10px 10px; width:254px;}
div.info-box .store-name {font-size:1.6em; font-weight:bold; padding:5px 0; width:234px;}
div.info-box .store-info {border-top:dashed 1px #808080; float:none; margin:0; padding:5px 0 0;}
div.info-box .store-address {float:left; width:100px;}
div.info-box .store-times {border-left:dashed 1px #808080; float:right; padding:0 0 0 5px; width:100px;}
div.info-box .close-button {cursor:pointer; height:15px; padding:5px 0 0; position:absolute; right:10px; top:5px; width:15px;}
div.info-box .info-box-footer {bottom:20px; position:absolute; right:5px; width:230px; }
div.info-box .select-store {float:right; margin:0 18px 0 0; padding:10px 0 0;}
div.info-box .services {float:left;}

/* Footer */
div.site-footer {color:#666; clear:both; width:974px; position:absolute; border-top:4px solid #000;}
div.site-footer a {color:#666; cursor:pointer; text-decoration:none;}
div.site-footer a:hover {text-decoration:underline;}
div.site-footer div {overflow:hidden;}
div.site-footer div.newsletters {padding:16px 0; border-bottom:1px solid #e6e6e6;}
div.site-footer div.newsletter-sign-up {margin:0 auto; width:645px;}
div.site-footer div.newsletter-sign-up a,
div.site-footer div.newsletter-sign-up input,
div.site-footer div.newsletter-sign-up label {float:left;}
div.site-footer div.newsletter-sign-up label a {font-size:1.4em; line-height:2.2em;}
div.site-footer div.newsletter-sign-up a.button.women {margin:3px 7px 0 0; min-width:49px;}
div.site-footer div.newsletter-sign-up a.button.men {margin:3px 0 0; min-width:49px;}
div.site-footer div.newsletter-sign-up input.email-address {border:1px solid #c0c1c1; color:#666; font-size:1.1em; height:16px; margin:0 10px; padding:5px; width:295px;}
div.site-footer div.newsletter-sign-up input:hover {border:1px solid #999;}
div.site-footer div.newsletter-thank-you {text-align:center;}
div.site-footer div.newsletter-thank-you span {font-family:Georgia; font-size:1.1em; text-align:center;}

div.site-footer div.footer-wrapper {background:#f9f9f9; margin:0 0 20px; padding:0 15px 0 15px;}
div.site-footer div.footer-links {clear:both; overflow:auto; padding:15px 0 30px;}
div.site-footer div.footer-links ul {float:left; width:188px;}
div.site-footer div.footer-links ul li {padding:0 20px 0 0;}
div.site-footer div.footer-links ul li h2 {color:#202020; font-family:Georgia; font-size:1.1em; font-weight:normal; margin:0 0 5px; text-transform:uppercase;}
div.site-footer div.footer-links ul li a {color:#7b7b7b; font-size:1.1em; line-height:1.6em;}
div.site-footer div div.cards {background:url(/web/images/core/footer-card-images.png) no-repeat 0 0; display:block; float:left; height:22px; margin:2px 0 0; text-indent:-9999px; width:432px;}
div.site-footer div div.site-selector-list {float:right; margin:6px 0 0;}
div.site-footer div div.site-selector-list h3 {color:#202020; font-size:1.3em; float:left; font-weight:normal; margin:0;}
div.site-footer div div.site-selector-list ul {float:left;}
div.site-footer div div.site-selector-list ul li {float:left;}
div.site-footer div div.site-selector-list ul li a {border-width:0; display:block; height:12px; margin:2px 0 0 10px; text-indent:-9999px; width:17px;}
div.site-footer div div.site-selector-list ul li a span {background:url(/web/images/core/site-flags.png) no-repeat; display:block; height:11px; position:relative; top:-12px; width:16px;
    -moz-box-shadow:1px 1px 0 #ccc;
    -webkit-box-shadow:1px 1px 0 #ccc;
    box-shadow:1px 1px 0 #ccc;
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc')";
    filter:progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc'); 
}
div.site-footer div div.site-selector-list ul li a.en-GB span {background-position:0 0;}
div.site-footer div div.site-selector-list ul li a.en-US span {background-position:0 -11px;}
div.site-footer div div.site-selector-list ul li a.fr-FR span {background-position:0 -22px;}
div.site-footer div div.site-selector-list ul li a.de-DE span {background-position:0 -33px;}
div.site-footer div div.site-selector-list ul li a.it-IT span {background-position:0 -44px;}
div.site-footer div div.site-selector-list ul li a.es-ES span {background-position:0 -55px;}
div.site-footer div div.site-selector-list ul li a.en-AU span {background-position:0 -66px;}
div.site-footer div.disclaimer {border-top:1px solid #e6e6e6; clear:both; margin:10px 0 0; position:relative; text-align:center;}
div.site-footer div.disclaimer div a {color:#303030; font-family:Georgia; font-size:1.1em;}
div.site-footer div.disclaimer div a:hover {color:#303030; text-decoration:underline;}
div.site-footer div.disclaimer div p {color:#6f6f6f}
div.site-footer div.disclaimer div.links {display:inline-block; margin:0 auto; padding:14px 0; text-align:center; width:708px;}
div.site-footer div.disclaimer div.links ul {overflow:hidden; text-align:center;}
div.site-footer div.disclaimer div.links ul li {border-left:1px solid #000; display:inline; padding:0 5px;}
div.site-footer div.disclaimer div.links ul li.first {border:none; padding:0 5px 0 0;}
div.site-footer div.disclaimer div.links p {clear:left; margin:5px 0 0;}
div.site-footer div.disclaimer div.legal {float:right; padding:14px 0; position:absolute; right:0; text-align:right; top:0;}
div.site-footer div.disclaimer div.legal p {margin:5px 0 0;}
div.site-footer div.disclaimer div.legal p.copyright {color:#303030; font-family:Georgia; font-size:1.1em; margin:0;}

div.site-footer div.secured-logo {background:url(/web/images/core/comodo-lock.gif) no-repeat; display:block; float:left; height:36px; margin:-18px 0 0; position:absolute; top:50%; width:80px;}

/* Buttons */
div.site-content a.tab-action {background:#000; color:#fff; display:block; letter-spacing:0.2em; padding:4px 5px; text-align:right; text-decoration:none; text-transform:uppercase; width:220px;}
div.site-content a.tab-action:hover, div.site-content a.tab-action.active {background:#797979; text-decoration:none;}
div.site-content a.button.unsubscribe {min-width:200px;}

h2.styled {border:none; color:#333; font-size:0.9em; margin:0 auto 30px; letter-spacing:0.25em; text-align:center; text-transform:uppercase; width:170px;}

.creative-wrapper {position:relative;}
.creative-category{position:absolute; left:0; top:0;}
.creative-html{position:absolute; left:0; top:0;}
.creative-html a:focus, .creative-category a:focus {outline:none;}
.creative-html a:hover, .creative-category a:hover {outline:none;}
#creativeContent{position:absolute; left:0; top:0;}

/* Information messages */
div.alert {background:#fff7f7 url(/web/images/core/alert.gif) no-repeat right -20px; border:1px solid #fcc; color:#c33; margin:0 0 2em; padding:5px;}
div.alert a {color:#c33;}
div.alert a:hover {color:#933;}

/*Rounded corners*/
.bottom {bottom:-1px;}.corner {background:url(/web/images/core/corner.gif);} /*IE6 specific styles*/	
.corner {position:absolute; height:14px; width:14px; z-index:100;}
.site-content > .corner {background:url(/web/images/core/corner.png);}
.site-content > .bottom {bottom:0;}
.top {top:-28px;}
.right {right:0;}
.left {left:0;}
.top.left, div.tl {background-position:left top;}
.top.right, div.tr {background-position:right top;}
.bottom.left, div.bl {background-position:left bottom;}
.bottom.right, div.br {background-position:right bottom;}

/* Site navigation */
div.site-nav {font-family:Georgia; font-size:1.1em; height:38px; left:0; position:absolute; top:80px; width:974px; z-index:98;}
div.site-nav ul {list-style-type:none;}
div.site-nav li {list-style-type:none;}
div.site-nav a {text-decoration:none;}

/* Side (left) navigation */
div#side-nav {color:#000; float:left; font-family:Georgia; font-size:1.15em; padding:10px 0 0; position:relative; width:180px;}
div#side-nav h1 {border-bottom:1px solid #000; font-family:Tahoma; font-size:1em; font-weight:bold; line-height:1em; margin:0 0 10px; padding:0 0 10px; text-transform:uppercase;}
div#side-nav p.precis {font-family:Tahoma; line-height:1.2em; margin:0 0 10px;}
div#side-nav p.precis a {color:#000; text-decoration:none;}
div#side-nav p.precis a:hover {color:#969696;}
div#side-nav p.cat-title {border-top:1px solid #000; font-weight:bold; padding:10px 0 0; margin:0 0 10px;}
div#side-nav ul {padding-bottom:15px;}
div#side-nav ul li {display:block; min-height:17px;}
div#side-nav ul li a {color:#000; height:auto; line-height:1.8em;}
div#side-nav ul li a:hover {color:#969696; text-decoration:none;}
div#side-nav ul li a.red {color:#b0171f;}
div#side-nav ul li a.red:hover {color:#c48189;}

/* Menu links */
div.site-nav ul.floors li {float:left; top:0;}
div.site-nav ul.floors li a {background:url(/web/images/nav/nav-divider.gif) no-repeat 100% 10px; color:#000; display:block; font-family:Georgia; font-size:1.6em; height:2.3em; line-height:2em; padding:0 14px; position:relative; text-align:center; text-transform:uppercase; z-index:1;}
html.ie6 div.site-nav ul.floors li a {display:inline-block;}
div.site-nav ul.floors li:last-child a {background:none;}
div.site-nav ul.floors li a.selected span {border-bottom:1px solid #000;}
div.site-nav ul.floors li a:hover,
div.site-nav ul.floors li a.active {background:url(/web/images/nav/nav-bg.png) repeat-x 0 0; color:#fff; left:-1px; position:relative;}
div.site-nav ul.floors li a:hover span,
div.site-nav ul.floors li a span:hover,
div.site-nav ul.floors li a.active span,
div.site-nav ul.floors li a.selected:hover span {border-bottom:1px solid #fff;}

div.site-nav ul.floors li.home a {background:none; padding:0; height:38px; width:28px;}
div.site-nav ul.floors li.home a span {background:url(/web/images/nav/nav-bg.png) no-repeat 0 -115px; height:38px; width:28px;}
div.site-nav ul.floors li.home a.selected span {background-position:0 -39px;}
div.site-nav ul.floors li.home a:hover,
div.site-nav ul.floors li.home a.active {cursor:pointer; left:0;}
div.site-nav ul.floors li.home a:hover span {background-position:0 -77px;}

div.site-nav ul.floors li:hover div.sub-floor-menus dl dd ul.items {margin:0 0 0 1px; width:144px;}

/* Sub menus */
div.site-nav .menu ul li div.sub-floor-menus {position:absolute; top:34px; left:-9999px; padding:0; margin:0 0 0 -1px; overflow:hidden; z-index:101;}

/* iPad fix - hide the menu first */
div.sub-floor-menus {display:none;}
div.site-nav .css-menu ul li:hover div.sub-floor-menus {position:absolute; left:auto; padding:0; display:inline;}
div.site-nav .menu ul li:hover div.sub-floor-menus {position:absolute; left:auto; padding:0; display:inline;} /*This is needed for the ipad hover of the main navigation as the class 'css-menu' gets removed when the JS renders the navigation*/
div.site-nav .menu div.sub-menu-wrapper-top {border-top:5px solid #000;}
div.site-nav .menu div.sub-menu-wrapper {overflow:hidden; background:#fff;}

/* IE7 only hack */
html.ie7 div.site-nav .menu ul :hover div.sub-floor-menus {display:none;} 

/* IE6 and below version of the navigation */
div.site-nav div.sub-floor-menus {background:#fff; border-right:1px solid #999; border-bottom:1px solid #999;}

/* Reset IE6 version */
div.site-nav li > div.sub-floor-menus {background:none; border:none;}
div.site-nav li > div.sub-floor-menus {border-right:1px solid transparent;} /*Only IE7 needs this line*/

/* Version for all other browsers */
div.site-nav li > div.sub-floor-menus div.sub-menu-wrapper-right {background:url(/web/images/nav/sub-nav-vertical-border.png) no-repeat bottom right; padding:0 7px 0 0;}
div.site-nav li > div.sub-floor-menus div.sub-menu-wrapper-bottom {background:url(/web/images/nav/sub-nav-horizontal-border.png) no-repeat bottom left; padding:0 0 7px;}

/* Exceptional case for first menu item */
div.sub-floor-menus div.menu:first-child {margin-left:0;}
div.sub-floor-menus div.menu:first-child div.sub-menu-wrapper-left {background:none; margin:0;}
div.sub-floor-menus div.menu:first-child div.sub-menu-wrapper-right {padding:0 14px 0 0;}
div.sub-floor-menus div.menu:first-child div.sub-menu-wrapper {padding:0 0 0 10px;}

/* Menu Section */
div.sub-floor-menus dl {border-left:1px solid #999; float:left; display:inline; margin-bottom:-10000px; overflow:hidden; padding-bottom:10000px;}
div.sub-floor-menus dl:first-child {border:none;} /* IE6 can't see this */
div.sub-floor-menus dl dt {font-family:Georgia; border-bottom:1px dashed #cacaca; font-size:1.05em; font-weight:normal; line-height:2em; width:auto; padding-left:10px; padding-right:0; color:#202020; letter-spacing:0.5px;} 
div.sub-floor-menus dl ul.items {width:145px; display:inline; float:left; padding:6px 0 10px 10px;}
div.sub-floor-menus dl ul.items li {display:block; float:none; min-height:15px; line-height:1.4em; list-style-position:outside;}

/* Featured Section */
div.sub-floor-menus dl.featured dt {border:none;}
div.sub-floor-menus dl.featured ul.items {padding:0;}
div.sub-floor-menus dl.featured ul.items li {border-top:1px dashed #cacaca; padding:6px;}	

/* Sub Menu Links */
div.site-nav ul.floors li div.sub-floor-menus a {background:none; border:none; display:inline; font-family:Tahoma; font-size:1em; font-weight:normal; height:auto; line-height:1.2em; padding:0; text-transform:none; white-space:nowrap;}
div.site-nav ul.floors li div.sub-floor-menus a:hover {background:#000; color:#fff; margin:0 0 0 -1px; padding:0 1px; text-decoration:none;}
div.site-nav ul.floors li div.sub-floor-menus a span {display:none;}

div.site-nav div.sub-floor-menus dl ul.items li a.sale {color:#b0171f;}
div.site-nav div.sub-floor-menus dl ul.items li a.sale:hover {background:#b0171f; color:#fff;}
div.site-nav div.sub-floor-menus dl ul.items li a.clearance {color:#36f;}
div.site-nav div.sub-floor-menus dl ul.items li a.clearance:hover {background:#36f; color:#fff;}
div.site-nav div.sub-floor-menus dl ul.items li a.new {color:#d6b500;}
div.site-nav div.sub-floor-menus dl ul.items li a.new:hover {background:#d6b500; color:#fff;}
div.site-nav div.sub-floor-menus dl ul.items li a.branddirectory {color:#000; font-weight:bold;}
div.site-nav div.sub-floor-menus dl ul.items li a.branddirectory:hover {background:#000; color:#fff;}
div.site-nav div.sub-floor-menus dl ul.items li a.red {color:#b0171f;}
div.site-nav div.sub-floor-menus dl ul.items li a.red:hover {background:#b0171f; color:#fff;}
div.site-nav div.sub-floor-menus dl ul.items li a.blue {color:#36f;}
div.site-nav div.sub-floor-menus dl ul.items li a.blue:hover {background:#36f; color:#fff;}
div.site-nav div.sub-floor-menus dl ul.items li a.black {color:#000;}
div.site-nav div.sub-floor-menus dl ul.items li a.black:hover {background:#000; color:#fff;}
div.site-nav div.sub-floor-menus dl ul.items li a.pink {color:#c48189;}
div.site-nav div.sub-floor-menus dl ul.items li a.pink:hover {background:#c48189; color:#fff;}
div.site-nav div.sub-floor-menus dl ul.items li a.yellow {color:#fdd017;}
div.site-nav div.sub-floor-menus dl ul.items li a.yellow:hover {background:#fdd017; color:#fff;}

/* Social link sharing - Creative pgehtml */
div.creative-panel div#socialSharing {display:none;}
div.creative-panel div#socialSharing div.facebook-buttons .fb_iframe_widget span iframe {background-color:transparent;}

/* Apply 'display:none' to an element */
.hide {display:none;}

/* Apply 'display:none' to an javascript element */
.js-hide {display:none !important;}

/* Apply 'display:none' to a mvt testing element */
.mvt-hide {display:none;}