@charset "utf-8";

/* 	-----------------------------------------------------------
	
		ASICS Styling 
		= = = = = = = = = = = = = = = = = = = =
		Ambassadors INDIVIDUAL
	
	-----------------------------------------------------------*/

@import "modules/contextual_content.css";

/* 	Specific Settings
	-------------------------------- */
	#left_wrap { width: 680px; float: left; display: inline; }
	#contextual-content { top: -10px; position: relative; }


/* 	Individual
	-------------------------------- */
	#asics-ambassador-individual { width: 680px; float: left; border-top: 1px dashed #ddd; padding-top: 10px; }	
		#asics-ambassador-individual h4 { text-transform: uppercase; font-size: 1em; margin-bottom: 10px; }
	
	
/* 	Profile
	-------------------------------- */
	#ambassador-profile {
		width: 625px;
		float: left;
		display: inline;
		padding-bottom: 20px;
		padding-left: 10px;
		}
			
		#ambassador-profile img {
			float: left;
			margin-right: 15px; 
			margin-bottom: 10px;
			}
									
		#ambassador-profile ul {
			float: left;
			width: 316px;
			font-size: 1.2em; 
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px solid #ddd;
			}

		#ambassador-profile p { 
			font-size: 1.3em;
			line-height: 1.3em;
			}

		#ambassador-profile p.lead { 
			color: #999;
			font-size: 1.7em;
			margin-bottom: 1em;;
			}
			

/*  PROFILE IMAGE WRAP + VIDEO LINK (also in hockey.css)
    ----------------------------------------*/
		#profile_image_wrap {
		  float: left;
		  margin-right: 15px;
		  margin-bottom: 10px;
		  }

  		#profile_image_wrap #video_link {
/*        background-color: #08c467; */  /* remove the green background */
  		  width: 280px;
  		  padding: 7px 0 0 0;
  		  float: left;
  		  clear: both;
  		  }

        #video_link h5 {
          float: left;
          display: inline;
          font-size: 1.2em;
          line-height: 1em;
          font-weight: normal;
          }
          
        #video_link p {
          float: right;
          display: inline;
          text-transform: uppercase;
          font-size: 1em;
          line-height: 1em;
          margin-top: 1px;
          }

          #video_link p a {
            color: #000;
            font-weight: bold;
            padding-left: 13px;
            background: transparent url(/img/video-down_arrow.png) 0px 1px no-repeat;
            }

          #video_link p a:hover {
            color: #000;
            text-decoration: none;
            background: transparent url(/img/video-down_arrow.png) 0px -17px no-repeat;
            }
            
        #ambassador-profile img {
      margin: 0px;
      }
      
    #ambassador-profile p strong {
      text-transform: uppercase;
      letter-spacing: 1px;
      }



/* 	News, Achievements and Advice
	-------------------------------- */
	#ambassador-news, #ambassador-achievements, #ambassador-expert_advice, #ambassador-photos {
		width: 680px;
		float: left;
		display: inline;
		border-bottom: 1px dashed #bbb;
		margin-top: 5px;
		margin-bottom: 15px;
		padding-bottom: 15px;
		padding-left: 10px;
		}
		
		/*
		// We need this extra styling becuse the profile div above is shorter than the others
		// so we add a border to top and bottom of news to compensate. 
		*/
		#ambassador-news {	
			border-top: 1px dashed #bbb;
			padding-top: 15px;
			}
		
	/* 	News Left
		-------------------------------- */
		#ambassador-news-left {
			width: 300px;
			float: left;
			display: inline;
			margin-right: 15px;
			}
	
			#ambassador-news-left li {	
				margin-bottom: 5px;
				font-size: 1.2em;
				}
					
				#ambassador-news-left li span {	
					color: #666;
					}
				
			
	/* 	News Right
		-------------------------------- */
		#ambassador-news-right {
			width: 300px;
			float: left;
			display: inline;
			}
			
			#ambassador-news-right .quote p, #ambassador-news p.quote {
				font-size: 1.8em;
				color: #69b464;
				line-height: 1.4em;
				}

			#ambassador-news-right .milestone p {
				font-size: 1.4em;
				color: #000;
				}
	
			#ambassador-news-right h4 {
				display: inline;
				float: left;
				text-transform: uppercase;
				font-size: 1em;
				color: #888;
				}
				
			.switcher {
				float: right;
				height: 14px;
				padding: 0 2px 0 0;
				border: 1px solid #e5e5e5;
				background: #ffffff;
				}
	
			 .switcher strong {
				float:left;
				display: inline;
				margin: 0 2px 0 0;
				font-weight: normal;
				padding: 0px 4px;
				background: url(/img/bdr_dotted_virtical_gray.png) repeat-y 100% 0;
				}
	
			.switcher span {
				width: 7px;
				height: 9px;
				float:left;
				display: inline;
				overflow: hidden;
				margin: 2px 2px;
				font-size: 0;
				line-height: 0;
				text-indent: -99999px;
				}
	
			.switcher span.prev {
				background: url(/img/btn_switcher_left.png) no-repeat 0 0;
				}
		
			.switcher span.next {
				background: url(/img/btn_switcher_right.png) no-repeat 0 0;
				}
		
			.switcher span:hover, .switcher span:active {
				background-position: 0 -9px;
				}
				
			/* Our genertic container for aq-slideshow elements */
			#ambassador-news-right #products {
				float: left;
				width: 300px;
				height: 150px;
				position: relative;
				top: 0px;
				overflow: hidden;
				}
			
			#products ul {
				float: left;
				position: absolute;
				z-index: 0;
				top: 0;
				left: 0;
				width: 9000px;
				}
			
				#products li {
					float: left;
					position: relative;
					display: block;
					width: 300px;
					}
					

	/* 	Photos
		-------------------------------- */
		#ambassador-photos p {
			font-size: 1.2em;
			margin-top: 7px;
			margin-bottom: 7px;
			}
			
		#ambassador-photos ul {
			float: left;
			display: inline;
			}

			#ambassador-photos ul li {
				display: inline;
				margin-right: 11px;
				border: 1px solid #ddd
				background-color: #ddd;
				}
	
	/* 	Achievements
		-------------------------------- */
		#ambassador-achievements li { font-size: 1.4em; margin-bottom: 5px; }
			#ambassador-achievements li span { color: #ddd; font-size: .8em; }
				
				
	/* 	Advice Left
		-------------------------------- */
		#advice_wrap {
			float: left;
			width: 616px;
			background: transparent url(/img/ambassadors_individual/advice-bg-top.png) top left no-repeat;
			padding-top: 10px;
			}

		#advice_head {
			float: left;
			border-bottom: 1px dashed #ddd;
			padding-bottom: 5px;
			width: 616px;
			}
			
			#advice_head h4 {
				padding-bottom: 0px;
				margin-bottom: 0px;
				margin-left: 10px;
				}
				
		#advice_body {
			float: left;
			width: 616px;
			background: transparent url(/img/ambassadors_individual/advice-bg.png) bottom left no-repeat;
			padding-bottom: 10px;
			padding-top: 10px;
			}

		#ambassador-expert_advice-left {
			width: 300px;
			float: left;
			display: inline;
			margin-right: 5px;
			margin-left: 10px;
			}


	/* 	Advice Right
		-------------------------------- */
		#ambassador-expert_advice-right {
			width: 300px;
			float: left;
			display: inline;
			}
	
			#ambassador-expert_advice-right h4 {
				font-size: 1.4em;
				font-weight: bold;
				text-transform: none;
				color: #888;
				}
			#ambassador-expert_advice-right p {
				font-size: 1.2em;
				}
	
	
/* 	Ambassadors Other
	-------------------------------- */
	#asics-ambassadors {
		width: 670px;
		float: left;
		display: inline;
		padding-bottom: 30px;
		padding-left: 10px;
		margin-bottom: 10px;
		}
		

		#asics-ambassadors h5 {
			color: #000;
			font-size: 1em;
			font-weight: bold;
			text-transform: uppercase;
			margin-bottom: 5px;  
			}
			
		#asics-ambassadors-photos {
			float: left;
			width: 625px;
			margin-left: 10px;
			}
			
		#asics-ambassadors .ambassador {
			float: left;
			width: 215px;
			display: block;
			border-bottom: 0px;
			margin-right: 5px;
			margin-bottom: 15px;
			}

			#asics-ambassadors .ambassador img { border: 1px solid #ccc; }
			
			#asics-ambassadors .ambassador span {
				float: left;
				width: 215px;
				height: 34px;
				display: block;
				background: transparent url(/img/ambassadors_top/profile_bg_bottom.png) 0px 0px no-repeat;			
				}
	
				#asics-ambassadors .ambassador span a {
					float: left;
					font-size: 1.2em;
					margin-left: 10px;
					margin-top: 8px;
					}
	
				#asics-ambassadors .right {
					margin-right: 0px;
					}		

 /*  -------------------------------------------------
      FACEBOOK / Twitter
      ------------------------------------------------- */
      #sms-buttons {
        float: left;
        width: 316px;
        margin-bottom: 10px;
        }
        
      .sms-button {
        float: left;
        background-color: #e6e6e6;
        border: 1px solid #b0b0b0;
        margin-right: 10px;
        }
        
        .sms-button a {
          display: block;
          color: #074487;
          padding-top: 1px;
          padding-bottom: 3px;
          border-top: 1px solid #f2f2f2;
          padding-right: 10px;
          font-weight: bold;
          font-size: 1em;
          
          }

          .sms-button a:hover {
            color: #000;
            text-decoration: none;
            }
        
        .twitter {
          background: transparent url(/img/sms-icon-twitter.png) top left no-repeat;
          padding-left: 20px;
          }

        .blog {
          background: transparent url(/img/sms-icon-blog.png) 3px 1px no-repeat;
          padding-left: 23px;
          }
        .facebook {
          background: transparent url(/img/sms-icon-facebook.png) 3px 1px no-repeat;
          padding-left: 25px;
          }