#floatNavContainer {
  display: none;
}



#splashBackground {
  // The home page splash (3 color) has been disabled till a later date.
  display: none;
}

#splash {

  div.splash {
    display: inline-block;
    position: relative;
    top: 1px;
    width: 341px;
    height: inherit;
    float: left;

    &.medic {
      background-color: #870900;
      background-image: url(base/img/medic_icon_bg.png), url(base/img/homeNav_splashArea_bg.png);
    }

    &.mechanic {
      background-color: #6a9206;
      background-image: url(base/img/mechanic_icon_bg.png), url(base/img/homeNav_splashArea_bg.png);
    }

    &.manager {
      background-color: #026aa9;
      background-image: url(base/img/manager_icon_bg.png), url(base/img/homeNav_splashArea_bg.png);
      width: 342px;/* pixel fix */
    }

    background-repeat: no-repeat !important;
    background-position: left top !important;

  }

}

// More Power Home Splash

#homeSplash.morePower {
  
  // display: none;// will change on dojo.ready
  
  height: 300px;
  position: relative;
  background-image: url("img/homeSplashBG.png");
  background-repeat: repeat-x;
  background-position: left bottom;

  .element {
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat;

    &.ucv {
      width: 421px;
      height: 229px;
      background-image: url("img/homeSplashUCV.png");
      left: 631px;
      top: -22px;
    }

    &.brownsville {
      width: 511px;
      height: 307px;
      background-image: url("img/homeSplashBrownsville.png");
      left: 88px;
      top: 23px;
    }

    &.hackensack {
      width: 364px;
      height: 211px;
      background-image: url("img/homeSplashHackensack.png");
      left: -27px;
      top: 51px;
    }

    &.morePower {
      width: 408px;
      height: 126px;
      background-image: url("img/homeSplashPower.png");
      left: 572px;
      top: 193px;
    }

    &.betterMakeSure {
      width: 1206px;
      height: 127px;
      background-image: url("img/homeSplashBetterMakeSure.png");
      left: 8px;
      top: 284px;
    }
  }
}







#navigationBackground {
  .border.first {
    height: 0px;
  }
}



#navigation {
  
  // manual height when showing the (3 color) home navigation
  // height: 70px !important;

  // When we show the generic site wide navigation the height will be auto
  height: auto !important;

  div.splash {
    
    display: inline-block;
    position: relative;
    width: 341px;
    float: left;

    background-image: url(base/img/homeNav_buttonArea_bg.png);
    height: 70px;
    text-align: left;
    cursor: pointer;
    
    &.medic {
      background-color: #690700;
    }

    &.mechanic {
      background-color: #517000;
    }

    &.manager {
      background-color: #005082;
      width: 342px;/* pixel fix */
    }
    
    span {
      position: absolute;
      bottom: 12px;
      left: 16px;
      text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
    }

  }
}



#contentTier1Background {
  z-index: 2000;
}

#contentTier1 {
  
  // height: 300px;

  #homeSplashContainer {
    
    // height: 300px;
  }

}





#contentTier2 {
  
  #Column1 {
    
    margin-top: 38px;
    float: left;
    padding: 23px;
    width: 534px;

    #ModulesSlideShowContainer {
      height: 350px;

      .SlideShow {
        
        .slideContainer {
          height: 225px;
        }
        .footer { 
          height: 50px;
          background-image: url('/styles/base/img/SlideShow_footer_bg.png');
          background-position: center top;
          background-repeat: no-repeat;
          background-size: 75% 4px;

          .navItem {
            
            .label {
              display: none;
            }
            
            height: auto;
            padding: 5px;
            border-radius: 2px;
            border: 1px solid rgba(255,255,255,0.1);
            margin: 3px;
            margin-top: 34px;
            background-image: none;
            background-color: rgba(255,255,255,0.1);

            &:hover {
              background-color: rgba(255,255,255,0.2);
            }

            &.active {
              background-color: rgba(255,255,255,0.2);
            }
          }
        }
      }

    }

  }
  




  // Home Vertical Separator
  >.separator.vertical {

    position: absolute;
    right: 396px;
    top: 0px;

  }





  #Column2 {

    float: right;
    padding: 23px;
    width: 304px;
    margin-top: 48px;

    #videosContainer {
      margin-bottom: 45px;
    }

    #newsContainer {
      margin-bottom: 45px;
    }

    #deliveriesContainer {
    }

  }

}

// alternate CSS2 style for Home Page Slideshow footer.
.css2 {
  #ModulesSlideShowContainer {
    .footer {
      .navItem {
        border: 1px solid #707070;
        background-color: #4d4d4d;
        &:hover {
          background-color: #606060;
        }
        &.active {
          background-color: #606060;
        }
      }
    }
  }
}

.floatFix {
  clear: both;
}

// Recent Videos List (FrazerCast) Icon
.RecentVideosList {
  .title {
    padding-left: 59px !important;
    background-image: url("/styles/base/img/videoIconDark.png");
    background-position: 9px 14px;
    background-repeat: no-repeat;
  }
}