/*
    ====================================
    Table of Contents
    ====================================

    Fonts
    Animations
    Base/Global Styles
    Loading & onLoad Fade In
        Loading Slidedown Indicator
    Bootstrap Custom Theme
    Hide elements 
    Icons and Sprites
    Global Visuals
        Header
            Header Search
            Quicksearch
            Currency Chooser
        Banners
        Breadcrumbs
        Navigation
        Body
        Footer
            Newsletter
        Forms
    Headings
    Buttons
    Product Grids & Lists
    Category Lists
        Tree View
    Search Page
    Brands Page
    Create Account Page
    Blog Page
    Content Page
    Cart Page
    Brands Page
    Checkout Page
        Express Checkout
    Product Attributes
    Fast Cart
    Wish List Form
    Login Page
    Product Page
        Slider & Modal Slider
        Price
        Options
        Color Swatches
    Coupon Code & Gift Certificate Boxes
    Category & Search Page
    Account Pages
    Multiple Addresses
    Contact Page
    Faceted Search
    Misc
    
    =======================================
    Bootstrap Breakpoints
    =======================================
    $screen-xs-max = 767px
    $screen-sm-min = 768px
    $screen-sm-max = 991px
    $screen-md-min = 992px
    $screen-md-max = 1199px
    $screen-lg-min = 1200px

*/

/* --- Fonts --- */

@font-face{

    font-family: 'Socialico Plus';
    src: url('//cdn11.bigcommerce.com/s-rciru3/templates/__custom/fonts/Socialico%20Plus-webfont.eot?t=1536681324');
    src: url('//cdn11.bigcommerce.com/s-rciru3/templates/__custom/fonts/Socialico%20Plus-webfont.eot?t=1536681324#iefix') format('embedded-opentype'),
         url('//cdn11.bigcommerce.com/s-rciru3/templates/__custom/fonts/Socialico%20Plus-webfont.woff?t=1536681324') format('woff'),
         url('//cdn11.bigcommerce.com/s-rciru3/templates/__custom/fonts/Socialico%20Plus-webfont.ttf?t=1536681324') format('truetype'),
         url('//cdn11.bigcommerce.com/s-rciru3/templates/__custom/fonts/Socialico%20Plus-webfont.svg?t=1536681324#socialico_plusregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {

    font-family: 'Socialico';
    src: url('//cdn11.bigcommerce.com/s-rciru3/templates/__custom/fonts/Socialico-webfont.eot?t=1536681324');
    src: url('//cdn11.bigcommerce.com/s-rciru3/templates/__custom/fonts/Socialico-webfont.eot?t=1536681324#iefix') format('embedded-opentype'),
         url('//cdn11.bigcommerce.com/s-rciru3/templates/__custom/fonts/Socialico-webfont.woff?t=1536681324') format('woff'),
         url('//cdn11.bigcommerce.com/s-rciru3/templates/__custom/fonts/Socialico-webfont.ttf?t=1536681324') format('truetype'),
         url('//cdn11.bigcommerce.com/s-rciru3/templates/__custom/fonts/Socialico-webfont.svg?t=1536681324#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* --- Animations --- */

@-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}


/* --- Base/Global Styles --- */

html{ font-size:62.5%; }
body{

    font-family: 'PT Sans';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #e4e4e4;
}
p,li{ color: #444; }
img{ max-width: 100%; max-height: 100%; }
p:empty{ display: none; }
ul{ list-style: none; padding: 0; }
dl strike{ color: #BA4F4F; }
.or{ padding: 0 1em; }

span.required{ color: rgb(242, 135, 135); }


/* --- Loading & onLoad Fade In --- */

#header,
#breadcrumbs,
#banner-top,
#main,
#banner-bottom,
#footer,
#newsletter{

    opacity: 0.1;
    transition: 400ms all ease-in;
}
body.loaded #header,
body.loaded #breadcrumbs,
body.loaded #banner-top,
body.loaded #main,
body.loaded #banner-bottom,
body.loaded #footer,
body.loaded #newsletter,
body.soft-load #header,
body.soft-load #breadcrumbs,
body.soft-load #banner-top,
body.soft-load #main,
body.soft-load #banner-bottom,
body.soft-load #footer,
body.soft-load #newsletter{ opacity: 1; }


/* --- Loading Slidedown Indicator --- */

#loading{
    
    background-color: rgba(255,255,255,0.25);
    font-size: 4.5rem;
    text-shadow: 0px 0px 10vw rgba(0,0,0,1);
    width: 100%;
    position: fixed;
    top:-15px;
    right:0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
#loading .media-object{ display: inline-block; }
#loading > div{ line-height: 100vh; }
body.loaded #loading{
        
    margin-top:-100%;
    bottom:inherit;
    font-size: 1.4rem;
    padding: 15px 0;
}
body.loaded #loading span{ display: inline-block; }
body.loaded #loading > div{ line-height: 0; }
body.soft-load #loading{
    
    bottom: auto;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    margin-top: 0;
    font-size: 2rem;
}
body.soft-load #loading > div{

    line-height: 130px;
    color: #fff; 
}


/* --- Bootstrap Custom Theme --- */
    
    /* --- Headings --- */
    
    h1.page-header{ margin-top: 15px; }

    /* --- Alerts --- */

    .alert ul{ margin-left: 1.1em; }
    
    /* --- Tabs --- */

    .nav-tabs{ margin-bottom: 2em; }
    .nav-tabs > li > a{ margin-bottom: 0; }
    .nav-tabs li a img{ 

        max-width: 16px;
        margin-right: 7px;
    }

    /* --- Forms --- */

    .control-label{ color: #444; }
    .btn.control-label{ color: #fff; } /* Used for compare button */

    /* --- Accordion --- */
    
    /* No JS Solution: Automatically shows minus icon when panel is expanded */
    .panel .panel-heading .panel-title a[aria-expanded='true'] i:before{ content: "\2212"; }

    /* --- Modals --- */

    .modal-dialog{ z-index: 2000; }
    .modal-header,
    .modal-header h4{

        background: #2D2D90;
        color: #fff;
        font-weight: 700;
    }
    .modal-header h4 a{ color: inherit; }

    /* --- List Groups --- */
    
    .list-group-item.active > a,
    .list-group-item.active:hover > a, 
    .list-group-item.active:focus > a,
    aside li .glyphicon-minus-sign + a{ color: #3EB536; }
    .list-group-item.active > a{ text-decoration: underline; }
    .list-group-item{ 

        /*border-width: 0 1px 1px 1px; */
        padding: 0.4em !important;
    }
    .list-group-item:first-child{ border-width: 1px; }
    .list-group-item.active,
    .list-group-item.active:hover{

        background-color: #fff;
        border-color: #ddd;
    }

    /* --- Add Support for 5 column rows --- */
    /* --- @info @see @toc:unresponsiveness; for more info --- */
    .col-xs-5ths,
    .col-sm-5ths,
    .col-md-5ths,
    .col-lg-5ths {
      position: relative;
      min-height: 375px;
      padding-right: 5px;
      padding-left: 5px;
      float: left;
      width: 20% !important;
    }
    .col-xs-2-5ths,
    .col-sm-2-5ths,
    .col-md-2-5ths,
    .col-lg-2-5ths {
      position: relative;
      min-height: 375px;
      padding-right: 5px;
      padding-left: 5px;
      float: left;
      width: 40% !important;
    }

    /* 8 Column rows */

    .col-xs-8ths,
    .col-sm-8ths,
    .col-md-8ths,
    .col-lg-8ths{

      position: relative;
      min-height: 1px;
      padding-right: 5px;
      padding-left: 5px;
      float: left;
      width: 12.5%;
    }

    /* --- Support for Setting Columns Without Widths */

    @media (max-width: 767px) {
        .col-xs-auto { width: auto; float: none; }
    }
    @media (min-width: 768) and (max-width: 991px) {
        .col-sm-auto { width: auto; float: none; }
    }
    @media (min-width: 992px) and (max-width: 1199px) {
        .col-md-auto { width: auto; float: none; }
    }
    @media (min-width: 1200px) {
        .col-lg-auto { width: auto; float: none; }
    }

    /* --- Inner Input Addons @link http://jsfiddle.net/KyleMit/cyCFS/ --- */
    
    .left-inner-addon { position: relative; }
    .left-inner-addon input { padding-left: 30px; }
    .left-inner-addon i {
        position: absolute;
        padding: 10px 12px;
    }
    .right-inner-addon { position: relative; }
    .right-inner-addon input { padding-right: 30px; }
    .right-inner-addon i {
        position: absolute;
        right: 0px;
        padding: 10px 12px;
    }
    .form-inline .left-inner-addon,
    .form-inline .right-inner-addon{ display: inline-block; }
    .form-inline .left-inner-addon i,
    .form-inline .right-inner-addon i{ top:0; }


/* --- Hide elements --- */

#deprecated_code{ display: none; }
#maintenance_notice{ display: none !important; }


/* --- Icons and Sprites --- */
    
    .icon-home{
        
        height: 50px;
        background: url(//cdn11.bigcommerce.com/s-rciru3/templates/__custom/images/justmanbrush/icon-home.png?t=1536681324) 50% 50% no-repeat;
    }
    /* --- Social Icons --- */

    #socnet, 
    #socnet li{ display: inline-block; }
    

    /* --- Glyphicons --- */

    i.glyphicon-disabled{opacity: 0.5; }
    .glyphicon-spin{

         -webkit-transform-origin: 50% 49%;
         transform-origin:50% 49%;
         -ms-transform-origin:50% 49%; /* IE 9 */
         -webkit-animation: spin 4s infinite linear;
         -moz-animation: spin 4s infinite linear;
         -o-animation: spin 4s infinite linear;
         animation: spin 4s infinite linear;
    }
    .icon-social:before{

        font-family: 'Socialico Plus';
        text-decoration:none;
        display:inline-block;
        font-size: 3.3rem;
        color: #5d5d5d;
        font-weight: 200;
        margin-right: 7px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .icon-social.fallback{

        text-indent:-9999px;
        overflow:hidden;
        display:inline-block;
    }
    .icon-social.fallback:before{

        position:absolute;
        left:0;
        top:0;
        text-indent:0;
    }
    
    /* --- Sprites --- */
    
    .sprite,
    .icon{ 

        display: inline-block;
        text-indent: -9999px;
        text-align: left;
    }
    .icon-cart{ 
      
        background: url(//cdn11.bigcommerce.com/s-rciru3/templates/__custom/images/justmanbrush/icon-cart-yellow.png?t=1536681324);
        width: 14px; 
        height: 13px; 
        vertical-align: middle;
    }
    .icon-cart:hover{ background: url(//cdn11.bigcommerce.com/s-rciru3/templates/__custom/images/justmanbrush/icon-cart-white.png?t=1536681324); }

    /* --- Socialico Font Icons --- */

    .icon-pinterest.icon-social:before{content:"I"} /* Using as Instagram, use "P" for pinterest */
    .icon-facebook.icon-social:before{ font-family: 'Socialico'; content:"F"}
    .icon-twitter.icon-social:before{ font-family: 'Socialico'; content:"L"}
    .icon-google.icon-social:before,
    .icon-googleplus.icon-social:before{content:"H"}
    .icon-youtube.icon-social:before{content:"Y"}
    .icon-instagram.icon-social:before{content:"I"}
    .icon-linkedin.icon-social:before{content:"\0049"}
    .icon-tumblr.icon-social:before{content:"\004F"}
    .circle.icon-social:before{content:"\0020"}
    .soundcloudcircle.icon-social:before{content:"\0021"}
    .mobilemecircle.icon-social:before{content:"\0024"}
    .pinterestcircle.icon-social:before{content:"\0026"}
    .downloadcircle.icon-social:before{content:"\0028"}
    .refreshcircle.icon-social:before{content:"\0029"}
    .flowercircle.icon-social:before{content:"\002C"}
    .starcircle.icon-social:before{content:"\002D"}
    .musiccircle.icon-social:before{content:"\002E"}
    .foursquarecircle.icon-social:before{content:"\002F"}
    .windowscircle.icon-social:before{content:"\0030"}
    .pluscircle.icon-social:before{content:"\0031"}
    .linkcricle.icon-social:before{content:"\0032"}
    .heartcircle.icon-social:before{content:"\0033"}
    .aperturecircle.icon-social:before{content:"\0034"}
    .filmcircle.icon-social:before{content:"\0035"}
    .lastfmcircle.icon-social:before{content:"\0036"}
    .mappincircle.icon-social:before{content:"\0037"}
    .waterdropcircle.icon-social:before{content:"\0038"}
    .qikcircle.icon-social:before{content:"\0033"}
    .messagecircle.icon-social:before{content:"\003F"}
    .applecircle.icon-social:before{content:"\0040"}
    .icon-amazon.icon-social:before{content:"\0041"}
    .icon-bebo.icon-social:before{content:"\0042"}
    .icon-appstore.icon-social:before{content:"\0043"}
    .icon-dribbble.icon-social:before{content:"\0044"}
    .icon-behance.icon-social:before{content:"\0045"}
    .icon-skype.icon-social:before{content:"\0048"}
    .icon-deviantart.icon-social:before{content:"\004A"}
    .icon-bing.icon-social:before{content:"\004B"}
    .icon-myspace.icon-social:before{content:"\004D"}
    .icon-flickr.icon-social:before{content:"\004E"}
    .icon-paypal.icon-social:before{content:"\0050"}
    .icon-quora.icon-social:before{content:"\0051"}
    .icon-rss.icon-social:before{content:"\0052"}
    .icon-stumbleupon.icon-social:before{content:"\0053"}
    .icon-twitter.icon-social:before{content:"\0054"}
    .icon-blogger.icon-social:before{content:"\0055"}
    .icon-vimeo.icon-social:before{content:"\0056"}
    .icon-wordpress.icon-social:before{content:"\0057"}
    .icon-yahoo.icon-social:before{content:"\0059"}
    .icon-aol.icon-social:before{content:"\005A"}
    .amazoncircle.icon-social:before{content:"\0061"}
    .bebocircle.icon-social:before{content:"\0062"}
    .appstorecircle.icon-social:before{content:"\0063"}
    .dribbblecircle.icon-social:before{content:"\0064"}
    .behancecircle.icon-social:before{content:"\0065"}
    .facebookcircle.icon-social:before{content:"\0066"}
    .googlecircle.icon-social:before{content:"\0067"}
    .skypecircle.icon-social:before{content:"\0068"}
    .linkedincircle.icon-social:before{content:"\0069"}
    .deviantartcircle.icon-social:before{content:"\006A"}
    .bingcircle.icon-social:before{content:"\006B"}
    .twitterbirdcircle.icon-social:before{content:"\006C"}
    .myspacecircle.icon-social:before{content:"\006D"}
    .flickrcircle.icon-social:before{content:"\006E"}
    .tumblrcircle.icon-social:before{content:"\006F"}
    .paypalcircle.icon-social:before{content:"\0070"}
    .quoracircle.icon-social:before{content:"\0071"}
    .rsscircle.icon-social:before{content:"\0072"}
    .stumbleuponcircle.icon-social:before{content:"\0073"}
    .twittercircle.icon-social:before{content:"\0074"}
    .bloggercircle.icon-social:before{content:"\0075"}
    .vimeocircle.icon-social:before{content:"\0076"}
    .wordpresscircle.icon-social:before{content:"\0077"}
    .youtubecircle.icon-social:before{content:"\0078"}
    .yahoocircle.icon-social:before{content:"\0079"}
    .aolcircle.icon-social:before{content:"\007A"}


/* --- Global Visuals --- */

    /* --- Global Header --- */
    
    #navbar-collapse-main-menu{

        padding-left: 0;
        padding-right: 0;
    }
    #collapse-search, 
    .navbar-form{ padding: 0; }
    #navbar-collapse-main-menu li a{ color: #fff; }

    #header .badge{ margin-top: -3px; }
    #header-top{ min-height: 0; }
    #header-top li a:hover{

        text-decoration: none;
        background: rgba(0,0,0,0.1);
    }
    #header-top li a i{

      vertical-align: middle;
      margin-left: 5px;
    }
    #header .pages-menu-container{ height: 52px; }
    #header .logo{ line-height: 75px;}
    #header{ /*margin-bottom: 20px;*/ }
    #header > .container{ background: #27277d; }
    #header > .container > .row:first-child{
        
        padding: 20px;
        background: rgb(45,45,144); /* Old browsers */
        background: -moz-linear-gradient(-45deg,  rgba(45,45,144,1) 0%, rgba(33,33,106,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(45,45,144,1)), color-stop(100%,rgba(33,33,106,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg,  rgba(45,45,144,1) 0%,rgba(33,33,106,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg,  rgba(45,45,144,1) 0%,rgba(33,33,106,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg,  rgba(45,45,144,1) 0%,rgba(33,33,106,1) 100%); /* IE10+ */
        background: linear-gradient(135deg,  rgba(45,45,144,1) 0%,rgba(33,33,106,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d90', endColorstr='#21216a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
    #header .phone-number p{

        font-size: 2.8rem;
        color: #fff;
        line-height: 75px;
        font-weight: 800;
        margin-bottom: 0;
    }
    
        /* --- Header Search --- */

        #form-search{ position: relative; }
        #form-search .input-group{ top: 5px; }
        #form-search input[type=search]{

            border-right-width: 0;
            min-width: 310px;
        }
        #form-search button i{
            
            color: #393973;
            font-size: 22px;
            vertical-align: -4px;
        }
        #form-search:focus button,
        #form-search:active button{ border-color: #66afe9; }
        #form-search input,
        #form-search button{ border-color: transparent; }
        #form-search button{ 

            margin-left: 1px; 
            line-height: 39px;
        }
        #form-search button:hover{ background: #4949E0; }
        #form-search button:hover i{ color: #fff; }
        
        /* --- Quick Search --- */

        #form-search #search_results .media-left{

            float: left;
            margin-right: 15px;
            max-width: 25%;
        }
        #form-search #search_results li{ cursor: pointer; }
        #form-search #search_results li:hover{ background:#eee; }
        #form-search #search_results li a:hover{ text-decoration: none; }
        #form-search #search_results li img{ margin: 0; }
        #form-search #search_results li h4{ font-size: 1.4rem; }
        #form-search #search_results  li.list-group-item:first-child{

            border-top-width:0;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
        #form-search.has-results input[type=text]{ border-bottom-left-radius: 0; }
        #form-search.has-results button{ border-bottom-right-radius: 0; }
        #form-search.no-results #search_results{

            display: none;
            opacity: 0;
            transition: all 300ms linear;
        }
        #form-search.has-results #search_results{

            display: block;
            opacity: 1;
            transition: all 300ms linear;
            z-index: 9;
        }

        /* --- Currency Chooser --- */

        .currency-info, #change-currency{ display: none; }
        .CurrencyChooser{ cursor: pointer; }
        .CurrencyChooser .BlockContent{ display: none; }
        .selected-currency .Text{

            font-size: 1rem;
            padding-left: 3px;
        }
        .CurrencyChooser:hover .BlockContent{

            display: block;
            padding: 5px;
            width: 100%;
            border-top: 1px solid transparent;
            z-index: 99999;
        }
        .CurrencyChooser .caret{

            position: absolute !important;
            right: 9px;
            top: 40%;
        }
        .CurrencyChooser dl{

            margin-bottom: 0;
            font-size: 1rem;
        }
        .ChooseCurrencyBox{ text-align: center; }
        .ChooseCurrencyBox .Flag{ margin-right: 5px; }

    /* --- Global Banners --- */

    .top-banner{ text-align: center; }
    .top-banner h4{

        text-transform: uppercase;
        color: #01365d;
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 2.5rem;
        margin: 0;
    }


    /* --- Global Breadcrumbs --- */
    
    #breadcrumbs .row{ 

        background: #f7f7f7;
        border-bottom: 1px solid #e4e4e4;
    }
    #breadcrumbs .col-md-12{ padding: 0; }
    .breadcrumb{ 

        margin: 0; 
        background-color: transparent;
    }

    /* --- Global Navigation --- */

    /* --- Top Global Navigation --- */
    #navigation-top{ padding:0; }
    #navigation-top li span{ 

        font-weight: 300;
        font-size: 1.3rem;
    }
    #navigation-top ul{ 

        font-size: 0; 
        float: right;
    }
    #navigation-top ul li{

        display: inline-block;
        vertical-align: text-top;
    }
    #navigation-top ul li#cart-link a{ font-weight: 700; }
    #navigation-top ul li:last-child{ border-width: 0; }
    #navigation-top ul li a{

        font-size: 1.45rem;
        color: #fff;
        line-height: 12px;
        padding: 0 10px;
        font-weight: 500;
        border-right: 2px ridge #4d4dfd;
        letter-spacing: -0.01em;
    }
    #navigation-top ul li:first-child a{ padding-left: 0; }
    #navigation-top ul li:last-child a{

        padding-right: 0;
        border-width: 0;
    }

    /* --- Main Global Navigation --- */

    .navbar-inverse{ line-height: 0; }
    .navbar-inverse ul.nav > li > ul > li:hover > a,
    .navbar-inverse ul.nav > li > ul > li:active > a,
    .navbar-inverse ul.nav > li > ul > li:focus > a{
        
        color: #66ba4f;
        text-decoration: none;
    }
    .navbar-collapse{}
    #navbar-collapse-main-menu{}
    #navbar-collapse-main-menu > ul{

        display: inline-block;
        position: relative;
        width: 100%;
        background: #fff;
        border-top:1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
    }
    #navbar-collapse-main-menu > ul > li {

        float: left;
        border-right: 1px solid #c0c0c0;
        position: relative;
    }
    #navbar-collapse-main-menu > ul > li:last-child{ border-right-width: 0; }
    #navbar-collapse-main-menu > ul > li > a{

        font-size: 1.6rem;
        padding: 0 24px;
        color: #21216a;
        line-height: 50px;
        display: block;
        font-weight: 600;
    }
    #navbar-collapse-main-menu > ul > li > a:hover,
    #navbar-collapse-main-menu > ul > li.active > a{ text-decoration: underline; }
    #navbar-collapse-main-menu > ul > li > ul{

        display: none;
        position: absolute;
        z-index: 9;
        top: 50px;
        left: -1px;
        min-width: 250px;
        background-color: #fff;
        font-size: 0;
        border: 1px solid #E2E2E2;
    }
    #navbar-collapse-main-menu > ul > li:hover > ul{ display: block; }
    #navbar-collapse-main-menu > ul > li > ul > li{}
    #navbar-collapse-main-menu > ul > li > ul > li > a{
        
        color: #444;
        padding: 0 20px;
        font-size: 1.5rem;
        display: block;
        line-height: 4rem;
        position: relative;
        transition: 200ms all linear;
        padding: 0 17px;
    }
    #navbar-collapse-main-menu > ul > li > ul > li:hover > a{ text-decoration: underline; }
    #navbar-collapse-main-menu > ul > li > ul > li > ul{ display: none; }
    #navbar-collapse-main-menu > ul > li > ul > li:hover > ul{ display: block; }


    /* --- Global Body --- */

    #main > .container,
    #breadcrumbs > .container{ background: #fff; }
    #main > .container{ 

        padding-bottom: 1.5em; 
        margin-bottom: 2.5em;
    }


    /* --- Global Footer --- */

    #footer ul:hover h4, 
    #footer ul:hover li a:hover,
    #footer ul:focus li a:focus,
    #footer dl:hover, 
    #footer dl:hover a:hover,
    #footer dl:focus a:focus, 
    #footer #socnet a .symbol:hover,
    #footer #socnet a .symbol:focus{}
    #footer #socnet{}
    #footer #socnet a{}
    #footer h4{}
    #footer li a{}
    #footer{

        border-top: 3px solid #707070;
        border-bottom: 3px solid #707070;
        padding-top: 18px;
        padding-bottom: 18px;
    }
    #footer a, 
    #footer p{

        color: #5d5d5d;
        font-size: 1.2rem;
        line-height: 2.2rem;
    }
    #footer a:hover{ color: #222; }
    #footer .category-list li ul{ display: none; }
    #footer #socnet li a:before{

        width: 30px;
        vertical-align: middle;
        text-align: center;
        margin-right: 0;
    }
    #footer-bottom{
        
        font-size: 1.2rem;
        color: #5d5d5d;
        line-height: 45px;
    }
    #footer-bottom a.link-redhead{ transition: all 400ms ease-in-out; }
    #footer-bottom a.link-redhead:hover{ color: #D4439C; }
    #go-to-top{

        color: #5d5d5d;
        font-size: 1.2rem;
        text-transform: uppercase;
    }
    #go-to-top:after{
        
        content: '';
        display: inline-block;
        border-width: 17px 8px;
        border-color: transparent;
        border-bottom-color: #5d5d5d;
        border-style: solid;
        margin-left: 8px;
        margin-bottom: -4px;
    }
    p#copyright,
    p#copyright a{

        color: #54638a;
        font-size: 1.2rem;
    }
    
        /* --- Footer Newsletter --- */

        #newsletter{

            background: #0f71b8;
            height: 105px;
        }
        #newsletter .col-md-12{ padding: 0; }
        #subscribe_form strong{

            font-size: 2.2rem;
            text-transform: uppercase;
            line-height: 20px;
        }
        #subscribe_form p{

            font-size: 1.6rem;
            text-transform: uppercase;
            font-weight: bold;
            margin: 0;
            line-height: 12px;
            letter-spacing: 0.3px;
        }
        #subscribe_form button{}
        #subscribe_form button span{}
        #subscribe_form fieldset,
        #subscribe_form .wrapper{}
        #subscribe_form input{}
        #subscribe_form{

            color: #fff;
            padding: 33px 0;
        }
        #subscribe_form .text{

            display: inline-block;
            margin-right: 25px;
        }
        #subscribe_form input[type=text], 
        #subscribe_form input[type=email]{

            min-width: 231px;
            margin-right: 8px;
        }
        #subscribe_form button{

            margin-left: 10px;
            font-size: 2rem;
            font-weight: 600;
            font-family: 'Roboto Condensed';
            text-transform: uppercase;
            min-width: 190px;
        }
        #subscribe_form input[type=text], 
        #subscribe_form input[type=email],
        #subscribe_form button,
        #subscribe_form i.icon-arrow-right,
        #subscribe_form .text{ vertical-align: middle; }
        #subscribe_form button:hover{}
        #subscribe_form strong{}


/* --- Forms --- */
    
/*    button i,
    input i{ vertical-align: text-top; }
    .form dd{ padding-bottom: 1em; }*/
    
    input.FormFieldPrivateId + input{ min-width: 100px; }
    /* --- Form Groups --- */

    .form-group.required .control-label:before {

        content:"*";
        padding-right: 5px;
    }
    .form-group.optional .control-label:after {

        content:"(optional)";
        display: block;
        font-size: 11px;
    }
    .panel-body .form-group:last-child{ margin-bottom: 0; }

    /* Highligh button in active input group */
    .form-control:focus ~ .input-group-btn button{ border-color: #00a90c; } 
    .form-group-stacked .form-control:nth-last-of-type(2){

        margin-bottom: -2px;
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0;
    }
    .form-group-stacked .form-control:nth-last-of-type(1){

        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    /* --- Form Placeholders --- */

    ::-webkit-input-placeholder {
       color: #888888;
    }

    :-moz-placeholder { /* Firefox 18- */
       color: #888888;
    }

    ::-moz-placeholder {  /* Firefox 19+ */
       color: #888888;
    }

    :-ms-input-placeholder {  
       color: #888888;
    }

    .form-control ::-webkit-input-placeholder {
       color: #222222;
    }

    .form-control :-moz-placeholder { /* Firefox 18- */
       color: #222222;
    }

    .form-control ::-moz-placeholder {  /* Firefox 19+ */
       color: #222222;
    }

    .form-control :-ms-input-placeholder {  
       color: #222222;
    }


/* --- Headings --- */
    /* -- Custom Headings --- */
        /* -- Hang Shadow Headings --- */

        h3.heading-hang-shadow{

            text-align: center;
            font-size: 2rem;
            border-width: 0;
            margin: 40px 0 0 0;
            overflow: hidden;
            height: 40px;
            position: relative;
            margin: 0;
        }
        h3.heading-hang-shadow:before{

            content: '';
            display: block;
            height: 5px;
            box-shadow: 0 0 5px 2px rgba(0,0,0,0.35);
            border-radius: 50%;
            position: absolute;
            top: -5px;
            width: 100%;
        }
        h3.heading-hang-shadow span{

            background: #21216a;
            color: #fdffdc;
            line-height: 40px;
            font-weight: bold;
            padding: 0 65px;
            text-transform: uppercase;
            display: inline-block;
            position: relative;
            z-index: 999;
        }
        
        /* --- Ribbon Headings --- *
         * --- @info Titles with a line going horizontally through the center on the text; --- */

        h2.ribbon-title{

            text-align: center;
            margin-bottom: 1.5em;
            line-height: 0.63em;
            height: 0.63em;
            border-bottom: 4px solid #333; /* <--- The ribbon */
        }
        h2.ribbon-title span{

            background: #fff;
            padding: 0 0.5em;
            line-height: 1em;
            height: 1em;
        }


/* --- Buttons ---  */
    /* --- Quickview --- */

    .overlay-quickview{

        position: absolute;
        display: block;
        top:0;
        left: 0;
        right: 0;
        bottom: 0;
        /*  background: rgba(0,0,0,0.5);*/
        text-align: center;
        opacity: 0;
    }
    .overlay-quickview .btn-quickview{

        position: absolute;
        top: 40%;
        left: 3%;
        right: 3%;
        box-shadow: 1px 1px 4px rgba(0,0,0,0.75);
    }
    li.QuickView:hover .overlay-quickview{

        opacity: 1;
        transition: all 200ms ease-out;
    }


/* --- Product Grids & Lists --- */

    /* --- Column Item (Grid) --- */

    .col-item {
        padding-top: 25px;
     }

    .col-item .photo{

        position: relative;
        text-align: center;
        height: 200px;
        line-height: 190px;
        cursor: pointer;
    }
    .col-item h5 a{
        
        height: 2.75em;
        overflow: hidden;
        display: inline-block;
    }
    .col-item .product-rating{ /*display: none;*/ }
    .col-item .product-summary{ /*display: none;*/ }
    .col-item h5 strike, 
    .col-item  strike{ /* --- @globalinserted --- */

        font-size: 1.4rem;
        color: #284074;
        font-weight: bold;
        vertical-align: baseline;
    }


/* --- Category lists --- */
    /* --- Tree View --- */
    
    .tree, .tree ul {

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

        margin-left:0.4em;
        margin-top: -0.4em;
        position:relative
    }
    .tree ul ul { margin-left:.5em }
    .tree ul:before {
        content:"";
        display:block;
        width:0;
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        border-left:1px solid #000;
    }
    .tree li {
        margin:0;
        padding:0 1em;
        line-height:2em;
        font-weight:700;
        position:relative
    }
    .tree ul li:before {
        content:"";
        display:block;
        width:10px;
        height:0;
        border-top:1px solid;
        margin-top:-1px;
        position:absolute;
        top:1em;
        left:0
    }
    .tree ul li:last-child:before {
        background:#fff;
        height:auto;
        top:1em;
        bottom:0
    }
    .indicator {

        color: #444;
        margin-right:5px;
    }
    .tree li a {
        text-decoration: none;
    }
    .tree li button, .tree li button:active, .tree li button:focus {
        text-decoration: none;
        border:none;
        background:transparent;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        outline: 0;
    }

/* --- Search Page --- */

/* --- Brands Page --- */

.SubBrandList li{

    display: inline-block;
    width: 33.33%;
}
.SubBrandList li a{}


/* --- Create Account Page --- */

/* --- Blog Page --- */

ul.blog-tags:before{

    content:"Tags:";
    font-weight: bold;
    padding-right: 0.5em;
}

ul.blog-tags li{

    display: inline-block;
    list-style: none;
    padding-right: 4px;
}

ul.blog-tags li span{

    background: rgba(255,255,255,0.5);
    line-height: 24px;
    border:1px solid #ddd;
    padding: 0 10px;
    border-radius: 3px;
}


/* --- Content Page --- */

.page-page #contact-form{

    width: 70%;
    margin: 0 auto;
}
.page-page .page-text{

    width: 30%;
    float: left;
}


/* --- Cart Page --- */

td.cart-thumb{ display: none; }
td.product-name h4{ margin-top: 0; }
#cart-contents .product-price,
#cart-contents .product-price-total,
td.product-name h4{ line-height: 30px; }
td.product-name h4 a{ 

    color: #3C3C3C;
    font-size: 2.2rem;
    font-weight: 700;
}
.checkout-actions{ margin-top: 1em; }
.page-cart #CartContent .panel-body{ padding: 0; }
#cart-contents{ background-color: #f5f5f5; }
#cart-contents,
#CartContent{ margin-bottom: 0; }
.table .shipping-estimator td{

    border-width: 0;
    padding: 0;
}

#cart-contents tr:first-child td{ border-width: 0; }
.selectedShippingMethod{ margin-left: 1em; }
.product-attributes{ 
    
    font-size: 13px;
    line-height: 16px; 
    color: #777; 
}
#cart-contents .badge{ 

    background-color: #67678C;
    text-transform: uppercase;
}
.product-attributes + .list-inline{ margin-top: 0.5em; }
.product-attributes + .list-inline li:first-child{ padding-left: 0; }
#order-summary .panel-body,
#order-summary .panel-footer{ padding: 0; }
#order-summary table{ margin-bottom: 0; }
#order-summary .panel-footer .btn{ border-radius: 0 0 4px 4px; }

.ShippingMethodList td .checkbox{ margin: 0; }
.ShippingMethodList td .checkbox label{ padding-left: 0; }
.shippingquote{ margin: 0 10px; }
.shippingquote table{ margin: 0; }
.shippingquote + .btn{ margin-bottom: 10px; }

.badge a i.glyphicon{ color: #fff; font-weight: 300; }

/* --- Brands Page --- */
    /* --- Brand Tag Clouds --- */

    .BrandCloud a { padding-right:5px; }
    .BrandCloud .smallest { font-size:0.8rem; }
    .BrandCloud .small { font-size:1rem; }
    .BrandCloud .medium { font-size:1.4rem; }
    .BrandCloud .large { font-size:2.3rem; }
    .BrandCloud .largest { font-size:3rem; }


/* --- Checkout Page --- */
    /* --- Express Checkout --- */
    
.CheckoutOrderComments{ margin-top: 1em; }
.page-checkout-express #main{ padding-top: 0; }
span.checkout-step-separator{} /* Hide colons ex: Step 1: <-- */
.ExpressCheckoutCompletedContent:empty{ display: none; }
.PayPalExpressCheckout p{ 

    float: none !important; 
    margin: 1em 0;
}
.PayPalExpressCheckout,
.PayPalExpressCheckout p,
.PayPalExpressCheckout form,
.PayPalExpressCheckout form input[type=image]{ 

    display: inline-block; 
    vertical-align: middle;
}
.PayPalExpressCheckout form{ margin-left: 1em; }
#creditcard_ccexpm, 
#creditcard_ccexpy,
#AuthorizeNet_ccexpm,
#AuthorizeNet_ccexpy{

    width: auto;
    display: inline-block;
}
.ExpressCheckoutBlockCollapsed .ExpressCheckoutContent{ display:none; }
.ExpressCheckoutBlock a.ChangeLink{ display: none; }
.ExpressCheckoutBlockCompleted a.ChangeLink{ display: inline-block; }
.CartContents .CartProductFieldsLink{  background:url('//cdn11.bigcommerce.com/r-797f88552d233ebcb9da3391a7153cfe061066e1/themes/Hipster/images/GiftWrappingAvailable.gif') no-repeat; }
.ExpressCheckoutContent div.page-header{ 

        margin-top: 0;
        border-bottom-width: 0;
}
.termsToggler{ font-size: 1.2rem; }


/* --- Product Attributes --- */

.productAttributeList .productAttributeConfigurableEntryCheckbox .productAttributeLabel,
.productAttributeList .productAttributeConfigurableEntryCheckbox .productAttributeValue{

    display: inline-block;
    margin: 0;
}


/* --- Fast Cart --- */

.modal-footer .panel-body .ProductList li.col-md-4{ width: 50% !important; }
.modal-footer .panel{

    clear: both;
    margin-top: 1em;
    margin-bottom: 0;
}
.modal-footer .panel .ProductList li .photo{

    height: auto;
    line-height: normal;
}
.modal-footer .panel .ProductList li .photo img{ max-height: 150px; }

#site-modal .form-control{

    width: auto;
    display: inline-block;
}
#site-modal .RetailPrice{ display: block; }
#site-modal .RetailPrice .productAttributeLabel{ display: none; }
#site-modal .or{

    font-weight: 900;
    font-size: 2rem;
    color: #ababab;
}

/* --- Wish List Form --- */

#wishlistsform table .action {

    text-align: center;
    white-space: nowrap;
}
#wishlistsform .action div {

    width:20px;
    height:20px;
    float: none;
    margin: 0 2px;
    text-align:left;
    text-indent: -99999px;
    overflow: hidden;
    display: inline-block;
}
#wishlistsform .action a {

    display: block;
    width:20px;
    height:20px;
}


/* --- Login Page --- */

.page-login #main > .container{

    padding-top: 50px;
    padding-bottom: 50px;
}
.page-login h1.page-header{ display: none; }
.page-login .list-group-item{ 
    
    border-width: 0px;
    padding: 10px 15px;
    background: transparent;
}

/* --- Product Page (Products Page) --- */
    
    #product-left-column .panel-body,
#product-image-modal .modal-body{ padding: 0; width:400px; margin: 36px 0 0 45px }
    #product-left-column .panel-footer,
    #product-image-modal .modal-footer{ text-align: center; }
    #product-left-column .thumbnail,
    #product-image-modal .thumbnail{ margin-bottom: 0; }
    #product-left-column .panel-footer li,
    #product-image-modal .modal-footer li{

        float: none;
        display: inline-block;
    }
    .share-toolbar{
        
        line-height: 40px;
        margin-top: -40px;
    }
    .share-toolbar .chicklets{

        text-indent: -9999px;
        text-align: left;
    }
    .stButton{
        
        margin: 0 !important;
        vertical-align: text-top;
    }
    .AddThisButtonBox{ margin: 0 !important; }
    .btn-group-wishlist button{
        
        padding: 0 15px;
        line-height: 26px;
        border-radius: 4px;
    }
    .btn-group-wishlist button i,
    .btn-add-to-cart i{
        margin-right: 7px;
    }
    #product-left-column,
    #product-right-column{ padding-top: 15px; }
    #SideProductAddToWishList{ display: inline-block; }
    .product-price-container strike{ padding: 0 0.5em; }
    
    /* --- Product Slider & Product Modal Slider --- */

    .zoomContainer{ z-index: 999999; }
    
    #product-image-carousel .carousel-inner img, 
    #product-image-carousel-modal .carousel-inner img{
        
        display: inline-block;
        vertical-align: middle;
    }
    #product-image-carousel .carousel-inner .item, 
    #product-image-carousel-modal .carousel-inner .item{

        min-height: 400px;
        line-height: 400px;
        cursor: pointer;
        text-align: center;
    }
    #product-image-carousel-modal .pagination{ margin-top: 1em; }
    #product-image-carousel .carousel-control{

        line-height: 400px;
        color: #0157cf;
        opacity: 1; 
    }
    #product-image-carousel .carousel-control span{ display: none; }
    #product-image-carousel .product-image-thumbnails{ margin-top: 75px; }
    #product-image-carousel .pagination a span{ display: none; }
    .product-image-thumbnails{ }
    .product-image-thumbnails li{
        
        transition: all 200ms ease-in-out;
        margin: 0 12px;
        display: inline-block;
        width: 25%;
    }
    .product-image-thumbnails li img{ max-height: 100px; }
    .product-image-thumbnails li.active .thumbnail,
    .product-image-thumbnails li:hover .thumbnail{ border-color: #3EB536; }
    
    #product-image-carousel nav,
    #product-image-modal nav{

        position: absolute;
        bottom: 20px;
        width: 100%;
    }

    #product-accordion{ margin-top: 1em; }

    /* --- Product Prices --- */

    .product-price{

        color: #27277d;
        font-weight: 600;
    }
    .RetailPrice, 
    .RetailPrice dl{ display: inline; }
    .RetailPrice dt{ display: none; }


    /* --- Product Options --- */

    .productOptionViewRectangle ul li{

        padding: 0 10px;
        line-height: 30px;
    }
    .productOptionViewRectangle ul li label{ margin: 0; }
    .productOptionViewRectangle ul li span.glyphicon{

        opacity: 0;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        vertical-align: middle;
        line-height: 3rem;
        color: #fff;
    }
    .productOptionViewRectangle ul li.active{

        background: rgba(0,0,0,0.75);
        color: #666;
    }


    /* --- Product Color Swatches --- */

    .btn span.glyphicon { opacity: 0; }
    .btn.active span.glyphicon { opacity: 1; }
    .productOptionPickListSwatch li{
        
        padding: 0 10px;
        line-height: 30px;
    }
    .productOptionPickListSwatch .glyphicon{

        text-shadow: 0 0px 10px rgba(0,0,0,0.75);
        color: #fff;
    }
    .productOptionPickListSwatch li span.name, 
    .productOptionPickListSwatch li input,
    .productOptionPickListSwatch li .previewContent{ display: none; }
    .productOptionViewProductPickList label, 
    .productOptionViewRectangle label, 
    .productOptionViewRadio label{}


/* --- Coupon Code & Gift Certificate Boxes --- */

/* --- Category & Search Page --- */

#SearchContainer .ProductList{ margin-top: 4em; }
#search-toolbar{ margin-top: 1em; }


/* --- Account Pages --- */


/* --- Multiple Addresses --- */

.address-item form{ position: relative; }
.address-item:hover .utility-links{ display: block; }
.utility-links{
    
    display: none;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    border-radius: 4px;
    line-height: 185px;
}
.ShippingAddressList .btn{
    
    z-index: 1;
    position: relative;
}


/* --- Contact Page --- */

#captcha-image-container img{ height: 60px; }


/* --- Faceted Search --- */

.facet-container { border-top: 1px solid #dcdcdc; }
.facet-container [class^="js-facet-clear"] { color: #d4d4d4; }
.facet-container [class^="js-facet-clear"]:hover { color: #a1a1a1; }
.facet-container .btn-facet-more-options.more { color: #6e6e6e; }
.facet-container .btn-facet-more-options.more:hover { color: #9c9c9c; }
.facet-container .facet-option:hover { background: #dcdcdc; }
.facet-container .facet-option .facet-option-product-count { color: #d4d4d4; }
.js-faceted-search-container > [class^='js-facet-']:last-of-type .facet-container { border-bottom: 1px solid #dcdcdc; }


/* --- Misc --- */

.social-buttons > div{
    
    margin: 0;
    float: left;
}
.qtyInput{ min-width: 4em; }

table.ProductInfo {

    font-size: 12px;
    border: 1px solid #000;
    color: #000;
    margin: auto;
}
table.ProductInfo tr > * {

    padding: 2px 6px;
    border: 1px solid #000;
}
table.ProductInfo tr:nth-child(2n) td { background: #fafafa; }
.productAttributeRow { margin-top: 10px; }
.productAttributeRow:first-child { margin-top: 0px; }


/* --- Make Bootsrap Unresponsive --- */

body { min-width: 1020px; }
.container {
    max-width: none !important;
    width: 1020px !important;
}
[class^="col-"] { float: left; }
.col-md-1,
.col-lg-1 { width: 8.33333333% !important; }
.col-md-2,
.col-lg-2 { width: 16.66666667% !important; }
.col-md-3,
.col-lg-3 { width: 25% !important; }
.col-md-4,
.col-lg-4 { width: 33.33333333% !important; }
.col-md-5,
.col-lg-5 { width: 41.66666667% !important; }
.col-md-6,
.col-lg-6 { width: 50% !important; }
.col-md-7,
.col-lg-7 { width: 58.33333333% !important; }
.col-md-8,
.col-lg-8 { width: 66.66666667% !important; }
.col-md-9,
.col-lg-9 { width: 75% !important; }
.col-md-10,
.col-lg-10 { width: 83.33333333% !important; }
.col-md-11,
.col-lg-11 { width: 91.66666667% !important; }
.col-md-12,
.col-lg-12 { width: 100% !important; }
.col-md-offset-0,
.col-lg-offset-0 { margin-left: 0 !important; }
.col-md-offset-1,
.col-lg-offset-1 { margin-left: 8.33333333% !important; }
.col-md-offset-2,
.col-lg-offset-2 { margin-left: 16.66666667% !important; }
.col-sm-offset-3,
.col-md-offset-3,
.col-lg-offset-3 { margin-left: 25% !important; }
.col-sm-offset-4,
.col-md-offset-4,
.col-lg-offset-4 { margin-left: 33.33333333% !important; }
.col-sm-offset-5,
.col-md-offset-5,
.col-lg-offset-5 { margin-left: 41.66666667% !important; }
.col-sm-offset-6,
.col-md-offset-6,
.col-lg-offset-6 { margin-left: 50% !important; }
.col-sm-offset-7,
.col-md-offset-7,
.col-lg-offset-7 { margin-left: 58.33333333% !important; }
.col-sm-offset-8,
.col-md-offset-8,
.col-lg-offset-8 { margin-left: 66.66666667% !important; }
.col-sm-offset-9,
.col-md-offset-9,
.col-lg-offset-9 { margin-left: 75% !important; }
.col-sm-offset-10,
.col-md-offset-10,
.col-lg-offset-10 { margin-left: 83.33333333% !important; }
.col-sm-offset-11,
.col-md-offset-11,
.col-lg-offset-11 { margin-left: 91.66666667% !important; }
.col-sm-offset-12,
.col-md-offset-12,
.col-lg-offset-12 { margin-left: 100% !important; }
.visible-xs,
.visible-xs-block,
.visible-sm,
.visible-sm-block { display: block !important; }
.visible-xs-inline,
.visible-sm-inline { display: inline !important; }
.visible-xs-inline-block,
.visible-sm-inline-block { display: inline-block !important; }
.hidden-xs,
.hidden-sm { display: inline-block !important; }
.container .navbar-header,
.container .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}
.navbar-header { float: left; }
.navbar-collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
}
.navbar-toggle { display: none; }
.navbar-collapse { border-top: 0; }
.navbar-brand { margin-left: -15px; }
.navbar-nav > li { float: none; }
.navbar-nav > li > a { padding: 15px; }
.navbar-nav.navbar-right { float: right; }
.navbar .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #333; }
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff !important;
    background-color: #428bca !important;
}
.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #999 !important;
    background-color: transparent !important;
}


/* --- Comment out if Unresponsive --- */
/* --- @info Support for 5 columns natively in bootstrap --- */
/*@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
    .col-sm-2-5ths {
        width: 40%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
    .col-md-2-5ths {
        width: 40%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
    .col-lg-2-5ths {
        width: 40%;
        float: left;
    }
}*/


#ProductOtherDetails {
    border-left: 1px solid #000;
    display: inline-block;
width: 100%;
margin-bottom: 20px;
}

#ProductOtherDetails dl.DetailRow {
    float: left;
    width: 33%;
    border-right: 1px solid #2D2D90;
    margin: 0px;
    border-bottom: 1px solid #2D2D90;
    padding: 2px 10px;
font-size: 12px;
}

#ProductOtherDetails dl.DetailRow:nth-child(-n+3) {
border-top: 1px solid #2D2D90;
}

#ProductOtherDetails dl.DetailRow:nth-child(3n+1) {
    clear: both;
    width: 34%;
}