@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600&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*/


#headtophold { background:#f2f2f2;	display:block!important; width:100%; max-width: 100%; text-align:center; margin:0px auto; position:relative;}
#headtop { display:block!important; width:100%; max-width:1400px; text-align:left; margin:0px auto 0px auto; color:#000!important; line-height:35px; font-size:14px; font-family: 'Poppins', sans-serif!important;}

#branding {	width:50%;	padding:0px 0px;	margin:0px auto;	float:right;	text-align:right;	color:#000!important;	line-height:35px;	font-size:12px;	font-family: 'Poppins', sans-serif!important;	}
#branding a { color:#000;;}
#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 url(https://shared1.ad-lister.co.uk/UserImages/9635a510-ee79-45f3-b47c-9b5ac2d08c62/Img/_design/head-bg.jpg) center center no-repeat; background-size:cover; position:relative;}
#header { display:block!important; width:100%; max-width:1400px; text-align:center;margin:0px auto 0px auto;}

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


#topcathold { min-height:50px ; vertical-align:middle!important;text-align:left;z-index:500!important;background:none; width: 70%; width: calc(100% - 280px);  display:block; margin:90px 0 20px 0; padding:0; border:none; float:right; text-align:right;}

#shoplink { display:inline-block; background:#EBEBE9; vertical-align:middle;}
#shoplink:hover { background:#D94241;}
#shoplink a { font-family:'Poppins', sans-serif; font-size:18px; font-weight:600; color:#333; height: auto; line-height:50px; padding: 0px 15px; text-align:center; margin:0px; display:block; text-transform:uppercase; }
#shoplink a:hover { color:#fff;}	
	
#topcathold .show-menu{ display:none; font-family: 'Poppins', sans-serif;text-decoration:none;color:#fff;text-align:center;padding:0px; height:50px; line-height:50px; font-size:17px; font-weight:600; text-transform:uppercase; width:100%; margin: 0 0 0;position:relative;}
.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:1360px; margin:0 auto; position:relative;}
#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:50px; height:40px}

#topcathold #categoriestop { width:auto; display:inline-block; margin:0 auto; padding:0;vertical-align:middle;}
#topcathold #categoriestop .categ { width:auto; display:inline-block; margin:0 auto 0 10px; float:right; text-align:center; position:relative;background:#EBEBE9;}
#topcathold #categoriestop .categ:hover { background:#D94241;}
#topcathold #categoriestop .categ a { font-family:'Poppins', sans-serif; font-size:18px; font-weight:600; color:#333; height: auto; line-height:50px; padding: 0px 15px; text-align:center; margin:0px; display:block; text-transform:uppercase;}
#topcathold #categoriestop .categ a:hover { color:#fff;}

#topcathold .level2 ,
#topcathold .level3 { display:none;}



/*Listing body*/

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

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


#maincol {  width:100%; max-width:1400px; border:none; margin: 0 auto; background:#fff; }

#topSection {width:100%; max-width:1400px; margin:10px auto 20px auto; padding:0px; display:block; background:#fff; box-sizing:border-box; }

.productimages {width:100%; max-width:63%; text-align:center; margin: 10px 1% 10px 1%; float:left;}

#mainimage .gallery {width:98%;position:relative;padding-top:400px;margin:0 auto;}
#mainimage .gallery>img{position:absolute;left:0;top:0; max-width:100%; margin:0 auto; bottom:0; right:0; max-height:400px; 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:17%; height:115px; position:relative; display:inline-block; border:1px solid #ccc; box-sizing:border-box; background:#fff;}
#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:33%; float:left; margin:0 1% 0 1%; padding:10px 0 0 0; display:block;}

#ptitle { width:100%; display:block; margin:30px auto 20px auto; padding:0 0 10px 0;}
.ptitle { margin:0 auto 10px auto; padding:0 ; font-weight:600; font-size:24px; color: #333; font-family: 'Poppins', sans-serif !important; line-height:30px; text-align:center;}
.subtitle { margin:0 auto 10px auto; padding:0 ; font-weight:500; font-size:16px; color: #333; font-family: 'Poppins', sans-serif !important; line-height:30px; text-align:center;}


h3.pprice { display:block;  margin:0 auto 30px auto!important; padding:0!important; font-weight:400!important; font-size:20px; color:#000; font-family: 'Poppins', sans-serif !important; line-height:40px; text-align:left;}
h3.pprice img { vertical-align:middle; margin:0 10px 0 0;}
h3.pprice strong { font-size:24px; font-weight:600!important; color:#000;}

#thedesc { text-align:left; margin:20px 0; padding:0 0 0 0; display:block; ont-weight:500; font-size:16px; color: #000; font-family: 'Poppins', sans-serif !important; line-height:24px;}

.btn.bin {display:table;  margin:0 0 10px 0!important; padding: 15px 20px !important;text-align:center; background:#D94241; line-height:24px; font-weight:500!important; font-size:20px; color:#fff; font-family: 'Poppins', sans-serif !important;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px; min-width:180px;}
.btn.bin:hover { background:#333;}



/* Similar items*/
	
#relatedItems {  width:100%; max-width:1360px; margin:20px auto 20px auto; padding:0 0 0px 0; text-align:center; clear:both;}
#relatedItems h2 { color:#333; text-align:center; line-height:50px; font-family:"Poppins", sans-serif!important; font-size: 24px!important; font-weight:600; padding:0px 20px;  margin:0px auto 20px auto ; background:#fff;}
.product { clear:both; background:#fff;}
.product:after {display:table; content:''; clear:both;}
#relatedItems .prod {display:block; width:18%; margin: 1%; padding:0px; float:left; position:relative; background:#fff;  box-sizing:border-box;}
#relatedItems .prod:hover {background:#fff;}
#relatedItems .image {display:block; width:100%; height:200px; margin:15px auto; position:relative; overflow:hidden; border:3px solid #f2f2f2; box-sizing:border-box;}
#relatedItems .image img{display:block; margin:auto; padding:0; max-width:100%; max-height:185px; 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{}
#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: 'Poppins', sans-serif!important; font-size:15px; font-weight:400;line-height:20px; color:#000; text-decoration:none; text-align:left; width:100% !important; margin:0 auto; background:none; height:auto; padding:0;}
#relatedItems .title a:hover { color:#D94241;}
#relatedItems .price { font-family: 'Poppins', sans-serif!important; font-size:16px; font-weight:600;line-height:20px; color:#D94241; display:inline-block;  text-align:left; float:left;margin:10px 0 0 10px; max-width:50%;}
#relatedItems .price del { display:none;}
#relatedItems .price p { margin: 0 0 0 0; line-height:40px;}
#relatedItems .btn { display:inline-block;  text-align:right; float:right; margin:10px 10px 0 0; max-width:50%;}
#relatedItems .btn a{ background:#D94241 url('https://shared1.ad-lister.co.uk/UserImages/9635a510-ee79-45f3-b47c-9b5ac2d08c62/Img/_design/cart.png') center center no-repeat; border:none; display:block; width:45px;height:35px; font-size:0; margin:0 auto 0 auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#relatedItems .btn a:hover { background:#333 url('https://shared1.ad-lister.co.uk/UserImages/9635a510-ee79-45f3-b47c-9b5ac2d08c62/Img/_design/cart.png') center center no-repeat; }
#relatedItems .title > h4 {margin:0;}



#colourhold {	width:100%; max-width: 100%; display:block;	margin:0 auto 0px auto;	padding:20px  0; text-align:center; background:#F2F2F2 ; }
#colour-search {	width:100%; max-width:1400px;	display:block;	margin:0 auto 0px auto;	padding:0px 0 50px 0;	border-top:none; text-align:center;}
#colour-search h2 { color:#333; text-align:center; line-height:50px; font-family:"Poppins", sans-serif!important; font-size: 24px!important; font-weight:600; padding:0px 20px;  margin:0px auto 20px auto ; background:#f2f2f2;}
#colour-search .topitemholder { width:100%; margin:0 auto;}
#colour-search .topitembox  { width:4.5%; margin:0.5%; display:inline-block;}
#colour-search #topitemimage { width:100%; height:auto; margin:0;}
#colour-search #topitemimage img { width:100%; height:auto; margin:0;}
#colour-search #topitemtitle { display: none;}



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

#header , #colour-search , #maincol { max-width:98%;}
#shoplink a , #topcathold #categoriestop .categ a { font-size:16px;}

}

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

#header , #colour-search , #maincol { max-width:98%;}
#branding { padding-right:5px;}

}

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

	
#toplogo { float:none; margin:5px auto; text-align:center;}

/* custom menu */
#topcathold { width:100%; margin:0 auto; background:#333;}
#topcathold .show-menu{display:block;  }
#topcathold #menuu2 { display:none; }
#topcathold #categoriestop {display:block;  }
#shoplink ,
#topcathold #categoriestop .categ { display:inline-block;  width:100%; margin:0 ; float:none; height:auto;border-top:1px solid #666; background:#333;}
#shoplink a,
#topcathold #categoriestop .categ a { color:#FFF;line-height:30px; font-size:13px; border:none; text-align:left;}
#topcathold #categoriestop .level2 ,
#topcathold .level3 { display:none; }




.productimages { float:none; clear:both; max-width:100%; margin:10px auto;}
.productInfo { float:none; clear:both; max-width:100%; margin:0 0 0 0; text-align:center;}
h3.pprice , #thedesc {  text-align:center;}
.btn.bin { margin: 0 auto 15px auto!important; text-align:center;}

#relatedItems .prod { width:31.33%;}

#colour-search .topitembox  { width:10%;}

}



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

#relatedItems .prod { width:48%;}

}



@media screen and (max-width: 660px){
	
#branding { padding:5px; margin:0 auto; width:100%; text-align:center;}

#mainimage .gallery label { width:30%; }

#colour-search .topitembox  { width:20%;}

}



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


#relatedItems .prod { width:98%;}

}