@font-face {
  font-display: swap; 
  font-family: 'Wanzl';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/font/Wanzl_EtelkaLight.otf') format('opentype');
}
@font-face {
  font-display: swap; 
  font-family: 'Wanzl';
  font-style: italic;
  font-weight: 400;
  src: url('/extras/font/Wanzl_EtelkaLight-Italic.otf') format('opentype');
}

@font-face {
  font-display: swap; 
  font-family: 'Wanzl';
  font-style: normal;
  font-weight: 500;
  src: url('/extras/font/Wanzl_EtelkaMedium.otf') format('opentype');
}
@font-face {
  font-display: swap; 
  font-family: 'Wanzl';
  font-style: italic;
  font-weight: 500;
  src: url('/extras/font/Wanzl_EtelkaMedium-Italic.otf') format('opentype');
}
@font-face {
  font-display: swap; 
  font-family: 'Wanzl';
  font-style: normal;
  font-weight: 700;
  src: url('/extras/font/Wanzl_EtelkaText-Bold.otf') format('opentype');
}
@font-face {
  font-display: swap; 
  font-family: 'Wanzl Narrow';
  font-style: normal;
  font-weight: 300;
  src: url('/extras/font/Wanzl_EtelkaNarrowLight.otf') format('opentype');
}
@font-face {
  font-display: swap; 
  font-family: 'Wanzl Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/font/Wanzl_EtelkaNarrowMedium.otf') format('opentype');
}

@font-face {
    font-family: "iconfont";
    src: url('/extras/font/iconfont.eot?#iefix') format('eot'),
    url('/extras/font/iconfont.woff') format('woff'),
    url('/extras/font/iconfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}


:root {
	--mid-grey: #D3D2D3;
	--navy-blue: #002633;
	--dark-teal: #007399;
	--almost-black: #141414;
	--dark-grey: #666666;
	--light-grey: #F1F1F1;
	--white: #FFFFFF;
	--bright-blue: #0099CC;
}


body {
	font-size: 1.125em;
	margin: 0px auto;
	font-family: Wanzl, Helvetica, sans-serif;
	color: var(--almost-black);

}
p,li {
	line-height:140%;
	font-size: clamp(0.889em, 0.8em + 0.4vw, 1em);
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
footer {
  margin-top: auto;
}

body,
.header {
	max-width:1920px;
}

/**************** header *****************************/

.topBar {
	max-width:1952px;
	margin:auto;
	padding:4px 16px;
	background-color:var(--light-grey);
	min-height: 34px;
}
.topBar p {
    margin-bottom: 0;
    color: var(--almost-black);
	text-align: center;
}
.header {
	position:fixed;
	background-color:#fff;
	width:100%;
	z-index: 200;
}
.main {
  padding-top: 98px;
}
.banner	{
	display:grid;
	align-items: center;
	border-bottom:1px solid var(--light-grey);
	padding:20px;
	transition:all ease 0.3s;
}
.searchImg {grid-area:search}
.topmenu {grid-area:menu;}
.miniCartContainer {grid-area:cart}
.link {grid-area:link}
.logo {grid-area:logo}
	
.header.shrink {top: 0;}
@media (max-width:1378px) {
	.shrink .banner .topMiddle {display:none;}
}

.banner > div {
	display:flex;
	align-items:center;
}
.logo {flex-direction:column}
.austOnline {color: var(--bright-blue)}

@media (max-width:436px){
	.austOnline {font-size:1rem;}
}
.banner .topMiddle {
	grid-area: topMid;
	text-align: center;
	margin: auto;
}
.topMiddle h4 {
	margin-bottom: 0;
	margin-top: 0;
	color: var(--bright-blue);
}
.topMiddle h4 a {text-decoration:none;color: var(--bright-blue)}
.topMiddle h4 a:hover {color: var(--bright-blue);}
.banner .searchImg {
	padding-right:20px;
	border-right:2px solid var(--light-grey);
}
.banner .link {
	padding:0 20px;
	border-left:2px solid var(--light-grey);
}
.banner .account {
	padding:0 20px;
	border-right:2px solid var(--light-grey);
}
.miniCartContainer {
	padding:0 20px;
}
.miniCart img {
	vertical-align:middle;
	padding-right:10px;
}
.miniCart a {
	font-size: 0.666em;
	color: var(--almost-black);
}
@media (max-width:530px) {
	.miniCart a{
		font-size:0;
		padding-left:0;
	}
   .miniCart {display:inline-block;position:relative;}
   .miniCart span {display:none;}
   .miniCart a:nth-of-type(2){
      text-decoration:none;
      background-color: var(--dark-grey);
      color: #ffffff;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      position: absolute;
      right: -6px;
      top: -3px;
      text-align: center;
      line-height: 1.7;
      z-index: 10;
      font-size:12px;
      }	
}
.banner .logo {
	padding-left:20px;
	border-left:2px solid var(--light-grey);
}

/* resp */	
@media (min-width:1690px) {
	.banner	{
		grid-template-columns: max-content max-content 1fr max-content max-content max-content max-content;
		grid-template-areas: "search menu topMid account cart link logo";
	}
	.banner .topMiddle {display: block;}
}	

@media (max-width:1689px) {
	.banner	{
		grid-template-columns: max-content 1fr max-content max-content max-content max-content;
		grid-template-areas: "search menu account cart link logo"
							 "topMid topMid topMid topMid topMid topMid";
	}
	.banner .topMiddle {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.topmenu {border-right:2px solid var(--light-grey);min-width:60px;}
	.searchImg {padding-left:20px;}
	.main {padding-top:141px;}
}
@media (max-width:1378px) {
	.banner	{
		grid-template-columns: max-content 1fr max-content max-content max-content max-content;
		grid-template-areas: "menu search account cart link logo"
							 "topMid topMid topMid topMid topMid topMid";
	}
	.topMiddle {padding-top:12px};
	.main {padding-top:153px;}
}
@media (max-width:640px) {
	.banner .topMiddle {display: none;}
	.main {padding-top:98px;}
}
@media (max-width:600px) {
	.banner	{
		grid-template-columns: max-content max-content max-content max-content 1fr;
		grid-template-areas: "menu search account cart logo";
	}
	.banner .logo {justify-content:flex-end}
	.topmenu {min-width:50px;}
	.slicknav_btn {left: 16px;}
	.banner .logo {padding-left: 15px;}
	.miniCartContainer {padding: 0 15px;}
	.banner .link {display:none;}
	.banner .searchImg {padding-left:15px;padding-right:15px;}
}
@media (max-width:400px){
    .banner .searchImg {
		padding-left:0;
      padding-right: 10px;
    }
	.banner .account {
		padding:0 10px;
	}
	.banner .logo {
		padding-left:10px;
	}
}	


/***************** search *****************************/

#modalPP{
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99999;
    height: 100%;
    width: 100%;
    display:none;
}
.modalPP__content {
    position: absolute;
    width: 90%;
    max-width:500px;
    max-height:90vh;
    overflow-y: auto;
    z-index:100;
    background-color:#fff;
    opacity:0;
    animation: fadeIn 0.5s ease-in-out;
    animation-fill-mode: forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (min-width:670px){
    .modalPP__content {
      top: 130px;
      left: 50%;
      transform: translate(-50%, -50%);
    }
}
@media (max-width:669px){
  .modalPP__content {
    top: 20px;
    left: 50%;
    transform: translate(-50%, 0); 
   }
}
.modalPP__head {
	display:flex;
	justify-content:space-between;
	padding:20px;
	border-bottom:2px solid var(--dark-grey);
	font-weight:700;
}
.modalPP__head {
	cursor:pointer;
}
.modalPP__body {
	padding:20px;
}
.modalPP__body input[type=text] {
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
}
.search {text-align:center}
.modalPP__body .submit {
	display:inline-block;
	padding:10px 20px;
	background-color: var(--bright-blue);
	text-align:center;
	text-decoration:none;
	font-weight:500;
	border:none;
	color:#fff;
}
.modalPP__body .submit:hover {
	background-color:var(--almost-black);
}
#button {
	position:absolute;
	top:12px;
	right:18px;
	cursor:pointer;
	font-size:17px;
}
	
/**************** nav - topnav *************************/

.topmenu{
	background-color: transparent;
	color:#000;	
	height:40px;
	display:flex;
	padding:0 20px;
	
}
html .mlddm {display:flex;gap:30px}

/* top level */
.mlddm > li > a, .mlddm > li > a#buttonnohover {	
		padding: 0 10px;
		line-height: 40px;
		color: var(--bright-blue);
		font-size: 14px;
		background-color: transparent;
		font-weight:700;
		text-transform:uppercase;
		border-bottom: 2px solid transparent
}
.mlddm > li > a:hover, .mlddm > li > a#buttonhover,
.mlddm > li > a.selected, .mlddm > li > a.selected#buttonnohover,
.mlddm > li > a.selected:hover, .mlddm > li > a.selected#buttonhover {border-bottom: 2px solid var(--bright-blue)}

/* drop down list */
	html .mlddm ul {
		margin-top:24px;
		padding-top:10px;
		padding-bottom:10px;
		background-color: var(--light-grey);
	}
	.mlddm ul ul {margin-top:0;}
	.mlddm ul ul::before {display: none;}
	.mlddm ul::before {
		width:20px;
		height:20px;
		background-color:var(--light-grey);
		content:"";
		display:inline-block;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		position:absolute;
		top:-10px;
		left:15px		
	}
	.mlddm ul li a {	
		line-height: 40px;
		padding: 0 22px 0 22px;
		color:var(--dark-grey); 
		font-size:16px;
		border-bottom:none;
		text-align:left;
		font-weight:500;
	}
	.mlddm ul li a:hover,
	.mlddm ul li a.selected,
	.mlddm ul li a:hover.selected,
	.mlddm .hsub:hover, .mlddm .selectedhsub:hover	{text-decoration:underline;}

/**************** nav - mobile header *************************/

/* hamburger menu positioning & style */

.slicknav_btn {right:16px;}
.slicknav_btn.btnBottom {bottom:4px;}

.btnBottom .slicknav_icon-bar {background-color:#3C3E41;}
.btnBottom .slicknav_menutxt {color:#3C3E41;}

.slicknav_icon-bar {background-color:var(--almost-black);}
.slicknav_icon-bar:nth-child(1) {width:19px;}
.slicknav_icon-bar:nth-child(2) {width:24px;}
.slicknav_icon-bar:nth-child(3) {width:17px;}

	
/**************** footer *****************************/

.footerCta {
	text-align:center;
	padding-bottom:40px;
	border-top:1px solid var(--light-grey);
	padding-top:40px;
}
.ctaHead {
	font-size: 2.1875rem;
	font-weight:500;
	padding-bottom: 25px
}
.ctaSub {
	padding-bottom:50px;
}
.ctaContacts {
	font-size: 1.4375rem;
	display:flex;
	gap: 100px;
	justify-content:center;
	align-items: flex-start;
}
.ctaContacts a {
	text-decoration:none;
	color: var(--nearly-black);
	padding-left:12px;
	font-size:23px;
}
.ctaPhone:before {
	font-family: "iconfont";
	content: "\EA1F";
	color: var(--bright-blue);
	font-size:38px;
	vertical-align:middle;
}
.ctaContact:before {
	font-family: "iconfont";
	content: "\EA0B";
	color: var(--bright-blue);
	font-size:38px;
	vertical-align:middle;
}
@media (min-width:670px){
	.ctaPhone,
	.ctaContact {
		min-width:232px;
		text-align:left;
	}
}
@media (max-width:554px){
	.ctaHead {
		font-size: 24px;
	}
	.ctaSub {
		font-size:16px;
		padding-bottom:20px;
	}
	.ctaContacts {
		gap: 50px;
	}
	.ctaContacts a {
		font-size: 16px;
	}
	.ctaPhone:before,
	.ctaContact:before {
		font-size:26px;
	}
}
@media (max-width:384px){
	.ctaContacts {
		flex-direction:column;
		gap: 20px;
		align-items:center;
	}	

}

.footerContain {
	background-color: var(--light-grey);
	font-size:0.875rem;
}
.footerInfo {
	padding:45px 16px 45px;
	margin-top:50px;
	display: grid;
	max-width: 1672px;
	margin: auto;
}
.footerInfo > div:nth-child(1){
	max-width:280px;
}
.footerInfo > div:not(:first-child) {
	text-align:center;
}

@media (min-width:801px) {
	.footerInfo {
		grid-template-columns: repeat(5, 1fr);
	}
}
@media (max-width:800px) {
	.footerInfo {grid-template-columns: repeat(2, 1fr);}
	.footerInfo .address {text-align:center;}
	.social {justify-content:center}
	.footerInfo > div:nth-child(1){margin:auto;}
	
	.footerBase div {
		float:none;
		width:100%;
		text-align:center;
		margin:auto;
		padding-bottom:12px;
	}
}
@media (max-width:480px) {
	.footerInfo {grid-template-columns: 1fr;}
}
.footerInfo p {
	line-height: 22px;
}
.auDollars {
	display:flex;
	padding-top:20px;
	gap: 9px;
	padding-bottom:16px;
}
.auDollars div {flex-shrink:0} 

.social {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.linkedIn {background-color: #0077b5;}
.instagram {background-color: #f00075;}
.youtube {background-color: #bb0000;}

.linkedIn:hover {color: #0077b5;}
.instagram:hover {color: #f00075;}
.youtube:hover {color: #bb0000;}

.circleBtn:hover {
  background: #fff;
}
.circleBtn {
	border-radius: 50%;
	font-family: "iconfont";
	color:#fff;
	text-decoration:none;
	font-size:14px;	
	width:36px;
	height:36px;
	position:relative;
}
.socialBtn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.icon-linkedin:before { content: "\EA1B" }
.icon-instagram:before { content: "\EA18" }
.icon-youtube:before {content: "\EA2F";}

.footerInfo ul {
	list-style: none;
	padding:0;
}
.footerInfo ul li {
	padding-bottom: 12px;
}
.footerInfo .pageLinks a {
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:500;
	color: var(--bright-blue);
}
.footerInfo ul a:hover {color: var(--dark-teal)}


.footerBase {
	padding: 10px 16px;
	color: var(--almost-black);
	line-height:140%;
	background-color:var(--light-grey);
	max-width: 1672px;
	margin: auto;
	font-size:0.8rem;
	}
.footerLeft {width:33%;float: left;}
.footerMiddle {width:33%;float: left;text-align:center}
.footerRight {width:33%;float: right;text-align:right;}
.footerBase a {color:var(--almost-black);}
.footerBase a:hover	{color:var(--navy-blue);}

/* cookie message */

.slideUp__Container {
	position:fixed;
	transition: bottom 1s ease;
	bottom:-230px;
	width:100%;
	max-width:430px;
	left:calc(50% - 215px);	
	z-index:20;
}
.slideUp__Container.show {
	bottom:0;
}
.slideUp__Content {
	background-color: #fbfbfb;
	border:1px solid var(--mid-grey);
	font-size:0.938rem;
	text-align:center;
	position:relative;
	padding:20px;
	max-width:430px;
	margin:auto;
	
}
#slideUpClose {
	position:absolute;
	top:5px;
	right:7px;
	cursor:pointer;
}
p.additionalClose {
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}
#purechat-container {z-index:10 !important}


/**************** content *****************************/

/* layout */
.middle		{padding: 0 16px 32px 16px; max-width:1032px;margin:auto;}

.fullWidth .middle {max-width: 100%;padding: 0 32px 32px;}
.fullWidth .deliveryTable {width: 100%;}

.deliveryTable th {text-align: left;}

/* general */
a 			{color: var(--dark-teal)}
a:hover	{color: var(--navy-blue);}
a img		{border:0;}

b, strong {font-weight:500}

h1 		{font-size: clamp(2em, 1.4667em + 2.4vw, 2.667em);font-weight:500;}
h2 		{font-size: clamp(1.333em, 1.1556em + 0.8vw, 1.556em);font-weight:500;}
h3 		{font-size: 24px;font-weight:500;}
h4 		{font-size: 22px;font-weight:500;}
h5 		{font-size: 0.875rem;font-weight: 700;margin-top: 0;margin-bottom: 0;line-height: 22px;}

h2 a {color: var(--almost-black)}
h3 a {color: var(--almost-black)}
a h3 {color: var(--almost-black)}

p, ul, li{margin-top:0;}
.formRequired {color:#cc0000;font-size:0.625rem;}

.linkButton,
.button {
	display: inline-block;
	padding: 10px 24px;
	background: var(--bright-blue);
	border: 2px solid var(--bright-blue);
	text-decoration: none;
	font-size: 16px;
	transition: ease 0.3s;
	font-family: Wanzl, Helvetica, sans-serif;
	color:#fff; 
}
.linkButton:hover,
.button:hover {
	background: #ffffff;
	color:var(--almost-black);
}
input[type="text"], 
input[type="password"],
input[type="tel"],
textarea,
select {
  padding: 11px 6px;
  border-radius: 6px;
  border: 1px solid #bbbcbd;
  -webkit-appearance: none;
  font-family: Wanzl, Helvetica, sans-serif;
  font-size: 16px;
}
select {
	padding-right:50px;
	-webkit-appearance: menulist
}
html .go-top {
	bottom: 100px;
	right: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 0;
}


/********* fix button too close to admin things ********/

.editVariations {margin-bottom:20px;}
.opOutput .tabs .button {margin-top: 0;}
.opOutput .button {margin-top:14px;}


/************ Catalogue *******************/

.catalogueProduct,
.categoryEdit,
.productEdit,
.categoryList,
.productList,
.productVariations,
.opOutput,
.relationshipsList {
	max-width:1888px;
	margin:auto;
	padding-left:16px;
	padding-right:16px;
}

/* home */

/* crumbtrail & left menu */

.catalogueCrumb {
	display:grid;
	margin-right:30px;
}
.catalogueLeftMenu {
	display:grid;
	gap: 55px;
	margin-right:30px;
}
.crumbProducts {
	background-color: var(--light-grey);
	border-bottom: 1px solid #fff;
	font-weight:500;
}
.crumbCategory {
	padding:0 0 0 50px;
	border-bottom: 1px solid var(--light-grey);
}
.lastCrumb,
.crumbCategory > .crumbTrail span:last-of-type {
	display:none;
}

span.crumbTrail {padding-top: 24px;display: inline-block;}
.catalogueProduct span.crumbTrail {
	padding-top: 0;
	padding-bottom: 60px;
}

.crumbTrail a {
	color: var(--almost-black);
	text-decoration:none;
}
.crumbTrail a:hover {
	color: var(--bright-blue);
}

.categoryDynamicLeftmenu {
    border: none;
    background:var(--light-grey);
}
.categoryDynamicLeftmenu a {
	color: var(--dark-grey);
	font-size:1rem;
}
.categoryDynamicLeftmenu a:hover {
   color: var(--bright-blue);
	background-color: var(--light-grey);
}
.categoryDynamicLeftmenu a span {
	float:right;
	color:#999;
}
.categoryDynamicLeftmenu a.menu {
	font-weight:500;
}
.categoryDynamicLeftmenu a.menu .submenu {
	padding-bottom:20px;
}
#selectedItem {
  color: var(--bright-blue);
  font-weight: 700;
  background-color: var(--light-grey);
}
.categoryDynamicLeftmenu > ul > li > a {
    border-bottom-color: #fff;
}
.categoryDynamicLeftmenu > ul > li.open > a {
    border-bottom-color: var(--light-grey);
}
.categoryDynamicLeftmenu ul li ul {
	border-bottom:1px solid #fff
}
.categoryDynamicLeftmenu ul li ul li a {
    border:none;
}
@media (min-width:1201px) {
	.catalogueCrumb, 
	.catalogueLeftMenu {
		grid-template-columns: 412px 1fr;
	}
	.crumbProducts {
		padding:30px;
	}
	.categoryDynamicLeftmenu a {
		padding:13px 30px;
	}
	.categoryDynamicLeftmenu ul li ul li a {
    	padding:7px 40px;
	}
	.categoryDynamicLeftmenu ul li ul li ul li a {
    	padding:7px 50px
	}
	.categoryDynamicLeftmenu ul li ul li ul li ul li a {
    	padding:7px 60px
	}
	.categoryDynamicLeftmenu a span {
		padding-right:27px;
	}	
}
@media (max-width:1200px) {
	.catalogueCrumb, 
	.catalogueLeftMenu {
		grid-template-columns: 300px 1fr;
	}
	.crumbProducts {
		padding:20px;
	}
	.categoryDynamicLeftmenu a {
		padding:13px 20px;
	}
	.categoryDynamicLeftmenu ul li ul li a {
    	padding: 7px 20px 7px 30px;
	}
	.categoryDynamicLeftmenu ul li ul li ul li a {
    	padding: 7px 20px 7px 40px
	}
	.categoryDynamicLeftmenu ul li ul li ul li ul li a {
    	padding: 7px 20px 7px 50px
	}	
}
@media (max-width:819px) {
	.catalogueCrumb,
	.leftMenuContainer {
		display:none;
	}
	.catalogueLeftMenu {
		padding-left:20px;
		padding-right:20px;
		grid-template-columns: 1fr;
	}
	.leftMenuContainer {display:none !important}
}

.categoryDynamicLeftmenu a.menu {
    background-image: url(plus-grey.png);
}
.categoryDynamicLeftmenu a.menu:hover {
    background-image: url(plus-blue.png);
}
.categoryDynamicLeftmenu .open > a.menu {
    background-image: url(minus-grey.png);
}
.categoryDynamicLeftmenu .open > a.menu:hover,
.categoryDynamicLeftmenu .menu > a#selectedItem {
    background-image: url(minus-blue.png);
    background-repeat:no-repeat;
}
.categoryDynamicLeftmenu a.menu,
.categoryDynamicLeftmenu .open > a.menu,
.categoryDynamicLeftmenu .menu > a#selectedItem {
    background-position: center right 20px;
}
.catMenu {
	display: flex;
	justify-content: space-between;
	background-color: var(--light-grey);
	padding: 19px 25px;
	gap: 16px;
	margin-bottom: 9px;
	margin-top: 9px;
}
.catMenuItem {display: inherit;}
.catMenuItem span a {
	font-size: 0.875rem;
	color: var(--dark-teal);
	font-weight: 500;
	text-decoration: none;
}
.catMenuItem span a:hover {text-decoration:underline;color:var(--bright-blue);}


/* catalogue & category intro */

.catalogueIntro {
	margin-bottom:50px;
}
@media (min-width:820px){
	.catalogueIntro {
		max-width:680px;
	}
}
.catalogueBrowse {
	display:grid;
}
@media (min-width:1023px){
	.catalogueBrowse {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width:1022px){
	.catalogueBrowse {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width:580px){
	.catalogueBrowse {
		grid-template-columns: 1fr;
	}
}


/* mini category */

.categoryCard {
	padding:25px;
}
.categoryCard:hover {
  box-shadow: 0 0 .875rem 0 rgba(0,0,0,.2);
}

.categoryCard img {
	margin:auto;
}
.categoryCard h2 a {
	text-decoration:none;
	font-size:inherit;
}

/* browse */

.categoryBrowse {
	display:grid;
}
@media (min-width:1200px){
	.categoryBrowse {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media (max-width:1200px){
	.categoryBrowse {
		grid-template-columns: repeat(3, 1fr);
	}
	.categoryBrowse h2 {font-size:1.333em}
}
@media (max-width:1100px){
	.categoryBrowse {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width:500px){
	.categoryBrowse {
		grid-template-columns: 1fr;
	}
}

.catalogueDesc {
	margin-top: 54px;
	page-break-after: avoid; /* Avoid breaking after headings */
	break-after: avoid; /* Avoid breaks after the heading in multi-column layouts */
	orphans: 3;  /* Ensures at least 3 lines of the following content are together with the heading */
	widows: 3;  /* Ensures at least 3 lines before the heading at the bottom of a page */	
}
@media (min-width:1000px){
	.catalogueDesc {
		column-count:2;
		column-gap:57px;
	}
}
@media (min-width:750px) and (max-width:820px){
	.catalogueDesc {
		column-count:2;
		column-gap:57px;
	}
}

.productBrowse {
	display:grid;
}
@media (min-width:1200px){
	.productBrowse {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media (max-width:1200px){
	.productBrowse {
		grid-template-columns: repeat(3, 1fr);
	}
	.productBrowse h2 {font-size:1.333em}
}
@media (max-width:1100px){
	.productBrowse {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width:500px){
	.productBrowse {
		grid-template-columns: 1fr;
	}
}
.productLink {
	text-decoration:none;
}
.productCard {
	padding:20px;
}
.productCard:hover,
.relatedCard:hover  {
  box-shadow: 0 0 .875rem 0 rgba(0,0,0,.2);
}
.productCard img {
	display:block;
	margin:auto;
}
.relatedCard {
	padding:20px;
	max-width: 360px;
}
.productCard h3,
.relatedCard h3 {
	margin-top:12px;
	margin-bottom:12px;
}
.productCard h3 a,
.relatedCard h3 a {
	text-decoration:none;
	font-size:inherit;
}
.productCard__price,
.relatedCard__price {
	font-size:14px;
	color:var(--bright-blue);
	font-weight:500;
	margin-top:20px;
}

/* product */

.catalogueProduct {
	margin-top:32px;
}

.productCarousel {
	padding:20px 0;
}	

.catalogueProduct__info h1 {
	margin-top:0;
}

@media (min-width:900px){
	.catalogueProduct__info {
		display:grid;
		grid-template-columns:60% 1fr;
		gap: 60px;
	}
}
.catalogueProduct__desc h2 {
	font-weight:400;
}
.catalogueProduct__desc ul {
	list-style-type:none;
	padding:0;
}
.catalogueProduct__desc li {
	position:relative;
	padding-left:1.25rem;
	padding-bottom:16px;
}
.catalogueProduct__desc li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 8px;
  height: 8px;
  background: var(--bright-blue);;
}

/* carousel */

.catalogueProduct__related {
	max-width:1200px;
	margin:auto;
}

.related {
	max-width:calc(100% - 124px);
	margin:auto;
}
.relatedCard {margin:15px;}

.catalogueProduct .productCarousel .slick-prev, 
.catalogueProduct .productCarousel .slick-next,
.catalogueProduct .related .slick-prev, 
.catalogueProduct .related .slick-next {
	width:62px;
	height:72px;
	background-repeat:no-repeat;
	background-position:center;
	background-color: var(--mid-grey);
	z-index:1;
}
.slick-dots {
	text-align:center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
	background-color: var(--mid-grey);
	width:14px;
	height:14px;
	font-size:0;
	border:none;
	outline:none;
	cursor:pointer;
}
.slick-dots .slick-active button,
.slick-dots li button:hover,
.slick-dots li button:focus {
	background-color: var(--bright-blue);
	width:16px;
	height:16px;    
}
html .slick-lightbox-slick-item-inner {
	border:none;
}
html .slick-lightbox .slick-lightbox-inner .slick-lightbox-close:before {
	font-size:35px;
}
html .productCarousel .slick-prev:before,
html .related .slick-prev:before {
	content: url('arrow-left.png');
}
html .productCarousel .slick-next:before,
html .related .slick-next:before {
	content: url('arrow-right.png')
}
html .productCarousel .slick-prev {
    left: 0;
}
html .related .slick-prev {
	left:-77px;
}
html .productCarousel .slick-next {
    right: 0;
}
html .related .slick-next {
	right:-77px;
}
.slick-slide img {
    margin: auto;
}

.slider-nav .item {
	border:1px solid var(--mid-grey);
}

.productCarousel .slick-slide.slick-current.slick-active > div {
	display:flex;
	gap:20px;
}
@media (max-width:500px){
	.productCarousel .slick-slide.slick-current.slick-active > div {
		gap:10px;
	}
}

/* brochures */

.brochures a {
	display:block;
	text-decoration:none;
	padding-bottom:12px;
	font-size:16px;	
}
.brochures > div {
	padding-bottom:20px;
}
.brochures .clearfix {text-align: right;}
.brochureImage {
	float:right;
	border:1px solid var(--light-grey);
	margin-left:20px;
}
.brochureTitle {
	font-weight:500;
}
.brochureSize img {
	vertical-align:middle;
}

.brochuresWide {
	
}

/* info */

.catalogueProduct__shortDesc p {
	font-size: 30px;
	margin-bottom:20px;
}
.catalogueProduct__rrp {
	padding-bottom:16px;
	font-size:1rem;
}
.catalogueProduct__rrp span{
	text-decoration:line-through;
}
.catalogueProduct__price {
	color:var(--bright-blue);
	font-size:22px;
	font-weight:500;
	margin-bottom:12px;	
}
.catalogueProduct__bulk,
.freightPostcode {
	color:var(--dark-grey);
	font-size:16px;
	margin-bottom:20px;
}
.catalogueProduct__dims {
	padding-bottom:20px;
}
.catalogueProduct__dims td {
	padding-bottom:8px;
	font-size:1rem;
}
.catalogueProduct__unavailable {
	font-weight:500;
	padding-bottom:20px;
}
.catalogueProduct__unavailable a {
	color: var(--almost-black);
	text-decoration:none;
}
.catalogueProduct__addToCart {
	display:flex;
	gap:20px;
	align-items:flex-end;
	margin-bottom:20px;
}
.catalogueProduct .label {
	font-weight:500;
	margin-bottom:15px;
}
.catalogueProduct__addToCart #quantity {
	min-width:50px;
}
.catalogueProduct__freight {
	background:var(--light-grey);
	padding:20px;
}
.freightPostcode {
	margin-bottom:7px;
}
.ProductDeliveryDestinationFields {
	display:grid;
	grid-template-columns: 1fr max-content;
	gap:20px;
}

span.btnQty {margin-bottom: 10px;}

@media (max-width:484px){
	.ProductDeliveryDestinationFields {
		grid-template-columns: 1fr;
	}
}
.catalogueProduct__qtyMax {
	margin-bottom:20px;
	color: #0077b5;
}


#place {width: 100%}

#results {font-size:1rem;line-height:41px;}
#ProductDeliveryQuote {margin-top:20px;}
#ProductDeliveryQuote tr:nth-child(even) td {padding-bottom:12px;}

.catalogueProduct__extra {
	margin-top: 50px;
	border-top:1px solid var(--bright-blue);
	border-bottom:1px solid var(--bright-blue);
	padding:40px 0;
}
.catalogueProduct__extra h2 {
	margin-top:0;
}
.catalogueProduct__extra h3 {
	margin-top:0;
}

@media (min-width:600px) {
	.detailsData {
		column-count:2;
		column-gap:40px;
    	page-break-after: avoid; /* Avoid breaking after headings */
    	break-after: avoid; /* Avoid breaks after the heading in multi-column layouts */
    	orphans: 3;  /* Ensures at least 3 lines of the following content are together with the heading */
    	widows: 3;  /* Ensures at least 3 lines before the heading at the bottom of a page */	
	}
}

/* accessories */

.configureOrder {
	background:var(--light-grey);
	padding:30px 50px;
	margin-top:	60px;
}
@media (max-width:580px) {
	.configureOrder {
		padding:20px;
	}
}
.configureOrder h2 {
	margin-top:0;
	border-bottom:1px solid var(--bright-blue);
	padding-bottom:20px;
	font-size:28px;
}
.configureOrder h2 span {
	font-size:15px;
	float:right;
	font-weight:400;
}
.configureOrder img {
	max-width:80px;
}
.accessoriesHead {
	font-weight:500;
	padding-bottom:23px;
}
.mainProduct,
.accessoriesHead,
.accessory {
	display:flex;
	gap: 20px;
}
.accessoriesInfo {
	display:flex;
	gap:20px;
	justify-content:space-between;
	width:100%;
}
.accessoriesAction {
	display:flex;
	gap:20px;
	align-items:center;
}
.accessoriesAction > div {
	flex-shrink:0;
	flex-grow:0;
	width: 100px;
}

.accessoriesQty {display: block;font-size: 12px;}

.accessoriesAction input {
	position: relative;
	top: -10px;
}

@media (max-width:820px){
	.accessoriesInfo {
		flex-direction:column;
	}
	.configureOrder {
    	padding: 30px 22px;
	}
}
@media (max-width:500px){
	.accessoriesAction {flex-wrap:wrap;}
	.accessoriesAction > div {
		width:auto;
	}
	.mainProduct,
	.accessory {
		flex-direction:column;
	}
	.configureOrder img {
   	max-width: 100%;
   }
   .configureOrder h2 span {
   	display:block;
   	float:none;
   	padding-top:10px;
   }
}

.mainProductContainer,
.accessory {
	border-bottom:1px solid var(--mid-grey);
	padding-bottom: 25px;
	margin-bottom:25px;
}
.accName {
	font-weight:500;
	padding-bottom:10px;
	display:flex;
	gap:20px;
}
accSKU {
	font-size:0.938rem
}
.mainProduct input[type=text],
.accessory input[type=text] {
	width:100%;
}
.mainProduct__qtyMax {
	text-align:right;
	color: var(--bright-blue);
}
.accQty {
	font-size:16px;
	padding-right:12px;
}
@media (min-width:821px) {
	.accQty {display:none;}
}
@media (max-width:820px) {
	.mainProduct__qtyMax {
		text-align:left;
		margin-top:12px;
	}
	.accessoriesHead {
		display:none;
	}
	.mainProduct input[type=text],
	.accessory input[type=text] {
		width:100px;
	}
	.accessoriesAction > div {
		width:auto;
	}
}

.configureOrder__buttonContainer {
	text-align:right;
}
.configureOrder__foot {
	max-width:600px;
}

/* tooltip */

.tooltip {
  position: relative;
  display:inline-block;
}
.tooltipIcon {
	color:#fff;	
	background-color:var(--dark-grey);
	border-radius:50%;
	font-size:14px;
	width:20px;
	height:20px;
	display:flex;
	justify-content: center;
	align-items: center;
	margin:auto;
	cursor:pointer;

}
.tooltip .tooltipText {
  visibility: hidden;
  width: 300px;
  padding: 5px;
  border-radius: 6px;
  background-color:#fff;
  border:1px solid var(--mid-grey);
  position: absolute;
  z-index: 1;
}

.tooltip .tooltipText {
  font-weight:400;
}
@media (min-width:1101px){
	.tooltip .tooltipText {
  		top: -15px;
  		left: 60px;
  	}
}
@media (max-width:1100px){
	.tooltip .tooltipText {
  		top: 55px;
  		right: 0;
  	}
}


/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltipText {
  visibility: visible;
}
.addToCartErrors {
	text-align:center;
	padding:20px;
	max-width:1200px;
	margin:100px auto;
	border:1px solid #000;
	background-color:#ffffe1;
}
@media (max-width:1232px){
	.addToCartErrors {
		margin: 50px 16px;
	}
}

/********** Ecommerce *****************/

#multipleAddresses {margin-bottom:20px}

.termsCheck {
	text-align:center;
	padding-top:20px;
	font-weight:500;
	border-top:1px solid var(--bright-blue);
	margin-top:20px;
}
input[type="submit"]:disabled {
	background-color: var(--light-grey);
	border-color: var(--light-grey);
	color: var(--dark-grey);
}
.deliveryOptions .detail{
	font-size: 1rem;
	padding-bottom: 12px;
}

#cartCountdown {
	height:20px;
	padding-top:16px;
}

/**** Shopping Cart ****/

.cart__head {
	display:flex;
	border-bottom:1px solid #ccc;
	padding-bottom:12px;
		
}
.cart__head > div:nth-child(1) {
	width:80px;
	flex-grow:0;
	flex-shrink:0
}
.cart__head {
	display:flex;
	width:100%;
}
.cart__head > div:nth-child(1) {
	flex-basis: 47%;
	flex-grow:1;
	padding-left:16px;
}
.cart__head > div:nth-child(2) {
	flex-basis: 16%;
	flex-grow:0;
	text-align:right;
	padding-right:12px;
	max-width:16%;
}
.cart__head > div:nth-child(3) {
	flex-basis: 16%;
	flex-grow:0;
	text-align:right;
	padding-right:15px;
	max-width:16%;
}
.cart__head > div:nth-child(4) {
	flex-basis: 16%;
	flex-grow:0;
	text-align:right;
	padding-right:12px;
	max-width:16%;
}
.cart__head .cart__head__delete,
.cart__head__mobile .cart__head__delete	{
	padding-left:16px
}
.cart__head__mobile {
	display:none;
}
.cart__row {
	display:flex;
	padding-top:12px;
	border-bottom:1px solid #ccc;
	padding-bottom:12px;
}
.cart__row > div:nth-child(1) {
	flex-basis: 80px;
	flex-grow:0;
	text-align:right;
	padding-right:12px;
}
.cart__row > div:nth-child(2) {
	flex-basis: 47%;
	flex-grow:1;
	padding-left:16px;
}
.cart__row > div:nth-child(3) {
	flex-basis: 16%;
	flex-grow:0;
	text-align:right;
	padding-right:12px;
}
.cart__row > div:nth-child(4) {
	flex-basis: 16%;
	flex-grow:0;
	text-align:right;
}
.cart__row > div:nth-child(5) {
	flex-basis: 16%;
	flex-grow:0;
	text-align:right;
	padding-right:12px;
}
.cart__row__name {font-weight:500;padding-bottom:10px}
.cart__row__sku {font-size:1rem}
.btn_save {display:block;margin-left:auto}

.cart__row > div:nth-child(5).cart__row__subtotalPadding {padding-right:32px;}
.cart__row__delete {padding-top:20px;}

.cart__head__delete a,
.cart__row__delete a {
	text-decoration:none;
}
.cart__totals {
	display:flex;
	width:100%;
	margin-left:auto;
	padding-top:12px;
	padding-bottom:12px;
	border-bottom:1px solid #ccc;
}
.cart__totals > div:nth-child(1) {
	flex-basis: 70%;
	flex-grow:1;
	text-align:right;
}
.cart__totals > div:nth-child(2) {
	flex-basis: 16%;
	flex-grow:0;
	text-align:right;
	padding-left:16px;
	padding-right:32px;	
}
.cart__totals__single {
	padding-top:12px;
	padding-bottom:12px;
	border-bottom:1px solid #ccc;
	text-align:right;
	padding-right:12px;
}

@media (max-width:767px){
	.cart__head {display:none;}
	.cart__head__mobile {
		display:flex;
		justify-content:space-between;
		border-bottom:1px solid #ccc;
		padding-bottom:12px;
	}	
	.cart__row {
		flex-wrap:wrap;
	}
	.cart__row > div:nth-child(1) {
		flex-basis:80px;
		padding-bottom:16px
	}
	.cart__row > div:nth-child(2) {
		padding-bottom:16px;
		flex-basis:calc(100% - 80px);
		flex-grow:1
	}
	.cart__row > div:nth-child(3) {
		flex-basis:33.3%;
		text-align:left;
		padding-left:16px;
	}
	.cart__row > div:nth-child(4) {
		flex-basis:33.3%;
		text-align:center;
	}
	.cart__row > div:nth-child(5) {
		flex-basis:33.3%;
	}
	.cart__row .subtotal {
		padding-right: 0;
	}	
	.cart__totals > div:nth-child(2) {
		padding-right:12px;	
	}
}

@media (max-width:500px){
	.shopping__cart {font-size:1rem}
	.cart__row {grid-template-columns: 49px 1fr;}

	.contCheckout .cont,
	.contCheckout .checkout {
		width: 100%;
		float: none;
		text-align:center
	}
	.contCheckout .cont {margin-bottom:20px;}
}

/* registered shopper */

.username {font-size:16px;}
.eCommercePage .shopperChoice {
	background: var(--light-grey)
}
.eCommercePage .ui-state-default {
	background:var(--light-grey);
}
.eCommercePage .ui-accordion {
	margin-top:12px;
}
input[type=text].readonly {border:none;}

.confirmButtons {
	display:flex;
	gap:20px;
	justify-content:space-between;
	flex-wrap:wrap;
}
@media (max-width:420px){
	.confirmButtons {
		justify-content:center;
	}
	.checkoutCrumb {font-size:1rem;}
}

.mailingList {
	margin-top:20px;
	text-align:right;
}

/* view order */

.orderInfo {
	margin-bottom:18px;
}


/***********  User Account ***************/

/* forms */

.wgAccountForm td {
	padding-bottom:12px;
}
.wgAccountForm td:first-child {
	padding-right:20px;
}
.loginForm .accountOptions,
.accountOptions.register {
	padding-top:20px;
}
.displayAccountForm .accountOptions {
	display:none;
}
@media (max-width:410px) {
	.wgAccountForm td {
		display:block;
	}
	.accountCreateForm td:first-child,
	.accountLoginForm td,
	.displayAccountForm td {
		padding-bottom:12px
	}
	.accountLoginForm tr:last-child td:first-child {display:none;}
}

/* my account dashboard */

.myAccountDash {
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 5%;
}
.myAccountDash > div {
	background-color: #F1F1F1;
	border:1px solid #D3D2D3;
	text-align:center;
	padding:30px;
}
.myAccountDash > div:hover {
	background-color: var(--bright-blue);
}
.myAccountDash svg {
	max-width:86px;
	fill: #141414;
}
.myAccountDash > div:hover svg {
	fill:#fff;
}
.myAccountDash a {
	text-decoration:none;
	color: var(--almost-black);
	font-weight:500;
}
.myAccountDash > div:hover a {
	color:#fff;
}
.myAccountDash p {
	margin-top: 18px;
	margin-bottom:0;
}
@media (max-width:750px) {
	.myAccountDash {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}
@media (max-width:480px) {
	.myAccountDash {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.myAccountDash > div {
		padding:20px;
	}
}

/* edit user profile */

@media (min-width:915px) {
	.editProfile__fields {
		display:grid;
		grid-template-columns: 1fr 1fr;
		gap:30px;
	}
}
.editProfile__fields td {padding-bottom:10px;}
.editProfile__fields td:first-child {
	padding-right:12px;
}
.editProfile__fields input[type=text] {
	width:100%;
}
.editProfile .userEmail {padding:11px 0}
.editProfile .required {
  display: none;
}
.addressHead td {
	padding-top:10px;
}
.editProfile #autoAddressInput1,
.editProfile #autoAddressInput2 {width:100%}
.editProfile__buttons {
	display:flex;
	gap:30px;
	justify-content:center;
	margin-top:35px;

}



/*** Internal Links ***/

.internalLinks .wobjectArticle, .internalLinks .wobjectPhotoGallery {
    position: relative;
    top: 120px;
}
.internalLinks h1 {margin-top:-70px;}
.internalLinks {margin-bottom: 150px;}