#powered{font-size:11px;width:960px;max-width:960px!important;text-align:right;line-height:25px;height:25px;color:#333;font-weight:400;margin:0 auto;padding:0;display:inline-block;background:none!important}
#powered2{width:130px;font-size:11px;margin:0 0 0 5px;padding:0;float:right;color:#333;height:25px;line-height:25px;font-weight:400;display:inline-block}
div#powered2 a,#powered2 a img{line-height:25px;font-size:11px;border:none!important;color:#333!important;font-weight:400}
#mainhold{margin-left:auto;margin-right:auto;margin-bottom:0!important;padding:0;text-align:center;font-family:Arial;background:#fff url(https://shared1.ad-lister.co.uk/UserImages/972b70e1-6c5e-4523-ac62-c1a50b1dd41e/Img/_design/listbg.jpg) top center no-repeat!important}
#centhold{margin:0 auto; padding:0 0 10px 0;width:960px;text-align:center; font-family:Arial; background:#fff}
#centhold:after {content:''; clear: both;display: table}
#footer{margin-left:auto;margin-right:auto;margin-bottom:0!important;padding:0;text-align:center}
table td,a{font-family:Arial}
#header{display:block;width:960px;max-width:960px!important;text-align:left;margin:0 auto;position:relative}
#toplogo{margin:0;padding:10px 0;}
#toplogo a{margin:0;display:block}
#custfoot:after,
#header:after {content: '' ;clear:both;display: table}
#topmenu{margin:0;line-height:50px;width:100%;height:50px;display:table;background:url(https://shared1.ad-lister.co.uk/UserImages/972b70e1-6c5e-4523-ac62-c1a50b1dd41e/Img/_design/tmbg.jpg)top left repeat-x}
#topmenu > a {color:#333;font-size:16px;padding:0; text-align:center; text-transform:none;font-weight:700;line-height:49px;height:49px;margin:1px 0 0; text-decoration:none;border-right:2px solid #fff; display: table-cell;}
#topmenu > a:last-child {border:none}
#topmenu > a:hover {text-decoration:none;color:#fff;background:#BA5776}
#subheader{display:block;width:960px;height:350px;text-align:left;margin:10px auto;clear:both}
#topbanner{margin:0;padding:0;width:960px;height:350px}
#leftcol{width:220px; float:left;vertical-align:top}
#leftcol h2{color:#FFF;font-size:14px;text-transform:uppercase;line-height:40px;text-align:center;background:#BA5776;margin:0}
#cattop{padding:10px 0 0}

#leftcol .JA_category,
#leftcol .JA_category2 {list-style-type:none!important;margin:0;width:220px;list-style-type:none;background:url(https://shared1.ad-lister.co.uk/UserImages/972b70e1-6c5e-4523-ac62-c1a50b1dd41e/Img/_design/lcatbg.jpg) top left repeat-y}
#leftcol .JA_category a {display:block;padding:6px 2px 5px 10px;margin:0!important;font-size:12px;color:#333;text-transform:none;text-decoration:none;text-align:left;font-weight:700}
#leftcol .JA_category a:hover {color:#fff;background:#BA5776;text-decoration:none}
#leftcol .JA_category2 a {display:block;padding:6px 2px 5px 10px;margin:0;font-size:12px;color:#333;text-transform:none;text-decoration:none;text-align:left;font-weight:400}
#leftcol .JA_last {border-bottom:1px solid #F2F2F2}
.JA_category3 {display:none}
#maincol{vertical-align:top; width: 730px; float: right}
#desmain{margin:0 auto 10px 0}
#trdesc{margin:0;clear:both}
#itemprice{width:380px;line-height:40px;margin:10px 0 10px 10px;padding-bottom:10px;text-align:left;border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;font-weight:700}
#itemtitle{clear:both;min-height:40px;line-height:40px;margin:0;text-align:left;background:#E8E7EC url(https://shared1.ad-lister.co.uk/UserImages/972b70e1-6c5e-4523-ac62-c1a50b1dd41e/Img/_design/tmbg.jpg)top left repeat-x}
#itemtitle h3{margin:0;text-align:left;color:#333;font-size:15px;font-weight:700;padding:0 10px}
#itemdesc{line-height:40px;margin:0;text-align:left;background:#E8E7EC url(https://shared1.ad-lister.co.uk/UserImages/972b70e1-6c5e-4523-ac62-c1a50b1dd41e/Img/_design/tmbg.jpg)top left repeat-x}
#itemdesc h3{margin:0;text-align:left;color:#333;font-size:18px;font-weight:700;padding:0 10px}
#itemimage{margin:10px 0;text-align:center}
#itemimage table.JTI_IW{text-align:center;margin:0;padding:0}
#JTI_IW_photo{max-width:500px!important}
#itemimage table td.JTI_IW_tmbContainer span{display:inline-block}
.aboutustab{padding:10px 0;margin:0 0 10px 0;font-size:14px;color:#333;text-align:left}
.desctop{line-height:40px;margin:0;text-align:left;background:#E8E7EC url(https://shared1.ad-lister.co.uk/UserImages/972b70e1-6c5e-4523-ac62-c1a50b1dd41e/Img/_design/tmbg.jpg)top left repeat-x}
.desctop h3{margin:0;text-align:left;color:#333;font-size:14px;font-weight:700;padding:0 10px}
#simhold{clear:both;display:block;position:relative;margin:10px 0 }
#lrpomo{width:220px;margin:10px 0}
#custfoot{display:block;width:960px; text-align:left;margin:0 auto; position:relative}
#fnsign{margin:5px 0 10px;padding:0;width:80px!important;height:25px!important;line-height:30px;border:none!important;background:#BA5776!important;text-align:center}
#fnsign span{height:25px!important;line-height:25px;text-align:center;color:#fff;font-size:13px;font-weight:700}
.flinks{margin:0;padding:0;float:left;color:#333;font-size:12px;font-weight:400}
.flinks h1{padding:0;margin:0 0 10px;color:#333;font-size:14px;height:40px;line-height:40px}
.flinks a{margin:0;padding:2px 0 0;height:20px!important;border:none!important;display:block!important;color:#333!important;font-size:12px;font-weight:400;text-decoration:none}
.flinks a:hover {text-decoration: underline;}
.flinks ul{list-style-image:url(https://shared1.ad-lister.co.uk/UserImages/972b70e1-6c5e-4523-ac62-c1a50b1dd41e/Img/_design/ful.jpg);margin:0 0 0 10px;padding:0}
.flinks ul li{padding:0 0 1px;vertical-align:top;font-weight:400}

html,body {margin:0; padding:0;}
@-webkit-keyframes bugfix{from{padding:0}to{padding:0}}
@-webkit-keyframes fake{from{opacity:1}to{opacity:1}}
@keyframes fake{from{opacity:1}to{opacity:1}}
body {animation:bugfix infinite 1s; -webkit-animation:bugfix infinite 1s; padding:0;}

*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

@keyframes fade {
  0%   { opacity: 0; }
  11.11%   { opacity: 1; }
  33.33%  { opacity: 1; }
  44.44%  { opacity: 0; }
  100% { opacity: 0; }
}
#topbanner { position:relative; height: 307px;}
#topbanner img { position:absolute; left:0; right:0; opacity:0; animation-name: fade; animation-duration: 9s; animation-iteration-count: infinite; }
#topbanner img:nth-child(1) { animation-delay: 0s;}
#topbanner img:nth-child(2) { animation-delay: 3s;}
#topbanner img:nth-child(3) { animation-delay: 6s;}
#topmenu ul {display:none;}
#respMenu,
#respCats,
.respCats,
.respMenu {display: none}

.respMenu a {float:right; text-decoration:none; font-size:13px; color:#000;}

#custfoot h1 {background:#F6FAF9 url(https://shared1.ad-lister.co.uk/UserImages/972b70e1-6c5e-4523-ac62-c1a50b1dd41e/Img/_design/slvbg.jpg) top left repeat-x}
.flinks {width: 25%; margin:0; padding:0 0 10px 0;}
.flinks:after {content:''; clear: both; display: table;}
.flinks.cats {width: 50%}
.flinks.cats a {float:left; width: 50%;}
.flinks.first h1,
.flinks.first a {padding-left: 10px; padding-right: 10px}
.flinks div {padding-right:10px;}

.gallery {width:100%;position:relative;padding-top:450px !important; display:block; margin:0 auto;}
.gallery:after {content:''; clear: both; display: table;}
.gallery > img {position:absolute;left:0;top:0;transition:all .5s; max-width:100%; margin:auto; right:0; max-height:450px; padding:10px;}
.gallery input[name='slide_switch'] {display:none}
.gallery label {margin:0; padding:0; float:left; border:1px solid #999; background:#fff;  cursor:pointer; transition:all .5s; width:25%; height:100px; position:relative;}
.gallery label img {display:block; width:auto; max-width:100%; position:absolute; margin:auto; padding:0; right:0; left:0; top:0; bottom:0; max-height:100%;}
.gallery > input[name='slide_switch']:checked+label {border-color:#666;opacity:1}
.gallery > input[name='slide_switch'] ~ img {opacity:0;transform:scale(1)}
.gallery > input[name='slide_switch']:checked+label+img {opacity:1;transform:scale(1)} 
@media screen and (max-width: 780px) {
.gallery label {width:25%; height:100px;}
}
@media screen and (max-width: 580px) {
.gallery label {width:33.333%;}
}
@media screen and (max-width: 380px) {
.gallery label {width:50%;}
}

.product {display:block; position: relative; margin: 0; padding: 0}
.product:after {content: ''; clear: both; display: table}
.product .prod {float: left; width:33.333%; display: block; padding:5px; text-align:center;}
.product .prod.it4 {clear: both;}
.product .prod .image {margin:0 auto; padding: 0 5px; display:block;}
.product .prod .image span {display:block; margin:0; padding:0; overflow:hidden;}
.product .prod .image span a {width:100%; height: 100px; position: relative; display: block;}
.product .prod .image span a img {max-width: 100%; max-height:100px; position: absolute; left:0; top:0; right:0; bottom:0; margin: auto; border:none; padding:0}
.product .prod .title {} 
.product .prod .title h4 {margin:0; padding:10px 0; font-size: 13px; font-weight: normal;}
.product .prod .title h4 a {text-decoration: none; color:#000;}
.product .prod .title h4 a:hover {text-decoration: underline;}
.product .prod .price {font-size: 13px}
.product .prod .price p {margin:0; padding:0}
.product .prod .btn {display:none; text-align: center; margin:0; padding:10px 0; }
.product .prod .btn a {display: inline-block; text-decoration: none; padding:0 10px;height:25px; line-height: 25px; color:#fff; background:#222;}
.product .prod .btn a:hover {text-decoration: underline;}

img {max-width: 100%}

@media screen and (max-width: 980px){
#subheader,
#header,
#custfoot,
#centhold {width: 100%}
#toplogo {padding:10px; text-align: center;}
#maincol {width: calc(100% - 230px)}
#subheader {display: none}
#centhold {padding: 10px}
#footer {padding:0 10px;}
}

@media screen and (max-width: 780px){
#leftcol {display:none;}
#maincol {float: none; width: 100%}
.respMenu {display: block; height: 50px; background:url(https://shared1.ad-lister.co.uk/UserImages/972b70e1-6c5e-4523-ac62-c1a50b1dd41e/Img/_design/tmbg.jpg) top left repeat-x; line-height: 50px; padding:0 10px 0 40px; font-weight: bold; text-transform: uppercase; font-size: 15px; position: relative; cursor: pointer;}
.respMenu:before {display: block;content: "";border-top: 4px solid #000;position: absolute;height: 11px; width: 20px;left: 10px; top: 15px;border-bottom: 4px solid #000;border-top: 4px solid #000;}
.respMenu:after {display: block; content: "";background: #000;position: absolute;height: 4px;width: 20px;left: 10px;top: 29px;}
#topmenu {display: none;}
#respMenu:checked ~ #topmenu {display: block; height: auto; background: #EBEBEB}
#topmenu > a {float: none; width: 100% ; border:0;display: block; text-align: left; padding:0 10px;}
}
@media screen and (max-width: 640px){
  .product .prod {width:50%;}
.product .prod.it4 {clear:none;}
.product .prod.it3,
.product .prod.it5 {clear: both}
  .flinks:last-child {display:none;}
  .flinks {width:30%;}
  .flinks.cats {width:70%;}
}

@media screen and (max-width: 480px){
  .flinks.cats,
  .flinks {width:100%; float:none;}
  .flinks.cats h1,
  .flinks.cats a {padding-left:10px}
}

#leftcol ul {display:block; margin:0; padding:0; list-style:none; background:#F6FAF9}
#leftcol ul li {display:block; margin:0; padding:0;}
#leftcol ul li a {text-decoration:none; font-size:12px; display:block; text-align:left; color:#333; padding:6px 2px 5px 10px}
#leftcol ul li a:hover {background:#BA5776; color:#fff}
#leftcol ul ul li a {padding-left:20px;}




