/*
colours:
14386C = DARK BLUE
0094D9 = LIGHT BLUE
D52120 = red


*/

body , input, textarea,button {font-family: 'Outfit', Helvetica,Arial,sans serif;}



@media only screen and (min-device-width : 320px) and (max-device-width : 524px) {
     html {
        -webkit-text-size-adjust: 100%;
     }
}


	
 ::-webkit-input-placeholder {
   color: #aaa;
}

 :-moz-placeholder { /* Firefox 18- */
   color: #aaa;
}

 ::-moz-placeholder {  /* Firefox 19+ */
   color: #aaa;
}

 :-ms-input-placeholder {  
   color: #aaa;
}


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

.todo,
.TODO {color:red;background-color:yellow;box-shadow:0 0 5px yellow}


li,ul {margin:0;padding:0;list-style:none;}
html {font-size:75%;}
body {;margin:0;color:#333;background:#FFF}

a {text-decoration:none;color:#1486c;transition:color 0.2s ease-in;}
	/*li a {color:inherit;}*/
a:hover {color:#0094d9;}
.categorydescription,
.pagecontent,
td,th,
p {font-size:1.2rem;line-height:1.4;margin:0.7em 0;font-weight:400;}
td,th {margin:0;}
th {font-weight:400;}
h2 strong, h2 b,
p b , p strong {font-weight:400;}

.pagecontent li {list-style:disc;margin:0.5em 1em}

.central,
.centre {text-align:center;}

.pagecontent {margin:0;}
.errormessage {color:#900;padding:15px;border-width:1px ;border-style:solid;margin:10px;font-weight:bold;background:#fee;}
.errormessage p {margin:0;padding:0;}


.iframe-orders {width:100%;border:none;overflow:auto;height:300px;}
/* forms */
.ss_address,
.fieldset {border:0;padding:0 5px;margin:1em 0;}
.savebasket {text-align:right;background:#eee;padding:0 10px 10px;border:1px solid #aaa;}
	legend {color:#a00;font-size:1.2em;display:block;}
	.ss_address span,
	.label {display:block;font-size:0.95rem;margin:8px 0 4px 0;}
.ss_address .selectinput,
.ss_address .textinput,
.input-text {font-family:inherit;border:1px solid #14386c;padding:8px;;transition:all 0.3s ease-in;display:block;width:100%;margin:0 0 10px 0;border-radius:0;color:#111;font-weight:600}
	.textinput:focus,
	.input-text:focus {border-color:#0094d9;}
	textarea {height:105px;}
.input-tickbox {margin-right:10px;}


.input-text__filter {border:none;background:#fff;}


.button,
.ss_button,
.input-button {background-color:#d52120;color:#ffffff;border:0px solid #E90000;padding:10px 20px;font-weight:400;;cursor:pointer;float:right;transition:all 0.2s ease-in;border-radius:99px;font-size:1.3rem;text-transform:none!important }




.ss_button__basket {background:#14386c;border-color:#14386c;}
.ss_checkout .ss_button {float:right;background:#14386c;border-color:#14386c;}
.ss_checkout .ss_button__basket {float:left;background:#E90000;border-color:#E90000;}

.ss_checkout .ss_button {width:43%;margin:10px;;text-align:center;padding:5px;}
.ss_checkout .ss_button__basket {float:right;}
.ss_checkout_infobox .ss_button {margin:-2px -3px;}

	.button:hover,
	.ss_button:hover,
	.input-button:hover {border-color:#0094d9;color:#fff;background-color:#0094d9;}
	.button,
	
	.ss_button:after,
	.input-button:after {
  content: "";
  display: table;
  clear: both;
}

.button__a2b {float:none!important;font-size:1.4rem;margin:1rem 0;padding:8px 13px;}


/* wrappers */
#wrapper {width:100%;margin:0 auto;position:relative;}
.cmain,
.main,
 .inner {max-width:2400px;margin:0 auto;position:relative;}
.inner_large {max-width:1650px;margin:0 auto;position:relative;padding:0 2%}



.main,
#content {padding:8px;margin:0 auto;background:#fff;}

.ss_checkout_leftcol,
.ss_checkout_rightcol,

.content-full {width:100%;}






/* logo */

#header {position:relative;}
.header {border-bottom:1px solid #999;height:51px;background:#fff}


.gMID {width:100%;}

.logo {display:block;height:50px;width:152px;line-height:50px;;overflow:hidden;text-align:left;margin-right:6px;}
	.logo img {max-width:150px;max-height:50px;}

.pull {float:right;height:50px;width:50px;overflow:hidden;cursor:pointer;text-indent:-999px;border-left:0 solid #999;position:relative;	background-image:url('/images/pull_white.png')!important;
background-size:150px 50px;
background-color:#14386c;
transition:background-color 0.2s ease-in;
}

.mobile-buttons {position:absolute;top:0;right:0;}

	.pull-menu {background-position:0 0;}
	.pull-search {background-position:-50px 0;}
	.pull-basket {background-color:#fff!important;background-image:url('/images/container.png')!important;background-size:60px 28px;width:60px;background-position:0 50%}
	.active-pull {background-color:#0094d9!important;}

	.pull-minicount {display:none;position:absolute;right:14px;top:14px;background:#0094d9;border-radius:20px;font-size:0.8rem;color:#fff;padding:0 5px;text-indent:0;box-shadow:0 0 3px #000;}
	.tablet-contact {display:none;}




/* search form */
.search_expand {display:none;z-index:9999;padding:5px;border:0px solid lime;position:relative;}
.searchform {clear:both;margin:0px;padding:5px;background:#fff;border-color:#ddd;width:100%;}

	.searchform-fieldset {border:none;height:44px;border:1px solid #ddd;border-radius:99px;overflow:hidden}
	.searchform-input {width:calc(100% - 54px);;float:left;border:0;padding:4px 12px;height:42px;line-height:42px;font-size:1.1rem;color:#aaa!important;;margin:0;background:#fff;font-weight:400}

	.searchform-input:focus {box-shadow:none;}
	.searchform-button {float:right;clear:none;height:42px;line-height:42px;width:42px;padding:0  ;font-size:0.1rem;border:none;color:#fff;background:url('/images/icon_search.png?2') no-repeat 50% 50% #fff;background-size:28px 28px;;cursor:pointer;transition:color 0.2s ease-in;text-indent:-99px;overflow:hidden;text-align:left;border-left:0px solid #14386c}

.header-search-wrap {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.header-search-wrap .searchform {flex:1 1 260px;width:auto;margin:0;min-width:0;}
.header-search-wrap .searchform-fieldset {margin:10px 0;min-width:0;}
.header-search-wrap .searchform-input {width:calc(100% - 54px);}
.header-search-wrap #google_translate_element {flex:0 0 auto;float:none;min-width:140px;}
.header-translate {display:flex;align-items:center;min-height:44px;}
.header-translate .goog-te-gadget-simple {display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #fff;border-radius:10px;padding:6px 10px;box-shadow:none;font-size:1rem;font-weight:500;color:#14386c;}
.header-translate .goog-te-gadget-icon {display:none;}
.header-translate .goog-te-combo {border:0;background:transparent;box-shadow:none;color:#444;font-weight:600;padding:2px 4px;outline:none;min-width:120px;}
.header-translate .goog-te-combo:focus {outline:none;box-shadow:none;border:none;}
.header-translate .goog-te-gadget-simple > span {color:#14386c;font-weight:600;}
.goog-te-banner-frame.skiptranslate {display:none!important;}
body {top:0!important;}

	.ajaxfinder {font-size:0.9rem;padding:10px;font-weight:300;color:#000;background:#fff;border:1px solid #000;display:none;}

	.search-product {padding:5px 0;border-top:1px solid #ddd;}
	.search-product a {display:block;color:#14386c;font-size:1.2rem;}
	.search-product a:hover {background:#fafafa;color:#d52120}
	.search-product img {margin:0 10px 0 0;}
	
	.cs select {margin:0 0 5px 0!important;border:0px solid #14386c !important;height:34px;background:#fff;font-weight:600;color:#999;}
.cs { float:right;;position:absolute;top:3px;right:3px  }
 #google_translate_element { float:left;height:34px}
 .goog-te-gadget-simple {margin:0!important;border:1px solid #14386c !important;height:34px;padding:7px!important;;opacity:0.8}



/* quick links */
		

/* main navigation */
.navigation {margin:0;;color:#000;font-size:1.3rem;width:100%;border-top:1px solid #14386c;}
/*
#wrapper {left:0;position:absolute;width:100%;transition:left 0.2s ease-in;}
.navin #wrapper {left:-70%;}
*/

.navigation-ul {display:none;border-width:0 0 0 0;border-style:solid;border-color:#14386c;background:#fff;}
	.nav-toplevel {width:100%;border-bottom:1px solid #14386c;display:block;margin:0;color:#14386c;font-weight:bold;}
	.n_special-offers {background:#d52120;}
		.nav-toplevel-link {display:block;padding:10px;color:inherit;}
		.nav-toplevel-link:hover,
		.toplevel-active {color:#0094d9;}




	.canopen {background-image:url('/images/canopen__inv.png');background-position:98% 15px;background-repeat: no-repeat;background-size:auto 10px}
	.canopen.open {background-position:200% 15px;background-color:#eee}
	.submenu {display:none;font-weight:300}
	.open .submenu {display:block;}
	
.nav2 {width:100%; gap:10px;padding:0 10px}
.nav-sublevel-heading {width:calc(50% - 7px); font-size:1.2rem;font-weight:700;margin:0;padding:6px 10px;color:#14386c;border:1px solid #ddd;border-radius:10px;background:#fff}
 
.nav3 {padding:2px 0;}
.nav-sublevel {font-size:1.1rem;font-weight:400;margin:0;padding:0 0 6px;line-height:1;color:#14386c}

 .nav2 a {color:inherit;}
 
.menu-ad {display:none;}

/* ksps */
{display:none;}



.login-icon {display:block;width:100%;height:64px;text-align:center;color:#666;padding-top:11px;}

/* minibasket */
.cart {display:none;}
.cart-button {color:#0094d9;}
#basketcontents {display:none;max-height:800px;width:100%;width:300px;background:#fafafa;}

.ste_basket {background-color:#fafafa;  padding:10px;border: 2px solid #14386c;color:#333;text-align:left;border-radius:10px;}
.ste_items {max-height:300px;overflow:auto;}

.ste_basket_product:first-child { border-top: 1px solid #eee; }
.ste_basket_product {padding:5px; margin:0; border-bottom: 1px solid #eee;background:#fff; }
	.outofstock a {color:#B94A48;}

.ste_left {width:70%;float:left;font-size:1.2rem;}
	.ste_image {float:left;width:28%;}
	.ste_details {float:right;width:70%;}
	
.ste_right {width:25%;float:right;text-align:right;text-align:right;font-size:1.1rem;}
	.ste_quantity {}
	.removefrombasket {margin-left:10px;}
	.ste_price {margin-top:10px;font-weight:bold;font-size:1.2rem;}


.ste_total {padding:10px 0;text-align:right;font-size:1.4rem;background:#fafafa;line-height:1.4}

.ste_button {margin:5px 0;background-color:#289ad0;padding:4px 10px;color:#fff;border-radius:5px;xtext-transform:uppercase;font-size:1.1rem;transition:background-color 0.2s ease-in,color 0.2s ease-in}
	.ste_button__basket {}
	.ste_button__checkout {background-color:#124861;}
	.ste_button:hover {background-color:#282828;color:#eee;}


.removefrombasket {background:#fff;color:#fff;padding:0;display:inline-block;font-size:0.75rem;}


#ss_basket_price { margin:0 10px;font-size:1.1rem; xtext-transform:uppercase;  padding:6px 10px; background:#999;text-align:right; color:#fff;}
#ss_basket_checkout { height:75px; padding:0px }



.round_icon {
	display:block;width:34px;height:34px;border-radius:50%;	text-align:left;
}

/* crumbs */
.breadcrumbs {clear:both;margin:0 0 0.7rem 0;padding:0 0 10px 0;xtext-transform:uppercase;border-bottom:1px solid #bbb;}
.crumb {display:inline;margin:0 0 0 0;padding:0px 0 0 18px;font-size:0.8rem;line-height:1.2;background:url('/images/sprites_default.png') -6px -204px no-repeat;}
.crumb:last-child a {color:#333;}
.crumb:first-child {background:none;padding:0}


/* h1-h6 tags */
.item-price,
.item-heading,
 .cart,
.nav-toplevel,
.nav-sublevel-heading ,
.heading,h1,
.heading_side,
.subheading
{/*text-transform:uppercase;*/font-weight:700;}

h1,
.heading {
	color:#14386c;
	font-size:2rem;
	font-weight:700;
	margin:0 0 1.2rem 0;
	padding:8px 0 0;
}

	.grid_row + .heading {margin-top:2em;}

.pagecontent h2,
.subheading {
	color:#000;
	font-size:1.6rem;
	font-weight:700;
	margin:0 0 10px 0;
	padding:5px 0;
}
.subheading__left {text-align:left;}


.heading__central {color:#14386c;padding:5px;text-align:center}
.heading__orange {color:#E90000;}


	.grid_row + .heading,
	.grid_row + .subheading {margin-top:1em;}
.heading_x {
	
	color:#14386c;
	font-size:1.2rem;
	font-weight:400;
	margin:0 0 1rem 0;
	padding:0;
}
.heading_expander {
	background-color:#f8f7f2;
	color:#333;
	font-size:1.2rem;
	font-weight:400;
	margin:1rem 0;
	padding:10px;
	cursor:pointer;
}

.heading_side {
	color:#333;
	font-size:1.2rem;
	font-weight:400;
	margin:0;
	padding:5px;
}

.heading_side_sub {
	color:#000;
 	font-size:1.1rem;
	font-weight:600;
	margin:0 0 5px;
	padding:5px;
/*	text-transform:uppercase;*/
}

p + h2,
p + h3
p + h4 {margin-top:20px!important;}

/* side list */
.filters {display:none;}

.sidebox {border:2px solid #ddd;margin:10px 0;padding:10px;border-radius:20px}

.fs_sidebox,
.sidelist {margin:0;padding:6px 10px;max-height:250px;overflow:scroll}
.sidelist li {margin:4px 0;font-size:1.2rem;color:#000}
.sidelist a {color:#d52120;}
.sidelist .active {font-weight:bold;background:#ddd;}
.fs_sidebox .input-text {padding:4px 8px;font-size:1.2rem;}




.fivecol .heading_side_sub {background-image:url('/images/menuopen.png?2');background-position:97% 50%;background-repeat: no-repeat;background-size:auto 6px;padding-right:14px;}

.fivecol .open .heading_side_sub {background:none}


.fivecol .fs_sidebox,
.fivecol .sidelist {display:none;}

.fivecol .open .fs_sidebox,
.fivecol .open .sidelist {display:block;}

.category-toolbar {
  margin: 10px 0 18px;
  border: 1px solid #ddd;
  border-radius: 20px;
  background: #fff;
  padding: 12px;
}

.category-toolbar__row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.category-toolbar__left {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.category-toolbar__controls {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

.category-sort {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-size: 1.1rem;
  color: #14386c;
  font-weight: 600;
}

.category-sort__select {
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  padding: 6px 10px;
  background: #fff;
  color: #14386c;
}

.category-pager-top {
  display: inline-flex;
  gap: 8px;
}

.pager-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #14386c;
  color: #14386c;
  text-decoration: none;
  font-weight: 700;
  background: #eef4ff;
}

.pager-btn:hover,
.pager-btn:focus-visible {
  background: #14386c;
  color: #fff;
}

.category-results {
  margin: 0;
  color: #14386c;
  font-weight: 600;
  font-size: 1.2rem;
}

.promo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.promo-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  padding: 6px 12px;
  background: #f6f6f6;
  color: #14386c;
  text-decoration: none;
  font-size: 1.1rem;
  line-height: 1.2;
  transition: all .15s ease-in-out;
}

.promo-chip:hover,
.promo-chip:focus-visible {
  border-color: #14386c;
  background: #eef4ff;
}

.promo-chip.is-active {
  background: #14386c;
  border-color: #14386c;
  color: #fff;
}

/* If promo-chip filter links don't carry a promo-chip--* modifier class,
   style PRESELL via its filter URL so it doesn't fall back to the default blue. */
.promo-chip[href*='filter%7Cextra3%7Cpresell'],
.promo-chip[href*='filter%7Cextra3%7CPRESELL'],
.promo-chip[href*='filter|extra3|presell'],
.promo-chip[href*='filter|extra3|PRESELL']{ border-color:#dc3545; background:#fdecee; color:#842029; }
.promo-chip.is-active[href*='filter%7Cextra3%7Cpresell'],
.promo-chip.is-active[href*='filter%7Cextra3%7CPRESELL'],
.promo-chip.is-active[href*='filter|extra3|presell'],
.promo-chip.is-active[href*='filter|extra3|PRESELL']{ background:#dc3545; border-color:#dc3545; color:#fff; }

/* Promo chip colour-coding (match promo colours used elsewhere) */
.promo-chip--edlp{ border-color:#198754; background:#e9f7ef; color:#0f5132; }
.promo-chip--monthly{ border-color:#10b3d6; background:#e7fbff; color:#055160; }
.promo-chip--weekly{ border-color:#f59e0b; background:#fff2e6; color:#7a3a00; }
.promo-chip--seasonal{ border-color:#10b981; background:#e9f7ef; color:#0f5132; }
.promo-chip--wigig{ border-color:#dc3545; background:#fdecee; color:#842029; } /* legacy (was WIGIG) */
.promo-chip--presell,
.promo-chip--PRESELL{ border-color:#dc3545; background:#fdecee; color:#842029; }
.promo-chip--clearance{ border-color:#FF0084; background:#ffe6f3; color:#8a0048; }
.promo-chip--new{ border-color:#D15600; background:#fff2e6; color:#7a3a00; }
.promo-chip--promo{ border-color:#0d6efd; background:#e9f1ff; color:#06357a; }

/* Active state keeps the chip fully filled */
.promo-chip.is-active.promo-chip--edlp{ background:#198754; border-color:#198754; color:#fff; }
.promo-chip.is-active.promo-chip--monthly{ background:#10b3d6; border-color:#10b3d6; color:#003049; }
.promo-chip.is-active.promo-chip--weekly{ background:#f59e0b; border-color:#f59e0b; color:#212529; }
.promo-chip.is-active.promo-chip--seasonal{ background:#10b981; border-color:#10b981; color:#fff; }
.promo-chip.is-active.promo-chip--wigig{ background:#dc3545; border-color:#dc3545; color:#fff; } /* legacy */
.promo-chip.is-active.promo-chip--presell,
.promo-chip.is-active.promo-chip--PRESELL{ background:#dc3545; border-color:#dc3545; color:#fff; }
.promo-chip.is-active.promo-chip--clearance{ background:#FF0084; border-color:#FF0084; color:#fff; }
.promo-chip.is-active.promo-chip--new{ background:#D15600; border-color:#D15600; color:#fff; }
.promo-chip.is-active.promo-chip--promo{ background:#0d6efd; border-color:#0d6efd; color:#fff; }

.promo-chip__count {
  display: inline-block;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.28);
  text-align: center;
  font-size: 0.95rem;
}

.sidebar-topcats .topcat-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.topcat-button {
  display: block;
  position: relative;
  padding: 9px 10px 9px 14px;
  border: 1px solid #e3e3e3;
  border-radius: 12px;
  background: #fafafa;
  color: #14386c;
  font-weight: 600;
  text-decoration: none;
}

.topcat-button:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  bottom: 7px;
  width: 4px;
  border-radius: 5px;
  /* default colour is set per item via nth-child rules below */
  background: #d1d5db;
}

/* Subtle colour bar per top-category item (cycled) */
.sidebar-topcats .topcat-list .topcat-button:nth-child(6n+1):before{ background:#14386c; }
.sidebar-topcats .topcat-list .topcat-button:nth-child(6n+2):before{ background:#0094d9; }
.sidebar-topcats .topcat-list .topcat-button:nth-child(6n+3):before{ background:#198754; }
.sidebar-topcats .topcat-list .topcat-button:nth-child(6n+4):before{ background:#6f42c1; }
.sidebar-topcats .topcat-list .topcat-button:nth-child(6n+5):before{ background:#fd7e14; }
.sidebar-topcats .topcat-list .topcat-button:nth-child(6n+6):before{ background:#d52120; }

.topcat-button:hover,
.topcat-button:focus-visible {
  border-color: #14386c;
  background: #f0f5ff;
}

.topcat-button.is-active {
  border-color: #14386c;
  background: #eef4ff;
}

.topcat-button.is-active:before {
  background: #14386c;
}

.sidebar-quick-links .quick-link {
  display: block;
  margin: 8px 0;
  padding: 7px 0;
  color: #d52120;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px dashed #ddd;
}

.sidebar-quick-links .quick-link:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

#slider-range {clear:both;margin:10px 10px 20px;}
div.ui-slider-range {background:#333;}
span.ui-slider-handle {background:#999!important;}


/* paginator*/
.pagination,
.product-filter {clear:both;padding:5px 0;background:none;margin:5px 0;font-size:0.9rem;}
.product-filter {border-bottom:0px solid #E90000;}

	.viewing_grid .view_grid,
	.viewing_list .view_list {font-weight:bold;}
	

.pagination {border-top:0px solid #333;}

.product-filter label {margin-top:9px;}
	.listsortbutton {display:none;}

	.pagination li {list-style:none;display:inline;line-height:35px;margin:0 10px 0 0;border:0;padding:5px 10px;color:#bbb;}
	.pagination .showing {padding:0;border:none;color:#000;}
	.pagination .pagination-active {border:0;color:#0094d9;}
	.pagination a {color:inherit;;}


/* messages */
.message {font-weight:bold;}
	.message__thanks {color:#2ed435;}
	.message__error {color:#D42E35;}




/*homepage blocks */
 	 
	 
	 .home .inner { }
	 
	 
	 .home {padding:1.5rem 0; /*border-top:1px solid #000*/}
	 .home__sbc {background:#e6f4fb;;color:#0094d9;}
		.home__sbc .heading {color:inherit;} 


.home__calc {border-top:2px solid #ccc;}

	 
	.home__icons {color:#000;background:#fafafa;}
	.home__icons .heading {color:inherit;} 
	.home__icons .promo-item {text-align:center; }
	.home__icons .promo-title {font-weight:400;}
	
		.home-icon {text-align:center;flex:1 0 calc(50% - 6px); border:1px solid #14386c;position:relative;margin-top:30px;padding:42px 12px 12px;}
 
 
 .home-icon .material-symbols-outlined {border:1px solid #14386c;border-radius:99px;padding:8px;position:absolute;left:calc(50% - 30px);top:-30px;background:#fff;}
 .home-icon b {font-weight:600;display:block;color:#14386c}
 
.material-symbols-outlined {
font-size:3rem;
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
 

/* articles */
.article {padding:10px}
.article:last-child {border:none;}
	.article_title {font-size:1.1rem;font-weight:400;;}
	.article_content {font-size:1rem;}
	.article_byline {font-size:0.8rem;color:#444}
	.article img {width:100%;height:auto;}
	.article .g03 {width:25%;float:left;}
	.article .pad_right {padding-right:4.16%}
	.article .g09 {width:75%;float:left;}
	
/* items */

#items {padding:10px 0;margin:0 0 5px 0;clear:both;}
#latest_products {padding:10px 0;margin:10px 0;border-top:1px solid #ddd;}
#promos {margin:0 -2px;}




.flex_row{
/*display: -webkit-flex;*/
    display: -ms-flexbox;
    display: flex;
	position:relative;
 
/*    -webkit-flex-wrap: wrap;*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
justify-content: left;
}
.flex_row__J {
	display: -webkit-flex; 
    -webkit-justify-content: space-between; 
    display: flex;
    justify-content: space-between;

 }

.flex_row
.item{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

}

	.product_row {padding:10px;gap:10px;}

.main .product_row {padding:10px 0!important;}


.item {text-align:left;}
	.item.article {text-align:left;}
	
.promo-item,
.item.g03 {width:calc(50% - 5px)}

.promo-item__side {width:100%;}

	.item__ksp {text-align:center;padding:1em 0;}
	
	
	.item-inner {margin:0;;position:relative;padding:0; border:2px solid #d52120;transition:box-shadow 0.1s ease-in,border 0.1s ease-in,transform 0.1s ease-in;background:#fff;height:100%;border-radius:20px;overflow:hidden;color:#111}

	.item-inner__haspromo {border:2px solid #14386c;}
	
	.item-red .item-inner  {border:2px solid #d52120;background:#d52120;color:#fff;}

	
	.item-inner:hover {border:2px solid #14386c/*;box-shadow:0 0 5px #E90000;*/}
	
	 .item__X .item-inner {border:0;/*background:url('/images/bg_item.png') 50% bottom no-repeat #fff;background-size:auto 30px;*/margin:4px 20px}
	 .item__X .item-inner:hover {border:0;box-shadow:none;}
	
		.article .item-inner {margin:0;padding:0;width:100%}
	.item-image {margin-bottom:0;}
		.item-imagebox {min-height:120px;display:block;padding:0;margin:0 0 5px 0;position:relative;overflow:hidden;}
		.item-imagelink {overflow:hidden;display:block;}


			.img-1 {transition:transform 0.2s ease-in;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
			.img-flip {position:absolute;left:0;top:0;opacity:0;-webkit-transform:scale(0);transform:scale(0);}
			.item-inner:hover .img-flip {opacity:1;-webkit-transform:scale(1);transform:scale(1);}
/*			.item-inner:hover .img-1 {opacity:0;-webkit-transform:scale(0);transform:scale(0);}*/
	.img-flip,
	.item-image {width:100%;height:auto;max-height:400px;display:block;transition:all 0.2s ease-in;object-fit:cover;}

		
		
		.spanner {display:block;height:100%;width:100%;background:url('/images/zoom-glass.png') 50% 50% no-repeat rgba( 255,255,255,0.3);transition:top 0.2s ease-in,opacity 0.2s ease-in;position:absolute;top:0;opacity:0;}
	.item-imagelink:hover .spanner {top:0;left:0;opacity:1}

		

		.product-image {position:relative;}
	.item-overlay {position:absolute;left:6px;top:6px;z-index:99;}
	
	
	
/* Reduce bottom padding to close the gap above the button row */
.item-info {padding:8px 12px 52px;text-align:left;}
	.item-button {position:absolute;bottom:10px;left:10px;color:#fff;padding:5px 10px;/*text-transform:uppercase;*/margin:0;background:#14386c;border-radius:3px;border:2px solid #14386c;transition:all 0.2s ease-in;}
	.item-button:hover {border-color:#000;color:#000;background-color:#fff;}


	.item-image {width:100%;height:auto;}
		.car1 .item-image {width:70%;}
		.item__ksp__top {text-align:center;}
		.item__ksp__top img {margin:0 auto;}
		.item__ksp__footer img {max-width:289px;}
		
		
		
		
	.item-price {font-size:1.3rem;color:#14386c;margin:0 3px;font-weight:700;}
	.item__X .item-price {color:#E90000;}
	 	.item-price__product {font-size:3rem;line-height:1.1;margin-top:0;color:#14386c;}
		.item-sale span {color:#14386c;}
	.item-ins {color:#14386c;font-size:0.9rem;margin:0 3px;font-weight:700;}
	.item-ins__product {font-size:1.4rem;;line-height:1.1;font-weight:400;}
			
		.item-price del {font-size:1.1rem;color:#900;font-weight:700;}
		.item-price__product del {font-size:1.3rem;}

	.item-per {font-weight:400;color:#4c4c4c;font-size:0.9rem;margin:0 3px;}
		 .item-per__product {font-size:1.2rem;}

	.item-brand,
	.item-tools {position:relative;color:#4c4c4c;font-size:1rem;margin:1rem 0 1rem 0;padding:10px 2px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:300;}
	.item-tools {padding:10px 2px 4px;}



/* Base promo heading style (keep this as-is, just slightly tweaked) */
.item-promo-heading {
  background:transparent;  /* fallback if no promo-specific class */
  color:#000;              /* pick a safe text colour if ever shown */
  text-align:center;
  font-weight:600;
  padding:10px;
  font-size:1.5rem;
  min-height:36px;
  display:block;
}

/* Placeholder: keeps height but hides content */
.item-promo-heading.promo--placeholder {
  visibility:hidden;
  background:transparent;  /* ensure no colour */
}



	.item-heading {font-size:1.08rem;margin:0 3px 1px;padding:0 0 3px;display:block;overflow:hidden;line-height:1.16;color:inherit;font-weight:400;min-height:2.32em;}	


.promo-circle {border-radius:999px;width:64px;height:64px;text-align:center;color:#fff;background:#0d6efd;position:absolute;right:20px;top:20px;padding:8px;font-size:1rem}
.promo-circle.promo-presell{ background:#dc3545; }



/* Colour themes per promo_code */
.promo-promo     { background:#0d6efd; color:#fff; } /* PROMO (blue) */
.promo-edlp      { background:#198754; color:#fff; } /* EDLP (green) */
.promo-wigig     { background:#dc3545; color:#fff; } /* legacy (was WIGIG) */
.promo-presell   { background:#dc3545; color:#fff; } /* PRESELL (red) */
.promo-monthly   { background:#0dcaf0; color:#003049; } /* Monthly (cyan) */
.promo-weekly    { background:#6f42c1; color:#fff; }   /* Weekly (purple) */
.promo-seasonal  { background:#fd7e14; color:#212529; }/* Seasonal (orange) */

.promo-clearance { background:#FF0084; color:#fff; }   /* Clearance (pink) */

/* Merchant request: buttons should match ribbon colours on product tiles */
.item-inner__promo     .button__a2b { background:#0d6efd; }
.item-inner__edlp      .button__a2b { background:#198754; }
.item-inner__wigig     .button__a2b { background:#dc3545; } /* legacy */
.item-inner__presell   .button__a2b { background:#dc3545; }
.item-inner__monthly   .button__a2b { background:#0dcaf0; color:#003049; }
.item-inner__weekly    .button__a2b { background:#6f42c1; }
.item-inner__seasonal  .button__a2b { background:#fd7e14; color:#212529; }
.item-inner__clearance .button__a2b { background:#FF0084; }

.item-inner__custom:hover {border-color:#d15600;}
.promo-custom    { background:#D15600; color:#fff; }   /* Fallback/custom */

/* Frozen tags (extra3) */
.promo-frozenpromo{ background:#cfeeff; color:#064b6b; } /* very light blue */
.promo-chip--frozen,
.promo-chip--FROZEN{ border-color:#7dc6e6; background:#eaf7ff; color:#064b6b; }
.promo-chip.is-active.promo-chip--frozen,
.promo-chip.is-active.promo-chip--FROZEN{ background:#7dc6e6; border-color:#7dc6e6; color:#06357a; }




	
	.item__X .item-heading {color:#14386c;}
	
	.item-heading a {color:inherit;}
		.article .item-heading {font-size:0.8rem;}
	.item-desc {font-size:.98rem;margin:6px 3px 0;padding:0;display:block;overflow:hidden;line-height:1.25;color:inherit;font-weight:300;}

.item-pricing-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:0 3px 6px;
  flex-wrap:nowrap;
}

.item-code-inline {
  flex:0 0 auto;
  color:#14386c;
  font-size:1rem;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  text-align:center;
}

.item-heading--navsa {
  font-size:1.08rem;
  margin:0 3px 5px;
  padding:0;
  line-height:1.2;
  min-height:0;
  font-weight:700;
  color:#111;
}

.item-heading--navsa a,
.item-heading--navsa span {
  font-weight:700;
  color:inherit;
}

.item-meta-navsa {
  display:block;
  margin-top:5px;
}

.item-meta-line {
  display:block;
  color:#1f2937;
  line-height:1.24;
  margin:0 3px 4px;
  font-size:1.01rem;
}

.item-meta-line--qtys {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
  flex-wrap:nowrap;
}

.item-meta-chunk {
  display:inline-flex;
  align-items:baseline;
  justify-content:center;
  gap:3px;
  min-width:0;
  flex:1 1 33.333%;
  text-align:center;
}

.item-meta-chunk--case {
  justify-content:flex-start;
  text-align:left;
}

.item-meta-label {
  color:#5f6b7a;
  font-weight:500;
  white-space:nowrap;
}

.item-meta-value {
  color:#1f2937;
  font-weight:600;
  min-width:0;
}

.item-meta-value--ean {
  font-weight:400;
}

.navsa-price-pill {
  display:inline-flex;
  align-items:center;
  gap:5px;
  border-radius:999px;
  padding:8px 13px;
  font-size:.98rem;
  line-height:1;
  font-weight:700;
}

.navsa-price-pill__label {
  opacity:.9;
  font-size:.92em;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.navsa-price-pill__value,
.navsa-price-pill__value * {
  font-weight:800;
  line-height:1;
}

.navsa-price-pill__value * {
  display:inline;
  margin:0;
  padding:0;
}

.navsa-price-pill--unit {
  background:#0094d9;
  color:#fff;
}

.navsa-price-pill--case {
  background:#f1f3f5;
  color:#1d2125;
  border:1px solid #d9dde3;
}

.navsa-price-pill--case[class*="promo-"] {
  border-color:transparent;
}
	
	
	.product-tool {display:inline-block;height:36px;text-indent:0px;overflow:hidden;line-height:36px;padding-right:50px;color:#444;}

	.icon {display:inline-block;width:36px;height:36px;text-indent:-999px;}
	.product-compare {;background-position:-239px -5px;}
	.product-wishlist {background-position:-191px -5px;}


/* --- Product tile button row (clean version) ------------------------------ */
.item-buy-button{
  position:absolute;
  /* add safe inset so pills don't touch the pod border */
  left:12px;
  right:12px;
  bottom:24px;

  display:flex;
  gap:10px;                 /* space between buttons */
  justify-content:center;   /* center the pair */
  align-items:center;
}

.item-buy-button .button,
.item-buy-button a.button,
.item-buy-button button.button{
  display:inline-flex !important;
  justify-content:center;
  align-items:center;

  /* keep them side-by-side: two equal columns */
  flex:1 1 0 !important;
  max-width:calc(50% - 5px) !important;  /* half row minus half the gap */
  min-width:0;

  /* trim the pill so it fits comfortably within the inset */
  padding:10px 12px !important;
  font-size:15.5px;  /* nudge down a touch; tweak to taste */
  white-space:nowrap;
  margin:0 !important;
  float:none !important;
}

.item-buy-button .button__secondary,
.item-buy-button a.button__secondary,
.item-buy-button button.button__secondary{
  background:#14386c !important;
  border-color:#14386c !important;
  color:#fff !important;
}

.item-buy-button .button__secondary:hover,
.item-buy-button a.button__secondary:hover,
.item-buy-button button.button__secondary:hover{
  background-color:#14386c !important;
  border-color:#14386c !important;
  color:#fff !important;
}

.item-buy-button .button__a2b,
.item-buy-button a.button__a2b,
.item-buy-button button.button__a2b{
  background:#198754 !important;
  border-color:#198754 !important;
  color:#fff !important;
}

.item-buy-button .button__a2b:hover,
.item-buy-button a.button__a2b:hover,
.item-buy-button button.button__a2b:hover{
  background-color:#198754 !important;
  border-color:#198754 !important;
  color:#fff !important;
}

/* Very narrow tiles: allow wrap gracefully (still keeps edge padding) */
@media (max-width:380px){
  .item-buy-button{ flex-wrap:wrap; gap:8px; }
  .item-buy-button .button{ max-width:100% !important; }
}



    .popup { 
        z-index: 9999;
        position: absolute;
        left:0;
        bottom: -1px;
        display: none;
        text-align: center;
        width: 100%;
        padding: 10px;
		font-size:0.85rem;
    }
.popup__compare { background-color: #daf3f8; border: solid 1px #12c1d6 !important; }
.popup__wishlist { background-color: #ffd4cb; border: solid 1px #ff714b !important; }
	
.prods3 .itemlist {width:100% !important;}













/* promos */


	
	.promos {}
	
	
	.promo-item {background:#14386c;text-align:left;overflow:hidden;color:#fff }
	
	.promo-item__red {background:#d52120;text-align:center; }
	.promo-item__bordered {border:2px solid #d52120;background:#d52120;text-align:center; border-radius:20px;}
	.promo-item__side { border-radius:20px;}
	.promo-item__expander {background:#fff;color:#000;border:1px solid #eee;}
	.promo-item__brand {border:2px solid #14386c;border-radius:20px;}
	
	.promo-item__expander .material-symbols-outlined {float:left;margin-right:10px;}
	.promo-item__expander .promo-title {line-height:3rem;}

	 

	.promo-item__blog {background:#fff;color:#000}
	.promo-item__blog .promo-inner {border:2px solid #d52120;background:#d52120;text-align:center; border-radius:20px;color:#fff;}


	.promo-inner { padding:0; overflow:hidden;position:relative;transition:box-shadow 0.15s ease-in;width:100%}

	
	.promo-image {width:100%;height:200px;display:block;object-fit:cover;}
.promo-image__contain {object-fit:contain;height:100px}

.promo-item__brand  .promo-image {height:125px;object-fit:contain;background:#fff;padding:5px}
.promo-item__blog  .promo-image {height:auto;object-fit:contain;aspect-ratio:2 / 3}


.promo-item__side .promo-image {width:50%;float:left;height:300px}
.promo-item__side .promo-info {width:50%;float:left;padding:20px;}


	.promo-item a {color:inherit;}
	
	.promo-overlay {display:block;width:100%}
		.promo-title {font-size:1.4rem;font-weight:600;margin:10px 10px;padding:0; }
/*		.promo-title b {color:#000;font-weight:600;}*/
		.promo-text { font-size:1.1rem;font-weight:300;margin:10px 10px;padding:0;text-align:justify }
	
	
/*	.promo-overlay:hover  {background-color:#fff;}
	.promo-overlay:hover .promo-title {top:0;}
	.promo-overlay:hover .promo-text {top:50px;opacity:1;}
*/	
	.promo-button {text-align:center;}
	.promo-button span {cursor:pointer;color:#fff;padding:10px 20px;/*text-transform:uppercase;*/margin:0;background:#d52120;border-radius:99px;border:none;transition:all 0.2s ease-in;font-size:1.2rem;display:inline-block;margin:10px auto;}
	.promo-button span:hover {border-color:#000;color:#fff;background-color:#0094d9;}
	
 
		.promo-item__bordered span {background:#fff;color:#d52120;}
		.promo-item__side .promo-button {text-align:left;}
		.promo-item__side span {background:#fff;color:#14386c;}



	
.jcarousel-nav {display:none;}	




.moqcarousel {overflow:hidden;position:relative;width:100%;;height:60px; margin-bottom:0;}
.moqcarousel ul {width:9999px;position:absolute;padding:0;}
.moqcarousel .moq {width:350px;float:left;}



.DBcarousel {overflow:hidden;position:relative;width:100%;;height:280px; margin-bottom:0;}
.DBcarousel .ul {width:9999px;position:absolute;padding:0;}
.DBcarousel .promo-item {width:150px;float:left;}


.jcarousel-nav {z-index:2;left:57px;height:48px;width:26px;line-height:30px;display:block;position:absolute;top:10px;color:#bbb;font-size:64px;}
.jcarousel-nav:hover {color:#aaa}

.hcarousel-prev {left:0;top:10px;}
.hcarousel-next {right:0;top:10px;left:auto;}

.moqcarousel-prev {left:0;top:10px;}
.moqcarousel-next {right:0;top:10px;left:auto;}


.DBcarousel-prev {left:0;top:105px;}
.DBcarousel-next {right:0;top:105px;left:auto;}



/* category */
img.grid_right {float:right;width:20%;height:auto;max-width:250px;margin-left:4.16666%;}


.category_intro {padding-bottom:20px;}


/* reviews */
.ss_review {padding:10px;border-bottom:1px solid #ddd;}
.datetime {font-size:0.8rem;}


/* testimonials */

.testimonials {background:#a29bfe;}

.testimonial {padding:10px 40px;}
.testimonial-text {text-align:center;color:#fff;font-size:1.1rem;font-weight:400;font-style:italic;;margin:0;padding:0;}
.testimonial-author {text-align:center;color:#fff;font-size:1rem;margin:0}

  .testimonial_wrapper {position:relative;}
 .testimonials_nav {position:absolute;top:20px;width:auto;width:34px;height:20px; z-index:2;transition:opacity 0.2s ease-in;display:block;overflow:hidden;background-size:34px 20px ;text-indent:-99px;font-size:1px;opacity:0.7}
  
.testimonials_nav:hover {opacity:1;}
.testimonials_nav.prev {left:10px;background-image:url('/images/left-test.png?d')}
.testimonials_nav.next {right:10px;background-image:url('/images/right-test.png?d')}



/* expander */
.expander .eblock {display:none;padding:0 10px;font-size:1.1rem;}
.eblock p,.eblock li {font-size:1.1rem;}
.expanded .eblock {display:block;}

.expander .heading_expander {background-position:99% -522px;}
.expanded .heading_expander {background-position:99% -580px;}

/* home */
.leftimg {width:100%;}


.g334 {text-align:center;width:100%;}
.g334 img {width:100%;height:auto;max-width:334px;margin:20px;}


/* responsive slider */
#banner {margin-bottom:10px;color:#14386c}
.home.slider_holder {position:relative;xclear:both;margin:0;padding:0}
.home.slider_holder .heading {padding:10px 0}


.ksps  {
  position: relative;
  list-style: none;
  overflow: hidden;

  padding: 0;
	margin:0;
  }
.testimonials,
 .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
	margin:0;
  }

.ksp,
.testimonial,
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.ksp:first-child,
.testimonial:first-child,
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: right;
  width: 100%;
  /*height:260px;object-fit:cover;*/
  border: 0;
  }
  
  .rslides_nav {position:absolute;top:70px;width:auto;width:16px;height:29px; z-index:2;transition:opacity 0.2s ease-in;display:block;overflow:hidden;background-image:url('/images/rslide.png?d');background-size:auto 29px;text-indent:-99px;font-size:1px;opacity:0.3}
  
  
.rslides_nav:hover {opacity:1;}
.rslides_nav.prev {left:5px;background-position:left 0;}
.rslides_nav.next {right:5px;background-position:right 0;}
	
  .rslides_tabs {position:absolute;bottom:5px;left:5px;z-index:2;}
  .rslides_tabs li {display:inline-block;list-style:none;width:10px;height:10px;margin:3px;}
  .rslides_tabs a {border-radius:50%;background:#121212;text-indent:-999px;overflow:hidden;height:100%;width:100%;display:block;/*box-shadow:0 0 3px #000;*/transition:background-color 0.2s ease-in,opacity 0.2s ease-in;opacity:0.7}
  .rslides_tabs a:hover {background:#ccc;}
  .rslides_tabs .rslides_here a {;background:#ccc;opacity:1}
  
  
	
	.banner_overlay { padding:10px 20px;text-align:left;color:#d52120;position:absolute;top:0;right:0;left:0;}
.banner_overlay__center {text-align:center;}
.banner_overlay__left {text-align:left;}
.banner_overlay__right {text-align:right;}	
		.banner_title {font-size:1.8rem;font-weight:700; line-height:1.1}
		.banner_text {font-size:1.6rem;font-weight:400;margin:1rem 0;; line-height:1.1}
		.banner_button_box { margin:2rem 0 0 0}
		.banner_button {font-size:1.2rem;font-weight:600;color:#fff;background:#d52120;padding:8px 15px;;margin:1rem 0;border-radius:99px}
		.banner_button:hover {color:#fff;background-color:#0094d9}
	.banner_link {display:block;margin:0;padding:0;}	  
  
	
/* footer */
.b2t {clear:both;padding-top:30px;}
.b2t a {background-position:5px -330px;line-height:34px;font-size:1rem;padding:0 10px 0 50px;background-color:#595959;color:#ddd;text-transform:uppercase;display:inline-block;margin-bottom:3px;transition:background-color 0.2s ease-in;}
.b2t a:hover {background-color:#000;}



#footer {margin:0 auto;padding:0;border-top:1px solid #000;background:#14396d;clear:both;color:#fff;font-weight:400}
	#footer .grid {display:block;textx-align:left;}
	.g20 {width:100%;}
	
	
	 .footer-item {padding:12px;}
	
.footer-title {color:#FFFFFF;font-size:1.3rem;font-weight:700;padding:0;margin:0;}
	.footer-title {padding:3px 0 16px;}
	.footer-list {margin:0;list-style:none;line-height:16px;}
	.footer-link-item {margin:5px 0 5px;font-size:1.2rem;}
	.footer-link-item span {display:block;color:#ffffff;}
	.footer-link {color:#fff;} 
	.footer-link:hover {color:#ffffff;}

	.footer-text {line-height:1.6;}

	
	.social-list {margin:20px 10px 20px 0;list-style:none;text-align:left;height:48px;}
		.social-list__header {margin:6px 0 6px;}
		
	.social-link-item {margin:0 10px 0  0;background-image:url('/images/icons-logos-social-media-2023.png?2');background-repeat:no-repeat;padding:0 0 0 0;display:block; height:48px;border-radius:0;transition:filter 0.2s ease-in;background-size:1159px 48px;border:0px solid #d52120;color:#fff;width:48px}
	

	  .social-link-item  {float:left;}
		.icon-tw {background-position:-217px -0;}
		.icon-ig {background-position:-141px -0;}
		.icon-fb {background-position:-66px -0}
		.icon-li {background-position:-1050px -0;}



		.social-link-item a { text-indent:-999px;overflow:hidden; height:100%;width:100%;display:block;font-size:1px;line-height:44px;color:inherit; ;}
		
 		.icon-cu a {text-indent:0;font-size:0.9rem;color:#999;font-weight:600;line-height:32px;padding-left:40px;text-transform:uppercase;}
 


.subfooter {border-top:1px solid #fff;}
.credit { padding:12px 0;color:#fff;font-size:1rem;}
.subfooter a {color:inherit;}

/* newsletter form */
.newsletterform {margin:5px 10px;padding:0 0}
	.newsletterform-input {font-size:0.9rem;padding:6px 9px 7px;border-color:#fff;height:auto;}
	.newsletterform-button {font-size:0.9rem;font-weight:400;font-family: "Ubuntu",Arial,sans-serif;padding:6px 10px 7px;}

/* products */
.product-heading {color:#000;margin:0 0 5px 0;font-size:2em;padding:0;text-transform:uppercase;line-height:1}
.price-heading {color:#a29bfe;margin:0 0 5px 0;font-size:2em;padding:0;text-transform:uppercase;line-height:1}
.product-add,
.product-options {clear:both;padding:10px 0;}
.product-photo-box {border:1px solid #a5a5a5;text-align:center;margin:0 10px 0 0;padding:10px;}
	.product-photo {width:100%;max-width:100%;height:auto;}
	
	
.imagelist {padding:12px 0;}	
.thumb-item {border:1px solid #dbdfe2;text-align:center;margin:0 10px 10px 0;padding:0;display:block;float:left;width:calc(25% - 10px);;overflow:hidden;cursor:pointer;border-radius:5px;overflow:hidden}
	.thumb {width:100%;height:auto;}

	#mainimage {border:1px solid #dbdfe2;display:block;border-radius:20px;overflow:hidden}

.image-cards {width:100%;max-width:328px;}

	.quantity-item {float:left;display:block;line-height:40px;margin:0 0;font-size:0.9rem;font-weight:300;}
	.qty-input {width:50px;padding:10px;margin:0 10px 0 0;font-weight:600;border:1px solid #14386c;}
	.qty-label {font-weight:bold;}




/* "btns" on product page */

.btn-group {padding:10px 0 20px 0;}
.btn { padding: 10px 14px; border: 1px solid #888; border-radius: 99px; background: #f8f8f8; margin-right: 5px; cursor: pointer; font-weight:600;font-size:1.2rem;}
.btn.active, 
.btn:hover { background: #14386c; color: #fff; border-color: #14386c; }


 .btn.crossed {
                            text-decoration: line-through;
                            background: #f8f8f8;
                            color: #d52120;
                            border-color: #d52120;
                            cursor: not-allowed;
                            pointer-events: none;
                        }

.qty-input-wrap {padding:10px 0;}
.qty-input { font-size: 1.2em; text-align: center; }

.qty-summary {font-size:1.1rem;color:#888;}



.login-nag {border:1px solid #0094d9;border-radius:20px;padding:5px 20px;margin:1.2rem 0;text-align:center;}
.login-nag .button {float:none;display:inline-block;margin:0 10px;}


#addtobasketform {padding:10px 0;margin:0 0 1em 0;}

.variants table th {font-size:0.9rem;color:#333;}
.variant h5 {padding:0 0;border-bottom:none;color:#333;font-size:0.9rem;margin:10px 0 10px 0;font-weight:700;}
table + h4 {margin-top:20px;}



.data-table {width:100%;margin:1rem 0;}
.data-table th,
.data-table td {padding:6px 6px 0 0;font-weight:400;}

.data-table th {font-weight:500;}
.data-table .bold {font-weight:600;}

/*
.data-table th {font-size:1rem;color:#14386c;padding:5px 10px 5px 0;font-weight:600}
.data-table td {font-size:1rem;color:#000;padding:5px 10px}
*/




.tab_row {border:1px solid #DBDFE2;}
.tab {background-color:#FFFFFF;padding:10px 20px;border-bottom:1px solid #DBDFE2;font-size:1rem;text-transform:uppercase;transition:color 0.1s ease-in,background-color 0.1s ease-in;cursor:pointer;float:left;width:50%;}
	.tab_active {background-color:#333;color:#fff;}
	
.infoboxx {padding:10px 4.16667%;display:none;font-size:1rem;line-height:1.4}	
.ib_active {display:block;}
/* basket */	
.basket {}
	.basket-item {border-top:1px solid #aaa;clear:both;padding:5px 0;width:100%;}
		.total-price {background:#a29bfe;color:#fff;font-size:1.2em;}
		.basket-delete {}
		.basket-image {float:left;width:30%;padding:0 10px 10px 0;}
			.basket-img {width:100%;height:auto;}
		.basket-text-group{float:left;width:69%;}
		.basket-title{font-weight:bold;}
			.basket-link {color:#d00;font-weight:bold;display:block;}
			.basket-link-sub {font-weight:400;color:#000;margin-left:10px;}
		.basket-qty {}
		.basket-unit {}
		.basket-price {font-weight:bold;font-size:1.2em;}

/* secure checkout */
.tick{
	display:block;
	font-size: 1.2em;
	padding: 3px 5px;
	margin:0;
}
	.tick-tnc {background:#ddd;margin:1em 0;font-size:1.3em;padding:10px;}
	.ticker-link {color:inherit;}

.pay-button {overflow:hidden;text-indent:-9999px;background-repeat: no-repeat ;background-image:url('/images/sprites_payby.png');display:block;width:288px;height:61px;text-align:left;float:left;cursor:pointer;margin:0 0 10px 0;}
	.payx {background-position:0 0;}
	.secu {background-position:0 -66px;}
	.info {background-position:0 -132px;}


.paymentcontents,
div.pay {clear:both;padding:10px 0;}


 
.login-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999;}
.login-modal.is-open{display:block}
.login-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.login-modal-card{position:relative;background:#fff;border-radius:16px;max-width:480px;width:96%;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.25);margin:50px auto;}
.login-modal-close{position:absolute;top:10px;right:10px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:6px 10px;cursor:pointer}
.login-modal-title{font-weight:700;margin:4px 0 12px;font-size:1.05rem}






/* section */
.section {border-top:1px solid #7a7a7a;}
/* sprites */
		
.sprites {
	background-image:url('/images/sprites_default.png');
	background-repeat:no-repeat;	
}
.sprites-specific {
	background-image:url('/images/sprites_specific.png');
	background-repeat:no-repeat;	
}

.sprites-item {
	background-image:url('/images/sprites_item.png');
	background-repeat:no-repeat;	
}

/* Wishlist heart/CTA spacing overrides */
.item-buy-button{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  column-gap:6px;
  row-gap:6px;
}
.item-wishlist{
  width:28px;
  height:26px;
  line-height:26px;
  margin:0 4px;
  background-image:url('/images/wl_grey_heart.png');
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  transform:translateY(-6px);
  overflow:visible;
}
.item-wishlist.in_wish_list,
.item-wishlist:hover{
  background-image:url('/images/wl_red_heart.png');
}

/* Force wishlist heart imagery to PNGs (override any earlier sprite rules) */
.item-wishlist{
  width:20px !important;
  height:20px !important;
  line-height:20px !important;
  margin:0 4px !important;
  background-image:url('/images/wl_grey_heart.png') !important;
  background-repeat:no-repeat !important;
  background-size:20px 20px !important;
  background-position:center !important;
  transform:translateY(-6px) !important;
  overflow:visible !important;
}
.item-wishlist.in_wish_list,
.item-wishlist:hover{
  background-image:url('/images/wl_red_heart.png') !important;
  background-position:center !important;
}

.info-small {padding:0 0 10px 0;}

.no-mobile {display:none;}
.no-desktop {display:block;}
.ss_basket_product:after,
.submenu:after,
.inner:after,
.categorydescription:after,
.article:after,
.pagination:after,
.product-filter:after,
.DBcarousel:after,
.DBcarousel .ul:after,
.grid_row:after {
  content: "";
  display: table;
  clear: both;
}

.clear {clear:both;height:1px;overflow:hidden;}
.clearer {clear:both;}

.go_right {text-align:right;}

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

	.gF50 {float:left;width:50%;padding-right:10px;}
	.gF50:nth-child(2n+1) {clear:both;}

}
.navsa-barcode-card{
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:16px 20px;
  margin:18px 0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:24px;                 /* small, consistent spacing */
}

/* FIX: lock the left column width so the barcode start never moves */
.navsa-barcode-left{
  flex:0 0 300px;           /* adjust 240-280px to line up with the data column */
}

/* Right side stretches but its LEFT EDGE stays fixed */
.navsa-barcode-right{
  flex:1 1 auto;
  display:flex;
  align-items:center;
}

.navsa-barcode-title{font-weight:700;margin-bottom:6px}
.navsa-barcode-switch{display:flex;gap:8px;margin:6px 0 8px}
.navsa-barcode-switch .bc-btn{border:1px solid #d1d5db;border-radius:9999px;padding:6px 10px;background:#fff;cursor:pointer;font-size:.9rem}
.navsa-barcode-switch .bc-btn.active{background:#0d3564;color:#fff;border-color:#0d3564}
.navsa-barcode-meta{font-size:.95rem;color:#111}
.navsa-barcode-meta .bc-code{font-family:ui-monospace, SFMono-Regular, Menlo, monospace}

/* image sizing; no manual left margin */
.navsa-barcode-right .bc-img{display:block;max-height:60px;height:auto}

@media (max-width:640px){
  .navsa-barcode-card{flex-direction:column;align-items:flex-start}
  .navsa-barcode-left{flex:0 0 auto;width:100%}
}










/* =====================================================================
   NAVSA: Mega-menu (Shop) — mobile
   ===================================================================== */

/* Make sure the Shop megamenu feels like an overlay panel, not a grey box */
.navsa-shop-trigger .submenu--megamenu{
  background: #fff;
}

/* Slightly tighter spacing on small screens */
.submenu--megamenu .megamenu-wrap{
  padding: 14px 12px;
}

/* Keep promo row slim on mobile */
.submenu--megamenu .megamenu-promos{
  gap: 6px;
}

.submenu--megamenu .megamenu-promo{
  padding: 7px 9px;
}

/* Optional: prevent tap highlight noise */
.navsa-shop-link{
  -webkit-tap-highlight-color: transparent;
}