@import url(https://fonts.googleapis.com/css?family=Asap:400,700,400italic|Caesar+Dressing|Permanent+Marker);

body {font-family:'Asap', sans-serif;color: #333;}
.header {background:#000;}

/* Branding Colours */

.brand a {width:325px;margin: 10px 0;}

.navbar-inverse {background: #fdd027;}

 .btn-primary {background: #fdd027;border-color: #fdd027;color: black;font-weight: bold;}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    border-color: #333 !important;
    color: #fff;
    background-color: #333 !important;
}
.fa-stack .fa-circle,
a, a:visited {color: #000;}
a:hover, a:focus, a:active, a.active {color: #472E1F;text-decoration:none;}


ul#Footer_menu > li > a:hover,
.btn-quickview, ul#Footer_menu > li > a:hover,
.topbar .btn-default:hover,
.topbar .tablinks a:hover {background: #000;}

.topbar .tablinks ul li {padding:0;height:auto;margin:0;display: block;float: left;}
.topbar .tablinks a {float:none;color: #999;}
.topbar .btn-default {color: #fff;}

.btn-quickview, ul#Footer_menu > li > a {display:inline-block;color: white;}
.btn-quickview, ul#Footer_menu > li {padding:0;}

::-moz-selection {background: #0166B1;}
::selection {
  background: #03ACEF;
  color:white;
}

.quickviewlink > a {padding:5px 10px;background: #472E1F;font-family: 'asap', sans-serif;}
.quickviewlink > a:hover {background: #333;}

.product-list .flag-new {background: #03ACEF;}
.product-list .flag-sale {background: #0987B9;}
.product-list .flag-special {background: #E80547;}

.homeFeaturedBrands {text-align:center;padding: 20px 0 40px 0;background: white;margin: 0;border-bottom: solid 1px #eee;}
.homeFeaturedBrands h3 {text-align:center;margin-bottom:40px;color: #03ACEF;font-weight: bold;letter-spacing: 0;}
.homeFeaturedBrands a {display:inline-block;margin:0 20px;}

.page-contact .contactpage input[type=submit] {background: #03ACEF;}

.product-carousel-wrapper h3  {text-align:center;margin-bottom:20px;font-weight: bold;letter-spacing: 0;}
.product-carousel-wrapper {margin-left:-15px;}

.page-product .product-carousel-wrapper h3 {color: #fff;}
.page-product .product-carousel-wrapper {background: #333;background-size: cover;background-position: center;margin-bottom:-30px;}

span.priceCurrent {color: #333;}
p.pricingDetails > span.priceFull + span.priceCurrent,
span.text-pricespecial {color: #E80547;}
p.pricingDetails > span.priceFull:empty + span.priceCurrent {color:black;}
p.pricingDetails span.priceFull {color:black;opacity:1;}

.carousel-control.left,
.carousel-control.right {background:none;} /* Remove Shadow from left and right of Slideshow */

div#carousel-slideshow {overflow:hidden;}
div#carousel-slideshow:before {content:'';display:block;width:100%;height:1000px;position:absolute;z-index:999;pointer-events:none;background-image: linear-gradient(to bottom,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 400%);} /* Add shadow to bottom of carousel for contrast */

.page-checkoutstep2 #btn-make-payment {background: #472E1F;padding:20px;}
.page-checkoutstep2 #btn-make-payment:hover {background: #333;}
.page-checkoutstep2 #checkout-first-column {box-shadow:none;background:none;margin:0;}
.page-checkoutstep2 div.checkout-panel {box-shadow:none;border:solid 1px #eee;}


/* Customizations */

.header .btn-account {border:0;font-family:'asap', sans-serif;font-size: 16px;line-height:1.5em;}
footer .tablinks {background: #302a2a;background-position:center;}
.Footer-links ul {margin:40px 0;}
.Footer-links ul li {list-style:none;padding:4px 0}
.Footer-links ul li a:visited,
.Footer-links ul li a {color:white;font-size:13px;}
.Footer-links ul li a:hover {color:#A07E6E}
.Footer-links ul li h4 {color:white;font-size:24px;text-transform:capitalize;}
.pagebody-wrapper {background:#EAE9E5;}
a.checkstocklink {display:block;margin-top:20px;}
.header > div > div.hidden-xs {margin-top: 63px;}
.header input#keywordsearchfield {border:0;box-shadow:none;font-family:asap, sans-serif;font-size: 16px;background: none;}
.header .findPanel input[type=submit] {left:0;right:auto}
.header .findPanel:after {left:8px;right:auto;color: #666;}
.header .findPanel {border: 0;background: #333;box;box-shadow: inset 2px 2px 5px #222;border-radius: 4px;}

/* Typography */

.nav-tabs>li>a,
h1,h2,h3,h4,
.btn-primary {font-family:'asap', 'Asap', sans-serif;text-transform:uppercase;font-weight: bold;letter-spacing: 0.05em;}

/* Media Queries */


    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        .page-department div#customcontent {width:100%;overflow:hidden;background:white;margin-bottom:20px;}
        .page-department div#customcontent img {max-width:100%;height:auto;}    
        .brand a {width: 190px;background-size: 140px !important;background-position: center 30px !important;height: 150px;margin: 0px auto;} 
        .homeFeaturedBrands a {display:inline-block;margin:0 20px;}
        .image-carousel .slide img {width:100%;height:auto;}
        .image-carousel .slideCaption {display:none;}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
        .page-department div#customcontent {width:100%;overflow:hidden;background:white;margin-bottom:20px;}
        .page-department div#customcontent img {max-width:100%;height:auto;}
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .Horizontal_Nav_Menu {text-align:center}
        .Horizontal_Nav_Menu > li {float:none;display:inline-block;}
        .Horizontal_Nav_Menu > li:hover > ul {border-top:solid 1px #eee;}
        .navbar-inverse {background: #fdd027;}
        .Horizontal_Nav_Menu > li > a,
        .Horizontal_Nav_Menu > li > span,
        .Horizontal_Nav_Menu > li > p {font-family:"asap", sans-serif;text-transform:uppercase;font-weight: 700 !important;text-decoration:none;color: #333;font-size: 1em;line-height:20px;position:relative;display:block;padding:15px 15px;transition:background 0.3s ease;}
        .Horizontal_Nav_Menu > li > ul > li > a {font-size:1em;font-family:"Asap", sans-serif;text-transform: capitalize;}

        .Horizontal_Nav_Menu > li > a:hover,
        .Horizontal_Nav_Menu > li > span:hover,
        .Horizontal_Nav_Menu > li > p:hover{background: #333333;color:white;}
        .Horizontal_Nav_Menu > li > a,
        .Horizontal_Nav_Menu > li > span,
        .Horizontal_Nav_Menu > li > p {font-size: 1.1em;padding: 15px 15px;}
        .Horizontal_Nav_Menu > li > ul > li > a span {color: #333;font-family: 'asap', sans-serif;font-weight: bold;letter-spacing: 0;padding-bottom: 0px;display: block;}
        .Horizontal_Nav_Menu > li > ul > li > a span:hover {color: #e4b400;}


        .brand a {width:180px;margin:0}
        .topbar .tablinks a {font-size:13px;line-height:32px;padding:0 15px 0 15px;}
        .topbar .tablinks p {font-size:13px;line-height:32px;padding:0;}

        .image-carousel .slide > img {}
        .image-carousel .slideCaption {display:block;}

    .Horizontal_Nav_Menu > li > span:active > ul,
    .Horizontal_Nav_Menu > li:hover > ul {margin-top:0;display: block;column-count:4;column-gap:60px;-webkit-column-count: 4;-webkit-column-gap: 60px;-moz-column-count:4;-moz-column-gap:60px;padding: 20px;border:0;}
    .Horizontal_Nav_Menu > li:hover {background:none;}
    .Horizontal_Nav_Menu > li > ul > li {padding-bottom:0; -webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;-o-column-break-inside:avoid;-ms-column-break-inside:avoid;column-break-inside:avoid;-webkit-column-break-inside:avoid;width:100%;list-style:none;}

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .brand a {width: 210px;height: 140px;margin: 10px auto;background-size: 220px auto !important;background-position: center 4px !important;}
        .Horizontal_Nav_Menu > li > span,
        .Horizontal_Nav_Menu > li > a, 
        .Horizontal_Nav_Menu > li > p {font-family:"asap", sans-serif;text-transform: capitalize;font-weight: 700 !important;text-decoration:none;color: #333;font-size: 1.1em;line-height:20px;position:relative;display:block;padding: 15px 15px;transition:background 0.3s ease;}
        .Horizontal_Nav_Menu > li > ul > li > a {font-size:1em;font-family:"Asap", sans-serif;text-transform: capitalize;}
        .page-department div#customcontent {width:100%;float:left;padding-left: 15px; padding-right:15px;margin-bottom:20px;}
        .page-department div#customcontent > div {background:white;}
        .page-department div#customcontent img {max-width:100%;height:auto;}

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .Horizontal_Nav_Menu > li > a,
        .Horizontal_Nav_Menu > li > span,
        .Horizontal_Nav_Menu > li > p {font-size: 1.5em;padding: 15px 15px;/* letter-spacing:0.1em; */}
        .row.homeFeaturedBrands > div > a > img {width:110px;height:auto;}
    }

    /* Super Large Devices, Wide Screens */
    @media only screen and (min-width : 1500px) {
        .newsletter-wrapper {border-top:solid 1px #eee;}
        a.btn.btn-default.btn-backToTop {right:20px;position:relative;}
    }
    /* Mega Large Devices, Wide Screens */
    @media only screen and (min-width : 1800px) {
        
    }



/* Matrix Tiles */

table#matrixselector tbody tr td a {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;justify-content:center;float:left;border:solid 1px #ddd;margin:2px;padding:5px;max-width:50px;text-align:center;height:30px;font-size:12px;line-height:15px;min-width:30px;}

table#matrixselector tbody tr td a.selected {background:#03ACEF;color:white;border:solid 1px #03ACEF;}
table#matrixselector tbody tr td a.selected:hover {background:#03ACEF !important}
table#matrixselector tbody tr td a:hover {background:#ddd;}
table#matrixselector tbody tr th span {font-weight:bold;font-size:16px;display:inline-block;line-height:24px;margin:0;}
table#matrixselector tbody tr th {padding:10px 0;}
table#matrixselector tbody tr td img {width:70px;height:auto;padding:10px; cursor:pointer}
table#matrixselector tbody tr td img.selected {border:solid 2px #03ACEF;opacity:1;}



/* Hacks */

li.headerPhone p:before {font-family:'FontAwesome';content:'\f095';margin-right:5px;margin-left: 15px;} /* Add icons to topbar phone links */
li.headerPhone p {background:none;height:35px;margin: 0;line-height:33px;} /* style topbar phone links */
#modal-quickview select#quantity {height:46px;margin-right:5px;} /* Fixes modal height on quickview */
.page-checkoutstep2 .findPanel label.text-small {display:none;} /* Removes search within category on checkout page */
.findPanel label.text-small {display:none;} /* Looks like crap - removing it */
.carousel-inner>.item>a>img, .carousel-inner>.item>img {width:100%;} /* Makes slide 100% width */
#accountform a#btn-profile-continue {width:200px;}
.Horizontal_Nav_Menu > li > span {pointer-events: none; cursor:pointer} /* Top level span fix */
.Horizontal_Nav_Menu > li {cursor:pointer} /* Top level span fix */
/* Brand Slider */

.container.brandSlider {background: white;padding: 20px 0;border-bottom: dotted 2px #eee;}
.image-carousel .product-carousel-brandslider {background:white;}
.image-carousel .product-carousel-brandslider .slide {position:relative;}
.image-carousel .product-carousel-brandslider .slide:before {display:none;}
.image-carousel .product-carousel-brandslider .slideCaption a.btn {display:block;width:100%;height:100%;padding:0;position:absolute;top:0;left:0;opacity:0;}
.image-carousel .product-carousel-brandslider .slideCaption {position:absolute;}

@media only screen and (min-width : 320px) {
    .brandSlider .image-carousel .slide > img {height: 100%;width: auto;}
    .brandSlider .image-carousel .slide {width:100%;text-align:center;}
}

/* Responsive Homepage Banners */

.row.homepageBanners > a > img {width:100%;height:auto;margin:20px 0;}

/* Make dropdown single column
@media (min-width: 768px) {
    .Horizontal_Nav_Menu > li {position:relative;}
    .Horizontal_Nav_Menu > li:hover > ul {-webkit-column-count:1;column-count:1;width:300px;padding:20px;}
    .Horizontal_Nav_Menu > li > ul > li > a {font-size:15px;padding:0;line-height:13px;}
}
*/

footer .fa-stack > i.fa-stack-1x:before {color:#000;}
.product-carousel-relatedproduct.product-list > div {width:23%;margin:0 10px;min-height:300px;margin-bottom:40px;}
.Homepage-categories  a img {width:100%;height:auto;}
.Homepage-categories  a img {width:100%;height:auto;margin:20px 0 0 0;}



.topbar {background:#302a2a;}
.slideCaption a.btn.btn-primary:empty {display:none}
a.footerLogo {background:url('images/logo-footer.png') !important;background-size:100% !important;height:120px;}

.page-product h1 {font-size:2em;line-height:1.5em;text-transform:capitalize;font-weight: 700;}

a.btn.btn-primary.btn-facebook.col-xs-12 {color:white;}

.header .findPanel {background:white;box-shadow:none;}
.header .findPanel input[type=text] {background:none !important;border:0 !important;}
form#search_form .col-sm-3 {margin:0;padding:0;padding-left:10px;}
.header > div > .col-sm-7.hidden-xs {width: 65%;}
#cartButton {width:10%;padding: 0;margin-left: 0;margin-right: 0;}