/**
 * Main Template CSS Stylesheet
 * 
 * BOOTSTRAP v3.4.0
 *
 */
 body {margin:0;font-family: 'Montserrat', sans-serif;font-size:110%;line-height:100%;}

.clearBoth {
   clear: both;
}
.forward {
    float: right;
}
.back {
    float: left;
}

/* This is used to re-size images */



.qmix > br {
    display: none;
}

.normalprice, .productSpecialPriceSale {
    text-decoration: line-through;
}

#back-to-top {
    position: fixed;
    bottom: 10rem;
    right: 1rem;
    z-index: 1;
    text-align: center;
    cursor: pointer;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

#back-to-top.show {
    opacity: 1;
    z-index: 1;
}

/* set height of scrollable area in mobile menu */
div#navbarSupportedContent {
    max-height:90vh;
    overflow-y:auto;
}

.zca-banner {
    text-align: center;
}

.ot-title {
    text-align: right;
}
.ot-text,
.totalCell {
    text-align: right;
}

.centeredContent {
    text-align: center;
    padding: 1rem;
    text-decoration-line: none;
    border-style: dashed;
    border-width: thin;
    border-color: #6f777e2e;
}

table.tabTable td {
    padding: 0.5rem;
}
#indexProductList-cat-wrap {
    margin-bottom: 1rem;
}
#productsListing-bottomRow {
    margin-top: 1rem;
}

.sideBoxContent select {
    margin-bottom: 1rem;
}
#navCatTabs a,
#navCatTabs a:hover {
    border: 0.125rem solid #007faf;
}

/* These CSS media queries control how many columns of cards display on the login, checkout_shipping, checkout_payment & checkout_confirmation pages */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
.card-columns {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}   
}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.card-columns {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}  
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.card-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}  
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
.card-columns {
  -webkit-column-count: 2;
  -moz-column-count:2;
  column-count: 2;
}   
}
.products-listing .productsAllListing, .productsNewListing, .productsFeaturedListing {width: 100%;object-fit: contain;width:150px;height:150px}
.tableBorder1 td {}
.centerBoxContentsListing a:hover {text-decoration: none;}
.centerBoxContentsListing {width: 100% !important; }
.listingProductImage {margin-bottom:7px;object-fit: contain;width:150px;height:150px;min-width:10% !important;}
.itemTitle{font-weight:normal;font-size:100%;line-height:normal;width:95%;height:17%}
.p-1 {padding: .25rem!important;}
.mfgLink {
    display: block;
    height: 15px;
    text-align: center;
}
.gridlayout a:hover{text-decoration: none;}
.categoryListBoxContents {
    padding: 20px 0;
    cursor: pointer;
	margin: 0 auto;
}
.categoryListBoxContents img {
    object-fit: contain;
    height: 100%;
}
.list-group-flush>.list-group-item {
    border-width: 0px 0 0px;
}
.pl-3, .px-3 {
    padding-left: 0rem!important;
}
.pb-3, .py-3 {
    padding-bottom: 0rem!important;
}
.categoryListBoxContents a {
    text-decoration: none;
}
.cartImage {margin:0em .5em;vertical-align: middle;}
.table-sm td, .table-sm th {
    padding: .4rem!important;
}
.table td, .table th {
    padding: .75rem;
    vertical-align: middle!important;
    border-top: 1px solid #dee2e6;
}
.table orderHistory-totalHeading {text-align: right!important;}

.mx-auto.productBasePrice {
    font-size: 100%;
    line-height: 1.5rem;
    font-weight: 900;
}
.ccinfo {padding-bottom: .5rem!important;}
.invoice {padding: 0.5rem!important;}
.imgCell {text-align: center;}
.totalCell{text-align: center;)
.cccell {text-align: center;}