/**
**
* LICENSE:
* This source file is subject to the licensing terms that
* are available through the world-wide-web at the following URI:
* http://cartdesigners.com/legal-terms/licensing-terms/.
*
* @author       CartDesigners <info@cartdesigners.com>
* @author       Ransom Carroll <ransom.carroll@cartdesigners.com>
* @copyright    Copyright © 2013 Cart Designers, LLC
* @file         cd-styles.css
* @description  CSS file used for Bigcommerce styles
*
**/

/* QuickView (color and text settings in backend) */
#ModalContainer.QuickViewModal .ModalContent { background: #fff; }
/* Sitemap */
.SitemapPages, .SitemapCategories, .SitemapBrands{float: left;margin-right: 20px;}
/* Radio and Checkboxes */
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin: 0;
}
.font-family-primary{
    font-family: 'Source Sans Pro'!important;
}
.btn:before{
    top: 0;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{
    background-color: #D97109;
    border-color:#B75B00;
}
.ErrorMessage{
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
/* Header */
.header{
    position: relative;
    z-index: 2;
}
#Header{
    margin-bottom: 0;
    box-shadow: 0 0px 0px 0px rgba(50, 50, 50, 0.5);
}
#Header.off-screen {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
#Header .buying-guide a{
    margin-left: 20px;
    position: relative;
}
#Header .buying-guide a:before{
    content:"";
    width: 22px;
    height: 39px;
    position: absolute;
    left: -6px;
    background: url('//cdn11.bigcommerce.com/s-6q5bpsuh/templates/__custom/img/buying-guide-phone-icon.png?t=1515453460') 0 0 no-repeat;
    top: 15px;
}
.TopMenu a:hover, .TopMenu a:hover .glyphicon {
    color: #00aed1;
}

/* Drawer */
#DrawerMenu ul{
    float: left;
    width: 100%;
}
#DrawerMenu ul ul{
    display: none !important;
}
#DrawerMenu div{
    float: left;
    width: 100%;
}
#DrawerMenu ul.category-list:after{
    content: "Information";
    background: #666;
    color: #fff;
    font-size: 0.8em;
    font-weight: normal;
    padding: 10px 15px;
    text-transform: uppercase;
    float: left;
    width: 100%;
}
.header-secondary {
    display: block;
    /*position: relative;*/
}

.header-secondary a {
    font-size: 14px;
    padding: 0;
    text-transform: none;
}

.header-secondary .PageMenu a {
    font-size: 17px;
    padding: 25px 17px;
    text-transform: uppercase;
}

.header-secondary li a:hover {
    color: #fa8413;
}

.header-secondary .PageMenu li li a {
    color: #fff;
    font-size: 16px;
    line-height: 1em;
    padding: 10px 0 5px;
}

.header-secondary .PageMenu li li a:hover {
    color: #9EEFFF;
}

.PageMenu li ul {
    background: #fff;
    height: auto !important;
    padding-bottom: 10px;
    width: 250px;
}

.PageMenu li ul:before {
    border: none;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    border-top: 5px solid #fa8413;
    display: block;
}

.PageMenu .sf-menu li ul li {
    clear: both;
    float: left;
    padding: 0 5px 0 15px;
    width: 100%;
}

.header-secondary .PageMenu li ul li a {
    color: #262626;
    font-family: 'Source Sans Pro';
    font-size: 15px;
}

.header-secondary .PageMenu li ul li a:hover {
    color: #fa8413;
}

.btn-blue:hover:before {
    border-color: #F49755;
}

.btn-blue:hover {
    border-color: #d97109;
    background: #f67b1f;
}

.Content.Widest {
    padding: 30px 0;
}


/* Slide Show */
.slide-show{
    margin-bottom: 0 !important;
    min-height:72px;
}

/* Landing CTAs */
.landing-ctas{
    float: left;
    width: 100%;
    box-shadow: 0 0 0px 0px rgba(50, 50, 50, .5);
    position: relative;
    z-index: 1;
    text-align: center;
}


.landing-ctas ul{
    display: inline-block;
    margin: 0;
    width: 100%;
    max-width:1160px;
    padding: 20px;
    list-style:none;
}
.landing-cta{
    text-align: left;
    float: left;
    width: 49%;
    background: #00aed1;
    position: relative;
    border-radius:0px;
    border: none;
}
.landing-cta a{
    float: left;
    width: 100%;
    padding: 20px;
    color: #fff;
    font-size: 26px;
    line-height: 27px;
}
.landing-cta .sub-title{
    float: left;
    width: 100%;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 18px;
}
.landing-cta .sub-title .glyphicon{
    color: #ffffff;
    font-size: 17px;
    top: 1px;
    left: 5px;
}
.landing-cta:before{
    content: "";
    width: 99%;
    left: 0;
    margin-left: 3px;
    border-top: none;
    position: absolute;
}
.landing-cta:first-of-type{
    margin-right: 1%;
}
.landing-cta:last-of-type{
    margin-left: 1%;
}
.landing-cta-orange {
    background: #454545;
    border-color:none;
}
.landing-cta-orange:before{
    content: "";
    border-color: npne;
}
.landing-cta-orange .sub-title .glyphicon{
    color: #ffffff;
}
.landing-cta-car a{
    padding-left: 150px;
}
.landing-cta-car a:before{
    position: absolute;
    top: 50%;
    margin-top: -24px;
    width: 112px;
    height: 48px;
    content: "";
    background: url('//cdn11.bigcommerce.com/s-6q5bpsuh/templates/__custom/img/shop-vehicles-cta-icon.png?t=1515453460') 0 0 no-repeat;
    left: 20px;
}
.landing-cta-building a{
    padding-left: 95px;
}
.landing-cta-building a:before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -32px;
    background: url('//cdn11.bigcommerce.com/s-6q5bpsuh/templates/__custom/img/shop-buildings-cta-icon.png?t=1515453460') 0 0 no-repeat;
    width: 60px;
    height: 64px;
    left: 20px;
}

@media(max-width: 480px){
.landing .landing-cta-car a:before,
.landing .landing-cta-building a:before {
    display: none !important;
}
}

/* Section Grey Pattern */
.section-grey-pattern{
    display: none;
    float: left;
    width: 100%;
    background: #e3e3e3;
    text-align: center;
}
.landing .section-grey-pattern {
    display: block;
}
.section-grey-pattern > div{
    display: inline-block;
    margin: 0;
    width: 100%;
    max-width:1160px;
    padding: 20px;
    padding-top: 30px;
    text-align: left;
}
.Block.banner_home_page_top p{
    font-size: 16px;
    margin-bottom: 9px;
}
.Block.banner_home_page_top h2{
    margin-bottom: 15px;
    color: #454545;
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
}
.Block.banner_home_page_top .btn{
    font-size: 18px;
    padding:0 15px;
    font-family: 'Source Sans Pro';
    margin-top: 10px;
}

/* Featured Proucts & Brands */
.featured-products-brands{
    float: left;
    width: 100%;
    text-align: center;
    padding: 30px 20px;
    box-shadow: 0 0 0px 0px rgba(50, 50, 50, 0.5);
}
.featured-products-brands .featured-products{
    display: inline-block;
    margin: 0;
    width: 100%;
    max-width:1160px;
    margin-bottom: 00px;
}
.featured-products-brands .featured-brands{
    display: inline-block;
    margin: 0;
    width: 100%;
    max-width:1160px;
    margin-top: 20px;
    text-align: center;
}
.featured-products-brands .featured-brands h4{
    font-size: 32px;
    text-transform: uppercase;
    color: #fa8413;
    border-bottom:5px solid #fa8413;
    font-weight: 400;
    width: auto;
    float: none;
    display: inline-block;
    padding-bottom: 15px;
    padding-bottom: 5px;
}
.featured-products-brands .featured-brands ul{
    border-top:5px solid #00aed1;
    margin: 0;
    margin-top: -5px;
    text-align: center;
    padding-top: 20px;
    max-height: 155px;
    overflow: hidden;
}
.featured-products-brands .featured-brands ul li{
    display: inline-block;
}
.featured-products-brands .nav-tabs{
    margin: 0;
    border-bottom: none;
}
.featured-products-brands .nav-tabs>li{
    float: none;
    display: inline-block;
    margin-right: 50px;
}
.featured-products-brands .nav-tabs>li.active>a, .featured-products-brands .nav-tabs>li.active>a:hover, .featured-products-brands .nav-tabs>li.active>a:focus{
    border:none;
    border-bottom:3px solid #00aed1;
}
.featured-products-brands .nav>li>a{
    border-radius:0;
    border: none;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #454545;
    border-bottom:3px solid transparent;
    padding: 10px 0px;
    padding-bottom: 0;
    
}
.featured-products-brands .nav>li.active>a{
    color: #00aed1;
    border-color:#00aed1;
}
.featured-products-brands .nav>li:hover>a{
    color: #00aed1;
}
.featured-products-brands .nav>li>a:hover, .featured-products-brands .nav>li>a:focus{
    background: none;
}

/* Category Heading */
#CategoryHeading{
    padding: 0;
}
.CategoryDescription img {
    height: auto;
    max-width: 100%;
}
#CategoryHeading h2{
    font-family: 'Montserrat', "Arial", "sans-serif";
    font-size: 30px;
    line-height: 44px;
    font-weight: normal;
    padding-top: 30px;
}
#CategoryHeading p{
    font-size: 16px;
}

/* Breadcrumb */
ul.breadcrumb > li + li:before{
    font-size: 7px;
    margin-top: 6px;
}
.Breadcrumb{
    float: left;
    width: 100%;
    background: #d2d2d2;
    padding: 8px 0 3px;
    text-align: center;
    margin-bottom: 30px;
}
.Breadcrumb ul{
    text-align: left;
    max-width:1160px;
    float: none;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    background: none;
    border-radius:0;
    padding: 0;
}
.breadcrumb>li{
    color: #A5A5A5;
    font-size: 14px;
    font-weight: 500;
}
.breadcrumb>li>a{
    color: #9A9A9A;
    font-size: 14px;
    font-weight: 500;
}
.breadcrumb>li+li:before{
    color: #A7A7A7;
    font-size: 10px;
}

/* Left Sidebar */
.Left{
    width: 206px;
    margin: 0;
}
.Left #SideCategoryList.CategoryList > .BlockContent{
    padding: 0;
}
.Left .CategoryList > h3{
    display: none;
}
.Left .category-list > li{
    display: none;
}
.Left .category-list > li.active{
    display: inline-block;
}
.Left .pages-menu{
    display: none;
}
.Left #SideCategoryList .category-list > li.active, .Left #BlogRecentPosts {
    width: 100%;
    border-radius:4px;
    border: 1px solid #b1b1b1;
    padding-bottom: 10px;
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
    float: left;
}
.Left #SideCategoryList .category-list > li.active > a{
    font-weight: 600;
    font-size: 16px;
    float: left;
    width: 100%;
    padding: 11px 20px;
    border-bottom:1px solid #b1b1b1;
    background: #e3e3e3;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: 700;
}
.Left #SideCategoryList .category-list > li.active > ul{
    float: left;
    width: 100%;
}
.Left #SideCategoryList .category-list > li.active > ul > li{
    padding: 5px 20px;
}
.Left #SideCategoryList .category-list > li.active > ul > li > a{
    font-size: 15px;
    color: #605f5f;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 600;
}
.Left #SideCategoryList .category-list > li.active > ul > li.has-child{
    padding: 0;
}
.Left #SideCategoryList .category-list > li.active > ul > li.has-child > a{
    padding:11px 20px;
    border-bottom:1px solid #b1b1b1;
    border-top:1px solid #b1b1b1;
    background: #e3e3e3;
    font-weight: 600;
    font-size: 16px;
    float: left;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
}
.Left #SideCategoryList .category-list > li.active > ul > li.has-child > ul{
    float: left;
    width: 100%;
}
.Left #SideCategoryList .category-list > li.active > ul > li.has-child > ul > li{
    padding: 5px 20px;
}
.Left #SideCategoryList .category-list > li.active > ul > li.has-child > ul > li > a{
    font-size: 15px;
    color: #605f5f;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 600;
}
.Left #SideCategoryShopByPrice {
    float: left;
    width: 100%;
    border: 1px solid #b1b1b1;
    padding-bottom: 10px;
    border-top:none;
    padding-bottom: 0;
}
.Left #SideCategoryShopByPrice h2, .Left #BlogRecentPosts h4 {
    font-weight: 600;
    font-size: 16px;
    float: left;
    width: 100%;
    padding: 13px 20px;
    border-bottom: 1px solid #B1B1B1;
    background: #E3E3E3;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    margin-bottom: 10px;
    color: #605F5F;
    text-transform: uppercase;
    font-weight: 700;
}
.Left #SideCategoryShopByPrice ul {
    float: left;
    width: 100%;
    margin: 0;
}
.Left #SideCategoryShopByPrice ul li, .Left #BlogRecentPosts li {
    float: left;
    width: 100%;
    padding: 5px 20px;
}
.Left #SideCategoryShopByPrice ul li a, .Left #BlogRecentPosts li a {
    font-size: 15px;
    color: #605f5f;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 600;
}
.Left .category-cta{
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.Left .category-cta img{
    max-width:100%;
    height: auto;
}
/* Main Content */
.Message{
    font-size: 14px;
}
.Content.Wide{
    width: 100%;
    padding-left: 226px;
    overflow: visible;
}
.main{
    float: left;
    position: relative;
    width: 100%;
    z-index: 1;
    margin-top: 0px !important; /* temp fix cyber monday strip banner */
}
.product-nav{
    border: none;
    float: left;
    padding-bottom: 10px;
    margin: 10px 0;
    width: 100%;
}
.product-nav .SortBox{
    float: left;
}
.product-nav .SortBox label{
    font-size: 16px;
    text-transform: capitalize;
}
.product-nav #CategoryPagingTop, .product-nav #CategoryPagingBottom, .product-nav .CategoryPagination{
    float: right;
    line-height: 1;
}
.product-nav .pagination{
    margin: 0;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
    background-color: #00aed1;
    border-color: #0197b5;
}
#CategoryContent{
    clear: none;
    width: 100%;
    float: left;
    margin-bottom: 0;
}
.banner_category_page_bottom{
    float: left;
    width: 100%;
    clear: none;
}
/* Product List */
#landing .ProductList li:nth-child(n+6){display: none !important;}

#landing .ProductList{
    margin-top: 20px;
}
#landing .ProductList li{
    width: 20%;
    min-height:490px;
}
.safari #landing .ProductList li{
    min-height:510px;
}
.ProductList li:nth-child(3n+1){
    border-left:1px solid #b1b1b1;
}
.ProductList li:nth-child(-n+3){
    border-top: 1px solid #b1b1b1;
}
#landing .ProductList li:nth-child(-n+5){
    border-top: 1px solid #b1b1b1;
}
#landing .ProductList li:nth-child(3n+1){
    border-left: none;
}
#landing .ProductList li:nth-child(5n+1){
    border-left:1px solid #b1b1b1;
}
.ProductList{
    margin: 0;
}
.ProductList li{
    border: 1px solid #b1b1b1;
    border-left:none;
    border-top: none;
    padding:5px 14px 14px;
    width: 33.33333333%;
    text-align: center;
}
.Content .ProductList .ProductImage{
    background: #fff;
}
.ProductList .ProductImage img, #ProductDetails .ProductThumbImage img{
    max-height:none;
}
.ProductList .ProductActionAdd a{
    width: 100%;
    font-size: 21px;
    font-family: 'Source Sans Pro';
    text-transform: uppercase;
    height: 40px;
    line-height: 41px;
}
.ProductList .ProductDetails{
    font-size: 16px;
    font-weight: 400;
    padding-right: 0;
    min-height: 42px !important;
}
.ProductList .p-price{
    color: #444444;
    font-size: 20px;
    font-weight: 700;
}
.ProductList .p-price strike{
    font-size: 16px;
    color: #444444;
    font-weight: 400;
}

/* Product Page */
#ProductBreadcrumb, #CategoryBreadcrumb, #CartBreadcrumb, #NewsBreadcrumb {
    margin-bottom: 0px;
}
#ProductBreadcrumb ul.last{
    display: inline-block;
}
.ProductMain h1, .Content h1.p-name {
    font-size: 26px;
    font-weight: 700;
    color: #222222;
    max-width: 490px;
}
.ProductMain .product-tagline{
    font-size: 16px;
    clear: both;
    font-weight: 400;
}
.ProductMain .product-tagline  a {
    font-weight: 400;
    color: #222222;
}
.ProductMain .ProductSKU{
    display: none;
}
.product-review-social{
    float: left;
    width: 100%;
    padding-bottom: 15px;
}
.product-review-social .product-review{
    float: left;
    width: 50%;
}
.product-review-social .product-social{
    float: right;
    width: 50%;
}
.product-review-social .product-social .PinterestButtonContainer{
    float: right;
    width: auto;
    margin-bottom: 0;
    margin-top: -2px;
}
.product-review-social .product-social .AddThisButtonBox{
    float: right!important;
    width: auto;
    margin: 2px 4px 4px 6px!important;
}
.product-review-social .product-social .FacebookLikeButtonContainer{
    float: right;
    width: auto;
    margin: 0px;
    max-height: 21px;
    width: 76px;
}
.product-price-add{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.ProductMain .p-price .ProductPrice{
    float: left;
    width: 100%;
    color: #222222;
    font-size: 34px;
    font-weight: 700;
}
.ProductMain .p-price .ProductPrice strike{
    float: left;
    width: 100%;
    font-family: 'Source Sans Pro';
    font-size: 25px;
    color: #aeadad;
    font-weight: 600;
    margin-bottom: -10px;
}
.ProductMain .p-price .ProductPrice strike:before{
    content: "Retail Price";
    float: left;
    font-family: 'Source Sans Pro';
    font-weight: 700;
    font-size: 19px;
    margin-top: 4px;
    margin-right: 8px;
}
.ProductMain .p-price .s-price{
    float: left;
    width: 100%;
    margin-bottom: 0;
    margin-top: -15px;
}
.ProductMain .p-price .s-price .YouSave{
    font-style: italic;
    font-size: 20px;
    color: #00aed1;
    margin-top: 15px;

}
.ProductMain .product-add {
    clear: both;
    padding-top: 16px;
}
.ProductMain .product-add .QuantityInput{
    float: left;
    font-size: 19px;
    font-weight: 700;
    color: #605f5f;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-top: 6px;
}
.ProductMain .product-add .quantityInput {
    width: 70px !important;
}
.ProductMain .product-add .qty #uniform-qty_.selector {
    background-color: #ac4a02 !important;
    color: #FFFFFF !important;
    background-image: none !important;
    border: 0px !important;
    padding: 0 !important;
    height: 44px !important;
    text-align: center;
    width: 40px !important;
}
.ProductMain .product-add .qty .selector span {
    margin: 0px 0 0 0;
    padding: 0 !important;
    height: auto !important;
    line-height: 42px !important;
}
.ProductMain .product-add .qty {
    margin-left: -4px;
}
.ProductMain .product-add .BulkDiscount, .ProductMain .product-add .qty {
    display: inline-block;
}
.ProductMain .product-add .BulkDiscount{
    width: auto;
    clear: left;
}
.ProductMain .product-add .btn.add-to-cart{
    font-size: 16px;
    text-transform: uppercase;
    height: 44px;
    width: 180px;
}


/* Vertical Thumbnails */
#ProductDetails .vertical-thumbnails{
    position: relative;
    padding-left:84px; /* Must adjust this to equal width of thumb images */
}
#ProductDetails .vertical-thumbnails .ImageCarouselBox{
    width: 84px; /* Must adjust this to equal width of thumb images */
    /*overflow: hidden;*/
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
#ProductDetails .vertical-thumbnails-right{
    padding-left: 0;
    padding-right:84px; /* Must adjust this to equal width of thumb images */
}
#ProductDetails .vertical-thumbnails-right .ImageCarouselBox{
    left: auto;
    right: 0;
}
#ProductDetails .vertical-thumbnails .ProductTinyImageList{
    max-width:100%;
}
#ProductDetails .vertical-thumbnails .ProductTinyImageList > ul{
    width: 100%!important;
    left: 0 !important;
}
#ProductDetails .vertical-thumbnails .ProductTinyImageList > ul > li{
    margin:0;
    background: none;
    margin-bottom: 8px; /* You may need to adjust this to get bottom thumbnail to align with bottom of main image container */
}
#ProductDetails .vertical-thumbnails .ProductTinyImageList > ul > li .TinyOuterDiv{
    border-width:1px!important;
    box-sizing:content-box;
    background: #fff;
}

/* Product Seals */
.product-seals{
    float: left;
    width: 100%;
    padding-top: 20px;
}
.product-seals ul{
    margin: 0;
    float: left;
    width: 100%;
    text-align: left;
    list-style:none;
    margin-left: -18px;
}
.product-seals li{
    display: inline-block;
    width: 30%;
}
.product-seals li img{
    max-width:100%;
    height: auto;
}

/* Product Tabs */
.product .nav-tabs{
    float: left;
    width: 100%;
    padding-top: 20px;
    margin-top: 20px;
    margin-left: 0;
    border-bottom: 3px solid #EFEFEF;
}
.product .nav-tabs>li{
    width: 20%;
    text-align: left;
    margin-bottom: -3px;
}
.product .nav-tabs>li>a{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 18px 0;
    border-bottom:none;
    color: #222222;
    width: auto !important;
    display: inline-block;
}
.product .nav-tabs>li>a:hover,
.product .nav-tabs>li>a:focus {
    background: none;
    color: #008fb9;
    border-color: #FFFFFF;
}
.product .nav-tabs>li.active>a{
    background: #fff;
    color: #00aed1;
    border-bottom: 3px solid #00aed1;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}
.product .nav-tabs>li.active>a:hover{
    color: #00aed1;
    border-bottom: 3px solid #00aed1;
}
.product .tab-content {
    border-top: none;
    float: left;
    width: 100%;
    padding: 60px 20px 20px 0px;
}
.product .ProductReviewList h4 img{
    max-width:83px;
    background: #F68B1F;
}
.product .product-review img{
    max-width:83px;
    background: #F68B1F;
}
.product .product-review span a{
    top: 2px;
    position: relative;
    color: #454545;
}
/* Related Products */
#SideProductRelated{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
}
#SideProductRelated h4{
    font-size: 20px;
    text-transform: uppercase;
    color: #222222;
    font-weight: 700;
    width: auto;
    float: none;
    display: inline-block;
    padding-bottom: 15px;
    padding-bottom: 5px;
}
#SideProductRelated ul{
    margin: 0;
    border: 0 !important;
    text-align: center;
    padding-top: 20px;
}
#SideProductRelated ul li:nth-child(n+4){
    display: none !important;
}

/* Cart */
.EstimateShipping {
    float: right;
}
.KeepShopping{
    margin-top: 10px;
}
dd {
    margin-bottom: 10px;
}
/* Checkout */
#LoginForm input[type="text"], #LoginForm input[type="password"]{
    padding: 6px;
    width: 100%;
}
.AddBillingAddress, .AddShippingAddress{
    position: relative;
    float: left;
    width: 100%;
}
.AddBillingAddress dt, .AddShippingAddress dt{
    position: absolute;
    left: 0;
    padding-top: 5px;
}
.AddBillingAddress dd, .AddShippingAddress dd{
    width: 100%;
    margin: 0;
    padding-left: 180px!important;
}
.AddBillingAddress dd input, .AddBillingAddress dd select, .AddShippingAddress dd input, .AddShippingAddress dd select, dd input{
    padding: 6px;
}

.AddBillingAddress dd input, .AddBillingAddress dd div.selector, .AddBillingAddress dd select, .AddShippingAddress dd input, .AddShippingAddress dd div.selector, .AddShippingAddress dd select {
    width: 99% !important;
}
.CartContents tfoot .CheckoutRedeemCoupon{
    border-bottom: 1px solid #D6D6D6;
}
.checkout .ExpressCheckoutContent .LoadingIndicator{
    display: none;
}
#CheckoutStepConfirmation h4{
    font-weight: 700;
}
.PaymentOptions{
    float: left;
    width: 50%;
    background: #EEE;
    padding: 20px 30px;
    min-height:182px;
}
.CheckoutOrderComments{
    padding: 20px 0px;
    float: right;
    width: 48%;
    margin-left: 2%;
}
.CheckoutOrderComments textarea{
    float: left;
    width: 100%;
}
.CheckoutNewsletterSignup{
    float: left;
    width: 100%;
}
.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
    min-height: 60px;
}
#CheckoutStepConfirmation .txt-right {
    clear: both;
}

/* Blog*/
.blog .Content.Wide .Block {
    clear: none;
}

/* Newsletter */
.newsletter-subscription{
    background: #00aed1;
}
.newsletter-subscription h4{
    font-family: 'Source Sans Pro';
    font-size: 22px;
    color: #fff;
    font-weight: 500;
}
.newsletter-subscription .sub-title{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}
.newsletter-subscription form{
    float: left;
    width: 100%;
    position: relative;
}
.newsletter-subscription input{
    width: 50%;
    border:none;
    border-radius:0px;
    float: left;
    padding: 8px 12px 7px;
    font-size: 14px;
    color: #454545;
    font-weight: 500;
}
.newsletter-subscription input#nl_first_name{
    width: 48%;
    margin-right: 2%;
}
.newsletter-subscription .btn{
    position: absolute;
    right: 3px;
    top:2px;
    width: auto;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    height: 31px;
    line-height: 20px;
    padding: 3px 8px;
    font-weight: 400;
    border-radius: 0px;
}

/* Footer */
.footer{
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}
.footer-main{
    border-bottom:1px solid #2f2f2f;
}
.footer-main > .inner{
    padding-bottom: 0;
}
.footer .footer-columns h5 + ul{
    border-top: 1px solid #595959;
    padding-top: 10px;
}
.footer .footer-columns h5 + div:first-of-type{
    border-top: 1px solid #595959;
    padding-top: 15px;
}
.footer .footer-columns h5 + div.fb-feed{
    padding-top: 8px;
}
.footer .footer-columns h5{
    
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    padding-bottom: 2px;
    border-bottom: 1px solid #2f2f2f;
}
.footer .footer-columns .address, .footer .footer-columns .email, .footer .footer-columns .phone{
    font-size: 13px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    padding-left: 23px;
    position: relative;
}
.footer .footer-columns .address .glyphicon, .footer .footer-columns .email .glyphicon, .footer .footer-columns .phone .glyphicon{
    position: absolute;
    left: 0;
    top: auto;
    color: #00aed1;
    margin-top: 4px;
}
.footer .footer-columns li{
    list-style:none;
    position: relative;
    padding-left: 15px;
}
.footer .footer-columns li a{
    list-style:none;
}
.footer .footer-columns li:before{
    content: "•";
    color: #454545;
    font-size: 25px;
    position: absolute;
    top: 9px;
    left: 0px;
    line-height: 10px;
}

/* Social Icons */
.footer .footer-columns .SocialConnect{
    text-align: left;
    margin-top: 20px;
}
.footer .footer-columns .SocialConnect li{
    padding-left: 0;
    float: none;
    display: inline-block;
    margin-right: 5px;
}
.footer .footer-columns .SocialConnect li:before{
    display: none;
}
/* .icon-social{
    width: 45px;
    height: 45px;
} */
.icon-social.icon-social-theme{
    background-image: url('//cdn11.bigcommerce.com/s-6q5bpsuh/templates/__custom/img/footer-social-sprite.png?t=1515453460');
}
/* .icon-facebook{
    background-position: 0 0;
}
.icon-facebook:hover,
.icon-facebook:focus {
    background-position: 0 -50px;
}
.icon-twitter{
    background-position: -47px 0;
}
.icon-twitter:hover,
.icon-twitter:focus {
    background-position: -47px -50px;
}
.icon-pinterest{
    background-position: -94px 0;
}
.icon-pinterest:hover,
.icon-pinterest:focus {
    background-position: -94px -50px;
}
.icon-youtube{
    background-position: -141px 0;
}
.icon-youtube:hover, 
.icon-youtube:focus {
    background-position: -141px -50px;
}
.icon-googleplus{
    background-position: -188px 0;
}
.icon-googleplus:hover,
.icon-googleplus:focus {
    background-position: -188px -50px;
} */

/* Footer Links */
.footer-links{
    color: #454545;
    background: #fffff;
    border-top:1px solid #595959;
}
.footer-links p{
    font-size: 14px;
    font-weight: 300;
    float: left;
    padding: 27px 0;
}
.footer-links .trust-seals{
    float: right;
    padding-top: 10px;
    margin-bottom: 10px;
}
.footer-links .trust-seals .trust-seal{
    margin-left: 10px;
}
.footer-links .trust-seals .trust-seal-bbb{
    margin-top: 10px;
}

.p-w-r #pr-srw {
    bottom: 0px;
    position: fixed;
}

/*** old menu bar icon 

#ToggleMenu:after {
    font-size: 21px;
    top: 4px;
}
#AjaxLoading{
    top: 0;
}
****/

/* Responsive */
@media only screen and (max-width: 1180px) {
    .newsletter-subscription{
        padding:0 20px;
    }
    .footer-links{
        padding: 0 20px;
    }
    .footer-main{
        padding: 0 20px;
    }
    .landing .main{
        padding: 0;
    }
    .main{
        padding: 0 20px;
    }
    .Breadcrumb{
        padding-left: 20px;
        padding-right: 20px;
    }
    .breadcrumb>li{
        display: block;
    }
}
@media only screen and (max-width: 1150px) {
    #SearchForm{
        position: absolute;
        right: 20px;
        top: 62px;
    }
    .header-ctas{
        padding-top: 5px;
    }
}
@media only screen and (max-width: 1120px){
    #SearchForm{
        display: inline-block !important;
    }
}
@media only screen and (max-width: 960px){
    .product-price-add{
        margin-top: 10px;
    }
    #landing .ProductList li {
        width: 49%;
        border-top:none;
    }
    #landing .ProductList li:nth-child(-n+5) {
        border-top:none;
    }
    #landing .ProductList li:nth-child(-n+2) {
        border-top: 1px solid #b1b1b1;
    }
    #landing .ProductList li:nth-child(5n+1) {
        border-left: none;
    }
    #landing .ProductList li:nth-child(2n+1) {
        border-left: 1px solid #b1b1b1;
    }
}
@media only screen and (max-width: 890px) {
    .landing-ctas .landing-cta{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .landing-ctas .landing-cta:first-of-type{
        margin-bottom: 20px;
    }
    .product .nav-tabs>li {
        width: 25%;
    }
    .product .nav-tabs>li>a{
        padding: 7px 0;
        font-size: 14px;
    }
}
@media only screen and (max-width: 875px) {
    .header-secondary a{
        padding: 15px 11px;
        font-size: 17px;
    }
    #Header .buying-guide a:before{
        left: -11px;
        top: 3px;
    }
    .product-nav .SortBox, .product-nav #CategoryPagingTop, .product-nav #CategoryPagingBottom, .product-nav .CategoryPagination {
        display: block;
        float: left;
        margin: 0;
        text-align: center;
        width: 100%;
    }
    .product-nav, .product-nav .SortBox {
        margin: 0 0 15px;
    }
    .product-nav .SortBox label, .SortBox div.selector, .SearchSorting div.selector {
        float: none;
    }

}
@media only screen and (max-width: 800px) {
    #SearchForm{
        position: absolute;
        right: auto;
        top: -15px !important;
        width: 80%;
        max-width: none !important;
        left: 50%;
        margin-left: 10% !important;
    }
    .header-secondary{
        margin-top: 52px;
    }
    .footer-links{
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 768px) {
    .header-secondary .PageMenu, .Left, .slide-show, .landing .section-grey-pattern .l-booster {
        display: none;
    }
    #Header {
        padding: 20px 0;
    }
    #ToggleMenu {
        display: inline-block;
    }
    .Content.Wide {
        padding: 0;
    }
    .ProductList li:nth-child(2n+1), .ProductList li:nth-child(3n+1), .ProductList li:nth-child(-n+3) {
        border: none;
    }
    .ProductList li {
        border: 1px solid #b1b1b1 !important;
        margin: 0 -1px -1px 0;
    }
    .landing .ProductList li:nth-child(5n), .ProductList li:last-child {
        margin-bottom: 21px;
    }
    .CategoryDescription img {
    }
    .product .left-content{
        width: 100%;
    }
    .PrimaryProductDetails .ProductMain{
        width: 100%;
        padding-left: 0;
    }
    .footer .footer-columns > div{
        text-align: center;
        width: 50%;
        float: left;
        min-height: 260px;
    }
    .footer .footer-columns .SocialConnect{
        text-align: center;
    }
    .footer .footer-columns li{
        padding-left: 0;
    }
    .footer .footer-columns li:before{
        left: auto;
        margin-left: -15px;
    }
    .footer-links p{
        width: 100%;
        text-align: center;
    }
    .footer .footer-columns .address, .footer .footer-columns .email, .footer .footer-columns .phone{
        padding-left: 0;
    }
    .footer .footer-columns .address .glyphicon, .footer .footer-columns .email .glyphicon, .footer .footer-columns .phone .glyphicon{
        left: auto;
        margin-left: -21px;
    }
    .footer-links .trust-seals{
        text-align: center;
        width: 100%;
        padding-top: 0;
        margin-bottom: 20px;
    }

    .footer-links .trust-seals .trust-seal{
        float: none;
    }

    .footer-links .trust-seals div,
    .footer-links .trust-seals a {
        display: inline-block;
    }
    

    .featured-products-brands .nav>li>a{
        font-size: 19px;
    }
    .featured-products-brands .featured-brands h4{
        font-size: 19px;
    }
    .product .nav-tabs>li>a{
        padding: 5px;
        font-size: 13px;
    }
    .ProductList li, #landing .ProductList li {
        width: 49%;
    }
    #ProductDetails .vertical-thumbnails .ProductTinyImageList{
        min-height:0;
    }
}

@media only screen and (max-width: 678px) {
#ProductDetails .vertical-thumbnails .ImageCarouselBox {
  position: relative;
  width: 100%;
}
#ProductDetails .vertical-thumbnails {
  padding: 0;
}
}

@media only screen and (max-width: 640px) {
    .banner_home_page_top > h2{
        padding-right: 0 !important;
    }
    .banner_home_page_top > p:first-of-type{
        float: left;
        width: 100%;
    }
    .banner_home_page_top > p:first-of-type > a{
        float: left;
        width: 100%;
        text-align: center;
    }
    .banner_home_page_top > p:first-of-type > a > img{
        margin-top: 0!important;
        float: none !important;
        margin-left: auto !important;
    }
}
@media only screen and (max-width: 540px) {
    .product .ProductList li, #landing .ProductList li{
        width: 100%;
        float: left;
        margin-bottom: 0;
        border: 1px solid #b1b1b1;
    }
    .product .nav-tabs>li{
        width: 100%;
    }
    .product .nav-tabs>li {
        text-align:center;
        margin-bottom: 4px;
        border-bottom: 3px solid;
        border-color: #EFEFEF;
    }
    .product .nav-tabs>li>a {
        border: 0px;
        border-bottom: 3px solid;
        border-color: transparent;
        margin-bottom: -3px;
        font-size: 20px !important;
    }
    .product .nav-tabs>li>a:hover {
        border-color: transparent;
    }
    .product .nav-tabs>li:last-child {
        margin-bottom: -3px;
    }
    .product .nav-tabs>li>a{
        border-radius:0;
        margin-right: 0;
    }
    .Content.Wide {
        padding: 0;
    }
    .ProductList li {
        border: 1px solid #B1B1B1;
        margin-top: -1px;
        width: 99%;
    }
    .ProductList li:first-child {
        margin-top: 0;
    }
    .product-seals ul {
    margin-left: 0px;
    }
    .product-seals li {
        margin: 1%;
        width: 30%;
    }
    .PrimaryProductDetails .ProductMain {
    padding: 0;
    }
    .BlockContent .CartThumb img {
        max-width: 50px;
    }
    table.General tbody tr td {
        font-size: 12px;
    }
    .CartItemQuantity .selector {
        width: 40px !important;
    }
    .checkout table.CartContents thead tr th, .checkout table.CartContents tr td {
        padding: 2px;
    }
    .ProceedToCheckout, .main-checkout-buttons, #CartContent .AlternativeCheckout {
        text-align: center;
    }
    .checkout .CartUpdateBtn, .CartUpdateBtn, .CheckoutButton {
        display: inline-block !important;
    }
    .checkout .CartUpdateBtn, .CartUpdateBtn, .CheckoutButton, #CartContent .AlternativeCheckout {
        float: none;
        vertical-align: top;
    }
    .CartCode > .CouponCode, .CartCode > .GiftCertificate, .ExpressCheckoutContent > .CreateAccount, .ExpressCheckoutContent > .AccountLogin {
        margin: 5px 0;
        width: 100%;
    }
    .ExpressCheckoutContent {
        padding: 0 0 20px;
    }
    .AddBillingAddress dd, .AddShippingAddress dd {
        padding-left: 155px;
    }
    .AddBillingAddress dd input, .AddBillingAddress dd div.selector, .AddBillingAddress dd select, .AddShippingAddress dd input, .AddShippingAddress dd div.selector, .AddShippingAddress dd select {
        width: 98% !important;
    }
    .footer-links .trust-seals .trust-seal img {
        width: 100px !important;
        height: auto !important;
    }
.footer-links .trust-seals .trust-seal-bbb img {
  width: 75px !important;
}
.footer-links .trust-seals .trust-seal-authnet img {
  width: 62px !important;
  height: auto !important;
}
.footer-links .trust-seals .trust-seal-geotrust img {
  width: 80px !important;
  height: auto !important;
}
.footer-links .trust-seals {
  vertical-align: middle !important;
}
}
@media only screen and (max-width: 475px) {
    #ProductDetails h1{
        font-size: 28px;
        margin-bottom: 10px;
    }
    .landing-ctas .landing-cta a{
        padding-left: 20px;
        font-size: 28px;
    }
    .landing-ctas .landing-cta a:before, .featured-products-brands .featured-products {
        display: none;
    }
    .newsletter-subscription input{
        width: 100%;
    }
    .newsletter-subscription input#nl_first_name{
        width: 100%;
        margin-bottom: 10px;
    }
    .newsletter-subscription .btn{
        top: auto;
        bottom: 3px;
    }
    .footer .footer-columns > div{
        width: 100%;
    }
}

@media only screen and (min-width: 890px) {
.landing-ctas {
display: none;
}
}