html,
body {
    height: 100%;
}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 10px 15px 20px;
}

.footer {
    /*height: 60px;
    background-color: #f5f5f5;*/
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

#site-privacy-cookie-settings {
    float: right;
    position: relative;
    top: -4.5em;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings', fantasy;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}
.groupoffers
{
    font-size: .5em;
  color: gray;
  display: inline-flex;
  padding: 3px;
}
.groupevent
{
    margin-top:2px;
    margin-bottom:2px;
    padding-top: 5px;
    padding-bottom: 5px;
    /*max-width: 600px;*/
    border-radius: 4px;
  /*Black Friday colours */
    background-color: #ffff00;
    color: black;
  /*  Christmas colours */
  /*  background-color: #c91516 ;
    color: #ffd700;*/
    text-align: center;
}
.gpgroupevent
{
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 4px;
    background-color: orange;
    color: black;
    text-align: center;
    max-width: 100px;
    margin: 2px auto;
}
#bundlegroupevent_button {
    display: block;
    font-weight: bold;
    margin: 2px auto 5px;
    padding-left: 4em;
    padding-right: 4em;
    background-color: #ADD8E6;
    color: black;
}
#bundlediscount_list {
    display:none;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 4px;
    clear: both;
}
.bundle_reference {
    font-size: 10px;
}
.bundlegroupevent
{
  margin-top:2px;
  margin-bottom:2px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  background-color: #ADD8E6;
  color: black;
  text-align: center;
  /*max-width: 600px;*/
}
.cashbackgroupevent
{
  margin-top:2px;
  margin-bottom:2px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  background-color: #532192;
  color: white;
  text-align: center;
  /*max-width: 600px;*/
}
.longgpgroupevent
{
  margin-top:2px;
  margin-bottom:2px;
  padding-bottom: 5px;
  /*
  padding-top: 5px;
  border-radius: 4px;
  background-color: orange;*/
  font-size: 13px;
  color: black;
  text-align: left;
  max-width: 100%;
}
.offerpricereview
{
  margin-top:2px;
  margin-bottom:2px;
  padding-bottom: 5px;
  /*
  padding-top: 5px;
  border-radius: 4px;
  background-color: orange;*/
  font-size: 13px;
  color: black;
  text-align: center;
  max-width: 100%;
}
.graded-banner
{
    text-align: center;
}
div.recyclingbanner >img
{
    max-width: 100% !important;
}
#recycling > img
{
  max-width: 100% !important;
}
.quotebuilder
{
    text-align: center;
}
#quotebuilder > img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.lgwarranty
{
    width: 100%;
}
.delcolumn {
    float: left;
    width: 50%;
    margin-bottom: 1.75em;
}
.elrow {
    padding-bottom: 5em;
}
.elcolumn {
    float: left;
    width: 50%;
    padding: 10px;
}
.elrow:after {
    content: "";
    display: table;
    clear: both;
}
#newenergy {
    float: right;
    max-width: 100%;
}
#energy {
    max-width: 100%;
}
.pc-mainpage-slider {
    clear:both;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}
.pc-mainpage-slider2 {
    clear:both;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}
.pc-mainpage-slider-box {
    clear:both;
    margin-left: auto;
    margin-right: auto;
    max-width: 200px;
    float: left;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}
.menutab
{
    z-index: 5 !important;
    position:absolute;
    background: #ffffff !important;
    width:100%;
}

.menucolumn
{
    width:300px;
    float:left;
}
.menucolumn a
{
    display:block;
}
.columns
{
    display:table;
    margin-left:auto;
    margin-right:auto;
}

.category
{

    text-align:center;
}

.ui-tabs{
    margin: 0;
    padding: 0;
    list-style: none;
}
.ui-tabs li{
    background: none;
    color: #222;
    display: inline-block;
    cursor: pointer;
    font-size: 80%;
    padding: 0 !important;
    width:130px;
    height:110px;
    word-wrap: break-word !important;
}
div.category > img
{
    height:40px;
    margin-right:0.5em;
}
div.category > p
{
    margin: 10px 0 0 0;
}
.wrap ul li a
{
    display:block;
    height:100%;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor
{
    float:none !important;
    border-radius: 3em;
}
.ui-tabs .ui-tabs-nav li
{
    white-space: normal !important;
    line-height: 1.3em !important;
    text-transform: none !important;
}
.ui-tabs .ui-tabs-nav li a {
    margin: 0 !important;
}
#tabsdiv
{
    margin-left:auto;
    margin-right:auto;
}
.select2.select2-container {
    width: 220px!important;
    margin: auto;
}
#customtabs_plane {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
#customtabs
{
    max-width:1360px;
    margin-left:auto;
    margin-right:auto;
    border:0;
}
#customtabs ul li:first-child
{
    margin-left:8px;
}
#customtabs ul li {
    border: 1px solid #a0a0a0;
    border-radius: 1em;
    background: #eff0ed none;
}
#customtabs ul
{
    background:none;
    border:0;
    padding-left:8px !important;
}
.menutab
{
    border: 1px solid #a0a0a0 !important;
    max-width:1300px !important;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}
div#header {
    max-width: 1360px;
    margin-left:auto;
    margin-right:auto;
}
div#header img
{
    float:left;
    margin-right:1.75em;
}
#header > a.stores_open {
    line-height: 1;
    padding: 2px 12px;
}
#header > a.stores_open > div {
    font-size: 0.8em;

}
#tllogo
{
    margin-left:20px;
    height:50px;
}
input#searchData {
    background: url(//powercity.cdn.webangel.ie/infoimage/search1.png) no-repeat right 10px center;
    padding-right: 30px;
    background-size: 25px;
    height:40px;
    width:350px;
    margin-top:7px; 
    margin-left:5px;
    font-size:20px;
    border-radius:10px;

}

.searchimage{

  background: url(//powercity.cdn.webangel.ie/infoimage/search1.png) no-repeat right;
  background-size: 25px;
  height:40px;
  width:40px;
  padding-top:12px;
}

.clearboth
{
    clear:both;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
#cart-humm-widget {
    margin-top:3px;
}
#cart-humm-button {
    margin-left:10px;
}
.background-red {
    background-color: red;
    color: white;
}
div.groupview
{
    margin-left: 20em;
}
.moreinfo                        /*TODO remove after replaced with image*/
{
    font-size: 12px;
    font-weight: bold;
    width:100px;
    height:42px;
    background-color:#337ab7;
    color:white;
    padding: 9px 1px 0 !important;
    margin-bottom: 5px;
}
.stockinfo
{
    font-size: 12px;
    background-color: white;
    font-weight: bold;
    border-width: 1px;
    width:100px;
    height:42px;
    color:#337ab7;
    padding: 1px 1px 0 !important;
    margin-bottom: 5px;
}

.clickcollect
{
    padding-top: 1px !important;
    color:#337ab7;
    text-align: center;
    border-radius: .2em;
}
#livestock{
    color: red;
    font-weight: bold;
}
#livestock_header > span.blue-stock {
    color: #337ab7;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
}

#livesales_products_form {
    margin-top: 10px;
}
#livesales_products_form > div,
#livesales_products_form > button,
#livesales_products_form > div > input,
#livesales_products_form > div > label {
    float: left;
}

#livesales_products_form > div {
    margin-right: 10px;
    margin-bottom: 0;
}
#livesales_products_form > div > label {
    margin-right: 10px;
    font-size: 12px;
    margin-top: 9px;

}
#livesales_products_form > div > input,
#livesales_products_form > div > select {
    width: 300px;
    display: block;
    font-size: 12px;
    padding: 3px 6px;
}

div.banner
{
    margin-left: -100px;
    margin-bottom: 1em;
}
div.banner > img {
    max-width: 100%;
}
p.groupname{
  float:left;
}
form.features
{
    float:left;
    width: 20em;
    margin: 0 0 0 -20em;
    font-size:0.9em;
    height:100%
}
form.featurespromo
{
    float:left;
    width: 20em;
    margin: 0 0 0 -22em;
    font-size:0.9em;
    height:100%
}


#features-checked {
    display: none;
}
#hovimg {
    display: none;
}

div.productlist
{
    float:right;
    display:block;
}
#stages
{
  text-align: center;
}
#stages .control-label
{
  float: left;
}
#stages form div.delivery.buttons.right
{
  float:none;
}
.checkout-deliveryprice
{
/*  font-size: 1.5em;*/
  font-weight: bold;
}
.checkout-collectprice
{
  font-weight: bold;
  background-color:red;
  color:white;
}
.deliverybanner
{
    padding-top: 12px;
}
#product-list
{
    margin-left:100px;
}
.group.product {
    padding-bottom: 1em;
    display: grid;
    grid-auto-flow: column;
    border-bottom: dashed rgba(140, 140, 140, 0.89) 1px;
    padding-top: 10px;
    /*max-width: 150px;*/
}
.group .productimage
{
    padding-top:0.5em;
    margin-left:-100px;
    float:left;
    padding-bottom: 1em;
}
div.group.productimage > div.company-logo > img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.group .productname
{
    padding-top: 0.5em;
    margin-left:20px;
    float:left;
    width:600px;
    /* padding-top:30px; */
}
.group .productprice
{
    padding-top: 0.25em;
    margin-left:20px;
    font-size:1.60em;
    /*  padding-top:20px; */
    text-align: center;
}
.group .productmessage
{
    margin-left:20px;
    height:5px;
    padding-top:5px;
    padding-bottom: 1em;
    text-align: center;
}
#productgroup
{
    display: flex;
}
.groupproductrrp
{
    /*margin-left:20px;
    height:5px;*/
    font-size:13px;
    padding-top:15px;
    text-align: center;
    color:darkgrey;
}
.groupenergy
{
    font-size:12px;
    text-align: center;
}
.productfiche
{
    padding-left: 10px;
}
.group .freedel
{
    margin-bottom: 0.3em;
}
#cartheader
{
    float:right;
    margin-right:1em;
    width:110px;
}
#cartitems
{
    display:inline;
}
#cartvalue
{
    display:inline;
}
#searchform{
    float:left;
    max-width: 400px;
}
div.search {
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}
div.product.images img
{
    height:300px;
}
.image-container
{
    margin-top: 20px;
    width: 100%;
    float:left;
}
.services
{
  display:block;
  padding-top: 0.75em;
  padding-right: 3px;
  text-align: center;
}
.product.stock {
    text-align: center;
}
#stock-productpage
{
    border-radius: 2em;
    border: .2em solid gray;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 1em;
    max-width: 275px;
    margin-left: auto;
    margin-right: auto;
}
.stock.store
{
    float:left;
    /*margin-right:1em;*/
    font-size: 13px;
}
.stock.qty
{
    float:right;
    margin-right:1em;
}
.stock-fa {
    padding-right:0.25em;
}
.call-me-back
{
  padding-top: 1.5em;
  padding-bottom: 1em;
}
.pricerequest
{
  padding: 1em;
  text-align: center;
/*  border-radius: 0.75em;
  border: .2em solid lightgrey;*/
}
.pricerequestlst
{
  padding-top: 1em;
}
.product.stock h3
{
    font-size:1.2em;
    font-weight: bold;
}
.product.price
{
    font-size:2.5em;
    font-weight: bold;
}
.posprice
{
    font-size:1.0em;
    font-weight: bold;
    color:red;
    text-decoration: line-through;
    text-decoration-color: black;
}
.exdisplayinfo {
    font-size: 12px;
}
.product.pricemessage
{

}
.producttitle h1
{
  font-size: 1em;
}
.productrrp
{
    font-size:1.25em;
    color:darkgrey;
    padding-top: 0.5em;
    font-weight: bold;
}
.featurelink
{
  color: black !important;
}
.productfreedel
{
    font-size: 1.4em;
    color: red;
    padding-top: 0.5em;
    font-weight: bold;
}
.appointment > form > div > label
{
    float: left;
    width: 30%;
}
.appointment > form > div > input
{
    width: 60%;
}
.appointment > form > div > select
{
    width: 60%;
}
.main_carousel_image
{
    width:100%;
    height: 100%;
}
.main_carousel2_image
{
    width:100%;
}
.main_carousel_image_box
{
    width:100%;
}
.product.rightbar
{
    width: 100%;
    text-align: center;
}
.btn-accessory
{
    background-color:green;
    font-size: 0.8em;
}
.btn-services
{
    font-size: 1em;
    margin-right: 1em;
}

.btn-stock {
    font-size: 12px;
    font-weight: bold;
    width: 100px;
    margin-bottom: 0.5em;

    background-color: white;
    /*margin-left: 5px;*/
    /*margin-right: 20px;*/
    /*margin-bottom: 2px;*/
    color: #337ab7;
    border: 2px solid #2e6da4;
    border-radius: 10px;
    /*padding: 8px;*/
    display: inline-block;
}
.btn-stock:hover, .btn-stock:active, .btn-stock:focus {
    /*background-color: #2e6da4;*/
    /*border-color: #B48D5F;*/
    color: #344e86;
}
div.group.productprice > .btn-stock > div, .product.column2 .btn-stock > div {
    float: left;
    margin-left: 20px;
}
div.group.productprice > .btn-stock > span, .product.column2 .btn-stock > span {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 14px;
}
div.group.productprice > .btn-stock, .product.column2 .btn-stock {
    padding: 3px 0;
}
.product .range
{
  text-align: left;
  clear:both;
  margin-bottom: 1em;
  width: 62%;
  height: 20px;
}
.sizeoption
{
  padding-bottom: 1em;
}
.product .accessory
{
    text-align: left;
    clear:both;
    margin-bottom: 1em;
}
.product .accessory p{
    font-weight: bold;
}
.product .accessory p a{
    font-weight: normal;
}
.product.accessory img
{
    float:left;
    margin-bottom: 1em;
}
.product.accessory a
{
    margin-left:0.2em;
}
.product.accesories
{
    padding-top:5em;
    padding-left:2em;
}
.center
{
    text-align: center;
}
.buybutton
{
    background-image: url("//powercity.cdn.webangel.ie/infoimage/zbuynow.png");
    height: 40px;
    width:100px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
}
.buybutton.btn.btn-success {
    background-image: none;
    font-size: 18px;
    font-weight: bold;
}
.exbuybutton
{
    background-image: url("//powercity.cdn.webangel.ie/infoimage/zexdisplay.png");
    height: 40px;
    width:100px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
}
.promobuybutton
{
    background-image: url("//powercity.cdn.webangel.ie/infoimage/zpromobuynow.png");
    height: 40px;
    width:100px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:8px;
}
.buybuttongrp
{
    background-image: url("//powercity.cdn.webangel.ie/infoimage/zbuynowgrp.png");
    height: 40px;
    width:100px;
    display:inline-block;
    text-decoration: none;
    /*margin-left:auto;
    margin-right:auto;*/
}

#cart{
    position:fixed;
    right: 200px;
    top:15px;
    z-index: 300;
    background-color: #428bca;
    display:none;
    color:white;
    font-weight: bolder;
    height:6em;
    text-align: center;
    border-radius: 5px;
    padding: 0.9em 1em 0 1em;
}
.cart-order input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    transform: scale(2);
    margin-right: 10px;
}
.flix
{
    margin-top:2em;
}
.product.images-slider
{
    margin-bottom:2em;
}
#product_information p:first-letter
{text-transform: capitalize;}

#product_information_text
{
    min-width: 251px;
    border-style: solid;
    border-radius: 7px;
    border-width: 2px;
    padding: 1em;
    border-color: gray;
    margin: 1em 10px 0 0;
}
ul.features {
    margin: 1em 0 0;
    border-style: solid;
    border-radius: 7px;
    border-width: 2px;
    padding: 1em 0 1em 2em;
    border-color: gray;
}
.product_spec_button {
    text-align: center;
}
#product_information_button {
    font-size:24px;
    /*margin-left: 10px;*/
}
#features_button
{
    font-size:24px;
    /*margin-left: 55%;*/
}
#featureform img
{
    margin-bottom:0.5em;
}
.prf
{
    color:gray;
    font-size:0.8em;
}
.prfsmall
{
    font-size:0.8em;
}
.specialorder
{
    font-size:0.8em;
    font-weight: bold;
    text-align: left;
}
.flexirent
{
    float:left;
}
.flexirent.table
{
    width:250px;
}
.warranty
{
    font-weight: bold;
    margin-top:5px;
}
.homedelivery
{
    text-align: center;
    padding-bottom: 5px;
    margin-top: 30px;

}
.homedelivery p {
    background-color: yellow;
}
.pricereview
{
    font-weight: bold;
    margin-top:5px;
}
.grppricereview
{
    /*margin-top:5px;*/
    color: gray;
    font-size: 0.3em !important;
    height: 40px;

}
.zinstock
{
    padding-right: 1em;
}
#homedeliverystock
{
    padding-bottom: 2em;
}
#stock .stockline
{
    border-bottom: 1px dotted;
    border-color: #9d9d9d;
    margin-bottom: 0;
    height:1.5em;
}
.stock .qty
{
    margin-right: 0;
}
.clicktopbanner
{
    width:100%;
}
.weeetopbanner
{
    max-width:100%;
    margin-bottom:10px;
}
.blackfridaybanner
{
    max-width:100%;
    margin-bottom:10px;
}
.addressbar
{
    width:100%;
}
.addressbar input
{
    width:100%;
}
#featureform > a
{
    display:block;
    max-width:100px;
}
#addresssearch
{
    border: 3px solid orange;
    margin-bottom: 1em;
}
.cartleft
{
    width:50px;
    float:left;
    margin-right:3px;
}
.cartright
{
    width:6em;
    float:left;
    text-align:right;
/*    width:200px;*/
}
#cartheader
{
    margin-top:7px;
    margin-right:2em;
    width:10em;
}
.product.column1
{
    float:left;
    width:60%;
}
.product.column2
{
    float:left;
    width:40%;
    padding-left:2%;
    padding-bottom:2%;
    text-align:center;
}
.product.overview
{
    padding-top:3em;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}
.feature.icons
{
    padding-bottom:1em;
    text-align:center;
}
.feature.icons img
{
    padding-left:1em;
}
.product.spec{
    width:100%;
}
.product.spec > div
{
    float:left;
    width:50%;
}
.product.accessory img
{
    margin-right:1.5em;
}
#w0 > table > tbody > tr > td
{
    text-align: center;
    vertical-align: middle;
}
#w0 > table > thead > tr > th
{
    text-align: center;
    vertical-align: middle;
}
a:hover
{
    text-decoration:none;
}
#ablack{
    color: black;
    background-color: transparent;
    text-decoration: none;
}
.stagesgroup
{
    width:100%;
    margin-left:2%;
    margin-right:2%;
}
.stages
{
    width:32%;
}
#stages
{
    width:96%;
    margin-left:2%;
    margin-right:2%;
    background-color: lightgrey;
    border-radius:5px;
    margin-top:1em;
    padding: 1em 1em 5em;
}
.stage-button
{
    width:10em;
    margin-top:1em;
    margin-left:auto;
    margin-right:1em;
}
.delivery.buttons.right
{
    text-align:center;
}
/*.product.overview > h2
{
    text-transform: capitalize;
}*/
.delivery.buttons.radio > label > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.delivery.buttons.radio > label > input + img{ /* IMAGE STYLES */
    cursor:pointer;
    border:5px solid transparent;
}
.delivery.buttons.radio > label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
    border:5px solid #4444ff;
}
.checkout-summary
{
    width:90%;
    margin-left:auto;
    margin-right:auto;
}
#customtabs > ul {
    list-style-type: none;
    padding:3px 3px 0 8px;
}
#customtabs > ul > li
{
    width:130px;
    height:118px;
    vertical-align: middle;
    float:left;
    margin: 1px 3px 0 0;
}
#customtabs > div
{
    display: none;
}
.category > p
{
    margin-top:10px;
    color:#555555;
    white-space: normal;
    font-weight: normal;
    word-wrap: break-word;
    line-height: 1.3;
}
.category-submenu > h2 {
    margin-bottom: 10px;
    padding-top: 20px;
}
#customtabs >ul >li >a
{
    padding: 0.5em 1em 0.5em 1em;
    border-radius:3em;
    font-size:12px;
    background:none;
}
.category
{
    font-family: Verdana,Arial,sans-serif;
}
.customtabs >ul:first-child
{
    margin-left:8px;
}
.topnav {
    float: left;
    height: 40px;
    margin-top: 7px;
    margin-right: 10px;
    vertical-align: middle;
    font-size:1.2em;
}
.view-trascation
{
    width: 30%;
    margin-left:auto;
    margin-right:auto;
}
.view-trascation > form
{
    margin-top:3em;
}
#customtabs-00-00
{
    z-index:-500 !important;
}
#addresssearch
{
    background: no-repeat right;
}
.main1columnsfooter
{
  text-align: center;
  color: gray;
  font-size: 0.625em;
}

.pc-thumbnails-slider
{
    margin-top:30px;
}
.size33
{
    width: 33%;
}
.size50
{
    width:50%;
}
.left
{
    float:left;
    text-align: left;
}
.center
{
    float:left;
    text-align:center;
}
.right
{
    float:right;
    text-align: right;
}
.spacingtop2em
{
    margin-top:2em;
}
div.group.productprice >a
{
    margin-top:0.1em;
    padding:0;
    text-decoration: none;
}
div.group.productprice > a > img {
    margin-bottom: 0.3em;
}

#promobutton
{
    margin-bottom: 1em;
    background-color: #532192;
    border-color: #532192;
    font-weight: bold;
    margin-top: 1em;
}
.promocode
{
    background-color: white;
    border-radius: 0.1em;
    color:black;
}
.product .offers
{
    padding: 1.5em;
    border-radius: 2em;
    border: .2em solid gray;
    margin-top:1em;
    margin-bottom: 1em;
    font-weight: bold;
    text-align: center;
}
.product .events
{
    padding: 1.5em;
    border-radius: 2em;
    border: .2em solid gray;
    margin-top:1em;
    margin-bottom: 1em;
    font-weight: bold;
    background-color: #7D37B2   ;
    color:white;
    text-align: center;
}
.bfevents
{
    padding: 1.5em;
    border-radius: 2em;
    border: .2em solid gray;
    margin-top:1em;
    margin-bottom: 1em;
    font-weight: bold;
/* Black Friday */
/*    background-color: black ;
    color: yellow;*/
/*  Christmas colours */
    background-color: #c91516 ;
    color: #ffd700;
    text-align: center;
}
.packageoffer
{
    padding: 1.5em;
    border-radius: 2em;
    border: .2em solid gray;
    margin-top:1em;
    margin-bottom: 1em;
    font-weight: bold;
    background-color: yellow;
    color:black;
    text-align: center;
}
.packageofferbf
{
    padding: 1.5em;
    border-radius: 2em;
    border: .2em solid gray;
    font-weight: bold;
/*    background-color: #ADD8E6;*/
    color:black;
/*    background-color: #c91516 ;
    color: #ffd700;*/
    text-align: center;
    max-width: 700px;
    display: block;
    margin: 1em auto;
}

@-webkit-keyframes blinker
{
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.25s;
    -webkit-animation-iteration-count:3;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}

.mainpage{
    float:none;
}
.footer > div.container
{
    width:100%;
}
.footer > div.container > p.center
{
    width:100%;
}
.footer > div.container > p.center >a
{
    margin-left: 1em;
}
.footer > div.container > p.center > a:first-child
{
    margin-left:0;
}
.container >div
{
    margin-top:1em;
}
.footer{
    margin-top:2em;
}
.help
{
    font-size:0.8em;
    color:black;
    margin-top:-13px;
    margin-bottom:13px;
}
.slick-slide > img
{
    margin-left:auto;
    margin-right:auto;
}
.slick-track
{
    min-width: 100%;
    overflow-y: hidden;
}
.slick-track:not(:first-child) {
    display: none;
}
.field-receiptfile-ramount
{
    text-align: right;
}
#receiptfile-ramount{
    display:inline-block;
    width:20%;
    min-width: 5em;
    margin-left:10px;
}
.viewtrans
{
    float:right;
}
div.group.productimage > img
{
    max-width:100px;
}
.accessorylink
{
    color:black;
    padding: 0.25em 0.5em 0.25em 0.50em;
}
.sizelink
{
    border:1px solid black;
    color:black;
    padding: 0.25em 0.5em 0.25em 0.50em;
    border-radius: 10px;
}
.thissizelink
{
  border:0.2em solid black;
  background-color:yellow;
  color:black;
  padding: 0.25em 0.5em 0.25em 0.50em;
  border-radius: 10px;
}
.accessorylink:hover
{
    color:black;
}
#menubutton-mobile
{
    display:none;
    float:left;
    height: 40px;
    margin-top: 7px;
    margin-left:5px;
}
#storecoords-button
{
    text-align: center;
    margin: 5px auto 0;

}
img#mainpageimage {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
}
img#mainpageimageadvisor {
    margin-left: auto;
    margin-right: auto;
    max-width: 180px;
    height: auto;
}
img#fourways {
    margin-left: auto;
    margin-right: auto;
    width: 25%;
    height: auto;
}
/* styles for the main page img in 2, 4, 5 columns */
div.main2columns > a > div > img {
    width: 500px;
    float: left;
}
div.main2columns {
    clear:both;
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 1em;
}
div.main4columns > a > img {
    max-width: 25%;
    float: left;
}
div.main4columns > a.brandlinks > img {
    max-width: 100%;
}
div.main4columns {
    clear:both;
    max-width: 1012px;
    margin: 0 auto;
    padding-top: 1em;
}
div.main5columns > a > div > img {
    width: 200px;
    float: left;
}
div.main5columns {
    clear:both;
    max-width: 1000px;
    margin: 0 auto;

    padding-top: 1em;
}
div.main4columnsproduct {
    clear:both;
    max-width: 1000px;
    margin: 0 auto;
}
div.main4columnsproduct > a > div > img {
    width: 250px;
    float: left;
}
#footertime {
    clear: both;
    text-align: center;
    padding-bottom: 10px;
}

div.main5columnsfooter > div {
    width: 20%;
    float: left;
    text-align: center;
}
div.main5columnsfooter {
    clear:both;
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 1em;
}
div.main3columnslanding > div {
    width: 33%;
    float: left;
}
div.main3columnslanding {
    clear:both;
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 1em;
}

/* Change product-code color to black */
#product-code {
    color: #333;
}
/* Sprite menu img */
.fullmenu-sprite {
    position: relative;
    right: 0.25em;
    margin: 0 auto;
}
.fullmenu-sprite-menucolumn {
    float: left;
    margin-top: -9px;
}
.columns .menucolumn > a {
    clear:both;
    padding-bottom: 10px;
}
.columns_plane .menucolumn {
    width: 250px;
    height: 50px;
}
.columns_plane .menucolumn > a {
    clear:both;
    padding-bottom: 10px;
}
.menu_plane {
    clear: both;
}
.menu-groupname {
    margin-left: 40px;
    margin-top: 9px;
}
/* Error site */
.site-error {
    background-color: #347ab6;
    border-radius: 25px;
    color: white;
    padding: 50px 50px 60px;
    margin: 14px auto;
    max-width: 1000px;
}
/* error number */
.site-error > h1 {
    margin: 0;
    font-size: 46px;
    font-weight: bold;
}
/* error text */
.alert-danger {
    color: white;
    background: none;
    border: none;
    font-size: 46px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 35px;
}
#error-message {
    font-size: 26px;
    line-height: 2em;
    margin-bottom: 35px;
}
#error-message > ul {
    margin-left: 20px;
}
.site-error > a {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAXCAQAAAB+Wt03AAAACXBIWXMAAAsTAAALEwEAmpwYAAABHElEQVQoz3WSQSuEURiFn/uZiEbNICWLyUaiWJBiZ2Ena7OzsPd/2PgJSqaUbClq2EhRfsDIWEyG+aZ5LGaY75sZZ3XrnHPved9zccUsgAxCxBonIGEgjdtq6V+/S6qe/vOEBdsoDfQ7a7UjuHa47wanffUXl+Z66Zxlu7gzJAURMR8J9Sr3TgXsSCJiqqkwy5ybD50MvW6AdcpmAwFHomCPG6DArXPAdwRUBgy8wIUTgQh4o5UgWnxSp06BByczQIUWQ3/0O0WaiGSYAdz0S9WGN2rDvfRa562rsRvu2FSvHE2EMW/N2H1w3CdVt9L+msed06Gqz2n6qNuUFVUPEptPFmmx7Tff3z1g1hebProI9P9AA7uMcRZqEvgBBe/Nfhu1ezkAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: right;
    color: white;
    font-weight: 600;
    float: right;
}
.site-error > a > img {
    float: right;
    margin-right: 25px;
}
.site-error > a > div {
    clear: both;
    text-align: center;
}
.deliveryimage {
  padding-bottom: 10px;
}
.installationimage {
  padding-bottom: 10px;
}
.recyclingimage {
  padding-right: 3px
}
.recyclingimagestage3 {
  padding-bottom: 15px
}
.specialorderimage{
  padding-top: 5px;
}
/* site/Drivers */
#deliverysheet-form-tables > .form-group {
    margin-bottom: 0;
}
#deliverysheet-form-tables .form-group {
    margin-bottom: 0;
}
.table.table-striped.table-bordered.drivers-table {
    margin-bottom: 0;
}
#deliverysheet-form-tables {
    margin-top: 200px;
}
.drivers-table > tbody > tr > td {
    vertical-align: middle;
    padding: 1px 3px;
}
.drivers-table {
    width: auto;
    vertical-align: middle;
}
.drivers-table > tbody > tr > td div {
    margin-left: 0;
    width: auto;
}
.drivers-table > tbody > tr > td button {
    float: none;
    margin: 1px auto;
}
.drivers-table-login {
    float: left;
}
.drivers-table-login > tbody > tr > td > div {
    margin-bottom: 0;
}
.drivers-table-login > tbody > tr > td:first-child > div > label {
    text-align: center;
    width: 100%;
}
.drivers-table-login > tbody > tr > td:first-child > div > div {
    clear:both;
}
.drivers-table-login > tbody > tr > td:nth-child(2) > div > label {
    text-align: left;
    width: 150px;
    padding-right: 0;
}
.drivers-table-login > tbody > tr > td:nth-child(2) > div > div {
    padding-left: 0;
}
.drivers-table-login > tbody > tr:nth-child(2) > td:nth-child(2) {
    text-align: right;
    vertical-align: bottom;
}
.drivers-table01 {
    clear: both;
    border: 2px
}
.drivers-table01 > tbody > tr > td {
    background-color: #C6DEFF;
    border: 3px solid #a6e1ec;
    text-align: center;
}
.drivers-table01 > tbody > tr > td:first-child {
    min-width: 50px;
    width: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.drivers-table01 > tbody > tr > td:nth-child(2) {
    width: 100px;
}
.drivers-table01 > tbody > tr > td:nth-child(3) {
    width: 100px;
}
.drivers-table01 > tbody > tr > td:nth-child(4) {
    width: 70px;
}
.drivers-table01 > tbody > tr > td:nth-child(5) {
    width: 90px;
    font-weight: bold;
}
.drivers-table01 > tbody > tr > td:nth-child(6) {
    width: 150px;
    background-color: orange;
    font-weight: bold;
}
.drivers-table02 {
    border: none;
}
.drivers-table02 > tbody > tr > td {
    border: none;
}
.drivers-table02 > tbody > tr > td:first-child {
    width:10px;
    font-weight: bold;
}
.drivers-table02 > tbody > tr > td:nth-child(2) {
    width: 550px;
    text-align: left!important;
}
.drivers-table02 > tbody > tr > td:nth-child(3) {
    width: 120px;
    text-align: center;
}
.drivers-table02 > tbody > tr > td:nth-child(4) {
    width: 200px;
    text-align: center;
    font-weight: bold;
}
/* site/deliverysheet */


.green {
    color: green;
}
.red {
    color: red;
}

#infoDIV {
    clear:both;
    width: 100%;
    text-align: left;
    display:none;
    margin-top:2em;
}
#delinfoDIV {
    clear:both;
    width: 100%;
    text-align: left;
    display:none;
    margin-top:2em;
}
#thisone
{
    background-color:yellow !important;
}
.searchtablinks {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.searchtab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  margin-left:0;
}
@media (min-width: 1200px) {
  .searchtab {
    margin-left:-100px;
  }
}
.searchtab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.searchtab button:hover {
  background-color: #ccc;
}

/* Create an active/current tablink class */
.searchtab button.active {
  background-color: #ddd;
}

/* Style the tab content */
.searchtabs {
  /*display: none;*/
  padding: 6px 12px;

  border-top: none;
}
.brandlinks {
    display: inline-block;
    padding: 2px;
}
.brandlinks img{
    max-width: 100%;
}
.main1columnsfooter {
    position: relative;
}
.site-credits {
    font-size: 1.2em;
    position: absolute;
    bottom: -10px;
    right: 90px;
    clear: none;
}
.main5columns img {
    /*margin-right:5px;*/
}
.advisor {
    display: inline-block;
}
.stockadvisor{
    max-width : 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.siteadvisor{
  float: left;
}
.advisor p{
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    display: block;
}
.storeinformation{
    max-width: 1000px;
    margin: 0 auto;
    float: left;
}
.submit-docket-lookup {
    margin-left: 10px;
}

.returns-uplift-screen .table > tbody > tr > td {
    padding: 2px 2px 3px;
}
.desktop-table-only {
    display: table-cell;
}
.mobile-table-only {
    display: none;
}
.desktop-only {
    display: block;
}
.mobile-only {
    display: none;
}

.humm-bg-color {
    background-color: #FF6C00;
    border-color: #FF6C00;
    color: white;
}
.humm-bg-color:hover {
    background-color: #FF5B00;
    border-color: #FF5B00;
    color: white;
}
.humm-bg-color:focus {
    background-color: #FF5B00;
    border-color: #FF5B00;
    color: white;
}

#price-sort-form {
    position: relative;
    float: right;
}

#price-sort-button {
    background-color: white;
    color: #337ab7;
    border: 2px solid #2e6da4;
    border-radius: 10px;
    padding: 8px;
    display: inline-block;
}

/* Removes line from right of the 'Need Help' window in chat */
#need-help > .pb-4, .py-4 {
    padding-bottom: 1rem!important;
}
@media (max-width: 1050px) {
    #customtabs_plane {
        max-width: 750px;
    }
}
@media (min-width: 800px) and  (max-width: 1199px)
{

    /*.group.productname*/
    /*{*/
    /*    width: 60%*/
    /*}*/
    .
    {
      width: 100%;
    }
    .container
    {
        width: 100%;
    }
    div.mainpage.center > img
    {
        max-width: 100%;
    }
    div.container > div img
    {
        max-width: 100%;
    }
    /* styles for the main page img in 2, 4, 5 columns */
    div.main2columns > a > div > img {
        width: 50%;
    }
    div.main4columns > a > div > img {
        width: 25%;
    }
    div.main5columns > a > div > img {
        width: 20%;
    }
    /* Product site, smaller stock pannel */
    #stock-productpage h3 {
        font-size: 1em;
    }
    #stock-productpage .product.stockitem {
        font-size: 10px;
    }
    .recycling
    {
        width:100% ;
    }
    /* For flexirent */
    div.container iframe {
        max-width: 100%;
    }
}

.poollist-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

#product-features-view {
    list-style: none; /* Remove default list styles */
    padding: 1em 0 0em 1em; /* Match original padding */
    margin: 1em 0 0; /* Match original margin */
    border-style: solid;
    border-radius: 7px;
    border-width: 2px;
    border-color: gray; /* Match original border styles */
}

#product-features-view li {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

#product-features-view li::before {
    content: "•"; 
    margin-right: 5px; 
}

#product-features-view .product.feature {
    display: flex;
    width: 100%;
}

#product-features-view .product.feature span:first-child {
    flex: 0 0 200px; 
    text-align: left;  
}

#product-features-view .product.feature span:nth-child(2) {
    flex: 0 0 auto; 
    margin: 0 0px;
}

#product-features-view .product.feature span:last-child {
    flex: 1;
    text-align: left; 
}

.payment-section-container {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

/* 🔹 Payment Section - Left */
.payment-section-left {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* 🔹 Grouped Fields in Payment Section */
.payment-section-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 5px;
}



/* 🔹 Ensure Amount To Pay and Input are in the same line */
.payment-section-inline-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}

.payment-section-inline-group label {
    white-space: nowrap;
    font-weight: bold;
}

/* 🔹 Adjust Buttons & Fields */
.payment-section-button {
    padding: 5px 10px;
    font-size: 14px;
    min-width: 120px;
    text-align: center;
}

.payment-section-input {
    width: 110px;
    min-width: 110px;
    text-align: right;
}

/* 🔹 Realex Button and Image Styling */
.payment-section-realex-btn {
    padding: 8px 12px;
    font-size: 14px;
}

.payment-section-realex-img img {
    max-height: 30px;
}

/* 🔹 Split Payment Button */
.payment-section-split-btn {
    padding: 5px 10px;
    font-size: 14px;
    min-width: 120px;
    text-align: center;
    border: 2px solid #007bff;
    background-color: #007bff;
    color: white;
}

.payment-split-icon {
    width:300px;
}
.payment-banner {
    text-align: center;
}

.payment-split-image {
    max-width: 100%;
    height: auto;
}

/* 🔹 Remove orange outline when clicked */
.payment-section-split-btn:focus,
.payment-section-split-btn:active {
    outline: none;
    box-shadow: none;
    border: 2px solid #0056b3;
}

/* 📱 Mobile Styling (Better Alignment) */
@media screen and (max-width: 768px) {
    .payment-section-container {
        flex-direction: column;
        align-items: center;
    }

    .payment-section-left {
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
    }

    .payment-section-content {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .payment-section-inline-group {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .payment-section-input {
        width: 100px;
    }

    .payment-section-realex-btn {
        width: 100%;
        text-align: center;
    }
}
.product-cookie-placeholder {
    border: 1px solid #ccc;
    background-color: #000;
    color: #fff;
    padding: 15px;
    margin: 20px 0;
}
.product-cookie-placeholder button {
    background: #ffd600;
    color: #000;
    padding: 10px 15px;
    border: none;
    cursor: pointer;
    margin-right: 10px;
}
.revpay-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .875rem;
}

.revpay-btn .rev-logo {
    width: 22px;
    height: 22px;
    display: inline-block;
}

.revpay-btn .rev-text {
    transition: opacity .15s ease;
}

/* Spinner bubble shown only in loading state */
.revpay-btn .rev-spinner {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #fff; /* visible edge */
    display: none;
    animation: revspin 1s linear infinite;
}

.revpay-btn.is-loading .rev-spinner {
    display: inline-block;
}

.revpay-btn.is-loading .rev-text {
    opacity: 0;
}

/* hide label while loading */
.revpay-btn.is-loading {
    pointer-events: none;
}

@keyframes revspin {
    to {
        transform: rotate(360deg);
    }
}

/* Respect reduced-motion */
@media (prefers-reduced-motion: reduce) {
    .revpay-btn .rev-spinner {
        animation: none;
    }
}

.revpay-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .875rem
}

.revpay-btn .rev-logo {
    width: 65px;
    height: 45px;
    display: inline-block
}

.revpay-btn .rev-text {
    transition: opacity .15s ease
}

.revpay-btn .rev-spinner {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #fff;
    display: none;
    animation: revspin 1s linear infinite
}

.revpay-btn.is-loading .rev-spinner {
    display: inline-block
}

.revpay-btn.is-loading .rev-text {
    opacity: 0
}

.revpay-btn.is-loading {
    pointer-events: none
}

@keyframes revspin {
    to {
        transform: rotate(360deg)
    }
}

/* modal */
.rev-modal {
    position: fixed;
    inset: 0;
    z-index: 9999
}

.rev-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .45)
}

.rev-modal__dialog {
    position: relative;
    margin: 10vh auto 0;
    max-width: 520px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
    overflow: hidden
}

.rev-modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #eee
}

.rev-modal__title {
    margin: 0;
    font-size: 18px
}

.rev-modal__close {
    background: none;
    border: 0;
    font-size: 26px;
    line-height: 1;
    cursor: pointer
}

.rev-modal__body {
    padding: 16px;
    font-size: 14px;
    white-space: pre-wrap
}

.rev-modal__footer {
    padding: 12px 16px;
    border-top: 1px solid #eee;
    text-align: right
}

.payment-section-split-btn,#revolutPay,.payment-section-right #payment_form #realexbtn , .payment-split-btn{
    width: 290px;
    height: 48px;
    border-radius: 6px;
    font-size: 16px;
}

#revolutPay , .payment-split-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    line-height: 1;
    padding: 0 16px;
}

.payment-section-right #payment_form #realexbtn {
    line-height: 48px; /* vertically center text */
    padding: 0 16px 0 148px !important; /* remove top/bottom padding from .btn */
    vertical-align: middle;
}

.payment-section-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}

.payment-section-right #revolutPay,
.payment-section-right #payment_form #realexbtn,.payment-split-btn
#realexbtnimage {
    float: none !important;
}

#realexbtnimage {
    width: 110px;
    height: 32px;
    overflow: hidden;
    border-radius: 3px;
    align-self: center;
    margin-right: -130px;
    position: relative;
    z-index: 2;
    pointer-events: none;
}

#realexbtnimage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.payment-section-split-btn {
    line-height: 48px;
    padding: 0 16px;
}

/* --- MOBILE LAYOUT FIX for Payment Buttons --- */
@media (max-width: 640px) {
  .payment-section-right #payment_form #realexbtn {
    margin-bottom: 10px;
  }
  #revolutPay ,.payment-split-btn{
    margin-right: 8px;    
  }
}
#display-productpage {
    width: 275px;        /* same as stock box */
    margin: 12px auto 0 auto;
    padding: 10px 15px;
    border: 2px solid #ccc;
    border-radius: 20px;
}

/* Match the inner line spacing like in stock box */
#display-productpage .stockitem {
    border-bottom: 1px dotted #ccc;
    padding: 4px 0;
}

#display-productpage .stockline {
    display: flex;
    justify-content: space-between;
}

#display-productpage .stock.store b {
    color: #0056a3; /* same blue as the links in stock list */
}

#display-productpage .stock.qty {
    text-align: right;
    white-space: nowrap;
}

/* Remove the extra UL bullet styles (if added accidentally) */
.display-store-list,
.display-store-list li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.displayheading {
    font-size: 18px;
    font-weight: bold;
    color: #0056a3;
    margin-bottom: 10px;
    text-align: center;
    display: block !important;
}

@media (max-width: 768px) {
    .product.stock.mobile-hidden-menu {
        max-height: 60vh;  
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-right: 5px;
    }
}
/* Split payment view */
.split-payment-wrapper {
    max-width: 700px;
    margin: 20px auto;
}

.split-payment-logo {
    text-align: center;
    margin-bottom: 20px;
}

.split-payment-logo img {
    max-width: 250px;
    height: auto;
}

@media (max-width: 767px) {
    .payment-split-btn {
        margin-top: 10px;
    }
}

.payment-section-container {
    justify-content: center;      
}

.payment-section-right {
    flex: 0 0 auto;
    justify-content: center;
    margin: 0 30px;
}

@media (min-width: 768px) {
    .payment-section-right {
        padding: 10px 0;  
    }
}

/*in_stock and clear_all buttons*/
.filter-actions{
  display: flex;
  flex-direction: column;
  gap: 6px;              
  align-items: flex-start; 
  margin: 8px 0 8px;
}
/* keep consistent width */
.btn-in-stock, .btn-clear-all{
  min-width: 100px;
}

@media (max-width: 768px){
  .btn-in-stock, .btn-clear-all{
    //width: 85%;              
    max-width: 100px;        
  }
}
.delivery-track .table {
    border: 1px solid #e9ecef;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}
.delivery-track .table th {
    background: #f8f9fa;
    font-weight: 600;
}
.delivery-track .track-other td {
    background: #fff8d6; /* softer cream */
}
.delivery-track .track-other:hover td {
    background: #fff1b8;
}
.delivery-track .track-me td {
    background: #ffe066 !important; /* nicer yellow */
    font-weight: 700;
}
.delivery-track .track-me td:first-child {
    position: relative;
    border-left: 6px solid #f59f00; /* strong accent */
}
.delivery-track .track-me td:first-child:before {
    content: "YOU";
    display: inline-block;
    margin-right: 10px;
    padding: 2px 8px;
    border-radius: 999px;
    background: #f59f00;
    color: #212529;
    font-size: 12px;
    font-weight: 800;
    vertical-align: middle;
}
.delivery-track .legend {
    display: flex;
    gap: 14px;
    align-items: center;
    margin: 10px 0 14px;    .delivery-track .table {
        border: 1px solid #e9ecef;
        border-radius: 10px;
        overflow: hidden;
        background: #fff;
    }
    .delivery-track .table th {
        background: #f8f9fa;
        font-weight: 600;
    }
    .delivery-track .track-other td {
        background: #fff8d6; /* softer cream */
    }
    .delivery-track .track-other:hover td {
        background: #fff1b8;
    }
    .delivery-track .track-me td {
        background: #ffe066 !important; /* nicer yellow */
        font-weight: 700;
    }
    .delivery-track .track-me td:first-child {
        position: relative;
        border-left: 6px solid #f59f00; /* strong accent */
    }
    .delivery-track .track-me td:first-child:before {
        content: "YOU";
        display: inline-block;
        margin-right: 10px;
        padding: 2px 8px;
        border-radius: 999px;
        background: #f59f00;
        color: #212529;
        font-size: 12px;
        font-weight: 800;
        vertical-align: middle;
    }
    .delivery-track .legend {
        display: flex;
        gap: 14px;
        align-items: center;
        margin: 10px 0 14px;
        flex-wrap: wrap;
    }
    .delivery-track .swatch {
        width: 16px; height: 16px;
        border-radius: 4px;
        display: inline-block;
        border: 1px solid rgba(0,0,0,.08);
        margin-right: 6px;
    }
    flex-wrap: wrap;
}
.delivery-track .swatch {
    width: 16px; height: 16px;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid rgba(0,0,0,.08);
    margin-right: 6px;
}