@font-face {
	font-family: "encode_sans_bold";
	src: url("../fonts/encodesans-bold-webfont.woff") format("woff");
}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video, a, a:hover {margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
.img {max-width: 100%;height: auto;}
.row {min-width: 1210px;width:100%;position: relative;margin: 0;}
.container {width: 1210px;margin: 0 auto;}
.container.pos {position: relative;}
.desktoponly {display: block !important;}
.mobileonly {display: none !important;}
body {
	margin: 0;
	padding: 0;
}
.container {
	width: 100%;
	max-width: 1226px;
	margin: 0 auto;
	display: block;
	clear: both;	
}

/* Header (Logo, Nav, Banner) */
#header {
	background: #489035;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	display: block;
	clear: both;
	position: relative;
}
#header #topstrip {
	background: #333333;
	font-size: 16px;
	line-height: 56px;
	height: 56px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 14px;
	font-weight: 100;
	color: #888;
}
#topstrip .container {
	display: flex;
	justify-content: space-between;
	height: 100%;
	align-items: center;
}
#header #topstrip span.established {
	display: flex;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	color: #fff;
	white-space: nowrap;
}

.payment_logo_container {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 2px;
	width: 42px;
	height: 24px;
	flex-shrink: 0;
}

.payment_logo_container img {
	width: auto !important;
}

.payment_logo_container:first-child {
	margin: 0 5px 0 20px;
}

#header #topstrip span.top_tel {
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	padding: 0 20px 0 28px;
	background: url('../images/top_phone.png') 0 50% no-repeat;
}
#header #topstrip span.top_tel a {
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
}
#header #topstrip span.top_tel .basketmobile {
	display: none;
}
#header #topstrip span.top_email {
	display: inline-block;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 17px;
	font-weight: 600;
	color: #fff;
	padding: 0 0 0 28px;
	background: url('../images/top_email.png') 0 50% no-repeat;
}
#header #topstrip a, #header #topstrip a:hover {
	color: inherit;
	text-decoration: none;
	transition: all 0.2s;
}
#header #topstrip a:hover {
	color: #7AB55C;
}
#header #navigation {
	height: 113px;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 1000;
	box-sizing: border-box;
}
#header #navigation #logo {
	display: flex;
	align-items: center;
	width: 272px;
	height: 85px;
	z-index: 1000;
}
#header #navigation #logo img {
	width: 100%;	
}
#header #mobmenu {
	display: none;
	clear: both;
	position: relative;
	z-index: 999;
	padding: 8px 0 8px 0;
	text-align: center;
	background: #000;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #fff;
	text-decoration: none;
}
#header #mobmenu a, #header #mobmenu a:hover {
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 100;
	color: #fff;
	text-decoration: none;
	padding: 0;
	margin: 0 14px 0 14px;
}
#header #mobnav {
	display: none;
	clear: both;
	position: relative;
	z-index: 999;
	padding: 0;
	margin: 0;
	text-align: center;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #fff;
	text-decoration: none;
}
#header #dsksearch {
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	border-radius: 0;
	z-index: 999;
	padding: 2px;
	margin: 0;
	text-align: center;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #fff;
	text-decoration: none;
	display: none;
	width: 0;
	opacity: 0;
}
#header #dsksearch form {
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
}
#header #dsksearch input[type="text"] {
	background: none;
	height: 50px;
	border-radius: 4px;
	display: inline;
	outline: none;
	width: 100%;
	box-sizing: border-box;
	text-indent: 6px;
	padding: 0 40px 0 6px;
	margin: 0 auto;
	border: 2px #fff solid;
	color: #000;
	font-size: 16px;
	line-height: 50px;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	transition: all 0.2s;
	background-color: #fff;
	border-radius: 3px;
}
#header #dsksearch input[type="submit"] {
	background: url('../images/search.png') 90% 50% no-repeat !important;
	position: absolute;
	top: 14px;
	right: 10px;
}
#header #dsksearch input[type="submit"], #header #search-icon a {
	background: url('../images/top_search_button.png') 90% 50% no-repeat;
	display: block;
	width: 26px;
	height: 26px;
	border: 0;
	padding: 0;
	margin: 0;
	color: #fff;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
}
#header #mobsearch {
	display: none;
	height: 0;
	position: relative;
	overflow: hidden;
}
#header #mobsearch input[type="text"] {
	background: #000;
	display: inline;
	width: 80%;
	max-width: 600px;
	padding: 4px;
	margin: 0 auto;
	border: 1px #fff solid;
	color: #fff;
	font-size: 14px;
}
#header #mobsearch input[type="submit"] {
	background: url('../images/zoom.png') 50% 50% no-repeat;
	background-size: 60% 60%;
	display: inline;
	width: 30px;
	height: 30px;
	border: 0;
	padding: 0;
	margin: 0 0 0 -32px;
	color: #fff;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
}
#header #mobnav #mobnavmenulink {
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
}
#header #mobnav #mobnavlinks {
	display: none;
}
#header #mobnav a, #header #mobnav a:hover {
	background: #444;
	display: block;
	clear: both;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #fff;
	text-decoration: none;
	padding: 5px 0 5px 0;
	margin: 0;
}
#header #mobnav a:hover {
	background: #333;
}
#header div.mobilecats {
	background: #333;
	display: none;
	clear: both;
}
#header div.mobilecats a {
	background: #444;
	display: block;
	clear: both;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif !important;
}
#header #navigation #toplinks {
	background: url('../images/top_cart.png') 0 50% no-repeat;
	display: inline-block;
	padding: 0 0 0 32px;
	width: auto;
	height: 28px;
	text-align: left;
}
#header #navigation #toplinks a, #header #navigation #toplinks a:hover {
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 100;
	color: #fff;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
#header #navigation #toplinks span.livechatbubble {font-size:26px;}

#header #navigation #links {
	display: flex;
	gap: 24px;
	position: relative;
}
#header #navigation #links a, #header #navigation #links a:hover {
	display: inline-block;
	height: 54px;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 100;
	line-height: 54px;
	color: #fff;
	text-decoration: none;
	margin: 0;
	border: 2px #fff solid;
	border-color: rgba(255, 255, 255, 0);
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;	
}
#header #navigation #links a:hover {
	color: #ccc;
}
#header #navigation #links a.selected, #header #navigation #links a.selected:hover {
	background: none;
}
#header #navigation #links div.prodcats, #header #navigation div.prodcats {
	background: #333333 url('../images/menu_open_arrow.png') 340px 0 no-repeat;
	display: none;
	position: absolute;
	left: 0;
    top: 113px;
	padding: 20px 0 20px 10px;
	margin: 0;
	box-sizing: border-box;
}
#header #navigation #links.internal a.selected, #header #navigation #links.internal a.selected:hover {
	background: none;
}
#header #navigation #links.internal div.prodcats {
	background: none;
}
#header #navigation #links div.prodcats a, #header #navigation div.prodcats a {
    display: inline-block;
    height: auto;
	width: 29%;
    line-height: 25px;
	box-sizing: border-box;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 100;
    margin: 0;
	color: #fff;
    padding: 0 0 0 12px;
    text-align: left;
	text-decoration: none;
}
#header #navigation div.prodcats a:nth-child(3n+1) {
	background: url('../images/nav_border.png') 100% 0 repeat-y;
}
#header #navigation div.prodcats a:nth-child(3n+2) {
	background: url('../images/nav_border.png') 100% 0 repeat-y;
}

#header #calltoactions {
	background: #fff;
	height: 56px;
	line-height: 56px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	text-align: center;
	vertical-align: middle;
}
#header #calltoactions img {
	width: 100%;
	max-width: 1087px;
	vertical-align: middle;
}

#header #banner {
	background: rgba(206,206,207,1);
	background: -moz-linear-gradient(top, rgba(206,206,207,1) 0%, rgba(230,231,232,1) 15%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(206,206,207,1)), color-stop(15%, rgba(230,231,232,1)));
	background: -webkit-linear-gradient(top, rgba(206,206,207,1) 0%, rgba(230,231,232,1) 15%);
	background: -o-linear-gradient(top, rgba(206,206,207,1) 0%, rgba(230,231,232,1) 15%);
	background: -ms-linear-gradient(top, rgba(206,206,207,1) 0%, rgba(230,231,232,1) 15%);
	background: linear-gradient(to bottom, rgba(206,206,207,1) 0%, rgba(230,231,232,1) 15%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cececf', endColorstr='#e6e7e8', GradientType=0 );

	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	position: relative;
	z-index: 200;
}
#header #banner #bannerbg {
	background: url('../images/banner_bg_flow.png') 100% 0 no-repeat;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
}
#header #banner #banners {
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	position: relative;
	max-height: 350px;
	overflow-y: hidden;
}
#header #banner a.left_arrow {
	background: url('../images/banner_arrows_new.png') 0 0 no-repeat;
	display: block;
	position: absolute;
	top: 50%;
	left: -48px;
	width: 28px;
	height: 48px;
	padding: 0;
	margin-top: -24px;
	outline: none;	
	z-index: 900;
}
#header #banner a.right_arrow {
	background: url('../images/banner_arrows_new.png') -28px 0 no-repeat;
	display: block;
	position: absolute;
	top: 50%;
	right: -48px;
	width: 28px;
	height: 48px;
	padding: 0;
	margin: 0;
	margin-top: -24px;
	outline: none;
	z-index: 900;	
}

#header #banner div.banner_item {
	height: 350px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	position: relative;
	z-index: 600;
}
#header #banner div.banner_item div.text {
	width: 570px;
	height: 278px;
	display: block;
	padding: 0 0 0 0px;
	position: absolute;
	left: 10px;
	top: 72px;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 30px;
	color: #333333;
	box-sizing: border-box;
}
#header #banner div.banner_item div.text strong {
	padding: 24px 0 0 0;
	display: block;
	clear: both;
	box-sizing: border-box;
	font-size: 32px;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	color: #569b43;
}
#header #banner #banners {
	position: relative;
	z-index: 500;
}
#header #banner div.banner_item div.image {
	width: 550px;
	height: 350px;
	display: block;
	position: absolute;
	top: 0;
	right: 30px;
	text-align: right;
}
div.banner_item div.image img {
	position: absolute;
	top: 20px;
	right: 30px;
	width: auto;
	max-height: 320px;
}
img.banner_curves {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 20;	
}
img.banner_nextday {
	display: none;
	padding: 65px 0 0 0;
}

/* Breadcrumb */
#breadcrumb {
	background: #ccebc2;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	display: block;
	clear: both;
	height: 50px;
	text-align: left;
	line-height: 50px;
	font-family: 'encode_sans_medium', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 14px;
	color: #333333;
}
#breadcrumb span {
	opacity: 0.5;
	font-size: 12px;
	margin: 0 9px 0 9px;	
}
#breadcrumb a, #breadcrumb a:hover {
	color: #54983f;
	text-decoration: none;	
}

#latestoffers {
	background: rgba(45,45,45,1);
	background: -moz-linear-gradient(left, rgba(45,45,45,1) 0%, rgba(45,45,45,1) 47%, rgba(68,136,51,1) 60%, rgba(68,136,51,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(45,45,45,1)), color-stop(47%, rgba(45,45,45,1)), color-stop(60%, rgba(68,136,51,1)), color-stop(100%, rgba(68,136,51,1)));
	background: -webkit-linear-gradient(left, rgba(45,45,45,1) 0%, rgba(45,45,45,1) 47%, rgba(68,136,51,1) 60%, rgba(68,136,51,1) 100%);
	background: -o-linear-gradient(left, rgba(45,45,45,1) 0%, rgba(45,45,45,1) 47%, rgba(68,136,51,1) 60%, rgba(68,136,51,1) 100%);
	background: -ms-linear-gradient(left, rgba(45,45,45,1) 0%, rgba(45,45,45,1) 47%, rgba(68,136,51,1) 60%, rgba(68,136,51,1) 100%);
	background: linear-gradient(to right, rgba(45,45,45,1) 0%, rgba(45,45,45,1) 47%, rgba(68,136,51,1) 60%, rgba(68,136,51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#448833', GradientType=1 );
	width: 100%;
	height: 269px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	box-sizing: border-box;
}
#latestoffers div.container {
	background: url('../images/latest_offers_bg.png') 0 0 no-repeat;
	height: 269px;
	
}
#latestoffers div.container div.text {
	width: 250px;
	display: inline-block;
	padding: 40px 0 0 0;
	margin: 0;
	box-sizing: border-box;
	border: 0;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 68px;
	line-height: 64px;
	color: #ffffff;
	vertical-align: top;
}
#latestoffers div.container div.text span {
	display: block;
	clear: both;
	padding: 20px 0 0 0;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 31px;
	line-height: 31px;
	color: #aadd9a;	
}
#latestoffers div.container div.prods {
	width: 870px;
	height: 237px;
	display: inline-block;
	padding: 0 0 0 0;
	margin: 16px 0 0 90px;
	box-sizing: border-box;
	vertical-align: top;
	position: relative;
}

#latestoffers div.latestoffers_scroller {
	background: none;
	height: 237px;
	display: block;
	clear: both;
	padding: 0;
	margin: 0 0 0 0;	
	font-family: 'encode_sans_thin', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333333;
	font-size: 22px;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}
#latestoffers a.left {
	background: url('../images/banner_arrows_white_new.png') 0 50% no-repeat;
	display: block;
	position: absolute;
	top: 50%;
	left: -40px;
	width: 28px;
	height: 48px;
	padding: 0;
	margin-top: -24px;
	outline: none;	
	z-index: 900;
	text-decoration: none;
}
#latestoffers a.right {
	background: url('../images/banner_arrows_white_new.png') -28px 50% no-repeat;
	display: block;
	position: absolute;
	top: 50%;
	right: -30px;
	width: 28px;
	height: 48px;
	padding: 0;
	margin: 0;
	margin-top: -24px;
	outline: none;
	z-index: 900;
	text-decoration: none;
}

#latestoffers div.latestoffers_scroller div.item {
	width: 205px;
	height: 236px;
	padding: 0;
	margin: 0 10px 0 0;
	display: block;
	float: left;
	border: 0;
	font-size: 14px;
	position: relative;
}
#latestoffers div.latestoffers_scroller div.item div.title {
    display: block;
	clear: both;
	padding: 0 0 0 0;
	height: 38px;
}
#latestoffers div.latestoffers_scroller div.item div.image {
	background: #fff;
	width: 205px;
	height: 185px;
	display: block;
	clear: both;
	line-height: 185px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
#latestoffers div.latestoffers_scroller div.item div.image img {
	max-width: 170px;
	max-height: 170px;
	border: 0;
	vertical-align: middle;
	width: auto !important;
	display: unset !important;
	transform-style: unset !important;
}
#latestoffers div.latestoffers_scroller div.item div.info {
	background: #aadd9a;
    display: block;
	clear: both;
	padding: 6px 0 0 6px;
	height: 51px;
	position: relative;
	box-sizing: border-box;
}
#latestoffers div.latestoffers_scroller div.item span.title {
	display: block;
	clear: both;
    font-size: 16px;
	line-height: normal;
    padding: 0;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #326324;
	text-decoration: none;	
}
#latestoffers div.latestoffers_scroller div.item span.desc {
	display: block;
	clear: both;
    font-size: 14px;
    padding: 0;
	position: relative;
	overflow: hidden;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333;
	text-decoration: none;	
}
#latestoffers div.latestoffers_scroller div.item span.price {
	display: block;
	clear: both;
    font-size: 16px;
	line-height: normal;
    padding: 0;
	position: relative;
	overflow: hidden;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333;
	text-decoration: none;	
}
#latestoffers div.latestoffers_scroller div.item span.price span.vat {
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;	
}
#latestoffers div.latestoffers_scroller div.item a, #latestoffers div.latestoffers_scroller div.item a:hover {
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333;
	text-decoration: none;
	font-size: 16px;	
}

/* Homepage Categories */
#homepage_products {
	background: #e6e7e8;
	display: block;
	clear: both;
}
#homepage_products div.product_col3 {
	padding: 16px 0 16px 0;
	margin: 0 auto;
	display: block;
	clear: both;
}
#homepage_products div.product_col3 a.product_item, #homepage_products div.product_col3 a.product_item:hover {
	background: #fff;
	width: 390px;
	height: 450px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	border: 2px #488935 solid;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 20px;
	color: #54983f;
	text-align: center;
	text-decoration: none;
	position: relative;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
#homepage_products div.product_col3 a.product_item:nth-child(1) {
	margin-right: 21px;	
}
#homepage_products div.product_col3 a.product_item:nth-child(2) {
	margin-right: 20px;	
}
#homepage_products div.product_col3 a.product_item:nth-child(3) {
	margin-right: 0;	
}
#homepage_products div.product_col3 a.product_item span.title {
	padding: 16px 30px 16px 30px;
	display: block;
	clear: both;	
}
#homepage_products div.product_col3 a.product_item span.title span.subtitle {
	display: block;
	clear: both;	
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 13px;
	color: inherit;
}
#homepage_products div.product_col3 a.product_item span.text {
	display: none;
	width: 80%;
	bottom: 30px;
	color: #fff;
	padding: 0 10% 0 10%;
	text-align: center;
	position: absolute;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
	z-index: 50;
}
#homepage_products div.product_col3 a.product_item span.text strong {
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
}
#homepage_products div.product_col3 a.product_item:hover {
	background: #333333;
	border: 2px #fff solid;
	color: #ffffff;
}
#homepage_products div.product_col3 a.product_item:hover span.text {
	display: block;
}
#homepage_products div.product_col3 a.product_item img {
	max-width: 360px;
	max-height: 300px;
	padding: 0;
	margin: 0 auto;
	margin-top: 20px;
	display: block;
	clear: both;
}
#homepage_products div.product_col3 a.product_item:hover img {
	opacity: 0.1;
}
#homepage_products div.product_col4 {
	padding: 20px;
	margin: 0 auto;
	clear: both;
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(300px, 1fr));
	grid-gap: 20px;
}
@media(min-width: 1245px){
	#homepage_products div.product_col4 {
		padding: 20px 0;
	}
}
#homepage_products div.product_col4 a.product_item {
	background: #ffffff;
	width: 100%;
	height: auto;
	padding: 0 0 95px 0;
	display: block;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 18px;
	color: #54983f;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	position: relative;
	vertical-align: top;
	outline: 2px solid transparent;
	border-radius: 8px;
	box-sizing: border-box;
	box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
	overflow: hidden;
	margin: 0!important;
}
#homepage_products div.product_col4 a.product_item:hover {
	outline: 2px solid #56854A;
}
#homepage_products div.product_col4 a.product_item:hover .product_item-button {
	background-color: #548746;
}
#homepage_products div.product_col4 a.product_item:nth-child(1n) {
	margin-right: 16px;	
}
#homepage_products div.product_col4 a.product_item:nth-child(2n) {
	margin-right: 16px;	
}
#homepage_products div.product_col4 a.product_item:nth-child(3n) {
	margin-right: 16px;	
}
#homepage_products div.product_col4 a.product_item:nth-child(4n) {
	margin-right: 0;
}
#homepage_products div.product_col4 a.product_item span.image {	
	background: #ffffff;
	height: auto;
	padding: 0;
	margin: 0 0 20px 0;
	text-align: left;
	line-height: normal;
	vertical-align: middle;
	display: block;
	clear: both;
	box-sizing: border-box;
	overflow: hidden;
	max-height: 281px;
}
#homepage_products div.product_col4 a.product_item span.image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: right;
	max-width: none;
	max-height: none;
}
#homepage_products div.product_col4 a.product_item span.title {
	background: #fff;
	font-size: 20px;
	font-family: 'encode_sans_bold', Arial, Helvetica, sans-serif;
	line-height: 22px;
	color: #363636;
	height: auto;
	padding: 0 30px;
	display: block;
	text-align: left;
	clear: both;
	box-sizing: border-box;
	margin-bottom: 13px;
}
#homepage_products div.product_col4 a.product_item span.title-line-one {
	display: block;
}
#homepage_products div.product_col4 a.product_item span.title-line-two {
	display: block;
}
#homepage_products div.product_col4 a.product_item span.title.large {
	padding-top: 4px;
}
#homepage_products div.product_col4 a.product_item span.subtitle {
	display: block;
	margin-bottom: 15px;
	clear: both;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #548746;
	padding: 0 30px;
	box-sizing: border-box;
	text-align: left;
}
#homepage_products div.product_col4 a.product_item span.text {
	width: 100%;
	height: auto;
	display: block;
	color: #000000;
	box-sizing: border-box;
	text-align: left;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 14px;
	line-height: 20px;
	z-index: 50;
	padding: 0 30px;
}
#homepage_products div.product_col4 a.product_item span.text strong {
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
}

#homepage_products div.product_col4 a.product_item:hover span.text {

}

#homepage_products div.product_col4 a.product_item .product_item-button {
	background: #FC5A1F;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	width: fit-content;
	height: auto;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	border-radius: 6px;
	padding: 15px 25px;
	display: block;
	margin-top: 15px;
	position: absolute;
	bottom: 30px;
	left: 30px;
	transition: all 0.3s ease;
}

/* General Content */
#content {
	padding: 30px 0 30px 0;
	margin: 0;
	display: block;
	clear: both;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 18px;
	color: #333;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
}
.product_listing {
	background: #e6e7e8;
}
#content h1 {
	font-family: 'encode_sans_medium', Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 32px;
	color: #333;
	padding: 0 0 24px 0;
	margin: 0;	
}
#content h2 {
	font-family: 'encode_sans_medium', Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: #333;
	padding: 0 0 14px 0;
	margin: 0;	
}
#content strong {
	font-weight: 900;	
}
#content p {
	dispaly: block;
	clear: both;
	padding: 0;
	margin: 0 0 22px 0;	
	font-size: 12pt;
}
#content p a, #content p a:hover {
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #488A33;
	text-decoration: none;
}
#content p a:hover {
	text-decoration: underline;
}

#content div.text_body {
	padding: 0;
	margin: 0;
	display: block;
	clear: both;	
}
div.team_scroller {
	background: #478735;
	display: block;
	clear: both;
	padding: 30px 0 30px 0;
	margin: 10px 0 40px 0;	
	font-family: 'encode_sans_thin', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #fff;
	font-size: 22px;
	text-decoration: none;
}
div.team_scroller div.scrollnote {
	padding: 0 0 20px 0;
	display: block;
	clear: both;
	position: relative;	
}
div.team_scroller div.scrollnote a.left {
	background: url('../images/banner_arrows.png') 0 50% no-repeat;
	display: block;
	position: absolute;
	width: 24px;
	height: 28px;
	top: 6px;
	right: 38px;
	z-index: 900;
	text-decoration: none;
}
div.team_scroller div.scrollnote a.right {
	background: url('../images/banner_arrows.png') -24px 50% no-repeat;
	display: block;
	position: absolute;
	width: 24px;
	height: 28px;
	top: 6px;
	right: 6px;
	z-index: 900;
	text-decoration: none;
}
div.team_scroller div.team_member {
	padding: 1px;
	margin: 0 12px 0 0;
	background: #ffffff;
	display: block;
	float: left;
}
div.team_scroller div.team_member div.first_name {
	display: block;
	clear: both;
	padding: 20px 0 12px 0;
	margin: 0;	
	font-family: 'encode_sans_bold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
}
div.team_scroller div.team_member div.job_role {
	display: block;
	clear: both;
	padding: 0 0 12px 0;
	margin: 0;	
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
}

#content div.content_full {
	dispaly: block;
	clear: both;
}

#content div.contact_left {
	dispaly: block;
	float: left;
	width: 862px;
	padding: 0 50px 0 0;
}
img.map {
	width: 100%;
	transition: 1s;
	-webkit-transition: 1s;
}
img.map:hover {
	filter: saturate(3);
	-webkit-filter: saturate(3);
	border-radius: 8px;
}


/* Product Page */
#content div.product_left {
	dispaly: block;
	float: left;
	width: 912px;
	padding: 0;
}
#content div.product_left div.image {
	width: 350px;
	height: auto;
	max-height: 750px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
#content div.product_left div.image img {
	max-width: 340px;
	max-height: 290px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-appearance: none;
}
#content div.product_left div.image img.zoom {
	border: 0 !important;
}
#content div.product_left div.image:hover img {
	filter: contrast(120%);
	-webkit-filter: contrast(120%);
}
#content div.product_left div.image:hover div.brand img {
	filter: none;
	-webkit-filter: none;
}
#content div.product_left div.image a, #content div.product_left div.image a:hover {
	width: auto;
	height: auto;
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
	outline: none;
	position: relative;
	border: 1px #f2f2f2 solid;
	box-sizing: border-box;
}
#content div.product_left div.image a img.zoom {
	display: block;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 900;	
}
#content div.product_left div.description {
	width: 450px;
	min-height: 100px;
	padding: 0 50px 0 50px;
	margin: 0;
	display: block;
	float: left;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
	color: #333;
}
#content div.product_left div.description p, div.description p, #content div.product_left div.description td, div.description td, #content div.product_left div.description th, div.description th {
	font-size: 16px;
}
#content div.product_left div.description li, div.description li {
	font-size: 16px;
}
#content div.product_left div.description ul, div.description ul {
	list-style-position: inside;
}
#content div.product_left div.description div.welike, div.description div.welike {
	padding: 12px 0 0 0;
	margin: 20px 0 0 0;
	border-top: 1px #f2f2f2 solid;
	display: block;
	clear: both;
	color: #43882e;
}
#content div.product_left div.description strong, div.description strong {
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
}
#content div.product_left div.brand {
	padding: 10px 0 0 0;
	display: block;
	clear: both;
	text-align: left;
}
#content div.product_left div.brand img {
	width: 100%;
	max-width: 180px;
}

#content div.product_right {
	dispaly: block;
	float: right;
	width: 304px;
	padding: 4px 0 0 0;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 26px;
	color: #333;
}
#content div.product_right a.ask {
	padding: 0 0 6px 16px;
	margin: 0 0 15px 0;
	display: block;
	clear: both;	
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 19px;
	color: #333;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
}
#content div.product_right a.ask span {
	color: #529740;
	font-size: 25px;
	letter-spacing: 6px;
}
#content div.product_right #askexpertform {
	padding-right: 3px;
	display: none;
}
#content div.product_right a.deliverycheck {
	background: #5E9DD7;
	padding: 12px;
	margin: 0 0 6px 0;
	display: block;
	clear: both;	
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	text-align: left;
	text-transform: none;
}
#content div.product_right a.deliverycheck span {
	color: #fff;
	font-size: 25px;
	letter-spacing: 6px;
}
#content div.product_right #checkstockform {
	padding-right: 3px;
	padding-bottom: 14px;
	display: none;
}

#content div.product_right a.oemcheck {
	background: #F1C51B;
	padding: 12px;
	margin: 0 0 12px 0;
	display: block;
	clear: both;	
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 17px;
	color: #000;
	text-decoration: none;
	text-align: left;
	text-transform: none;
}
#content div.product_right a.oemcheck span {
	color: #fff;
	font-size: 25px;
	letter-spacing: 6px;
}
#content div.product_right #checkoemform {
	padding-right: 3px;
	padding-bottom: 14px;
	display: none;
}


#content div.product_right div.pricing {
	background: #e5f5e0;
	padding: 6px 16px;
	margin: 0 0 6px 0;
	display: block;
	clear: both;	
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
	color: #333;
	text-decoration: none;
	text-align: left;
}
#content div.product_right div.pricing div.price {
	display: block;
	clear: both;
	padding: 0 0 8px 0;
	margin: 0 0 0 0;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 28px;
	color: #333;
}
#content div.product_right div.pricing div.vat {
	display: block;
	clear: both;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 18px;
	color: #333;
}
#content div.product_right div.pricing div.divider {
	display: block;
	clear: both;
	border-top: 2px #fff solid;
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
}
#content div.product_right div.pricing div.rrp {
	display: block;
	clear: both;
	padding: 0 0 8px 0;
	margin: 0 0 0 0;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 18px;
	color: #333;
}
#content div.product_right div.pricing div.save {
	display: block;
	clear: both;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 18px;
	color: #54983f;
}
#content div.product_right div.pricing div.quantity {
	display: block;
	clear: both;
	padding: 0 0 2px 0;
	margin: 0 0 0 0;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
	color: #333;
}
#content div.product_right div.pricing div.quantity select {
	background: #fff;
	border: 1px #54983f solid;
	padding: 6px;
	margin: 0 0 0 16px;
	width: 140px;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
}
#content div.product_right a.buynow, #content div.product_right input.buynow, #content div.product_right button.buynow {
	background: #ff6600;
	color: #fff;
	padding: 6px 0 6px 16px;
	margin: 0 0 6px 0;
	width: 100%;
	display: block;
	clear: both;
	border: 0;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 18px;
	text-align: left;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-appearance: none;
	border-radius: 0;
	box-sizing: border-box;
}
button.buynow {
	opacity:0.1; display: flex !important; align-items: center !important; gap: 5px !important; padding: 10px !important;
}
#content div.product_right a.buynow:hover, #content div.product_right input.buynow:hover {
	background: #db5800;
	text-indent: 10px;
	-webkit-appearance: none;
	border-radius: 0;
}
#content div.product_right div.stock {
	background: #DEEBF7;
	color: #222;
	padding: 6px 0 6px 16px;
	margin: 0 0 6px 0;
	display: block;
	clear: both;
	text-decoration: none;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
	text-align: left;
	cursor: default;
}
#content div.product_right div.stock span {
	color: #e1e1e1;
	margin-right: 6px;
	font-size: 20px;
	display: none;
}

#content div.tabsection {
	display: block;
	clear: both;
	border-top: 1px #f2f2f2 solid;
	padding: 0 0 0 0;
	margin: 0 0 6px 0;	
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 18px;
}
#content div.tabsection div.tabtxt {
	padding: 6px 0 12px 0;
}
#content div.tabsection a.tabbtn, #content div.product_left div.tabsection a.tabbtn:hover {
	background: #e5f5e0;
	text-indent: 6px;
	height: 48px;
	line-height: 46px;	
	display: block;
	clear: both;
	color: #252525;
	font-size: 26px;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	padding: 0;
	margin: 0;
	text-decoration: none;
}
#content div.tabsection a.tabbtn span {
	float: right;
	color: #333;
	font-family: Georgia,Helvetica,sans-serif;
	font-size: 48px;
	line-height: 44px;	
	padding: 0 6px 0 0;
}
#content div.tabsection a.tabbtn span::after {
    content: "+";
}
#content div.tabsection a.tabbtn.open span::after {
    content: "–";
}
#content div.tabsection ul {
	padding: 0;
	margin: 0;
	list-style-type: square;
	list-style-position: inside;
}
#content div.tabsection ul li {
	padding: 0 0 5px 5px;
}
#content div.tabsection a.datasheet, #content div.tabsection a.datasheet:hover {
	background: url('../images/datasheet.png') 0 0 no-repeat;
	width: 160px;
	min-height: 74px;
	padding: 0 0 0 74px;
	margin: 10px 35px 15px 0;
	display: inline-block;
	clear: both;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 14px;
	color: #444;	
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;	
}
#content div.tabsection a.datasheet span, #content div.tabsection a.datasheet:hover span {
	padding: 2px 0 8px 0;
	display: block;
	clear: both;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 14px;
	color: #54983f;	
	text-decoration: none;			
}
#content div.tabsection a.manual, #content div.tabsection a.manual:hover {
	background: url('../images/manual.png') 0 0 no-repeat;
	width: 160px;
	min-height: 74px;
	padding: 0 0 0 74px;
	margin: 10px 35px 15px 0;
	display: inline-block;
	clear: both;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 14px;
	color: #444;	
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;	
}
#content div.tabsection a.manual span, #content div.tabsection a.manual:hover span {
	padding: 2px 0 8px 0;
	display: block;
	clear: both;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 14px;
	color: #54983f;	
	text-decoration: none;		
}
#content div.tabsection a.software, #content div.tabsection a.software:hover {
	background: url('../images/software.png') 0 0 no-repeat;
	width: 160px;
	min-height: 74px;
	padding: 0 0 0 74px;
	margin: 10px 35px 15px 0;
	display: inline-block;
	clear: both;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 14px;
	color: #444;	
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;	
}
#content div.tabsection a.software span, #content div.tabsection a.software:hover span {
	padding: 2px 0 8px 0;
	display: block;
	clear: both;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 14px;
	color: #54983f;	
	text-decoration: none;		
}
#content div.tabsection a.datasheet:hover, #content div.tabsection a.manual:hover, #content div.tabsection a.software:hover {
	background-position: 3px 0;
	color: #498E35;
}
#content div.tabsection div#tab-downloads a {
	vertical-align: top;
}


#content div.product_right img {
	width: 100%;
	max-width: 280px;	
}
#content div.product_right .cta_sep {
	display: block;
	clear: both;
	padding: 0 0 0 0;
	border-top: 1px #f2f2f2 solid;
	margin: 20px 0 20px 0;
}

#content div.bundles_scroller {
	background: #DEEBF7;
	display: block;
	clear: both;
	padding: 30px 0 30px 0;
	margin: 10px 0 40px 0;	
	font-family: 'encode_sans_thin', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333;
	font-size: 22px;
	text-decoration: none;
	height: 290px;
	position: relative;
	overflow: hidden;
}
#content div.bundles_scroller div.scrollnote {
	padding: 0 0 20px 0;
	display: block;
	clear: both;
	position: relative;
	color: #333;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
}
#content div.bundles_scroller div.scrollnote a.left {
	background: url('../images/bundles_arrows.png') 0 50% no-repeat;
	display: block;
	position: absolute;
	width: 24px;
	height: 28px;
	top: 6px;
	right: 38px;
	z-index: 900;
	text-decoration: none;
	color: #333;
}
#content div.bundles_scroller div.scrollnote a.right {
	background: url('../images/bundles_arrows.png') -24px 50% no-repeat;
	display: block;
	position: absolute;
	width: 24px;
	height: 28px;
	top: 6px;
	right: 6px;
	z-index: 900;
	text-decoration: none;
	color: #333;
}
#content div.bundles_scroller div.accessory {
	padding: 1px;
	margin: 0 20px 0 0;
	display: block;
	float: left;
	border: 0;
	font-size: 14px;
	position: relative;
}
#content div.bundles_scroller div.accessory div.title {
    display: block;
	clear: both;
	padding: 0 0 0 0;
	height: 38px;
}
#content div.bundles_scroller div.accessory div.image {
    position: absolute;
	background: transparent;
	width: 184px;
	height: 184px;
	top: 38px;
	left: 8px;
}
#content div.bundles_scroller div.accessory div.image img {
	max-width: 184px;
	max-height: 184px;
	border: 0;
}
#content div.bundles_scroller div.accessory div.info {
    display: block;
	clear: both;
	padding: 0 0 0 204px;
	height: 270px;
}
#content div.bundles_scroller div.accessory span.title {
	display: block;
	clear: both;
    font-size: 16px;
    padding: 0 0 10px 0;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333;
	text-decoration: none;	
}
#content div.bundles_scroller div.accessory span.desc {
	display: block;
	clear: both;
    font-size: 14px;
    padding: 0;
	height: 110px;
	position: relative;
	overflow: hidden;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333;
	text-decoration: none;	
}
#content div.bundles_scroller div.accessory span.price {
	display: block;
	clear: both;
    font-size: 16px;
    padding: 0;
	height: 50px;
	position: relative;
	overflow: hidden;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333;
	text-decoration: none;	
}
#content div.bundles_scroller div.accessory span.price span.vat {
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;	
}
#content div.bundles_scroller div.accessory span.save {
	display: block;
	clear: both;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
}
#content div.bundles_scroller div.accessory a, #content div.bundles_scroller div.accessory a:hover {
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333;
	text-decoration: none;
	font-size: 16px;	
}

#content div.accessories_scroller {
	background: #ebebeb;
	display: block;
	clear: both;
	padding: 30px 0 30px 0;
	margin: 10px 0 20px 0;	
	font-family: 'encode_sans_thin', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333333;
	font-size: 22px;
	text-decoration: none;
	height: 290px;
	position: relative;
	overflow: hidden;
}
#content div.accessories_scroller div.scrollnote {
	padding: 0 0 20px 0;
	display: block;
	clear: both;
	position: relative;
	color: #333;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
}
#content div.accessories_scroller div.scrollnote a.left {
	background: url('../images/banner_arrows_green.png') 0 50% no-repeat;
	display: block;
	position: absolute;
	width: 24px;
	height: 28px;
	top: 6px;
	right: 38px;
	z-index: 900;
	text-decoration: none;
	color: #333;
}
#content div.accessories_scroller div.scrollnote a.right {
	background: url('../images/banner_arrows_green.png') -24px 50% no-repeat;
	display: block;
	position: absolute;
	width: 24px;
	height: 28px;
	top: 6px;
	right: 6px;
	z-index: 900;
	text-decoration: none;
	color: #333;
}
#content div.accessories_scroller div.accessory {
	padding: 1px;
	margin: 0 20px 0 0;
	display: block;
	float: left;
	border: 0;
	font-size: 14px;
	position: relative;
}
#content div.accessories_scroller div.accessory div.title {
    display: block;
	clear: both;
	padding: 0 0 0 0;
	height: 38px;
}
#content div.accessories_scroller div.accessory div.image {
    position: absolute;
	background: transparent;
	width: 184px;
	height: 184px;
	top: 38px;
	left: 0;
}
#content div.accessories_scroller div.accessory div.image img {
	max-width: 184px;
	max-height: auto;
	height: auto;
	border: 0;
}
#content div.accessories_scroller div.accessory div.info {
    display: block;
	clear: both;
	padding: 0 0 0 204px;
	height: 270px;
}
#content div.accessories_scroller div.accessory span.title {
	display: block;
	clear: both;
    font-size: 16px;
    padding: 0px 0 10px 0;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333;
	text-decoration: none;	
}
#content div.accessories_scroller div.accessory span.desc {
	display: block;
	clear: both;
    font-size: 14px;
    padding: 0;
	height: 110px;
	position: relative;
	overflow: hidden;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333;
	text-decoration: none;	
}
#content div.accessories_scroller div.accessory span.price {
	display: block;
	clear: both;
    font-size: 16px;
    padding: 0;
	height: 50px;
	position: relative;
	overflow: hidden;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333;
	text-decoration: none;	
}
#content div.accessories_scroller div.accessory span.price span.vat {
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;	
}
#content div.accessories_scroller div.accessory a, #content div.accessories_scroller div.accessory a:hover {
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333;
	text-decoration: none;
	font-size: 16px;	
}

#content div#accessories_quickview {
	display: none;
	clear: both;
	padding: 0;
	margin: 20px 0 0 0;
}
#content div#accessories_quickview #accessorydetail {
	background: #fff;
	display: block;
	margin: 0 auto;
	padding: 0;
	border: 2px #54983f solid;
	min-height: 160px;
	position: relative;
}
#content div#accessories_quickview #accessorydetail a.closeit, #content div#accessories_quickview #accessorydetail a.closeit:hover {
	background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    color: #54983f;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 24px;
    height: 28px;
    line-height: 30px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 28px;
    z-index: 7500;
}


/* Category Page */
div#category_banner {
	border: 10px #529740 solid;	
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
}
div#category_banner img {
	width: 100%;
	max-width: 1240px;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}
#sorting {
	padding: 15px 0 22px 0;
	margin: 0;
	display: block;
	clear: both;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
	line-height: 44px;
}
#sorting div.sort {
	height: 44px;
	width: 500px;
	display: block;
	float: left;	
}
#sorting select {
	width: 160px;
	border: 1px #54983f solid;
	padding: 6px;
	margin: 0 0 0 10px;
	background: #fff;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
	text-decoration: none;	
	color: #333;
}
#sorting div.show {
	height: 44px;
	width: 370px;
	display: block;
	float: right;	
}
#sorting a.grid, #sorting a.grid:hover {
	background: url('../images/grid.png') 0 0 no-repeat;
	height: 44px;
	display: inline-block;
	padding: 0 0 0 50px;
	line-height: 44px;
	margin: 0 15px 0 10px;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 14px;
	text-decoration: none;	
	color: #333;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.6;
}
#sorting a.list, #sorting a.list:hover {
	background: url('../images/list.png') 0 0 no-repeat;
	height: 44px;
	display: inline-block;
	padding: 0 0 0 50px;
	line-height: 44px;
	margin: 0;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 14px;
	text-decoration: none;	
	color: #333;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.6;
}
#sorting .active {
	-webkit-filter: grayscale(0%) !important;
	filter: grayscale(0%) !important;
	opacity: 1 !important;	
}

#product_list {
	padding: 0;
	margin: 0 auto;
	display: block;
	clear: both;
}
#product_list .hidden {
	display: none !important;
}
#product_list a.product_item.sortvisible, #product_list a.product_item.sortvisible:hover {
	margin: 0 16px 24px 0 !important;
	transition: all 0.4s;
}
#product_list a.product_item, #product_list a.product_item:hover {
	background: #ffffff;
	width: 390px;
	margin: 0 16px 24px 0;
	display: block;
	float: left;
	border: 1px #e9e9e9 solid;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
	color: #54983f;
	text-align: center;
	text-decoration: none;
	position: relative;
}
#product_list a.product_item span.features {
	display: none;
	opacity: 0;
}
#product_list a.product_item:hover span.features {
	display: block;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #54983f;
	color: #fff;
	font-size: 16px;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	text-align: center;
}
#product_list a.product_item:hover span.features ul {
	padding: 20px 0 0 0;
	margin: 0;
	height: 80%;
	overflow: hidden;
	position: relative;
	list-style-type: square;
	list-style-position: inside;
}
#product_list a.product_item:hover span.features ul li {
	background: url('../images/bullet.png') 0px 9px no-repeat;
	display: block;
	clear: both;
	padding-right: 16px;
	margin: 0 0 16px 1em;
	text-align: left;
    padding-left: 12px;
}
#product_list a.product_item:hover span.features ul li:nth-child(n+7) {  
    display: none;
}
#product_list a.product_item:hover span.features strong.viewprod {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	background: #E7F5E3;
	height: 64px;
	padding: 0;
	display: block;
	clear: both;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 24px;
	color: #333;
	text-align: center;
	line-height: 64px;
}
#product_list a.product_item:nth-of-type(3n) {
	margin-right: 0;
}
#product_list a.product_item span.title {
	height: 40px;
	padding: 20px 30px 0 30px;
	display: block;
	clear: both;
	font-size: 16px;
}
#product_list a.product_item span.desc {
	height: 40px;
	position: relative;
	overflow: hidden;
	padding: 6px 30px 0 30px;
	display: block;
	clear: both;
	color: #333;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 14px;
}
#product_list a.product_item span.image {
	height: 300px;
	position: relative;
	overflow: hidden;
	padding: 0;
	display: block;
	clear: both;
	text-align: center;
}
#product_list a.product_item span.image img {
	max-height: 290px;
}
#product_list a.product_item span.price {
	background: #E7F5E3;
	height: 64px;
	padding: 0;
	display: block;
	clear: both;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 24px;
	color: #333;
	text-align: center;
	line-height: 64px;
	position: relative;
}
#product_list a.product_item span.price span.vat {
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#product_list a.product_item:hover {
	background: #fff;
	border: 1px #488935 solid;
}
#product_list a.product_item img {
	max-width: 360px;
	max-height: 300px;
	padding: 0;
	margin: 0 auto;
	margin-top: 20px;
	display: block;
	clear: both;
}
#product_list a.product_item.featured, #product_list a.product_item.featured:hover {
	background: #fff;
	color: #ff7519;
	border: 1px #ff6600 solid;
}
#product_list a.product_item.featured span.price {
	background: #ff7519;
	color: #fff;
	position: relative;
}
#product_list a.product_item span.price span.instockicon, #product_list a.product_item.featured span.price span.instockicon {
	width: 120px;
	height: 350px;
	position: absolute;
	top: -60px;
	right: 0;
	z-index: 90;
	display: block;
}
#product_list a.product_item span.price span.instockicon img, #product_list a.product_item.featured span.price span.instockicon img {
	width: 100%;
	height: auto;
	margin-top: 0;
}
#product_list a.product_item.featured span.price span.featuretext {
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-size: 18px;	
}


#product_list div.livechat_cta {
	padding: 20px 10px;
	margin: 0 0 14px 0;
	border: 2px #54983f solid;
	display: block;
	clear: both;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-align: center;
	text-decoration: none;
	color: #333;
	cursor: pointer;
}
#product_list div.livechat_cta span.livechat {
	color: #54983f;
}
#product_list.listview {
	padding: 0;
}
#product_list.listview a.product_item, #product_list.listview a.product_item:hover {
	background: #ffffff;
	width: auto;
	padding: 0 0 0 140px;
	margin: 0 0 12px 0;
	display: block;
	clear: both;
	float: none;
	border: 1px #e9e9e9 solid;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
	color: #54983f;
	text-align: center;
	text-decoration: none;
	position: relative;
	min-height: 100px;
}
#product_list.listview a.product_item:hover {
	background: #fff;
	border: 1px #488935 solid;
}

#product_list.listview a.product_item span.title {
	height: 26px;
	display: block;
	clear: both;
	float: none;
	text-align: left;
	padding-left: 15px;
}
#product_list.listview a.product_item span.desc {
	height: 50px;
	display: block;
	clear: both;
	float: none;
	text-align: left;
	padding-left: 15px;
}
#product_list.listview a.product_item span.price {
	height: 38px;
	line-height: 38px;
	font-size: 20px;
	display: block;
	clear: both;
	float: none;
	text-align: left;
	padding: 0 0 0 15px;
}
#product_list.listview a.product_item span.image {
	width: 140px;
	height: 140px;
	text-align: center;
	background: #fff;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#product_list.listview a.product_item span.image img {
	max-width: 130px;
	max-height: 130px;
	padding: 0;
	margin: 0 auto;
	margin-top: 8px;
	display: block;
	clear: both;
}
#product_list.listview a.product_item.featured, #product_list.listview a.product_item.featured:hover {
	background: #fff;
	color: #ff7519;
	border: 1px #ff6600 solid;
}
#product_list.listview a.product_item.featured span.price {
	background: #ff7519;
	color: #fff;
}
#product_list.listview a.product_item.featured span.price span.featuretext {
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-size: 18px;	
}

#product_list.listview a.product_item:hover span.features {
	display: block;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #54983f;
	color: #fff;
	font-size: 14px;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	text-align: center;
}
#product_list.listview a.product_item:hover span.features ul {
	padding: 6px 0 0 0;
	margin: 0;
	height: auto;
	overflow: hidden;
	position: relative;
	list-style-type: square;
	list-style-position: inside;
}
#product_list.listview a.product_item:hover span.features ul li {
	float: left;
	padding: 0 12px 0 12px;
	margin: 0 0 0 6px;
	text-align: left;
}
#product_list.listview a.product_item:hover span.features ul li:nth-child(n+6) {  
    display: none;
}
#product_list.listview a.product_item:hover span.features strong.viewprod {
	display: block;
	clear: both;
	height: 34px;
	font-size: 16px;
	line-height: 34px;
	top: auto;
	bottom: 0;
	left: 0;
	right: auto;
	position: absolute;
	font-size: 16px;
	text-align: center;
}

#content div.contact_right {
	dispaly: block;
	float: left;
	width: 294px;
	padding: 4px 0 0 0;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 26px;
	color: #333;
}
div.quickform_holder {
	display: flex;
	padding: 20px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	background: #E5F5E0;
	margin-bottom: 8px;
}
div.quickform_holder h5 {
	display: flex;
	gap: 8px;
	color: #1E1E1E;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
div.quickform_holder span.text {
	color: #1E1E1E;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
div.quickform_holder select {
	background-color: #fff;
	display:block;
	clear:both;
	width:100%;
	padding:9px 8px;
	margin:0 0 10px 0;
	color: rgba(30, 30, 30, 0.80);
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 17px;
	border-radius: 0;
	border: 1px #529740 solid;
	appearance: none; /* Remove default arrow (Chrome, Safari, Edge) */
	-moz-appearance: none; /* Firefox */
	-webkit-appearance: none;
}
div.quickform_holder input[type="submit"] {
	width: 100%;
	background: #479035;
	color: white;
	padding: 10px 20px;
	border: none;
	cursor: pointer;
	color: #FFF;
	text-align: center !important;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: normal !important;
}
.custom-select {
	position: relative;
}
.custom-select .fa-chevron-down {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-60%);
	pointer-events: none;
	color: #FB721A;
	font-size: 16px;
	font-weight: 900;
}
div.quickform_holder
#content div.contact_right form, #content div.product_right form {
	padding: 4px 0 0 0;
	margin: 0 0 0 0;	
	display: block;
	clear: both;
}
#content div.contact_right form {
	margin: 0 0 12px 0;
}
#content div.contact_right input[type="text"], #content div.product_right input[type="text"] {
	background: #fff;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 1px #529740 solid;
	text-indent: 10px;
	padding: 0 0 0 0;
	margin: 0 0 8px 0;
	outline: none;
	text-align: left;
	color: #333;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 18px;
	-webkit-appearance: none;
	border-radius: 0;
}
#content div.contact_right textarea, #content div.product_right textarea {
	background: #fff;
	width: 100%;
	height: 136px;
	line-height: 40px;
	border: 1px #529740 solid;
	padding: 0 0 0 0;
	text-indent: 10px;
	margin: 0 0 8px 0;
	outline: none;
	text-align: left;
	color: #333;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 18px;
	-webkit-appearance: none;
	border-radius: 0;
}
#content div.contact_right input[type="submit"], #content div.product_right #askexpertform input[type="submit"], #content div.product_right #checkstockform input[type="submit"], #content div.product_right #checkoemform input[type="submit"] {
	background: #529740;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 1px #529740 solid;
	padding: 0;
	margin: 0;
	outline: none;
	text-indent: 10px;
	text-align: left;
	color: #fff;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 18px;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0;
}
#content div.contact_right img {
	width: 100%;
	max-width: 280px;	
}
#content div.contact_right .cta_sep {
	display: block;
	clear: both;
	padding: 0 0 0 0;
	border-top: 1px #f2f2f2 solid;
	margin: 20px 0 20px 0;
}

/* News */
div.news_block {
	padding: 20px 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px #f2f2f2 solid;
	display: block;
	clear: both;	
}
div.news_block div.news_block_left {
	width: 215px;
	min-height: 120px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
div.news_block div.image {
	width: 185px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	text-align: left;
}
div.news_block div.image img {
	max-width: 185px;
	max-height: 250px;
}
div.news_block div.news_block_right {
	width: 640px;
	min-height: 180px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
div.news_block div.case_block_right {
	width: auto;
	padding: 0 15px 0 0;
	margin: 0;
	display: block;
	clear: both;
}
div.news_block div.case_block_right div.caseimage {
	background: #f2f2f2;
	padding: 0;
	margin: 0 0 20px 0;
	display: block;
	clear: both;
	text-align: center;
}
div.news_block div.case_block_right div.caseimage img {
	max-width: 850px;
	display: block;
	clear: both;
	padding: 0;
	margin: 0 auto;
}
div.news_block div.title {
	padding: 0 0 18px 0;
	margin: 0;
	display: block;
	clear: both;
	font-family: 'encode_sans_medium', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 24px;
}
div.news_block div.description {
	padding: 0 0 18px 0;
	margin: 0;
	display: block;
	clear: both;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
}
div.news_block div.links {
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	font-family: 'encode_sans_medium', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
}
div.news_block div.links a {
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 18px;
	color: #54983f;	
	text-decoration: none;
}
div.news_block div.links a:hover {
	text-decoration: underline;
}
div.filter_block {
	background: #f2f2f2;
	display: block;
	clear: both;
	padding: 15px;
	margin: 0 0 20px 0;	
}
div.filter_block ul {
	padding: 10px 0 10px 0;
	margin: 0;
	list-style: inside;
	list-style-type:none;	
}
div.filter_block ul li {
	padding: 0;
	margin: 0 0 6px 0;		
}
div.filter_block ul li input[type="checkbox"] {
	background: #fff;
	border: 1px #54983f solid;	
}
div.filter_block ul li label {
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 18px;
	color: #333;
	text-decoration: none;		
}
div.filter_block a.clear {
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 18px;
	color: #54983f;	
	text-decoration: none;	
}

div.related_block {
	background: #e5f5e0;
	display: block;
	clear: both;
	padding: 15px;
	margin: 0 0 20px 0;	
	color: #333;
}
div.related_block a {
	background: url('../images/document.png') 0 0 no-repeat;
	padding: 0 0 0 45px;
	margin: 18px 0 18px 0;
	display: block;
	clear: both;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 18px;
	color: #333;	
	text-decoration: none;
	min-height: 45px;
	line-height: 35px;	
}
div.related_block a span {
	padding: 2px 0 0 0;
	display: block;
	clear: both;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 12px;
	color: #54983f;	
	text-decoration: none;		
}

/* My Basket */
#cart table th {
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 14px;
	text-decoration: none;	
	color: #252525;
	border-bottom: 1px #f2f2f2 solid;
	text-align: left;
	padding: 0 0 10px 0;
}
#cart table td {
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
	text-decoration: none;	
	color: #252525;
	border-bottom: 1px #f2f2f2 solid;
	text-align: left;
	padding: 25px 0 25px 0;
	vertical-align: middle;
}
#cart table td a {
	display: block;
	clear: both;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
	text-decoration: none;	
	color: #54983f;
	padding: 0 0 10px 0;
	margin: 0;
}
#cart table td span {
	display: block;
	clear: both;
	padding: 0 60px 0 0;	
}
#cart table td select {
	border: 1px #54983f solid;
	padding: 6px;
	background: #fff;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
	text-decoration: none;	
	color: #333;
}
#cart table td img.product {
	max-width: 120px;
	max-height: 120px;	
}
#cart table td a.remove {
	display: inline-block;
	width: auto;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-size: 38px;
	transition:0.5s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	transform-origin: center center;
}
#cart table td a.remove:hover {
	transform: rotate(90deg);
}
#cart table.bottomtotals td {
	border-bottom: 0;
	padding: 5px 0 5px 0;
}
#cart table.subtotals td select {
	font-size: 12px;
	font-weight: 100;	
}
#cart td.paymentoptions div {
	padding: 0 0 10px 0;
	display: block;
	clear: both;
}
#cart a.checkout_btn {
	margin: 15px 0 0 0;
	padding: 20px;
	background: #54983f;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 30px;
	text-decoration: none;
	color: #fff;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-appearance: none;
}
#cart a.checkout_btn: hover {
	background: #407B2F;
}

/* Checkout */
.checkout .customerdetails, .checkout .deliverydetails {margin-bottom: 15px;}
.checkout .customerdetails {margin-top: 15px;}
.checkout label {
	display: inline-block;
	width: 30%;
	font-size:14px;
}
.checkout input[type="email"], .checkout input[type="text"], .checkout input[type="password"], .checkout select {
	width: 70% !important;
	background: #f2f2f2;
	border: 1px solid #cccccc;
	border-radius: 0;
	box-sizing: border-box;
	display: inline-block;
    color: #333;
    font-family: "encode_sans_light",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 100;
    height: 28px;
    line-height: 28px;
    margin: 0 0 4px;
    outline: medium none;
    padding: 0;
    text-align: left;
    text-indent: 5px;
}
.checkout select {
	text-indent: 0;
}
.checkout input[type="email"]:focus, .checkout input[type="text"]:focus, .checkout input[type="password"]:focus {
	background: #fff; color: #4d4d4d; border: 1px solid #2bb548;
}
.checkout div.paybutton {
	display:block;
	clear:both;
	width: auto;
	padding: 20px 0 0 0;
}
.checkout input.checkout_btn {
	width: 100%;
	display: block;
	clear: both;
	border: 0;
	outline: none;
	margin: 15px 0 0 0;
	padding: 14px 0 14px 0;
	padding-right:20px;
	text-indent:-20px;
	text-align: right;
	text-indent: 10px;
	background: #54983f;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 30px;
	text-decoration: none;	
	color: #fff;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-appearance: none;
}
.checkout input.checkout_btn:hover {
	background: #407B2F;
	padding-right :30px;
	text-indent: -30px;
}



/* Trusted Suppliers */
#trusted_suppliers {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	display: block;
	clear: both;
	position: relative;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 28px;
	color: #ffffff;
}
#trusted_suppliers h3 {
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 25px;
	color: #333333;
	text-align: center;
	padding: 25px 0 25px 0;
	margin: 0;
	display: block;
	clear: both;
}
#trusted_suppliers div.suppliers {
	padding: 15px 0 55px 0;
	margin: 0;
	dispaly: block;
	clear: both;	
}
#trusted_suppliers div.suppliers div.onesup {
	background: #fff;
	border: 1px #f1f1f1 solid;
	width: 202px;
	height: 202px;
	line-height: 202px;
	padding: 0;
	margin: 0;
	display: block;	
	float: left;
	vertical-align: top;
	text-align: center;
	position: relative;
	-webkit-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.27);
	-moz-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.27);
	box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.27);
}
#trusted_suppliers div.suppliers div.onesup div {
	vertical-align: middle;
	width: 100%;
	text-align: center;
}
#trusted_suppliers div.suppliers div.onesup img {
	vertical-align: middle;
	width: 100%;
	max-width: 182px;
	max-height: 182px;
}

/* Single Quote */
#single_quote {
	background: #326324; /* Old browsers */
	background: -moz-linear-gradient(left, #326324 0%, #448833 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #326324 0%,#448833 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #326324 0%,#448833 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326324', endColorstr='#448833',GradientType=1 ); /* IE6-9 */
	width: 100%;
	padding: 0;
	margin: 0 auto;
	display: block;
	clear: both;
	position: relative;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 25px;
	color: #ffffff;
	text-align: center;
}
#single_quote div.quote {
	padding: 38px 34px 38px 34px;
	margin: 0;
	dispaly: block;
	clear: both;	
}
#single_quote p:first-child {
	margin: 0 0 20px 0;
	font-size: 26px;
}
#single_quote strong {
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 200;
}
#single_quote span {
	font-family: 'encode_sans_medium', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 18px;
	color: #ffffff;
	padding: 25px 0 0 0;
	margin: 0;
	display: block;
	clear: both;
}

#brand_banner {
	background: #489036;
	width: 100%;
	padding: 66px 0;
	margin: 122px auto 0 auto;
	display: block;
	clear: both;
	position: relative;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 25px;
	color: #ffffff;
	text-align: center;
}
#brand_banner .container {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 55px;
	padding: 0 20px;
	box-sizing: border-box;
}
#brand_banner .container .left {
	text-align: left;
}
#brand_banner .container .left div.title {
	margin-bottom: 15px;
}
#brand_banner .container .left p {
	color: #FFF;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

#brand_banner .container .left div.title strong {
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
}

#brand_banner .container .right a {
	border-radius: 5px;
	border: 2px solid #FFF;
	display: flex;
	width: 200px;
	padding: 15px 22px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #FFF;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-decoration: none;
}

/* Footer Section With Form */
#footer {
	background: #2d2d2d;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	display: block;
	clear: both;
	font-family: 'encode_sans_medium', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 26px;
	color: #ffffff;
}
#footer h3 {
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 24px;
	color: #ffffff;	
	padding: 0;
	margin: 0 0 14px 0;
}
#footer div.footer_form {
	width: 756px;
	padding: 40px 30px 30px 0;
	margin: 0;
	display: block;
	float: left;
}
#footer div.footer_form p {
	padding: 0 0 14px 0;
	margin: 0;
	display: block;
	clear: both;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
	color: #fff;
}
#footer div.footer_form form {
	padding: 0;
	margin: 0;	
	display: block;
	clear: both;
}
#footer div.footer_form input[type="text"] {
	background: none;
	border: 2px rgba(255,255,255,0.6) solid;
	width: 332px;
	height: 42px;
	line-height: 38px;
	padding: 0 0 0 10px;
	margin: 0 0 8px 0;
	box-sizing: border-box;
	outline: none;
	text-align: left;
	color: #fff;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
	-webkit-appearance: none;
	border-radius: 4px;
}
#footer div.footer_form textarea {
	background: none;
	border: 2px rgba(255,255,255,0.6) solid;
	width: 360px;
	height: 192px;
	line-height: 22px;
	padding: 6px 0 0 10px;
	box-sizing: border-box;
	margin: 0 0 8px 0;
	outline: none;
	text-align: left;
	color: #fff;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
	-webkit-appearance: none;
	border-radius: 4px;
}
#footer div.footer_form input[type="submit"] {
	background: #569b43;
	width: auto;
	height: 40px;
	line-height: 40px;
	box-sizing: border-box;
	display: inline-block;
	float: right;
	border: 0;
	padding: 0 20px 0 20px;
	margin: 0;
	outline: none;
	text-align: center;
	color: #fff;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 18px;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 4px;
}
#footer div.footer_form .form_col1 {
	width: 342px;
	display: block;
	float: left;
	vertical-align: top;
}
#footer div.footer_form .form_col2 {
	width: 361px;
	display: block;
	float: left;
	vertical-align: top;
}
#footer div.footer_address {
	width: 406px;
	padding: 40px 0px 20px 30px;
	margin: 0;
	display: block;
	float: left;
	font-size: 17px;
}
div.footeraddr {
	background: url('../images/footer_map.png') 0 0 no-repeat;
	padding: 2px 0 20px 40px;
	margin: 0;
	display:block;
	clear:both;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;	
	line-height: 30px;
	font-size: 17px;
}
div.footertel {
	background: url('../images/footer_phone.png') 0 0 no-repeat;
	padding: 2px 0 20px 40px;
	margin: 0;
	display:block;
	clear:both;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;
	font-size: 17px;
}
div.footeremail {
	background: url('../images/footer_email.png') 0 0 no-repeat;
	padding: 0px 0 0 40px;
	margin: 0;
	display:block;
	clear:both;
	font-family: 'encode_sans_light', Arial, Helvetica, sans-serif;	
	font-size: 18px;
}
div.footertel a, div.footeremail a {
	color: #fff;
	text-decoration: none;
}
div.footeraddr strong {
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;	
}
#footer div.footer_logos {
	padding: 20px 0 0 0;
	margin: 0 auto;	
	display: block;
	clear: both;
	box-sizing: border-box;
}

#footer_links {
	background: #231f20;
	padding: 12px 0 12px 0;
	margin: 0;
	display: block;
	clear: both;
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	text-decoration: none;
	color: #d1d3d4;
}
#footer_links a, #footer_links a:hover {
	font-family: 'encode_sans_regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: #d1d3d4;
}
#footer_links a::after {
	content: " | ";	
}
#footer_links a:last-child:after {
	content: "";	
}

/* Flipping Trusted Partners */
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
	line-height: 202px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	vertical-align: top;
	text-align: center;
	position: relative;
}
/* flip the pane when hovered */
.flip-container.hover .flipper {
	transform: rotateY(180deg);
	backface-visibility:visible;
}

.flip-container, .front, .back {
	background: #fff;
	width: 202px;
	height: 202px;
}
/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}


.front, .back {
	position: absolute;
	top: 0;
	left: 0;
}
.front {
	backface-visibility:hidden;
	z-index: 2;
	transform: rotateY(0deg);
}
.back {
	transform: rotateY(180deg);
}

/* Cart Alert */
div.cartAlert {
	background: #fff;
	display: none;
	z-index: 7000;
	position: fixed;
    left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	margin: 0 auto;
	width: 90%;
	padding: 0 0 80px 0;
	max-width: 800px;
	border: 2px #54983f solid;
	font-family: Arial;
	font-size: 18px;
	color: #54983f;
	text-decoration: none;
	text-align: center;
}
div.cartAlert div.alert {
	padding-top: 20%;
	padding-bottom: 8%;
	height: 100px;
	display: block;
	clear: both;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #54983f;
	text-decoration: none;
	text-align: center;
}
div.cartAlert a, div.cartAlert a:hover {
	background: #54983f;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 1vw 2vw;
	margin: 0 auto;
	margin-left: 6px;
	margin-right: 6px;
}
div.cartAlert a.closeit, div.cartAlert a.closeit:hover {
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #54983f;
	text-decoration: none;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	top: 0;
	right: 7px;
	display: block;
	position: absolute;
	z-index: 7500;
}
div.cartAlertBg {
	background: #fff;
	opacity: 0.8;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 6000;
}

.bundles_scroller_tab {
	background: #fff !important;
	height: auto !important;
	min-height: none !important;
	padding-top: 0 !important;
}
.bundles_scroller_tab .accessory {
	width: 31%;
	margin-left: 1% !important;
	margin-right: 1% !important;
	float: left;
	box-sizing: border-box;
	padding: 8px !important;
	border: 1px rgba(0,0,0,0.1) solid !important;
	margin-bottom: 20px !important;
}
.bundles_scroller_tab .accessory div.info {
	height: auto !important;
}

.brand_list {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;

	@media(max-width: 1245px) {
		grid-template-columns: repeat(3, 1fr);
	}

	@media(max-width: 720px) {
		grid-template-columns: repeat(2, 1fr);
	}

	@media(max-width: 450px) {
		grid-template-columns: repeat(1, 1fr);
	}
}

.brand_item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 274px;
	padding: 28px;
	overflow: hidden;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
}

.brand_item img {
	object-fit: contain;
	margin: auto;
	max-height: 75%;
	width: 100%;
	height: 100%;
}

.brand_item a, .orange_btn {
	display: flex;
	width: 100%;
	padding: 15px 22px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 5px;
	background: #F60;
	color: #FFF;
	font-family: 'encode_sans_semibold', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-decoration: none;
	box-sizing: border-box;
	margin-top: auto;
}

.orange_btn {
	max-width: 200px;
	margin-top: auto;
}

/* Various */
div.clearfix {display:block;clear:both;}
.form-field-error {border: 1px #f00 solid !important;}
div.form-success {display:block;clear:both;font-size: 16px;text-align: left;padding: 12px 0 30px 0;}
div.form-success img {display:block;clear:both;margin-bottom:12px;width:100%;max-width:116px !important;}
#footerform_holder div.form-success img {display:block !important;clear:none !important;float:left !important;margin: 0 20px 15px 0 !important;}
#footerform_holder div.form-success {display:block;clear:both;font-size: 14px !important;margin: 0 0 60px 0 !important;}

/* Fonts */
@font-face {
    font-family: 'encode_sans_extrabold';
    src: url('../fonts/encodesans-extrabold-webfont.eot');
    src: url('../fonts/encodesans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/encodesans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/encodesans-extrabold-webfont.woff') format('woff'),
         url('../fonts/encodesans-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/encodesans-extrabold-webfont.svg#encode_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'encode_sans_extralight';
    src: url('../fonts/encodesans-extralight-webfont.eot');
    src: url('../fonts/encodesans-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/encodesans-extralight-webfont.woff2') format('woff2'),
         url('../fonts/encodesans-extralight-webfont.woff') format('woff'),
         url('../fonts/encodesans-extralight-webfont.ttf') format('truetype'),
         url('../fonts/encodesans-extralight-webfont.svg#encode_sansextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'encode_sans_light';
    src: url('../fonts/encodesans-light-webfont.eot');
    src: url('../fonts/encodesans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/encodesans-light-webfont.woff2') format('woff2'),
         url('../fonts/encodesans-light-webfont.woff') format('woff'),
         url('../fonts/encodesans-light-webfont.ttf') format('truetype'),
         url('../fonts/encodesans-light-webfont.svg#encode_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'encode_sans_medium';
    src: url('../fonts/encodesans-medium-webfont.eot');
    src: url('../fonts/encodesans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/encodesans-medium-webfont.woff2') format('woff2'),
         url('../fonts/encodesans-medium-webfont.woff') format('woff'),
         url('../fonts/encodesans-medium-webfont.ttf') format('truetype'),
         url('../fonts/encodesans-medium-webfont.svg#encode_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'encode_sans_regular';
    src: url('../fonts/encodesans-regular-webfont.eot');
    src: url('../fonts/encodesans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/encodesans-regular-webfont.woff2') format('woff2'),
         url('../fonts/encodesans-regular-webfont.woff') format('woff'),
         url('../fonts/encodesans-regular-webfont.ttf') format('truetype'),
         url('../fonts/encodesans-regular-webfont.svg#encode_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'encode_sans_semibold';
    src: url('../fonts/encodesans-semibold-webfont.eot');
    src: url('../fonts/encodesans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/encodesans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/encodesans-semibold-webfont.woff') format('woff'),
         url('../fonts/encodesans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/encodesans-semibold-webfont.svg#encode_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'encode_sans_thin';
    src: url('../fonts/encodesans-thin-webfont.eot');
    src: url('../fonts/encodesans-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/encodesans-thin-webfont.woff2') format('woff2'),
         url('../fonts/encodesans-thin-webfont.woff') format('woff'),
         url('../fonts/encodesans-thin-webfont.ttf') format('truetype'),
         url('../fonts/encodesans-thin-webfont.svg#encode_sansthin') format('svg');
    font-weight: normal;
    font-style: normal;

}