/*
Description:	CSS 2025 
Author:			Visualcode Limited
Date: 			July 2025
Version:		1.0

*/
@import url('css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Rock+Salt');
@import url('css/grid1140.css');

/*---------------------------Global Start -----------------------------*/

html{height:100%; }
body, input, select, button, textarea { font:15px/25px 'Poppins', helvetica, arial, san-serif;  counter-reset: item;}
body { margin:0px; padding:0px !important; color:#2A2A2A; background:#4D7912; text-align:center; background-attachment:fixed; height:100%; position:relative;}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}
a img{border:0}
figure{position:relative}
figure img{width:100%}

::selection {  background: #8DC63F; color:#FFF; }
::-moz-selection {  background: #8DC63F; color:#FFF;}
 
*:before, *:after{box-sizing:border-box;}

a{color:#8DC63F; text-decoration: none;}
a:hover {text-decoration: none; color:#4D7912;}
a img{border:none;}

a.button, button, .button, a.download-button{display:inline-block; position:relative; color:#FFF; background:#8DC63F; text-align:center; padding:5px 15px 5px 15px; border-radius:5px; letter-spacing:1px; text-transform:uppercase; font-size:13px; font-weight:400; text-decoration:none; cursor:pointer; transition-duration: 295ms; transition-property: all; -moz-appearance: none; -webkit-appearance: none;}
a.button.secondary, button.secondary, .button.secondary, .download-button-secondary{background:#ECECEC; color:#2a2a2a;}
a.button:hover, button:hover, .button:hover, .download-button:hover{background:#4D7912; color:#FFF; text-decoration:none;}

.button-small{padding:5px 10px !important; font-size:11px !important; line-height:20px !important;}

a.download-button{padding:5px 15px 5px 30px; position:relative; }
a.download-button:before{font-family: 'FontAwesome'; content:'\f019'; font-weight:400; position:absolute; top:5px; left:10px;}

a.download{padding:0px 0px 0px 20px; position:relative; display:inline-block;}
a.download:before{font-family: 'FontAwesome'; content:'\f019'; font-weight:400; position:absolute; top:0px; left:0px;}

p.buttonContainer{text-align:center;}

h1, h2, h3, h4{ line-height:normal; font-weight: 600; color:#4D7912;  margin-bottom:20px; letter-spacing:-0.01em; position:relative;  padding-top:10px; line-height:30px;}
h1 {font-size: 30px; letter-spacing:-0.025em; position:relative; font-weight:700; }
h2 {font-size:23px; color:#8DC63F;}
h3 {font-size:21px;}
h4 {font-size:19px;}

.img-right{float:right;}
.img-left{float:left;}
.img-center{display:block; text-align:center; margin:auto;}

hr {border: none; height: 1px; margin: 20px auto; padding: 0px !important; color:#FFF; clear:both; border-top:#CCC dotted 1px;}
pre {display: inline; white-space: pre-wrap; word-wrap: break-word;}
p{margin:0px 0px 20px 0px;}
div{position:relative; min-width:0px} /* IE 6/7 Picaboo bug fix */
iframe{max-width:100%;}
i, em{font-family:Georgia, "Times New Roman", Times, serif; }
b, strong{font-weight:600;}

/* General Table Formating */
table{margin:0; border-collapse:collapse; width:100%; margin-bottom:20px;}	
table td,table th{padding:5px; vertical-align:top;}	

table thead td, table th{background:#8DC63F; border-top:0px; color:#FFFFFF; padding-left:5px; font-weight:600;}
table tbody td{border:0px;  padding:5px 5px;}
table tbody tr:nth-child(even) td{background:rgba(204,204,240,0.10);}	


/* ______________________ Responsive Table ______________________ */

table.responsiveTable {margin: 0 auto 20px 0px; border-collapse: collapse; text-rendering: optimizeLegibility; }
table.responsiveTable thead th { font-weight: 600; }
table.responsiveTable thead th, table.responsiveTable tbody td { padding: .5rem; font-size: 0.95rem;}
table.responsiveTable tbody td {padding: .25rem; font-size: 0.85rem;}
table.responsiveTable tbody tr:nth-child(odd) td{background:#FFF;}
table.responsiveTable tbody tr:not(:last-child) { border-top: 1px solid  rgba(204,204,240,0.25);; border-bottom: 1px solid  rgba(204,204,240,0.10);;  }
table.responsiveTable tbody tr:last-child{border-bottom: 1px solid rgba(204,204,240,0.25);}

@media only screen and (max-width: 959px) {
	table.responsiveTable thead { display: none; }
	table.responsiveTable tbody td { display: block; padding: .6rem; padding-left: 6rem; position: relative;}

	table.responsiveTable tbody tr td:first-child { background:#0F2026; color: #FFF;}
	
	table.responsiveTable tbody td:before {  content: attr(data-th); font-weight: bold; position:absolute; left:.6rem; top:.6rem; width: 6rem;}
	}

/* General Form Formating */
input,button,select,textarea {display:block;}
form {margin:0;}
form p {margin:0; padding:10px 0px;}
form div{display:block; }

form label {color:#4D7912; display:block; width:100%; padding:5px 0px; font-size:13px; font-weight:600;}
form input,form select,form textarea{width:100%; padding:7px 5px; border:none; height:34px; background:#FFF; color:#352C2C; border:#CCC solid 1px; margin-bottom:5px; font:15px/20px "Open Sans", arial, san-serif; box-sizing:border-box; }

form input.button {text-transform:uppercase; clear:both;  padding:7px 15px; border:0 !important; color:#FFF; background:#8DC63F; font-size:13px; font-weight:400;  overflow:visible; /* IE button hack for width */ cursor:pointer; -moz-appearance: none; -webkit-appearance: none; border:0px;}
form input.button:hover{background:#4D7912; text-decoration:none;}
form input[type=radio],
form input[type=checkbox]{vertical-align:middle; margin:0px 5px; height:auto;}
form button{border:0px;}
button::-moz-focus-inner { border: 0; padding: 0;}
form .error {font-size:13px; border:#8DC63F solid 1px;  padding:2px 10px; position:relative;}
form .error:before{display:block; content:''; position:absolute; top:-10px; left:20px; z-index:2; border:transparent solid 10px; border-bottom:#8DC63F solid 10px; border-top:0px;  }
form .error a{text-decoration:underline; }

form .button.disabled{background:#CCC; color:#999; text-shadow:#FFF 0px 1px 1px;}

form .form-instruction{background:#FFFFCC; border:#FFFCCC solid 1px; box-sizing:border-box;}

.instruction{display:block; padding:10px; margin:0px 0px 10px 0px; background:#FFFFCC;}
.instruction h3{margin-bottom:0px; font-weight:900; color:#FFF; font-size:20px;}
.instruction .fa{display:inline-block; color:#9CBF1D; background:#FFF; border-radius:15px; line-height:30px; width:30px !important;  height:30px; padding:0px;  margin-right:10px;}

.txt-left{text-align:left;}
.txt-right{text-align:right;}
.float-right{float:right;}

/* ______________________ Layout ______________________ */

.mainLeftColumn {padding-top:30px;}
.mainRightColumn {padding-top:100px;}

@media only screen and (max-width: 959px) {
	.mainRightColumn {padding-top:30px;}
	}

/* ______________________ Header ______________________ */

header{padding:0px; margin:0px; border-top:#8DC63F solid 5px; }
header .heading-navigation{padding:0px; background:#FFF; border-bottom:#ECECEC solid 1px; }

/* ______________________ Logo Area ______________________ */

header #Logo {margin:0px auto; padding:0px 0px; text-align:left; height:100px; margin:5px 0px;}
header #Logo .pict{margin:0px auto 0px auto; text-indent:-9950px; height:100px;  background-image: url('/images/farm-logo.png?v=3'); background-position: left top; background-repeat: no-repeat; background-size:contain; opacity:1; }
header #Logo a:hover .pict{opacity:0.5; background-size:contain; }
header #Logo, #Logo .pict{transition: height 300ms ease-out 0s;}



/* ______________________ Search ______________________ */

.searchArea{padding:7px 0px 0px 0px;}
.searchArea form{margin:0px; padding:0px; text-align:left; height:40px;}
.searchArea form input.search_input{display:block; width:80%; float:left; min-height:40px; border-radius:3px 0px 0px 3px; margin:0px; background:#FFF;}
.searchArea form button{display:block; float:left; width:20%; margin:0px; padding:0px; min-height:40px; line-height:40px; border:0px; color:#FFF; background:#999; border-radius:0px 3px 3px 0px; font-size:20px;}
.searchArea form button:hover{background:#8DC63F;}


/* ______________________ Above actions ______________________ */

header .desktop-nav{background:#f2f2f2; height:55px; border-radius:5px;}

header .menu{line-height:55px; position:relative;}
header .menu ul{list-style:none; margin:0px; padding:0px;}
header .menu ul{display:block; padding:0px; margin:0px;}
header .menu > ul > li > a{background:#8DC63F; display:block; color:#FFF; border-radius:5px 0px 0px 5px; font-weight:300; font-size:15px;}
header .menu > ul > li > a span.fa{font-size:18px;}
header .menu > ul > li > a:hover{background:#4D7912;}
header .menu ul li{position:relative;}
header .menu ul li ul{display:none; position:absolute; width:300px; top:55px; left:0px; background:#8DC63F; z-index:9900; border-radius:5px; }
header .menu ul li:hover ul{display:block;}
header .menu > ul > li:hover > a{background:#4D7912;}
header .menu ul li ul:before{content:''; display:block; border:#8DC63F solid 10px; border-left:10px solid transparent; border-right:10px solid transparent; border-top:0px; width:0px height:0px; position:absolute; top:-10px; left:25px;}
header .menu ul li ul li{line-height:30px; text-align:left; }
header .menu ul li ul li a{display:block; padding:3px 10px 3px 20px; position:relative; color:#FFF; border-bottom:rgba(255,255,255,0.35) solid 1px;}
header .menu ul li ul li a:hover{background:#4D7912;}
header .menu ul li ul li a:before{font-family: 'FontAwesome'; content: '\f105'; font-weight:400; position:absolute; top:3px; left:10px;}


header .register{float:left; line-height:55px; background:#CCC;  color:#333; width:25%;}
header .signup{float:left; line-height:55px; background:#DDD; width:50%; color:#333; border-left:#FFF dotted 1px; border-right:#FFF dotted 1px; box-sizing:border-box;}
header .signup a{color:#4D7912; display:block; color:#FFF; background:#8DC63F; border-radius:5px 0px 0px 5px;}
header .signup a:hover{color:#FFF; background:#4D7912;}
header .basketpop{float:left; width:50%;}

/* mini basket */

.mini-basket{position:relative;}

.hoverarea{line-height:55px; font-size:17px; background:#ECECEC; border-radius:0px 5px 5px 0px;}
.hoverarea .fa-shopping-cart{padding:0px 5px 0px 0px ; display:inline-block; font-size:20px;}
.hoverarea span.items{  display:inline-block; min-width:25px; height:25px; background:#8DC63F; line-height:25px; text-align:center; border-radius:50%; color:#FFF; font-size:13px; margin-top:-3px; }
.hoverarea span.items.color0{background:#CCC;}
.hoverarea span.value{ padding-left:5px; display:inline-block;}
.hoverarea em a { text-decoration:underline; }

.hoverarea a{display:block; color:#4D7912; }
.hoverarea a:hover{ color:#FFF; background:#4D7912;}

#basketpopup, 
.basketmessage {display:none; position:absolute; top:55px; right:0px; z-index:9999;  background:#8DC63F; width:100%; font-size:12px; width:420px; color:#FFF;}
#basketpopup span.arrow, 
.basketmessage span.arrow{position:absolute; top:-10px; right:50px; display:block; width:0px; height:0px; border:10px solid #8DC63F; border-left:10px solid transparent; border-right:10px solid transparent; border-top:0px;}

.basketEmpty{padding:10px 0px; text-align:center;}

#basketpopup .basketHead {color:#FFF; background:#8DC63F; border-bottom:#FFF solid 1px;}

#basketpopup .basketImg, #basketpopup .basketName,
#basketpopup .basketQuantity, #basketpopup .basketSubtotal, #basketpopup .basketLabel{display:block; float:left; min-height:1px;}

#basketpopup .basketImg{width:50px; overflow:hidden;}
#basketpopup .basketImg img{margin:0px; padding:0px; border:0px; float:left;}
#basketpopup .basketName{padding-left:10px; width:210px; text-align:left; word-wrap:wrap;}
#basketpopup .basketQuantity{width:30px;}
#basketpopup .basketSubtotal{width:90px; padding-right:10px; text-align:right;}
#basketpopup .basketLabel{width:300px; text-align:right;}

#basketpopup .basketBody .basketRow:nth-child(odd){background:#F2F2F2; color:#333;}
#basketpopup .basketBody .basketRow:nth-child(even){background:#FFF; border-top:#FFF solid 1px; color:#333;}

#basketpopup .basketTax,
#basketpopup .basketTotal{background:#8DC63F; color:#FFF;}
#basketpopup .basketActions{border-top:#FFF solid 1px;}

#basketpopup .basketTotal .basketSubtotal{font-weight:bold;}

#basketpopup .basketActions{ text-align:right; padding:5px 10px; background:#8DC63F; color:#FFF;}
#basketpopup .basketActions a{color:#FFF;}
#basketpopup .basketActions a:hover{text-decoration:underline;}

@media only screen and (max-width: 959px) {
	.desktop-nav .menu,
	.desktop-nav .searchArea,
	header .signup,
	#basketpopup,
	.hoverarea{display:none;}
	.desktop-nav .column4 {margin:0}
	
	header .desktop-nav{background:none; height:auto; margin:auto;}
	header .basketpop{float:none; width:auto;}
	.basketmessage{top:0; max-width:300px;}
	.basketmessage span.arrow {right:90px;}
	
	header .desktop-nav:after{display:none;}
	}

/* ______________________ Comms ______________________ */

header .comms{line-height:35px; font-size:13px; }
header .comms .fa{display:inline-block; width:15px; color:#8DC63F; text-align:center;}

header .comms .basketmessage { display:none; position:absolute; left:0; width:100%; padding:0 10px; box-sizing:border-box; line-height:23px; }
header .comms .basketmessage .fa { color:#FFF; }

/* ______________________ Navigation ______________________ */

header .default-navigation{
background: #8DC63F;
background: linear-gradient(180deg,rgba(141, 198, 63, 1) 0%, rgba(77, 121, 18, 1) 100%);
}

header nav{padding:0px; margin:0px; text-align:center; transition-duration: 295ms; transition-property: all; -moz-appearance: none; -webkit-appearance: none; } 
header nav ul {padding:0px; display:block; margin:0px auto; text-align:right; }
header nav ul li{display:block; float:left; margin:0px; position:relative; text-align:center; padding:0px; }

header nav ul li a{display:block;  font-size:13px;  letter-spacing:-0.01em; color:#FFF; line-height:45px; font-weight:400; padding:0px 20px;  text-transform:uppercase;}
header nav ul li a:hover{color:#8DC63F; border:0px;}
header nav ul li a.on{background:#4D7912;}
/*header nav ul li.account-nav a{background:#EB188D; color:#FFF;}*/

header nav ul li ul{display:none; position:absolute; left:0px; top:45px; background:#4D7912; z-index:125; width:250px; margin:0px;}
header nav ul li:hover ul{display:block;}

header nav ul li ul li{float:none; display:block; width:100%; text-align:left;}
header nav ul li ul li a{color:#FFF; border-bottom:#FFF solid 1px; line-height:40px; font-size:13px; display:block; position:relative; padding:0px 20px 0px 30px;}
header nav ul li ul li a:hover{color:#FFF; background:#212121;}

header .mobile_control{display:none; }


@media only screen and (min-width: 960px) and (max-width: 1160px) {
	header nav ul li a{padding:0px 10px;}
}

@media only screen and (max-width: 959px) {
	.mini-basket .hoverarea{display:none;}

	header .desktop-responsive{display:none;}
	header .mobile-responsive{display:block;}
	
	header section.heading-navigation{background:none; padding-top:10px;}
	
	header{border-bottom:#ECECEC solid 3px;}
	header #Logo{height:100px; border-bottom:#ECECEC solid 1px; padding-bottom:10px;}
	header #Logo .pict{height:100px; background-position: center center; background-image: url(/images/logo.png);}
	
	header .column9,
	header .column3{margin:0px !important; text-align:center; position:relative;}
	
	header .mobile_control{display:block; position:absolute; z-index:9999; right:0px; top:0px; height:40px; line-height:40px; text-align:center; background:orange;}
	header .mobile_control .buttonblock{margin:0px; padding:0px; height:40px; float:right;}
	header .mobile_control .buttonblock a{display:block; margin:0px;}
	
	header .comms{margin-bottom:5px !important;}
	header .comms a .fa{color:#8DC63F; width:40px; height:40px; line-height:40px; text-align:center; background:#FFF; font-size:20px; display:block; float:left;}
	header .comms a:hover .fa,
	header .comms a.open .fa{color:#FFF; background:#8DC63F;}


	header nav{display:none;  min-height:0px;}
	header nav.open{display:block;}
	header nav.open ul{list-style:none; padding:0; margin:0px; margin-top:0px; border:0px; display:block; float:none; background:#8DC63F; position:absolute; top:40px; left:0px; z-index:9998; width:100%;}
	header nav.open ul li{display:block; float:none;  width:100%; padding:0px;}
	header nav.open ul li a{display:block; font-size:20px; line-height:60px; font-weight:600; color:#FFF !important;  text-align:center; border:0px; text-decoration:none; border-bottom:#FFF solid 1px; margin-left:0px; }
	header nav.open ul li a.on{color:#231F20; background:rgba(255,255,255,0.25);}
	header nav.open ul li a:hover{background:#4D7912;}
	header nav.open li.media ul{display:none;}
	header .social a .fa{background:#CCC;}
	header .social a:hover .fa{background:#231F20; }
	header nav.open li ul,
	header nav.open li:hover ul{display:none;}
	}
	
/* ______________________ Mobile Sub Navigation ______________________ */

.mobile-sub-navigation{display:none;}

@media only screen and (max-width: 959px) {
	.mobile-sub-navigation{padding-top:0px; display:block;}
	.mobile-sub-navigation .mobile-subnav-control a{display:block; background:#0B9DFF; color:#FFF; font-weight:600; font-size:17px; border-radius:10px; line-height:40px; position:relative;}
	.mobile-sub-navigation .mobile-subnav-control a:before{content:'\f0c9'; font-family: 'FontAwesome'; position:absolute; right:20px;}
	}


/*Banner Slider*/

.hero-area{text-align:center;}
.hero-area .hero{max-width:1440px; margin:0px auto;}
.hero-area img.mobile-img{display:none !important;}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
	.hero-area .hero{width:980px; margin:0px auto;}
	}
@media only screen and (min-width: 480px) and (max-width: 959px) {
	.hero-area .hero{width:420px; margin:0px auto;}
	.hero-area img.desk-img{display:none !important;}
	.hero-area img.mobile-img{display:block !important;}
	}
@media only screen and (max-width: 479px) {
	.hero-area .hero{width:300px; margin:0px auto;}
	.hero-area img.desk-img{display:none !important;}
	.hero-area img.mobile-img{display:block !important;}
	}	
@media only screen and (max-width: 959px) {
	.globalslider .unslider-arrow.prev:before,
	.globalslider .unslider-arrow.next:before,
	.globalslider .unslider-nav{display:none;}
	}

/*------- Global Slider - Image Slider -------*/

.globalslider {position:relative; text-align:center; z-index:0;  padding-bottom:0px;  }

.globalslider .unslider {margin:0px; padding:0px; }

.globalslider .unslider-wrap {position:relative;}
.globalslider .unslider li, .news .images .unslider ol, .news .images .unslider ul{list-style:none; margin:0px; padding:0px; border:none;}
.globalslider .unslider li img{display:block; }

/* Carousel */
.globalslider .unslider-wrap.unslider-carousel>li{float:left;}

/* Vertical */
.globalslider .unslider-vertical>ul{height:100%;}
.globalslider .unslider-vertical li{float:none; width:100%;}

/* Fade */
.globalslider .unslider-fade{position:relative; }
.globalslider .loading{display:table-cell; width:1%; text-align:center; vertical-align:middle; font-size:30px; }

.globalslider .unslider-fade .unslider-wrap li{position:absolute; left:0px; top:0px; right:0px; z-index:8;}
.globalslider .unslider-fade .unslider-wrap li.unslider-active{z-index:10;}

/* Arrows */

.globalslider .unslider-arrow{position:absolute; top:0%; width:150px; height:100%; z-index:20; cursor:pointer; font-size:20px;  }

.globalslider .unslider-arrow.prev{left:0px;}
.globalslider .unslider-arrow.next{right:0px;}

.globalslider .unslider-arrow.prev:before,
.globalslider .unslider-arrow.next:before{font-family: 'FontAwesome'; font-weight:400; font-size:30px; background:rgba(255,255,255,0.65);  position:absolute; top:50%; margin-top:-25px; left:10px; width:50px; height:50px; line-height:50px; color:#4D7912;}

.globalslider .unslider-arrow.prev:before{ content: '\f104';  }
.globalslider .unslider-arrow.next:before{ content: '\f105';  left:auto; right:10px;}

.globalslider .unslider-arrow.prev:hover:before,
.globalslider .unslider-arrow.next:hover:before{color:#FFF; background:#4D7912;}

/* Dots */

.globalslider .unslider-nav {display:block; position:absolute; bottom:15px; height:10px; left:0px; width:100%; margin:0px; padding:0px; text-align:center; z-index:10; }
.globalslider .unslider-nav ol {list-style: none; text-align: center; padding-left:0px;}
.globalslider .unslider-nav ol li {display:inline-block;  width:15px; height:15px; margin:0px 3px 0px 0px; text-indent:-9999px; cursor:pointer; }
.globalslider .unslider-nav ol li:before {position:absolute; display:block; width:15px; height:15px; background:rgba(255,255,255,0.5); text-indent:-9999px; cursor:pointer; content:'';  border-radius:50%; border:rgba(255,255,255,0.25) solid 3px;}
.globalslider .unslider-nav ol li.unslider-active:before {background:#4D7912; }
	
/* ASIDE */	
	
aside{text-align:left; padding-top:0px; float:left !important;}	

aside h2,
aside h3{border-bottom:#ECECEC solid 1px; padding-bottom:10px; margin-bottom:10px; text-transform:uppercase; font-size:15px; font-weight:700;}

aside h2{border-bottom:#212121 solid 3px;}

aside ul{list-style:none; margin:0px 0px 20px 0px; padding:0px; }
aside ul li a{display:block; padding:5px 5px 5px 15px; position:relative; border-bottom:#ECECEC solid 1px; border-top:#FFF solid 1px; color:#333; font-weight:400;}
aside ul li a:hover{text-decoration:none; color:#999;}
aside ul li.on a{background:#8DC63F; color:#FFF; text-decoration:none;}
aside ul li a:before{font-family: 'FontAwesome'; content: '\f105'; font-weight:400; position:absolute; top:5px; left:5px;}
aside ul li.on ul li a{color:rgba(153,150,150,1); text-decoration:none; }

aside .mobile_control{display:none;}

aside ul li ul{border-top:none;}
aside ul li ul li a{padding:5px 5px 5px 25px; font-size:11px;}
aside ul li ul li a:before{top:5px; left:15px;}
aside ul li ul li.on a{color:rgba(153,150,150,0.5); }


aside .tags .tag{display:inline-block; background:rgba(153,150,150,0.05); padding:0px 5px; border-radius:3px;}
aside .tags .cloud1{font-size:10px;}
aside .tags .cloud2{font-size:11px;}
aside .tags .cloud3{font-size:12px;}
aside .tags .cloud4{font-size:13px;}
aside .tags .cloud5{font-size:14px;}
aside .tags .cloud6{font-size:15px;}
aside .tags .cloud7{font-size:16px;}
aside .tags .cloud8{font-size:17px;}
aside .tags .cloud9{font-size:18px;}

/*--- PRODUCT NAVIGATION ---*/

aside.product-navigation h3{padding-bottom:0px;}

/*Secondary Navigation - Filters */

aside .filter_nav h3{margin-bottom:0px; text-align:left; clear:both; padding:0px;}
aside .filter_nav h3 a{display:block; padding:0px 15px 0px 0px; position:relative;}
aside .filter_nav h3 a.closed{border-bottom:#ECECEC solid 1px;}
aside .filter_nav h3 a.open{border-bottom:0px; }
aside .filter_nav h3 a:before{font-family: 'FontAwesome'; content: '\f0da'; font-weight:400; position:absolute; top:0px; right:5px;}
aside .filter_nav h3 a.open:before{content: '\f0d7'; right:5px;}
aside .filter_nav ul{margin:0px; text-align:left; list-style:none; margin-bottom:20px; overflow-x: hidden; overflow-y: auto; max-height:150px;}
aside .filter_nav ul li{padding:0px 0px; border-top:#ECECEC solid 1px;}
aside .filter_nav ul li label{font-size:13px !important;}
aside .filter_nav ul.closed { display:none; }

aside .filter_nav ul li input{display:block; float:left; width:20px; position:relative;}
aside .filter_nav ul li input[type="checkbox"] {display:none;}
aside .filter_nav ul li input[type="checkbox"] + label {display:block; padding:5px 0px; cursor:pointer; font-size:13px;}
aside .filter_nav ul li input[type="checkbox"] + label span {display:block; float:left; width:13px; height:13px; border:#CCC solid 1px; line-height:25px; margin:5px 5px 0 0; background:#ECECEC; cursor:pointer; position:relative; }
aside .filter_nav ul li input[type="checkbox"]:checked + label span {background:#8DC63F; border-color:#8DC63F;}
aside .filter_nav ul li input[type="checkbox"]:checked + label:hover span {background:#ECECEC; border-color:#999;}
aside .filter_nav ul li input[type="checkbox"]:checked + label span:before{font-family: 'FontAwesome'; content: '\f00c'; font-weight:400; font-size:11px; position:absolute; z-index:5; top:-2px; left:1px; line-height:15px; color:#FFF;}
aside .filter_nav ul li input[type="checkbox"]:checked + label:hover span:before{color:#999; content: '\f00d'; left:2px;}

aside .refineby{}
aside .refineby ul li{margin:2px 0px 3px 0px;}
aside .refineby ul li a{border-bottom:0px; font-size:11px; border:#ECECEC solid 1px;  padding:5px; line-height:25px;}
aside .refineby ul li a:before{display:none;}
aside .refineby ul li a span{display:block; float:left; width:13px; height:13px; border:#ECECEC solid 1px; text-align:center; margin:5px 5px 0px 0px; color:#999;}
aside .refineby ul li a:hover{background:#F2F2F2; text-decoration:none;}
aside .refineby ul li a:hover span{border-color:transparent; color:#333;}

/* Help Topics */

main.help aside .help-nav ul li a{padding:5px;}
main.help aside .help-nav ul li a:before{display:none;}


main.help .help-topics .column3.helplist {text-align:center; background:#F2F2F2; padding-top:10px; box-sizing:border-box; margin-bottom:20px;}
main.help .help-topics .column3.helplist span.fa{display:block; font-size:45px; line-height:100px;  margin:0px auto;}
main.help .help-topics .helplist h3{font-size:15px; text-transform:uppercase;  margin-bottom:0px; line-height:20px; height:40px; display:table-cell; vertical-align:middle; width:1%; padding-top:0px;}

main.help ul.help-list{list-style:none;}
main.help ul.help-list li{border-bottom:#ECECEC solid 1px; padding-bottom:10px; margin-bottom:10px; display:block; position:relative;}
main.help ul.help-list a.icon{width:40px; height:40px; font-family: 'FontAwesome'; content: '\f1cd'; font-weight:400; font-size:20px; position:absolute; z-index:5; top:5px; left:0px; line-height:40px; text-align:center; color:#FFF; background:#8DC63F; border-radius:50%;}
main.help ul.help-list li h4,
main.help ul.help-list li .synopsis{margin:0px; padding:0px; padding-left:50px; display:block; }

main.help ul.help-list li .synopsis{font-size:13px;}

/* Product Navigation - Responsive */

main.product .refinesearch,
main.product .refinesearch_bottom{display:none;}

.no-image { background:#ECECEC; }

@media only screen and (max-width: 959px) {
	main.product{overflow:hidden; height:100%; position:relative;}
	main.product div{position:relative;}
	main.product .refinesearch{display:block; position:absolute; top:5px; left:0px; width:100%; z-index:500; text-align:center; padding-top:10px;}
	main.product .refinesearch_bottom{display:block; clear:both; z-index:500; bottom:5px; left:0px; width:100%;}
	
	main.product .refinebutton{font-size:15px; border-radius:3px; min-width:150px;}
	main.product .refinebutton.open{background:#FFF; color:#2A2A2A;}	
	main.product .refinebutton span.open{display:none;}
	
	main.product aside{display:none; position:absolute; background:#2a2a2a; left:0px; top:0px; z-index:300; height:100%; overflow-x: hidden; overflow-y: auto; }
	main.product aside.open{display:block;}
	main.product aside .filter_nav ul{max-height:100%; overflow:none; margin-left:10px; margin-right:10px;}
	main.product aside h3{margin-left:10px; margin-right:10px; color:#FFF;}
	main.product aside label{color:#FFF;}
	main.product aside h3 a{color:#FFF !important}
	
	main.product .secondary_nav{margin:0px 10px;}
	main.product .secondary_nav,
	main.product .secondary_nav ul,
	main.product .secondary_nav ul li,
	main.product .secondary_nav a{background:transparent !important; border border-top:#FFF solid 1px !important; border:0px !important;}

	main.product .secondary_nav a {color:#FFF !important;  border-top:#FFF solid 1px !important;  }
	main.product .secondary_nav ul li a.on{background:#666 !important;}
	main.product .secondary_nav ul li ul li a.on{background:#999 !important;}
	main.product.secondary_nav ul li ul li ul li a.on{background:#CCC !important; color:#2A2A2A !important;}
	}


@media only screen and (max-width: 959px) {
	aside h2,
	aside .tags{display:none !important;}
	
	aside.navigation-aside{display:block;}
	aside .mobile_control{display:block; margin-top:10px; position:relative; }
	aside .mobile_control a{display:block; line-height:20px; padding:10px 20px; background:#EB188D; color:#FFF; font-size:15px; text-transform:uppercase; border-radius:5px;}
	aside .mobile_control a span.fa{float:right; line-height:20px;}
	aside .mobile_control a.open span.fa:before{content:'\f00d';}
	
	
	aside nav{display:none; min-height:0px;}
	aside nav.open{display:block; position:relative;}
	aside nav.open ul{list-style:none; background:#f2f2f2; position:absolute; top:0px; left:0px; z-index:9970; width:100%; padding:0px; margin:0px; border-top:0px !important;}
	aside nav.open ul li{display:block; float:none;  width:100%; padding:0px; margin:0px;}
	aside nav.open ul li a{display:block; font-size:13px; line-height:40px; font-weight:400; color:#352C2C; text-shadow:#FFF 0px 1px 1px; text-align:left; padding:0px 20px; border:0px; text-decoration:none; border-bottom:#FFF solid 1px;}
	aside nav.open ul li a:before{top:0px;}
	aside nav.open ul li a:hover,
	aside nav.open ul li.on a{color:#231F20; background:rgba(0,0,0,0.05);}
	
	.secondary_nav ul { display:none; }
	.secondary_nav ul.open { display:block; }
	
	.secondary_nav h3:before { font-family: 'FontAwesome'; content: '\f055'; font-size:28px; font-weight:400; position:absolute; top:12px; right:0px; text-align:left; }
	.secondary_nav h3.open:before { font-family: 'FontAwesome'; content: '\f056'; }
	
	}	

/* Notices */	

.home-emergency{background:#4D7912;}

.notices{background:#ECECEC; color:#333; border-bottom:#FFF solid 1px; line-height:25px; padding:5px 0px;}	
.notices .notice{text-align:left; position:relative; background:#ECECEC;  color:#333; }
.notices .notice span.fa{display:block; width:39px; height:40px; line-height:40px; float:left; margin-right:10px; text-align:center; border-right:#FFF solid 1px;}
.notices h3{display:block; margin:0px; padding:0px; font-size:15px; line-height:15px; height:15px; overflow:none; text-transform:uppercase; padding-top:5px;}
.notices .subheading{display:block; line-height:20px; height:20px; overflow:none; font-size:13px;}
.notices a{display:block; color:#333;}
.notices a:hover h3,
.notices a:hover{color:#8DC63F !important;}

@media only screen and (max-width: 959px) {
	.notices{display:none;}
	.notices .blockcontainer{height:50px !important; overflow:hidden;}
	.notices h3,
	.notices .subheading{text-align:center;}
	}
	
/* ______________________ opening times ______________________ */	

section.home-opening{color:#FFF; background:#8DC63F; padding:20px 0px; text-align:left;}
section.home-opening h2,
section.home-opening a{color:#FFF; margin-top:0px; padding-top:0px;}
section.home-opening a{text-decoration:underline;}
section.home-opening label{ display:inline-block; min-width:150px;}	

	
/* ______________________ footer ______________________ */	

footer{padding:0px 0px 20px 0px; font-size:13px;  color:#FFF; }
footer .left{text-align:left;}
footer .right{text-align:right;}
footer .text-alignment{line-height:34px;}
footer .legal{font-size:11px; }
footer .legal ul{list-style:none; display:inline-block;}
footer .legal ul li{display:inline-block; border-right:#FFF dotted 1px; padding-right:5px; margin-right:5px; }
footer a{color:#FFF;}
footer a:hover{color:#FFF;}



footer hr{border-top:#ECECEC dotted 3px;}
footer input.button{padding:0px 10px; line-height:34px;}

footer .cards .card {background:#FFF; border-radius:3px;}
footer .cards label{display:block; float:left; margin-right:10px;}
footer .cards img{display:block; margin:0px; padding:0px; float:right; margin-right:5px;}
footer .cards img {width:50px; border:rgba(255,255,255,0.25) solid 1px;}

footer .secured{text-align:right; }
footer .secured img{display:block; width:150px; float:right; background:#FFF; padding:0px 5px; border-radius:3px;}

@media only screen and (max-width: 959px) {
	footer .left{text-align:center;}
	footer .right{text-align:center;}
	footer .legal ul{display:block;}
	footer .legal ul li:last-child{ margin-right:0px; padding-right:0px; border-right:0px;}
	
	footer .column9 div{margin-bottom:0px !important;}
	footer form{border-top:#FFF dotted 3px; padding:10px 0px;}
	footer .secured{text-align:center;}
	}
	
.footer-nav{text-align:left;  padding-bottom:0px; padding-top:20px;  margin-bottom:20px; border-bottom:rgba(255,255,255,0.15) solid 1px; font-size:13px;}	
.footer-nav:after{display:block; content:''; width:100%;  clear:both; border-bottom:rgba(0,0,0,0.25) solid 1px;}

.footer-nav h3{font-size:15px; text-transform:uppercase;}
.footer-nav ul{list-style:none; margin:0px; }
.footer-nav ul li a{display:block; position:relative; padding-left:10px;}
.footer-nav ul li a:before{font-family: 'FontAwesome'; content: '\f105'; font-weight:400; position:absolute; top:0px; left:0px; text-align:left; }
.footer-nav ul li a:hover{text-decoration:underline;}
	
/* BreadCrumb */ 

.breadcrumb{background:#F2F2F2; line-height:45px; border-top:#CCC solid 1px; border-bottom:#ECECEC solid 1px; text-shadow:#FFF 1px 1px 0px; color:#999;}	

@media only screen and (max-width: 959px) {
	.breadcrumb{clear:both; font-size:10px; line-height:30px; display:none;}
	.breadcrumb *{margin-bottom:0px !important;}
	}

.social a .fa{background:#8DC63F; font-size:15px; display:inline-block; line-height:30px; width:30px; text-align:center; color:#FFF;  border-radius:3px;}
.social a:hover .fa{background:#4D7912;}
#shareButtons{border-top:#CCC dotted 1px; padding-top:10px; text-transform:uppercase;}
#shareButtons b{display:inline-block; margin-right:10px; font-size:11px;}


/* General Formatting */

main{position:relative; display:block; background:#FFF; padding-bottom:20px; padding-top:20px;}


section {position:relative; display:table; width:100%; box-sizing:border-box;}


.bodyContent{text-align:left; padding:0px 0px; word-wrap:break-word;}
.bodyContent a{text-decoration:none;}
.bodyContent a.button{text-decoration:none;}
.bodyContent a:hover{text-decoration:none;}
#tinymce ul,
.bodyContent ul{list-style:none !important; margin:0px 0px 20px 20px; padding:0px;}
#tinymce ul li,
.bodyContent ul li{padding-left:20px; padding-top:5px; margin-left:10px; position:relative;}
#tinymce ul li:before,
.bodyContent ul li:before{font-family: 'FontAwesome'; content: '\f105'; font-weight:400; position:absolute; top:5px; left:-15px; width:25px; height:25px; background:rgba(153,150,150,0.5); text-align:center; border-radius:50%; color:#FFF;}
#tinymce ol,
.bodyContent ol{list-style:none !important; margin:0px 0px 20px 20px; padding:0px;}
#tinymce ol li,
.bodyContent ol li{padding-left:20px; padding-top:5px; margin-left:10px; position:relative; counter-increment: item;}
#tinymce ol li:before,
.bodyContent ol li:before{content:counter(item); font-weight:400; position:absolute; top:5px; font-size:13px; line-height:25px; left:-15px; width:25px; height:25px; background:rgba(153,150,150,0.5); text-align:center; border-radius:50%; color:#FFF;}


/* Home Page */

section.home-emergency{background:;  color:#FFF;}
section.home-emergency h2{font-size:40px; line-height:60px; color:#FFF; font-weight:700;  }

section.home_intro{padding:20px 0px;}

section.home-featured{background:#ECECEC; padding:20px 0px; }
section.home-featured h3{text-align:center; color:#4D7912; font-weight:900; font-size:30px;}

section.home-info-block{padding-top:20px; border-bottom:#ECECEC solid 4px;}
section.home-info-block a,
section.home-info-block img{display:block;}
section.home-info-block .column12{margin-bottom:20px;}


section.home-advert{padding-top:0px;}
section.home-advert .adimage{background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment:fixed;}
section.home-advert .column12{margin-bottom:0px;}
section.home-advert .overlay{display:flex; flex-flow:column wrap; padding:80px 0px; color:#FFF; line-height:2.5rem; text-shadow:rgba(0,0,0,0.75) 0px 1px 1px;}
section.home-advert .overlay h3{font-weight:900; color:#FFF; font-size:45px;}
section.home-advert .overlay p{font-weight:600; font-size:25px;}
section.home-advert .overlay a.button{font-size:17px; font-weight:600;}

/* Biography & Press */


main.biography .aboutcolumn{float:right;}

main.biography .pressitem{display:block; margin-bottom:10px; border-bottom:#ECECEC dotted 1px;}
main.biography .pressitem span.img,
main.biography .pressitem span.img img{display:block;}
main.biography .pressitem span.caption{font-size:11px; line-height:30px; }


/* Contact Form and Information*/

main.contact aside .mobile{display:none;}

@media only screen and (max-width: 959px) {
	main.contact{padding-bottom:0px; margin-bottom:0px;}
	main.contact aside h3,
	main.contact aside .social{display:none;}
	main.contact aside .desktop{display:none;}
	main.contact aside .mobile{display:block;}
	main.contact aside p{text-align:center; font-size:15px; line-height:30px;}
	main.contact aside p a{display:inline-block;}
	}
  

/*------- Product List Area -------*/

section.home-product-list{background:#ECECEC url('/images/wave.png') repeat; padding-top:40px; padding-bottom:40px; border-top:#EB188D solid 5px;}
section.home-product-list h2{color:#212121; margin-top:0px; padding-top:0px;}
section.home-product-list h2:before{display:none;}
section.home-product-list .column3{background:#FFF; box-sizing:border-box; border:#ECECEC solid  1px; padding:10px; border-radius:5px; box-shadow:rgba(0,0,0,0.15) 0px 5px 10px;}
section.home-product-list .column3:hover{box-shadow:none;}
section.home-product-list .title-desc{margin-bottom:0px;}

section.map{margin-bottom:-40px;}


/* --------------------------- 404 Error ---------------------------  */

.error404{}
.error404 .alien{height: 300px !important; width:300px; float:right; background:url(/images/robot.png) no-repeat center;}
#cookie-warning{width:100%;text-align:center; background: rgba(0,0,0,0.75); position:fixed; z-index:9999; bottom:0; left:0; margin:0px; padding:0px; color:#FFF; font-size:11px; line-height:15px; text-align:left;}
#cookie-warning .left{width:80%; float:left;}
#cookie-warning .right{width:15%;float:right; text-align:right; }
#cookie-warning a{color:#FFF; font-weight:bold;}
#cookie-warning a:hover{text-decoration:underline;}
#cookie-warning .left span{padding:7px 10px; display:block; }
#cookie-warning .right a{padding:3px 10px; display:inline-block; margin:10px 10px 0px 0px; border:#333 solid 1px; background: rgba(0,0,0,0.75);}

/*------- Pager -------*/

.pager{clear:both; text-align:center; font-size:13px; line-height:40px; height:40px; border-top:#ECECEC dotted 3px; color:#CCC; padding-top:10px;}
.pager a{display:block;  min-width:25px; line-height:25px;  font-size:13px; color:#FFF; text-decoration:none; background:#8DC63F;}

.pager a.previous,
.pager a.next{padding:5px 10px; border:rgba(204, 204, 204, 0.25) solid 1px;    border-radius:5px;}
.pager a.previous{float:left; text-align:left;}
.pager a.next{float:right; text-align:right;}
.pager a.previous:before,
.pager a.next:after{font-family: 'FontAwesome'; content: '\f054'; font-weight:400; display:inline-block; text-align:center; padding:0px 0px 0px 10px; }
.pager a.previous:before{content: '\f053'; padding:0px 10px 0px 0px;}

.pager a:hover{background:#4D7912; }
.pager a.current{background:#4D7912; }

/* TABBED Lists */

#Tab ul{list-style:none; height:40px; border-bottom:#8DC63F solid 1px; margin-bottom:20px;}
#Tab ul li{float:left; display:block;}
#Tab ul li a{display:block; padding:0px 15px; border-bottom:none; line-height:39px;  margin-right:5px;  border:transparent solid 1px; border-bottom:#8DC63F solid 1px;}
#Tab ul li a:hover{background:#ECECEC; color:#8DC63F; text-shadow:#FFF 0px 1px 1px;}
#Tab ul li.current a{border:#8DC63F solid 1px; border-bottom:#FFF solid 1px; font-weight:600;}
#Tab ul li.current a:hover{background:#FFF;}

/*------- Product Details -------*/

.call-to-action{border-top:rgba(153, 150, 150, 0.25) dotted 3px; padding-top:20px;}
.call-to-action .button{display:block;}



/*------- Stockist List -------*/

main.stockists tr.stockist,
main.stockists tr.stockist h4{line-height:35px;}
main.stockists tr.stockist h4{margin:0px; font-size:15px; padding:0px; }

/*--------------------------- Products List -----------------------------*/

/*------- Product List Item -------*/

.product-list-item{background:#FFF; box-sizing:border-box; border:#ECECEC solid  1px; padding:10px; position:relative; overflow:hidden; }

.visible-overlay{display:block; text-align:center; font-size:13px; width:160px; position:absolute; z-index:300; top:30px; right:-35px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow:rgba(255,255,255,0.15) 1px 2px 3px; color:#FFF; font-weight:600; text-transform:uppercase;}
.visible-overlay.sale{background:#D30C28;}
.visible-overlay.clearance{background:#8DC63F;}
.visible-overlay.best{background:#F6BF00; }
.visible-overlay.new{background:#30B943;}

.product-list-item a,
.product-list-item a .img img{display:block;}
.product-list-item .title-desc{display:block; height:60px; overflow:hidden; }
.product-list-item .title-desc h3{font-size:13px; line-height:20px; margin:0px; padding:10px 0px; }
.product-list-item .title-desc h3:before{display:none;}
		
.product-list-item{margin-bottom:20px;}
.product-list-item .img img{display:block; margin:0px; padding:0px;}
.product-list-item .title-desc{display:block; padding-top:5px; height:50px; overflow:hidden;}
.product-list-item .title-desc h2{ font-size:15px; line-height:20px; text-decoration:none; color:#4D7912;}
.product-list-item a {text-decoration:none; color:#8DC63F; } 
.product-list-item a:hover .pricetag { color:#4D7912;}
.product-list-item .pricetag{font-size:20px}
.product-list-item .pricetag i{text-decoration:none !important; font-family:'Open Sans', helvetica, arial, san-serif; font-size:11px; font-style:normal; color:#999;}
.product-list-item .pricetag small.was span, 
.product-list-item .pricetag span.was span {text-decoration: line-through; color:#D30C28 !important; font-size:15px; font-weight:600; display:inline-block;}


@media only screen and (min-width: 480px) and (max-width: 959px) {
	.product-list-item{width:200px !important;}
	.product-list-item:nth-child(odd){margin-right:10px;}
	.product-list-item:nth-child(even){margin-left:10px;}
	}
	
/*--------------------------- Products List -----------------------------*/

/*------- Image Slider -------*/

main.productPage #images{position:relative; text-align:center; z-index:0;  padding-top:0px; overflow:hidden; }

main.productPage #images .unslider {overflow:none; margin:0px; padding:0px;}
main.productPage #images .unslider-wrap {position:relative;}
main.productPage #images .unslider li, main.productPage #images .unslider ol, main.productPage #images .unslider ul{list-style:none; margin:0px; padding:0px; border:none;}

/* Arrows */
main.productPage #images .unslider-arrow{position:absolute; top:50%; margin-top:-50px; padding-top:40px; width:110px; height:70px; z-index:2; cursor:pointer; font-size:30px;  line-height:27px; color:transparent;}
main.productPage #images .unslider-arrow:hover{color:#8DC63F; background:rgba(255,255,255,0.55);}
main.productPage #images .unslider-arrow.prev{left:0px;}
main.productPage #images .unslider-arrow.next{right:0px;}

main.productPage #images .unslider-arrow.prev:before{font-family: 'FontAwesome'; content: '\f104';  font-weight:400;}
main.productPage #images .unslider-arrow.next:before{font-family: 'FontAwesome'; content: '\f105';  font-weight:400;}

/* Carousel */
main.productPage #images .unslider-wrap.unslider-carousel>li{float:left;}

/* Vertical */
main.productPage #images .unslider-vertical>ul{height:100%;}
main.productPage #images .unslider-vertical li{float:none; width:100%;}

/* Fade */
main.productPage #images .unslider-fade{position:relative;}
main.productPage #images .unslider-fade .unslider-wrap li{position:absolute; left:0px; top:0px; right:0px; z-index:8;}
main.productPage #images .unslider-fade .unslider-wrap li.unslider-active{z-index:10;}

/* Dots */
main.productPage #images .unslider-nav {display:block; position:absolute; bottom:-5px; height:20px; left:0px; width:100%; margin:0px; padding:0px; text-align:center; z-index:10;}
main.productPage #images .unslider-nav ol {list-style: none; text-align: center;}
main.productPage #images .unslider-nav ol li {display:inline-block;  width:20px; height:20px; margin:0px 5px; background:rgba(255,255,255,0.25); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-indent:-9999px; cursor:pointer;}
main.productPage #images .unslider-nav ol li:before {position:absolute; display:block; width:10px; height:10px; margin:5px; background:#FFF; box-shadow:inset 0px 3px 3px rgba(0,0,0,0.35); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-indent:-9999px; cursor:pointer; content:'';}
main.productPage #images .unslider-nav ol li.unslider-active:before {background:#8DC63F; box-shadow:inset 0px 3px 3px rgba(255,255,255,0.25);}

@media only screen and (max-width: 959px) {
	section.banner{margin-top:0px;}
	.delivery_banner{display:none;}
	}	

/*------- Product Details -------*/

main.productPage .further{border-top:#CCC dotted 1px; border-bottom:#CCC dotted 1px; padding:10px 0px;}

.modalcontent{padding:20px;}

main.productPage .buying{float:right;}
main.productPage .buying .row{margin-bottom:5px; border-bottom:#CCC dotted 1px;}

main.productPage .buying .price .buyPrice{font-size:13px; font-weight:700; text-align:right; line-height:25px; padding-bottom:10px;}
main.productPage .buying .price .buyPrice em,
main.productPage .buying .price .buyPrice small{text-decoration:none !important; font-family:'Open Sans', helvetica, arial, san-serif; font-style:normal;  font-size:11px; font-weight:400;}
main.productPage .buying .price .buyPrice em{color:#999;}
main.productPage .buying .price .buyPrice span.was{display:inline-block; line-height:15px; }
main.productPage .buying .price .buyPrice span.was span {text-decoration: line-through; color:#D30C28; font-size:15px; font-weight:600; }
main.productPage .buying .price .buyPrice .vat-price{font-size:25px; line-height:15px;}

main.productPage .buying .availability{text-align:left; font-size:20px; line-height:35px; font-weight:600;}
main.productPage .buying .availability .fa,
main.productPage .buying .availability em{font-weight:400;}
main.productPage .buying .availability .instock .fa{color:#30B943;}
main.productPage .buying .availability .outofstock .fa{color:#D30C28;}

main.productPage .buying .variations{padding:5px 0px 10px 0px;  border-top:#CCC dotted 1px; text-align:left;}
main.productPage .buying .variations label,
main.productPage .buying .qty label{margin:0px; padding:0px; text-transform:uppercase; font-weight:900; font-size:13px;}

main.productPage .buying .qty label,
main.productPage .buying .qty a,
main.productPage .buying .qty input{display:inline-block; width:auto;}

main.productPage .buying .addtobasket button{width:100%; margin-top:0px;}

/*------- Related Products -------*/

.related-item,
.related-item-additional, 
.related-item img,
.related-item-additional img{display:block; margin:0 auto; text-align:center;}
.related-item a{display:block; background:#F2F2F2; padding-top:1px;}
.related-item a span.img{display:block; background:#FFF;}
.related-item a:hover{background:#8DC63F;}
.related-item a h4{display:block; vertical-align:middle; height:40px; line-height:20px; font-size:13px; padding:5px; overflow:hidden; font-weight:600;}
.related-item a:hover h4{color:#FFF;}

/*------- Frequently Bought -------*/

#related h3,
.frequently-bought h3{font-size:15px; font-weight:600; text-transform:uppercase; margin:0px; padding:0px;}
.frequently-bought{text-align:left; margin-bottom:20px; padding-bottom:20px; }
.frequently-bought .related-item,
.frequently-bought .related-item-additional,
.frequently-bought .add-multiple{position:relative; float:left;}
.frequently-bought .related-item-additional:before{content:'\+'; position:absolute; text-shadow:#FFF 1px 1px 2px; width:20px; height:20px; text-align:center; line-height:20px; font-size:20px; font-weight:700; color:#8DC63F; position:absolute; top:50%; margin-top:-10px; left:-10px;}

/*--------------------------- Basket and Checkout -----------------------------*/

/* Vouchers */

.vouchers{margin-top:0px; padding:0px 0px 10px 0px; text-align:left; position:relative; }
.vouchers h3{color:#8DC63F; line-height:30px;}
.vouchers .row{margin-bottom:0px;}
form .vouchers input.button{margin-top:0px; padding:3px !important;}

@media only screen and (max-width: 959px) {
	.vouchers{border-left:0px; border-right:0px;}
	}


/*------- Basket -------*/

main.Basket .basketImg{}
main.Basket .basketName{text-align:left;}
main.Basket .basketQuantity{}
main.Basket .basketSubtotal{text-align:left;}
main.Basket .basketRemove{}

main.Basket .basketHead.row{background:#8DC63F; color:#FFF; font-weight:600; padding:5px 0px; margin-bottom:0px;}

main.Basket .basketBody .row{margin-bottom:0px; padding-top:5px; border-top:#ECECEC solid 1px;}
main.Basket .basketBody .row:nth-child(even){background:#F2F2F2;}
main.Basket .basketQuantity a, main.Basket .basketQuantity input{display:inline-block; width:auto;}

main.Basket .basketFoot.row{background:#8DC63F; color:#FFF; font-weight:600; padding:0px; margin-bottom:0px; line-height:30px; margin-bottom:20px;}

main.Basket .basketFoot .basketLabel{text-align:right; font-weight:400; background:#ECECEC; color:#333; font-size:13px; box-sizing:border-box; padding-right:10px;}

main.Basket .basketActions div{min-height:5px;}
main.Basket .basketActions div button{width:100%;}

@media only screen and (max-width: 959px) {
	main.Basket .basketHead {display:none;}
	main.Basket .basketImg,
	main.Basket .basketQuantity{margin:0px;}
	main.Basket .basketName{text-align:center; margin:0px;}
	main.Basket .basketSubtotal{text-align:center; font-size:20px;}
	main.Basket .basketRemove a{display:block; background:#8DC63F; color:#FFF; padding:5px; margin-left:20px; margin-right:20px; border-radius:3px;}
	main.Basket .basketRemove a:hover{background:#4D7912; color:#FFF;}
	main.Basket .basketFoot div{margin:0px;}
	main.Basket .basketFoot .basketLabel{text-align:center;}
	main.Basket .basketActions div{margin:0px; margin-bottom:10px;}
	}
	
main.Basket .instock,
main.Basket .outofstock{font-size:12px;}
main.Basket .instock{color:#8DC63F;}	
main.Basket .outofstock{color:#4D7912;}

/*------- Checkout -------*/

/* breadcrumb */

.checkCrumb span {display:inline-block; margin:0px 5px; color:#CCC;}
.checkCrumb span a,
.checkCrumb span a span.number{color:#4D7912; font-weight:600; }
.checkCrumb span a:hover{color:#666;}
.checkCrumb span.number{display:inline-block; width:30px; height:30px; line-height:30px; background:#FFF; text-align:center; font-size:15px; border-radius:15px;}

/* Mini Basket */
main.checkout .basketContainer .basketHead.row{font-weight:600; color:#FFF; background:#8DC63F; margin-bottom:0px; padding:5px 0px; font-size:13px; }
main.checkout .basketContainer .basketHead.row .basketName span{display:block; padding-left:5px;}
main.checkout .basketContainer .basketBody .row{border-top:#ECECEC solid 1px; padding:5px 0px; margin-bottom:0px;}
main.checkout .basketContainer .basketBody .row:nth-child(even){background:#F2F2F2;}
main.checkout .basketContainer .basketFoot.row{font-weight:bold; color:#FFF; background:#8DC63F; margin-bottom:0px; padding:0px 0px;}
main.checkout .basketContainer .basketFoot.row .basketLabel{font-weight:400; text-align:right; background:#ECECEC; color:#333; font-size:13px; box-sizing:border-box; padding-right:10px;}


@media only screen and (max-width: 959px) {
	main.checkout .basketContainer .basketHead.row div{margin:0px; text-align:center;}
	main.checkout .basketContainer .basketHead.row .basketSubtotal{display:none;}
	main.checkout .basketContainer .basketBody .row div{margin:0px; text-align:center;}
	main.checkout .basketContainer .basketFoot.row div,
	main.checkout .basketContainer .basketFoot.row .basketLabel{margin:0px; text-align:center;}
	}

/* Billing & Delivery & Confirm  h3 */

main.checkout .billing h3,
main.checkout .delivery h3,
main.checkout .confirm h3{margin-bottom:10px; border-bottom:#ECECEC solid 1px; padding-top:0px; text-transform: uppercase; font-size: 15px; font-weight: 700;}

main.checkout .billing h3,
main.checkout .delivery h3,
main.checkout .confirm h3{text-transform:uppercase; margin-bottom:10px; line-height:40px; font-size:15px; font-weight:600; padding-top:0px; background:#ECECEC; color:#4D7912; border-radius:5px; padding-left:50px; position:relative; text-shadow:#FFF 0px 1px 1px; border:#CCC solid 1px;}


main.checkout .billing h3 span.fa,
main.checkout .delivery h3 span.fa,
main.checkout .confirm h3 span.fa{font-family: 'FontAwesome'; content: '\f040'; font-weight:400 !important; display:block; text-align:center; padding:0px; color:#4D7912; background:#CCC; width:40px; height:40px; line-height:40px; position:absolute; top:0px; left:0px; border-radius:5px 0px 0px 5px; }

main.checkout  .vouchers{border-left:0px; border-right:0px; border-top:0px;}

main.checkout .billing-details-display{}
main.checkout .billing-details-display label{display:inline-block; width:200px; font-family: 'Georgia', times, serif; font-size:12px; font-style:italic;}
main.checkout .billing-details-display .address{display:inline-block;}



/* Delivery */
main.checkout .delivery #questions .row{margin-bottom:0px;}
main.checkout .delivery #questions .row input,
main.checkout .delivery #questions .row label{display:inline-block; width:auto;}
main.checkout .delivery #questions .row em,
main.checkout .delivery #deliverymethod em{min-height:10px; display:block; font-size:12px; line-height:35px;}

@media only screen and (max-width: 959px) {
	main.checkout .delivery #questions .row em{min-height:0px;}
	main.checkout .delivery #questions .row,
	main.checkout .delivery #questions .row div{margin-bottom:0px;}
	main.checkout .billing-details-display label{width:100%;}
	}

._vcs__customers_deliveryaddress{margin-bottom:10px; font-size:15px; font-weight:400; border-top:#CCC solid 1px; padding-top:10px;}
._vcs__customers_deliveryaddress{text-transform:uppercase; font-weight:700; color: background:#4D7912;}

.saveAddress input, 
.saveAddress label, 
.saveAddress div{display:inline-block; width:auto;}

main.checkout .delivery .method .row input,
main.checkout .delivery .method .row label{display:inline-block; width:auto;}
main.checkout .delivery .method .row {margin-bottom:0px;}

/* Confirm */
.payment-button #terms_container {text-align:right; float:right; margin-bottom:10px;}
.payment-button #terms_container input{display:inline-block;  width:auto; line-height:35px;}
.payment-button #terms_container label{display:inline-block; font-size:13px;}
.payment-button #terms_container p.error{text-align:left !important; width:260px; margin-right:0px;}

.payment-button input.button{width:290px; font-size:20px; font-weight:600; float:right; }

.payment-button .one-payment #terms_container{float:left;}
.payment-button .one-payment input.button{width:100%; padding:15px 0px; float:none; font-size:25px; display:block; height:auto;}

form.payments hr{border-top:#8DC63F solid 3px; margin:10px 0px;}
form.payments h3{margin:0px 0px 10px 0px;; text-transform:uppercase;}
form.payments .error{background:#8DC63F; color:#FFF;}

@media only screen and (max-width: 959px) {
	form.payments .txt-right{text-align:center;}
	}
	
.securedby{text-align:left;}
.securedby small{display:block;}
.securedby img{float:left; margin:0px; border:0px; margin-right:20px;}
.securedby span.card{ background-image:url(/images/cards.png); background-repeat:no-repeat; width:65px; height:53px; display:none; margin:5px;}
.securedby span.card{display:inline-block; }
.securedby span.card.visa{background-position:0px 0px;}
.securedby span.card.mastercard{background-position:-65px 0px;}
.securedby span.card.jcb{background-position:-130px 0px;}
.securedby span.card.americanexpress{background-position:-130px -53px;}
.securedby span.card.paypal{background-position:0px -53px;}
.securedby span.card.maestro{background-position:-65px -53px;}


/*--------------------------- Accounts Area -----------------------------*/

/*------- Login -------*/

.accountBlock .loginform .column12{margin-bottom:10px;}
.accountBlock .loginform .column4{text-align:right;}
.accountBlock .loginform .column8{text-align:left;}
.accountBlock .loginform #questions .column8 input,
.accountBlock .loginform #questions .column8 label{display:inline-block; width:auto;}

.accountBlock .question{}

@media only screen and (max-width: 959px) {
	.accountBlock .loginform .column4{text-align:left;}
	.accountBlock .loginform .column4 label{font-weight:600; margin-bottom:0px;}
	.accountBlock .loginform .row{margin-bottom:0px;}
	.accountBlock .loginform #formactions .column4{display:none;}
	}

/*------- Register -------*/

.accountBlock .register .trade{padding-left:50px; position:relative; border:#FFFCCC solid 1px; height:50px;}
.accountBlock .register .trade div{display:block; float:left;}
.accountBlock .register .trade input{display:block; float:left;  margin-left:10px; margin-top:20px;}
.accountBlock .register .trade label{display:inline; line-height:50px; padding-left:20px;}
.accountBlock .register .trade:before{font-family: 'FontAwesome'; content: '\f0ad'; font-weight:400 !important; display:block; line-height:50px; position:absolute; left:0px; top:0px; width:50px; text-align:center; font-size:30px; background:#8DC63F; color:#FFF;}


/*------- Account Home Page -------*/

.accountBlock .register h3,
.accountBlock .account .column9 h3{text-transform:uppercase; margin-bottom:10px; line-height:40px; font-size:15px; font-weight:600; padding-top:0px; background:#ECECEC; color:#4D7912; border-radius:5px; padding-left:50px; position:relative; text-shadow:#FFF 0px 1px 1px; border:#CCC solid 1px;}

.accountBlock .register h3:before,
.accountBlock .account .column9 h3:before{font-family: 'FontAwesome'; content: '\f040'; font-weight:400 !important; display:block; text-align:center; padding:0px; color:#4D7912; background:#CCC; width:40px; height:40px; line-height:40px; position:absolute; top:0px; left:0px; border-radius:5px 0px 0px 5px; }

.accountBlock h3.your-details:before{content: '\f007' !important;}
.accountBlock h3.your-communications:before{content: '\f1ac' !important;}
.accountBlock h3.trade-customer:before{content: '\f0ad' !important;}
.accountBlock h3.billing-address:before{content: '\f1ad' !important;}
.accountBlock h3.create-password:before{content: '\f023' !important;}
.accountBlock h3.order-history:before{content: '\f1da' !important;}
.accountBlock h3.logout:before{content: '\f08b' !important;}
.accountBlock h3.delivery:before{content: '\f0d1' !important;}

#discountbox .discount_symbol{display:block; float:left; width:120px; height:120px; text-align:left;}
#discountbox .discount_symbol .symbol{display:inline-block; text-align:center; width:100px; height:100px; background:#8DC63F; color:#FFF; font-weight:700; line-height:100px; border-radius:50%; font-size:20px; }
#discountbox p.trade{padding-top:10px;}


/*------- Order List -------*/

.accountBlock .order-history .order-list{clear:both; }
.accountBlock .order-history .order-list .row{margin-bottom:0px; padding:10px 0px; border-top:#CCC solid 1px; border-bottom:#FFF solid 1px;}
.accountBlock .order-history .order-list .row:nth-child(even){background:#F2F2F2;}

/*------- Order Details -------*/

.order-details h3{margin-bottom:10px; font-size:13px; font-weight:400; border-top:#CCC solid 1px; padding-top:10px;}


/*--------------------------- PDF -----------------------------*/

#PDF table thead td, table th{background:#0C232B; border-top:0px; color:#FFFFFF; padding-left:5px; font-weight:600;}
#PDF table tbody td{border:0px;  padding:5px 0px;}
#PDF table tbody tr:nth-child(even) td{background:#FFF;}

#PDF table tbody td h3{margin-bottom:10px; font-size:10px; font-weight:600 !important; border-top:#ECECEC solid 1px; padding-top:10px;}	

#PDF table tr.pdflogo td{padding:20px; text-align:center;}
#PDF table tr.pdflogo td img {max-width:250px;}
#PDF table tr.numbers td.orderinfo{text-align:left;}
#PDF table tr.numbers td.orderinfo em{font-style:italic !important;  }
#PDF table tr.numbers td.invoicename strong{font-weight:bold !important;}

#PDF table tr.address td{text-align:left;}
#PDF table tr.details td{text-align:left;}

#PDF #basketContainer table thead tr td,
#PDF #basketContainer table tfoot tr td{background:#000; padding:5px; color:#FFF !important; font-weight:bold !important;}
#PDF #basketContainer table tfoot tr td{padding:0px 5px !important;}
#PDF #basketContainer table tfoot tr td.basketLabel{text-align:right;}

#PDF table tr.foot td{text-align:left;}
#PDF table tr.foot td small{font-size:8px !important; text-align:left;}


/*--------------------------- Modal Overlay -----------------------------*/

.modal-overlay{ background:rgba(0,0,0,0.7); z-index:9000; position:fixed; top:0px; bottom:0px; left:0px; right:0px; text-align:center; width:100%; height:100%;}

/*.modal-wrap{width:100%; height:100%; position:absolute; z-index:9001; left:0px; top:0px;}
.modal { z-index:9002; background:#FFF; position:relative; margin:50%;  top:0px; min-width:300px; max-width:500px;}*/

.modal { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index:9002; background:#FFF; position:fixed; left:50%; top:50%; max-height:90%; overflow:auto; transition: transform 0.3s ease-out 0s; min-width:320px; max-width:520px; }
.modal .dialog_form { padding:20px; padding-top:10px; }
.modal .modal-title { padding:20px; padding-bottom:10px; border-bottom:1px solid #ECECEC; text-align:left; }
.modal .modal-title h2 { margin:0px; padding: 0px; }
.modal .modal-title a { position:absolute; right:20px; top:15px; }

.modal .dialog_form {text-align:left;}

/*--------------------------- Select Option -----------------------------*/

/* @group Base */
.chosen-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.chosen-container { font-size: 14px; position: relative; display: inline-block; vertical-align: middle;  zoom: 1; *display: inline; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.chosen-container .chosen-drop { border: 1px solid #CCC; background: #fff; box-shadow:rgba(0, 0, 0, 0.15) 0 4px 5px ; position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; border-top: 0; }
.chosen-container.chosen-with-drop .chosen-drop {left: 0;}
.chosen-container a {cursor: pointer;}
.chosen-container .search-choice .group-name, 
.chosen-container .chosen-single .group-name { color: #999999; margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; } 
.chosen-container .search-choice .group-name:after, 
.chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; }
/* @end */

/* @group Single Chosen */
.chosen-container-single .chosen-single { height: 40px; line-height: 40px; font-size:13px; color: #333; border: 1px solid #CCC; position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; background:#FFF background-clip: padding-box;  text-decoration: none; white-space: nowrap; }
.chosen-container-single .chosen-default {color: #999;}
.chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; }
.chosen-container-single .chosen-single-with-deselect span {margin-right: 38px;}
.chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; }
.chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; position:relative; }
.chosen-container-single .chosen-single div b:before{font-family: 'FontAwesome'; content: '\f0d7';  font-weight:400;}
.chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; }
.chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px;}
/* @end */

/* @group Results */
.chosen-container .chosen-results { color: #333; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; }
.chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; }
.chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; }
.chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; }
.chosen-container .chosen-results li.highlighted { background-color: #8DC63F; color: #fff; }
.chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; }
.chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; }
.chosen-container .chosen-results li.group-option { padding-left: 15px; }
.chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; }
/* @end */

/* @group Active  */
.chosen-container-active .chosen-single { border: 1px solid #8DC63F; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #CCC;  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); box-shadow: 0 1px 0 #fff inset; } 
.chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; }
.chosen-container-active.chosen-with-drop .chosen-single div b:before {font-family: 'FontAwesome'; content: '\f0d8' !important;  font-weight:400;}
.chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; }
/* @end */

/* @group Disabled Support */
.chosen-disabled { opacity: 0.5 !important; cursor: default; } 
.chosen-disabled .chosen-single { cursor: default; } 
.chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; }
/* @end */


/* Home Hero Banner */

main.homepage{padding-top:0px;}

.home-hero{display:block; width:100%;   background-repeat:no-repeat; background-size:cover; background-position:center; box-sizing:border-box; background:#FFF;}

.home-hero .owl-stage .owl-item .item{background-repeat:no-repeat; background-size:cover; background-position:center;}

.home-hero .owl-stage .owl-item .item,
.home-hero .owl-stage .text-container{height:65vh;}

.home-hero .owl-stage .text-container .caption{display:flex; height:100%; flex-flow:row nowrap; justify-content:flex-end; align-items:center; background: #003050; background: linear-gradient(90deg,rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%);}
.home-hero .owl-stage .text-container .caption .text{
	display:block; text-align:right;  word-wrap:break-word; color:#FFFCFF; line-height:3.5em;  margin-right:6em; max-width:70%;
	}
	
.home-hero .owl-stage .text-container .caption .text .title{font-size:2.8rem; font-weight:600;}
.home-hero .owl-stage .text-container .caption .text .subtitle{font-size:1.5rem;}
.home-hero .owl-stage .text-container .caption .text .button{font-weight:600; line-height:35px;}
	

@media only screen and (min-width: 960px) and (max-width: 1160px) {
	.home-hero .owl-stage .owl-item .item,
	.home-hero .owl-stage .text-container{height:65vh;}		
	}
@media only screen and (min-width: 480px) and (max-width: 959px) {
	.home-hero .owl-stage .owl-item .item,
	.home-hero .owl-stage .text-container{height:65vh;}	
	}
@media only screen and (max-width: 479px) {
	.home-hero .owl-stage .owl-item .item,
	.home-hero .owl-stage .text-container{height:50vh;}
	.home-hero .owl-stage .text-container .caption .text{font-size:2.0em;}
	}	
	
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.owl-nav{position:absolute; top:50%; left:0px; width:100%; margin-top:-25px;}
.owl-nav button{width:50px; height:50px; text-align:center; line-height:50px; font-size:30px !important; background:rgba(247,243,234,0.45) !important; border-radius:50%;}
.owl-nav button.owl-prev{float:left;}
.owl-nav button.owl-next{float:right;}

.showcase .owl-item:before{position:absolute; content:''; display:block; top:0px; left:0px; right:0px; bottom:0px;  background:rgba(255,255,255,0.45); z-index:2;}
.showcase .owl-item.center:before{display:none;}

.owl-dots{height:20px; position:absolute; bottom:10px; width:100%;}
.owl-dots button{display:inline-block;}
.owl-dots button span{display:block; width:10px; height:10px; border-radius:50%; background:rgba(82,79,76,0.45);  margin:10px 5px;}
section.brands .owl-dots button span{background:#FFF;}
section.brands .owl-dots button.active span,
.owl-dots button.active span{background:#8DC63F;}	

/*--------------------------- Machine List -----------------------------*/

main.machinePage.showMonthly .otrprice { display:none !important; }
main.machinePage.showOtr .monthlyprice { display:none !important; }
main.machinePage .price-toggle {text-align:center; font-size:15px; }
@media only screen and (max-width: 959px) { main.machinePage .togglePrice{ float:none; display:block; clear:both; text-align:center; }  }



main.machinePage .product-header{text-align:left; margin-top:20px;}
main.machinePage .product-header .column3,
main.machinePage  .column12.product-header{line-height:32px; padding:5px 0px; }
main.machinePage .product-header .column6{}
main.machinePage .product-header .column3{line-height:32px; padding-top:10px;}
main.machinePage .product-header .column3 label{display:block; float:left; margin-right:10px; font-size:12px; line-height:32px;}
main.machinePage .product-header .column3 select{font-size:15px; line-height:32px; margin-top:5px; border:#CCC solid 1px;}


@media only screen and (max-width: 959px) {
	main.machinePage .product-header .column3{display:none;}
	}

/*------- Machine List Item -------*/

main.machinePage .productList .listItem h2 .new{color:#4D7912;}		
main.machinePage .productList .listItem{ margin-bottom:20px;}
main.machinePage .productList .listItem .row{margin-bottom:0px;}
main.machinePage .productList .listItem .img{padding-bottom:10px; position:relative; overflow:hidden;} 
main.machinePage .productList .listItem .img img{display:block;}
main.machinePage .productList .listItem .img .price{display:block; right:0px; bottom:20px; position:absolute; z-index:20; padding:7px 10px; background:#4D7912; color:#FFF; font-weight:600; font-size:18px;}
main.machinePage .productList .listItem .img a:hover .price{background:#8DC63F;}
main.machinePage .productList .listItem .img .price .from{font-size:12px;}
main.machinePage .productList .listItem .img .offer,
main.machinePage .productList .listItem .img .percent-sign{position:absolute; top:10px; left:10px; z-index:10; height:50px; width:50px; line-height:50px; border-radius:50%; border-radius:50%; background:#8DC63F; color:#FFF; text-align:center; -ms-transform:rotate(-25deg); -webkit-transform:rotate(-25deg); transform:rotate(-25deg);}
main.machinePage .productList .listItem .img .percent-sign{top:70px; background:#4D7912; font-weight:600; line-height:40px;}
main.machinePage .productList .listItem .img .percent-sign sup{font-weight:300; font-size:8px; display:block; position:absolute; bottom:10px; left:15px}
main.machinePage .productList .listItem .img .zero_finance{position:absolute; top:10px; right:10px; z-index:10; height:60px; width:60px; font-size:12px; line-height:20px;  border-radius:50%; background:#4D7912; color:#FFF; text-align:center; -ms-transform:rotate(-25deg); -webkit-transform:rotate(-25deg); transform:rotate(-25deg);}
main.machinePage .productList .listItem .img .zero_finance .zero{display:block; font-size:20px; font-weight:600; margin-top:10px;}
main.machinePage .productList .listItem .img .discounted{position:absolute; bottom:25px; right:140px; z-index:10; height:26px; font-size:13px; text-transform:uppercase; padding:0 10px; line-height:26px; background:#8DC63F; color:#FFF; text-align:center; }
main.machinePage .productList .listItem .img .discounted:after{content:''; position:absolute; top:0px; right:-26px; display:block; border:transparent solid 13px;  border-left:#8DC63F solid 13px;}

main.machinePage .productList .listItem h2{font-size:20px; line-height:30px; height:30px; overflow:hidden; text-align:center;}
main.machinePage .productList .listItem .info{}
main.machinePage .productList .listItem .info .column2{padding:0px; line-height:30px; height:30px; overflow:hidden;}
main.machinePage .productList .listItem .info .column2 .fa{}
main.machinePage .productList .listItem .info .column2 span.fa-check-circle{color:#017D75;}
main.machinePage .productList .listItem .info .column2 span.fa-times-circle{color:#003050;}

@media only screen and (min-width: 480px) and (max-width: 959px) {
	main.machinePage .productList .listItem .info .column2{width:200px !important;}
	main.machinePage .productList .listItem .info .column2:nth-child(odd){margin-right:10px;}
	main.machinePage .productList .listItem .info .column2:nth-child(even){margin-left:10px;}
	}
		
main.usedBikes .productList .listItem .img{height:270px; overflow:hidden;}
@media only screen and (min-width: 960px) and (max-width: 1160px) {main.usedBikes .productList .listItem .img{height:225px; overflow:hidden;}}
@media only screen and (min-width: 480px) and (max-width: 959px) {	main.usedBikes .productList .listItem .img{height:315px; overflow:hidden;}}
@media only screen and (max-width: 479px){main.usedBikes .productList .listItem .img{height:225px; overflow:hidden;}}
	
main.machinePage #tabcontent-video .movie{position:relative; padding-bottom:56.25%; height:0; margin-bottom:20px;}
main.machinePage #tabcontent-video iframe{width:100%; height:100%; position:absolute; top:0px; left:0px;}

/* UI Form Slider */	

.noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; }
.noUi-target { position: relative; direction: ltr; }

.noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; /* Fix 401 */ }

.noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; }
.noUi-handle { position: relative; z-index: 1; }

.noUi-stacking .noUi-handle { /* This class is applied to the lower origin when its values is > 50%. */ z-index: 10; }
.noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; }
.noUi-state-drag * { cursor: inherit !important; }
.noUi-draggable { cursor: w-resize; }

.noUi-horizontal { height: 9px; }
.noUi-horizontal .noUi-handle { width: 18px; height: 18px; left: -9px; top: -5px; }

.noUi-background { background:#ECECEC; border-radius:10px; box-shadow:inset rgba(0,0,0,0.25) 0px 2px 3px; }
.noUi-connect { background:#1a1a1a; border-radius:10px; box-shadow:inset rgba(255,255,255,0.75) 0px 2px 3px; }
.noUi-handle { background:#003050; cursor: default; border-radius:50%; box-shadow:rgba(0,0,0,0.25) 0px 2px 3px; }

[disabled].noUi-connect, [disabled] .noUi-connect { background: #B8B8B8; }
[disabled].noUi-origin, [disabled] .noUi-handle { cursor: not-allowed; }	


.crumb-search{float:right; text-transform:uppercase; font-weight:600;}
section.filters {background:#F2F2F2; padding-top:20px; border-bottom:#FFF solid 1px; display:none; }	
section.filters.open{display:block;}
section.filters label{font-size:12px; font-weight:600; line-height:15px; text-align:left;}
section.filters input,
section.filters select{background:#FFF;}
section.filters .topBlock{border-bottom:#212121 dotted 1px; margin-bottom:0px;}
section.filters .formsliders .sliderContainer{ padding:0px 10px;  margin-bottom:10px; }
section.filters .formsliders .slider-min,
section.filters .formsliders .slider-max{display:block; float:left; width:50%; box-sizing:border-box;}
section.filters .formsliders .slider-min{padding:0px 5px 0px 0px;}
section.filters .formsliders .slider-max{padding:0px 0px 0px 5px;}

section.filters .search .column3{font-weight:600; line-height:50px;}

/*  ______________________ Machine Hero Image  ______________________ */

section.heroGraphic{background-repeat:no-repeat; background-position:center 0px; background-attachment:fixed; background-size:contain; margin-top:-20px;}

section.heroGraphic .message{height:320px;}
section.heroGraphic .message .text{display:table-cell; vertical-align:middle; height:320px; width:1%;}
section.heroGraphic .message .text h3{ font-weight:700; color:#FFF;}	

@media only screen and (min-width: 960px) and (max-width: 1160px) {
	section.heroGraphic .message{height:260px;}
	section.heroGraphic .message .text{display:table-cell; vertical-align:middle; height:280px; width:1%;}
	}
	
@media only screen and (max-width: 959px) {
	section.heroGraphic .message{height:180px;}
	}

@media only screen and (max-width: 640px) {
	section.heroGraphic .message{height:120px;}
	}
	
@media only screen and (max-width: 420px) {
	section.heroGraphic .message{height:90px;}
	}	

/* ----------------------------- Product Details -  Products -----------------------------*/

section.machineDetails .prohead h1{text-align:left; line-height:35px; padding:5px 0px;}
section.machineDetails .prohead h1 .new{color:#8DC63F; }

section.machineDetails  #price{text-align:center;  border-bottom:#CCC solid 1px; line-height:32px; padding:5px 0px; font-size:25px; }
section.machineDetails  #price .from{font-size:15px;}
section.machineDetails  #price small{font-weight:400; font-size:12px; color:#1a1a1a;}
section.machineDetails  #price .price{font-weight:700; color:#4D7912;}
section.machineDetails  #price .rrp{font-weight:400; font-size:15px; color:#2a2a2a;}

section.machineDetails .actions .points .column2{line-height:40px; border-bottom:#CCC solid 1px; }
section.machineDetails .actions .points .column2 span.fa{display:inline-block; width:20px;}
section.machineDetails .actions .points .column2 span.fa-check-circle{color:#8DC63F;}
section.machineDetails .actions .points .column2 span.fa-times-circle{color:#003050;}

section.machineDetails  .single{margin-bottom:10px;}
section.machineDetails  .single .button{display:block;}
section.machineDetails .actions small{line-height:17px; font-size:11px;}



section.machineDetails .Tab{margin-bottom:20px; margin-top:20px;}
section.machineDetails .Tab ul{list-style:none; margin:0px; padding:0px; min-height:40px; display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-evenly;}
section.machineDetails .Tab ul li{ margin:0px; padding:0px; flex-grow:1;}
section.machineDetails .Tab ul li:before{display:none;}
section.machineDetails .Tab ul li a{display:block; line-height:40px; font-weight:600; padding:0px 10px; text-align:center; color:#000; background:#ECECEC; border-right:#FFF solid 1px; }
section.machineDetails .Tab ul li:first-child a{border-radius:10px 0px 0px 10px;}
section.machineDetails .Tab ul li:last-child a{border-radius:0px 10px 10px 0px;}
section.machineDetails .Tab ul li a:hover{color:#FFF; background:#4D7912;}
section.machineDetails .Tab ul li.current a{background:#8DC63F; color:#FFF;}



section.machineDetails .Tab ul li#tab-offers a{background:#0B9DFF; color:#FFF;}


@media only screen and (max-width: 959px) {
	section.machineDetails .Tab{border-top:#003050 solid 2px; padding-top:0px;}
	section.machineDetails .Tab ul li{display:block; float:none !important;}
	section.machineDetails .Tab ul li a{border-right:0px; border-bottom:#FFF solid 1px;}
	section.machineDetails #finance .Tab li{width:100% !important;}
	}


section.machineDetails #finance h2,
section.machineDetails .teamContact h2,
section.machineDetails .actions h2{ border-top:#003050 solid 2px; border-bottom:#CCC solid 1px; line-height:32px; padding:5px 0px; font-size:20px; margin-bottom:20px;}

section.machineDetails #finance .Tab li{width:50%;} 

section.machineDetails #finance table tr td label{color:#666; font-size:85%;}
section.machineDetails #finance table tr td input{font-size:15px;}

section.machineDetails #finance .intro{font-size:12px; line-height:17px;}
section.machineDetails #finance .finance-terms{color:#999; font-size:12px; line-height:17px; padding:20px 0px;}
section.machineDetails #finance .button{display:block;}


section.machineDetails .vehiclespecs table tr { border:0px; }
section.machineDetails .vehiclespecs table tr td{padding:5px 0px; margin:0px; }
section.machineDetails .vehiclespecs table tr td .title{font-size:13px; font-weight:600;}
section.machineDetails .vehiclespecs table tr td :first-child{margin-left:0px;}
section.machineDetails .vehiclespecs table tr td :last-child{margin-right:0px;}


section.machineDetails .bodyContent h3{border-bottom:#ccc solid 1px; margin-bottom:20px;}

/*------- Image Slider -------*/

main.machinePage #images{position:relative; text-align:center; z-index:0;  padding-top:0px; }

main.machinePage #images .unslider {overflow:none; margin:0px; padding:0px;}
main.machinePage #images .unslider-wrap {position:relative;}
main.machinePage #images .unslider li, main.machinePage #images .unslider ol, main.machinePage #images .unslider ul{list-style:none; margin:0px; padding:0px; border:none;}

main.usedBikes #images .unslider li img{height:554px;}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
	main.usedBikes #images .unslider li img{height:464px;}
	}
@media only screen and (min-width: 480px) and (max-width: 959px) {
	main.usedBikes #images .unslider li img{height:315px;}
	}	
@media only screen and (max-width: 479px) {
	main.usedBikes #images .unslider li img{height:225px;}
	}


/* Arrows */
main.machinePage #images .unslider-arrow{position:absolute; top:50%; margin-top:-50px;  width:100px; height:100px; z-index:2; cursor:pointer; font-size:40px;  line-height:100px; color:#2a2a2a; }
main.machinePage #images .unslider-arrow:hover{color:#8DC63F; }
main.machinePage #images .unslider-arrow.prev{left:0px; text-align:left; }
main.machinePage #images .unslider-arrow.next{right:0px; text-align:right;}

main.machinePage #images .unslider-arrow.prev:before,
main.machinePage #images .unslider-arrow.next:before{font-family: 'FontAwesome'; font-weight:400; background:rgba(255,255,255,0.25); display:block; text-align:center; line-height:40px; width:40px; height:40px; margin-top:30px; }
main.machinePage #images .unslider-arrow.prev:before{content: '\f104'; float:left;}
main.machinePage #images .unslider-arrow.next:before{content: '\f105'; float:right;}

/* Carousel */
main.machinePage #images .unslider-wrap.unslider-carousel>li{float:left;}

/* Vertical */
main.machinePage #images .unslider-vertical>ul{height:100%;}
main.machinePage #images .unslider-vertical li{float:none; width:100%;}

/* Fade */
main.machinePage #images .unslider-fade{position:relative;}
main.machinePage #images .unslider-fade .unslider-wrap li{position:absolute; left:0px; top:0px; right:0px; z-index:8;}
main.machinePage #images .unslider-fade .unslider-wrap li.unslider-active{z-index:10;}

/* Dots */

main.machinePage #images .unslider-nav {display:block; position:absolute; bottom:-30px; height:30px; left:0px; width:100%; margin:0px; padding:0px; text-align:center; z-index:10;}
main.machinePage #images .unslider-nav ol {list-style: none; text-align: center;}
main.machinePage #images .unslider-nav ol li {display:inline-block;  width:10px; height:10px; margin:0px 5px; background:rgba(255,255,255,0.25); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-indent:-9999px; cursor:pointer;}
main.machinePage #images .unslider-nav ol li:before {position:absolute; display:block; width:10px; height:10px; margin:7px; background:#FFF; box-shadow:inset 0px 2px 2px rgba(0,0,0,0.25); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-indent:-9999px; cursor:pointer; content:'';}
main.machinePage #images .unslider-nav ol li.unslider-active:before {background:#8DC63F; box-shadow:inset 0px 3px 3px rgba(255,255,255,0.25);}


@media only screen and (max-width: 959px) {
	main.machinePage #images .unslider-nav{display:none;}
	main.machinePage #images .unslider-arrow{display:none;}
	}	

/* Brands List */

.brandList .listItem {display:block; margin-bottom:20px;}
.brandList .listItem .img{display:block; position:relative; border:#ECECEC solid 1px; }
.brandList .listItem .img a{display:block;}
.brandList .listItem .img img{display:block; margin:0px; padding:0px;}
.brandList .listItem .img h2{position:absolute; top:0px; left:0px; bottom:0px; right:0px; text-align:center; padding-top:33%; font-weight:900;  background:#8DC63F; font-size:40px; color:#FFF;   margin:0px; display:none;}
.brandList .listItem .img a:hover h2{display:block;}

.brand-carousel{background:#ECECEC; padding:40px 0px; margin-bottom:-20px; border-bottom:#CCC solid 1px;}
.brand-carousel .item{border:#CCC solid 1px; background:#FFF;}
.brand-carousel .item img,
.brand-carousel .item a{display:block; position:relative;}
.brand-carousel .item a h2{position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:100%; background:#8DC63F; margin-bottom:0px; justify-content:center; align-items:center; color:#FFF; display:none;}
.brand-carousel .item a:hover h2{display:flex;}


/* Payment Modal-ish */

#paymentBg{position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.35);  z-index:99998;  width:100vw; height:100vh; display:flex; flex-flow: column wrap; justify-content:center; align-items:center;}
#paymentContainer{width:500px;}
#paymentContainer iframe{width:100%;}
#paymentContainer{padding:40px 20px; background:#FFF; border-radius:10px; box-shadow:rgba(0,0,0,0.25) 0px 3px 3px;}
#paymentContainer button{border:0px;}
#paymentContainer button#btnCancel{color:#2a2a2a; background:#ECECEC;}
#paymentContainer #errors ul{list-style:none;}
#paymentContainer #errors ul li{background:#FFFFE0; font-size:13px; margin-bottom:5px; border-radius:3px;}

@media only screen and (max-width: 500px) {
	#paymentContainer{width:100%;}
	}

/* 3D Secure */

iframe.threeDs{position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.35);  z-index:99998;  background:rgba(255,255,255,1); width:100vw; height:100vh; display:flex; flex-flow: column wrap; justify-content:center; align-items:center;}}