@import url("yui/reset-min-2-6-0.css");

/* ELEMENTS */



body				{ 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						{clear:both; 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: #5F7F8E; 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								{clear: both; width:974px; height:80px; position:absolute; color:#ccc; font-size: 8px; padding-top: 12px; text-transform: uppercase;}

div.site-footer a							{color:#ccc; 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; position:absolute;top: 14px;line-height: 1.7em; 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: #5F7F8E; 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; width: 95px;}

div.site-footer ul li				{ list-style: none;}

div.site-footer hr					{ height: 1px; background-color: #ccc; border: none;}

div.site-footer div.disclaimer		{ font-size: 7px; border-top: solid 1px #5a5a5a; width: 100%; position:absolute; top:55px; padding-bottom: 5px; }

div.site-footer div.disclaimer p	{ margin-top: 15px; }



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	{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: #5F7F8E; 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									{position:absolute; height:33px; width:640px; left:114px;} 



/* 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; }







/* SITE NAVIGATION */

div.site-nav					{font-family: Verdana; font-size: 1.1em; height:32px; width: 100%; background-color:#416575; 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;}







/*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 .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 #5F7F8E;}

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: #416575; 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: 40px;

	background-image:url(../images/home_tab.gif);

	background-position: center 110px;

}

div.site-nav ul.floors li a.home:hover					{

background-image:url(../images/home_tab.gif);

	background-position: center 188px;

}

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: #5F7F8E; border-bottom:2px solid #5F7F8E;} /*For CSS menu*/

div.site-nav ul.floors li a:hover					{background-color: #5F7F8E; text-decoration: none;} /*For CSS menu*/



/*Active State - when the submenu is shown */

div.site-nav ul.floors li a.active					{background-color: #5F7F8E; border-bottom:2px solid #5F7F8E;}

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;}