* { outline:none; }
body { background:#EEEEEE; font-family: 'Open Sans', sans-serif; font-size:62.5%; }
@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot'); /* IE9*/
  src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff') format('woff'), /* chrome、firefox */
  url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
 .iconfont{ margin-right:5px}	
	
	
	
.kickinput {display:none; }

.hide-for-tab { display:block; }
.show-for-tab { display:none; }
.hide-for-mob { display:block; }
.show-for-mob { display:none; }
.hide-for-desktop-sml {display:block;}
.show-for-desktop-sml {display:none;}

.inline-block {display:inline-block; width:100%; box-sizing: border-box;}

.hide {display:none;}
.right {float:right;}
.left{float:left;}

/* --- Cookie Policy --- */
.cookie-policy { padding:10px; background-color:#18428F; position:fixed; z-index:999999; width:100%; box-sizing: border-box;}
.cookie-policy p { font-size:14px; color:#ffffff; margin:0;}
.cookie-policy a {color:#ffffff; text-decoration:underline;}
.cookie-policy a:hover {color:#ffffff}
.cookie-policy .close {float:right; cursor:pointer;}

/* --- Alerts (not alertify) --*/
.alert {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:12px;
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.alert,
.alert h4 {
  color: #c09853;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success.restored{
	color: #000000 !important;
}

.alert-success h4 {
  color: #468847;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info h4 {
  color: #3a87ad;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}


/* --- Headings --- */
h1 { font-size:3.0em; }
h2 { font-size:2.6em; }
h3 { font-size:1.8em; }
h4 { font-size:1.6em; }
h5 { font-size:1.5em; }

h1, h2, h3, h4, h5 { color:#222222; margin:0 0 1.0em 0; line-height:1.5em;}

h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #18428F;
	text-decoration: none
}

 

 
ul li,
ol li,
table td,
table th { font-size:1.4em; line-height:1.6em; color:#222222; }

 
ul li a,
ol li a,
table td a,
table th a { text-decoration:none; color:#222222; }

 
ul li a:hover,
ol li a:hover,
table td a:hover,
table th a:hover { text-decoration:none; }

 
table ul li,
table ol li { font-size:1.4em }

table { width:100%; margin:0 0 20px 0; max-width:100%!important;}
table thead tr th { text-align:center; padding:6px 11px 6px 11px; }
table tbody tr { background:#F4F4F4; }
table tbody .alt { background:#FCFCFC; }
table tbody tr td { text-align:center; padding:5px 10px 5px 10px; border:1px solid #CCCCCC; }

/* --- Clearfix --- */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
*+html .clearfix{ min-height: 1%; } /* IE7 */
* html .clearfix{ height: 1%; overflow: visible; } /* IE6 */

/* --- Links --- */
a {	 text-decoration:none; overflow-wrap:break-word; word-wrap:break-word;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a:hover {color:rgba(24,66,143,0.7); text-decoration:none;}

.anchor {display: block; height: 200px; margin-top: -200px; visibility: hidden;}

/* --- Colors --- */
.blue { color:rgba(24,66,143,1);}
.green {color:rgba(109,173,67,1);}
.orange {color:rgba(253,125,30,1);}
.purple {color:rgba(137,59,103,1);}
.black {color:rgba(34,34,34,1);}


/* --- Forms --- */
fieldset {
	border: 0;
	padding: 0;
	margin: 0 0 30px 0;
}
label { display:block; font-size:1.5em; margin:0; line-height:30px;}

input,
select,
textarea {
	max-width: 310px;
	width: 100%;
	height: 40px;
	padding: 2px 5px;
	margin: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #18428F;
	background: none;
	color: #222222;
	font-weight: 400;
	font-size: 1.4em;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

textarea {
	height: 60px;
	display: block;
	resize: none;
	overflow: auto;
	margin-bottom: 10px;
}

input:hover,
select:hover,
textarea:hover {
	border: 1px solid #18428F;
}

input:focus,
select:focus,
textarea:focus {
	border: 1px solid #18428F;
}

input[type="search"] { -moz-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; }
input[type="checkbox"] { appearance:checkbox; -moz-appearance:checkbox; -webkit-appearance: checkbox;}
input[type="radio"] { appearance:radio; -moz-appearance:radio; -webkit-appearance: radio; width:20px;}

select { -webkit-appearance:none; appearance:none; -moz-appearance:none; text-indent:0; text-overflow: ''; -webkit-border-radius:0px; border-radius:0px; background:url(../../images/_core/ui/arrow_select.png) 95% center no-repeat; background-size:12px;}
select::-ms-expand {display:none;}

button {border:0; padding:5px 20px; margin:0; height:30px; line-height:30px; float:right; background:#FFFFFF; color:#333333;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
button:hover {background:#cccccc;}

::-webkit-input-placeholder {color:#999999;}
:-moz-placeholder {color:#999999;}
::-moz-placeholder {color:#999999;}
:-ms-input-placeholder { color:#999999;}

.error{color:#D95934;}
.success { color:#6DAD43;}

/* --- Page structure --- */
header {
	position: fixed;
	z-index: 1030;
	width: 100%;
	background-color: rgba(255,255,255,1);
	height: 160px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
header nav { max-width:1400px; margin:0 auto; padding:0 20px;}
header nav .logo {
	padding: 5px 0;
	display: block;
	float: left;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
header nav .logo a,
header nav .logo a img {
	display: block;
	max-height: 120px;
	-ms-interpolation-mode: bicubic;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

/* Header Transitions */
header.fixed {height:110px;}


header.fixed nav .logo {padding:5px 0; height:60px; overflow:hidden;}
header.fixed nav .logo a,
header.fixed nav .logo a img {max-height:80px;  }
header.fixed .menu {padding:0;}
header.fixed nav .search-box {max-width:430px;}
header.fixed nav .search-box .links {height:0; margin:-25px 0 0 0; opacity:0; visibility: hidden;}
header.fixed nav .search-box .links a {opacity:0; }
header.fixed nav .contact { margin:15px 0 0 5%;}
header.fixed nav .contact span {line-height:20px;}
header.fixed nav .contact .uk span {font-size: 1.6em;}
header.fixed nav .contact .uk a {font-size:2.0em; line-height: 20px;}
header.fixed .search-autocomplete {top:64px;}
header nav .search-box.expanded {max-width:570px;}

 
header .top-nav-wrapper {background-color:#DDDDDD; position:relative; z-index:999;}
header .top-nav {max-width:1400px; height:40px; margin:0 auto;}
header .top-nav a {display:inline-block; color:rgb(83,83,83);}
header .top-nav a:hover {}
header .top-nav span {display:inline-block;}
header .top-nav .strapline {display:inline-block; color:rgb(83,83,83); font-size:1.2em; line-height:16px; float:right; margin:0; background:url(../../images/_core/ui/darcy_arrows.png) left center no-repeat; background-size:25px; padding:4px 0 4px 30px;  max-width:270px;}
header .top-nav .links { font-size:1.5em; height:40px; line-height:24px;}
header .top-nav .links a { float:left; margin-top:6px; padding:5px 25px; border-top-right-radius:4px; border-top-left-radius:4px; color:#222222; text-transform: uppercase;}
header .top-nav .links a.active,
header .top-nav .links a:hover { background:#ffffff; color:#18428F;}

header nav .contact {
	float: left;
	margin: 34px 0 0 5%;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
header nav .contact span { display:inline-block; line-height:24px;  font-weight:400; color:#222222; margin-right:5px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
header nav .contact a { }
header nav .contact .uk span { font-size:2.4em;}
header nav .contact .uk a {
	color: #18428F;
	font-size: 3em;
	line-height: 40px;
	letter-spacing: -2px;
}
header nav .contact .int { text-align: left;}
header nav .contact .int span {line-height:20px; font-size:1.2em;}
header nav .contact .int a {font-size:1.2em; color:#18428F; font-weight:600;}
header nav .contact a:hover {color:#222222; }

header nav .search-box {
	float: right;
	margin: 5px 0 15px 15px;
	max-width: 450px;
	width: 100%;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

header nav{position:relative; clear:both}
header nav   .nav {
	 
	width: 98%;
	text-align: right; padding-bottom:10px 
}header nav   .nav i{ color:#ccc}
header nav   .nav a,header nav   .nav a:visited{
	padding: 5px 8px;
	font-size: 1.5em;
	text-transform: uppercase; color:#333
}
header nav   .nav a:hover{color:#18428F;}
header nav .search-box form {max-width:430px; width:100%; float: right; margin-top:10px}
header nav .search-box fieldset { position:relative; margin:0;}
header nav .search-box fieldset input {
	background: #f9f9f9;
	border: 1px solid #18428F;
	max-width: 450px;
	max-width: 100%;
	font-weight: 300;
	color: #222222;
	height: 40px;
	padding: 4px 115px 4px 10px;
	font-size: 1.5em;
	border-radius: 0;
}
header nav .search-box .btn-search {top:0; right:0; color:#ffffff;position:absolute; padding:10px 40px 10px 10px; display:block; height:40px; line-height:20px; box-sizing:border-box; background:url(../images/icon_search.png) 90% center #18428F no-repeat; background-size:20px; font-size:1.5em; text-transform: uppercase;}
header nav .search-box .btn-search:hover {
	background-color: #18428F;
}

header nav .search-box .links {
	margin: 0 0 5px 50px;
	height: 20px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease; 
	  
}
header nav .search-box .links a { display:inline-block; line-height:20px; margin:0 0 0 10px; color:#222222; font-size:1.2em; cursor:pointer;}
header nav .search-box .links a:first-child {margin:0;}
header nav .search-box .links a:hover {
	color: #996600;
}
header nav .search-box .links .contact {   padding-right:20px;}
header nav .search-box .links .online-chat {  padding-right:20px;}
header nav .search-box .links .account { padding-right:20px;}
header nav .search-box .links .signin {  padding-right:20px;}
header nav .search-box .links .signout {  padding-right:20px;}
header nav .search-box .links .basket {  padding-right:0px; position:relative;}
header nav .search-box .links .basket .amount {display:none; position:absolute; top:-10px; right:-12px; width:24px; height:24px; background-color:#222222; border-radius: 50%; color:#ffffff; text-align: center; font-size:14px;}

header nav .search-box .links .basket.has-item {background: url(../../images/_core/ui/basket_green.png) center right no-repeat; background-size:25px;}
header nav .search-box .links .basket.has-item .amount {display:block;}

header nav .search-box.expanded {max-width:570px;}
header nav .search-box.expanded form {max-width: 100%;}

.menu-wrapper {
	background: #18428F;
}
.menu {
	list-style: none;
	padding: 0;
	-webkit-font-smoothing: subpixel-antialiased;
	height: 50px;
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.menu ul { list-style:none; padding:0; margin:0;}
.menu li { line-height:20px; float:left; margin:0 20px; font-weight:300; font-size: 1.0em;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.menu li:first-child {}
.menu .col li a  {font-size: 1.4em;}
.menu li a {
	color: #ffffff;
	font-size: 1.8em;
	padding-right: 30px;
}
.menu li a:hover {color:#F49001;}
.menu li:hover,
.menu li.active{
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.menu li.item {display:none;}

.menu li.has-dropdown {margin:0;}
.menu li.has-dropdown a.main {padding:0 65px; color:rgba(255,255,255,1); font-weight:300; text-transform:uppercase; border-left:1px solid rgba(255,255,255,0.7); display:inline-block; line-height: 50px;  background:url(../images/bg-border.png) left center no-repeat; background-size:1px;}
.menu li.has-dropdown:hover { background:#0089BD;}
.menu li.has-dropdown a.main:first-child {margin:0; border-left:0;}
.menu li.has-dropdown a.main span { background:url(../images/arrow-down-left-white.png) bottom right no-repeat; background-size:10px; display:inline-block; width:10px; height:10px; margin-left:5px; opacity:0.7;}
.menu li.has-dropdown:hover .dropdown-wrapper { display:block;}

.menu .dropdown-wrapper { position: absolute; top:50px; left:0; display: none; width:100%; box-sizing: border-box;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.menu .dropdown { max-width:1400px; margin:0 auto; background-color:#FFFFFF; border-bottom: 10px solid #0089BD; float: none; min-height: 0; padding:40px;  width:100%;  box-sizing:border-box;
}
.menu .dropdown .desc { max-width:30%; width:100%; float:left; box-sizing:border-box; border-right:1px solid #9E9E9E; padding:0 40px 0 0; min-height:0;}
.menu .dropdown .desc h3 {
	font-size: 1.6em;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
.menu .dropdown .desc p { font-size:1.6em; color:#666666; }
.menu .dropdown a {color:#222222;}
.menu .dropdown a:hover {color:rgb(24,66,143);}

.menu .dropdown.kc {min-height:250px;}
.menu .dropdown.kc .desc {min-height:160px; width:100%; max-width:30%;}

.menu .subnav-wrapper {  max-width:70%; width:100%; float:left; padding:0; box-sizing:border-box;}
.menu .subnav-wrapper .col { float:left; max-width:100%; width:100%; border-left:1px solid #9E9E9E; box-sizing:border-box; padding:0 0 0 40px; min-height:0;}
.menu .subnav-wrapper .col:first-child {border:0; }
.menu .subnav-wrapper .col li { margin:0 0 10px 0; width:50%; box-sizing: border-box;}
.menu .subnav-wrapper .col li a {line-height:30px; display:inline-block;}
.menu .subnav-wrapper .col .child { background:none; padding:0; color:rgb(24,66,143); font-weight:600; font-size:1.8em; }

.menu .subnav-wrapper .col li:hover{ background:#18428F}
.menu .subnav-wrapper .col li:hover a{ color:#FFF}
.menu   .cols dd{ width:16%; float:left; font-size:1.0em; text-align:center; height:160px; overflow:hidden}
.menu   .cols dd img{ width:180px; height:120px}
.menu   .cols dd a{font-size:1.0em}
#nav-overlay {background-color:rgba(0,0,0,0.7); width:100%; height:100%; position:fixed; top:44px; left:0; z-index:1000; display:none;}
#nav-overlay.fixed { top:155px; }


/* Mobile Menu */
.hamburger { width:3.2em; height:2.1em; padding:22px 15px; position:relative; z-index:20000; float:left; cursor:pointer; display:none;}
.hamburger div {width:3.2em; height:0.3em; margin-top:6px; background:#333333; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; transition: all 250ms ease-out;}
.hamburger div:first-child { margin-top: 0; }
.hamburger.open {}
.hamburger.open .line-1 { -webkit-transform: translateY(1.0em) rotate(45deg); -ms-transform: translateY(1.0em) rotate(45deg); transform: translateY(1.0em) rotate(45deg); }
.hamburger.open .line-2 { margin-left:1.7em; width:0; }
.hamburger.open .line-3 {  -webkit-transform: translateY(-0.8em) rotate(-45deg); -ms-transform: translateY(-0.8em) rotate(-45deg); transform: translateY(-0.8em) rotate(-45deg);}

/* Mobile links */
.mobile-nav-links {z-index: 99999; top: 0; left:50%; margin-left:-70px; position:absolute; display:none;}
.mobile-nav-links a { text-decoration:none; display:block; float:left; padding:11px 5px; position:relative; z-index:999;}
.mobile-nav-links a span {color:#333333; font-size:1.0em; text-align:center; display:block; float:left; }
.mobile-nav-links a img {max-height:24px; margin:0 auto 5px auto; display:block;}


/* -- Footer -- */
footer {
	border-top: 10px solid #fc0
}
footer .content-wrapper {
	background-color: #f9f9f9;
}
footer .content {max-width: 1400px!important; margin: 0 auto; padding:20px 20px 40px 20px!important; }
footer .content .footer-links {
	width: 100%;
	max-width: 75%;
	float: left;
}
footer .content .links {
	float: left;
	width: 100%;
	max-width: 25%;
	box-sizing: border-box;
}
footer .content .links h4 {
	font-size: 1.6em;
	color: #18428F;
	margin: 0;
	text-transform: uppercase;
}
footer .content .links ul {list-style:none; padding:0; margin:10px 0;}
footer .content .links li {color:#1F1F1F; font-size:1.4em; background:none!important; padding:3px 0!important;}

footer .signup-box {
	width: 100%;
	max-width: 25%;
	padding-left: 0px;
	box-sizing: border-box;
	float: left;
}
footer .signup-box h3 {
	font-weight: 100;
	font-size: 2em;
	text-align: right;
	margin: 0;
	text-transform: uppercase;
}
footer .signup-box p {
	font-size: 1.2em;
	text-align: right;
}
footer .signup-box form {max-width:430px; width:100%; float: right; margin-bottom:20px;}
footer .signup-box fieldset {
	position: relative;
	margin: 0;
	max-width: 90%;
	width: 100%;
	float: right;
}
footer .signup-box fieldset input {
	background: #f9f9f9;
	border: 1px solid #18428F;
	max-width: 100%;
	font-weight: 300;
	color: #222222;
	height: 40px;
	padding: 4px 10px;
	margin: 0 0 10px 0;
}
footer .signup-box fieldset input[type="email"] {padding:4px 103px 4px 10px; }
footer .signup-box .btn-signup {
	top: 0;
	right: 0;
	color: #ffffff;
	position: absolute;
	padding: 10px 20px;
	display: block;
	height: 40px;
	line-height: 20px;
	box-sizing: border-box;
	background: #18428F;
	font-size: 15px;
	text-transform: uppercase;
}
footer .signup-box .btn-signup:hover {
	background-color: #18428F;
}

footer .contact {
	margin: 20px auto ;
	text-align: center;
	display: block; 
}
footer .contact span { display:block; line-height:24px;  font-weight:400; color:#222222;}
footer .contact a {display:block;}
footer .contact .uk {margin:0 0 10px 0;}
footer .contact .uk span { font-size:2.4em;}
footer .contact .uk a {
	color: #FFCC00;
	font-size: 3em;
	line-height: 40px;
	letter-spacing: -3px;
}
footer .contact .int {}
footer .contact .int span {line-height:20px; font-size:1.2em;}
footer .contact .int a {
	font-size: 1.4em;
	color: #0099CC;
	font-weight: 600;
}
footer .contact a:hover {
	color: #0099CC;
}


footer .social-wrapper {  }
footer .social-wrapper h3 {margin:0 0 10px 0;}
footer .social {clear:both; float:right;}
footer .social a {margin-left:10px; float:left;}
footer .social a:hover {opacity:0.8;}
footer .social a img { width:32px; height:32px;}

footer .credits-wrapper {max-width:1400px; margin:0 auto; padding:20px; }
footer .credits-wrapper p {color:#555555; font-size:1.2em;}
footer .copyright {
	float: left;
	text-align: right;
	width: 100%;
}
footer .credits-wrapper .credits { float:right;}
footer .payment-info {padding:0 20px; display:none;}
footer .payment-info img { display:block; margin:0 auto 20px auto; max-width:100%;}

footer .sitemap {float:right;}


/* --- Back To Top --- */
#back_to_top {
	position: fixed;
	bottom: 20px;
	left: 20px;
	font-size: 1.5em;
	font-weight: 400;
	padding: 5px 10px 5px 15px;
	color: #333333;
	text-decoration: none;
	display: none;
	text-transform: uppercase;
	background: url(../images/arrow_up_white.png) 90% center #fc0 no-repeat;
	background-size: 20px;
	padding-right: 45px;
	z-index: 999;
}
#back_to_top:hover {
	background-color: #0099CC;
}

/* --- Buttons --- */
.btn { line-height:30px; font-size:1.5em; color:#ffffff; text-transform:uppercase; font-weight:300; background:#222222; padding: 5px 20px;  text-align: center; box-sizing: border-box; display:inline-block; cursor:pointer;}
.btn.green {background:#6DAD43; }
.btn.blue {background:#18428F;}
.btn.lblue {background: #9AA6D8;}

.btn.reset {text-transform:uppercase; color:#ffffff; border:0; background:url(../../images/_core/ui/icon_cross.png) 92% center #00A4E0 no-repeat; background-size:15px; padding-right:50px; cursor:pointer; display:block; font-weight:400;}
.btn.reset:hover {border:0; background:url(../../images/_core/ui/icon_cross.png) 92% center #333333 no-repeat; background-size:15px;}

.btn.basket {text-transform:uppercase; color:#ffffff; border:0; background:url(../../images/_core/ui/basket_white.png) 92% center #6DAD43 no-repeat; background-size:25px; padding-right:50px; cursor:pointer; display:block; font-weight:400; float:right;}
.btn.basket:hover { background:url(../../images/_core/ui/basket_white.png) 92% center #00A4E0 no-repeat; background-size:25px;}

.btn.quote {float:right;}

.btn.buy {text-transform:uppercase; color:#ffffff; border:0; background:url(../../images/_core/ui/basket_white.png) 92% center #6DAD43 no-repeat; background-size:20px; padding:2px 5px; padding-right:30px; cursor:pointer; display:block; font-weight:400; float:right; color:#ffffff; line-height:26px; font-size: 1.4em;}
.btn.buy:hover { background:url(../../images/_core/ui/basket_white.png) 92% center #00A4E0 no-repeat; background-size:20px; color:#ffffff;}

.btn.quote {text-transform:uppercase; color:#ffffff; border:0; background:#6DAD43; padding:2px 10px; cursor:pointer; display:block; font-weight:400; float:right; color:#ffffff; line-height:26px; font-size: 1.4em;}
.btn.quote:hover { background:#18428F; color:#ffffff;}

.btn.download {text-transform:uppercase; color:#ffffff; border:0; background:url(../../images/_core/ui/download_white.png) 92% center #6DAD43 no-repeat; background-size:25px; padding-right:50px; cursor:pointer; display:block; font-weight:400; float:left;}
.btn.download:hover { background:url(../../images/_core/ui/download_white.png) 92% center #00A4E0 no-repeat; background-size:25px;}

.btn.view {text-transform:uppercase; color:#ffffff; border:0; background:url(../../images/_core/ui/view.png) 92% center #6DAD43 no-repeat; background-size:25px; padding-right:50px; cursor:pointer; display:block; font-weight:400; float:left;}
.btn.view:hover { background:url(../../images/_core/ui/view.png) 92% center #00A4E0 no-repeat; background-size:25px;}

.btn.close {text-transform:uppercase; color:#ffffff; border:0; background:url(../../images/_core/ui/icon_cross.png) 92% center #6DAD43 no-repeat; background-size:15px; padding-right:50px; cursor:pointer; display:block; font-weight:400; float:left;}
.btn.close:hover {border:0; background:url(../../images/_core/ui/icon_cross.png) 92% center #00A4E0 no-repeat; background-size:15px;}

.btn.continue {background:url(../../images/_core/ui/arrow_right_white.png) 92% center #6DAD43 no-repeat; background-size:15px; padding-right:40px; line-height: 30px; cursor: pointer; margin-left:20px;}
.btn.continue:hover {background:url(../../images/_core/ui/arrow_right_white.png) 92% center #00A4E0 no-repeat; background-size:15px;}

.btn.continue-shopping {background:url(../../images/_core/ui/arrow_left_white.png) 10px center #00A4E0 no-repeat; background-size:15px; padding-left:30px; padding-right:30px; line-height:30px; cursor: pointer;}
.btn.continue-shopping:hover {background:url(../../images/_core/ui/arrow_left_white.png) 10px center #6DAD43 no-repeat; background-size:15px;}

.btn.back {background:url(../../images/_core/ui/arrow_left_blue.png) left center no-repeat; background-size:15px; line-height:30px; font-size:1.6em;  font-weight:400; color:#18428F; text-transform:none; padding:5px 10px 5px 20px;}
.btn.back:hover {background:url(../../images/_core/ui/arrow_left_blue.png) left center no-repeat; background-size:15px; color:#18428F;}

.edit { font-size:0.8em;  color:#18428F; margin-left:10px; cursor: pointer;}

.btn:hover {background:#18428F; color:#ffffff;}

/* Feature Links */
.feature-links {
	position: fixed;
	top: 270px;
	right: 0;
	z-index: 1000;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.feature-links i{
	font-size: 36px;
	position: absolute;
	text-align: center;
	width: 80px;
	top: 20px;
}
.feature-links a { width:100px; height:100px; color:#ffffff; font-size:1.2em; margin-top:10px; display:table; text-align:center; padding:60px 10px 10px 10px; text-decoration:none; box-sizing:border-box; opacity:0; position:relative; right:-100px;}
.feature-links a:first-child { margin-top:0;}
.feature-links a:hover {background-color:#777777;}
.feature-links a span {display: table-cell;  width:100%;  height:100%;  vertical-align: middle;}

.feature-links .basket { background: url(../../images/_core/ui/basket_white.png) center 10px no-repeat; background-color:#555555; background-size:48px;}
.feature-links .callback {  background: url(../../images/_core/ui/phone_white.png) center 10px no-repeat; background-color:#555555; background-size:44px;}
.feature-links .chat { background: url(../../images/_core/ui/bubbles_white.png) center 10px no-repeat; background-color:#555555; background-size:54px; cursor:pointer;}
.feature-links .brochure { background: url(../../images/_core/ui/book_white.png) center 10px no-repeat; background-color:#555555; background-size:52px;}

.feature-links.fixed a {opacity:1; right:0px;}

.feature-links.animate a {opacity:1; right:0px;}
.feature-links.animate .basket {}
.feature-links.animate .callback {
	-webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.feature-links.animate .chat {
	-webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.feature-links.animate .brochure{
	-webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.feature-links .basket .amount {display:none; position: absolute; top: 10px; right: 15px; width: 30px; height: 30px; background-color: #222222; border-radius: 50%; color: #ffffff; text-align: center; font-size: 14px; line-height: 30px;}
.feature-links .basket.has-item {background: url(../../images/_core/ui/basket_white.png) center 10px no-repeat; background-color:#6DAD43; background-size:48px;}
.feature-links .basket.has-item .amount {display:block;}

/* --- Home Banner --- */
.home-banner { max-width:1400px; margin:0 auto!important; max-height:400px; overflow:hidden;}
.home-banner .images {list-style: none; margin:0 auto; padding:0;}
.home-banner .images img { max-width:1400px;}
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}

/*.home-banner { margin:0 auto; max-width:1400px; position:relative;}
.home-banner .images { width:100%; height:400px; position:absolute; top:0; left:0; z-index:100; }
.home-banner .images .image { width:100%; height:100%; position:absolute; top:0; left:0; z-index:100; display:none;  background:center no-repeat;  background-size: cover; transition: none;}
.home-banner .images .image:first-child { display:block; }
.home-banner .content { position:absolute; top:0; left:0; width:100%; height:100%; z-index:300; }
.home-banner .slides { width:100%; height:400px; margin:0 auto; position:relative; max-width: 100%; }
.home-banner .slide { position:absolute; top:0; left:0; width:100%; height:100%; display:none; }
.home-banner .slide:first-child{display:block;}
.home-banner .slide .slide-content {max-width:1200px; margin:0 auto; text-align:left; padding:0 20px;}
.home-banner .slide .banner-text {background-color:rgba(255,255,255,0.8); padding:20px; max-width:200px; margin:30px 0 0 0;}
.home-banner .slide h4 {font-size:2.4em; color:#ffffff; line-height:1.0em; margin:0; text-transform:uppercase; font-weight:300;}
.home-banner .arrows .arrow {position: absolute; top: 50%; margin-top: -18px; width:35px; z-index: 1020;  cursor: pointer; opacity: 0.8;}
.home-banner .arrows .arrow:hover {opacity: 1;}
.home-banner .arrows .arrow svg {fill:#ffffff; display:block;}
.home-banner .arrows .arrow.arrow-left {left: 5px;}
.home-banner .arrows .arrow.arrow-right {right: 5px;}

.home-banner .controls {width:100%; z-index:120; position:relative;}
.home-banner .controls .box { width:100%; max-width:20%; float:left; padding:5px 10px; box-sizing:border-box; text-align:center; display:table; background-color:rgb(109,173,67); z-index:10; cursor:pointer; position:relative; vertical-align:bottom;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.home-banner .controls .box:hover,
.home-banner .controls .box.active { background-color:#88B83E;}
.home-banner .controls .box:hover .arrow,
.home-banner .controls .box.active .arrow {opacity:1;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.home-banner .controls .box .arrow {width:0; height:0; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #88B83E; margin:0 auto; position:absolute; top:-15px; left:50%; margin-left:-15px; opacity:0;}

.home-banner .controls .box .item {display:table-cell; vertical-align:middle; width:100%; height:100%; position: relative;}
.home-banner .controls .box .item h4 { font-size:2.0em; margin:0; color:rgb(255,255,255); font-weight:400;}
.home-banner .controls .box .item p { font-size:1.5em; margin:0; font-weight:300; color:rgb(255,255,255);}
*/

/* --- Banner --- */
.banner { width:100%; height:350px;  position:relative;}
.banner .images { width:100%; height:100%; position:absolute; top:0; left:0; z-index:100; }
.banner .images div { width:100%; height:100%; position:absolute; top:0; left:0; z-index:100; display:none; background:center no-repeat; background-size: cover; }
.banner .images div:first-child { display:block; }
.banner .content { position:absolute; top:0; left:0; width:100%; height:100%; z-index:300; }
.banner .slides { width:100%; height:350px; margin:0 auto; position:relative; max-width: 100%; }
.banner .slide { position:absolute; top:0; left:0; width:100%; height:100%; display:none; }
.banner .slide:first-child{display:block;}
.banner .slide .slide-content {max-width:1200px; margin:0 auto; text-align:left; padding:0 20px;}
.banner .slide .banner-text {background-color:rgb(255,255,255); background-color:rgba(255,255,255,0.8); padding:20px; max-width:200px; margin:30px 0 0 0;}
.banner .slide h4 {font-size:2.4em; color:#ffffff; line-height:1.0em; margin:0; text-transform:uppercase; font-weight:300;}


/* --- Tags --- */
.taglines {
	max-width: 1400px;
	padding: 5px 50px;
	height: 50px;
	box-sizing: border-box;
	margin: 20px auto;
	line-height: 40px;
	background-color: #FC3;
}
.taglines a { font-size:1.5em; text-transform: uppercase; color:#ffffff; display:inline-block; border-right:1px solid rgba(255,255,255,0.8); padding-right:60px; margin-left:60px; float:left; box-shadow: border-box;}
.taglines a:first-child {margin-left:0;}
.taglines a:last-child {border: 0; padding-right:0;}
.taglines a.tag-0 { background:url(../../images/_core/ui/check_70.png) left center no-repeat; background-size:26px; padding-left:30px;}
.taglines a.tag-1 { background:url(../../images/_core/ui/icon_money_back.png) left center no-repeat; background-size:26px; padding-left:35px;}
.taglines a.tag-2 { background:url(../../images/_core/ui/lock_70.png) left center no-repeat; background-size:18px; padding-left:30px;}
.taglines a.tag-3 { background:url(../../images/_core/ui/truck_70.png) left center no-repeat; background-size:27px; padding-left:35px;}

/* --- All CMS Layouts --- */
.layout {
	padding: 200px 0 0 0;
	position: relative;
	background: #EEEEEE;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	overflow: hidden;
}
.layout h1 span { color:#008CD1;}

.layout .sidebar { max-width:300px; width:100%; float:left;}
.layout .sidebar .subnav { text-align:left; padding:20px; background:#ffffff; border:1px solid #dddddd; box-sizing: border-box;}
.layout .sidebar .subnav h4 {
	font-size: 1.8em;
	border-bottom: 5px solid #18428F;
	padding-bottom: 10px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.layout .sidebar .subnav p {font-size:1.4em;}
.layout .sidebar .subnav ul { list-style: none; margin:0; padding:0; }
.layout .sidebar .subnav ul li { font-size:1.4em; font-weight:400; padding-left:20px; background:url('../images/arrow-down-right-blue.png')0 2px no-repeat; background-size:12px; margin-bottom:10px;
	transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.layout .sidebar .subnav ul li a { display:block;  color:#333333; line-height:22px; }
 
.layout .sidebar .subnav ul li a:hover,
.layout .sidebar .subnav ul li a.active {
	color: rgb(0,102,153);
}
.layout .sidebar .subnav .child {padding:10px 0 0 0;}
.layout .sidebar .subnav .child li { font-size: 1.0em;}


.layout .sidebar .box { border: 1px solid rgba(221,221,221,1); margin: 0 0 20px 0;  padding:20px; width:100%; box-sizing:border-box; background-color: #ffffff;}
.layout .sidebar .box .image {display:block;}
.layout .sidebar .box .image img {max-width:100%; width:100%; display:block;}
.layout .sidebar .box a.link {font-size:1.4em;}

.layout .content { max-width:1400px; margin:0 auto; padding:20px;}
.layout .content ul {
	padding: 10px 0 0 20px;
	list-style: none;
}
.layout .content ul li { background:url(../../images/_core/ui/circle_blue.png) 0px 7px no-repeat; background-size:8px; padding-left:20px; text-align: left;}
.layout .content p a {color:rgb(109,173,67);}
.layout .content p a:hover {color:rgb(24,66,143);}
.layout .content p span img {max-width:100%;}

.layout .content.max-width{max-width:1400px;}

.promise-wrapper {
	background: #18428F;
	margin-top: 20px;
}
.promise-wrapper .content {
	max-width: 1360px;
	margin: 0px auto;
	padding: 30px 20px 45px;
}
.promise-wrapper .promise { float:left; width:100%; max-width:75%;}
.promise-wrapper .promise h3 {
	font-size: 2.5em;
	color: #ffffff;
	margin: 0 0 10px 0;
	font-weight: 300;
	line-height: 2em;
	background: url(../images/arrow-down-left-white.png) right center no-repeat;
	display: inline-block;
	background-size: 32px;
	padding-right: 45px;
	text-transform: uppercase;
}
.promise-wrapper .promise p {
	font-size: 1.6em;
	color: #ffffff;
	line-height: 1em;
	font-weight: 300;
}
.promise-wrapper .promise ul { list-style: none; margin:0; padding:0;}
.promise-wrapper .promise ul li {
	font-size: 1.4em;
	float: left;
	width: 100%;
	max-width: 50%;
	background: url(../images/tick.png) 0 8px no-repeat;
	background-size: 16px;
	min-height: 20px;
	box-sizing: border-box;
	padding-left: 25px;
	color: #BBECFF;
}
.promise-wrapper .promise ul li span {color:#ffffff;}

.promise-wrapper .payment-info { padding-left:40px; border-left:1px solid #ffffff; float:left; box-sizing: border-box; width:100%; max-width:25%; margin-top:44px;}
.promise-wrapper .payment-info h4 {
	font-weight: 300;
	color: #ffffff;
	margin: 0;
	font-size: 1.8em;
	text-transform: uppercase;
}
.promise-wrapper .payment-info img { display:block;  }


/* --- CMS Layout Home --- */
.layout-home {}
.layout-home .container{max-width:100%!important;}
.layout-home .tiles-container {}
.layout-home .tiles-container .tiles {max-width:1400px; width:100%; margin:0 auto; padding:20px;}
.layout-home .tiles-container .tiles .column {margin:0 0 20px 0;}
.layout-home .tiles-container .tiles .tile {background:#ffffff; border:1px solid #dddddd; box-sizing: border-box; float:left;}
.layout-home .tiles-container .tiles .tile p {margin:0; font-size:1.4em; color:#666; line-height:22px}
.layout-home .tiles-container .tiles .tile a {display:block; padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:100%;
}.layout-home .tiles-container .tiles .tile  a:hover p{ color: #FC0}
.layout-home .tiles-container .tiles .tile a.img {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 20px;
	background-size: cover;
}
.layout-home .tiles-container .tiles .tile h3 {
	margin: 0px 0 10px 0;
	line-height: 1.2em;
	color: #ffffff;
	font-size: 2.5em;
	text-transform: uppercase;
}
.layout-home .tiles-container .tiles .tile h4 {
	margin: 10px 0 10px 0;
	line-height: 1.2em;
	color: #18428F;
	font-size: 1.6em;
	text-transform: uppercase;
}

.layout-home .tiles-container .tiles .col-1 {width:453px; float:left; margin:0 0 20px 0;}
.layout-home .tiles-container .tiles .col-1 .tile-1 {width:453px; height:250px; margin:0 0 20px 0; background:#18428F;}
.layout-home .tiles-container .tiles .col-1 .tile-2 {width:216px; height:250px; background:url(../images/arrow-down-right-blue.png) 178px 212px  #ffffff no-repeat; background-size:27px;}
.layout-home .tiles-container .tiles .col-1 .tile-3 {width:216px; height:250px; margin:0 0 0 20px; background-size:216px;}

.layout-home .tiles-container .tiles .col-2 {width:453px; margin:0 20px 20px 20px; float:left;}
.layout-home .tiles-container .tiles .col-2 .tile-1 {width:453px; height:520px; background:url(../images/arrow-down-right-blue.png) 415px 481px #ffffff no-repeat; background-size:27px;}

.layout-home .tiles-container .tiles .col-3 {width:453px; float:left; margin:0 0 20px 0;}
.layout-home .tiles-container .tiles .col-3 .tile-1 {width:216px; height:250px; margin:0 0 20px 0; background:url(../images/arrow-down-right-blue.png) 178px 212px  #ffffff no-repeat; background-size:27px;}

.layout-home .tiles-container .tiles .col-3 .tile-2 {width:216px; height:520px; float:right; background:url(../images/arrow-down-right-blue.png) 178px 481px #ffffff no-repeat; background-size:27px;}
.layout-home .tiles-container .tiles .col-3 .tile-3 {width:216px; height:250px;}

.layout-home .tiles-container .tiles .row {margin:0 0 20px 0;}
.layout-home .tiles-container .tiles .row .tile-1 {width:453px; height:250px; background:url(../images/arrow-down-right-blue.png) 415px 212px #ffffff no-repeat; background-size:27px; padding:0; overflow:hidden;}
.layout-home .tiles-container .tiles .row .tile-1 a {padding:0;}
.layout-home .tiles-container .tiles .row .tile-1 h3 {color:#18428F; margin:0 0 10px 0; line-height: 1.2em;  font-size: 2.5em;}

.layout-home .tiles-container .news-article {}
.layout-home .tiles-container .news-article .image { float:left;}
.layout-home .tiles-container .news-article .image img {display:block; max-width:100%;}
.layout-home .tiles-container .news-article .text {
	float: left;
	padding: 20px;
	width: 160px;
}
.layout-home .tiles-container .news-article .text h3 {}
.layout-home .tiles-container .news-article .text .title {}
.layout-home .tiles-container .news-article .text .date {}
.layout-home .tiles-container .news-article .text .teaser {}


.layout-home .tiles-container .tiles .row .tile-2 {width:216px; height:250px; margin:0 0 0 20px; position: relative;overflow:hidden;}

.layout-home .tiles-container .tiles .row .tile-3 {width:216px; height:250px; margin:0 0 0 20px; overflow:hidden; position: relative;}
.layout-home .tiles-container .tiles .row .tile-3 .text {position:relative; z-index:20;}
.layout-home .tiles-container .tiles .row .tile-2 img { position: absolute; top:44%; left:34%; display:block; z-index:10; transform: rotate(-30deg); max-width:190px}
.layout-home .tiles-container .tiles .row .tile-4 {width:453px; height:250px; margin:0 0 0 20px;}

.layout-home .tiles-container .article { display:block; height:100%; padding:0!important;}
.layout-home .tiles-container .article span {display:block;}
.layout-home .tiles-container .article a {padding:0!important;}
.layout-home .tiles-container .article .image {}
.layout-home .tiles-container .article .image img{ display:block; max-width:100%; width: 100%}
.layout-home .tiles-container .article .text {
	padding: 20px;
}
.layout-home .tiles-container .article .text .title { font-size:1.6em; margin:0 0 10px 0; color:#18428F;}
.layout-home .tiles-container .article .text .date { font-style: italic; font-size:1.4em;}
.layout-home .tiles-container .article .text .teaser {}


.layout-home .tiles-container .tiles .tile.blue {background-color:#18428F;}
.layout-home .tiles-container .tiles .tile.green {
	background-color: #FFCC66;
}
.layout-home .tiles-container .tiles .tile.purple {background-color:#922446;}
.layout-home .tiles-container .tiles .tile.orange {
	background-color: #FFCC00;
}
.layout-home .tiles-container .tiles .tile.red {background-color:#D95934;}
.layout-home .tiles-container .tiles .tile.lightblue {background-color:#18428F;}

.layout-home .tiles-container .tiles .tile.color p {font-size:1.6em; color:#ffffff; font-weight:600;}

/* --- Industry Feed --- */
.industry-feed .article { color:#18428F; margin:10px 0 0 0; color:#212121;}
.industry-feed .article:first-child {margin:0;}
.industry-feed .article h5 {margin:0;}
.industry-feed .article h5 a { color:#18428F; text-decoration:none; }
.industry-feed .article h5 a:hover {text-decoration:underline;}
.industry-feed .article p {color:#212121;margin:0;}
.industry-feed .article .date { font-style:italic; margin:0 0 5px 0;}
.industry-feed .article .teaser {}

.features-wrapper {}
.features-wrapper .tiles {max-width:1400px; width:100%; margin:0 auto; padding:20px;}
.features-wrapper .tiles .tile {width:216px; height:250px; padding:20px; background:#ffffff; border:1px solid #dddddd; margin:0 0 0 20px; box-sizing:border-box; float:left;}
.features-wrapper .tiles .tile p {margin:0; font-size:1.2em;}
.features-wrapper .tiles .tile a {display:block;}
.features-wrapper .tiles .tile a.img {width:100%; height:100%; box-sizing: border-box; padding:20px; background-size:cover;}
.features-wrapper .tiles .tile h3 { margin:0; line-height:1.2em; font-weight:400; color:#ffffff; font-size:2.5em;}
.features-wrapper .tiles .tile h4 { margin:0 0 10px 0; line-height:1.2em; font-weight:400; color:#18428F; font-size:1.6em;}

.features-wrapper .tiles .tile-1 {background:url(../../images/_core/ui/alert_bg.png) center #6DAD43 no-repeat; background-size:216px; margin:0;}
.features-wrapper .tiles .tile-2 {padding:0;}
.features-wrapper .tiles .tile-3 {background:url(../../images/_core/ui/arrow-down-right-white.png) 178px 212px #D95934 no-repeat; background-size:27px;}
.features-wrapper .tiles .tile-4 {padding:0;}
.features-wrapper .tiles .tile-5 {background:url(../../images/_core/ui/arrow-down-right-white.png) 178px 212px #893B67 no-repeat; background-size:27px;}
.features-wrapper .tiles .tile-6 {background:url(../../images/_core/ui/truck_bg.png) center #00A4E0 no-repeat; background-size:216px;}


/* --- CMS Layout Default --- */
.layout-default {}
.layout-default .container { max-width:1400px; margin:0 auto; padding:30px 20px;}
.layout-default .content {padding:0; padding-left:330px;}
.layout-default .content iframe{width:100%!important; height:400px;}
.layout-default .content h2.strapline {color:#18428F; font-size:2.2em;}
.layout-default .heading {margin-bottom:20px;}
.layout-default .heading h1 {font-size:3.5em; font-weight:400;}

.layout-default .thumb-images {float:right; padding:0 0 20px 20px;}
.layout-default .thumb-images img { display:block; max-width:100%; padding:10px; background:#ffffff;}

.layout-default .subpages { text-align:center; margin-bottom: 30px;
	-moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;}
.layout-default .subpages .subpage {width:100%; max-width:100%; padding:20px; box-sizing:border-box; margin:1%; display:inline-block; text-align:left; background-color:rgba(255,255,255,1); border: 1px solid rgba(221,221,221,1); vertical-align: top;  text-align:center;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.layout-default .subpages .subpage img {max-width:100%; margin:0 0 20px 0;}
.layout-default .subpages .subpage h3 {color:#18428F; margin:0 0 10px 0;}
.layout-default .subpages .subpage p { font-size:1.4em; color:#222222;}
.layout-default .subpages .subpage .btn {display:block;}


/* --- CMS Layout Default With hardcoded Subnav--- */
.layout-default_subnav {}
.layout-default_subnav .container { max-width:1400px; margin:0 auto; padding:30px 20px;}
.layout-default_subnav .content {padding:0; padding-left:330px;}
.layout-default_subnav .content iframe{width:100%!important; height:400px;}
.layout-default_subnav .content h2.strapline {color:#18428F; font-size:2.2em;}
.layout-default_subnav .heading {margin-bottom:20px;}
.layout-default_subnav .heading h1 {font-size:3.5em; font-weight:400;}

.layout-default_subnav .thumb-images {float:right; padding:0 0 20px 20px;}
.layout-default_subnav .thumb-images img { display:block; max-width:100%; padding:10px; background:#ffffff;}

.layout-default_subnav .subpages { text-align:center; margin-bottom: 30px;
	-moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;}
.layout-default_subnav .subpages .subpage {width:100%; max-width:100%; padding:20px; box-sizing:border-box; margin:1%; display:inline-block; text-align:left; background-color:rgba(255,255,255,1); border: 1px solid rgba(221,221,221,1); vertical-align: top;  text-align:center;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.layout-default_subnav .subpages .subpage img {max-width:100%; margin:0 0 20px 0;}
.layout-default_subnav .subpages .subpage h3 {color:#18428F; margin:0 0 10px 0;}
.layout-default_subnav .subpages .subpage p { font-size:1.4em; color:#222222;}
.layout-default_subnav .subpages .subpage .btn {display:block;}


/* --- CMS Layout Company --- */
.layout-company {}
.layout-company .container { max-width:1400px; margin:0 auto; padding:30px 20px;}
.layout-company .content {padding:0; padding-left:330px;}
.layout-company .content iframe{width:100%!important; height:400px;}
.layout-company .content h2.strapline {color:#18428F; font-size:2.2em;}
.layout-company .heading {margin-bottom:20px;}
.layout-company .heading h1 {font-size:3.5em; font-weight:400;}

.layout-company .thumb-images {float:right; padding:0 0 20px 20px;}
.layout-company .thumb-images img { display:block; max-width:100%; padding:10px; background:#ffffff;}


/* --- CMS Layout Services --- */
.layout-services {}
.layout-services .container { max-width:1400px; margin:0 auto; padding:30px 20px;}
.layout-services .content {padding:0; padding-left:330px;}
.layout-services .content iframe{width:100%!important; height:400px;}
.layout-services .content h2.strapline {color:#18428F; font-size:2.2em;}
.layout-services .heading {margin-bottom:20px;}
.layout-services .heading h1 {font-size:3.5em; font-weight:400;}

.layout-services .thumb-images {float:right; padding:0 0 20px 20px;}
.layout-services .thumb-images img { display:block; max-width:100%; padding:10px; background:#ffffff;}

.layout-services .subpages { text-align:center; margin-bottom: 30px; }
.layout-services .subpages .subpage {width:100%; max-width:48%; padding:20px; box-sizing:border-box; margin:1%; display:inline-block; text-align:left; background-color:rgba(255,255,255,1); border: 1px solid rgba(221,221,221,1); vertical-align: top;  text-align:center; float:left;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.layout-services .subpages .subpage img {max-width:100%; margin:0 0 20px 0;}
.layout-services .subpages .subpage h3 {color:#18428F; margin:0 0 10px 0;}
.layout-services .subpages .subpage p { font-size:1.4em; color:#222222;}
.layout-services .subpages .subpage .btn {display:block;}


/* --- CMS Layout Service --- */
.layout-service {}
.layout-service .container { max-width:1400px; margin:0 auto; padding:30px 20px;}
.layout-service .content {padding:0; padding-left:330px;}
.layout-service .content iframe{width:100%!important; height:400px;}
.layout-service .content h2.strapline {color:#18428F; font-size:2.2em;}
.layout-service .heading {margin-bottom:20px;}
.layout-service .heading h1 {font-size:3.5em; font-weight:400;}

.layout-service .thumb-images {float:right; padding:0 0 20px 20px;}
.layout-service .thumb-images img { display:block; max-width:100%; padding:10px; background:#ffffff;}

.layout-service .subpages { text-align:center; margin-bottom: 30px;
	-moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;}
.layout-service .subpages .subpage {width:100%; max-width:100%; padding:20px; box-sizing:border-box; margin:1%; display:inline-block; text-align:left; background-color:rgba(255,255,255,1); border: 1px solid rgba(221,221,221,1); vertical-align: top;  text-align:center;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.layout-service .subpages .subpage img {max-width:100%; margin:0 0 20px 0;}
.layout-service .subpages .subpage h3 {color:#18428F; margin:0 0 10px 0;}
.layout-service .subpages .subpage p { font-size:1.4em; color:#222222;}
.layout-service .subpages .subpage .btn {display:block;}

/* --- CMS Layout Default --- */
.layout-brochure {}
.layout-brochure .container { max-width:1400px; margin:0 auto; padding:30px 20px;}
.layout-brochure .content {}
.layout-brochure .content iframe{width:100%!important; height:400px;}
.layout-brochure .content h2.strapline {color:#18428F; font-size:2.2em;}
.layout-brochure .heading {margin-bottom:20px;}
.layout-brochure .heading h1 {font-size:3.5em; font-weight:400;}

.layout-brochure .thumb-images {float:right; padding:0 0 20px 20px;}
.layout-brochure .thumb-images img { display:block; max-width:100%; background:#ffffff;}

.layout-brochure .btn {margin:0 10px 0 0;}


/* Popup Form */
.popup-form {background: #ffffff; width:100%; max-width:600px;  margin:40px auto; position: relative; text-align: center;}
.popup-form .heading { background:#f4f4f4; padding:10px 30px; border-bottom:1px solid #dddddd;}
.popup-form .heading h4 {font-size:2.0em; margin:0;}
.popup-form form {padding:20px}
.popup-form fieldset { float:left; width:100%; max-width:48%;}
.popup-form label {font-weight:600; text-align: left;}
.popup-form input { color:#212121; font-size:1.2em;}
.popup-form .margin-right {margin:0 2% 20px 0;}
.popup-form .margin-left {margin:0 0 20px 2%;}
.popup-form .max-width { width:100%; max-width:100%; float:none; text-align:center; margin:0;}
.popup-form .btn { display:inline-block; vertical-align:top;}
.popup-form .btn.close {float:right;}


/* --- CMS Layout Contact --- */
.layout-contact {}
.layout-contact h1 { color:#18428F;}
.layout-contact .container { text-align:center;}
.layout-contact .map-wrapper {position:relative;}
.layout-contact .map-wrapper .map {width:100%; height:450px; }
.layout-contact	.map-wrapper .address {margin:0 auto; font-size:1.4em; position:absolute; width:100%; bottom:0; left:0; background-color:rgba(255,255,255,0.9); z-index:200;}
.layout-contact	.map-wrapper .address p {text-align:center; margin:0; padding:10px; font-size:1.2em;}

.layout-contact	.body-text {margin:0 0 40px 0;}
.layout-contact	.body-text .row {padding:20px; border-top:1px solid #dddddd;}
.layout-contact	.body-text .row:first-child {border:0; text-align: left;}
.layout-contact	.body-text .row h4 { font-size:2.5em; font-weight:600;}

.layout-contact .info-wrapper { padding:40px 0; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.layout-contact .info-wrapper.int {border-bottom:1px solid #dddddd; }
.layout-contact .info-wrapper h4 {font-size:2.5em; margin:0;}
.layout-contact .info-wrapper .info { list-style:none; padding:0; margin:0 auto; font-size:1.0em; }
.layout-contact .info-wrapper .info li { border: 1px solid rgba(221,221,221,1); display:inline-block; color:#6DAD43; max-width:290px; width:100%; margin:10px; box-sizing:border-box; font-size:1.0em; vertical-align:top; text-align:center; background:none; padding-left: 0; vertical-align:top;}
.layout-contact .info-wrapper .info li:hover {border: 1px solid #6DAD43;}
.layout-contact .info-wrapper .info li a { color:#333333; display:block; background:url(../../images/_core/ui/icon_phone.png) center 10px #ffffff no-repeat; background-size:32px; padding:50px 10px 10px 10px; }
.layout-contact .info-wrapper .info li h5 { margin:0 0 5px 0; font-size:1.6em; font-weight:600;}
.layout-contact .info-wrapper .info li p { font-size:1.6em; margin:0;}

.layout-contact .branches {margin:0 0 30px 0;}
.layout-contact .branch { padding:10px; margin-bottom:10px; display:block; width:100%; max-width:48%; box-sizing: border-box; float:left;}
.layout-contact .branch.margin-left{ margin-left:2%;}
.layout-contact .branch.margin-right{ margin-right:2%;}
.layout-contact .branch:first-child {min-height:310px;}
.layout-contact .branch .map {width:100%; max-width:100%; height:400px;}
.layout-contact .branch .details {width:100%; max-width:100%; min-height:210px;}
.layout-contact .branch .details h3 {color: #000000; border-bottom: 2px solid #18428F; padding:0 0 5px 0; }

.form-wrapper { background:#6DAD43; }
.form-wrapper .form {max-width:850px; padding:40px 20px; margin:0 auto; text-align:center; }
.form-wrapper .form h3 {color:#ffffff; font-size:4.0em; font-weight:300; line-height:1.2em; margin:0 0 20px 0; }
.form-wrapper .form p {color:#ffffff; font-weight:300;  margin:0 auto 20px auto; max-width:700px}
.form-wrapper .form p a {color:#18428F; font-size:1.2em; }

.form-wrapper .form ::-webkit-input-placeholder {color:#ffffff;}
.form-wrapper .form :-moz-placeholder {color:#ffffff;}
.form-wrapper .form ::-moz-placeholder {color:#ffffff;}
.form-wrapper .form :-ms-input-placeholder { color:#ffffff;}


.form-wrapper .form fieldset {margin:0;}
.form-wrapper .form input,
.form-wrapper .form textarea { width:100%; max-width:31.333%; margin:0 1% 10px 1%; border:1px solid #ffffff; display:block; color:#ffffff; float:left; background:rgba(255,255,255,0.1);}
.form-wrapper .form textarea {height:40px; padding-top:8px; max-width:64.666%; }
.form-wrapper .form button {display:block; margin: 0 1% 10px 1%; max-width:31.333%; width:100%; height:40px; background-color:#18428F; border:1px solid #18428F; color:#ffffff; font-size:1.4em; text-transform:uppercase; float:left;}
.form-wrapper .form button:hover {border:1px solid #ffffff; }
.form-wrapper .form .enquiry input{width:100%; max-width:64.666%; }
.form-wrapper .form .placeholder { color:#ffffff;}
.form-wrapper .form ::-webkit-input-placeholder  { color:#ffffff; }
.form-wrapper .form input:-moz-placeholder { color:#ffffff !important; }


.subpage-tabs-wrapper {}
.subpage-tabs-wrapper .subpage-tabs { background-color:#18428F;}
.subpage-tabs-wrapper #subpage-tabs {list-style:none; padding:0; margin:0; text-align:center; font-size:1.0em; height:45px;}
.subpage-tabs-wrapper #subpage-tabs li { display:inline-block; vertical-align:top; font-size:1.4em; position:relative; margin:0 20px;}
.subpage-tabs-wrapper #subpage-tabs li a {color:#ffffff; font-weight:300; display:block; line-height:1.5em; padding:10px 10px 5px 10px; margin:0;}
.subpage-tabs-wrapper #subpage-tabs li a::after {position:absolute;left:0; width:100%; height:3px; background: rgba(255,255,255,0.8); content: ''; opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	transform: translateY(-5px);
}
.subpage-tabs-wrapper #subpage-tabs li a::after {bottom: 0;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
}
.subpage-tabs-wrapper #subpage-tabs li a:hover,
.subpage-tabs-wrapper #subpage-tabs li a:focus {color:#ffffff;}

.subpage-tabs-wrapper #subpage-tabs li a:hover::after,
.subpage-tabs-wrapper #subpage-tabs li a:focus::after {opacity: 1;
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	transform: translateY(2px);
}

/* --- CMS Layout Login --- */
.layout-login .login {padding:30px; margin:40px auto; border:1px solid #cccccc; max-width:350px; width:100%;}

/* --- CMS Layout News List --- */
.news-list-container {max-width:1400px; margin:0 auto; padding:1% 20px 5% 20px;}
#news-list { margin:0 auto; position:relative; max-width:1400px; list-style: none; padding:0; }
#news-list .article { max-width:23%; border:2px solid #dddddd; width:100%; background:#ffffff; float:left; min-height:200px; margin:1%; text-align:left; padding:0; box-sizing:border-box; font-size:1.0em; display:block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#news-list .article:hover { border:2px solid #18428F;}
#news-list .article a {display:block;}
#news-list .article span {display:block;}
#news-list .article img {max-width:100%; display:block; margin:0 auto; width:100%;}
#news-list .article .text { padding:20px; color:#000000;}
#news-list .article .text .date { color:#18428F; font-size:1.2em; margin-bottom:15px; font-style:italic;}
#news-list .article .text .title { font-size:1.6em; line-height:1.2em; margin-bottom:5px;}
#news-list .article .text .title a { color:#333333;}
#news-list .article .text .title a:hover {color:#18428F;}
#news-list .article .text .teaser {font-size:1.2em; margin-bottom:25px; line-height:1.4em; font-weight:200; -webkit-font-smoothing: antialiased;}
#news-list .article .btn {font-size:1.2em; padding:0; color:#ffffff; font-weight:200;}

/* --- CMS Layout News Page --- */
.layout-news {}
.layout-news .content {max-width:1400px; margin:0 auto; padding:20px;}
.layout-news .content h1 {margin-bottom:20px; font-weight:400;}
.layout-news .content .btn {margin:40px 0; display:block; text-align: center;}
.layout-news .news-heading {text-align:left;}
.layout-news .news-heading a:hover {color:#18428F;}

.layout-news .news-images {float:right; margin:0 0 20px 20px;}

.layout-news .news-data {padding:6px 8px; line-height:20px; border:1px solid #EAEAEA; background-color:#F8F8F8;  margin:0 !important; float:none;}
.layout-news .news-data .news-post-comments { float:right;}
.layout-news .news-data .news-author { font-size:1.2em; float:left; text-align:left;}
.layout-news .news-data .news-author-twitter { float:left;}

.layout-news .news-share { display:block; padding:10px 0; height:22px; }
.layout-news .news-share-twitter,
.layout-news .news-share-facebook,
.layout-news .news-like-facebook,
.layout-news .news-share-twitter,
.layout-news .news-share-googleplus { float:left; display:block; margin:0 20px 10px 0; height:22px;}


/* Files */
.files { padding-top:20px;}
.files h2 { font-size:1.6em; border-bottom:1px solid #dddddd; margin-bottom:10px; padding-bottom:10px;}
.files .file { display:block; font-size:1.6em; line-height:26px;  margin:0 0 10px 0; }
.files .file a { display:inline-block; line-height:32px; text-decoration:none; color:#6DAD43;}
.files .file a:hover {color:#18428F;}
.files .file span { display:inline-block; width:32px; height:32px; float:left; margin-right:10px;}
.files .file-pdf span {background:url(../../images/_core/file_icons/pdf.png) center no-repeat; background-size:32px;}


/* --- CMS Layout Sitemap --- */
.layout-sitemap {}
.layout-sitemap .container { max-width:1200px; margin:0 auto; padding:30px;}
.layout-sitemap .content {padding:0; padding-left:330px;}
.layout-sitemap .content h2.strapline {color:#18428F; font-size:2.2em;}
.layout-sitemap p {font-size:12px; line-height:15px; margin:0;}
.layout-sitemap ul {list-style:inherit; padding-top:10px; padding-bottom:10px;}
.layout-sitemap ul li {font-size:12px; line-height:15px; margin: 0 0 10px 0;}



.sitemap {padding:0 0 0 30px!important;}
.sitemap span {display:inline-block;}
.sitemap ul {padding:0!important;}
.sitemap li {font-size:12px; display:block; background:none!important; padding:0px!important;}
.sitemap li ul {padding-left:20px!important;}
.sitemap p {margin:0; line-height:15px; font-size:12px;}
.sitemap p a { font-size:12px; color:#333333!important; display:inline-block;}
.sitemap p a:hover {color:#00A4E0!important;}
.sitemap .level_1 { margin-left:0; }
.sitemap .level_2 { margin-left:20px; }
.sitemap .level_3 { margin-left:40px; }

.product_sitemap {padding:0 0 0 30px!important;}
.product_sitemap h2 { font-size:12px; margin:0; font-weight:bold;}
.product_sitemap span {display:inline-block;}
.product_sitemap ul {padding:0!important;}
.product_sitemap li {font-size:12px; display:block; background:none!important; padding:0px!important;}
.product_sitemap li ul {padding-left:20px!important;}
.product_sitemap .level_1 { margin-left:0; }
.product_sitemap .level_2 { margin-left:20px; margin-bottom:5px;}
.product_sitemap .level_3 { margin-left:40px;}


/* ----- KICK COMMERCE ----- */
/* -------------------------*/

/* --- Category Banner --- */
.banner-wrapper {padding-top:20px;}
.banner-category { max-width:1400px; height:390px;  margin:0 auto; -webkit-transform: translateZ(0); position:relative; overflow:hidden;}
.banner-category .images { width:66%; height:390px; position:relative; z-index:100; float:right; background:#ffffff;}
.banner-category .images div { width:100%; height:100%; z-index:100; display:none; background-position:center; background-repeat: no-repeat; }
.banner-category .images div:first-child { display:block; }
.banner-category .banner-content {width:34%; height:390px; z-index:300; float:right; background-color:#18428F; padding:30px 45px 30px 30px; box-sizing:border-box;}
.banner-category .slides { width:100%; height:100%; margin:0 auto; position:relative;}
.banner-category .slide { width:100%; height:100%; display:none; }
.banner-category .slide:first-child{display:block;}
.banner-category .slide .slide-content {max-width:1200px; margin:0 auto; text-align:left; padding:0;}
.banner-category .slide .banner-text ul {padding:0; list-style:none;}
.banner-category .slide .banner-text ul li { background:url(../../images/_core/ui/circle_white.png) 0px 7px no-repeat; background-size:8px; padding-left:20px; text-align: left; color:#ffffff; font-weight:300; font-size:14px;}
.banner-category .slide .banner-text p {margin:0 0 10px 0;}
.banner-category .slide .banner-text a {color:rgb(109,173,67);}
.banner-category .slide h1 {font-size:3.2em; color:#ffffff; line-height:1.2em; margin:0 0 10px 0; font-weight:400;}
.banner-category .slide p {font-size:1.4em; color:#ffffff; margin:0;  font-weight:300;}

/* --- Category Banner v2 --- */
.banner-wrapperv2 {padding:10px 0 0 0;}
.banner-categoryv2 { max-width:1400px; /*height:320px;*/  margin:0 auto; -webkit-transform: translateZ(0); position:relative; background:#ffffff; /* added by lee  */ float:left; height:auto; width:100%;}
.banner-categoryv2 .images { width:50%; height:320px; position:relative; z-index:100; float:right;}
.banner-categoryv2 .images div { width:100%; height:100%; z-index:100; display:none; background-position:center; background-repeat: no-repeat; background-size:cover;}
.banner-categoryv2 .images div:first-child { display:block; }
.banner-categoryv2 .banner-content {width:50%; /*height:320px;*/ z-index:300; float:right; padding:30px; box-sizing:border-box; /* added by lee  */ height:auto;}
.banner-categoryv2 .slides { width:100%; height:100%; margin:0 auto; position:relative;}
.banner-categoryv2 .slide { width:100%; height:100%; display:none; }
.banner-categoryv2 .slide:first-child{display:block;}
.banner-categoryv2 .slide .slide-content {max-width:1200px; margin:0 auto; text-align:left; padding:0;}
.banner-categoryv2 .slide .banner-text {}
.banner-categoryv2 .slide .banner-text ul {padding:0; list-style:none; font-size:1.0em;}
.banner-categoryv2 .slide .banner-text ul li { background:url(../../images/_core/ui/circle_green.png) 0px 7px no-repeat; background-size:8px; padding-left:20px; text-align: left; color:#222222; font-weight:300; font-size:14px;}

.banner-categoryv2 .slide h1 {font-size:3.2em; color:#18428F; line-height:1.2em; margin:0 0 10px 0; font-weight:400; text-decoration: uppercase;}
.banner-categoryv2 .slide p {font-size:1.4em; color:#222222; margin:0 0 10px 0;  font-weight:300;}
.banner-categoryv2 .slide a {color:rgb(109,173,67);}


/* Toolbar / Breadcrumb */
.toolbar {max-width:1400px; margin:0 auto; padding:0 20px;}
.breadcrumb {display:block;  color:#18428F;}
.breadcrumb span {color:#ffffff; font-size:1.4em; display:inline-block; line-height:29px;}
.breadcrumb span.slash {padding:0 5px; color:#18428F;}
.breadcrumb a { color:#18428F; font-size:1.4em; display:inline-block; line-height:29px; text-transform: uppercase}
.breadcrumb a:hover,
.breadcrumb a.active { color:#222222; }

.toolbar .steps {float: right; }
.toolbar .steps a,
.toolbar .steps div { background-color:#dddddd; border-radius: 50%; width:55px; height:55px; float:left; display:block;}
.toolbar .steps a:hover,
.toolbar .steps div.active { background-color:#6DAD43;}
.toolbar .steps span { display:block; float:left; width:14px; height:55px; line-height:55px; margin:0 5px; background:url(../../images/_core/ui/arrow_right_grey_sml.png) center no-repeat; background-size:10px;}

.toolbar .step-basket { background:url(../../images/_core/ui/basket_white.png) center no-repeat; background-size:25px;}
.toolbar .step-delivery {background:url(../../images/_core/ui/icon_truck.png) center no-repeat; background-size:30px;}
.toolbar .step-checkout {background:url(../../images/_core/ui/icon_card.png) center no-repeat; background-size:30px;}

/* KC Search */
.kc-layout-search .grid-container {padding-left:0;}
.kc-layout-search .grid-container .box {max-width: 18%;}


/* KC Category Layout */
.kc-category-layout {
	padding-top: 180px;
}

.kc-category-layout .body-content {max-width:1400px; margin:0 auto; padding:20px 0 20px 40px; background:#ffffff;   border: 1px solid #DCDCDC; margin:0;}
.kc-category-layout .body-content a {color:#6DAD43;}
.kc-category-layout .body-content p a:hover {color:#18428F;}
.kc-category-layout .body-content ul {list-style: none; padding:0 0 0 20px; margin:0 0 10px 0;}
.kc-category-layout .body-content ul li { background: url(../../images/_core/ui/circle_green.png) 0px 7px no-repeat; background-size: 8px; padding-left: 20px; text-align: left;  font-weight: 300; font-size: 14px;}
.kc-category-layout .body-content ul li strong {font-size:16px; margin:0 0 5px 0; display:inline-block;}
.kc-category-layout .body-content ul li ul { margin:0; padding:0;}
.kc-category-layout .body-content ul li ul li { background:url(../../images/_core/ui/circle_blue.png) 0 5px no-repeat; background-size:10px; padding-left:15px;}

.kc-category-layout .category-wrapper {max-width:1400px; margin:0 auto; padding:20px;}

.grid-container {padding-left:220px;}
.grid-container ul { list-style:none; padding:0; margin:0;}
.grid-container .box { display:inline-block; vertical-align:top; margin:1%; width:100%; max-width:23%; position:relative; background:#ffffff;  box-sizing:border-box; font-size:1.0em; float:left;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.grid-container .border {border:1px solid #dddddd;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.grid-container .border:hover {border:1px solid rgba(24,66,143,0.5);}

.grid-container .box a {display:block;}
.grid-container .box img { max-width:100%; width:100%; display:block; box-sizing:border-box; padding:5px; }
.grid-container .box h4 {
	color: #18428F;
	font-size: 1.5em;
	line-height: 1.2em;
	min-height: 40px;
	font-weight: 200;
	margin: 0 0 5px 0;
}
.grid-container .box .case h4 {
	color: #fff;
	font-size: 1.5em;
	line-height: 40px;
	min-height: 40px;
	font-weight: 200; padding:0 5px;
	margin: 0 0 5px 0; background:#18428F;
	 text-align:center;
	word-break:keep-all;/* 不换行 */ 
white-space:nowrap;/* 不换行 */ 
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ 
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/ 
}
.grid-container .box .details { display:block; padding:12px; }
.grid-container .box .details h4 { margin: 0;}
.grid-container .box .details p { margin:0 0 20px 0; min-height:68px;}
.grid-container .box .box .price-data {padding:0;}

.category-grid .box h4 {border:0; margin:0; padding:0;}

/* Category Layout 1 */
.kc-category-layout-1 .breadcrumb {margin:0 0 10px 0;}
.kc-category-layout-1 .taglines {margin:20px auto 0 auto;}

.kc-category-layout-1 .filters-container {padding:10px 0 0 0;}

/* Category Layout 2 */
.kc-category-layout-2 .grid-container {padding-left:0;}
.kc-category-layout-2 .grid-container .box {max-width:18%;}
.kc-category-layout-2 .grid-container .box img {padding:30px; box-sizing:border-box;}

/* KC Search */
.kc-category-layout-search h1 {margin:0;}
.kc-category-layout-search .taglines {margin-bottom:0;}
.kc-category-layout-search .grid-container { padding:0;}

/* Product Grid */
.product-grid.related .product {width:216px!important; margin:10px 9px!important;}
.product-grid button {opacity:0.8;}
.product-grid button:hover {opacity:1;}
.product-grid button.slick-prev { background:url(../images/arrow_left_white.png) center #00A4E0 no-repeat; background-size:20px; width:37px; height:64px;}
.product-grid button.slick-next { background:url(../images/arrow_right_white.png) center #00A4E0 no-repeat; background-size:20px; width:37px; height:64px;}


#arrLeft{ background:url(../images/arrow_left_white.png) center #00A4E0 no-repeat; background-size:20px; width:37px; height:64px;opacity:0.8; position:absolute; z-index:99;top:45%}
#arrRight { background:url(../images/arrow_right_white.png) center #00A4E0 no-repeat; background-size:20px; width:37px; height:64px;opacity:0.8;position:absolute; z-index:99;top:45%; right:0}


.product-grid .price-data {
	padding: 10px 0 15px 0;
	height: 42px;
	overflow: hidden;
}
.product-grid .price-data span {display:inline-block; color:#222222; font-size:1.6em; line-height:20px; vertical-align: top;}
.product-grid .price-data .price {display:block;}
.product-grid .price-data .price span {
	font-size: 18px;
	color: #0099CC;
}
.product-grid .price-data .price-exc {display:block; font-size:12px; vertical-align: bottom; line-height:22px; margin:0;}
.product-grid .price-data .poa {}

.product-grid .variety-dropdown {padding:10px; border-left: 1px solid rgba(24,66,143,0.5); border-right: 1px solid rgba(24,66,143,0.5); border-bottom: 1px solid rgba(24,66,143,0.5); box-sizing: border-box; position: absolute; top:80%; left: 0; width: 100%; z-index:20; background: #ffffff; display:none; }
.product-grid .product-varieties { margin:0;}
.product-grid .product-varieties .variety{ padding:10px 0 0 0; margin:10px 0 0 0; border-top:1px solid #dddddd;}
.product-grid .product-varieties .variety:first-child  {margin:0;}
.product-grid .product-varieties .options {margin-bottom:5px;}
.product-grid .variety-name {color:#18428F; font-size:1.4em; font-weight:600; margin:0 0 10px 0;}
.product-grid .variety-value{max-width:60%; width:100%; float:left;}
.product-grid .variety-value p { margin:0px; font-weight:300; padding-left:10px; font-size:1.2em; line-height:20px;}
.product-grid .variety-title {max-width:40%; width:100%; text-align:right; float:left;}
.product-grid .variety-title p { margin:0px; font-weight:300; font-size:1.2em; line-height:20px;}
.product-grid .variety-price-wrapper {margin:0;}
.product-grid .variety-price-wrapper span {display:inline-block; line-height:30px; vertical-align: top;}
.product-grid .variety-price {color:rgb(109,173,67); margin-right:5px;}
.product-grid .variety-price-wrapper .price {font-size: 1.4em; font-weight:600; margin-right:2px;}
.product-grid .variety-price-wrapper .ex-vat {font-size:1.2em; color:#333333}
.product-grid .variety-price-wrapper .qty { border:1px solid #212121; background:#ffffff; width:30px; height:30px; border-radius:5px; text-align:center; color:#212121;}

/* Product List */
.product-list {}
.product-list.related .product {width:216px!important; margin:10px 9px!important;}
.product-list button {opacity:0.8;}
.product-list button:hover {opacity:1;}
.product-list button.slick-prev { background:url(../../images/_core/ui/arrow_left.png) center #00A4E0 no-repeat; background-size:20px; width:37px; height:64px;}
.product-list button.slick-next { background:url(../../images/_core/ui/arrow_right.png) center #00A4E0 no-repeat; background-size:20px; width:37px; height:64px;}

.product-list .box {max-width:100%; padding:10px; margin:0 0 20px 0; background:#ffffff; border: 1px solid #ffffff;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0);}
.product-list .box a {color:#ffffff; font-size:1.4em;}
.product-list .box .image {float:left; width:100%; max-width:25%; border:1px solid #dddddd; box-sizing: border-box;}
.product-list .box .details {float:left; width:100%; max-width:55%; box-sizing: border-box; padding:10px;}
.product-list .box .details .text {margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #dddddd;}
.product-list .box .details h4 {font-size:1.8em; min-height:0; margin:0 0 10px 0;}
.product-list .box .details p {margin:0; font-size:1.4em;}
.product-list .box .info {float:left; width:100%; max-width:20%; box-sizing: border-box; padding:10px 0 0 10px;}
.product-list .box .info .product-code {font-size:1.2em; margin:0 0 20px 0;}
.product-list .box .info .stock { background:url(../../images/_core/ui/check_purple.png) left center no-repeat; background-size:27px; font-size:1.4em; padding-left:40px; line-height:22px; margin:0 0 10px 0;}
.product-list .box .info .out-of-stock { background:url(../../images/_core/ui/icon_cross_orange.png) left center no-repeat; background-size:21px; font-size:1.4em; padding-left:30px; line-height:22px; margin:0 0 10px 0;}
.product-list .box .info .made-to-order { background:url(../../images/_core/ui/truck_green.png) left center no-repeat; background-size:24px; font-size:1.4em; padding-left:35px; line-height:22px; margin:0 0 10px 0;}

.product-list .price-data {padding:10px 0;}
.product-list .price-data span {display:inline-block; color:#222222; font-size:1.6em; line-height:25px; vertical-align: top;}
.product-list .price-data .price {}
.product-list .price-data .price span {font-size:18px; color:#6DAD43;}
.product-list .price-data .price-exc {font-size:10px; vertical-align: bottom; line-height:22px; margin:0 0 0 2px;}
.product-list .price-data .poa {}

.product-list .variety {max-width:48%; float:left; padding:0 2% 0 0; width:100%; box-sizing: border-box;}
.product-list .variety.odd {padding:0 0 0 2%; border-left:1px solid #dddddd;}
.product-list .product-varieties .options {margin-bottom:5px;}
.product-list .variety-name {color:#18428F; font-size:1.4em; font-weight:600; margin:0 0 10px 0; min-height: 38px!important;}
.product-list .variety-value{max-width:60%; width:100%; float:left;}
.product-list .variety-value p { margin:0px; font-weight:300; padding-left:10px; font-size:1.2em;}
.product-list .variety-title {max-width:40%; width:100%; text-align:right; float:left;}
.product-list .variety-title p { margin:0px; font-weight:300; font-size:1.2em;}
.product-list .variety-price-wrapper {margin:0;}
.product-list .variety-price-wrapper span {display:inline-block; line-height:30px; vertical-align: top;}
.product-list .variety-price {color:rgb(109,173,67); margin-right:5px;}
.product-list .variety-price-wrapper .price {font-size: 1.4em; font-weight:600; margin-right:2px;}
.product-list .variety-price-wrapper .ex-vat {font-size:1.2em; color:#333333}
.product-list .variety-price-wrapper .qty { border:1px solid #212121; background:#ffffff; width:30px; height:30px; border-radius:5px; text-align:center; color:#212121;}



/* Product Layout */
.kc-product-layout {
	padding-top: 200px;
}
.kc-product-layout h1 {color:#18428F; line-height:32px; font-size:2.6em; margin:0 0 10px 0;}
.kc-product-layout .container {max-width:1400px; margin:0 auto; padding:20px; }
.kc-product-layout .product-content {margin-bottom:40px;}

.kc-product-layout p a {color:#6DAD43;}
.kc-product-layout p a:hover {color:#18428F;}

.kc-product-layout .product-gallery {width:100%; max-width:40%; float:left; }
.kc-product-layout .product-gallery a {display:block; box-sizing:border-box;}
.kc-product-layout .product-gallery img {max-width:100%; display:block; margin:0 auto;}
.kc-product-layout .product-gallery .download { background:url(../../images/_core/ui/icon_download.png) 10px center #ffffff no-repeat; background-size:30px; display:block; float:left; padding:10px 10px 10px 55px; color:#333333; margin-right:20px; max-width:200px; box-sizing:border-box; font-size:1.4em;}

.kc-product-layout .product-image {margin-bottom:3%; border:1px solid #dddddd; padding:5px; box-sizing: border-box;}
.kc-product-layout .product-thumbnails { margin-bottom:3%;}
.kc-product-layout .product-thumbnails .thumbnail { text-decoration:none; display:block; float:left; border:1px solid #dddddd; padding:5px; width:100%; max-width:31.333%; margin:0 1%;}
.kc-product-layout .product-thumbnails .thumbnail:hover {border:1px solid #18428F;}
.kc-product-layout .product-thumbnails .thumbnail:first-child {margin:0 2% 0 0;}
.kc-product-layout .product-thumbnails .thumbnail img { width:100%; max-width: 100%;}
.kc-product-layout .product-thumbnails .thumbnail.image-3 {margin-left:0; margin-top:1%; margin-right:2%;}
.kc-product-layout .product-thumbnails .thumbnail.image-4 {margin-top:1%;}

.made-in-britain { background:url(../../images/_core/ui/arrows_blue.png) left center no-repeat; background-size:35px; padding-left:40px; float:right; font-size:1.6em; line-height:35px; margin-left:20px;}

.kc-product-layout .product-thumbnails .video { margin-right:20px; text-decoration:none; display:block; float:left; border:1px solid #dddddd; padding:5px; width:100%; max-width:31.333%; margin: 0 0 0 2%;}
.kc-product-layout .product-thumbnails .video:hover {border:1px solid #18428F;}

.kc-product-layout .helpline-wrapper {}
.kc-product-layout .helpline-wrapper a { display: block; border:1px solid #18428F; background:url(../../images/_core/ui/phone_purple.png) 15px center #ffffff no-repeat!important; background-size:40px!important; padding: 15px 15px 15px 70px;}
.kc-product-layout .helpline-wrapper a:hover {background-color:#EEEEEE;}
.kc-product-layout .helpline-wrapper a h5 { font-size:1.5em; margin:0; font-weight: 400;}
.kc-product-layout .helpline-wrapper a span {
	font-size: 1.8em;
	margin: 0;
	color: #18428F;
}

.kc-product-layout .product-info {
	width: 100%;
	max-width: 1400px;
	float: left;
	background-color: #ffffff;
	padding: 20px;
	box-sizing: border-box;
}
.kc-product-layout .product-options {width:100%; max-width:360px; float:left; background-color:#ffffff; padding:20px; box-sizing:border-box; margin-left:20px;}

.kc-product-layout .body-content {margin-bottom:15px; padding:0 0 0 40px; box-sizing:border-box; float:left; width:100%; max-width:60%;}
.kc-product-layout .body-content .btn-quote {float:right;}
.kc-product-layout .body-content .info {}
.kc-product-layout .body-content .info span { display:inline-block; margin-bottom:15px; font-size:1.6em;}
.kc-product-layout .body-content .info span span {font-weight:600; font-size:1.0em;}
.kc-product-layout .body-content .info .man {display:block; margin-right:20px;}
.kc-product-layout .body-content .info .cat {display:block; margin-right:20px;}
.kc-product-layout .body-content .info .code { display:block; margin-right:20px;}

.kc-product-layout .body-content .desc {margin-bottom:20px; border-bottom:1px solid #dddddd; padding-bottom:20px;}
.kc-product-layout .body-content .desc p{font-size:1.4em;}
.kc-product-layout .body-content .options {}
.kc-product-layout .body-content .options span,
.kc-product-layout .body-content .options a {font-size:1.6em; line-height:22px; padding:5px 40px 5px 5px; margin-right:20px; color:#222222; display:inline-block; cursor:pointer;}
.kc-product-layout .body-content .options a:hover {color:#222222;}
.kc-product-layout .body-content .options .delivery { margin-right:20px;}
.kc-product-layout .body-content .options .ask { background:url(../../images/_core/ui/question.png) 100% center no-repeat; background-size:32px;}
.kc-product-layout .body-content .options .ask:hover {background:url(../../images/_core/ui/question.png) 96% center no-repeat; background-size:32px;}
.kc-product-layout .body-content .options .chat { background:url(../../images/_core/ui/bubbles_purple.png) 100% center no-repeat; background-size:32px;}
.kc-product-layout .body-content .options .chat:hover {background:url(../../images/_core/ui/bubbles_purple.png) 96% center no-repeat; background-size:32px;}

.kc-product-layout .product-options {}
.kc-product-layout .product-options .available { padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #dddddd;}
.kc-product-layout .product-options .available div {display:block; float:left; font-size:1.6em; padding-left:50px; line-height:30px; font-weight:600;}
.kc-product-layout .product-options .stock { background:url(../../images/_core/ui/check_purple.png) left center no-repeat; background-size:38px; }
.kc-product-layout .product-options .delivery { background:url(../../images/_core/ui/truck_purple.png) left center no-repeat; background-size:38px; margin:0;}

.kc-product-layout .product-options h3 { font-size:1.8em; border-bottom:1px solid #dddddd; margin:0 0 10px 0; padding:0 0 10px 0; font-weight: 200;}

.kc-product-layout .product-varieties { margin:0 0 10px 0;}
.kc-product-layout .product-varieties .variety{ padding:10px 0 0 0; margin:10px 0 0 0; border-top:1px solid #dddddd;}
.kc-product-layout .product-varieties .variety:first-child  { padding:0; margin:0; border:0;}

.kc-product-layout .variety-name {color:#18428F; font-size:1.5em; font-weight:600; margin:0 0 10px 0;}
.kc-product-layout .variety-value{max-width:60%; width:100%; float:left;}
.kc-product-layout .variety-value p { margin:0px; font-weight:300; padding-left:10px; font-size:1.3em; line-height:22px;}
.kc-product-layout .variety-title{max-width:40%; width:100%; text-align:right; float:left;}
.kc-product-layout .variety-title p { margin:0px; font-weight:300;}
.kc-product-layout .variety-price-wrapper {float:right; margin:0;}
.kc-product-layout .variety-price-wrapper span {display:inline-block; line-height:30px; vertical-align: top;}
.kc-product-layout .variety-price {color:#D80000; margin-right:5px;}
.kc-product-layout .variety-price-wrapper .price {font-size: 2.0em; font-weight:600; margin-right:2px;}
.kc-product-layout .variety-price-wrapper .ex-vat {font-size:1.2em; color:#333333}
.kc-product-layout .variety-price-wrapper .qty { border:1px solid #212121; background:#ffffff; width:35px; height:30px; border-radius:5px; text-align:center; color:#212121;}


/* KC Product layout Quote */
.kc-product-layout-1-quote {}
.kc-product-layout-1-quote .product-info { max-width:500px; padding:0; background:none;}
.kc-product-layout-1-quote .product-gallery {max-width:100%; float:none; border:0; }
.kc-product-layout-1-quote .product-gallery a {background:#ffffff;}
.kc-product-layout-1-quote .product-image {border:0;padding:20px; box-sizing: border-box; background:#ffffff;}
.kc-product-layout-1-quote .product-options {max-width:870px; background:none; padding:0;}
.kc-product-layout-1-quote .product-options .available {border:0; padding:0;}
.kc-product-layout-1-quote .product-options .stock {background: url(../../images/_core/ui/check_green.png) left center no-repeat;  background-size: 32px; margin-right:30px; font-size: 1.6em; line-height: 22px; padding: 5px 5px 5px 40px;}
.kc-product-layout-1-quote .body-content .options .ask { background:url(../../images/_core/ui/question.png) 0 center no-repeat; background-size:32px;}
.kc-product-layout-1-quote .body-content .options .ask:hover {background:url(../../images/_core/ui/question.png) 4% center no-repeat; background-size:32px;}
.kc-product-layout-1-quote .body-content .options .chat { background:url(../../images/_core/ui/bubbles_purple.png) 0 center no-repeat; background-size:32px;}
.kc-product-layout-1-quote .body-content .options .chat:hover {background:url(../../images/_core/ui/bubbles_purple.png) 4% center no-repeat; background-size:32px;}
.kc-product-layout-1-quote .body-content .options .out-of-stock {background:url(../../images/_core/ui/icon_cross_orange.png) left center no-repeat; background-size:22px; padding-left:30px}
.kc-product-layout-1-quote .body-content .options .made-to-order {background:url(../../images/_core/ui/truck_green.png) left center no-repeat; background-size:32px; padding-left:40px}
.kc-product-layout-1-quote .body-content .options span,
.kc-product-layout-1-quote .body-content .options a {font-size: 1.6em; line-height: 22px; padding: 5px 5px 5px 40px; margin-right:30px; }
.kc-product-layout-1-quote .body-content {padding: 0; float: none; max-width: 100%; background:#ffffff; padding:20px;}
.kc-product-layout-1-quote .body-content .desc {border:0; margin:0; padding:0;}
.kc-product-layout-1-quote .product-varieties-container {background:#ffffff; padding:20px;}
.kc-product-layout-1-quote .product-varieties .variety {max-width: 48%; margin: 0 0 0 2%; width: 100%; border-top: 0; border-left: 1px solid #dddddd; float: left; padding: 0 0 0 2%; box-sizing: border-box; }
.kc-product-layout-1-quote .product-varieties .variety:first-child {padding: 0; margin: 0; border: 0;}
.kc-product-layout-1-quote .product-varieties .variety.one {max-width:50%;}

/* Product Tabs */
#product-tabs { max-width:100%; margin:0 auto; list-style:none; position:relative; overflow:hidden; width:100%; box-sizing:border-box; margin:0 0 30px 0;}
#product-tabs .tabs {height:50px; max-width:100%; }
#product-tabs .tabs .tab { float:left; line-height:50px; height:50px; font-size:1.8em; position:relative; color:#777777; cursor:pointer; box-sizing:border-box; padding:0 40px; font-weight:600; min-width:200px; text-align:center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#product-tabs .tabs .tab.active,
#product-tabs .tabs .tab.active:hover { z-index:30; height:50px; background-color:#ffffff; color:#18428F;}

#product-tabs .tabs .tab:hover { z-index:30; height:50px; background-color:#ffffff; color:#18428F;}
#product-tabs .tabs .tab:first-child {margin-left:0; border-left:0; }
#product-tabs .tabs .tab0 { z-index:20; }
#product-tabs .tabs .tab1 { z-index:19; }
#product-tabs .tabs .tab2 { z-index:18; }
#product-tabs .tabs .tab3 { z-index:17; }
#product-tabs .tabs .tab4 { z-index:16; }

#product-tabs .info {
	padding: 40px;
	background-color: #ffffff;
	font-size: 14px;
}
#product-tabs .info h3 {font-weight:600; margin:0 0 10px 0;}
#product-tabs .info p a { color:#6DAD43; text-decoration: none; color:#18428F;}
#product-tabs .info p a:hover { color:#18428F;}
#product-tabs .info span {font-size: 1.4em;}

#product-tabs .table {}
#product-tabs .table.grouped-product { padding-top:15px; margin-top:15px; border-top:1px solid #DCDCDC;}
#product-tabs .table.grouped-product:first-child { border:0; padding:0; margin:0;}
#product-tabs .product-spec-title {font-size:1.5em; display:inline-block; margin-bottom:5px;}

#product-tabs .product-spec-group h3 { font-size:1.5em;}
#product-tabs .table-row-odd {}
#product-tabs .table-row-even {}
#product-tabs .table-row {width:100%; display:table;}
#product-tabs .table-cell {width:50%; margin:0; padding:5px 0; display:table-cell; line-height:18px; font-size:1.5em;}
#product-tabs .product-spec-name {  width:40%;}
#product-tabs .product-spec-value {width:60%;}

#product-group-tabs {
	min-height: 380px;
	border-bottom: 1px solid #18428F;
	padding-bottom: 20px;
	position: relative;
	width: 100%;
	overflow: hidden;
}
#product-group-tabs .tabs-wrapper {position:relative; margin-bottom:20px;}
#product-group-tabs .tabs-wrapper .line {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #18428F;
}

#product-group-tabs .tabs {height:40px; max-width:100%; text-align:center;}
#product-group-tabs .tabs .tab {
	display: inline-block;
	vertical-align: top;
	line-height: 40px;
	height: 40px;
	font-size: 1.6em;
	position: relative;
	color: #18428F;
	cursor: pointer;
	font-weight: 400;
	box-sizing: border-box;
	padding: 0 20px;
	max-width: 220px;
	text-align: center;
	margin: 0 10px;
	text-transform: uppercase;
	border: 1px solid #18428F;
	background-color: #ffffff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
#product-group-tabs .tabs .tab:hover,
#product-group-tabs .tabs .tab.active {
	z-index: 30;
	height: 40px;
	background-color: #18428F;
	color: #ffffff;
}
#product-group-tabs .tabs .tab span {display:inline-block;}

#product-group-tabs .group-info {}
#product-group-tabs .group-info .loader {background: url(../images/loader.gif) center no-repeat; background-size:60px; width:60px; height:64px; margin:20px auto;}
#product-group-tabs .group-info .grid-container { padding:0 10px; max-width:1400px; margin: 0 auto; }
#product-group-tabs .group-info .grid-container .box {
	margin: 10px!important;
	max-width: 216px;
}
.kc-product-layout

.kc-product-layout .key-features ul {padding:0 0 0 20px; list-style:none;}
.kc-product-layout .key-features ul li { background:url(../../images/_core/ui/icon_circle.png) 0px 8px no-repeat;  background-size:8px; padding-left:20px;}


/* Basket */
.kc-basket .breadcrumb {display:inline-block;}
.kc-basket .container { max-width:1400px; margin:0 auto; padding:20px;}
.kc-basket .content {background:#ffffff;}
.kc-basket h1 {font-size:3.2em; color:#18428F; text-transform: uppercase; font-weight:400; margin:0 0 10px 0;}
.kc-basket h2 {font-size:2.0em; color:#18428F; text-transform: uppercase; font-weight:400; margin:0 0 10px 0;}
.kc-basket input,
.kc-basket select,
.kc-basket textarea {background-color:#ffffff;}
.kc-basket .headings { background-color:#DDDDDD; padding:10px;}
.kc-basket .headings div { width:100%; max-width:20%; box-sizing: border-box; float:left; font-size:1.6em; font-weight:600;}
.kc-basket .headings .qty { max-width:10%;}
.kc-basket .headings .product {max-width:60%;}
.kc-basket .headings .code { max-width:14%;}
.kc-basket .headings .price { max-width:8%;}
.kc-basket .headings .total { max-width:8%;}

.kc-basket .basket-quote { margin:0 0 20px 0;}

.kc-basket .basket-items { padding:10px 0; border-bottom:10px solid #dddddd;}
.kc-basket .basket-items .item.restored { background-color: #dff0d8 }
.kc-basket .basket-items .item { padding:10px; box-sizing: border-box; font-size:1.6em; font-weight:300;}
.kc-basket .basket-items .item h5 {font-size:1.0em; font-weight:600; margin:0 0 10px 0;}
.kc-basket .basket-items .item span {display:inline-block; }
.kc-basket .basket-items .item span:first-child {margin:0; }
.kc-basket .basket-items .item span.comma {margin:0 5px 0 0; }
.kc-basket .basket-items .item span strong {font-weight:400; }
.kc-basket .basket-items .item .item-options,
.kc-basket .basket-items .item .item-details,
.kc-basket .basket-items .item .item-code,
.kc-basket .basket-items .item .item-price,
.kc-basket .basket-items .item .item-total { float:left; width:100%;}

.kc-basket .basket-items .item .item-options { max-width:10%; }
.kc-basket .basket-items .item .item-options .basket-remove {display:block; cursor: pointer; clear:left; margin:0; color:#D95935;}
.kc-basket .basket-items .item .item-options .basket-remove:hover {color:#18428F;}
.kc-basket .basket-items .item .item-options input { border-radius:10%; border:1px solid #dddddd; text-align: center; vertical-align: top; color:#222222; max-width:50px; width:100%;}
.kc-basket .basket-items .item .item-details { max-width:60%; }
.kc-basket .basket-items .item .item-details .item-image { float:left; border:1px solid #dddddd; background:#ffffff; width:100%; max-width:125px; box-sizing: border-box;}
.kc-basket .basket-items .item .item-details .item-image img {display:block; max-width:100%;}
.kc-basket .basket-items .item .item-details .item-specs { float:left; padding-left:20px; width:100%; max-width:80%; box-sizing: border-box;}
.kc-basket .basket-items .item .item-code { max-width:14%; }
.kc-basket .basket-items .item .item-price { max-width:8%; }
.kc-basket .basket-items .item .item-total { max-width:8%; }
.kc-basket .basket-items .item .item-code span,
.kc-basket .basket-items .item .item-price span,
.kc-basket .basket-items .item .item-total span {display:none; font-weight:600;}

.kc-basket .basket-items .update-basket { float:left; cursor: pointer; padding:5px 20px; text-transform: uppercase; background:#9AA6D8; color:#ffffff; display: block;  line-height: 30px; margin:10px 0 0 0; font-size:1.4em;}
.kc-basket .basket-items .update-basket:hover { background:#18428F;}

.kc-basket .voucher-wrapper {padding:20px 0 40px 0;}
.kc-basket .voucher-wrapper .voucher {float:left; max-width: 600px; width: 100%;}
.kc-basket .voucher-wrapper .voucher label { float:left; line-height:40px; margin:0 10px 0 0; font-size:1.4em;}
.kc-basket .voucher-wrapper .voucher input { float:left; line-height:40px; font-size:1.4em; max-width:250px; border:1px solid #dddddd; }
.kc-basket .voucher-wrapper .voucher .voucher-check { float:left; cursor: pointer; padding:5px 20px; text-transform: uppercase; background:#9AA6D8; color:#ffffff; display: block;   line-height: 30px; margin-left: 10px; font-size:1.4em;}
.kc-basket .voucher-wrapper .voucher .voucher-check:hover { background:#18428F;}

.kc-basket .voucher-wrapper .valid-code {float:right; padding-right:4%; }
.kc-basket .voucher-wrapper .valid-code span { display:inline-block; font-size:1.6em; line-height:40px; }
.kc-basket .voucher-wrapper .valid-code .title {float:left; font-weight:600; color:#6DAD43; }
.kc-basket .voucher-wrapper .valid-code .price { float:left; font-weight:300; padding:0 20px; }

.kc-basket .basket-total { float:right; clear:right; padding-right:4%; }
.kc-basket .basket-total span { display:inline-block; font-size:1.6em; line-height:40px; }
.kc-basket .basket-total .title{ float:left; font-weight:600; }
.kc-basket .basket-total .price{ float:left; font-weight:300; padding:0 20px;}

.kc-basket .continue-shopping { float:left; }

.kc-basket .or { text-align: center; position:relative; padding:20px 0; display:none;}
.kc-basket .or::after { content:''; background:#dddddd; height:1px; width:100%; display:block; position:absolute; top:50%; left:0;}
.kc-basket .or span { background:#ffffff;  line-height:30px; text-transform: uppercase; margin:0 auto; display:inline-block; font-size: 2.0em; padding:0 20px; position:relative; z-index:1; font-weight:600;}
.kc-basket .continue-to-delivery { float:right; width:100%; max-width:464px;}
.kc-basket .continue-to-delivery fieldset {margin:0 0 10px 0;}
.kc-basket .continue-to-delivery label {}
.kc-basket .continue-to-delivery input { vertical-align: top; font-size:1.4em; border:1px solid #dddddd; float:left;}
.kc-basket button {height:auto; display:block; float:left; margin:0 0 0 10px;}
.kc-basket .continue-to-delivery .forgotten-password {float:right;}

.kc-basket .forgotten-password {color:#6DAD43; font-size:12px;}

/* Checkout */
.kc-checkout .basket-items-wrapper {margin:0 0 20px 0;}

/* New Customer */
.kc-new-customer {}
.kc-new-customer fieldset {float:left; width:100%; max-width:33.333%; padding:0 10px; box-sizing:border-box;}
.kc-new-customer label {}
.kc-new-customer input,
.kc-new-customer select { color:#222222; max-width:100%;}
.kc-new-customer button {float:right;}
.kc-new-customer .billing-wrapper {margin:0 0 20px 0;}
.kc-new-customer .checkbox {float:none; max-width:100%;}
.kc-new-customer .checkbox input {width:20px; height:30px; display:inline-block;}
.kc-new-customer .checkbox span {display:inline-block; vertical-align: top;}

/* delivery Options */
.kc-delivery-options {}
.kc-delivery-options .content {padding:20px;}
.kc-delivery-options .headings { background-color:#DDDDDD; padding:10px;}
.kc-delivery-options .headings div { width:100%; box-sizing: border-box; float:left; font-size:1.6em; font-weight:600;}
.kc-delivery-options .headings .address { max-width:70%;}
.kc-delivery-options .headings .billing {max-width:15%; text-align: center;}
.kc-delivery-options .headings .delivery { max-width:15%; text-align: center;}

.kc-delivery-options .address-list-wrapper {padding: 20px 0;}
.kc-delivery-options .address-list { padding:10px 0; border-bottom:10px solid #dddddd;}
.kc-delivery-options .address-list .address { padding:10px; box-sizing: border-box; border-top:1px solid #dddddd;}
.kc-delivery-options .address-list .address:first-child {border:0;}
.kc-delivery-options .address-list .address .billing span,
.kc-delivery-options .address-list .address .delivery span {display:none; margin:0 auto;}
.kc-delivery-options .address-list .address div { width:100%; box-sizing: border-box; float:left; font-size:1.4em; font-weight:600;}
.kc-delivery-options .address-list .address .details { max-width:70%;}
.kc-delivery-options .address-list .address .address-error{ padding-left:10px; text-align: center; display: block}
.kc-delivery-options .address-list .address .billing {max-width:15%; text-align: center;}
.kc-delivery-options .address-list .address .delivery { max-width:15%; text-align: center;}

.kc-delivery-options .new-address-wrapper {padding:20px 0 0 0;}
.kc-delivery-options .edit-address-wrapper {padding:20px 0 0 0;}


.kc-delivery-options fieldset {float:left; width:100%; max-width:33.333%; padding:0 10px; box-sizing:border-box;}
.kc-delivery-options label {}
.kc-delivery-options input,
.kc-delivery-options select { color:#222222; max-width:100%;}
.kc-delivery-options button {float:right;}
.kc-delivery-options input
.kc-delivery-options .billing-wrapper {margin:0 0 20px 0;}
.kc-delivery-options .checkbox {float:none; max-width:100%;}
.kc-delivery-options .checkbox input {width:20px; height:30px; display:inline-block;}
.kc-delivery-options .checkbox span {display:inline-block; vertical-align: top;}


/*  Sign In */
.kc-sign-in .container { max-width:1400px; margin:0 auto; padding:20px;}
.kc-sign-in .content {background:#ffffff;}
.kc-sign-in .sign-in { float:left; width:100%; max-width:48%; margin:0 2% 0 0;}
.kc-sign-in .register { float:left; width:100%; max-width:48%; margin:0 0 0 2%;}
.kc-sign-in .btn{float:left; margin:0; height:auto; }

/* Forgotten Password */
.kc-forgotten-password fieldset {padding:0;}
.kc-forgotten-password label {margin:0 0 5px 0;}

/* Password Reset */
.kc-password-reset fieldset {padding:0; max-width:100%;}
.kc-password-reset .btn {margin:0;}

/* My Account */
.kc-my-account {background:none;}
.kc-my-account .content {padding:0; padding-left:330px; background:none;}
.kc-my-account .content .btn:hover {color:#ffffff;}
.kc-my-account .address-list-wrapper {padding:20px 0;}
.kc-my-account .address .btn { color:#ffffff; font-size:1.0em;}

.kc-my-account .headings { background-color:#DDDDDD; padding:10px;}
.kc-my-account .headings div { width:100%; max-width:20%; box-sizing: border-box; float:left; font-size:1.6em; font-weight:600;}
.kc-my-account .headings .ref { max-width:35%;}
.kc-my-account .headings .date {max-width:15%;}
.kc-my-account .headings .status { max-width:20%;}
.kc-my-account .headings .total { max-width:10%;}
.kc-my-account .headings .view { max-width:20%;}


.kc-my-account .headings.parent .ref { max-width:25%;}
.kc-my-account .headings.parent .ordered-by { max-width:20%;}
.kc-my-account .headings.parent .date {max-width:10%;}
.kc-my-account .headings.parent .status { max-width:20%;}
.kc-my-account .headings.parent .total { max-width:10%;}
.kc-my-account .headings.parent .view { max-width:15%;}

.kc-my-account .orders { padding:10px 0; border-bottom:10px solid #dddddd;}
.kc-my-account .orders .order { padding:10px; box-sizing: border-box; font-size:1.6em; font-weight:300; }
.kc-my-account .orders .order h5 {font-size:1.0em; font-weight:600; margin:0 0 10px 0;}
.kc-my-account .orders .order span {display:none; font-weight:600;}
.kc-my-account .orders .order .order-ref,
.kc-my-account .orders .order .order-date,
.kc-my-account .orders .order .order-status,
.kc-my-account .orders .order .order-total,
.kc-my-account .orders .order .ordered-by,
.kc-my-account .orders .order .order-view { float:left; width:100%;}

.kc-my-account .orders .order .order-ref { max-width:35%; }
.kc-my-account .orders .order .order-date { max-width:15%; }
.kc-my-account .orders .order .order-status { max-width:20%; }
.kc-my-account .orders .order .order-total { max-width:10%; }
.kc-my-account .orders .order .order-view { max-width:20%; }
.kc-my-account .orders .order .order-view .btn {margin:0; float:right; font-size:1.0em;}

.kc-my-account .orders .order.parent .order-ref { max-width:25%; }
.kc-my-account .orders .order.parent .ordered-by { max-width:20%; }
.kc-my-account .orders .order.parent .order-date { max-width:10%; }
.kc-my-account .orders .order.parent .order-status { max-width:20%; }
.kc-my-account .orders .order.parent .order-total { max-width:10%; }
.kc-my-account .orders .order.parent .order-view { max-width:15%; }

/* Checkout */
.kc-checkout {}
.kc-checkout h2 {border-bottom:1px solid #dddddd; margin:0 0 10px 0; padding:0 0 10px 0; font-size:2.6em; text-transform: none;}

.kc-checkout .delivery-totals { float:right;}
.kc-checkout .delivery-totals div { width:100%;}
.kc-checkout .delivery-totals span { display:inline-block; line-height:30px; font-size:1.6em; width:100px; text-align: left; font-weight:300;}
.kc-checkout .delivery-totals .title { font-weight:600; width:300px; text-align: right; padding:0 20px;}

.kc-checkout .valid-code span { display:inline-block; font-size:1.6em; line-height:40px; }
.kc-checkout .valid-code .title {font-weight:600; color:#6DAD43; }
.kc-checkout .valid-code .price {font-weight:300; }

.kc-checkout .order-details {border-bottom: 1px solid #dddddd; margin: 0 0 20px 0; padding: 0 0 20px 0;}
.kc-checkout .order-details p {margin:0;}
.kc-checkout .order-details .billing-info { float:left; width:100%; max-width:50%;}
.kc-checkout .order-details .delivery-info { float:left; width:100%; max-width:50%;}
.kc-checkout .order-details .address{margin:0 0 10px 0;}

.kc-checkout .delivery-instructions {border-bottom: 1px solid #dddddd; margin:0 0 20px 0; padding:0 0 20px 0;}
.kc-checkout .delivery-instructions h2 {border:0; padding:0;}
.kc-checkout .delivery-instructions textarea {width:100%; max-width:100%; height:150px;}
.kc-checkout .delivery-instructions .delivery-notes { float:left; width:100%; max-width:48%; margin:0 2% 0 0;}
.kc-checkout .delivery-instructions .special-instructions { float:left; width:100%; max-width:48%; margin:0 0 0 2%;}

/* Payment */

.payment-details h2 {border: 0; padding: 0;}

.payment-options {float:left; padding-right:2%; width:20%;}
.payment_form { float:left; width:78%;}

.purchase_paymentprovider { padding:10px 20px; display:block; background-color:#9AA6D8; cursor: pointer; position:relative; margin-bottom: 20px;  max-width:180px;}
.purchase_paymentprovider .arrow { width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-left: 10px solid #18428F; position:absolute; top:11px; right:-10px; display:none;}
.purchase_paymentprovider.active {background-color:#18428F;}
.purchase_paymentprovider.active .arrow {display:block;}
.purchase_paymentprovider input[type='radio'] {-webkit-appearence:none;}
.purchase_paymentprovider input[type="radio"] {display:none;}
.purchase_paymentprovider p { color:#ffffff; margin:0; font-size:14px; font-weight:300;}

#process_form .btn {margin:0;}
#process_form,
#cardsave_form { border:1px solid #dddddd; padding:30px; background:#eeeeee; margin:0 0 30px 0; margin-right:2%; max-width:48%; width:100%; float:left;
	 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#process_form {max-width:100%;}

#cardsave_form label { width:180px; float:left; line-height:40px; font-size:1.4em;}
#cardsave_form label span {font-size:12px;}
#cardsave_form input { width:267px; float:left; border:1px solid #dddddd;}
#cardsave_form select {width:60px; border:1px solid #dddddd; background: url(../../images/_core/ui/arrow_select.png) 90% center #ffffff no-repeat; background-size: 10px; padding-right:20px;}
#cardsave_form .cv2 input { width:60px;}
#cardsave_form .issue-no input {width:60px;}
#cardsave_form .start-date span,
#cardsave_form .expiry span { margin:0 10px 0 5px; font-size:12px;}
#cardsave_form .btn {margin:0;}

.cardinfo-screen { float:left; max-width:48%; width:100%; margin:0 0 30px 0; margin-left:2%;
	 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cardinfo-screen img {margin:0 0 20px 0;}


/* View Order */
.kc-view-order {background:none;}
.kc-view-order .content {padding:0; padding-left:330px; background:none;}
.kc-view-order .basket-items .item .item-details .item-image {max-width:20%;}
.kc-view-order .delivery-totals span {font-size:1.4em;}
.kc-view-order .delivery-totals .title {width:210px;}

/* Edit Address */
.kc-edit-address .address-list .address .button {max-width:30%;}
.kc-edit-address .address-list .address .button .btn {float:right;}

/* Change Password */
.kc-change-password {}
.kc-change-password .body-text { float:right; max-width:50%;}

/* Pagination Top */
.pagination {margin:0 1%;}
.pagination .options {}
.pagination .options fieldset {margin:0; float:left; margin-left:20px;}
.pagination .options label { float:left; line-height:29px; color:#222222; margin-right:10px;}
.pagination .options .bg-select {float:left; background-color:#ffffff; border:1px solid #777777;}
.pagination .options select { border:0; min-width:180px; background:url(../../images/_core/ui/arrow_select.png) 95% center no-repeat; background-size:12px; font-size:1.4em; height:28px; color:#222222; padding: 2px 28px 2px 5px;}
.pagination .options select option {color:#777777;}
.pagination .options { float:right;}

.pagination.top {
	padding: 15px 0;
	border-bottom: 1px solid #18428F;
	margin: 0 0 20px 0;
}
.pagination .views {
	float: right;
	line-height: 30px;
	margin: 0px 15px 0 0px;
}
.pagination .views a {width:28px; height:22px; display:inline-block; margin:4px 0 4px 10px; opacity:0.5;}
.pagination .views a:hover,
.pagination .views a.active {opacity:1;}
.pagination .views .icon-grid { background: url(../../images/_core/ui/icon_grid.png) center no-repeat; background-size:28px;}
.pagination .views .icon-list {background: url(../../images/_core/ui/icon_list.png) center no-repeat; background-size:28px;}
.pagination .views span {display:inline-block; margin:0; line-height:30px; vertical-align:top; font-size:1.6em;}

  .showing {}
  .showing p {
	margin: 0;
	line-height: 30px;
	font-weight: 700;
	font-size: 2.5em;
	text-transform: uppercase;
	color: #18428F;
}

/* Pagination Bottom */
.pagination.bottom { padding:20px 0; text-align:center; float:none; margin:0 1%; list-style: none; position:relative;}
.pagination.bottom #flip{  display:inline-block;}
.pagination.bottom #flip SELECT{ display: none}
.pagination.bottom #flip a{ background:#FFF}
.pagination.bottom .next {float:right;}
.pagination.bottom .prev {float:left;}
.pagination.bottom .pages-list {display:inline-block;}
.pagination.bottom .pages-list .current{background-color:#ffffff; color:#222222; border:1px solid #18428F;}
.pagination.bottom .pages-next {float: right;}
.pagination.bottom .pages-prev {float:left;}
.pagination.bottom .pages-next .next {right:0; width: auto; position: absolute;}
.pagination.bottom .pages-prev .prev{left:0; width: auto; position: absolute;}

.pagination.bottom span,
.pagination.bottom a { width:40px; height:20px; padding:10px 0; margin:0 2px; text-align:center; border:1px solid #DCDCDC; color:#333333; display:block; font-size:1.4em; line-height:1.6em; float:left; text-decoration:none;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.pagination.bottom a {cursor:pointer;}
.pagination.bottom a:hover {background-color:#ffffff; color:#222222; border:1px solid #18428F;}
.pagination.bottom .next a,
.pagination.bottom .prev a{width:auto; position:absolute;}
.pagination.bottom .pages-next .next,
.pagination.bottom .next a{ background:url(../../images/_core/ui/black_arrow_right.png) 90% center no-repeat; background-size:10px; padding:10px 30px 10px 10px; margin-right:0; right:0;}
.pagination.bottom .pages-prev .prev,
.pagination.bottom .prev a{ background:url(../../images/_core/ui/black_arrow_left.png) 10px center no-repeat; background-size:10px; padding:10px 10px 10px 30px; margin-left:0; left:0;}
.pagination.bottom .next:hover a,
.pagination.bottom .prev:hover a{ background-color:#ffffff; color:#222222;}
.pagination.bottom .active a {background-color: #ffffff !important;}


/* Product Filters */
.filters-container {max-width:200px; width:100%; float:left; padding:1% 0 0 0;}
#filters { width:100%; max-width: 100%; float:left; padding:0 0 10px 0; }
#filters .filter {
	display: block;
	padding: 15px;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	border: 1px solid #dddddd;
}
#filters .filter h2 i{ float:right}
#filters .filter h2 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	font-size: 1.7em;
	border-bottom: 1px solid #18428F;
	cursor: pointer;
	background-size: 16px;
	padding-right: 0px;
	text-transform: uppercase;
	font-weight: 200;
}
#filters .filter h2.arrow { background:url(../../images/_core/ui/arrow-up-black.png) right 6px no-repeat; background-size:16px;}
#filters .filter .options {display:block; }
#filters .filter .options .selected {
	color: #18428F;
}
#filters .filter .options fieldset {margin:0 0 10px 0; }
#filters .filter .finish {display:inline-block; width:32px; height:32px; background-color:#D2D3D7; margin-left:2px; cursor:pointer; }
#filters .filter .finish img {max-width:100%; }
#filters .filter .finish:first-child {margin-left:0; }
#filters fieldset { padding:0; border:0; display:block; }
#filters label{ box-sizing:border-box; width:auto; }
#filters label a { color:#333333; display:inline-block; width:150px;}
#filters input[type=checkbox] {opacity: 0;  float: left;  width:auto;  height:auto; }
#filters input[type=checkbox] + label {  margin: 0 0 0 10px;  position: relative;  cursor: pointer;  font-size:1.3em; float:left; line-height:16px; max-width:150px; }
#filters input[type=checkbox] + label ~ label {  margin: 0 0 0 40px;}
#filters input[type=checkbox] + label::before {  content: ' ';  position: absolute;  left: -22px;  top: 0px;  width:14px;  height: 14px;  display: block;  background: #ffffff;  border: 1px solid #A9A9A9; }
#filters input[type=checkbox] + label::after {  content: ' ';  position: absolute;  left: -21px;  top:1px;  width: 14px;  height: 14px;  display: block;  z-index: 1;  background: url('../../images/_core/svgs/cross.svg') no-repeat center center;
  -ms-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .3s ease;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  background-size:12px;
}
#filters input[type=checkbox]:checked + label::after { -ms-transform: scale(1);  -webkit-transform: scale(1);  transform: scale(1);  opacity: 1; }

#filters .filter ul {padding:0; margin:0; list-style:none;}
#filters .filter ul li {margin:0 0 5px 0;}
#filters .filter ul li a {
	font-weight: 200;
}
#filters .filter ul li a:hover {color:#18428F;}
#filters .filter ul li a.active {color:#18428F;}

/* Product Slider */
.slick-slider{position: relative; display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track{position: relative; top: 0; left: 0; display: block; min-width:100%!important;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display:block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}
/* Arrows */
.slick-prev,
.slick-next{font-size:0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -32px; padding: 0; cursor: pointer; color: transparent;    border: none; outline: none; background: transparent; z-index:100;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{ color: transparent; outline: none; background: transparent;}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity: .25;}

.slick-prev:before,
.slick-next:before{font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.slick-prev{left:0;}
[dir='rtl'] .slick-prev{right:0; left: auto;}
.slick-prev:before{content: '';}
[dir='rtl'] .slick-prev:before{content: '';}

.slick-next{right:0;}
[dir='rtl'] .slick-next{right: auto; left:0;}
.slick-next:before{ content: '';}
[dir='rtl'] .slick-next:before{content: '';}


/* Modals */
.modal-content {width:400px;}
.modal-content .modal-body { padding:20px!important; position:relative;}

.modal-content .modal-body h2 {margin-bottom:10px; text-align:center; font-size:2.0em; color:#18428F;}
.modal-content .modal-body .form label,
.modal-content .modal-body .form input,
.modal-content .modal-body .form textarea {width:100%; color:#333333; font-size:1.2em; font-weight:300; max-width:100%; }
.modal-content .modal-body .form label {text-align:center; color:#333333; font-size:1.4em;}
.modal-content .modal-body .form input,
.modal-content .modal-body .form textarea { border: 2px solid rgba(167,167,167,1);}
.modal-content .modal-body .form p {color:#333333; font-size:1.2em; text-align:center; margin:0;}
.modal-content .modal-body p a:hover {color:#6DAD43;}

.modal-content .modal-body.thank-you { text-align:center;}
.modal-content .modal-body.thank-you .text { margin-bottom:30px;}

.modal-content .modal-body.question textarea {height:50px;}

.modal-content #close {position:absolute; top:0; right:0; font-weight:400; font-size:30px; text-decoration:none; line-height:30px; height:30px; width:30px; text-align:center; background-color:#6DAD43; color:#ffffff; font-size:20px;}
.modal-content #close:hover { background-color:#18428F; color:#ffffff;}

.modal-content .btn {width:100%; text-align:center; background-color:#6DAD43; color:#ffffff; margin-bottom:15px; display:block;}
.modal-content .btn.close {background-color:#6DAD43; text-align:center; margin:0 auto; display:block; width:168px; float: none; padding: 5px 40px;}

.modal-content .btn:hover {background-color:#18428F; }

.modal-content .link { font-size:20px;}

#sac{ position:relative;}
.search-autocomplete { z-index:9999!important; position:absolute; top:40px; left:0; background-color:#ffffff; width:100%;}
.search-content { box-shadow: 0 2px 8px rgba(0,0,0,0.55); border:0; padding:0; width:100%; }
.search-content .header { display: none; }

.search-bd h5 { margin:0; padding:5px 12px 5px 12px; font-weight: 300; color:#ffffff; font-size:1.5em; line-height: 20px; background:#18428F; }
.search-bd h5 a {color:#fff; font-size:1.2em;}
.search-bd ul > li.selected { background: none !important; }
.search-bd ul > li:hover { background: #f4f4f4 !important; }
.search-bd .price-box{font-size:12px;}

#sac-suggest ul { padding:4px 0 4px 0; }
#sac-suggest ul li { border: 0; margin: 0; font-size:1.0em; padding:5px 10px; min-height: 0; color:#ffffff; }
#sac-suggest ul li a { border:0; padding:0; text-decoration: none; color:#666666; font-size:1.2em; }

#sac-suggest .sac-suggest {background:#6DAD43; padding:10px;}
#sac-suggest .sac-suggest h5 {margin:0; color:#ffffff; font-size:1.6em;}
#sac-suggest .sac-suggest h5 a {margin:0 0 5px 0; color:#ffffff; font-size:0.8em;}
#sac-suggest .sac-suggest h5 span {color:#ffffff; font-size:1.0em; font-weight:400;}

#sac-results ul { list-style:none; padding:0; margin:0;}
#sac-results ul li { border:0; border-top:1px solid #dddddd; margin:0; padding:10px; font-size:1.0em;}
#sac-results ul li:first-child { border-top:0; }
#sac-results ul li:hover {background-color:#f4f4f4;}

#sac-results ul li .item {display:block;}
#sac-results ul li .item span {display:block;}
#sac-results ul li .item .image {width:100%; max-width:20%; float:left;}
#sac-results ul li .item .image img {display:block; max-width:100%; width:100%;}
#sac-results ul li .item .desc {width:100%; max-width:80%; padding-left:20px; box-sizing:border-box; float:left;}
#sac-results ul li .item .desc .name {font-size:1.4em; margin:0 0 5px 0; color:#333333; font-weight:600;}
#sac-results ul li .item .desc .cat {font-size:1.2em; margin:0 0 5px 0; color:#333333;}
#sac-results ul li .item .desc .code {font-size:1.2em; margin:0; color:#333333;}

.sac-all-results-wrapper {}
.sac-all-results-wrapper .sac-all-results {display:block; margin:auto; padding: 0; height:36px; border:none; background:#18428F; color:#ffffff; text-align:center; text-decoration:none !important; font-weight:bold; font-size:14px; line-height:36px; cursor:pointer;}
.sac-all-results-wrapper .sac-all-results:hover {color:#ffffff; background:#333333;}

/* --- Flex Slider --- */


/* Resets */

.flex-container a:hover, .flex-slider a:hover {
    outline: none;
}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flex-pauseplay span {
    text-transform: capitalize;
}

/* Base styles */

.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
    width: 100%;
    display: block;
}
.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .flexslider .slides {
    mdisplay: block;
}
* html .flexslider .slides {
    height: 1%;
}
.no-js .flexslider .slides > li:first-child {
    display: block;
}

/* Default styles */

.flexslider {
    margin: 0 0 60px;
    position: relative;
    zoom: 1;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
    zoom: 1;
}
.flexslider .slides img {
    height: auto;
    -moz-user-select: none;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 300px;
}
.carousel li {
    margin-right: 5px;
}
.flex-direction-nav {
    *height: 0;
}
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 32px;
    height: 32px;
    margin: -16px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
    width: 32px;
    height: 32px;
    display: inline-block;
    content: "";
    background: url(../images/arrow-left-white.png) center no-repeat;
    background-size: 32px;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
    content: "";
    background: url(../images/arrow-right-white.png) center no-repeat;
    background-size: 32px;
}
.flex-direction-nav .flex-prev {
    left: 10px;
}
.flex-direction-nav .flex-next {
    right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}
.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
}
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #ffffff;
}
.flex-pauseplay a:before {
    font-size: 20px;
    display: inline-block;
    content: '\f004';
}
.flex-pauseplay a:hover {
    opacity: 1;
}
.flex-pauseplay a.flex-play:before {
    content: '\f003';
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

/* --- Media Queries --- */
@media screen and (max-width: 1920px) {

}

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

	/* Header */
	header .top-nav {max-width:1200px;}
	header nav {max-width:1200px;}
	header .top-nav .links{font-size:1.3em}

	/* Menu */
	.menu {max-width:1200px;}
	.menu li.has-dropdown a.main {padding:0 45px;}

	.taglines {max-width:1200px; padding:5px 42px;}
	.taglines a {padding-right:37px; margin-left:37px;}

	/* footer */
	footer .content {max-width:1200px!important;}
	footer .credits-wrapper {max-width:1200px;}

	/* banner */
	.home-banner {max-width:1200px; max-height:342px;}
	/*.home-banner .images {height: 300px;} */
	/* .home-banner .slides { height: 300px;} */
	.home-banner .controls .box .item p {font-size:1.3em;}

	/* Buttons */
	.btn.buy {width:100%;}

	/* Layout */
	.layout .container {max-width:1200px;}

	/* Layout */
	.layout-contact .container {max-width:100%!important;}

	/* Layout Home */
	.industry-feed .article h5 {font-size:1.2em;}

	/* Tiles */
	.layout-home .tiles-container .tiles {max-width:1200px;}

	.layout-home .tiles-container .tiles .tile h3 { font-size: 2.2em;}
	.layout-home .tiles-container .tiles .tile h4 { font-size:1.4em;}
	.layout-home .tiles-container .tiles .tile p { font-size:1.2em;}

	.layout-home .tiles-container .tiles .col-1 {width:388px; }
	.layout-home .tiles-container .tiles .col-2 {width:388px; margin:0px 18px 18px 18px;}
	.layout-home .tiles-container .tiles .col-3 {width:388px; }

	.layout-home .tiles-container .tiles .col-1 .tile-1 {width:388px; height:214px; margin:0 0 18px 0; background:#18428F;}
	.layout-home .tiles-container .tiles .col-1 .tile-2 {width:185px; height:214px; background:url(../images/arrow-down-right-blue.png) 147px 176px #ffffff no-repeat; background-size:27px;}
	.layout-home .tiles-container .tiles .col-1 .tile-3 {width:185px; height:214px; margin:0 0 0 18px;}
	.layout-home .tiles-container .tiles .col-2 .tile-1 {width:388px; height:448px; background:url(../images/arrow-down-right-blue.png) 350px 410px #ffffff no-repeat; background-size:27px;}
	.layout-home .tiles-container .tiles .col-3 .tile-1 {width:185px; height:214px; margin:0 0 18px 0; background:url(../images/arrow-down-right-blue.png) 147px 176px #ffffff no-repeat; background-size:27px;}
	.layout-home .tiles-container .tiles .col-3 .tile-2 {width:185px; height:448px; float:right; background:url(../images/arrow-down-right-blue.png) 147px 410px #ffffff no-repeat; background-size:27px;}
	.layout-home .tiles-container .tiles .col-3 .tile-3 {width:185px; height:214px;}
	.layout-home .tiles-container .tiles .row .tile-1 {width:388px; height:214px; background:url(../images/arrow-down-right-blue.png) 350px 176px #ffffff no-repeat; background-size:27px;}
	.layout-home .tiles-container .tiles .row .tile-2 {width:185px; height:214px; margin:0 0 0 18px;}
	.layout-home .tiles-container .tiles .row .tile-3 {width:185px; height:214px; margin:0 0 0 18px;}
	.layout-home .tiles-container .tiles .row .tile-3 img {max-width:170px; top:48%;}
	.layout-home .tiles-container .tiles .row .tile-4 {width:388px; height:214px; margin:0 0 0 18px;}

	.layout-home .tiles-container .news-article {}
	.layout-home .tiles-container .news-article .image img { max-width:171px;}
	.layout-home .tiles-container .news-article .text { float:left; padding:10px; width:195px;}
	.layout-home .tiles-container .news-article .text h3 {}
	.layout-home .tiles-container .news-article .text .title {}
	.layout-home .tiles-container .news-article .text .date {}
	.layout-home .tiles-container .news-article .text .teaser {}

	.features-wrapper {}
	.features-wrapper .tiles {max-width:1200px;}
	.features-wrapper .tiles .tile {width:185px; height:214px; margin:0 0 0 18px;}
	.features-wrapper .tiles .tile h3 {font-size:2.2em;}
	.features-wrapper .tiles .tile h4 {font-size:1.4em;}

	.features-wrapper .tiles .tile-1 {background:url(../../images/_core/ui/alert_bg.png) center #6DAD43 no-repeat; background-size:216px; margin:0;}
	.features-wrapper .tiles .tile-2 {padding:0;}
	.features-wrapper .tiles .tile-3 {background:url(../../images/_core/ui/arrow-down-right-white.png) 147px 176px #FD7D1E no-repeat; background-size:27px;}
	.features-wrapper .tiles .tile-4 {padding:0;}
	.features-wrapper .tiles .tile-5 {background:url(../../images/_core/ui/arrow-down-right-white.png) 147px 176px #893B67 no-repeat; background-size:27px;}
	.features-wrapper .tiles .tile-6 {background:url(../../images/_core/ui/truck_bg.png) center #00A4E0 no-repeat; background-size:216px;}


	/* --- Kick Commerce --- */
	/* --------------------- */

	/* Toolbar / Breadcrumb */
	.toolbar {max-width:1200px;}
	.toolbar .steps a,
	.toolbar .steps div {width:45px; height:45px; }
	.toolbar .steps span {line-height:45px; height:45px;}
	.toolbar .step-basket {background-size:20px;}
	.toolbar .step-delivery {background-size:25px;}
	.toolbar .step-checkout {background-size:25px;}

	/* Category Banner */
	.banner-category {max-width: 1200px;}

	/* KC Category Layout */
	.kc-category-layout .category-wrapper {max-width:1200px;}

	/* KC Product layout */
	.kc-product-layout .container {max-width:1200px;}
	.kc-product-layout .product-info {max-width:874px;}
	.kc-product-layout .product-options { max-width:310px; margin:0 0 0 16px;}
	.kc-product-layout .product-options h3 {font-size:1.6em;}

	/* KC Product layout Quote */
	.kc-product-layout-1-quote .product-info { max-width:414px;}
	.kc-product-layout-1-quote .product-options {max-width:770px;}
    .kc-product-layout-1-quote .product-varieties .variety {max-width: 48%; }

	.grid-container .box h4 {font-size:1.4em;}
	.grid-container .box .details p {font-size:1.2em;}

    .product-grid .variety-title {max-width:36%;}
    .product-grid .variety-value {max-width:64%;}
	.product-grid .variety-name {font-size:1.2em;}
	.product-grid .variety-title p {font-size:1.1em;}
	.product-grid .variety-value p {font-size:1.1em;}
	.product-grid .variety-price{display:block; float:right;}

	.kc-product-layout .product-options .available div {font-size: 1.4em;}
	.kc-product-layout .product-options .delivery {margin:0 0 0 20px;}

	#product-group-tabs .group-info .grid-container {max-width:1200px;}
	#product-group-tabs .group-info .grid-container .box {max-width:216px;}

	/* Basket */
	.kc-basket .container { max-width:1200px; }
	.kc-basket h1 {font-size:2.8em;}
	.kc-basket .basket-items .item {font-size:1.4em;}

	/* Basket */
	.kc-my-account .container { max-width:1200px; }
	.kc-my-account h1 {font-size:2.8em;}
	.kc-my-account .orders .order {font-size:1.4em;}
	.kc-my-account .orders .order .order-view .btn {font-size: 0.8em;}

	/* Sign In*/
	.kc-sign-in .container { max-width:1200px; }


 	/* Payment */
	#cardsave_form {max-width:57%;}
	.cardinfo-screen {max-width:39%;}

}

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

	.home-banner .controls {display:none;}

	.feature-links {top:60%; margin-top:-164px;}
	.feature-links a {width:auto; height:auto;  padding:30px; font-size:1.0em;}
	.feature-links a span {display:none;}
	.feature-links .basket {background: url(../../images/_core/ui/basket_white.png) center no-repeat;background-color:#555555;background-size: 25px;}
	.feature-links .callback {  background: url(../../images/_core/ui/phone_white.png) center no-repeat; background-color:#555555; background-size:25px;}
	.feature-links .chat { background: url(../../images/_core/ui/bubbles_white.png) center no-repeat; background-color:#555555; background-size:25px; cursor:pointer;}
	.feature-links .brochure { background: url(../../images/_core/ui/book_white.png) center no-repeat; background-color:#555555; background-size:25px;}

	.feature-links .basket .amount {top: 25px; height: 25px; width: 25px; line-height: 25px; left: 18px;}

	.layout-home .tiles-container .tiles .row .tile-3 img {max-width:160px; top:48%;}

    .layout-default .subpages  {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
}


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

    .hide-for-desktop-sml {display:none!important;}
    .show-for-desktop-sml {display:block!important;}
header.fixed{ height:160px}
	header nav .logo a,
header nav .logo a img {
max-height: 60px;}
header.fixed nav .logo {padding:5px 0; height:60px; overflow:hidden;}
header.fixed nav .logo a,
header.fixed nav .logo a img {max-height:60px;   }

header nav .nav{ margin-bottom:15px }
header.fixed nav .nav { position:absolute; top:75px;margin-bottom:15px}
header.fixed nav .nav { width:920px; }


header nav .contact {
	float: left;
	margin:15px 0 0 5px;}

	
 

	/* Header */
	header .top-nav {max-width:926px;}
	header nav {max-width:926px;}
	
	 
	
	
	
	header .top-nav .strapline {font-size:1.0em; max-width:225px;}
	header .top-nav .links{font-size:1.1em}
	header .top-nav .links a {padding:5px 10px; }
	header nav .contact .uk a {font-size:2.5em;}
	header nav .contact .uk span {font-size:2.0em;}

	header nav .search-box {max-width:430px;margin: 5px 0 15px 0px;}
	
	 


	header nav .search-box.expanded {max-width: 430px;}
	header nav .search-box  .links a {font-size:1.2em; margin:0 0 0 0px;}
	header nav .search-box  .links a:first-child {margin:0;}
	header nav .search-box  .links .contact {background: url(../../images/_core/ui/phone.png) center right no-repeat; background-size: 16px; padding-right:22px;}
	header nav .search-box.expanded .links .online-chat {background: url(../../images/_core/ui/comments.png) center right no-repeat; background-size:20px; padding-right:25px;}
	header nav .search-box.expanded .links .account {background: url(../../images/_core/ui/user.png) center right no-repeat; background-size:16px; padding-right:22px;}
	header nav .search-box.expanded .links .signin {background: url(../../images/_core/ui/key.png) center right no-repeat; background-size:16px; padding-right:22px;}
	header nav .search-box.expanded .links .signout {background: url(../../images/_core/ui/key.png) center right no-repeat; background-size:16px; padding-right:22px;}
	header nav .search-box.expanded .links .basket {background: url(../../images/_core/ui/basket.png) center right no-repeat; background-size:16px; padding-right:22px;}


	/* Menu */
	.menu {max-width:926px;  }
	.menu li.has-dropdown a.main {padding:0 25px;}
	.menu li a {font-size:1.4em;}

	.menu .dropdown {padding:20px;}
	.menu .dropdown.kc {min-height:210px;}
	.menu .dropdown .desc h3 {
	font-size: 1.4em;
}
	.menu .dropdown .desc p {font-size:1.4em;}
	.menu .subnav-wrapper .col li {margin:0 0 5px 0;}

	/* Tags */
	.taglines {max-width:926px; padding:5px 20px;}
	.taglines a {padding-right:21px; margin-left:21px; font-size:1.2em;}

	/* footer */
	footer .content {max-width:926px!important;}
	footer .credits-wrapper {max-width:926px;}
	footer .content .links h4 {font-size:1.4em;}
	footer .content .links li {font-size:1.2em;}
	footer .signup-box h3 {font-size:1.8em;}
	footer .signup-box p {font-size:1.2em;}
	footer .signup-box fieldset {max-width:100%; font-size:1.2em;}

	/* btns */
	.btn {padding:5px 10px; font-size:1.2em;}

	/* banner */
	.home-banner {max-width:926px; max-height:264px;}
	/* .home-banner .images {height:265px;} */
	/* .home-banner .slides { height:265px;} */
	.home-banner .controls .box .item h4 {font-size:1.8em;}
	.home-banner .controls .box .item p {font-size:1.4em;}
	.flex-direction-nav .flex-prev {left: 5px;}
	.flex-direction-nav .flex-next {right: 5px;}
	.flexslider:hover .flex-direction-nav .flex-prev {left: 5px;}
	.flexslider:hover .flex-direction-nav .flex-next {right: 5px;}
	.flex-direction-nav a {width:20px; height:20px; margin: -10px 0 0 0;}
	.flex-direction-nav a:before {width:20px; height:20px; background: url(../../images/_core/ui/arrow-left-white.png) center no-repeat; background-size: 20px;}
	.flex-direction-nav a.flex-next:before {background: url(../../images/_core/ui/arrow-right-white.png) center no-repeat; background-size: 20px;}

	/* Layout */
	.layout .container {max-width:926px;}

	/* Layout home */
	.layout-home .tiles-container .tiles {max-width:926px;}

	.layout-home .tiles-container .tiles .tile h3 { font-size: 2.5em;}
	.layout-home .tiles-container .tiles .tile h4 {
	font-size: 1.6em;
	text-transform: uppercase;
}
	.layout-home .tiles-container .tiles .tile p { font-size:1.4em;}

	.layout-home .tiles-container .tiles .col-1 { width: 453px; }
	.layout-home .tiles-container .tiles .col-2 { width: 453px; margin:0px 0 20px 20px;}
	.layout-home .tiles-container .tiles .col-3 { width: 453px; }

	.layout-home .tiles-container .tiles .col-1 .tile-1 {width:453px; height:250px; margin:0 0 20px 0; background:#18428F;}
	.layout-home .tiles-container .tiles .col-1 .tile-2 {width:216px; height:250px; background:url(../images/arrow-down-right-blue.png) 178px 212px #ffffff no-repeat; background-size:27px;}
	.layout-home .tiles-container .tiles .col-1 .tile-3 {width:216px; height:250px; margin:0 0 0 20px;}
	.layout-home .tiles-container .tiles .col-2 .tile-1 {width:453px; height:520px; background:url(../images/arrow-down-right-blue.png) 415px 481px #ffffff no-repeat; background-size:27px;}
	.layout-home .tiles-container .tiles .col-3 .tile-1 {width:216px; height:250px; margin:0 0 20px 0; background:url(../images/arrow-down-right-blue.png) 178px 212px #ffffff no-repeat; background-size:27px;}
	.layout-home .tiles-container .tiles .col-3 .tile-2 {width:216px; height:520px; float:right; background:url(../images/arrow-down-right-blue.png) 178px 481px #ffffff no-repeat; background-size:27px;}
	.layout-home .tiles-container .tiles .col-3 .tile-3 {width:216px; height:250px;}

	.layout-home .tiles-container .tiles .row {width:453px; margin:0 0 20px 20px; float:left;}
	.layout-home .tiles-container .tiles .row .tile-1 {width:453px; height:250px; background:url(../images/arrow-down-right-blue.png) 415px 212px #ffffff no-repeat; background-size:27px; margin:0 0 20px 0;}
	.layout-home .tiles-container .tiles .row .tile-2 {width:216px; height:250px; margin:0;}
	.layout-home .tiles-container .tiles .row .tile-3 {width:216px; height:250px; margin:0 0 0 20px;}
	.layout-home .tiles-container .tiles .row .tile-4 {width:453px; height:250px; margin:0 0 0 20px; display:none;}

	.layout-home .tiles-container .news-article .image img { max-width: 200px;}

	/* Promise */
	.promise-wrapper .content {max-width:926px;}
	.promise-wrapper .promise ul li {font-size:1.3em; background: url(../../images/_core/ui/tick.png) 0 3px no-repeat; background-size: 16px;}
	.promise-wrapper .payment-info h4 {font-size: 1.4em;}


	/* --- Kick Commerce --- */
	/* --------------------- */

	/* Tolbar / Breadcrumb */
	.toolbar {max-width:926px;}

	/* Category Banner */
	.banner-category {max-width: 926px;}
	.banner-category .slide h1 {font-size: 2.6em;}
	.banner-category .slide p {font-size: 1.2em;}

	/* Category Bannerv2 */
	.banner-categoryv2 .slide p {font-size:1.3em;}
	/* Added by Lee  */ .banner-categoryv2 .images div {background-size:contain;}

	/* KC Category Layout */
	.kc-category-layout .category-wrapper {max-width:926px;}

	/* Product Layout */
	.kc-product-layout .container {max-width:926px;}
	.kc-product-layout .product-info {max-width:100%; margin:0 0 20px 0;}
	.kc-product-layout .product-options { max-width:100%; margin:0;}
	.kc-product-layout .product-options h3 {font-size:1.6em;}

	.kc-product-layout .product-varieties .variety {max-width:31%; margin:0 0 0 2%; width:100%; border-top: 0; border-left: 1px solid #dddddd; float:left; padding:0 0 0 2%; box-sizing:border-box;}
	.kc-product-layout .product-varieties .variety .variety-info {min-height:66px;}

	/* KC Product layout Quote */
	.kc-product-layout-1-quote .product-info { max-width:300px;}
	.kc-product-layout-1-quote .product-options {max-width:610px; margin:0 0 0 16px;}
    .kc-product-layout-1-quote .product-varieties .variety {max-width: 48%; }

	.grid-container .box {max-width:31%;}
	.grid-container .box h4 {font-size:1.4em;}
	.grid-container .box .details p {font-size:1.2em;}

	.product-list .box {max-width:100%;}
	.product-list .box .details {max-width:52%;}
	.product-list .box .info {max-width:23%;}
	.product-list .box .info .stock {margin:0;}
	.product-list .box a {font-size:1.2em;}


	.kc-product-layout .product-options .available div {font-size: 1.4em;}
	.kc-product-layout .product-options .delivery {margin:0 0 0 20px;}

	#product-tabs .info {padding:20px;}
	#product-group-tabs .group-info .grid-container {max-width:1000px;}
	#product-group-tabs .group-info .grid-container .box {max-width:216px;}

	/* Basket */
	.kc-basket .container { max-width:926px; }
	.kc-basket .basket-items .item {font-size:1.2em;}
	.kc-basket .basket-items .item .item-options input {max-width: 40px;}
	.kc-basket .basket-items .item .item-details .item-image { max-width:20%;}

	.kc-basket .voucher-wrapper .voucher input {max-width:180px;}
	.kc-basket .voucher-wrapper .voucher .voucher-check {font-size:1.2em;}
	.kc-basket .basket-items .update-basket {font-size:1.2em;}

	.kc-basket .basket-total {padding:0;}
	.kc-basket .basket-total span {font-size:1.4em;}

	.kc-basket .voucher-wrapper .valid-code {padding:0; }
	.kc-basket .voucher-wrapper .valid-code span { display:inline-block; font-size:1.4em; line-height:40px; }

	.kc-basket .continue-to-delivery {max-width:330px;}
	.kc-basket .continue-to-delivery label {font-size:1.4em;}
	.kc-basket .continue-to-delivery input {max-width:200px}

	/* My Account */
	.kc-my-account .container { max-width:926px; }
	.kc-my-account .orders .order {font-size:1.2em;}

	/* Checkout */
	.kc-checkout h2 {font-size:2.0em;}
	.kc-checkout .delivery-totals span {font-size:1.2em; width:85px;}
	.kc-checkout .order-details .billing-info h3 {font-size:1.8em;}
	.kc-checkout .order-details p {font-size:1.2em;}

	/* Sign In*/
	.kc-sign-in .container { max-width:926px; }

	/* Change Password */
	.kc-change-password .body-text {max-width:100%; float:none;}

	/* Pagination */
	.pagination .options select {min-width:0;}
	.pagination .options label {font-size:1.2em;}
	.pagination .showing p {font-size:1.4em;}

	/* Payment */
	#cardsave_form {max-width:64%;}
	#cardsave_form label { font-size:1.2em; width:150px;}
	#cardsave_form input {width:230px;}
	.cardinfo-screen{ max-width:30%;}
	.purchase_paymentprovider { padding:10px;}
	.purchase_paymentprovider p {font-size:12px;}
	
	.feature-links i{
	font-size: 26px;
	position: absolute;
	text-align: center;
	width: 60px;
	top: 20px;
}


.feature-links a { width:80px; height:80px; color:#ffffff; font-size:1.2em; margin-top:10px; display:table; text-align:center; padding:60px 10px 10px 10px; text-decoration:none; box-sizing:border-box; opacity:0; position:relative; right:-80px;}


.feature-links a span {display: table-cell;  width:100%;  height:100%;  vertical-align: middle;}

.feature-links .basket { background: url(../../images/_core/ui/basket_white.png) center 10px no-repeat; background-color:#555555; background-size:28px;}
.feature-links .callback {  background: url(../../images/_core/ui/phone_white.png) center 10px no-repeat; background-color:#555555; background-size:24px;}
.feature-links .chat { background: url(../../images/_core/ui/bubbles_white.png) center 10px no-repeat; background-color:#555555; background-size:34px; cursor:pointer;}
.feature-links .brochure { background: url(../../images/_core/ui/book_white.png) center 10px no-repeat; background-color:#555555; background-size:32px;}

	 
	
}


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

	#product-group-tabs .group-info .loader {background: url(../images/loader.gif) center no-repeat; background-size:30px; width:30px; height:34px;}

	.product-list .variety-price-wrapper {text-align: center;}
	.product-list .variety {max-width:100%; padding:0; margin:0;}
	.product-list .variety.odd {padding:10px 0 0 0; margin:10px 0 0 0; border-left:none; border-top:1px solid #dddddd; }
	.product-list .variety-price {display:inline-block;}
}

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

	.hide-for-tab { display:none; }
	.show-for-tab { display:block; }


	/* structure */
	header {
	height: 115px;
}
	header nav {height:auto; padding:0;}
	header nav .logo {
	padding: 10px 0;
	text-align: center;
	height: 70px;
	width: 100%
}
	header nav .logo a {height:45px; overflow:hidden;}
	header nav .logo a,
	header nav .logo a img {display:inline-block; margin:0 auto; max-height:60px;}
	header nav .links,#search-box {display:none;}
	header nav .search-box { margin:0; max-width:100%;}
	header nav .search-box form {max-width:100%;}
	header nav .search-box.expanded { margin:0; max-width:100%;}

	header nav .contact {display:none;}
	header nav .search-box fieldset input {height:50px;}
	header nav .search-box .btn-search {height:50px;}

	/* Fixed Header */
	header.fixed {height:115px;}
	header.fixed nav .logo {padding:10px; height:45px; overflow:hidden;}
	header.fixed nav .logo a {height:45px;}
	header.fixed nav .logo a,
	header.fixed nav .logo a img {max-height:60px;}
	header.fixed nav .search-box {margin: 0; max-width:100%;}

	/* Mobile Nav */
	.mobile-nav-links {display:block;}

 	/* Menu */
	.hamburger {display:block; float:right;}
	.menu  {display:none;}
	.menu .item {display:block;}

	.top-nav-wrapper {display:none;}

	/* Layout */
	.layout {padding-top:115px;}
	.layout .sidebar {max-width:100%;}
	.layout .content { text-align:center; padding:20px 0;}

	/* Home Banner */
	.home-banner-wrapper {height:400px; display:none;}

	/* News Layout */
	.layout-news .content h1 {font-size:2.2em;}
	.layout-news .content {padding:20px;}
	.layout-news .content table { width:100%!important;}
	.layout-news .news-images { float:none; text-align: center; }

	/* --- Kick Commerce --- */
	/* --------------------- */

	/* Category Layout */
	.grid-container {padding-left:0;}

	/* Filters */
	.filters-container {width:100%; max-width:100%;}
	#filters{float:none;}

	/* Product Layout */
	.kc-product-layout h1 {font-size:2.2em;}

	/* KC Product layout Quote */
	.kc-product-layout-1-quote .product-info { max-width:100%;}
	.kc-product-layout-1-quote .product-options {max-width:100%; margin:0;}

	/* Basket */
	.kc-basket .content {padding:20px; text-align: left;}

	/* My Acount */
	.kc-my-account .content {padding:20px 0; text-align: left;}

	/* Delivery */
	.kc-delivery-options .content {padding:20px;}

	/* Delivery */
	.kc-checkout .content {padding:20px;}

	/* Sign In */
	.kc-sign-in .content {padding:20px;}
	.kc-sign-in .sign-in { float:none; max-width:100%; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #dddddd;}
	.kc-sign-in .register { float:none; max-width:100%; margin:0;}
	.kc-sign-in .btn {float:none; display:inline-block; width:100%; max-width: 310px; padding: 5px 20px;}

	/* Payment */
	#cardsave_form {max-width:100%; float:none; margin-right:0;}
	#cardsave_form label { font-size:1.2em; width:150px;}
	#cardsave_form input {width:230px;}
	.cardinfo-screen{ max-width:100%; float:none; margin-left:0;}
	.purchase_paymentprovider { padding:10px;}
	.purchase_paymentprovider p {font-size:12px;}

}

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

}

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

	/* Header */
	header .top-nav {max-width:796px;}
	header nav {max-width:796px;}

	/* footer */
	footer .content {max-width:796px!important;}
	footer .credits-wrapper {max-width:796px;}
	footer .content .links {max-width:50%; margin:0 0 20px 0;}
	footer .content .links h4 {text-align:center;}
	footer .content .links li {text-align: center;}
	footer .signup-box h3 {text-align:center;}
	footer .signup-box p {text-align:center;}
	footer .signup-box .btn-signup {position:relative; width:100%;}

	/* Feature Links */
	.feature-links {display:none;}

	/* banner */
	.home-banner {max-width:796px;}
	/* .home-banner .images {height:226px;} */
	/* .home-banner .slides { height:226px;} */

	/* Tiles */
	.layout-home .tiles-container .tiles {max-width:796px;}

	.layout-home .tiles-container .tiles .tile h3 { font-size: 2.2em;}
	.layout-home .tiles-container .tiles .tile h4 {
	font-size: 1.4em;
	text-transform: uppercase;
}
	.layout-home .tiles-container .tiles .tile p { font-size:1.2em;}

	.layout-home .tiles-container .tiles .col-1 {width:388px; }
	.layout-home .tiles-container .tiles .col-2 {width:388px; margin:0 0 18px 18px;}
	.layout-home .tiles-container .tiles .col-3 {width:388px; }

	.layout-home .tiles-container .tiles .col-1 .tile-1 {width:388px; height:214px; margin:0 0 18px 0; background:#18428F;}
	.layout-home .tiles-container .tiles .col-1 .tile-2 {width:185px; height:214px; background:url(../images/arrow-down-right-blue.png) 147px 176px #ffffff no-repeat; background-size:27px;}
	.layout-home .tiles-container .tiles .col-1 .tile-3 {width:185px; height:214px; margin:0 0 0 18px;}
	.layout-home .tiles-container .tiles .col-2 .tile-1 {width:388px; height:448px; background:url(../images/arrow-down-right-blue.png) 350px 410px #ffffff no-repeat; background-size:27px;}
	.layout-home .tiles-container .tiles .col-3 .tile-1 {width:185px; height:214px; margin:0 0 18px 0; background:url(../images/arrow-down-right-blue.png) 147px 176px #ffffff no-repeat; background-size:27px;}
	.layout-home .tiles-container .tiles .col-3 .tile-2 {width:185px; height:448px; float:right; background:url(../images/arrow-down-right-blue.png) 147px 410px #ffffff no-repeat; background-size:27px;}
	.layout-home .tiles-container .tiles .col-3 .tile-3 {width:185px; height:214px;}

	.layout-home .tiles-container .tiles .row {width:388px; margin:0 0 18px 18px; float:left;}
	.layout-home .tiles-container .tiles .row .tile-1 {width:388px; height:214px; background:url(../images/arrow-down-right-blue.png) 350px 176px #ffffff no-repeat; background-size:27px;}
	.layout-home .tiles-container .tiles .row .tile-2 {width:185px; height:214px; margin:0;}
	.layout-home .tiles-container .tiles .row .tile-3 {width:185px; height:214px; margin:0 0 0 18px;}
	.layout-home .tiles-container .tiles .row .tile-4 {width:388px; height:214px; margin:0 0 0 18px;}

	.layout-home .tiles-container .news-article .image img {max-width: 171px;}

	/* Promise */
	.promise-wrapper .content {max-width:796px;}
	.promise-wrapper .promise {max-width:80%;}
	.promise-wrapper .promise p {font-size:2.0em;}
	.promise-wrapper .promise ul li {font-size:1.2em; background: url(../../images/_core/ui/tick.png) 0 3px no-repeat; background-size: 16px;}
	.promise-wrapper .payment-info {max-width:20%; padding-left: 25px;}
	.promise-wrapper .payment-info h4 {font-size: 1.2em;}

	/* Tags */
	.taglines {display:none;}


	/* --- Kick Commerce --- */
	/* --------------------- */

	/* Banner Category */
	.banner-category {height:auto;}
	.banner-category .images {width:100%; float:none; height:290px;}
	.banner-category .banner-content {width:100%; float:none; height: auto; padding:30px;}
	.banner-category .slide {}

	/* Banner Category v2 */
	.banner-categoryv2 .slide h1 {font-size: 2.6em;}
	.banner-categoryv2 .slide p {font-size:1.2em;}

	/* Toolbar / Breadcrumb */
	.toolbar-wrapper {padding-top:20px;}

	/* Product Varieties */
	.kc-product-layout .variety-name {font-size:1.4em;}
	.kc-product-layout .product-varieties .variety .variety-info p {font-size:1.2em}

	#filters { width:100%; margin-right:0; float:none; margin-left:0;}
	#filters .filter {display:block; cursor:pointer; margin-bottom:10px; padding:10px;}
	#filters .filter .options {display:none;}

}

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

	/* Basket */
	.kc-basket .voucher-wrapper .voucher {float:left; max-width:315px;}
	.kc-basket .voucher-wrapper .voucher label {font-size:1.2em;}
    header nav   .nav {
	position: absolute;
	top: 90px;
	width: 100%;
	text-align: center;  
}
header nav   .nav a{ padding:5px ;font-size:1.2em; }
	/* Payment */
	.payment-options {width:30%;}
	.payment_form {width:68%;}
}

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

	/* Layout home */
	.layout-home .tiles-container .tiles {max-width:100%; padding:10px;}

	.layout-home .tiles-container .tiles .col-1 {width:100%; margin:0 0 17px 0;}
	.layout-home .tiles-container .tiles .col-2 {width:100%; margin:0 0 17px 0px; }
	.layout-home .tiles-container .tiles .col-3 {width:100%; }

	.layout-home .tiles-container .tiles .col-1 .tile-1 {width:98%; height:201px; margin:0 0 17px 0; background:#18428F;}
	.layout-home .tiles-container .tiles .col-1 .tile-2 {width:46%; height:201px; background:url(../images/arrow-down-right-blue.png) 95% 176px #ffffff no-repeat; background-size:18px;float:left; margin:0 0 0 0px}
	.layout-home .tiles-container .tiles .col-1 .tile-3 {width:50%; height:201px; margin:0 0 0 0px ; float:right}
	.layout-home .tiles-container .tiles .col-2 .tile-1 {width:98%; height:419px; background:url(../images/arrow-down-right-blue.png) 95% 395px #ffffff no-repeat; background-size:18px;}
	.layout-home .tiles-container .tiles .col-3 .tile-1 {width:50%; height:201px; margin:0 0 17px 0; background:url(../images/arrow-down-right-blue.png) 95% 177px #ffffff no-repeat; background-size:18px;}
	.layout-home .tiles-container .tiles .col-3 .tile-2 {width:46%; height:419px; float:right; background:url(../images/arrow-down-right-blue.png) 95% 395px #ffffff no-repeat; background-size:18px;}
	.layout-home .tiles-container .tiles .col-3 .tile-3 {width:50%; height:201px;}

	.layout-home .tiles-container .tiles .row {width:100%; margin:0 0 17px 0px; float:left;}
	.layout-home .tiles-container .tiles .row .tile-1 {width:98%; height:201px; background:url(../images/arrow-down-right-blue.png) 95% 176px #ffffff no-repeat; background-size:18px;}
	.layout-home .tiles-container .tiles .row .tile-2 {width:46%; height:201px; margin:0;}
	.layout-home .tiles-container .tiles .row .tile-3 {width:50%; height:201px; margin:0 0 0 17px;}
	.layout-home .tiles-container .tiles .row .tile-4 {width:365px; height:201px; margin:0 0 0 17px;}

	.layout-home .tiles-container .news-article .image img {max-width: 162px;}
	.layout-home .tiles-container .news-article .text {width: 181px;}
	.layout-home .tiles-container .article.item-1 {display:none;}


	/* --- Kick Commerce --- */
	/* --------------------- */

	/* Product Varieties */
	.kc-product-layout .product-varieties .variety {max-width:48%;}
	.kc-product-layout .variety-name {font-size:1.4em;}
	.kc-product-layout .product-varieties .variety .variety-info p {font-size:1.2em}

	/* Basket */
	.kc-basket .headings .qty { max-width:10%;}
	.kc-basket .headings .product {max-width:50%;}
	.kc-basket .headings .code { max-width:20%;}
	.kc-basket .headings .price { max-width:10%;}
	.kc-basket .headings .total { max-width:10%;}

	.kc-basket .basket-items .item .item-options { max-width:10%; }
	.kc-basket .basket-items .item .item-details { max-width:50%; }
	.kc-basket .basket-items .item .item-details .item-image {}
	.kc-basket .basket-items .item .item-code { max-width:20%; }
	.kc-basket .basket-items .item .item-price { max-width:10%; }
	.kc-basket .basket-items .item .item-total { max-width:10%; }


}

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

	/* Layout Contact */
	.layout-contact .branches {}
	.layout-contact .branch { padding:10px; margin-bottom:10px; display:block; width:100%; max-width:100%; box-sizing: border-box; float:left; margin:10px 0 0 0; border-top:1px solid #dddddd; padding:30px 10px; margin:30px 0 0 0; }
	.layout-contact .branch.margin-left{ margin-left:0;}
	.layout-contact .branch.margin-right{ margin-right:0;}
	.layout-contact .branch:first-child {border:0; padding:10px; margin:0; }
	.layout-contact .branch .map {width:100%; max-width:100%; height:300px;}
	.layout-contact .branch .details {width:100%; max-width:100%; min-height:0;}
}

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

	.show-for-mob{display:block;}
	.hide-for-mob{display:none;}

	footer .content .footer-links {max-width:100%;}
	footer .content .links {padding:0 20px; text-align: center; }
	footer .signup-box {max-width:100%; padding:0; marign:0 0 20px 0;}
	footer .signup-box form {max-width:100%;}
	footer .signup-box h3 {text-align: center;}
	footer .signup-box p {text-align: center;}
	footer .social {float:none; text-align: center;}
	footer .social a {float:none; display: inline-block; margin:0 5px; vertical-align: top;}
	footer .copyright {float:none; text-align: center;}
	footer .copyright p a:link{ color:#00A4E0}
	footer .credits-wrapper .credits {float:none; text-align: center;}
	footer .credits-wrapper .payment-into {display:block;}
	footer .sitemap {float:none; display:inline-block;  vertical-align: top; padding:0!important;}
	footer .payment-info {display:block;}

	/* banner */
	.home-banner {max-width:100%;}
	 /* .home-banner .images {height:120px;} */
	/*.home-banner .slides { height:120px;}*/

	/* Layout Home */
	.layout-home .tiles-container .tiles {max-width:100%; box-sizing: border-box; padding:0; }
	.layout-home .tiles-container .tiles .col-1 {max-width:100%; width:100%; margin:0;}
	.layout-home .tiles-container .tiles .col-2 {max-width:100%; width:100%; margin:0;}
	.layout-home .tiles-container .tiles .col-3 {max-width:100%; width:100%; margin:0;}
	.layout-home .tiles-container .tiles .tile {margin:1%!important; float:left;}

	.layout-home .tiles-container .tiles .columns.device {margin:3% 2%;}

	.layout-home .tiles-container .tiles .device .col-1 .tile-1 {width:98%; height:auto; background:none; padding:0;}
	.layout-home .tiles-container .tiles .device .col-1 .tile-1 .img {padding:0;}
	.layout-home .tiles-container .tiles .device .col-1 .tile-1 .img img {width:100%; display:block;}
	.layout-home .tiles-container .tiles .device .col-1 .tile-2 {width:48%; height:200px; background:#ffffff;}
	.layout-home .tiles-container .tiles .device .col-1 .tile-3 {width:48%; height:200px; }
	.layout-home .tiles-container .tiles .device .col-2 .tile-1 {width:98%; height:auto; background:#ffffff; float: none;}
	.layout-home .tiles-container .tiles .device .col-3 .tile-1 {width:48%; height:200px; background:#ffffff;}
	.layout-home .tiles-container .tiles .device .col-3 .tile-2 {width:98%; height:auto; background:#ffffff; float:left;}
	.layout-home .tiles-container .tiles .device .col-3 .tile-3 {width:48%; height:200px;}

	.layout-home .tiles-container .tiles .device .row {width:100%; margin:0; float:left;}
	.layout-home .tiles-container .tiles .device .row .tile-1 {width:48%; height:200px; background:#ffffff; display:none;}
	.layout-home .tiles-container .tiles .device .row .tile-2 {width:48%; height:200px; }
	.layout-home .tiles-container .tiles .device .row .tile-3 {width:48%; height:200px; }
	.layout-home .tiles-container .tiles .device .row .tile-4 {width:98%; height:auto; display: block;}
	.layout-home .tiles-container .tiles .device .row .tile-4 .img {padding:0;}
	.layout-home .tiles-container .tiles .device .row .tile-4 .img img {width:100%; display:block;}

	#back_to_top {bottom: 10px; left: 10px; font-size:0; padding:10px; width:20px; height:20px; background: url(../images/arrow_up_white.png) center #fc0 no-repeat; background-size: 20px; }

	.promise-wrapper .promise {max-width:100%;}
	.promise-wrapper .payment-info {display:none;}

	.promise-wrapper .promise ul li {max-width:100%; float:none; font-size:1.5em;}


	/* --- Kick Commerce --- */
	/* --------------------- */

	/* Banner Category v2 */
	.banner-categoryv2 {height:auto;}
	.banner-categoryv2 .images {width:100%; float:none; height:290px;}
	.banner-categoryv2 .banner-content {width:100%; float:none; height: auto; padding:30px;}

	/* Category Layout */
	.grid-container .box {max-width:31.333%;}
	.product-grid .variety-dropdown {display:none;}

	.made-in-britain {margin:0 0 10px 0; float:none;}

	/* Pagination */
	.pagination .views {display:none;}
	.pagination {height:auto; margin: 0 0 5px 0;}
	.pagination .options {float:none; margin:0 0 20px 0;}
	.pagination .options fieldset {float:none; width:100%; margin:0;}
	.pagination .options fieldset:first-child {margin:0 0 10px 0;}
	.pagination .options label {float:none; width:100%; }
	.pagination .options .bg-select {float:none;}
	.pagination .options select {max-width:100%; background:url(../../images/_core/ui/arrow_select.png) 96% center no-repeat; background-size:15px;}

	/* Product Layout */
	.kc-product-layout .product-gallery {max-width: 100%; margin:0 0 20px 0;}
	.kc-product-layout .body-content {max-width:100%; padding:0;   }

	.kc-product-layout .helpline-wrapper {margin:0 0 20px 0;}
	.kc-product-layout .helpline-wrapper a {background: url(../../images/_core/ui/phone_purple.png) 15px center no-repeat!important; background-size: 20px!important; padding: 10px 10px 10px 50px;}
	.kc-product-layout .helpline-wrapper a h5 {font-size:1.1em;}
	.kc-product-layout .helpline-wrapper a span {font-size:1.5em;}

	/* Product Layout Quote*/
	.kc-product-layout-1-quote .body-content { padding:20px;}


	.grid-container .product-list .box { max-width:100%;}

 	/* varieties */
	.kc-product-layout .product-varieties .variety { max-width:48%;}

	/* Product Tabs */
	#product-tabs .tabs .tab {padding:0 10px; font-size:1.4em; min-width:100px;}


}

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

	.error {text-align: center;}

	/* --- Kick Commerce --- */
	/* --------------------- */

	/* Toolbar / Breadcrumb */
	.breadcrumb {display:block; margin:0 0 20px 0;}
	.breadcrumb a {font-size:1.2em; line-height:20px;}
	.toolbar .steps {float:none; display:block; margin:0 auto; text-align:center;}
	.toolbar .steps a,
	.toolbar .steps div {display:inline-block; float:none;}
	.toolbar .steps span {display:inline-block; float:none;}

	/* Basket */
	.kc-basket h1 {font-size:2.0em; text-align: center;}
	.kc-basket h2 {font-size:1.6em; text-align: center;}
	.kc-basket .headings {display:none;}
	.kc-basket .basket-items .item {font-size:1.4em; border-bottom:1px solid #dddddd;}
	.kc-basket .basket-items .item.even {background:#f4f4f4;}
	.kc-basket .basket-items .item .item-details {max-width:90%;}
	.kc-basket .basket-items .item .item-code {margin-left: 28%; padding-left:20px; box-sizing: border-box; max-width:24%;}
	.kc-basket .basket-items .item .item-price {max-width:24%;}
	.kc-basket .basket-items .item .item-total {max-width:24%;}
	.kc-basket .basket-items .item .item-details .item-specs {margin-bottom:10px;}

	.kc-basket .basket-items .item .item-code span,
	.kc-basket .basket-items .item .item-price span,
	.kc-basket .basket-items .item .item-total span {display:block;}

	.kc-basket .basket-total {float:none; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #dddddd;}
	.kc-basket .basket-total .title {float:none; font-size:2.0em; font-weight:300;}
	.kc-basket .basket-total .price {float:none; font-size: 2.0em; font-weight:600; padding: 0 0 0 20px;}

	.kc-basket .voucher-wrapper .valid-code {float:none; padding: 10px 0 0 0;; clear:both;}
	.kc-basket .voucher-wrapper .valid-code .title {float:none; font-size:1.6em; font-weight:300; }
	.kc-basket .voucher-wrapper .valid-code .price { float:none; font-size:1.6em; font-weight:600; padding: 0 0 0 20px; }

	.kc-basket .voucher-wrapper .voucher {float:none; max-width: 100%;}

	.kc-basket .continue-shopping {display:block; float:none; margin:0 0 5px 0;}

	.kc-basket .or {display:block;}

	.kc-basket .continue-to-delivery {max-width:100%;}
	.kc-basket .continue-to-delivery p { text-align: center;}
	.kc-basket .continue-to-delivery label {text-align: center;}
	.kc-basket .continue-to-delivery input {float:none; max-width:100%; margin:0 0 10px 0;}
	.kc-basket .continue-to-delivery button {margin:0; max-width:100%; float:none; width:100%; }

	.kc-basket .btn {margin:0; width:100%; padding:5px 20px; margin-bottom:10px;}

	/* My Account */
	.kc-my-account .orders .order {font-size:1.4em; border-bottom:1px solid #dddddd;}
	.kc-my-account .orders .order.even {background:#f4f4f4;}
	.kc-my-account .orders .order span {display:inline-block;}

	.kc-my-account .orders .order .order-ref,
	.kc-my-account .orders .order .order-date,
	.kc-my-account .orders .order .order-status,
	.kc-my-account .orders .order .order-total,
	.kc-my-account .orders .order .order-view { float:left; width:100%; margin: 0 0 5px 0;}

	.kc-my-account .orders .order .order-ref { max-width:100%; }
	.kc-my-account .orders .order .order-date { max-width:100%; }
	.kc-my-account .orders .order .order-status { max-width:100%; }
	.kc-my-account .orders .order .order-total { max-width:100%; }
	.kc-my-account .orders .order .order-view { max-width:100%; }
	.kc-my-account .orders .order .order-view .btn {float:none;}

	/* New Customer */
	.kc-new-customer fieldset { max-width:50%;}

	/* Checkout */
	.kc-checkout .delivery-totals { padding:20px 0; float:none;}
	.kc-checkout .delivery-totals .edit-order {float:none;}
	.kc-checkout .order-details .billing-info {float:none; max-width:100%; margin-bottom:20px;}
	.kc-checkout .order-details .delivery-info {float:none; max-width:100%;}
	.kc-checkout .delivery-totals span {font-size:1.4em}
	.kc-checkout .delivery-instructions label { text-align: center;}
	.kc-checkout .delivery-instructions .delivery-notes {max-width:100%; margin:0 0 20px 0;}
	.kc-checkout .delivery-instructions .special-instructions {max-width:100%; margin:0 0 20px 0;}

	/* Delivery */
	.kc-delivery-options fieldset {max-width:100%;}
	.kc-delivery-options .address-list .address .details {max-width:100%; margin:0 0 10px 0;}
	.kc-delivery-options .address-list .address .billing {max-width:50%;}
	.kc-delivery-options .address-list .address .delivery {max-width:50%;}
	.kc-delivery-options .address-list .address .billing span,
	.kc-delivery-options .address-list .address .delivery span {max-width:50%; display:block;}
	.kc-delivery-options .continue-shopping {margin:0 0 10px 0;}

	/* Edit Address */
	.kc-edit-address .address-list .address .button {max-width:100%;}
	.kc-edit-address .address-list .address .button .btn {float:right;}

	/* Forgotten Password */
	.kc-forgotten-password fieldset { text-align: center;}
	.kc-forgotten-password input { max-width:100%; margin:0 0 10px 0;}
	.kc-forgotten-password .btn { margin: 0; width: 100%; padding:5px 20px;}

	/* Password Reset */
	.kc-password-reset fieldset { text-align: center;}
	.kc-password-reset input { max-width:100%; }
	.kc-password-reset .btn { margin: 0; width: 100%; padding:5px 20px;}
	.kc-password-reset .cancel { margin:0 0 10px 0; }

	/* Payment */
	.payment-options {width:100%; float:none; text-align:center; padding:0;}
	.payment_form {width:100%;}
	.purchase_paymentprovider {display:inline-block;}
	.purchase_paymentprovider .arrow {width:0; height:0; border-left: 10px solid transparent; border-right:10px solid transparent; border-top:10px solid #18428F; border-bottom:none; position: absolute; top:40px; left: 50%; margin-left:-10px; right:auto;}
	.purchase_paymentprovider p {font-size:13px;}
	.cardinfo-screen {text-align: center;}
}

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

	/* Basket */
	.kc-basket .basket-items .item {font-size:1.2em;}
}


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

	/* banner */
	.home-banner {max-width:100%;}
	 /* .home-banner .images {height:100px;} */
	/*.home-banner .slides { height:100px;} */

	footer .content .links {max-width:100%;}

	.promise-wrapper .promise h3 {font-size:3.0em; background: url(../../images/_core/ui/arrow-down-left-white.png) right center no-repeat; background-size:20px; padding-right:25px;}
	.promise-wrapper .promise p {line-height:1.2em; font-size:1.6em}
	.promise-wrapper .promise ul li {font-size:1.2em;}


    .grid-container .box h4 {font-size: 1.2em;}
	.grid-container .box .details p{ font-size: 1.0em;}

	.kc-basket .voucher-wrapper .valid-code .title {font-size:1.4em;}
	.kc-basket .voucher-wrapper .valid-code .price {float:right;}

	/* Popup Form */
	.popup-form .heading h4 {font-size:1.6em; }
	.popup-form fieldset { float:none; max-width:100%;}
	.popup-form label { text-align:center;}
	.popup-form .margin-right {margin:0 0 20px 0;}
	.popup-form .margin-left {margin:0 0 20px 0;}
	.popup-form .btn { width:100%; max-width:100%;}
	.popup-form .btn.close {float:none;}

	/* varieties */
	.kc-product-layout .product-varieties .variety { max-width:100%; margin:10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #dddddd; border-left:0;}
	.kc-product-layout .product-varieties .variety:first-child {margin:0;}
    .kc-product-layout-1-quote .product-varieties .variety.one {max-width:100%;}


	.form-wrapper .form input,
	.form-wrapper .form textarea {max-width:100%; text-align: center;}
	.form-wrapper .form button {max-width:100%;}
}

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

	/* --- Kick Commerce --- */
	/* --------------------- */

	/* Basket */
	.kc-basket .headings {display:none;}
	.kc-basket .basket-items .item {font-size:1.2em; border-bottom:1px solid #dddddd;}
	.kc-basket .basket-items .item.even {background:#f4f4f4;}
	.kc-basket .basket-items .item span {display:block;}
	.kc-basket .basket-items .item span.comma {display:none;}
	.kc-basket .basket-items .item .item-options {float:right; max-width:10%; text-align: center;}
	.kc-basket .basket-items .item .item-details {max-width:90%;}
	.kc-basket .basket-items .item .item-code,
	.kc-basket .basket-items .item .item-price,
	.kc-basket .basket-items .item .item-total {max-width:82%; box-sizing: border-box; padding-left:10px; margin-left:18%; margin-bottom:5px;}
	.kc-basket .basket-items .item .item-details .item-specs {margin-bottom:10px; padding-left:10px;}
	.kc-basket .basket-items .item .item-code span,
	.kc-basket .basket-items .item .item-price span,
	.kc-basket .basket-items .item .item-total span {display:block;}
	.kc-basket .basket-items .item .item-options input {width:30px; height:30px;}
	.kc-basket .basket-items .item .item-options .basket-remove {font-size: 0; width: 25px; height: 25px; display: block; background: url(../../images/_core/svgs/cross.svg) center no-repeat; background-size: 15px; border: 2px solid #D95935; border-radius: 50%; box-sizing: border-box; margin: 15px auto 0 auto;}
	.kc-basket .basket-items .update-basket {float:none; text-align: center; width:100%;}

	.kc-basket .basket-total {text-align: center;}
	.kc-basket .basket-total .title { display:block; font-size:1.4em;}
	.kc-basket .basket-total .price {padding:0; display:block; font-size:2.5em;}

	.kc-basket .voucher-wrapper .voucher {text-align: center; max-width:100%; }
	.kc-basket .voucher-wrapper .voucher label {float:none; margin:0; font-size:1.4em;}
	.kc-basket .voucher-wrapper .voucher input {float:none; max-width:100%; margin:0 0 10px 0;}
	.kc-basket .voucher-wrapper .voucher .voucher-check {float:none; margin:0;}

	/* New Customer */
	.kc-new-customer fieldset {float:left; width:100%; max-width:100%; padding:0;}
	.kc-new-customer .btn {float:none; margin:0; display:block; width:100%;}
	.kc-new-customer input,
	.kc-new-customer select { color:#222222; max-width:100%;}
	.kc-new-customer label {}
	.kc-new-customer .checkbox label {font-size:1.2em;}
	.kc-new-customer .checkbox span {}

	.kc-checkout .delivery-totals .title {width:100px; padding:0;}
	.kc-checkout .valid-code .title {width:200px; }

}

@media screen and (max-width:525px) {
	#cardsave_form fieldset {margin:0 0 10px 0;}
	#cardsave_form input {width:100%; max-width:100%;}
	#cardsave_form label {width:100%; max-width:100%;}

    .layout-default .subpages  {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}

}

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

	/* --- Kick Commerce --- */
	/* --------------------- */

	/* Category Banner */
	.banner-category .images {height:180px;}
	.banner-category .banner-content { padding:20px;}

	/* Category Banner v2 */
	.banner-categoryv2 .images {height:180px;}
	.banner-categoryv2 .banner-content { padding:20px;}


	/* Category Layout */
	.grid-container .box {max-width:48%;}
	.kc-category-layout .category-wrapper {padding:15px 10px;}


	/* Product Layout */
    .kc-product-layout .body-content .options div {margin-left:0; display: block; float:none;}
	.kc-product-layout .body-content .options a{margin-top:20px; display: block;}
	.kc-product-layout .body-content .options a:first-child {margin-top:0;}

}

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

	/* Layout */
	.layout{padding-top:115px;}

	.promise-wrapper .promise h3 {font-size:2.5em;}
	.promise-wrapper .promise p {line-height:1.2em; font-size:1.4em}
	.promise-wrapper .promise ul li {font-size:1.0em; line-height: 20px}

	.flex-direction-nav .flex-prev {left:0;}
	.flex-direction-nav .flex-next {right:0;}
	.flexslider:hover .flex-direction-nav .flex-prev {left: 0;}
	.flexslider:hover .flex-direction-nav .flex-next {right: 0;}
	.flex-direction-nav a {width:16px; height:16px; margin: -8px 0 0 0;}
	.flex-direction-nav a:before {width:16px; height:16px; background: url(../../images/_core/ui/arrow-left-white.png) center no-repeat; background-size: 16px;}
	.flex-direction-nav a.flex-next:before {background: url(../../images/_core/ui/arrow-right-white.png) center no-repeat; background-size: 16px;}


	/* Layout Home */
	.layout-home .tiles-container .tiles .tile p{font-size:1.0em;}
	.layout-home .tiles-container .tiles .tile h3 {font-size:1.8em;}
	.layout-home .tiles-container .tiles .tile.color p {font-size:1.2em;}

    /* Layout Services */
    .layout-services .subpages .subpage {max-width:98%;}

	/* --- Kick Commerce --- */
	/* --------------------- */

	/* Category Layout */
	.grid-container .box .details {padding:5px;}
	.grid-container .box h4 {font-size:1.2em;}
	.grid-container .box .details p {font-size:1.0em;}

	/* Product Tabs */
	#product-tabs .tabs {height:40px;}
	#product-tabs .tabs .tab { height:40px; line-height:40px; min-width:60px; font-size:1.2em;}

	#product-group-tabs .tabs .tab{font-size:1.0em; margin:0; padding:0 5px;}
	.slick-prev {left:-20px;}
	.slick-next {right:-20px;}

	/* Delivery */
	.kc-delivery-options .address-list .address .billing {max-width:100%;}
	.kc-delivery-options .address-list .address .delivery {max-width:100%;}
	.kc-delivery-options .address-list .address .billing span,
	.kc-delivery-options .address-list .address .delivery span {float:left; line-height:40px;}
	.kc-delivery-options .address-list .address .billing input,
	.kc-delivery-options .address-list .address .delivery input {float:right;}

}

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

	/* Layout */
	.layout{padding-top:110px;}

	/* banner */
	.banner-wrapper {padding-top:3%;}
	 /* .home-banner .images {height:90px;} */
	/* .home-banner .slides { height:90px;} */

	/* Layout */
	.layout{padding-top:100px;}

	header {height:100px;}
	header nav .search-box fieldset input {height: 35px;}
	header nav .search-box .btn-search {height:35px; line-height:10px;}
	header.fixed {height:100px;}

	/* --- Kick Commerce --- */
	/* --------------------- */

	/* New Customer */
	.kc-new-customer .checkbox span {max-width: 200px; line-height:20px;margin-left:5px;}

}