/**
 * Main Stylesheet Colors CSS
 *
 * @copyright Copyright 2003-2024 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: DrByte 2024 Feb 03 Modified in v2.0.0-beta1 $
 */

/*bof font colors*/
body, .messageStackSuccess, .messageStackCaution, #tagline, #productQuantityDiscounts table, .categoryListBoxContents a, h2.greeting a {color:#000000;}
.category-top:hover{
  font-weight: 600;
}
 #navEZPagesTOC ul li a, #navEZPagesTOC ul li a:hover, #siteinfoLegal a, .cartTotalDisplay, .cartOldItem, .specialsListBoxContents, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .list-price, .itemTitle a, h2.greeting, #icon, .header {color:#000;text-decoration: none;}
a.create_account_link{
color: blue;
text-decoration: none;
font-size: 1em;
}
#pageTwoMainContent{
    margin-bottom: 20px;
}
#pageTwoMainContent h1{
    color: maroon;
}
#pageTwoMainContent p:nth-of-type(1){
    color: #000;
    font-weight: 500;
    font-size: 1em;
}
#pageTwoMainContent p:nth-of-type(2){
    color: maroon;
    font-weight: 600;
    font-size: 1em;
}
#pageTwoMainContent p:nth-of-type(3){
    color: #000;
    font-weight: 500;
    font-size: 1em;
}
#pageTwoMainContent p a{
    color:blue;
    font-weight: 600;
    font-size: 1em;
    text-decoration: none;
}
#pageTwoMainContent p a:hover{
    color: red;
}
.visit-wholesale{
    color: #000;
    font-weight: 500;
    font-size: 1em;
}
a.visit-wholesale-link{
    color:blue;
    font-weight: 500;
    font-size: 1em;
    text-decoration: none;
}
a.visit-wholesale-link:hover{
    color: red;
}
a.create_account_link:hover{
    color: red;
}
h3.rightBoxHeading a:hover, h3.leftBoxHeading a:hover {color: #03A9D3;}
h3.leftBoxHeading{
    background-color: #d8d6c9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='32' viewBox='0 0 16 32'%3E%3Cg fill='%23eceadf' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 24h4v2H0v-2zm0 4h6v2H0v-2zm0-8h2v2H0v-2zM0 0h4v2H0V0zm0 4h2v2H0V4zm16 20h-6v2h6v-2zm0 4H8v2h8v-2zm0-8h-4v2h4v-2zm0-20h-6v2h6V0zm0 4h-4v2h4V4zm-2 12h2v2h-2v-2zm0-8h2v2h-2V8zM2 8h10v2H2V8zm0 8h10v2H2v-2zm-2-4h14v2H0v-2zm4-8h6v2H4V4zm0 16h6v2H4v-2zM6 0h2v2H6V0zm0 24h2v2H6v-2z'/%3E%3C/g%3E%3C/svg%3E");
    color: #000 !important;
    font-weight: 600;
    border-radius: 10px;
    font-size: 1.2em;
    padding: 8px !important;
}
.cat-count, .itemTitle a:hover, h2.greeting a:hover {color:#666;}
h3.rightBoxHeading a:hover, h3.leftBoxHeading a:hover {color: #aaa;}
span.normal_button:hover {background: #666666;}
span.button_back{font-size: 1.0em;}
span.button_back:hover{font-size: 1.0em;}
a:active {color:#0000ff;}
h2, h3, .cartAttribsList, #cart-box {color:#000000;}
#navMain ul li a, #navSupp ul li a{
    text-decoration: none;
}
.tableHeading{

    background: #a3041f !important;

    }
.cart_input_50{
    border: 1px solid #ddd !important;
    border-radius: 5px;
    outline: none;
}
.centerBoxContentsAlsoPurch{
    box-shadow: 0px 0 8px rgba(0, 0, 0, 0.2);
    width: 180px !important;
    height: 220px !important;
    margin: 10px;
    border-radius: 20px;
}
.centerBoxContentsAlsoPurch a img{
    width: 125px;
    height: 150px;
}

.navCartContentsIndicator-content{
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 11px;
}
#cartEmptyText{
    color: red !important;
    font-size: 1.2em !important;
    font-family: arial;
}
#navMain ul li a:hover, #navSupp ul li a:hover{color:#ffc300;}
#navMain ul li a.navCartContentsIndicator:hover {color:#ffffff;}
.alert {color: #8b0000;}
legend, .specialsListBoxContents a, .centerBoxContentsAlsoPurch a, .centerBoxContentsFeatured a, .productPriceDiscount{
    color: #990100;
    text-decoration: none;
    font-size: 12px;
    line-height: 14px;
    font-family: arial !important;
    font-weight: 600;
}
.specialsListBoxContents a:hover, .centerBoxContentsAlsoPurch a:hover, .centerBoxContentsFeatured a:hover{
    color: red !important;
}
.productBasePrice{
    color: red;
    font-size: 12px;
    font-weight: 600;
    font-family: arial !important;
}
.normalprice{
    color: #000;
    font-size: 12px;
    font-weight: 600;
    font-family: arial !important;
}
.productSpecialPrice{
    color: red;
    font-weight: 600;
}
#addressBookProcessDefault form fieldset{
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    padding: 20px;
    box-sizing: border-box;
}
#addressBookProcessDefault form fieldset input{
    width: 100%;
    outline: none;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
#addressBookProcessDefault form fieldset select{
    width: 100%;
    outline: none;
    border: 1px solid #ddd;
}

#accountEditDefault form .account-edit-info-default{
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    padding: 20px;
    box-sizing: border-box;
}
#accountEditDefault form .account-edit-form-email-format{
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
#accountEditDefault form .account-edit-info-default input{
    width: 100%;
    outline: none;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
#myAccountGen li a{
    color: blue;
}
#myAccountNotify li a{
    color: blue;
}
#accountPassword form fieldset{
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.messageStackWarning, .messageStackError, #navMainWrapper, #navMain ul li a, #navCatTabsWrapper, #navCatTabs li a, #navCatTabs li a:hover, #navCatTabs li:hover, #navEZPagesTop, .pagination li a, #navSuppWrapper, #navSupp li a, #siteinfoIP, #siteinfoLegal, #bannerSix, #siteinfoLegal a:hover, h2.centerBoxHeading, h3.rightBoxHeading, h3.leftBoxHeading, h3.rightBoxHeading a, h3.leftBoxHeading a, .seDisplayedAddressLabel, TR.tableHeading, #shippingEstimatorContent h2, #shippingEstimatorContent th, #checkoutConfirmDefault .cartTableHeading, .navSplitPagesLinks a, .current, .productListing-rowheading a, .productListing-rowheading a, .prod-list-wrap, #productQuantityDiscounts table tr:first-child td, #reviewsWriteHeading, #sendSpendWrapper h2, #accountDefault #sendSpendWrapper h2, #checkoutPayAddressDefaultAddress, #checkoutShipAddressDefaultAddress, #accountLinksWrapper h2, h2#addressBookDefaultPrimary, #myAccountPaymentInfo h3, #myAccountShipInfo h3, #myAccountPaymentInfo h4, #myAccountShipInfo h4, input.submit_button, input.submit_button:hover, input.cssButtonHover, span.normal_button, .fa-bars{color: #ffffff;}
.cartNewItem {color:#DB3A00;}
#orderhistoryContent ul li a i.fa,
.productSalePrice, .productSpecialPriceSale, .productPriceDiscount {color:#900404;}
.categoryListBoxContents a:hover, .categoryListBoxContents:hover a{color:#364fb5;}
.list-more{color:#fff !important;}

/* Added by dbltoe for more accent on center page items.  Comment out any not wanted */
.categoryListBoxContents:hover, centerBoxContentsListing:hover, .centerBoxContents:hover, .centerBoxContentsFeatured:hover, .specialsListBoxContents:hover {border-radius: 5px;background:#e2e3e4;box-shadow: 21px 21px 41px #bdbdbd, -21px -21px 41px #d9d9d9;}

.login-for-price{
    text-decoration: none !important;
    padding: 5px 10px;
    border-radius: 20px;
    background-color: #990100 !important;
    color: #fff !important;
  }
  .login-for-price:hover{
    color: #fff !important;
  }
.specials-product-price{
    margin: 5px 0px;
}
.centerBoxContentsNew{
    border: 1px solid #fed;
    width: 180px !important;
    height: 250px !important;
    margin: 10px;
    border-radius: 20px;
    cursor:pointer;
    padding: 5px;
}
.centerBoxContentsNew a{
text-decoration: none;
color: #990100;
font-family: arial;
font-size: 1.1em;
font-weight: 600;
}
.centerBoxContentsNew a img{
    width: 125px;
    height: 150px;
}
.centerBoxContentsSpecials{
    border: 1px solid #fed;
    width: 180px !important;
    height: 250px !important;
    margin: 10px;
    border-radius: 20px;
    cursor:pointer;
    padding: 5px;
}
.centerBoxContentsSpecials a{
text-decoration: none;
color: #990100;
font-family: arial;
font-size: 1.1em;
font-weight: 600;

}
.centerBoxContentsNew .price-unavailable, .centerBoxContentsSpecials .price-unavailable{
    margin: 0.1em 0 -0.6em;
    font-weight: 600;
}
.productListing-odd a, .productListing-even a{
    text-decoration: none;
}
.login-for-price-in-category-page{
    text-decoration: none !important;
    padding: 5px 10px;
    border-radius: 20px;
    background-color: #990100 !important;
    color: #fff !important;
}
.centerBoxContentsSpecials a img{
    width: 125px;
    height: 150px;
}

/*bof background colors*/
#contentMainWrapper{
    background:#fff;
}

body, #mainWrapper, #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #contentMainWrapper, #headerWrapper, .sideBoxContent, .rightBoxContent, .rowOdd, #productQuantityDiscounts table, #accountLinksWrapper {}
 #mainWrapper, .specialsListBoxContents:hover, .centerBoxContentsFeatured:hover, .centerBoxContentsProducts:hover, .categoryListBoxContents:hover, .sideBoxContentItem:hover {
    background-color: #500200;
    background-image: url('../../../.././images/page-bg.jpg');
    background-repeat: repeat-x;
    background-attachment: fixed;
}
#gvSendDefaultMainContent a{
    text-decoration: none;
    color: blue;
}
#gvSendDefaultMainContent a:hover{
    color: red;
}
#gvSendDefault form fieldset{
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
}
#gvSendDefault form fieldset input{
    outline: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 100% !important;
    box-sizing: border-box;
}
#gvSendDefault form fieldset textarea{
    outline: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 100% !important;
    box-sizing: border-box;
    resize: none;
    padding: 6px;
    box-sizing: border-box;
}
.advisory{
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 10px;
    padding: 10px;
    box-sizing: border-box;
}
#searchDefault form fieldset{
    border: 1px solid #ddd;
    margin: 10px 0px;
}
#searchDefault form fieldset .floatLeft{
    border:none;
}
#searchDefault form fieldset .floatLeft input{
    border: 1px solid #ddd;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}
#searchDefault form fieldset select{
    border: 1px solid #ddd;
    outline: none;
}

#searchDefault form fieldset .centeredContent{
  display: flex;
}
#searchDefault form fieldset .centeredContent input{
    outline: none;
    border: 1px solid #ddd;

  }
.messageStackCaution {background-color:#ffff66;}
.brandCell:hover,
 .rowEven, #shippingEstimatorContent tr:nth-child(odd), ol.list-links li:hover, #no-products, .listing-wrapper:nth-child(odd), #reviews-write-wrapper, #checkoutPayAddressDefault .instructions, #checkoutShipAddressDefault .instructions, #addressBookDefault .instructions, #myAccountNotify, #myAccountGen, .reviews-wrapper, #accountHistInfo table td, #prevOrders td, #myAccountPaymentInfo, #myAccountShipInfo, #accountDefault #sendSpendWrapper{background:#eee;}
.tableHeading{background-color:#e9e9e9;}
#order-comments{
    border: 1px solid #ddd;
    border-radius: 10px;
}
#navEZPagesTOCWrapper, .cartBoxTotal, .productListing-even:hover, .productListing-odd:hover, #productQuantityDiscounts tr:nth-child(even) {}
/* #cartContentsDisplay .rowEven:hover, #cartContentsDisplay .rowOdd:hover {background:#e2e2e2;} */
#cartContentsDisplay{
    border: 1px solid; border-collapse: collapse;
}
#cartContentsDisplay .rowEven td, #cartContentsDisplay .rowOdd td{
    background-color:#fff !important;
    color: #000 !important;
    border: 1px solid #ddd !important;
}

legend, #cart-box{}
.login-legend-txt{
    border: 1px solid #4c0000 !important;
    font-weight: bold !important;
    font-size: 1em !important;
    padding: 0.3em 0.5em !important;
    color: #ffffff !important;
    background-color: #B70B21 !important;
    width: max-content;
    text-align: left;
}
#pinfo-right{
    border: 1px solid #ddd;
}
#cart-box{
    border: 1px solid #ddd;
}
#email-address{
  border: 1px solid #ddd;
  outline: none;
  border-radius: 5px;
}
#contactUsForm{
    max-width: 400px;
    border: 1px solid #ddd;
    padding: 0px 20px 20px;
    box-sizing: border-box;
    border-radius: 20px;
    margin: 50px auto;
}
#contactUsForm h1{
    text-align: center;
}
.input-field{
    float: left !important;
}
.contact_input_field{
    display:block;
}
.contact_input_field input{
    width: 100%;
    outline: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 0px;
}

.contact_input_field textarea{
    width: 100%;
    resize: none;
    outline: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;
    box-sizing: border-box;

}
.contact_input_field_grp{
    margin-top:10px;
    display: flex;
    gap:10px;
    flex-direction: column;
    align-items: center;
}
#gvFaqDefaultMainContent a{
    text-decoration: none;
}

#gvFaqDefaultMainContent a:hover{
    color: red;
}
#navMainWrapper, #navSuppWrapper, #shippingEstimatorContent h2, #checkoutConfirmDefault .cartTableHeading, .navSplitPagesLinks a, #navEZPagesTop, .productListing-rowheading a:hover, .list-more, #sendSpendWrapper h2, #accountDefault #sendSpendWrapper h2,#checkoutPayAddressDefaultAddress, #checkoutShipAddressDefaultAddress, #accountLinksWrapper h2, h2#addressBookDefaultPrimary, #reviewsWriteHeading, #myAccountPaymentInfo h3, #myAccountShipInfo h3, span.cssButton.normal_button.button.button_more_reviews, .button_more_reviews:hover, span.cssButton.normal_button.button.button_read_reviews, .button_read_reviews:hover {background-image: url('../../../../images/orng_bg.jpg');}
h2.centerBoxHeading {
    font-size: 1.4em !important;
    color: #990100 !important;
    text-align: left !important;
    font-weight:bold !important;
    font-family: arial !important;
}
.prod-list-wrap{
  color:#000;
  display: flex;
  justify-content:center;
  align-items: center;
  flex-direction: row-reverse;
}
#filter-wrapper{
    display: flex;
    gap:20px;
}
#filter-wrapper select{
    border: 1px solid #ddd;
    border-radius: 5px;
    width: auto;
}
h3.rightBoxHeading a:hover, h3.leftBoxHeading a:hover {color: #03A9D3;}
span.cssButton.normal_button.button.button_logoff, span.cssButton.normal_button.button.small_edit, .seDisplayedAddressLabel, TR.tableHeading, #myAccountPaymentInfo h4, #myAccountShipInfo h4 {background:#a3041f;}
#siteinfoIP, #siteinfoLegal, #bannerSix{background:#666665;}
#navEZPagesTop li a:hover, .pagination li a:hover {color:#000a06;}
#navEZPagesTop li a {color:#FFFFFF;}
.messageStackWarning, .messageStackError {background-color:#8b0000;}
.messageStackSuccess {background-color:#99ff99;}
#shippingEstimatorContent th, .navSplitPagesLinks a:hover, #navEZPagesTop li a:hover, .productListing-rowheading, #productQuantityDiscounts table tr:first-child td{background:#999;}
#navCatTabsWrapper, .current, .productListing-rowheading a, .list-more:hover, input.submit_button, span.normal_button {background:#a3041f;}
.button_goto_prod_details:hover{background:#05a5cb !important;}
#navCatTabs li a:hover, input.submit_button:hover, input.cssButtonHover {background:#e2092e ;}
span.normal_button:hover, span.cssButton.normal_button.button.button_goto_prod_details, .button_add_selected:hover{background:#000;}
.button_in_cart:hover{background-color:#000;}
#docGeneralDisplay #pinfo-right, #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart{background:none;}
#navMain ul li a.navCartContentsIndicator:hover {}
#navMain ul li a.navCartContentsIndicator i{font-weight: bold;font-size: 11px;}
#navMain ul li a.navCartContentsIndicator i{
    color: #ff662e;
    font-size: 20px;
}
/*bof border colors*/
HR {border-bottom:1px solid #9a9a9a;}
input, TEXTAREA{border:3px solid #ccc;}
#navMain ul li {border-right:1px solid #fff;}
#navCatTabs li {border-left: 1px solid #05919f;}
#navCatTabs ul li:last-child{border-right:1px solid #05919f;}
#navSupp li, #navEZPagesTop li {border-left: 1px solid #fff;}
.footer-copyright-text{
    cursor:default;
}
.footer-copyright-text:hover{
    color: #fff !important;
}
#navSupp ul li:last-child, #navEZPagesTop ul li:last-child{}
.pagination li {}
#siteinfoIP, #siteinfoLegal, #bannerSix{border:1px solid #666;}
#cartBoxListWrapper li, .orderHistList li, ul.list-links li{border-bottom:1px dashed #e09e7a;display: flex;align-items: center;}
ol.list-links li{border-bottom:1px solid #ddd;}
#shoppingcartContent hr{border-bottom:3px solid #666;}
.tableHeading TH {border-bottom:1px solid #ccc;}
#cartSubTotal {}
#productQuantityDiscounts td{border-right:1px solid #eee;}
#seQuoteResults td, .listBoxContentTable td, .tableBorder1 td {border: 1px solid #000;}

/*bof placeholders*/
::-moz-placeholder, :-moz-placeholder, ::-webkit-input-placeholder, :-ms-input-placeholder, :placeholder-shown {color: #D01;}

#siteinfoLegal a{color:#ffffff;}

.sideBoxContent optgroup {color: #db0000;}
.sideBoxContent optgroup > option {color: #000000;}
th#seProductsHeading, th#seTotalHeading {background: #000000;}

/* CSS styles for the image modals */
.imgmodal {background-color: rgba(0, 0, 0, 0.81);}
.image-grid img {}
.imgmodal img {border: none; box-shadow: none;width: 400px !important; height: 500px !important;}
.imgmodal-content {background-color: #fff;}
#modalLink2 img{
    width: 120px !important;
    height: 150px !important;
}
#modalLink3 img{
    width: 120px !important;
    height: 150px !important;
}
#modalLink4 img{
    width: 120px !important;
    height: 150px !important;
}
#modalLink5 img{
    width: 120px !important;
    height: 150px !important;
}