/* All */
header {
  text-transform: unset;
  border-bottom: solid 1px #F2F2F2;
  text-transform: none;
  font-size: 14px; }

.navlinks ul {
  list-style: none;
  margin: 0px;
  padding: 0px; }

.navlinks ul li {
  display: inline-block; }

/* Desktop Only */
@media screen and (min-width: 991px) {
  #superHeader .link .icon-phone {
    font-size: 13px; }

  #superHeader .subuttons {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }

  #superHeader .subuttons ul {
    font-size: 0;
    padding: 0px; }

  #superHeader .subuttons ul li {
    display: inline-block;
    border-left: solid 1px #d2d8de;
    border-bottom: solid 1px #d2d8de;
    background-color: #FFF;
    vertical-align: top; }

  #superHeader .subuttons ul li.link {
    padding: 10px 9.6px; }

  #superHeader .subuttons ul li img {
    width: 36px;
    height: 36px;
    border-radius: 1px; }

  #superHeader .subuttons ul li img:hover {
    opacity: 0.7; }

  #superHeader .subuttons ul li.image img {
    max-height: 35px;
    padding: 1px; }

  #superHeader .subuttons ul li a, #superHeader .subuttons ul li span {
    color: #545454;
    font-size: 12px;
    font-weight: bold; }

  #superHeaderContent {
    padding-top: 6px; }

  .branded img {
    width: 145px; }

  .branded {
    position: relative;
    top: -40px; }

  	 /*
  	 .is-fixed .branded {
  		top: -17px;	 
  	 }
  	.is-fixed .branded img {
  		padding: 15px;
  		max-height: 87px;
  	}
  */
  .mini-basket {
    border: solid 1px #d2d8de;
    border-radius: 1px; }

  .mini-basket ul {
    font-size: 0;
    color: #545454;
    padding: 0px;
    margin: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row; }

  .mini-basket ul li {
    display: inline-block; }

  .mini-basket ul li:first-child {
    -webkit-flex: 1 0 0;
    flex-grow: 1;
    padding: 11px 15px; }

  .mini-basket ul li span {
    font-size: 14px; }

  li.libtn {
    background-color: #444;
    padding: 11px 0px;
    width: 94px;
    text-align: center;
    font-weight: bold; }

  .topnav {
    display: none;
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: left; }

  .open .topnav {
    display: block;
    position: absolute;
    background: #e7e7e7;
    padding: 30px 20px; }

  .navlinks {
    text-align: center;
    color: #0127AB;
    font-size: 14px;
    font-weight: bold; }

  .navlinks a {
    color: #3A376D;
    font-weight: bold;
    margin-left: 12px;
    margin-right: 12px; }

  /*.navlinks .menu {
  	max-height: 80vh;
  	overflow-y: auto;
  }*/
  .navlinks .menu a {
    margin-left: 0px;
    margin-right: 0px; }

  .navlinks .divide {
    color: #CCC; }

  .navlinks ul li.active .menu {
    display: block;
    /*position: absolute;*/
    width: 100%;
    text-align: left;
    left: 0px;
    padding-bottom: 40px;
    background-color: #EEE;
    margin-top: 21px; }

  .navlinks ul li.active .menu .container {
    text-align: left;
    min-height: 300px;
    background-color: #EEE;
    padding: 40px;
    margin: auto;
    /*overflow-y: auto;
    max-height: calc(100vh - 260px);*/ }

  .navlinks ul li.active .menu ul li {
    display: block; }

  .compbg {
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,d2d8de+100 */
    background: #feffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #feffff 0%, #d2d8de 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #feffff 0%, #d2d8de 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feffff 0%, #d2d8de 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2d8de',GradientType=0 );
    /* IE6-9 */ }

  .compbg:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7fbfc+0,d9edf2+40,add9e4+100;Blue+3D+%231 */
    background: #f7fbfc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f7fbfc 0%, #d9edf2 40%, #add9e4 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7fbfc 0%, #d9edf2 40%, #add9e4 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7fbfc 0%, #d9edf2 40%, #add9e4 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#add9e4',GradientType=0 );
    /* IE6-9 */ }

  /* Bootstrap */
  header .navbar-default {
    background-color: transparent;
    border-color: transparent; }

  /* Replace */
  #search {
    max-width: 100%;
    padding: 0px;
    zoom: 1.5; }

  header .form-control {
    border-radius: 1px;
    height: 42px !important;
    padding: 11px 15px !important;
    border: solid 1px #d2d8de !important; }

  header .btn {
    border-radius: 1px;
    height: 42px !important;
    padding: 11px 15px !important;
    border: solid 1px #d2d8de !important; }

  .header-carousel {
    font-size: 12px; }

  header {
    height: 170px;
    z-index: 9; }

  #content.dim {
    opacity: 0.3; }

  .navlinks ul li.active {
    background-color: #EEE;
    padding-bottom: 40px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    width: 100%;
    padding: 0px 20px 10px 20px; }

  .navlinks .menu ul {
    margin-bottom: 20px; }

  .navlinks .menu a {
    font-weight: 400;
    display: block; }

  .navlinks .menu a.head {
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 2px solid #CCC;
    color: #0127AB; }

  .navlinks .menu a.all {
    margin-bottom: 10px; }

  .navlinks .menu a.more {
    margin-top: 10px; }

  .navlinks .menu .mute {
    color: #666; } }
@media (max-width: 1200px) {
  .navlinks a {
    margin-left: 7px;
    margin-right: 7px; } }
/* Mobile */
@media (max-width: 991px) {
  header {
    color: #000; }

  header a:hover {
    color: #AAA;
    text-decoration: none; }

  header .mobile {
    vertical-align: top; }

  header .mobile .nav-button {
    display: inline-block;
    width: 14.5%;
    text-align: center;
    margin-top: 30px;
    cursor: pointer;
    vertical-align: top; }

  header .mobile .branded {
    width: 34.9%;
    margin-top: 20px;
    vertical-align: top; }

  header .mobile .branded img {
    max-height: 50px; }

  header.open .navlinks {
    display: block !important;
    margin-top: 20px;
    margin-bottom: 2px; }

  header.open .navlinks ul li {
    width: 100%; }

  header.open .navlinks ul li a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 8px 20px;
    font-size: 18px; }

  header.open .navlinks ul li a:first-child:after {
    content: ">";
    float: right; }

  header.open .navlinks ul li span {
    display: none; }

  header.open .navlinks ul li a:hover {
    background-color: #CCCCCC; }

  header.open .navlinks li.active .menu a:after {
    content: ""; }

  header.open .navlinks li.active .menu a:before {
    content: "+ "; }

  header.open .navlinks li.active .menu {
    display: block; }

  header.open .navlinks li.active .menu ul {
    display: none; }

  header.open .navlinks li.active .menu ul.show {
    margin-left: 20px; }

  header.open .navlinks li.active .menu ul.show a {
    color: #000; }

  header.open .navlinks li.active .menu ul.show a:before {
    content: ""; }

  header .nav-button.basket a {
    position: relative; }

  header .nav-button.basket .mobQty {
    position: absolute;
    right: 0px;
    top: -20px;
    background-color: #2cd722;
    color: #FFF;
    width: 20px;
    border-radius: 50%; }

  header {
    min-height: 90px;
    height: auto; } }
@media (max-width: 1200px) {
  .navlinks {
    font-size: 15px; }

  #superHeader .subuttons ul li a, #superHeader .subuttons ul li span {
    font-size: 10px; }

  #superHeader .subuttons ul li img {
    width: 35px;
    height: 35px; } }
body.isSearching .navlinks {
  display: none !important; }