@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');


/*Page settings*/
body{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family:Arial;
	margin:0px;
}
a {
	text-decoration:none;}
a img{
	border:none;}
#listing
{
	width:100%;
	margin:0px auto 0 auto;	
	background:#fff url(https://shared1.ad-lister.co.uk/UserImages/ee2dc750-fecb-428e-8df8-7bfdc4e07812/Img/_design/listbg.jpg) top center repeat-y;
	height:auto;
}
	

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

/*Header*/

#branding {
	width:100%;
	max-width:100% ;
	padding:5px 0;
	margin:0px auto;
	text-align:right;
	color:#333!important;
	line-height:19px;
	font-size:12px;
	font-family: 'Open Sans', sans-serif!important;
	background:#fff;}
#branding a img{
	margin: 0 5px;
	vertical-align:middle;}
	
#tmhold {width:100%;max-width: 100%; background:#DED8CA; margin:0 auto; padding:10px 0;}	
#tmenu {width:100%;max-width: 1280px; margin:0 auto; padding:0 0;}
#tlinks { width:auto; float:left; }
#tlinks a {color:#000 !important;font-size:15px !important;font-weight:500!important;line-height:20px!important;font-family: 'Open Sans', sans-serif !important;vertical-align:middle; padding:0 10px; border-left:1px solid #000;}
#tlinks a:first-child { padding:0 10px 0 0; border-left:none;}
#tlinks a:hover { color:#B12C51 !important;}
#tcontact {margin:0 0 0 auto;float:right;text-align:right;width:auto;}
#tcontact .tctxt {color:#000 !important;font-size:15px !important;font-weight:500!important;line-height:20px!important;font-family: 'Open Sans', sans-serif !important;vertical-align:middle; padding:0 0 0 10px ; margin:0; float:left;}
#tcontact .tctxt a {color:#000 !important;font-size:15px !important;font-weight:500!important;line-height:20px!important;font-family: 'Open Sans', sans-serif !important;vertical-align:middle;}
#tcontact .tctxt img {vertical-align:bottom; line-height:20px; margin:0 10px 0 0;}
#tcontact .tctxt a:hover { color:#B12C51 !important;}
	
#headhold
{	display:block!important;
	width:100%;	
	max-width: 1240px;
	text-align:center;
	margin:0px auto;
	background: #fff;
}
#header
{	display:block!important;
	width:100%;	
	max-width:100%;
	text-align:left;
	margin:0px auto 0px auto;
	padding:20px 0 10px 0;
}
#llogo {
	margin:0px auto 0 auto ;
	padding:0;
	width:33.33%;
	height:auto;
	float:left;
	text-align:left;
}
#toplogo {
	margin:0px auto 0 auto ;
	padding:0;
	width:33.33%;
	height:auto;
	float:left;
	text-align:center;
}
#rlogo {
	margin:0px auto 0 auto ;
	padding:0;
	width:33.33%;
	height:auto;
	float:left;
	text-align:right;
}
#toplogo a {
	margin:0 auto;
	width:100%; max-width:200px; height:auto;
	display:block;
}
#toplogo a img { width:100%; max-width:200px; height:auto; }


#topcathold {	
	margin:10px auto 0px auto;
	width:100%;
	max-width:1240px;
	min-height:50px;
	display:block ;
	vertical-align:middle!important;
	text-align:center;
	z-index:500!important;
	background:#DED8CA;
	display:none;
}

#topcat  {
	margin:0 auto!important;
	padding:0!important;
	z-index:602!important;
	display:inline-block;
	max-width:1240px;
	width:100%;
	text-align:center;
	position:relative;}
	
#topcat li {
	margin:0 !important;
	padding:0;
	list-style:none;
	display: inline-block;
	height:50px ;}

#topcat li a {
	line-height:50px;
	margin: 0px;
	padding:0 10px;
	color:#fff;	
	font-family: 'Open Sans', sans-serif !important;
	text-decoration:none;
	display:inline-block;
	font-size:16px;
	font-weight:500;
	text-align:center;
	vertical-align:middle;
}
#topcat li:hover { background:#BC0908; }
#topcat li a:hover { text-decoration:none!important;}


#topcathold .show-menu{ display:none; font-family: 'Open Sans', sans-serif;text-decoration:none;color:#000;text-align:center;padding:0px; position:relative; height:40px; line-height:40px; font-size:18px; font-weight:500; text-transform:uppercase; width:100%; float:left; margin: 0 0 0;}
.show-menu:after{    content: ''; position: absolute;right: 8px;top: 0px;bottom: 0;border-left: 7px transparent solid;border-right: 7px transparent solid;border-top: 7px #000 solid;height: 0;margin: auto;}
#topcathold #show-menu[type=checkbox]{display:none}
#topcathold #show-menu[type=checkbox]:checked ~ #menuu{display:block}
#topcathold #menuu2 {display:none;}
#topcathold #show-menu[type=checkbox]:checked ~ #menuu2{display:block !important}

	
#tphold { width:100%;	max-width:1240px;text-align:center;margin:0px auto 20px auto;background:#DED8CA;}
.mobpromo { display:none;}
#tpromo{display:block;width:100%;	max-width:100%;text-align:center;margin:0px auto;padding: 10px 0 ;}
.tpromo { float:left; width:50%; text-align:center; margin:0 0; 	color:#000!important;	 font-family: 'Open Sans', sans-serif !important; font-weight:500; text-decoration:none; display:inline-block; font-size:14px!important; line-height:30px!important; vertical-align:middle; padding: 0;}
.tpromo img  { margin:0px auto 5px auto; vertical-align:middle; display:inlin-block; text-align:center;}
.tpromo a{ color:#fff!important; font-family: 'Open Sans', sans-serif !important; font-weight:500; text-decoration:none; display:inline-block; font-size:14px!important; vertical-align:middle; padding: 0px 10px; background:#B12C51; margin:0 0 0 5px;}
.tpromo a:hover { background:#000;}



#bannerhold { width:100%;	max-width:100%;text-align:center;margin:0px auto 10px auto;}
#bannerhold img { width:100%;	max-width:1240px;text-align:center;margin: 0 auto; height:auto;}

/*Listing body*/

#bodyh { width:100%; max-width:1280px; margin:0 auto 10px auto; border:1px solid #DED8CA; box-sizing:border-box; border-top:none; background:#fff; }
#bodypage
{
	width:100%;
	max-width:1240px;
	margin:0 auto 0 auto;
	padding:0 0px;
	text-align:left;
	z-index:99!important;
	overflow:hidden;
    box-sizing: border-box;
	background:#fff;
}

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

#leftcol { float:left; width:20%; margin: 10px auto ; }

#leftcol h2 {
    width: 100%;
    display: block;
    background:#EEEBE4;
    margin: 0px auto;
    padding: 0;
    font-weight: 500;
    font-size: 16px;
    color: #000;
    font-family: 'Open Sans', sans-serif !important;
    line-height: 50px;
    text-align: center;
	border-bottom:1px solid #fff; 
}

#leftcol #categoriesside { margin:0px 0 20px 0; padding:0px;}
#leftcol #categoriesside li { background:#fff; border-bottom:1px solid #EEEBE4; padding:10px 5px;}
#leftcol #categoriesside li a { margin:0px; font-weight: 500;font-size: 13px;color: #000; font-family: 'Open Sans', sans-serif !important;}
#leftcol #categoriesside li:hover { background: #EEEBE4;}
#leftcol #categoriesside li a::before {
 content: '\25ba';
 padding-right:5px;
 font-size:12px;
 color:#B12C51;
}
#leftcol .product { width:100%; max-width:100%;}
#leftcol .product .prod { width:100%; max-width:100%; margin:0 auto 0 auto; padding:0 0 10px 0;}
#leftcol .product .prod .image { width:100%; max-width:100%; margin-top:5px; text-align:center;}
#leftcol .product .prod .image a img { width:100%; max-width:150px; height:auto; margin:0 auto;}
#leftcol .product .prod .title h4 a { color:#666; font-size:12px; padding:5px 0; font-weight:500; text-decoration:none; text-align:center;}
#leftcol .product .prod .price { color:#B12C51; text-align:center; font-size:14px;}
#leftcol .product .prod .btn { width:100%; display:inline-block; margin:5px auto; text-align:center; font-weight: 500;font-size: 13px;color: #fff; font-family: 'Open Sans', sans-serif !important;}
#leftcol .product .prod .btn a {  background:#B12C51; margin:0 auto; text-align:center; font-weight: 600!important;line-height:35px;height:35px;padding:5px 15px; font-size: 16px;color: #fff; font-family: 'Open Sans', sans-serif !important;}
#leftcol .product .prod .btn a:hover { background: #000;}


#maincol { float:right; width:79%; margin: 10px auto 0 auto; }

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

#mainimage .gallery {width:100%;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: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)} 


.productimages {width:100%; max-width:59%; text-align:center; margin:0 auto 10px auto; float:left;}

.productInfo { clear:right; width:100%; max-width:39%; float:right; margin:0 0 0 0; padding:10px 0 0 0; display:block;}
.ptitle {  display:block; margin:0 auto 10px auto; padding:10px; font-weight:500; font-size:18px; color: #fff; font-family: 'Open Sans', sans-serif !important; line-height:30px; text-align:left; background:#05A6A5;}
.pprice { width:100%; display:block; background:#fff; margin:0 auto 10px auto; padding:0; font-weight:500; font-size:30px; color: #000; font-family: 'Open Sans', sans-serif !important; line-height:40px; text-align:left;}


#idesc { width:100%; display:block; margin:0 auto 10px auto; padding:0 0 10px 0; font-weight:normal; font-size:14px; color: #000!important; font-family: 'Open Sans', sans-serif !important; line-height:normal;}
#idesc ul { margin:0; padding:0 0 10px 20px;}

#binbut {  display:block; margin:0 0 15px 0; padding:10px 0; font-weight:600; font-size:18px; color: #fff; font-family: 'Open Sans', sans-serif !important; line-height:30px; text-align:center; background:#05A6A5; width:230px; text-transform:uppercase;}
#binbut:hover { background:#000;}
#watch {  display:block; margin:0 0 15px 0; padding:10px 0; font-weight:600; font-size:18px; color: #fff; font-family: 'Open Sans', sans-serif !important; line-height:30px; text-align:center; background:#B12C51; width:230px; text-transform:uppercase;}
#watch:hover { background:#000;}
#askus {  display:block; margin:0 0 15px 0; padding:10px 0; font-weight:600; font-size:18px; color: #fff; font-family: 'Open Sans', sans-serif !important; line-height:30px; text-align:center; background:#B12C51; width:230px; text-transform:uppercase;}
#askus:hover { background:#000;}

#inotice { width:auto; display:block; margin:0 auto 10px auto; padding:20px 10px; font-weight:normal; font-size:14px; color: #fff!important; font-family: 'Open Sans', sans-serif !important; line-height:normal; text-align:center;background:#B12C51;}
#inotice h2 { margin:0; padding: 10px 0 ;  font-size:20px;  color: #fff!important;text-align:center;}

/*Template tags*/

#tabs{width:100%;padding:0;margin:0 auto;background:#fff; float:left; height:auto;}
#tabs:after {display:table; content:''; clear:both;}
#tabs section{display:none;padding:15px ; clear:both; border:1px solid #DED8CA;border-top:none;box-sizing:border-box;margin: 0 0 10px 0;}
#tabs input{display:none}
#tabs label{display:inline-block;margin:0;padding:0;font-weight:500;text-align:center; width:25%; font-size:16px; font-family: 'Open Sans', serif; color:#fff; box-sizing:border-box; float:left;  line-height:50px; height:50px; background:#05A6A5;}
#tabs label.vv5 {border:none;}
#tabs label:hover{color:#000;cursor:pointer; background:#EEEBE4;}
#tabs input:checked+label{color:#000; background:#EEEBE4;}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5{display:block; font-size:14px; color:#333;}
#content1 table {border-collapse:collapse !important; border-spacing:0 !important; max-width:100% !important; font-family: 'Open Sans', 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*/
#relatedhead {
		background: #fff;
		height:50px;
		margin:0px auto 0px auto;
		width:100%;
		max-width:1240px;;
		clear:both;
		text-align:center;
	box-sizing:border-box;
}	

#relatedhead h2 {
    color: #fff;
    text-align: center;
    font-family: "Open Sans", sans-serif!important;
	font-size:20px;
	line-height:50px;
    font-weight: 600;
    max-width: 100%;
    margin: 0 auto;
	background:#05A6A5;
}

#relatedItems
{
	padding:0 0 0 0;
	margin:0px auto 10px auto;
	width:100%;
	max-width:100%;
	overflow:hidden !important;
	text-align:center;
	background:#fff;
	border:1px solid #DED8CA;
	border-top:none;
	box-sizing:border-box;
}
#relatedItems .product {display:block; width:100%; height:auto; margin:10px auto; padding:0;}
.product:after {display:table; content:''; clear:both;}
#relatedItems .prod {display:block; width:23%; height: 330px; margin: 1%; padding:0px; float:left; position:relative;}
#relatedItems .image {display:block; width:100%; height:145px; margin:0 auto; position:relative; overflow:hidden;}
#relatedItems .image img{display:block; margin:auto; padding:0; max-width:100%; max-height:145px; 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;}
#relatedItems .image img:hover{transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform:scale(1.1);}
#relatedItems .title {display:block; margin:15px 0 0 0; padding:0; width:100%; height:auto; overflow:hidden;}
#relatedItems .title a{display:block; font-family: 'Open Sans', sans-serif!important; font-size:12px; 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 { text-decoration:underline;}
#relatedItems .price { font-family: 'Open Sans', sans-serif!important; font-size:14px; font-weight:600;line-height:20px; color:#B12C51; display:block;  text-align:center;margin:10px auto 0 auto;}
#relatedItems .btn a{
	text-align: center;
    color: #fff!important;
    background: #B12C51;
    font-size: 16px!important;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 600!important;
	line-height:35px;
	height:35px;
	padding:0 15px;
	display:inline-block;}
#relatedItems .btn a:hover { background:#000;}
#relatedItems .title > h4 {margin:0;}


	

 /* footer */
 
#footerpart {width:100%;max-width: 1240px;display:block;margin:0 auto 10px auto; background:#DED8CA;}
	
#fnews { width:50%; margin:1% 0 1% 0; float:left; box-sizing:border-box!important; padding:5px 0; text-align:center;}	
.fico { display:inline-block; vertical-align:middle; margin:0 5px 0 0; line-height:40px;}
#fntitle { display:inline-block; vertical-align:middle; line-height:40px;font-size: 18px!important;  color:#000; text-align:center; font-family:"Open Sans", sans-serif!important; font-weight:600; margin:0 10px 0 0; }
#fntxt { display:inline-block; vertical-align:middle; height:40px; line-height:40px;font-size: 12px!important;  color:#333; text-align:center; font-family:"Open Sans", sans-serif!important; font-weight:500; margin:0 10px 0 0; border:1px #ccc solid; box-sizing:border-box; padding:0 10px; background:#fff; }
#fnews a { display:inline-block; vertical-align:middle; height:40px; line-height:40px;font-size: 18px!important;  color:#fff; text-align:center; font-family:"Open Sans", sans-serif!important; font-weight:600; margin:0 0 0 0;  box-sizing:border-box!important; padding:0 10px; background:#B12C51; }
#fnews a:hover { background:#333; }

#fpay { width:50%; margin:1% 0 1% 0; float:left; box-sizing:border-box!important; padding:5px 0; text-align:center;}	
.fpay { display:inline-block; vertical-align:middle; margin:0 0 0 0; line-height:40px; width:100%; height:auto; max-width:275px;}

.newsclear , .payclear { display: none; }



@media screen and (max-width: 1290px){
		body { padding:0 1%!important; background-image:none!important;}
		#tmenu { max-width:98%;}
}

@media screen and (max-width: 1280px){
		#bodyh { border:none;}
}

@media screen and (max-width: 1180px){
	#fnews , #fpay { width:100%; margin:5px 0 5px 0; }
	.newsclear , .payclear { display: none; }
}

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

	.tpromo { float:none; clear:both; width:100%; margin:0 auto 5px auto;}
	#tphold { display:none; }
	.mobpromo { display:block!important; clear:both; margin:0 auto 10px auto!important;}		
}


@media screen and (max-width: 980px){
	
div {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	
#powered,
	{width:100% !important; max-width:100% !important; height:auto!important;}	


#header {width:100% !important; max-width:100% !important; height:auto!important;}

#leftcol { display:none;}
#maincol { float:none; width:100%; }


}
	


@media screen and (max-width: 940px) {
#tlinks {display:block; float:none!important; margin:0 auto 10px auto;}
#tcontact {display:block; float:none!important; margin:0 auto 0px auto; text-align:center;}
.tctxt {display:inline-block; float:none!important; margin:0 auto 0px auto; text-align:center;}

}


@media screen and (max-width: 860px){
	
	.productimages { float:none; clear:both; max-width:100%;}
	.productInfo { float:none; clear:both; max-width:100%;}

}

@media screen and (max-width: 860px){
	
	#llogo , #rlogo { display:none;}
	#toplogo { width:100%;}

}


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

	#tphold { display:none;}

}


@media screen and (max-width: 780px){
#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;}
#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:#05A6A5;text-align:left;line-height:40px;height:40px; position:relative; border:none;}
#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:#000;}
#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:#000 !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:#000; 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";}
}

@media screen and (max-width: 720px){	
.newsclear , .payclear { display: block; }

#relatedItems .prod { width:48%; }

}

@media screen and (max-width: 560px) {
#tlinks { display:none;}
#topcathold { min-height:40px; display:block;}
#topcathold .show-menu{display:block; }
#topcat {display:none; }
#menuu2 #categoriestop {background:#DED8CA;display:block; padding:0; margin:0px; position:static; width:100%; z-index:999999; clear:both; left:0; right:auto; box-shadow:none; float:left;}
#menuu2 #categoriestop li {text-align: center;text-transform:none;  padding:5px 0; margin:0 1%; width:98%; float:left; position:relative; display:block; height:auto;}
#menuu2 #categoriestop li a {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; height: auto;line-height:20px;padding: 0px; text-align:left; text-transform:capitalize; color:#000;}
#menuu2 #categoriestop li a:after { display:none;}
#menuu2 #categoriestop li:hover a { color:#000;}
#menuu2 #categoriestop .level2 {display:none;}

}


@media screen and (max-width: 520px){	
#fntxt { margin:0px auto 5px auto;  line-height:20px;}
#fnews a { display:block; margin:0 auto; max-width:120px; }
}

@media screen and (max-width: 480px){	
#relatedItems .prod { width:98%; }
#bannerhold { display:none;}

}