.cartNav { display:none;} 
#footerwrap {text-align:center;width:100%;}
body { margin: 0px; padding:0px; background-image:url('/images/115088/layout/mainBg.jpg'); background-position:center top; text-align:left; font-size:16px; font-family:Arial;} 
body table { text-align:left;}
#searchContainer { width:350px; position:absolute; top:103px; right:20px; float:left;} 
.webDugoutLink { padding:5px 5px 5px 5px; background-color:#3E3C3C;} 
h2 { margin: 15px  0px  15px  0px  ; font-size:24px; font-family:AvantGarde; font-weight:normal;} 
#pageContainer { width:1140px;margin:0 auto;} 
#header { width:1140px; height:204px; background-image:url('/images/115088/layout/headerBg.jpg'); background-repeat:repeat-x; position:relative; display:block;} 
#searchContainer #searchButton { width:30%; height:37px; margin: 0px  0px  0px  0px  ; border-style:solid; border-width:0px 0px 0px 0px; background-color:#a91414; color:#FFF;} 
#columnsContainer { background-color:#FFF;} 
#searchContainer #searchBox { width:70%; height:37px; margin: 0px  0px  0px  0px  ; padding:0px 0px 0px 20px; border-style:solid; border-width:3px 3px 3px 3px; border-color:#a91414;} 
.socialMediaContainer { position:absolute; top:32px; right:20px;} 
#leftcolumn { width:150px; padding:0px 0px 20px 0px; position:relative; display:none; float:left;} 
#maincolumn { width:100%; min-height:400px; padding:20px; position:relative; float:left;} 
#rightcolumn { width:150px; padding:0px 0px 20px 0px; position:relative; display:none; float:right;} 
#footerwrap { margin: 20px  0px  0px  0px  ; border-style:solid; border-width:15px 0px 0px 0px; border-color:#7B7B7B; background-color:#323535; background-image:url('/images/115088/layout/footerBg.jpg'); font-size:12px; color:#999;} 
#footerwrap a, #footerwrap a:visited { color:#999;}
#footer { width:1140px; display:block; clear:both; text-align:left;} 
#footer table { text-align:left;}
#Navigation-4033 { width:1140px !important; background-color:#a91414; position:absolute; left:0px; top:150px;} 
#Navigation-4033 ul li a { width:100% !important; padding:20px; text-align:center; font-size:14px; color:#FFF;} 
#Navigation-4033 ul li a:visited { color:#FFF;}
#Navigation-4033 ul li a.hover {cursor:pointer;}
#Navigation-4033 ul li ul { background-color:#B54141;} 
#Navigation-4033 ul li ul li a { width:200px !important; padding:8px; border-style:solid; border-width:0px 0px 1px 0px; border-color:#922121;} 
#Navigation-4033 ul li ul li a.hover {cursor:pointer;}
#sliderContainer { width:1140px; height:481px; margin: -20px  0px  0px  -20px  ; padding:0px 0px 30px 0px; background-image:url('/images/115088/layout/shadows.png'); background-repeat:no-repeat; background-position:center bottom;} 
a.nivo-prevNav { width:50px; height:50px; background-image:url('/images/115088/layout/leftarrow.png');} 
a.nivo-nextNav { width:50px; height:50px; background-image:url('/images/115088/layout/rightarrow.png');} 
@media(min-width: 800px) {
.socialMediaContainer {-webkit-transform: scale(125%); -ms-transform: scale(125%); transform: scale(125%);}
}

/* Scroll-up img */

#toTop, #toTopHover {background: url('/images/115088/layout/ui.totop.png');}

/**Bebas Neue**/
@font-face {
    font-family: 'bebas';
    src: url('/CustomFonts/bebasneue-webfont.eot');
    src: url('/CustomFonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/CustomFonts/bebasneue-webfont.woff2') format('woff2'),
         url('/CustomFonts/bebasneue-webfont.woff') format('woff'),
         url('/CustomFonts/bebasneue-webfont.ttf') format('truetype'),
         url('/CustomFonts/bebasneue-webfont.svg#bassoonbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AvantGardeBT';
    src: url('/CustomFonts/avgardd-webfont.eot');
    src: url('/CustomFonts/avgardd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/CustomFonts/avgardd-webfont.woff') format('woff'),
         url('/CustomFonts/avgardd-webfont.ttf') format('truetype'),
         url('/CustomFonts/avgardd-webfont.svg#Avant Garde BT') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Fonts*/
@font-face {
    font-family: 'AvantGarde';
    src: url('/CustomFonts/avgardn-webfont.eot');
    src: url('/CustomFonts/avgardn-webfont.eot?#iefix') format('embedded-opentype'),
         url('/CustomFonts/avgardn-webfont.woff') format('woff'),
         url('/CustomFonts/avgardn-webfont.ttf') format('truetype'),
         url('/CustomFonts/avgardn-webfont.svg#Avant Garde') format('svg');
    font-weight: normal;
    font-style: normal;
}

hr {
    height: 1px;
    border: 0px;
    background-color: #ccc;
}

/***header***/
.logo {
    background: url(/images/115088/layout/logo.png) no-repeat center;
    height:120px;
    width:628px;
}
.phone {
    position: absolute;
    top: 65px;
    font: normal 30px bebas,arial;
    right: 20px;
    text-transform: uppercase;
    color: #515151;
}
.slogan {
    padding: 10px;
    font: normal 24px/20px bebas;
    color: rgb(240, 33, 43);
    text-shadow: 1px 1px 0px #662132;
    letter-spacing: 14px;
    text-transform: uppercase;
    border-top: 2px solid #662132;
    display: inline-block;
    position: absolute;
    top: 106px;
    left: 21px;
    text-align: center;
}

#google_translate_element {
    position: absolute;
    right: 200px;
    top: -14px;
    padding: 10px;
}

/*** HEADINGS ***/
h1 {
    font: normal 30px AvantGarde;
    color: rgb(169, 20, 20);
    border-bottom: 4px double #ccc;
    padding: 10px;
}

h1 p + span {
    Font: normal 22px AvantGarde;
    color: #333;
}

/***NAVIGATION**/
.downarrowclass {
  top: 39px;
  right: 0;
  left: 0;
  margin: auto;
}

/*** MAIN CONTENT***/

.pageName{margin-bottom:20px;}



/***FOOTER**/
#footer p{
 margin:0px;
}
.footer-contain {
    display: table;
    border-bottom:1px solid #666;
    margin-bottom:8px;
}

.footer-contain div{
    display:table-cell;
    width:50%;
    padding:9px 0px;  
}
.slicknav_menu,.slicknav_btn{background-color:#a91414}
.slicknav_nav ul li {  border-top: 1px solid #691111;  border-bottom: 0px;}
.slicknav_nav ul li a, .slicknav_nav ul li a:visited{color:#fff;}
.slicknav_nav ul li ul {  background-color: #BA5050;}
.slicknav_nav .slicknav_item:hover,.slicknav_nav a:hover {  background: #830202;}


@media hanheld, only screen and (max-width:800px){

#header{
    min-height:260px;
    background-repeat:repeat;
    background-position:center;
}


.socialMediaContainer{
    float:none;
    position:static;
    width:100%;
    background-color: rgb(216, 120, 123);
    margin:0px;
    padding:5px;
}
.logo{
    position:static;
    margin:0 auto;
    width:100%;
    background-position:center
}
.phone{
    top:20px;
    left:5px;
    color:#fff;
}
.phone a{color:#fff;text-decoration:none;}
.slogan{
    position:static;
    letter-spacing:8px;
    width:100%;
}
#google_translate_element {
  right: 0px;
  top: 26px;
}

#searchContainer{
    top:210px;    
    background-color:rgb(81, 78, 79);;
    padding:10px;
    width:100%;
    right:0px;
}

#sliderContainer {
    position:static;
    margin:0px;
}

/**main content **/

.table-responsive td{
 border:0px!important;
}


/***end of media query ***/
}

@media hanheld, only screen and (max-width:612px){
.logo{
    position:static;
    margin:0 auto;
    width:100%;
    background-size:100%;
}

/***end of media query***/
}

@media hanheld, only screen and (max-width:450px){

.phone{font-size:20px; padding:8px;}
.slogan{
 letter-spacing:0px;
}

a[href*='mailto']{
    font-size:.6em;
}

/** footer **/
.footer-contain,
.footer-contain div{
    display:block;
    width:100%;
    padding:20px;  
}




/***end of media query***/
}


/*------ AR Updates ------*/


/*--- Cat/product cards ---*/

.catListItemSeparator, .catListGroupSeparator, .productListGroupSeparator, .productListItemSeparator {display: none !important;}

/* Product card container */

#categoryImages ul, #productImages ul {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#categoryImages li, #productImages li {width: calc(20% - 30px); height: auto; margin: 12px 15px !important; border: none;}
#categoryImages li {padding: 0;}
#productImages li {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 0 12px;}

@media only screen and (max-width:800px) {
#categoryImages li, #productImages li {width: calc(50% - 30px) !important;}
}

@media only screen and (max-width:480px) {
#categoryImages ul, #productImages ul {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#categoryImages li, #productImages li {width: calc(100% - 30px) !important;}
}

/* Product image */

.productListImageContainer {-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}
.catListImageContainer a, .productListImageContainer a {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 190px; height: 0; padding-top: 100%;}
div#categoryImages img, div#productImages img {position: absolute; top: 0; width: 100%; height: 100%; padding: 0; -o-object-fit: cover; object-fit: cover;}

/* Product card content */

.catListNames, .productListNames {margin: 12px 0;}
.catListNames a, .productListNames a, .productsBuy a {color: #a91414; text-decoration: none; font-weight: bold;}
.catListNames a:hover, .productListNames a:hover, .productsBuy a:hover {opacity: 0.75;}
.productListNames {-webkit-box-ordinal-group: 3; -ms-flex-order: 1; order: 2;}
.productListNames a, .productsBuy a {font-weight: 700;}
.productListPrices {-webkit-box-ordinal-group: 4; -ms-flex-order: 1; order: 3;}
.productsBuy {-webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin-top: 12px;}
.productsBuy a {max-width: 200px; padding: 14px; margin: auto; font-size: 0.85em;}
.productListStock  {-webkit-box-ordinal-group: 5; -ms-flex-order: 1; order: 4;}
.stock1 {color: #4e7ac7;}
.productListSku {display: none;}

@media only screen and (max-width:800px) {
.catListNames, .productListNames {text-align: center;}
}


/*--- Page - product ---*/

#productImageContainer, .productViewRight {width: calc(50% - 15px);}
#productImageContainer {margin-right: 15px;}
.productViewRight {margin-left: 15px;}
.productImage {height: 100%;}
.productImage img {border: none; padding: 0; max-height: 100%; max-width: 100%;}
.breadcrumb, .breadcrumb a {font-size: 1em !important;}
.addToCart .buttonSubmit {margin-top: 12px;} /* appended to universal button styling */
.socialMediaShare {margin: 0;}

@media only screen and (max-width:800px) {
#productImageContainer, .productViewRight {width: 100% !important; margin: 0;}
}

/* Product page slideshow */

div.slideshow-container {height: 400px; margin-bottom: 12px;}
div.slideshow span.image-wrapper {height: 100%; background: #f3f3f3;}
#slideshow .productImage {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; height: 100%; max-height: 100%;}
.productClickToEnlarge {margin: unset;}

a.productImage {vertical-align: unset; position: unset;}

@media (max-width: 800px) {
a.productImage, .productImage img {max-height: 100%;}
}

/* Controls */

#controls {width: 100px; height: 42px; font-size: 16px; padding: 12px 0;}
#controls a {font-size: 16px !important;}

@media only screen and (max-width:800px) {
#controls {margin: auto;}
}

/* Thumbs */

ul.thumbs {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.thumbs li {width: calc(25% - 12px); margin: 6px !important;}
a.thumb {display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding-top: 75%; border: none;}
a.thumb img {position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover;}

@media only screen and (max-width:480px) {
.productsperpage, div.sortby {float: none;}
}


/*--- Other ---*/

#maincolumn a, #maincolumn a:visited {color: #a91414;}
#maincolumn a:hover:not(.btn-main) {opacity: 0.75;}
.productsBuy {display: none;}
img {max-width: 100%; height: auto;}

/* Color mixer page button */

/* Buttons */
.btn-main {
  display: inline-block;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  min-width: 220px;
  width: auto;
  height: auto;
  margin-top: 2.4rem;
  padding: 1em 1.5em;
  text-transform: uppercase;
  background: #a91414;
  border: none;
  letter-spacing: .075em;
  text-align: center;
  color: #fff !important;
  color: #fff !important;
  font-size: .65em;
  font-weight: 700;
  text-decoration: none;
  border-radius: 8px;
  margin: auto;
  webkit-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.btn-main:hover {
  -webkit-filter: saturate(140%);
          filter: saturate(140%);
}

@media (min-width: 801px) {
  .btn-main {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
}

@media (max-width: 800px) {
  #color-mixer {float: none;}
}