@charset "utf-8";

/* 	-----------------------------------------------------------
	
		ASICS Styling 
		= = = = = = = = = = = = = = = = = = = =
		Shoe Advisor
	
	-----------------------------------------------------------*/


/* 	--------------------------------
	LAST UPDATE�F2009.01.08
	-------------------------------- */


/*	General
	-------------------------------- */
	#page-title {
		width: 100%;
		}
	
	.clear{
	  clear:both;
	}
	
	#shoe-advisor {
		width: 909px;
/*    height: 252px;*/
		clear: both;
		margin: 1em 0 0 7px;
/*    padding: 7px 0 0 0;*/
		background: url(/img/shoe_advisor/bg_shoe_advisor.jpg) repeat-y;
		}
  
  .shoe_advisor_top{
    background: url(/img/shoe_advisor/bg_shoe_advisor_top.jpg) no-repeat;
    height:5px;
    overflow:hidden;
  }
  
  .shoe_advisor_bottom{
    background: url(/img/shoe_advisor/bg_shoe_advisor_bottom.jpg) no-repeat;
    height:12px;
    overflow:hidden;
  }
  
  
  
  
  
  
  
  
  
  
  
	#shoe-ad-selector {
		width: 882px;
		margin: 20px 13px 20px;
		/margin: 27px 13px 20px;
		}

/* 	Selector 
	-------------------------------- */
	#selector {
		width: 612px;
		float: left;
		display: inline;
		padding: 0 0 0 7px;
		}
		
	#selector h2 {
		color: #ffffff;
		font-size: 1.2em;
		padding:.4em;
		background: url(/img/shoe_advisor/bg_shoeadvisor_module_h2.gif) repeat;
		-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
		}
		
	#selector div { width: 610px; }

	#selector .text {
		float: left;
		display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
		padding: 4px;
		color: #ffffff;
		font-size: 16px;
		vertical-align: middle;
		}
		
		body.pt_PT #selector .text { font-size: 14px; }
		
		#selector div#first,
		#selector div.last 		{ margin: 10px 0 0 0; }
		#selector div.second 	{ margin: 15px 0 13px 0; }

			#selector div.second .text {
				float: left;
				display: inline;
				padding: 0;
				}
				
		    #selector div.section{ 
      	  background: url(/img/shoe_advisor/bg_shoeadvisor_module_dropstrip.gif) repeat;
      	  -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          border-radius: 5px;
      	}
				
				
				
/* 	Selectbox 
	---------------------------------- */
	#selector .selectbox {
	    float: left;
	    display: inline;
	    position: relative;
	    overflow: hidden;
	    padding: 0 0 0 35px;
	    background: url(/img/shoe_advisor/bg_selectbox_left.png) no-repeat 0 0;
	    cursor: pointer;
/*      width:100px;*/
	    }
	    
	    .hu_HU #selector .selectbox{
	      max-width:140px;
	      _width:100px;
	    }
	    
	    
	    
	    #selector .focus {
	    	overflow: visible;
	    	z-index: 1000;
	    	}
	    
	#selector .selectbox .selected {
	    min-height: 32px;
	    display: block;
	    padding: 0 14px 0 0;
	    color: #32992c;
	    background: url(/img/shoe_advisor/bg_selectbox_right.png) no-repeat 100% 0;
	    font-size: 12px;
	    line-height: 32px;
	    }
	    
	  .de_AT #selector .selectbox .selected{
	    font-size: 12px;
	  }
	  
	  .hu_HU #selector .selectbox .selected{
	    font-size: 11px;
	    _height:28px;
	    min-height:28px;
	    line-height:13px;
	    padding: 4px 14px 0 0;
	  }
	  
	  
	   body.ru_RU #selector .selectbox .selected {
	     font-size: 11px;
	     }
	    
	#selector .selectbox .option-group {
		display: block;
		position: absolute;
		top: 32px;
		left: 1px;
		border-bottom: 1px solid #cccccc;
		opacity: 0.9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		/filter: alpha(opacity=90%); /* ie */
		}
		
		#selector .selectbox .option-group span {
			display: block;
			padding: 0 10px 0 0;
			background: #ffffff;
			border-right: 1px solid #cccccc;
			border-left: 1px solid #cccccc;
			}
			
			* html #selector .selectbox .option-group span { /* only IE6 */
				height: 14px;
				margin: -4px 0;
				}

			#selector .selectbox .option-group span:hover { background: #f2f2f2; }

			#selector .selectbox .option-group span a:link,
			#selector .selectbox .option-group span a:visited,
			#selector .selectbox .option-group span a:hover,
			#selector .selectbox .option-group span a:active {
				display: block;
				padding: 0 0 0 34px;
				color: #000000;
				font-size: 12px;
				text-decoration: none;
				}
			
			#selector .selectbox .option-group span a:hover {
			  background-color: #f2f2f2;
        }
				
				#selector .selectbox .option-group span.selected a:link,
				#selector .selectbox .option-group span.selected a:visited,
				#selector .selectbox .option-group span.selected a:hover,
				#selector .selectbox .option-group span.selected a:active { color: #32992c; }
/* 	Radio 
	------------------------------ */
	.radio-box {
		float: left;
		display: inline;
		margin: 0 0 0 8px;
		padding: 0 0 0 4px;
		background: url(/img/shoe_advisor/bg_radio_left.png) no-repeat 0 0;
		}
		
		.radio-wrap {
			display: block;
			overflow: hidden;
			padding: 0 8px 0 0;
			background: url(/img/shoe_advisor/bg_radio_right.png) no-repeat 100% 0;
			/display: inline;
			/zoom: 1;
			}
			
		.radio input {
			position: absolute;
			opacity: 0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			cursor: pointer;
			}
			
		.radio {
			float: left;
			height: 32px;
			display: inline;
			padding: 0 18px 0 7px;
			line-height: 32px;
			}
			
			.under 		{background: url(/img/shoe_advisor/icn_under.png) no-repeat 100% 3px;}
			.neutral 	{background: url(/img/shoe_advisor/icn_neutral.png) no-repeat 100% 3px;}
			.over 		{background: url(/img/shoe_advisor/icn_over.png) no-repeat 100% 3px;}

		.radio span {
			display: block;
			padding: 0 0 0 18px;
			background: url(/img/shoe_advisor/bdr_radio.png) no-repeat 0 1px;
			}

			.under span {
				padding: 0;
				background: none;
				}
	
		.radio label {
			display: block;
			padding: 0 0 0 18px;
			color: #32992c;
			background: url(/img/shoe_advisor/mkr_radio.png) no-repeat 0 10px;
			font-size: 12px;
			line-height: 32px;
			cursor: pointer;
			}
			
			.radio label.checked { background-position: 0 -74px; }

/* 	Pronation Explainer 
	------------------------------------- */
	#pronation-explainer {
		width: 220px;
		float: right;
		display: inline;
		padding: 35px 10px 10px;
		background: url(/img/shoe_advisor/bg_shoeadvisor_module_dropstrip.gif) repeat;
		-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
		}
		.pronation-explainer-content{
		  background-color:#349a2c;
		  border:#57ad4a 1px solid;
		  padding:17px 15px;
		  -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
		}
		
	#pronation-explainer h2 {
		color: #ffffff;
		font-weight: normal;
		font-size: 1.8em;
		line-height: 1.1;
		}
	
		/* ### LANG SPECIFIC ### */
		body.de_DE #pronation-explainer h2 { font-size: 1.6em; }
		
	#pronation-explainer .description {
		float: left;
		display: inline;
		}
	
		#pronation-explainer .description a { color: #fff; text-decoration: underline; }
	
			#pronation-explainer .description a:hover { text-decoration: none; }
		
		#pronation-explainer .description p {
			color: #ffffff;
			line-height: 1.4em;
			font-size: 1em;
			}
	
			/* ### LANG SPECIFIC ### */	
			body.en_UK #pronation-explainer .description p { font-size: 1.2em; }
			
	#pronation-explainer .visual {
		width: 60px;
		float: left;
		display: inline;
		padding: 0 0 0 16px;
		}

/* 	Search Results 
	--------------------------------- */
	#search-results {
		width: 909px;
		margin: 0 7px 20px;
		background: url(/img/shoe_advisor/bg_results_body.png) repeat-y 0 0;
		}
		
	#search-results .container {
		width: 909px;
		padding: 0 0 8px 0;
		background: url(/img/shoe_advisor/bg_results_foot.png) no-repeat 0 100%;
		}
		
	#search-results #result-body {
		width: 606px;
		float: left;
		display: inline;
		}
		
	#result-body #intro { padding: 16px; }

		#result-body #intro .description p { color: #4c4c4c; font-size: 1.4em; }

	#result-body #summary { padding: 16px; }

	#result-body h2 {
		color: #33992c;
		font-weight: normal;
		font-size: 1.8em;
		}
		
	#result-body .results {
		width: 425px;
		width: 450px;
		float: left;
		display: inline;
		margin: -4px 0 0 0;
		color: #33992c;
		font-size: 1.8em;
		}
		
		#result-body .results strong {
			width: 38px;
			height: 36px;
			display: -moz-inline-box;
			display: inline-table;
			overflow: hidden;
			color: #ffffff;
			background: url(/img/shoe_advisor/bg_results.png) no-repeat 0 0;
			text-align: center;
			line-height: 36px;
			vertical-align: middle;
			/display: inline;
			/zoom: 1;
			}
			
			#result-body .results strong span {
				width: 38px;
				display: block;
				text-align: center;
				}
				
			* html #result-body .results strong { /* only IE6 */
				height: 40px;
				line-height: 40px;
				background-position: 0 5px;
				}
				
			*:first-child+html #result-body .results strong { /* only IE7 */
				background-position: 0 3px;
				}
				
	#result-body .option {
		width: 120px;
		float: right;
		display: inline;
		padding: 11px 0 0 0;
		text-align: right;
		}
		
		#result-body .option a:link,
		#result-body .option a:visited { text-decoration: underline; }

		#result-body .option a:hover,
		#result-body .option a:active { text-decoration: none; }

	#result-item {
		width: 586px;
		margin: -10px 0 0 15px;
		overflow: hidden;
		}

	#result-item ul {
		width: 596px;
		padding: 12px 0 0 0;
		background: url(/img/shoe_advisor/bdr_results.png) repeat-x 0 0;
		}

	#result-item li {
		display: -moz-inline-box;
		display: inline-block;
		width: 139px;
		margin: 0 7px 18px 0;
		vertical-align: top;
		/display: inline;/* ie */
		/zoom: 1;/* ie */
		/margin-right: 10px;/* ie */
		}
		
	#result-item li .item { width: 139px; background-color: #fff; }

		#result-item h3 {
			margin: 0px 0 0 0;
			padding: 9px 8px 6px;
			background: url(/img/shoe_advisor/bg_prod_name.png) no-repeat 0 100%;
			font-weight: normal;
			font-size: 0.9em;
			line-height: 1.1;
			text-align: center;
			}
			
			#result-item h3 a:link,
			#result-item h3 a:visited { color: #ffffff; }
			
		#result-item li img {
			border-top: 1px solid #dddddd;
			border-right: 1px solid #dddddd;
			border-left: 1px solid #dddddd;
			}
	

/* 	contextual-content 
	---------------------------------------*/
	#search-results #contextual-content {
		width: 228px;
		float: right;
		display: inline;
		margin: 0px !important;
		padding: 16px 16px 112px;
		background: url(/img/shoe_advisor/bdr_contextual.png) repeat-y 0 0;
		}
		
	#contextual-content h2 {
		font-weight: normal;
		font-size: 0.9em;
		text-transform: uppercase;
		}
		
		#contextual-content h2 a:link,
		#contextual-content h2 a:visited {
			color: #666666;
			text-decoration: none;
			}
		
		#contextual-content h2 a:hover,
		#contextual-content h2 a:active {
			color: #666666;
			text-decoration: underline;
			}

	#contextual-content .descritpion {
		color: #333333;
		font-size: 1.4em;
		}

	#contextual-content .store-locator {
		margin: 20px 0 0 0;
		}

		#contextual-content .store-locator label {
			display: block;
			color: #666666;
			text-transform: uppercase;
			}

		#contextual-content .store-locator input {
			width: 120px;
			margin: 0 4px 0 0;
			font-size: 1.2em;
			}

		#contextual-content .store-locator button {
			width: 22px;
			height: 20px;
			overflow: hidden;
			background: url(/img/btn_go.png) no-repeat 0 0;
			font-size: 0;
			line-height: 0;
			text-indent: -99999px;
			vertical-align: bottom;
			}