@charset "UTF-8";
/* CSS Document */
body,td,th { font-family:  'Open Sans', Verdana, Helvetica, sans-serif; font-size: 1em; line-height: 1.1em; color: black;}
body { color: black; background-color: #fff; margin: 0px; padding:0px;

}
.wrap{padding: 0px; width: 100%; margin: 0px; }

a:link {text-decoration: none; color: #5382AC;}
a:visited {text-decoration: none; color: #0089bf;}
a:hover {text-decoration: none; color: #26c2ff;}
a:active {text-decoration: none; color: #26c2ff;}

a:focus {outline: 0 !important;} img{border:0;}
input {transition:all 100ms ease; -moz-transition:all 100ms ease; -webkit-transition:all 100ms ease;}
.cl, .clearfix {display: block; clear: both; visibility: hidden;} .fr{float:right !important;} .fl{float:left !important;} .half{width:49%;}
.clearfix {height: 20px;}
section {overflow: auto;}
article {}
.imgr{ float: right; padding-bottom: 20px; padding-left: 20px; }
.imgl{ float: left; padding-bottom: 20px; padding-right: 20px; }
.imgc{ padding-bottom: 10px; }

input, textarea{ background-color: white; border: #dddddd 1px solid; padding: 6px 12px; box-shadow: 1px 1px 3px #ccc;  }

h1, .title{ color: #5382AC; font-size: 1.4em; padding-bottom:10px; margin-bottom:5px; line-height: 1.1em; font-weight: 400;}
h2{ color: #5382AC; font-size: 1.1em; font-weight: bold; font-weight: 400; }
h3{ color: #5382AC; margin: 0px; padding-left: 0px; padding-bottom: 5px; padding-right: 0px; padding-top: 0px; font-weight: 400; font-size: 1.2em; }
h1 a, h2 a, h3 a { color: #34250F; }

/* nav input {padding: 0px 15px; background: #d30000; color: white; border: none;} */

header {position: relative; height: 120px;}

.bacs {padding: 4px; height: 90px; width: 728px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15); position: absolute; left: 270px; top:25px;}
.bacs .bacs_legend {display: block; position: absolute; bottom: -25px; left: 20px; background: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); padding: 0px 20px; line-height: 1.6em; font-size: 0.8em;}
.bacs img {height: auto !important;}

main{ padding: 70px 0 0px 0; min-height: 100px; margin-top: 0px; overflow: visible; background: url(/img/back.png) top left repeat-x;}
main nav {padding: 10px 20px 10px 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px; overflow: hidden; }
main nav .fr {border-left: 1px solid #ccc; padding: 10px;}
main nav .fr a, main nav .fr span {}

footer{ padding-bottom: 0px; min-height: 187px; padding-top: 0px; font-size: 0.8em; line-height: 1.4em;padding: 20px 5% 0px 5%;}
footer nav {padding: 10px 0px 10px 0px; border-bottom: 1px solid #ccc; margin-bottom: 20px; overflow: hidden;}
footer nav a:link, footer nav a:visited {padding: 0px 30px 0px 0px;}
footer a:link, footer a:active, footer a:visited{ color: #6a6a6a; }
footer a:hover{ color: black; }

section { padding: 16px; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.21); margin-bottom: 15px; }
section img {max-width: 300px; max-height: 300px;}
.half section {min-height: 120px;}
.col1{ float: left; width: 230px; }
.col2{ float: left; width: 230px; }

input, textarea{ background-color: white; border-color: #dddddd; padding: 6px; border-style: solid; border-width: 1px; box-shadow: 1px 1px 3px #ccc; width: 100%; box-sizing: border-box; border-radius: 3px; line-height: 1.3em; }

.date{ font-style: normal; font-weight: normal; font-size: 0.8em; color: #919191; }
.slider-wrapper {margin-top: 0px;}

.header_logo { position: absolute; left: 0px; top:0px; width: 33.20%; height: 120px; background: #7FB354;}
.header_logo a { position: absolute; left: 0px; top:0px; width: 100%; height: 100; display: block;}
.topbar { position: absolute; left: 33.3%; top:0px; width: 33.25%; height: 120px; background: #4377A5; text-align: center;}
.searchbar { position: absolute; right: 0%; top:0px; width: 33.3%; height: 120px; background: #4377A5; text-align: right; box-sizing: border-box; padding: 0px 5% 0px 0px;}
.topbar a {color: #fff;}
.searchbar a {color: #fff;}
.searchbar input[type=text]  {box-shadow: 1px 2px 5px #000; border: none; background: #fff; width: auto; margin: 0px 0px 0px 0px !important; border-width: 0px !important;line-height: 36px; border-radius: 6px;font-size: 1em; display: inline-block; padding: 0px 10px; box-sizing: border-box; float: right;}
.searchbar input[type=submit] {padding:0px 0px; width: 36px !important; height: 36px; background: url(/img/arrow_button.png) center center no-repeat; background-size: contain; border:0px none !important; border-width: 0px; line-height: 36px; color: #ffffff; font-size: 1em; margin: 0px 0px 0px 20px !important; cursor:pointer; box-shadow: none; display: inline-block; box-sizing: border-box; -webkit-appearance: none; float: right; }
.searchbar h1 {color: #fff; font-weight: 400;}
.cartline {font-size: 2em; font-weight: 400; padding: 20px 0px 10px 0px}
.cartline img {height: 0.8em; margin-right: 10px; }
.optionsline a { margin: 0px 10px;}
.header_logo .abslink {position: absolute; top: auto; left:auto; bottom: 15px !important; right: 15px !important; width: auto; height: auto; color: #fff !important;}
.header_logo img { margin-left: 15.01%;}
.headlink {display: block; font-weight: bold;}
.user_status {color: #fff; font-size: 0.9em;}
.gal_item {width: auto; padding: 10px 10px 0px 10px; margin: 0px 10px 10px 0px; border: 1px solid #ccc; box-shadow: 2px 2px 9px #969696;  text-align: center;}
.gal_item img {max-height: 260px; max-width: 100%;   box-shadow: 2px 2px 5px #767676; margin-bottom: 10px;}
.nmr {margin-right: 0px;}
.gal_item .img_gal_cat {width: auto; height: 210px; background-position: center center; background-repeat: no-repeat; background-size: contain; margin: -10px -10px 0px -10px }
.gal_title {padding: 10px 0px; background: #f6f6f6; margin: 0px -10px; min-height: 40px; }
.gal_item_grid {width: 25%; float: left;}
.gal_item .img_gal_cat a {width: auto; height: 210px; display: block;}

.gal_cat_img {float: right; margin: 0px 0px 20px 20px;}
.gridimg img {height: 200px;}

.twocols {min-height: 200px; padding-right: 5%; width: 45%;}
.twocols h2 {margin-top: 0px; padding-top: 0px;}
.twocols span {font-size: 0.8em;}

.imagetile {width: 140px; height: 140px; background-color: #fff; background-size: contain; background-position: center center; background-repeat: no-repeat; margin: 0px 20px 10px 0px; float: left; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.21);}
.imagetile a {display: block; width: 140px; height: 140px;}

.mainimage {padding: 0px; margin: 10px 0px;; text-align: center; height: 140px; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.mainimage a {height: 140px; display: block;}
.mainimage img {max-height: 500px; width: auto; max-width: 100%;}
.display_gallery {width: 877px;}
.display_gallery td {text-align: center;}
.display_gallery img {height: 360px;  box-shadow: 2px 2px 5px #767676; /* max-width: 270px !important */;}

.imgl, .imgr {max-width: 40%; max-height: 400px;}
.imgl img, .imgr img {max-width: 100%; max-height: 400px;}
.half .imgl, .half .imgr {max-width: 60%; max-height: 400px;}
.half .imgl img, .half .imgr img {max-width: 100%;  }
.promoitem {position: fixed; top:300px; left: 0px;}


.thirdwrap {padding: 0px 10px;}
form {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px ;}

.carousel_tile {width: 33.3%; background-color: #5382AC; }
.carousel_tile_img {height: 270px; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;}
.carousel_tile_img a {height: 270px; width: auto; display: block;}
.carousel_tile h1 {font-size: 0.9em; color: #5382AC; padding: 0px 30px 10px 30px; text-align: center;}
.carousel_tile h1 a {color: #ffffff; font-weight: bold;}
.carousel_tile_img_overlay {position: absolute; right: 0px; bottom:0px; background: url(/img/carousel_overlay_inactive.png) center center no-repeat; width: 33px; height: 33px; }
.carousel_tile:hover .carousel_tile_img_overlay {background: url(/img/carousel_overlay_active.png) center center no-repeat; }
.slick-slider {width: 80%; margin: 0 auto;}
.slick-prev::before, .slick-prev {background: #5382AC url(/img/nav_left.png) center center no-repeat; width: 26px !important; height: 171px !important; line-height: 171px !important; display: block; color: #46bbd4 !important; left: -35px !important; top:30px !important;  }
.slick-next::before, .slick-next {background: #5382AC url(/img/nav_right.png) center center no-repeat; width: 26px !important; height: 171px !important; line-height: 171px !important; display: block; color: #46bbd4 !important; top:30px !important; right: -35px !important;    }
.selector_carousel_wrap {box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.38); }

.noticeable {background: url(/img/noticeable.gif) top center repeat;}
.box {box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.38);  padding: 15px;}
.box .third label {display: block; width: 30%; float: left; line-height: 30px;}
.box .third input[type=text], .box .third input[type=email] {display: block; width: 60%; float: right;}
.box input[type=submit] {padding:5px 0px; background:#5382AC; border:0 none; line-height: 20px; color: #fff; font-size: 1.1em; text-align: center; width: 100%; margin-top: 15px;}

.galleryside {width: 33%; float: left; background: #fff; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.32); margin: 0px 30px 20px 0px;}

.gridtile a {display: block; width: 50%; height: 130px; background-size: contain; background-repeat: no-repeat; background-position: center center; float: left; box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.17);}
.gridtile {overflow: auto;}

.service {box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.38);  padding: 3px; min-height: 303px;}
.servicetile {height: 190px; background-position: center center; background-size: cover; background-repeat: no-repeat; display: block;  }
.service h3 {padding: 15px; text-align: center;}

.socialitem {position: fixed; top:40px; right: 10px; width: 25px; z-index: 9999;}
.socialitem img {opacity: 0.6;}
.socialitem:hover img {opacity: 0.8;}
.socialitem:hover img:hover {opacity: 1;}

.socialiteminline {padding: 0px 10px 0px 5px; line-height: 30px; border: 1px solid #ccc;  float: left; font-size: 0.8em; margin: 0px 10px 4px 0px;}
.socialiteminline:hover {box-shadow: 2px 2px 7px #999999; border-color: white;}
.socialiteminline a {color: #949494 !important;}
.socialiteminline img {padding-right: 10px; margin-bottom: -9px;}

.form_table {width: 100%;}
.contactform {padding: 15px; box-shadow: inset 0px 2px 6px rgba(0, 0, 0, 0.16); border-radius: 6px; background: rgba(255, 255, 255, 0.33);}

.tagcloud{ text-align: center; padding-left: 0px; padding-bottom: 20px; padding-right: 0px; padding-top: 20px; list-style-type: none; margin: 0px; overflow: auto; font-size: 0.8em; }
.tagcloud li a{ margin: 0px; padding: 0px; display: inline; }
.tagcloud li{ margin: 0px; padding: 0px; display: inline; float: left; min-height: 1.6em; }
.tagcloud a:link, .tagcloud a:active, .tagcloud a:visited { padding-left: 0px; display: inline; font-size: 0.8em; font-weight: normal; margin-right: 3px; border: none; background-color: none; padding-top: 5px; padding-bottom: 3px; padding-right: 11px;  box-shadow: none; }
.tagcloud a:hover { text-shadow: 1px 1px 4px #6c6c6c; padding-left: 0px; display: inline; font-size: 0.8em; font-weight: normal; margin-right: 3px; border: none; padding-top: 5px; padding-bottom: 3px; padding-right: 11px;  box-shadow: none; }
.cloudlevel1{ list-style-type: none; font-size: 1em !important; }
.cloudlevel2{ list-style-type: none; font-size: 1.1em !important; }
.cloudlevel3{ list-style-type: none; font-size: 1.2em !important; }
.cloudlevel4{ list-style-type: none; font-size: 1.3em !important; }
.cloudlevel5{ list-style-type: none; font-size: 1.4em !important; }
.cloudlevel6{ list-style-type: none; font-size: 1.5em !important; }

.pane {padding: 0px 5% 40px 5%;}
.shadeoptions {background: #fff url(/img/shadeoptions.png) top left repeat-x; padding: 20px 5% 20px 5%;}

.adviceitem { padding: 16px 0px; margin-bottom: 15px;  }
.head {}

fieldset { padding: 26px 26px 26px 26px; box-shadow: inset 2px 2px 8px rgba(0, 0, 0, 0.08); margin: 15px 0px;  border: 1px solid rgba(0, 0, 0, 0.19); }
fieldset legend {background: #fff;  padding: 0px 20px; line-height: 1.4em; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.39);}
fieldset label {display: block; font-size: 1em; color: rgba(0, 0, 0, 0.72);}



.nav {z-index: 9999; margin-bottom: 30px; position: absolute; top:130px; right: 5%;}
.nav ul ul {
	display: none; z-index: 9999; padding: 0px; margin: 0px;
}
	.nav ul li:hover > ul {
		display: none; z-index: 9999;
	}
.nav ul {
	padding: 0px;
	list-style: none;
	position: relative;
	display: block;
	width: auto;
	z-index: 9999;
	margin: 0px;
}
	.nav ul:after {
		content: ""; clear: both; display: block;
	}
	.nav ul li {
		float: left;
	}
			.nav ul li:hover a {
				color: #4377A5; 
			}
			.nav ul li ul li:hover a {
				color: #ffffff; 
			}

		.nav ul li a {
			display: block;
			padding: 0px 0px 0px 40px;
			line-height: 2.4em;
			font-size: 1.2em;
			color: #000000;
			text-decoration: none;
		}


	.nav ul ul {
		background: #4377A5;
		padding: 0;
		position: absolute;
		top: 100%;
		width: 200px;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
	}
		.nav ul ul li {
			float: none;
			position: relative;
		}
			.nav ul ul li a {
				padding: 0px 18px;
				color: #fff !important;
				float: none;
				font-size: 0.8em;
				line-height: 2em;
			}
				.nav ul ul li a:hover {
					background: #373737 !important;
					color: #ffffff !important;
				}
	.nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}


/*
.nav ul .arr a { background: url(/img/menu_arrow.png) 50% 90% no-repeat; }
.nav ul .arr ul a { background:none; }
*/
.nav .current {display: none;}
.third {width: 33.3%; float: left;}
.twothirds {width: 66.6%; float: left;}
.fourth {width: 25%; float: left;}

.tile {margin: 0px; padding: 50px 25px 25px 25px; color: #000000; box-sizing: border-box; position: relative; text-align: center;}
.tile a {color: #5382AC;}
.tile h3, .tile h2, .tile h1 {margin-top: 0px; padding-top: 0px; color: #5382AC;}
.tile label {display: block; padding: 0px 0px 20px 0px;}
.tile input[type=submit] {margin-top: 20px;}

.suprscr {background: #fff; color: #000000 !important; font-size: 1em; line-height: 2em; padding: 0px 20px; margin: 0 auto; width: auto; display: inline-block !important; text-align: center; box-sizing: border-box; width: 50%; position: absolute; left: 25%; top:-40px; border: 1px solid rgba(0, 0, 0, 0.17); }

.categories {margin: 0px; padding: 0px; list-style: none; overflow: auto; width: 100%;}
.categories li {width: 32.33%; margin-right: 1%; margin-bottom: 9px; color: #fff;  min-height: 140px; float: left; position: relative; perspective: 800px; }
.third .categories li {min-height: 80px; width: 49%; margin-bottom: 4px;}

.categories li .flipbox {width: 100%; height: 100%; position: absolute; transform-style: preserve-3d; transition: transform 500ms;}
.categories li .flipbox a {
	margin: 0;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	color: #4A4A4A;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eff4f8+63,b7cee2+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(239,244,248,1) 63%, rgba(183,206,226,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(239,244,248,1) 63%,rgba(183,206,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(239,244,248,1) 63%,rgba(183,206,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b7cee2',GradientType=1 ); /* IE6-9 */
	transform-origin: right center;
}
.categories li .flipbox a.flipped {transform: translateX( -100% ) rotateY( -180deg );}
.categories li:hover  .flipbox, .categories li:active .flipbox {
	transform: rotateY( 180deg );
}
.categories li:hover .flipbox .normalstate span {opacity: 0;}
.categories li .flipbox .normalstate span {	  -webkit-transition: opacity 250ms ease-in-out;
  -moz-transition: opacity 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out; }

.categories li .flipbox .normalstate {
	border-radius: 0px;
	background-size: cover !important; background-repeat: no-repeat; background-position: center center; 
}
.categories li .flipbox .flipstate {
	background-color: #ffffff !important;
	transform: translateX( -100% ) rotateY( -180deg );
	border-radius: 0px;
	background-size: cover !important; background-repeat: no-repeat; background-position: center center; 
	box-sizing: border-box; padding: 7px 20px; font-size: 0.9em; line-height: 1.3em; overflow: hidden;
}

.categories li a span {padding: 30px 15px; margin-top: 0px; display: block; background: rgba(191, 210, 227, 0.45); width: 100%; float: left; box-sizing: border-box; height: 100%; text-align: center;}
.categories li a span h1 {color: #fff; text-shadow: 0px 1px 2px #000; font-weight: bold; font-size: 1.2em;}


ol, ul {list-style-position: inside; }
ol li:before {padding-left: 10px;}

.subcategories_modules {padding: 0px 0px 0px 0px; margin: 0px;}
.subcategories_modules li {width: 44%; float: left; list-style: none;  position: relative; min-height: 450px; margin: 0px 10px 10px 0px; padding: 15px; box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.28);}
.subcategories_modules li .imageplaceh {float: none; margin: 0px 0px 20px 0px; height: 220px; width: 100%; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.19); background-position: center center; background-repeat: no-repeat; background-size: contain; background-color: #fff; position: relative; }
.subcategories_modules li .imageplaceh a { display:block; height: 100%; width: 100%;}
.subcategories_modules li:hover {box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.68);}
.subcategories_modules_title {font-size: 1.1em; font-weight: bold; padding-bottom: 10px; display: block;}
.subcategories_modules .summary {font-size: 0.8em; color: #757575;}

.subcategories_list {padding: 0px; margin: 0px -5px; }
.subcategories_list li {width: 48%; float: left; list-style: none; border-right: none; border-bottom: none; border-left: none;  position: relative; min-height: 5px; margin: 0px; padding: 5px;}
.subcategories_list li .imageplaceh {float: right; margin: -5px -5px 0px 10px; height: 100px; width: 100px; box-shadow: inset 1px 1px 3px #6c6c6c;  background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: rgba(255, 255, 255, 0.43)}
.subcategories_list li .imageplaceh a { display:block; height: 100px; width: 100px;}
.subcategories_list li:hover {background: #eeeeee; box-shadow: none;}
.subcategories_list li:hover ul li {background: #f9f9f9;}
.subcategories_list li:hover ul li:hover {background: #eeeeee;}
.subcategories_list li:hover ul li ul li {background: #fbfbfb;}

.subcategories_list li ul li {display: block; width: auto !important;}
.subcategories_list li .subcategories_list_title {padding:5px 10px; display: block; font-size: 0.9em;}
.subcategories_list li ul li .subcategories_list_title {padding: 5px 5px 5px 20px; display: block; font-size: 0.8em;}
.subcategories_list li ul li ul li .subcategories_list_title {padding:5px 5px 5px 30px; display: block; font-size: 0.8em;}

.item, .item *{ color:#000 !important; font-family: inherit !important; font-size: inherit !important;}

.breadcrumbs { margin: 10px 0px 23px 0px; padding: 0px 0px 0px 0px; font-size: 1em; color: #2f2f2f; font-weight: 400; overflow: auto; padding-right: 10px; 
 
}
.breadcrumbs a:link, .breadcrumbs a:active, .breadcrumbs a:visited, .breadcrumbs a:hover, .breadcrumbs span {background: url(/img/breadcrumbs.png) right center no-repeat; padding: 0px 46px 0px 0px; line-height: 30px; display: block; float: left; color: #000000; }

.breadcrumbs .current {background: none; padding: 0px 0px 0px 0px; line-height: 30px; display: block; float: left; color: #565656;}

.store_content .item { padding-left: 20px; padding-bottom: 14px; padding-right: 20px; padding-top: 14px; margin-left: -20px; margin-bottom: 7px; margin-right: -20px; margin-top: 0px; box-shadow: 0px 4px 6px #ccc; }
.store_content{ background-position: 0; /*float: right; width: 74%;*/ }
.store_content .generalcontent_body{ padding-top: 20px; }
.productstable img { margin-bottom: 10px; border-color: #e2e2e1; border-style: solid; border-width: 1px; }
.productstable td { padding: 10px; border-bottom-color: #b1b1b1; border-bottom-style: solid; border-bottom-width: 1px; }
.productstable .borr { border-right-color: #c2c2c2; border-right-style: solid; border-right-width: 1px; }
li.manuproduct { list-style: none; display: inline-block; }
.productstable{ text-align: left; margin-bottom: 10px; border-color: #d4d4d4; border-style: solid; border-width: 1px; padding:5px;  }
.product { position: relative; margin: 0px 6px 12px 0px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.34); overflow: auto; background: #F0F0F0; height:195px; overflow: hidden;  }
.product .linkblock {height: 195px; width: 40%; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; float: right;}
.product .product_pad {padding: 20px; font-size: 0.8em; position: absolute; top:0px; left: 0px; width: 100%; height: 100%; box-sizing: border-box;}
.product .product_pad_post {min-height: 195px; width: 60%; display: block; float: left; position: relative;}
.product h3 {margin: 0px; width: 100%; z-index: 9999; font-weight: 400; font-size: 1.2em; line-height: 1.1em; margin-bottom: 0px; padding-bottom: 5px; margin-top: 0px; padding-top: 0px; font-weight: bold;}
.product h3 a {display: block; color: #000;}
.product .price { line-height: 35px; font-size: 1.5em; color: #5382AC;}
.simform {width: 50%;}
.product .buy {}
.product:hover { position: relative; margin: -20px -15px -8px -15px; box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.87); overflow: auto; z-index: 9999; padding: 20px; }
.product:hover .linkblock {height: 235px; width: 50%; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; float: right; margin: -20px -20px -20px -20px; overflow: hidden}
.product .summary {height: 10.4em; overflow-y: hidden;}
.product .summary p {margin-left: 0px !important}
.product:hover .summary {height: 7.4em;}
/* .product:hover .product_pad {margin: -20px -20px -20px -20px} */
.product:hover .product_pad_post {width: 50%; position: relative; }
.product:hover .summary .price {position: absolute; bottom: 0px; left: 20px;}
.product .product_pad p {padding: 0px; margin: 0px;}

.productplaceholder {width: 33.3%; float: left;  margin-bottom: 5px;}
.productdescription {background: #f5f5f5; padding: 20px; text-align: center;  min-height: 90px; }
.productoptions {padding-top: 8px; padding-left: 30px; padding-bottom: 30px; padding-right: 10px;  display: block; float: left; line-height: 25px; font-size:1.3em !important;color: #9c9c9c; float: right !important;}
.productoptions select {
    -webkit-appearance: menulist-button;
   height: 30px;
   font-weight: bold;
   font-size: 0.9em;
}
.greenpane { padding-bottom: 0px; padding-top: 0px; float: left; }
.greenpane a { padding-top: 10px; padding-left: 10px; padding-bottom: 10px; padding-right: 10px; color: white; display: block; background-color: #47af19;  }
.greenpane a:hover { padding-top: 10px; padding-left: 10px; padding-bottom: 10px; padding-right: 10px; color: white; display: block; background-color: #2e8401;  }
.btn { margin-top: 0px; font-size: 0.8em;  padding-right: 25px; padding-left: 5px; padding-bottom: 0px; padding-top: 3px; }

.greybox {float: left; background: #f5f5f5; padding: 15px; font-size: 1.4em; font-weight: 400; min-height: 30px; margin-right: 3px;}
.greybox h1 {padding: 0px; margin: 0px; font-weight: 400; font-size: 1.1em;}
.rightpane h1 {padding: 0px 0px 15px 0px; margin: 0px; font-weight: 400; font-size: 1.1em;}

.text {color: #9c9c9c;}
.third {width: 33%; text-align: justify;}
.sharethis {float: right; margin: 10px 0px 20px 20px;}
.rightpane {width: 30%; float: right; background: #f5f5f5; padding: 15px 0px 15px 15px;}

.linkedproduct {float: left; width: 170px; margin: 0px 5px 5px 0px; background: white;  min-height: 340px;}
.linkedproduct .imgtiles { height: 240px;  background-position: center top; background-repeat: no-repeat; background-size: cover;}
.linkedproduct .imgtiles a { display: block; height: 240px; }
.linkedproduct .linkedproduct_container {padding: 15px;}
.limittext {height: 4em; overflow: hidden; margin-bottom: 10px; font-size: 0.7em;}

.tilebar {}
.basket_row_shipping .basket_col_selectshipping select {font-size: 1.5em; width: 80%; padding: 0px; margin: 0px; box-sizing: border-box; }
.sidepanel {width: 20%; float: left;}
.sidepanel ul {padding: 0px; margin: 0px;}
.sidepanel ul li { list-style: none;}
.sidepanel ul li a {background: #f5f5f5; margin: 3px 0px 0px 0px; line-height: 33px; padding: 0px 15px; display: block; }
.sidepanel ul li ul li {margin-left: 15px;}
.sidepanel ul li ul li a {line-height: 23px; padding: 0px 15px; display: block; background: #fff; }
.sidepanel ul ul {margin-left: 15px;}
.contentside {width: 79%; float: right;}
.addtobasket {/*float: right;*/ margin: 0px 0px 10px 10px; display: block;}
.addtobasket, .buy input {background: #5382AC !important; color: #fff !important; padding: 15px 25px; display: block; font-size: 1.1em;  border: none; box-shadow: none; line-height: 30px; margin: 0px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); width: 100%; }
.buy .smalllinkblock {background: #5382AC !important; color: #fff !important; padding: 0px 0px; display: block; font-size: 1.1em;  border: none; box-shadow: none; line-height: 32px; margin: 0px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);  position: absolute; bottom: 0px; left:60%; text-align: center; width: 40%;}
.product:hover .buy .smalllinkblock {left:55%; width: 45%;}
.addtobasketsmall {background: none; border: none; border: none; margin: 0px; padding: 0px; line-height: 15px; box-shadow: none; font-size: 0.7em;  font-weight: bold; float: left;}
.linkedproductprice {font-weight: bold; font-size: 0.9em;}
.storeimgl img {box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);  max-width: 400px; }
.wrapgradient {
background: #dbdbdb; /* Old browsers */
background: -moz-linear-gradient(top,  #dbdbdb 0%, #ffffff 2%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(2%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dbdbdb 0%,#ffffff 2%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dbdbdb 0%,#ffffff 2%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dbdbdb 0%,#ffffff 2%); /* IE10+ */
background: linear-gradient(to bottom,  #dbdbdb 0%,#ffffff 2%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.logos {
background: #dbdbdb; /* Old browsers */
background: -moz-linear-gradient(top,  #dbdbdb 0%, #ffffff 7%, #ffffff 91%, #dbdbdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(7%,#ffffff), color-stop(91%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dbdbdb 0%,#ffffff 7%,#ffffff 91%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dbdbdb 0%,#ffffff 7%,#ffffff 91%,#dbdbdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dbdbdb 0%,#ffffff 7%,#ffffff 91%,#dbdbdb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dbdbdb 0%,#ffffff 7%,#ffffff 91%,#dbdbdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
margin-bottom: 2px;
padding: 10px 0px;
}

.manufacturerlogo {float: right; margin: 0px 0px 10px 10px;}
.manufacturer {float: right; margin: 0px 0px 10px 10px; padding: 10px 20px; border: 1px solid #ccc; }
.manufacturerlogo img {max-height: 100px; max-width: 200px;}
.top_contact {float: right; padding: 5px 0px 0px 0px; width: 60%; text-align: right; line-height: 45px; font-size: 1.5em; font-weight: 400;}
.top_contact img {margin-bottom: -15px;}

.top_slogans {float: right;padding: 0px 0px 0px 0px; width: 60%; text-align: right; line-height: 60px; font-size: 1.5em; font-weight: 400;}
.top_slogans img {margin-bottom: -20px;}

.abstop {
background: #f9f9f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f9f9f9 0%, #dddcdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#dddcdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#dddcdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9f9f9 0%,#dddcdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9f9f9 0%,#dddcdb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f9f9f9 0%,#dddcdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dddcdb',GradientType=0 ); /* IE6-9 */
overflow: visible;
position: relative;
min-height: 3em;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
}
.abstopfr {float: right;}
.abstop .topel {
background: #dddcdb; /* Old browsers */
background: -moz-linear-gradient(top,  #dddcdb 0%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddcdb), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dddcdb 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dddcdb 0%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dddcdb 0%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dddcdb 0%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddcdb', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
float: left;
line-height: 3em;
padding: 0px 15px;
border-left: 1px solid #ccc;
}
.abstop .topel:hover {
box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.57);
}
.abstop .topel a:link, .abstop .topel a:active {color: #000;}
.abstop .quickcontact { position: relative;  }
.abstop .quickcontact_hover {display: none;}
.abstop .quickcontact:hover .quickcontact_hover { position: absolute; top:3em; right:0px; background-color: #5382AC; display: block; padding: 20px; color: #fff; width: 390px; min-height: 100px; overflow: auto; z-index: 9999; line-height: 1.3em; }
.abstop .quickcontact .column_1 {width: 50%; float: left;}
.abstop .quickcontact .column_2 {width: 50%; float: right;}
.abstop .facebook_top a {display: block; width: 22px; background: url(/img/facebook_icon.png) center center no-repeat; float: left; height: 3em;}
.abstop .twitter_top a {display: block; width: 22px; background: url(/img/twitter_icon.png) center center no-repeat; float: left; height: 3em;}
.abstop .button_top {}
.abstop .shoppingcart_top a { display:block; background: url(/img/checkout_icon.png) 0px center no-repeat; padding-left: 38px; height: 3em;}
.abstop .shoppingcart_top a span {color: #5382AC; padding-left: 10px}
.abstop .search_top {background:#fff; box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.36); padding: 0px 10px; position: relative; width: 160px; min-height: 3em;}
.abstop .search_top form {margin: 0px; padding: 0px;}
.abstop .search_top .searchfield { background: none; border: none; line-height: 20px; box-shadow: none; position: absolute; left:10px; top:5px; width: 100px}
.abstop .search_top .button {border: 0px none !important; line-height: 30px; box-shadow: none; position: absolute; right:5px; top:3px; border-color: none; }
.abstop .search_top:hover {
box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.36);
}
.socialshare {background: #fff; padding: 10px 15px; display: block; text-align: right; overflow: auto; float: left;  margin: 0px 20px 0px 0px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35); clear: left; display: none;}
.socialshare a {display: block; float: right;}
.buttonstdal { margin-right: 10px; float: left; display: block; font-size: 1.3em; border-style: none; border-width: 0px; padding-left: 20px; padding-bottom: 9px; padding-right: 20px; padding-top: 11px; font-weight: bold; color: white; background-color: #1fb424;  margin-top: 3px;
}
.buttonstdal:link, .buttonstdal:active, .buttonstdal:visited { color: white; }
.pricedetails {display: block; padding: 0px 15px; text-align: center;  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26); font-size: 1.3em; line-height: 3.4em; background: #fff;}
.gctext {padding-bottom: 20px;}
.gctext, .gctext * {line-height: 1.2em !important; }
.gctext p {}
.storedetailsbox {float: right; margin: 0px 0px 20px 20px;}




.leftpaneshop {width: 78%; float: left;}

.tilebar {width: 100%; }
.tilebar .subcategories_modules li {width: 25%; float: left; list-style: none;  position: relative; min-height: 20px; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px; text-align: center; box-shadow:  1px 1px 4px rgba(0, 0, 0, 0.3); border: 0px none;}
.tilebar .cols_3 li {width: 33.3%; }
.tilebar .cols_2 li {width:50%; }
.tilebar .cols_1 li {width: 100%; }
.tilebar .subcategories_modules li img {}
.tilebar .subcategories_modules li ul li {padding: 5px 15px; margin: 0px -10px;  border-right: none; border-bottom: none; border-left: none;}
.tilebar .subcategories_modules li .imageplaceh {margin-top: 0px; margin-bottom: 0px; margin: 0px 0px 0px 0px; box-shadow: none !important; }
.tilebar .subcategories_modules li ul li .imageplaceh {margin-top: 0px; margin-bottom: 0px; margin: 0px 0px 0px 0px;}
.tilebar .subcategories_modules_title {padding-top: 10px;}

.imgtiles {
    background-position: center center;
    background-size: cover;
    /*box-shadow: 2px 2px 5px #000000 inset;
    height: 260px;*/
    margin: 0;
}
.boxrb {padding: 15px; background: white;  box-shadow: 1px 1px 4px rgba(0,0,0,0.64); }
.bestseller {margin-bottom: 3px; text-align: center;}
.bestseller img {display: block; text-align: center; margin: 0 auto; }
.productoptions {width: auto; display: block; float: none; line-height: 25px; font-size:small; color: #9c9c9c;}

/*
.carousel_tile {width: 33.3%; background-color: #5382AC; }
.carousel_tile_img {height: 280px; background-size: cover; background-repeat: no-repeat; background-position: center top; position: relative;}
.carousel_tile_img a {height: 180px; width: auto; display: block;}
.carousel_tile h1 {font-size: 0.9em; color: #fff; padding-left: 30px;}
.carousel_tile h1 a {color: #fff;}
.carousel_tile_img_overlay {position: absolute; right: 0px; bottom:0px; background: url(/img/carousel_overlay_inactive.png) center center no-repeat; width: 33px; height: 33px; }
.carousel_tile:hover .carousel_tile_img_overlay {background: url(/img/carousel_overlay_active.png) center center no-repeat; }

.slick-prev::before, .slick-prev {background: url(/img/carousel_arrow_left.png) top left no-repeat; width: 23px !important; height: 46px !important; line-height: 46px !important; display: block; color: #46bbd4 !important; left: -26px !important; }
.slick-next::before, .slick-next {background: url(/img/carousel_arrow_right.png) top right no-repeat; width: 23px !important; height: 46px !important; line-height: 46px !important; display: block; color: #46bbd4 !important; }
*/

#attributes {box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.41);}
#attributes tr {}
#attributes tr:nth-child(odd) {
    background: #ffffff;
}
#attributes tr th {padding: 6px 10px; line-height: 1.3em; vertical-align: middle; word-break: break-word;}
#attributes tr td {padding: 6px 10px; line-height: 1.3em; vertical-align: middle; word-break: break-word;}



article table {box-shadow: 3px 5px 13px rgba(0, 0, 0, 0.21); border-collapse: collapse; border: 1px solid #ccc !important; width: 90% !important; border-left: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1);}
article table tr {}
article table tr:nth-child(odd) {
    background: #ffffff;
}
article table tr th {padding: 6px 10px; line-height: 1.3em; vertical-align: middle; word-break: break-word;}
article table tr td {padding: 6px 10px; line-height: 1.3em; vertical-align: middle; word-break: break-word; border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1);}


.productdetails h1 {border-bottom: 1px solid #ccc;}
.productdetails ul {box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.41); padding: 0px; list-style-position: inside; list-style-type: circle; max-width: 90%; }
.productdetails li {border-bottom: 1px solid rgba(0, 0, 0, 0.13); padding: 7px 15px 7px 15px; }
.productdetails li:nth-child(odd) {
    background: #ffffff;
}




.poll_tabs {
margin-bottom: 10px; overflow: auto;
}
.ullist {padding: 0px; margin: 0px; }
.ullist input {float: left; margin-top: 15px;}
.ullist li {display: list-item; margin-left: 60px; list-style-type: upper-latin}

.nobold {font-weight: 400;}
.footerbar {padding: 120px 0px 0px 0px;}
.footerbar .button {line-height: 2.3em; padding: 0px 50px; margin-bottom: 10px; color: #fff !important; display: inline-block; margin: 0 auto; width: auto; font-size: 1.3em;}
.backhome {padding: 0px 40px 0px 75px !important; background: #5382AC url(img/arrow_left.png) 25px center no-repeat;}
textarea {width: 100%; margin-bottom: 10px; box-shadow: none; min-height: 120px;}
.note {padding: 0px 0px 0px 0px; font-size: 0.8em; text-align: center;}
.displaymore {display: block; padding: 7px 15px; background: #009AA1;  float: left; clear: both; margin-left: 40px; color: #fff !important; font-size: 1.2em;}
/* source: http://www.ehow.com/how_12214447_make-collapsing-lists-java.html */
.smallertext {
    font-size: 0.7em;
    line-height: 1.1em;
}
.bigbluepane {min-height: 400px;}
.bigbluepane .poll_tabs {font-size: 1.3em;}
.list {
    display:none; 
    height:auto;
    margin:0;
    float: none;
    padding: 10px 20px;
}
.show {
    display: none; 
}
.hide:target + .show {
    display: inline; 
}
.hide:target {
    display: none; 
}
.hide:target ~ .list {
    display:inline; 
}

/*style the (+) and (-) */
.hide, .show {
	width: 26px;
	height: 26px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	
	border: 1px solid #009AA1;
	float: left;
	line-height: 23px;
	margin-top: 15px;
	margin-right: 10px;
}

.hide:hover, .show:hover {
	border: 1px solid rgba(0, 153, 161, 0.4);
}

.list p{
    height:auto;
    margin:0;
}
.question {
	float: left;
	height: auto;
	width: 90%;
	line-height: 20px;
	padding-left: 20px;
	margin-bottom: 25px;
	font-style: italic;
}




.promo_img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #ccc;
    
    box-shadow: 1px 1px 3px #ccc;
    height: 120px;
    width: 120px;
    float: right;
    margin-bottom: 10px;
}
.promo_img a {
    display: block;
    height: 120px;
}

.bundle {border: 2px solid #7FB354; padding: 30px; background: rgba(255, 255, 255, 0.26); box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.23); border-radius: 8px; margin-bottom: 4px; position: relative;}
.bundle h1 {margin-top: 0px; padding: 10px 20px; box-sizing: border-box; color: #000; background: rgba(255, 255, 255, 0.85); border-radius: 7px 8px 0px 0px; margin: -30px -30px 20px -30px; box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.23); font-weight: bold; line-height: 1.5em; font-size: 1.4em;}
.bundle p {margin-top: 0px; margin-bottom: 4px;}
.bundle .fourth .altproductenvelope {padding: 10px; }
.bundle .fourth .altproduct {box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.41); min-height: 240px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.bundle .fourth .altproduct h3 {position: absolute; top:0px; left: 0px; width: 100%; padding: 10px 20px; box-sizing: border-box; color: #000; background: rgba(255, 255, 255, 0.85);}
.bundle .fourth .altproduct .linkblock {position: absolute; display: block; width: 100%; height: 100%;}
.bundle .fourth .altproduct .price {position: absolute; bottom: 10px; right: 10px; padding: 10px 20px; box-sizing: border-box; color: #000; background: rgba(255, 255, 255, 0.85);}
.bundle .fourth .altproduct .price span {position: absolute; bottom: 100%; left: 0px; padding: 0px 10px; box-sizing: border-box; color: #000; background: rgba(255, 255, 255, 0.65); font-size: 0.6em; width: 100%; text-align: center; line-height: 1.4em; }
.bundle .fourth .specialoptions {bottom: 10px; left: 10px; position: absolute; color: #fff; text-shadow: 1px 1px 2px #000;}
.bundle .fourth .specialoptions br {display: none;}
.bundle .fourth .specialoptions select {display: block; }
.bundle .saving {position: absolute; background: #7FB354; padding: 0px 30px; top:0px; right: 0px; color: #fff; line-height: 2.4em; font-size: 1.4em; border-radius: 0px 7px 0px 0px; font-weight: bold; text-shadow: 1px 2px 6px #000;}
.bundle .productpricewithvat {width: 50%; box-sizing: border-box; border: none; float: left; line-height: 2em; font-size: 1.4em; padding: 0px 0px 0px 0px; margin: 15px 0px 0px 0px;}
.bundle .buy {width: 50%; box-sizing: border-box; float: right;}
.bundle .buy input {line-height: 2em; font-size: 1.4em; padding: 0px 0px 0px 0px; margin: 15px 0px 0px 0px;}

/* Responsive basket */

.basket {width: 100%; line-height: 1.4em;}
.hire {width: 100%;}
.basket_specials_group {border: 2px solid #7FB354; padding: 10px; background: rgba(255, 255, 255, 0.26); box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.23); border-radius: 8px; margin-bottom: 4px;}
	.basket_row_top {overflow: auto;}
	.resco {display: none;}
	.basket_row_products {overflow: auto; background-color: rgba(255, 255, 255, 0.82); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.24);}
		.basket_col_item {width: 40%;}
		.basket_col_price {width: 13%;}
		.basket_col_quantity {width: 9%;}
		.basket_col_quantity input {box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.45); width: auto !important;}
		.basket_col_vat {width: 13%;}
		.basket_col_subtotal {width: 13%;}
		.basket_col_options {width: 12%;}		
		.basket_row_top div, .basket_row_products div {display: block; float: left; min-height: 1.4em; z-index: 0; position: relative; }
		.basket_row_top div:before, .basket_row_products div:before {width:20px; display: inline-block; content: ' ';  height: 20px;}
		.basket_col_options a {color: #b00000;}
		
	.basket_row_shipping {overflow: auto; background-color: rgba(137, 212, 102, 0.42); box-shadow: inset 0px 0px 9px rgba(50, 117, 19, 0.69);}
		.basket_col_shipping {width: 40%;}
		.basket_col_selectshipping {width: 55%; text-align: right;}
		.shipping_method {width: 10%;}
		.basket_row_shipping div {display: block; float: left; min-height: 1.4em; z-index: 0; position: relative; padding-bottom: 8px; padding-top: 6px; }
		.basket_row_shipping div:before {width:20px; display: inline-block; content: ' ';  height: 20px;}
		
	.basket_row_optionsgroup {overflow: auto; background-color: rgba(255, 255, 255, 0.62); box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.2); padding: 5px 0px 5px 0px; font-size: 0.9em;}
	.basket_row_optionsgroup .headerrow {padding-left: 20px;}
	.basket_row_regionzip {overflow: auto; background-color: rgba(247, 253, 255, 0.82); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.24);}
.basket_regionzip {border-bottom: 1px solid rgba(0, 0, 0, 0.21); width: auto; padding: 0px 20px; display: block; float: none; font-size: 0.9em;}
	.basket_row_options {overflow: auto; border-top: 1px solid rgba(0, 0, 0, 0.14);}
		.basket_col_optionsitem {width: 40%;}
		.basket_col_optionsprice {width: 13%;}
		.basket_col_optionsquantity {width: 9%;}
		.basket_col_optionsvat {width: 13%;}
		.basket_col_optionssubtotal {width: 13%;}
		.basket_col_optionsoptions {width: 12%;}
		.basket_row_options div, .basket_row_options div {display: block; float: left; min-height: 1.4em; z-index: 0; position: relative;}
		.basket_row_options div:before, .basket_row_options div:before {width:20px; display: inline-block; content: ' ';  height: 20px;}

	.basket_row_subtotal {overflow: auto; border-bottom: 1px solid rgba(0, 0, 0, 0.14);}
		.basket_row_subtotal .basket_col_subtotal {width: 75%;}
		.basket_row_subtotal .basket_col_price {width: 25%;}
		.basket_row_subtotal div {display: block; float: left; min-height: 1.4em; z-index: 0; position: relative; padding-bottom: 1px; padding-top: 1px; }
		.basket_row_subtotal div:before {width:20px; display: inline-block; content: ' ';  height: 20px;}
	
	.basket_row_vattotal {overflow: auto; }
		.basket_row_vattotal .basket_col_vattotal {width: 75%;}
		.basket_row_vattotal .basket_col_vatprice {width: 25%;}
		.basket_row_vattotal div {display: block; float: left; min-height: 1.4em; z-index: 0; position: relative; padding-bottom: 4px; padding-top: 1px; }
		.basket_row_vattotal div:before {width:20px; display: inline-block; content: ' ';  height: 20px;}
			
	.basket_row_total {overflow: auto; background-color: rgba(255, 255, 255, 1); box-shadow: inset 0px 0px 10px rgba(223, 223, 223, 1); font-weight: bold; margin-bottom: 20px; font-size: 1.3em;}
		.basket_row_total .basket_col_vattotal {width: 75%;}
		.basket_row_total .basket_col_vatprice {width: 25%;}
		.basket_row_total div {display: block; float: left; min-height: 1.4em; z-index: 0; position: relative; padding-bottom: 8px; padding-top: 6px; }
		.basket_row_total div:before {width:20px; display: inline-block; content: ' ';  height: 20px;}
	.basket_row_total, .basket_row_vattotal, .basket_row_subtotal, .basket_row_options, .basket_row_optionsgroup, .basket_row_shipping, .basket_row_products, .basket_row_regionzip { }
	

	.buttonstdal { margin-right: 0px !important; float: left; display: block; font-size: 1.3em !important; border-style: none; border-width: 0px; padding-left: 0px; padding-bottom: 10px; padding-right: 0px; padding-top: 10px; font-weight: 500; color: white; background-color: rgba(137, 212, 102, 1);  margin-top: 3px; width: 49.5% !important; margin-bottom: 9px !important; box-sizing: border-box; text-align: center !important; border-radius: 4px; box-shadow:  none !important; line-height: 1.6em !important;
	}
	.buttonstdal[type=submit] { margin-right: 0px !important; float: left; display: block; font-size: 1.3em !important; border-style: none; border-width: 0px; padding-left: 0px; padding-bottom: 10px; padding-right: 0px; padding-top: 10px; font-weight: 500; color: white;  margin-top: 3px; margin-bottom: 9px !important; box-sizing: border-box; text-align: center !important; border-radius: 4px; box-shadow:  none !important; line-height: 1.6em !important; background-color: rgba(137, 212, 102, 1);
	}
	.fhalf[type=submit] {width: 49.5% !important;}
	.gotocheckout { background-color: rgba(63, 195, 0, 1); float: right !important;}
	
	
	.checkout .removeincheckout {display: none !important;}
	.step {
	    
	    float: left;
	    margin-bottom: 10px;
	    padding: 10px 0px;
	    width: 33.3%;
	    color:#565656;
	    font-size: 15px;
	    background: rgb(239,239,239); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(239,239,239,1) 9%, rgba(244,244,244,1) 81%, rgba(216,216,216,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,rgba(239,239,239,1)), color-stop(81%,rgba(244,244,244,1)), color-stop(100%,rgba(216,216,216,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 9%,rgba(244,244,244,1) 81%,rgba(216,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(239,239,239,1) 9%,rgba(244,244,244,1) 81%,rgba(216,216,216,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(239,239,239,1) 9%,rgba(244,244,244,1) 81%,rgba(216,216,216,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(239,239,239,1) 9%,rgba(244,244,244,1) 81%,rgba(216,216,216,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */

	}
	.active {
	    box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.34);
	    color: #000;
	    font-weight: bold;
	    background: rgb(239,239,239); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	}
	.step:before, .step:after {width:20px; display: inline-block; content: ' ';  height: 20px;}
	.checkout table {width: 100%;}
	.checkoutconfirm .checkoutcolleft {float: left; width: 33.3%;}
	.checkoutconfirm .checkoutcolright {float: right; width: 66%;}
	.success{color: green;list-style: outside none none;}
	.error{color: red;list-style: outside none none;}
		
@media screen and (max-width: 910px) {
	.title {padding-bottom: 10px;}
	.basket_row_top {display: none;}
	.resco {display: inline;}
	.basket_row_products {position: relative;}
	.basket_col_item {width: 76%;}
	.basket_col_price {width: 25%;}
	.basket_col_quantity {width: 25%;}
	.basket_col_vat {width: 25%;}
	.basket_col_subtotal {width: 25%;}
	.basket_col_options { position: absolute !important; top:0px; right:0px; float: none; background: #b00000; min-height: 1em;  }
	.basket_col_options a { color: #fff; }
	.basket_col_options::before, .basket_col_options::before { height: 10px !important;}
	.basket_col_optionsitem {width: 50%;}
	.basket_col_optionsprice {width: 25%;}
	.basket_col_optionsquantity {display: none !important;}
	.basket_col_optionsvat {width: 25%;}
	.basket_col_optionssubtotal {display: none !important;}
	.basket_col_optionsoptions {display: none !important;;}
	.basket_row_options div:before, .basket_row_options div:before {width:0px; display: inline-block; content: ' ';  height: 0px;}
	.basket_col_optionsprice:before, .basket_col_optionsitem:before, .basket_col_optionsvat:before {width:20px !important; display: inline-block; content: ' ';  height: 20px !important;}
	.checkout .removeincheckout {display: none !important;}
}		


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

	.checkoutconfirm .checkoutcolleft {float: none; width: 100%;}
	.checkoutconfirm .checkoutcolright {float: none; width: 100%;}
	
}
	
@media screen and (max-width: 640px) {	
	.basket_row_products {margin-top: 2px;}
	.resco {display: inline; color: rgba(0, 0, 0, 0.53);}
	.basket_col_item {width: 76%;}
	.basket_col_price {width: 50%;}
	.basket_col_quantity {width: 50%;}
	.basket_col_vat {width: 50%;}
	.basket_col_subtotal {width: 50%;}
	.basket_col_subtotal {padding-bottom: 10px;}

	.basket_col_options { position: absolute !important; top:0px; right:0px; float: none; background: #b00000; min-height: 1em;  width: 24%; text-align: center; }
	.basket_col_options a { color: #fff; }
	.basket_col_options:before {width:0px !important; display: inline-block; content: ' ';  height: 0px !important;}

	.basket_col_options:before, .basket_col_options:before { height: 10px !important;}
	.basket_col_optionsitem:before {width:0px !important; display: inline-block; content: ' ';  height: 0px !important;}
	.basket_col_optionsitem {width: auto; padding-left: 20px; padding-right: 20px; display: block !important; min-width: 80%;}
	.basket_col_optionsprice {width: 50%;}
	.basket_col_optionsvat {width: 50%;}
	.basket_row_subtotal .basket_col_subtotal {width: 50%;}
	.basket_row_subtotal .basket_col_price {width: 50%;}
	.basket_row_vattotal .basket_col_vattotal {width: 50%;}
	.basket_row_vattotal .basket_col_vatprice {width: 50%;}
	.basket_row_total .basket_col_vattotal {width: 50%;}
	.basket_row_total .basket_col_vatprice {width: 50%;}
	.basket_row_subtotal .basket_col_subtotal {width: 50%; }
	.basket_row_subtotal .basket_col_price {width: 50%;}
	.basket_row_shipping .basket_col_shipping {width: 100%;}
	.basket_row_shipping .basket_col_selectshipping {width: 100%; text-align: center;}
	.basket_row_shipping div::after {width:20px !important; display: inline-block; content: ' ';  height: 20px !important;}
	.buttonstdal {width: 100%; padding-left: 0px; padding-right: 0px; margin-bottom: 4px; text-align: center;}
	.checkout .removeincheckout {display: none !important;}
	
}
@media screen and (max-width: 380px) {	

	.basket_row_subtotal .basket_col_subtotal {width: auto; display: inline;}
	.basket_row_subtotal .basket_col_price {width: auto; display: inline;}
	.step { display: none;}
	.active { display: block; width: 100%;}
	.step:before, .step:after {width:20px; display: inline-block; content: ' ';  height: 20px;}
	
}

	.checkoutconfirm .checkoutcolright .basket_row_products {margin-top: 2px;}
	.checkoutconfirm .checkoutcolright .resco {display: inline; color: rgba(0, 0, 0, 0.53);}
	.checkoutconfirm .checkoutcolright .basket_col_item {width: 76%;}
	.checkoutconfirm .checkoutcolright .basket_col_price {width: 50%;}
	.checkoutconfirm .checkoutcolright .basket_col_quantity {width: 50%;}
	.checkoutconfirm .checkoutcolright .basket_col_vat {width: 50%;}
	.checkoutconfirm .checkoutcolright .basket_col_subtotal {width: 50%;}
	.checkoutconfirm .checkoutcolright .basket_col_subtotal {padding-bottom: 10px;}

	.checkoutconfirm .checkoutcolright .basket_col_options { position: absolute !important; top:0px; right:0px; float: none; background: #b00000; min-height: 1em;  width: 24%; text-align: center; }
	.checkoutconfirm .checkoutcolright .basket_col_options a { color: #fff; }
	.checkoutconfirm .checkoutcolright .basket_col_options:before {width:0px !important; display: inline-block; content: ' ';  height: 0px !important;}

	.checkoutconfirm .checkoutcolright .basket_col_options:before, .checkoutconfirm .checkoutcolright .basket_col_options:before { height: 10px !important;}
	.checkoutconfirm .checkoutcolright .basket_col_optionsitem:before {width:0px !important; display: inline-block; content: ' ';  height: 0px !important;}
	.checkoutconfirm .checkoutcolright .basket_col_optionsitem {width: auto; padding-left: 20px; padding-right: 20px; display: block !important; min-width: 80%;}
	.checkoutconfirm .checkoutcolright .basket_col_optionsprice {width: 50%;}
	.checkoutconfirm .checkoutcolright .basket_col_optionsvat {width: 50%;}
	.checkoutconfirm .checkoutcolright .basket_row_subtotal .basket_col_subtotal {width: 50%;}
	.checkoutconfirm .checkoutcolright .basket_row_subtotal .basket_col_price {width: 50%;}
	.checkoutconfirm .checkoutcolright .basket_row_vattotal .basket_col_vattotal {width: 50%;}
	.checkoutconfirm .checkoutcolright .basket_row_vattotal .basket_col_vatprice {width: 50%;}
	.checkoutconfirm .checkoutcolright .basket_row_total .basket_col_vattotal {width: 50%;}
	.checkoutconfirm .checkoutcolright .basket_row_total .basket_col_vatprice {width: 50%;}
	.checkoutconfirm .checkoutcolright .basket_row_subtotal .basket_col_subtotal {width: 50%; }
	.checkoutconfirm .checkoutcolright .basket_row_subtotal .basket_col_price {width: 50%;}
	.checkoutconfirm .checkoutcolright .basket_row_shipping .basket_col_shipping {width: 100%;}
	.checkoutconfirm .checkoutcolright .basket_row_shipping .basket_col_selectshipping {width: 100%; text-align: center;}
	.checkoutconfirm .checkoutcolright .basket_row_shipping div::after {width:20px !important; display: inline-block; content: ' ';  height: 20px !important;}
	.checkoutconfirm .checkoutcolright .buttonstdal {width: 100%; padding-left: 0px; padding-right: 0px; margin-bottom: 4px; text-align: center;}
	.checkoutconfirm .checkoutcolright .checkout .removeincheckout {display: none !important;}


/* Responsive basket ends */

input[type=submit] {width: 100% !important; padding: 0px 4%; border: 0px; background: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.68); display: block; text-align: center; color: #008DC9; font-size: 1.1em; line-height: 1.6em; -webkit-appearance:none;  font-weight: 500; margin-top: 4px; border-radius: 4px;}

input[type="radio"], input[type="checkbox"] {width: auto !important;
box-shadow: none;margin: 4px 0 0;
margin-top: 1px;
line-height: normal;}

.addtobasket {/*float: right;*/ margin: 0px 0px 10px 10px; display: block;}
.addtobasket, .addtobasket[type=submit], .buy input {background: #5382AC !important; color: #fff !important; display: block; font-size: 1.1em;  border: none; box-shadow: none; line-height: 30px; margin: 0px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); width: 100%; }
.goback {background: #727272; color: #fff !important; display: block; font-size: 1.1em;  border: none; box-shadow: none; line-height: 30px; margin: 0px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); width: 100%; }
.buttonstdal {width: auto;}
#payment label {font-size: 1.3em; line-height: 1.5em;}

.homeimages {float: right; width: 448px;}
.homeimages img { box-shadow: 0px 0px 3px #ccc;  margin-bottom: 3px; }
.rightpaneshop {width: 21%; float: right;}
.rightpaneshop .subcategories_modules li {width: auto !important; float: none; list-style: none;  position: relative; min-height: 20px; margin: 0px 0px 10px 0px; padding: 15px 15px 5px 15px;}
.rightpaneshop .subcategories_modules li img {}
.rightpaneshop .subcategories_modules li ul li {padding: 5px 15px; margin: 0px -10px;  border-right: none; border-bottom: none; border-left: none;}
.rightpaneshop .subcategories_modules li ul li .imageplaceh {margin-top: -5px;}
.imgtiles {
    background-position: center center;
    background-size: cover;
    /*box-shadow: 2px 2px 5px #000000 inset;
    height: 260px;*/
    margin: 0;
}
.boxrb {padding: 15px; background: white;  box-shadow: 1px 1px 4px rgba(0,0,0,0.64); }
.bestseller {margin-bottom: 3px; text-align: center;}
.bestseller img {display: block; text-align: center; margin: 0 auto; }

.order_history tr td span {display: none;}


/********** 25th may css changes for category price with tax ************/
.product .pricewithvat {
  color: #4377A5;
  font-size: 1.5em;
  line-height: 35px;
  position: absolute !important;
  background: #F0F0F0;
  line-height: 2.7em;
  bottom: 0px; left: 0px;
  padding: 10px 20px 0px 20px;
  box-sizing: border-box;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,f0f0f0+100&0+0,1+29,1+100 */
background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 29%, rgba(240,240,240,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 29%,rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 29%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}

.productpricewithvat {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
    display: block;
    font-size: 1.3em;
    line-height: 3.4em;
    padding: 0 15px;
    text-align: center;
}

#nextbutton {
  padding: 10px 56px 10px 54px!important;
  font-family: "Lato",Helvetica,Verdana,Arial,sans-serif;
  background: #4377A5 none repeat scroll 0 0 !important;
    border: medium none;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    color: #fff !important;
    display: block;
    font-size: 1.1em;
    line-height: 30px;
    margin: 0;
    padding: 15px 25px;
    font-weight: bold;
}





@media screen and (max-width: 1600px) {
	.promoitem img { width: 130px;}
	.bacs {padding: 4px; height: 49.5px; width: 400px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15); position: absolute; left: 240px; top:45px;}
	.bacs img {max-width: 100%;}
	.bacs .bacs_legend {display: block; position: absolute; bottom: -25px; left: 20px; background: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); padding: 0px 20px; line-height: 1.6em; font-size: 0.8em;}
}
@media screen and (max-width: 1400px) {
	.promoitem img { display: none;}
}

@media screen and (max-width: 1108px) {
.wrap {width: 100%;}
.itempromo {width: 25%; margin-right: 0px;}
.itempromo h2 {padding: 7px;}
.footerlogos img { height: 34px;}
.socialtop {width: 370px;}
.tiledescription {width: 48%; min-height: 205px; margin-right: 0px;}
.tileframe {width: 100%; height: 136px;  }
.tileframe a {width: 100%; height: 146px; display: block;}
.nav ul li a { padding: 0px 16px;}
.menuwrap {background: none !important; max-height: auto; margin-top: -30px; padding-bottom: 30px;}
.third {width: 50%;}
.twothirds {width: 100%;}
.pane_whites .third {width: 33.3%;}
.cl2 {display: block; clear: both; visibility: hidden;}
.cl3 {display: none; clear: none; visibility: hidden;}
#attributes {clear: both; width: 100%;}
.product {min-height: 350px !important;}
.gallery {overflow: auto; padding: 30px 20px;}
.gallery div {height: 120px; padding: 10px; box-shadow: 2px 2px 9px #ccc;  margin: 0px 10px 10px 0px; float: left;}
.gallery div img {max-height: 110px;}
.subcategories_modules li {width: 40%; float: left; list-style: none; border: 1px solid #ccc;  position: relative; min-height: 150px; margin: 0px 3px 10px 0px; padding: 15px;}
.subcategories_modules li .imageplaceh {float: none; margin: 0px 0px 20px 0px; height: 150px; width: auto; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); background-position: center center; background-repeat: no-repeat; background-size: contain; position: relative; }
.subcategories_modules li .imageplaceh a { display:block; height: 100% !important; width: 100%;}
.product .linkblock {height: 350px !important;}
.searchbar input[type=text]  {width: 150px; }

.phone .number {display: none;}
.product_bigimage {width: 40%;}
.rightpane {width: 100%; margin-top: 10px;}
main {padding-top: 60px;}
.bacs {padding: 4px; height: 49.5px; width: 400px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15); position: absolute; left: auto; right: 0px; top:65px;}
.bacs img {max-width: 100%;}
.bacs .bacs_legend {display: block; position: absolute; bottom: -25px; left: 20px; background: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); padding: 0px 20px; line-height: 1.6em; font-size: 0.8em;}
.third .categories li {min-height: 80px; width: 32.33%; margin-bottom: 4px;}
.rwdfull {width: 100%;}
.rwdfullthird {width: 100%; margin-top: 40px;}
.header_logo .abslink {position: absolute; top: auto; left:auto; bottom: -30px !important; right: 15px !important; width: auto; height: auto; color: #000000 !important;}
.categories li {width: 33.33%; margin-right: 0%; margin-bottom: 1px; color: #fff;  min-height: 90px; float: left; position: relative; perspective: 800px; }

	.nav {
		min-height: 40px;
		z-index: 9999;
		margin: 0px 0px 0px 0px;
		width: 40%;
		top:125px;
		
	}
	.nav ul {
		width: 100%;
		padding: 0;
		position: absolute;
		top: 0;
		right: 0;
		background: rgba(255, 255, 255, 0.72) url(/img/icon-menu.png) no-repeat 10px 14px;
		
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	.nav ul li {
		display: none; /* hide all <li> items */
		margin: 0;
		float: none !important;
		position: relative;
	}
	.nav ul li ul {
		position: absolute;
		top:10px;
		left: -210px;
		width: 210px;
	}
	.nav ul .arr a { background: #7FB354 url(/img/menu_arrow.png) 1% 50% no-repeat;  }

	.nav .current {
		display: block; /* show only current <li> item */
		float: none !important;
	}
	.nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
		float: none !important;
	}
	.nav .current a {
		background: none;
		color: #000000;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
		
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.nav ul:hover .current {
		background: url(/img/icon-check.png) no-repeat 10px 7px;
		
	}

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}


}

@media screen and (max-width: 970px) {
.nav a {
	padding: 5px 5px 5px 12px;
	font-size: 0.9em;
}
.nav ul li a { padding: 0px 16px;}
.subcategories_modules li {width: auto; float: none; list-style: none; border: 1px solid #ccc;  position: relative; min-height: 150px; margin: 0px 0px 10px 0px; padding: 15px;}

	.abstop {overflow: auto; padding-bottom: 3px;}
	.quickcontact, .twitter_top, .facebook_top {display: none;}
	.fourth {width: 33.3%;}
	.tilebar .subcategories_modules li {width: 33.3%; }

}
@media screen and (max-width: 850px) {	
	.cartline {font-size: 1.3em; padding-top: 10px; padding-bottom: 0px;}	
	.myorders, .topel, .user_status, .optionsline a  {display: inline-block; padding-right: 10px; padding-left: 0px !important; margin: 0px 0px 0px 0px ;}
	.topbar {padding-left: 40px; text-align: left !important;}
	.order_history {border: none !important;}
	.order_history thead {display: none;}
	.order_history tr {border-bottom: 1px solid #c3c3c3; display: block; padding: 10px 0px 0px 0px; background-color: rgba(255, 255, 255, 0.3)}
	.order_history tr:nth-child(odd) {background-color: rgba(255, 255, 255, 0.5)}
	.order_history tr td {display: block; text-align: left !important; border-bottom: none !important; padding: 4px 15px !important;}
	.order_history tr td span {display: inline-block; width: 180px;}
	.order_history .btn {margin-top: 6px; font-size: 1em; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; line-height: 2em; display: block;}
	.DisplayOrderAlt {border: none !important;}
	.DisplayOrderAlt thead {display: none;}
	.DisplayOrderAlt tr {border-bottom: 1px solid #c3c3c3; display: block; padding: 10px 0px 0px 0px; background-color: rgba(255, 255, 255, 0.3)}
	.DisplayOrderAlt tr:nth-child(odd) {background-color: rgba(255, 255, 255, 0.5)}
	.DisplayOrderAlt tr td {display: block; width: 100%; text-align: left !important; border-bottom: none !important; border-left: none !important; border-top: none !important; border-right: none !important; padding: 4px 15px !important;}
	.DisplayOrderAlt tr td span {display: inline-block; width: 180px;}
	.DisplayOrderAlt .btn {margin-top: 6px; font-size: 1em; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; line-height: 2em; display: block;}
}
@media screen and (max-width: 840px) {
.wrap {width: 100%;}
.itempromo {width: 25%; margin-right: 0px;}
.itempromo h2 {min-height: 40px;}
.socialtop .text {display: none;}
.socialtop {width: auto; position: absolute; right: 10px; top: 0px;}
.fb-like {float: right;}
.tiledescription {width: 48%; min-height: 205px; margin-right: 0px;}
.tileframe {width: 100%; height: 136px;  }
.tileframe a {width: 100%; height: 146px; display: block;}
.imgr img {width: 210px;}
.containimg {width: auto;}
.half {width: 100%; }
.third {width: 100%; float: left;}
.gal_item_grid {width: 33.3%;}
.gridimg img {height: 190px;}
.contactlocation {width: auto !important;}
.twothirds {width: 100%; float: left;}
.col1{ float: none; width: auto; }
.col2{ float: none; width: auto; }
.service {min-height: 0px;}
.searchbar input[type=text] {width: 220px;}
.pane_whites .third {width: 100%;}
.pane_whites .third .pane_white {background: #fff; padding: 20px; margin-right: 0px; position: relative;}
.pane_whites .third .pane_white h1 {text-align: left; font-size: 2.4em; line-height: 1em; width: 40%; float: left; padding: 0px; margin: 0px; }
.pane_whites .third .pane_white h2 {text-align: left; font-size: 2.4em; line-height: 1em; width: 36%; float: left;  padding: 10px 0px 0px 0px; margin: 0px;}
.pane_whites .third .pane_white h3 {font-size: 0.8em;text-align: left; clear: both;}
.pane_whites .third .pane_white .linkmore a {margin: 0px; width: auto; position: absolute; top:10px; right:10px; }
.product {min-height: 250px !important;}
.product .linkblock {height: 250px !important;}
.product:hover .linkblock {height: 135px;}
.topbar {float: right; width: 100%; line-height: 30px; text-align: right; min-height: 50px; font-size: 1.1em; color: #33240F; padding-top: 20px;}
.socialitem {display: none;}
header {height: 220px;}

.header_logo { position: absolute; left: 0px; top:0px; width: 100%; height: 120px; background: #7FB354; z-index: 100;}
.header_logo a { position: absolute; left: 0px; top:0px; width: 100%; height: 100; display: block;}
.header_logo img {margin-left: 5%;}
.topbar { position: absolute; left: 0%; top:120px; width: 50%; height: 120px; background: #4377A5; text-align: center; padding-top: 0px;}
.searchbar { position: absolute; right: 0%; top:120px; width: 50%; height: 120px; background: #4377A5; text-align: right; box-sizing: border-box; padding: 0px 5% 0px 0px;}
.nav {top:30px;}
.header_logo .abslink {bottom: 15px !important; right: 5% !important; color: #ffffff !important;}
.storedetailsbox {float: none; margin: 0px 0px 0px 0px !important; overflow: auto; padding: 0px !important; max-width: 100% !important; }
.storedetailsbox .addtobasket, .storedetailsbox .buy input {width: 100%; padding-left: 0px; padding-right: 0px; line-height: 2em; padding-top: 5px; padding-bottom: 5px;}
.productoptions {background-color: #fff; box-shadow: 2px 2px 4px #ccc;}
.product_pad .productoptions {background-color: rgba(255, 255, 255, 0); box-shadow: none;}
.tilebar .subcategories_modules li {width: 50%; }
.galleryside {width: 50%; float: left; background: #fff; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.32); margin: 0px 30px 20px 0px;}
.rwdhideearlier {display: none;}

}
@media  screen and (max-width: 760px) {
.user_status span {display: none;}
}
@media  screen and (max-width: 720px) {
.product:hover .buy .smalllinkblock {left:0%; width: 100%;}
.product:hover { position: relative; box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.87); overflow: auto; z-index: 9999; padding: 20px; }
.product:hover .linkblock {height: auto !important; width: 100%; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; float: none; margin: 0px 0px 10px 0px !important; overflow: hidden;}
.product:hover .summary {height: auto !important;}
.product:hover .product_pad_post {width: 100%; position: relative; }
.product:hover .summary .price {position: relative !important; bottom: 0px; left: 0px !important;}

.product, .product:hover {padding: 0px 0px 0px 0px !important; margin: 0px 0px 12px 0px !important;}
.product .linkblock, .product:hover .linkblock {margin: 0px 0px 10px 0px !important;}

.product .product_pad_post {float: none !important; clear: both;}
.product .product_pad {position: relative !important; height: auto !important;}
.product .pricewithvat {position: relative !important; line-height: 1.7em; padding: 10px 0px 0px 0px;

}

}
@media  screen and (max-width: 640px) {
.table-bordered {display: block; padding: 20px 0px 20px 0px !important;}
.DisplayOrderAlt thead {display: none !important;}
.table-bordered tr td, .table-bordered tr th {display: block; border: none !important; padding: 0px 15px 0px 15px !important; line-height: 1.4em; width: 100% !important; box-sizing: border-box !important;}
.table-bordered tbody, .table-bordered thead {width: 100% !important; box-sizing: border-box !important; display: block;}
.labeltd {color: #919191;}
.step {width: 100%; margin-bottom: 0px;}
.checkoutconfirm > div {padding-bottom: 10px;}
.goback, .buttonstdal {width: 100% !important;}
.rwdhide {display: none;}
.galleryside {width: 100%; float: none; background: #fff; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.32); margin: 0px 0px 20px 0px;}
.mainimage {text-align: center;}
.fourth {width: 50%;}
.fourth img {max-width: 100%;}
.mainimage img {max-height: 200px; width: auto; }
.gal_item_grid {width: 50%;}
.gridimg img {height: 160px;}
.third {width: 100%; float: none;}
.twothirds {width: 100%; float: none;}
.topbar .phone {display: none;}
.searchbar input[type=text] {width: 180px;}
.header_logo img {max-width: 100%;}
footer nav a {display: block; width: 48%; float: left; padding: 0px !important;}
.bacs {padding: 4px; height: 49.5px; width: 100%; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15); position: relative; left: auto; right: 0px; top:0px;}
.bacs img {max-width: 100%;}
.bacs .bacs_legend {display: block; position: absolute; bottom: -18px; left: 0px; background: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); padding: 0px 20px; line-height: 1.3em; font-size: 0.8em;}
.third .categories {padding: 6px 0px 0px 0px;}
.third .categories li {min-height: 30px; width: 99%; margin-right: 0px; margin-bottom: 4px; box-sizing: border-box; display: block; }
.third .categories li a span {padding: 5px 25px;}
.third .categories li .flipbox {position: relative; width: 100%; height: auto;}
.third .categories li .flipbox a {position: relative; width: 100%; height: auto;}

.categories li {width: 50%; margin-bottom: 4px;}

.gal_item_grid {width: 50%;}
.gridimg img {height: 160px;}
.pane_whites .third .pane_white {background: #fff; padding: 20px; margin-right: 0px; position: relative;}
.pane_whites .third .pane_white h1 {text-align: left; font-size: 2.1em; line-height: 1em; width: 45%; float: left; padding: 0px; margin: 0px; }
.pane_whites .third .pane_white h2 {text-align: left; font-size: 2.1em; line-height: 1em; width: 36%; float: left;  padding: 0px 0px 0px 0px; margin: 0px;}
.pane_whites .third .pane_white h3 {font-size: 0.8em;text-align: left; clear: both;}
.pane_whites .third .pane_white .linkmore a {margin: 0px; width: auto; position: absolute; top:10px; right:10px; }
.product {position: relative; margin: 0px 6px 12px 0px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.47); overflow: auto; z-index: 9999; padding: 0px; height: auto; min-height: 0px !important; }
.product .product_pad_post {width: 50%}
.product .linkblock {height: 150px !important; width: 40%; margin: 0px 0px 0px 0px;}
.product:hover .linkblock {height: auto;}
.third {width: 100%;}
.product:hover { position: relative; margin: 0px 6px 12px 0px; box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.87); overflow: auto; z-index: 9999; padding: 0px; height: auto; min-height: 0px !important;}
.product:hover .linkblock {height: 150px !important; width: 40%; float: right; margin: 0px 0px 0px 0px; overflow: auto;}
.product .summary {height: auto; overflow-y: auto;}
.product:hover .summary {height: auto;}
.product:hover .product_pad {margin: 0px 0px 0px 0px}
.product:hover .product_pad_post {width: 50%; }
.product:hover .summary .price {position: relative; left: 0px;}
.product .product_pad p {padding: 0px; margin: 0px;}
.product .product_pad_post {min-height: 0px;}
	.subcategories_modules li {width: 90%; float: none; list-style: none; border: 1px solid #ccc;  position: relative; min-height: 150px; margin: 0px 0px 10px 0px; padding: 15px;}
#attributes tr th {padding: 6px 3px; line-height: 1.3em; vertical-align: middle; word-break: break-word;}
#attributes tr td {padding: 6px 3px; line-height: 1.3em; vertical-align: middle; word-break: break-word;}
.basketoption {word-break: normal; }
.basketprice {word-break: normal; }
.basketcollapse {display: block; border-collapse: collapse !important;}
.basketcollapse tbody {display: block; width: 100%;}
.basketcollapse_tr {overflow: auto; display: block; width: 100%;}
.basketcollapse_omit {display: none;}
.basketcollapse_full {float: left; display: inline-block; width: auto;}
.basketcollapse_fl { float: left; display: block;}
.rightpaneshop {width: 100%; float: none; }
.leftpaneshop {width: 100%; float: none; }
.storeimgl {max-width: 100%; float: none; padding-right: 0px; text-align: center; max-height: 100%;}
.storedetailsbox { overflow: visible;}
.socialshare {width: 100%; padding: 5px 0px 5px 0px; margin: 10px 0px; text-align: center;}
.socialshare a {float: none; display: inline;}
.storeimgl img {max-width: 100%; max-height: 400px;}
.manufacturer {float: none; text-align: center; padding-left: 0px; padding-right: 0px; width: 100%; margin: 0px;}
.pricedetails {box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }

.productdetails ul {max-width: 100%; }


}


@media  screen and (max-width: 540px) {
.tilebar .subcategories_modules li {width: 100%; box-shadow: none; border-bottom: 1px solid #5382AC; padding-bottom: 10px; padding-top: 10px; }	
.searchbar input[type=text] {width: 150px;}

}
@media  screen and (max-width: 530px) {
.header_logo a {width: 40%;}
.header_logo {position: relative;
left: 0px;
top: 0px;
width: 100%;
height: 120px;
background: #7FB354;
z-index: 100;}
.topbar {
float: none;
position: relative;
left: 0%;
top: 0px;
width: 100%;
height: auto;
background: #4377A5;
text-align: center;
padding-top: 10px;
box-sizing: border-box;
padding-right: 40px;
word-break: normal !important;
word-wrap: normal !important;
}
.searchbar {
position: relative;
right: 0%;
top: 0px;
width: 100%;
height: auto;
background: #4377A5;
text-align: left;
box-sizing: border-box;
padding: 0px 40px 0px 40px;
}
.optionsline, .cartline {display: inline;}
.searchbar h1 {margin-top: 0px; display: inline-block; float: left; margin-right: 20px; line-height: 34px;}
.searchbar h1 span {display: none;}
.searchbarwrap {overflow: auto;}
.searchbarwrap form {display: inline; float: left;}
}
@media  screen and (max-width: 480px) {
.fourth {width: 100%;}
.categories li {width: 100%;}
body (font-size: 1.1em;)
.itempromo {width: 25%; margin-right: 0px; word-break: break-word;}
.itempromo h2 {min-height: 60px;}
.logoinspromo {height: 100px;}
.socialtop .text {display: none;}
.socialtop {width: auto; position: absolute; right: 10px; top: 0px;}
.fb-like {position: absolute !important; top: 37px; right: 0px; padding: 0px 0px 0px 0px; float: none; height: 35px; overflow: visible;}
.tiledescription {width: 48%; min-height: 205px; margin-right: 0px;}
.tileframe {width: 100%; height: 136px;  }
.tileframe a {width: 100%; height: 146px; display: block;}
.imgr img {width: 160px;}
.containimg {width: auto;}
.tiledescription {min-height: 170px;}
.oferta .tiledescription {min-height: 200px}
.fl {float: none;}
.half {width: 100%;}
.socialitem {display: none;}
footer .half {width: auto;}
footer .fl, footer .fr {float: none;}
.gridimg img {height: 120px;}
.pane_whites .third .pane_white h1 {text-align: left; font-size: 2.1em; line-height: 1em; width: auto; float: none; padding: 0px; margin: 0px; }
.pane_whites .third .pane_white h2 {text-align: left; font-size: 2.1em; line-height: 1em; width: auto; float: none;  padding: 0px 0px 0px 0px; margin: 0px;}
.pane_whites .third .pane_white h3 {font-size: 0.8em;text-align: left; clear: both;}
.pane_whites .third .pane_white .linkmore a {margin: 0px; width: auto; position: absolute; top:10px; right:10px; }
.abstop .shoppingcart_top a { display:block; background: none; padding-left: 0px; height: 3em;}
.product .linkblock {float: none; width: 100% !important;}
.product .product_pad_post {width: 100%;}
.product:hover .product_pad_post  {width: 100%;}
main {padding-top: 30px;}
.abstop .topel {
line-height: 2em !important;
padding: 0px 4px;
border-left: 1px solid #ccc;
font-size: 0.9em;
}
.abstop .topel:hover {
box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.57);
}
.abstop {padding-bottom: 10px;}
.abstop .shoppingcart_top a { height: 2em;}
.abstop .shoppingcart_top a span {color: #286DB7; padding-left: 5px}
.abstop .search_top {background:#fff; box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.36); padding: 0px 10px; position: relative; width: 160px; min-height: 2em; margin-top: 3px;}
.abstop .search_top form {margin: 0px; padding: 0px;}
.abstop .search_top .searchfield { background: none; border: none; line-height: 10px; box-shadow: none; position: absolute; left:10px; top:5px; width: 100px}
.abstop .search_top .button {border: 0px none !important; line-height: 10px; box-shadow: none; position: absolute; right:5px; top:1px; border-color: none; width: 9px;  }
.abstop .search_top:hover {
box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.36);
}
.tile {min-height: 100px;}
header {height: 240px;}

.nav {top:20px;}

}
@media  screen and (max-width: 420px) {
.searchbar h1 {display: none;}
.searchbar {padding-bottom: 10px;}
.searchbar input[type=submit] {background: url(/img/search_button.png) center center no-repeat; background-size: contain;}
}
@media  screen and (max-width: 400px) {
.gal_item_grid {width: 100%;}
.gal_item .img_gal_cat {height: 130px;}
/* .rwdhidelater {display: none;} */
.searchbar input[type=text] {width: 60%; float: left;}
}
@media  screen and (max-width: 380px) {
.nav {top: 120px;right: 0%;width: 100%;}
.nav ul:hover li {margin: 0 0 0px;}
.nav ul li a {line-height: 2em; padding-left: 40px;}
.topbar {padding-bottom: 10px;}
.topbar, .searchbar {top: 2.3em;}
header {height: 260px;}
.nav ul li ul {position: absolute; top: 10px; left: 30%; width: 70%;}
.nav ul {background: #fff;}
}
@media  screen and (max-width: 310px) {
.topbar {padding-right: 20px; padding-left: 20px; font-size: 1em !important; line-height: 1.4em !important}
.searchbar {padding: 0px 20px 10px 20px;}
.nav ul li a {padding-left: 20px;}

}


/* 14-may-2016 myorders.html css ***************************/

.order_history {
  width: 100%;
  font-size: 17px!important;
}
.orderinfo .basket td {
  font-size: 17px;
}
.orderinfo {
  font-size: 17px;
}

/************* Add css on 31-may -2016 *********************/

.paynowbutton {
  padding: 10px 56px 10px 54px!important;
  font-family: "Lato",Helvetica,Verdana,Arial,sans-serif;
  background: #4377A5 none repeat scroll 0 0 !important;
    border: medium none;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    color: #fff !important;
    display: block;
    font-size: 1.1em;
    line-height: 30px;
    margin: 0 auto;
    padding: 15px 25px;
    font-weight: bold;
}

.formbuttons {
  float: left;
  text-align: center;
  width: 100%;
}
.prev_buttopn {
  display: inline-block;
  width: auto;
}
.prev_buttopn .addtobasket {width: auto;}
.next_button {
  display: inline-block;
  width: auto;
  margin: 0 10px;
} 	

.formbuttons .prev_buttopn .addtobasket {
  float: left!important;
  font-weight: bold!important;
  padding: 11px 64px!important;
}

/* Vladan */
.enquire {
  margin: 10px 0;
  display: inline-block;
}