body {
      background-color: #000;
      color: white;
      -webkit-font-smoothing: antialiased !important;
}
html,body {
  height: 100%;
}
@font-face {
  font-family:'HelveticaLTStd-UltraComp';
  src: url('../fonts/HelveticaLTStd-UltraComp_gdi.eot');
  src: url('../fonts/HelveticaLTStd-UltraComp_gdi.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaLTStd-UltraComp_gdi.woff') format('woff'),
    url('../fonts/HelveticaLTStd-UltraComp_gdi.ttf') format('truetype'),
    url('../fonts/HelveticaLTStd-UltraComp_gdi.svg#HelveticaLTStd-UltraComp') format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: ultra-condensed;
  unicode-range: U+0020-25CA;
}

.panel h1, .panel h2, .panel h3 {
  font-family: 'Roboto Condensed' !Important;
}
.btn-lg {
  font-family: 'HelveticaLTStd-UltraComp' !Important;
  padding: 3px 16px;
  border: none;

}
.btn-lg:hover {
  background-color: #fcaf17;
  color:white;
}
.btn-lg:hover .highlight {
  color:#000;
} 
.btn-disabled, .btn-disabled:hover, .btn-disabled:hover a {
  background-color: #34383a;
  color: #7d7d7d;
}
.btn {
  margin:10px auto;
}
.container-fluid {
    max-width: 1240px;
    margin-top: 2em;
    margin-bottom:10rem;
      min-height: 100%;

}
.container-fluid .glyphicon {
  font-size: 80%;
}
.navbar .container {
  width: auto !important;
}
.navbar-brand {
  padding: 6px 6px 6px 45px;
}
.navbar {
  border-bottom: 1px white solid;
  font-size: 1.7rem;
}
.merchselector {
  margin: 2rem 0;
  width:auto;
  min-width:150px;
}
.navbar-right {
  margin-right: 45px;
}

.cart .panel-body .row {
  min-height: 45px;
  font-size: 120%;
}
.cart .panel-title .row {
  min-height: 50px;
  line-height: 50px;
  font-size: 130%;
}
.cart .panel-footer .row {
  min-height: 50px;
  line-height: 50px;
  font-size: 150%;
}

.tracklist {
  margin-left: -24px;
}
ol.tracklist {
  margin-top: 20px;
}

.nav-tabs h4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.nav-tabs > li {
  border:none;
  background-color: #7d7d7d;
  margin-right: 6px;
  min-width: 200px;
  text-align: center;
  margin-bottom: 0;
}
.nav-tabs {
  border: 0;
  background-color: black;
}
.nav {
  margin-left: -15px;

}
.nav-tabs > li > a {
  border: 0;
  border-radius:0;  
  color: #ccc;
  background-color: #34383a;
  margin-right:0;
}
.packshots {
  margin-bottom: 60px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
  background-color: #7d7d7d;
  border: 0;
  margin-right: 0;
  color: #fcaf17;
}
.container-product {
  background-color: #212527;  
  min-height:100%;
}
.alert-info, .highlight {
  color:white;
}
.btn a {
  color:black;
}
.btn .highlight {
  color: #fcaf17;
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .nav-tabs > li {
    min-width: 170px;
  }
  .merchselector {
    margin-left:auto;
    margin-right:auto;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .nav {
    margin-left: 0;
  }
  ul.nav.nav-tabs {
      display: table;
      width: 100%;
      table-layout: fixed;
  }
  ul.nav.nav-tabs > li {
      float: none;
      display: table-cell;
  }
  ul.nav.nav-tabs li {
      width:100%;
  }

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
  .nav-tabs > li {
    min-width: auto;
  }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}

.row.categories {
  margin:auto;
  margin-bottom:1.5em;
}

.categories .nav-tabs {
  text-align: center;
}
.categories .nav-tabs li {
  display: inline-block; 
  float:none;
  background-color: #212527;
  color:white;
}
.categories .nav-tabs li a:hover {
  background-color: #7d7d7d;
}
.categories .nav-tabs li a {
  color:white;
  background-color: #212527;
}
.categories .nav-tabs li.active a {
  background-color: #7d7d7d;
  color: #fcaf17;
}
.checkout {
  background-color:black; padding:4px 8px; border: 1px solid;
}