@-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;}

#footer #fcateg ul ul {display:none;}

#respCats,
#respMenu,
#header .mainmenu ul ul {display: none}

#respCats:checked ~ ul#categoriesside,
#respMenu:checked ~ ul {display:block !important;}

.respMenu {cursor: pointer;}

.respCats {display: block; cursor: pointer; background:url(https://shared1.ad-lister.co.uk/UserImages/25517759-9b6c-4d0a-a773-a255dbc07625/Img/_design2016/arow_category.png) no-repeat 15px 50%; padding:0 0 0 40px; position: relative; line-height: 30px; font-size: 14px; text-align:left; font-family: 'Oswald', sans-serif; color:#333; border-bottom: 1px solid #101077;}
.respCats:hover {color:#fff; background:url(https://shared1.ad-lister.co.uk/UserImages/25517759-9b6c-4d0a-a773-a255dbc07625/Img/_design2016/arow-categ.png) no-repeat 15px 50% #101077;}
.respCats:after {position:absolute; width: 0; right:10px; top:10px; content:''; height: 0; border-style: solid;border-width: 10px 5px 0 5px;border-color: #000 transparent transparent transparent;}
.respCats:hover:after {border-color:#fff transparent transparent transparent;}

#listing .similar {padding-top:30px; padding-bottom:10px}
 
.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;}
.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:350px !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:340px; 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%;}
}


#tabs {
    width:100%;
    height: auto;
    padding:0;
    margin: 0 auto;
    overflow:hidden;
    clear: both;
}
#tabs section {
    display: none;
    padding: 10px;
    position: relative;
    margin:0;
    border:2px #ccc solid;
    background:#fff;
}
#tabs input {
    display: none;
}
#tabs label:hover {
    background: #100F77;
    cursor: pointer;
}
#tabs .box {
    margin:0;
    padding:0;
    position: relative;
}
.tabNames label {
    display: inline-block;
    margin: 0;
    font-family: 'Oswald', sans-serif;
    padding: 0 10px;
    height: 50px; 
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    float:none; 
    background:#ccc;
    display: table-cell;
    vertical-align:middle;
    position: relative;
    text-transform: capitalize;
    text-align: center;
}
#tab0 ~ .tabNames,
#tab1 ~ .tabNames,
#tab2 ~ .tabNames,
#tab3 ~ .tabNames,
#tab4 ~ .tabNames,
#tab5 ~ .tabNames,
#tab6 ~ .tabNames,
#tab7 ~ .tabNames {
    display: none;
}
#tab0:checked ~ #content0,
#tab0:checked ~ .tabNames,
#tab1:checked ~ #content1,
#tab1:checked ~ .tabNames,
#tab2:checked ~ #content2,
#tab2:checked ~ .tabNames,
#tab3:checked ~ #content3,
#tab3:checked ~ .tabNames,
#tab4:checked ~ #content4,
#tab4:checked ~ .tabNames,
#tab5:checked ~ #content5,
#tab5:checked ~ .tabNames,
#tab6:checked ~ #content6,
#tab6:checked ~ .tabNames,
#tab7:checked ~ #content7,
#tab7:checked ~ .tabNames {
    margin:0;
    display: table;
    width: 100%
}
#tab0:checked ~ .tabNames label[for=tab0],
#tab1:checked ~ .tabNames label[for=tab1],
#tab2:checked ~ .tabNames label[for=tab2],
#tab3:checked ~ .tabNames label[for=tab3],
#tab4:checked ~ .tabNames label[for=tab4],
#tab5:checked ~ .tabNames label[for=tab5],
#tab6:checked ~ .tabNames label[for=tab6],
#tab7:checked ~ .tabNames label[for=tab7] {
    background:#100F77;
}
@media screen and (max-width: 680px) {
#listing #tabs {display: block; padding-left: 10px; padding-right: 10px}
}
@media screen and (max-width: 650px) {
    .product .prod.it4 {clear: none}
    .product .prod.it3,
    .product .prod.it5 {clear: both}
  .product .prod {width:50%;}
    .tabNames {padding:0}
    .tabNames i:before, 
    .tabNames i:after {
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .tabNames i {
      position: absolute;
      -webkit-transform: translate(-6px, 0);
      -moz-transform: translate(-6px, 0);
      -ms-transform: translate(-6px, 0);
      -o-transform: translate(-6px, 0);
      transform: translate(-6px, 0);
      margin-top:15px;
      right: 10px;
    }
    .tabNames i:before,
    .tabNames i:after {
      content: '';
      position: absolute;
      background: #fff;
      width: 3px;
      height: 9px;
    }
    .tabNames i:before {
      -webkit-transform: translate(-2px, 0) rotate(-45deg);
      -moz-transform: translate(-2px, 0) rotate(-45deg);
      -ms-transform: translate(-2px, 0) rotate(-45deg);
      -o-transform: translate(-2px, 0) rotate(-45deg);
      transform: translate(-2px, 0) rotate(-45deg);
    }
    .tabNames i:after {
      -webkit-transform: translate(2px, 0) rotate(45deg);
      -moz-transform: translate(2px, 0) rotate(45deg);
      -ms-transform: translate(2px, 0) rotate(45deg);
      -o-transform: translate(2px, 0) rotate(45deg);
      transform: translate(2px, 0) rotate(45deg);
    }
    #tabs input:checked ~ .tabNames i:before {
      -webkit-transform: translate(2px, 0) rotate(-45deg);
      -moz-transform: translate(2px, 0) rotate(-45deg);
      -ms-transform: translate(2px, 0) rotate(-45deg);
      -o-transform: translate(2px, 0) rotate(-45deg);
      transform: translate(2px, 0) rotate(-45deg);
      background: #fff;
    }
    #tabs input:checked ~ .tabNames i:after {
      -webkit-transform: translate(-2px, 0) rotate(45deg);
      -moz-transform: translate(-2px, 0) rotate(45deg);
      -ms-transform: translate(-2px, 0) rotate(45deg);
      -o-transform: translate(-2px, 0) rotate(45deg);
      transform: translate(-2px, 0) rotate(45deg);
      background: #fff;
    }
    #tab0 ~ .tabNames,
    #tab0 ~ .tabNames label[for=tab0],
    #tab1 ~ .tabNames,
    #tab1 ~ .tabNames label[for=tab1],
    #tab2 ~ .tabNames,
    #tab2 ~ .tabNames label[for=tab2],
    #tab3 ~ .tabNames,
    #tab3 ~ .tabNames label[for=tab3],
    #tab4 ~ .tabNames,
    #tab4 ~ .tabNames label[for=tab4],
    #tab5 ~ .tabNames,
    #tab5 ~ .tabNames label[for=tab5],
    #tab6 ~ .tabNames,
    #tab6 ~ .tabNames label[for=tab6],
    #tab7 ~ .tabNames,
    #tab7 ~ .tabNames label[for=tab7] {
        display: inline-block;
        width: 100%;
        background: #333;
        color: #fff !important;
        height: 40px; 
        text-align:left; 
        line-height: 40px;
    }
    #tabs label,
    #tabs label:hover {
        color:#fff;
        padding: 0 10px
    }
    #tab0 ~ .tabNames label[for=tab1],
    #tab0 ~ .tabNames label[for=tab2],
    #tab0 ~ .tabNames label[for=tab3],
    #tab0 ~ .tabNames label[for=tab4],
    #tab0 ~ .tabNames label[for=tab5],
    #tab0 ~ .tabNames label[for=tab6],
    #tab0 ~ .tabNames label[for=tab7],
    #tab1 ~ .tabNames label[for=tab0],
    #tab1 ~ .tabNames label[for=tab2],
    #tab1 ~ .tabNames label[for=tab3],
    #tab1 ~ .tabNames label[for=tab4],
    #tab1 ~ .tabNames label[for=tab5],
    #tab1 ~ .tabNames label[for=tab6],
    #tab1 ~ .tabNames label[for=tab7],
    #tab2 ~ .tabNames label[for=tab0],
    #tab2 ~ .tabNames label[for=tab1],
    #tab2 ~ .tabNames label[for=tab3],
    #tab2 ~ .tabNames label[for=tab4],
    #tab2 ~ .tabNames label[for=tab5],
    #tab2 ~ .tabNames label[for=tab6],
    #tab2 ~ .tabNames label[for=tab7],
    #tab3 ~ .tabNames label[for=tab0],
    #tab3 ~ .tabNames label[for=tab1],
    #tab3 ~ .tabNames label[for=tab2],
    #tab3 ~ .tabNames label[for=tab4],
    #tab3 ~ .tabNames label[for=tab5],
    #tab3 ~ .tabNames label[for=tab6],
    #tab3 ~ .tabNames label[for=tab7],
    #tab4 ~ .tabNames label[for=tab0],
    #tab4 ~ .tabNames label[for=tab1],
    #tab4 ~ .tabNames label[for=tab2],
    #tab4 ~ .tabNames label[for=tab3],
    #tab4 ~ .tabNames label[for=tab5],
    #tab4 ~ .tabNames label[for=tab6],
    #tab4 ~ .tabNames label[for=tab7],
    #tab5 ~ .tabNames label[for=tab0],
    #tab5 ~ .tabNames label[for=tab1],
    #tab5 ~ .tabNames label[for=tab2],
    #tab5 ~ .tabNames label[for=tab3],
    #tab5 ~ .tabNames label[for=tab4],
    #tab5 ~ .tabNames label[for=tab6],
    #tab5 ~ .tabNames label[for=tab7],
    #tab6 ~ .tabNames label[for=tab0],
    #tab6 ~ .tabNames label[for=tab1],
    #tab6 ~ .tabNames label[for=tab2],
    #tab6 ~ .tabNames label[for=tab3],
    #tab6 ~ .tabNames label[for=tab4],
    #tab6 ~ .tabNames label[for=tab5],
    #tab6 ~ .tabNames label[for=tab7],
    #tab7 ~ .tabNames label[for=tab0],
    #tab7 ~ .tabNames label[for=tab1],
    #tab7 ~ .tabNames label[for=tab2],
    #tab7 ~ .tabNames label[for=tab3],
    #tab7 ~ .tabNames label[for=tab4],
    #tab7 ~ .tabNames label[for=tab5],
    #tab7 ~ .tabNames label[for=tab6],
    #tab0:checked ~ .tabNames label[for=tab1],
    #tab0:checked ~ .tabNames label[for=tab2],
    #tab0:checked ~ .tabNames label[for=tab3],
    #tab0:checked ~ .tabNames label[for=tab4],
    #tab0:checked ~ .tabNames label[for=tab5],
    #tab0:checked ~ .tabNames label[for=tab6],
    #tab0:checked ~ .tabNames label[for=tab7],
    #tab1:checked ~ .tabNames label[for=tab0],
    #tab1:checked ~ .tabNames label[for=tab2],
    #tab1:checked ~ .tabNames label[for=tab3],
    #tab1:checked ~ .tabNames label[for=tab4],
    #tab1:checked ~ .tabNames label[for=tab5],
    #tab1:checked ~ .tabNames label[for=tab6],
    #tab1:checked ~ .tabNames label[for=tab7],
    #tab2:checked ~ .tabNames label[for=tab0],
    #tab2:checked ~ .tabNames label[for=tab1],
    #tab2:checked ~ .tabNames label[for=tab3],
    #tab2:checked ~ .tabNames label[for=tab4],
    #tab2:checked ~ .tabNames label[for=tab5],
    #tab2:checked ~ .tabNames label[for=tab6],
    #tab2:checked ~ .tabNames label[for=tab7],
    #tab3:checked ~ .tabNames label[for=tab0],
    #tab3:checked ~ .tabNames label[for=tab1],
    #tab3:checked ~ .tabNames label[for=tab2],
    #tab3:checked ~ .tabNames label[for=tab4],
    #tab3:checked ~ .tabNames label[for=tab5],
    #tab3:checked ~ .tabNames label[for=tab6],
    #tab3:checked ~ .tabNames label[for=tab7],
    #tab4:checked ~ .tabNames label[for=tab0],
    #tab4:checked ~ .tabNames label[for=tab1],
    #tab4:checked ~ .tabNames label[for=tab2],
    #tab4:checked ~ .tabNames label[for=tab3],
    #tab4:checked ~ .tabNames label[for=tab5],
    #tab4:checked ~ .tabNames label[for=tab6],
    #tab4:checked ~ .tabNames label[for=tab7],
    #tab5:checked ~ .tabNames label[for=tab0],
    #tab5:checked ~ .tabNames label[for=tab1],
    #tab5:checked ~ .tabNames label[for=tab2],
    #tab5:checked ~ .tabNames label[for=tab3],
    #tab5:checked ~ .tabNames label[for=tab4],
    #tab5:checked ~ .tabNames label[for=tab6],
    #tab5:checked ~ .tabNames label[for=tab7],
    #tab6:checked ~ .tabNames label[for=tab0],
    #tab6:checked ~ .tabNames label[for=tab1],
    #tab6:checked ~ .tabNames label[for=tab2],
    #tab6:checked ~ .tabNames label[for=tab3],
    #tab6:checked ~ .tabNames label[for=tab4],
    #tab6:checked ~ .tabNames label[for=tab5],
    #tab6:checked ~ .tabNames label[for=tab7],
    #tab7:checked ~ .tabNames label[for=tab0],
    #tab7:checked ~ .tabNames label[for=tab1],
    #tab7:checked ~ .tabNames label[for=tab2],
    #tab7:checked ~ .tabNames label[for=tab3],
    #tab7:checked ~ .tabNames label[for=tab4],
    #tab7:checked ~ .tabNames label[for=tab5],
    #tab7:checked ~ .tabNames label[for=tab6] {
        display: none
    }
    #tab0:checked ~ section,
    #tab1:checked ~ section,
    #tab2:checked ~ section,
    #tab3:checked ~ section,
    #tab4:checked ~ section,
    #tab5:checked ~ section,
    #tab6:checked ~ section,
    #tab7:checked ~ section {

    }
    #tabs section,
    .tabNames label {
        padding:10px;
    }
}