body { padding:0;}

*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a{
	text-decoration:none ;
}
p{
	margin:0px;
}
a:hover{
	text-decoration:none;
}

#Custom-header{
	width:100%;
	font-family: Arial;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
	background:#fff ;
	position:relative;
	 }

.Clear {
	clear:both;
}


/*-------------------------------------*/

#branding {
	width:98%;
	max-width:1240px ;
	padding:5px 0;
	margin:0 auto;
	text-align:right;
	color:#333!important;
	line-height:19px;
	font-size:12px;
	font-family: 'Open Sans', sans-serif!important;	}
#branding a img{
	margin:0 0px 0 5px;
	vertical-align:middle;}

#ThePage{
background:url('https://shared1.ad-lister.co.uk/UserImages/ad4166c2-4e29-4d8c-8f79-634ac72e925d/Img/_design/lheadbg.jpg') no-repeat top center;
width:100%;
margin:0 auto;
}

#Page{
	width:100%;
	max-width:960px;
	margin:0 auto;
	padding:0px;
}

#HeaderC{
	width:100%;
	display:block;
}

#Header-link{
    height: auto;
    margin: 0 0;
	width:100%; max-width:472px;
                        }
#Header-link a {
	width: 100%;
    height: auto; max-width:472px;
    }
#Header-link a img {
	width: 100%;
    height: auto; max-width:472px;
    }	
.respMenu,
#respMenu {display: none}
#MenuC{
    min-height: 40px;
    line-height: 40px;
    width: 100%;
	-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;background-color:#FFA401;
    }
#MenuC ul{
margin:0;
padding:0;	
}
#MenuC ul li{
list-style:none;
float:left;
}
#MenuC ul li a{
	margin:0 0px 0 0px;
	text-align:center;
	border-left:1px solid #FFBD00;
	padding:0 30px;
	display:block;
}
#MenuC ul li:first-child a{
	margin-left:30px !important; border:none;
}
#MenuC ul li+li+li+li+li a{
	background:none;
}
#MenuC ul li a span{
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#000;
}
#MenuC ul li a:hover{
	background:#0586C8;
}
#MenuC ul li a:hover span{
	color:#fff;
}




/*-----------------------------------------------------------------------------------------------------*/
#BodyC{
	width:100%;
	margin:0 auto;
	padding:10px 0 0 0;
	background:#fff;
	}


#Lefttd{
    margin:0px 0 10px 0;
	width:206px;
    float:left;
    padding:0px;
    }

#Left-cat{
	width:206px;
	margin-bottom:10px;
	background:url('https://shared1.ad-lister.co.uk/UserImages/ad4166c2-4e29-4d8c-8f79-634ac72e925d/Img/_design/cat-bg.jpg') repeat-y scroll center top;
}

.Categorie-top{
	height:100px;
	margin-left:0px;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#000;
	line-height:100px;
	background:url('https://shared1.ad-lister.co.uk/UserImages/ad4166c2-4e29-4d8c-8f79-634ac72e925d/Img/_design/cat-title.jpg') no-repeat scroll left top;
	width:206px;

}
.Categorie-top h2{
	margin:0;
	padding:0 0 0 10px;
	line-height:31px;
	font-size:12px;
	font-weight:bold;
	color:#000;
	display:none;
}

#Categories{
	width:200px;
	margin-bottom:10px;
	margin-left:3px;

}

#Categorie-bottom{
height:20px;
width:206px;
background:url('https://shared1.ad-lister.co.uk/UserImages/ad4166c2-4e29-4d8c-8f79-634ac72e925d/Img/_design/cat-bottom.jpg') no-repeat scroll left top;
}
#categoriesside { list-style:none;
margin:0px;
padding:0px;}
#Categories .categ{
	text-align:left;
	margin-left:0px;
	padding-left:0px;
	}
#Categories .categ a{
	display:block;
	font-size:13px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	padding:7px 5px 7px 25px;
	color:#39729F;
	font-family: "Trebuchet MS";
	background: url('https://shared1.ad-lister.co.uk/UserImages/ad4166c2-4e29-4d8c-8f79-634ac72e925d/Img/_design/cat-dot.jpg') no-repeat scroll left center;
	}
#Categories .categ a:hover{
color:#fff;
background:#0586C8;
}

#Categories .level2 {
	display:none!important;
}

#promoboxleft
{
	width:206px;
	padding-bottom:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:10px;
}

#feedback{
background:url('https://shared1.ad-lister.co.uk/UserImages/ad4166c2-4e29-4d8c-8f79-634ac72e925d/Img/_design/feedback.jpg') no-repeat scroll left top;
height:35px;
width:206px;
}
#feedback a{
	width:100%;
	height:100%;
	display:block;
}
#dispatch{
	width:206px;
	height:390px;
	background:url('https://shared1.ad-lister.co.uk/UserImages/ad4166c2-4e29-4d8c-8f79-634ac72e925d/Img/_design/dispatch.jpg') no-repeat scroll left top;
}
#world-shipping{
	width:203px;
	height:115px;
	background:url('https://shared1.ad-lister.co.uk/UserImages/ad4166c2-4e29-4d8c-8f79-634ac72e925d/Img/_design/world-shipping.jpg') no-repeat scroll left top;
	margin-bottom:5px;
}
#world-shipping a{
	display:block;
	width:100%;
	height:100%;
	
}
#postage{
	width:206px;
	height:115px;
	background: url('https://shared1.ad-lister.co.uk/UserImages/ad4166c2-4e29-4d8c-8f79-634ac72e925d/Img/_design/postage.jpg') no-repeat scroll left top;
}
#postage a{
	width:100%;
	height:100%;
	display:block;
}
#newsletter{
	width:206px;
	height:115px;
	margin-top:5px;
	background:url('https://shared1.ad-lister.co.uk/UserImages/ad4166c2-4e29-4d8c-8f79-634ac72e925d/Img/_design/newsletter.jpg') no-repeat scroll left top;
}
#newsletter a{
 display: block;
    float: left;
    height: 25px;
    margin: 78px 0 0 40px;
    width: 125px;
    }


/*--------------------------------------------------------------*/

#Middletd{
    margin-left:0px;
    text-align: left;
    width:100%;
    max-width:740px;
    float:right;
    }
#Middletd div{
}

#Product-title {
	width:100%;
	-webkit-border-radius: 7px 7px 0px 0px;-moz-border-radius:  7px 7px 0px 0px;border-radius:  7px 7px 0px 0px;background-color:#0586C8;
	height:40px;
}

#Product-title h2{
	font-family: Arial;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-align:left;	
	margin:0;	
	line-height:40px;
	padding:0px 10px 0px 10px;
}
.thebg{
	width:100%;
	-webkit-border-radius:  0px 0px 7px 7px;-moz-border-radius:  0px 0px 7px 7px;border-radius:  0px 0px 7px 7px; border: 1px solid #0586C8; box-sizing:border-box;
	margin:0 auto 10px auto;
}

.thebg .gallery {width:98%;position:relative;padding-top:400px;margin:0 auto;}
.thebg .gallery>img{position:absolute;left:0;top:0; max-width:100%; margin:0 auto; bottom:0; right:0; max-height:400px; padding:10px 0;}
.thebg .gallery input[name='slide_switch']{display:none}
.thebg .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;}
.thebg .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%;}
.thebg .gallery input[name='slide_switch']:checked+label{opacity:1}
.thebg .gallery input[name='slide_switch'] ~ img{opacity:0;transform:scale(1)}
.thebg .gallery input[name='slide_switch']:checked+label+img{opacity:1;transform:scale(1)} 


#desc{
	text-align:left;
	color:#000;
	font-family:Arial;
	font-size:13px;
	font-weight:normal;
	padding:10px;
}
#desc img, #desc div, #desc table{
	max-width:540px !important;
}
#desc p, #desc span , #desc font {
	margin:0;
}
*/
/*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;
	-webkit-border-radius:  0px 0px 7px 7px;-moz-border-radius:  0px 0px 7px 7px;border-radius:  0px 0px 7px 7px; border: 1px solid #0586C8; box-sizing:border-box; border-top: none;box-sizing:border-box;}
#tabs input{display:none}
#tabs label{display:inline-block;margin:0;padding:0;font-weight:600;text-align:center; width:16.666%; font-size:14px; font-family: Arial, serif; color:#fff; box-sizing:border-box; float:left; border-right:1px solid #fff; line-height:40px; height:40px; background: #FFA401;}
#tabs label.vv1{ -webkit-border-radius:  7px 0px 0px 0px;-moz-border-radius:  7px 0px 0px 0px; border-radius:  7px 0px 0px 0px;}
#tabs label.vv5 {border:none;-webkit-border-radius:  0px 7px 0px 0px;-moz-border-radius:  0px 7px 0px 0px;border-radius:  0px 7px 0px 0px;}
#tabs label:hover{color:#fff;cursor:pointer; background: #0586C8: }
#tabs input:checked+label{color:#fff; background: #0586C8; }
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6{display:block; font-size:13px; 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;}
.resptab-content ul {list-style: none;}
.resptab-content li::before {content: "•"; color: #ff9900;display: inline-block; width: 1em;margin-left: -1em; font-weight: bold;}




#page-closer{
	clear:both;
	background:#f2f2f2;
	width:100%;
	max-width:960px;
	margin:0 auto;
	padding:5px 0;
	text-align:center;
}
#page-closer img{
	width:100%;
	max-width:220px;
	height: auto;
	text-align:center;
}


@media screen and (max-width: 970px){
	body { padding:0 1%!important; max-width:98%;}
	#Lefttd { display:none; }
	#Middletd { width:100%; max-width:100%; float: 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:#ff9900;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, #ID-6:checked ~ #content6 {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, #ID-6:checked:checked ~ #L66{ 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";}
}

@media screen and (max-width: 650px){
#MenuC #topmenu {display: none; height: auto; text-align: left}
.respMenu {display: block; text-align: left; padding:0 10px 0 40px; cursor: pointer; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; position: relative;}
.respMenu:before {display: block;content: "";border-top: 4px solid #fff;position: absolute;height:10px; width: 20px;left: 10px; top: 7px;border-bottom: 3px solid #fff;border-top: 3px solid #fff;}
.respMenu:after {display: block; content: "";background: #fff;position: absolute;height: 3px;width: 20px;left: 10px;top: 21px;}
#respMenu:checked ~ #topmenu {display: block!important;}
#topmenu {}
#topmenu li { border:none!important; float:none!important; display:block!important;}
#topmenu li a { display:block; margin:0 auto; padding: 0px;}
#MenuC ul li:first-child a { margin-left:0px!important;}
}
