/* 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*/
img{border: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:#ccc; font-size: 1em; z-index: 99;}
div.site-header a						{text-decoration: none; color:#ccc;}
div.site-header a:hover					{color:#fff;}
div.site-header a.logo					{color:#fff; display: block; float:left;width: 202px; height: 59px;}
div.site-header a.logo span				{width: 202px; height: 59px; background:transparent url(/assets/asosCom/images/core/logo.png) no-repeat top left;}
div.site-header a.logo span.main-logo	{background:none; color: #fff; text-transform: lowercase; letter-spacing: -0.1em; font-size: 8em; line-height: 0.4em; display: inline;}
div.site-header a.logo span.tagline		{background:none; display:block; color: #ffd502; left:60px; top:47px;}
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 li.change-currency										{position: relative;}
div.site-header li.change-currency a									{color: #ffd205; cursor:pointer;}
div.site-header li.change-currency a:hover								{color: #fbe573;}
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 #000; 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: #BBBABA; border: 1px solid #000; display: block; color: #000; 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: #fff; 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 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:297px; height: 60px; width: 468px; }

/* FOOTER */
div.site-footer								{font-family: Arial; clear: both; width:974px; height:80px; position:absolute; color:#aaa; text-transform: uppercase;}
div.site-footer a							{color:#aaa; text-decoration:none;}
div.site-footer a:hover						{color:#fff; text-decoration:none; }
div.site-footer a.gift-vouchers				{background: #BBBABA; color: #000; display: block; font-size: 1.1em; float:left; line-height: 1.7em; margin: 10px 0 0 0; text-align: center; font-weight: bold; text-decoration: none; text-transform: uppercase; width: 92px; height: 16px;} 
div.site-footer a.gift-vouchers:hover		{background-color: #FFD502; background-position: bottom left; }
div.site-footer a.gift-vouchers span		{background: url(/assets/asosCom/images/cssNav/menuspritehorizontal.png) no-repeat -615px -16px; height: 16px; width: 92px; } 
div.site-footer a.gift-vouchers:hover span	{background-position: -615px 0;} 

div.site-footer ul					{ float: left; margin: 0 0 0 3em; }
div.site-footer ul li				{ list-style: none;}
div.site-footer hr					{ height: 1px; background-color: #ccc; border: none;}

div.site-footer div.sub-footer		{border-top: solid 1px #5a5a5a; padding: 15px 0 5px 0;}
div.site-footer .disclaimer			{color: #787878; font-size:0.8em; letter-spacing:0.05em;}

div.site-footer div.newsletter-sign-up						{position: absolute; right: 0; top: 14px; width: 218px; }
div.site-footer div.newsletter-sign-up a					{float: left; }
div.site-footer div.newsletter-sign-up a.newsletter-example	{font-family: Verdana; font-size: 8px; left: 0; letter-spacing: 0.02em; position: absolute; top: 18px; width: 218px; }
div.site-footer div.newsletter-sign-up div.sign-up-controls	{left: 0; position: absolute; top: 0;}
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 0 0 2px; width: 42px; text-transform: uppercase; text-align: center; }
div.site-footer div.newsletter-sign-up a.sign-up:hover		{background-color: #FFD502; 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 -615px -48px; }
div.site-footer div.newsletter-sign-up a.women span			{background: url(/assets/asosCom/images/cssNav/menuspritehorizontal.png) no-repeat -657px -48px; }
div.site-footer div.newsletter-sign-up a.men:hover span		{background-position: -615px -32px;}
div.site-footer div.newsletter-sign-up a.women:hover span	{background-position: -657px -32px;}
div.site-footer div.newsletter-sign-up input.email-address	{height: 12px; font-family: Arial, serif; padding: 2px; width:126px; border: 0; color: #000;  float: left; text-indent: 3px; }
div.site-footer div.newsletter-sign-up input.email-address	{font-size: 9px; } /* TODO This is for firefox If you don't use a px mesurement then the default text is higher than the text you input*/
div.site-footer div.newsletter-thank-you					{position:absolute; top:15px; height:33px; width:250px; right:0; text-transform: uppercase; }
div.site-footer div.links									{margin:0 0 0 92px; overflow:auto; padding: 8px 0; width:640px;}

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				{float: left;}
div.site-nav div.search input.search-box	{color: #000; font-family: Arial, sans-serif; position: relative; height: 20px; width:184px; float: left; vertical-align:top; padding: 6px 0 0 6px; border: 0; font-size: 12px;}
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: #FFD502; }
div.site-nav div.search a.go span			{background: url(/assets/asosCom/images/cssNav/menuspritehorizontal.png) no-repeat -707px -52px; display: block; height:26px; width: 26px;}
div.site-nav div.search a.go:hover span		{background-position: -707px -26px;}
/*SEARCH VARIATIONS*/
div.site-nav div.search a.go.mag span			{background-position: -752px -52px;}
div.site-nav div.search a.go.mag:hover span		{background-position: -752px -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 #ffd502;}
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: 26px;}
div.site-nav ul.floors li:hover a					{background-color: #ffd502; border-bottom:2px solid #ffd502;} /*For CSS menu*/
div.site-nav ul.floors li a:hover					{background-color: #ffd502; text-decoration: underline;} /*For CSS menu*/

/*Active State - when the submenu is shown */
div.site-nav ul.floors li a.active					{background-color: #ffd502; border-bottom:2px solid #ffd502;}
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: -733px -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: -415px -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: -733px -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: -415px -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: -733px -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: -415px -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: -733px -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: -415px -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: -733px -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: -415px 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;}