/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2016 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: picaflor-azul Thu Mar 17 12:13:18 2016 -0500 New in v1.5.5 $
 */

/*  html {
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray; 
  filter: grayscale(100%);
}
 */
@import url("iconselect.css");

* {
      cursor: url('img/favicon4.png'), auto;
}

*, ::after, ::before {
  box-sizing: border-box;
}

td.products_variationTD {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

div.btnProductsVariation {
  display: inline-block;
}

div.btnProductsVariation label.outOfStockText {
  display: none;
  text-align: center;
  color: #e0002d;
  font-weight: 700;
}

div.btnProductsVariation label.outOfStockText.show {
  display: block;
}

ol, ul {
  padding-left: 15px;
}

ol>li::marker,
ul>li::marker {
  font-weight: bold;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

img, svg {
  vertical-align: middle;
}

.checkoutLink.maintainence,
.buttoncheckout.maintainence_btn>a,
#shoppingCartDropDownContent .checkout .checkoutbtn.maintainence_btn {
  pointer-events: none;
}

.checkoutLink.maintainence button,
.buttoncheckout.maintainence_btn>a>span,
#shoppingCartDropDownContent .checkout .checkoutbtn.maintainence_btn button {
  color: white !important;
  background: #8b8b8b !important;
}

div.maintainence-dialog {

  /*   position: fixed;
  left: 18px;
  bottom: 18px; */
  width: 360px;
  z-index: 100;

}

div.maintainence-dialog .content {
  background-color: #fefefe;
  box-shadow: 0px 0px 20px #888;
  border-radius: 10px;
  text-align: center;
}

div.maintainence-dialog .content img {
  max-height: 116px;
}

div.maintainence-dialog .content p {

  font-size: large !important;
  line-height: 28px;
}

div.maintainence-dialog .content p a {

  color: #1b8b0f;
}


div.maintainence {

  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 60px;
}

div.maintainence .content {
  background-color: #fefefe;
  margin: auto;
  border: 1px solid #888;
  border-radius: 10px;
  position: absolute;
  margin: 0 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;

}

div.maintainence .content a.backtoHome {}

div.maintainence .content a.backtoHome button {
  background: transparent;
  border: 0;
  font-size: large;
  color: #4475ff;
}


div.maintainence .content .maintainence-img {
  text-align: center;
}

div.maintainence .content p {

  font-size: 14px !important;
  line-height: 18px;
  text-align: center;
}

div.maintainence .content p a {

  color: #1b8b0f;
}

h2#orderStatusCancelled {
  font-weight: 800;
  color: red;
  text-align: right;
  font-style: italic;
  font-size: large;
}

button.close-dialog {

  background: transparent;
  border: 0;
  text-decoration: underline;
  font-size: 14px;

}

/* html,body{
  filter: grayscale(100%);
} */


.fixedSideNavTab {
  display: flex;
  width: 100%;
  flex-direction: row;
  margin-bottom: 10px;
}


.fixedSideNavTab .navMenu {
  width: 40%;
  background-color: #feaf39;
  ;
  border-radius: 0.4rem;
  padding: 0.4rem;
  min-height: 500px;
}

.fixedSideNavTab .navMenu a.navLink {

  display: block;
  padding: 10px 5px;
  text-align: left;
  color: #000000;
  text-decoration: none;
  font-size: medium;
  border-bottom: 1px solid #111;
  cursor: pointer;
  font-weight: 800;
}

.fixedSideNavTab .navMenu a.navLink:has(+ a.navLink.active) {
  border: none;
}

.fixedSideNavTab .navMenu a.navLink.active {

  background: white;
  border-radius: 0.5rem;
  border: none;
}

.fixedSideNavTab .navContents {
  width: 100%;
  padding: 0.6rem;
}

.fixedSideNavTab .navContents .tabPane {

  display: none;


}

.fixedSideNavTab .navContents .tabPane.active {

  display: block;
}

/* .accordionContents .accordionBtn:first-child {
  border-top: thin solid #878787 !important;
}

.accordionContents .accordionPanelContents.show + .accordionBtn{
  border-top: thin solid #878787 !important;
} */

.accordionBtn {
  background-color: #ffd0d2;
  color: #000;
  cursor: pointer;
  padding: 15px 10px 15px 15px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 17px;
  transition: 0.4s;
  /* border-style: none none solid none; */
  /* border-width: thin; */
  /* border-color: #878787; */
  border: none;
  margin-bottom: 0.4rem;
  border-radius: 0.5rem;
  font-weight: 800;
}

.accordionBtn:hover, .accordionBtn.expand {
  background-color: #ff9ad0;
}

.accordionBtn.arrow:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f054";
  float: right;
}

.accordionBtn.arrow.expand:after {
  content: "\f078";

}

.accordionBtn.plus:after {
  font-family: 'Font Awesome 5 Free';
  content: "\f067";
  float: right;
  font-weight: 800;
  font-size: 12px;
}

.accordionBtn.plus.expand:after {
  content: "\f068";
}

.actionContents {
  position: fixed;
  left: 18px;
  bottom: 18px;
  display: flex;
  flex-direction: column-reverse;
  gap: 8px;
  z-index: 500;

}

#btn-back-to-top {
  /*   position: fixed;
  bottom: 25px;
  left: 15px; */
  display: none;
  background: #818181ab;
  color: white;
  padding: 0.5rem 0.8rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
  height: 45px;
  z-index: 110;
  border: 0;
  width: max-content;
}

.accordionPanelContents {
  padding: 0;
  display: none;
  background-color: white;
  overflow: hidden;
  transition: .5s;
}

#FaQDefault .FAQContents .ans {

  text-align: left;
  padding: 0.8rem 0.6rem;
  font-size: medium;
  line-height: 1.3;
  color: #584c4c;
  margin: 0.5rem 0.5rem 1rem;
  box-shadow: 1px 1px 9px #8b8b8b;
  border-radius: 0.5rem;
  background: #f9f9f9;

}

#FaQDefault #FaQHeading {
  font-weight: 800;
  color: #d83445;

}

#FaQDefault .FAQinfo {
  color: #868686;
  line-height: 1.1;

}

#FaQDefault .FAQinfo a {

  color: #006426;
  text-decoration: none;
}

.google-map {
  padding-bottom: 50%;
  position: relative;
}

.google-map iframe {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
}

.rightBoxContainer#orderhistory #orderhistoryContent {

  padding: 0.4rem;
  border-radius: 0;
  background: transparent;
  border: none;

}

.rightBoxContainer#orderhistory .orderHistList li {

  padding: 0.5rem 6px;
  border-radius: 0.4rem;
  background: #fff4e3;
}

.rightBoxContainer#orderhistory .orderHistList li:nth-child(even) {

  background: #fff5c0;
}

.rightBoxContainer#orderhistory .orderHistList li:hover {
  background: #ffec86;

}

.rightBoxContainer #faqsContent {

  padding: 0.2rem;

}

.rightBoxContainer #faqsContent ul.list-links li {
  border-radius: 0.4rem;
  padding: 0.2rem;
}


.rightBoxContainer #faqsContent ul.list-links li a {
  padding: 0.5rem 0.2rem;
}

.rightBoxContainer #faqsContent ul.list-links li:nth-child(even) {
  background: #f6f6f6;
}


.rightBoxContainer #faqsContent ul.list-links li:hover {
  background: #ffd1d1;
  color: white;

}

.dm-logo img {
  max-height: 45px;
  margin-left: 7px;
  /*   filter: drop-shadow(1px 0px 1px #222); */
  max-width: 300px;
}


.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  float: right;
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 2px 3px 9px 3px rgb(0 0 0 / 51%);
  right: 5px;
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {
  background-color: #ddd;
}

.alertRefresh {
  display: none;
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 0.6rem;
}

.alertRefresh a {
  display: contents;
  color: blue !important;
  text-decoration: underline !important;

}

.show {
  display: block;
}

/* <div class="dropdown">
  <button onclick="myFunction()" class="dropbtn">Dropdown</button>
  <div id="myDropdown" class="dropdown-content">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
  </div>
</div> */

#menu {
  visibility: hidden;
}

#menu.mm-menu--opened {
  visibility: revert;
}

.SearchBtn, .shoppingCartBtn, .shoppingCartDropDownBtn, .profileBtn, .signOutBtn, .HomeBtn {
  margin: 0 5px;
  padding: 10px 5px;
  background: transparent;
  color: #626262;
  border: none;
  font-size: x-large;

}

button.profileBtn.opened, button.shoppingCartDropDownBtn.opened, button.SearchBtn.opened {
  color: #008dff;
}


.shopping-cart-badge {
  background: red;
  position: absolute;
  right: -10px;
  font-size: 10px;
  top: 5px;
}

.shoppingCartDropDown, .profileDropDown {
  float: none;
}


.shoppingCartDropDown .voucher .button, #shoppingCartDefault .voucher .button {
  width: auto;
  margin-left: 0;
  padding: 8px 20px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  position: relative;
  font-weight: 700;
  background-color: #474a4d !important;
  color: #fff;
  vertical-align: top;
  font-size: .875rem;
  border-radius: 10px;
  border-width: 0;
  display: inline-block;
  border-color: #efecec;
  transition: all .2s ease-in-out;
  height: max-content;
  margin-right: 16px;
}

.shoppingCartDropDown .voucher .input-text, #shoppingCartDefault .voucher .input-text {

  flex-grow: 1;
  border: 2px solid #c2c2c2;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding: 0.2em 1em;
  font-size: 1.071em;
  line-height: 2em;
  border-radius: 1.467em;
  outline: 0;
  -webkit-appearance: none;
  background-color: transparent;
  color: black;
  height: max-content;
  margin-right: 0;
  max-width: 130px;
  margin-left: 0;
}

.shoppingCartDropDown .voucher, #shoppingCartDefault .voucher {
  position: relative;
  font-size: 1em;
  text-align: left;
  display: flex;
}

#shoppingCartDefault .voucher {
  margin-top: 10px;
}

.shoppingCartDropDown .checkout .cancel_voucher, #shoppingCartDefault .cancel_voucher {
  padding: 0;
  margin: 0;
  text-align: right;
  padding-right: 16px;
  text-decoration: revert !important;
  margin-bottom: 19px;
  color: #3d3d3d;
}

#shoppingCartDefault .cancel_voucher {}

.shoppingCartDropDown .checkout .Discount,
#shoppingCartDefault .Discount {

  display: none;
}

.shoppingCartDropDown .checkout .Discount.show,
#shoppingCartDefault .Discount.show,
.shoppingCartDropDown .checkout .DiscountWallet.show,
#shoppingCartDefault .DiscountWallet.show {

  display: block;
}

#shoppingCartDefault .cartDetails {
  align-items: revert;
  display: flex;
  justify-content: space-between;
  border-top: 2px solid #ddd;

}

#shoppingCartDropDownContent {
  max-width: 420px;
  width: 35vw;
  color: black;
  background-color: #f2f2f2;
  border-radius: 0.4rem;
  border: 1px solid #ddd;


}

#shoppingCartDropDownContent .cartProductListTable {
  overflow-y: auto;
  max-height: 40vh;
}

#shoppingCartDropDownContent .cartProductList tr:nth-child(odd) {
  background-color: #f1f1f1;
}

#shoppingCartDropDownContent .cartProductList tr:nth-child(even) {
  background: white;
}

#shoppingCartDropDownContent .cartProductList tr:hover {
  background: #ddd !important;
}

#shoppingCartDropDownContent .cartMainProductList tr.emptycart {
  background: transparent !important;
  padding: 0.5rem;
  display: none;
}

#shoppingCartDropDownContent .cartMainProductList tr.emptycart.show {
  display: block;
}

#shoppingCartDropDownContent .cartMainProductList tr.emptycart td {

  padding: 0.6rem 1rem;
  font-size: medium;
}


#shoppingCartDropDownContent .cartProductList {}

#shoppingCartDropDownContent .cartProductImage {

  width: 145px;
  padding: 0.8rem;
}


#shoppingCartDropDownContent .cartProductDetails {
  padding-left: 0.8rem;
  text-align: left;
  position: relative;
}

#shoppingCartDropDownContent .cartProductDetails .deleteBtn {

  background: transparent;
  border: none;
  font-size: medium;
  position: absolute;
  right: 0.4rem;
  bottom: 0.8rem;
  color: #6a6a6a;

}

#shoppingCartDropDownContent .cartProductName {
  font-size: initial;
  word-break: break-word;
  padding: 0;
  margin-top: 0.6rem;
}

#shoppingCartDropDownContent .cartProductQty {

  border: 1px solid #ccc;
  text-align: center;
  padding: 2px;
  width: 40px;
  height: 30px;

}

#shoppingCartDropDownContent .cartProductPrice {

  color: red;
  font-weight: 800;


}

.cartProductQty1 {
  display: inline-table;
  margin-bottom: 0.4rem;
}

.cartProductQty1 button, .cartProductQty1 input {

  margin: 0 !important;
  border: 1px solid #ccc !important;

  font-size: 12px;

}

#shoppingCartDropDownContent .cartProductOption {
  margin-top: 0.6rem;
  display: block;
}

#shoppingCartDropDownContent a {
  background: transparent;
  text-decoration: none;
}

#shoppingCartDropDownContent a label {

  text-decoration: underline;
  margin-left: 3px;
}

#shoppingCartDropDownContent .cartTotalAmount {
  font-size: large;
  font-weight: 800;
  text-align: right;
  padding-right: 1rem;
}

#shoppingCartDropDownContent .cartAddOnTotalAmount,
#shoppingCartDropDownContent .cartSubTotalAmount,
#shoppingCartDropDownContent .Discount,
#shoppingCartDropDownContent .DiscountWallet {
  font-size: large;
  text-align: right;
  padding-right: 1rem;
  margin-bottom: 6px;

}


#shoppingCartDropDownContent .checkout {
  display: flex;
  justify-content: space-between;
}

#shoppingCartDropDownContent .checkout button {

  background: #1aa4c9;
  color: white;
  font-size: medium;
  padding: 0.8rem;
  border: none;
  border-radius: 0.2rem;

}

#shoppingCartDropDownContent .checkout .checkoutbtn {

  text-align: right;

}



#shoppingCartDropDownContent .addOnContents, #shoppingCartDefault .addOnContents {
  display: none;

}

#shoppingCartDropDownContent .addOnContents.show, #shoppingCartDefault .addOnContents.show {
  display: block;

}

#shoppingCartDropDownContent .addOnContents .addOnTitle, #shoppingCartDefault .addOnContents .addOnTitle {
  padding: 8px;
  text-align: center;
  background: #ffecba;
  margin-top: 7px;
  margin-bottom: 0;

}


#shoppingCartDropDownContent .addOnContents .nPrice {

  color: #877373;

}

#shoppingCartDefault td.cartProductImage {
  width: 24%;
  padding: 15px;
}

#shoppingCartDefault .cartProductName {
  display: block;
  font-size: 16px;
  margin-bottom: 8px;
}

#shoppingCartDefault .cartProductOption {
  font-size: 14px;
}

#shoppingCartDefault .cartProductPrice {
  color: red;
  font-weight: 800;
  font-size: 14px;
  margin: 5px 0;
}

#shoppingCartDefault .cartProductPrice .nPrice {
  color: #8e8e8e;
}


#shoppingCartDefault .cartProductQty1 {
  font-size: 14px;
}

#shoppingCartDefault td.cartProductDetails {
  padding-left: 10px;
}

#shoppingCartDefault .addOnContents .cartProductList tbody tr:nth-child(even) {
  background: #eeeeee;
}

#shoppingCartDropDownContent .checkout button[disabled], input.button_continue_checkout[disabled], input.button_confirm_order[disabled] {

  background: #8b8b8b;
}

.profileDropDown img.avatar {
  filter: drop-shadow(2px 3px 5px #808080);
}

#ProfileDropDownContent {

  width: 150px;
  min-width: unset;
  border-radius: 0.2rem;
}

#ProfileDropDownContent a {

  text-decoration: none;
  font-size: medium;
  font-weight: 800;
  text-align: left;
  color: black;
}

#ProfileDropDownContent a:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f054";
  float: right;
}

#ProfileDropDownContent a:nth-child(odd) {
  background-color: #f1f1f1;
}

#ProfileDropDownContent a:nth-child(even) {
  background: white;
}

#ProfileDropDownContent a:hover {
  background: #dedede;

}

.add_on_cursor img {

  height: 32px;

}

#shoppingCartDropDownContent button.addOnDialogBtn {
  background: transparent;
  color: black;
  text-decoration: underline;
  margin: 0 17px 15px 0px;
  padding: 0;
}

.checkoutLink {
  text-align: right;
}

#add-on-deals-dialog h4.title {
  margin: 14px 0 0;
}

#add-on-deals-dialog .items-table {
  height: 75vh;
  overflow: auto;
}

#add-on-deals-dialog .items_details a {
  color: #04245b;

}

#add-on-deals-dialog .currentTotal {
  color: #ff7a00;
}

#add-on-deals-dialog table h6.item_name {
  margin: 0;

}

#add-on-deals-dialog table tbody tr:nth-child(even) {
  background-color: #ebebeb;
}

#add-on-deals-dialog table tbody td {
  padding: 0.6rem 15px;
}

#add-on-deals-dialog table tbody .items_list {
  display: flex;
  justify-content: flex-start;
}

#add-on-deals-dialog table tbody .items_list img {
  height: max-content;
}

#add-on-deals-dialog table tbody .items_details {
  padding: 5px;

}

#add-on-deals-dialog table tbody .ddQty {
  display: inline-table;
  margin: 0.4rem;
}

div#add-on-deals-dialog {
  max-width: 845px;
  position: fixed;
}

div#add-on-deals-dialog .normalPrice, div#add-on-deals-dialog .specialPrice {
  margin-left: 0.4rem;
  font-size: 14px;
}

div#add-on-deals-dialog .normalPrice {
  color: #848484;
}

div#add-on-deals-dialog .specialPrice {
  color: red;
  font-weight: 800;
}

div#add-on-deals-dialog td.unavailable .ddQty input, div#add-on-deals-dialog td.unavailable .ddQty button {
  pointer-events: none;
  color: #8e8e8e;
}

div#add-on-deals-dialog label.min-order {
  float: right;
  color: #8e8e8e;
  font-weight: 800;

}

div#add-on-deals-dialog label.min-order.danger {
  color: red;

}


#add-on-deals-dialog table tbody .ditemQty {
  border: 1px solid #ccc;
  text-align: center;
  padding: 2px;
  width: 40px;
  height: 30px;
  margin: 0;
  font-size: 12px;
}

.pop-up-dialog {
  display: none;
  position: absolute;
  z-index: 100;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: auto;
  padding: 5px;
  width: 80vw;
  background-color: white;
  box-shadow: 2px 1px 21px #404040;
  max-height: 80%;
  border-radius: 10px
}

.pop-up-dialog-content {
  background-color: #fefefe;
  margin: auto;
  width: 100%;
  height: max-content;
}

.alert-dialog {
  display: none;
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: 100;
  border-radius: 1em;

  width: 140px;
  height: 130px;
  margin-left: -70px;
  margin-top: -65px;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  padding: 24px 0;
}

.alert-dialog .container {

  color: white;
  text-align: center;

}

.alert-dialog .container .status-icon {


  font-size: xx-large;

}

.alert-dialog .container .message {


  font-size: large;

}

.alert-dialog .container hr {
  height: 3px;
}


.alert-dialog-content {
  margin: auto;
  border: 1px solid #888;
  width: 100%;
  height: max-content;
}

.animate {
  -webkit-animation: animatezoom 2.0s;
  animation: animatezoom 2.0s
}

.centerBoxContentsSpecials a img {
  border: 1px solid grey;
}

.cartProductDisplay .markProductOutOfStock {
  display: none;
}

#cartContentsDisplay tr.rowOdd.out_of_stock,
#cartContentsDisplay tr.rowEven.out_of_stock {
  border: 2px solid #e87676;
}

.cartImage img {
  width: 100px;
}

span.out_of_stock {
  display: none;
  margin: 0;
  padding: 0;
}

span.out_of_stock.show {
  display: block;
}

button.cart-qty-modify,
input.cart_quantity {
  height: 30px;
  margin: 0 !important;
  border: 1.5px solid #ccc;
  background-color: white;
  font-size: revert !important;
}

button {
  cursor: pointer;
}

div.cart-qty-modify {
  width: 100px;
  text-align: center;
  margin-left: 10px;
  background-color: white;
  border: 2px solid #ccc;
}

div.cart-qty-modify {
  width: 120px;
  text-align: center;
}

div.cart-qty-modify button.cart-qty-modify {
  background-color: transparent;
  border: 0;
  height: 30px;
  width: 30px;
}

div.cart-qty-modify input.cart_quantity {
  background-color: transparent;
  border-width: 0 2px;
  border-color: #ccc;
  height: 30px;
  width: 56px;
}

input[type="number"].nowebkit::-webkit-outer-spin-button,
input[type="number"].nowebkit::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.messageStack {
  margin-bottom: 8px;
}

#carouselExampleInterval {
  box-shadow: 0px 0px 7px #666;
  margin-top: 20px;
}

span.button_ask_for_quote {
  background-color: #05a5cb;
  color: white;
  padding: 0.6rem;
  border-radius: 0.4rem;
  font-size: small;
}

span.cssButtonHover.button_ask_for_quote {
  background-color: black;
}

a.call_for_price {
  text-decoration: none !important;
}

#productMainImage:hover {
  cursor: pointer;
}

.img-scroll {
  position: relative;
  height: 65px;
  overflow-y: auto;
  white-space: nowrap;
  padding: 0.2rem 1.5rem;
  width: calc(100% - 35px);
  margin: 0 20px;
}

.img-scroll::-webkit-scrollbar {
  display: none;
}

.img-scroll-img {
  display: inline-block;
  z-index: 100;
  height: 100%;

}

.img-list>* {
  display: inline-block;
}

.img-scroll-img img {

  height: 100%;

}

.scroll-btn span {}

.scroll-btn {

  z-index: 100;
  height: 100%;
  padding: 0 8px;
}

.img-list {
  position: relative;
}

.scroll-left {}

.scroll-right {}

div.wrapperAttribsQtyPrices {
  margin: 1% 30px 0 30px;
  font-size: 130%;
}

@font-face {
  font-family: vermin;
  src: url("../images/fonts/vermin.otf");
}

@font-face {
  font-family: techno;
  src: url("../images/fonts/techno.otf");
}

@font-face {
  font-family: sassoon;
  src: url("../images/fonts/sassoon.otf");
}

@font-face {
  font-family: proximanovaregular;
  src: url("../images/fonts/proximanovaregular.otf");
}

@font-face {
  font-family: reitam;
  src: url("../images/fonts/reitam.otf");
}

@font-face {
  font-family: vonique;
  src: url("../images/fonts/vonique.ttf");
}

@font-face {
  font-family: tangerine;
  src: url("../images/fonts/tangerine.ttf");
}

@font-face {
  font-family: ponymaker;
  src: url("../images/fonts/ponymaker.ttf");
}

@font-face {
  font-family: stickytoffee;
  src: url("../images/fonts/stickytoffee.otf");
}

@font-face {
  font-family: codelight;
  src: url("../images/fonts/codelight.otf");
}

@font-face {
  font-family: beginning;
  src: url("../images/fonts/beginning.otf");
  font-display: swap;
}

@font-face {
  font-family: codebold;
  src: url("../images/fonts/codebold.otf");
}

@font-face {
  font-family: cashcurrency;
  src: url("../images/fonts/cashcurrency.ttf");
}

@font-face {
  font-family: sketchy;
  src: url("../images/fonts/sketchy.ttf");
}

@font-face {
  font-family: roughtrad;
  src: url("../images/fonts/roughtrad.ttf");
}

@font-face {
  font-family: minnie;
  src: url("../images/fonts/minnie.ttf");
}

@font-face {
  font-family: championship;
  src: url("../images/fonts/championship.ttf");
}

@font-face {
  font-family: dream;
  src: url("../images/fonts/dream.ttf");
}

@font-face {
  font-family: dreambold;
  src: url("../images/fonts/dreambold.ttf");
}

@font-face {
  font-family: raleway;
  src: url("../images/fonts/raleway.ttf");
}

@font-face {
  font-family: italiancursive;
  src: url("../images/fonts/italiancursive.ttf");
}

@font-face {
  font-family: learner;
  src: url("../images/fonts/learner.ttf");
}

@font-face {
  font-family: gillsans;
  src: url("../images/fonts/gillsans.ttf");
  font-display: swap;
}

.mobiletitle {
  margin-top: 35px;
  text-align: center;
}

.gradienttext {
  font-size: 17px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: beginning;
}

div#productDescription_1.productGeneral.biggerText {
  width: 98%;
}

div#productDescription_2.productGeneral.biggerText {
  width: 98%;
}

div#productDescription_3.productGeneral.biggerText {
  width: 98%;
  margin: auto;
}

div#reviewsDefault.centerColumn {
  width: 98%;
}

@media only screen AND (max-width: 1250px) {

  .stationariesandpapers,
  .packagingsupplies,
  .battery,
  .toolsstation,
  .bagsaccesories,
  .beautyproductsicon,
  .cablesandtools,
  .electricalaccesories,
  .hairaccessories,
  .partykiticon,
  .category-top,
  .petsplayground,
  .phoneaccesoriesicon,
  .snacksanddelicaies,
  .sportsapparel,
  .sportsequipment,
  .videosurveillance,
  .computeraccesoriesicon,
  .electricalaccesories,
  .sportsapparel,
  .machine {
    background-image: none !important;
  }
}

/* .bagsaccesories {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/bagsaccesories.png");
  background-repeat: no-repeat;
  background-position: 97% 50%;
  border-left: 6px solid #fff4e2;
}

.beautyproductsicon {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/beautyproductsicon.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  border-left: 6px solid #fff4e2;
}

.computeraccesoriesicon {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/computeraccesoriesicon.png");
  background-repeat: no-repeat;
  background-position: 98.6% 50%;
  border-left: 6px solid #fff4e2;
}

.cablesandtools {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/cablesandtools.png");
  background-repeat: no-repeat;
  background-position: 97% 50%;
  border-left: 6px solid #fff4e2;
}

.electricalaccesories {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/electricalaccesories.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  border-left: 6px solid #fff4e2;
}

.hairaccessories {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/hairaccessories.png");
  background-repeat: no-repeat;
  background-position: 97% 50%;
  border-left: 6px solid #fff4e2;
}

.category-top {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/category-top.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  border-left: 6px solid #fff4e2;
}

.partykiticon {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/partykiticon.png");
  background-repeat: no-repeat;
  background-position: 97.5% 50%;
  border-left: 6px solid #fff4e2;
}

.petsplayground {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/petsplayground.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  border-left: 6px solid #fff4e2;
}

.phoneaccesoriesicon {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/phoneaccesoriesicon.png");
  background-repeat: no-repeat;
  background-position: 96.5% 50%;
  border-left: 6px solid #fff4e2;
}

.snacksanddelicaies {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/snacksanddelicaies.png");
  background-repeat: no-repeat;
  background-position: 97% 50%;
  border-left: 6px solid #fff4e2;
}

.sportsapparel {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/sportsapparel.png");
  background-repeat: no-repeat;
  background-position: 97% 50%;
  border-left: 6px solid #fff4e2;
}

.sportsequipment {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/sportsequipment.png");
  background-repeat: no-repeat;
  background-position: 97% 50%;
  border-left: 6px solid #fff4e2;
}

.videosurveillance {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/videosurveillance.png");
  background-repeat: no-repeat;
  background-position: 97% 50%;
  border-left: 6px solid #fff4e2;
}

.electricalaccesories {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/electricalaccesories.png");
  background-repeat: no-repeat;
  background-position: 97% 50%;
  border-left: 6px solid #fff4e2;
}

.sportsapparel {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/sportsapparel.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  border-left: 6px solid #fff4e2;
}

.stationariesandpapers {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/stationariesandpapers.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  border-left: 6px solid #fff4e2;
}

.packagingsupplies {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/packagingsupplies.png");
  background-repeat: no-repeat;
  background-position: 96% 50%;
  border-left: 6px solid #fff4e2;
}

.toolsstation {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/toolsstation.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  border-left: 6px solid #fff4e2;
}

.machine {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/machine.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  border-left: 6px solid #fff4e2;
}

.battery {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/battery.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  border-left: 6px solid #fff4e2;
}

.driller {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/driller.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  border-left: 6px solid #fff4e2;
}

.a4 {
  background-image: url("https://www.diyhotspot.com/includes/templates/responsive_classic/images/icons/a4.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  border-left: 6px solid #fff4e2;
} */

.csslfmarquee {
  height: 30px;
  overflow: hidden;
  position: relative;

}

.csslfmarquee h1 {
  position: absolute;
  width: 100%;
  height: 100%;
  color: turquoise;
  margin: 0;
  line-height: 36px;
  text-align: center;
  /* Starting position */
  transform: translateX(-100%);
  animation: csslfmarquee 18s linear infinite;
}

@keyframes csslfmarquee {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}



.noticeflag.csslfmarquee {
  background: #ff7a00;
}

.noticeflag.csslfmarquee h1 {
  color: white;
  white-space: nowrap;
  font-size: 16px;
  line-height: 30px;
  font-family: monospace;

}

img.sidebox_categories_icon {
  float: right;
  margin-right: 5px;
}

.marquee {
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}

.marquee div {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 35s linear infinite;
  font-family: calibri;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-100%, 0);
  }
}

.category-links {
  border-left: 6px solid #ffbebe;
}

.imagesizezw div a img {
  width: 230px;
  height: auto;
}

.clearmargin {
  margin: 0px;
  padding: 0px;
}

i.fa.fa-bars {
  margin-top: 4px;
}

label.checkboxLabel {
  font-size: 1.25em;
}

#myAccountGen li a {
  font-size: 1.2em;
}

#myAccountNotify li a {
  font-size: 1.2em;
}

div#orderhistoryContent {
  background: #fff4e2;
  border: 1px solid #fff4e2;
  border-radius: 10px;
}

td.cartProductDisplay {
  font-size: 1.2em;
}

td.accountProductDisplay {
  font-size: 1.2em;
  display: flex;
}

td.accountProductDisplay .productDetails {
  margin-top: 10px;
  margin-left: 12px;
}

#reviewsContent div {
  background: #fff4e2;
}

span.productBasePrice {
  font-size: 17.5px;
}

#productPrices span.productBasePrice {
  font-size: 21.5px;
}

#featured>div {
  background: #fff4e2;
  border: 1px solid #fff4e2;
  border-radius: 10px;
}

th#myAccountStatusDate,
th#myAccountStatus,
th#myAccountStatusComments {
  text-align: left;
  font-size: 1.2em;
}

#navMain ul li a:hover {
  text-shadow: 2px 2px 8px #ff0000;
}

.centerBoxContentsNew a img {
  border: 1px solid grey;
}

.zwnavbar {
  width: 100%;
  text-align: left;
  background: #da3545;
  padding: 0.45em 0.2em;
  margin-bottom: 5px;
  border-radius: 5px;
  color: cornsilk;
  font-size: 1.5em;
}

div.mobileshowdiv {
  width: 49.5%;
  margin: 0;
  padding: 10px 0;
  display: block;
  cursor: pointer;
  vertical-align: top;
  text-align: center;
  float: left;
  color: #00264c;
}

.mobileshowtitle {
  width: 100%;
  color: cornsilk;
  font-family: beginning;
  font-size: 17px;
  letter-spacing: 1px;
  text-align: center;
  border: 1px solid #991f39;
  background: #991f39;
  padding: 0.5em 0.2em;
  margin-bottom: 5px;
  border-radius: 5px;
}

@media only screen AND (min-width: 750px) {
  .mobileshowonly {
    display: none;
  }
}

#categoriesContent ul li {
  background: #fff4e2;
  font-size: 103%;
}

@media only screen AND (max-width: 750px) {

  .screenonly,
  .mobilehide,
  #logo {
    display: none;
  }
}

#categoriesContent ul li a:hover {
  border-left: 6px solid #00264c;
  text-shadow: 2px 2px 10px #00264c;
}

.gradienttext1 {
  text-decoration: none;
  color: cornsilk;
}

.zwnavbar ul li {
  display: inline;
}

.zwnavbar ul li a {
  color: cornsilk;
  font-family: beginning;
  font-size: 17px;
  letter-spacing: 1px;
  padding: 0px 20px;
}

.gradienttext1:hover {
  font-size: 17px;
  background: -webkit-linear-gradient(#4bad98, yellow);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: beginning;
  text-decoration: none;
}

.zwnavbar ul {
  margin: 0px;
  padding: 0px;
}

#ezpagesContent ul li a {
  border-radius: 10px;
  margin-top: 2px;
  background: #fff4e2;
  padding-left: 20px;
}

#reviews div {
  border: 1px solid #fff4e2;
  border-radius: 10px;
  background: #fff4e2;
}

#whatsnew>div {
  background: #fff4e2;
  border-radius: 10px;
}

#whatsnew div a img {
  border: 1px solid black;
}

#informationContent ul li a {
  background: #fff4e2;
  margin-top: 2px;
  border-radius: 10px;
}

#whatsnewheading a {
  color: black;
}

#whatsnewheading h3 {}

div.advisory {
  width: 98%;
  margin: auto;
}

#categoriesHeading {
  font-family: beginning;
  letter-spacing: 1px;
  color: cornsilk;
  text-align: center;
  padding-left: 6px;
  font-size: 17px;
}

/*bof basic elements*/
body {
  margin: 0;
  font-family: gillsans, verdana, arial, helvetica, sans-serif;
  font-size: 72.5%;
  line-height: 140%;
}

/*general link styles*/
a img {
  border: none;
}

a:link,
#navEZPagesTOC ul li a {
  text-decoration: underline;
}

a:visited {
  text-decoration: underline;
}

.sideBoxContent a:visited {}

a:hover,
#navEZPagesTOC ul li a:hover,
#navMain ul li a:hover,
#navSupp ul li a:hover {}

a:active {}

/*heading styles*/
h1 {
  font-size: 1.8em;
  line-height: 25px;
}

h2 {
  font-size: 1.4em;
}

h3 {
  font-size: 1.3em;
}

h4,
h5,
h6,
h4.optionName,
LEGEND,
ADDRESS,
.larger {
  font-size: 1.3em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 20px 0;
}

.biggerText {
  font-size: 1.3em;
  line-height: 160%;
  margin: auto;
}

P:not(#productDescription_1.productGeneral p, .FAQContents .ans p),
ADDRESS {
  padding: 0.5em;
  font-size: 1.3em;
}

ADDRESS {
  font-style: normal;
}

HR {
  height: 1px;
  margin-top: 0.5em;
  border: none;
}

#logo,
.centerBoxContents,
.specialsListBoxContents,
.categoryListBoxContents,
.centerBoxContentsAlsoPurch,
.attribImg {
  float: left;
}

.centeredContent,
TH,
#cartEmptyText,
#cartBoxGVButton,
#cartBoxEmpty,
#cartBoxVoucherBalance,
#navCatTabsWrapper,
#navEZPageNextPrev,
#bannerOne,
#bannerTwo,
#bannerThree,
#bannerFour,
#bannerFive,
#bannerSix,
#siteinfoLegal,
#siteinfoCredits,
#siteinfoStatus,
#siteinfoIP,
.center,
.cartRemoveItemDisplay,
.cartQuantityUpdate,
.cartQuantity,
.cartTotalsDisplay,
#cartBoxGVBalance,
.leftBoxHeading,
.centerBoxHeading,
.rightBoxHeading,
.productListing-data,
.accountQuantityDisplay,
.ratingRow,
LABEL#textAreaReviews,
#productMainImage,
#reviewsInfoDefaultProductImage,
#productReviewsDefaultProductImage,
#reviewWriteMainImage,
.centerBoxContents,
.specialsListBoxContents,
.categoryListBoxContents,
.additionalImages,
.centerBoxContentsSpecials,
.centerBoxContentsAlsoPurch,
.centerBoxContentsFeatured,
.centerBoxContentsNew,
.gvBal,
.attribImg {
  text-align: center;
}

#navCategoryIcon,
.buttonRow,
#indexProductListCatDescription {
  margin: 0.5em;
}

/*floats and clears*/
.back {
  float: left;
}

.forward,
#shoppingCartDefault #PPECbutton {
  float: right;
}

.clearBoth {
  clear: both;
}

.bold {
  font-weight: bold;
}

.hiddenField {
  display: none;
}

.visibleField {
  display: inline;
}

#contentColumnMain,
#navColumnOne,
#navColumnTwo,
.centerBoxContents,
.specialsListBoxContents,
.categoryListBoxContents,
.additionalImages,
.centerBoxContentsSpecials,
.centerBoxContentsAlsoPurch,
.centerBoxContentsFeatured,
.centerBoxContentsNew,
.alert {
  vertical-align: top;
}

.alert {
  margin-left: 0.5em;
}

.important {
  font-weight: bold;
  font-size: 1.2em;
}

.important pre {
  font-size: 1.28em;
}

.gvBal {
  float: right;
}

#bannerOne,
#bannerTwo,
#bannerThree,
#bannerFour,
#bannerFive,
#bannerSix {
  padding: 0.8em;
}

.centerColumn {}

.smallText,
#siteinfoLegal,
#siteinfoCredits,
#siteinfoStatus,
#siteinfoIP {
  font-size: 0.9em;
}

.information {
  padding: 10px 3px;
  line-height: 150%;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

/*blue text color change to your color*/
.blue {}

.blue:hover {}

.last {
  border: none !important;
}

.no-fouc {
  display: none;
}

.italic {
  font-style: italic;
}

.back-margin {
  margin-top: 30px;
}

.onerow-fluid {
  width: 80% !important;
  margin: auto;

}

.onerow-fluid>[class*="col"]:nth-child(2) {
  padding: 0 10px;
}

#navMain {}

/*bof form elements*/
CODE {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1em;
}

SELECT {
  display: inline;
  font-size: 1em;
  margin: 0 0.1em 0 0;
}

FORM {
  display: inline;
  font-size: 1em;
  margin: 0 0.1em 0 0;
}

INPUT {
  display: inline;
  font-size: 1.25em;
  margin: 0 0.1em 0 0;
}

input {
  height: 27px;
  padding-left: 5px;
  margin-bottom: 10px;
}

select {
  border: none;
  padding-left: 5px;
  width: 51%;
}

TEXTAREA {
  margin: auto;
  display: block;
  width: 66%;
}

input:focus,
select:focus,
textarea:focus {}

legend {
  padding: 0;
  display: table;
  text-align: center;
  width: 100%;
  padding: 10px 0;
  font-size: 1.3em;
}

fieldset {
  border: 0;
  padding: 0.01em 0 0 0;
  padding-bottom: 20px;
  padding-top: 20px;
  margin: 0;
  min-width: min-content;
  margin-bottom: 20px;
}

body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
}

fieldset>fieldset {}

fieldset fieldset legend {
  text-align: left;
  padding: 0;
  margin: 0;
  position: relative;
  font-size: 120%;
  display: table;
  background: none;
  padding-left: 20px;
}

fieldset p {
  margin-left: 20px;
}

fieldset label,
fieldset .inputLabel,
fieldset h3,
fieldset address,
#advSearchDefault input,
fieldset .buttonRow.back,
fieldset select,
fieldset input[type="radio"],
fieldset input[type="checkbox"],
fieldset div {
  margin-left: 20px;
}

fieldset div,
fieldset .buttonRow.forward {
  margin-right: 20px;
}

option {
  font-size: 110%;
}

LABEL,
h4.optionName {
  line-height: 1.5em;
  padding: 0.2em;
}

LABEL.checkboxLabel,
LABEL.radioButtonLabel {
  margin: 0.5em 0.3em;
}

LABEL.inputLabel {
  width: 11em;
  float: left;
}

LABEL.inputLabelPayment {
  width: 15em;
  float: left;
}

LABEL.selectLabel,
LABEL.switchedLabel,
LABEL.uploadsLabel {
  width: 12em;
  float: left;
}

LABEL#textAreaReviews {
  font-weight: normal;
  margin: 1em 0;
}

input[type="text"] {
  width: 50%;
}

#password-current,
#login-password,
#password-new,
#password-confirm {
  width: 50%;
}

input[type="radio"],
input[type="checkbox"] {
  margin-top: 8px;
  vertical-align: middle;
  height: auto;
}

input[type="file"],
input[type="image"] {
  border: none;
  width: auto;
  height: auto;
}

input[type="tel"],
input[type="email"],
input[type="password"] {
  width: 50%;
}

select#country,
.wrapperAttribsOptions select,
#advSearchDefault select,
select#stateZone,
select#sub_zone {
  height: 40px;
}

select#country,
select#stateZone,
#state,
select#sub_zone {
  margin-left: 0;
  background: white;
  border: 3px solid #ccc;
  border-width: 0px;
  box-shadow: 0px 0px 1px 1px #9d9d9d87;
  border-radius: 5px;
}

select#sub_zone:disabled {
  background: #dcdcdc;
  ;
}

.ccinfo select {
  width: auto;
  height: 25px;
  margin-bottom: 10px;
}

.sideBoxContent select {
  width: auto;
}

label.radioButtonLabel {
  font-size: 1.25em;
}

#currenciesContent select {
  height: 35px;
}

label.inputLabel {
  font-size: medium;
}

/*bof warnings, errors, messages*/
.messageStackWarning,
.messageStackError,
.messageStackSuccess,
.messageStackCaution {
  line-height: 1.3em;
  padding: 10px;
}

.messageStackWarning,
.messageStackError {}

.messageStackSuccess {}

.messageStackCaution {}

.noticeflag.csslfmarquee {
  display: none;
}


/*bof wrappers - page or section containers*/
#mainWrapper {
  text-align: left;
  width: 100%;
  vertical-align: top;
  height: 90px;
}

#headerWrapper,
#contentMainWrapper,
#logoWrapper,
#cartBoxListWrapper,
#ezPageBoxList,
#cartBoxListWrapper ul,
#ezPageBoxList ul,
#mainWrapper,
#popupAdditionalImage,
#popupImage {
  margin: 0;
  padding: 0;
}


#navColumnOneWrapper,
#navColumnTwoWrapper,
#mainWrapper {
  margin: auto;
}

#mainWrapper {}

#sendSpendWrapper {
  padding: 20px 0;
  width: 100%;
}

#sendSpendWrapper .buttonRow {
  margin-right: 20px;
}

.floatingBox,
#accountLinksWrapper,
#checkoutShipto,
#checkoutBillto,
#navEZPagesTOCWrapper {
  margin: 0;
  width: 47%;
}

.floatingBox {
  width: 46%;
}

#loginDefault .floatingBox {
  min-height: 240px;
}

.shippingEstimatorWrapper {
  padding: 0.5em;
}

/*bof header*/
#headerWrapper {
  position: fixed;
  z-index: 100;
  top: 0;
  height: 60px;
  width: 100%;
}

/*top left navigation*/
#navMainWrapper {
  margin: 0;
  padding: 5px 0;
  font-size: 120%;

  width: 100% !important;
  min-height: max-content;
  /*   position: fixed;
  z-index: 100; */
  box-shadow: 0px 0px 10px #666;
}

#navMain {

  margin: 0 auto;
  height: 45px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  width: 80%;
}

#navMain ul {
  margin: 0;
  padding: 0.5em 0;
  /*   width: 60%; */
  list-style-type: none;
  text-align: left;
  line-height: 1.5em;
}

#navMain ul li {
  display: inline;
}

#navMain ul li a {
  text-decoration: none;
  padding: 0 1em;
  margin: 0;
  white-space: nowrap;
  font-weight: 600;
}

a.topBarNav {
  text-decoration: none;
}

/*top right search*/
#navMainSearch {
  width: 38%;
  text-align: right;
  display: inline-table;
}

#navMainSearch input[type="text"] {
  vertical-align: top;
  display: inline-block;
  border: 0;
  height: 32px;
  margin: 0;
  font-size: 0.9em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#navMainSearch input[type="submit"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  height: 32px;
}

.cart-add input[type="text"] {
  vertical-align: top;
  display: inline-block;
  border: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 42px;
  border: 3px solid #ccc;
}

.cart-add input[type="submit"],
#navMainSearch input[type="submit"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  height: 32px;
}

/*top middle*/
#logo {
  margin: 50px 0 10px;
}

#tagline {
  font-size: 1.8em;
  text-align: center;
  margin-top: 10px;
}

/*top categories tabs navigation*/
#navCatTabsWrapper {
  margin: 0;
  width: 100%;
}

#navCatTabs ul {
  font-size: 0;
  text-align: center;
  overflow: hidden;
}

#navCatTabs li {
  font-size: 0.75rem;
  display: inline-block;
  margin-top: 0;
}

#navCatTabs ul li:last-child {}

#navCatTabs li a {
  text-decoration: none;
  padding: 1.2em 1em;
  display: block;
}

#navCatTabs li a:hover {}

#navCatTabs li:hover {}

/*top ezpages links*/
#navEZPagesTop {
  margin: 0;
  width: 100%;
}

#navEZPagesTop ul {
  font-size: 0;
  text-align: center;
  overflow: hidden;
}

#navEZPagesTop li {
  font-size: 0.75rem;
  display: inline-block;
  margin-top: 0;
}

#navEZPagesTop ul li:last-child {}

#navEZPagesTop li a {
  text-decoration: none;
  padding: 1.2em 1em;
  display: block;
}

#navEZPagesTop li a:hover {}

.pagination {
  margin: 0;
}

.pagination ul {
  font-size: 0;
  text-align: center;
  overflow: hidden;
  padding: 0;
}

.pagination li {
  font-size: 0.7rem;
  display: inline-block;
  margin-top: 0;
}

.pagination li:first-child {
  border-left: 0;
}

.pagination li a {
  text-decoration: none;
  padding: 1.2em 1em;
  display: block;
  margin: 2px;
}

.pagination li a:hover {}

.pagination .current {
  padding: 1.2em 1em;
}

/*breadcrumbs*/
#navBreadCrumb {
  margin: 0;
  padding: 0.5em;
  font-size: initial;
}

#navBreadCrumb a {
  text-decoration: none;
}

#navBreadCrumb a:visited {}

/*view cart icon for phones*/
#navMain i.fa.fa-share {
  position: relative;
  top: -10px;
  left: -10px;
}

/*bof footer*/
/*bottom ezpages links*/
#navSuppWrapper {
  margin: 0;
  width: 100%;
}

#navSupp ul {
  font-size: 0;
  text-align: center;
}

#navSupp li {
  font-size: 0.75rem;
  display: inline-block;
  margin-top: 0;
}

#navSupp ul li:last-child {}

#navSupp li a {
  text-decoration: none;
  padding: 1.2em 1em;
  display: block;
}

#navSupp li a:hover {}

/*footer copyright*/
#siteinfoIP,
#siteinfoLegal,
#bannerSix {
  font-weight: normal;
  padding: 1em 0;
  margin: 0;
}

#siteinfoLegal a {}

#siteinfoLegal a:hover {}

/*bof ezpages*/
#navEZPagesTOCWrapper {
  float: right;
  padding: 0 20px 20px 20px;
  margin: 0 0 20px 20px;
}

#navEZPagesTOC ul {
  margin: 0;
  padding: 0.5em 0;
  list-style-type: none;
  line-height: 1.5em;
}

#navEZPagesTOC ul li {
  white-space: nowrap;
  font-size: 130%;
  line-height: 150%;
}

#navEZPagesTOC ul li a {
  padding: 0 0.5em;
  margin: 0;
  text-decoration: none;
  /*remove text decoration if you want an underline*/
}

#navEZPageNextPrev {
  margin-bottom: 30px;
}

/*bof left and right hand columns*/
/*styles for centerbox, left and right hand headings*/
h2.centerBoxHeading,
h3.rightBoxHeading,
h3.leftBoxHeading {
  font-size: 17px;
  font-weight: normal;
}

h2.noSHow1 {
  display: none;
}

.flexATTRibute {
  flex: 0 0 auto;
}

h3.rightBoxHeading a,
h3.leftBoxHeading a {
  color: black;
  font-weight: normal;
  text-decoration: none;
  /*remove text decoration if you want an underline*/
}

h3.rightBoxHeading a:hover,
h3.leftBoxHeading a:hover {
  text-decoration: none;
}

.rightBoxHeading,
.leftBoxHeading,
.centerBoxHeading {
  margin: 0;
  padding: 0.5em 0.2em;
}

/*sidebox content styles*/
.sideBoxContent {
  padding: 1em;
  margin-bottom: 10px;
}

.sideBoxContent a {
  padding: 0.3em 0;
  display: inline-block;
  font-size: 1.3em;
  text-decoration: none;
  /*remove text decoration for underlined links*/
}

.sideBoxContent a:hover {}

.sideBoxContentItem {
  padding: 1em 0;
  display: block;
  cursor: pointer;
}

.sideBoxContentItem:hover {}

.sideBoxContentItem img {
  margin-bottom: 5px;
  border: 1px solid black;
}

.reviewsContent img {
  margin-bottom: 5px;
}

.rightBoxContent {
  margin-bottom: 1em;
}

#ezpagesContent,
#informationContent,
#moreinformationContent,
#bestsellersContent,
#documentcategoriesContent,
#categoriesContent {
  padding: 0;
}

ul.list-links,
ol.list-links {
  padding: 0;
  margin-top: 0;
}

ul.list-links li {
  list-style-type: none;
}

ol.list-links li {}

ul.list-links li a,
ol.list-links li a {
  padding: 10px;
  display: block;
}

ul.list-links li:hover,
ol.list-links li:hover {}

.cat-count {}

#cartBoxListWrapper li,
.orderHistList li {
  list-style-type: none;
  padding: 8px 0;
}

#cartBoxListWrapper li a,
.orderHistList li a {
  display: inline !important;
}

.orderHistList i {
  margin-left: 10px;
  display: inline;
}

#cartBoxListWrapper,
.orderHistList {
  margin: 0;
  padding: 0;
}

#shoppingcartContent hr {
  display: none;
}

.cartBoxTotal {
  padding: 10px !important;
}

.sideBoxContent .productPriceDiscount {
  font-size: 130%;
  margin-top: 3px;
}

.sideBoxContent .productSpecialPrice {
  font-size: 120%;
}

/*bof shopping cart*/
.tableHeading TH {
  padding: 10px 0;
}

table.contact_information td {

  padding: 0.4rem;
  line-height: 24px;
  font-size: medium;
}

#cartSubTotal,
#cartAddOnTotal,
#cartDiscountTotal,
#cartTotal,
#cartDiscountWallet {
  text-align: right;

  padding: 4px 0;
  font-size: 130%;
}

#cartTotal {
  font-weight: 800;
}

#shoppingCartDefault div.addon .addOnDialogBtn {
  background: transparent;
  color: black;
  text-decoration: underline;
  margin: 10px 0px 11px 0px;
  padding: 0;
  border: 0;
  font-size: 14px;
}


.tableRow,
.tableHeading {
  height: 2.2em;
}

.cartProductDisplay,
.cartUnitDisplay,
.cartTotalDisplay,
.cartRemoveItemDisplay,
.cartQuantityUpdate,
.cartQuantity,
.cartTotalsDisplay {
  padding: 0.5em 0em;
}

#cartInstructionsDisplay {
  padding: 0.5em 0.5em;
}

.cartUnitDisplay,
.cartTotalDisplay {
  text-align: right;
  padding-right: 0.2em;
  font-size: 13.5px;
}

.cartTotalDisplay {
  text-align: center;
}

#scUpdateQuantity {
  width: 2em;
}

.cartQuantity {
  width: 4.7em;
}

.cartNewItem {
  position: relative;
}

.cartOldItem {
  position: relative;
}

.cartBoxTotal {
  text-align: right;
  font-weight: bold;
}

.cartRemoveItemDisplay {
  width: 3.5em;
}

.cartAttribsList {
  margin-left: 1em;
}

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

.productSpecialPrice,
.productSalePrice,
.productSpecialPriceSale,
.productPriceDiscount {}

#ezPageBoxList ul {
  list-style-type: none;
}

#ezPageBoxList li,
.cartBoxTotal {
  margin: 0;
  padding: 0.2em 0;
}

#cartBoxEmpty,
#cartBoxVoucherBalance {
  font-weight: bold;
}

.totalBox {
  width: 5.5em;
  text-align: right;
  padding: 0.2em;
}

.lineTitle,
.amount {
  text-align: right;
  padding: 0.2em;
}

.amount {
  width: 5.5em;
}

#shoppingcartBody #shippingEstimatorContent {
  clear: both;
}

.seDisplayedAddressLabel {
  text-align: center;
  padding: 10px 0;
}

.seDisplayedAddressInfo {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}

#seShipTo {
  padding: 0.6em 0.2em;
  font-size: larger;
}

TR.tableHeading {}

.rowOdd {
  height: 1.5em;
  vertical-align: top;
}

.rowEven {
  height: 1.5em;
  vertical-align: top;
}

.cartProdTitle {
  font-size: 115%;
}

.cartProductDisplay a {
  text-decoration: none;
}

/*shipping estimator styles*/
#shippingEstimatorContent h2 {
  padding: 20px 0;
  font-weight: 800;
  text-align: center;
  background: #DA3545 !important;
  border-radius: 0.8rem;
  margin: 10px 0 3px;

}

#shippingEstimatorContent table {
  border: none !important;
  margin-top: 30px;
}

#shippingEstimatorContent td,
#shippingEstimatorContent th {
  border: none !important;
}

#shippingEstimatorContent th {
  padding: 10px;
}

#shippingEstimatorContent tr:nth-child(odd) {}

#shippingEstimatorContent td {
  padding: 10px;
}

/*bof checkout*/
#order-comments {
  padding: 5px 20px 20px 20px;
  margin: 20px 0;
}

#checkoutConfirmDefault .cartTableHeading {
  height: 40px;
}

#checkoutShipping .important {
  margin-right: 20px;
}

/* #checkoutShipping input[type="radio"] {
  margin-left: 20px;
} */

#checkoutOrderTotals div,
#csNotifications .buttonRow {
  margin-right: 20px;
}

#checkoutPayment label,
#csNotifications input {
  margin-left: 20px;
}

div#checkoutShippingContentChoose {
  margin-bottom: 20px;
}

#sendSpendWrapper h2 {
  margin-top: -20px;
}

/*bof images*/
#productMainImage,
#reviewsInfoDefaultProductImage,
#productReviewsDefaultProductImage,
#reviewWriteMainImage {
  margin: 0 1em 1em 0;
}

.cartImage {
  margin: 0.5em 1em;
}

/*bof center boxes*/
.centerBoxContents,
.categoryListBoxContents,
.additionalImages,
.centerBoxContentsSpecials,
.centerBoxContentsAlsoPurch,
.centerBoxContentsFeatured,
.centerBoxContentsNew {
  margin: 1em 0 1.4em 0;
}

.specialsListBoxContents a,
.centerBoxContentsAlsoPurch a,
.centerBoxContentsFeatured a,
.centerBoxContentsSpecials a,
.centerBoxContentsNew a,
.centerBoxContentsCategories a,
.centerBoxContentsProductsRecentView a {
  margin: 0px auto;
  font-size: 0.8em;
  display: block;
  width: 100%;
  padding: 5px;
  text-decoration: none;
  position: relative;
  overflow: hidden
    /*remove text decoration for underlined links*/
}

.specialsListBoxContents,
.centerBoxContentsSpecials,
.centerBoxContentsAlsoPurch,
.centerBoxContentsFeatured,
.centerBoxContentsNew,
.centerBoxContentsCategories,
.centerBoxContentsProductsRecentView {
  font-size: 1.6em;
  cursor: pointer;
  padding: 0px 0;
  width: auto !important;
  height: 100% !important;
}

.centerBoxContentsSpecials:hover,
.centerBoxContentsAlsoPurch:hover,
.centerBoxContentsFeatured:hover,
.centerBoxContentsNew:hover {}

.centerBoxWrapper {
  overflow: hidden;
  margin-bottom: 10px;
  clear: both;
}

.productPriceDiscount {
  display: block;
  font-size: 0.8em;
}

.productPriceDiscount br {
  display: none;
}

.normalprice {
  font-size: 0.8em;
}

/*bof categories and product listing*/
#productListHeading {
  font-weight: normal;
  margin-bottom: 20px;
}

#indexCategoriesHeading {
  font-weight: normal;
  /*   line-height: 0px; */
  margin-bottom: 15px;
  text-align: center;
}

.categoryListBoxContents img {
  max-height: 100%;
}

.categoryListBoxContents a {
  font-size: 1.2em;
  text-decoration: none;
}

.categoryListBoxContents a:hover {}

.categoryListBoxContents {
  padding: 5px;
  display: block;
  cursor: pointer;
  width: auto !important;
  margin: 0px;
  height: inherit !important;
}

.categoryListBoxContents:hover {}

.categoryListBoxContents:hover a {}

.categoryListBoxContentsItem {
  box-shadow: 0px 0px 3px #6c6c6c;
  background-color: white;
  padding: 1rem;
  height: 190px;
}

#indexProductListCatDescription {

  margin-left: 5%;

}

#categoryDescription {}

#cat-top {
  /* margin-bottom: 20px; */
}

#cat-left {
  text-align: center;
}

#filter-wrapper {
  padding: 10px;
}

#filter-wrapper select {
  width: 25%;
  height: 35px;
}

.navSplitPagesLinks {
  display: inline-block;
}

.navSplitPagesLinks a {
  padding: 10px;
  font-weight: bold;
  text-decoration: none;
}

.navSplitPagesLinks a:hover {}

.navSplitEmpty3rdColumn {
  margin-left: 0 !important;
}

.current {
  padding: 10px;
}

.productListing-rowheading {
  padding: 10px 10px;
  text-align: center;
}

.productListing-rowheading a {
  display: inline-block;
  padding: 10px 30px;
  text-decoration: none;
}

.productListing-rowheading a:hover {}

.productListing-odd {
  padding: 20px;
  overflow: hidden;
}

.productListing-even {
  padding: 20px;
  overflow: hidden;
}

.productListing-even,
.productListing-odd {
  clear: both;
}

.productListing-even:hover,
.productListing-odd:hover {}

.productListing-even form,
.productListing-odd form {
  float: right;
}

.cart-add input[type="text"] {
  width: auto !important;
}

.list-image {
  min-height: 200px;
  min-width: 20%;
  float: left;
  margin-right: 5%;
}

.list-price {
  font-size: 140%;
  margin: 5px 0;
}

.list-price a {
  text-decoration: none;
}

.list-more {
  display: block;
  padding: 8px 20px;
  float: right;
  text-align: center;
  text-decoration: none !important;
  width: 50%;
}

.list-more:hover {}

#indexProductList .list-more {
  width: auto;
  margin-top: 0;
}

#advancedsearchresultBody .list-more {
  width: auto;
}

.itemTitle {
  font-weight: normal;
  font-size: 160%;
  margin: 5px 0;
  width: 80%;
}

.itemTitle a {
  text-decoration: none;
}

.itemTitle a:hover {}

.tabTable {
  margin-bottom: 20px;
}

.listingDescription {
  width: 75%;
  margin: 10px 0;
}

.cart-add {
  float: right;
}

.list-input {
  float: right;
  width: 10%;
}

span.list-addtext {
  display: block;
  text-align: center;
}

.list-input input[type="text"] {
  width: 100%;
}

.prod-list-wrap {
  text-align: center;
  padding: 10px;
  clear: both;
  height: max-content;
  width: 100%;
}

#productsListingListingBottomLinks,
#allProductsListingTopLinks,
#allProductsListingBottomLinks,
#featuredProductsListingTopLinks,
#featuredProductsListingBottomLinks,
#newProductsDefaultListingTopLinks,
#newProductsDefaultListingBottomLinks,
#productsListingListingTopLinks {

  text-align: center;
}

#productsListingBottomNumber,
#allProductsListingBottomNumber,
#allProductsListingTopNumber,
#productsListingTopNumber,
#featuredProductsListingBottomNumber,
#featuredProductsListingTopNumber,
#newProductsDefaultListingTopNumber,
#newProductsDefaultListingBottomNumber {
  width: 25%;
  margin-left: -74%;
  margin-top: 0;
}

#newProductsDefaultListingTopNumber,
#newProductsDefaultListingBottomNumber {
  margin-left: -72.5%;
}

#featuredProductsListingBottomNumber,
#featuredProductsListingTopNumber {
  margin-left: -71%;
}

.button-top {
  width: 25%;
  text-align: right;
  margin: -10px 0px 0 0;
}

.button-bottom {
  height: auto;
  padding: 9px 0 5px 0;
}

#specialsListing .prod-list-wrap {
  padding: 20px 20px 0 20px;
}

#productListing {
  background-color: #f3f3f3;
  display: grid;
  /* grid-template-columns: 31% 31% 31%; */
  grid-template-columns: repeat(auto-fit, 31%);
  justify-content: center;
  /*   justify-items: center; */
  column-gap: 2%;
  padding: 10px 0;

}

#no-products {
  padding: 20px;
  margin: 20px 0;
}

div#tpptabBlock {
  display: block;
  width: 99%;
  margin: auto;
}

/*bof new, featured, all listing*/
.listing-wrapper:nth-child(odd) {}

.listing-wrapper {
  padding: 20px;
}

.listing-left {
  width: 25%;
  margin-right: 2%;
}

.listings-description {
  padding-top: 20px;
}

.listing-wrapper .list-more {
  float: none;
}

.listings-description a {
  margin-left: 10px;
}

h1#productName.productGeneral {
  margin-top: 0px;
}

/*bof product info page*/
#prod-info-top {
  width: 100%;
  clear: both;
}

.categoryIcon {
  display: none;
  float: left;
  width: 35%;
}

.categoryIcon a {
  text-decoration: none;
}

.categoryIcon img {
  margin-bottom: 5px;
}

.navNextPrevWrapper {
  margin-bottom: 5px;
}

.navNextPrevCounter {
  margin: 0;
  font-size: 0.9em;
}

.navNextPrevList {
  display: inline;
  white-space: nowrap;
  margin: 0;
  padding: 0.5em 0;
  list-style-type: none;
}

#pinfo-left {
  float: left;
  width: 43%;
}

#productMainImage {
  float: none;
  margin: 0;
  position: relative;
}

#productMainImage a {
  text-decoration: none;
}

.imgSubContent {
  position: absolute;
  left: 0;

}

#productAdditionalImages {
  clear: both;
}

.additionalImages {
  width: 90%;
  margin: 10px auto;
}

#productName {
  font-weight: normal;
  margin-left: 30px;
  line-height: 27px;
  text-align: left !important;
}

#pinfo-right {
  float: right;
  width: 52.5%;
  padding: 1em;
}

#productDetailsList li {
  list-style-type: none;
  font-size: 1.25em;
}

#productDetailsList {
  padding: 0;
  margin-left: 30px;
}

#productPrices {
  font-size: 1.5em;
  text-align: center;
  margin: 10px 0 10px 0;
  font-weight: normal;
}

.productSpecialPrice {
  font-size: 0.8em;
}

#mediaManagerHeading {
  font-weight: normal;
}

#freeShippingIcon {
  margin: 10px 0 10px 30px;
}

#productQuantityDiscounts table {
  margin: 0 auto 20px auto;
  border: none !important;
  border-spacing: 0 !important;
  border-collapse: separate !important;
}

#productQuantityDiscounts td {
  padding: 10px;
  border: none;
}

#productQuantityDiscounts td:last-child {
  border: none;
}

#productQuantityDiscounts tr:nth-child(even) {}

#productQuantityDiscounts table tr:first-child td {
  padding: 5px 10px;
  border: none !important;
}

#mediaManager {
  width: 50%;
  margin: 0.2em 0 0.2em 30px;
  padding: 0.5em 0;
}

.mediaTitle {
  float: left;
}

.mediaTypeLink {
  float: right;
}

#attribsOptionsText {
  font-weight: normal;
  margin-bottom: 10px;
}

#cartAdd {
  text-align: center;
  padding-bottom: 0.5rem;
}

#cartAdd input[type="text"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  display: inline-block !important;
  width: 15%;
  border: none;
  height: 40px;
  margin: 0;
  padding: 7px !important;
}

#cartAdd input[type="submit"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block !important;
  margin: 0;
  padding: 7px 20px !important;
  height: 40px !important;
}

#cart-box {
  padding: 1em;
  width: 100%;
  height: max-content;
  background: #f2f2f2 !important;
  border-radius: 0.8rem;
  box-shadow: 0px 0px 2px #909090;
  margin-top: 6px;
}

h4.optionName {
  margin: 1% 30px 0 30px;
  padding: 0;
}

.attribImg {
  width: 20%;
  margin: 0.3em 0;
}

.attributesComments {
  font-weight: normal;
}

.wrapperAttribsOptions select {
  width: 100%;
  border: 1px solid grey;
}

.wrapperAttribsOptions {
  margin: 10px 0;
}

#productDescription {
  padding: 0.2em 1.2em !important;
  clear: both;
  margin: 0;
  line-height: 150%;
}

.max-qty {
  margin-bottom: 10px;
}

#docGeneralDisplay #pinfo-right {
  background: none;
}

.qty-text {
  display: none;
}

.additionalImages a {
  text-decoration: none;
}

/*bof reviews*/
.reviews-wrapper {
  overflow: hidden;
  padding: 20px;
  margin: 20px 0;
}

.reviews-wrapper h2 {
  margin: 7px 0;
}

.reviews-right {
  width: 50%;
}

.reviews-wrapper .smallProductImage {
  width: 18%;
}

.reviews-middle {
  width: 40%;
  margin-right: 2%;
}

.reviews-wrapper .forward {
  width: 25%;
}

#reviewsInfoDefault .reviews-wrapper {
  padding-top: 0;
  margin-top: 50px;
}

#reviews-right {
  width: 50%;
  float: left;
}

#review-text {
  width: 100%;
  margin: 20px 0;
}

#reviewWriteMainImage {
  float: none;
  margin: 0;
}

#reviewsWritePrice {
  text-align: center;
}

#pinfo-left .buttonRow {
  width: 75%;
  margin: 10px auto;
}

#pinfo-left span.cssButton.normal_button,
#pinfo-left span.normal_button:hover {
  display: block;
  text-align: center;
  padding: 12px 0;
}

#reviewsWriteReviewer {
  text-align: center;
  margin-bottom: 0;
  font-weight: normal;
}

.ratingRow {
  width: 70%;
  margin: 10px auto;
}

#reviewsWriteHeading {
  text-align: center;
  font-weight: normal;
  padding: 10px 0;
  margin-bottom: 0;
}

#reviews-write-wrapper {
  padding: 20px;
  overflow: hidden;
}

#reviewsDefault #reviews-middle {
  width: 40%;
}

#productReviewsDefaultHeading {
  margin-top: 0;
}

#reviews-top {
  margin-top: 30px;
}

.read-reviews-button {
  width: 25%;
}

#reviewsDefault .reviews-right {
  width: 70%;
}

#productReviewsDefaultNoReviews {
  clear: both;
}

#reviewsDefault .prod-list-wrap {
  padding: 20px;
}

#reviewsInfoDefault .rating {
  margin: 10px 0;
}

/*bof my account*/
#myAccountGen li,
#myAccountNotify li {
  margin: 0;
  list-style-type: none;
}

#myAccountGen li a,
#myAccountNotify li a {
  text-decoration: none;
}

.accountTotalDisplay,
.accountTaxDisplay {
  width: 20%;
  text-align: right;
}

.accountQuantityDisplay {
  width: 10%;
  vertical-align: middle;
}

#gvFaqDefaultContent,
#checkoutPayAddressDefault .instructions,
#checkoutShipAddressDefault .instructions,
#addressBookDefault .instructions,
#myAccountNotify,
#myAccountGen {
  padding: 20px 20px 20px 30px;
  margin-top: 0;
}

#sendSpendWrapper h2,
#accountDefault #sendSpendWrapper h2,
#gvFaqDefaultSubHeading,
#checkoutPayAddressDefaultAddress,
#checkoutShipAddressDefaultAddress,
#accountLinksWrapper h2,
h2#addressBookDefaultPrimary {
  padding: 10px;
  font-weight: normal;
  margin-bottom: 0;
  text-align: center;
}

#gvFaqDefaultSubHeading {
  clear: both;
}

#accountDefault #sendSpendWrapper h2 {
  margin-top: -20px;
  clear: both;
}

#accountDefault #sendSpendWrapper {
  margin-top: 30px;
}

#accountDefault #sendSpendWrapper .buttonRow.forward {
  margin: 0 20px 20px 0;
}

#addressBookDefault .instructions {
  padding: 20px;

}

#accountLinksWrapper {
  width: 100%;
}

#prevOrders td {
  padding: 10px;
}

#accountHistoryDefault .content.back {
  margin-right: 5%;
}

#accountHistInfo table td {
  padding: 20px 10px;
}

#accountHistInfo hr {
  display: none;
}

#orderTotals {
  padding: 10px;
}

#myAccountPaymentInfo,
#myAccountShipInfo {
  margin-top: 30px;
}

#myAccountPaymentInfo h3,
#myAccountShipInfo h3 {
  margin-top: 0;
  padding: 10px;
  font-weight: normal;
  text-align: center;
}

#myAccountPaymentInfo h4,
#myAccountShipInfo h4 {
  margin-top: 0;
  padding: 10px;
  font-weight: normal;
  text-align: center;
}

#myAccountPaymentInfo address,
#myAccountShipInfo address,
#myAccountPaymentInfo div,
#myAccountShipInfo div {
  padding: 0 0 20px 30px;
}

#accountHistoryDefault .buttonRow {
  margin-top: 20px;
  clear: both;
}

#accountHistoryDefault .content {
  margin-left: 20px;
}

#accountHistoryDefault .content.forward {
  margin-right: 20px;
}

#accountHistoryDefault .notice {
  margin-right: 20px;
}

#accountDefault #sendSpendWrapper {
  width: 100%;
  border: none;
}

#createAcctSuccess div {
  margin-bottom: 30px;
}

/*bof popups*/
#popupShippingEstimator,
#popupSearchHelp,
#popupAdditionalImage,
#popupImage,
#popupCVVHelp,
#popupvoucherHelp,
#popupAtrribsQuantityPricesHelp,
#infoShoppingCart {
  background: none;
}

.text-center {
  text-align: center !important;
}

/*bof home page*/
#indexDefaultHeading {
  font-weight: normal;
}

h2.greeting {
  margin-bottom: 20px;
}

h2.greeting a {}

h2.greeting a:hover {}

.home-image {
  display: block;
}

#indexHomeBody #navBreadCrumb {
  display: none;
}

#icon {
  padding: 40px;
  margin: 100px;
  font-size: 1500%;
}

/*bof misc*/
#upProductsHeading {
  text-align: left;
}

#upDateHeading {
  text-align: right;
}

#siteMapList {
  width: 90%;
  float: right;
}

#gvFaqDefaultContent {
  line-height: 20px;
  font-size: 110%;
}

#advSearchDefault .floatingBox {
  min-height: 115px;
  margin-bottom: 30px;
}

/*bof login*/
#loginDefault {
  margin-bottom: 30px;
}

#loginDefault .inputLabel {
  margin-left: 20px;
}

#loginDefault .alert {
  margin-right: 20px;
  padding: 0px;
}

.paypal-button-hidden {
  visibility: hidden;
}

/* markup for tables used to present tabular data */
.alignLeft {
  text-align: left;
}

.alignCenter {
  text-align: center;
}

.alignRight {
  text-align: right;
}

.tabTable {
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

table {
  border: none;
  padding: 0;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

#cartContentsDisplay {
  width: 100%;
}

#myAccountOrdersStatus,
#orderHistoryHeading,
#prevOrders {
  width: 100%;
}

.accountOrderId {
  width: 30px;
}

.accountOrderDate,
.accountOrderStatus,
.accountOrderTotal {
  width: 70px;
}

#seQuoteResults {
  width: 100%;
}

#seQuoteResults td {}

.listBoxContentTable {
  width: 100%;
}

.listBoxContentTable td {}

#upcomingProductsTable {
  width: 100%;
}

.products-listing .productsAllListing,
.productsNewListing,
.productsFeaturedListing {
  width: 100%;
}

.tableBorder1 td {}

/*highlight when selected Category and submenu*/
SPAN.category-subs-parent {
  font-weight: bold;
  text-decoration: underline;
}

SPAN.category-subs-selected {
  font-weight: bold;
  font-size: 110%;
}

#siteinfoLegal {
  display: flex;
  justify-content: space-between;
}

#navSuppWrapper {
  display: none;
}

nav.pagination,
ul.pagination {
  display: revert !important;
}

.product_listing_details {
  width: 700px;
}

.listing-display-col {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

.listing-display-col .listing-left {
  width: 40%;
  float: unset;
  max-width: 300px;
}

.listing-display-col .listing-right {
  width: 50%;
  float: unset;
}

/* #addressBookProcessDefault .alert,
#accountEditDefault .alert {
  margin-right: 20px;
  padding: 0px;
} */

.block {
  position: absolute;
  left: 0;
  top: 0;
}

.sliderContainer {
  position: relative;
  text-align: center;
  line-height: 40px;
  background: #f7f9fa;
  color: #45494c;
  border-radius: 2px;
  margin: 0 !important;
}

.sliderbg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-color: #f7f9fa;
  height: 40px;
  border-radius: 2px;
  border: 1px solid #e6e8eb;
  margin: 0 !important;
}

.sliderContainer_active .slider {
  top: -1px;
  border: 1px solid #1991fa;
}

.sliderContainer_active .sliderMask {
  border-width: 1px 0 1px 1px;
}

.sliderContainer_success .slider {
  top: -1px;
  border: 1px solid #52ccba;
  background-color: #52ccba !important;
}

.sliderContainer_success .sliderMask {
  border: 1px solid #52ccba;
  border-width: 1px 0 1px 1px;
  background-color: #d2f4ef;
}

.sliderContainer_success .sliderIcon:before {
  content: "\f00c";
}

.sliderContainer_fail .slider {
  top: -1px;
  border: 1px solid #f57a7a;
  background-color: #f57a7a !important;
}

.sliderContainer_fail .sliderMask {
  border: 1px solid #f57a7a;
  background-color: #fce1e1;
  border-width: 1px 0 1px 1px;
}

.sliderContainer_fail .sliderIcon:before {
  content: "\f00d";
}

.sliderContainer_active .sliderText,
.sliderContainer_success .sliderText,
.sliderContainer_fail .sliderText {
  display: none;
}

.sliderMask {
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  border: 0 solid #1991fa;
  background: #d1e9fe;
  border-radius: 2px;
  margin: 0 !important;
}

.slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: background 0.2s linear;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}

.slider:hover {
  background: #1991fa;
}

.slider:hover .sliderIcon {
  background-position: 0 -13px;
}

.sliderText {
  position: relative;
}

.sliderIcon {}

.refreshIcon {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  margin: 6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 1rem;
  z-index: 5;
  transition: color 0.3s linear;
}

.refreshIcon:hover {
  color: #6c757d;
}

table.order_payment_slip {
  width: 200px;
  font-size: 12px;
}

table.order_payment_slip th,
table.order_payment_slip td {
  padding: 0.4rem 0;
}

table.order_payment_slip thead {
  background: #666666;
  color: white;
}

table.order_payment_slip tbody {
  background-color: #eeeeee;
}

input.payment_slip_input {
  background-color: #eeeeee;
}

.centerBoxContentsProducts,
.specialsListBoxContents {
  position: relative;
  box-sizing: unset;
  /*     transition: transform 1s; */
  width: auto !important;
  height: 100% !important;
}

.centerBoxContentsProducts .inner-box,
.specialsListBoxContents .inner-box {
  box-shadow: 0px 0px 3px #cbc7c7;
  background-color: white;
  height: -webkit-fill-available;
}

.centerBoxContentsProducts .inner-box:hover,
.specialsListBoxContents .inner-box:hover {
  box-shadow: 0px 0px 12px #cbc7c7;
  z-index: 100;
  /*    transform: scale(1.02);  */
}

.centerBoxContentsProducts .list-more,
.centerBoxContentsProducts .listingDescription {
  display: none;
}

.centerBoxContentsProducts .list-image {
  margin: 0 auto !important;
  float: none;
}

.centerBoxContentsProducts .list-image a {
  position: relative;
}

.centerBoxContentsProducts .list-image img {
  max-width: 90% !important;
}

.centerBoxContentsProducts .itemTitle {
  font-size: 130%;
  height: 34px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 auto;
  padding: 0px 12px;
}

.centerBoxContentsProducts .listingDescription {
  display: none;
}

.listingDescription {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* number of lines to show */
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: revert;
}

.no-overflow {
  overflow: unset !important;
}

input[class*="cart_input"] {
  width: 45px;
  text-align: center;
  padding: 0;
}

/* *, *::before, *::after {
    box-sizing: revert;
} */

.centerBoxContentsProducts .list-price,
.specialsListBoxContents .list-price {
  /* position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 10px;
    left: 0; */
  height: 65px;
  margin-top: 10px;
  word-wrap: break-word;
}

.button_sold_out_sm,
span.button_ask_for_quote {
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: medium !important;
  align-items: center;
  width: max-content;
}

.centerBoxContentsProducts .button_sold_out_sm,
.centerBoxContentsProducts span.button_ask_for_quote {
  position: absolute;
  bottom: 30px;
  right: 0;
  left: 0;
}

.button_sold_out_sm {
  padding: 0.6rem !important;
  border-radius: 0.4rem;
}

ul.list-links span {
  margin-right: 26px;
}

.listDescription,
.centerBoxContentsProducts .list-min-qty {
  display: none;
}

.centerBoxContentsProducts .listDescription {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  /* number of lines to show */
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tooltips .tooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: black;
  color: #fff;
  border-radius: 6px;
  padding: 5px 0;

  transition: transform 1s;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  text-align: start;
  padding: 8px;
  white-space: nowrap;
  padding: 5px 10px;
}

.tooltips:hover .tooltiptext {
  visibility: visible;
}

.specialsListBoxContents .product-name {
  height: 38px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 auto;
}

/* .productPriceDiscount{
    display:none;
}
 */
.sub-categories-content {
  display: grid;
  /*   grid-template-columns: 33% 33% 33%; */
  grid-template-columns: repeat(auto-fit, 33%);
  justify-content: center;
  /*   justify-items: center; */

}

.column-product-name {
  margin: 5px 0px !important;
  display: -webkit-box !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.search-box {
  width: 180px;
  background-color: white;
  border-radius: 0.3rem;
  height: 33px;
  /*   margin: 2px auto; */
  box-shadow: 3px 2px 3px #666;
}

.search-bar-input {
  width: 140px !important;
  background-color: transparent;

}

.search-bar {
  height: 40px;
}

.search-box .button_search {
  display: none !important;
}

.search-box .search-box-submit {
  background-color: transparent;
  border: none;
  height: 33px;
  font-size: medium;
}

.search-bar-input:focus {
  border: none;
  outline: none;
  background: white;
}

/* .search-box.focus {
  border: 2px solid orange;
  outline: 1px white solid;
  background-color: #ffffffed;
} */

.flex-space-between {

  display: flex;
  justify-content: space-between;
  align-items: center;

}

.categoriesPdList .categories-link {

  text-decoration: none;
}

.categoriesPdList .centerBoxHeading {
  color: white;
  color: white;
  background: #fe6f17;
  padding: 11px 20px;
  margin: 5px auto;
  border-radius: 0.8rem;
  font-weight: 800;
}

#specialsDefault {
  background: #f6263a;
  border-radius: 1.8rem;
  padding: 10px;
}

#specialsDefault .centerBoxHeading {
  background: transparent;
  color: white;
  font-size: x-large;
  font-family: revert;
  font-weight: 800;
}

#featuredProducts .flex-space-between a,
#whatsNew .flex-space-between a {

  margin-right: 5px;
}

#featuredProducts .centerBoxHeading,
#whatsNew .centerBoxHeading,
#recentViewProducts .centerBoxHeading {

  color: #DA3545;
  background: transparent;
  font-weight: 800;
  text-align: left;
  width: fit-content;
  margin-left: 10px;

}


.flexATTRibute.centerBoxContentsSpecials.centeredContent {
  border-radius: 1rem;
}

.PaymentDescription {
  line-height: 20px;
}

.CheckoutAddress {
  display: grid;
  /*   grid-template-columns: 50% 50%; */
  grid-template-columns: repeat(auto-fit, 50%);
  justify-content: center;
  /*   justify-items: center; */
}

.categoryListBoxContentsItem {
  box-shadow: 0px 0px 3px #a0a0a0;
  background-color: white;
  padding: 1rem;
  height: 100%;
  border-radius: 8px;
}

.categoryListBoxContentsItem img,
.centerBoxContentsProducts .list-image img,
.specialsListBoxContents img {
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}

.categoryListBoxContentsItem label {
  z-index: 2;
  position: relative;
}

.centerBoxContentsProducts .inner-box>.itemTitle,
.specialsListBoxContents .inner-box>.product-name {
  z-index: 2;
  position: relative;
}

.categoryListBoxContentsItem:hover label {
  background-color: white;
}

.categoryListBoxContentsItem:hover img:not(.imgSubContent),
.centerBoxContentsProducts:hover .list-image img:not(.imgSubContent),
.specialsListBoxContents:hover img:not(.imgSubContent) {
  -webkit-transform: scale(1.1) rotate(0.01deg) translate(0, 7%);
  ;
  transform: scale(1.1) rotate(0.01deg) translate(0, 7%);
  ;
  /*  clip-path: inset(5px 15px); */
}

.flexATTRibute.centerBoxContentsSpecials.centeredContent,
.flexATTRibute.centerBoxContentsFeatured.centeredContent,
.flexATTRibute.centerBoxContentsNew.centeredContent,
.flexATTRibute.centerBoxContentsCategories.centeredContent,
.flexATTRibute.centerBoxContentsProductsRecentView.centeredContent {
  box-shadow: 0px 0px 3px #6c6c6c;
  background-color: white;
  margin: 6px;
  width: initial !important;
  height: initial !important;
  padding-bottom: 5px;
}

.flexATTRibute.centerBoxContentsSpecials.centeredContent a,
.flexATTRibute.centerBoxContentsFeatured.centeredContent a,
.flexATTRibute.centerBoxContentsNew.centeredContent a,
.flexATTRibute.centerBoxContentsCategories.centeredContent a,
.flexATTRibute.centerBoxContentsProductsRecentView.centeredContent a {

  position: relative;
}

.centerBoxWrapper .flexBar, .productsRecentViewContents.flexBar, .productsMayLikeContents.flexBar {
  display: grid;
  /*   grid-template-columns: 25% 25% 25% 25%; */
  grid-template-columns: repeat(auto-fit, 25%);
  justify-content: center;
  /*   justify-items: center; */
}


.sideBoxContentItem {
  box-shadow: 0px 0px 3px #6c6c6c;
  background-color: white;
  margin: 12px 6px;
  padding: 10px 0;
  width: 95%;
}

.centerBoxContentsSpecials a img,
.centerBoxContentsFeatured a img,
.centerBoxContentsNew a img,
.sideBoxContentItem a img {
  border: none !important;
}

span.productPriceDiscount {
  display: none;
}

.productSpecialPrice {
  display: block;
}

.column-product-name {
  height: 40px;
}

.sideBoxContentItem .normalprice {
  display: none;
}

#featured div.sideBoxContentItem {
  background: white;
}

.sideBoxContentItem span.productBasedPrice {
  font-size: initial;
}

div.sideBoxContentItem a {
  width: 100%;
  position: relative;
}

.sideBoxContentItem div.sideBoxProductsName {
  padding: 0 12px;
}

#prod-info-top.mobile {
  display: none;
}

#prod-info-top.desktop {
  display: block;
}

.breadCrumbs {
  margin: 0 7px;
}

.productsDetailsPanel1 #productAttributes .attrDetails {
  display: none;
}

#popupAtrribsQuantityPricesHelp .popupattributeqty .pageHeading {
  font-weight: 800;
  text-align: center;
}

body#popupAtrribsQuantityPricesHelp {
  background: cornsilk;
  width: 100vw;
  height: 100wh;
}

#popupAtrribsQuantityPricesHelp .popupattributeqty table {
  max-width: 80%;
  margin: 0 auto;
  box-shadow: 0px 6px 3px -3px #666;
  width: inherit;
}

#popupAtrribsQuantityPricesHelp .popupattributeqty table thead th {
  text-align: inherit;
  font-size: medium;
  padding-bottom: 5px;
  font-style: italic;
}

#popupAtrribsQuantityPricesHelp .popupattributeqty table tbody tr td:first-child {
  width: 85px;
  text-align: center;
  font-weight: 800;
}

#popupAtrribsQuantityPricesHelp .popupattributeqty table tbody tr td {
  padding: 6px;
  font-size: medium;
  border: 1px solid #a6a6a6;
}


table.productAttributes {

  margin: 10px auto;
}

table.productAttributes .optionNm {

  font-weight: bolder;
  font-size: 15px;
  padding-right: 10px;
  vertical-align: text-top;
}


table.productAttributes .products_variation {

  padding: 0.5rem 0.8rem;
  font-size: 14px;
  border: 1px solid #989898;
  background: white;
  border-radius: 0.2rem;

}

table.productAttributes .products_variation.selected {

  border: 1px solid #ee0000;
  color: #ee0000;

}

#productAttributes .wrapperAttribsQtyPrices {
  text-align: center;
  margin: 5px 0;
}

#productAttributes .wrapperAttribsQtyPrices button.button-qty-discount {
  box-sizing: border-box;
  display: inline-block !important;
  margin: 0;
  padding: 7px 20px !important;
  height: 40px !important;
  border: none !important;
  font-size: 1.2em;
  background: #05a5cb;
  color: #ffffff;

}

#productAttributes .wrapperAttribsOptions table {
  width: unset;
  margin: 0 auto;
}

#productAttributes .optionName {
  font-weight: bolder;
  font-size: 15px;
}

#productAttributes .optionName label {
  display: initial;
}

#productAttributes select[id^="attrib"] {
  border-radius: 0.6rem;
  padding: 10px;
  border-color: #c5c5c5;
  box-shadow: 1px 1px 1px #cbcbcb;
  border: 1px solid grey;
}

#productAttributes tr[id^="drp-attrib"] td {
  padding-bottom: 0.5rem;
}

.productsDetails1 #productPrices {
  font-size: large;
  margin: 22px 0;
}

#productPrices .productDisplayPrice,
#productPrices .productBasedPrice,
#productPrices .productSpecialPrice {
  color: #ff0000;
  text-shadow: 0 0 black;
  font-size: x-large;
}

#productQuantityDiscounts {
  overflow: auto;
}

#productQuantityDiscounts table#quantityDiscountsDetails {
  border: 1px solid #909090 !important;
  width: inherit;
}

#productQuantityDiscounts table#quantityDiscountsDetails thead td {
  font-size: initial;
  padding: 8px 0;
}

#productQuantityDiscounts table#quantityDiscountsDetails tbody td {
  background: white;
  color: inherit;
  border-right: 1px solid #dedede !important;
}

.divider {
  background: #e4e4e4;
  height: 10px;
}

.productsDetailsPanel .divider {
  background-color: #f4f4f4;
}

.productsDetailsPanel1 .header {
  background: #dfdede;
  padding: 10px 8px;
  font-weight: 800;
  font-size: larger;
}

div.productsDetails1 {
  display: grid;
  grid-template-columns: 48% 48%;
  grid-template-columns: repeat(auto-fit, 48%);
  justify-content: center;
  /*   justify-items: center; */
  column-gap: 4%;
}

.productsDetailsPanel1 {
  box-shadow: 1px 4px 15px #a8a8a8;
  border: 1px solid #cbcbcb;
  border-radius: 0.8rem;
  margin-top: 0.5rem;
  padding: 15px 0;
}

.productsDetailsPanel1 #productDescriptionImages {
  overflow: auto;
  max-height: 1100px;
  padding: 15px 0;
}

.productsDetailsPanel1 #productDescriptionImages img.productDescriptionImage {
  display: block;
  margin: 0 auto;
}

#productAttributes tr:not([id^="drp-attrib"]):not(.wrapperAttribsOptions tr),
#attribsOptionsText {
  display: none;
}

.productsDetails1 #cartAdd input[name="cart_quantity"],
.productsDetails1 #cartAdd button.cart-qty-modify {
  border: 1px solid #959595;
  text-align: center;
  max-width: 50px;
  box-sizing: border-box;
  vertical-align: top;
  display: inline-block !important;
  height: 40px;
  margin: 0;
  padding: 7px !important;
}

.productsDetails1 #cartAdd button.cart-qty-modify {
  width: 40px;
}

.productsDetails1 #cartAdd .max-qty {
  margin: 5px;
}

.productsDetails1 #cartAdd .quanityleftDisplay,
#cartAdd .quanityInCartDisplay {

  margin-top: 8px;
  font-size: 14px;

}

#cartAdd .quanityInCartDisplay {
  display: none;
}

#cartAdd .quanityInCartDisplay.show {
  display: block;
}

.productsDetails1 #cartAdd button.submit_button.button_in_cart {
  box-sizing: border-box;
  display: inline-block !important;
  margin: 8px 0;
  padding: 7px 20px !important;
  height: 40px !important;
  border: none !important;
  font-size: 1.2em;
  background: #05a5cb;
  color: #ffffff;
  width: initial;
}

.productsDetails1 #productName,
.productsDetails1 #productQty {
  margin: 3px 12px;
}

.productsDetails1 #productQty {
  font-style: italic;
}

#productAttributes .wrapperAttribsOptions label.attribsRadioButton {
  display: inline;
}

#cartAdd button.submit_button.button_in_cart:disabled {
  background: #ababab !important;
}

span.button.button_sold_out {
  width: max-content;
  margin: 0 auto;
}

.pop-up-estimator-address-list {
  display: flex;
  overflow-x: auto;
  align-items: stretch;
  padding: 5px 0px 13px;
}

div.pop-up-estimator-address {
  box-shadow: 3px 3px 5px #666;
  padding: 0.8em;
  border: 1px solid #dddddd;
  border-radius: 0.8rem;
  min-width: 250px;
  margin-right: 1rem;
  cursor: pointer;
}

div.pop-up-estimator-address.selected {

  border: 2px solid #ff9500;
  background-color: #ffebcf;
}

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

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

tr.heading td, tr.heading th {

  margin: 0px 5px;
}

#shippingEstimatorContent .cartTotalsDisplay {
  /* background: #ff5783 !important; */
  /* border-radius: 0.8rem; */
  background: transparent !important;
  padding: 7px 18px;
  border-radius: 0.8rem;
  color: black;

}

#seQuoteResults tr.heading th {
  background: #DA3545;
}

#shippingEstimatorContent tr:nth-child(odd):not(#shippingEstimatorZoneChooser tr) {
  background: #ffd9d96e !important;
}

#shippingEstimatorContent label.inputLabel {
  width: revert !important;
  color: black;
}

#shippingEstimatorZoneChooser th, #shippingEstimatorZoneChooser td, #shippingEstimatorZoneChooser tr {
  background: transparent !important;
}

#shippingEstimatorZoneChooser th {
  width: max-content;
  padding: 0;
}


#shippingEstimatorZoneChooser select {
  width: 180px !important;
  border: 1.5px solid #aaa;
  border-radius: 0.6rem;
}

#shippingEstimatorZoneChooser select:disabled {
  background: #e0e0e0;
}

table#shippingEstimatorZoneChooser {
  margin-top: 0;

}

.shippingEstimatorAddressContent {
  border: 1px solid #ddd;
  width: max-content;
  padding: 0.6rem;
  margin-left: 20px;
  box-shadow: 1px 2px 6px #afaeae;
}

h2#checkoutShippingHeadingAddress, h2#checkoutPaymentHeadingAddress {

  text-align: left;
  padding: 0 5px;
  font-weight: 800;
  width: max-content;
  margin: 0px 5px 10px;

}

div.ShippingAddress, div.BillingAddress {

  border: 2px solid #ddd;
  margin: 0 10px;
  box-shadow: 0px 2px 5px #ddd;
  padding: 12px 0;

}

.CheckoutAddress div.ShippingAddress, .CheckoutAddress div.BillingAddress {

  margin: 1rem !important;

}


.checkoutHeadingShippingMethodDetails {
  text-align: center;
  margin: 0.4rem;
  min-height: 60px;
}

.checkoutHeadingShippingMethodDetails div.ShippingMethodTitle {
  font-size: large;
  font-weight: 800;
}

.btnChangeShippingMethod, .btnChangePaymentMethod {
  float: right;

}

.btnChangeShippingMethod span, .btnChangePaymentMethod span {
  width: fit-content !important;

}

h2#checkoutBillingHeadingMethod, h2#checkoutHeadingShippingMethod, h2#checkoutHeadingPaymentMethod {
  background: #DA3545;
  color: white;
  padding: 10px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 0;
}

#checkoutShipping fieldset#comments, #checkoutPayment fieldset#comments {

  padding: 0 0 10px;
  margin-top: 24px;
}

#checkoutShipping fieldset#comments legend, #checkoutPayment fieldset#comments legend {

  background: #DA3545;
  color: white;
  padding: 10px;
  font-weight: 800;
}

#checkoutShipping fieldset#comments textarea, #checkoutPayment fieldset#comments textarea {
  width: -webkit-fill-available;
  margin: 0px 10px;

}

#checkoutShipping table.shipping_method, #checkoutPayment table.payment_method {
  background: #eee;
}

#checkoutShipping table.shipping_method th.ShippingMethodTitle {
  background: #cbcbcb;
  font-weight: 800;
  padding: 10px;
  font-size: 1.3em;
}

#checkoutShipping table.shipping_method td.price {
  font-size: 1.2em;
  font-weight: 800;
  text-align: right;
  padding-right: 7px;
}

#checkoutPayment table#checkoutOrderTotals {
  margin: 15px 0;
}

#checkoutPayment table#checkoutOrderTotals th.OrderTotalSummary {

  background: #DA3545;
  color: white;
  padding: 10px;
  font-weight: 800;
  font-size: 1.4em;
}

#checkoutPayment table#checkoutOrderTotals tr.summaryDetails td {

  font-size: 1.4em;
  padding: 10px 5px;
  border-bottom: 1px solid #ddd;

}

#checkoutPayment table#checkoutOrderTotals tr.summaryDetails td:nth-child(2) {

  font-weight: 800;

}

#checkoutPayment table#checkoutOrderTotals tr.summaryDetails td:nth-child(1) {

  width: 90%;

}

#checkoutPayment table#checkoutOrderTotals tr:last-child {

  font-weight: 800;
  background: #ddd;
  border: 1px solid #ddd;
}

#checkoutPayment table.payment_method {

  font-size: medium;
}

#checkoutPayment table.payment_method th {

  padding: 1rem 0.4rem;
}

#checkoutPayment table.payment_method td {

  padding: 0.2rem 0.4rem;
}


#checkoutConfirmDefaultBillingAddress, #checkoutConfirmDefaultShippingAddress, #checkoutConfirmDefaultShipment, #checkoutConfirmDefaultPayment {

  font-weight: 800;
  background: #DA3545;
  margin: 0 0 0.8rem;
  color: white;
  padding: 0.4rem 0;
  text-align: center;
}

#checkoutConfirmDefaultShipment {


  margin-top: 1rem;
  text-align: center;

}

#checkoutConfirmDefaultShipmentTitle {
  text-align: center;
  margin: 0.4rem;
}

#checkoutConfirmDefaultPayment {
  text-align: center;
  margin: 0;
}

div.PaymentDescription {

  margin: 0.4rem;
  min-height: 60px;

}

#checkoutConfirmDefault #order-comments {

  padding: 0 0 10px;
  margin-top: 24px;
}

#checkoutConfirmDefault h2#checkoutConfirmDefaultHeadingComments, h2#checkoutConfirmDefaultHeadingCart, h2#orderHistoryStatus {

  background: #DA3545;
  color: white;
  padding: 10px;
  font-weight: 800;
  text-align: center;
}

.carousel-indicators [data-bs-target] {
  background-color: #525151;
}

#checkoutConfirmDefault #cartContentsDisplay ul.cartAttribsList {
  margin: 0;
}


#checkoutConfirmDefault #cartContentsDisplay tr.summaryDetails td {

  background: #eee;
  font-size: 2em;
  padding: 0.2em;
}

#checkoutConfirmDefault #cartContentsDisplay tr.summaryDetails.ot_total {
  font-weight: 800;
}

#checkoutConfirmDefault #cartContentsDisplay {
  margin-bottom: 1.5rem;
}



#checkoutConfirmDefault #cartContentsDisplay .summaryDetails td:last-child {
  width: 125px;
  text-align: right;
  padding-right: 0.6rem;
}



#checkoutConfirmDefault #cartContentsDisplay .cartTableHeading th:last-child {
  width: 85px;
}

#checkoutSuccess #checkoutSuccessOrderNumber {
  font-size: medium;
}

#checkoutSuccess #checkoutSuccessOrderNumber span.orderNum {
  color: #DA3545;
  font-weight: 800;
}

.checkoutSuccessorder_date {
  font-size: small;
  font-weight: 800;
  margin: 0 0 0.5rem;
}

#accountHistInfo table#orderHistoryHeading .tableHeading th {
  background: #939393;
}

#accountHistInfo table#orderHistoryHeading .accountQuantityDisplay {
  font-size: 15px;
  font-weight: 800;
}



#accountHistInfo table#orderHistoryHeading td {
  border: 0 !important;
}

#accountHistInfo table#orderHistoryHeading tr.orderTotals td {
  background: #ccc;
  font-size: 1.3em;
  padding: 0.2em;
  text-align: right;
}

#accountHistInfo table#orderHistoryHeading tr.orderTotals.ot_total td {
  font-weight: 800;
}

#accountHistInfo table#orderHistoryHeading tr:not(.tableHeading, .orderTotals):nth-child(even) td {
  background: white;
}

table#orderHistoryHeading td.addontitle {

  background: #f6daa5 !important;
  font-size: medium;
  font-weight: 800;
  text-align: center;
}

#checkoutSuccess table#myAccountOrdersStatus td, #checkoutSuccess table#myAccountOrdersStatus th {
  padding: 0.1rem 0.4rem;
}

#myAccountShipInfo, #myAccountPaymentInfo {

  border: 2px solid #ddd;
  margin: 0 10px;
  box-shadow: 0px 2px 5px #ddd;
  padding: 10px 0 12px;
  width: auto;
  background: #f4f4f4b5 !important;
  margin-top: 10px;

}

h2.myAccountShipMthTitle, h2.myAccountShipTitle, h2.myAccountBillTitle, h2.myAccountPaymentTitle, h2#Payment_Slip, h2#Payment_Details {
  background: #DA3545;
  color: white;
  padding: 10px;
  font-weight: 800;
  text-align: center;
}

h2#Payment_Details {

  margin-bottom: 0;
}

.myAccountshippingMethod, .myAccountPaymentMethod {

  padding: 0 !important;
  text-align: center;
  font-size: 1.3em;
  font-weight: 800;

}

.myAccountOrderDetails {
  display: grid;
  /*   grid-template-columns: 50% 50%; */
  grid-template-columns: repeat(auto-fit, 50%);
  justify-content: center;
  /*   justify-items: center; */
}

#checkoutShipAddressDefaultHeading {
  font-weight: 800;
}

#checkoutShipAddressDefaultAddress, #checkoutPayAddressDefaultAddress, #addressBookDefaultPrimary, #NewAddressHeading, #titleHeading {

  background: #ff3700 !important;
  padding: 1rem !important;
  font-size: 1.2rem;
  font-weight: 800 !important;
  color: white !important;
  text-align: center;


}

#checkoutPayAddressDefault address,
#checkoutShipAddressDefault address,
#addressBookDefault address {

  font-size: 1rem;
  line-height: 1.2rem;
  margin: 0;
  padding: 0.8rem 0;

}

#checkoutPayAddressDefault .instructions address,
#checkoutShipAddressDefault .instructions address,
#addressBookDefault .instructions address {

  padding: 0.8rem !important;
}

#checkoutNewAddressHeading,
#checkoutSavedAddressHeading,
#SavedAddressHeading,
h2.accountHistoryOrderTitle,
h2.HeadingTitleOrg,
h2#loginHeading,
h2#RegisterHeading,
h2#passwordHeading {

  background: #ff9800 !important;
  padding: 1rem;
  font-size: 1.2rem;
  font-weight: 800;
  color: white;
  text-shadow: 1px 1px 10px #7c7c7c, 1px 1px 10px #000;
  margin: 0;
  text-align: center;
}

.required_info {
  margin: 0;
  text-align: right;
  font-weight: 800;
}

div.addressDetails input, div.addressDetails label {

  margin: 0;

}

div.addressDetails .alert {
  padding: 0;
  margin-left: 2px;

}

div.addressDetails input:not([type="radio"]):not([type="checkbox"]),
div.addressDetails select,
#loginDefault input:not([type="submit"]):not([type="button"]) {
  width: 100% !important;
  padding: 0 7px;
  height: 32px !important;
  margin-top: 5px;
  border-width: 0px;
  box-shadow: 0px 0px 1px 1px #9d9d9d87;
  border-radius: 5px;
  margin-left: 0;
}

#loginDefault .loginBox {
  padding: 5px 12px !important;
  margin-left: 0 !important;
  width: 100% !important;
}

#loginDefault .loginButton {
  text-align: right;
}

div.addressDetails table th,
#loginDefault table th {
  text-align: left;
  font-size: medium;
}

div.addressDetails table {
  width: 80%;
}


fieldset.SavedAddressContent {
  margin-top: 45px;
}

div.addressList table tr:nth-child(even), div.FulladdressList table tr:nth-child(even), table#prevOrders tr:nth-child(even) td, table#prevOrders tr:nth-child(even) {
  background: #f8f8f8;
}

div.addressList {

  overflow-y: auto;
  max-height: 480px;
  margin: 0 !important;
  width: 100% !important;
}

fieldset.savedAddress address {
  margin: 0 32px !important;
  padding: 0.8rem 0 0 !important;

}

div.FulladdressList {

  overflow-y: auto;
  max-height: 800px;
  margin: 0 !important;
  width: 100% !important;
}

.editAddress {
  margin-bottom: 20px;
}

.newAddressContent {
  background: #eee;
  padding: 10px 0;
}

div.addressDetails {
  margin: 0 20px;
}

div.FulladdressList .primaryadd {

  font-weight: 800;
}


div.FulladdressList .small_edit, div.FulladdressList .button_delete_small {

  margin: 10px 20px;
  width: 100px !important;
  text-align: center;
}

div.buttonEditAddress {
  float: right;

}

div.FulladdressList a {

  text-decoration: none !important;
}

input.submit_button, span.normal_button,
button.submit_button {
  height: revert;
  padding: 12px 30px !important;
  width: 135px !important;
  text-align: center !important;
  min-width: max-content;
  border: 0;
}

button.submit_button:hover {
  background-color: black;
}

a.normal_button {
  height: revert;
  padding: 12px 30px !important;
  width: 135px !important;
  text-align: center !important;
  background: #05a5cb;
  border: none !important;
  font-size: 1.2em;
  display: inline-block;
  margin: 0;
  -webkit-appearance: button;
  color: white !important;
  text-decoration: none;
}

a.normal_button:hover {

  background: #028fba;

}

#createAcctDefault .loginButton {

  margin-bottom: 20px;
  text-align: right;

}

a.show-all-order {

  padding: 8px;
  color: #666 !important;
  width: 100%;
  display: block;
  text-align: right;

}

h2#previous-orders {

  background: #DA3545 !important;
  padding: 1rem !important;
  font-size: 1.2rem;
  font-weight: 800 !important;
  color: white !important;
  text-align: center;

}

h2#previous-orders {

  margin-bottom: 0;
}

table#prevOrders tr.tableHeading {

  background: #555555;
  color: white;

}

#accountHistoryDefault fieldset *:not(.accountHistoryOrderTitle, .viewButton) {

  font-size: medium;
}

table.accountHistoryListTable {

  margin-top: 10px;
}

table.accountHistoryListTable td {

  padding: 8px 0;
}

table.accountHistoryListTable th {

  width: 135px;
}

a.payment_slip {
  color: #05a5cb !important;
}


a.payment_slip:hover {
  color: #5c5c5c !important;
}

div#accountHistoryList {

  overflow-y: auto;
  max-height: 120vh;
  padding: 0 8px 8px;
}

#accountLinksWrapper a.accountLink {

  padding: 15px 20px;
  background: #f8f8f8;
  display: block;
  text-decoration: none;
  font-size: medium;

}


#accountLinksWrapper a.accountLink:hover {


  background: #9f9f9f !important;
  color: white;


}


#accountLinksWrapper a.accountLink:nth-child(odd) {
  background: #ececec;

}


#accountLinksWrapper a.accountLink:after {
  content: "\f054";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  float: right;
}

#accountLinksWrapper {

  margin: 20px 0;
}

a.loginDirect {
  color: #008de0 !important;
  text-decoration: none;

  margin-left: 20px;
  padding: 0.2em;
  font-size: medium;
  line-height: 1.3rem;

}

a.loginDirect:hover {

  color: #5c5c5c !important;


}

.HeadingTitleGrey {

  background: #9c9c9c !important;
  padding: 0.5rem;
  font-size: 0.8rem;
  font-weight: 800;
  color: white;
  text-shadow: 1px 1px 10px #7c7c7c, 1px 1px 10px #000;
  margin: 0;
  text-align: center;
}

#createAcctDefault .HeadingTitleGrey,
#accountEditDefault .HeadingTitleGrey,
#addressBookProcessDefault .HeadingTitleGrey,
#accountPassword .HeadingTitleGrey {
  font-size: medium;
  background: #ececec !important;
  border-radius: 5px;
  margin: 10px;
  padding: 12px 10px;
  text-shadow: 0 0 BLACK;
  color: #000567;
  font-weight: 500;
  text-align: left;
}

#createAcctDefault .HeadingTitleGrey:after,
#accountEditDefault .HeadingTitleGrey:after,
#addressBookProcessDefault .HeadingTitleGrey:after,
#accountPassword .HeadingTitleGrey:after {
  content: "\2B9F";
  float: right;
}

#createAcctDefault fieldset {
  margin: 0;
  padding: 0;
  background: transparent;
}

div.addressDetails table th,
#loginDefault table th {

  width: 150px;
}

.createAccountContents,
#accountEditDefault fieldset,
#addressBookProcessDefault div.newAddressContent,
#accountPassword fieldset {
  padding: 0 5px 12px !important;
  background: white;
  box-shadow: 1px 0px 7px 1px #9d9d9d3d;
  border-radius: 9px;

}

#advSearchDefault input:focus {
  background-color: white;
}

#advSearchDefault input::selection {
  color: black;
  background-color: #008de0;
}

.crumbs ul {

  padding-left: 0;
}

.crumb {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  min-width: 480px;
  padding: 0 40px;
}

.breadcrumb {
  display: flex;
  border-radius: 10px;
  top: 50%;
  width: 100%;

  z-index: 1;
}

.breadcrumb__item {

  background-color: white;
  color: #252525;
  border-radius: 7px;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  transform: skew(-14deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  margin: 3px;
  padding: 2px 12px;
  cursor: pointer;

}

.breadcrumb__item a {
  text-decoration: none;
  padding: 4px 9px;
}

.breadcrumb__item:hover a {
  color: #FFF;
}

.breadcrumb__item:hover {
  background: #2eafe2;

}

.breadcrumb__title {
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.breadcrumb__item.breadcrumb__item-lastChild a {
  pointer-events: none;
}

.navNextPrevWrapper {
  display: none !important;
}

nav.pagination ul.pagination li a, nav.pagination ul.pagination li {

  color: #909090;
  background: 0;
  font-size: medium;
  font-weight: unset;
  padding: 7px;

}

#specialsListingHeading {
  text-align: center;

}

.rightBoxContainer#reviews {
  display: none;
}


.img-scroll-img.selected {

  border: 2px solid #ff6700;

}

.messageStack {

  box-shadow: 3px 3px 9px #666;

}

.messageStack td.messageStackImg img {

  width: 40px;
  max-width: unset;

}

.messageStack td.messageStackImg {

  padding-right: 15px;

}

#cartContentsDisplay .tableHeading {

  background: #787878;
}

#cartBoxListWrapper table.cartContents td.qty {

  width: 45px;
}

#avatar-icon-select {
  margin: 0 5px;


}

#avatar-icon-select .selected-box {
  border-color: #dddddd;
  width: 55px;
  height: 55px;
}

#avatar-icon-select .selected-icon {
  width: 50px;
  height: 50px;

}

#avatar-icon-select-box-scroll {
  width: 330px;
  height: 200px;
}

#avatar-icon-select-box-scroll>div {
  margin: 0 5px;
}

#avatar-icon-select-box-scroll .icon {

  width: 60px;
  height: 60px;
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}


#productGeneral .remind-text {
  font-size: small;
}

#cartContentsDisplay .remind-text {
  margin-left: 10px;
  text-align: center;
}

.attributesOptionText {

  width: max-content;
  margin: auto;
}

.attributesOptionText>*:last-child {
  margin-bottom: 8px;

}

.productNoticeInDescription {
  padding: 0.2em 1.2em !important;
  font-size: large;
}

.productNoticeInDescription>hr {
  margin-bottom: 0;
}

.productNoticeWithinBox {
  font-size: larger;

}

.catDescContent.dual {
  display: flex;
  justify-content: center;
  /*   align-items: center; */
}

.catDescContent {
  margin: 15px auto;
  box-shadow: 0px 1px 10px #929292;
  width: fit-content;
  border-radius: 7px;
  overflow: hidden;
  min-width: 50%;
}

.catDescContent.single .descriptionCont {}

.catDescContent.dual .descriptionCont {}

.catDescContent .descriptionCont {
  padding: 10px 60px;


}

.catDescContent .descriptionImg {
  display: flex;
  align-items: center;
}

.catDescContent .descriptionImg img {
  width: 200px;
  border-radius: 5px;
}

.descriptionCont .descriptionContText {
  margin: 10px 0;
}

.descriptionCont .descriptionContText * {
  text-align: center;
}

.descriptionCont .descriptionContact table {
  width: revert;
  margin: auto;
}

.descriptionCont .link {
  font-size: 20px;
  margin-right: 10px;
  color: white;
  width: 30px;
  padding: 5px;
  border-radius: 6px;
  text-align: center;
}

.descriptionCont .link.link-fb {
  background-color: #1e60fb;
}

.descriptionCont .link.link-insta {
  background-color: #ea00df;
  background: -moz-linear-gradient(200deg, #833ab4, #fd1d1d, #fcb045);
  background: -webkit-linear-gradient(200deg, #833ab4, #fd1d1d, #fcb045);
  background: linear-gradient(200deg, #833ab4, #fd1d1d, #fcb045);

}

.descriptionCont .link.link-ws {

  background-color: #18c24d;
}

.descriptionCont .link.link-tt {
  background-color: black;
  text-shadow: -1px -1px 0px #34f4ee;
}

.descriptionCont .link.link-tw {
  background-color: #2b9fef;

}

.descriptionCont .descriptionContact .descriptionLink {
  font-size: larger;
  color: #747474;
  font-weight: 700;

}

div.PaymentDescription .text {
  font-size: initial;
}


.cBreadCrumb {
  margin-bottom: 10px;
  font-size: initial;
}

.cBreadCrumb .breadcrumbRight {
  margin: 0 10px;

}

.cBreadCrumb a.breadCrumbText {
  color: #03254b;
  text-decoration: none;
}


.cBreadCrumb a.breadCrumbText:hover {
  color: #4e73df;
  font-weight: 600;
}

.cBreadCrumb label.breadCrumbText {

  font-weight: 800;
}

.profileDropDown label {
  cursor: pointer;
}

.profileDropDown .profileBtn {
  display: flex;
  align-items: center;
}

.profileContent {
  display: flex;
  flex-direction: column;
}

.profileContent label {
  line-height: 1;
  padding-left: 15px;
}

.profileContent label.customerName {
  font-size: 18px;
}

.profileContent label.discountWallet {

  font-size: 12px;

}

#navMainSearch1 a.discountWallet {
  text-decoration: none;
}

#discountWalletDefault #discountWalletHeading {
  font-weight: 700;
  margin: 0;
}

#discountWalletDefault .currentBalance {
  font-size: large;
  color: #408754;
  font-weight: 700;
}

#discountWalletDefault .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 15px;
  margin: 12px 0;
}

#discountWalletDefault hr {
  width: 80%;
  margin: auto;
}

#discountWalletDefault .discountWalletParagraph {
  font-size: 16px;
  margin: 15px 5px;
  line-height: 1.5;
  border: 1px solid #dddcdc;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 1px 2px 10px #cfcfcf;
}

#discountWalletDefault .dwBanner {
  border-radius: 10px;
  overflow: hidden;
  margin: 0 10px;
}

#discountWalletDefault .dwBanner .dwBannerImg {
  width: 100%;
}

#discountWalletDefault .tHHeading {
  margin: 0 0 10px;
  font-weight: 600;
  font-size: 14px;
}

#discountWalletDefault .dWHistory {
  border: 1px solid #dddcdc;
  border-radius: 15px;
  padding: 16px;
  box-shadow: 1px 2px 10px #e5e5e5;
  width: fit-content;
  margin: 10px 5px;
}

#discountWalletDefault .dWHTable {

  width: revert;
}

#discountWalletDefault .dWHTable td {
  padding: 5px;
  border-bottom: 1px solid #ededed;
}

#discountWalletDefault .dWHTable .HDescrip,
#discountWalletDefault .dWHTable .HDate {
  display: block;
  line-height: 1.1;


}

#discountWalletDefault .dWHTable .HDescrip {
  font-size: 14px;
  font-weight: 600;
  margin-right: 20px;
  color: #828282;
}

#discountWalletDefault .dWHTable .HDate {
  font-size: 12px;
  color: #989898;
}

#discountWalletDefault .dWHTable .HAmount {
  font-size: 14px;
  font-weight: 600;
}

.dWInfoBtn {
  position: relative;
  display: inline-block;
  margin-right: 0 !important;
}

.dWInfoBtn button,
.shoppingCartDropDown #shoppingCartDropDownContent .checkout .DiscountWallet button,
#shoppingCartDefault .DiscountWallet button {

  background: transparent;
  border: 0;
  color: red;
  padding: 0 6px;

}

.BtnInfodw {
  margin-right: 0 !important;
  cursor: pointer;
}

#dWallet-dialog {
  max-width: 750px;
  padding: 12px 50px 50px;
}

#dWallet-dialog .discountWalletParagraph {
  font-size: 16px;
  line-height: 1.5;
  width: 100%;
  margin-top: 10px;
}

#dWallet-dialog .dwBanner {
  text-align: center;
}

.shoppingCartDropDown #shoppingCartDropDownContent .checkout .DiscountWallet,
#shoppingCartDefault .DiscountWallet {
  position: relative;
  display: flex;
  justify-content: flex-end;

}

.dWInfoBtn .dWMoreBtn,
.shoppingCartDropDown #shoppingCartDropDownContent .checkout .DiscountWallet .dWMoreBtn,
#shoppingCartDefault .DiscountWallet .dWMoreBtn {
  display: block;
  width: fit-content;
  margin: auto;
  text-decoration: none;
  margin-top: 10px;
  padding: 7px 15px;
  border-radius: 5px;
  margin-bottom: 5px;
  background: transparent;
  color: black;
  border: 1px solid black
}

.dWInfoBtn .popup,
#shoppingCartDefault .DiscountWallet .popup {
  width: 360px;
  line-height: 1.1;
  text-align: left;
  top: 30px;
  transform: unset;
  right: 0px;
  font-size: 18px;
  left: unset;
}

#shoppingCartDefault .DiscountWallet .popup.arrow-top:before {
  right: 40%;
}

.shoppingCartDropDown #shoppingCartDropDownContent .checkout .DiscountWallet .popup {
  width: 250px;
  line-height: 1.1;
  text-align: left;
  transform: unset;
  right: 15px;
  font-size: 14px;
  left: unset;
  top: unset;
  bottom: 30px;

}

.shoppingCartDropDown #shoppingCartDropDownContent .checkout .DiscountWallet .popup .dWMoreBtn {
  margin-top: 5px;
  padding: 5px 10px;

}


.shoppingCartDropDown #shoppingCartDropDownContent .checkout .DiscountWallet .popup .popup-wrapper {
  padding: 10px;

}


.dWInfoBtn .popup:before {}


.popup {
  width: 400px;
  margin: 0 auto;
  position: absolute;
  z-index: 2;
  transform: translate(-50%, 0%);
  left: 50%;
  top: 80%;
  max-width: 80vw;
  display: none;
}

.popup.show {

  display: block;
}

.popup:after {
  content: "";
  height: 100%;
  width: 100%;
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: 0 0px 5px rgb(102 102 102 / 72%);
}

.popup:before {
  content: "";
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  box-shadow: 0 0px 5px rgb(102 102 102 / 72%);
  background: #fff;
  position: absolute;
  z-index: 2;
}

/*
Different arrow positioning
*/
.popup.arrow-top:before {
  right: 20px;
  top: -8px;
}

.popup.arrow-right:before {
  top: calc(50% - 10px);
  right: -8px;
}

.popup.arrow-bottom:before {
  left: calc(50% - 10px);
  bottom: -8px;
}

.popup.arrow-left:before {
  top: calc(50% - 10px);
  left: -8px;
}

/* 
Popup wrapper
This is where we add the white background and padding of the content within the popup
*/
.popup-wrapper {
  width: 100%;
  padding: 20px;
  border-radius: 4px;
  background: #fff;
  position: relative;
  z-index: 2;
}

#checkoutSuccessConfirmationEmailText {
  margin: 5px 0 0;
}

.checkoutSuccessDiscountWalletMoreDetails {
  text-align: right;
}

.checkoutSuccessDiscountWalletMoreDetails a {
  color: #666;
  font-size: 14px;
}

.checkoutSuccessDiscountWalletNoticeImage img {
  border-radius: 8px;
}

.checkoutSuccessDiscountWalletDescription {
  padding: 10px 10px 15px;
  font-size: 14px;
}

/* #accountHistInfo {
  margin-top: 5px;
} */

.share-buttons .share-button {
  border-radius: 4px;
  border: 0;
  color: white;
  padding: 4px 8px;
  margin: 0 2px;
}

.share-buttons .share-button.twitter {
  background-color: rgb(29, 155, 240);
}

.share-buttons .share-button.whatsapp {

  background-color: rgb(18, 175, 10);

}

.share-buttons .share-button.copyCode {
  background-color: rgb(136, 137, 144);
}

#referralCodeDefault #referralCodeHeading {
  font-weight: 700;
  margin: 10px 0 5px;
  text-align: center;
}

#referralCodeDefault #UserreferralCodeHeading {
  text-align: center;
  margin-right: 5px;
}

#referralCodeDefault #UserreferralCodeHeading span {
  font-weight: 700;
  color: red;
  font-weight: 700;
  font-size: x-large;
}

#referralCodeDefault .share-buttons {
  text-align: center;
  margin: auto;
  border: 1px solid #c6c6c6;
  padding: 8px 10px;
  width: fit-content;
  border-radius: 8px;
  margin-bottom: 10px;
  box-shadow: 2px 2px 1px #e2e2e2;
}

#referralCodeDefault .share-buttons label {
  font-size: 14px;
}

#referralCodeDefault .share-buttons .share-button {
  border-radius: 6px;
  border: 0;
  color: white;
  padding: 6px 8px;
  margin: 0 2px;
  font-size: 18px;
  margin: 0px;
}

#referralCodeDefault #UserreferralCodeHeading,
#referralCodeDefault .share-buttons {
  display: inline-block;
}

#referralCodeDefault .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 15px;
  margin: 12px 0;
}

#referralCodeDefault .codeSharing {
  text-align: center;
}

#referralCodeDefault .rcIntrucstion {
  width: fit-content;
  margin: 5px auto 8px;
}

#referralCodeDefault hr {
  width: 80%;
  margin: 30px auto;
}

#referralCodeDefault .referralCodeParagraph {
  font-size: 16px;
  margin: 15px 10px;
  line-height: 1.5;
}

#referralCodeDefault .referralCodeBanner {
  border-radius: 10px;
  overflow: hidden;
  margin: 0 10px;
}

#referralCodeDefault .referralCode .referralCodeBannerImg {
  width: 100%;
}

#referralCodeDefault .cloud {
  position: relative;
}

#referralCodeDefault #referralFollowUpTitle {
  width: fit-content;
  margin: 5px auto;
  font-size: 20px;
  border-radius: 8px;
  background: #fecece;
  padding: 8px 15px;
}

#referralCodeDefault .textHeading {

  font-weight: 600;
  font-size: 14px;
}

#referralCodeDefault .fixedSideNavTab {
  display: revert;
}

#referralCodeDefault .fixedSideNavTab .navMenu {
  width: revert;
  height: fit-content;
  min-height: unset;
  background: transparent;
  border-bottom: 1px solid #dee2e6;
  padding: 0 0.4rem;
  border-radius: 0;
}

#referralCodeDefault .fixedSideNavTab .navContents {
  padding: 10px 0 0;
  overflow: auto;
  margin-bottom: 40px;
  height: 80vh;
}

#referralCodeDefault .fixedSideNavTab .navMenu a.navLink {
  display: inline-block;
  font-weight: normal;
  border-bottom: 0;
  border-radius: 0;
}

#referralCodeDefault .fixedSideNavTab .navMenu a.navLink:has(+ a.navLink.active) {}

#referralCodeDefault .fixedSideNavTab .navMenu a.navLink.active {
  font-weight: 600;
  border: 1px solid transparent;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-color: #dee2e6 #dee2e6 #fff;
  padding: 8px 13px;
}



.cloud {
  margin-top: 70px;
  width: 350px;
  height: 120px;
  background: #ECEFF1;
  box-shadow: 10px 10px rgba(0, 0, 0, 0.2);
  border-radius: 100px;
}

.cloud::after, .cloud::before {
  content: "";
  position: relative;
  display: inline-block;
  background: inherit;
  border-radius: inherit;
}

.cloud::after {
  width: 100px;
  height: 100px;
  top: -220px;
  left: 50px;
}

.cloud::before {
  width: 180px;
  height: 180px;
  top: -70px;
  left: 130px;
}


ul.progress_bar {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
  list-style: none;
}

li.section {
  display: inline-block;
  padding-top: 50px;
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  color: gray;
  vertical-align: top;
  position: relative;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  background: transparent;
}

li.section .pointItem {
  position: absolute;
  top: 2px;
  left: calc(50% - 20px);
  z-index: 1;
  width: 40px;
  height: 40px;
  color: white;
  border: 2px solid white;
  border-radius: 20px;
  line-height: 40px;
  background-color: gray;
  font-size: 18px;
  display: inline-block;
  text-shadow: 1px 1px 2px #080808;
  color: #ffffff;
}

.status-bar {
  height: 2px;
  background: darkgrey;
  position: relative;
  top: 25px;
  margin: 0 auto;
}

.current-status {
  height: 2px;
  width: 0;
  border-radius: 1px;
  background: #088a42;
}

li.section.visited .pointItem {

  background-color: mediumseagreen;
  ;

}

li.section.visited.current .pointItem {
  box-shadow: 0 0 0 2px mediumseagreen;

}

#referralCodeDefault .referralProgressBox {
  box-shadow: 1px 1px 4px 1px #9d9d9d;
  margin: 0 5px 15px;
  border-radius: 8px;
  padding: 10px 12px;

}

#referralCodeDefault .referralProgressBox .profile {

  display: flex;
  align-items: center;
}

#referralCodeDefault .referralProgressBox .profile .profileImage {
  font-size: 24px;
  color: #5ea6f3;
  background: white;
  padding: 10px;
  border-radius: 100%;
  box-shadow: 0 0 0 2px #32323261;

}

#referralCodeDefault .referralProgressBox .profile .profileName {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 600;
}

#referralCodeDefault .referralProgressBox hr {
  margin: 12px auto;

}


#referralCodeDefault .referralProgressBox .progressStatus {}

#referralCodeDefault li.section .pointItem {
  position: absolute;
  top: 2px;
  left: calc(50% - 20px);
  z-index: 1;
  width: 40px;
  height: 40px;
  color: white;
  border: 2px solid white;
  border-radius: 20px;
  line-height: 36px;
  background-color: gray;
  background-image: url('../images/icons/dollar-grey.png');
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 18px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 40px;
  text-shadow: 1px 1px 2px #080808;
  color: #ffffff;
}

#referralCodeDefault li.section.visited .pointItem {

  background-color: transparent;
  background-image: url('../images/icons/dollar.png');

}

#referralCodeDefault li.section.visited.current .pointItem {

  background-color: #d6d6d6;
}

#referralCodeDefault li.section.visited.current {

  padding: 50px 0 0;
}


.orderLists {
  color: #5c5c5c;
  font-size: 14px;
  box-shadow: 0px 0px 6px 0px #9d9d9d;
  margin-top: 5px;
  border-radius: 5px;
  padding-bottom: 15px;
  background: #fdfdfdd6;
  overflow: hidden;
}

.orderLists:before {
  content: "";
  height: 8px;
  width: 100%;
  background: #e5e5e5;
  /*   display: block; */
}

.orderLists hr {
  margin: 0 8px;

}


.orderLists .orderHeader,
.orderLists .orderTotal,
.orderLists .orderFooter {
  display: flex;
  justify-content: space-between;
  padding: 8px 10px;
}

.orderLists .orderHeader {
  background: #ffedd1;
}

.orderLists .orderHeader .orderNo {
  font-size: large;
  font-weight: 800;
  color: red;

}

.orderLists .orderHeader .orderStatus {
  font-size: large;
  font-weight: 800;
  color: #ff8000;
}

.orderLists .orderProduct {
  display: flex;
  margin: 8px 0;
}

.orderLists .orderProduct .productImage {}

.orderLists .orderProduct .productImage img {
  width: 220px;
}

.orderLists .orderProduct .productInfo .productName {
  font-weight: 600;
  font-size: larger;
  color: black;
}

.orderLists .orderProduct .productInfo {
  width: 100%;
}

.orderLists .orderProduct .productInfo .infos {
  display: flex;
  justify-content: space-between;
}

.orderLists .orderProduct .productInfo .infos .productAttribute {}


.orderLists .orderProduct .productInfo .infos .productQtynPrice {
  font-weight: 800;
  margin-right: 10px;
  text-align: right;
}


.orderLists .orderProduct .productInfo .infos .productQtynPrice .productQty {
  display: block;
}

.orderLists .orderProduct .productInfo .infos .productQtynPrice .productPrice {}


.orderLists .viewMoreProduct {
  background: transparent;
  border: 0;
  width: 100%;
  color: inherit;
  padding: 8px;
  display: block;
  text-align: center;
  text-decoration: none;

}

.orderLists .orderTotal .totalItems {}

.orderLists .orderTotal .orderTotalAmount {
  font-weight: 600;
}

.orderLists .orderFooter {}

.orderLists .orderFooter .orderDate {
  font-size: smaller;
}

.orderLists .orderFooter .viewOrder {
  background: #49a5bf;
  text-decoration: none;
  color: white;
  font-weight: 600;
  padding: 8px 12px;
  border-radius: 5px;

}

#accountHistInfo .rewardClaimed {
  background: #fff1ad;
  margin-bottom: 10px;
  border-radius: 8px;
}

.rewardClaimed {
  font-size: 16px;
  padding: 12px 10px;
  display: flex;
  align-items: center;
}

.rewardClaimed img {

  margin-right: 8px;
  width: 35px;
}

.rewardClaimed label.inform {

  color: #ff6118;
}

.rewardClaimed label.success {

  color: #2d7f04;
}

.rewardClaimed .dWMoreBtn {
  text-decoration: none;
}

.productSingleQtyDiscount {
  width: 100%;
  text-align: center;
  font-weight: 800;
  color: #fd0009;
  font-size: 14px;
}

#productQuantityDiscounts table.tbQuantityDiscount .productSingleQtyDiscount {
  text-align: center;
  font-weight: 800;
  color: #fd0009;
  font-size: 14px;
  background: #ceddfd !important;
}

#productQuantityDiscounts table.tbQuantityDiscount caption {
  text-align: center;
  font-weight: 800;
  font-size: 14px;
  background: #ffeeeb;
  border: 1px solid white !important;
  color: black;
  padding: 5px;
}

#productQuantityDiscounts table.tbQuantityDiscount tbody tr th {
  width: 100px;
  background: white;
  border: 1px solid #e2e2e2;
}

#productQuantityDiscounts table.tbQuantityDiscount tbody tr td {

  padding: 5px;
  border: 1px solid white !important;
  text-align: center;
  /* width: fit-content; */
  color: #000000;
  font-weight: 600;
}

#productQuantityDiscounts table.tbQuantityDiscount tbody tr:nth-child(odd) td {

  background: #b4ccff;
}

#productQuantityDiscounts table.tbQuantityDiscount tbody tr:nth-child(even) td {
  background: #8fe3e3;
  color: #d50000;
  font-size: 12px;

}

i.priceshown {
  font-style: normal;
}

div#productDescription p {
  margin-bottom: 0px;
}

div#productDescription ul>li>ul {
  list-style-type: square;
}

div#productDescription ul>li>ul>li>ul {
  list-style-type: circle;
}


#productListing a {

  color: #002767;
}

td.radioShippingTD {

  text-align: center;
}

table.shipping_method label.checkboxLabel {
  margin: 0;
  padding: 8px 0;
  font-size: medium;
}

table.shipping_method tr:nth-child(even) {
  background-color: #dcdcdc;
}

.productsProductCategoriesViewContents {
  display: flex !important;
  flex-wrap: nowrap;
  overflow-x: auto;
  justify-content: flex-start !important;
  grid-template-columns: repeat(auto-fit, 25%);
  padding: 0;
}

#indexCategories .productsProductCategoriesView{

  background: white;
}

#indexCategories{

  margin-bottom: 15px;
}


.productsProductCategoriesView .productLinkCategories{
  text-decoration: none;
}

.productsProductCategoriesView .ProductCategorieheadingTitle{
  margin: 10px 0 0;
  font-weight: 900;
  padding: 10px 8px;
  background: #f4f4f4;
  border-radius: 5px;
  color: #d83445;
  text-transform: capitalize;
  font-size: large;
  font-family: beginning;
}

.productsProductCategoriesView .viewAllProduct{
  text-decoration: underline;
  font-size: 12px;
  margin-left: 5px;
  color: #515151;
  cursor: pointer;

}

.productsProductCategoriesView .viewCategoriesItems{
  width: 100%;
  padding: 5px;
  text-decoration: none;
  text-align: center;
  background: #fff4e3;
  color: #2b4253;
  font-weight: 600;
  font-size: larger;
  border-radius: 5px;
  margin-top: 6px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  box-shadow: -2px 1px 1px #cdcdcd;
}

.flexATTRibute.centerBoxContentsProductCategoriesView.centeredContent {
  box-shadow: 0px 0px 3px #6c6c6c;
  background-color: white;
  margin: 6px !important;
  width: 23% !important;
  height: auto !important;
  border-radius: 7px;
}

.flexATTRibute.centerBoxContentsProductCategoriesView.centeredContent a {
  position: relative;
  color: #333;
  margin: 0px auto;
  font-size: 15px;
  display: block;
  width: 100%;
  padding: 5px;
  text-decoration: none;
  position: relative;
  overflow: hidden;

}

.flexATTRibute.centerBoxContentsProductCategoriesView.centeredContent .productBasedPrice,
.flexATTRibute.centerBoxContentsProductCategoriesView.centeredContent .productSpecialPrice,
.flexATTRibute.centerBoxContentsProductCategoriesView.centeredContent .normalprice{
  font-size: 15px;
}