@charset "utf-8";

/* 	-----------------------------------------------------------
	
		ASICS Styling 
		= = = = = = = = = = = = = = = = = = = =
		Running Top
	
	-----------------------------------------------------------*/


/* 	--------------------------------
	LAST UPDATE�F2008.12.17
	-------------------------------- */


/*	General
	-------------------------------- */
	#shoe-advisor-sidebar {
		/*padding: 40px;*/
		}
	
	#main-contents {
		margin: 10px 0 0 0;
		padding: 0 0 20px;
		background: url(/img/running_top/bg_shadow.png) repeat-y 459px 0;
		}

/* 	Primary 
	--------------------------- */
	#primary {
		width: 459px;
		float: left;
		display: inline;
		}

/* 	Main Feature 
	--------------------------- */
  #main-feature {
    position: relative;
    float: left;
    }
    
  #main-feature #teaser_overlay {
    display: block;
    padding-bottom: 5px;
    position: absolute;
    bottom: 30px;
    background: transparent url(/img/running_top-title_transp-bg.png) top left repeat;
    }

	#main-feature h2 {
		padding: 6px 7px 0;
		font-weight: normal;
		font-size: 1.8em;
		}

		#main-feature h2 a:link,
		#main-feature h2 a:visited 	{ color: #224584; text-decoration: none; }

		#main-feature h2 a:hover,
		#main-feature h2 a:active 	{ color: #224584; text-decoration: underline; }
			
	  #main-feature .description { margin: -1px 0 0 0; padding: 0 7px; }
		
		#main-feature .description p { font-size: 1.2em; line-height: 1.2; }

  .feature-comments {
    margin-top:5px;
    border-top:1px dashed #dfdfe1;
  }

  .feature-comments .content {
    color:#4c5c76;
    margin-top:3px;
    font-size:11px;
  }

  .feature-comments .content img {
    margin-right:5px;
  }

  .feature-comments .comment_by {
    margin-left:17px;
    font-size:11px;
    color:#8f8f91;
  }
  .feature-comments .comment_by a {
    color:#8f8f91;
  }
  .feature-comments ul {
    float:left;
    width: 93%;
  }
  .feature-comments .switcher_container {
    float:right;
    width:30px;
  }
  .feature-comments .switcher {
    top:170px;
    left:900px;
    background-color:#fff;
    border:1px dotted #d3d3d5;
    border-right:none;
    position:absolute;
    _width:23px;
  }
  .feature-comments .switcher span.prev {
    background:url("/img/btn_switcher_left.png") no-repeat scroll 0 0 transparent;
  }
  .feature-comments .switcher span.next {
    background:url("/img/btn_switcher_right.png") no-repeat scroll 0 0 transparent;
  }
  .feature-comments .switcher span {
    display:inline;
    float:left;
    font-size:0;
    height:9px;
    line-height:0;
    margin:4px 2px;
    overflow:hidden;
    text-indent:-99999px;
    width:7px;
  }

/* 	Features 
	-------------------------------------- */
	#features {
		width: 447px;
	  float: left;
 		display: inline;
		overflow: hidden;
		margin: 10px 7px;
		padding: 8px 0 0;
		border-top: 1px solid #e7e7e7;
		}
	
		#features ul.wrapper { width: 462px; margin: 0 0 0 -15px; }
		
		#features .feature {
		    width: 139px;
		    float: left;
		    display: inline;
		    margin: 0 0 0 15px;
		    }
		
		    #features h2 {
		    	padding: 0 0 1px 0;
		    	font-weight: bold;
		    	font-size: 1.0em;
		    	line-height: 1.2;
		    	text-transform: uppercase;
		    	}
		
		    	#features h2 a:link,
		    	#features h2 a:visited 	{ color: #000000; text-decoration: none; }
		
		    	#features h2 a:hover,
		    	#features h2 a:active 	{ color: #000000; text-decoration: underline; }
		
		    #features h3 {
		    	margin: 5px 0 0 0;
		    	font-weight: normal;
		    	font-size: 1.4em;
		    	line-height: 1.2;
		    	}
		    
		    #features .feature li {
		    	margin: 5px 0 0 0;
		    	padding: 5px 0 2px;
		    	border-top: 1px solid #e7e7e7;
			    }
		
		    #features .feature li a img { margin: 0 0 -2px; }

	#advisor_newsletter {
		width: 100%;
		background: transparent url(/img/bg_dotted_alpha_blue.png) repeat-x 0 0;
		padding-top: 10px;
		float: left;
		display: inline;
		}
		
		#advisor-wrap {
			float: left;
			width: 220px;
			margin-left: 5px;
			overflow:hidden;
			}
		
		#subscribe-form-small {
			float: left;
			width: 193px;
      min-height: 129px;
			padding: 10px 14px 10px 14px;
			_padding: 10px 0 10px 14px;
			display: block;
			margin-left: 5px;
			border:1px solid #E8E8E8;
			background:#fff;
			}
			
			#subscribe-form-small #subscribe-box p { font-weight: normal; font-size: 12px; }
  			body.ru_RU #subscribe-form-small #subscribe-box p { font-weight: normal; font-size: 1.2em; }

				#subscribe-form-small #subscribe-box p a { font-weight: bold; font-size: 0.6em; }
					
			#subscribe-form-small p.section { margin: 6px 0 0 0; line-height: 1.8; }
		
			#subscribe-form-small label { display: inline; float: left; font-size: 11px; width: 200px; margin-top: 5px;}
			
				#subscribe-form-small label span.login_small { font-size: .8em; }
			
				#subscribe-form-small label a { font-size: 1em; }
		
					#subscribe-form-small label a:link,
					#subscribe-form-small label a:visited { color: #666666; text-decoration: none; }
		
					#subscribe-form-small label a:hover,
					#subscribe-form-small label a:active { color: #666666; text-decoration: underline; }
		
			#subscribe-form-small input.text {
				width: 100px;
				float: left;
				display: inline;
				margin: 3px 6px 0px 0;
				padding: 2px 0;
				font-size: 1.2em;
				}
		
			#subscribe-form-small 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-small 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;
					}
					
					body.ru_RU #subscribe-form-small label.button input { font-size: .7em; }
		
			#subscribe-form-small .login {
				float: left;
				display: inline;
				}
				
			#subscribe-form-small #subscribe_fields {
				float: left;
				margin-bottom: 5px;
				}


/* 	Secondary 
	-------------------------------- */
	#secondary {
		width: 459px;
		float: right;
		display: inline;
		}

/* 	Products 
	-------------------------------- */
	#products {
		padding: 5px 7px 5px 9px;
		background: #f3f3f5;
		_width:445px;
		}
	
	#products #index {
		width: 137px;
		float: left;
		display: inline;
		}
	#products .feature-product{
	  float:left;
	  display:inline;
	  width:305px;
	}
	
	#products h2 {
	    padding: 6px 0 0 0;
	    border-bottom: 1px dashed #dadadc;
	    font-weight: normal;
	    font-size: 1.8em;
	    }
	
	    #products h2 a:link,
		#products h2 a:visited 	{ color: #01235b; text-decoration: none; }
	
		#products h2 a:hover,
		#products h2 a:active 	{ color: #01235b; text-decoration: underline; }
	
	#products #index li {
	    width: 120px;
	    margin: 0;
	    padding: 8px 0 4px;
	    border-bottom: 1px solid #dfdfe3;
	    }
	
	    #products #index li a {
	    	font-weight: bold;
	    	font-size: 1.0em;
	    	text-transform: uppercase;
	    	}
	
	    	#products #index li a:link,
	    	#products #index li a:visited 	{ color: #01235b; text-decoration: none; }
	
	    	#products #index li a:hover,
	    	#products #index li a:active 	{ color: #01235b; text-decoration: underline; }
	
	#products #feature-product {
		width: 303px;
		float: right;
		display: inline;
		}
	
/* 	Tools 
	-------------------------------- */
	#tools {
		width: 459px;
		padding: 7px 0 0 0;
		background: url(/img/bg_dotted_alpha_blue.png) repeat-x 0 0;
		}


	/* 	Tech Tours
		----------------------------*/
		#tech_tours-top {
			float: left;
			display: block;
			background: transparent url(/img/running_top/bg-tech_tours.png) top left no-repeat;
			width: 459px; 
			height: 167px; 
			overflow: hidden;
			margin-bottom: 10px;
			}

		#tech_tours-content { float: left; display: inline;  margin-left: 160px; margin-top: 10px;  width: 290px;  }
		#tech_tours-top h3 { font-size: 1.6em; font-weight: normal; }
		#tech_tours-top h4 { font-size: 1em;height:23px; line-height:1.3;  }
		#tech_tours-top ul { margin-top: 9px;  }			
			#tech_tours-top li { border-bottom: 1px solid #ddd; font-size: 1.2em;  padding-bottom: 3px; margin-bottom: 4px;  width: 280px;  color: #333333; }
				#tech_tours-top li a { float: left;  font-weight: bold; display: block; padding-right: 0.2em;  }
				#tech_tours-top li.last { border: 0px; font-size: 1em;  font-weight: bold; }
					#tech_tours-top li.last a { display: inline; width: auto; }
		


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

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

/* 	Community and Events
	------------------------------------ */
	#community_and_events {
		margin: 10px 0px 10px 2px;
/*    padding-bottom: 10px;*/
		background-color: #f5f5f5;
		width: 459px;
		_width: 446px;
		}
	
	#community_and_events.not_live {
	  margin: 0px 0px 0px 2px;
	}
	
		#community_and_events h2 {
			font-weight: normal;
		    font-size: 1.8em;
		    width: 430px;
		    border-bottom: 1px dashed #ddd;
		    margin-bottom: 10px;
		    }
		
		    #community_and_events h2 a:link,
			#community_and_events h2 a:visited,
			#community_and_events h4 a:link,
			#community_and_events h4 a:visited 	{ color: #01235b; text-decoration: none; }
		
			#community_and_events h2 a:hover,
			#community_and_events h2 a:active,
			#community_and_events h4 a:hover,
			#community_and_events h4 a:active 	{ color: #01235b; text-decoration: underline; }

		#community_and_events-wrap {
			float: left;
			margin: 10px 0 0 10px;
			}

		#community_and_events p {
			font-size: 1.2em;
			}

			#community_and_events p.date {
				color: #888;
				}
			
		#community_and_events #ce_featured {
			float: left;
			border-bottom: 1px dashed #ddd;
			margin-bottom: 10px;
			padding-bottom: 10px;
			}

			#community_and_events #ce_featured .featured_item {
				width: 212px;
				float: left;
				margin-right: 5px;
				}
				
			#community_and_events h3 {
				text-transform: uppercase;
				font-size: 1em;
				margin-bottom: 5px;
				}

  			#community_and_events h3 a {
  			 color: #000;
  			 }


			#community_and_events h4 {
				font-size: 12px;
				font-weight: 700;
				line-height: 1.2em;
				margin-bottom: 5px;
				margin-top: 5px;
				}
				
    #my_asics-module {
      float: left;
      }
				
		#my_asics-module p {
			margin-top: 5px;
			font-size: 1em;
			line-height: 1.6em;
			}
		#my_asics-module p.my_asics-module-content{
		  padding-right:20px;
		}
			
		#my_asics-module form {
			width: 425px;
			background:#e1e1e1 url(/img/running_top/bg-create_training_program_for.png) top left no-repeat;
			padding-left:10px;
			}
			#my_asics-module form p{
  			width: 435px;
  			background:#e1e1e1 url(/img/running_top/bg-create_training_program_for_bottom.gif);
  			height:5px;
  			overflow:hidden;
  			margin-left:-10px;
  			}
		
			#my_asics-module form label {
				float: left;
				font-size: 1.2em;
				margin-right: 10px;
				margin-top: 10px;
				}
				
			#my_asics-module form select {
	/*        margin-right: 10px;*/
				margin-top: 8px;
				/*width: 150px;*/
				font-size: 1.2em;
				padding:2px 0;
				}

  	#my_asics-module form button {
  	  height: 20px;
  	  overflow: hidden;
  	  display: inline;
  	  margin: 7px 0 0 0;
  	  background: url(/img/buttons/go-right.png) top right no-repeat;
      padding-right: 4px;
      color: #fff;
      font-size: .9em;
      line-height: 20px;
      text-transform: uppercase;
  	  }
  
    	#my_asics-module form button span {
        height: 20px;
        display: inline-block;
        background: url(/img/buttons/go-left.png) no-repeat 0 0 ;
        padding: 0px 1px 0 7px;
        line-height: 19px;
        }
        
        /*for safari*/
        @media screen and (-webkit-min-device-pixel-ratio:0){
        #my_asics-module form button span {padding: 0px 4px 0 7px;}
        }

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

/* 	Updates 
	------------------------------------ */
	#updates { margin: 13px 16px; }
		
	#updates h2 {
		font-weight: bold;
		font-size: 1.0em;
		text-transform: uppercase;
		}
		
/*  #updates ul { padding: 6px 0 0 0; }*/

		#updates li {
			display: block;
			padding: 4px 0;
			color: #666666;
			line-height: 1.1;
			}

			#updates li a { font-size: 1.2em; }

				#updates li a:link,
				#updates li a:visited 	{ color: #012561; text-decoration: none; }

				#updates li a:hover,
				#updates li a:active 	{ color: #012561; text-decoration: underline; }