/* Generated from css_selectors: env=css_live, 2026-01-03 19:03:04 */

:root {--bcolor:#007dd1; --bcolor2:#0066ff; --btnbgnd:#f3f3f3; --btnbgnd2:#e9e9e9; --greytxt:#000000; --grey:#000000; --ogreytxt:#333333; --ogrey:#69686e; --obcolor:#01a7fd; --bfeature:#01a7fd;}
.rmt__tablist {display:grid; grid-auto-flow:column;  gap:2px;  margin-bottom:-1px;  margin-right:0px;}
* {padding:0;margin:0;}
h1 {font-size:18px;font-weight:bold;}
ul {list-style:none;padding:0;margin:0;background:transparent;}
td {text-align:left;font-family:'Roboto', sans serif; padding:0; margin:0;}
input {outline:none;}
a {text-decoration:none;}
a:link {color:var(--greytxt);}
a:visited {color:var(--grey);}
a:hover {color:var(--bcolor);}
a img {border:none;}
.sticky {z-index:15; position:fixed;   top:0;   width:100%; transition:background-color 0.8s linear; -webkit-transition:background-color 0.8s linear; background-color:#cccccc;}
#content {position:relative;float:left;text-align:left;}
.cursorp {cursor:pointer;}
.main_content_wrapper {padding-top:115px;}
.main_page {background:#ffffff; display:flex; align-items:stretch; width:100%; box-sizing:border-box; flex-wrap:wrap;}
.main_content_no_side_cell {box-sizing:border-box; flex-grow:1; max-width:100%; position:relative; background-color:white;}
#content_x {z-index:1; background:#ffffff; padding:5px;}
#sort {text-align:right;vertical-align:middle;}
#back1 {position:fixed; top:0; left:0; width:100%; height:100%; display:none; background:#cccccc; opacity:0.7; z-index:104;}
#front1 {margin-top:100px; position:fixed; top:0; left:0; width:100%; height:75%; display:none; background:transparent; z-index:105; overflow-y:auto; overflow-x:hidden;}
#sidemenu {font-weight:bold; padding:7px; line-height:140%; font-size:14px; min-height:25px;}
#sidemenu li a {cursor:pointer; color:var(--greytxt);}
#sidemenu li a:hover {cursor:pointer; color:var(--bcolor);}
#sidemenu ul {display:none;}
.category {color:var(--greytxt); font-size:14px; min-height:25px;}
.uppermenu {background:transparent; padding-bottom:5px;}
.uppermenu li {padding:0 0 0 15px; color:var(--greytxt); font-size:12px; line-height:150%;}
.midmenu {font-weight:normal; color:var(--greytxt);}
.lowmenu {font-weight:normal; color:var(--greytxt);}
.lowmenuhigh {font-weight:bold;margin:1px 0px 1px 0px; border-radius:3px; border:1px solid var(--bcolor2) ; background:#88c7e8;}
.midmenu a:link {color:var(--greytxt);}
.midmenu a:visited {color:var(--greytxt);}
.midmenu a:active {color:var(--bcolor);}
.midmenu a:hover {color:var(--bcolor);}
.viewall {display:none;}
.leftheadercell {padding:4px 5px 4px 10px; border-bottom:1px solid #cccccc; color:#666666; font-family:'Roboto', arial, sans serif; font-size:20px; background-color:#f3f3f3; font-weight:500; vertical-align:top; width:200px;}
.sidemenumain {vertical-align:top; height:251px ; padding:0px 0px 7px 6px; background:transparent;}
.sidemenucell {min-width:200px; max-width:200px; width:200px; padding:0px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
#sidemenuwrappernew2 {padding:0; border-spacing:0;}
.sidebar_heading {font-size:1.2rem; font-weight:bold; color:#555; padding:10px; margin-bottom:15px; background-color:var(--btnbgnd); box-shadow:0 2px 4px rgba(0,0,0,0.1), inset 0 -1px 0 #e6e6e6; display:block;}
.sidebar_list {margin-bottom:15px;}
.sidebar_list ul.sidemenu2 li a {font-weight:500; color:#333; padding:3px 3px 3px 11px; display:block; text-decoration:none;}
.sidebar_list ul.sidemenu2 li a:hover {background-color:var(--btnbgnd); color:var(--bcolor);}
.hidden_wrapper {display:none;}
#recycling {display:flex; flex-direction:column; align-items:center; flex:0 0 200px;  text-align:center;  box-sizing:border-box;}
#recycling img {margin-bottom:10px;}
#recycling a {color:var(--bcolor);  text-decoration:none; margin-bottom:5px;}
#recycling a:hover {text-decoration:underline;}
#company_info {box-sizing:border-box;}
.hover_icon_wrapper {padding-top:5px; padding-right:5px;        position:absolute;        bottom:2px;        right:2px;        display:flex;        flex-direction:column;        align-items:center;        opacity:0;        transition:opacity 0.3s;        z-index:4;}
.hover_text {font-size:12px;        font-weight:bold;        color:white;        background:#0073e6;        padding:3px 6px;        border-radius:3px;        margin-bottom:2px;}
.hover_icon {width:64px;        height:64px;        background:url(https://www.bluearan.co.uk/layout/icons/a2c_x_64.png) center / cover no-repeat;}
.hover_icon2 {width:64px;        height:64px;        background:#ffffff;}
.hover_button {background:none;    border:none;    padding:0;    cursor:pointer;    display:flex;    flex-direction:column;    align-items:center;}
.landscape_advert {position:relative;   display:flex;}
.landscape_advert:hover .hover_icon_wrapper {opacity:1;}
.landscape_advert:hover .ad_item_details {opacity:0;}
.search_result_line {padding:3px 3px 3px 3px; font-family:'Open Sans', Arial, sans serif;}
.search_result_line a:hover {background-color:#fdff4b; color:black;}
.search_result_x {padding:3px 3px 3px 3px; font-family:'Open Sans', Arial, sans serif;}
.search_result_x a:hover {background-color:#fdff4b; color:black;}
.search_result_x_img {text-align:center; vertical-align:middle; padding:2px; width:35px; height:35px;}
.general_info {font-family:arial; font-size:2;  padding-top:5px; padding-bottom:5px;}
.general_info p {padding-top:5px; padding-bottom:5px; line-height:145%;}
.general_info li {padding-top:2px; padding-bottom:2px; line-height:125%;}
.centered {text-align:center;}
.inputx {border-width:1px;border-style:solid;border-color:#999999;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:var(--greytxt);}
.titlespan {padding:2px;  color:var(--greytxt); font-family:'Roboto', 'Open Sans', arial, sans serif; font-size:24px;  font-weight:900;}
.titlespanbox {font-family:'Roboto', Arial, sans-serif;  font-size:18px;  font-weight:bold; margin-top:2px; margin-bottom:2px;    color:#333;     background-color:#f3f3f3;      padding:10px 15px;      border-left:5px solid var(--bcolor);      margin-bottom:15px;      border-radius:3px;     box-shadow:0 2px 4px rgba(0,0,0,0.1);     display:inline-block;     width:auto;  min-width:375px;     box-sizing:border-box;}
.infotable td {padding:1px; margin:0px; height:16px;}
.emphasised {font:italic small-caps 18px 900 ;}
.inline_edit {cursor:url(../../cursors/pencil25.cur), pointer;}
.edit_textarea {position:relative;z-index:20;}
.text_input {border:1px solid #cccccc; border-radius:3px; box-sizing:border-box; padding:2px 3px;}
.inputy {border-width:1px;border-style:solid;border-color:#ffffff;font-size:11px;color:var(--greytxt);}
.headerinfo {background-color:#ddddff;}
input.button {margin:2px 0px;border:1px solid black;vertical-align:middle; outline:none;}
.cart {background-color:#f0f0ff;font-size:12px;text-align:left;}
.cartmessage {background-color:#ffff00;font-size:12px;text-align:left;font-weight:bold;padding:4px;border:1px solid black;}
.search_17 tr {border-top:1px solid #e3e3e3;padding:3px; background:rgba (255,255,255,0.5);}
.search_17 td {padding-left:10px; background:transparent;}
.search_17 h1 {font-size:16px;font-weight:bold;}
.search_17 h2 {font-size:14px;font-weight:bold;}
.searchb {vertical-align:middle;}
#search_box {margin-top:5px;margin-left:500px;height:20px;float:right;}
.with_dots ul {list-style-type:square;  list-style:square;   padding:0px; margin-left:2px; background:transparent;}
.with_dots li {list-style-type:square;  list-style:square;  padding:0px;  margin-left:15px; margin-bottom:2px; background:transparent;}
.info {padding:0px;}
.topheading {font-size:12px;font-weight:bold;vertical-align:bottom;padding:0px 0px 3px 0px;}
.offermenu {padding:1px 1px 1px 1px;border-left:1px solid #dde;}
.img_right {float:right;display:inline;padding:0 5px 0 5px;}
.img_left {float:left;display:inline;padding:0 5px 0 0;}
.info p {padding:2px 0 0 0;margin:0;}
.info table {padding:2px;}
table.spec {padding:0px;}
td.spec_label {font-size:10px; padding:0px;}
td.spec_val {font-size:10px; padding:0px;}
td.spec_top {font-size:10px; font-weight:bold; background:#cccccc; padding:2px;}
.link_button {border:1px solid #cccccc;  background:#eeeeee; padding:4px 6px 4px 6px ; font-family:'Lato', arial, sans serif; font-size:18px; color:var(--greytxt); font-weight:700; cursor:pointer; display:block;}
.link_button td {text-align:center;}
.link_button a {width:100%; height:100%; display:block;}
.link_button:link {color:var(--greytxt);}
.link_button:hover {color:#077a07;}
.link_button a:link {color:var(--greytxt);}
.link_button a:visited {color:var(--greytxt);}
.link_button a:hover {color:#077a07;}
.faq_question {color:#DD5555; font-weight:bold;}
ol {list-style-position:inside;}
.faq_list {font-weight:bold;}
.faq_answer p {padding-bottom:5px;}
.data_list {padding:10px;}
.data_list a {font-weight:bold;}
.data_heading {font-style:italic;}
.faq_answer a {font-weight:bold;}
.emphasis_para {font-weight:bold;}
#brexit_list li {padding-bottom:5px;}
.dropbtn2 {color:#333333; font-size:14px; background:transparent; border:none; display:inline-flex; vertical-align:middle; padding-top:3px; padding-bottom:3px; outline:none; align-items:center;}
#infodiv_99 {padding:5px; overflow:visible; border:none; left:-6px; margin-top:0px; -webkit-border-radius:9px; -moz-border-radius:9px; box-shadow:0 8px 16px rgba(0,0,0,0.2);}
.dropbtn3 {color:#333333; font-size:14px; background:transparent; border:none; font-family:arial,sans serif; display:inline-flex; vertical-align:middle; padding-top:3px; padding-bottom:3px; outline:none;}
.item_tab {display:flex; flex-wrap:wrap; gap:0px; margin-top:6px;}
.item_tab button {outline:none;  float:left;  border:1px solid #cccccc;  background-color:var(--btnbgnd);  cursor:pointer;  padding:3px 6px;  font-family:'Open Sans';   font-size:16px;  color:#69686e;  transition:0.4s;}
.item_tab button:focus-visible {outline:2px solid #005fcc;    outline-offset:2px;}
.item_tab button:hover {background-color:#e9e9e9;  color:var(--bcolor);}
.item_tab button.active {background-color:#ddd;  color:#333333; font-weight:bold;}
.item_tabcontent {font-family:'Open Sans',system-ui,sans-serif;font-size:15px;color:#222;line-height:1.5;min-height:400px; height:auto; animation:fadeEffect 500ms ease-in;display:block;padding:6px 12px;border:1px solid #ccc;background:url('/marketing/images/white3.png');}
.item_tabcontent:empty {min-height:0;padding:0;border:0;background:none;display:none;}
.item_tabcontent.is-empty {min-height:0;padding:0;border:0;background:none;display:none;}
@keyframes fadeEffect {from opacity:0;   to opacity:1;}
.custom-dropdown {position:relative;  display:inline-flex;     align-items:center;     width:auto;}
.custom-dropbtn {text-align:right; background-color:var(--btnbgnd);    color:var(--bcolor);    padding:5px 10px;    font-size:0.9rem; border:1px solid var(--btnbgnd2);    border-radius:3px;     cursor:pointer;     outline:none;     font-family:Arial, sans-serif; font-weight:600;     width:auto;  min-width:100px;   display:inline-flex; margin-left:1px; margin-right:1px;}
.custom-dropdown-content {display:none;     position:absolute; top:100%;     left:0;      background-color:rgba(240, 240, 255, 0.95);    z-index:100;     border-radius:3px;     box-shadow:0 8px 16px rgba(0,0,0,0.2);     width:auto;      max-width:100%;  width:100%; text-align:left;}
.custom-dropdown-content a {color:#333333;     padding:4px 4px;     text-decoration:none;     display:block;}
.custom-dropdown-content a:hover {background-color:var(--btnbgnd2); color:var(--bcolor);  font-weight:500;}
.custom-dropdown:hover .custom-dropdown-content {display:block;}
.custom-dropbtn:hover {color:#0088ff;  background-color:var(--btnbgnd2);}
.custom-dropbtn:hover span {color:#0088ff;  background-color:var(--btnbgnd2);}
.custom-dropbtn.inactive-filter {color:#666;}
.custom-dropbtn.inactive-filter span {color:#666;}
.pagination-container {display:flex;}
.pagination-nav {display:flex; align-items:center;      justify-content:flex-end;     width:100%;}
.pagination-btn {border:1px solid transparent;  background-color:transparent ; padding:1px;  margin-left:1px; margin-right:1px; border-radius:3px;  transition:background-color 0.3s ease;  width:24px; height:24px;  display:flex;     justify-content:center;     align-items:center; font-weight:normal;}
.pagination-btn:hover {cursor:pointer; background-color:var(--btnbgnd2);     color:var(--bcolor);  border:1px solid #d3d3d3;}
.pagination-btn:disabled {background-color:transparent;   border:1px solid transparent;}
.pagination-svg {width:22px;   height:22px; fill:#333;}
.pagination-svg:hover {fill:var(--bcolor);}
.pagination-label {margin:0 3px;}
.pagination-btn:disabled .pagination-svg {fill:transparent;}
.pagination-btn.active {background-color:var(--btnbgnd);      color:var(--bcolor);     font-weight:bold;     cursor:default;  border:1px solid var(--btnbgnd2);}
.pagination-btn2.active {background-color:var(--btnbgnd);      color:var(--bcolor);     font-weight:bold;     cursor:default;  border:1px solid var(--btnbgnd2);}
a.pagination-btn {display:flex; justify-content:center; align-items:center; text-decoration:none; font-weight:bold;}
a.pagination-btn.active {display:flex; justify-content:center; align-items:center; text-decoration:none; font-weight:bold;}
a.pagination-btn2 {justify-content:center; align-items:center; text-decoration:none; font-weight:bold;}
a.pagination-btn2.active {justify-content:center; align-items:center; text-decoration:none; font-weight:bold;}
.pagination-btn2 {border:1px solid transparent;  background-color:transparent ; padding:1px;  margin-left:1px; margin-right:1px; border-radius:3px;  transition:background-color 0.3s ease;  width:24px; height:24px;  justify-content:center;  vertical-align:middle; align-items:center;  font-weight:normal; cursor:pointer;}
.pagination-btn2:hover {background-color:var(--btnbgnd2);  border:1px solid #d3d3d3;}
.pseudo-checkbox {background-color:transparent;     border:none;      padding:0px;     cursor:pointer;}
.pseudo-checkbox:active {outline:none;}
.pseudo-checkbox:focus {outline:none;}
.pseudo-checkbox span {padding-right:2px; font-size:1.3rem;}
.head_myaccount {display:inline-flex; vertical-align:middle;}
.search_head {font-family:"Open Sans",arial,sans serif;color:#003974;font-size:18px;}
#headingbar {border-left:1px solid #cccccc; border-right:1px solid #cccccc;  border-bottom:1px solid #cccccc;}
.breadcrumbs {font-size:12px;color:var(--greytxt); padding:0 0 3px 3px;}
.breadcrumbs a {color:var(--greytxt);text-decoration:none;}
.breadcrumbs a:hover {color:var(--bcolor);}
.add-to-cart-container {display:flex; flex-direction:column; align-items:center; padding:5px;}
.qty-selector {display:flex; align-items:center; gap:5px;}
.qty-btn {cursor:pointer; border:none; background:transparent; padding:5px;}
.qty-input {width:44px; height:20px; text-align:center; font-size:14px; font-weight:bold; border:none;}
#search_main {display:inline-block;}
#search_results_short {scroll-margin-top:115px;display:none;padding:10px;position:relative;min-height:100%;width:100%;background-color:#eee;border:1px solid #eee;z-index:9;min-width:200px;white-space:nowrap;}
#search_results_container {display:none; position:absolute; z-index:12; width:calc(100% - 22px); max-width:calc(100vw - 22px); min-height:calc(100vh - 140px);}
#search_wrapper {display:flex; align-items:center; border:none; padding:4px 6px; border-radius:5px; border:1px solid #cccccc; background:#ffffff; max-width:75vw;}
#searchbox {border:none; outline:none; background:transparent; min-width:325px; font-size:1.4rem;  width:90%; font-family:'Open Sans', Arial, sans-serif;}
#searchbox:focus {border:none; outline:none;}
.header-container {display:flex; align-items:center; justify-content:space-between; padding:5px 4px 4px 4px;  width:100%; background:transparent;}
.logo-container {flex:0 0 auto;padding:6px 3px 1px 8px;}
.search-container {flex:1 1 auto; display:flex; justify-content:center; align-items:center; min-width:200px; padding-right:10px;}
.login-container {flex:1 1 auto; padding-right:10px;}
#balogo {max-height:74px; width:132px; height:70px; display:block; padding-top:4px; padding-left:6px;}
.std_content {padding:20px 25px;}
.help_content {padding:10px 15px;  max-width:700px;  margin-right:auto; line-height:1.6;}
.faq_question p {font-weight:bold;   color:var(--bcolor);    margin-bottom:10px; margin-top:5px;}
.sub_heading_2 {font-size:1.2rem;  font-weight:500;  color:#666;  padding:8px 0;   margin-bottom:10px;  border-bottom:2px solid var(--bcolor);  display:block; max-width:700px;   margin-left:5;   margin-right:auto;}
.sub_heading_22 {margin-top:25px; font-weight:500;  color:#666;  padding:8px 0;   margin-bottom:10px;  border-bottom:2px solid var(--bcolor);  display:block; max-width:700px;    margin-left:5;   margin-right:auto;   border-top:2px solid var(--bcolor);}
#alt_select {display:none;}
a.head_menu:hover {color:var(--bcolor); display:flex; vertical-align:middle;}
#prodcellwrap {display:flex; flex-direction:row;}
#deliverybottom {display:flex; flex-direction:row;}
#product_images {float:center; width:50%;}
#product_summary {float:center; width:50%; min-width:315px; margin-right:auto; vertical-align:top; min-height:250px;}
#how_to_find_us {display:flex; flex-direction:row; flex-grow:1;}
#weee_info {display:flex; flex-direction:row; flex-grow:1;}
.topbar_container {display:flex;  flex-wrap:wrap; width:100%;}
.data_item {display:inline-block;  vertical-align:middle; line-height:px; min-height:; margin:1px 2px; background:var(--btnbgnd); border-radius:6px; padding:1px 3px;color:#666666;}
.data_item2 {display:inline-block;  vertical-align:middle; line-height:px; min-height:; margin:1px 2px; background:#80d4ff; border-radius:6px; padding:1px 3px;color:#ffffff;}
.product-grid {display:grid;     grid-template-columns:repeat(auto-fill, minmax(175px, 1fr));     gap:20px;     padding:20px;}
.product-item {display:flex; flex-direction:column; align-items:center; text-align:center; background-color:#ffffff; border:1px solid #dddddd; padding:7px 5px 12px 5px; text-align:center; box-sizing:border-box; min-width:210px;}
.product-title {text-align:center;  padding:2px; font-size:1.1rem; font-family:'Roboto', Arial, sans serif; color:black; white-space:normal; overflow:hidden; height:44px; font-weight:400;}
.product-title_long {text-align:center;  padding:2px; font-size:1.1rem; font-family:'Open Sans', Arial, sans serif; color:black; white-space:normal; overflow:hidden; height:44px;}
.product-info {display:flex; justify-content:space-between; width:97%; align-items:center; t padding:2px; font-size:1.1rem; font-family:'Open Sans', Arial, sans serif; color:black; white-space:normal;  overflow:hidden;}
.product-item:hover {border:1px solid var(--bcolor);}
.product-stock {text-align:center; font-weight:bold; padding:2px 3px; font-family:'Open Sans', Arial, sans serif; color:black; white-space:normal; overflow:hidden; height:18px; display:inline-flex; vertical-align:middle;}
.product-price {text-align:center; font-size:1.3rem; font-weight:bold; padding:2px 3px; font-family:'Open Sans', Arial, sans serif; color:black; white-space:normal; overflow:hidden; height:22px; display:inline-flex; vertical-align:middle;}
.search_result_sq_img {text-align:center; vertical-align:middle; padding:3px; width:125px; height:125px; display:block; margin:0 auto;}
.slideshow-container {position:relative;max-width:1000px;width:100%;}
.mySlides {display:none;margin:0;padding:0;}
.prev {position:absolute;top:50%;transform:translateY(-50%);padding:12px 14px;color:#fff;font-weight:bold;font-size:18px;cursor:pointer;user-select:none;background:rgba(0,0,0,.35);border-radius:4px;z-index:2; left:8px;}
.next {position:absolute;top:50%;transform:translateY(-50%);padding:12px 14px;color:#fff;font-weight:bold;font-size:18px;cursor:pointer;user-select:none;background:rgba(0,0,0,.35);border-radius:4px;z-index:2; right:8px;}
.prev:hover {background:rgba(0,0,0,.6);}
.next:hover {background:rgba(0,0,0,.6);}
.captiontext {color:#f2f2f2;    font-size:15px;   padding:8px 12px;   position:absolute;   bottom:0px;    width:100%;   text-align:center;}
.numbertext {color:#f2f2f2;    font-size:12px;   padding:8px 12px;   position:absolute;  top:0;}
.dot {cursor:pointer;height:17px;width:17px;margin:0 2px;background:#bbb;border-radius:50%;display:inline-block;transition:background-color .3s linear;vertical-align:middle;}
.active {background-color:#717171;}
.dot:hover {background:#717171;}
.fade {-webkit-animation-name:fade;   -webkit-animation-duration:1.2s;   animation-name:fade;   animation-duration:1.2s;}
@-webkit-keyframes fade {from opacity:.8   to opacity:1;}
@keyframes fade {from opacity:.8   to opacity:1;}
.topbar {display:flex;gap:6px;width:100%;flex:0 0 100%;flex-wrap:wrap;justify-content:space-between;}
.topbar2 {display:flex;gap:6px;width:100%;flex:0 0 100%;flex-wrap:nowrap;justify-content:space-between;margin-bottom:8px;}
.topbar .topbar_item {min-width:0;}
.topbar2 .topbar_item {min-width:0;}
.topbar .topbar_item:nth-child(1) {flex:1 1 auto;}
.topbar .topbar_item:nth-child(2) {flex:0 0 auto;margin-left:auto;text-align:right;}
.topbar2 .topbar_item:nth-child(1) {flex:0 0 40%;}
.topbar2 .topbar_item:nth-child(2) {flex:1 1 60%;text-align:right;}
.main_prod_nav {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;padding:0;}
.main_prod_nav .category_heading a.js-panel-trigger.is-active {background-color:#01a7fd;color:#fff;padding-bottom:6px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.main_prod_nav .category_heading a.js-panel-trigger.is-active img {filter:brightness(0) invert(1);}
.category_heading {display:flex;align-items:center;font-family:Figtree,sans-serif;font-size:14px;font-weight:400;color:#000;cursor:pointer;}
.category_heading img {height:18px;width:18px;margin-right:5px;vertical-align:middle;}
.category_heading a {display:flex;align-items:center;gap:3px;padding:4px 6px;border-radius:4px;transition:background-color .25s,color .25s;}
.fixed_header {height:115px; position:relative;}
#head_staff {position:absolute;right:8px;top:2px;bottom:auto;left:auto;z-index:99;display:flex;align-items:center;}
#tmp_header_outer_wrapper {background:#eeeeee; zbackground:#8bd1fd; width:100%;padding-top:2px;padding-right:5px;align-items:center;padding-bottom:2px;}
#tmp_header_inner_wrapper {display:flex;justify-content:space-between;align-items:center;flex:1 1 auto;flex-wrap:nowrap;gap:12px;}
#search_area {flex:1 1 600px;max-width:780px;margin:0 auto;display:flex;justify-content:center;}
#icons_area {flex:0 0 auto;}
.top-row {display:flex;width:100%;}
#myHeader .fixed_header {position:relative;}
.sp-heroes {display:grid;grid-template-columns:repeat(3,200px);gap:12px;align-items:start;}
.sp-card {display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;}
.sp-card img {width:200px;height:200px;object-fit:cover;border-radius:8px;}
.sp-card .t {font-weight:600;font-size:14px;line-height:1.25;}
@keyframes panelIn {fromopacity:0;transform:translateY(-6px);toopacity:1;transform:translateY(0);}
.head_myaccount_new {display:inline-flex;vertical-align:middle;}
.head_contact {display:inline-flex;vertical-align:middle;}
.slideshow-flex {display:flex;justify-content:center;align-items:flex-start;gap:20px;padding:5px;}
.slideshow-section {display:flex;flex-direction:column;align-items:center;flex:0 1 1000px;max-width:1000px;width:100%;}
.Slide_Image {display:block;width:100%;height:auto;border:1px solid #aaa;}
.dots {width:100%;text-align:center;margin:8px 0;}
.dot.active {background:#717171;}
.dot_text {font-size:10px;color:#fff;display:inline-block;line-height:17px;}
.product-stock img {width:16px;height:16px;margin-right:4px;flex:0 0 14px;}
.product-item>a {display:block;width:100%;}
.staff_tools {display:inline; cursor:pointer;}
.staff_tools_hidden {display:none !important; cursor:pointer;}
.switch {position:relative;  top:4px; display:inline-block;  width:16px;   height:14px;}
.switch input {opacity:0;  width:0;  height:0;}
.slider {position:absolute;  cursor:pointer;  top:0;  left:0;  right:0;  bottom:0;  background-color:#ccc;  -webkit-transition:.4s; transition:.4s;}
.slider:before {position:absolute;  content:"";  height:10px;  width:6px;  left:2px;  bottom:2px;  background-color:white;  -webkit-transition:.4s;  transition:.4s;}
input:checked + .slider {background-color:#2196F3;}
input:checked + .slider:before {-webkit-transform:translateX(6px); -ms-transform:translateX(6px); transform:translateX(6px);}
.drag_area {background:#eeeeee;}
button.nav-trigger {background:none; border:0; padding:0; margin:0; font:inherit; color:inherit; cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:background-color 0.2s ease,color 0.2s ease;}
button.nav-trigger:hover {background-color:var(--bfeature); color:#fff;}
button.nav-trigger[aria-expanded="true"] {background-color:var(--bfeature); color:#fff;}
button.nav-trigger:focus-visible {outline:2px solid var(--bfeature); outline-offset:2px;}
button.nav-trigger img {display:inline-block; vertical-align:middle; transition:filter 0.2s ease;}
button.nav-trigger:hover img {filter:invert(1);}
button.nav-trigger[aria-expanded="true"] img {filter:invert(1);}
button.nav-btn {background:none; border:0; padding:4px 6px; margin:0; font:inherit; cursor:pointer; display:inline-flex; align-items:center; gap:6px; border-radius:4px; transition:background-color 0.2s ease,color 0.2s ease,filter 0.2s ease; font-family:Figtree,sans-serif;}
button.nav-btn:hover {background-color:var(--bfeature); color:#fff;}
button.nav-btn[aria-expanded="true"] {background-color:var(--bfeature); color:#fff; padding-bottom:8px !important; margin-bottom:-4px !important;}
button.nav-btn.is-active {background-color:var(--bfeature); color:#fff; padding-bottom:8px; margin-bottom:-4px;}
button.nav-btn img {display:inline-block; vertical-align:middle;}
button.nav-btn:hover img {filter:invert(1);}
button.nav-btn[aria-expanded="true"] img {filter:invert(1);}
button.nav-btn.is-active img {filter:invert(1);}
button.nav-btn svg * {fill:currentColor;}
.np-wrap {width:375px;  margin:10px;}
.np-title {padding:8px; border-top-left-radius:5px; border-top-right-radius:5px; transition:filter 0.5s ease;}
.np-title span {font-size:15px; font-family:Figtree, Arial, sans-serif; font-weight:500;}
.np-body {display:flex; flex-wrap:wrap; justify-content:flex-start; gap:6px; box-sizing:border-box; border:1px solid #eee; border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding:10px; width:375px;}
.np-item {position:relative; max-width:185px;width:47%; font-size:13.5px; font-weight:400; display:flex;align-items:center;gap:8px;}
.np-item__img {width:30px;height:30px;display:block;flex:0 0 30px;}
.np-item__img--blank {background:transparent;}
.np-item--mega {display:inline-flex; align-items:center; gap:12px; margin:8px; max-width:none; width:auto; font-size:15px;}
.man-card {display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:6px;}
.man-card--md {gap:8px; padding:10px;}
.man-card__img {display:block; object-fit:contain;}
.man-card__img--90 {width:90px; height:90px;}
.man-card__img--blank {background:#f5f5f5; border:1px solid #eee; border-radius:6px;}
.man-card > a {display:block; font-size:0.95rem; line-height:1.25; text-decoration:none; color:inherit;}
.man-card--md > a {font-size:12px; font-weight:600;}
.man-card:hover {color:var(--bcolor,#01a7fd);}
.np-item:hover {transform:translateY(-1px); background:#ffffff;}
.np-title:hover {filter:hue-rotate(45deg) saturate(1.2);}
.np-item::after {content:"";position:absolute;left:32px;bottom:-1px;height:2px;width:0;background:#01a7fd;transition:width .25s ease;}
.np-item:hover::after {width:calc(100% - 35px);}
.main_content {box-sizing:border-box;width:100%;flex:1 1 auto;max-width:calc(100% - 200px);padding:0 12px;}
.side_cell {box-sizing:border-box;width:200px;flex-basis:200px;flex-grow:0;flex-shrink:0;display:block;border-right:1px solid #ffffff;}
.mega-brands-scroll .mega-cards {flex-wrap:nowrap !important;}
.ba-dd--auto .ba-dd__menu {left:auto;right:auto;}
.basket_btn {display:inline-flex;align-items:center;}
.basket_qty {margin-left:2px;font-size:13px;line-height:1;}
.basket_added {display:inline-block;  padding:3px 6px;  background:#fff7c2;           border:1px solid #e6d686;  border-radius:4px;  font-size:13px;  font-weight:500;}
.basket_flash .ba-dd__btn {background:#01a7fd; border-radius:3px;}
.basket_flash .basket_qty {font-weight:bold; transform:translateY(-2px);}
.ba-cart-toast {position:fixed; top:70px; right:10px; z-index:2500; background:#ffff99; border:1px solid #e6d98b; padding:8px 12px; max-width:260px; font-size:.9rem; box-shadow:0 2px 8px rgba(0,0,0,.25); opacity:0; transform:translateY(-10px); transition:opacity .25s ease,transform .25s ease; pointer-events:none;}
.ba-cart-toast.is-visible {opacity:1; transform:translateY(0);}
.pl_pricebox {position:relative;}
.pl_edit_wrap {position:absolute;top:2px;right:2px;opacity:0;transition:opacity .2s linear;z-index:1000;background:rgba(255,255,255,0.85);padding:2px;border-radius:3px;}
.pl_pricebox:hover .pl_edit_wrap {opacity:1;}
.pl_edit_link img {display:block;}
[id^="pricebox_"] {position:relative;z-index:10;}
.pl_pricebox_holder {position:relative;z-index:999;}
.pl_rightcol {position:relative;}
.pl_pricebox_overlay {position:absolute;top:0;right:0;z-index:9999;}
.rightmenu-panels {display:flex;flex-direction:column;gap:8px;}
.rmp__panel {border:1px solid #ddd;border-radius:6px;background:#fff;padding:8px 10px;font-size:13px;}
.rmp__header {margin-bottom:4px;}
.rmp__title {margin:0;font-size:13px;font-weight:600;}
.rmp__panel--essentials {display:normal;}
.rmp__panel--recommended {display:normal;}
.rmp__panel--compatibility {max-height:275px;overflow:auto;}
.brand-trust {font-family:'Open Sans',Arial,sans-serif;font-size:16px; padding:2px 0;color:#333;}
.brand-trust__icon {font-size:16px;margin-right:4px;color:var(--bcolor);font-weight:900;}
.brand-trust__text {font-weight:600;}
.pm-page {max-width:980px; margin:0 auto; padding:10px 5px 30px 5px;}
.pm-header-card {border:1px solid #d0d0d0; background:#fafcff; border-radius:4px; padding:12px 14px; margin-bottom:18px;}
.pm-header-row {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:10px;}
.pm-header-main {flex:1 1 260px;}
.pm-title {font-weight:600; font-size:1.25rem; margin-bottom:2px;}
.pm-subtitle {font-size:0.9rem; opacity:0.9;}
.pm-stock-col {min-width:80px; text-align:center; font-size:0.75rem; opacity:0.85;}
.pm-buy-col {min-width:130px; text-align:right;}
.pm-flex {display:flex; flex-wrap:wrap; gap:22px;}
.pm-main {margin-bottom:10px;}
.pm-text-block {flex:1 1 360px; min-width:260px;}
.pm-text-block p {margin:0 0 12px 0;}
.pm-pricebreak {margin-top:8px; font-size:0.95rem; line-height:1.4;}
.pm-image-col {flex:0 0 220px; max-width:220px; text-align:center; margin:0 auto;}
.pm-logo {max-width:100%; height:auto; margin-bottom:14px;}
.pm-extra {margin-top:6px;}
.pm-extra-block {flex:1 1 320px; min-width:260px;}
.pm-extra-block p {margin:0 0 10px 0;}
.pm-aka {margin-top:16px; font-size:0.78rem; opacity:0.75;}
.pm-images {margin-top:10px;}
.pm-section-divider {border-bottom:1px solid #d5e9ff; margin:18px 0 22px 0;}
.pm-lead {color:#007dd1;}
.pm-pricebreak * {font-size:inherit; letter-spacing:normal; transform:none;}
.pm-card {border:1px solid #d0d0d0; background:#fafcff; border-radius:4px; padding:12px 14px; margin-bottom:18px;}
.pm-price {font-size:0.95rem; opacity:0.9; margin-top:4px;}
.pm-form-col {flex:1 1 360px; min-width:260px;}
.pm-hint-col {flex:1 1 260px; min-width:240px; font-size:0.9rem;}
.pm-field {margin:0 0 10px 0;}
.pm-field label {display:block; font-size:0.85rem; margin-bottom:2px;}
.pm-field input[type="text"] {width:100%; box-sizing:border-box; padding:4px 6px; font-size:0.9rem;}
.pm-field input[type="email"] {width:100%; box-sizing:border-box; padding:4px 6px; font-size:0.9rem;}
.pm-field input[type="number"] {width:100%; box-sizing:border-box; padding:4px 6px; font-size:0.9rem;}
.pm-field select {width:100%; box-sizing:border-box; padding:4px 6px; font-size:0.9rem;}
.pm-field textarea {width:100%; box-sizing:border-box; padding:4px 6px; font-size:0.9rem;}
.pm-actions {margin-top:12px; display:flex; gap:10px; flex-wrap:wrap;}
.pm-button {padding:6px 14px; font-size:0.9rem; border-radius:4px; border:1px solid #007dd1; background:#007dd1; color:#fff; cursor:pointer;}
.pm-button--ghost {background:#fff; color:#007dd1;}
.pm-message {margin:10px 0 14px 0; padding:8px 10px; border-radius:4px; font-size:0.9rem;}
.pm-message--ok {border:1px solid #3c9c3c; background:#e7f8e7;}
.pm-message--pending {border:1px solid #f0a000; background:#fff7e3;}
.pm-message--error {border:1px solid #cc0000; background:#ffe6e6;}
.pm-message--info {border:1px solid #007dd1; background:#e7f3ff;}
.pm-virtual-result {font-size:0.9rem; margin-top:8px;}
.rightmenu-panels-wrap {width:100%;max-width:335px;padding-right:0;margin:0;}
.product-layout-side {flex:0 0 335px;max-width:335px;margin-top:5px;margin-left:10px; box-sizing:border-box;}
.product-layout {display:flex;flex-wrap:nowrap;align-items:flex-start;gap:10px;}
.product-layout-main {flex:1 1 0;min-width:0;padding-left:5px;}
.ba-bubble {position:relative;display:inline-block;}
.ba-bubble__source {cursor:pointer;background:transparent;border:0;padding:0;font:inherit;color:inherit;display:inline-flex;align-items:center;}
.ba-bubble__panel {position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(0);background:#f4f7ff;border-radius:6px;box-shadow:0 8px 16px rgba(0,0,0,0.25);border:2px solid #999999;padding:8px 10px;min-width:220px;max-width:320px;z-index:1500;opacity:0;visibility:hidden;transform-origin:top center;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;text-align:left;}
.ba-bubble.is-open .ba-bubble__panel {opacity:1;visibility:visible;transform:translateX(-50%) translateY(4px);}
.ba-bubble--pos-above-center .ba-bubble__panel {top:auto;bottom:100%;transform-origin:bottom center;}
.ba-bubble--pos-above-left .ba-bubble__panel {top:auto;bottom:100%;transform-origin:bottom center;left:0;right:auto;transform:translateY(4px);}
.ba-bubble--pos-above-right .ba-bubble__panel {top:auto;bottom:100%;transform-origin:bottom center;left:auto;right:0;transform:translateY(4px);}
.ba-bubble--pos-below-left .ba-bubble__panel {left:0;right:auto;transform:translateY(4px);}
.ba-bubble--pos-below-right .ba-bubble__panel {left:auto;right:0;transform:translateY(4px);}
.ba-bubble--size-sm .ba-bubble__panel {min-width:160px;max-width:220px;}
.ba-bubble--size-md .ba-bubble__panel {min-width:220px;max-width:320px;}
.ba-bubble--size-lg .ba-bubble__panel {min-width:260px;max-width:420px;}
.ba-bubble--size-fit .ba-bubble__panel {min-width:0;max-width:none;}
.ba-bubble--style-default .ba-bubble__panel {background:#f4f7ff;border-color:#999999;}
.ba-bubble--style-soft .ba-bubble__panel {background:#ffffff;border-color:#cccccc;}
.ba-bubble--style-warning .ba-bubble__panel {background:#fff7e3;border-color:#f0a000;}
.ba-bubble--style-success .ba-bubble__panel {background:#e7f8e7;border-color:#3c9c3c;}
.ba-bubble--wide .ba-bubble__panel {min-width:425px;max-width:700px;width:auto;}
.ba-dd__hamburger {width:10px; height:10px; margin-right:0.35em;}
.ba-dd__hamburger path {fill:currentColor;}
.sdebug_std {padding:2px; margin:2px; font-size:12px !important; font-weight:400;}
.sdebug_grey {padding:2px; margin:2px; font-size:12px !important; font-weight:400; color:#999999;}
.sdebug_red {padding:2px; margin:2px; font-size:12px !important; font-weight:600; color:#bb0000;}
.sdebug_blk {padding:2px; margin:2px; font-size:12px !important; font-weight:700; color:#000000;}
.ba-banner {position:fixed;left:0;right:0;bottom:0;z-index:9999;padding:12px;}
.ba-banner__panel {max-width:1200px;margin:0 auto;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.25);background:#111;color:#fff;padding:14px 16px;display:flex;gap:14px;align-items:center;}
.ba-banner__body {flex:1;min-width:200px;}
.ba-banner__title {font-weight:700;font-size:16px;margin-bottom:4px;}
.ba-banner__text {font-size:14px;line-height:1.5;opacity:.95;}
.ba-banner__link {color:#fff;text-decoration:underline;margin-left:8px;white-space:nowrap;}
.ba-banner__actions {display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.ba-btn {display:inline-block;text-decoration:none;border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.1;border:1px solid transparent;cursor:pointer;user-select:none;}
.ba-btn--primary {background:#ffd200;color:#000;border-color:#ffd200;font-weight:700;}
.ba-btn--secondary {background:transparent;color:#fff;border-color:rgba(255,255,255,.55);}
.ba-btn--ghost {background:transparent;color:rgba(255,255,255,.85);border-color:transparent;}
#filedragtt.hover {background:#ffff00; color:#ff0000;}
#filedragtt {padding:5px; border:2px dashed #bbb; border-radius:10px; height:50px; width:150px; max-height:75px; min-width:100px; max-width:200px; margin-top:5px; background:#ffffff; color:#000000;}
#filedrag {padding:5px; border:2px dashed #bbb; border-radius:10px; height:50px; width:150px; max-height:75px; min-width:100px; max-width:200px; margin-top:5px; background:#eeeeee;}
#filedrag:hover {background:#ffff99;}
html {font-size:14px; font-family:'Roboto', Arial, sans-serif; color:var(--grey);}
body {font-family:'Roboto', Arial, sans-serif; padding:0px; margin:0px; background:#ffffff; text-rendering:optimizeLegibility; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; color:var(--grey);}
.skip-link {position:absolute; top:-40px; left:0; background:#000000; color:white; padding:8px; z-index:100;}
.skip-link:focus {top:0;}
.dropdown2:hover .dropdown-content2 {display:block;}
.dropdown2 {position:relative; display:inline-block; float:left;}
.dropdown-content2 {display:none;position:absolute;left:0; background-color:rgba(240,240,255,0.97); z-index:7; float:left; overflow:visible;}
.dropdown2:hover .dropbtn2 {color:var(--bcolor);}
.country-flag {width:28px; height:20px; background-size:cover; background-position:center; border-radius:6px; border:1px solid #ccc; display:inline-block;}
.head_menu a {display:flex;align-items:center;justify-content:center;padding:3px 0;color:#333;text-decoration:none;}
.head_menu_item {justify-content:center;padding:0 3px;margin:0;display:flex;align-items:center;border:1px solid transparent;border-top-right-radius:7px;border-top-left-radius:7px;}
.head_menu_item_b {justify-content:center;padding:0 3px;margin:0;display:flex;align-items:center;border:1px solid transparent;border-radius:7px;}
.head_menu_item_b:hover {background-color:rgba(240,240,255,.95);border-left:1px solid rgba(240,240,255,.95);}
.head_menu_item:hover {background-color:rgba(240,240,255,.95);}
.menu_text {font-family:Roboto; font-weight:400; padding-left:5px;}
.head_menu a:hover {color:var(--bcolor);}
#mega_content_explore {display:block;}
#mega_content_dynamic[hidden] {display:none;}
#mega_content_dynamic {display:block;}
.mega-head h3 {margin:0;font-size:16px;font-weight:700;}
.mega-grid {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;}
.mega-col h4 {margin:.1rem 0 .5rem;font-size:14px;}
.mega-col a {display:block;padding:2px 0;color:#333;text-decoration:none;}
.mega-col a:hover {text-decoration:underline;}
.mega-col a.indent1 {padding-left:14px;}
.mega-col a.indent2 {padding-left:24px;}
.mega-col a[data-leaf="1"]::before {content:"\2022";display:inline-block;margin-right:6px;color:#666;}
.footer-container {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;max-width:100vw;padding:5px;background:#fff;color:var(--grey);text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;box-sizing:border-box;min-height:150px;line-height:1.35;}
.footer-item {padding:10px; min-width:200px; text-align:center; box-sizing:border-box;}
.footer-item a {display:flex; flex-direction:column; align-items:flex-start; color:var(--bcolor); margin:5px 0; text-decoration:none;}
.footer-item a:hover {text-decoration:underline;}
.footer-links {flex:0 0 150px; display:flex; flex-direction:column; align-items:left; box-sizing:border-box;}
.footer-links a {color:var(--bcolor); text-decoration:none; margin-bottom:5px; font-weight:500;}
#footer {padding:10px;margin:0 auto;font-size:10px;text-align:center;}
#footerbottom {display:flex; flex-direction:row;}
.mega-col {content:normal;}
.mega-heroes {height:100%; width:auto; max-width:100%; object-fit:var(--fit); image-rendering:auto; display:block;}
.mega-heroes .mh-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--min-col),100%),1fr));gap:var(--gap);}
.mega-heroes .mh-card {display:block;padding:8px;}
.mega-heroes .mh-card:hover {transform:translateY(-1px);}
.mega-heroes .mh-figure {margin:0;height:var(--band-h);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.mega-heroes .mh-img {height:100%;width:auto;max-width:100%;object-fit:var(--fit);image-rendering:auto;display:block;}
.mega-heroes .mh-caption {margin-top:6px; font-size:1.1rem; color:#333; text-align:center; line-height:1.3;font-weight:600;}
.ba-brands-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;align-items:center;margin:8px 0 8px 0;}
.ba-brand-card {height:70px; display:flex; justify-content:center; align-items:center; padding:4px 6px;}
.ba-brand-card a {display:flex;width:100%;height:100%;justify-content:center;align-items:center;}
.ba-brand-img {max-width:140px; max-height:60px; height:auto; width:auto;}
.ba-card {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 10px;min-width:120px;flex:0 0 auto;}
.mega-cards {display:flex;gap:12px;flex-wrap:wrap;}
.ba-card-img {display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ba-card-img>img {display:block;flex:0 0 auto;width:100%;max-width:140px;height:auto;max-height:70px;object-fit:contain;}
.ba-card-title {font-family:Figtree,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.2;}
.main_prod_nav .category_heading a.js-panel-trigger:hover {background-color:var(--bcolor); color:#fff;}
.main_prod_nav .category_heading a.js-panel-trigger:hover img {filter:brightness(0) invert(1);}
#mega_trigger svg * {fill:currentColor; transition:fill 0.2s ease;}
#mega_trigger.nav-btn {margin:0; padding:0 4px; border:0; line-height:1; display:inline-flex; align-items:center; gap:6px;}
.tile-wrapper {border:1px solid #e3e7ef; border-radius:8px; background:#fff; transition:transform .12s ease-out,box-shadow .12s ease-out,border-color .12s ease-out; will-change:transform;}
.tile-wrapper:hover {transform:translateY(-1px);box-shadow:0 3px 8px rgba(1,167,253,.18);border-color:var(--bfeature,#01a7fd);}
.tile-wrapper:focus-visible {transform:translateY(-1px);box-shadow:0 3px 8px rgba(1,167,253,.18);border-color:var(--bfeature,#01a7fd);}
.tile-wrapper:focus-within {transform:translateY(-1px);box-shadow:0 3px 8px rgba(1,167,253,.18);border-color:var(--bfeature,#01a7fd);}
.mega-heroes .mh-card:hover .mh-caption {color:var(--bcolor,#01a7fd);}
.ba-dd {position:relative; display:inline-block;}
.ba-dd__btn {cursor:pointer; background:transparent; border:0; display:inline-flex; align-items:center; padding:3px; font-size:inherit; font-weight:inherit;}
.ba-dd__menu {position:absolute; top:100%; left:0; min-width:250px; padding:10px; background:rgba(240,240,255,0.97); border-radius:8px; box-shadow:0 8px 16px rgba(0,0,0,0.2); z-index:7; display:none; border:2px solid #999999; font-size:15px;}
.ba-dd.is-open > .ba-dd__menu {display:block;}
.dropdown2 .dropdown-content2 {display:none;}
.ba-dd--right .ba-dd__menu {right:0; left:auto;}
.ba-dd--offset-right .ba-dd__menu {margin-right:-25px; text-align:left;}
.ba-dd--offset-left .ba-dd__menu {margin-left:10px;}
.ba-dd__menu ul {margin:0; padding:0; list-style:none;}
.ba-dd__menu li {margin:0 0 3px 0; text-align:left;}
.ba-dd__link {display:block; padding-left:5px !important; font-size:16px; line-height:1.4; color:#111; text-decoration:none; white-space:nowrap; text-align:left;}
.ba-dd__link:hover {background:#01a7fd; color:#ffffff !important; border-radius:4px;}
.head_menu .ba-dd__link {display:block; text-align:left; justify-content:flex-start; align-items:flex-start;}
@media only screen and (min-width: 943px) and (max-width: 2000px)
{
#search_main{position:relative;}
#search_results_short{left:0px; float:left; overflow:hidden;}
#searchbox{background:#ffffff; min-width:325px; font-size:1.4rem;  width:95%;}
}

@media (max-width:1030px)
{
.product-layout{flex-direction:column;}
.product-layout-main{width:100%; max-width:100%; padding-left:0;}
.product-layout-side{width:100%; max-width:500px; min-width:0; padding-left:1px; margin-top:10px; box-sizing:border-box; padding-right:10px;}
}

@media(max-width:1030px)
{
.product-layout{flex-direction:column;}
.rightmenu-panels-wrap{max-width:500px;}
}

@media (max-width:1024px)
{
.brands-chevron{display:none !important;}
.mega-brands-scroll .mega-cards{flex-wrap:wrap;}
}

@media all and (min-width: 200px) and (max-width: 1022px)
{
#login_cell{display:none;}
#head_myaccount{display:none;}
.head_menu{display:inline-flex; vertical-align:middle;}
}

@media only screen and (min-width: 600px) and (max-width: 942px)
{
#search_main{float:right;}
#search_results_short{position:absolute; right:0px; overflow:hidden;}
#searchbox{background:#ffffff; max-width:65vw; font:22px; width:100%; min-width:225px;}
}

@media all and (min-width: 200px) and (max-width: 920px)
{
.menu_text{font-size:11px;}
}

@media (max-width: 900px)
{
.mega-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (max-width:900px)
{
#tmp_header_inner_wrapper{flex-wrap:wrap;justify-content:center;align-content:flex-start;row-gap:0;}
#icons_area{order:1;width:100%;display:flex;justify-content:center;margin:0;}
#search_area{order:2;width:100%;margin:0;}
#search_area form{margin:0;}
.logo-container{padding:2px 0 2px 5px;}
#head_staff{right:auto;bottom:auto;left:155px;top:5px;}
.head_menu .front_image{width:28px;height:28px;}
}

@media only screen and (min-width: 200px) and (max-width: 900px)
{
#login_cell{display:none;}
}

@media screen and (max-width:900px)
{
.side_cell{display:none;}
.main_content{max-width:100%!important;flex-basis:100%;width:100%;}
}

@media (max-width:820px)
{
.ba-banner__panel{flex-direction:column;align-items:stretch;}
.ba-banner__actions{justify-content:stretch;}
.ba-btn{width:100%;text-align:center;}
}

@media all and (min-width: 200px) and (max-width: 800px) and (min-device-width: 520px)
{
#login_div{width:200px; border:2px solid #ff0000; background:#ffffff;}
.menu_text{font-size:10px;}
#head_about{display:none;}
#head_contact{display:none;}
#head_info{display:inline-flex;}
}

@media (max-width: 768px)
{
#login_cell{display:none;}
.search-container{max-width:100%; padding-right:12px;}
.ba-dd__menu{margin-top:10px; border:3px solid #999999; padding:10px; font-size:20px; min-width:260px;}
.mega-row[data-type="multi"] .mega-cards{justify-content:center;}
.mega-row[data-type="brands"] .mega-cards{justify-content:flex-start;}
}

@media (max-width:768px)
{
.topbar{display:flex;gap:6px;width:100%;flex:0 0 100%;flex-wrap:wrap;justify-content:space-between;}
.topbar .topbar_item{flex:0 0 100%;}
.topbar .topbar_item:nth-child(2){text-align:right;}
.topbar2{display:flex;gap:6px;width:100%;flex:0 0 100%;flex-wrap:wrap;justify-content:space-between;margin-bottom:8px;}
.topbar2 .topbar_item{flex:0 0 100%;}
.topbar2 .topbar_item:nth-child(1){order:2;}
.topbar2 .topbar_item:nth-child(2){order:1;}
#extra_data{padding-left:10px;display:none;}
.mega-panel{background:#fff;border-top:4px solid #01a7fd; z-index:100;overflow-y:auto;overflow-x:hidden;height:75vh;-webkit-overflow-scrolling:touch;overscroll-behavior:contain; padding-bottom:150px; border-bottom:10px solid white;}
.mega-inner{max-width:none;margin:0;padding:12px 12px 24px;}
.mega-col{margin:0 0 16px;}
.mega-close{position:absolute !important;top:8px !important;right:12px !important;left:auto !important;}
body.mega-open{overflow:hidden;touch-action:none;}
.mega-col a{font-size:18px;line-height:1.2;padding:8px 0;}
.mega-col h4{font-size:18px;font-weight:600;line-height:1.2;}
.mega-subhead{font-size:18px;line-height:1.2;}
@supports (height:100dvh){.mega-panelheight:100dvh;}
.main_prod_nav{justify-content:flex-start !important;align-items:center;width:100%;overflow-x:auto;flex-wrap:nowrap;}
.main_prod_nav > *{flex:0 0 auto;white-space:nowrap;}
.main_prod_nav::after{content:"";flex:0 0 20px;}
.ba-dd__link{font-size:24px; padding-top:6px; padding-bottom:6px;}
.mega-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;}
}

@media screen and (max-width: 768px)
{
.hidden_wrapper{display:block;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 760px) and (max-width: 760px) and (orientation : portrait)
{
.menu_text{display:none;}
#search_image{display:none;}
#search_submit{display:none;}
}

@media only screen and (min-width: 200px) and (max-width: 700px)
{
#sidemenucellz{display:none;}
#alt_select{display:inline-flex;}
#sidemenu{width:100%;}
#sidemenu li{line-height:110%; font-family:'Poppins', sans-serif; padding-top:4px;}
#sidemenu li a:{font-family:'Poppins', sans-serif; padding-top:4px;}
#sidemenu li a:hover{cursor:pointer; color:var(--bcolor);}
}

@media all and (min-width: 200px) and (max-width: 650px)
{
#head_contact{display:none;}
}

@media (max-width: 640px)
{
.mega-heroes{--min-col:280px;--gap:12px; max-width:95vw; --min-col:95vw;}
.mega-heroes .mh-card{padding:6px;}
.mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:640px)
{
.mega-row-front-heroes .mega-cards{flex-wrap:nowrap;overflow:hidden;padding-top:3px; height:318px;margin-top:-3px;}
}

@media (max-width:600px)
{
.item_tabcontent{min-height:auto; height:auto;}
.breadcrumbs{position:relative;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch; mask-image:linear-gradient(to right,rgba(0,0,0,1) 85%,rgba(0,0,0,0));-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1) 85%,rgba(0,0,0,0)); padding:6px 0 6px 10px; font-size:14px; background:#ddd;}
.breadcrumbs::-webkit-scrollbar{display:none;}
.breadcrumbs small{display:flex;gap:6px;align-items:center;}
.breadcrumbs a{flex:0 0 auto;}
#content_x{margin:0;padding:0;}
.main_prod_nav{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:10px;padding:6px 8px;flex-wrap:nowrap;}
.category_heading a{padding:4px 6px;background:#eaf2ff;white-space:nowrap;font-size:13px;}
.category_heading img{width:18px;height:18px;}
.pm-header-card{text-align:center;}
.pm-buy-col{text-align:center; margin-top:6px;}
.pm-header-main{text-align:center;}
.pm-image-col{margin-top:10px;}
.pm-header-row{text-align:center;}
.ba-bubble__panel{left:50% !important;right:auto !important;transform:translateX(-50%) translateY(8px);max-width:90vw;}
html{margin:0;padding:0;}
body{margin:0;padding:0;}
}

@media all and (min-width: 200px) and (max-width: 600px)
{
#components_text{display:none;}
}

@media only screen and (max-width: 600px)
{
#message1{width:94vw;}
}

@media only screen and (min-width: 200px) and (max-width: 600px)
{
.dropdown2{left:0;}
#sidemenucellz{display:none;}
#middlecell{padding:1px;}
#head_shop{display:none;}
#title_logo_cell{display:none; width:0px;}
.category{line-height:100%; font-size:17px !important;}
.uppermenu{padding-top:3px; font-size:17px !important;}
.midmenu li{font-size:17px !important; width:100%;}
.midmenu_link{font-size:17px !important; min-height:18px; height:20px;}
.b_brand_link{font-size:17px !important; min-height:18px; height:20px;}
#header_t{padding:0px; margin:0px;}
.list_des{font-size:14px;}
.list_short{font-size:10px;}
.x_subheading{font-size:12px;}
#product_summary{margin-left:auto; margin-right:auto;}
}

@media only screen and (min-width: 400px) and (max-width: 599px)
{
#search_main{float:right;}
#search_results_short{position:absolute; left:0px; overflow:hidden;}
#searchbox{background:#ffffff; max-width:65vw; font:24px; width:100%; min-width:175px;}
}

@media only screen and (min-width: 200px) and (max-width: 550px)
{
#prodcellwrap{flex-direction:column;}
#deliverybottom{flex-direction:column;}
#how_to_find_us{flex-direction:column-reverse;}
#weee_info{flex-direction:column;}
}

@media (max-width:520px)
{
#head_staff{display:none;}
}

@media only screen and (min-width: 200px) and (max-width: 520px) and (min-device-width : 520px)
{
.wrapper11{flex-direction:column-reverse;}
.image_outer{width:50%; margin:auto;}
.image_outer_alt{width:50%; margin:auto;}
.product_list_table{min-height:75px;}
.hot_deal_price{font-size:20px;}
.normal_price{font-size:20px;}
.plain_price{width:100%; min-width:99px;}
.hotdeal_x{width:100%; min-width:99px;}
.menu_text{display:none;}
#search_image{display:inline-flex;}
}

@media (max-width: 500px)
{
#searchbox:focus{width:99vw; max-width:99vw; transition:width 0.3s ease-in-out;}
#balogo.hide-on-focus{display:none;}
}

@media (max-width:500px)
{
.ba-dd{position:static;}
.ba-dd__menu{left:50% !important; right:auto !important; transform:translateX(-50%); top:48px; min-width:300px; margin-top:15px; padding:15px;}
}

@media screen and (max-width: 500px)
{
.sub_heading_2{max-width:100%;         padding:8px 10px;}
.user_title{width:100%; max-width:100%; min-width:0; padding:10px 5px;  border-left:3px solid var(--bcolor);}
.std_content{padding:4px 4px;}
}

@media(max-width:500px)
{
.rightmenu-panels-wrap{max-width:100%;}
}

@media (max-width: 480px)
{
.mega-grid{grid-template-columns:minmax(0,1fr);}
}

@media only screen and (min-width: 200px) and (max-width: 475px) and (min-device-width : 475px)
{
.zstock_cell{display:none;}
.link_button{font-size:16px;}
#DELIVERY{max-width:435px;}
.bottom_back{width:45%; text-align:center; margin:auto;}
.bottom_forward{width:45%; text-align:center; margin:auto;}
}

@media only screen and (min-device-width : 200px) and (max-width : 465px)
{
#stock_select_filter{display:none;}
}

@media only screen and (max-width: 440px)
{
#search_submit{display:none;}
}

@media only screen and (min-width: 200px) and (max-width: 425px) and (min-device-width : 425px)
{
.link_button{font-size:15px; max-width:125px;}
#DELIVERY{max-width:375px;}
}

@media (max-width: 420px)
{
.ba-brands-grid{gap:10px;}
.ba-brand-card{height:64px;}
.ba-brand-img{max-height:54px; max-width:128px;}
}

@media only screen and (min-width: 100px) and (max-width: 399px)
{
.search_result_xx_img{text-align:center; vertical-align:middle; padding:3px; width:150px; height:150px;}
#search_main{float:right;}
#search_results_short{position:absolute; left:0px; overflow:hidden;}
#searchbox{background:#ffffff; max-width:65vw; font:26px; width:100%; min-width:175px;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 380px) and (max-width: 380px) and (orientation : portrait)
{
#logocell{max-width:120px; padding-bottom:4px;}
}

@media only screen and (min-device-width : 200px) and (max-device-width : 425px) and (orientation : portrait)
{
.hidden_price_cell{display:inline;}
.link_button{font-size:15px;  max-width:125px;}
#billing_address_box{max-width:148px; border-right:none; padding:0px 7px 0px 7px;}
#stock_select_filter{display:none;}
}

@media only screen and (min-device-width : 200px) and (max-device-width : 475px) and (orientation : portrait)
{
.link_button{font-size:16px;}
#DELIVERY{max-width:350px;}
.bottom_back{width:45%; text-align:center; margin:auto;}
.bottom_forward{width:45%; text-align:center; margin:auto;}
}

@media only screen and (min-device-width : 200px) and (max-device-width : 520px) and (orientation : portrait)
{
.wrapper11{flex-direction:column-reverse;}
.image_outer{width:50%; margin:auto;}
.image_outer_alt{width:50%; margin:auto;}
.product_list_table{min-height:75px;}
.hot_deal_price{font-size:20px;}
.normal_price{font-size:20px;}
.plain_price{width:100%; min-width:99px;}
.hotdeal_x{width:100%; min-width:99px;}
#item_header_3{padding-left:3px; padding-right:3px;}
}

@media screen and (min-width: 768px)
{
.product-grid{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));}
}

@media (min-width:1025px)
{
.mega-brands-scroll .mega-cards{display:flex;flex-wrap:nowrap;gap:12px;}
.mega-brands-wrap::before{content:"";position:absolute;top:0;bottom:0;width:25px;pointer-events:none;opacity:0;transition:opacity .18s ease;z-index:2;left:0;background:linear-gradient(90deg,#fff 0,rgba(255,255,255,0) 100%);}
.mega-brands-wrap::after{content:"";position:absolute;top:0;bottom:0;width:25px;pointer-events:none;opacity:0;transition:opacity .18s ease;z-index:2;right:0;background:linear-gradient(270deg,#fff 0,rgba(255,255,255,0) 100%);}
.brands-chevron{position:absolute;top:50%;transform:translateY(-50%);border:0;background:rgba(225,225,225,.85);box-shadow:0 1px 3px rgba(0,0,0,.12);border-radius:999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;}
.brands-chevron.left{left:25px;}
.brands-chevron.right{right:25px;}
.brands-chevron[hidden]{display:none;}
}

@media screen and (min-width: 1200px)
{
.product-grid{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));}
}