@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');html { }

body { 
	margin: 0; 
	color: #404040; 
	background: #ffffff; 
	list-style-position: inside; 
	font-family: Poppins, arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: 400; 
    text-size-adjust: 100%; 
}

.home { }

.poppins { font-family: Poppins, Montserrat, arial, verdana, tahoma, helvetica, sans-serif; }
.montserrat { font-family: Montserrat, Poppins, arial, verdana, tahoma, helvetica, sans-serif; }

h1, h2, h3, h4 ,h5, h6
 { 
	color: #404040; 
	font-weight: 400; 
	margin: 0.75em auto; 
	line-height: 1.1em;
}

h1 { font-size: 48px; font-weight: bold; text-align: center; }
h2 { font-size: 36px; font-weight: bold; } 
h3 { font-size: 28px; font-weight: bold; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

blockquote { 
	margin: 0 0 1.5em 65px; 
	font-size: 18px; 
	line-height: 30px; 
	font-style: italic; 
	color: #939393; 
	border-left: 5px solid #ddd; 
	padding: 0 0 0 21px; 
	position: relative; 
}

blockquote::before { content: ""; }

blockquote::after { 
	background: url('/images/bg-quote.png') no-repeat; 
	width: 48px; 
	height: 36px; 
	position: absolute; 
	top: 0; 
	left: -69px; 
	content: ''; 
}

.house { color: #fb6235 !important; }
.secondary { color: #767676 !important; }

.white { color: #ffffff !important; }
.black { color: #000000 !important; }
.grey { color: #6f7271 !important; }
.darkgrey { color: #333333 !important; }
.red { color: #dd0000 !important; }
.green { color: #00C000 !important; }

.housebg { background-color: #fb6235 !important; }
.secondarybg { background-color: #767676 !important; }
.darkbg { background-color: #17233F !important; }
.whitebg { background-color: #ffffff !important; }
.blackbg { background-color: #000000 !important; }
.greybg { background-color: #BEBEBE !important; }
.lightgreybg { background-color: #efefef !important; }
.redbg { background-color: #dd0000 !important; }
.greenbg { background-color: #00C000 !important; }

.bg1 { background: #FEECE6; }
.bg2 { background: #cbebff linear-gradient(135deg, #f3fbfd 0%,#cbebff 47%,#d1f2fb 100%); }
.bg3 { background: #ebffeb linear-gradient(135deg, #f9fff9 0%,#ebffeb 47%,#d5fbd5 100%) !important; }

.white-opacity-bg { background: rgba(255,255,255,0.6); }

.darkbg h2, .darkbg h3, .darkbg h4, .darkbg h5, .darkbg h6, .darkbg p, .darkbg ul, .darkbg ol { 
	color: #ffffff !important; 
}

.shaded, .shadedgrey { background: #ECEDEE; }
.shaded-darkest { background: #6f7271; }
.shaded-darker { background: #888b8d; }
.shaded-mid { background: #C3C3C3; }
.shaded-light, .shadedlight, .shadedlightgrey { background: #DCDCDC; }
.shaded-lightest, .shadedlightest { background: #F5F5F5; }

.clppictogram { height: 50px; width: 48px; float: left; margin: 0 5px 5px 0; padding: 0; background-image: url('/images/clp_pictograms_50h.png'); background-repeat: no-repeat; }

#clpI {background-position: 0 0;}
#clpH {background-position: -49px 0px;}
#clpT {background-position: -97px 0px;}
#clpC {background-position: -146px 0px;}
#clpE {background-position: -194px 0px;}
#clpX {background-position: -243px 0px;}
#clpF {background-position: -291px 0px;}
#clpO {background-position: -340px 0px;}
#clpG {background-position: -388px 0px;}

.alert { background: #F7F7F7 url('/images/alert_150.png') 16px 8px no-repeat; min-height: 125px; padding-left: 175px !important; }

.enquiryform { background: #F3F6FB; padding: 5px; border-radius: 5px; }

.thin { font-weight: 200 !important; }
.normal { font-weight: 300 !important; }
.bold { font-weight: 800 !important; }
.strong, strong { font-weight: 800 !important; }
.notbold { font-weight: 400 !important; }
.transparent { color: transparent !important; background:  transparent !important; }
.hidden { display: none; }

.titlecase { text-transform: capitalize; }

sup { vertical-align: top; font-size: 0.7em; }

.sortable>div { cursor: n-resize; border: 2px solid transparent; }
.sortable>div:hover { border: 2px dashed #00C9CC; border-radius: 3px; }
.sortable.choices>div:hover { border: 2px dashed #E8EEF6; border-radius: 3px; }

.leftquote { vertical-align: super; margin-right: 6px; }
.rightquote { vertical-align: sub; margin-left: 6px; }

.valignmiddle { vertical-align: middle; }

.corner { 
    transform: rotate(-45deg); 
    color: #ffffff; 
    background-color: #fb6235; 
    position: absolute; 
    top: -20px !important; 
    left: -60px !important; 
    padding: 25px 0 5px 0; 
    width: 160px; 
    font-family: sans-serif; 
    font-size: 48px; 
    border-radius: 0; 
    z-index: 1; 
}

.row { width: 100%; }

.row.vpadded { padding: 35px 0; }

.container, .containermedium, .containernarrow, .containersmall { clear: both; max-width: 1500px; width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box; }

.containermedium { max-width: 1000px; }
.containernarrow { max-width: 768px; }
.containersmall { max-width: 450px; }

.container.wide { max-width: 1900px; margin: 0 auto; box-sizing: border-box; }

.wrapper-1540 { max-width: 1540px; margin: 0 auto; box-sizing: border-box; }
.wrapper-1350 { max-width: 1350px; margin: 0 auto; box-sizing: border-box; }
.wrapper-1280 { max-width: 1280px; margin: 0 auto; box-sizing: border-box; }
.wrapper-1200 { max-width: 1200px; margin: 0 auto; box-sizing: border-box; }
.wrapper-1150 { max-width: 1150px; margin: 0 auto; box-sizing: border-box; }
.wrapper-1000 { max-width: 1000px; margin: 0 auto; box-sizing: border-box; }
.wrapper-800 { max-width: 800px; margin: 0 auto; box-sizing: border-box; }

.promo-box-close { color: #ffffff; position: absolute; right: 0; top: 0; margin: 0; padding: 6px 9px 50px 50px; border: 0 none; border-radius: 10px; cursor: pointer; }
.promo-box-close:hover { color: #fb6235; }

.swatches,
.flexbox
 { 
    width: 100%; 
    display: flex; 
    flex-wrap: wrap; 
	flex-direction: row; 
	align-items: stretch; 
    justify-content: space-between; 
    gap: 20px; 
}

.swatches
{ 
	justify-content: center; 
}

.flexbox.flex-start { justify-content: flex-start; }
.flexbox.flex-end { justify-content: flex-end; }
.flexbox.justify-center { justify-content: center; }
.flexbox.align-items-center { align-items: center; }

.flexbox h2 { padding: 0; margin: 0.75em 1.5em !important; text-align: center; font-size: 1.6em; }
.flexbox h3 { padding: 0; margin: 0.75em 1.5em !important; text-align: center; font-size: 1.5em; }
.flexbox h4 { padding: 0; margin: 0.75em 1.5em !important; text-align: center; font-size: 1.4em; }
.flexbox h5 { padding: 0; margin: 0.75em 1.5em !important; text-align: center; font-size: 1.3em; }
.flexbox p { padding: 0; margin: 0.75em 1.5em; font-size: 1em; }
.flexbox ul, .flexbox ol { text-align: left !important; }
.flexbox img:not(.icon img) { width: 100%; border-radius: 10px 10px 0 0; }

.flexbox>div
 { 
	display: flex; 
	flex-direction: column; 
	align-items: stretch; 
}

.flexbox-item,
.flexbox-item-2,
.flexbox-item-3,
.flexbox-item-4,
.flexbox-item-5
 { 
	display: flex; 
	flex: 1 1 100%; 
	flex-direction: column; 
	align-items: stretch; 
	padding: 0 !important;
	border-radius: 10px;
	box-sizing: border-box; 
}

.swatch
 { 
	display: flex; 
	flex-direction: column; 
	padding: 0 !important; 
	margin: 18px 2%; 
	box-sizing: border-box; 
}

.flexbox-item-5
 { 
	flex: 0 1 calc(50% - 20px); 
}

.swatch span,
.flexbox-cta { 
    display: flex;
    flex: 1;
    align-items: flex-end;
}

.flexbox-cta .button, .flexbox-cta .button_small, .flexbox-cta .button_secondary, .flexbox-cta .button_secondary_small, .flexbox-cta .button_red_small { 
	margin: 18px auto; 
}

.flexbox-slider { }

.flexbox-slider .slide { background: transparent; height: 100%; width: 100%; padding-bottom: 4%; }

.flexbox-slider .slide .flexbox h4 { margin: 0.25em 0.5em; font-size: 1.2em; color: #000000; font-weight: bold; text-align: left; }
.flexbox-slider .slide .flexbox p { text-align: left; }

.flexbox-slider-container, .related-categories, .related-products { position: relative; padding: 0 60px; }
.flexbox-slider-container .slide-next, 
.flexbox-slider-container .slide-prev, 
.related-categories .slide-next, 
.related-categories .slide-prev { position: absolute; top: 50%; right: 5px; z-index: 1000; width: 35px; height: 35px; box-sizing: border-box; color: #fb6235; background: #ffffff; font-size: 1.2em; cursor: pointer; border-radius: 6px; text-align: center; padding: 0; line-height: 1.6em; transform: translateY(-50%); }
.flexbox-slider-container .slide-prev , .related-categories .slide-prev { left: 5px; }
.flexbox-slider-container .slide-prev:hover, 
.flexbox-slider-container .slide-next:hover, 
.related-categories .slide-prev:hover, 
.related-categories .slide-next:hover { color: #ffffff; background-color: #FB6236; background: linear-gradient(96deg, #FB6235 15.87%, #FF9371 81.16%); }

.posts-in-columns { }
.posts-in-columns-cta { margin: 5px 0; }
.posts-in-columns>div { border-radius: 10px; background: rgba(255,255,255,0.5); }
.posts-in-columns>div:hover { background: rgba(255,255,255,0.9); }

.posts-in-rows {}
.posts-in-rows-cta { margin: 5px 0; }

#categories.flexbox>div,
#products.flexbox>div,
.posts-in-columns.flexbox>div,
.featured-categories .flexbox>div,
.featured-products .flexbox>div {
	background: rgba(241, 248, 255, 1);
	padding: 10px !important;
}
#categories.flexbox>div img,
#products.flexbox>div img,
.posts-in-columns.flexbox>div img,
.featured-categories .flexbox>div img,
.featured-products .flexbox>div ing {
	border-radius: 10px !important;
}
#categories.flexbox>div h5,
#products.flexbox>div h5,
.posts-in-columns.flexbox>div h5,
.featured-categories .flexbox>div h5,
.featured-products .flexbox>div h5 {
	position: relative;
	display: block;
	min-height: 73px;
	width: 100%;
    margin: 0.75em 0 !important;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
}
#categories.flexbox>div h5 a,
#products.flexbox>div h5 a,
.posts-in-columns.flexbox>div h5 a,
.featured-categories .flexbox>div h5 a,
.featured-products .flexbox>div h5 a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 100%;
	color: #18152F;
	text-decoration: none;
}

.shaded_panel { 
	background-color: rgba(255, 255, 255, 0.09); 
	backdrop-filter: blur(6.5px); 
	text-align: center; 
	margin: 50px auto 10px auto; 
	padding: 0; 
	border: 0 none; 
	border-radius: 10px; 
	box-sizing: border-box; 
}

.promo_box { 
	border: 2px solid transparent; 
}

.shaded_panel.can-hide { 
	background-image: url('/images/close_white.png'); 
	background-repeat: no-repeat; 
	background-position: right 9px top 9px; 
}

.shaded_panel.clickable:hover { 
	background-color: rgba(255, 255, 255, 0.26); 
}

.shaded_panel>div { 
	position: relative; 
	padding: 30px 0px; 
}

.shaded_panel .icon { 
	position: absolute; 
	top: 0; 
	left: 50%; 
	width: 145px; 
	height: 145px; 
	transform: translate(-50%,-50%); 
}

.shaded_panel h3 { 
	color: #ffffff; 
	font-size: 18px; 
	font-weight: 800; 
}

.shaded_panel p { 
	color: #ffffff; 
	font-size: 0.8em; 
	text-align: center; 
	padding: 10px 30px; 
	margin: auto; 
}

/* main navigation: */

#main-navigation { position: absolute; top: 0; left: 0; z-index: 300; width: 100%; color: #ffffff; background: #17233F; margin: 0; padding: 0; text-align: center; }

#mainmenu { position: relative; display: none; width: 100%; margin: 0 auto; font-weight: 400; }

#mainmenu>ul { width: 100%; padding: 0; margin: 0; box-sizing: border-box; }
#mainmenu>ul>li { display: block; text-align: left; box-sizing: border-box; }

#mainmenu ul>li>span
 { 
	color: #ffffff; 
	background: transparent; 
	display: block; 
    padding: 0; 
    border-bottom: 0 none; 
	text-decoration: none; 
	box-sizing: border-box; 
	transition: 0.3s; 
}

#mainmenu ul>li>span:hover
 { 
	color: #fb6235; 
}

#mainmenu ul>li a,
#mainmenu ul>li>a,
#mainmenu ul>li>a:link,
#mainmenu ul>li>a:visited ,
#mainmenu ul>li>a: focus,
#mainmenu ul>li>a:active
 { 
	color: #ffffff; 
	background: transparent; 
	text-decoration: none; 
	display: block; 
    padding: 15px 9px; 
    border-bottom: 0 none; 
	box-sizing: border-box; 
	font-size: 1em; 
	font-style: normal; 
	font-weight: 400; 
	line-height: 146%; /* 26.28px */
}

#mainmenu ul>li span:hover a:not(.button_smallest),
#mainmenu ul>li>span:hover a:not(.button_smallest),
#mainmenu ul>li a:not(.button_smallest):hover,
#mainmenu ul>li>a:not(.button_smallest):hover
 { 
	color: #fb6235; 
	background: transparent; 
	text-decoration: none; 
}

#mainmenu ul>li span:not('.notmiddlescreens') { padding-left: 2%; padding-right: 2%; }

#mainmenu .header-basket, 
#mainmenu .header-account, 
#mainmenu .header-search { display: none;}

.filtering { background: #17233F !important; color: #ffffff !important; box-shadow: 0 0 2px 2px rgba(128,128,128,0.5); }
.filtering>a, .filtering>a:hover { font-weight: bold; }

#showallgenre { margin-top: 5px; }

.drop, .nodrop { }
.drop a { padding: 15px 5px 15px 9px !important; }
.nodrop a { padding: 15px 9px !important; }
.nodrop.header-account a, .nodrop.header-basket a { padding: 0 !important; }
.nodrop.header-account img, .nodrop.header-basket img { display: inline-block; height: 31px; width: 31px; transform: translateY(10px); margin: 0 !important; }

.dropper { position: relative; }

/* .showsub { position: absolute; top: 0; right: 0; z-index: 2; color: #fb6235; font-size: 1.1em; height: 100%; padding: 20px 10px 10px 35px !important; box-sizing: border-box; cursor: pointer; background: transparent !important; }
*/
.showsub { color: #fb6235; font-size: 1.1em; padding: 15px 5px !important; cursor: pointer; background: transparent !important; }

.showsub:hover { background: transparent !important; }
.showsub.dropped>i { transform: rotate(180deg); color: #fb6235 !important; }

.secondary-menu .drop a { padding: 15px 0 15px 9px !important; }
.secondary-menu .showsub { padding: 15px 5px !important; }

.submenu { display: none; width: auto; min-width: 100%; padding: 0; background: #17233F; box-sizing: border-box; }
.submenu li { display: block; float: none; padding-left: 2%; padding-right: 2%; background: transparent; transition: 0.3s; box-sizing: border-box; border-radius: 5px; }
.submenu li:not(.menu_heading):hover { background: #17233F; box-shadow: 0 0 3px 3px rgba(192,192,192,0.5); }
.submenu li a { color: #ffffff !important; }
.submenu li a:not(.button_smallest):hover { color: #fb6235 !important; font-weight: bold; }

.showsubsub, span.filterbygenre, span.showallgenres, span.hideallgenres { position: absolute; top: 0; right: 0; z-index: 2; color: #fb6235 !important; font-size: 1.2em; padding: 6px 10px 15px 35px !important; box-sizing: border-box; cursor: pointer; background: transparent !important; }
.showsubsub:hover, span.filterbygenre:hover, span.showallgenres:hover, span.hideallgenres:hover { background: transparent !important; }
.showsubsub.dropped>i, .filtering>span.filterbygenre>i, .showingallgenres>span.showallgenres>i, .showingallgenres>span.hideallgenres>i { transform: rotate(180deg); color: #ffffff !important; background: transparent !important; }

.subsubmenu { display: none; width: 100%; padding: 5px 0; text-align: left !important; margin: 0; box-sizing: border-box; }
.subsubmenu li { padding-left: 4%; padding-right: 2%; background: transparent; box-sizing: border-box; border-radius: 5px; }
.subsubmenu li:hover { background: #000000; box-shadow: 0 0 3px 3px rgba(192,192,192,0.5); }
.subsubmenu li a { color: #ffffff; background: transparent; }
.subsubmenu li a:hover { color: #ffffff; font-weight: bold; background: transparent; }

.subsubmenu .subsubmenu li:hover { box-shadow: none; }

.submenushowing:not(.menu_heading.submenushowing) { clear: both; width: 100% !important; background: #17233F !important; color: #ffffff !important; box-shadow: 0 0 2px 2px rgba(128,128,128,0.5); }
.submenushowing>a, .submenushowing>a:hover, .submenushowing subsubmenu li a:hover { font-weight: bold; }

li:hover .showsub>i, li:hover>.showsubsub>i { color: #ffffff; }
li:hover>.filterbygenre>i, li:hover>.showallgenres>i, li:hover>.hideallgenres>i { color: #ffffff; }

.menu_heading { position: relative; padding: 18px 0; }

#pages_info { padding: 9px !important; }
#pages_info:hover { color: #ffffff; background: transparent; box-shadow: none; }

li.page_link a { color: #fb6235!important; font-weight: 800; }
li.page_link:hover a { color: #ffffff!important; }

.menu_spacer, .menu_spacer:hover { padding: 3px !important; background: transparent !important; box-shadow: none !important; }

/* /main navigation */

/* customer menu */

#customermenutoggle { display: block; padding: 9px 0; min-height: 40px; box-sizing: border-box; }
#customermenushow, #customermenuhide { margin: 0; padding: 6px; border-radius: 6px; font-size: 1.2em; color: #404040; text-decoration: none; text-align: center; }
#customermenushow:hover, #customermenuhide:hover { color: #ffffff; background: #767676; text-decoration: none; }
#customermenushow { display: inline; }
#customermenuhide { display: none; }

#customermenu { width: 100%; padding: 0; margin: 0; box-sizing: border-box; display: none; }
#customermenu >li { display: block; text-align: left; box-sizing: border-box; }

#customermenu li span
 { 
	background: transparent; 
	display: block; 
	width: 100%; 
	height: 100%; 
    padding: 12px 18px; 
    border-bottom: 1px solid #eaeaea; 
	text-decoration: none; 
	box-sizing: border-box; 
}

#customermenu li a
 { 
	color: #404040; 
	background: transparent; 
	display: block; 
	width: 100%; 
	height: 100%; 
    padding: 12px 18px; 
    border-bottom: 1px solid #eaeaea; 
	text-decoration: none; 
	box-sizing: border-box; 
	transition: 0.3s; 
}

#customermenu li a:hover
 { 
	color: #404040; 
	background: #f1f1f1; 
	text-decoration: none; 
}

#customermenu li a i
 { 
	width: 30px; 
}

/* /customer menu */

/* customer area */

#customer-actions { padding: 9px; }
#customer-actions h2 { font-size: 24px; margin-top: 0px; }
#customer-actions label { display: block; padding: 5px; width: 100%; text-align: left; box-sizing: border-box; }
#customer-actions input { display: block; width: 100%; box-sizing: border-box; }
#customer-actions #viewpw { }

#care-request .formfield { padding: 9px; }

/* /customer area */

.cycleslidescontainer { height: 100vh; max-height: 100vw; width: 100%; display: block; margin: 0 auto; padding: 0; position: relative; overflow: hidden; background: #17233F; }

.cycleslides { height: 100%; width: 100%; max-width: 1850px; margin: 0 auto; padding: 0; }

.cycleslide { height: 100%; width: 100%; margin: 0 auto; padding: 0; display: none; background-position: right top !important; background-repeat: no-repeat !important; background-size: contain !important; }
.cycleslide.imageleft { background-position: left top !important; }
/* max-width: 1540px; */

.cycleslide img { width: 100%; }

.cycleslide:first-of-type { display: block; }

.cyclecontent { width: 90%; max-width: 1180px; text-align: center; border: 0 none; border-radius: 10px; padding: 5px; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.cyclecontent h1, .cyclecontent h3 { color: rgba(255, 255, 255, 0.9); font-size: clamp(28px, 4vw, 56px); margin: 0.15em auto; font-style: normal; font-weight: 800; line-height: 1.1em; text-transform: uppercase; text-shadow: 1px 1px 1px #404040; text-align: left; }
.cyclecontent p { color: #ffffff !important; margin: 0.15em auto; font-size: 16px; line-height: 1.1em; text-shadow: 1px 1px 1px #404040; display: none; }
.cyclecontent a { color: #ffffff; text-decoration: none; }
.cyclecontent a:hover { color: #ffffff; text-decoration: underline; }
.cyclecontent .button { font-size: 20px; }

.cyclecontent.alignleft h3, .cyclecontent.alignleft p { text-align: left; }
.cyclecontent.alignright h3, .cyclecontent.alignright p { text-align: right; }

.cyclecontent { background: rgba(0,0,0,0); } /* opacity 0.25 gives some bg for when text is over background image */

#cycleleftarrow { display: none; position: absolute; z-index: 100; bottom: 50%; transform: translateY(50%); left: 10px; margin: 0; padding: 3px 0 3px 3px; font-size: 3em; color: #ffffff; background: transparent; text-shadow: 1px 1px 1px #404040; border-radius: 6px; cursor: pointer; }
#cyclerightarrow { display: none; position: absolute; z-index: 100; bottom: 50%; transform: translateY(50%); right: 10px; margin: 0; padding: 3px 3px 3px 0; font-size: 3em; color: #ffffff; background: transparent; text-shadow: 1px 1px 1px #404040; border-radius: 6px; cursor: pointer; }
#cycleleftarrow:hover, #cyclerightarrow:hover { color: #ffffff; background: rgba(0,0,0,0.25); }

.cyclepager { position: absolute; z-index: 125; bottom: 50px; left: 50%; transform: translateX(-50%); display: block; }
.cyclepager span, .slideshowpager span { font-size: 2%; margin: 6px 12px; text-decoration: none !important; text-align: center; color: transparent; display: inline-block; width: 15px; height: 15px; background-color: #292E42; border: 1px solid #292E42; border-radius: 50%; }
.cyclepager span:hover, .slideshowpager span:hover { cursor: pointer; background-color: #6A6E80; border: 1px solid #6A6E80; }
.cyclepager span.cycle-pager-active, .slideshowpager span.cycle-pager-active { background-color: #4B4E5F; border: 1px solid #4B4E5F; cursor: auto; }
.cyclepager span.cycle-pager-active:hover, .slideshowpager span.cycle-pager-active:hover { background-color: #6A6E80; border: 1px solid #6A6E80; cursor: auto; }

.slidezoomin img {  transform: scale(1.25); transition-duration: 5s; transition-delay: 0; transition-timing-function: ease; }
.slidezoomout img {  transform: scale(1); transition-duration: 0.9s; transition-delay: 0; transition-timing-function: ease; }

 /* elevatezoom: */
.zoomContainer { z-index: 101; }
.zoomWindow { border-radius: 14px !important; }

.featurecontainer { width: 100%; height: auto; display: block; margin: 0; padding: 0; background: #ffffff; position: relative; }
.featureimage { width: 100%; margin: 0; padding: 0; }
.featureimage img { width: 100%; }

.product-image { position: relative; }
.product-image .zoom-icon { display: block; position: absolute; top: 15px; right: 15px; z-index: 110; color: #6f7271; background: rgba(255,255,255,0.5); padding: 7px 8px 5px 8px; border-radius: 50%; }
#product-images .no-zoom { display: none; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 100px); z-index: 100; background: transparent; }

.product-image .carousel-prev { position: absolute; z-index: 102; bottom: 50%; transform: translateY(50%); left: 10px; margin: 0; padding: 0; font-size: 4em; color: #888b8d; background: transparent; cursor: pointer; }
.product-image .carousel-next { position: absolute; z-index: 102; bottom: 50%; transform: translateY(50%); right: 10px; margin: 0; padding: 0; font-size: 4em; color: #888b8d; background: transparent; cursor: pointer; }
.product-image .carousel-prev:hover, .product-image .carousel-next:hover { color: #6f7271; }

.product-image .carousel-prev, .product-image .carousel-next { font-size: 4.33em; color: #888b8d; }

#choice-img { display: none; position: absolute; top: 0; left: 0; z-index: 200; width: 100%; height: 100%; overflow: hidden; background: #ffffff; background-position: center center; background-size: contain; background-repeat: no-repeat; cursor: url('/images/cursor-close.png'), auto; }
#choice-close { display: none; position: absolute; top: 15px; right: 15px; z-index: 201; color: #dd0000; background: rgba(255,255,255,0.5); padding: 7px 8px 5px 8px; border-radius: 50%; }
#choice-caption { display: none; position: absolute; z-index: 202; bottom: 2px; left: 50%; width: 100%; transform: translateX(-50%); text-align: center; padding: 3px 9px; background: rgba(255,255,255,0.5); box-sizing: border-box; }

.button_smallest,
.button_small,
.button,
.button_house,
.button_large,
.button_secondary,
.button_secondary_small,
.button_orange,
.button_orange_small,
.button_green,
.button_green_small,
.button_red,
.button_red_small,
.button_grey_small,
.button_white_small,
.button_red_large,
.button_submit,
.button_listing,
.edit_button,
.checkout-button,
.quote-button,
.update-button,
.basket-button,
.button-buy-online,
.button-learn-more
{ 
	display: inline-block; 
	color: #ffffff !important; 
	background-color: #FB6236; 
/*	background: linear-gradient(96deg, #FF9371 15.87%, #FB6235 81.16%); */
	background: linear-gradient(232deg, #FF9371 33.66%, #FB6235 67.21%);
	box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.25); 
	font-size: 16px; 
	font-weight: 700;
	text-decoration: none !important; 
	text-align: center; 
	border: 0 none; 
	border-radius: 500px; 
	margin: 6px 0;
/*	padding: 18px 36px; */
	padding: 16px 60px; 
	cursor: pointer; 
}
.button_smallest:hover,
.button_small:hover, 
.button:hover,
.button_house:hover,
.button_secondary:hover,
.button_secondary_small:hover,
.button_large:hover, 
.button_orange:hover,
.button_orange_small:hover,
.button_green:hover,
.button_green_small:hover,
.button_red:hover, 
.button_red_small:hover,
.button_grey_small:hover,
.button_white_small:hover,
.button_red_large:hover,
.button_submit:hover,
.button_listing:hover,
.edit_button:hover,
.checkout-button:hover,
.quote-button:hover,
.update-button:hover,
.basket-button:hover,
.button-buy-online:hover,
.button-learn-more:hover

{ 
	color: #ffffff !important; 
	background-color: #FE9371; 
/*	background: linear-gradient(96deg, #FB6235 15.87%, #FF9371 81.16%); */
	background: linear-gradient(232deg, #FB6235 33.66%, #FF9371 67.21%);
	text-decoration: none; 
}

.button-buy-online,
.button-learn-more {
	margin: 12px 24px 12px 0;
}

.button_smallest { font-size: 0.9em; font-weight: normal; padding: 8px 18px; }
.button_listing { font-size: 1.3em; padding: 10px 15px; }
.button_large { font-size: 1.4em; padding: 10px 20px; }
.button_submit { font-size: 1.5em; padding: 12px 24px; }
 
.button_small { font-size: 16px; padding: 7px 14px; border: 0 none; }

.button_secondary { background: #17233F; }
.button_secondary_small { font-size: 16px; padding: 7px 14px; border: 0 none; background: #17233F; }

.button_green { font-size: 1em; padding: 7px; background: #019B01; border-color: #019B01; }
.button_green_small { font-size: 16px; padding: 7px 14px; border: 0 none; background: #019B01; }

.button_orange { font-size: 1em; padding: 7px; background: #ff6600; border-color: #ff6600; }
.button_orange_small { font-size: 16px; padding: 7px 14px; border: 0 none; background: #ff6600; }

.button_red { font-size: 1em; padding: 7px; background: #ee0000; border-color: #ee0000; }
.button_red_small { font-size: 16px; padding: 7px 14px; border: 0 none;background: #ee0000; }

.button_red_large { font-size: 1.4em; padding: 10px; background: #ee0000; border-color: #ee0000; }

.button_white_small { font-size: 16px; padding: 7px 14px; border: 0 none; color: #404040 !important; background: #ffffff; }
.button_white_small:hover { font-size: 16px; border: 0 none; padding: 3px 9px; background: #ffffff;  }

.button_grey_small { font-size: 16px; padding: 7px 14px; border: 0 none; background: #aaaaaa; }

.flexbox .button_grey_small { font-size: 16px; }

.button:disabled, .button_large:disabled, .button_submit:disabled { cursor:not-allowed; color: #B3B3B3 !important; background: #E6E6E6 !important; }
.button:disabled:hover, .button_large:disabled:hover, .button_submit:disabled:hover { cursor:not-allowed; color: #B3B3B3 !important; background: #E6E6E6 !important; }

.edit_button { font-size: 0.9em; margin: 2px; padding: 3px; }

.info-cta {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
	box-sizing: border-box;
}
.info-cta a,
.info-cta .button
{
	margin: 5px;
	font-size: 16px;
	font-weight: 700;
	padding: 14px;
	box-sizing: border-box;
	min-width: calc(50% - 15px);
}

.pointer-up { padding-right: 30px; background-image: url('/images/pointer-up.png'); background-position: right 5px; background-repeat: no-repeat; }
.pointer-right { padding-right: 30px; background-image: url('/images/pointer-right.png'); background-position: right 5px; background-repeat: no-repeat; }
.pointer-down { padding-right: 30px; background-image: url('/images/pointer-down.png'); background-position: right 5px; background-repeat: no-repeat; }
.pointer-left { padding-left: 30px; background-image: url('/images/pointer-left.png'); background-position: left 5px; background-repeat: no-repeat; }

.notecell { max-height: 60px; position: relative; overflow: hidden; }
.noteexpand { display: block; position: absolute; top: -3px; right: 0; }
.notecollapse { display: none; position: absolute; top: -3px; right: 0; }

input[type=text], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=password] { font-size: 1.2em; margin: 2px 0; padding: 6px 3px; border: 1px solid #cccccc; border-radius: 3px; width: 100%; box-sizing: border-box; appearance: none; }

input[type=checkbox] { width: 26px; height: 26px; -moz-transform: scale(1.5); padding: 6px 3px; margin: 0 6px; border: 1px solid #cccccc; border-radius: 12px; vertical-align: middle; }

input[type=radio] { width: 26px; height: 26px; -moz-transform: scale(1.5); padding: 6px 3px; margin: 0 6px; border: 1px solid #cccccc; border-radius: 12px; vertical-align: middle; }

input:: placeholder, textarea:: placeholder { font-size: 16px; }

.plaintextbox { background: transparent; border: 1px solid transparent !important; }
.smalltextbox { max-width: 160px !important; }

.dateinput { width: 75% !important; }

.searchinput { padding: 10px; border-radius: 10px; box-sizing: border-box; }

.noscreen { display: none; }

.product-share { display: block; float: right; width: 34px; height: 34px; margin: 15px 12px; background: transparent url('/images/share-white_34.png') center center no-repeat; }
.product-print { display: block; float: right; width: 34px; height: 34px; margin: 15px 12px; background: transparent url('/images/print-white_34.png') center center no-repeat; cursor: pointer; }

.breadcrum { color: #333333; font-size: 0.85em; font-weight: 400; padding: 12px 6px; }
.breadcrum a { color: #333333; font-weight: 400; text-decoration: none; }
.breadcrum a:hover { color: #404040; text-decoration: underline; }

.scertslink { float: right; margin: 0; font-size: 0.85em; padding: 18px 6px; }
.scertslink i { color: #FB6236; }
.scertslink a {color: #FB6236; text-decoration: underline; }
.scertslink a:hover {color: #FB6236; text-decoration: none; }

.housebg .scertslink { color: #ffffff; }
.housebg .scertslink i { color: #ffffff; }
.housebg .scertslink a {color: #ffffff; }
.housebg .scertslink a:hover {color: #ffffff; }

.panel-certificates { padding: 0; font-weight: 700; font-size: 24px; background: url('/images/certificates_bg.avif') center center no-repeat; background-size: cover; }
.panel-certificates .scertslink { float: none; margin: 0; color: #ffffff; text-align: center; }
.panel-certificates .scertslink i { color: #ffffff; }
.panel-certificates .scertslink a {color: #ffffff; }
.panel-certificates .scertslink a:hover {color: #ffffff; }

.panel-partner { padding: 0; background: url('/images/partner_bg.avif') center left no-repeat; background-size: cover; }
.content-partner { float: right; width: 90%; max-width: 500px; padding: 50px; box-sizing: border-box; }
.content-partner h3, .content-partner p { color: #ffffff;}

.viewbasket { float: right; text-align: right; margin: 0 0 0 10px; }
.calltoaction { margin: 15px auto; text-align: center; }
.eurodisplay { color: #404040; }
.cartshade { margin: 5px; padding: 5px; background: #e6edf4; border: 0 none; }
.cartright { text-align: right; margin-right: 20px; }
.catbrowse { font-size: 1.1em; }
.removex { vertical-align: middle; background: transparent url('/images/cross_16.png') center top no-repeat; vertical-align: middle; }
.removex:hover { background-position: center -16px; }

.number { font-weight: 800; margin: 5px 0 0 0; }
.counter { width: 50px; float: left; text-align: right; font-weight: 800; }
.prodlist { width: 650px; float: right; text-align: left; }
.prodcode { }
.prodsummary { margin: 5px 5px 5px 50px; }

.floatcheck { width: 33%; float: left; }

.checkoutlabel { display: inline; float: left; width: 140px; }

.paymentlogos { padding: 0; color: #ffffff; }
.paymentlogos img { margin: 3px; }

.accreditation, .stay-in-touch, .footer-links, .feedback { font-size: 0.8em;  }
.accreditation .flexbox div { max-width: 200px; padding: 0 20px; box-sizing: border-box; text-align: center; }
.accreditation .flexbox div img { max-height: 100px; width: auto; border-radius: 0; }

.footer-links { color: #ffffff; background: #17233F; }

.footer-links h4 { color: #ffffff; text-align: left; margin: 0.75em 0 1.5em 0 !important; }

.footer-links p { margin: 0; padding: 0.75em 5px; }

.footer-links ul { list-style: none; margin: 0; padding: 0; }

.footer-links li:not(.menu_heading) { padding: 0; }
.footer-links li a { display: block; page-break-inside: avoid; padding: 0.75em 5px; box-sizing: border-box;}

.footer-links a:link, .footer-links a:visited { color: #ffffff; text-decoration: none; }
.footer-links a:hover { color: #fb6235; text-decoration: underline; }

.footer-links ul.menu_home li { background: transparent; box-sizing: border-box; border-radius: 5px; }
.footer-links ul.menu_home li:hover { background: #000000; box-shadow: 0 0 3px 3px rgba(192,192,192,0.5); }
.footer-links ul.menu_home li:hover a { color: #ffffff; text-decoration: none; font-weight: bold; }

.footer-links .menu_products li a:hover { text-decoration: none; }
.footer-links .menu_products .showsubsub { font-size: 1.4em; transform: translateY(-15%); }
.footer-links .menu_products .menu_heading>.showsubsub { font-size: 1.6em; transform: translateY(15%); }

#footer-home {}
#footer-home h4 { font-weight: bold; }

#footer-address { }
#footer-address h4 { font-weight: bold; }
#footer-address a { text-decoration: underline; } 
#footer-address a:hover { color: #fb6235; text-decoration: none; }

.stay-in-touch { color: #ffffff; background: #0D1A36; }

.stay-in-touch h3 { color: #ffffff; text-align: center; font-size: 30px; margin: 0.5em 0;}

.stay-in-touch ul.smm { list-style: none; margin: 9px 0; padding: 0; text-align: center; }
.stay-in-touch ul.smm li { padding: 3px 9px; display: inline; }
.stay-in-touch ul.smm img { width: auto; height: auto; }

.stay-in-touch-button { text-align: center; }

.feedback { color: #ffffff; background: #17233F; }

.feedback h4 { color: #ffffff; font-weight: bold; font-size: 16px; }

.social-links { margin: 20px 0; }
.social-links span { margin: 20px 5px; font-size: 1.5em; color: #404040; }
.social-links span:hover { color: #404040; text-decoration: none; }

.site-footer .social-links { text-align: center; margin: 40px 0; }
.site-footer .social-links span { color: #ffffff; }
.site-footer .social-links span:hover { color: #6f7271; text-decoration: none; }

.site-footer .social-links ul { list-style: none; margin: 0; padding: 0; }
.site-footer .social-links ul li { display: inline; margin: 0 0 1em 0; }

.site-footer { color: #ffffff; }

.site-footer a:link, .site-footer a:visited , .site-footer a:active { color: #ffffff; text-decoration: underline; }
.site-footer a:hover { color: #fb6235; text-decoration: none; }

.companyinfo { padding: 36px 9px 18px 9px; }
.companyinfo ul { list-style: none; margin: 0; padding: 0; }
.companyinfo ul li { margin: 0 0 1em 0; }
.companyinfo ul li span { padding: 18px; }

.copyright { width: 100%; margin: 0; padding: 16px 0 60px 0; color: #ffffff; background: #000000; box-sizing: border-box; }

img { border: 0 none; }
figure { margin: 0; padding: 0; }

.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }

.smallscreen-clearleft { clear: left; }
.smallscreen-clearright { clear: right; }

.separator { clear: both; height: 0; font-size: 0; margin: 0; padding: 0; background: transparent; }

.smallspacer { clear: both; height: 3px; margin: 0; padding: 0; background: transparent; }

.thinspacer { clear: both; height: 5px; font-size: 0.1em; margin: 0; padding: 0; background: transparent; }

.spacer { clear: both; height: 10px; font-size: 0.1em; margin: 0; padding: 0; background: transparent; }
.bigspacer { clear: both; height: 25px; font-size: 0.1em; margin: 0; padding: 0; background: transparent; }
.biggerspacer { clear: both; height: 35px; font-size: 0.1em; margin: 0; padding: 0; background: transparent; }
.biggestspacer { clear: both; height: 50px; font-size: 0.1em; margin: 0; padding: 0; background: transparent; }

.spacer-grey { clear: both; height: 35px; font-size: 0.1em; margin: 0; padding: 0; background: #E6E6E6; }

.floatedboxes { float: left; margin: 0 0 0 0; }

.tight { margin: 0; padding: 0; }

.righttext { text-align: right; }

.smallest { font-size: 0.75em !important; }
.small, small { font-size: 0.8em !important; }
.smaller { font-size: 0.9em !important; }
.large { font-size: 1.1em !important; }
.larger { font-size: 1.2em !important; }
.largest { font-size: 1.5em !important; }
.verylarge { font-size: 2em !important; }

.bold { font-weight: 800; }

.caption { font-size: 0.8em; }

.tooltip { cursor: help; }

.plaintext { border: 0 none; background: transparent; }
.plaintexteuro { border: 0 none; color: #404040; }

.indented { margin-left: 15px; }
.licon { padding-left: 45px !important; text-indent: -20px !important; box-sizing: border-box; }
.licon i { width: 20px; }

.warningtext { color: #fb6235; font-size: 0.6em; text-align: center; }

.field_normal { background: #ffffff; border: #C2C8D4 solid 1px; }
.field_focus { background: #fff6e5; border: #425968 solid 1px; }
.field_updated { background: #efffef; border: #425968 solid 1px; }
.field_error { background: #FFC0C0; border: #dd0000 solid 1px; }

.highlighted { font-weight: 800; color: #404040; }

.notice { border-radius: 4px; padding: 4px; }

.success { color: #004000; background: #E5FFE5; border-radius: 4px; padding: 4px; }

.warning { color: #800000; background: #ffefef; border-radius: 4px; padding: 4px; }

.error { color: #ffffff; background: #dd0000; border-radius: 4px; padding: 4px; }

.unread { color: #000000; background: #FFC5B1; border-radius: 4px; padding: 4px; }

.subtitle { font-size: 1.2em; color: #cc0000; }

.pricetext { display: inline-block; font-size: 1.2em; font-weight: bold; padding: 5px 0; white-space: nowrap; }
.currencydisplay { display: inline-block; font-size: 1em; font-weight: normal; color: #999999; white-space: nowrap; transform: translateY(-0.1em); }

.pricebox { color: #555555; background: transparent; font-size: 1em !important; border: 0 none !important; padding: 0 !important; margin: 0 !important; text-align: center; max-width: 75px !important; }

.vatexnote { padding: 18px; }
.crashnote { padding: 18px; }

.fullcol { width: 925px; margin: 0 0 25px 35px; }

.shippingtablecontainer { margin: 0 15px 0 0; }

.leftcolcart { width: 70%; float: left; }
.leftcolcart p { text-indent: -25px; margin-left: 25px; }
.rightcolcart { width: 150px; float: right; }

hr { clear: both; height: 1px; background: #cccccc; border: 0 none; }

hr.dashed { clear: both; height: 16px; background: transparent url('/images/mainheadbg.png') top center repeat-x; margin: 10px 0; padding: 0; display: block; border: 0 none; }

.underlined { text-decoration: underline; }

a { color: #404040; text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover { text-decoration: none; }
a:active { text-decoration: underline; }

a.antilink { color: #404040; text-decoration: none; } 
a.antilink:visited { color: #000000; text-decoration: none; } 
a.antilink:hover { color: #000000; text-decoration: underline; }
a.antilink:active { color: #000000; text-decoration: none; }

a.plainlink { text-decoration: none; } 
a.plainlink:visited { text-decoration: none; } 
a.plainlink:hover { text-decoration: underline; }
a.plainlink:active { text-decoration: none; }

.white a, a.whitelink { color: #ffffff; text-decoration: underline; } 
.white a:visited, a.whitelink:visited { color: #ffffff; text-decoration: underline; } 
.white a:hover, a.whitelink:hover { color: #ffffff; text-decoration: none; }
.white a:active, a.whitelink:active { color: #ffffff; text-decoration: none; }

a.blacklink { color: #000000; text-decoration: underline; } 
a.blacklink:visited { color: #000000; text-decoration: underline; } 
a.blacklink:hover { color: #000000; text-decoration: none; }
a.blacklink:active { color: #000000; text-decoration: none; }

a.greylink { color: #656565; text-decoration: underline; } 
a.greylink:visited { color: #656565; text-decoration: underline; } 
a.greylink:hover { color: #404040; text-decoration: none; }
a.greylink:active { color: #656565; text-decoration: none; }

.underscore-red { 
	border-bottom-width: 2px; 
	border-bottom-style: solid; 
	border-bottom-color: #E21013; 
	display: inline-block; 
}

#content ul li { margin-left: 1.5em; list-style-position: outside; }

.in-page-navigation { margin-bottom: 18px; }
.in-page-navigation ul { width: 100%; font-size: 0.9em; padding: 0; margin: 0; border: 0 none; list-style-type: none; position: relative; display: table; }
.in-page-navigation ul li { vertical-align: middle; list-style-type: none; padding: 0 !important; margin: 0 !important; border: 0 none; box-sizing: border-box; text-align: center; float: left; width: 100%; display: block; }
.in-page-navigation ul li a, 
.in-page-navigation ul li span { 
	display: block; 
	color: #ffffff !important; 
	background-color: #FB6236; 
	background: linear-gradient(96deg, #FF9371 15.87%, #FB6235 81.16%); 
	box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.25); 
	text-decoration: none !important; 
	text-align: center; 
	border: 0 none; 
	border-radius: 9px; 
	margin: 9px; 
	padding: 9px 18px; 
	box-sizing: border-box;
	cursor: pointer;
}
.in-page-navigation ul li:hover a, 
.in-page-navigation ul li:hover span { 
	color: #ffffff !important; 
	background-color: #FE9371; 
	background: linear-gradient(96deg, #FB6235 15.87%, #FF9371 81.16%); 
	text-decoration: none;
}
.in-page-navigation ul li.selected span { 
	background: none #FB6235;
	cursor: default;
}

.page-content { }
.page-content .row { padding: 35px 0;}
.page-content .row:nth-child(even) {  background: #cbebff linear-gradient(135deg, #f3fbfd 0%,#cbebff 47%,#d1f2fb 100%); }
.page-content p { font-size: 16px; margin: 1.5em 0.25em; }
.page-content ul, .page-content ol { font-size: 16px; margin: 25px 15px 25px 35px; }
.page-content img { border-radius: 12px; margin: 24px 0; }
.page-content .videowrapper { margin: 48px 0;  }
.page-content .column-30, 
.page-content .column-33, 
.page-content .column-40, 
.page-content .column-45, 
.page-content .column-50, 
.page-content .column-55, 
.page-content .column-60, 
.page-content .column-66,
.page-content .column-70
{ 
	padding: 5px 1.5%; box-sizing: border-box;
}

ul.bullets-red { list-style:  none; padding:  0; }
ul.bullets-red li { text-indent: -25px; margin-left: 25px; padding : 6px 0; }
ul.bullets-red li:before {
     content: url('/images/tcs_device_32.png');
     display: inline-block;
     vertical-align: middle;
     margin-right: 1em;
}

ol.columns-2, ol.columns-3, ul.columns-2, ul.columns-3 { list-style-position: outside; margin: 35px; }

.columns-2 li, .columns-3 li { width: auto; float: none; padding: 0 2em 1em 0; margin-left: 0 !important; margin-right: 0 !important; text-indent: 0 !important; box-sizing: border-box; }

.nobull { list-style-type: none; padding: 0; }

li.ppt { list-style-type: none; background: transparent url('/images/li_ppt_40.png') left top no-repeat; min-height: 40px; margin: 9px 0; padding: 6px 0 0 46px; }
li.xls { list-style-type: none; background: transparent url('/images/li_xls_40.png') left top no-repeat; min-height: 40px; margin: 9px 0; padding: 6px 0 0 46px; }
li.doc { list-style-type: none; background: transparent url('/images/li_doc_40.png') left top no-repeat; min-height: 40px; margin: 9px 0; padding: 6px 0 0 46px; }
li.pdf { list-style-type: none; background: transparent url('/images/li_pdf_40.png') left top no-repeat; min-height: 40px; margin: 9px 0; padding: 6px 0 0 46px; }
li.web { list-style-type: none; background: transparent url('/images/li_web_40.png') left top no-repeat; min-height: 40px; margin: 9px 0; padding: 6px 0 0 46px; }

li.twitter { list-style-type: none; background: transparent url('/images/li_x_38.png') left top no-repeat; min-height: 40px; margin: 9px 0; padding: 6px 0 0 46px; }
li.x { list-style-type: none; background: transparent url('/images/li_x_40.png') left top no-repeat; min-height: 40px; margin: 9px 0; padding: 6px 0 0 46px; }
li.linkedin { list-style-type: none; background: transparent url('/images/li_linkedin_40.png') left top no-repeat; min-height: 40px; margin: 9px 0; padding: 6px 0 0 46px; }
li.youtube { list-style-type: none; background: transparent url('/images/li_youtube_40.png') left top no-repeat; min-height: 40px; margin: 9px 0; padding: 6px 0 0 46px; }
li.tiktok { list-style-type: none; background: transparent url('/images/li_tiktok_40.png') left top no-repeat; min-height: 40px; margin: 9px 0; padding: 6px 0 0 46px; }
li.instagram { list-style-type: none; background: transparent url('/images/li_instagram_40.png') left top no-repeat; min-height: 40px; margin: 9px 0; padding: 6px 0 0 46px; }

li.email { list-style-type: none; background: transparent url('/images/li_email_40.png') left top no-repeat; min-height: 40px; margin: 9px 0; padding: 6px 0 0 46px; }
li.phone { list-style-type: none; background: transparent url('/images/li_phone_40.png') left top no-repeat; min-height: 40px; margin: 9px 0; padding: 6px 0 0 46px; }
li.fax { list-style-type: none; background: transparent url('/images/li_fax_40.png') left top no-repeat; min-height: 40px; margin: 9px 0; padding: 6px 0 0 46px; }
li.privacy { list-style-type: none; background: transparent url('/images/li_privacy_40.png') left top no-repeat; min-height: 40px; margin: 9px 0; padding: 6px 0 0 46px; }
li.info { list-style-type: none; background: transparent url('/images/li_info_40.png') left top no-repeat; min-height: 40px; margin: 9px 0; padding: 6px 0 0 46px; }
li.infopage { list-style-type: none; background: transparent url('/images/li_infopage_40.png') left top no-repeat; min-height: 40px; margin: 9px 0; padding: 6px 0 0 46px; }
li.tick, #features_and_benefits li { list-style-type: none; background: transparent url('/images/green_tick_20.png') left top no-repeat; margin: 3px 0; padding: 6px 0 0 30px; }

.menuheading { padding: 0 0 5px 0; border-bottom: solid 1px #404040; color: #404040; font-weight: 800; }

a.boxlink { color: #404040; text-decoration: none; font-weight: 800; font-size: 1.4em; text-transform: capitalize; }
a.boxlink:visited { text-decoration: none; }
a.boxlink:hover { text-decoration: underline; }
a.boxlink:active { text-decoration: none; }

a.smallboxlink { color: #404040; text-decoration: none; font-weight: 800; font-size: 1.1em; text-transform: capitalize; }
a.smallboxlink:visited { text-decoration: none; }
a.smallboxlink:hover { text-decoration: underline; }
a.smallboxlink:active { text-decoration: none; }

.printfooter { display: none; }

.newsdark { padding: 5px; margin: 5px 0; border: 1px solid #e6edf4; background: #fefefe url('/images/lightbg.gif') bottom left repeat-x; }
.newslight { padding: 5px; margin: 5px 0; background: #ffffff; }

/* 2013 Styles:  */

a:active, a: focus { outline: none; }

.catmap { margin: 0px; padding: 0; }
.catmapgroupdiv { float: left; margin: 0 5px 5px 0; color: #818181; width: 220px; height: 250px; overflow: visible; }
.catmapgroupheading { position: relative; height: 55px; }
.catmapgroupheading h3 { position: absolute; left: 0; bottom: 0; font-size: 1.3em; margin: 0; font-weight: 400; }
.catmapgroupimage { width: 214px; height: 100px; margin: 0 0 5px 0; }
.catmapgroupimage img { margin: 5px 0 0 0; }
.catmapgroupimage img:hover { opacity: 0.75; -khtml-opacity: 0.75; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-radius: 5px; }
.catmapgroupbody { width: 220px; height: 120px; overflow: auto; }
.catmapsubtext { margin: 0 0 0 20px; text-indent: -10px; padding: 0; color: #666667; }
.catmapsubsubtext { margin: 0 0 0 30px; text-indent: -10px; padding: 0; color: #666667; }
.catmapsubul { margin: 0; padding: 0 0 0 12px; }
.catmapsubli { color: #666667; }

a.catmaplink { color: #404040; }
a.catmaplink { color: #404040; text-decoration: none; }
a.catmaplink:visited { color: #404040; text-decoration: none; }
a.catmaplink:hover { color: #404040; text-decoration: none; }
a.catmaplink:active { color: #404040; text-decoration: none; }

a.catmapsublink { color: #666667; }
a.catmapsublink:link { text-decoration: none; color: #666667; }
a.catmapsublink:visited { text-decoration: none; color: #666667; }
a.catmapsublink:hover { text-decoration: underline; color: #404040; }
a.catmapsublink:active { text-decoration: none; color: #666667; }

.subnavtext { margin: 0 0 0 20px; text-indent: -10px; color: #404040; }
.subsubnavtext { margin: 0 0 0 20px; text-indent: -10px; color: #404040; }

.di_panel { float: left; margin: 0 15px 10px 0; padding: 0; width: 45%; }
.di_logo { float: right; margin: 10px; }

.nowrap { white-space: nowrap; }
.nowrap-div { overflow: hidden; }

.ordertable { font-size: 0.85em; }
.orderpop { position: absolute; bottom: 5px; left: 70px; z-index: 10; width: 500px; background: #f1f1f1; border: 1px dotted #999999; padding: 5px; }

/* NEW PRODUCT PAGE LAYOUT */

.product_panel { clear: both; margin: 0; padding: 0; }

.product_navigation { width: 100%; margin: 0; padding: 0; border-bottom: 3px solid #767676; }

#product-details { }
#product-details .itemcontent, #product-details .notitemcontent { max-width: 100%; overflow-y: auto; }

#product-descriptions ul li { list-style-position: outside; }
#product-descriptions ol li { list-style-position: inside; }
#product-descriptions p { margin-block-start: 0.25em; margin-block-end: 0.75em; }
#product-descriptions img, #product-descriptions iframe { display: block; margin: 15px auto; max-width: 100%; }

#product-details table { 
  border: 0 none; 
  border-radius: 6px; 
  border-collapse: collapse; 
  background: #ffffff;  /* was #f3f3f3 */
  margin: 15px auto; 
  width: 98%; 
  max-width: 1200px; 
  font-size: 0.9em; 
}
#product-details table td, #product-details table th { 
  border: 1px solid #404040; 
  background: transparent; 
}
#product-details table tr:first-child th,
#product-details table tr:first-child td { 
  border-top: 0; 
}
#product-details table tr:last-child th,
#product-details table tr:last-child td { 
  border-bottom: 0; 
}
#product-details table tr td:first-child,
#product-details table tr th:first-child { 
  border-left: 0; 
}
#product-details table tr td:last-child,
#product-details table tr th:last-child { 
  border-right: 0; 
}

#product-descriptions table a:link { color: #000000; text-decoration: none; }
#product-descriptions table a:visited { color: #000000; text-decoration: none; }
#product-descriptions table a:hover { color: #000000; text-decoration: underline; }
#product-descriptions table a:active { color: #000000; text-decoration: none; }

#product-descriptions table { 
  background: #f3f3f3;
  margin: 15px auto; 
  width: 98%; 
  max-width: 1200px; 
  font-size: 0.9em;
  border-spacing: 0;  
  padding: 5px;
  border: 24px solid #f3f3f3; 
  border-radius: 18px;
}
#product-descriptions table th, #product-descriptions table td { 
  border-top: 1px solid #404040; 
  border-right: 1px solid #404040; 
  border-bottom: 0 none; 
  border-left: 0 none; 
  background: transparent; 
  padding: 10px;
  text-align: left;
}

#product-descriptions table tr:first-child th,
#product-descriptions table tr:first-child td { 
  border-top: 0; 
}
#product-descriptions table tr:last-child th,
#product-descriptions table tr:last-child td { 
  border-bottom: 0; 
}
#product-descriptions table tr td:first-child,
#product-descriptions table tr th:first-child { 
  border-left: 0; 
}
#product-descriptions table tr td:last-child,
#product-descriptions table tr th:last-child { 
  border-right: 0; 
}

#product-descriptions table a:link { color: #000000; text-decoration: none; }
#product-descriptions table a:visited { color: #000000; text-decoration: none; }
#product-descriptions table a:hover { color: #000000; text-decoration: underline; }
#product-descriptions table a:active { color: #000000; text-decoration: none; }

#product-buy-panel { padding: 0 1.5%; box-sizing: border-box; }
#product-buy-panel h3 { font-size: 24px; margin: 0; padding: 0; text-align: left; }
#product-buy-panel h1 { font-size: 36px; margin: 0; padding: 0; text-align: left; }

#product-images { padding: 0 1.5%; box-sizing: border-box; }

.cycle-slideshow { position: relative; max-height: 400px; margin: 0; background: #ffffff; }
.cycle-slideshow > .cycle-slide > div { position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); text-align: center; padding: 3px 9px; background: rgba(255,255,255,0.5); border-radius: 5px; }

#slideshow-1 { width: 100%; max-width: 700px; margin: 0 auto; }
#slideshow-2 { width: 100%; margin: 0; }

#slideshow-1 img { border-radius: 9px; }

#cycle-1 { position: relative; width: 100%; height: 0; padding-bottom: 75%; border-radius: 3px; }
#cycle-1.square { padding-bottom: 100%; }
#cycle-1.portrait { padding-bottom: 126%; }
#cycle-1>div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 3px; background-position: center center; background-repeat: no-repeat; background-size: contain; }

#cycle-2 .cycle-slide { margin-right: 2px; height: 78px; }
#cycle-2 .cycle-slide img { height: 75px; border-radius: 0; border-bottom: 3px solid transparent; }
#cycle-2 .cycle-slide img:hover { cursor: pointer; border-bottom: 3px solid #C3C3C3; }
#cycle-2 .cycle-slide-active img { border-bottom: 3px solid #C3C3C3; }

#modal-slideshow { background: #ffffff; padding: 0; }
#modal-slideshow .modal-close { z-index: 1050; }
#slideshow-3 { width: calc( 100vh * 1.333 ); max-width: 100%;  margin: 0 auto; background: #ffffff; overflow: hidden; }
#cycle-3 { position: relative; width: 100%; height: 0; padding-bottom: 75%; }
/*	height: 0; padding-bottom: 100%; insert this above to force square slider */
/* 	height: 0; padding-bottom: 66.6%; 600:400 1500:1000 */
#cycle-3>div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: contain; }
.cycle-3-slideshow { position: relative; max-height: 1000px; margin: 0; background: #ffffff; }
.cycle-3-slideshow > .cycle-slide > div { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; display: none; }
#slideshow-3>.cycleleftarrow { position: absolute; z-index: 100; bottom: 50%; transform: translateY(50%); left: 10px; margin: 0; padding: 0; font-size: 4em; color: #888b8d; background: transparent; cursor: pointer; }
#slideshow-3>.cyclerightarrow { position: absolute; z-index: 100; bottom: 50%; transform: translateY(50%); right: 10px; margin: 0; padding: 0; font-size: 4em; color: #888b8d; background: transparent; cursor: pointer; }
#slideshow-3 .cycleleftarrow:hover, #slideshow-3 .cyclerightarrow:hover { color: #6f7271; }

.carousel-container { width: 100%; max-width: 704px; margin: 0 auto; }
.carousel { width: 100%; max-width: 704px; }
/* width: calc(90% + 16px); */

.carousel-thumbnails { width: calc(100% - 156px); float: left; }
.carousel-thumbnails .cycle-carousel-wrap { margin-left: calc(50% - 39px) !important; }
.carousel-cycle-button { width: 78px; height: 78px; float: left; border-radius: 6px; }
#slideshow-2 .carousel-prev { display: inline-block; cursor: pointer; width: 100%; height: 100%; background: #C3C3C3 url('/images/chevron_left_78.png') center center no-repeat; background-size: contain; border-radius: 8px; }
#slideshow-2 .carousel-next { display: inline-block; cursor: pointer; width: 100%; height: 100%; background: #C3C3C3 url('/images/chevron_right_78.png') center center no-repeat; background-size: contain; border-radius: 8px; }
#slideshow-2 .carousel-prev:hover, #slideshow-2 .carousel-next:hover { background-color: #6f7271; }

.product-image { display: inline-block; width: auto; max-width: 700px; margin: 0 auto; border-radius: 3px; position: relative; }
/* border-radius: 9px; border: 2px solid #C3C3C3;  */
#product-img { max-width: 100%; margin: 0 auto; text-align: center; }
#product-img img, .full-image { max-width: 100%; margin: 0 auto; display: block; }
.full-image.cycle-slide { left: 50% !important; transform: translateX(-50%) !important; max-height: 100vh; }

.swatches { }
.swatch { position: relative; text-align: center !important; }
.swatch img { width: 45px; margin: 6px 24px; }
.swatch div { text-align: center !important; }

/* END OF NEW PRODUCT PAGE LAYOUT */

/* begin accordion styling */

.expandcollapse { float: right; margin: 9px 6px; }
.itemcontainer { background: #DAE3F0; padding: 9px; margin: 12px 0; border-radius: 9px; }
.itemheader, .notaccordionheader { margin-top: 1px; padding: 9px 2.5%; }
.itemheader h3, .notaccordionheader h3 { 
	padding-top: 6px; 
	font-size: 1.8em; 
	font-weight: 400; 
	color: #333333; 
	margin: 0.3em 0 0.4em 0;
	padding-right: 50px;
	text-align: left;
}
.itemheader h4 { padding-top: 9px; font-weight: 400; }
.toggleimg { float: right; margin: 6px 0; }
.openanswer { color: #0076BE; }
.closedanswer { color: #0076BE; }
.itemcontent, .notitemcontent { padding: 6px 2.5% 6px 2.5%; }

/* end accordion styling */


/* begin distributor map styling */

#distributorsmapcontainer { background: #efefef; color: #333333; }
#distributorsmap { position: relative; } /* NOT for modal distributors map (use tinybox .tcontent for modal distributors map) and edit this css accordingly */
.distlocationselect { position: absolute; top: 5px; left: 5px; background: #ffffff; border-radius: 6px; z-index: 5; padding: 5px; font-size: 1.15em; }
.distributorsmapworldwide { width: 100%; max-width: 900px; height: 460px; margin: 0 auto; padding: 0; background-image: url('/images/worlwide_map_900_460.png'); background-color: #efefef; background-position: 0px top; background-repeat: no-repeat; text-align: left; }
.distributorsmapeuropean { width: 100%; max-width: 900px; height: 460px; margin: 0 auto; padding: 0; background-image: url('/images/europe_map_500_500.png'); background-color: #efefef; background-position: 175px -40px; background-repeat: no-repeat; text-align: left; }
.thislocimage { z-index: 20; position: absolute; width: 21px; height: 30px; background: transparent url('/images/red-marker.png') center center no-repeat; }
.locimage { z-index: 10; position: absolute; width: 21px; height: 30px; background: transparent url('/images/grey-marker.png') center center no-repeat; cursor:pointer; }
.thislocimage:hover, .locimage:hover {background: transparent url('/images/orange-marker.png') center center no-repeat; }
.maptitle { z-index: 5; position: absolute; bottom: 0; left: 0; height: 80px; padding: 10px 0 0 80px; font-size: 1.3em; font-weight: bold; background: transparent url('../images/map-marker-large.png') left top no-repeat; }
.europeandistributorslink { z-index: 5; position: absolute; top: 65px; left: 390px; width: 110px; height: 120px; background: rgba(0,0,0,0.15); border-radius: 3px; }
.europeandistributorslink:hover { background: rgba(238,48,32,0.25); cursor: pointer; }
.mapcta { z-index: 5; position: absolute; bottom: 15px; right: 5px; }

.territoryselect {}

#mapviewbutton { display: none; }

.distributorlist { clear: both; }
.distributorlist h3 { margin: 6px 0; }
.distributorlistlogo { background: #ffffff; padding: 3px; border: 2px solid #dddddd; border-radius: 4px; }

/* end distributor map styling */

#site-map .infolinks { font-size: 0.9em; }

#message-box { position: relative; display: none; }
#message-box-close { position: absolute; top: 0; right: 0; z-index: 300; cursor: pointer; width: 50px; height: 60px; background: transparent url('/images/message-box-hide.png') right top no-repeat; }
#message-box-close:hover { background-position: right -60px; }
#message-box-open { position: absolute; display: none; top: 0; right: 0; z-index: 300; cursor: pointer; width: 50px; height: 60px; background: transparent url('/images/message-box-show.png') right -60px no-repeat; }
#message-box-open:hover { background-position: right top; }

#site-banner { position: relative; min-height: 36px; padding: 3px 36px 3px 12px; box-sizing: border-box; }
#site-banner .banner-content { margin: 3px auto; padding: 3px; font-size: 1em; }
#site-banner .banner-icon { height: 30px !important; width: auto; display: inline; vertical-align:middle; margin: 0 6px 0 3px; }
#site-banner .button { margin: 0; font-size: 0.75em !important; font-weight: normal !important; padding: 3px 9px !important; }
#site-banner .button.secondary { background: #17233F; }
#site-banner .button.secondary:hover { background: linear-gradient(232deg, #FF9371 33.66%, #FB6235 67.21%); }
#site-banner-close { position: absolute; top: 0; right: 0; z-index: 300; font-size: 1.3em; padding: 1px 3px; border-radius: 500px; cursor: pointer; }
#site-banner-close:hover { color: #ee0000; background: #ffffff; }

.floatright { float: none; }
.floatleft { float: none; }
.floatrightimg { float: right; margin: 3px 0 3px 10px; }
.floatleftimg { float: left; margin: 3px 10px 10px 0; }

.no-overflow { overflow: hidden; }
.alignright { text-align: right !important; }
.alignleft { text-align: left !important; }
.aligncenter { text-align: center; }
.centered { text-align: center; margin: 0 auto; }
img.centered { display: block; margin-left: auto !important; margin-right: auto !important; }
img.vmiddle { vertical-align: middle; }

.valignmiddle {}

.valignmiddle:before {    		/* create a full-height inline block pseudo=element */
    content: ''; 
    display: inline-block; 
    vertical-align: middle;  	/* vertical alignment of the inline element */
    height: 100%; 
    width: 0.1%; 
    overflow: hidden; 
}
.valignmiddle > div:first-of-type { 
	display: inline-block; 
    vertical-align: middle;  	/* vertical alignment of the inline element */
    width: 90%; 
}

.relative { position: relative; }
.inline { display: inline; }
.inline-block { display: inline-block; }

p {}
ul { margin: 0; padding: 0; }
img { border: 0 none; max-width: 100%; }

.rounded { border-radius: 6px !important; }
.rounder { border-radius: 9px !important; }
.radiused { border-radius: 12px !important; }
.curved { border-radius: 14px !important; }
.morecurved { border-radius: 18px; }
.bigcurved { border-radius: 25px; }
.bordered { border: 3px solid #DAE3F0; }
.padded { padding: 5px; box-sizing: border-box; }
.paddedpanel { padding: 10px; box-sizing: border-box; }
.bigpadded { padding: 25px; box-sizing: border-box; }
.paddedpercent { padding: 5px 1%; box-sizing: border-box; }
.bigpaddedpercent { padding: 15px 10%; box-sizing: border-box; }
.spaced { margin: 9px !important; }
.bigspaced { margin: 18px !important; }
.gradientdown { background: #DAE3F0; background: linear-gradient(to bottom, #DAE3F0 0%, #ffffff 100%); }
.shadowed { box-shadow: 2px 2px 6px 3px rgba(204,204,204,0.63); }
.plain { border: 0 none; box-shadow: none; }

.greypanel { background: #F6F6F6; }
.narrowpanel { width: 80%; margin: 10px auto; }
.borderedpanel { border: 1px solid #cccccc; border-radius: 7px; padding: 5px; }
.greybordered { background: #F6F6F6; border: 1px solid #cccccc; border-radius: 7px; }

.adminwelcome { margin: 5px 0 0 0; padding: 5px; background: #e6edf4; font-size: 0.8em; }

.shaded-admin { color: #454545; background: #f1e566; padding: 3px 9px; margin: 0; box-sizing: border-box; }
.shaded-admin ul { display: table; width: 100%; }
.shaded-admin li { display: table-cell; float: left; padding: 5px; }

.loggedin_menus { position: fixed; z-index: 999999; width: 100%; }

#adminmenu ul { margin: 5px; padding: 0; list-style: none; }
#adminmenuright li { float: right; margin: 0; padding: 0; border-left: 1px solid #ffffff; }
#adminmenuleft li { float: left; margin: 0; padding: 0; border-right: 1px solid #ffffff; }
#adminmenuleft li:first-child a:hover { background: transparent; }

#adminmenu li span { padding: 2px 5px; display: block; }

#adminmenu a { color: #ffffff; text-decoration: none; padding: 2px 5px; display: block; }
#adminmenu a:hover { background: #02356A; }

.underlined { text-decoration: underline; }
.indented { margin-left: 25px; }

.table-container { max-width: 100%; clear: both; padding: 5px 1%; box-sizing: border-box; overflow-y: auto; }

.table { width: 100%; display: table; }
.table-cell { display: table-cell; }

.tbl { display: table; width: 100%; box-sizing: border-box; }
.tr { display: table-row; width: 100%; }
.tableheader { display: table-row; }
.th { display: table-cell; font-weight: bold; }
.td { display: table-cell; }
.thr { display: block; width: 100%; font-weight: bold; }
.tdr { display: block; width: 100%; }

.certificatestable { border: 1px solid #ffffff; border-color: #ffffff; font-size: 0.9em; }
.certificatestable .thr, .certificatestable .tdr { border: 1px solid #ffffff; }
.certificatestable .td { padding: 6px 4px; }
.certificatestable .thr  { padding: 6px 4px; text-align: left; color: #666666; background: #dcddde; }
.certificatestable .tr:hover .tdr { background: #e5e5e5; }
.certificatestable .button { padding: 9px 12px; }

.certheading {max-width: 800px; font-size: 1.4em; font-style: italic; font-weight: bold; text-align: center; margin: 12px auto;}
#certificatecontainer { max-width: 800px; margin: 0 auto; font-size: 0.9em; }
.certlabel {width: 30%; font-weight: bold; text-align: left;}
.certdata {width: 60%; font-weight: normal; text-align: left;}
.certstable {border: 1px solid #ffffff; border-color: #ffffff; border-collapse: collapse; font-size: 0.9em; }
.certstable th, .certstable td {border: 1px solid #ffffff; max-width: 40% !important; }
.certstable th {padding: 6px 2px; text-align: left; color: #666666; background: #dcddde;}
.certstable tr:hover td {background: #e5e5e5;}

.printindex { font-size: 0.8em; page-break-after: always; }
.printcat { font-size: 0.8em; }
.printcat>h3, .printindex h3 { text-align: left; }
.printindex h4 { text-align: left; font-weight: 400; }
table.printedcat { margin-bottom: 15px; border: 1px solid #dedede; }
table.printedcat.breakafter { page-break-after: always; }
table.printedcat tr:nth-child(even) { background: #ffffff; }
table.printedcat tr:nth-child(odd) { background: #f7f7f7; }
table.printedcat a:link, a:visited { color: #FB6236; text-decoration: none; }
table.printedcat a:hover { text-decoration: underline; }

.datapresentationtable { background: #efefef; border: 2px solid #dcddde; }
.datapresentationtable th { border: 2px solid #ffffff; border-collapse: collapse; font-weight: 800; text-align: left; color: #666666; background: #dcddde; }
.datapresentationtable td { border: 2px solid #ffffff; border-collapse: collapse; }

.documentstable { width: 100%; background: #efefef; border: 2px solid #dcddde; }
.documentstable th { border: 2px solid #ffffff; border-collapse: collapse; font-weight: 800; text-align: left; color: #666666; background: #dcddde; }
.documentstable td { border: 2px solid #ffffff; border-collapse: collapse; }

.listingtable { width: 100%; background: #ffffff; border: 0 none; }
.listingtable td { vertical-align: top; padding: 3px; }
.listingtable tr { border-bottom: 0 none; background: #ffffff; }
.listingtable tr:nth-child(odd) { background: #cbebff; }
.listingtable tr:nth-child(even) { background: #F1F8FF; }

.listingtable-headings { background: #D1F2FC; }

.listingtable#product-list { border-spacing: 0 20px; font-size: 0.8em; }
.listingtable#product-list th { text-align: center; vertical-align : middle; padding: 10px; }
.listingtable#product-list td { text-align: center; vertical-align : middle; padding: 10px; }

.listingtable#product-list .list-image { width: 125px; border-radius: 10px 0 0 10px; display: none; }
.listingtable#product-list .list-image img { display: block; }
.listingtable#product-list .list-image img:hover { transform: scale(2.5); transition: transform 1s; transform-origin: left center; }
.listingtable#product-list .list-description { text-align: left; border-radius: 10px 0 0 10px; }
.listingtable#product-list .list-code { }
.listingtable#product-list .list-pack { }
.listingtable#product-list .list-pricing { display: none; }
.listingtable#product-list .list-basket-button { width: 250px; display: none; }
.listingtable#product-list .list-cta { border-radius: 0 10px 10px 0; }
.listingtable#product-list .list-cta a { white-space: nowrap; }

.listingtable#categories { border-spacing: 0 20px; font-size: 0.8em; }
.listingtable#categories th { text-align: center; vertical-align : middle; padding: 10px; }
.listingtable#categories td { text-align: center; vertical-align : middle; padding: 10px; vertical-align: top;}
.listingtable#categories tr:nth-child(odd) { background: rgba(241, 248, 255, 1); }
.listingtable#categories tr:nth-child(even) { background: rgba(241, 248, 255, 1); }
.listingtable#categories .list-image { width: 200px; border-radius: 10px 0 0 10px; display: none; }
.listingtable#categories .list-image img { display: block; }
.listingtable#categories .list-image img:hover { transform: scale(1.5); transition: transform 1s; transform-origin: left center; }
.listingtable#categories .list-description { display: block; width: 100%; text-align: left; border-radius: 10px 0 0 10px; }
.listingtable#categories .list-description h5 { font-size: 20px; margin: 0 0 0.25em 0; font-weight: bold; text-align: left; }
.listingtable#categories .list-description h5 a { text-decoration: none; color: #000000; }
.listingtable#categories .list-description p, .listingtable#categories .list-description>div { font-size: 16px; margin: 0 0 0.35em 0; text-align: left; }
.listingtable#categories .list-buttons { display: block; width: 100%; border-radius: 0 10px 10px 0; }
.listingtable#categories .list-buttons a { white-space: nowrap; }

#loading_bar { height: 5px; width: 0; margin: 5px 0; background: #30653A; }

.loading { width: 100%; max-width: 100%; min-height: 50px; margin: 0; padding: 0; background: #DBE5E5; background: url('/images/loading.gif') no-repeat center center; }
.ajax-loading { width: 100%; max-width: 100%; min-height: 25px; margin: 0; padding: 0; background: #DBE5E5; background: url('/images/ajax-loader.gif') no-repeat center center; }

.nowrap { white-space: nowrap; }
.underlined { text-decoration: underline; }
.line-through { text-decoration: line-through; }
.clickable { cursor: pointer; }
.clicktozoom { cursor: zoom-in; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.italic { font-style: italic; }
.scroll { overflow-y: scroll !important; }

.tight { margin: 0; padding: 0; }

.toggledown { width: 38px !important; height: 38px !important; margin: 0 !important; padding: 0 !important; border: 0 none !important; color: transparent; text-align: center; text-decoration: none; background: transparent url('/images/pointer-down.png') center top no-repeat; cursor: pointer; }
.toggleup { width: 38px !important; height: 38px !important; margin: 0 !important; padding: 0 !important; border: 0 none !important; color: transparent; text-align: center; text-decoration: none; background: transparent url('/images/pointer-up.png') center top no-repeat; cursor: pointer; }

.showmore { }
.showless { display: none; }

.reveal { display: none; }
.revealed { display: block; }

.floatedbox-brands { display: inline-block; width: 100%; height: 150px; margin: 0 0 6px 0; color: #76899a; text-align: center; overflow: hidden; }
.floatedbox-brands img, .brandimg { border: 2px solid #DEDFE1; border-radius: 5px; }

.terms h2, .privacy h2, .privacy h3, .privacy h4 { text-align: left; }

.privacy ol { padding-top: 0 !important; }
.privacy h3 { display: inline !important; padding-top: 0 !important; margin-top: 0 !important; }

.language-choose h2 { display: inline; }

.language-choose select {
	font-size: 0.8em;
	margin: 3px 0;
	padding: 3px 24px 3px 6px;
	border: 1px solid #fb6235;
	color: #fb6235;
	background-color: transparent;
	background-image: url('/images/select-arrow.png');
	background-repeat: no-repeat;
	background-position: right center;
	border-radius: 3px;
	appearance: none;
	float: right;
}

.row.expertise { background: #FC7E55 url('/images/expertise_bg.jpg') center center no-repeat; background-size: cover; }

.expertise ol {
	list-style: none;
	list-style-position: inside !important;
	margin-left:0;
	padding-left:0;
	counter-reset: item;
}

.expertise ol li {
	position: relative;
	margin: 1em 0 0 2em;
	counter-increment: item;
	padding: 0.3em 1em 0 0.5em;
	list-style: none;
	font-weight: bold;
}

.expertise ol li:before {
	content: counter(item);
	position: absolute;
	top: -2px;
	left: -2em;
	box-sizing: border-box;
	width: 2em;
	padding: 8px;
	color: #ffffff;
	background: #404040;
	font-weight: 400;
	text-align: center;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
}

.row#whats-new {
	background: #cbebff;
	background-image: url('/images/molecular.png'); /* fallback */
	background-image: url('/images/molecular.png'), linear-gradient(135deg, #f3fbfd 0%,#cbebff 47%,#d1f2fb 100%); /* W3C */
	background-position: right center;
	background-repeat: no-repeat;
}

.row.order-today { background: #FC7E55 url('/images/order_today_bg.jpg') center center no-repeat; background-size: cover; }

.row.registered-can { background: rgba(241, 248, 255, 1); font-size: 0.8em; padding: 70px 0; }

.registered-can .header-wrap { width: 100%; text-align: center;  }
.registered-can .flexbox h3 { margin: 0 !important; padding: 0 !important; }

.registered-can p.icon { margin: 1.25em 0.5em 1em 0; }
.registered-can p.icon img { float: left; margin-right: 15px; transform: translateY(-10px); }

.registered-can ul.cta { list-style: none; margin: 0; padding: 0; text-align: center !important; }
.registered-can ul.cta li { padding: 0; display: inline; }

/* tinybox modal */

.pane-modal { min-height: 550px; }

.tcontent { width: 100%; min-width: 340px; }  /* modal content wrapper */
.tbox { position: absolute; display: none; padding: 14px 17px; z-index: 900; border-radius: 9px; max-width: 95%; }
.tinner { padding: 0; border-radius: 5px; background: rgba(255,255,255,0.9) url('/images/preload.gif') no-repeat 50% 50%; max-width: 100%; }

.tmask { position: absolute; display: none; top: 0px; left: 0px; height: 100%; width: 100%; background: #000000; z-index: 800; }

.tclose { position: absolute; top: 0; left: 0; width: 30px; height: 30px; cursor: pointer; background: url("../images/close.png") no-repeat; }
.tclose:hover { background-position: 0 -30px}

#error { background: #ff6969; color: #fff; text-shadow: 1px 1px #cf5454; border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 0; }
#error .tcontent { padding: 10px 14px 11px; border: 1px solid #ffb8b8; border-radius: 5px; }
#success { background: #2ea125; color: #ffffff; text-shadow: 1px 1px #1b6116; border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 10px; border-radius: 0; }
#tmask { background: #333333; }
#frameless { padding: 0; }
#frameless .tclose { left: 6px; }

/* /tinybox modal */

/* testimonials styles: */

.testimonials { position: relative; text-align: center; margin: 25px auto 50px auto; padding: 25px; box-sizing: border-box; }
#testimonials { border: 2px solid #fb6235; border-radius: 30px; }
.testimonials .testimonial { width: 100%; box-sizing: border-box; text-align: center; margin: 0 auto; padding: 25px; }
.testimonials .testimonialcontent { width: 100% !important;  opacity: 0; transition: 0.3s; }
.testimonials .testimonialcontent a { color: #000000; text-decoration: none; }
.testimonials .customercomment { min-height: 120px; font-size: 1em; overflow: hidden; color: #000000; font-weight: 300; margin: 22px 0; position: relative; }
.testimonials .customercomment div { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.testimonials .testimonial.cycle-slide-active > .testimonialcontent { opacity: 1; transition: 0.3s; transition-delay: 0.9s; }
.testimonials .customer { color: #fb6235; font-size: 1em; font-weight: 800; margin: 12px 0; test-transform: uppercase; }

.testimonials .prevtestimonial { display: none; position: absolute; z-index: 100; top: 50%; transform: translateY(-20px); left: 20px; margin: 0; padding: 0; font-size: 4em; color: #fb6235; background: transparent; cursor: pointer; }
.testimonials .nexttestimonial { display: none; position: absolute; z-index: 100; top: 50%; transform: translateY(-20px); right: 20px; margin: 0; padding: 0; font-size: 4em; color: #fb6235; background: transparent; cursor: pointer; }

.testimonials .testimonialpager { position: absolute; z-index: 125; bottom: -50px; left: 50%; transform: translateX(-50%); display: block; }
.testimonials .testimonialpager span { font-size: 2%; margin: 6px 12px; text-decoration: none !important; text-align: center; color: transparent; display: inline-block; height: 16px; width: 16px; background-color: rgba(255, 147, 113, 1); border: 0 none; border-radius: 50%; }
.testimonials .testimonialpager span:hover { cursor: pointer; background-color: #fb6235; border: border: 0 none; }
.testimonials .testimonialpager span.cycle-pager-active { background-color: #fb6235; border: border: 0 none; cursor: auto; }
.testimonials .testimonialpager span.cycle-pager-active:hover { background-color: #fb6235; border: border: 0 none; cursor: auto; }

.customercomment { font-weight: 200; font-size: 1em; text-align: center; }
.customer { font-weight: 200; font-size: 1.7em; text-align: center; text-transform: capitalize; }
.testimonialdate { font-weight: 200; font-size: 0.8em; text-align: center; }

/*
.leftquot { margin-right: 6px; font-family: Georgia, 'Times New Roman', Garamond, serif; font-size: 1.5em; }
.rightquot { margin-left: 6px; font-family: Georgia, 'Times New Roman', Garamond, serif; font-size: 1.5em;  }
*/
div.rightquot { position: absolute; bottom: 55px; right: 55px; width: 130px; height: 85px; background: transparent url('/images/double-quote.svg') center center no-repeat; background-size: contain;  }

.stars { white-space: nowrap; }
.stars img { margin: 0 4px; }

/* /testimonials styles */

/* specialisms styles: */

.specialisms { position: relative; text-align: center; margin: 25px auto 50px auto; padding: 25px; box-sizing: border-box; }
#specialisms { width: 90%; margin: 0 auto; background: #ffffff; border-radius: 25px; }
.specialisms .specialism { width: 100%; box-sizing: border-box; text-align: center; margin: 0 auto; padding: 25px; }
.specialisms .specialism .icon {}
.specialisms .specialism h3 {}
.specialisms .specialism p {}
.specialisms .specialism .button {}

.specialisms .prevspecialisms { position: absolute; z-index: 100; top: 50%; transform: translateY(-20px); left: 20px; margin: 0; padding: 0; font-size: 4em; color: #000000; background: transparent; cursor: pointer; }
.specialisms .nextspecialisms { position: absolute; z-index: 100; top: 50%; transform: translateY(-20px); right: 20px; margin: 0; padding: 0; font-size: 4em; color: #000000; background: transparent; cursor: pointer; }

.specialisms .specialismpager { position: absolute; z-index: 125; bottom: -50px; left: 50%; transform: translateX(-50%); display: block; }
.specialisms .specialismpager span { font-size: 2%; margin: 6px 12px; text-decoration: none !important; text-align: center; color: transparent; display: inline-block; height: 16px; width: 16px; background-color: rgba(255, 147, 113, 1); border: 0 none; border-radius: 50%; }
.specialisms .specialismpager span:hover { cursor: pointer; background-color: #fb6235; border: border: 0 none; }
.specialisms .specialismpager span.cycle-pager-active { background-color: #fb6235; border: border: 0 none; cursor: auto; }
.specialisms .specialismpager span.cycle-pager-active:hover { background-color: #fb6235; border: border: 0 none; cursor: auto; }

#show_specialism {
	font-size: 0.9em;
	font-weight: bold;
	padding: 9px 36px 9px 9px;
	border: 0 none;
	color: #000000;
	background-color: #ffffff;
	background-image: url('/images/select_bg_icon.png');
	background-repeat: no-repeat;
	background-position: right 5px center;
	border-radius: 500px;
	appearance: none;
}
#show_specialism:focus {
    outline: none;
}

/* /specialisms styles */


/* mobile styles */

.max100 { max-width: 100%; }

.notmobile { display: none; }
.notsmallscreen { display: none; }
.secondary-menu>ul>li.notsmallscreen { display: none; }

.notmediumscreen, #mainmenu > ul > li.notmediumscreen, 
.header-menu>ul>li.notmediumscreen, 
.secondary-menu>ul>li.notmediumscreen { display: none; }

.notlaptop, 
.header-menu>ul>li.notlaptop 
.secondary-menu>ul>li.notlaptop { display: none; }

.header-menu ul li.notmobile 
.secondary-menu ul li.notmobile { display: none; }

.smallscreen { display: block; }
.mediumscreen { display: block; }

.displayinline { display: inline; }

.samples-table { font-size: 0.8em; }
.samples-desc { max-width: 100px !important; }
/* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */

.scroll-tip { display: inline-block; float: right; text-align: right; }

iframe { border: 0 none; margin: 0; padding: 0; overflow: auto; }

.panel-box-rwd { 
	position: relative; 
	padding-bottom: 56.25%; /* 16: 9 */
	padding-top: 0; 
	height: 0; 
}

.rwd-first-div { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.feedbackcontainer { background: #404040; }
#feedback-img { position: relative; height: 135px; }
#feedback-img img { position: absolute; top: -47px; left: 50%; margin-left: -112px; z-index: 100; width: 224px; height: 224px; }
.feedback-panel { width: 100%; }
#feedback h5 { padding-top: 5px; color: #ffffff; font-size: 1.4em; font-weight: 800; margin: 0; }
.feedback-button
 { 
	color: #ffffff; 
	border: 2px solid #ffffff; 
	border-radius: 3px; 
	background-color: #E94141; 
	font-size: 1.1em; 
	font-weight: 800; 
	text-decoration: none !important; 
	text-align: center; 
	white-space: nowrap; 
	display: inline-block; 
	cursor: pointer; 
	margin: 15px auto; 
	padding: 13px 30px; 
}
.feedback-button:hover
 { 
	color: #E94141!important; 
	background-color: #ffffff; 
	border: 2px solid #E94141; 
}

.contactcontainer { margin: 0; padding: 0; }
.contact-panel { width: 100%; margin: 0; padding: 15px 0; }
.contact-panel h3 { padding: 5px 5px 15px 5px; }

.contact-pane { width: 100%; padding: 10px 0; text-align: left; }

.smm-pane, .payment-logos-pane { width: 100%; padding: 10px 0; text-align: left; }
#smmbuttons-wrapper, #payment-logos-wrapper { display: block; clear: both; margin: 0; padding: 0; text-align: center; }
#smmbuttons-wrapper img { width: 16%; margin: 5px; border-radius: 50%; }

.accountmanagerscontainer { margin: 0; padding: 0; background: #ffffff; }
.account-managers-panel { width: 100%; margin: 0; padding: 15px 0; background: #E0EFF0; }

.twittercontainer { }
.twitter-panel { width: 100%; }
#twitter-img { position: relative; height: 160px; }
#twitter-img img { position: absolute; top: -30px; left: 50%; margin-left: -110px; z-index: 100; width: 220px; height: 220px; border-radius: 50%; }
#twitter-panel-img { display: none; border-radius: 50%; margin: 3px; }
#twitter { height: 125px; margin: 5px 0; overflow: hidden; }
#twitter iframe { width: 100%; margin: 0 !important; }

#blogger { max-width: 515px; }
#blogger-img { position: relative; height: 160px; }
#blogger-img img { position: absolute; top: -30px; left: 50%; margin-left: -110px; z-index: 100; width: 220px; height: 220px; border-radius: 50%; }
#blog-panel-img img { border-radius: 50%; }
#blogger { height: 125px; margin: 5px 0; background: #b2cce4; overflow: auto; }


.article { border-bottom: 1px solid #cccccc; padding-bottom: 4px; margin-bottom: 4px; }
.article a { text-decoration: none; }
.article a:hover { text-decoration: underline; }
.articletitle { margin-left: 40px; text-indent: -40px; font-size: 1.1em; font-weight: 400; }
.articledate { margin-left: 40px; font-style: italic; }

.avatar { width: 32px; height: 32px; border-radius: 4px; display: inline-block; vertical-align: middle; margin: 0 4px; }

.follow-button
 { 
	color: #ffffff; 
	border: 2px solid #ffffff; 
	border-radius: 3px; 
	background-color: #767676; 
	background-image: url('/images/twitter-trans-25x60.png'); 
	background-position: right 10px; 
	background-repeat: no-repeat; 
	font-size: 1.1em; 
	font-weight: 800; 
	text-decoration: none !important; 
	text-align: center; 
	white-space: nowrap; 
	display: inline-block; 
	cursor: pointer; 
	margin: 15px auto; 
	padding: 13px 62px 13px 36px; 
}
.follow-button:hover
 { 
	border: 2px solid #767676; 
	color: #767676!important; 
	background-color: #ffffff; 
}

.videowrapper { 
	position: relative; 
	padding-bottom: 56.25%; 	/* 16: 9 */
	padding-top: 0; 
	height: 0 !important; 
}
.gallerywrapper { 
	position: relative; 
	padding-bottom: 125%; 		/* 4: 5 */
	padding-top: 0; 
	height: 0; 
}
.square-wrapper-rwd { 
	position: relative; 
	padding-bottom: 100%; 		/* 1: 1 */
	padding-top: 0; 
	height: 0; 
}
.twothirds-wrapper-rwd, .image-rwd { 
	position: relative; 
	padding-bottom: 66.66%; 		/* 3: 2 */
	padding-top: 0; 
	height: 0; 
}
.half-wrapper-rwd { 
	position: relative; 
	padding-bottom: 50%; 		/* 2: 1 */
	padding-top: 0; 
	height: 0; 
}
.onethird-wrapper-rwd { 
	position: relative; 
	padding-bottom: 33.33%; 	/* 1: 3 */
	padding-top: 0; 
	height: 0; 
}

.videowrapper iframe,
.videowrapper>div,
.image-rwd div,
.gallerywrapper iframe,
.square-wrapper-rwd iframe,
.square-wrapper-rwd > div:first-of-type,
.twothirds-wrapper-rwd > div:first-of-type,
.half-wrapper-rwd > div:first-of-type,
.onethird-wrapper-rwd > div:first-of-type
 { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	overflow: hidden; 
}

/* tinybox modal */

.tcontent { position: relative; background: #ffffff; }  /* modal content wrapper */
.tbox { position: absolute; display: none; padding: 14px 17px; z-index:900; border-radius: 9px; }
.tinner { padding: 0; border-radius: 5px; background: rgba(255,255,255,1) url('images/preload.gif') no-repeat 50% 50%; }

.tmask { position: absolute; display: none; top: 0px; left: 0px; height: 100%; width: 100%; background: #000000; z-index:800; }

.tclose { position: absolute; top: 0; left: 0; width: 30px; height: 30px; cursor:pointer; background: url(images/close.png) no-repeat; }
.tclose:hover { background-position: 0 -30px}

#error { background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right: 1px solid #000; border-bottom: 1px solid #000; padding:0; }
#error .tcontent { padding: 10px 14px 11px; border: 1px solid #ffb8b8; border-radius: 5px; }
#success { background: #2ea125; color: #ffffff; text-shadow: 1px 1px #1b6116; border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 10px; border-radius: 0; }
#tmask { background: #333333; }
#frameless { padding: 0; }
#frameless .tclose { left: 6px; }

/* /tinybox modal */

.image-contain-v img { max-height: 100%; }

.productbox .image-contain-h { max-width: 100%; }
/*	.productbox .image-contain-h img { display: block; width: 100%; height: 100%; } NOW USING RWD CHILD DIV */

.categorybox .image-contain-h { max-width: 100%; }
.categorybox .image-contain-h img { display: block; width: 100%; height: 100%; }

.field_normal { background: #ffffff; }
.field_focus { background: #fff6e5; }
.field_updated { background: #efffef; }

#options-panel { }

#optionspane { text-align: left; }
#optionspane select { display: block; }

#optionssummary { width: 100%; }
#optionssummary .pricestext { line-height: 1em; padding: 0 12px; margin-bottom: 0; font-size: 1.2em; font-weight: bold; }

#optionscta { width: 100%; }
#optionscta a, #optionscta .button { 
    font-size: 2.4em; 
    font-weight: 800; 
    padding: 4px 30px 1px 30px; 
    border-radius: 15px; 
	margin-left: 12px; 
}

#thePriceIncVattext, #thePriceExVattext { }
#options { overflow: hidden; position: relative; }

#options .option-group-header { font-size: 1.2em; background: #ffffff; border-radius: 18px 18px 0 0; padding: 9px 18px; margin-top: 30px; cursor: pointer; }
.header-closed { border-radius: 18px !important; }
.option-group-header-text { font-size: 1.3em; }
#options .option-group-toggle { display: inline-block; }
#options .option-group-toggle i { padding: 0 20px; }
#options .option-group-toggle>span>span { font-size: 1em; font-weight: 400; color: #A8A8A8; }
#options .option-group { background: #ffffff; border-radius: 0 0 18px 18px; padding: 9px 18px; }
#options .option-group select { border: 2px solid #D8DEE6 !important; padding: 2px 3px !important; }
/* #options .option-wrapper { padding: 18px; } */

/*  #options .option_label { width: 100%; min-height: 55px; font-size: 1.3em; padding: 5px; box-sizing: border-box; position: relative; }
	#options .option_label label { display: block; padding-left: 65px; }
 ** no option_icon so different option_label styling for this site: 
*/
#options .option_label { width: 100%; font-size: 1.1em; padding: 5px; box-sizing: border-box; position: relative; text-align: left; }
#options .option_label label { display: block; }

#options .option_icon { width: 60px; position: absolute; top: 0; left: 0; }
#options .option_icon img { max-width: 100%; }

#options .option_selector { clear: both; white-space: nowrap; width: 100%; padding: 5px; float: left; box-sizing: border-box; }
/* #options .option_selector select { width: 100%; max-width: calc(100% - 55px); margin-top: 3px; float: left; border-radius: 9px; background: #ffffff; border: 0 none; } */
#options .option_selector select { width: 100%; max-width: none !important; margin: 0 !important; padding: 4px 3px !important; border-radius: 9px; background: #ffffff; border: 2px solid #888b8d; appearance: none; background-image: url('/images/select-pointer.png'); background-repeat: no-repeat; background-position: right center; }

#options .option_tick { width: 55px; padding-left: 5px; box-sizing: border-box; float: left; }
#options .option_tick img { max-width: 100%; }

#options .option_note { text-align: left; padding: 6px; }

.option_personalisation { clear: both; text-align: left; padding: 5px; }
.option_personalisation .option_input { width: 98%; max-width: 98% !important; margin: 0 !important; padding: 4px 3px !important; border-radius: 9px; background: #ffffff; border: 2px solid #888b8d; }

.option_checkboxes { clear: both; text-align: left; padding: 5px; }
.options_checkbox_container { font-size: 1.25m; padding: 5px; }
.options_checkbox_container > input[type=checkbox] { width: auto; height: auto; -moz-transform: none; padding: initial; margin: 3px 3px 3px 4px !important; border: initial; border-radius: 0; }
textarea { font-size: 1.2em; padding: 3px 0; border: 1px solid #cccccc; border-radius: 3px; width: 98%; }
select { font-size: 1.2em; margin: 2px 0; padding: 6px 36px 6px 11px; border: 1px solid #cccccc; background-color: #ffffff; border-radius: 3px; max-width: 98%; box-sizing: border-box; appearance: none; background-image: url('/images/select-pointer.png'); background-repeat: no-repeat; background-position: right center; }
input[type=button], input[type=submit] { appearance: none; }
input[type=checkbox] { width: 26px; height: 26px; -moz-transform: scale(1.5); padding: 6px 3px; margin: 0 6px; border: 1px solid #cccccc; border-radius: 12px; vertical-align: middle; }

select[multiple] { background-image: none; }

.options_checkbox_container > input[type=checkbox] { width: auto; height: auto; -moz-transform: none; padding: initial; margin: 3px 3px 3px 4px !important; border: initial; border-radius: 0; }

 /* Custom options checkboxes: */
 /* Customize the label (the container) */
.options_checkbox_container { 
	display: inline-block; 
	position: relative; 
	font-size: 1.1em; 
/*	padding: 9px 55px 3px 70px; */
	padding: 9px 0 3px 55px; 
	margin-bottom: 12px; 
	cursor: pointer; 
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
}

/* Hide the browser's default checkbox */
.options_checkbox_container input { 
	position: absolute; 
	opacity: 0; 
	cursor: pointer; 
	height: 0; 
	width: 0; 
}

/* Create a custom checkbox */
.options_checkbox_container .checkmark { 
	position: absolute; 
	top: 0; 
/*	right: 0; */
	left: 0; 
	height: 36px; 
	width: 36px; 
	border: 2px solid #888b8d; 
	border-radius: 9px; 
	background-color: #ffffff; 
}

#options .option-group .options_checkbox_container .checkmark { 
	border: 2px solid #888b8d !important; 
	height: 36px; 
	width: 36px; 
}

/* On mouse-over, add a grey background color */
.options_checkbox_container:hover input ~ .checkmark { 
	background-color: #eeeeee; 
}

/* When the checkbox is checked, add a blue background */
.options_checkbox_container input: checked ~ .checkmark { 
	background-color: #ffffff; 
}

/* Create the checkmark/indicator (hidden when not checked) */
.options_checkbox_container .checkmark:after { 
	content: ""; 
	position: absolute; 
	display: none; 
}

/* Show the checkmark when checked */
.options_checkbox_container input: checked ~ .checkmark:after { 
	display: block; 
}

/* Style the checkmark/indicator */
.options_checkbox_container .checkmark:after { 
	left: 11px; 
	top: 2px; 
	width: 8px; 
	height: 18px; 
	border: solid #767676; 
	border-width: 0 7px 7px 0; 
	-webkit-transform: rotate(45deg); 
	-ms-transform: rotate(45deg); 
	transform: rotate(45deg); 
} 

#options .option-group .options_checkbox_container .checkmark:after { 
	left: 10px; 
	top: 3px !important; 
}

/* / Custom options checkboxes */

#reveal-options { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,69,124,0.8); color: #ffffff; font-size: 2.5em; font-weight: bold; text-align: center; padding: 18px 0; border-radius: 0 0 25px 25px; cursor: pointer; }

#configurables { padding: 0 12px; }
#configurables h3 { font-size: 3em; margin: 0; padding: 0; }

/* #price-panel { margin-bottom: 30px; } */

.savings-pane { width: 100%; color: #ffffff; background: #ee0000; padding: 11px 0; text-align: center; box-sizing: border-box; font-size: 1.8em; font-weight: 800; }
.header-pane { width: 100%; color: #ffffff; background: #404040; padding: 9px 0; text-align: center; box-sizing: border-box; }

.pricestext { line-height: 1.6em; padding: 15px 3px; font-size: 1.4em; font-weight: bold; }
.optionpricetext { padding: 12px 3px; }

.hiretext { font-weight: 800; color: #E83475; padding: 9px 3px; }
.normallytext { padding: 9px 3px; }
.savingstext { padding: 9px 3px; }

.productcta { margin: 9px 0; }
.productcta a, .productcta .button { width: 100%; font-size: 1.2em; font-weight: 800; margin: 0; padding: 9px 3px; border-radius: 500px; box-sizing: border-box; }

.qtybox { text-align: center; max-width: 40px !important; padding: 3px 0 !important; border-radius: 3px !important; -moz-appearance: textfield !important; }
.qtybox:: -webkit-outer-spin-button,
.qtybox:: -webkit-inner-spin-button { 
    appearance: none; 
    margin: 0; 
}

#productinfo { margin: 9px 0; }

.productstock { text-align: center; padding: 9px 3px; }
.stocktext { }
.deliverytext { }

.productmaterial { text-align: center; padding: 9px 3px; }

.productcode { text-align: center; padding: 9px 3px; }

#supplier-panel p { margin: 9px 0; padding: 6px; }

.pdf-over { position: absolute; z-index: 10; top: 3px; right: 3px; width: 38px; height: 38px; background: url('/images/li_pdf_40.png') center center no-repeat; }

.share { text-align: left; }

.at-icon-wrapper { border-radius: 50% !important; }

#panel-genres { background: #F1F8FF; }
#panel-genres .flexbox p { font-size: 18px; }
#panel-genres .flexbox .icon { height: 90px; margin: 40px auto 0 auto; }
#panel-genres .flexbox .icon img { max-height: 100%; width: auto; }

#panel-genres .flexbox .heading-wrap {
	display: block;
	position: relative;
	min-height: 73px;
	width: 100%;
	margin: 0.75em 0 !important;
}
#panel-genres .flexbox .heading-wrap h3 {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	margin: 0 !important;
	font-size: 20px;
	color: #18152F;
	font-style: normal;
	font-weight: 700;
}

.column-10, .column-20, .column-25, .column-30, .column-33, .column-40, .column-45, .column-50, .column-55, .column-60, .column-66, .column-70, .column-75, .column-80, .column-checkout, .column-grid { width: 100%; box-sizing: border-box; }

.column-16 { width: 50%; margin: 0; padding: 0; float: left; }

.col20 { width: 20%; float: left; box-sizing: border-box; }
.col30 { width: 30%; float: left; box-sizing: border-box; }
.col50 { width: 50%; float: left; box-sizing: border-box; }
.col70 { width: 70%; float: left; box-sizing: border-box; }
.col80 { width: 80%; float: left; box-sizing: border-box; }

.column-checkout { margin-bottom: 5px !important; }
.column-checkout h2 { margin: 0 !important; padding: 0 !important; }
.column-checkout input[type=text], .column-checkout select { width: 96% !important; padding: 5px 1%; font-size: 1.2em; }

.checkout-wide { width: 100%; margin: 0; padding: 0; }

.deliverylocationselect { padding: 5px 1%; font-size: 1.2em; }

form { margin: 0; padding: 0; }

.formfield { clear: both; margin: 10px 0; }
#customer-register label, #complete-form label { display: block; }
#customer-register .formfield, #complete-form .formfield  { clear: none; margin: 5px 0; }

.formlabel, .formlabel30, .formlabel50, .formlabel60, .formlabel75, .formlabelwide, .rightformlabel, .form-textarea-container { width: 100%; float: left; margin: 0; }

.verification_box { width: 75px !important; height: 30px !important; overflow: hidden; float: left; margin-right: 5px; }
#verification { width: 150px !important; max-width: none !important; }

#issuuwrapper { }
.issuuembed { width: 100%; max-width: 100%; margin: 0; padding: 0; background: #DBE5E5; background: url('/images/loading.gif') no-repeat center center, linear-gradient(to bottom, #EFEFFF 0%, #FFFFFF 50%, #EFEFFF 100%); box-shadow: 0px 3px 5px 0px rgba(66,66,66,0.5); }

.framecontainer { position: relative; clear: both; width: 100%; height: 600px; margin: 0; padding: 0; background: #DBE5E5; background: url('/images/loading.gif') no-repeat center center, linear-gradient(to bottom, #DAE3F0 0%, #EFEFFF 50%, #DAE3F0 100%); box-shadow: 0px 3px 5px 0px rgba(66,66,66,0.5); }
.framecontainer iframe { width: 100%;  height: 100%; }

.mapcontainer { position: relative; clear: both; width: 100%; height: 600px; max-height: 50vh; margin: 0; padding: 0; background: #DBE5E5; background: url('/images/loading.gif') no-repeat center center, linear-gradient(to bottom, #DAE3F0 0%, #EFEFFF 50%, #DAE3F0 100%); box-shadow: 0px 3px 5px 0px rgba(66,66,66,0.5); }
.mapcontainer iframe { width: 100%;  height: 100%; }

.page-scroll-reserve { position: absolute; z-index: 10; top: 15%; right: 1%; height: 55%; width: 7%; background: rgba(0,0,0,0.1); border-radius: 9px; }

.directionscontainer { position: absolute; z-index: 20; bottom: 0; left: 0; width: 80%; margin: 0 10% 50px 10%; padding: 0; text-align: center; }
.directionspanel { display: inline-block; margin: 0 auto; padding: 9px; background: rgba(255,255,255,0.5); border-radius: 9px; }
.directionspanel .button_smallest { margin-left: 3px; margin-right: 3px; }

.newmapwindow { position: absolute; bottom: 0; left: 0; z-index: 20; width: 80%; margin: 0 10% 5px 10%; padding: 0; text-align: center; }

.ui-resizable-helper { position: absolute; bottom: 0; left: 0; z-index: 20; margin-bottom: -25px; height: 50px; width: 100%; background: url('/images/resize-v.png') center center no-repeat; display: none; }

/* product lists, search, product details, basket and checkout */

.cataloguecontainer .itemheader { border-top: 0 none !important; }
.cataloguecontainer .ddtoggle, .cataloguecontainer .ddtoggled { font-size: 3.5em; font-weight: 400 !important; }

#prod_count { font-size: 27px; font-weight: 400; color: #6f7271; margin: 18px 0; }
#items_per_page { }
#sort_order { }

.items_header_item, #price_slider { 
	font-size: 20px; 
	font-weight: 400; 
	padding: 6px 11px; 
	width: auto; 
	max-width: 100%; 
	box-sizing: border-box; 
	margin: 0; 
	color: #6f7271; 
	background-color: #ffffff; 
	border: 2px solid #888b8d; 
	box-shadow: none; 
	border-radius: 6px; 
}

#price_filter { }
#price_slider { position: absolute; top: 100%; left: -2px; margin-top: 5px; min-width: 120%; display: none; }

.rangeinput { 
	color: #6f7271; 
	font-weight: 400; 
	text-align: right; 
	font-size: 20px !important; 
	max-width: 55px !important; 
	padding: 0 !important; 
	margin: 0 !important; 
	border: 0 none !important; 
}
#pricemin { max-width: 45px !important; }

.button_filter { float: right; font-size: 0.7em; border: 2px solid #767676; padding: 3px 6px; color: #ffffff; background: #767676; border-radius: 6px; cursor: pointer; }
.button_filter:hover { background: #404040; border: 2px solid #404040; }

.input-slider-container { padding: 3px; overflow: hidden; }

.select_catalog { 
	font-size: 20px; 
	font-weight: 400; 
	padding: 6px 36px 6px 11px; 
	width: auto; 
	max-width: 100%; 
	box-sizing: border-box; 
	margin: 0; 
	color: #6f7271; 
	background-color: #ffffff; 
	border: 2px solid #888b8d; 
	box-shadow: none; 
	border-radius: 6px; 
	appearance: none; 
	background-image: url('/images/select-pointer.png'); 
	background-repeat: no-repeat; 
	background-position: right center; 
}
.select-css:: -ms-expand { 
	display: none; 
}
.select-css:hover { 
	border-color: #888b8d; 
}
.select-css: focus { 
	border-color: #888b8d; 
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); 
	box-shadow: 0 0 0 3px -moz-mac-focusring; 
	color: #6f7271; 
	outline: none; 
}
.select-css option { 
	font-weight: 400; 
}

#items-header { 
	display: block; 
	width: 100%; 
	background-color: #EF7959;
	background: #cbebff linear-gradient(135deg, #d1f2fb 0%,#cbebff 47%,#f3fbfd 100%);
	border-radius: 12px;
	padding: 5px 0.5%;	
}

.items-header-title { font-size: 1.1em; text-align: left; align-items: center; padding: 9px; clear: both; display: none; }

#items-header-close { font-size: 1.25em; float: right; margin: 9px 18px; color: #767676; cursor: pointer; display: none; }

#items-header-toggle { display: none; margin: 0 18px; float: right; }

#items-header.toggled { 
	display: block; 
    position: fixed;
	top: 0; 
	right: 0; 
	max-width: 100%; 
	width: 428px; 
	height: 100%; 
    background: #ffffff;
	border-radius: 0;
    z-index: 3000; 
    overflow-y: auto; 
	box-shadow: -3px 0px 3px 1px #666666; 
}

#items-header.toggled #items-header-close, #items-header.toggled .flexbox, #items-header.toggled .flexbox-item-0, #items-header.toggled .items-header-title { display: block; }
#items-header.toggled .select_catalog { width: 100%; }
#items-header.toggled #price_slider { margin-top: 11px; width: calc(100% + 4px); min-width: 0; max-width: none; }

#brandsshow, #brandshide { display: block; width: 100%; margin: 0; padding: 15px 0; box-sizing: border-box; font-size: 1.8em; font-weight: 800; color: #ffffff !important; background: #767676; text-decoration: none !important; text-align: center; }
#brandsshow:hover, #brandshide:hover { background: #404040; }
#brandsshow { display: block; }
#brandshide { display: none; }
#brandspane { display: none; }

.prodcount { font-size: 0.9em; padding: 9px 0; }


#controlform { background: #F5F5F5; border-radius: 6px; padding: 6px; margin-bottom: 9px; }

.sortorderform { text-align: right; margin: 0 0 0 15px; }
.sortcontrol { display: block; }
.sortorderselect { margin: 0 3px; background: #dcdcdc; border: 1px solid #808080; font-size: 0.9em; }

.currencyform { text-align: right; margin: 0 15px 0 0; display: block; }
.currencyselect { margin: 0 3px 4px 3px; background: #dcdcdc; border: 1px solid #808080; font-size: 0.9em; }

.prevnext { padding: 0 9px; text-align: center; line-height: 2.5em; }
.itemsperpage { padding: 9px; text-align: center; line-height: 2.5em; }

a.pagenumber, a.pagelink { padding: 3px 11px; font-size: 22px; font-weight: 400; white-space: nowrap; border: 2px solid #888b8d; border-radius: 9px; }
a.pagenumber:link, a.pagelink:link { color: #888b8d; background: #ffffff; text-decoration: none; } 
a.pagenumber:visited , a.pagelink:visited { color: #888b8d; background: #ffffff; text-decoration: none; } 
a.pagenumber:hover, a.pagelink:hover { color: #ffffff; background: #888b8d; text-decoration: none; }
a.pagenumber:active, a.pagelink:active { color: #888b8d; background: #ffffff; text-decoration: none; }

.thispage { color: #ffffff; background: #888b8d; padding: 3px 11px; font-size: 22px; font-weight: 800; white-space: nowrap; border: 2px solid #888b8d; border-radius: 9px; }

.button_grid { width: 25px; height: 25px; margin: -1px 0 1px 0; padding: 0; border: 0 none; color: transparent; font-size: 0.5em; background: transparent url('/catalog/icons/view_sprite.png') 0 top no-repeat; cursor: pointer; overflow: hidden; text-decoration: none; display: inline; vertical-align: middle; }
.button_grid:hover { background-position: 0 -25px; }

.button_list { width: 25px; height: 25px; margin: -1px 0 1px 0; padding: 0; border: 0 none; color: transparent; font-size: 0.5em; background: transparent url('/catalog/icons/view_sprite.png') -25px top no-repeat; cursor: pointer; overflow: hidden; text-decoration: none; display: inline; vertical-align: middle; }
.button_list:hover { background-position: right -25px; }

.catalogbox { margin: 10px 0; color: #222222; text-align: left; font-size: 0.9em; border-bottom: 1px solid #999999; }
.subsectiontitle { font-weight: 800; }
a.subsectiontitle:link { color: #222222; text-decoration: none; font-weight: 800; } 
a.subsectiontitle:visited { color: #222222; text-decoration: none; font-weight: 800; } 
a.subsectiontitle:hover { color: #222222; text-decoration: underline; font-weight: 800; }
a.subsectiontitle:active { color: #222222; text-decoration: none; font-weight: 800; }

.paging { float: right; font-size: 0.9em; }

.button-toggle-view-grid
 { 
	font-size: 0.9em; 
	padding: 5px 10px; 
	border-radius: 3px; 
	color: transparent !important; 
	background: #173056; 
	background: url('/images/view-grid.png') no-repeat center center, linear-gradient(to bottom, #1B72A1 0%, #1B72A1 50%, #173056 100%); 
	text-decoration: none !important; 
	text-align: center; 
	white-space: nowrap; 
	display: inline-block; 
	border: 0 none; 
	box-shadow: 0px 3px 5px 0px rgba(66,66,66,0.5); 
	margin: 5px 0; 
	cursor: pointer; 
}
.button-toggle-view-grid:hover
 { 
	color: transparent !important; 
	background: url('/images/view-grid.png') no-repeat center center, linear-gradient(to bottom, #173056 0%, #1B72A1 50%, #1B72A1 100%); 
}

.button-toggle-view-list
 { 
	font-size: 0.9em; 
	padding: 5px 10px; 
	border-radius: 3px; 
	color: transparent !important; 
	background: #173056; 
	background: url('/images/view-list.png') no-repeat center center, linear-gradient(to bottom, #1B72A1 0%, #1B72A1 50%, #173056 100%); 
	text-decoration: none !important; 
	text-align: center; 
	white-space: nowrap; 
	display: inline-block; 
	border: 0 none; 
	box-shadow: 0px 3px 5px 0px rgba(66,66,66,0.5); 
	margin: 5px 0; 
	cursor: pointer; 
}
.button-toggle-view-list:hover
 { 
	color: transparent !important; 
	background: url('/images/view-list.png') no-repeat center center, linear-gradient(to bottom, #173056 0%, #1B72A1 50%, #1B72A1 100%); 
}

#cartmessage { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999999; }
#cartmessagecontents { position: relative; max-width: 1280px; margin: 5px auto 25px auto; padding: 10px; border: 2.5px #db8300 solid; color: #454545; background: #f1e566; background: url('/images/basket_bg.png') right center no-repeat, radial-gradient(ellipse at center, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%); cursor: pointer; }
#cartmessagecontents:hover { background-color: #404040; }
#cartmessagecontents a { color: #ffffff !important; }

.cart-button { position: absolute; top: 0; right: 0; z-index: 20; height: 38px; width: 48px; }

.couponbox { text-align: center; max-width: 180px !important; padding: 3px !important; font-size: 1.15em !important; }

.cartrow { padding: 2px 0.5%; }
.cartrow:nth-child(odd) { background: #ffffff; }

.leftcolcart { width: 100%; }
.rightcolcart { width: 100%; }

.basket_delete { float: left; width: 32px; margin: 0 3px 0 0; height: 100%; }

.rightcolcart .qtybox { float: left; }

.add-to-basket { border-radius: 500px; border: 0 none; background: #EAF9FD; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.flexbox-cta .add-to-basket { display: inline-block; width: calc(100% - 50px); max-width: 250px; }
.add-to-basket .qtybox { margin: 8px 0 0 8px; border: 1px solid transparent !important; background: transparent !important; }
.add-to-basket .qtybox:hover { border: 1px solid #888b8d !important; background: #ffffff !important; }
.add-to-basket .button { margin: 0 !important; float: right; width: calc(100% - 100px) !important; font-size: 16px; background-color: #FB6236; background: linear-gradient(96deg, #FF9371 15.87%, #FB6235 81.16%); box-shadow: none; }
.flexbox-cta .add-to-basket .button, .list-basket-button .add-to-basket .button, .list-cta .button_secondary { font-size: 16px; padding: 14px; }

.add_to_basket { }
.add_to_basket_plus { width: 30px; height: 25px; display: block; background: transparent url('/images/add_item_to_basket.png') center top no-repeat; cursor: pointer; }
.add_to_basket_text { width: 124px; height: 25px; display: block; background: transparent url('/images/add_item_to_basket_text.png') center top no-repeat; cursor: pointer; }
.add_to_basket_text:hover { background-position: center -25px; }

.show-basket-button { width: 300px; max-width: 100%; margin: 25px auto; }
#product-buy-panel .show-basket-button { width: 100%; margin: 0; }

.shopping_basket { }
.delivery_costs { }
.promocode { margin: 0 5px; padding: 5px; }

.label40 { width: 40%; float: left; margin: 0 5px 0 0; }  /* this label container is not responsive */
.label50 { width: 50%; float: left; margin: 0 5px 0 0; }  /* this label container is not responsive */
.label60 { width: 60%; float: left; margin: 0 5px 0 0; }  /* this label container is not responsive */

/* /product lists, search, product details, basket and checkout */

.site-header { 
	background-color: #17233F; 
}

.home .site-header { 
	background-color: transparent; 
}

.site-header:not(.home .site-header) {
	background: #17233F;
	position: relative;
}
/*
.header-wrapper { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	z-index: 2000; 
	background-color: #17233F; 
}
*/
.header-wrapper { 
	width: 100%; padding: 0;
}

.home .header-wrapper { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	z-index: 2000;
	background-color: transparent; 
}

.primary-menu { padding: 0; }

.header-overlay { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: transparent; display: none; }

.site-branding { box-sizing: border-box; display: none; }
.site-branding img { max-width: 100%; }

/*
	.site-branding {
		clear: none; 
		float: left; 
		width: 75px; 
		text-align: left; 
		display: none;
	}

	.header-right { 
		clear: none; 
		float: right; 
		width: calc(100% - 75px); 
	}
*/

.headercontent { position: relative; z-index: 3; }

.headercontent { padding-top: 40px; margin: 0 auto; text-align: center; width: calc(100% - 100px); }

.home .headercontent { display: none; }

.header-title { }

h1.site-title { padding: 0.45em 0.25em; font-size: clamp(24px, 4vw, 38px); margin: 0; color: rgba(255, 255, 255, 0.9); font-style: normal; font-weight: 800; line-height: normal; text-transform: uppercase; text-shadow: 1px 1px 1px #404040; text-align: center; }
/* h1.site-title padding-top to account for height of header-wrapper on small screens */

.header-menu, 
.secondary-menu { 
	width: 100%; 
	margin: 0; 
}

.header-menu>ul {
	display: table; margin: 3px auto; padding: 0; list-style-type: none; position: relative; border-collapse: separate; 
}
.header-menu>ul>li{ 
	display: table-cell; text-align: center; height: 42px; min-width: 36px; vertical-align: middle; padding: 3px 0; 
}

.secondary-menu>ul { 
	display: table; margin: 0 auto; padding: 0; list-style-type: none; position: relative; border-collapse: separate; 
} 
.secondary-menu>ul>li { 
	display: table-cell; text-align: left; vertical-align: middle; padding: 3px 3px 3px 6px; 
}

.secondary-menu { background: #0D1A36; }

.secondary-menu li.logo { width: 100px; padding-right: 25px; }

.secondary-menu .submenu { position: absolute; top: 100%; left: 0; z-index: 400; }
.secondary-menu .submenu li { width: auto; min-width: 100%; float: none; border-radius: 0; text-align: left: !important; }
.secondary-menu .submenu li:hover { background: #17233F; box-shadow: none; }
.secondary-menu .submenu li a { color: #ffffff !important; }
.secondary-menu .submenu li a:hover { color: #fb6235; font-weight: normal !important;}

#menuhide { display: none; }
#menushow span, #menuhide span { display: inline-block; margin: 0 20px 0 9px; font-size: 0.9em; }

.header-menu ul li { font-weight: 400; color: #ffffff; }
.header-menu ul li:hover { color: #fb6235; }
.header-menu ul li i { color: #ffffff; }
.header-menu ul li a { color: #ffffff; text-decoration: none !important; display: inline-block; padding: 0; }
.header-menu ul li:hover a { color: #fb6235; cursor: pointer; }
.header-menu>ul>li span:not(#menushow span) { display: none; color: #ffffff; margin: 0 9px 0 3px; font-size: 0.9em; }
.header-menu>ul>li:hover span { color: #fb6235; cursor: pointer; }

.secondary-menu ul li { font-weight: 400; color: #ffffff; }
.secondary-menu ul li:hover { color: #fb6235; }
.secondary-menu ul li i { color: #ffffff; margin: 0 3px; }
.secondary-menu ul li a { color: #ffffff; text-decoration: none !important; display: inline-block; padding: 0; }
.secondary-menu ul>li:hover>a { color: #fb6235 !important; cursor: pointer; }
.secondary-menu ul>li>a:hover { color: #fb6235 !important; cursor: pointer; }
.secondary-menu ul>li>.dropper>a:hover { color: #fb6235 !important; cursor: pointer; }
.secondary-menu>ul>li span:not(#menushow span, #menuhide span, .dropper, .showsub) { display: none; }
.secondary-menu>ul>li:hover>span { color: #fb6235 !important; cursor: pointer; }

.in-page-search {  padding: 15px 2%; }

.modal .in-page-search { background: transparent; padding: 15px 2%;  }
.modal .in-page-search h2 { text-align: left; margin: 30px; }

.in-page-search .search-label { display: none; }
.in-page-search .brand-search-label { display: none; }
.in-page-search .application-search-label { display: none; }

.in-page-search .search-input { color: #888b8d; width: 325px; max-width: calc(100% - 50px); color: #6f7271; background-color: #ffffff; border: 2px solid #888b8d; }
.in-page-search .button_grey_small, .in-page-search .button_reset { color: #ffffff; background-color: #00DC8B; border-radius: 12px; padding: 9px 15%; font-size: 28px; text-align: center; font-weight: bold; box-shadow: none; border: 0 none; cursor: pointer; } 
.in-page-search .button_reset { background-color: #ff0000; }
.in-page-search .button_grey_small:hover, .in-page-search .button_reset:hover { color: #ffffff; background-color: #004C9C; } 

.in-page-search #resetdiv { width: 33%; float: left; }
.in-page-search #submtdiv { width: 66%; float: right; }

#search-type { }
#search-discounted { }
#search-fulldesc { }
#search-brand { }
#search-application { }

.hide_search { background-color: #ff0000 !important; color: #ffffff !important; }

.in-page-search .search-input, 
.in-page-search .brand-search-dropdown, 
.in-page-search .application-search-dropdown
 { 
	width: 100% !important; 
	border: 0 none !important; 
	font-size: 24px !important; 
	border-radius: 12px !important; 
	color: #000000 !important; 
	background-color: #ffffff !important; 
	padding: 14px !important; 
	margin: 0 0 9px 0 !important; 
	box-sizing: border-box; 
}
.in-page-search .search-input::placeholder { font-size: 24px !important; color : #000000; opacity: 1; }

.discounted.checked { float: left; width: 45px; height: 45px; background: transparent url('/catalog/icons/checked_45.png') center center no-repeat; border: 0 none; cursor: pointer; transform: translateY(0); }
.discounted.unchecked { float: left; width: 45px; height: 45px; background: transparent url('/catalog/icons/unchecked_45.png') center center no-repeat; border: 0 none; cursor: pointer; transform: translateY(0); }

.searchfulldesc.checked { float: left; width: 45px; height: 45px; background: transparent url('/catalog/icons/checked_45.png') center center no-repeat; border: 0 none; cursor: pointer; transform: translateY(0); }
.searchfulldesc.unchecked { float: left; width: 45px; height: 45px; background: transparent url('/catalog/icons/unchecked_45.png') center center no-repeat; border: 0 none; cursor: pointer; transform: translateY(0); }

.chkboxlabel { display: inline-block; padding: 8px 40px 8px 15px; }

.header-basket { position: relative; }

#basket-count, #customer-count, #order-count, #saved-count, #care-count { position: absolute; bottom: 50%; left: 0; margin-left: 31px; z-index: 2; background: #00C000; color: #ffffff; border-radius: 50%; padding: 2px 5px; font-size: 10px; font-family: sans-serif; display: none; }

#basket-count, #customer-count { margin-left: 14px; }

.unread-mark { position: absolute; top: 0; right: 0; margin: -9px -9px 0 0; z-index: 2; background: #dd0000; color: #ffffff; border-radius: 50%; padding: 2px 5px; font-size: 10px; font-family: sans-serif; }

.to-top { position: fixed; bottom: 10px !important; right: 10px !important; color: #ffffff; background: #000000; font-size: 1.5em; width: 48px; height: 48px; text-align: center; border-radius: 40px; padding-top: 10px; box-sizing: border-box; }
.to-top:hover { color: #ffffff; background: rgba(128,128,128,0.75); }

/* in-page slider */

.slideshow { margin: 10px auto; padding: 0; max-width: 100%; }
.slideshow-li { max-width: 100%; margin-top: 0 !important; padding: 0; display: none; }

.slideshow-image { position: relative; overflow: hidden; }
.slideshow-image img { display: block; width: 100%; border-radius: 9px; }

/* /in-page slider */

.justify-center { justify-content: center; }

/* modal basket and streamlined checkout 2021: */

.modal { 
    display: none; 
    position: absolute; 
	z-index: 5000; 
	top: 0; 
	left: 50%; 
	width: 90%; 
    max-width: 1000px; 
    height: auto; 
    min-height: calc(100vh - 250px); 
    transform: translate(-50%, 60px); 
	background: rgba(200, 220, 230, 0.95); 
    border-radius: 10px; 
    padding: 0; 
	box-shadow: 0px 0px 15px rgba(0,0,0,0.15); 
	box-sizing: border-box; 
}

.modal-close { 
    position: absolute; 
    top: 30px; 
    right: 30px; 
    z-index: 2; 
    font-size: 2em !important; 
    cursor: pointer; 
    color: #dd0000; 
}

.modal-overlay, .modal-slideshow { 
    display: none; 
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    z-index: 1040; 
    background-color: rgba(0, 0, 0, 0.8); 
}

.modal-slideshow { z-index: 2040; }

.modalhovered, .modaldropped, .modaloverlayed { display: block; background-color: #17233F; }

#basket-button { display: block; font-size: 1.2em; font-weight: 800; margin: 0; padding: 9px 3px; border: 0 none; border-radius: 500px; box-sizing: border-box; }
/* #basket-button:hover { 	color: #ffffff !important; background-color: #FE9371; background: linear-gradient(96deg, #FB6235 15.87%, #FF9371 81.16%); text-decoration: none; } */
#basket-button.disabled, #basket-button.disabled:hover { cursor:not-allowed; color: #B3B3B3 !important; background: #E6E6E6 !important; }

#basket { color: #404040; } 

#basket_top { font-size: 1.2em; font-weight: 400; color: #000000; padding: 30px; box-sizing: border-box; }
#basket_top i { transform: translateY(4px); margin-right: 20px; }

#vat-exemption { text-align: left; padding: 0 0 0 25px; box-sizing: border-box; }
.tax-exempt div { text-align: left; margin: 5px 0 0 75px; font-size: 1.3em; font-weight: 800; color: #000000; }
.tax-exempt div span { font-size: 0.7em; font-weight: 400; color: #555555; }
.tax-exempt.checked { display: block; width: 100%; height: 60px; background: transparent url('/catalog/icons/checked_60.png') left center no-repeat; border: 0 none; cursor: pointer; }
.tax-exempt.unchecked { display: block; width: 100%; height: 60px; background: transparent url('/catalog/icons/unchecked_60.png') left center no-repeat; border: 0 none; cursor: pointer; }

.basket-container { width: 100%; clear: both; background: #F5F5F5; margin: 0; padding: 0; }
.basket-item { width: 96%; clear: both; color: #000000; margin: 0 2%; padding: 10px 0; box-sizing: border-box; }
.basket-item p { margin: 0; padding: 0; }
.basket-heading { font-size: 0.9em !important; font-weight: 800 !important; color: #CCCCCC !important; }
.basket-item-delete { width: 85px; text-align: center; float: left; color: #808080; padding: 20px 0 10px 0; box-sizing: border-box; cursor: pointer; }
.basket-item-image { width: 115px; text-align: left; float: left; margin-right: 3px; }
.basket-item-image img { max-width: 100%; border-radius: 6px; margin: 0 auto; } /* transform: translateY(-20px); */
.basket-item-description { width: calc(100% - 203px); float: left; }
.basket-item-name { font-size: 1.2em; color: #000000; }
.basket-item-name a { color: #000000; text-decoration: none; }
.basket-item-code { font-size: 0.9em; color: #808080; margin: 0; padding: 0; }
.basket-item-options { font-size: 1em; color: #808080; max-height: 55px; position: relative; overflow: hidden; }
.basket-item-options .showmoreoptions { display: block; font-size: 0.9em; border: 0 none; margin: 3px; padding: 5px 10px; color: #ffffff; background: #aaaaaa; border-radius: 3px; cursor: pointer; position: absolute; top: -3px; right: 0; z-index: 10; }
.basket-item-options .hidemoreoptions { display: none; font-size: 0.9em; border: 0 none; margin: 3px; padding: 5px 10px; color: #ffffff; background: #aaaaaa; border-radius: 3px; cursor: pointer; position: absolute; top: -3px; right: 0; z-index: 5; }
.basket-item-options .showmoreoptions:hover, .basket-item-options .hidemoreoptions:hover { background: #999999; }
.basket-item-quantity { width: 25%; text-align: center; font-size: 1.1em; float: left; padding: 20px 0 10px 0; box-sizing: border-box; }
.basket-item-quantity .update-item.dec { width: 15%; float: left; text-align: right; color: #808080; cursor: pointer; }
.basket-item-quantity .update-item.inc { width: 15%; float: left; text-align: left; color: #808080; cursor: pointer; }
.basket-item-quantity .input-field { transform: translateY(-6px); width: 70%; float: left; text-align: center; }
.basket-item-net { width: 25%; text-align: right; float: left; font-size: 1.15em; color: #808080; padding: 20px 0 10px 0; box-sizing: border-box; }
.basket-item-vat { width: 25%; text-align: right; float: left; font-size: 1.15em; color: #808080; padding: 20px 0 10px 0; box-sizing: border-box; }
.basket-item-gross { width: 25%; text-align: right; float: left; font-size: 1.2em; color: #000000; padding: 20px 0 10px 0; box-sizing: border-box; }
.basket-item-total { width: 25%; text-align: right; font-size: 1.25em; float: left; color: #808080; padding: 20px 0 10px 0; box-sizing: border-box; }
.basket-item-end { width: calc(100% - 85px); float: right; height: 1px; background: #cccccc;  }

.basket-totals { width: 96%; clear: both; color: #000000; margin: 0 2%; padding: 10px 0; box-sizing: border-box; }
.discount-description { text-align: right; font-size: 1.25em; color: #808080; }

.coupon-panel { width: 96%; clear: both; color: #000000; font-size: 1.3em; margin: 0 2%; padding: 10px 0; text-align: right; box-sizing: border-box; }
.coupon-panel label { display: none; }

#coupon_code { 
    text-align: center; 
	font-size: 1em !important; 
	width: 300px; 
    max-width: calc(100% - 100px) !important; 
    border: 0 none !important; 
    padding: 9px 0 !important; 
	margin: 6px !important; 
    border-radius: 9px !important; 
}

#apply-button { font-size: 1em; font-weight: 800; margin: 0; padding: 6px 9px; color: #ffffff !important; background-color: #767676 !important; border: 0 none; border-radius: 9px; box-sizing: border-box; cursor: pointer; }

#remove-button { font-size: 1em; font-weight: 800; margin: 0; padding: 6px 9px; color: #ffffff !important; background-color: #FF002A !important; border: 0 none; border-radius: 9px; box-sizing: border-box; cursor: pointer; }

.qtybox { 
    text-align: center; 
	font-size: 1em !important; 
    max-width: 80px !important; 
    padding: 3px 0 !important; 
    border-radius: 6px !important; 
	border: 2px solid #888b8d !important; 
}

.basket-buttons { width: 100%; padding: 9px 2%; box-sizing: border-box; }

#update-button, #update-button:hover { display: block; font-size: 1.6em; font-weight: 800; margin: 20px 0; padding: 9px 3px; color: #ffffff !important; background-color: #404040 !important; border: 0 none; border-radius: 12px; box-sizing: border-box; text-align: center; cursor: pointer; appearance: none; width: 100%; }
#update-button.disabled, #update-button.disabled:hover { cursor:not-allowed; color: #B3B3B3 !important; background: #E6E6E6 !important; }

#checkout-button, .checkout-button { display: block; font-size: 1.8em; font-weight: 800; margin: 10px 0 30px 0; padding: 12px 3px; color: #ffffff; background-color: #019B01; background: linear-gradient(96deg, #019B01 15.87%, #00C000 81.16%); border: 0 none; border-radius: 12px; box-sizing: border-box; text-align: center; text-decoration: none; width: 100%; }
#checkout-button:hover, .checkout-button:hover { color: #ffffff !important; background-color: #FE9371; background: linear-gradient(96deg, #FB6235 15.87%, #FF9371 81.16%); text-decoration: none; }
#checkout-button.disabled, .checkout-button.disabled, #checkout-button.disabled:hover { cursor:not-allowed; color: #B3B3B3 !important; background: #E6E6E6 !important; }

#cartmessagecontents { 
    position: relative; 
    max-width: 1280px; 
    margin: 0 auto 100px auto; 
    padding: 9px 3px; 
    border: 0 none; 
    color: #ffffff; 
    background: #767676; 
    cursor: pointer; 
	border-radius: 12px; 
	font-size: 1.6em; 
	font-weight: 800; 
	text-align: center; 
}

.emptycartmessage { background: #FF002A !important; }
.form-error { background: #FF002A !important; }

.empty-basket { 
    padding: 9px 3px; 
    color: #ffffff; 
    background: #FF002A; 
	font-size: 1.6em; 
	font-weight: 800; 
	text-align: center; 
    cursor: pointer; 
}

#set_same { min-height: 60px; }
#set_same div { float: left; text-align: right; width: calc(100% - 60px); padding-right: 15px; margin: 0; font-size: 1.3em; line-height: 1.2em; font-weight: 800; color: #000000; box-sizing: border-box; }
.same_bill.checked { float: right; width: 60px; height: 60px; background: transparent url('/catalog/icons/checked_60.png') center center no-repeat; border: 0 none; cursor: pointer; transform: translateY(0); }
.same_bill.unchecked { float: right; width: 60px; height: 60px; background: transparent url('/catalog/icons/unchecked_60.png') center center no-repeat; border: 0 none; cursor: pointer; transform: translateY(0); }

.cataloguecontainer { }
.catalogue-panel { width: 100%; background: #ECEFF6; }
.catalogue-panel .fullwidth { max-width: 1350px; }
.catalogue-panel-padding { padding: 25px 5% 10px 5%; }

.formfield.checkbox { width: 98%; margin-right: 2%; text-align: right; }
.formfield.checkbox label, .label-checkbox { display: inline-block; float: left; font-size: 1.4em; font-weight: bold; width: calc(100% - 60px); }
.formfield.checkbox input[type=checkbox] { margin: 5px 0; }

#contact-form { width: 100%; border-radius: 0 0 9px 9px; }

#contact-submit { background: url('/images/loading.gif') no-repeat center center; min-height: 62px; }

.checkout-panel, #enquiry-form { width: 100%; border-radius: 9px; background: #F5F5F5; padding: 0 0 15px 0; margin: 15px 0 40px 0; }
.checkout-top, .enquiry-form-top { color: #6f7271; background: #E7E7E7; font-weight: 800; font-size: 2em; padding: 20px 5%; border-radius: 9px 9px 0 0; box-sizing: border-box; }
.checkout-panel label, #enquiry-form label { color: #000000; font-size: 1.2em; padding: 3px 0; }
.checkout-panel input[type=text], .checkout-panel select, .checkout-panel textarea, #enquiry-form input[type=text], #enquiry-form select, #enquiry-form textarea { width: 100% !important; border-radius: 15px; font-size 1.2em; padding: 12px 9px; box-sizing: border-box; }
#enquiry-form .verification_box { width: 75px !important; height: 30px !important; overflow: hidden; float: left; margin-right: 5px; }
#enquiry-form #verification { width: 150px !important; max-width: none !important; }

.checkout-basket-container { }

.checkout-basket-container .basket-item { border-bottom: 1px solid #cccccc; width: 100%; margin: 0 0 7px 0; padding: 22px 0; }
.checkout-basket-container .basket-item .basket-item-image img { transform: none; }
.checkout-basket-container .basket-item .basket-item-name { font-size: 1.3em; line-height: 1em; }
.checkout-basket-container .basket-item .basket-item-code { padding: 0 0 3px 0; }
.checkout-basket-container .basket-item .basket-item-options { margin: 0; padding: 0; }
.checkout-basket-container .basket-item .basket-item-gross { width: 100%; float: none; text-align: left; font-size: 1.2em; padding: 0.3em 0; color: #000000; }
.checkout-basket-container .basket-item .exemption-tick { float: right; color: #555555 !important; font-size: 0.9em; margin: 5px; }
.checkout-basket-container .basket-item-description { width: calc(100% - 118px); float: left; }

.checkout-basket-container .basket-totals { width: 100%; margin: 0; padding: 25px 0; }
.checkout-basket-container .basket-totals .basket-totals-label { width: 60%; float: left; text-align: right; font-size: 1em; font-weight: 800; color: #555555; padding: 0 5px 0 0; box-sizing: border-box; }

.basket-discount { width: 100%; }
.checkout-basket-container .basket-totals .discount-description { display: inline-block; white-space: nowrap; width: 100%; text-align: left; font-size: 1em; font-weight: 400; color: #555555; padding: 0 5px 0 0; box-sizing: border-box; }

.checkout-basket-container .basket-totals .basket-totals-description { color: #000000; text-align: left; width: 100%; }

.checkout-basket-container .basket-totals .basket-item-net, 
.checkout-basket-container .basket-totals .basket-item-vat, 
.checkout-basket-container .basket-totals .basket-item-gross, 
.checkout-basket-container .basket-totals .basket-item-total { width: 40%; float: left; text-align: right; font-size: 1.2em; font-weight: 400; color: #555555; box-sizing: border-box; }

.checkout-basket-container .shipping-info { border-bottom: 1px solid #cccccc; width: 100%; margin: 0; padding: 25px 0; }
.checkout-basket-container .shipping-region { margin: 0; }

.delivery_region_label { font-size: 1.4em; font-weight: bold; padding: 2px 0 0 0; }
.delivery_region select { font-size: 1.4em; border-radius: 12px; border: 0 none; padding: 6px; margin: 0; }
.delivery_region input[type=text] { font-size: 1.4em; border-radius: 12px; border: 0 none; padding: 6px; margin: 0; }
.delivery_notes { color: #333333; padding: 0; margin: 0; }
.delivery_notes p { padding: 3px 0; margin: 0; }
.delivery_notes p:first-of-type { margin-top: 20px; }
.shipping_explanation { }
.shipping_explanation p { }

.order-totals { border-top: 1px solid #cccccc; width: 100%; font-size: 1.6em; font-weight: 800; color: #000000; margin: 20px 0 0 0; padding: 30px 0 0 0; box-sizing: border-box; }
.order-total-label { float: left; }
.order-total { float: right; }

.cardsaccepted-label { text-align: center; margin: 9px 6px; color: #000000; font-size: 1.8em; font-weight: 800; }
.cardsaccepted { text-align: center; margin: 0 auto; }
.cardsaccepted img { margin: 6px 3px; }

.checkout-cta { margin: 15px 0 40px 0; width: 100%; max-width: 100%; text-align: center; }
.quote-button { display: block; font-size: 1.6em; font-weight: 800; margin: 10px 0; padding: 12px 3px; color: #ffffff !important; background-color: #404040 !important; border: 0 none; border-radius: 12px; box-sizing: border-box; text-align: center; text-decoration: none; width: 100%; cursor: pointer; }
.checkout-button { display: block; font-size: 1.8em; font-weight: 800; margin: 10px 0; padding: 12px 3px; color: #ffffff !important; background-color: #767676 !important; border: 0 none; border-radius: 12px; box-sizing: border-box; text-align: center; text-decoration: none; width: 100%; cursor: pointer; }

.basket-error { display: block; font-size: 1.6em; font-weight: 800; margin: 10px 0; padding: 12px 3px; color: #ffffff !important; background-color: #FF002A !important; border: 0 none; border-radius: 12px; box-sizing: border-box; text-align: center; text-decoration: none; width: 100%; }

.validate-error { position: relative; top: 6px; width: 100%; box-sizing: border-box; min-height: 30px !important; border: 1px solid #999999; border-radius: 3px; padding: 3px 3px 3px 30px; background: #ffffff url('/images/validate-error.png') left center no-repeat; box-shadow: 5px 5px 3px 0px rgba(204,204,204,0.7); cursor: pointer; }

.validate-error:after, 
.validate-error:before { 
    bottom: 100%; 
    border: solid transparent; 
    content: " "; 
    height: 0; 
    width: 0; 
    position: absolute; 
}
.validate-error:after { 
    border-color: rgba(255, 255, 255, 0); 
    border-bottom-color: #ffffff; 
    border-width: 10px; 
    left: 20%; 
    margin-left: -10px; 
}
.validate-error:before { 
    border-color: rgba(113, 158, 206, 0); 
    border-bottom-color: #999999; 
    border-width: 11px; 
    left: 20%; 
    margin-left: -11px; 
}

.validate-error p { text-align: left; padding: 6px 0 !important; margin: 0 !important; color: #999999 !important; text-shadow: none !important; }

.validate-first-error-box { border-color: #ff9c00 !important; }
.validate-second-error-box { border-color: #ff9c00 !important; border-width: 2px !important; }

.validate-first-error-box: focus { outline-style: none; box-shadow: none; border-color: transparent; }
.validate-second-error-box: focus { outline-style: none; box-shadow: none; border-color: transparent; }

.payment-redirect { 
	max-width: 600px; 
	margin: 40px auto !important; 
	padding: 32px 32px 64px 32px ; 
	text-align: center; 
	background-image: url('/images/ajax-loader.gif'); 
	background-position: center bottom 16px; 
	background-repeat: no-repeat; 
	box-sizing: border-box; 
}

.button_checkout_view, .button_checkout_continue
 { 
	color: #ffffff; 
	background: #404040; 
	text-decoration: none; 
	text-align: center; 
	font-size: 36px; 
	font-weight: 800; 
	padding: 9px 18px; 
	border: 0 none; 
	border-radius: 12px; 
	appearance: none; 
	cursor: pointer; 
}

.button_checkout_continue
 { 
	background: #767676; 
}

.button_checkout_view:hover, .button_checkout_continue:hover
 { 
	background: #767676; 	
}

/* /modal basket and streamlined checkout 2021 */

/* responsive styles: */

@media all and ( max-height: 600px ) { 
	#items-header.toggled .items-header-title { display: none; }
}

@media all and ( max-width: 1250px ) { }

@media all and ( max-width: 1024px ) { 
	.availablefor img { width: 60px; height: 60px; margin: 0 3px; }
	h1, h2, h3, h4 ,h5, h6
	{ 
		margin: 0.6em auto; 
	}
	#items-header { display: none; }
	#items-header-toggle { display: inline-block; }

	#items_per_page { }
	#prod_count { margin: 0 9px; text-align: left; }
	#sort_order { }
}

@media all and ( max-width: 815px ) { 

	.availablefor img { width: 45px; height: 45px; }
	.basket-item-end { width: 100%; }
	.basket-item-quantity, .basket-item-net, .basket-item-vat, .basket-item-gross, .basket-item-total { font-size: 1em; }
	.basket-item-quantity .input-field { transform: translateY(-3px); }
	.qtybox { max-width: 60px !important; }
	.basket-totals { padding: 0; }
	.discount-description { text-align: left; font-size: 1em; }
	.coupon-panel { font-size: 1em; text-align: left; }
	#cartmessagecontents { margin: 0 auto 50px auto; }

	.product-image .zoom-icon { display: none; }
	#product-images .no-zoom { display: block; }
	.zoomContainer { display: none; }
	.clicktozoom { cursor: default; }

	h4 ,h5, h6
	{ 
		margin: 0.5em auto; 
	}
}

@media all and ( max-width: 600px ) {

	.corner { font-size: 36px; }

	.availablefor img { width: 60px; height: 60px; }

	h1 { font-size: 28px; }
	h2 { font-size: 24px; } 
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }
}

@media all and ( max-width: 480px ) { 
	.availablefor img { width: 45px; height: 45px; }
	.corner { font-size: 16px; }
	#menushow span { display: none; }
	.button, .button_large { padding: 10px 30px; 	}
}

@media all and ( max-width: 360px ) { 
	.availablefor img { width: 40px; height: 40px; margin: 0; }
}

@media all and ( max-width: 330px ) { 
	.g-recaptcha
	{ 
	    max-width: 250px; 
	}
	.button_submit, .button_large, .button_listing, .button_red_large { font-size: 1.2em; padding: 10px; }
}

@media all and ( max-width: 600px ) { 

	#promo_boxes
	{ 
		display: none !important; 
	}

}

@media all and ( max-height: 359px ) { 

	#promo_boxes 
	{ 
		display: none !important; 
	}
	.cyclecontent p { display: none !important; }

}

@media all and ( min-width: 360px ) { 

	.notmobile { display: block; }

	tr .notmobile { display: table-cell; }

	.header-menu ul li.notmobile, 
	.secondary-menu ul li.notmobile { display: table-cell; }
/*
	.header-wrapper { background-color: transparent; }
	.header-title	{ width: 50%; float: left; }
*/
}

@media all and ( min-width: 600px ) { 

	.hpl .header-overlay { display: block; background: rgba(245,152,53,0.12) url('/images/molecule-outline-orange.png') right center no-repeat; }

	#distmenu ul li ul {float: none; display: none;}
	#distmenu ul li:hover ul {display: block;}
	#distmenu ul li ul li {float: none; display: block; border-right: 0 none;}

	.header-menu>ul { padding: 0 10px; border-radius: 10px; box-sizing: border-box; }
/*	.header-menu:not(.home .header-menu)>ul { background: rgba(255, 255, 255, 0.09); } */
	.header-menu:not(.home .header-menu)>ul { background: rgba(23, 35, 63, 0.25); }
	.header-menu:not(.home .header-menu)>ul:hover { background: rgba(23, 35, 63, 0.5); }

	.secondary-menu:not(.home .secondary-menu)>ul { background: rgba(23, 35, 63, 0.25); }
	.secondary-menu:not(.home .secondary-menu)>ul:hover { background: rgba(23, 35, 63, 0.5); }

/*	#cycleleftarrow, #cyclerightarrow { display: inline; } suppressed as not used in this design */

	.cyclecontent { background: rgba(0,0,0,0); }

	.cyclecontent p { margin: 0.75em auto; font-size: 20px; text-shadow: 1px 1px 1px #000000; display: block; }

	.in-page-navigation ul li { width: 50%; }

	.verylarge { font-size: 3.0em; }

	.header-menu>ul, 
	.secondary-menu>ul { border-spacing: 5px 0; }

	.scroll-tip { display: none; }

	.companyinfo ul li { display: inline; margin: 0 0 1em 0; }

	.smallscreen { display: none; }
	#mainmenu > ul > li.smallscreen { display: none; }

	.notsmallscreen { display: block; }
	tr .notsmallscreen { display: table-cell; }
	.secondary-menu>ul>li.notsmallscreen { display: table-cell; }
	
	.smallscreen-clearleft { clear: none; }
	.smallscreen-clearright { clear: none; }

	.mediumscreen-clearleft { clear: left; }
	.mediumscreen-clearright { clear: right; }

	.column-10 { width: 10%; }
	.column-16 { width: 33%; }
	.column-20 { width: 50%; }
	.column-25 { width: 50%; }
	.column-30 { width: 50%; }
	.column-70 { width: 50%; }

	.stay-in-touch ul.smm { text-align: left; }

	.footer-links .columns-2 li { width: 50%; float: left; box-sizing: border-box; }
	
	#optionspane { text-align: right; padding: 5px 18px; }
	#optionspane select { display: inline; }

	.certificatestable, .certstable { font-size: 0.8em; }

	.column-grid { width: 50%; }

	.floatright { float: right; }
	.floatleft { float: left; }

	.slide-title { height: 2.3em; font-size: 1.1em; }

	.leftcolcart { width: 66%; float: left; }
	.rightcolcart { width: 33%; float: right; text-align: left; }

	input[type=text], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=password] { width: auto; max-width: 98%;  }

	.checkout-panel input[type=text], .checkout-panel select, .checkout-panel textarea, #enquiry-form input[type=text], #enquiry-form select, #enquiry-form textarea { width: 100%; max-width: 100%; }
	#enquiry-form #verification { width: 150px !important; max-width: none !important; }

	.formlabel { width: 30%; float: left; padding: 0 10px 0 0; box-sizing: border-box; }
	.formlabel30 { width: 30%; float: left; padding: 0 10px 0 0; box-sizing: border-box; }
	.formlabel50 { width: 50%; float: left; padding: 0 10px 0 0; box-sizing: border-box; }
	.formlabel60 { width: 60%; float: left; padding: 0 10px 0 0; box-sizing: border-box; }
	.formlabel75 { width: 75%; float: left; padding: 0 10px 0 0; box-sizing: border-box; }
	.formlabelwide { width: 90%; float: left; padding: 0 10px 0 0; box-sizing: border-box; }
	.rightformlabel { width: 35%; float: left; font-weight: 800; padding: 0 5px 0 5px; text-align: right; box-sizing: border-box; }
	.form-textarea-container { width: 70%; }

	#catmap>ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
	#site-map>ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }

	.header-scroll 	{ display: inline; height: 50px; }

	#contactbuttons { margin: 0; }

	.button_basket { font-size: 1.0em; padding: 9px 15px 9px 45px; }

	.searchinput { float: left; min-height: 80px; white-space: nowrap; }

	.flexbox-item-2,
	.flexbox-item-5
	{ 
		flex: 0 1 calc(50% - 20px); 
	}

	#set_same div { margin: 15px 0 0 0; }

	.cycleslidescontainer .promo_box_container
	{ 
		position: absolute;
		z-index: 110;
		margin: 0;
		bottom: 9px;
		right: 9px;
		max-width: 45%;
	}

	.site-header:not(.site-header.default) {
		min-height: 160px;
	}

	.cycleslidescontainer .promo_box, 
	.site-header .promo_box
	{ 
		position: relative; 
		float: right; 
		margin: 18px 9px;
		width: 275px;
		background-color: rgba(0, 0, 0, 0.18); 
	}

	h1.site-title { padding: 0.55em 0.25em; }

	.footer-links p { padding: 0.75em 5px; }

	.footer-links ul.menu_home { columns: 2; }

	.footer-links li:not(.menu_heading) { padding: 0; }
	.footer-links li a { padding: 0.75em 5px; }

	.footer-links .menu_products { width: 98%; }
	.footer-links .menu_products .menu_heading>.showsubsub { display: none !important; }
	.footer-links .menu_products .menu_products ul.subtab.subsubmenu,  { display: block !important; background: transparent !important; }

	.footer-links .menu_products .menu_heading { grid-column: span 2; }
	.footer-links .menu_products ul.subtab.subsubmenu { display: grid !important; grid-gap: 0 6px 6px 6px; grid-template-columns: repeat(2, 1fr); }
	.footer-links .menu_products .showsubsub { transform: translateY(0%); }

}

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

	.cyclecontent p { margin: 0.75em auto; }

	/*	for this site, options are always in a narrow container so retain mobile styles: 
		#options .option_label { width: auto; max-width: 50%; float: left; padding-top: 14px;  }
		#options .option_selector { clear: none; width: auto; max-width: 50%; float: left; } 
		#options .option_selector select { margin-top: 4px; }
		#options .option_tick { margin-top: 0; }
	*/

	.flexbox-item-3,
	.flexbox-item-4, 
	.flexbox-item-5
	{ 
		flex: 0 1 calc(50% - 20px); 
	}

	.home-testimonials .testimonial { padding: 45px 90px 15px 90px; }
	.home-testimonials .customercomment { height: 264px; font-size: 1.28em; }
	.home-testimonials .prevtestimonial, .home-testimonials .nexttestimonial { display: inline; }

}

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

	.in-page-navigation ul li { float: none; width: auto; display: table-cell; }

	h1.site-title { padding: 0.65em 0.25em; }

	.slide-title { font-size: 1.2em; }
	.ordertable { font-size: 1em; }

	.twitter-panel { height: 160px; border-top: #ffffff solid 35px; border-bottom: #D1DEF1 solid 35px; }
	.follow-button { margin: 45px auto; }

	.mediumscreen-clearleft { clear: none; }
	.mediumscreen-clearright { clear: none; }

	.column-10 { width: 10%; }
	.column-20 { width: 20%; }
	.column-25 { width: 25%; }
	.column-30 { width: 30%; }
	.column-33 { width: 33.33%; }
	.column-40 { width: 40%; }
	.column-45 { width: 45%; }
	.column-50 { width: 50%; }
	.column-55 { width: 55%; }
	.column-60 { width: 60%; }
	.column-66 { width: 66.66%; }
	.column-70 { width: 70%; }
	.column-75 { width: 75%; }
	.column-80 { width: 80%; }

	.columns-2 li, .columns-3 li { width: 50%; float: left; }
	.expertise .columns-3 li { width: calc(50% - 2em); min-height: 4em; }

	.listingtable#categories .list-description { display: table-cell; width: auto; } 
	.listingtable#categories .list-buttons { display: table-cell; width: auto; }
		
	.column-grid { width: 33.3%; }

	.column-checkout { width: 48%; margin-right: 1%; }

	.checkout-wide { width: 99%;  margin-right: 1%; }

	.filtercontrol { display: inline; }
	.sortcontrol { display: inline; }

/*	#cycleleftarrow, #cyclerightarrow { display: inline; } suppressed */

	.header-scroll 	{ height: 60px; }

	.tbl { width: 100%; }

	.thr { display: table-cell; width: 50%; font-weight: 800; }
	.tdr { display: table-cell; width: auto; }

	.tableheader { display: table-row; }
	.tabledesc { background: transparent; border-radius: 0; text-align: left; }
	.row-spacer { display: none; }

	.show-basket-button { float: right; width: 300px; max-width: 100%; }
	#product-buy-panel .show-basket-button { float: none; width: 100%; margin: 0; }

	#basket_top { font-size: 1.8em; }
	.modal-close { font-size: 2.4em !important; }

	#vat-exemption { padding: 50px 0 0 25px; }
	.tax-exempt	div { margin: 0 0 0 75px; font-size: 1.6em; }

	#set_same div { margin: 0; font-size: 1.3em; }

	.order-totals { font-size: 1.5em; }

	#footer-address, #footer-address h4 { text-align: right;}
}

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

	.mediumscreen { display: none; }
	.notmediumscreen { display: block; }

	.column-16 { width: 16%; }

	#product-buy-panel { width: 40%; float: left; }
	#product-images { width: 60%; float: left; }
	.product-image, #product-img, #slideshow-1, .carousel-container { margin: 0; }

	.registered-can .header-wrap { text-align: left; max-width: 150px; }

}

@media screen and (max-width: 999px) {

	.menu_genres .largescreen { display: none; }
	.menu_genres .notlargescreen { display: block; }

	.menu_products.menu_2025, .menu_genres span.filterbygenre, .menu_genres .menu_heading>div, .menu_genres .menu_heading>.showsubsub, .showallgenres, .hideallgenres { display: none !important; }
	.menu_genres .subtab.subsubmenu { display: block !important; }
}

@media screen and (min-width: 1000px) {
/*
	.site-header:not(.site-header.default) {
		min-height: 450px;
	}

	.site-header.default:not(.home .site-header)
	{
		min-height: 250px;
	}

	.header-wrapper { 
		left: 50%; 
		transform: translateX(-50%); 
		padding-top: 36px; 
		max-width: 1850px; 
		background-color: transparent; 
	}
	h1.site-title { padding: 0.75em 0.25em; }
*/

	.primary-menu { padding: 15px 5px; }

	.site-branding { 
		display: block;
		float: left; 
		width: 175px; 
		padding-right: 15px;
		text-align: left;
	}

	.header-right { 
		clear: none; 
		float: left; 
		width: calc(100% - 175px); 
	}

	.headercontent { width: calc(100% - 200px); }

	.header-menu { 
		max-width: 1440px;
		margin: 0 auto; 
		font-size: 0.8em;
	}

	.secondary-menu { font-size: 0.8em; }
	.secondary-menu .mediumscreen { display: none; }

	.secondary-menu>ul>li.notmediumscreen { display: table-cell !important; }
	#secondarymenu>ul li span { padding-left: 0; padding-right: 0; }
	#secondarymenu ul>li>span:hover { color: #fb6235; background: transparent; }

	.header-menu>ul { float: left; max-width: calc(100% - 9px); }
	.header-menu>ul>li span:not(#menushow span) { display: inline-block; }

	.secondary-menu>ul { max-width: 100%; }
	.secondary-menu>ul>li span:not(#menushow span) { display: inline-block; }

	.secondary-menu .submenu.showing { z-index: 400 !important; }

	#customermenutoggle, #customermenushow, #customermenuhide { display: none !important; }
	#customermenu { display: block !important; text-align: center; }

	.headercontent { padding-top: 150px; }

	/* main navigation: */

/*	#main-navigation { position: relative; width: calc(100% - 9px); margin-top: 1em; border-radius: 10px; background: rgba(255, 255, 255, 0.09); } */
	#main-navigation { position: relative; width: 100%; margin-top: 1em; font-size: 1.1em; border-radius: 10px; background: rgba(23, 35, 63, 0.25); }
	.main-navigation.backdrop-filter { backdrop-filter: blur(6.5px); }

	#mainmenu { display : block !important; }
	
	#mainmenu > ul > li.notmiddlescreens,
	#mainmenu > ul > li span.notmiddlescreens	{ display: none; }

	#mainmenu > ul > li.smallscreen { display: none; }

	#mainmenu > ul > li.mediumscreen { display: none; }

	#mainmenu .header-basket, 
	#mainmenu .header-account, 
	#mainmenu .header-search { padding: 0 5px; box-sizing: border-box; display: table-cell;}
	#mainmenu .header-search { position: relative; width: 180px !important; }
	#mainmenu .header-search .search-input { width: 100%; padding: 6px 36px 6px 12px; border: 0 none; border-radius: 500px; background: #ffffff;}
	.header-search .search-input::placeholder { font-size: 16px !important; font-weight: bold !important; color : #000000; opacity: 1; }
	#mainmenu .header-search .search-button { position: absolute; width: 38px; height: 38px; top: 9px; right: 7px; z-index: 2; border: 0 none; padding: 0; cursor: pointer; background: transparent url('/images/search_bg_icon.png') center center no-repeat; }

	#mainmenu>ul { display: table; width: 100%; margin: 0 auto; padding: 0; }
	#mainmenu>ul>li { display: table-cell; float: none; width: auto; text-align: center; margin: 0; }
	#mainmenu>ul>li:hover { background: #17233F; }

	#mainmenu>ul>li.notmediumscreen { display: table-cell; }
	#mainmenu>ul li span { padding-left: 0; padding-right: 0; }
	#mainmenu ul>li>span:hover { color: #fb6235; background: transparent; }

	.showsub { font-size: 1.1em; padding: 13px 6px 6px 6px !important }
	.showsub.dropped { transform: translateY(-3px); } 

	#mainmenu .submenu { 
		position: absolute; 
		z-index: 3000;
		width: calc(100% + 175px);
		top: 100%; 
		right: 0;
		margin: 0;
		padding: 20px; 
		border-top: 3px rgba(23, 35, 63, 0.5) solid; 
		box-sizing: border-box; 
		border-radius: 10px; 
		background: rgba(23, 35, 63, 0.75); 
		backdrop-filter: blur(32px) !important; box-shadow: 0px 3px 5px 0px rgba(66,66,66,0.5);
	}

/*	#mainmenu .submenu { max-height: calc(100vh - 160px); overflow-y: auto; } */

	.submenu li { clear: right; width: 50%; float: left; padding-left: 0; padding-right: 0; text-align: left !important; }
	.submenu li:hover { background: #17233F; }
	.submenu li a { color: #ffffff; }
	.submenu li a:hover { color: #fb6235; }

/*	.showsubsub { padding: 6px 9px !important; } */

	.menu_genres .largescreen { display: block !important; }
	.menu_genres .notlargescreen { display: none !important; }

	.menu_genres { width: 33%; float: left; padding: 0; font-weight: 400; }
	.menu_genres ul.subsubmenu {
		max-height: calc(100vh - 270px);
		overflow-y: auto;
		padding: 0 3px;
		box-sizing: border-box;
		scrollbar-width: thin;
		scrollbar-color: #fb6235 #17233F;
	}
	.menu_genres ul.subsubmenu::-webkit-scrollbar {
		width: 16px;
	}
	.menu_genres ul.subsubmenu::-webkit-scrollbar-thumb {
		background: #fb6235;
	}
	.menu_genres ul.subsubmenu::-webkit-scrollbar-track {
		background: transparent;
	}
	.menu_genres span.filterbygenre { display: block; }
	.menu_products, .menu_product_pages { width: 40%; float: left; padding: 0; }
	.menu_products.menu_2024 { width: 100%; float: left; padding: 0; }
	.menu_products.menu_2025 { width: 67%; float: left; padding: 0; }

	.menu_heading>div { padding: 21px 0 !important; }
	.menu_heading:hover { color:#ffffff !important; background: transparent !important; }
/*	.menu_products .menu_heading, .menu_product_pages .menu_heading { grid-column: span 2; } */

	.menu_heading>.showsubsub { display: none !important; }
	.menu_genres ul.subtab.subsubmenu, .menu_products ul.subtab.subsubmenu, .menu_product_pages ul.subtab.subsubmenu  { display: block !important; background: transparent !important; }
/*	.menu_products ul.subtab.subsubmenu, .menu_product_pages ul.subtab.subsubmenu { display: grid !important; grid-template-columns: repeat(2, 1fr); background: transparent !important; } */

	.menu_genres li, .menu_products li, .menu_product_pages li { text-align: left !important; width: 100%; padding: 0 0 0 5px; }
	.menu_genres li a:not(.button_smallest), .menu_products li a:not(.button_smallest), .menu_product_pages li a:not(.button_smallest) { padding: 9px 35px 9px 0 !important; } /* font-weight: bold !important; /* steve's design had these bold */

	.subtab.subsubmenu .subsubmenu a { font-weight: 400; }

	li.selected>a { font-weight: bold !important; }

	/* category filtering: */

	.menu_genres .subsubmenu>li { color: #ffffff !important; display: block; float: none; transition: 0.3s; border: 4px solid transparent; box-sizing: border-box; padding-left: 2%; padding-right: 2%; margin: 3px 0; }

	.submenu>li:hover, .menu_genres .subsubmenu>li:hover a, .submenu>li:hover a { font-weight: 400; }
	.submenu>li a:hover, .menu_genres .subsubmenu>li:hover a, .menu_genres .subsubmenu>li a:hover { color: #ffffff !important; }
	.submenu>li a:hover { color: #ffffff !important; font-weight: 700 !important; }

	.filtering { background: #17233F !important; color: #ffffff !important; box-shadow: 0 0 2px 2px rgba(128,128,128,0.5); font-weight: 700 !important; }
	.filtering a, .filtering a:hover { font-weight: 700 !important; }

	#showallgenre { margin-top: 5px; }

	/* /category filtering */

	/* /main navigation */

	.breadcrum { padding: 14px 6px; }
	.scertslink { padding: 32px 6px; }

	.columns-3 li { width: 33.33%; }
	.expertise .columns-3 li { width: calc(33.33% - 2em); }

	.imageleft .cyclecontent>div { float: right; }

	.cyclecontent p { font-size: 24px; }

	#cycleleftarrow, #cyclerightarrow { font-size: 4em; }

	.modal { transform: translate(-50%, 125px); }
	.modalhovered, .modaldropped, .modaloverlayed { background-color: rgba(23, 35, 63, 0.5); }

	.cycleslidescontainer  .promo_box { 
		bottom: 75px; 
	}

	.cycleslidescontainer .promo_box
	{ 
		background-color: rgba(255, 255, 255, 0.12); 
	}

	.home .modalhovered, .home .modaldropped, .home .modalsearched { display: none; }

	.flexbox-item-3,
	.flexbox-item-4, 
	.flexbox-item-5
	{ 
		flex: 0 1 calc(33.33% - 20px); 
	}

	.listingtable#product-list, .listingtable#categories { font-size: 1em; }
	.listingtable#product-list .list-image, .listingtable#product-list .list-pricing, .listingtable#product-list .list-basket-button { display: table-cell; }
	.listingtable#product-list .list-description, .listingtable#categories .list-description { border-radius: 0; }

	.listingtable#categories .list-image { display: table-cell; }

	.order-totals { font-size: 1.7em; }
}

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

	.header-menu>ul>li span:not(#menushow span) { font-size: 1em; }

	.secondary-menu .showsub { font-size: 1.2em; }

	#basket_top { font-size: 2em; }
	.modal-close { font-size: 3em !important; }

}

@media screen and (min-width: 1280px) {
	
	#mainmenu .header-search { width: 280px !important; }

/*	.cyclecontent { width: calc(100% - 175px); left: 0; margin-left: 175px; transform: translate(0, calc(-50% + 50px)); } */
	.cyclecontent>div { max-width: 50%; }

	.product-image .carousel-prev, .product-image .carousel-next { margin-left: 2px; margin-right: 2px; }

	.order-totals { font-size: 1.9em; }

	#set_same div { margin: 15px 0 0 0; font-size: 1.3em; }

	.copyright { padding: 16px 60px; }

	.menu_genres { width: 25%; }
	.menu_products.menu_2025 { width: 75%; }

	.header-menu .submenu>li { width: 33.33%; }
	.menu_products .menu_heading { grid-column: span 2; }
	.menu_products ul.subtab.subsubmenu { display: grid !important; grid-gap: 6px; grid-template-columns: repeat(2, 1fr); }
/*
	.menu_product_pages .menu_heading { grid-column: span 2; }
	.menu_product_pages ul.subtab.subsubmenu { display: grid !important; grid-template-columns: repeat(2, 1fr); }
*/
	.flexbox-item-4
	{ 
		flex: 0 1 calc(25% - 20px); 
	}

	.flexbox-item-5
	{ 
		flex: 0 1 calc(20% - 20px); 
	}
}

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

	.notlaptop { display: block; }

	#mainmenu>ul>li span.notmiddlescreens { display: inline; }
	
	#mainmenu>ul>li.notmiddlescreens, 
	#mainmenu>ul>li.notlaptop, 
	.header-menu>ul>li.notlaptop, 
	.secondary-menu>ul>li.notlaptop { display: table-cell; }

	.header-menu>ul>li span:not(#menushow span) 
	.secondary-menu>ul>li span:not(#menushow span) { margin: 0 18px 0 9px; }

	#mainmenu .header-search { width: 300px !important; }

}

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

	.site-header:not(.site-header.default) {
		min-height: 500px;
	}
	.site-header.default:not(.home .site-header)
	{
		min-height: 300px;
	}

	.site-branding { 
		width: 200px; padding-right: 40px;
	}

	h1.site-title { padding: 0.85em 0.25em; }

	.headercontent { width: calc(100% - 350px); }

	.header-right { 
		width: calc(100% - 200px); 
	}

	#mainmenu .submenu {
		width: calc(100% + 200px);
	}

/*	.cyclecontent { width: 1431px; margin-left: calc( ( (100vw - 1631px ) / 2) + 200px ); } */

	#cycleleftarrow { margin-left: calc(50vw - 840px); }
	#cyclerightarrow { margin-right: calc(50vw - 840px); }

	.cycleslidescontainer .promo_box,
	.site-header .promo_box 
	{ 
		right: calc( (100vw - 1640px) / 2); 
	}
}

@media print { 

	body { background: #ffffff}

	.noprint { display: none !important; }
	.noscreen { display: inline !important; }

	.columns-2 li, .columns-3 li  { width: auto; float: none; }

	.breadcrum,
	.button,
	.button_smallest,
	.button_small,
	.button_red,
	.button_red_small,
	.button_large,
	.submit_small,
	.submit_large, 
	.videowrapper,
	.to-top,
	#promo_boxes,
	#main-navigation,
	.in-page-navigation { display: none !important; }
	
	#certificatecontainer { font-size: 0.6em; }

	.printfooter { display:block !important; font-size: 0.7em; }
	.printfooter h4 { font-size: 1.2em; margin: 0.1em auto 0.25em auto !important; padding: 0 !important; line-height: 1em !important; }
	.printfooter p { margin: 0.1em auto !important; padding: 0 !important; line-height: 1em !important; }

	#hubspot-messages-iframe-container { transform: translateX(-100%); }

}