@charset "utf-8";

/* 	-----------------------------------------------------------
	
		ASICS Styling 
		= = = = = = = = = = = = = = = = = = = =
		All common / master CSS components
	
	-----------------------------------------------------------*/

/* 	--------------------------------
	Browser Resets
	-------------------------------- */		
	html {
		width: 100%;
		}
	
	body {
		width: 100%;
		margin: 0;
		padding: 0;
		color: #000000;
		background: #ffffff;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 62.5%;
		line-height: 1.43;
		}
	
	div, p, blockquote, pre,
	h1, h2, h3, h4, h5, h6,
	ol, ul, li, dl, dt, dd,
	table, td, th, span {
		margin: 0;
		padding: 0;
		}
	
	address, em {
		font-style: normal;
		}
	
	ol, ul {
		list-style:none;
		}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
		}
	
	button, fieldset, form, input, label, legend, select, textarea {
		margin: 0;
		padding: 0;
		font-family: inherit;
		font-style: inherit;
		font-weight: inherit;
		font-size: 100%;
		vertical-align: baseline;
		}
	
	button, fieldset {
		outline: none;
		border: none;
		background: none;
		}
	
	button {
		cursor: pointer;
		}
	
	a img, img {
		border: none;
		}
	
	/* General Typography */
	a			{ outline: none; }
	a:link 		{ color: #00256f; text-decoration: none; }
	a:visited 	{ color: #00256f; text-decoration: none; }
	a:hover 	{ color: #00256f; text-decoration: underline; }
	a:active 	{ color: #024dca; text-decoration: underline; outline: none; }

/* 	--------------------------------
	Common Styles
	-------------------------------- */
	/* clearfix */
	#document:after,
	#footer:after,
	.wrapper:after,
	.chapter:after,
	.section:after,
	.item:after {
		height: 0;
		clear: both;
		display: block;
		visibility: hidden;
		font-size: 0%;
		line-height: 0%;
		content: ".";
		}
	/* clearfix for IE */
	#document,
	#footer,
	.wrapper,
	.chapter,
	.section,
	.item {
	zoom: 1;
	}
	/* invisible */
	.accessibility,
	.accessibility * {
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	text-decoration:none;
	}
	
	/* if we add this then the top graphci doesn't extend properly ... */
	#body_wrap {
		width: 925px;
		margin: 0px auto;
		}

	.print_only {display: none;}

/* 	--------------------------------
	Common Layout
	-------------------------------- 
	status + LOGIN BAR
	-------------------------------- */
	#status { width: 100%; background: #f8f8f8 url(bg_body.jpg) repeat-x 0 0; }
	
		#loginBar {
			width: 925px;
			height: 23px;
			margin: 0 auto;
			overflow: hidden;
			}
			
			#loginBar strong { padding: 0 10px 0 0; }
			
			#loginBar p { float: left; display: inline; }
		
			#loginBar .loginWrapper {
				float: right;
				background: #f6f6f6 url(bg_myasics_right.png) no-repeat right bottom;
				padding: 5px 0 6px 10px;
				}	
				
			#loginBar .loginDetails {
				background: url(bg_myasics_left.png) no-repeat bottom left;
				padding: 0 10px 0 0px;
				}
				
				#loginBar .loginDetails .rightPadding { margin-right: 10px; }
					
			#loginBar form { display: inline; }
				
				#loginBar form label { font-size: .8em; text-transform: uppercase; }
				
				#loginBar form input#email, #loginBar form input#password {
					width: 75px;
					border: 1px solid #ddd;
					margin-right: 5px;
					}
	
/* 	header
	-------------------------------- */
	#header {
		width: 100%;
		background: #f8f8f8 url(bg_header.png) repeat-x bottom left;
		}
	#header .wrapper {
		width: 925px;
		height: 78px;
		overflow: hidden;
		margin: 0 auto;
		}

	/* navigation */
	#header .navigation {
		width: 925px;
		overflow: hidden;
		}

	*html #header .navigation {/* ie6 */
		padding: 0 0 8px 0;
		}

	*:first-child+html #header .navigation {/* ie7 */
		padding: 0 0 8px 0;
		}

	#header .navigation ul {
		width: 804px;
		float: right;
		display: inline;
		margin: 12px -15px 0 0;
		text-align: right;
		}
		
		#header .navigation li {
			display: -moz-inline-box;
			display: inline-block;
			padding: 4px 14px;
			border-right: 1px solid #e3e3e3;
			/display: inline;/* ie */
			/zoom: 1;/* ie */
			}

	#header .logo {
		width: 102px;
		height: 34px;
		float: left;
		display: inline;
		margin: 4px 9px 9px 9px;
		}

		#header .logo a {
			width: 102px;
			height: 34px;
			display: block;
			overflow: hidden;
			background: url(logo_global.png) no-repeat 0 0;
			text-indent: -4000px;
			}


/* 	Search
	-------------------------------- */
	#search {
		width: 100%;
		float: left;
		display: inline;
		background: url(bdr_search_body.png) repeat-y 0 0;
		}

	#search form {
		padding: 2px 8px;
		background: url(bdr_search_head.png) no-repeat 0 0;
		}


/* 	Choose Sport
	-------------------------------- */
	#choose-sport {
		width: 750px;
		float: left;
		display: inline;
		vertical-align: middle;
		}

	#choose-sport li {
		float: left;
		display: inline;
		padding: 8px 2px 0 0;
		}

		#choose-sport li.current_sport {
			padding-top: 0px;
			margin-top: 4px;
			padding-right: 10px; 
			margin-right: 10px;
			border-right: 1px solid #ddd;
			}

		#choose-sport li.choose a {
			padding:0 9px 0 0;
			background: url(mkr_arrow_choose.png) right 2px no-repeat;
			}
	
			#choose-sport li.choose a:hover,#choose-sport li.choose a:active {
				background-position: right -19px;
				}

	#choose-sport .select {
		padding: 0 5px 0 0;
		vertical-align: baseline;
		}

	#choose-sport li.choose .inactive {
		padding:0 9px 0 0;
		background: url(mkr_arrow_inactive.png) no-repeat 100% 0.2em;
		}

/* 	Search
	-------------------------------- */
  #search { 
    position: relative;
    }

	#search fieldset {
		width: 150px;
    position: absolute;
    top: 2px;
    right: 8px;
		padding: 4px 0 6px;
		text-align: right;
		}

	#search-keywords {
		width: 116px;
		font-size: 1.2em;
		vertical-align: baseline;
		}

	#search-start {
		width: 17px;
		height: 19px;
		margin: 0 0 0 2px;
		overflow: hidden;
		background:url(btn_search_start.png) no-repeat 0 0;
		text-indent: -4000px;
		}
		
/* 	Categories
	-------------------------------- */
	#categories {
		width: 925px;
		height: 25px;
		overflow: hidden;
		margin: 0 auto;
		background: url(bg_body.png) top center repeat-y;
		}

	#categories .wrapper {
		width: 923px;
		margin: 1px 0 0 1px;
		padding-top: 1px;
		overflow: hidden;
		background: #e9ecf1 url(bg_dotted_alpha_blue.png) repeat-x 0 0;
		}

	#categories li {
		float: left;
		display: inline;
		padding: 1px 1px 0px 0px;
		height:24px;
		background: url(bdr_dotted_virtical_blue.png) repeat-y 100% 0;
		}
		
			#categories li a {
				padding: 5px 14px 0px 15px;
				height:15px;
				float:left;
				display: inline;
				color:#333333;
				border-bottom: 5px solid #e9ecf1;
				}

				#categories li a:hover {
					/*background-color:#f2f4f7;*/
					border-bottom: 5px solid #92a1bb;
					text-decoration: none;
					}
			
	#categories li.currently {
		margin: 0px 0 0 0;
		padding: 0 15px;
		/*background-color: #f2f4f7;*/
		}
			#categories li.currently a {
				float: left;
				display: inline;
				padding: 6px 0 0 0px;
				height: 14px;
				border-bottom: 0px solid #e9ecf1;
				}

				#categories li.currently a:hover {
					border-bottom: 4px solid #92a1bb;
					text-decoration: none;
					}
	
	#categories .currently ul {
		float: left;
		display: inline;
		padding: 0px 0 0 8px;
		}

		#categories .currently li {
			padding: 5px 0 0 9px;
			background: url(bg_slash.png) no-repeat 2px 7px;
			}

		#categories .currently li a {
			float: none;
			padding: 0px 3px;
			}

		#categories .currently li.selected a {
			padding: 0 3px 2px 3px;
			border-bottom: 4px solid #92a1bb;
			}

		#categories .currently li a:hover {
			padding: 0 3px 2px 3px;
			border-bottom: 4px solid #92a1bb;
			text-decoration: none;
			}

		#categories .currently strong.selected {
			padding: 0 0px 1px 0px;
			border-bottom: 4px solid #92a1bb;
			}

/* 	Document
	-------------------------------- */
	#document {
		width: 923px;
		position: relative;
		top: -1px;
		overflow: hidden;
		margin:0 auto;
		padding: 0 1px;
		background: url(bg_body.png) top center repeat-y;
		min-height: 400px;
		}


/* 	Page Title
	-------------------------------- */
	#page-title {
		float: left;
		width: 690px;
		padding-botom: 10px;
		border-bottom: 1px dashed #e5e5e5;
		}
	
		#page-title .short {
			width: 620px;
			}
			
		#page-title .long {
			width: 925px;
			}
			
		#page-title h1 {
			padding: 8px 13px 5px;
			float: left;
			width: 670px;
			margin-top:8px;
			}
	
	/*.global-title { float: left; width: 923px; margin: 0 0 -1px 0; padding: 1px 0 0 0; background: transparent url(/img/bg_dotted_alpha_blue.png) repeat-x 0 0; }*/
  .global-title { float: left; width: 923px; margin: 0 0 -1px 0; padding: 1px 0 0 0; }
	.global-title h1 { padding: 18px 10px 5px; }
	
	/* RSS feed icon
	#page-title .feed {
	width: 35px;
	height: 12px;
	float: left;
	padding: 22px 0 0 0;
	}
	#page-title .feed a {
	width: 35px;
	height: 12px;
	display: block;
	background: url(/img/ico_rss.png) no-repeat 0 0;
	font-size: 0%;
	line-height: 0%;
	border: 0;
	text-decoration: none;
	text-indent: -99999px;
	}
	*/

#main-content {
	width: 682px;
	float: left;
	display: inline;
	padding: 9px 0 0 7px;
	}
	

/* 	--------------------------------
	Footer
	-------------------------------- */
	#footer {
		clear: both;
		width: 909px;
		margin:-1px auto 0;
		padding:3px 8px 32px;
		border-top: 1px dashed #e5e5e5;
		background: url(bg_body.png) top center repeat-y;
		}

		#footer .navigation {
			width: 620px;
			float: left;
			margin-top: 3px;
			display: inline;
			text-align: right;
			}

		#footer .navigation li, #footer .navigation ul {
			display: inline; 
			}

		#footer .navigation li {
			padding: 0 3px;
			}

		#footer .navigation li ul, #footer .navigation li li {
			padding: 0;
			}

	#copyright {
		width: 170px;
		float: left;
		display: inline;
		margin: 3px 0 0 0;
		}
		
		#copyright p {
			padding: 1px 0 0 28px;
			background: url(logo_shoes.png) no-repeat 0 2px;
			}
			
  #trademark_text {
    float: left;
    display: inline;
    width: 320px;
    clear: both;
    }
	
    #trademark_text p {	
      color: #666;
      font-size: .9em;
      margin-top: 5px;
      }

/* lang draft */

#footer #lang-switch 			{width:100px; border:1px solid #ddd; display:inline; float:left; text-align: left; margin:0 0 0 2px; height:12px; overflow: hidden; z-index: 1000;}
#footer #lang-switch:hover 		{height:auto; overflow: hidden;}
#footer #lang-switch a 			{display:block; padding: 1px 3px; font-size: .9em; line-height:1.1; text-transform: uppercase; color:#333; vertical-align: top;}
#footer #lang-switch ul 		{width:100px; float:left; display:inline;}
#footer #lang-switch li 		{width:100px; float:left; display:inline;}
#footer #lang-switch a:hover 	{background:#f0f0f0; text-decoration: none;}

#lang-switch-js {
	position: relative;
	width:100px; 
	border:1px solid #ddd; 
	display:inline; 
	float: right; 
	text-align: left; 
	margin: 3px 0 0 2px; 
	height:12px; 
	}
	
	#lang-switch-js li {
		display: inline;
		float: left;
		}
	
	#lang-switch-js a {
		display:block;
		width:94px;
		padding: 1px 3px; 
		font-size: .9em; 
		line-height:1; 
		text-transform: uppercase; 
		color:#333; 
		vertical-align: top;
		}

	#lang-switch-js a:hover {
		background:#eee;
		color:#000;
		text-decoration: none;
		}
	
	#lang-switch-js a:active {
		background:#cef;
		}
	
#lang-switch-js #languages {
	position: absolute;
	width: 100px;
	display: block;
	border: 1px solid #ddd;
	border-bottom: 0px;
	top: -1px;
	left: -1px;
	background-color: #fff;
	
	}

#lang-switch-js #languages li {
	display: inline;
	float: left;
	}
	

/* [EOF] lang draft */


/* 	--------------------------------
	Short Cuts
	-------------------------------- */

	.short-cut {
		width: 400px;
		display: inline;
		overflow: hidden;
		/width: 330px;/* ie6 */
		}

	.short-cut ul {
		margin: 0 0 0 -5px;
		}

		.short-cut li {
			display: inline;
			padding: 0 5px;
			}
	
		.short-cut li a {
			padding: 0 0 0 9px;
			background: url(/img/mkr_arrow_down_black.png) no-repeat 0 50%;
			}


/* 	--------------------------------
	Rating
	-------------------------------- */
	.properties .rating {
		display: inline;
		}
		
	.properties .rating .rate40 {
		width: 63px;
		height: 12px;
		display: -moz-inline-box;
		display: inline-block;
		overflow: hidden;
		margin: 5px 0 0 0;
		background: url(/img/rating_40.png) no-repeat 0 0;
		font-size: 0;
		text-indent: -4000px;
		vertical-align: top;
		/display: inline;/* ie */
		/zoom: 1;/* ie */
		}


	

/* 	--------------------------------
	General Typography
	-------------------------------- */
	/* status */
	#status strong {color:#666666;font-weight:normal;}
	#status a {font-weight:bold;}
	
	/* header */
	#header .navigation li {font-size:1.2em;line-height:1;}
	#choose-sport li {color:#666666;text-transform:uppercase;}
	#choose-sport li a:link {color:#666666;}
	#choose-sport li a:visited {color:#5a6784;text-decoration:none;}
	#choose-sport li a:hover {color:#00256f;text-decoration:underline;}
	#choose-sport li a:active {color:#024dca;text-decoration:underline;}
	#choose-sport li.choose a {font-weight:bold;}
	#choose-sport li.choose a:link,
	#choose-sport li.choose a:visited,
	#choose-sport li.choose a:hover,
	#choose-sport li.choose a:active {color:#00256f;text-decoration:none;}
	#choose-sport li.select {font-size:2.0em;text-transform:none;}
	#choose-sport li.select a:link,
	#choose-sport li.select a:visited,
	#choose-sport li.select a:hover,
	#choose-sport li.select a:active {color:#00256f;text-decoration:none;}
	
	/* categories */
	#categories li a {font-size:1.1em; font-weight: bold; line-height: 1.1em;}
	#categories li li a {font-size:1.0em; font-weight: normal;}
	
	/* document */
	#page-title h1, .global-title h1, .catalog-title h1	 {font-weight:normal;font-size:3.0em; line-height: 1.1;}
	
	/* footer */
	#copyright p {color:#666666;font-weight:normal;font-size:0.9em;text-transform:uppercase;}
	#footer .navigation li {text-transform:uppercase;}
	#footer .navigation a:link {color:#666666;}
	#footer .navigation a:visited {color:#5a6784;}
	#footer .navigation a:hover {color:#00256f;text-decoration:underline;}
	#footer .navigation a:active {color:#024dca;}
	#footer .navigation li {font-size:0.9em;}
	#footer .navigation li ul, #footer .navigation li li {font-size:100%;}
	
	/* short cut */
	.short-cut li {font-weight:bold;font-size:0.95em;text-transform:uppercase;}
	.short-cut li a {color:#000000;}

	/* rating */
	.properties .rating {font-weight:bold;}

/* 	--------------------------------
	Print
	-------------------------------- */
@media print{

}