/* YUI Reset file: Copyright (c) 2008, Yahoo! Inc. All rights reservd. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0*/ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} /* ELEMENTS */ html, iframe { background:#efefef; } body { background:#efefef; color:#333; font-family:Verdana, sans-serif; font-size:60%; margin:0;} img { border: 0;} h1,h2,h3,h4,h5,h6 { font-weight:bold;} h1 { font-size: 1.9em; margin: 10px 0; color: #000; } h2 { font-size: 1.2em; margin: 1em 0; } h3 { margin:1em 0; } cite { font-style: normal; font-weight: bold; } strong { font-weight: bold; } em { font-style: italic; } ol li { list-style: decimal outside; } p { margin: 0 0 1em 0;} /*From base.css We can probably lose these bits blockquote,ul,ol,dl{margin:1em;} ol,ul,dl{margin-left:2em;} dl dd{margin-left:1em;} th,td{border:1px solid #000;padding:.5em;} p,fieldset,table,pre{margin-bottom:1em;} input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}*/ /* COMMON */ div.clear { clear:both;} span.attention, p.attention, strong.attention { color: #f00; } div.content-panel .top-link { text-align: right; margin: 0 0 20px 0; } div.content-panel .top-link a { color: #aaa; } div.content-panel .top-link a:hover { color: #666; } /* SKELETON */ div.site-wrapper { margin: 0 auto; width:974px; } div.site-content { font-size: 1em; position:absolute; top:103px; 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; 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} /*FOR IMAGE REPLAEMENT*/ .replace{ position:relative; margin:0px; padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ } .replace span{ display:block; position:absolute; top:0px; left:0px; z-index:1; /*for Opera 5 and 6*/ } /* HEADER */ div.site-header {width:974px; height:68px; position:absolute; top: 10px; 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(/assets/asosCom/images/core/logo.gif) no-repeat top left; color:#333; display: block; float:left;width: 202px; height: 59px;} div.site-header > a.logo {background-image:url(/assets/asosCom/images/core/logo.png);} div.site-header ul.actions {z-index: 1; position:absolute; width:242px; text-align:right; right:0; top:0; height: 30px; text-transform:uppercase;} div.site-header ul.actions li {clear: both; display: inline; float: right; list-style: none; padding-bottom: 1px; white-space: nowrap;} div.content-top { color:#7a7a7a; margin: 10px; overflow: hidden; } div.content-top a { color:#7a7a7a; text-decoration: none; } div.content-top a:hover { text-decoration: underline; } div.content-top a.back { color: #7a7a7a; display:block; float:left; font-weight:bold; } div.content-top div.breadcrumbs { font-weight: bold; margin: 0 0 0 180px; } div.content-top div.breadcrumbs a { font-weight: bold; } div.content-top div.breadcrumbs img { vertical-align: top; } div.site-header ul.actions li.bag {font-size:1.1em;} div.site-header li.change-currency {font-weight:bold; margin:10px 0 0 0; position: relative;} div.site-header li.change-currency a {cursor:pointer;} div.site-header li.change-currency div.currency-list {background: #999; position: absolute; right: -2px; top: -1px; text-align:right; text-transform:none; width:170px;} div.site-header li.change-currency div.currency-list ul {border: 1px solid #eee; display: none; text-align: left; position: relative;} div.site-header li.change-currency div.currency-list ul li {float: none; list-style: none; padding: 0; } div.site-header li.change-currency div.currency-list ul li a {background: #999; border: 1px solid #eee; display: block; color: #fff; height: 26px; line-height: 26px; padding: 0 5px; text-decoration: none; } div.site-header li.change-currency div.currency-list ul li a:hover {background-color: #e9e703; color: #000; } div.site-header li.change-currency div.currency-list ul li a.selected {font-weight: bold;} div.site-header li.change-currency a span {background:url(/assets/asosCom/images/core/flagsprite.png) no-repeat; display: block; height:10px; line-height:10px; padding: 0 0 0 18px; } div.site-header li.change-currency div.currency-list a span {margin:8px 0 0 0;} div.site-header li.change-currency a.UK span {background-position: 0 0px;} div.site-header li.change-currency a.US span {background-position: 0 -10px;} div.site-header li.change-currency a.SEK span {background-position: 0 -20px;} div.site-header li.change-currency a.NOK span {background-position: 0 -30px;} div.site-header li.change-currency a.DKK span {background-position: 0 -40px;} div.site-header li.change-currency a.EUR span {background-position: 0 -50px;} div.site-header li.change-currency a.AUD span {background-position: 0 -60px;} div.site-header li.change-currency div.currency-list li.title { position: absolute; top: 4px; right: 4px; } div.site-header li.change-currency div.currency-list a.close { background: #000 url(/assets/asosCom/images/core/close.gif) no-repeat 50% 50%; display: block; height: 7px; padding: 2px; margin: 0; width: 7px; } div.site-header li.change-currency div.currency-list a.close:hover { background-color: #333; } div.site-header div.ad-banner {position: absolute; top: 0; left:270px; height: 60px; width: 468px; } /* FOOTER */ div.site-footer {color:#666; font-size:1.1em; clear: both; width:974px; position:absolute;} div.site-footer a {color:#666; text-decoration:none;} div.site-footer a:hover {color:#000; text-decoration:underline; } div.site-footer h3 {font-weight:bold; margin:0; text-transform:uppercase;} div.site-footer div.newsletters {background:#d4d4d4; overflow:hidden; margin:5px 0; padding:5px 5px 5px 10px; text-align:right;} div.site-footer a.gift-vouchers {background: #BBBABA; color: #000; display: inline-block; font-size: 1.1em; line-height: 1.7em; text-align: center; font-weight: bold; text-decoration: none; text-transform: uppercase; width: 98px; height: 16px; right:0;} div.site-footer a.gift-vouchers:hover {background-color: #e9e703; background-position: bottom left; } div.site-footer a.gift-vouchers span {background: url(/assets/asosCom/images/cssNav/menuspritehorizontal.png) no-repeat -660px -16px; height: 16px; width: 98px; } div.site-footer a.gift-vouchers:hover span {background-position: -660px 0;} div.site-footer div.newsletter-sign-up, div.site-footer div.newsletter-thank-you, 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 a { } div.site-footer div.newsletter-sign-up a.newsletter-example {} div.site-footer div.newsletter-sign-up div.sign-up-controls {} div.site-footer div.newsletter-sign-up label a {font-weight:bold; line-height:16px; text-transform:uppercase;} div.site-footer div.newsletter-sign-up a.sign-up {background:#bbbaba; color: #000; display: block; font-weight: bold; height: 16px; line-height: 2em; margin: 0 5px 0 0; width: 42px; text-transform: uppercase; text-align: center; } div.site-footer div.newsletter-sign-up a.sign-up:hover {background-color: #e9e703; background-position: bottom left; } div.site-footer div.newsletter-sign-up a.sign-up span {height: 16px; width: 42px; } div.site-footer div.newsletter-sign-up a.men span {background: url(/assets/asosCom/images/cssNav/menuspritehorizontal.png) no-repeat -660px -48px; } div.site-footer div.newsletter-sign-up a.women span {background: url(/assets/asosCom/images/cssNav/menuspritehorizontal.png) no-repeat -702px -48px; } div.site-footer div.newsletter-sign-up a.men:hover span {background-position: -660px -32px;} div.site-footer div.newsletter-sign-up a.women:hover span {background-position: -702px -32px;} div.site-footer div.newsletter-sign-up input.email-address {border:1px solid #c0c1c1; color: #666; height: 14px; font-family: Arial, serif; margin: 0 10px; padding: 0 2px; width:195px; text-indent: 3px; } div.site-footer div.newsletter-sign-up input:hover {border:1px solid #999;} div.site-footer div.links {clear:both; overflow:auto; padding: 2px 0 0 0;} div.site-footer div.links ul {float: left; width:193px;} div.site-footer div.links ul li {line-height:1.4em; list-style: none;} div.site-footer .disclaimer {border-top:solid 1px #c0c1c1; clear:both; color: #999; font-size:0.85em; margin: 10px 0 0 0; padding: 7px 0;} div.site-footer .disclaimer a {color: #999;} div.site-footer .disclaimer a:hover {color: #666;} div.site-footer .disclaimer ul li {border-left:1px solid #999; display:inline; padding: 0 3px 0 6px;} div.site-footer .disclaimer ul li.first {border:none; padding: 0 3px 0 0;} div.site-footer .disclaimer .cards {float:right;} div.site-footer .disclaimer .cards img {margin: 0 0 5px 10px;} /* div.social-media-links {float:right; text-align:right;} div.social-media-links li {float:left; list-style:none; margin: 0 0 0 7px;} div.social-media-links a {display:block;} div.social-media-links a, div.social-media-links a span {background:url(/assets/asosCom/images/buttons/footersprite.png); height: 16px; width: 68px;} div.social-media-links a.asoslife span {background-position: 0 0;} div.social-media-links a.asoslife:hover span {background-position: 0 -16px;} div.social-media-links a.facebook span {background-position: -68px 0;} div.social-media-links a.facebook:hover span {background-position: -68px -16px;} div.social-media-links a.twitter span {background-position: -136px 0;} div.social-media-links a.twitter:hover span {background-position: -136px -16px;} div.social-media-links a.myspace span {background-position: -204px 0;} div.social-media-links a.myspace:hover span {background-position: -204px -16px;} div.social-media-links a.bebo span {background-position: -272px 0;} div.social-media-links a.bebo:hover span {background-position: -272px -16px;}*/ /* IMAGE REPLACEMENT TECHNIQUE */ .replace{ position:relative; margin:0px; padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ } .replace span{ display:block; position:absolute; top:0px; left:0px; z-index:1; /*for Opera 5 and 6*/ } /* BUTTONS */ div.site-content input.primary-action, div.site-content a.primary-action { background: #000; border: none; 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 input.primary-action:hover, div.site-content a.primary-action:hover { background: #666; text-decoration: none; } 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; } h2.styled { border: none; color: #333; font-size: 0.9em; margin: 0 auto 30px auto; letter-spacing: 0.25em; text-align: center; text-transform: uppercase; width: 170px; } .creative-wrapper {position:relative;} .creative-category{ position:absolute; left:0px; top:0px;} .creative-html{ position:absolute; left:0px; top:0px;} .creative-html a:focus, .creative-category a:focus { outline: none; } .creative-html a:hover, .creative-category a:hover { outline: none; } #creativeContent{ position:absolute; left:0px; top:0px;} /* INFORMATION MESSAGES */ div.alert { background: #fff7f7 url(../images/core/alert.gif) no-repeat right -20px; border: 1px solid #fcc; color: #c33; margin: 0 0 2em 0; padding: 5px;} div.alert a { color: #c33; } div.alert a:hover { color: #933; } /*ROUNDED CORNERS*/ /*IE6 specific styles*/ .bottom {bottom: -1px;}.corner {background: url(/assets/asosCom/images/core/corner.gif);} .corner {position: absolute;height: 14px;width: 14px;z-index:100;} .site-content > .corner {background: url(/assets/asosCom/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: Verdana; font-size: 1.1em; height:32px; position:absolute; top:75px; left:0; width:974px; z-index: 88;} div.site-nav ul {list-style-type: none;} div.site-nav li {list-style-type: none; padding-right: 2px;} div.site-nav a {text-decoration: none;} div.site-nav ul.floors li {top: 0; float: left;} /*SEARCH*/ div.site-nav div.search {position:absolute; width: 218px; top:0; right:0; vertical-align: middle;} div.site-nav div.search label {position:absolute; top:6px; left:6px;z-index:2;} div.site-nav div.search input.search-box {border:1px solid #c0c1c1; color: #000; font-family: Arial, sans-serif; position: relative; height: 14px; width:178px; float: left; vertical-align:top; padding: 5px; font-size: 12px;} div.site-nav div.search input.search-box:hover{border:1px solid #666; } div.site-nav div.search input.search-box:focus{border:1px solid #666; } div.site-nav div.search a.go {background: #bbbaba; color: #000; display: block; float: right; font-family: Arial; font-size: 1.3em; position: relative; height:26px; display:block; font-weight: bold; overflow:hidden; vertical-align:middle; line-height: 26px; text-align: center; text-transform: uppercase; width: 26px;} div.site-nav div.search a.go:hover {background: #e9e703; } div.site-nav div.search a.go span {background: url(/assets/asosCom/images/cssNav/menuspritehorizontal.png) no-repeat -614px -52px; display: block; height:26px; width: 26px;} div.site-nav div.search a.go:hover span {background-position: -614px -26px;} /*SUB MENUS (DON'T FORGET CSS MENU!)*/ div.site-nav .menu ul li div.sub-floor-menus {position:absolute; top: 28px; left:-9999px; padding: 2px 0 0 0; padding: 0; overflow:hidden; z-index: 89;} div.site-nav .css-menu ul :hover div.sub-floor-menus {position:absolute; top: auto; left:auto; margin: 0; padding: 0;} div.site-nav .menu div.sub-menu-wrapper-top {border-top: 6px solid #e9e703;} div.site-nav .menu div.sub-menu-wrapper {overflow: hidden; background: #f4f4f4;} /*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(/assets/asosCom/images/cssNav/menuspritevertical.png) no-repeat bottom right; padding: 0 7px 0 0px;} div.site-nav li > div.sub-floor-menus div.sub-menu-wrapper-bottom {background: url(/assets/asosCom/images/cssNav/menuspritehorizontal.png) no-repeat bottom left; padding: 0 0 7px 0;} /*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 SECTIONS*/ 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 {border-bottom: 1px dashed #cacaca; font-size: 1.1em; font-weight: bold; line-height: 2em; width: auto; padding-left: 10px; padding-right: 0; color: #000;} 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;} /*MENU LINKS*/ div.site-nav ul.floors li a {background: #bbbaba; color: #000; display: block; font-family: Arial; font-size: 1.3em; font-weight: bold; height: 26px; line-height: 26px; position: relative; text-transform: uppercase; text-align: center; width: 103px; z-index: 1;} div.site-nav ul.floors li a.home {width: 19px;} div.site-nav ul.floors li a span {background-image: url(/assets/asosCom/images/cssNav/menuspritehorizontal.png); background-repeat: repeat-y; height: 26px; line-height: 26px; width: 103px;} div.site-nav ul.floors li a.home span {width: 19px;} div.site-nav ul.floors li:hover a {background-color: #e9e703; border-bottom:2px solid #e9e703;} /*For CSS menu*/ div.site-nav ul.floors li a:hover {background-color: #e9e703; text-decoration: underline;} /*For CSS menu*/ /*Active State - when the submenu is shown */ div.site-nav ul.floors li a.active {background-color: #e9e703; border-bottom:2px solid #e9e703;} div.site-nav ul.floors li a.no-sub {border: none;} div.site-nav ul.floors li a.no-sub:hover {border: none;} div.site-nav ul.floors li.home a span {background-position: -641px -52px} div.site-nav ul.floors li.women a span {background-position: -2px -52px} div.site-nav ul.floors li.men a span {background-position: -83px -52px} div.site-nav ul.floors li.designer a span {background-position: -171px -52px} div.site-nav ul.floors li.beauty a span {background-position: -258px -52px} div.site-nav ul.floors li.outlet a span {background-position: -337px -52px} div.site-nav ul.floors li.kids a span {background-position: -416px -52px} div.site-nav ul.floors li.community a span {background-position: -512px -52px} div.site-nav ul.floors li.home a.selected span {background-position: -641px -26px} div.site-nav ul.floors li.women a.selected span {background-position: -2px -26px} div.site-nav ul.floors li.men a.selected span {background-position: -83px -26px} div.site-nav ul.floors li.designer a.selected span {background-position: -171px -26px} div.site-nav ul.floors li.beauty a.selected span {background-position: -258px -26px} div.site-nav ul.floors li.outlet a.selected span {background-position: -337px -26px} div.site-nav ul.floors li.kids a.selected span {background-position: -416px -26px} div.site-nav ul.floors li.community a.selected span {background-position: -512px -26px} div.site-nav ul.floors li.home a.active span {background-position: -641px -26px} div.site-nav ul.floors li.women a.active span {background-position: -2px -26px} div.site-nav ul.floors li.men a.active span {background-position: -83px -26px} div.site-nav ul.floors li.designer a.active span {background-position: -171px -26px} div.site-nav ul.floors li.beauty a.active span {background-position: -258px -26px} div.site-nav ul.floors li.outlet a.active span {background-position: -337px -26px} div.site-nav ul.floors li.kids a.active span {background-position: -416px -26px} div.site-nav ul.floors li.community a.active span {background-position: -512px -26px} div.site-nav ul.floors li.home:hover a span {background-position: -641px -26px} div.site-nav ul.floors li.women:hover a span {background-position: -2px -26px} div.site-nav ul.floors li.men:hover a span {background-position: -83px -26px} div.site-nav ul.floors li.designer:hover a span {background-position: -171px -26px} div.site-nav ul.floors li.beauty:hover a span {background-position: -258px -26px} div.site-nav ul.floors li.outlet:hover a span {background-position: -337px -26px} div.site-nav ul.floors li.kids:hover a span {background-position: -416px -26px} div.site-nav ul.floors li.community:hover a span {background-position: -512px -26px} div.site-nav ul.floors li.home a:hover span {background-position: -641px -26px} div.site-nav ul.floors li.women a:hover span {background-position: -2px 0} div.site-nav ul.floors li.men a:hover span {background-position: -83px 0} div.site-nav ul.floors li.designer a:hover span {background-position: -171px 0} div.site-nav ul.floors li.beauty a:hover span {background-position: -258px 0} div.site-nav ul.floors li.outlet a:hover span {background-position: -337px 0} div.site-nav ul.floors li.kids a:hover span {background-position: -416px 0} div.site-nav ul.floors li.community a:hover span {background-position: -512px 0} /*SUB MENU LINKS*/ div.site-nav ul.floors li div.sub-floor-menus a {background:none; border:none; display:inline; font-family:verdana; font-size:0.9em; font-weight:normal; height:auto; line-height:1em; 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:#3366FF;} div.site-nav div.sub-floor-menus dl ul.items li a.clearance:hover {background:#3366FF; 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:#3366FF;} div.site-nav div.sub-floor-menus dl ul.items li a.blue:hover {background:#3366FF; 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;}