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


/*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:#232525;
	height:auto;
	padding:0px;
}
	

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

/* =====================  header  ======================== */
#branding {width:98%;max-width:980px ;padding:0px 0 5px 0;margin:0 auto;text-align:right;color:#fff!important;line-height:19px;font-size:12px;font-family: 'Open Sans Condensed', 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: #000 url(https://shared1.ad-lister.co.uk/UserImages/ebbf4d21-c7c4-4ad6-bd8a-5cf5312a237a/Img/_design/headbg.png) top center no-repeat;}

#header{	display:block!important;width:100%;	max-width:980px;text-align:left;margin:0px auto 0px auto;}

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

#tcontact {margin:10px auto 0 auto;float:right;text-align:right;vertical-align:middle;}
#tcontact .tctxt {vertical-align:middle; background:#000;}
#tcontact .tclink {vertical-align:middle; display:inline-block; margin:0 15px;}
#tcontact .tctxt a { color:#fff !important;font-size:15px !important;font-weight:300!important;line-height:30px!important;font-family: 'Open Sans Condensed', sans-serif !important;}
#tcontact .tctxt a:hover { color:#E52928!important;}

#tcsearch { clear:right; float:right;margin:10px 0 0 0px;width:40%;text-align:right;}
#tcsearch #inpbox {margin:5px 0px 0 0;padding:2px 2px 2px 5px;line-height:26px;height:26px;width:95%;color:#999;font-size:12px;background:#000!important;border:none!important;}
#tcsearch #gosrc {vertical-align:middle;margin-left:-31px;margin-top:-1px;width:30px;height:30px;	}

#topcathold {	margin:10px auto 0px auto;width:100%;max-width:980px;min-height:50px;display:block ;vertical-align:middle!important;text-align:center;z-index:500!important;background:#FBFBFB;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);}

#topcat  {width:100%; max-width:100%;margin:0 auto!important;padding:0!important;z-index:602!important;display:inline-block;text-align:center;position:relative;}

#topcat #custmenu {margin:0px;padding:5px 0px;display:inline-block;}	
#topcat #custmenu li {margin:0px;padding:0px;display:inline-block; height:50px ;box-sizing:border-box;position:relative;}
#topcat #custmenu li a {line-height:50px;margin: 0px;padding:0px 20px;color:#000; font-family: 'Open Sans Condensed', sans-serif !important;text-decoration:none;display:inline-block; font-size:16px;font-weight:700;text-align:center;vertical-align:middle;}
#topcat #custmenu li:hover { background:#000;}
#topcat #custmenu li a:hover,  #topcat #custmenu li:hover a{ color:#fff;}

#topcat #categoriestop { display:none; position:absolute; top:50px; left:0px; background:#E52928; width:200px; margin:0; padding:5px; list-style:none; z-index:607!important; }
#topcathold #categoriestop li {text-align: center; margin:0px; padding:0px; display:block; line-height:30px; height:30px;}
#topcathold #categoriestop li a {font-family:'Open Sans', sans-serif; font-size:15px; font-weight:300; color:#fff; height: auto; line-height:30px; padding: 0px 5px; text-align:left; margin:0px; display:block;}
#topcathold #categoriestop li a:after { display:none;}
#topcathold #categoriestop li:hover a { text-decoration:none;}
#topcat .CA_category:hover > #categoriestop { display:block !important; }	

#topcathold .show-menu { display:none; font-family: 'Open Sans Condensed', sans-serif;text-decoration:none;color:#000;text-align:center;padding:0px; position:relative; height:50px; line-height:50px; font-size:18px; font-weight:700; 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 #menuu2 {display:none;}
#topcathold #show-menu[type=checkbox]:checked ~ #menuu2{display:block !important;}

#menuu2 #categoriestop {  background:#E52928; margin:0 auto 0 auto; padding:50px 0 0 0px; list-style:none; display:block; }
#menuu2 #categoriestop li {text-align: center; margin:0px; padding:0px; display:block; line-height:30px; height:30px;}
#menuu2 #categoriestop li a {font-family:'Open Sans', sans-serif; font-size:14px; font-weight:300; color:#fff; height: auto; line-height:30px; height:30px; padding: 0px ; text-align:center; margin:0px; display:block;}
#menuu2 #categoriestop li a:after { display:none;}
#menuu2 #categoriestop li:hover a { text-decoration:none;}

#catbanner {display:block; width:100%; height:auto; margin:0; padding:0; background:#000;}
#catbanner img {display:block; width:100%; max-width:1600px; height:auto; margin:0 auto; padding:0;}

	


/*Listing body*/

.lphold {display:block; width:100%;max-width:980px;  height:auto; margin:10px auto 10px auto; padding:0;}
.lpbox { float:left; margin:1% 0 1% 1%; width:32.66%; display:inline-block; text-align:center;}
.lpbox img { width:100%; margin:0 auto; height:auto; text-align:center;}
.lpbox:first-child { margin:1% 0 1% 0;}


#bodyh { width:100%; max-width:980px; background:#fff ; margin:0 auto; clear:both;}
#bodypage{width:100%;max-width:960px;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; }

#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:bold; font-size:24px; color: #333; font-family: 'Open Sans', sans-serif !important; line-height:40px; text-align:left;}

.productimages {width:100%; max-width:100%; text-align:center; margin:0 auto 10px auto;}
#mainimage {display:block; width:100%; height:auto; margin:0 auto 10px auto; padding:0; position:relative;}
#mainimage #gallerySecond {width:100% !important;display:block; height:auto; margin:0; padding:0 0 110px;; }
#gallerySecond .imgFull {width: 100%;display: none;}
#gallerySecond:after {display:table; content:''; clear:both;}
#mainimage .current {width:60% !important; height:450px; width:100%; background:#fff; border:1px solid #ccc; margin:0; position:relative; float:left; display:block;}
#mainimage .current img { width:auto !important; max-width:96% !important; position:absolute; margin:auto; padding:1%; max-height:450px; height:auto; left:0; right:0; top:0; bottom:0;}
#gallerySecond .previewImg:hover > img {cursor: pointer;opacity: 0.3;}
#gallerySecond .current > input:checked + img {display: inline-block;}
#gallerySecond .current > input {visibility: hidden;position: absolute;}
#listing .previewAll {display:block; width:38%; height:auto; margin:0; padding:0; float:right }
.previewAll:after {display:table; content:''; clear:both;}
#mainimage .previewImg {display:block !important; width:48%; height:100px; margin:0 2% 2% 0; padding:0; background:#fff; float:left; position:relative; border:1px solid #ccc;}
#mainimage .previewImg.lab2, #mainimage .previewImg.lab4, #mainimage .previewImg.lab6 {margin:0 0 2% 0;}
#mainimage .previewImg.lab7, #mainimage .previewImg.lab8, #mainimage .previewImg.lab9 {display:none;}
#mainimage .previewImg img {display:block; width:auto; max-width:96%; position:absolute; margin:auto; padding:1%; height:auto; max-height:100%; top:0; bottom:0; left:0; right:0;}

#watchbut {  background: #E42927;  font-weight:500; font-size:16px; color: #fff; font-family: 'Open Sans', sans-serif !important; line-height:44px; text-align:left; padding:0; margin:0px 0; width:38%; display:inline-block; position: absolute;right: 0;bottom: 57px;top: auto;left: auto;}
#watchbut img { height:45px; margin:0 5px 0 0; display:inline-block; vertical-align:middle;}
#watchbut:hover {    background: #000 ;}

#addus {    background: #E42927;  font-weight:500; font-size:16px; color: #fff; font-family: 'Open Sans', sans-serif !important; line-height:44px; text-align:left; padding:0; margin:0px 0; width:38%; display:inline-block; position: absolute;right: 0;bottom: 0px;top: auto;left: auto;}
#addus img { height:45px; margin:0 5px 0 0; display:inline-block; vertical-align:middle;}
#addus:hover {    background: #000 ;}


#description {
    display: block;
    margin: 10px auto;
    padding: 0;
    font-weight: 500;
    text-align: left;
    width: 100%;
    font-size: 14px;
    font-family: 'Open Sans', serif;
    color: #333;}
	
#description  h2{
    display: block;
    margin: 10px auto;
    padding: 0;
    font-weight: 600;
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-family: 'Open Sans', serif;
    color: #fff;
	background:#000; line-height:50px;}

/*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{ clear:both;display:none; margin:0 0 10px 0; padding:15px; border: 1px #F4F4F4 solid;border-top: none;box-sizing:border-box; font-size:14px !important;}
#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;padding:0;font-weight:600;text-align:center; width:33.333%; font-size:16px; font-family: 'Open Sans', serif; color:#333; box-sizing:border-box; float:left; border-right:1px solid #fff; line-height:50px; height:50px; background:#f2f2f2;}
#tabs label.vv5 {border:none;}
#tabs label:hover{color:#fff;cursor:pointer; background:#000;}
#tabs input:checked+label{color:#fff; background:#000;}
#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: #000;height:50px;margin:0px auto 0px auto;width:100%;max-width:980px;clear:both;text-align:center;}	
#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;}
#relatedItems{padding:0 0 0 0;margin:0px auto 10px auto;width:100%;max-width:980px;overflow:hidden !important;text-align:center;background:#fff;}
#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; min-height:60px;}
#relatedItems .title a{display:block; font-family: 'Open Sans', sans-serif!important; font-size:12px; font-weight:500;line-height:20px; color:#333; 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: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: #E42927;font-size: 14px!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;}

#tabs .resptab-content table {width:100% !important;}
	


/* =====================  footer  ======================== */
#footerpart {display:block; width:100%; max-width:980px; height:auto; margin:0 auto; padding:0; background:#232525;}
.fbox{width:100%; max-width:23%; margin:1%;float:left;text-align:left;display:inline-block;color:#fff!important;line-height:22px;font-size:13px!important;text-align:left;font-family: 'Arial', sans-serif!important;font-weight: 400!important;}
.fbox h1 {padding: 0 0 ;color:#fff!important;line-height:26px;font-size:16px!important;text-align:left;font-family: 'Open Sans Condensed', sans-serif!important;font-weight: 700!important;}	
.fbox a {padding: 0 10px 0 0 ;color:#fff!important;line-height:22px;font-size:13px!important;text-align:left;font-family: 'Arial', sans-serif!important;font-weight: 400!important;display:table;}
.fbox a:hover { color:#E52928!important;}
.fbox span { width:70%; display:block;}	
.fbox span a {padding: 5px 10px ; margin:5px 0; color:#fff!important;line-height:22px;font-size:16px!important;text-align:left;font-family: 'Open Sans Condensed', sans-serif!important;font-weight: 700!important;display:table; border:2px solid #fff;}
.fbox a:hover { color:#E52928!important;}
.fbox img { margin:0 ; display:block;}






@media screen and (max-width: 980px){
	
#branding , #headhold , .lphold , #bodyh,  #relatedhead , #relatedItems ,#footerpart { padding:0 1%!important; max-width:98%;}
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;}


#topcat #custmenu li a { padding:0 18px; }

}
	


@media screen and (max-width: 930px) {
	#topcat #custmenu li a { padding:0 10px; }
}


@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: 780px){
	
#topcat { display:none;}
#topcathold .show-menu{display:block;}
	


#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:#E42927;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;}
#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";}

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

@media screen and (max-width: 740px){
#mainimage {margin:0 0 15px 0;}	
#mainimage .current {width:100% !important; margin:0; height:550px;}
#mainimage .current img {max-height:550px;}
#mainimage .previewAll {width:100%; height:auto;}	
#mainimage .previewImg {width:22.5%;margin:15px 1% 0 1% !important;}

#watchbut , #addus {position:static; margin:10px 0; width:50%;}



}


@media screen and (max-width: 720px){	
#toplogo {margin:0 auto 5px auto; float:none; text-align:center; padding:5px 0 0 0;}
#tcontact {margin:0 auto 5px auto; float:none; text-align:center; padding:5px 0 0 0;}
#tcsearch {margin:0 auto 5px auto; float:none; text-align:center; padding:5px 0 0 0; width:90%;}
#relatedItems .prod { width:48%; }

}


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

.lphold { display:none; }
#catbanner { display:none; }
#bodyh { margin:10px auto;}
}



@media screen and (max-width: 530px){
#watchbut , #addus { width:100%;}

}

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

#relatedItems .prod { width:98%; }


#mainimage .previewImg {width:30%;margin:15px 1% 0 1% !important;}

.fbox { max-width: 98%; min-height:10px;}


}

@media screen and (max-width: 420px){ 
#tcontact .tclink {margin: 0 5px;}
#footerpart { text-align:center; }
.fbox { max-width:90%; margin:2% auto; float:none;}

}