@charset "utf-8";
/* Custom styles for CLB */

/* Containers */
.st-content {
    background: none;
    overflow:hidden;
}

.menu-bg {
    background: none;
}
.menu-bg, .menu-bg-boxed {
    background:#fff;
    height:69px;
    max-height: 69px;
    -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0);
    -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0));
    box-shadow:0 2px 3px rgba(0, 0, 0, 0);
}
.homepage .bm-container {
    box-shadow: 0 4px 3px rgba(0,0,55,.2);
}
.bm-container {
    background:#fff;
    height:69px;
    max-height: 69px;
    padding-top:12px;
}
.container-fluid .container-fluid.menu-bg-boxed {
    max-width:none;
    width:100%;
}
.top-nav {
    background:#fff;  
    width:100%;
    height:32px;
    -webkit-transition: height 200ms ease-out;
    -moz-transition: height 200ms ease-out;
    -o-transition: height 200ms ease-out;
    transition: height 200ms ease-out;
}

.top-nav.open {
    height:75px;
}
.homepage .branding img {
    max-width: 162px;
    height: auto;
    position: relative;
    top:-3px;
}
.top-nav.open ul {
    max-height:none;
    height:auto;
}    
.top-nav ul {
    position:static;
    max-width:960px;
    overflow:hidden;
}
.top-nav-mega-full-width {
    width:100% !important;
    left:0 !important;
    padding-top:14px;
}
.top-nav ul li.top-nav-mega {
    margin-top:17px;
    height:40px;
}
.top-nav ul li.top-nav-mega a {
    line-height:36px;
    margin-top:0;
}
.top-nav ul li.branding {
    height:46px;
    width:360px;
    -webkit-transition: padding 200ms ease-out;
    -moz-transition: padding 200ms ease-out;
    -o-transition: padding 200ms ease-out;
    transition: padding 200ms ease-out;
}
.top-nav ul li.branding a {
    padding:0;
}
.menu-bg-boxed {
    margin-top:0;
}
.slidemenu-toggler {
    display:none;
}

/* Effect Togglers and Search-box/Login-box Containers */
.side-menu-toggle {
  background: #222827;
  background-image: url(/common/img/menu-toggle.png);
  background-repeat: no-repeat;
  background-position: 15px 11px;
}

.side-menu-toggle:focus {
  background: #161b1a;
  background-image: url(/common/img/menu-toggle.png);
  background-repeat: no-repeat;
  background-position: 15px 11px;
}

.login-toggle {
  background: #222827;
  background-image: url(/common/img/login.png);
  background-repeat: no-repeat;
  background-position: 10px 11px;
}

.login-toggle:focus {
  background: #161b1a;
  background-image: url(/common/img/login.png);
  background-repeat: no-repeat;
  background-position: 10px 11px;
}

#login-container {
  background: #c6cecc;
  background: rgba(198,206,204,1);
  border: 1px solid #869793;
  border-top: none;
  color: #0a4974;
}

.register-forgot a:hover {
  color: #414b56;
}

.search-toggle {
  background: rgb(92,107,104);
  background-image: url(/common/img/search.png);
  background-position: 9px 9px;
  background-repeat: no-repeat;
  border-left: 1px solid #70837e;
}

#search-container {
  background: #c6cecc;
  background: rgba(198,206,204,1);
  border: 1px solid #869793;
  color: #414b56;
}

#search-container:focus {
  background: rgb(32,38,37);
  background: rgb(32,38,37,0.7);
  color: #c8e7fb;
}

/* Top-nav mega */
.top-nav-mega-1, .top-nav-mega-2, .top-nav-mega-3, .top-nav-mega-4, .top-nav-mega-5, .top-nav-mega-6, .top-nav-mega-full-width {
  background: rgb(255,255,255);
  background: rgba(246,246,246,0.97);
  color: #444;
}

/* Top-nav mega product nav */
.product-frame {
  background: #2d3132;
  border: 5px solid #2d3132;
  color: #ddd;
}

.product-frame h1, .product-frame h1 a, .product-frame h2, .product-frame h2 a, .product-frame h3, .product-frame h3 a, .product-frame h4, .product-frame h4 a, .product-frame h5, .product-frame h5 a, .product-frame h6, .product-frame h6 a {
  color: #fff;
  font-weight: 500;
}

.top-nav-mega-full-width, .top-nav-mega-full-width .carousel-caption h4, .top-nav-mega-full-width .carousel-caption h4 a {
  color: #fff;
}

.product-frame:hover {
  background: rgb(82,88,90);
  background: rgba(82,88,90,0.9);
  border: 5px solid #838b8d;
}

.top-nav-mega-full-width {
    top:57px;
}
.top-nav-mega-full-width .row-fluid {
    max-width:960px;
    margin:0 auto;
}

.top-nav-mega-full-width ul li a, .top-nav-mega-full-width ol li a {
  color: #467a9d;
}

.top-nav-mega-full-width h1, .top-nav-mega-full-width h2, .top-nav-mega-full-width h3, .top-nav-mega-full-width h4, .top-nav-mega-full-width h5, .top-nav-mega-full-width h6 {
  color: #29454f;
}

/* Items with images */
.item-with-images, .item-with-images-black {
  background: rgb(224,224,224);
  background: rgba(224,224,224,0.8);
  color: #333;
}

.item-with-images-black {
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.8);
}

/* News Nav */
.mega-news-item {
  background: #313335;
  color: #fff;
}

.mega-news-item img {
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.3);
}

.mega-news-item h3, .mega-news-item h3 a {
  color: #1b1b1b;
}
.official-details {
    margin:10px;
    border:1px solid #717b7e;
    max-width:192px;
    position:absolute;
}
.official-title {
    background:#717b7e;
    height:45px;
    overflow:hidden;
}
.official-title h3 {
    font-size:16px;
    font-weight:500;
    color:#fff;
    border:none;
    margin-left:8px !important;
    margin-right:0 !important;
    margin-bottom:0;
    line-height:1.2;
    margin-top:0;
    padding-top:4px;
    text-transform:capitalize;
}
.official-title h4 {
  font-size:13px;
  font-family:"open sans", arial, sans-serif;
  font-weight:400;
  font-style:italic;
  color:#fff;
  margin-left:8px; 
  line-height:1.2;
  margin-top:0;
  margin-bottom:0;
  padding-bottom:5px;
}
.official-details img {
  max-width:100%;
  width:100%;
  height:auto;
  max-height:200px;
}
.official-contact {
  background:#717b7e;
}
.official-contact a {
  color:#fff;
  font-family:"open sans", arial, sans-serif;
  font-weight:400;
  display:inline-block;
  padding:0 6px;
  padding-left:4px;
  font-size:13px;
  margin-top:9px;
  margin-bottom:8px;
  margin-right:0;
}
.official-contact a:first-child {
  border-right:1px solid #8d9598;
  margin-right:0;
  margin-left:0;
  padding-left:8px;
}

/* Top-nav News Nav title */
.mega-news-item h3 a {
  color: #e1e4e8;
}

/* Top-nav 1st level */
.top-nav > ul > li > a {
    background: transparent;
    color: #000;
    text-decoration:none;
    font-size:12px;
    font-weight:500;
    text-transform:uppercase;
}

.fw-hovered {
  background: #202625;
  background: rgba(32,38,37,1);
  color: #fff;
}
.top-nav-mega-full-width {
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    visibility:hidden;
    opacity:0;
    height:0;
    max-height: 0;
    display: block;
    filter:alpha(opacity=0);
    overflow: hidden;
}
.top-nav-mega-full-width.down {
    max-height: 1000px; /* use a value that is well over what a sub menu will ever be */
    opacity:1;
    visibility: visible;
    height:auto;
    filter:alpha(opacity=100);
}

/* Top-nav 2nd level */
.top-nav > ul > li > ul > li > a {
  background: #4e5154;
  background: rgba(78,81,84,0.8);
  border-top: 1px solid #2b2d2f;
  border-bottom: 1px solid #7d8388;
  color: #fff;
}

.top-nav > ul > li > ul > li > a:hover {
  background: #3a3e41;
  background: rgba(58,62,65,0.9);
  border-top: 1px solid #2b2d2f;
  border-bottom: 1px solid #7d8388;
  color: #fff;
}

/* Top-nav 3rd level */
.top-nav > ul > li > ul > li > ul > li > a {
  background: #898d92;
  background: rgba(137,141,146,0.95);
  border-top: 1px solid #525558;
  border-bottom: 1px solid #b9bbbd;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(197,199,201, 1);
}

.top-nav > ul > li > ul > li > ul > li a:hover {
  background: #babbbc;
  background: rgba(186,187,188,0.85);
  border-top: 1px solid #9a9c9e;
  border-bottom: 1px solid #e1e2e3;
  color: #000;
}

/* Top-nav 4th level */
.top-nav > ul > li > ul > li > ul > li > ul > li > a {
  background: #d7d8d9;
  background: rgba(215,216,217,0.9);
  border-top: 1px solid #aaacae;
  border-bottom: 1px solid #e0e1e2;
  color: #052c45;
}

.top-nav > ul > li > ul > li > ul > li > ul > li a:hover {
  background: #c2c4c5;
  background: rgba(194,196,197,0.9);
  border-top: 1px solid #6477a4;
  border-bottom: 1px solid #e1e6ee;
  color: #000;
}

/* Top-nav input styles */
#login-container form input[type="text"], #login-container form input[type="password"], .top-nav input[type="text"], .top-nav textarea {
  color: #0a4974;
}

#login-container form button {
  background: #394240;
  color:#FFF;
}

#login-container form button:hover {
  background: #667773;
}

/* Top nav input styles */
.top-nav input[type="text"], .top-nav textarea {
  background: #e1e4e8;
  color: #000;
}

.top-nav input[type="text"]:focus, .top-nav input:active, .top-nav textarea:focus {
  border:none;
  outline:none;
  border: 1px solid #000000;
}

.facebook, .twitter, .google-plus, .pinterest, .instagram, .linkedin, .yahoo, .youtube, .vimeo {
  background: #5c6b68;
  background: rgba(92,107,104,1);
  background-repeat: no-repeat;
  background-position: 8px 0px;
  border-left: 1px solid #70837e;
}

.facebook, .facebook:hover {
  background-image: url(/common/img/facebook.png);
}

.twitter, .twitter:hover {
  background-image: url(/common/img/twitter.png);
}

.google-plus, .google-plus:hover {
  background-image: url(/common/img/googleplus.png);
}

.pinterest, .pinterest:hover {
  background-image: url(/common/img/pinterest.png);
}

.linkedin, .linkedin:hover {
  background-image: url(/common/img/linkedin.png);
}

.yahoo, .yahoo:hover {
  background-image: url(/common/img/yahoo.png);
}

.youtube, .youtube:hover {
  background-image: url(/common/img/youtube.png);
}

.vimeo, .vimeo:hover {
  background-image: url(/common/img/vimeo.png);
}

/* <HR> horizontal line */
.top-nav-mega-content-seperator {
  border-top: 1px solid #292929;
  border-bottom: 1px solid #787878;
}