@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;
	height:auto;
}
	

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

/*Header*/


#headhold
{	display:block!important;
	width:100%;	
	max-width: 1280px;
	text-align:center;
	margin:30px auto 0px auto;
	background: #fff;
	border:20px #F4F4F4 solid;
	border-bottom:none;
}
#header
{	display:block!important;
	width:100%;	
	max-width:1240px;
	text-align:left;
	margin:10px auto 0px auto;
	position:relative;
}

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

#tcnr { color:#666 !important; font-weight:600!important; font-size:22px; vertical-align:middle; position:absolute; bottom:10px; right:0px;}	
#tcnr span.ts { color:#A31D19 !important;font-size:22px !important; display:block;}

#tcontact {margin:5px auto 0 auto;float:right;text-align:right;vertical-align:middle;}
#tcontact .tctxt {vertical-align:middle;}
.tclink { float:right; margin-left:10px;}
#tcontact .tctxt a { color:#000 !important;font-size:14px !important;font-weight:500!important;line-height:30px!important;font-family: 'Open Sans', sans-serif !important;}
#tcontact .tctxt img { vertical-align:middle; margin-right:10px; }
#tcontact .tctxt a:hover { color:#A31D19!important;}

#tcsearch { float:right;margin:20px auto 0 40px;width:30%;text-align:left; clear:right; position:relative;}


#tcsearch #inpbox{
	margin:5px 0px 0 0;
	padding:2px 5px 2px 5px;
	line-height:36px;
	height:40px;
	width:97%;
	color:#999;
	font-size:12px;
	background:#F0EFEC!important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border:none;
}

#tcsearch #gosrc{	
	vertical-align:middle;
	top:12px;
	right:15px;
	width:50px;
	height:30px;
	position:absolute;
}


#topbike { position:absolute; bottom:-15px; right:40%;}


#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:#4D4845;
}

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

#topcat li a {
	line-height:50px;
	margin: 0px 2px;
	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 a:hover { text-decoration:underline;}

#topcat #navmenu { width:auto; margin:0 auto; padding:0; text-align:center;}	
	
	

#topcat .level2 ,
#topcat .level3 { display:none !important; }




	

#topcat #menuu {display:block; width:100%; height:10px; margin:0px auto; padding:0; }
#menuu:after {content:''; clear:both; display:table;}
#topcat #menuu ul { display:table; margin:0px; padding:0px; text-align:center; width:100%; list-style:none;}
#topcat #menuu ul li { vertical-align:middle; height:40px; padding:0px 10px;list-style:none; list-style-type:none; float:left; }
#topcat #menuu ul li a {font-family: 'Open Sans', sans-serif !important;font-size:16px;font-weight:600;display:table-cell; vertical-align:middle;line-height:40px; text-align:center; text-decoration:none; color:#fff; text-transform:uppercase; padding:0 10px; height:40px; } 
#topcat #menuu ul li img { vertical-align:top; margin-left:5px; height:40px; line-height:40px; }
#topcat #menuu ul .pro a { position:relative; padding:0 25px 0 10px;}
#topcat #menuu .pro a:after {content:''; position:absolute; right:8px; top:0px; bottom:0; border-left:7px transparent solid; border-right:7px transparent solid; border-top:7px #67a747 solid; height: 0; margin:auto;}
#topcat #menuu ul li:hover > a {color:#52B739;}
.Wmenu:after {display:table; content:''; clear:both;}
#topcathold .show-menu{ display:none; font-family: 'Open Sans', 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%; 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 #fff 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}
#topcathold .show-menu2:before{ display:block; position:absolute; margin:auto; padding:0; left:159px; top:0; bottom:0; content: "\25bc"; color:#000; font-size:13px; font-weight:bold; line-height:40px; height:40px}
#topcathold #categoriestop{ padding: 0px ; width:100%; margin:0 auto; }
#topcathold #categoriestop li {text-align: center; margin:0 0; display:inline-block;}
#topcathold #categoriestop li a {font-family:'Open Sans', sans-serif; font-size:16px; font-weight:500; height: auto;line-height:50px; padding: 0px 10px; text-align:center; margin:0;}
#topcathold #categoriestop li a:after { display:none;}
#topcathold #categoriestop li:hover a { text-decoration:underline; background:none !important;}
#topcathold #categoriestop .level2 {display:none;}
	

#topbanner  { width:100%!important; max-width:1240px;  margin:20px auto!important; }
#topbanner .topitembox   { width:100%; max-width:100%; height:auto; text-align:center; margin: 0px auto; }
#topbanner #topitemtitle { display:none!important;}
#topbanner #topitemimage { width:100%; max-width:100%; height:auto; text-align:center; margin: 0px auto; padding:0px; }
#topbanner .topitemimg { width:100%; height:auto; max-width:100%; }


/*Listing body*/

#bodyh { width:100%; max-width:1280px; background:#fff ; margin:0 auto; border: 20px #F4F4F4 solid;border-top: none;border-bottom: none;}
#bodypage {
	width:100%;
	max-width:1240px;
	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%; margin: 10px auto 0 auto; }

#leftcat {width:100%; max-width:25%; margin:0 auto 20px auto; padding:0px; display:inline-block; background:#fff; float:left;}
#leftcat h2 {
    width: 100%;
    display: block;
    background: #F1F1F1;
    margin: 0px auto 10px auto;
    padding: 0;
    font-weight: 600;
    font-size: 22px;
    color: #333;
    font-family: 'Roboto', sans-serif !important;
    line-height: 50px;
    text-align: center;
}

#leftcat #categoriestop { margin:0px 0 10px 0; padding:0px; background: #4D4845;}
#leftcat #categoriestop li { padding:10px; border-bottom:1px solid #999;}
#leftcat #categoriestop li a { margin:0px; font-weight: 500;font-size: 14px;color: #fff; font-family: 'Roboto', sans-serif !important;}
#leftcat #categoriestop li:hover { }
#leftcat #categoriestop li:hover a { color:#ccc!important;}

.lpromo {width:100%; max-width:100%; height:auto; margin:0 auto 10px auto; }
.lpromo a {width:100%; max-width:100%; height:auto; }
.lpromo img {width:100%; max-width:100%; height:auto; }


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

#mainimage .gallery {width:100%;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:450px; padding:10px 0;}
#mainimage .gallery input[name='slide_switch']{display:none;}
#mainimage .gallery label{margin:3% 0.5% 0 0.5%;transition:all .5s;opacity:.6; width:10.5%; height:90px; position:relative; display:inline-block; text-align:center;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);} 



.specs {width:960px; margin:20px auto; display:block; padding:0;}
.specs .desc {display:block; margin:0; padding:0 0 10px 0;}

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

.productInfo { clear:right; width:100%; max-width:100%; margin:0 0 0 0; padding:10px 0 0 0; display:block; width:100%;}
#titlehold { background: url(https://shared1.ad-lister.co.uk/UserImages/19c1d87a-495a-4ab1-9286-1147bc94ad07/Img/_design/descfoot.jpg) top left repeat; width:100%;}
.ptitle {  display:block; margin:0  10px; padding:0; font-weight:bold; font-size:20px; color: #fff; font-family: 'Open Sans', sans-serif !important; line-height:50px; text-align:center;}
	


#idesc { width:100%; display:block; margin:0 auto 10px auto; padding:0 0 10px 0; font-weight:normal; font-size:14px; color: #333!important; font-family: 'Open Sans', sans-serif !important; line-height:normal; text-align:center;}
#idesc .desctitle { width: 100%;display: block; margin: 10px auto 10px auto;padding: 0;font-weight: 600;font-size: 20px;color: #333;font-family: 'Open Sans', sans-serif !important;line-height: 40px;text-align: center;}
#idesc div, #idesc div span, #idesc table { color:#333!important; text-align:center; } 
#idesc ul { margin:10px 0; padding: 0 0 0 20px; } 
#idesc ul li { color:#000!important; } 
#descfoot { width:100%; height:50px; display:block; background: url(https://shared1.ad-lister.co.uk/UserImages/19c1d87a-495a-4ab1-9286-1147bc94ad07/Img/_design/descfoot.jpg) top left repeat;}








/* Similar items*/
#relatedhead {
		background: #741312;
		height:50px;
		margin:0px auto 0px auto;
		width:100%;
		max-width:1400px;
		clear:both;
		text-align:center;
}	

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

#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 #F4F4F4 solid;
    border-top: none;
	box-sizing:border-box;
}
.tabcontent { padding:15px; text-align:left;}


	

 /* footer */
 

#footerpart {
	width:100%;
    max-width: 1280px;
	display:block;
	margin:0 auto 10px auto;
	padding:10px 0;
	background:#fff;	
	border:20px #F4F4F4 solid;
	border-top:none;
}

#flinks{
	float:left;
	text-align:left;
	display:inline-block;}
#flinks a {
	padding: 0 0 0 10px;
	color:#fff!important;
	line-height:26px;
	font-size:14px!important;
	text-align:left;
	float:left;
	}
	
#flinks a:hover { text-decoration:underline; }
		
#fpay { float:right; margin:0 10px  0  auto; line-height:26px; vertical-align:middle; color:#fff!important;font-size:14px!important}
#fpay img { margin:0 auto; text-align:center; height:26px; vertical-align:middle; display:inline-block!important;}
.fpay { margin:0 auto; text-align:center; width:100%; max-width:198px; height:auto; vertical-align:middle;}


#flhold {width:100%;max-width: 1240px; display:block;margin:0 auto 0 auto;}
.footlinks {width:23%;margin:1%;text-align:left;display:inline-block; float:left; font-size: 14px!important;  color:#333!important; text-align:left; font-family:"Roboto", sans-serif!important; font-weight:500;  line-height:25px; padding:0px;}
.footlinks h1 {font-size: 20px!important;  color:#333; text-align:left; font-family:"Roboto", sans-serif!important; font-weight:500;  line-height:30px; padding:0px;}	
.footlinks a {margin:0 ;text-align:center;display:block;font-size: 14px!important;  color:#333!important; text-align:left; font-family:"Roboto", sans-serif!important; font-weight:500;  line-height:25px; padding:0px;}		
.footlinks a:hover {color:#A31D1A!important;}

	
#fnews { width:100%; max-width:1240px; margin: 0 auto; padding:15px 0; text-align:center; background: #4D4845;	background-size:cover;}	
#fntitle { display:inline-block; vertical-align:middle; line-height:40px;font-size: 24px!important;  color:#fff; text-align:center; font-family:"Roboto", sans-serif!important; font-weight:400; margin:0 10px 0 0; }
#fntitle img { display:inline-block; vertical-align:middle; }
#fntxt { display:inline-block; vertical-align:middle; height:40px; line-height:40px;font-size: 14px!important;  color:#333; text-align:center; font-family:"Roboto", sans-serif!important; font-weight:400; margin:0 10px 0 0; padding:0 20px; background:#fff; }
#fnews a { display:inline-block; vertical-align:middle; height:40px; line-height:40px;font-size: 16px!important;  color:#fff!important; text-align:center; font-family:"Roboto", sans-serif!important; font-weight:600; margin:0 0 0 0;   padding:0 15px; background:#A31D1A; }
#fnews a:hover { background:#fff; color:#A31D1A!important; }
.fpay { display:block!important; vertical-align:middle; margin:10px 0 0 0; line-height:40px; width:100%; height:auto; max-width:325px;}
.newsclear , .payclear { display:none; }	


@media screen and (max-width: 1240px){
	body { padding:0 1%!important;}
	
	#headhold , #footerpart , #bodyh { border:none;}
	
}

@media screen and (max-width: 1180px){
	#topcat #categoriestop a { padding:0 5px!important;}
}

@media screen and (max-width: 1050px){
	#topcat #categoriestop a { font-size:14px!important;}
	
}

@media screen and (max-width: 1000px){
	#flinks { width:98%; float:none; text-align:center; margin:1%;}
	#flinks a { float:none; text-align:center; padding:0 5px;}
	#fpay { width:100%; float:none; text-align:center;}
	
}

@media screen and (max-width: 980px){
	
#toplogo { width:100%; max-width:100%; text-align:center; margin:0 auto;}
#toplogo a,  #toplogo a img {text-align:center; margin: 0 auto 5px auto; display:block;}
#tcsearch { width: 100%; float:none; margin:0 auto; clear:both; text-align:center;}
#tcontact { width: 100%; float:none; margin:0 auto; clear:both;}
.tclink { width:48%; float:left; text-align:center; margin:0 1%!important; }
#tcnr { position:relative; margin:5px auto; bottom:0; left:auto; right:auto; text-align:center;}
#tcnr span { display:inline-block;}
#topbike { display:none; }	


}
	
@media screen and (max-width: 960px) {
	
	
#topcathold { min-height:40px;}
#topcathold .show-menu{display:block; }
#topcat {display:none; }
#menuu2 #categoriestop {background:#741312;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: left;text-transform:none;  padding:5px 0; margin:0 1%; width:98%; float:none; position:relative; display:block; height:auto; text-align:center;}
#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:#fff;}
#menuu2 #categoriestop li a:after { display:none;}
#menuu2 #categoriestop li:hover a { color:#000;}
#menuu2 #categoriestop .level2 {display:none;}

#leftcat , #descfoot { display:none;}
#topSection { max-width:100%; float:none;}
}


@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: 800px){	
#fntitle img { display:none!important;}
}

@media screen and (max-width: 760px){	
.newsclear , .payclear { display: block; }
#fntitle  { margin:0 auto;}
}

@media screen and (max-width: 720px){	
#header { padding-top:5px; }
#toplogo , 
#tcsearch ,
#tcontact {  clear:both; width:100%; max-width:100%; text-align:center; float:none; margin-top:10px; }
#toplogo a {margin:0 auto;}
#mainimage .gallery label { width:23%;}
}

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

.footlinks { width:98%; float:none; clear:both; text-align:left!important;} 
.fls { margin:1% 1% 0 1%;}
.flt { margin:0 1% 1%;}
.flt h1 { 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){	


#topbanner { display:none; }


}

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

#tcontact { display:none; }
ul#navmenu li.JA_category { width:100%; float:none;}

}