/* Generated from css_selectors: env=css_test, 2025-10-05 22:39:37 */

:root {--bcolor: #01a7fd; --bcolor2: #0000ff; --btnbgnd: #f3f3f3; --btnbgnd2: #e9e9e9; --greytxt: #333333; --grey: #69686e;}


.topbar,.topbar2{display:flex;gap:6px;width:100%;flex:0 0 100%}
.topbar .topbar_item,.topbar2 .topbar_item{min-width:0}
.topbar2 {margin-bottom: 8px; }
.topbar{flex-wrap:wrap;justify-content:space-between}
.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{flex-wrap:nowrap;justify-content:space-between}
.topbar2 .topbar_item:nth-child(1){flex:0 0 40%}
.topbar2 .topbar_item:nth-child(2){flex:1 1 60%;text-align:right}

@media (max-width:768px)
{
  .topbar .topbar_item{flex:0 0 100%}
  .topbar .topbar_item:nth-child(2){text-align:right}
  .topbar2{flex-wrap:wrap}
  .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;}
}

.rmt__tablist {display: grid; grid-auto-flow: column;  gap: 2px;  margin-bottom: -1px;  margin-right: 0px;}
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);}
* {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;}
img {aspect-ratio: attr(width) / attr(height);}
a {text-decoration:none;}
a:link {color:var(--greytxt);}
a:visited {color:var(--grey);}
a:hover {color:var(--bcolor);}
a img {border:none;}
.arial-black {font-family: 'Roboto', 'Open Sans', sans-serif; font-weight: 900;}
.skip-link {position: absolute; top: -40px; left: 0; background: #000000; color: white; padding: 8px; z-index: 100;}
.skip-link:focus {top: 0;}
.sticky {z-index: 10; 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:110px;}
.main_page {background: #ffffff;  display: flex;   align-items: stretch;  width: 100%; box-sizing: border-box; flex-wrap: wrap;}
.main_content {box-sizing: border-box; flex-grow: 1; max-width: calc(100% - 200px); position: relative;   background-color: white;}
.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;}
#main {width:100%;text-align:left;}
#sort {text-align:right;vertical-align:middle;}
#main table {background:#fff;}
#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;}
.side_cell {box-sizing: border-box;  width: 200px;   flex-basis: 200px; flex-grow: 0; flex-shrink: 0; display: block;  border-right: 1px solid #cccccc;}
.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;}
.footer-container {background: #ffffff; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;  width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px; background: #ffffff;  color: var(--grey); text-align: center;align-items: center; max-width: 100vw;   box-sizing: border-box;}
.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;}
#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;}
#footer {padding:10px;margin:0 auto;font-size:10px;text-align:center;}
.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;}
.ad_item_details {flex-grow: 1; text-align: left; padding-left: 10px;}
.landscape_advert {position: relative;   display: flex;}
.landscape_advert:hover .hover_icon_wrapper {opacity: 1;}
.landscape_advert:hover .ad_item_details {opacity: 0;}
.front_item_outer {background: #ffffff; padding: 0px; width: 151px;  height: 201px; margin: 2px; opacity: 1;  -webkit-transition: opacity 600ms linear;  transition: opacity 600ms linear;}
.front_item_outerx {padding: 0px; width: 151px;  height: 219px; margin: 2px;}
.front_item_inner {position: relative; border: 1px solid #cccccc; width:150px; height: 200px; overflow: hidden;}
.front_item_inner:hover {border: 1px solid var(--bcolor);}
.front_item_innerx {position: relative; border: 1px solid #cccccc; width:151px; height: 219px; overflow: hidden;}
.front_item_innerx:hover {border: 1px solid var(--bcolor);}
.front_info_wrapper {display: flex;  flex-direction: column;}
.front_title1 {padding: 1px 2px; font-family: 'Open Sans', Arial, sans serif; font-weight: 600; width: 100%; text-align: center;}
.front_subtitle1 {padding: 1px 2px;  font-family: 'Open Sans', Arial, sans serif; width: 100%; text-align: center;}
.front_price1 {padding: 1px 2px; font-family: 'Ubuntu', Arial, sans serif; font-weight: bold;  width: 100%; text-align: center;}
.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;}
a.inline_edit:link {color:#000;}
a.inline_edit:visited {color:#000;}
a.inline_edit:hover {color:#000;}
.edit_textarea {border: 1px #cccccc solid;  border-radius: 3px; padding: 1px; background: #ffffcc; font: 12px ; outline: none;}
.text_input {border: 1px solid #cccccc; border-radius: 3px; box-sizing: border-box; padding: 2px 3px;}
.inputz {border-width:0px;border-style:solid;border-color:#ffffff;font-size:11px;color:var(--greytxt);}
.inputy {border-width:1px;border-style:solid;border-color:#ffffff;font-size:11px;color:var(--greytxt);}
.headerinfo {background-color:#ddddff;}
.selfmessage {background-color:#FF6666;padding:2px;border:1px solid #bbbbbb;}
.bluemessage {background-color:#ccccff;padding:2px;border:1px solid #bbbbbb;}
.custmessage {background-color:#ddffdd;padding:2px;border:1px solid #bbbbbb;}
.whitebox {background-color:#FFFFFF;padding:3px;border:1px solid #bbbbbb;margin:3px;}
input.button {margin:2px 0px;border:1px solid black;vertical-align:middle; outline: none;}
.basket {background-color:#ddddff;font-size:11px;text-align:left;}
.basket_general {font-size: 12px; color: #666666;}
.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;}
.vert_line_cell {background-color: #628dc1;}
a.login_link {font-size: 18px; font-family: "Open Sans",arial,sans serif;}
a.login_link:link {color:#003974;}
a.login_link:visited {color:#003974;}
a.login_link:hover {color:#ff0000;}
.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;}
#deliveryz {display:none;}
#deliveryp {display:none;}
#deliveryc {display:none;}
.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; font-family: arial,sans serif; display: inline-flex; vertical-align: middle; padding-top: 3px; padding-bottom: 3px; outline: none; align-items: center;}
#infodiv_67 {padding: 5px;  overflow: visible;   border:  none; left: -6px; margin-top: 0px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topright: 9px;}
#infodiv_68 {padding: 5px 5px;    overflow: visible;  border: none; left: -6px;  margin-top: 0px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topright: 9px;}
#infodiv_66 {width: 98vw;  padding: 5px 0px;  margin-top: 0px; left: -5px;  -webkit-border-bottom-right-radius: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topright: 9px;}
#infodiv_69 {padding: 5px;  overflow: visible;   border: none; left: -6px; margin-top: 0px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px;  -webkit-border-top-right-radius: 9px; -moz-border-radius-topright: 9px;}
#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);}
.dropdown2:hover .dropdown-content2 {display: flex;}
.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);}
.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;}
.dropdown3:hover .dropdown-content3 {display: block;}
.dropdown3 {position: relative;  display: inline-block; float: left;}
.dropdown-content3 {display: none;position: absolute;left: 0;  background-color: rgba(240,240,255,0.97);   z-index: 7;  float: left; overflow: visible;}
.dropdown3:hover .dropbtn3 {color: var(--bcolor);}
.brandlogocell {width: 150px; max-width: 150px;  height: 70px; max-height: 70px; padding: 5px;  margin: auto; display: flex; justify-content: center; align-items: center; vertical-align: middle;}
.brandlogocell:hover {background: #ddddff;}
.brandlogoimage {max-width: 140px; max-height: 60px;  margin: auto;}
.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);}
.country-flag {width: 28px;    height: 20px;    background-size: cover;    background-position: center;    border-radius: 6px;     border: 1px solid #ccc;     display: inline-block;}
.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;}
.add-to-basket-btn {padding: 4px 10px; font-size: 14px; font-weight: bold; border: 1px solid #69686e; background: #dddddd; cursor: pointer;}
.add-to-basket-btn:hover {background: #78b6d5; color: #006ea6;}
#search_main {display: inline-block;}
#search_results_short {display:none; padding: 10px; position: relative; min-height:100%;  width: 100%; background-color: #eeeeee; border: 1px solid #eeeeee; z-index: 12; 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: 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: 2px;}
.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 {width: 100%; max-width:227px; height:auto; min-width: 125px;}
.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;}
.front_image {width: 26px; height: auto;}
.head_menu a {font-size: 14px; font-family: arial,sans serif; display: flex;  align-items: center; vertical-align: middle; padding: 3px 0px;}
a.head_menu:link {color:#333333; display: flex; vertical-align: middle;}
a.head_menu:visited {color:#333333; display: flex; vertical-align: middle;}
a.head_menu:hover {color: var(--bcolor); display: flex; vertical-align: middle;}
.head_menu_item {vertical-align: middle;  padding: 0px 5px 0px 5px; margin: 0px; display: flex; border-left: 1px solid transparent;  align-items: center;}
.head_menu_item_b {vertical-align: middle; padding: 0px 5px 0px 5px;margin: 0px; display: flex;  border-left: 1px solid transparent;  align-items: center;}
.head_menu_item_b:hover {background-color: rgba(240,240,255,0.95); border-left: 1px solid rgba(240,240,255,0.95);}
.head_menu_item:hover {background-color: rgba(240,240,255,0.95); border-left: 1px solid rgba(240,240,255,0.95);}
.head_menu_item_hidden {display: none; vertical-align: middle; float: left; padding: 0px 5px 0px 5px; margin: 0px; border-left: 1px solid transparent; align-items: center;}
.head_menu_item_hidden:hover {background-color: rgba(240,240,255,0.95);}
#prodcellwrap {display: flex; flex-direction:row;}
#deliverybottom {display: flex; flex-direction:row;}
#footerbottom {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;}
#filedragtt.hover {background: #ffff00; color: #ff0000;}

.menu_text {font-family: Roboto; font-weight: 400; padding-left: 5px;}
.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;}
.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;}
#ad_10 {display: block;}
#ad_11 {display: block;}
#ad_12 {display: block;}
#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;}
.slideshow-container {max-width: 1000px;  position: relative;  padding: 0px;}
.mySlides {display: none;  padding: 0px; margin: 0;}
.prev {cursor: pointer;    position: absolute;   top: 50%;   width: auto;   margin-top: -22px;   padding: 16px;   color: white;   font-weight: bold;   font-size: 18px;    transition: 0.6s ease;   border-radius: 0 3px 3px 0;   user-select: none;}
.next {cursor: pointer;    position: absolute;   top: 50%;   width: auto;   margin-top: -22px;   padding: 16px;   color: white;   font-weight: bold;   font-size: 18px;    transition: 0.6s ease;   border-radius: 0 3px 3px 0;   user-select: none;}
.prev:hover {background-color: rgba(0,0,0,0.8);}
.next:hover {background-color: rgba(0,0,0,0.8);}
.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-color: #bbb;   border-radius: 50%;   display: inline-block;   transition: background-color 0.6s ease; text-align: middle; vertical-align: middle; padding-right: 1px; padding-bottom: 1px;}
.active {background-color: #717171;}
.dot:hover {background-color: #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;}
@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: 768px) 
{
  .main_content_wrapper {        padding-top: 85px;  }
  .footer-container {        justify-content: center;  }
  .footer-item {        min-width: 100%;  }
  .main_content {        max-width: 100%;  padding: 10px;  }
  .main_content_no_side_cell {        max-width: 100%; padding: 10px;  }
  #login_cell {        display: none;  }
  .search-container {        max-width: 100%; padding-right: 12px;  }
  #balogo {        width: 60%; max-width: 140px; height: auto;  }


}
@media (max-width:600px) 
{
  .main_content {        padding:0;  }
  .main_content_no_side_cell {        padding:0;  }
  .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;  }
  html {        margin:0;padding:0;  }
  body {        margin:0;padding:0;  }
  #content_x {        margin:0;padding:0;  }

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

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

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

}
@media all and (min-width: 200px) and (max-width: 800px) and (min-device-width: 520px) 
{
  a.head_menu:link {        font-size: 10px;  }
  a.head_menu:visited {        font-size: 10px;  }
  #login_div {        width: 200px; border: 2px solid #ff0000; background: #ffffff;  }
  .search_head {        font-size: 12px;  }
  .menu_text {        font-size: 10px;  }
  #head_about {        display: none;  }
  #head_contact {        display: none;  }
  #head_info {        display: inline-flex;  }
  #head_basket {        display: inline-flex; vertical-align: middle;  }

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

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

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

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

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

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

}
@media only screen and (max-width: 600px) 
{
  #message1 {        width: 94vw;  }
  #front1 {        width: 98vw;  height: 100%;   margin-top: 5px;  }

}
@media only screen and (min-device-width : 200px) and (max-device-width : 425px) and (orientation : portrait) 
{
  .hidden_price_cell {        display: inline;  }
  .zprod_id {        width: 80%;  }
  #basket_title {        font-size: 18px;  }
  #zupdate_basket {        float:left; max-width: 160px; width: 45%;  }
  #zquote_basket {        float: left; max-width: 160px; width: 45%;  }
  .newbasketbutton {        font-size: 15px;  }
  .link_button {        font-size: 15px;  max-width: 125px;  }
  #DELIVERY {        max-width: 375px;  }
  #billing_address_box {        max-width: 148px; border-right: none; padding:0px 7px 0px 7px;  }
  #delivery_address_box {        max-width: 148px;  border-right: none ; padding:0px 7px 0px 7px;  }
  #advanced_search {        display: none;  }
  .advanced_search {        display: none;  }
  #stock_select_filter {        display: none;  }

}
@media only screen and (min-device-width : 200px) and (max-device-width : 475px) and (orientation : portrait) 
{
  .newbasketbutton {        font-size: 16px;  }
  .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;  }
  #advanced_search {        display: none;  }
  .advanced_search {        display: none;  }

}
@media only screen and (min-device-width : 200px) and (max-device-width : 520px) and (orientation : portrait) 
{
  .wrapper11 {        flex-direction: column-reverse;  }
  #advanced_search {        display: none;  }
  .mainproduct2 {        width: 100%;  }
  .mainproduct2_alt {        width: 100%;  }
  .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;  }
  .social_extra {        display: none;  }
  #twit_wrap {        display: none;  }
  #social_wrap {        max-width: 100px; width: auto; margin: auto;  }
  #item_header_3 {        padding-left: 3px; padding-right: 3px;  }
  .advanced_search {        display: none;  }

}
@media only screen and (min-device-width : 200px) and (max-device-width: 425px) and (orientation : portrait) 
{
  #ad_5 {        display: none;  }
  #ad_6 {        display: none;  }
  #ad_7 {        display: none;  }
  #ad_8 {        display: none;  }
  #ad_9 {        display: none;  }

}
@media only screen and (min-device-width : 200px) and (max-device-width: 550px) and (orientation : portrait) 
{
  #ad_10 {        display: none;  }
  #ad_11 {        display: none;  }
  #ad_12 {        display: none;  }

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

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

}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) 
{
  #mainpage {        width: device-width;  }
  #rightmenucell {        display: none;  }
  .search_head {        font-size: 10px;  }

}
@media only screen and (min-device-width : 320px) and (max-device-width : 760px) and (max-width: 760px) and (orientation : portrait) 
{
  #advanced_search {        display: none;  }
  .menu_text {        display: none;  }
  #search_text {        display: none;  }
  #search_image {        display: none;  }
  .front_image {        width: 28px; height: 28px;  }
  #search_submit {        display: none;  }
  .head_menu_item {        padding-left: 1px; padding-right: 1px;  }
  .head_menu_item_b {        padding-left: 1px; padding-right: 1px;  }
  .head_menu_item_hidden {        padding-left: 1px; padding-right: 1px;  }

}
@media only screen and (min-device-width : 400px) and (max-device-width : 800px) and (orientation : landscape) 
{
  #mainpage {        padding-left: 2px; max-width: max-device-width;  }
  #rightmenucell {        display: none;  }
  .search_head {        font-size: 12px;  }

}
@media only screen and (min-width : 200px) and (max-width : 425px) 
{
  #ad_5 {        display: none;  }
  #ad_6 {        display: none;  }
  #ad_7 {        display: none;  }
  #ad_8 {        display: none;  }
  #ad_9 {        display: none;  }

}
@media only screen and (min-width : 200px) and (max-width: 550px) 
{
  #ad_10 {        display: none;  }
  #ad_11 {        display: none;  }
  #ad_12 {        display: none;  }

}
@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-width: 200px) and (max-width: 425px) and (min-device-width : 425px) 
{
  #advanced_search {        display: none;  }
  #basket_title {        font-size: 18px;  }
  #zupdate_basket {        float:left; max-width: 160px; width: 45%;  }
  #zquote_basket {        float: left; max-width: 160px; width: 45%;  }
  .newbasketbutton {        font-size: 15px;  }
  .link_button {        font-size: 15px; max-width: 125px;  }
  #DELIVERY {        max-width: 375px;  }
  .advanced_search {        display: none;  }

}
@media only screen and (min-width: 200px) and (max-width: 475px) and (min-device-width : 475px) 
{
  .zstock_cell {        display: none;  }
  #advanced_search {        display: none;  }
  .zprod_id {        width: 65%;  }
  .newbasketbutton {        font-size: 16px;  }
  .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;  }
  .advanced_search {        display: none;  }

}
@media only screen and (min-width: 200px) and (max-width: 520px) and (min-device-width : 520px) 
{
  .wrapper11 {        flex-direction: column-reverse;  }
  #advanced_search {        display: none;  }
  .mainproduct2 {        width: 100%;  }
  .mainproduct2_alt {        width: 100%;  }
  .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;  }
  .social_extra {        display: none;  }
  #twit_wrap {        display: none;  }
  #social_wrap {        max-width: 100px; width: auto; margin: auto;  }
  #item_header_3 {        padding-left: 3px; padding-right: 3px; ;  }
  .advanced_search {        display: none;  }
  .menu_text {        display: none;  }
  #search_text {        display: none;  }
  #search_image {        display: inline-flex;  }
  .front_image {        width: 32px; height: 32px;  }
  .head_menu_item {        padding-left: 1px; padding-right: 1px;  }
  .head_menu_item_b {        padding-left: 1px; padding-right: 1px;  }
  .head_menu_item_hidden {        padding-left: 1px; padding-right: 1px;  }

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

}
@media only screen and (min-width: 200px) and (max-width: 600px) 
{
  .dropdown-content2 {        left: 0;  }
  .dropdown2 {        left: 0;  }
  #sidemenucellz {        display: none;  }
  #middlecell {        padding: 1px;  }
  #head_shop {        display: none;  }
  #advanced_search {        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: 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);  }
  #deko_mobile {        display: block;  }
  #deko_default {        display: none;  }

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

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

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

}
@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: 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 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 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 screen and (max-width: 768px) 
{
  .side_cell {        display: none;  }
  .hidden_wrapper {        display: block;  }

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

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

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

