@font-face {
    font-family: 'poppinsmedium';
    src: url('../../assets/fonts/poppins/poppins-medium-webfont.woff') format('woff2'),url('../assets/fonts/poppins/poppins-medium-webfont.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'paypal_sans_bigregular';
    src: url('../../assets/fonts/paypal/paypalsansbig-regular-klim-webfont.woff2') format('woff2'), url('fonts/paypal/paypalsansbig-regular-klim-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'paypal_sans_small_mediumRg';
    src: url('../../assets/fonts/paypal/paypalsanssmall-medium-klim-webfont.woff2') format('woff2'), url('fonts/paypal/paypalsanssmall-medium-klim-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'paypal_sans_smallregular';
    src: url('../../assets/fonts/paypal/paypalsanssmall-regular-klim-webfont.woff2') format('woff2'), url('fonts/paypal/paypalsanssmall-regular-klim-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brontidevp';
    src: url('../../assets/fonts/brontide/brontidevpdemo-style2_1-webfont.woff2') format('woff2'), url('../../assets/fonts/brontide/brontidevpdemo-style2_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    var-MainColor: #0f3657;
    --main-color: #0f3657;
    var-SubColor: #083308;
    --sub-color: #083308;
    var-MainButton: #c86b1d;
    --main-button: #c86b1d;
    var-MainButton-Hover: #bd661c;
    --main-button-hover: #bd661c;
    var-PriceHighlight: #c86b1d;
    --price-highlight: #c86b1d;
}

/* Site Layout */

.overlay {
    background: rgba(0, 0, 0, 0.5);
    position: fixed; /* or absolute, depending on layout */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto; /* Enables vertical scrolling if content overflows */
    z-index: 100000000; /* Ensures overlay is above other content */
}

body.scroll-lock {
    overflow: hidden !important;
    position: fixed;
    width: 100%;
    height: 100%;
    touch-action: none;
}

.overlay1 {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto; /* Allows scrolling within the overlay if needed */
    z-index: 100000000;
}

.cookie-consent-content {
    background: #0f3657;
    padding: 20px;
    border-radius: 10px;
    width: 80%;
    text-align: center;
    color: white;
    margin: auto;
    margin-top: 100px;
}

    .cookie-consent-content p {
        font-size: 16px
    }

.cookie-consent-content-button {
    margin: 10px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 80%;
    background-color: white;
    font-size: 18px;
    color:#0f3657;
}

    .cookie-consent-content-button:hover {
        opacity: 0.8;
    }


.offers{background-color:#fff;width:90%;min-height:100px;position:relative;margin:auto;top:25px;z-index:99999999;border:1px solid #000000; margin-bottom:30px}
html, body {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: 'poppinsmedium',sans-serif;
    width: 100%;
    background-color: #ffffff;
}

body{background-color:#ffffff;font-family:'poppinsmedium';font-size:14px;line-height:22px;color:#666;position:relative;-webkit-text-size-adjust:none}
body *{text-shadow:none}
p{margin:0;padding:0}
a{text-decoration:none;color:#666;border:0;outline:none}
a img{border:0;border-width:0}
img{border-style:none}
a:active{outline:none}
input[type=checkbox]{width:15px;height:15px;z-index:99999;margin-right:8px;-webkit-appearance:checkbox;border-radius:0}
.clearing{display:inline-block}
.clearing:after{content:" ";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
.clearing{display:block}

/* Header */
nav:not(.mm-menu){display:none}
.header{position:fixed;top:0px;font-size:16px;font-weight:700;color:#fff;line-height:40px;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:53px;padding:0;background-color:var(--main-color);background-repeat:repeat;background-repeat:no-repeat;background-position:center top;padding-top:6px;z-index:99999;margin-bottom:-2px}
.footer{font-size:16px;font-weight:700;color:#fff;line-height:40px;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:53px;padding:0;background-color:var(--main-color);background-repeat:repeat;background-repeat:no-repeat;background-position:center top;padding-top:6px}
.menuholder{height:53px;width:100%;display:block}
.header,.content,.footer{text-align:center}
.header a{background:center center no-repeat transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC);display:block;width:40px;height:40px;position:absolute;top:10px;left:5px;z-index:9999999999}
.header b{float:right}
input{border-radius:0}
input[type="search"]{-webkit-appearance:none}
input[type="button"]{-webkit-appearance:none}

/* POSTAGE SCROLLER ONHOMEPAGE */

#owl-example2 span {font-weight: 700;font-family: 'poppinsmedium', sans-serif;font-size: 15px;}
#owl-example2 .smalltext {font-weight: 700;font-family: 'poppinsmedium', sans-serif;font-size: 15px;font-weight:300}
@media (max-width: 370px) {
    #owl-example2 span {font-size: 14px;}
    #owl-example2 .smalltext {font-size: 14px;font-weight:500}
}
@media (max-width: 320px) {
    #owl-example2 span {font-size: 12px;}
    #owl-example2 .smalltext {font-size: 12px;font-weight:500}
}
@media (max-width: 280px) {
    #owl-example2 span {font-size: 9px;}
    #owl-example2 .smalltext {font-size: 9px;font-weight:500}
}


#DrdPageSort {
    background-color: white; /* Replace 'white' with your desired background color */
}
    #DrdPageSort option {
        color: black; /* Replace 'black' with your desired text color */
    }

.slider-for1 img {
    display: none; /* Initially hide the images */
}

#searcharea{width:100%;height:40px;border-top:3px solid #fff;border-bottom:1px solid #666;overflow:hidden;text-align:center;background-color:white; opacity:1}
.tbsearch{width:80%;background:#fff;border-radius:0;border:0;padding-bottom:.1em;color:#000000;font-size:1.4em;padding-left:2em;outline:none;position:relative;top:2px; left:5px; box-sizing:border-box; padding:5px}
.tbsearch::placeholder {color: #d2d2d2;opacity: 1;}

.searchbutton{height:28px;position:relative;top:4px; left:-8px}
.searchbutton1{height:28px;position:relative;top:4px; left:8px}

.showsearch{position:absolute;right:60px;width:30px;height:30px;margin-top:4px}
.basketicon{position:absolute;right:20px;width:30px;height:30px;margin-top:4px}
.content{width:100%;padding:0;margin:0}

/* Footer */
#footer{width:100%;background-color:#fff;color:#999;text-align:center;clear:both;}
#footer .title{font-family:'poppinsmedium',sans-serif;font-weight:700;font-size:24px;margin-top:10px}
#footer p{font-size:16px;padding:0;margin:0;color:#999;min-height:35px}
#footer .tbnewsletter{border:1px solid #666;height:22px;width:70%;max-width:400px;font-size:14px;padding:8px;text-align:center;color:#666}
#footer .contactwrapper{width:100%;margin-top:20px;margin-bottom:10px;color:#999;padding-top:10px;padding-bottom:10px;display:block}
#footer .footer_contact{list-style-type:none;padding:0;margin:0;font-size:1.4em}
#footer .footer_contact li{width:100%;float:left;height:35px}
#footer .footer_links {list-style-type:none;font-size:16px;width:100%;margin:auto;padding:0;color:#656565;position:relative}
#footer .footer_links li{width:100%;float:left;text-align:left;padding:18px;padding-left:40px;background-color:#f5f5f5;border-bottom:1px #b0b0b0 solid;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:23px}

#copywrite{width:80%;text-align:center;font-size:13px;margin:auto;line-height:1.4em;padding:10px 20px}

/* Homepage Features */
.hptext{font-size:14px;clear:both;text-align:center;margin-top:18px; width:80%; margin:auto}
.btnSquare{border:2px solid #999;padding:6px 6px;font-size:14px; line-height:10px}
#feature1 {width:46%;float:left;margin-left:2%; font-size:11px}
#feature1 .title{font-weight:700; font-size:14px}
#feature2 {width:46%;float:right;margin-right:2%; font-size:11px}
#feature2 .title{font-weight:700; font-size:14px}
#feature3 {width:100%;float:left;margin-top:12px;display:block}
#feature4 {width:100%;float:left;margin-top:12px;display:block}
.LogoCarousel{background-color:#f5f5f5;clear:both}

/* Product Details Page */
#proddetailsblock{width:100%;clear:both;box-sizing:border-box; background-color:white}
.proddetailsblock_Fixed{height:180px; background-color:white;box-sizing:border-box}

#PnlBuyingGroup{width:100%;background-color:#FFF;box-sizing:border-box; margin:auto}
#PnlBuyingGroup .price {font-family:'poppinsmedium',sans-serif;color:var(--main-button);vertical-align:bottom;font-size:18px;text-align:right;font-weight:500; margin-right:10px; position:relative; top:2px; margin:0px; padding:0px}
.buyinggroup_Fixed{position:fixed;top:124px;z-index:9999;border-bottom:1px solid #000}

#detail_review {box-sizing:border-box; text-align:center; padding-bottom:10px; padding-top:4px}

#details_title{width:100%;margin:auto;text-align:left;margin-top:0px;margin-bottom:10px;box-sizing:border-box; clear:both}
#details_title h1{font-family:'poppinsmedium',sans-serif;color:#666666;font-size:18px; font-weight:300; margin:0px; text-align:left; width:95%; margin:auto}
.details_title_fixed{position:fixed;top:53px;z-index:9999;box-sizing:border-box}
.details_title_fixed_search {position:fixed;top:53px;z-index:9999;box-sizing:border-box}
.details_holding_block_fixed {}


#information ul {width:100%; margin:auto; margin-top:25px; list-style-type: none; border-top:1px solid #656565; padding:0px }
#information ul a {text-decoration:none;cursor: pointer;}
#information ul a:hover {text-decoration:none}
#information ul p {text-decoration:none; line-height:25px}
#information ul li {width:100%;border-bottom:1px solid #656565; font-family: 'poppinsmedium'; font-size:15px; min-height:50px; text-align:left; line-height:50px}
#information .toggle-arrow {font-size: 20px; float:right; margin-right:20px}
#information .toggle-arrow {
    transition: transform 0.3s; /* Add a transition for the transform property */
}

#information .rotated {
    transform: rotate(180deg); /* Rotate the arrow 180 degrees */
}


.arrow {
    display: inline-block;
    /* Add other styles for positioning, color, etc. */
}


.selected-header {
    /* Add your desired styles here */
    border-left: 4px solid #000000;
}

.group-header1 {
    width: 100%;
    border-top: 1px solid #cccccc;
    padding: 14px;
    text-align: left;
    margin: auto;
    box-sizing: border-box;
    font-size: 16px;
    border-right: 0px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-top: 16px;
    border-left: 4px solid #000000;
}


/* Product Page Info */
.toggle-container {
    display: block;
    padding: 8px;
    border-top: 1px solid #ccc;
    cursor: pointer;
    box-sizing: border-box;
    text-align:left;
    padding-left:20px;
    padding-right:20px
}

.toggle-arrow {
    float: right;
    transition: transform 0.3s;
    margin-right:10px
}

.toggle-content {
    display: none;
    padding: 0px;
    box-sizing: border-box
}

/* Basket Page */
#PnlBasketheader{z-index:9999}
.PnlBasketheader {width:100%;position:fixed;top:53px;z-index:9999;background-color:#fff;border-bottom:1px solid #000}
.PnlBasketheader_search {width:100%;position:fixed;top:97px;z-index:9999;background-color:#fff;border-bottom:1px solid #000}
#PnlBasketheader_Holding {height: 105px}

#basket_page .basket_clear{width:96%;margin:auto;clear:both;padding-top:20px;padding-bottom:20px;overflow:hidden;min-height:100px; box-sizing:border-box}

#basket_page .basket_image{float:left;width:30%}
#basket_page .basket_image .img{height:120px; border:1px solid #cccccc}

#basket_page .basket_item{width:60%;float:right;text-align:left; float:right}
#basket_page .clear{width:100%;clear:both}
#basket_page .title{font-size:14px; width:90%;float:left;height:55px;line-height:17px}
#basket_page .price{font-size:14px; width:28%;float:left;text-align:right}
#basket_page .qty{color:#cccccc;width:68%;float:left}
#basket_page .qtydrd {border:1px solid #999999;width:60px;-webkit-border-radius:0px;border-radius:0px; box-sizing: border-box; font-size:15px;height:25px; background-color:#ffffff; color:#000000; height:30px}
#basket_page .remove{width:28%;float:left;text-align:right;font-size:11px}
#basket_page .breadcrumb{font-size:1em}
#basket_page .totaltable{font-family:'poppinsmedium',sans-serif;font-weight:500;width:96%;background-color:#f7f7f7;border-top:1px solid #666;border-bottom:1px solid #666;font-size:18px;color:#000;margin:auto;padding:8px}
#basket_page .total{font-size:24px;color:#000}
#basket_page .totaltable_top{font-family:'poppinsmedium',sans-serif;font-weight:500;width:100%;background-color:#f7f7f7;font-size:16px;color:#000;padding:6px}
#basket_page .total_top{font-size:18px;color:#000; font-weight:500}
#basket_page .tbpromocode{background:#fff;border:1px solid #666;height:38px;margin:0;padding:14px;font-size:1.4em;padding-left:1em;width:96%;text-align:center;box-sizing:border-box}
#basket_page .tbpromocode::-webkit-input-placeholder{color: #cccccc;}
#basket_page .tbpromocode::-moz-placeholder{color: #cccccc;}
#basket_page .tbpromocode:-ms-input-placeholder{color: #cccccc;}
#basket_page .tbpromocode:-moz-placeholder{color: #cccccc;}
#basket_page .btnpromocode{background-color:var(--main-color);border-radius:5px;border:none;padding:7px;color:#fff;margin-bottom:8px;-webkit-appearance:none;font-size:1.2em;width:96%;padding-bottom:6px;margin-top:10px;height:35px}

/* Buttons */
.productbutton{cursor:hand;background-color:var(--main-button);width:96%;height:45px;border:0;font-family:'poppinsmedium',sans-serif;color:#ffffff;font-size:16px;margin:auto;cursor:pointer;-webkit-appearance:none;-webkit-border-radius:5px;border-radius:5px;margin-bottom:10px}
.productbutton:hover{background-color:var(--main-button-hover)}
.productbuttonos{cursor:hand;background-color:#000000;width:96%;height:45px;border:0;font-family:'poppinsmedium',sans-serif;color:#ffffff;font-size:18px;margin:auto;cursor:pointer;-webkit-appearance:none;-webkit-border-radius:5px;;border-radius:5px;margin-bottom:10px}
.productbuttonos:hover{background-color:#000000}

/* Dropdown Navigation */


#seachnotfound {
    width: 100%;
    border-top: 1px solid #000000;
    box-sizing: border-box;
    background-color: #f7f7f7;
    padding:20px;
    text-align:left
}
.seachnotfound_top {
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Distribute space evenly between the divs */
}

#seachnotfound .div1, .div2 {
    flex: 1; /* Make both divs take up an equal amount of space */
    border: 1px solid #ccc; /* Add borders for visibility */
    padding: 5px; /* Add padding for spacing */
}

.close-menu {
    background-color: var(--main-color); /* Black background */
    color: white; /* White text */
    font-size: 22px; /* Larger text */
    font-weight: bold;
    border: none; /* No border */
    cursor: pointer; /* Pointer cursor on hover */
    padding: 0px 0px; /* Padding around the text */
    width: 46px; /* Fixed width */
    height: 30px; /* Fixed height */
    display: flex; /* Flex container for center alignment */
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
    user-select: none; /* Prevent text selection */
    transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effect */
    margin-top: 10px;
    border: 1px solid var(--main-color)
}

    .close-menu:hover {
        background-color: #333; /* Darker shade on hover */
        color: #ddd; /* Lighter text on hover */
    }


.minibasket {
    display: none;
    width: 100%;
    background-color: #fff;
    position: relative;
    bottom: -100%;
    z-index: 10000;
    background-color: #f5f5f5
}
.minibasketinner{width:100%;font-family:'poppinsmedium',sans-serif;font-size:15px;background-color:#f5f5f5}
.minibasketinnerheader{width:100%;padding:5px;color:#666;text-align:left;margin:auto;background-color:transparent;font-size:15px; border-top:1px solid #000000; border-bottom:1px solid #000000;background-color:#f5f5f5; padding-left:15px; padding-top:9px; box-sizing:border-box}
.minibasketinner a{text-decoration:none;color:#666;font-size:15px}
.minibasketbutton{background-color:var(--main-button);width:100%;height:25px;border:0;font-family:'poppinsmedium',sans-serif;color:#fff;font-size:16px;margin:auto;text-align:center;padding-top:13px;border-radius:5px; margin-bottom:10px; line-height:12px}
.minibasketbutton_blue{background-color:#666;width:100%;height:32px;border:0;font-family:'poppinsmedium',sans-serif;color:#fff;font-size:16px;margin:auto;text-align:center;padding-top:13px;margin-top:10px;border-radius:5px}
.small{display:block;margin:0}
.medium{display:none}
.large{display:none}

h1{font-family:'poppinsmedium',sans-serif;font-size:24px;color:#797979;margin:0;padding:0;width:100%;text-align:center; font-weight:normal}

#pagecontent {width:96%;margin:0 auto;border:1px solid #FFF;font-family:'poppinsmedium',sans-serif;font-size:14px;line-height:18px;text-align:left}
#pagecontent p{margin:10px;font-family:'poppinsmedium',sans-serif;width:96%}
#pagecontent a{margin-left:10px;text-decoration:underline}
#pagecontent a:hover{text-decoration:underline;font-weight:700}
#pagecontent #nolink{text-decoration:none}
#breadcrumb{width:100%;height:33px;text-align:left;margin:auto;background-color:#fff;border-bottom:1px solid #666;box-sizing:border-box;padding:5px;padding-left:15px}

#productnav, #filterheader {width: 100%;height: 55px; border-bottom: 1px solid #666;border-top: 1px solid #666;margin: auto;background-color:white;clear: both}
.productnavholder{height:55px;width:100%;background-color:#FFF}
.productnavfixed{position:fixed;top:53px;z-index:9999}
.productnavfixed_search{position:fixed;top:53px;z-index:9999}

.progress {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999999998;
    overflow: hidden;
}

.disabled{pointer-events:none}
.contentheight{height:900px}
#productwrap {width:46%;float:left;background-repeat:repeat-x;background-color:#FFF;margin-left: 3%; margin-bottom:12px}
#productwrap .title{width:100%;float:left;font-size:14px;text-align:left;line-height:15px;clear:both;min-height:75px}
#productwrap .price{width:100%;float:left;font-size:.9em;text-align:left;clear:both;padding-top:4px; height:30px}
#productwrap .productimage{width:100%; padding:0px; margin:0px}
.productinfo {
    width: 96%;
    margin: auto;
}
.productinfo h1{font-size:1.4em}

#filterdiv {bottom:0;width:100%;position:fixed;top:0px;left:0;z-index:99999999999;background-color:#fff;overflow-y:scroll;z-index:999999999999}
#filterdiv .title-open{text-align:left;border-bottom:0;width:100%;padding:4px;color:#000;font-size:16px;font-weight:700;background-image:url(../../images/cat_pages/Arrow_Open.png);background-position:96% 17px;background-repeat:no-repeat;width:100%;box-sizing:border-box;padding:15px;clear:both;background-size:20px 20px}
#filterdiv .title-closed{text-align:left;border-bottom:1px solid #666;width:100%;color:#000;font-size:16px;font-weight:700;background-image:url(../../images/cat_pages/Arrow_Closed.png);background-position:96% 17px;background-repeat:no-repeat;width:100%;box-sizing:border-box;padding:15px;clear:both;background-size:20px 20px}
#filterdiv .menu-open{width:95%;border-bottom:1px solid #666;padding-bottom:15px;clear:both;margin:auto}
#filterdiv .menu-closed{display:none;width:100%;border-bottom:1px solid #666;clear:both;margin:auto}

.tick{position:relative;top:-2px;left:-40px}
.menuitems{width:50%;float:left;text-align:left;margin-top:2px;margin-bottom:5px;font-size:13px}
.menuitemsclear{clear:both}
.menubuttons{width:100%;height:30px;position:relative;left:0;top:-5px;border:0;margin:0;padding:0;border-style:none;z-index:999}
#menubuttonhldr{position:relative;height:1px;border:0}
img{border:0}
.ImageProduct{border:0 solid #fff;width:96%}
#productinfo{width:96%;margin:auto}
.description{width:100%;margin:auto;text-align:left;margin-top:0;box-sizing:border-box;padding:5px;font-size:14px;line-height:18px; box-sizing:border-box}
.productpoints{width:96%;margin:auto;text-align:left;margin-top:10px;font-size:14px}
.buytable{width:97%;margin:auto;height:45px;color:#666}
.DrdQty{font-size:16px;padding:0px}

.tb_emailme{width:96%;color:#797979;margin:auto;height:45px;font-size:16px;margin-bottom:10px;margin-top:10px;text-align:center;box-sizing:border-box; border:1px solid #999999}

.PnlPMC{width:95%;margin:auto;text-align:center;margin:auto;margin-top:20px; margin-bottom:20px; padding-bottom:30px }
.PMCtb{font-family:'poppinsmedium';width:100%;height:30px;font-size:15px;margin:auto; border:1px solid #666666; padding:20px; box-sizing:border-box; margin-top:10px; line-height: 25px; padding-top:23px }
.PMCtbfull{width:100%;height:30px;font-size:16px;margin:auto}
.pmctitle{color:#666;font-size:20px}
.bodyfixed{position:fixed;top:0;left:0;height:100%}
.searchholder{height:46px;width:100%;display:block}
.searchfixed{position:fixed;top:53px;z-index:9999}
.filterheaderholder{height:60px;width:100%}
.filterheaderfixed{position:fixed;top:60px;z-index:9999;transition: all 0.3s ease;}
.hide{display:none}
.show{display:inline}
.giftwrap_cancel_fixed{position:fixed;top:40px}
.giftwrap_cancel_holder{height:46px;width:100%}
.giftwrap_cancel_fixed_search{position:fixed;top:89px}
#offers_clear{width:95%;border-bottom:1px solid #CCC;margin:auto;margin-bottom:10px}
#offers_clear .productimage{width:150px}
.OfferButton {
    font-size: 18px;
    cursor: hand;
    color: #fff;
    background-color: var(--main-button);
    width: 100%;
    height: 34px;
    padding: 5px;
    border: 0;
    margin-top: 15px;
    cursor: pointer;
    border-radius: 0; /* For modern browsers */
    -webkit-border-radius: 0; /* For older WebKit browsers (e.g., Safari) */
    -moz-border-radius: 0; /* For older Mozilla browsers (e.g., Firefox) */
}
.screen{position:absolute;left:0;top:0;height:100%;width:100%;background:rgba(255,255,255,0.8)}
#Personalised{width:96%;margin:0 auto;border:0;font-family:'poppinsmedium',sans-serif;font-size:1.2em;text-align:left}
#Personalised p{margin:10px;font-family:'poppinsmedium',sans-serif;width:96%}
#personalised .psn_button img{width:100%;float:left}
.personalised_text{width:94%;margin:auto}
.personalised_text p{margin-top:10px}
.personalisedtext{font-size:1.2em}
.PMCError{color:red}
.itemcount{position:relative;top:6px;left:-12px;min-width:14px;height:14px;background-color:var(--main-button);color:#ffffff;z-index:9999999999;padding:1px;margin:0;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.itemcount_blank{position:relative;top:6px;left:-12px;min-width:14px;height:14px;color:#000;z-index:9999999999;color:var(--main-color);padding:1px;margin:0;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}

#categorymenu{width:100%;padding:0;margin:0}
#categorymenu li{list-style-type:none;width:100%;height:40px;line-height:40px;padding:0;margin:0;border-bottom:1px solid #666}
#categorymenu li span{font-weight:700}
#categorymenu .header{background-color:#666;font-size:20px}
#categorymenu .subheader{background-color:#666;color:#fff}
.pnlgiftwrap{width:100%;min-height:400px;clear:both;position:absolute;top:92px;background-color:#fff}
.pnlgiftwrap_fixed{width:100%;min-height:400px;clear:both;position:absolute;top:80px;background-color:#fff}
#pnlgiftwrap_info{width:100%;background-color:#666;height:100px;border-top:1px solid #666;border-bottom:1px solid #666}
.tbgiftwrapping{width:94%;height:25px;font-size:16px;margin:auto;padding:3px}
#giftwrap_cancel{width:100%;height:33px;border-bottom:1px solid #8ec6e7;background-color:#fff}
.osbox{position:relative;top:-100px;height:10px;width:100%;clear:both;border:0 solid #000;text-align:center}
.personalisedtext{font-size:1.6em}
.menuitems{font-size:16px}
.deliveryoptions{width:96%;margin:auto;font-family:'poppinsmedium',sans-serif}
.clear{clear:both;height:50px}

.cat_title{font-size:12px; padding:20px; line-height:15px}
.cat_title .title{font-family:'poppinsmedium',sans-serif;font-size:24px;font-weight:500}











/* Initially hide the checkbox container */
.checkbox-container {
    cursor:pointer;
}

/* Style the group header and icon */
.group-header {
    width: 100%;
    border-top: 1px solid #cccccc;
    padding: 14px;
    text-align: left;
    margin: auto;
    box-sizing: border-box;
    font-size: 16px;
    border-right: 0px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-top:16px
}

.toggle-icon {
    margin-left: auto;
    font-size: 20px;
    transform: rotate(0deg);
    transition: transform 0.3s ease-in-out;
    padding-top: 2px
}

/* Rotate the icon when the checkbox container is shown */
.group-header.active .toggle-icon {
    transform: rotate(90deg);
}

.arrow-down {
    /* Replace with the appropriate style to make the arrow point down */
    /* Example: */
    transform: rotate(90deg);
    transition: none; /* Disable any transition animations */
}




/* Holds Filter Button at Bottom of Screen */
#BtnApplyFilterHolder {
    width: 100%;
    position: fixed;
    bottom: 0;
    border:1px solid #ffffff;
    background-color: white;
    padding-top: 10px
}




/* Style the select box */
select.classic {
    -webkit-appearance: none; /* Remove default iOS styles */
    -moz-appearance: none; /* Remove default Firefox styles */
    appearance: none;
    background: url('../../assets/mobilelayout/down-arrow.png') no-repeat right center; /* Replace 'down-arrow.png' with your arrow image */
    background-size: 14px; /* Adjust the size of the arrow image as needed */
    padding: 4px 26px 6px 12px; /* Padding (adjust as needed) */
    font-size: 14px; /* Font size */
    width: 120px; /* Width */
    height: 27px; /* Height */
    border: none; /* Remove border */
    outline: none; /* Remove outline */
    color: #666666; /* Set the text color to black; */
    font-weight:500
}

    /* Style the options (list items) */
    select.classic option {
        background: #ffffff; /* Background color for unselected options */
        color: #666666; /* Text color for unselected options */
    }

        /* Style the selected option */
        select.classic option:checked {
            background: #CCCCCC; /* Background color for selected option */
            color: #666666; /* Text color for selected option */
        }

    /* Style the select box when it's focused */
    select.classic:focus {
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Add a box shadow when focused (customize as needed) */
    }








/*.carousel-item {
    background-color: #ffffff;
    box-shadow: 0 0 20px rgba(128, 128, 128, 0.5);
    -webkit-box-shadow: 0 0 20px rgba(128, 128, 128, 0.2);
    -moz-box-shadow: 0 0 20px rgba(128, 128, 128, 0.5);
}
*/
.carousel-container {
    margin: auto;
    width: 90%;
    padding: 0;
    box-shadow: 0 0 60px rgba(128, 128, 128, 0.5);
    -webkit-box-shadow: 0 0 60px rgba(128, 128, 128, 0.2);
    -moz-box-shadow: 0 0 60px rgba(128, 128, 128, 0.5);
}








@media only screen and (min-width:400px) {
    #productwrap .title {
        width: 100%;
        float: left;
        font-size: 14px;
        text-align: left;
        line-height: 15px;
        clear: both;
        min-height: 75px
    }
}



    @media only screen and (min-width:568px) {

        #productwrap {
            width: 31%;
            float: left;
            background-repeat: repeat-x;
            background-color: #FFF;
            margin-left: 1%;
            margin-right: 1%;
            margin-bottom: 10px
        }

            #productwrap .title {
                width: 100%;
                float: left;
                font-size: .9em;
                text-align: left;
                line-height: 15px;
                clear: both;
                min-height: 65px
            }

            #productwrap .price {
                width: 100%;
                float: left;
                font-size: .9em;
                text-align: left;
                clear: both;
                padding-top: 4px
            }

            #productwrap .productimage {
                width: 100%
            }
    }