*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#pagebg{width:100%;text-align:center;background:#fff;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased}
#pagebgsub{width:100%;text-align:center;padding-top:0}
*{font-family:Arial;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased}
td{vertical-align:top;color:#333}
a{text-decoration:none;font-size:12px;color:#fff}
#page{width:980px;padding-top:0;margin:0 auto;text-align:left}
table td,a,table td a{font-family:Arial}
#EBdescription{text-align:center;margin:0 auto}
#page form{margin:0;padding:0}
#head{display:block;margin:0 auto;width:980px;text-align:left;clear:both!important;border:none!important;float:none!important;position:relative}
#topheader{width:980px;padding:10px 0;clear:both}
#logo{padding:0 0 0 9px;display:block;float:left}
#powerbg{padding-top:5px}
#power{text-align:right;color:#000!important;font-size:11px;height:30px;line-height:16px;padding-right:10px}
#power a{text-decoration:none;color:#000!important;font-size:11px}
#topheaderright{float:right; padding-top: 30px}
#headericons{text-align:right;height:30px;position:relative}
#headericons div{position:absolute;background:#7C80A6;padding:3px 5px;top:-24px}
#headericons div a{color:#fff;font-size:14px;font-family:'Lato',sans-serif}
#headericons #div2{right:0}
#headericons #div1{right:30px}
#customer{color:#303336;font-size:16px;font-family:'Lato',sans-serif;padding-left:40px;background:url(https://shared1.ad-lister.co.uk/UserImages/a233740b-493d-4e4f-a920-d3f7688a7a1c/Img/_design/new/phone.jpg) 0 0 no-repeat;padding-top:3px}
#customer b{font-weight:700}
#search{font-size:13px;font-weight:400;color:#000;position:relative;padding:5px 10px 0 0;float:right}
#searchbody{width:306px;padding-left:14px;height:38px;overflow:hidden!important;text-align:left;background:#fff;border:1px #ccc solid;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
form{margin:0!important;padding:0!important}
input#tfq2b{font-size:12px;color:#000!important;width:240px;border:none!important;padding:12px 10px;margin:0 5px 0 0 !important;background:#fff;font-weight:400;float:left}
#searchbody #gosrc{cursor:pointer;position:relative;top:5px;float:left;border:none;background:none}
#menulinebg{background:#7C80A6;height:50px;text-align:center; position:relative; z-index:2}
#menulinepart{max-width:980px;display:block;margin:0 auto;clear:both;text-align:left}
#menuline{padding:0;float:left}
#menuline ul{list-style-type:none; display:none; padding:0!important;margin:0!important}
#menuline li{float:left;padding:0 2px!important;margin:0!important;height:50px;font-size:12px}
#menuline ul li{background:url(https://shared1.ad-lister.co.uk/UserImages/a233740b-493d-4e4f-a920-d3f7688a7a1c/Img/_design/new/menuspacer.jpg) left center no-repeat}
#menuline ul li.menulineitemhome{background:none}
#menuline a{text-align:center;display:inline-block;height:50px;line-height:50px;overflow:hidden!important;font-size:14px;padding:0 25px;font-weight:400;color:#fff!important;text-decoration:none}
#menuline a:hover{background:#303259}
#bodypage{margin:0;padding:10px;display:table;width:100%;background:#F4F4F4}
#leftside{width:200px;float:left}
#shopcat{height:30px;line-height:30px;padding:0 0 0 10px !important;background:#7C80A6;color:#fff;font-size:16px;text-transform:uppercase;text-align:left;font-family:'Lato',sans-serif}
#category{margin-bottom:10px}
#category a{display:block;font-size:13px;font-weight:400;text-align:left;text-decoration:none;padding:8px 4px 8px 25px;color:#333!important;background:#E6E6E6 url(https://shared1.ad-lister.co.uk/UserImages/a233740b-493d-4e4f-a920-d3f7688a7a1c/Img/_design/new/catbullet.png) 10px 10px no-repeat;border-top:2px #fff solid}
#category a:hover{background:#7C80A6;color:#fff!important}
div#category .JA_category2,div#category .JA_category3{display:none}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.grabbing{cursor:url(grabbing.png) 8 8,move}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.panelhead{background:#303259;height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;font-family:'Lato',sans-serif;text-transform:uppercase}
.custombox{border-bottom:10px #303259 solid;background:#fff;min-height:270px;margin-bottom:10px}
.custombox .topitembox{padding:10px 20px 40px;text-align:center;margin:0!important;height:auto!important}
.custombox .topitembox p{margin:0}
.custombox .topitembox p#topitemimage img{max-height:160px;height:expression(this.height > 160 ? 160 : true)}
.custombox .topitembox p#topitemtitle{padding:10px 0 0}
.custombox .topitembox p#topitemtitle a{font-size:16px;color:#262626!important;font-family:'Lato',sans-serif}
.custombox .topitembox p#topitemtitle a:hover{text-decoration:underline}
.custombox .topitembox p#topitemprice{padding:10px 0;font-size:16px;font-weight:700;color:#000!important;font-family:'Lato',sans-serif}
div.custombox .owl-item{display:block;width:100%;height:auto}
div.custombox .owl-buttons{position:absolute;top:40%;z-index:2;margin:0;width:100%;padding:0}
div.custombox .owl-buttons div{position:absolute;margin:0;padding:0;width:13px;height:22px;text-indent:-9999px;cursor:pointer;background:url(https://shared1.ad-lister.co.uk/UserImages/a233740b-493d-4e4f-a920-d3f7688a7a1c/Img/_design/new/arrows.png) 0 0 no-repeat}
div.custombox .owl-buttons .owl-prev{left:5px}
div.custombox .owl-buttons .owl-next{right:5px;background-position:right top}
div.custombox .owl-pagination{display:none}
#centerside{display:block; margin:0;}
.clear{clear:both}
#item{padding:0; background:#fff;}
#item:after {content:''; clear:both; display:table;}
#itemimage{text-align:center;position:relative;padding: 0;color:#000;margin-bottom:10px;}
#itemimage .JTI_IW_photoContainer{text-align:center;vertical-align:middle;padding:0}
#itemimage table td.JTI_IW_tmbContainer{padding:0}
#itemimage table td.JTI_IW_tmbContainer div{padding-top:10px}
#itemimage table td.JTI_IW_tmbContainer img{max-height:90px;height:expression(this.height > 90 ? 90 : true)}
.itemhead{font-size:16px;background:#303259;color:#fff;padding:10px;font-family:'Lato',sans-serif;text-align:center}
#navigatorhead{background:#7C80A6}
.links{text-align:center; clear:both; padding-top:10px}
.links a{height:40px;line-height:40px;color:#fff;font-size:16px;font-family:'Lato',sans-serif;display:inline-block;text-align:center;text-transform:capitalize;background:#7C80A6;text-align:center;padding:0 20px;margin:0 10px 10px}
.tabbody td,.tabbody span,#descr td,#descr span{color:#333}
#descr{background:#fff;font-size:14px;color:#333;padding:10px;margin-bottom:10px}
.tabs{margin-bottom:10px}
#tabhead{height:50px;text-align:left;padding:0;margin-top:0;background:#303259}
#tabhead ul{overflow:hidden;padding:0;margin:0;list-style-type:none}
#tabhead ul li{float:left;padding:0 0 0 10px;height:50px;overflow:hidden!important;line-height:50px;display:inline-block}
#tabhead ul li a.inactive{background:#303259}
#tabhead ul li a,#tabhead ul li a:hover{background:#7C80A6;color:#fff!important;font-size:22px;display:inline-block;height:50px;padding:0 10px;line-height:50px;text-align:center;font-weight:400;font-size:16px;font-family:'Lato',sans-serif;cursor:pointer}
#tabhead ul li #tab5{margin-right:0!important}
#centersidebody .container {margin-bottom:10px}
.container{overflow:auto;font-size:14px;color:#000;padding:10px;background:#fff}
.container a{font-size:12px;color:#000;text-decoration:underline}
.tabbody{font-size:14px;color:#333;background:#fff;margin-bottom:10px}
.tabbody div,#descrbody{width:100%;overflow:auto}
.tabbody a,#descr a{font-size:14px;color:#333;text-decoration:underline}
#relatedItems{border-top:none;padding:10px 0;display:table;width:100%;background:#fff;clear:both;}
#relatedItems .topitembox{float:left;width:29%;margin:0 2% 11px;text-align:center;padding:20px 0}
#relatedItems .topitembox p{margin:0}
#relatedItems .topitembox p#topitemtitle{padding:0 10px}
#relatedItems .topitembox p#topitemimage{height:140px;margin-bottom:10px}
#relatedItems .topitembox p#topitemimage img{max-width:210px;max-height:140px}
#relatedItems .topitembox p#topitemtitle a{color:#333;font-size:13px;text-decoration:none}
#relatedItems .topitembox p#topitemtitle a:hover{text-decoration:underline}
#relatedItems .topitembox p#topitemprice{color:#333;font-size:14px;padding-top:10px;font-weight:700}
#footertopbg{background:#7C80A6}
#footertoptop{max-width:980px;height:40px;line-height:40px;clear:both;margin:0 auto;background:#F4F4F4}
#footertoptop div{float:left;font-size:16px;color:#333;font-family:'Lato',sans-serif;text-align:left}
#footertoptop div#footerservice1{background:url(https://shared1.ad-lister.co.uk/UserImages/a233740b-493d-4e4f-a920-d3f7688a7a1c/Img/_design/new/delivery.png) 0 10px no-repeat;padding-left:50px;margin-left:1%;width:20%}
#footertoptop div#footerservice2{background:url(https://shared1.ad-lister.co.uk/UserImages/a233740b-493d-4e4f-a920-d3f7688a7a1c/Img/_design/new/support.png) 0 10px no-repeat;padding-left:25px;width:27%}
#footertoptop div#footerservice3{background:url(https://shared1.ad-lister.co.uk/UserImages/a233740b-493d-4e4f-a920-d3f7688a7a1c/Img/_design/new/payment.png) 0 10px no-repeat;padding-left:24px;width:20%}
#footertoptop div#footerservice4{background:url(https://shared1.ad-lister.co.uk/UserImages/a233740b-493d-4e4f-a920-d3f7688a7a1c/Img/_design/new/feedback.png) 0 10px no-repeat;padding-left:73px}
#mobilefooter{padding-top:10px;text-align:center;background:#fff}
#mobilefootertop{text-align:center}
#mobilefootertop div{height:40px;line-height:40px;font-size:16px;color:#333;font-family:'Lato',sans-serif;margin:0 auto;display:table}
#mobilefootertop div#footerservice1{background:url(https://shared1.ad-lister.co.uk/UserImages/a233740b-493d-4e4f-a920-d3f7688a7a1c/Img/_design/new/delivery.png) 0 10px no-repeat;padding-left:50px}
#mobilefootertop div#footerservice2{background:url(https://shared1.ad-lister.co.uk/UserImages/a233740b-493d-4e4f-a920-d3f7688a7a1c/Img/_design/new/support.png) 0 10px no-repeat;padding-left:25px}
#mobilefootertop div#footerservice3{background:url(https://shared1.ad-lister.co.uk/UserImages/a233740b-493d-4e4f-a920-d3f7688a7a1c/Img/_design/new/payment.png) 0 10px no-repeat;padding-left:24px}
#mobilefootertop div#footerservice4{background:url(https://shared1.ad-lister.co.uk/UserImages/a233740b-493d-4e4f-a920-d3f7688a7a1c/Img/_design/new/feedback.png) 0 10px no-repeat;padding-left:73px}
#mobilefootertop div{width:auto}
#mobilefootermiddle{clear:both;margin:0 auto;width:96%}
#mobilefooter .footerhead{color:#303259}
#mobilefootermiddle #footersocial{float:left;width:60%}
#mobilefootermiddle #footerpayment{text-align:center}
#footertop{max-width:980px;text-align:left;margin:0 auto}
#footercustomer{width:207px}
#footertoptop div a{font-size:16px;color:#fff}
#footertoptop div#footeremail a{font-size:18px}
#footertopbody{padding-top:0;padding-left:10px;color:#fff;font-size:12px;line-height:22px}
#footertopbody a{color:#fff;font-size:12px}
#footertopbody a:hover{text-decoration:underline}
.footerhead{font-size:16px;color:#fff;height:50px;line-height:50px}
#footercat{float:left;width:78%;padding-bottom:20px}
#footercatbody p{margin:0}
#footercatbody #topitemimage{display:none}
#footerright{float:left}
#footercatbody div.footercatcolumn{float:left;width:24%;margin-right:1%}
#footerright{padding-top:30px}
#footerright .footerhead{height:25px;line-height:normal}
#footertop #footersocialbody{height:70px}
#footersocialbody a{display:inline-block;margin-right:5px}
#footerpaymentbody{height:50px}
#footerbottombg{background:#303259;text-align:center;height:50px}
#footerbottom{margin:0 auto}
#footerbottom a{display:inline-block;padding:0 30px;color:#fff;font-size:16px;height:50px;line-height:50px}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}

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 {background:#fff; animation:bugfix infinite 1s; -webkit-animation:bugfix infinite 1s; padding:0;}

.respMenu,
#respMenu,
#respCats {display:none}

.respCats {display:block; position:relative; cursor:pointer; font-size:14px; color:#fff; padding:0 25px; height:50px; line-height:50px;}
li:hover .respCats {background:#303259}

.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 {font-size:inherit; font-weight: normal;} 
.product .prod .title h4 {margin:0; padding:10px 5px;}
.product .prod .title h4 a {text-decoration: none; color:#000;}
.product .prod .title h4 a:hover {text-decoration: underline;}
.product .prod .price {}
.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;}

.gallery {width:100%; position:relative; padding-top:500px !important; display:block; margin:0 auto;}
.gallery > img {position:absolute; left:0; top:0; transition:all .5s; max-width:100%; margin:auto; bottom:0; right:0; max-height:490px; padding:0px;}
.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%;}
}

#menuline .menulinecat {position:relative;}
#menuline .menulinecat:hover ul {display:block;}
#menuline .menulinecat ul {white-space: nowrap; position:absolute; left:0; top:50px; background:#303259; padding:13px !important; left:2px}
#menuline .menulinecat ul li {display:block; height:auto; float:none; line-height:auto; width:100%; background:transparent}
#menuline .menulinecat ul li a {height:auto; line-height:normal; padding:5px 10px; display:block; text-align:left;}
#menuline .menulinecat ul li a:hover {background:transparent; text-decoration:underline;}

#menuline .menulinecat ul.level2,
#menuline .menulinecat ul.level3 {display:none;}

@media screen and (max-width: 1000px){
  #itemimage {padding-left:10px; padding-right:10px;}
  #page,
  #topheader,
  #head {width:100%;
}
@media screen and (max-width: 760px){
  .itemhead {margin-top:10px;}
.respMenu {display:block; position:relative; cursor:pointer; background:#7C80A6; font-size:14px; color:#000; padding:0 10px 0 40px; height:40px; line-height:40px;}
  .respMenu:hover {background:#303259;}
.respMenu:before {display: block;content: "";border-top: 4px solid #000;position: absolute;height: 11px; width: 20px;left: 10px; top: 11px;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: 25px;}
.respCats:after {position:absolute; width: 0; right:10px; top:15px; content:''; height: 0;border-style: solid;border-width: 10px 5px 0 5px;border-color: #000000 transparent transparent transparent;}
#respCats:checked ~ ul#categoriestop,
#respMenu:checked ~ ul {display:block;}
  .respCats {height:auto; line-height:normal; padding:10px;}
  #menuline li a {margin:0; padding:10px !important;}
  #menuline ul li.menulinecat:hover ul {display:none;}
  #menuline .menulinecat ul {position:relative; top:0; left:0; padding:0;}
  #menuline .menulinecat ul li a {padding:5px 5px 5px 25px; background:#303259;}
  #menuline .menulinecat ul li a:hover {background:#303259; text-decoration:underline;}
  #descr {width:100% !important;}
}
@media screen and (max-width: 640px){
  .product .prod {width:50%;}
  .product .prod.it4 {clear:none;}
  .product .prod.it3,
  .product .prod.it5 {clear:both;}
  }