/*** SHOP BY PAGE ***/
/*** ACTIVITIES PAGES***/
/*** HOME PAGES ***/
/*** ATHLETES PAGES ***/
/*** EVENTS PAGES ***/
/*** SUMMIT SERIES PAGES ***/
/*** UTMB PAGES ***/
/*** 20/03/2012 13:00 ***/

/*** SHOP-PAGE ***/
/* SHOP LANDING PAGE - SLIDESHOW */

.SEOFont{
  font-family: 'Francois One', 'sans-serif';
}

.SEOFont a{
  color: #000;
}

.SEOFont a:hover{
  text-decoration: none;
}

.clear{
  clear: both;
}

.regMark{
  font-family: 'Tahoma', 'sans-serif';
}

.Content{
  width: 970px;
  padding: 0 10px;
}

.Button-link a {
    background: url("../images/btn-submit.gif") no-repeat scroll 100% 0 #403C3D;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    /*letter-spacing: -1px;*/
    padding: 4px 31px 4px 11px;
    text-transform: uppercase;
    height: 15px;
}

div.HP-SlideShow{
    width:970px; height:411px;
    margin:0 auto;
    position:relative;     
}

div.HP-SlideShow ul{width: 970px; height:411px;list-style: none; margin:0; padding:0;}
div.HP-SlideShow ul li{width:970px; height:411px; margin:0; padding:0;}

div.HP-SlideShow .anythingSlider-default .arrow{
    display: block;
    position: absolute;
    top: 44%;
    z-index: 9;
}
div.HP-SlideShow .anythingSlider-default .arrow a{
    display: block;
    height: 63px;
    margin-top: 0;
    outline: 0 none;
    text-indent: -9999px;
    width: 35px;
}
div.HP-SlideShow .anythingSlider-default .forward, #ActivitiesSlide .anythingSlider-default .forward  {
   background: url("images/slideshow-arrow-right.png") no-repeat scroll 0 0 transparent;
   right: 0;
}
div.HP-SlideShow .anythingSlider-default .back, #ActivitiesSlide .anythingSlider-default .back {
   background: url("images/slideshow-arrow-left.png") no-repeat scroll 0 0 transparent;
   left: 0;
}
div.HP-SlideShow .anythingSlider-default .forward a, #ActivitiesSlide .anythingSlider-default .forward a{
    background-position: right bottom;
}
div.HP-SlideShow .anythingSlider-default .back a, #ActivitiesSlide .anythingSlider-default .back a{
    background-position: left bottom;
}
div.HP-SlideShow .anythingSlider-default .forward a:hover, div.HP-SlideShow .anythingSlider-default .forward a.hover {
    background-position: right top;
}
div.HP-SlideShow .anythingSlider-default .back a:hover, div.HP-SlideShow .anythingSlider-default .back a.hover {
    background-position: left top;
}
div.HP-SlideShow .anythingSlider-default .forward.disabled {
    display: none;
}
div.HP-SlideShow .anythingSlider-default .back.disabled {
    display: none;
}
div.HP-SlideShow .anythingSlider-default .anythingControls{
    top: 5px;
    opacity: 0.9;
    outline: 0 none;
    position: absolute;
    right: 15px;
    z-index: 9;
}
div.HP-SlideShow .anythingSlider-default .thumbNav{
    float: right;
    height: 11px;
    margin: 0;
    padding: 0;
    z-index: 100;
    width:auto;
}
div.HP-SlideShow .anythingSlider-default .thumbNav li{
    display: inline;
}
div.HP-SlideShow .anythingSlider-default .thumbNav a{
    background: url("images/slideshow-path-off.png") no-repeat !important;
    border-radius: 0 0 5px 5px;
    display: inline-block;
    height: 11px;
    margin: 3px !important;
    outline: 0 none;
    padding: 0 !important;
    text-align: center;
    text-decoration: none;
    text-indent: -9999px;
    width: 11px;
}

div.anythingSlider .start-stop {
  display: none !important;
}
:first-child + html div.HP-SlideShow .anythingSlider-default .thumbNav a {
    font-size: 0;
    line-height: 0;
    text-indent: 0;
}
div.HP-SlideShow .anythingSlider-default .thumbNav a.cur, div.HP-SlideShow .anythingSlider-default .thumbNav a:hover{
    background: url("images/slideshow-path-on.png") no-repeat !important;
    border-radius: 0 0 5px 5px;
    display: inline-block;
    height: 11px;
    margin: 3px !important;
    outline: 0 none;
    padding: 0 !important;
    text-align: center;
    text-decoration: none;
    text-indent: -9999px;
    width: 11px;
}
div.HP-SlideShow .anythingSlider-default.rtl .thumbNav a {
    float: right;
}
div.HP-SlideShow .anythingSlider-default.rtl .thumbNav {
    float: left;
}

div.HP-SlidePath{
    position: absolute;
    top:10px; right:27px;
}

div.HP-SlidePath img{
    cursor:pointer;
}
/* END */

/* SHOP LANDING PAGE - Brand & Ecom contents  */

div.HP-EcomBrandContents{
    width:970px;
    margin:4px auto 0;
    position:relative;
}

div.HP-360{
    float:left;
    width: 310px;
    background: url(images/360-bg-verto.jpg) left top no-repeat;
}

div.HP-360 div#myAlternativeContent{height:374px;}


div.HP-EcomBrandContents div.Banners{
    float:right;
    width:660px;
}

div.HP-EcomBrandContents div.Banners div.Small-TopLeft, div.HP-EcomBrandContents div.Banners div.TopLeftEu{ float:left; margin-left:4px;}
div.HP-EcomBrandContents div.Banners div.Small-TopRight{ float:right;}
div.HP-EcomBrandContents div.Banners div.Small-TopLeft,
div.HP-EcomBrandContents div.Banners div.Small-TopRight,{
    width:326px; height:179px;
}
div.HP-EcomBrandContents div.Banners div.TopLeftEu{
  cursor:pointer;
}
#GTFVideo {
  width: 650px;
}  
div.HP-EcomBrandContents div.Banners div.Big-TopLeft{ margin-top:4px; margin-left:4px; }

div.HP-EcomBrandContents div.Banners div.Small-BottomLeft{ float:left;}
div.HP-EcomBrandContents div.Banners div.Small-BottomRight{ float:right;}
div.HP-EcomBrandContents div.Banners div.Small-BottomLeft,
div.HP-EcomBrandContents div.Banners div.Small-BottomRight{
    width:330px; height:90px;
}
div.HP-EcomBrandContents div.Banners .Hover,
div.HP-EcomBrandContents div.Banners #Video{
  display: none;
}  
div.HP-EcomBrandContents div.Banners #Video{
  height: 374px;
  width: 656px;
  background: white;
  position: absolute;
}

div.HP-EcomBrandContents div.Banners .Hover{
  position: absolute;
  width: 656px;
  top: 0;
  z-index: 1000;
  background:  url(images/alpha.png) repeat;
  color: white;
}
div.HP-EcomBrandContents div.Banners .VideoTitle, div.HP-EcomBrandContents div.Banners .VideoDescription {
  width: 550px;
  float: left;
  margin: 2px 0 0 10px;
}
div.HP-EcomBrandContents div.Banners .VideoTitle{
  color: rgb(255,199,0);
  font-weight: bold;
}

div.HP-EcomBrandContents div.Banners .Close{
  cursor: pointer;
  float: right;
  margin: 0 5px 5px 0;
  font-weight: bold;
  width: 80px;
}

.Carousel{
  width: 970px;
  height: 180px;
  background: white;
  margin: 0 auto;
}

.Carousel img{
  padding-top: 20px;
}

#ContentBannerBottom{
  margin: 0;
}

/*** END SHOP-PAGE ***/

/** EVENT PAGE **/
#EventTop, .Event, #Results, #EventTopFr{
  width: 970px;
  float: left;
  /*margin: 0 10px;*/
}
  
#EventTop{  
  height: 59px;
  background: url(images/topbackground.jpg) no-repeat;
}
#EventTopFr{
  height: 59px;
  background: url(images/topbackgroundfr.jpg) no-repeat;
}

.Event, #Results{
  border-top: 1px solid white;
  background: rgb(226,226,226) url(images/bckgevent.jpg) repeat-x;
  font-size: 12px;
  padding-bottom: 20px;
}

.Event a{
  color: black;
  text-decoration: none;
}

.EventImg{
  width: 134px;
  height: 134px;
  float: left;
  margin: 26px 20px 24px 15px;
}

.EventDescription, .EventContent{
  float: left;
}

.EventDescription{
  width: 720px;
  position: relative;
}

.EventDescription a:hover{
  color: rgb(28,92,152) !important;
}

.EventDate{
  text-transform: uppercase;
  color: rgb(28,92,152);
  font-size: 14px;
}
.EventTitle{
  font-size: 20px;
}

.JoinEvent{
  font-size: 14px;
  font-weight: bold;
}

.EventType, .EventCountry{
  position: absolute;
  height: 26px;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -72px;
  width: 142px;
}

.TopShape{
  position: relative;
  height: 26px;
  background: url(images/select.jpg) no-repeat;
  width: 142px;
  text-transform: uppercase;
  text-align: center;
  float: right;
  font-size: 14px;
  margin-right: 22px;
}

.TopShape span {
    left: 73px;
    position: absolute;
    top: 11px;
}

.Event span{
  display:block;
  margin-bottom: 4px;  
}

.EventContent{
  width: 590px;
 }
 
.EventButtons{
   position: absolute;
   margin-right: 10px;
   bottom: 10px;
   right: -65px; 
}

.EventMainButton, .EventButton{
  background: rgb(65,65,65);
  margin: 4px;
  text-transform: uppercase;
}

.EventFilter{
  float: right;
  margin: 23px;
  color: white;
}

.EventFilter select{
  margin: 0 10px 0 25px;
}

#ContentBanner{
  margin:0px;
}

#ContentBanner img{
  margin: 0;
}

#Results{
    text-align: center;
     text-transform: uppercase;
     color: grey;
}
/** END EVENT PAGE **/

/** ATHLETES PAGE **/
li#Athletes{
  margin:2px 93px 10px 10px !important;
  font-size: 24px !important;
  font-weight: bold;
  padding: 0 !important; 
}

#AthletesTabs{
  margin: 0;
  padding: 0;
}

#AthletesTabs li a{
   font-family: 'Francois One', sans-serif !important;
   border: none; 
   font-size: 12px !important;
   padding: 12px 17px !important;
   margin: 0 !important;
   letter-spacing:1px;
}

#AthletesTabs li {
  padding: 0;
  margin: 0;  
}



 .nav, #AthletesTabs, #AthletesTabs li{
  border: none;
  background: none;
}

 .nav .ui-state-active{
  background: rgb(229,0,21) !important;

}

 .ui-state-active a{
  color: #FFF !important;
}

 .ui-state-default a,  .ui-state-default a:link,  .ui-state-default a:visited {
  color: #FFF;
}

 .ui-state-hover a,  .ui-state-hover a:hover { color: rgb(229,0,21) !important; text-decoration: none; }

.MainAthletes, .OthersAthletes{
    width: 965px;
    margin: 0 -10px;
    padding: 2px 0 0;
}

.MainAthletes{
  margin-top:-6px;
}

.MainAthleteImg{
    float: left;
    width: 381px;
    height: 381px;
    margin: 0 5px 0 0;
    background: white;
    position: relative;
}

.OtherAthleteImg{
  float: left;
  margin: 0 5px 5px 0;
  width: 188px;
  height: 188px;
  position: relative;
}

.MainAthleteName{
  position: absolute;
  bottom: 25px;
  left: 15px;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: -1px;
  font-weight: bold;
}

.MainAthleteRole{
  position: absolute;
  bottom: 5px;
  left: 15px;
  color: #F0E500;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: -1px;
  font-weight: bold;
}

.MainAthleteProfilelink{
  position: absolute;
  bottom: 30px;
  right: 5px;
}

.MainAthleteExpeditionlink{
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.MainAthleteLinksBG{
  position: absolute;
  height: 60px;
  width: 381px;
  background: url("http://eu.thenorthface.com/blog/wp-content/uploads/2011/04/black-alphabg.png") repeat;
  left: 0;
  bottom: 0;
}

.OtherAthleteImg .Button-link{  
  bottom: 5px;
  /*font-weight: bold; */
  letter-spacing: -1px;
  position: absolute;
  right: 5px;
}

#AthleteBioMedia{
   margin: 11px 0px;
   height: 429px;
   width: 970px;
   position: relative;
   float: left;
}

#AthleteBioMainImg{
  width: 313px;
  height: 429px;
  float: left;
  margin-right: 10px;
}

#AthleteBioSlide{
  width:   647px;
  height: 365px;  
  float: left;
}

#AthleteBioMedia .anythingSlider {
    /*position: relative;*/
  padding: 0 0 70px;
  float: left;
}

#AthleteBioMedia .panel{
  z-index: 2;
}

#AthleteBioMedia div.anythingSlider .start-stop {
  width:   647px;
  height: 365px; 
  padding: 0px;
  top: -365px;
  /*position: relative;*/
  float: left;
  clear: both;
  background: yellow;
  color: red;
  z-index: 100;
 }
 

#AthleteBioMedia .anythingSlider .thumbNav a {
    display: inline-block;
    font: 11px/18px Georgia,Serif;
    height: 57px;
    width: 88px;          
    margin: 1px 2px 0 0;
    text-align: center;
    text-decoration: none;
    padding: 0;
    border-radius: 0;
    border: 1px solid #312f30;
}  
                                         
         
#AthleteBioMedia div.anythingSlider .thumbNav a:hover{
  border: 1px solid #fff;
 }
 
#AthleteBioMedia div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {
    background: none /*!important*/;
}

#AthleteBioMedia .anythingSlider.activeSlider .anythingWindow {
  border: none;
  margin: 1px 0;
  z-index: 30;
}

#AthleteInfo{
  width: 906px;
  margin: 0px;
  background: white;
  padding: 36px 32px;
  float: left;
  /*position: relative;*/
}

#AthleteBioSocial{
  width: 100%;
  background: rgb(237,237,237);
  height: 30px;
  font-family: Helvetica, sans-serif;
  font-size: 15px;
  margin: 0;
}


#AthleteBioSocial img{
  height: 16px;
  margin:7px 0 0 8px;
}

#AthleteBioMedia .nav, #AthleteInfoTabs, #AthleteInfoTabs li{
  background: none;
  border: none;
  color: black;
}

#AthleteInfoTabs .ui-state-default a, #AthleteInfoTabs .ui-state-default a:link, #AthleteInfoTabs .ui-state-default a:visited {
  color: black;
  border: none;
}

#AthletesTabs .ui-tabs-selected a, #AthletesTabs .ui-state-active a, #AthleteInfoTabs .ui-tabs-selected a, #AthleteInfoTabs .ui-state-active a{
  color: white !important;
}

#AthleteInfoTabs .ui-tabs-panel{
  padding: 20px 0;
  color: black;
}

#AthleteInfoTabs .ui-tabs-nav {
  padding: 0 !important;
} 

#AthleteTop{
  width: 970px;
  float: left;
  /*position: relative;*/
} 

#AthleteName{
  float: left;
  font-size: 22px;
  margin-left: 10px;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 10px;
}

#AthleteBioLink{
  float: right;
  color: rgb(179,179,179);
  margin-right: 10px;
  font-size: 12px;
  margin-top: 10px;
 text-transform: capitalize; 
}

#AthleteBioLink a, #AthleteBioLink a:active, #AthleteBioLink a:visited{
  color: white;
  text-transform: uppercase;
  text-decoration: none;
}

#AthleteBioLink a:hover{
  color: rgb(229,0,21) !important;
  
}

#AthleteInfo .ui-widget{
  font-size: 14px;
}

#AthleteBioMedia div.anythingControls {
  position: relative;
  height: 65px;
  width: 647px;
  overflow: hidden;
  left: 45px;
}

.fb_edge_widget_with_comment {
    margin: 0 10px;
}

#AthleteBioMedia div.anythingControls ul.thumbNav {
  display: block;
  height: 57px;
  width: 4000px;
  position: absolute;
  left: 53px;
  margin: 0;
  list-style: none;
}
#AthleteBioMedia div.anythingControls .thumbNav li {
  display: block;
  float: left;
  padding: 0 2px;
}
#AthleteBioMedia div.anythingControls .thumbNav a {
  display: block;
  text-decoration: none;
}
#AthleteBioMedia div.anythingControls .thumbNav span {
  display: block;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

#AthleteBioMedia .ScrollLeft, .ScrollRight{
  height: 57px;
  width: 42px;
  position: absolute;
  top: 367px;
  z-index: 0;
  cursor: pointer;
  border: 2px solid #312f30;
}

#AthleteBioMedia .ScrollLeft{
  background: url(images/scrollleft.jpg);
  left: 323px;
}

#AthleteBioMedia .ScrollRight{
  background: url(images/scrollright.jpg);
  right: 0;
}

#AthleteInfo .ui-tabs-panel a:hover{
  color: rgb(229,0,21) !important;
}

#Intro{display: none;}

.BottomBanner {    
    float: left;
    font-size: 33px;
    height: 38px;
    line-height: 17px;
    margin: 5px 0px 0 0;
    padding: 14px 0 9px 10px;
    width: 314px;
    border: 1px solid #302E2F;  
     background-color: #302E2F;
     background-image:linear-gradient(-90deg, rgba(48, 46, 47, 0.5), rgb(41, 39, 40));
     background-image:-webkit-gradient(linear, 0% 50%, 0% 100%, from(rgba(48, 46, 47, 0.5)), to(rgb(41, 39, 40)));
     background-image:-moz-linear-gradient(-90deg, rgba(48, 46, 47, 0.5), rgb(41, 39, 40));
}    

.BottomBannerApp { 
    float: left;
    font-size: 15px;
    height: 47px;
    padding: 7px 0 12px 10px;
    width: 305px;
    line-height: 16px;
    border: 1px solid #302E2F;  
      background-color: #302E2F;
      background-image:linear-gradient(-90deg, rgba(48, 46, 47, 0.5), rgb(41, 39, 40));
      background-image:-webkit-gradient(linear, 0% 50%, 0% 100%, from(rgba(48, 46, 47, 0.5)), to(rgb(41, 39, 40)));
      background-image:-moz-linear-gradient(-90deg, rgba(48, 46, 47, 0.5), rgb(41, 39, 40));
}    

.BottomBanner a, .BottomBannerApp a{color: #fff;}

.BottomBannerApp img{float: left; margin-right: 5px;}

.BottomBanner span, .BottomBannerApp span{
  font-size: 15px;
  background: url('../images/banner-bottom-button-link.jpg') no-repeat scroll 100% 11px;
  padding: 4px 12px 4px 0px;
  text-transform: uppercase; 
  letter-spacing: -1px; 
}



/** END ATHLETES PAGE **/

/** Summit series page **/
div#titleSummitSeries {
    background: url("http://eu.thenorthface.com/blog/wp-content/uploads/2010/09/title_summit-series.jpg") no-repeat scroll 0 0 transparent;
    height: 60px;
    position: relative;
    width: 970px;
}

.Summit-Btn {
    bottom: -5px;
    font-size: 13px;
    position: absolute;
    right: 24px;
    text-align: right;
    width: 515px;
    height:31px;
}

.Summit-Btn a{
    background: #D7D7CD;
    border: 1px solid #D7D7CD;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    height:14px;
    padding:5px 10px;
    float: right;
    margin-right: 2px;
    color: #000;
}

div#Main_SS {
    height: 295px;
    overflow: hidden;
    position: relative;
    width: 970px;
}

#SummitMainImageText {
    bottom: 0;
    color: #FFFFFF;
    right: 354px;
    text-align: right;
    text-shadow: 2px 2px #2E2E2E;
    font-size: 38px;
    letter-spacing: -3px;
    line-height: 40px;
    position: absolute;
    text-transform: uppercase;
}

div#SSCopy {
    background: none repeat scroll 0 0 #2E3E54;
    color: white;
    font-family: "Arial";
    font-size: 14px;
    left: 0;
    line-height: 30px;
    padding: 15px 24px;
    position: absolute;
    top: 295px;
}
div#SSCopy a {
    color: white;
}
div#CloseBox {
    background: none repeat scroll 0 0 #293B52;
    border: 1px solid white;
    line-height: 8px;
    padding: 2px;
    position: absolute;
    right: 6px;
    top: 6px;
}
div#CloseBox a {
    color: white;
    font-size: 10px;
    font-weight: bold;
}

#SummitProductTitle{
  background: url("../images/summit-title-bg.jpg") repeat-x;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    height: 16px;
    padding: 22px 0;
    text-align: center;
    width: 970px;
}

#SummitProductColumn{  
  width:470px; 
  height:650px;
  background:url('../images/summit-product-bg.jpg') no-repeat;
  text-align:center;
  float:right;
}

.SummitProductText{
  padding: 230px 0 0;
  text-align: center;
  font-size: 25px;
  letter-spacing: -1px;
}

#FlashTechnologies {
    border-top: 1px solid white;
    height: 370px;
    width: 970px;
}

#StoreBanner{
  position: relative;
  height: 80px;
  border-top:1px solid white;
}

.SummitBannerText{
   position: absolute;
   top:25px;
   left: 300px;
   color: #fff;
   font-size: 20px;
   letter-spacing: -1px;
    line-height: 100%;
}

.SummitBannerText span {
  font-weight: bold;
}

/* END SUMMIT SERIES PAGE */

/* SUMMIT SERIES DEALERS PAGE */

#titleSummitSeriesDealers{
   position: absolute;
   top: 25px;
   left: 365px;
   font-size: 25px;
   color: #fff;
}

#MainSummitSeriesDealers{
    background: url("../images/summit-dealers-bg.jpg") no-repeat;
    min-height: 432px;
    padding-top: 193px;
    width: 970px;
    position: relative;
}

#SummitDealerFindText{
    color: #FFFFFF;
  font-size: 45px;
  position: absolute;
  right: 23px;
  text-align: right;
  top: 95px;
  line-height: 100%;
  letter-spacing: -4px;
  padding-right:5px;
}

div#TablesContainer {
    background: url("http://eu.thenorthface.com/blog/wp-content/uploads/2010/09/bg_StoresTable.gif") repeat-x scroll left top white;
    color: #333333;
    font-size: 14px;
    margin: 0 auto 30px;
    min-height: 600px;
    padding-left: 10px;
    padding-top: 12px;
    position: relative;
    width: 912px;
}

form#ChooseCountry {
    left: 410px;
    position: absolute;
    top: 10px;
}
form#ChooseCountry select, form#ChooseCountryDealer select {
    width: 200px;
}
form#ChooseCountryDealer {
    position: absolute;
    right: 30px;
    top: 10px;
}

div.CloseDiv {
    display: none;
}

/*div#uk div, div#ir div, div#au div, div#ch div, div#li div, div#de div, div#fr div, div#it div, div#es div, div#dk div, div#sw div, div#be div, div#nl div, div#po div, div#cz div {*/
div.CloseDiv div{
    float: left;
    font-family: "Tahoma","Arial";
    font-size: 13px;
    line-height: 30px;
    margin: 30px 10px 30px 0;
}

div.StoreName {
    color: #000000;
    font-weight: bold;
    width: 225px;
    margin-right: 10px;    
}

div.StoreAddress {
    width: 280px;
    margin-right: 10px;
}
div.StoreCity{
    margin-right: 10px;
    width: 210px;
}

div.SalesPostal{
    width: 80px;
    margin-right: 10px;    
}

div.StorePhNum {
    width: 15%;
}

/** END SUMMIT SERIES DEALERS */

/*  ACTIVITIES  */

.ActivitiesSlideshow{
   height:487px;
   overflow:hidden;
   margin: 0 auto;
   width: 970px;
   position: relative;
}

.ActivityMenu{
  cursor: pointer;
  color: #fff;
  font-size: 17px;
  text-transform: uppercase;  
  height: 17px;
  width: 920px;
  padding: 5px 25px;
  border-bottom: 1px solid #fff;
  /*text-shadow: 1px 1px 1px #000000;*/
}

.ActivityMenu a, #climbing-menu a, #running-menu a, #snow-menu a, #ski-menu a{
  color: #fefefe;
}

.MenuClimbing{
  background: url(../images/climbing-bg1.png) repeat-x;
} 

.MenuRunning{
  background: url(../images/running-products-bg.jpg) repeat-x;
} 

.MenuSnowboarding{
  background: url(../images/snow-title-bg-snow.jpg) repeat-x;
  border-bottom: 1px solid #fff;
} 

.MenuSkiing{
  background: url(../images/snow-title-bg-ski.jpg) repeat-x;
}

.ActivityMenu div{   
  float: left; 
  margin-right: 100px;    
}  

#climbing-menu, #running-menu, #snow-menu, #ski-menu{
    width:970px; 
    /*border-bottom:1px solid #fff;*/ 
    display: none;
}

#climbing-menu div, #snow-menu div, #ski-menu div{
    width:322px; 
    border-right:1px solid #fff; 
    float:left;
    border-bottom:1px solid #fff; 
    line-height: 1.4;
}

#running-menu div{
  width:241px; 
    border-right:1px solid #fff; 
    float:left;
     border-bottom:1px solid #fff;
  line-height: 1;
}


#snow-menu div{
  border-top: none;
}

#climbing-menu div div, #snow-menu div div, #ski-menu div div{
  background: url("../images/product-title-bg.jpg") no-repeat scroll 0 0 transparent;
    color: #F76E03;
    font-size: 30px;
    padding: 0 54px;
    width: 214px;
    border: none;
}

#running-menu div div{
  color: #0087C9;
  background: url("../images/run-product-title-bg.png") no-repeat scroll 0 0 transparent;    
    font-size: 30px;
    padding: 0px 15px;
    width: 210px;
    border: none;
}

#snow-menu div div{
  color: #43962f;
}

#ski-menu div div{
  color: #f95a04;
}

#climbing-menu div ul, #running-menu div ul, #snow-menu div ul, #ski-menu div ul{
    font-size: 12px;
    margin: 0 auto;
    width:210px;
}

.ClimbingSummit{
  background: url("../images/climbing-bg2.png") repeat-x;
  padding: 5px 270px;
  width: 430px;
}

.ActivityCenter{
  position:relative; 
  width:970px; 
  height:400px; 
  border-bottom:1px solid #fff; 
  background: #bbb url('../images/climbing-center-bg.png') left top no-repeat;  
}

#ActivityAthletes{
  z-index:1; 
  width:970px; 
  background: #293239 url('../images/climbing-athletes-title-bg.jpg') no-repeat 0 0; 
  border-bottom:1px solid #fff;
  text-transform: uppercase;
  color: #fff;
}

.ActivityAthletesTitle{      
      font-size: 18px;
    height: 22px;
    letter-spacing: -1px;
    padding: 10px 12px;
}

#ActivityAlpine, #ActivitySnowAthletes, #ActivityRock, #ActivityRunningAthletes{
  position:relative; 
  float: left; 
  padding: 10px;   
  height: 166px; 
}  
#ActivityAlpine{ 
  width: 395px; 
  background: url('../images/climbing-alpine-bg.jpg') #5f7282 no-repeat;
}

#ActivitySnowAthletes{   
  width: 950px; 
  height: 165px;
  background: url('../images/snow-athletes-bg.jpg') #5f7282 no-repeat;
}

#ActivityRunningAthletes{
 height: 108px;
}

#ActivityRunningAthletes .ActivityAhtlete{
  margin: -15px 9px;
}

#ActivityRock{
 width: 535px; background: url('/blog/wp-content/uploads/2011/09/climbing-rock-bg.jpg') #43515e no-repeat;
}

.ActivityAthleteButton{ 
  position: absolute; 
  bottom: 10px; 
  right: 10px;
}

#RunningTitle{
    background: url("../images/running-top-banner.jpg") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 15px;
    height: 50px;
    line-height: 0;
    padding: 5px 0 5px 66px;
    text-transform: uppercase;
    width: 940px;
    letter-spacing: -1px;
}

#RunningTitle h1{
  color: white;
    font-size: 30px;
    margin: 0;
    padding: 0;
}

.ActivityRedButton{
   background: url(../images/activity-redbutton-bg.png) repeat-x;
  height: 40px;
  font-size: 20px;
  letter-spacing: -1px;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 20px -1px #000 inset;
  -moz-box-shadow: 0 0 21px -3px #000 inset;
  box-shadow: 0 0 21px -3px #000 inset;
  padding: 25px 0;
  text-align: center;
  line-height:1;
  text-shadow: 0 0 1px #000;
  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  color: #fff;
} 

.ActivityRedButton a{
  color: #FFF;  
}

.ActivityAhtlete{
  margin-right: 30px;
  text-transform: uppercase;  
  width: 100px;
  float: left;
  text-align: center;
}

.ActivityAhtlete a{  
  color: #fff;
    letter-spacing: -1px;
    line-height: 1;
    font-size: 14px;
}

.ClimbingRedButton{
  float: left;
  width:250px;
  margin-right: 2px;
}

.RunningRedButton{
  width:260px !important;  
  padding: 35px 0;
  height: 20px;
}

.SnowRedButton{
  float: left;
  width:326px;
  margin-bottom: 4px;  
}

.ActivitySecondBanner{
  width:970px; 
  height: 282px; 
  position: relative;
}

#climbing-exploring-alps{
  float: left;
  position: relative;
}

#climbing-exploring-alps .Button-link{
  position: absolute;
  bottom: 25px;
  right: 15px;
}

#climbing-exploring-alps span {
    bottom: 25px;
    font-size: 15px;
    left: 140px;
    line-height: 15px;
    position: absolute;
    text-transform: uppercase;
    color: #515151;
} 

#climbing-exploring-alps-title a{
  color: #FFFFFF;
    font-size: 25px;
    left: 75px;
    letter-spacing: -1px;
    line-height: 1;
    position: absolute;
    top: 23px;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(80%, rgba(0,0,0,.5)), to(rgba(0,0,0,1))); 
}

#climbing-exploring-alps-title:after{  
 content : '';  
 color: #fff; 
} 

.ActivityBottomBanner{
  position: relative;
  width: 970px;
  height: 124px;
}

.ClimbingBottomBanner, .RunningBottomBanner{
   background: url(../images/climbing-trailhead-app.jpg) no-repeat;   
}

.SnowBottomBanner{
   background: url(../images/snow-report-app.jpg) no-repeat;   
}

#ActivityBottomBannerText{
  position: absolute;
  top: 18px;
  left: 115px;
  width: 360px;
  text-align: justify;  
}

#ActivityBottomBannerText span{
  font-size: 21px;
  letter-spacing: -1px;
}

.ClimbingBottomBanner #ActivityBottomBannerButton, .RunningBottomBanner #ActivityBottomBannerButton{
  background: url("../images/climbing-button-bottom.png") no-repeat scroll 0 0 transparent;
  width: 211px;
  right: 15px;
  height: 40px;
}

.RunningBottomBanner #ActivityBottomBannerButton{
  background: url("../images/running-button-bottom.png") no-repeat scroll 0 0 transparent;
}

#ActivityBottomBannerButton{
    color: #FFFFFF;
    font-size: 17px;
    line-height: 1;
    padding: 7px 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 37px;    
}

.SnowBottomBanner #ActivityBottomBannerButton{
  background: url("../images/snow-app-button.png") no-repeat scroll 0 0 transparent;
  right: 10px; 
  width: 181px;
  height: 36px;
}

/* END ACTIVITIES */

/*** UTMB ***/
#UtmbAll{
  width: 972px;
  margin:0 auto;
  background: rgb(21,30,37);
}
#Utmb-main-text{
  float:left;
  width: 722px;
  height: 225px;
}

#Utmb-upper-link{
  width: 190px;
  float: left;
  margin-top: 35px;
  margin-left: 20px;
}

.UtmbButton{
  margin: 2px 0;
}

#UtmbTeam a, #UtmbTeam div{
  float:left;
  margin:0;
  width: 108px;
  height: 426px;
  background-position:0 0;
}

#Utmb-athlete-01{
    background: url(/media/homepage/utmb-athlete-01.jpg) no-repeat;
}
#Utmb-athlete-02{
    background: url(/media/homepage/utmb-athlete-02.jpg) no-repeat;
}
#Utmb-athlete-03{
    background: url(/media/homepage/utmb-athlete-03.jpg) no-repeat;
}
#Utmb-athlete-04{
    background: url(/media/homepage/utmb-athlete-04.jpg) no-repeat;
}
#Utmb-athlete-05{
    background: url(/media/homepage/utmb-athlete-05.jpg) no-repeat;
}
#Utmb-athlete-06{
    background: url(/media/homepage/utmb-athlete-06.jpg) no-repeat;
}
#Utmb-athlete-07{
    background: url(/media/homepage/utmb-athlete-07.jpg) no-repeat;
}
#Utmb-athlete-08{
    background: url(/media/homepage/utmb-athlete-08.jpg) no-repeat;
}                                  
#Utmb-athlete-09{
    background: url(/media/homepage/utmb-athlete-09.jpg) no-repeat;
}

#UtmbTeam a:hover, #UtmbTeam div:hover{
  background-position: -108px 0;
}

#Utmb-bottom{
  position:relative;
}

#Utmb-bottom img{
  margin:0;
  padding:0;
}

#Utmb-Team{
  position:absolute;
  top:0;
  left:324px;
}

#Utmb-Banner{
  width: 756px;
  height: 88px;
  margin:0 auto;
}

/**** END UTMB ***/

/***** other Contents ******/
#page {
    overflow: hidden
    text-align: center;
    width: 100%;
    z-index: 2;
}

#content-area {
    margin: 10px auto;
    padding: 10px 0;
    position: relative;
    text-align: left;
    width: 990px;
    z-index: 3;
}

.page-template-openjobs-php .wp_left_sidebar, .single-jobs .wp_left_sidebar {
    background: url("http://testeu.thenorthface.com/blog/wp-content/themes/summit/images/white_trans_70.png") repeat scroll left top transparent;
    float: left;
    margin: 0;
    padding: 0;
    width: 197px;
}

.wp_left_sidebar .accordion-menu-cont h3 {
    border-bottom: 1px solid #F0F0F0;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    padding: 10px 10px 5px;
    text-align: left;
}

.accordion-menu-cont ul.main-menu, .wp_left_sidebar .accordion-menu-cont ul.main-menu {
    margin: 10px 10px 0;
    padding: 0 0 10px;
}

.wide .ls .accordion-menu-cont ul, .wp_left_sidebar .accordion-menu-cont ul {
    font-size: 13px;
    line-height: 13px;
    list-style: none outside none;
    position: relative;
}

.wp_left_sidebar .accordion-menu-cont ul.main-menu li {
    background: url("http://testeu.thenorthface.com/blog/wp-content/themes/summit/images/bg_accordion_menu_item.gif") no-repeat scroll 0 5px transparent;
    margin: 0;
    padding: 0 0 10px 10px;
    text-align: left;
}

.wp_left_sidebar .accordion-menu-cont ul.main-menu li.current-main a {
    color: #DC241F;
    font-weight: bold;
}

.wp_left_sidebar .accordion-menu-cont ul.main-menu li a {
    color: #333333;
}

#content-career {
    float: left;
    margin-left: 7px;
    width: 785px;
}

#content-career .header_wp {
    background: url("http://testeu.thenorthface.com/blog/wp-content/themes/summit/images/white_trans_70.png") no-repeat scroll left top transparent;
    margin: 0;
    padding: 0;
}

#content-career .header_wp ul.breadcrumb {
    border-bottom: 1px solid #F0F0F0;
     float: none;
    overflow: hidden;
    padding: 13px 0 9px 14px;
}

#content-career .header_wp h2 {
    clear: both;
    color: #DC241F;
    font-size: 29px;
    padding: 13px 0 18px 15px;
}

.page-template-openjobs-php #content {
    background: none repeat scroll 0 0 #FFFFFF;
    height: auto;
    margin-top: 7px;
    padding: 10px 10px 20px;
}

#content {
    background: url("images/gray-border.gif") repeat-y scroll 700px top #FFFFFF;
    height: 100%;
    overflow: hidden;
    position: relative;
}

#content-career .page .entry-content {
    color: #333333;
    height: auto;
    padding: 5px 0 0;
    color: #474747;
    font-size: 11px;
    /*height: 246px;*/
    font-size: 13px;
    line-height: 16px;
}

.clearer {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
}
/** sustainability **/
.sustainability .ui-tabs-panel{background-color: #fff !important; margin: 10px 0 0;}
  .sustainability .ui-state-default{font-size: 18px; font-weight: bold !important;}
  .sustainability .ui-state-default a{font-size: 18px; padding: 3px 30px;}
  .sustainability .ui-corner-all, .sustainability .ui-corner-left, .sustainability .ui-corner-bl, .sustainability .ui-corner-top, .sustainability .ui-corner-tr,
  .sustainability .ui-corner-all, .sustainability .ui-corner-bottom, .sustainability .ui-corner-right, .sustainability .ui-corner-br{border-radius: 0% !important;}
  table td, table th{padding: 5px;}
  .Open{display: block;}
  .Close{display: none;}  
  
  .tablewrapper {
    background: url('/blog/wp-content/uploads/2011/12/sustainability-table-bg.png') no-repeat;
    border: 2px solid white;
    border-radius: 10px 10px 10px 10px;
    box-shadow: -1px 0 6px rgba(0, 0, 0, 0.8);
    font-family: 'Francois One', sans-serif;;
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    width: 300px;
    color: #fff;
}

.tablewrapper table{
  border-collapse: collapse;
  margin: 10px;
  font-size: 11px;
}

.tablewrapper tr{
  border-bottom: 1px solid #fff;
}                             

p.chart-header {
    color: #FFFFFF;
    font-family: 'Francois One', sans-serif;;
    font-size: 28px;
    font-style: normal;
    font-variant: normal;
    line-height: 28px;
    margin: 5px;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-shadow: 0 0 2px #555555;
    text-transform: uppercase;
}

p.chart-subheader {
    color: #FFFFFF;
    font-family: 'Francois One', sans-serif;;
    font-size: 15px;
    font-style: normal;
    font-variant: normal;
    line-height: 22px;
    margin: 5px;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-shadow: 0 0 2px #555555;
}

p.chart {
    color: white;
    font-family: 'Francois One', sans-serif;;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    line-height: 22px;
    margin: 5px 2px;
    padding: 0;
    text-decoration: none;
    text-indent: 0;
    text-shadow: 0 0 2px #555555;
}

/** END sustainability **/