@charset "utf-8";

/* 	-----------------------------------------------------------
	
		ASICS Styling 
		= = = = = = = = = = = = = = = = = = = =
		MODULE: Contextual Content
	
	-----------------------------------------------------------*/


	#contextual-content {
		width: 233px;
		float: right;
		display: inline;
		margin: 0 0 0 0;
		}
	
		#contextual-content .chapter {
			width: 184px;
			margin: 0 0 10px 0;
			padding: 15px 20px;
			border: 1px solid #f2f2f2;
			clear: both;
			}
			
			#contextual-content .recommended_product 	{ background-color: #ffffff; }
			#contextual-content .articles 				{ background-color: #f7f7f7; }
			#contextual-content .myasics 				{ background-color: #f7f5fa; }
			#contextual-content .tool	 				{ background-color: #f5f6fa; }

		/* 'wide' = content that needs images which span the sidebar-box */
		#contextual-content .wide {
			width: 224px;
			padding: 15px 0px 20px 0px;
			}
			
		/* image_only = content that is just an image == we need no padding */
		#contextual-content .image_only {
		  padding: 0px;
		  }
		
		
		#contextual-content .product 		{ width: 90px; float: left; margin-bottom: 20px; margin-right: 2px;}
		#contextual-content .product span	{ width: 98px; height: 23px; display: block; background: transparent url(/img/ambassadors_top/related_product-background.png) 0px 0px no-repeat; }
		#contextual-content .product span a	{ float: left; margin-left: 10px; margin-top: 5px; font-size: 1em; }

		

	
/*	Store Locator
	--------------------------*/
	
	/*	Contextual Content -> Store Locator block		: standard
		----------------------------------- */
		#contextual-content #store-locator {
			width: 224px;
			height: auto;
			float: left;
			margin: 0 0px 10px 0px;
			display: block;
			overflow: hidden;
			border: 1px solid #edeff2;
			background: #f4f6fa;
			}
			
			#contextual-content #store-locator p strong {
				font-weight: normal;
				font-size: 1.6em;
				line-height: 1.1;
				}
			
		
	/*	Running Top -> Store Locator block				: fixed height and slight margins
		----------------------------------- */
		 #store-locator {
			width: 219px;
			height: 149px;
			float: left;
			margin: 0 4px 0 5px;
			display: inline;
			overflow: hidden;
			border: 1px solid #edeff2;
			background: #f4f6fa;
			}
			
			#store-locator p strong,#store-locator p {
				font-weight: normal;
				font-size: 1em;
				line-height: 1.3;
				}
/*
      body.en_CH #store-locator p strong { font-size: 1.2em; }
      body.en_UK #store-locator p strong { font-size: 1.2em; }
      body.ru_RU #store-locator p strong { font-size: 1.2em; }
      body.fi_FI #store-locator p strong { font-size: 1.2em; }
      body.de_DE #store-locator p strong { font-size: 1.0em; }*/
				
	
	/*	Store Locator @ home
		----------------------------------- */
		#store-locator.home {
			height: 138px;
			margin: 0 0 0 5px;
			}		
			
			
	/*	Shoe Advisor -> Store Locator block				: no bg / border and bigger text
		----------------------------------- */
		#search-results #contextual-content #store-locator{
		  margin-left: 0px;
		  margin-bottom: 10px;
		  width: 224px;
		  height: auto;
		  display: block;
		  background: transparent;
		  border: none;
		  }
		
		#search-results #contextual-content #store-locator h2, #contextual-content #store-locator h2 {
		  font-weight: normal;
		  font-size: 0.9em;
		  }
		
		#search-results #contextual-content #store-locator .section {
		  padding:15px 0px;
		  }
		
		#search-results #contextual-content #store-locator p strong {
		  line-height:1.25em;
		  font-size: 1.4em !important;
		  }
		  
		
	/*	Store Locator General
		----------------------------------*/
		#store-locator .section {
			padding: 16px;
			}
		/*#store-locator .store-locator-homepage{
		      padding:6px 10px;
		    }*/
			
		#store-locator h2 {
			font-weight: bold;
			font-size: 1.0em;
			text-transform: uppercase;
			}
			
			#store-locator h2 a:link,
			#store-locator h2 a:visited {
				color: #666666;
				text-decoration: none;
				}
				
			#store-locator h2 a:hover,
			#store-locator h2 a:active {
				color: #666666;
				text-decoration: underline;
				}
				
		#store-locator p {
			padding: 8px 0 0 0;
			}
			
				
			#store-locator p strong a:link,
			#store-locator p strong a:visited {
				color: #00276e;
				text-decoration: none;
				}
				
			#store-locator p strong a:hover,
			#store-locator p strong a:active {
				color: #00276e;
				text-decoration: underline;
				}
					
		#store-locator label {
			display: block;
			color: #666666;
			font-size: 1.2em;
			}
			
		#store-locator input.text {
			width: 117px;
			margin: 6px 6px 0 0;
			padding: 2px 0;
			font-size: 1.2em;
			}
			
		#store-locator button {
			width: 22px;
			height: 20px;
			overflow: hidden;
			margin: 6px 0 0 0;
			background: url(/img/go_button.png) no-repeat 0 0;
			color: #fff;
			text-transform: uppercase;
			font-size: .9em;
			vertical-align: top;
			/margin: 8px 0 0 0; /* ie */
			}

		
		.with_store_locator_img h2 a {
		  display: block;
		  padding-bottom: 68px;
		  }
		
		#contextual-content .with_store_locator_img h2 a { 
		  padding-bottom: 72px;
		  }

        .with_store_locator_img {
          background: transparent url(/img/store_locator_leadin_maps/pic_store_locator_leadin_uk.png) no-repeat 0px 32px;
         }
       
        .fr_FR .with_store_locator_img {
          background: transparent url(/img/store_locator_leadin_maps/pic_store_locator_leadin_fr.png) no-repeat 0px 32px;
         }

		.store-locator form {
			margin-top: 0px;
			}
			
		.store-locator label {
		    display: block;
		    color: #666666;
		    font-size: 1.2em;
			margin: 5px 0;
		    }
	
		.store-locator input.text {
			width: 150px;
			margin: 0px 0 0 0;
			padding: 2px 0;
			}
	
		.store-locator button {
		    width: 22px;
		    height: 20px;
		    overflow: hidden;
		    margin: 0px 0 0 0;
		    color: #fff;
		    background: url(/img/go_button.png) no-repeat 0 0;
		    /*text-indent: -99999px;*/
			font-size: .9em;
			text-transform: uppercase;
			vertical-align: top;
			/margin: 1px 0 0 4px;
		    }
		    

/*	------------------------
	Create Running Program
	------------------------*/
	.running_program form {
		margin: 10px 0px 10px 20px;
		}
		
		.running_program select {
			width: 150px;
			font-size: 1.2em;
			}
/*
		.running_program button {
      width: 22px;
      height: 20px;
      overflow: hidden;
      margin: 0px 0 0 0;
      background: url(/img/go_button.png) no-repeat 0 0;
      vertical-align: top;
      color: #fff;
      text-transform: uppercase;
      font-size: .9em;
      }
*/

		.running_program button {
      height: 20px;
      overflow: hidden;
      margin: 0px 0 0 0;
      padding-right: 4px;
      background: url(/img/buttons/go-right.png) top right no-repeat;
      vertical-align: top;
      color: #fff;
      text-transform: uppercase;
      font-size: .9em;
      line-height: 20px;
      }
		    
    .running_program button span {
      height: 20px;
      display: block;
      background: transparent url(/img/buttons/go-left.png) top left no-repeat;
      padding: 0px 1px 0 6px;
      line-height: 19px;
      }		
		    

/*	------------------------
	Newsletter
	------------------------*/
	.newsletter h3 a {
		font-size: .7em;
		}

	.newsletter form {
		margin: 10px 0px;
		}
		
		.newsletter input {
			font-size: 1.2em;
			width: 100px;
			margin-top: 5px;
			}
		
		.newsletter button {
		    width: 70px;
		    height: 20px;
		    overflow: hidden;
		    margin: 5px 0 0 0;
		    background: url(/img/contextual-content/btn_signup.png) no-repeat 0 0;
			vertical-align: top;
			color: #fff;
			text-transform: uppercase;
			font-size: .9em;
		    }
		
		
		
		.newsletter span.login {
			text-align: right;
			float: right;
			margin-right: 10px;
			}
			
			
	/* 	Subscription Form
		----------------------------*/
		#subscribe-form {
			width: 421px;
			margin: 6px 0 0 5px;
			padding: 12px 12px 15px;
			border: 1px solid #e8e8e8;
			}
			
		#subscribe-form h2 {
			font-weight: normal;
			font-size: 1.6em;
			}
			
			#subscribe-form h2 a {
				font-weight: bold;
				font-size: 0.6em;
				}
				
		#subscribe-form p.section {
			margin: 6px 0 0 0;
			line-height: 1.8;
			}
			
		#subscribe-form label {
			display: block;
			font-size: 1.2em;
			}
			
			#subscribe-form label a {
				font-size: 0.8em;
				}
				
				#subscribe-form label a:link,
				#subscribe-form label a:visited {
					color: #666666;
					text-decoration: none;
					}
					
				#subscribe-form label a:hover,
				#subscribe-form label a:active {
					color: #666666;
					text-decoration: underline;
					}
					
		#subscribe-form input.text {
			width: 176px;
			float: left;
			display: inline;
			margin: 3px 6px 0 0;
			padding: 2px 0;
			font-size: 1.2em;
			}
			
		/*  - - - - - - - - - - - - - 
		    New Button Markup Code: 05/15/09 
		    - - - - - - - - - - - - -  */	
		#subscribe-form button {
		  height: 20px;
		  float: left;
  	  display: inline;
  	  overflow: hidden;
  	  margin: 3px 0px 0 0;
  	  background: url(/img/buttons/generic_blue-right.png) top right no-repeat;
      padding-right: 3px;
      color: #fff;
      font-size: .9em;
      line-height: 20px;
      text-transform: uppercase;
		  }
		  
		  #subscribe-form button span {
		    height: 20px;
        display: block;
        background: transparent url(/img/buttons/generic_blue-left.png) top left no-repeat;
        padding: 0px 1px 0 5px;
        line-height: 19px;
		    }

		/*  - - - - - - - - - - - - - 
		    Old Button Markup Code: 05/15/09 ... Delete once above is implemented in backend
		    - - - - - - - - - - - - -  */			  
		#subscribe-form label.button {
			width: 77px;
			height: 26px;
			float: left;
			display: inline;
			overflow: hidden;
			margin: 1px 0 0 0;
			background: url(/img/running_top/btn_subscribe.png) no-repeat 0 0;
			}
			
			#subscribe-form label.button input {
				width: 77px;
				height: 26px;
				overflow: hidden;
				outline: none;
				border: none;
				color: #ffffff;
				background: none;
				font-weight: bold;
				font-size: 0.8em;
				text-transform: uppercase;
				cursor: pointer;
				}
				
		#subscribe-form .login {
			float: left;
			display: inline;
			padding: 6px 0 0 6px;
			}


/*	------------------------
	Shoe Advisor
	------------------------*/

	.shoe-advisor {
		width: 224px;
		height: 151px;
		float: left;
		display: inline;
		overflow: hidden;
		margin-bottom: 10px;
		border: 1px solid #f2f2f2;
		background: url(/img/running_top/bg_shoe_advisor.jpg) no-repeat 0 0;
		}
		
		.shoe-advisor .section { padding: 14px; /oveflow: hidden; }
		
		.shoe-advisor h2 {
		    color: #ffffff;
		    font-weight: bold;
		    font-size: 1.0em;
		    }
		    
		.shoe-advisor p strong {
		    display: block;
		    padding: 8px 0 0;
		    color: #ffffff;
		    font-weight: normal;
		    font-size: 1.6em;
		    }
		    
		    
		.shoe-advisor #select {
		    width: 202px;
		    height: 32px;
		    overflow: hidden;
		    margin: 1px 0 0 0;
		    }
		 
		    .shoe-advisor #select label {
		    	width: 120px;
		    	height: 32px;
		    	float: left;
		    	display: inline;
		    	position: relative;
		    	overflow: hidden;
		    	margin: 1px 0 0 5px;
		    	padding: 8px 0 0 35px;
		    	background: url(/img/running_top/bg_choose.png) no-repeat 0 0;
		    	font-size: 1.4em;
		    	cursor: pointer;
		    	}
		    
		    .shoe-advisor #select select {
		    	width: 140px;
		    	position: absolute;
		    	top: 8px;
		    	left: 35px;
		    	overflow: hidden;
		    	outline: none;
		    	border: none;
		    	color: #999999;
		    	background: none;
		    	background-repeat: none;
		    	cursor: pointer;
		    	}
		    	
		    	.shoe-advisor #select option {
		    		color: #999999;
		    		font-size: 100%;
		    		}
		    		
		.shoe-advisor button {
		    width: 22px;
		    height: 20px;
		    float: left;
		    display: inline;
		    overflow: hidden;
		    margin: 7px 0 0 10px;
		    /*background: url(/img/btn_go_green.png) no-repeat 0 0;*/
		    background: url(/img/go_button.png) no-repeat 0 0;
			color: #fff;
			text-transform: uppercase;
			font-size: .9em;
		    /*text-indent: -99999px;*/
		    }
		
		.shoe-advisor .description {
		    margin: 2px 0 0 0;
		    }
		    
		    .shoe-advisor .description p {
		    	margin: 6px 0 0 0;
		    	color: #ffffff;
		    	line-height: 1.6;
		    	}

		
		
/*	------------------------
	Related Typography
	------------------------*/
		
	#contextual-content .chapter h2 {font-size:1.2em;text-transform:uppercase; font-weight: 700; }
	
		#contextual-content .chapter h2 a:link,
		#contextual-content .chapter h2 a:visited,
		#contextual-content .chapter h2 a:hover,
		#contextual-content .chapter h2 a:active {
			color: #000;
			text-decoration: none;
			}
			
	#contextual-content .chapter h3 { font-weight: normal; font-size: 1.8em; line-height: 1.25; margin-top: 5px;}
	
	#contextual-content .chapter p { color:#333; font-size: 1.3em; margin-bottom: .5em; }


	/* 'wide' = content that needs images which span the sidebar-box */
	#contextual-content .wide h2 	{ margin: 0 0px 7px 20px;	}
	#contextual-content .wide h3, 
	#contextual-content .wide p 	{ margin-left: 20px; margin-right: 10px; padding:10px 0;}