@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');


/*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;	
	background:#fff url(https://shared1.ad-lister.co.uk/UserImages/ad745d42-fa31-453e-8387-afa6d827b24a/Img/_design/mainbg.jpg) top center repeat; }
	height:auto;
	padding:0px;
}
	

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

/*Header*/

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

#headhold
{	display:block!important;
	width:100%;	
	max-width: 100%;
	text-align:center;
	margin:0px auto;
	background: none;
}
#header
{	display:block!important;
	width:100%;	
	max-width:960px;
	text-align:left;
	margin:0px auto 0px auto;
	
}

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

#toplinks {float:right;margin:45px 0 0 0px;width:50%;text-align:right; text-align:right;}
.toplink { display:inline-block; margin:0 0 0 10px; line-height:20px;}
.tico { display:inline-block; margin:0 5px 0 0; vertical-align:bottom;}
.ticolink {color:#333!important; font-family: 'Roboto', sans-serif;text-decoration:none; font-size:13px; font-weight:400;	}
.ticolink:hover {color:#A23028!important;	}



#topcathold {	margin:10px auto 0px auto;width:100%;max-width:100%;min-height:50px;display:block ;vertical-align:middle!important;text-align:center;z-index:500!important;background:#272238;-webkit-box-shadow: 0px 3px 5px 0px rgba(102,102,102,1);
-moz-box-shadow: 0px 3px 5px 0px rgba(102,102,102,1);
box-shadow: 0px 3px 5px 0px rgba(102,102,102,1); position:relative;}
	
#topcathold .show-menu{ display:none; font-family: 'Roboto', sans-serif;text-decoration:none;color:#fff;text-align:center;padding:0px; position:relative; height:50px; line-height:50px; font-size:17px; font-weight:600; text-transform:uppercase; width:100%; 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 #menuu2 { z-index:501!important; max-width:960px; margin:auto; position:relative; }
#topcathold #show-menu[type=checkbox]:checked ~ #menuu2{display:block !important;}
.mhide { font-family:'Roboto', sans-serif; font-size:15px; font-weight:500; color:#fff!important; height: auto; line-height:50px; padding: 0px 15px; text-align:center; margin:0px; display:inline-block;}
.mhide:hover{ background:#A23028; text-decoration:none;}
#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:auto; margin:0 auto; min-height:50px; display:inline-block; z-index:502!important;}
#topcathold #categoriestop .categ {text-align: center; margin:0px; padding:0px; display:inline-block; line-height:50px;}
#topcathold #categoriestop .categ a { font-family:'Roboto', sans-serif; font-size:15px; font-weight:500; color:#fff; height: auto; line-height:50px; padding: 0px 15px; text-align:center; margin:0px; display:block;}
#topcathold #categoriestop .categ:hover > a , #topcathold #categoriestop .categ a:hover{ background:#A23028; text-decoration:none;}

#topcathold #categoriestop .level2 { display:none; z-index:503!important;}
#topcathold #categoriestop .categ:hover > .level2 { display:block; position:absolute; top:50px; left:0px; background:#A23028;  width:100%;padding:10px 0 5px 0; margin:0 0; list-style:none;}
#topcathold #categoriestop .level2 .categ2 {text-align: left; margin:0 1%; padding:0px; display:inline-block; line-height:30px; position:relative; width:31.33%; float:left;}
#topcathold #categoriestop .level2 .categ2 a { font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; color:#fff; height: auto; line-height:30px; padding: 0px 8px; text-align:left; margin:0px; }
#topcathold #categoriestop .level2 .categ2 a:hover { color:#000;}

#topcathold #categoriestop .level3 { display:none;}


#tphold {	margin:0px auto 0px auto; padding:10px 0; width:100%;max-width:980px;display:block ;text-align:center;background:#fff; z-index:400; position:relative;}
#tpromo	{ margin:0px  auto; padding:0 0; width:100%;max-width:960px; background:#fff;}
.tpbox	{  margin:0px  auto; padding:10px ; display:block; text-align:center; line-height:33px;}
.tpbox img	{ width:auto; margin:0px 10px 0 0; padding:0 ; display:inline-block; vertical-align:middle;}
.tpbox .tptxt	{ width:auto; margin:0px 0 0 0; padding:0 ; display:inline-block; font-size: 22px!important;  color:#000!important;  font-family:"Roboto", sans-serif!important; font-weight:400!important;  line-height:33px; vertical-align:middle; text-align:center; text-transform:uppercase;}
.tpbox .tptxt span { color:#A23028; font-weight:600;}


/*Listing body*/

#bodyh { width:100%; background: url(https://shared1.ad-lister.co.uk/UserImages/ad745d42-fa31-453e-8387-afa6d827b24a/Img/_design/bikebg.jpg) bottom center no-repeat;background-size: 100% auto;  margin:0 auto; clear:both;}
#bodypage
{
	width:100%;
	max-width:960px;
	margin:0 auto 0 auto;
	padding:10px 0 0 0 ;
	text-align:left;
	z-index:99!important;
	overflow:hidden;
	border:10px solid #fff;
	background:#fff;
}

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

#leftcol { width:24%; float:left;}
#leftcol h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #333;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    padding: 0 0 0 0px !important;
    height: 50px;
    line-height: 50px;
    background: #f5f5f5;
}
#leftcol #categoriesside { background: #f5f5f5; margin:0 0 10px 0; padding:0; list-style:none;}
#leftcol #categoriesside li {
    display: block;
    position: relative;
    margin: 0 !important;
    min-height: ;
    background: none;
    border-top: 1px solid #fff;
}
#leftcol #categoriesside .categ a {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;
    line-height: 18px;
    text-transform: capitalize;
    display: block;
    padding: 5px 11px;
    text-decoration: none;
    font-size: 14px;
}
#leftcol #categoriesside .categ:hover {}
#leftcol #categoriesside .categ a:hover{ color:#fff; background:#991B14;}
#leftcol .level2 { margin:0 0 0 0; padding:0; list-style:none;}
#leftcol .level2 li a { font-weight:400!important; }
#leftcol .level3 { display:none;}


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


#topSection {width:100%; max-width:100%; margin:0 auto 20px auto; padding:0px; display:block; background:#fff;}
#ptitle { width:100%; display:block; margin:0 auto 10px auto; padding:0; }
.ptitle { margin:0 auto 10px auto; padding:0px 0px; font-weight:600; font-size:18px; color: #000; font-family: 'Roboto', sans-serif !important; line-height:40px; text-align:left;}

#mainimage .gallery {width:98%;position:relative;padding-top:400px;margin:0 auto;}
#mainimage .gallery>img { display:none;}
#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 .tmb , #mainimage .gallery .clL { display:;}
#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); display:block !important;} 


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

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



#thebuts { width:100%; max-width:485px; display:block; margin:0 auto 10px 0;}


#addus,  #watchbut{  background: #A23028;  font-weight:500; font-size:14px; color: #fff; font-family: 'Roboto', sans-serif !important; line-height:39px; height:39px; text-align:left; padding:0; margin:0 0 10px 0; width:100%; max-width:350px; display:block; }
.butico { vertical-align:middle; margin:0 10px 0 0; display:block; float:left;}
#addus:hover , #watchbut:hover {    background: #272238 ;}





/*Template tags*/

#tabhold {width:100%; max-width:100%; padding:0px 0 0 0; margin:10px auto 0px auto;background:#f5f5f5; text-align:center; height:auto; clear:both;}
#tabs{width:100%; max-width:100%; 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: 15px;box-sizing:border-box; font-size:14px !important; text-align:left; border:none; }
#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{display:inline-block;margin:0 0 0px 0;padding:0  0;font-weight:500;text-align:center; width:25%; font-size:20px; font-family: 'Roboto', serif; color:#A23028;  float:left;  line-height:40px; height:40px; background:#f5f5f5;  border:none; box-sizing:border-box; text-transform:uppercase;}
#tabs label:hover{color:#000; cursor:pointer; background:#f5f5f5; border:none; box-sizing:border-box; }
#tabs input:checked+label{color:#000; background:#f5f5f5; border:none; box-sizing:border-box; }
#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: 'Roboto', sans-serif !important;}
#content1 img {display:block; max-width:100%;}
#tabs .resptab-input, #tabs .resptab-label {display:none;}
.resptab-content a { color: #000;}

.tabbox { float:left; width:9.09%; margin:10px 0; text-align:center; font-size: 13px!important;  color:#333; text-align:center; font-family:"Roboto", sans-serif!important; font-weight:500;  line-height:18px;}
.tabbox img {  margin: 0 auto 10px auto; text-align:center; width:100%; max-width:95px!important; height:auto;}
.tabbox.tarr img {  margin: 0 auto 10px auto; text-align:center; width:100%; max-width:56px!important; height:auto;}


/* Similar items*/
	
#relatedItems {  width:100%; max-width:100%; margin:0px auto 20px auto; padding:0 0 10px 0; text-align:center; background:#fff; clear:both; position:relative;}
#relatedItems h2 { color:#fff; text-align:center; line-height:40px; font-family:"Roboto", sans-serif!important; font-size: 20px!important; font-weight:500; padding:0 10px; max-width:100%; margin:0px auto 10px auto; background:#272238; }
#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:31.33%; height: 330px; margin: 1%; padding:0px; float:left; position:relative; background:#fff; border:1px solid #E6E6E6; box-sizing:border-box;}
#relatedItems .image {display:block; width:100%; height:145px; margin:10px 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; min-height:60px;}
#relatedItems .title a{display:block; font-family: 'Roboto', sans-serif!important; font-size:12px; font-weight:400;line-height:16px; 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: 'Roboto', sans-serif!important; font-size:16px; font-weight:600;line-height:20px; color:#000; display:block;  text-align:center;margin:10px auto 0 auto;}
#relatedItems .btn a{
	text-align: center;
    color: #fff!important;
    background: #A23028;
    font-size: 16px!important;
    font-family: 'Roboto', sans-serif!important;
    font-weight: 600!important;
	line-height:35px;
	height:35px;
	padding:0 15px;
	display:inline-block;
	text-transform:uppercase;}
#relatedItems .btn a:hover { background:#272238;}
#relatedItems .title > h4 {margin:0;}


	


 /* footer */

#footerpart {
	width:100%;
    max-width: 960px;
	display:block;
	margin:0px auto 0px auto;
	padding:10px 0 20px 0;
	background:#272238;	
	border:10px solid #fff;
	border-top:none;
	box-sizing:content-box;
}

.fbox {
	width:100%; max-width:23%; margin:0 1% 0 1%;
	float:left;
	text-align:left;
	display:inline-block;}
	
.fbox.fbfirst { max-width:48%;}	
	
.fbox h1 {
	padding: 5px 0 ;
	margin:0 0 20px 0;
	color:#fff!important;
	line-height:32px;
	font-size:18px!important;
	text-align:left;
	font-family: 'Roboto', sans-serif!important;font-weight: 600!important;
	}
.fbox .fbcont{
	padding:20px 0 5px 0;
	width:92%;
	margin:0 auto;
	color:#fff!important;
	font-size:14px!important;
	font-family: 'Roboto', sans-serif!important;font-weight: 400!important;
	line-height:22px;
	text-align:left;
	}	
.fbcont a {
	padding: 0 10px 0 0 ;
	margin:0 0;
	color:#fff!important;
	line-height:25px;
	font-size:14px!important;
	font-family: 'Roboto', sans-serif!important;font-weight: 400!important;
	text-align:left;
	display:table;
	}
.fbcont a:hover { text-decoration:underline; }
.fbcont span { text-align:left; display:block; line-height:22px; }
#flogo { display:block; max-width:234px; margin:0 0 15px 0; text-align:left;}

#fpay { margin:10px 0 0 0; width:100%; max-width:138px; height:auto;}

#fnews { vertical-align:middle; margin:0 10px 0 0;}	
.fbcont a.fnews { line-height:25px; font-size:15px!important; font-family: 'Roboto', sans-serif!important;font-weight: 600!important; color:#fff!important; padding:5px 10px; background:#C4B596; margin: 10px 0;}
.fbcont a.fnews:hover { background:#991B14;}



@media screen and (max-width: 980px){
	body { padding:0 1%!important; max-width:98%;}
	

#bodypage , #footerpart { border:none;}	
#leftcol { display:none;}
#maincol { width:100%; float:none; }
}


@media screen and (max-width: 900px){
/* custom menu */
#topcathold .show-menu{display:block;  }
#topcathold #menuu2 { display:none; }
#topcathold #categoriestop { background:#A23028; padding-bottom:10px; }
#topcathold #categoriestop .categ { display:block;line-height:30px;}
#topcathold #categoriestop .categ a{ line-height:30px;}
#topcathold #categoriestop .level2 { margin:0 auto; padding:0; text-align:left; display:block;}
#topcathold #categoriestop .level2 .categ2 { display:block; position:relative; top:0px; left:0px; right:0; margin-left:auto; margin-right:auto; background:#A23028;  width:31.33%;padding: 0; margin:0 1%; list-style:none;}
#topcathold #categoriestop .level2 .categ2 a { text-align:left; line-height:25px;}
#topcathold #categoriestop .categ:hover > .level2 { display:block; position:relative; top:0px; left:0px; right:0; margin-left:auto; margin-right:auto; ;padding: 0; margin:0 0; list-style:none;}
.mhide { display:none;}

}

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


	.productimages { float:none; clear:both; max-width:100%;}
	.productInfo { float:none; clear:both; max-width:100%;}



#toplogo { float:none; margin: 10px auto; text-align:center; width:100%;}
#toplinks { float:none; margin: 10px auto; text-align:center; width:100%;}
.toplink {}


}

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

#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;}
#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:#272238;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:#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:#A23028; border:none;}
#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";}
}


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

.fbox { max-width: 48%;}
.fbox.fbfirst { max-width: 98%;}

}


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

#relatedItems .prod { width:48%; }

}

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


#topcathold #categoriestop .level2 .categ2 { width:48%;}

}

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

#relatedItems { border:none;}
#relatedItems .prod { width:98%; }
}




@media screen and (max-width: 420px){ 
#topcathold #categoriestop .level2 .categ2 { width:98%; text-align:center;}
#topcathold #categoriestop .level2 .categ2 a{ text-align:center;}
.fbox { max-width: 98%;}
}