@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap');


/*Page settings*/
body{
	text-align:center;
	font-family:Arial;
	margin:0px auto;
}
a {
	text-decoration:none;}
a img{
	border:none;}
#listing
{
	width:100%;
	margin:0px auto 0 auto;	
	height:auto;
	padding:0px; 
	background: #fff;
}

table td
{
	font-family:Arial;
}
#EBdescription{
	text-align:center;
	margin:0 auto 0 auto;
}

/*Header*/

#branding {	width:98%;	max-width:1200px ;	padding:5px 0px;	margin:0px auto;	text-align:right;	color:#000!important;	line-height:19px;	font-size:12px;	font-family: 'Montserrat', sans-serif!important;	}
#branding a img{	margin:0 0px 0 5px;	vertical-align:middle;}
.clear {	clear:both;}


#headhold{	display:block!important;	width:100%;		max-width: 100%;	text-align:center;	margin:0px auto;	background: #fff;	position:relative;}
#header{	display:block!important;	width:100%;		max-width:1200px;	text-align:center;	margin:0px auto 0px auto;}

#toplogo { margin:0px auto 10px 0px;padding:0;width:100%;max-width:244px;height:auto; float:left;}
#toplogo a {margin:0 auto;width:100%; max-width:244px; height:auto;display:block;}
#toplogo a img { width:100%; max-width:244px; height:auto; }

#topright { width:55%;  display:block; margin:30px 0 0 0; border:none; float:right; text-align:left;}

#header .search { width:40%; width: calc(100% - 340px);  display:block; overflow:hidden; margin:0px auto ; border:none; box-sizing:unset; border:none; float:right; }
#header .search label {display:none;}
.search:after { content:''; clear:both; display:table;}
#header .search form {display: block;margin: 0;padding: 0; width:100%; position:relative;}
#header .search .searchField{ border:1px solid #f3f3f3; box-sizing: border-box; height:50px;width:100%;font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:normal;padding:5px 40px 5px 10px;line-height:40px; color:#000; background:#fff; text-transform:initial; position:relative; font-style:italic ;border-radius: 25px;}
#header .search .submitBtn {display:block; border: none;cursor: pointer; height:40px; width:40px;position:absolute; right:5px; padding:0; text-indent:9999px; overflow:hidden; background:#fff url("https://shared1.ad-lister.co.uk/UserImages/f2e4c063-a62e-481f-9079-27214fd0ebe3/Img/_design/new2020/src-but.png") no-repeat 50% 50%; top:5px;border-radius: 25px;}



#topcathold {	margin:0px auto 0px auto;width:100%;max-width:100%;min-height:40px ;vertical-align:middle!important;text-align:left;z-index:500!important;background:#2B84BF; position:relative;}
	
#topcathold .show-menu{ display:none; font-family: 'Montserrat', sans-serif;text-decoration:none;color:#fff;text-align:center;padding:0px; position:relative; height:40px; line-height:40px; font-size:17px; font-weight:600; text-transform:uppercase; width:100%; margin: 0 0 0;}
.show-menu:after{    content: '\2630'; position: absolute;right: 8px;top: 0px;bottom: 0; color:#fff; font-size:20px; font-weight:700; line-height:40px; height:40px;margin: auto;}
#topcathold #show-menu[type=checkbox]{display:none}
#topcathold #menuu2 { z-index:501!important; max-width:1200px; margin:0 auto; }
#topcathold #show-menu[type=checkbox]:checked ~ #menuu2{display:block !important;}
#topcathold .show-menu2:before{ display:block; position:absolute; margin:auto; padding:0; left:159px; top:0; bottom:0; content: "\25bc"; color:#fff; font-size:13px; font-weight:bold; line-height:40px; height:40px}


.top-menus { display:inline-block; margin:0 auto; text-align: center;}
.top-menus a {display: table-cell; vertical-align: middle; line-height: 18px; text-align: center; text-decoration: none; padding: 0 30px; height: 50px; margin: 0; font-size:16px; font-family:'Montserrat', sans-serif; font-weight: 500; color:#FFF !important;}
.top-menus a:hover { background:#D85A43;}

#topcathold #categoriestop { margin:0 auto; text-align:center; padding:0 0 10px 0; list-style:none;column-count:5; 
  column-gap: 20px; position: absolute; left: 0; top: 50px; background: #D85A43; width: 100%; display: none;}
#topcathold .categ { display:block; margin: 0 0 0; -webkit-column-break-inside: avoid; page-break-inside: avoid;      break-inside: avoid; }
#topcathold .has-dropdown:hover #categoriestop { display: block;}
#topcathold .has-dropdown:hover .our-products { background: #D85A43;}
#topcathold .categ a { font-family:'Montserrat', sans-serif; font-size:16px; font-weight:500; color:#fff; height: auto; line-height:40px; padding:10px 0 0px 20px; text-align:left; margin: 0 0px;  display:block;}
#topcathold .categ a:hover { text-decoration: underline; background: none;}
.our-products { pointer-events: none; }
.our-products i {border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin:0 0 2px 2px; }
.our-products span { padding-right: 8px; }



#topcathold .categ .level2 { padding: 0px ; width:auto; margin:0 ;}
#topcathold .level2 .categ2 { text-align: left; margin:0 0 0; padding:  0px 0 0; line-height:20px; width:100%; list-style:none; display:block; }
#topcathold .level2 .categ2 a { font-family:'Montserrat', sans-serif; font-size:14px; font-weight:400; color:#fff; height: auto; line-height:20px; padding: 2px 20px; text-align:left; margin:0px 0px 0px 0px; display:table;  width:auto;}
#topcathold .level2 .categ2 a:hover{ text-decoration:underline;}

#topcathold .level3 { display:none;}



@keyframes fade {
  0%   { opacity: 0; }
  11.11%   { opacity: 1; }
  33.33%  { opacity: 1; }
  44.44%  { opacity: 0; }
  100% { opacity: 0; }
}







/*Listing body*/

#bodyh { width:100%; max-width:100%; background:#fff ; margin:20px auto 0 auto; clear:both;}
#bodypage
{
	width:100%;
	margin:0 auto 0 auto;
	padding:0 ;
	text-align:left;
	z-index:99!important;
	overflow:hidden;
    box-sizing: border-box;
	background:#fff;
}

.clear {
clear:both;
width:100%;}


#maincol {  width:100%; max-width: 12100%00px; margin: 10px auto 0 auto; }

#topSection {width:100%; max-width:1200px; margin:0 auto 30px auto; padding:0px; display:block; background:#fff; box-sizing:border-box; }
.productimages {width:100%; max-width:58%; text-align:center; margin: 10px 1% 10px 1%; float:left;}
#mainimage .gallery {width:98%;position:relative;padding-top:450px;margin:0 auto;}
#mainimage .gallery>img{position:absolute;left:0;top:0; max-width:100%; margin:0 auto; bottom:0; right:0; max-height:420px; padding:10px 0;}
#mainimage .gallery input[name='slide_switch']{display:none}
#mainimage .gallery label{margin:3% 1% 0 1%;transition:all .5s;opacity:.6; width:22%; height:115px; position:relative; display:inline-block; border:1px solid #ccc; box-sizing:border-box;}
#mainimage .gallery label img{display:block; width:auto; max-width:100%; overflow:hidden; position:absolute;cursor:pointer; margin:auto; padding:0; right:0; left:0; top:0; bottom:0; max-height:100%;}
#mainimage .gallery input[name='slide_switch']:checked+label{opacity:1}
#mainimage .gallery input[name='slide_switch'] ~ img{opacity:0;transform:scale(1)}
#mainimage .gallery input[name='slide_switch']:checked+label+img{opacity:1;transform:scale(1)} 


.productInfo { width:100%; max-width:38%; float:right; margin:0 1% 0 1%; padding:10px 0 0 0; display:block;}

#ptitle { width:100%; display:block; margin:0 auto 10px auto; padding:0;background:#fff; }
.ptitle { margin:0 auto 10px auto; padding:0 ; font-weight:600; font-size:24px; color: #C23A2C; font-family: 'Montserrat', sans-serif !important; line-height:30px; text-align:left;}
#stitle { display:block;  margin:0 auto 20px auto!important; padding:0!important; font-weight:500!important; font-size:14px; color:#000; font-family: 'Montserrat', sans-serif !important; line-height:20px; text-align:left;}

h3.pprice { display:block;  margin:0 auto 20px auto!important; padding:0!important; font-weight:500!important; font-size:20px; color:#C23A2C; font-family: 'Montserrat', sans-serif !important; line-height:40px; text-align:left;}
h3.pprice strong { color:#2B84BF; font-weight:600!important; font-size:26px;}

#list-promos { width: 100%; margin: 0 0 20px 0;}
.list-promo { display: block; text-align: left; margin: 5px 0;}
.list-promo img { display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}
.list-promo span { display: inline-block; text-align: left; vertical-align: middle; margin: 0 0; font-family: 'Montserrat', sans-serif !important; color:#2B84BF; font-weight:500!important; font-size:18px;}

.bin-button { display:block; width:48%; float:left;  margin:0 0 20px auto!important;padding:0 0 0 0;}
.bin-button a { display:block;  margin:0 2% 0 0; padding:10px 20px!important; font-weight:500!important; font-size:20px; color:#C23A2C; font-family: 'Montserrat', sans-serif !important; line-height:30px; text-align:center; background:#fff; border: 2px solid #C23A2C; box-sizing: border-box; border-radius: 25px;}
.bin-button a:hover { background:#C23A2C; color: #fff;}

.ask-us { display:block; width:48%; float:right;  margin:0 0 20px auto!important;padding:0 0 0 0;}
.ask-us a {  display:block;  margin:0 2% 0 0; padding:10px 20px!important; font-weight:500!important; font-size:20px; color:#C23A2C; font-family: 'Montserrat', sans-serif !important; line-height:30px; text-align:center; background:#fff; border: 2px solid #C23A2C; box-sizing: border-box; border-radius: 25px;}
.add-us a:hover ,.ask-us a:hover { background:#C23A2C; color: #fff;}


/*Template tags*/

#tabhold {width:100%; max-width:100%; padding:0px 0; margin:10px auto; background:#fff; text-align:center; height:auto; clear:both;}
#tabs{width:100%; max-width:1200px; padding:0;margin:0 auto 0px auto; text-align:center; height:auto;}
#tabs:after {display:table; content:''; clear:both; }
#tabs section{ clear:both;display:none; margin:0px 0 10px 0; padding:20px 0;box-sizing:border-box; font-size:14px !important; text-align:left; background:#fff; }
#tabs section p, #tabs section p span , #tabs section span , #tabs section div , #tabs section table { font-size:14px !important;}
#tabs input{display:none}
#tabs label { float: left; margin:0 0 0 0;padding:0 0;font-weight:500;text-align:center; width:20%; font-size:18px; font-family: 'Montserrat', serif; color:#fff;  line-height:50px; height:50px; background:#2B84BF; border-left:5px solid #fff; box-sizing:border-box; text-transform:uppercase; cursor: pointer; }
#tabs label.thefirst { border-left: none;}
#tabs label:hover{color:#fff; background:#C44234;}
#tabs input:checked+label{color:#fff; background:#C44234; }
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5{display:block; font-size:14px; color:#000; }
#content1 table {border-collapse:collapse !important; border-spacing:0 !important; max-width:100% !important; font-family: 'Montserrat', sans-serif !important;}
#content1 img {display:block; max-width:100%;}
#tabs .resptab-input, #tabs .resptab-label {display:none;}
.resptab-content a { color: #000;}






/* Similar items*/
	
#relatedItems {  width:100%; max-width:100%; margin:20px auto 20px auto; padding:0 0 0px 0; text-align:center; clear:both;}
#relatedItems h2 {display:block;font-family: 'Montserrat', sans-serif;font-size:26px; font-weight:600;line-height:30px; color:#fff; text-decoration:none; background:  url(https://shared1.ad-lister.co.uk/UserImages/f2e4c063-a62e-481f-9079-27214fd0ebe3/Img/_design/new2020/home-cat-title-bg.jpg) center top no-repeat; background-size: cover; margin: 0 auto 20px auto; padding:25px  15px;}
.product { clear:both; background:#fff; max-width: 1200px; margin: 0 auto 20px auto;}
.product:after {display:table; content:''; clear:both;}
#relatedItems .prod {display:block; width:23%; margin: 1%; padding:0px; float:left; position:relative; background:#fff;  box-sizing:border-box; border: 1px solid #f3f3f3;}
#relatedItems .prod:hover {background:#fff;}
#relatedItems .image {display:block; width:100%; height:250px; margin:10px auto; position:relative; overflow:hidden; box-sizing:border-box;}
#relatedItems .image img {display:block; margin:auto; padding:0; max-width:100%; max-height:250px; width:auto; height:auto; position:absolute; left:0; right:0; top:0; bottom:0; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; border:5px solid #fff; box-sizing:border-box;}
#relatedItems .image img:hover{ opacity: 0.7;}
#relatedItems .title {display:block; margin:10px 10px 0 10px; padding:0; width:auto; height:auto; overflow:hidden; min-height:60px;}
#relatedItems .title a{display:block; font-family: 'Montserrat', sans-serif!important; font-size:14px; font-weight:500;line-height:20px; color:#000; text-decoration:none; text-align:center; width:100% !important; margin:0 auto; background:none; height:auto; padding:0;}
#relatedItems .title a:hover { color:#C44234;}
#relatedItems .price { font-family: 'Montserrat', sans-serif!important; font-size:18px; font-weight:600;line-height:20px; color:#C44234; display:block;  text-align:center; margin:10px auto;}
#relatedItems .price del { display:none;}
#relatedItems .price p { margin: 0 0 0 0; line-height:40px;}
#relatedItems .btn { display:block;  text-align:center; margin:0 auto 10px auto; max-width:120px;}
#relatedItems .btn a{ background:#C44234; border:none; display:block; font-size:16px; font-family: 'Montserrat', sans-serif!important; color:#fff; padding:10px; margin:0 auto 0 auto;border-radius: 25px; text-transform:uppercase;}
#relatedItems .btn a:hover { background:#2B84BF; }
#relatedItems .title > h4 {margin:0;}


#homebottom { background:#2B84BF; color:#fff; text-align:center; width:100%; margin:0 auto; padding:20px 0 0 0; }
#homebottomContent { padding:0px 0; max-width:1200px; margin:0 auto;}
#homebottomContent .topitemholder { width: 100%; max-width: 1200px; text-align: center; margin: 0 auto;}
#homebottomContent .topitembox  { padding: 0; width:29.33%; margin:2%; float:left; text-align:center;}
#homebottomContent .topitemimage img { width:100%; height:auto; max-width:113px;}
#homebottomContent #topitemtitle a {display:block;font-family: 'Montserrat', sans-serif;font-size:16px; font-weight:600;line-height:24px; color:#fff; text-decoration:none; width:100%; margin:10px auto;}
#homebottomContent #topitemdescription {padding: 10px 20px;}
.homebottombox {font-family: 'Montserrat', sans-serif;font-size:14px; font-weight:400;line-height:24px; color:#fff; }
.homebottombox .read-more {display: block; background: #2B84BF;padding: 10px 25px; border: 2px solid #fff;border-radius: 25px;color: #fff; font-weight: bold;max-width: 170px; margin: 10px auto; font-family:'Montserrat', sans-serif; font-weight:500; font-size: 18px; text-align: center; }
.homebottombox .read-more:hover {background: #fff; color: #2B84BF;}


#homebottombrands { padding:20px 0; max-width:90%; margin:0 auto;}
#homebottombrands h2 { width:100%; margin:10px auto 10px auto; text-align:center; font-size: 20px!important;  color:#fff; font-family:"Montserrat", sans-serif!important; font-weight:400; line-height:45px; padding:0 0 0 0; }
.homebrandbox { padding: 0; width:14.66%; margin:1%; float:left; text-align:center;}
.homebrandbox  img { padding: 0; width:100%; max-width:130px; height:auto; margin:0 auto;}



   /* footer */
   #homefooter {background: url(https://shared1.ad-lister.co.uk/UserImages/f2e4c063-a62e-481f-9079-27214fd0ebe3/Img/_design/new2020/foot-bg.jpg) no-repeat top center; background-size: cover;}

   /* footer */
 #fnhold {width:100%; max-width:100%; margin:0 auto; padding:10px 0; background: transparent;text-align:center;}
 #fnews { width:100%; max-width:1200px;margin:0 auto; padding:30px 0;text-align:center;}
 #fnews h2 {display:block;font-family: 'Montserrat', sans-serif;font-size:30px; font-weight:600;line-height:30px; color:#000; text-decoration:none; width:100%; margin:20px auto;}
 #fnews #fbut { margin:0px 0 0 5px; vertical-align:middle; width:40px;}
 #fnews a {font-size:20px;color:#000 !important;font-family: 'Montserrat', sans-serif!important;font-weight: 600;text-align:center; padding:15px 20px; margin:0px; word-break:keep-all; display:inline-block; background:#fff;border-radius: 25px; border:1px solid #f3f3f3;}
 #fnews a:hover{ background:#2B84BF; color:#fff!important; }
 #fnews a span { font-size:16px;font-weight: 500; margin:0px 10px 0 0;}
 

#foothold {	width:100%;    max-width: 100%;	display:block;	margin:0 auto 10px auto;	padding:0px 0;	background:transparent;		border-top:none;}
#footerpart {	width:100%;    max-width: 1360px;	display:block;	margin:0 auto 10px auto;	padding:10px 0;	border-top:none;}

.fbox {	width:100%; max-width:25%; margin:1% 0;	float:left;	text-align:left;	display:inline-block;	color:#000!important;	line-height:22px;	font-size:13px!important;	text-align:left;	font-family: 'Montserrat', sans-serif!important;font-weight: 400!important;}
.fbox h1 {display:block;font-family: 'Montserrat', sans-serif;font-size:20px; font-weight:600;line-height:30px; color:#000; text-decoration:none; width:100%; margin:20px auto;}
.fbox h1 span{	color:#000;	}		
.fbox a {	padding: 5px 0 ;	color:#000!important;	line-height:22px;	font-size:14px!important;	text-align:left;	font-family: 'Montserrat', sans-serif!important;font-weight: 500!important;	display:table;	}
.fbox a:hover { text-decoration:underline; }

.fbox.fcats { max-width:72%; float:right; }
.fbox ul { margin:0; padding:0;}
.fbox ul li { list-style: none;}
.fbox.fcats ul li { width:33% ; margin:0 0 0 0; display:inline-block;}
.fbox .level2 , .fbox .level3 { display:none;}



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

#bodyh , #footerpart , #fnews , #tabs { max-width:98%;}

#branding , #header  { max-width:98%;}	

#fnews , #footerpart { max-width:98%;}	


.top-menus a { padding: 0 15px;}

}


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

/* custom menu */

#topcathold .show-menu{display:block;  }
#topcathold #menuu2 { display:none; max-width:100%; }
.top-menus { display: block; }
.top-menus a { display: block; line-height: 50px; }
#topcathold #categoriestop { display:block; position:relative; top:0px; left:0px; right:0px; margin-left:auto; margin-right:auto; column-count: 3; }
#topcathold #categoriestop .categ { width:98%; display:inline-block; margin:0 auto; border-bottom: none; border-top: none; }
#topcathold #categoriestop .categ a { font-weight:400;  text-align:center;}
#topcathold #categoriestop .level2 { display:none; }

}

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

#toplogo { float:none; padding-top:5px; margin:0px auto 5px auto; text-align:center;}
#topright { float:none; margin:5px auto; text-align:center; width:98%;}
#topright .toplink { float:none; margin:5px auto; text-align:center; width:auto;}

#topSection { border:none;}
.productimages { float:none; clear:both; max-width:100%; margin:10px auto;}
.productInfo { float:none; clear:both; max-width:100%;}
.productPromo { display:none; }

#tabhold { background:#fff; margin:0 auto;}
#tabs section { border:none;}
#tabs section:before { display:none;}

#tabs {margin:0 auto 10px auto;}
#tabs .deskV {display:none !important;}
#tabs .resptab-input, #tabs .resptab-label {display:block !important;}
#tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3,#tab4:checked ~ #content4,#tab5:checked ~ #content5{display:none; border:none;}
#tabs .resptab-label{color:#fff;text-decoration:none;position:relative;display:block;width:100%;min-height:40px;padding:0 0 0 10px;font-size:16px;font-weight:600;margin:10px 0 0 0;background:#2B84BF;text-align:left;line-height:40px;height:40px; position:relative; border:none!important;}
#tabs .resptab-input{display:none}
#tabs .resptab-content{margin:0; padding:15px 5px;}
#tabs .resptab-content table {border-collapse:collapse !important; border-spacing:0 !important; max-width:100% !important;}
#tabs .resptab-content img {display:block; max-width:100%;}
#tabs .resptab-input:not(checked) ~ .resptab-content{display:none}
#tabs .resptab-input {display:none !important;}
#tabs .resptab-label:hover {color:#fff;}
#ID-1:checked ~ #content1, #ID-2:checked ~ #content2, #ID-3:checked ~ #content3, #ID-4:checked ~ #content4, #ID-5:checked ~ #content5{display:block;}
#ID-1:checked:checked ~ #L11, #ID-2:checked:checked ~ #L22, #ID-3:checked:checked ~ #L33, #ID-4:checked:checked ~ #L44, #ID-5:checked:checked ~ #L55{ color:#fff !important; background:#C44234; border:none!important;}
#tabs .resptab-input:not(checked) ~ .resptab-label:before{ display:block; position:absolute; margin:auto; padding:0; right:15px; top:0; bottom:0; content: "\25bc"; color:#fff; font-size:13px; font-weight:bold; line-height:40px; height:40px}
#ID-1:checked ~ #L11:before, #ID-2:checked ~ #L22:before, #ID-3:checked ~ #L33:before, #ID-4:checked ~ #L44:before, #ID-5:checked ~ #L66:before { content: "\25b2";}



#homebottomContent .topitembox { width: 96%; margin: 2% 2% ;}

}

@media screen and (max-width: 780px){
	
  
#topcathold #categoriestop { column-count: 2; }

#relatedItems .prod { width:48%;}	

#footerpart { text-align:center;}
.fbox { max-width:90%; margin:1% auto; float:none; clear:both;}
.fbox.fcats { max-width:90%; margin:1% auto; float:none; clear:both;}
.fbox.fcats #categoriestop li { width:49%;}

}

@media screen and (max-width: 660px){
	
#toppromohold { display:none; }


}

@media screen and (max-width: 560px){
	
.homebottombox { width:98%;}
.homebrandbox { width:98%;}

.fbox.fcats #categoriestop li { width:98%;}

}


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

  
#topcathold #categoriestop { column-count: 1; }

.bin-button , .ask-us { width: 100%; margin: 0 0 15px 0; clear: both; float: none;}
	
#relatedItems .prod { width:98%;}	

}