@import url(https://shared1.ad-lister.co.uk/Files/e02f2b73-fdc1-42d9-a1f8-e22a2195ce48/StoreBuilder/fonts/font-awesome.css?v=4.7.0);
@import url(https://shared1.ad-lister.co.uk/Files/e02f2b73-fdc1-42d9-a1f8-e22a2195ce48/StaticBuilder/templates/computer-red-dark-grey/computer-red-dark-grey.css);
@import url(https://shared1.ad-lister.co.uk/Files/e02f2b73-fdc1-42d9-a1f8-e22a2195ce48/StaticBuilder/listings.css);
@import url(https://fonts.googleapis.com/css?family=Oswald);
body {margin:0 !important; display:block; padding:0;}
#btn-drerv:hover {color: #ffffff !important; background-color:#000000 !important}
#btn-grjll:hover {color: #ffffff !important; background-color:#000000 !important}
#sidebar {display:none;}
#wrapper .inside {width:100%;}
#wrapper {color:#333333; background-color:; background-image:none; background-repeat:repeat; background-size:auto; background-position:0}
#footer {width:1240px; margin:0 auto;}
#footer.wide {width:100%;}
.block.wide .content {margin:0 auto; width:1240px;}
#page {background-color:;}
#page h2 {color:undefined;}
#page h3 {color:undefined;}
#header {background-color:#ffffff; width:1240px; background-image: none;}
#header h1.logo a span {color:#222222;}
#header h1.logo a:hover span {color:#000000;}
#menu {background-color:#333333; margin:0 auto; width:1240px;}
#menu ul.navigation {margin:0 auto; display:block;}
#menu.wide {width:100%;}
#menu ul li[data-nav="categories"] label,
#menu ul li label,
#menu ul li a {background-color:#333333; color:#ffffff}
#menu ul li[data-nav="categories"]:hover label,
#menu ul li:hover > label,
#menu ul li:hover > a {background-color:#cc0033}
#menu ul ul {background-color:#cc0033;}
#categories ul li a {color:#222222; background:#cccccc; border-color: #cccccc}
#categories ul li a:hover {color:#ffffff; background:#222222;}
#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] {background:#ffffff; color:#000000;}
#tabs .tabNames label {color:#666666; background-color:#f4f4f4; border-bottom-color:#cccccc; border-right-color:#cccccc}
#tabs .tabNames label:hover {color:#000000; background-color:#f4f4f4}
#tabs section {color: #000000; background-color:#ffffff;}
#tabs .content {border-color:#cccccc}
#slideshow {width:1240px;}
#slideshow > .arrows label {box-shadow:inset 2px -2px 0 1px #000000}
#slideshow > .arrows label:hover {box-shadow:inset 3px -3px 0 2px #CC0033}
#slideshow > .navigation label:after {background:#000000}
#slideshow > .navigation label {background:#CC0033}
#slideshow ul {background:#cccccc;}
#slideshow ul {height:100px}
#slideshow ul li {height:100%}
#slideshow ul li img {width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
@media screen and (max-width: 1320px){
#slideshow > .arrows {padding:0; left:0; z-index:1;}
#slideshow > .arrows label,
#slideshow > .arrows label:hover {margin:0 15px}
}
@media screen and (max-width: 1240px){
#footer,
#footer .inside,
#header,
#header .inside,
.block.wide .content,
#wrapper > .inside {width: 100% !important}
.show-menu {background:#333333; display:none; color: ;}
.show-menu {display:block;}
.show-menu:before {border-top: 4px solid ; border-bottom: 4px solid ; border-top: 4px solid ;}
.show-menu:after {background: ;}
#menu {display:none}
#menu ul li {float:none; width:100%; display:block;}
#menu ul li a {width:100%; display:block; padding:0 10px; display:block; line-height:40px; height:auto; text-align:left;}
#menu.wide ul.navigation {width:100%;}
#menu ul li[data-nav="categories"]:after {border-color: #ffffff transparent transparent transparent;}
#slideshow > .arrows label:before {display:none}
#slideshow ul,
#slideshow ul li {height:auto !important}
#slideshow ul li img {position:relative}
#page h1.title span {font-size:18px;}
}
#footer {background:#ffffff; color:#000000;}
#footer a {color: !important;}
/*CustomCSS*/
.product .prod .price {
 width: 100%;
 text-align: center;
 }
.product .prod {
 margin: 20px auto 20px auto;
 }
.the-prices .block {
    width: 90%;
    margin-top: 20px;
    margin: 30px 15px 15px 15px;
}
#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] {
    background: rgb(204, 0, 51) !important;
    color: #fff !important;
    border-bottom-color: transparent;
  }
.grey-border {
    border: 0px solid #f7f7f7;
}
.the-description {
    border: 0px solid #F7F7F7;
    padding: 1px 5px 7px 20px;
}
.top-image-buttons {
    border: 0px solid #F7F7F7;
    padding: 0px;
}
#related-items {
    border: 0px solid #f7f7f7;
}
#page {
    border: 0px solid #F7F7F7;
}
#feedback .JTI_FeedbackHead {
    display: none;
}
.galleryAll .spanZ {

    display: none;
}
.galleryAll .spanZ {
    padding: 2px 5px 2px 21px !important;
    display: none;
}
.the-prices .block {
    margin: 15px 15px 15px 15px;
}
.galleryAll .spanZ {
    display: none;
}
.thumbN:hover label, .galleryAll > .inputTBH:nth-of-type(1):checked ~ .tbhAll .thumbN:nth-of-type(1) label, .galleryAll > .inputTBH:nth-of-type(2):checked ~ .tbhAll .thumbN:nth-of-type(2) label, .galleryAll > .inputTBH:nth-of-type(3):checked ~ .tbhAll .thumbN:nth-of-type(3) label, .galleryAll > .inputTBH:nth-of-type(4):checked ~ .tbhAll .thumbN:nth-of-type(4) label, .galleryAll > .inputTBH:nth-of-type(5):checked ~ .tbhAll .thumbN:nth-of-type(5) label, .galleryAll > .inputTBH:nth-of-type(6):checked ~ .tbhAll .thumbN:nth-of-type(6) label, .galleryAll > .inputTBH:nth-of-type(7):checked ~ .tbhAll .thumbN:nth-of-type(7) label, .galleryAll > .inputTBH:nth-of-type(8):checked ~ .tbhAll .thumbN:nth-of-type(8) label, .galleryAll > .inputTBH:nth-of-type(9):checked ~ .tbhAll .thumbN:nth-of-type(9) label, .galleryAll > .inputTBH:nth-of-type(10):checked ~ .tbhAll .thumbN:nth-of-type(10) label, .galleryAll > .inputTBH:nth-of-type(11):checked ~ .tbhAll .thumbN:nth-of-type(11) label, .galleryAll > .inputTBH:nth-of-type(12):checked ~ .tbhAll .thumbN:nth-of-type(12) label, .galleryAll > .inputTBH:nth-of-type(13):checked ~ .tbhAll .thumbN:nth-of-type(13) label, .galleryAll > .inputTBH:nth-of-type(14):checked ~ .tbhAll .thumbN:nth-of-type(14) label, .galleryAll > .inputTBH:nth-of-type(15):checked ~ .tbhAll .thumbN:nth-of-type(15) label, .galleryAll > .inputTBH:nth-of-type(16):checked ~ .tbhAll .thumbN:nth-of-type(16) label, .galleryAll > .inputTBH:nth-of-type(17):checked ~ .tbhAll .thumbN:nth-of-type(17) label, .galleryAll > .inputTBH:nth-of-type(18):checked ~ .tbhAll .thumbN:nth-of-type(18) label, .galleryAll > .inputTBH:nth-of-type(19):checked ~ .tbhAll .thumbN:nth-of-type(19) label, .galleryAll > .inputTBH:nth-of-type(20):checked ~ .tbhAll .thumbN:nth-of-type(20) label, .galleryAll > .inputTBH:nth-of-type(21):checked ~ .tbhAll .thumbN:nth-of-type(21) label, .galleryAll > .inputTBH:nth-of-type(22):checked ~ .tbhAll .thumbN:nth-of-type(22) label, .galleryAll > .inputTBH:nth-of-type(23):checked ~ .tbhAll .thumbN:nth-of-type(23) label, .galleryAll > .inputTBH:nth-of-type(24):checked ~ .tbhAll .thumbN:nth-of-type(24) label, .galleryAll > .inputTBH:nth-of-type(25):checked ~ .tbhAll .thumbN:nth-of-type(25) label, .galleryAll > .inputTBH:nth-of-type(26):checked ~ .tbhAll .thumbN:nth-of-type(26) label, .galleryAll > .inputTBH:nth-of-type(27):checked ~ .tbhAll .thumbN:nth-of-type(27) label, .galleryAll > .inputTBH:nth-of-type(28):checked ~ .tbhAll .thumbN:nth-of-type(28) label, .galleryAll > .inputTBH:nth-of-type(29):checked ~ .tbhAll .thumbN:nth-of-type(29) label, .galleryAll > .inputTBH:nth-of-type(30):checked ~ .tbhAll .thumbN:nth-of-type(30) label, .galleryAll > .inputTBH:nth-of-type(31):checked ~ .tbhAll .thumbN:nth-of-type(31) label, .galleryAll > .inputTBH:nth-of-type(32):checked ~ .tbhAll .thumbN:nth-of-type(32) label, .galleryAll > .inputTBH:nth-of-type(33):checked ~ .tbhAll .thumbN:nth-of-type(33) label, .galleryAll > .inputTBH:nth-of-type(34):checked ~ .tbhAll .thumbN:nth-of-type(34) label, .galleryAll > .inputTBH:nth-of-type(35):checked ~ .tbhAll .thumbN:nth-of-type(35) label {
    opacity: 1;
    border: 1px solid #ccc;
}
.galleryAll .thumbN label img {
    padding: 5px;
}

@media screen and (max-width: 760px) {
    .the-gallery, .the-prices {
        float: none !important;
        width: 100% !important;
        margin: 0 0 30px 0 !important;
}