#EBdescription,.item_description{width:100%;padding:0;margin:0;text-align:center} #mainc{width:960px;padding:0;margin:0 auto;font-family:Arial,Helvetica,sans-serif!important;text-align:center} #powered{font-size:11px;float:left;width:820px;max-width:820px!important;text-align:right;line-height:25px;height:25px;color:#333;font-weight:400;margin:0;padding:0} #powered2{width:130px;font-size:11px;margin:0 0 0 5px;padding:0;float:left;color:#333;height:25px;line-height:25px;font-weight:400} div#powered2 a{line-height:25px;font-size:11px;border:none!important;color:#333!important;font-weight:400} #header{display:block;width:960px;text-align:left;margin-left:auto;margin-right:auto} #tophead{clear:both;margin:0 auto;width:960px!important;max-width:960px!important;height:150px;background:url(https://shared1.ad-lister.co.uk/UserImages/98b601d7-a096-4083-9ebb-eb8e580d7183/Img/_design/headbg-responsive.jpg) top right no-repeat} #toplogo{margin:0 0 10px;padding:0;width:450px!important;height:110px!important;display:inline-block;float:left} #toplogo a{margin:0;width:450px!important;height:110px!important;display:block} #toplogo a span{display:none} #topcust{margin:0;padding:0;width:330px!important;height:40px!important;display:inline-block;float:right} #topcust a{margin:0;width:330px!important;height:40px!important;display:block} #topcust a span{display:none} #toplinks{margin:10px 0 0;width:500px!important;height:40px!important;display:block!important;float:right;text-align:right} #toplinks a{color:#FFF!important;font-size:12px!important;padding:10px 20px 0 0;font-weight:400;text-decoration:none} #toplinks a:hover{text-decoration:underline} #toplinks a span{color:#FFF!important;font-size:12px!important;text-decoration:none} #toplinks a:hover span{color:#fff!important;text-decoration:underline} #tcsearch{float:right;margin:73px 38px 0 5px} #tcsearch #inpbox{margin:0 10px 0 0;line-height:18px;height:20px;width:180px;color:#666;font-size:11px;background:none!important;border:none!important} #tcsearch #gosrc{vertical-align:middle} #topmenu{clear:both;margin:0 auto;width:940px!important;height:30px!important;display:block!important;text-align:left;background:#7B1D54} #topmenu img{height:40px;line-height:40px;vertical-align:top} #topmenu a{color:#7B1D54!important;background:#fff;font-size:12px!important;padding:0!important;height:30px!important;display:inline-block;line-height:30px;margin-right:1px;width:110px;text-align:center;text-decoration:none;font-weight:700} #topmenu a:hover{color:#FFF;background:#7B1D54!important} #topmenu a span{color:#7B1D54!important;font-size:12px!important;text-decoration:none} #topmenu a:hover span{color:#FFF!important;font-size:12px!important} #topmenu #tlright{color:#fff!important;background:#7B1D54;font-size:12px!important;padding:0!important;height:30px!important;display:inline-block;line-height:30px;margin-right:0;width:250px;text-align:center;float:right} #topmenu #tlright span{color:#fff!important;font-size:12px!important} #topcscr{width:220px;height:280px;float:left;background:url(https://shared1.ad-lister.co.uk/UserImages/98b601d7-a096-4083-9ebb-eb8e580d7183/Img/_design/qsrcbg.jpg) top left no-repeat} #csdrop{width:200px;height:150px;margin:10px 0 0 10px} #csdrop .prodfind_text{width:200px;margin:7px 0 5px 5px} #gofind,#gosrc{margin:0 0 5px 5px} #csrc{width:200px;margin:10px 0 0 10px} #inpbox{width:190px;margin:7px 0 5px 5px} #topbanner{width:100%;clear:both; padding:10px; background:#8F326B} #topbanner img {width: 100%} #pagel{width:230px;background:#fff;padding:10px 0 0;margin:0;float:left} #pagec{width:730px;background:#fff;padding:10px 0 0;margin:0;float:right} .conth{width:720px;height:auto!important;padding:10px 0 0 0;margin:0;font-family:Arial,Helvetica,sans-serif!important;text-align:left;font-size:12px;clear:both} .conth h3{width:720px;height:40px!important;background:#7B1C54;padding:0;margin:0 0 10px;font-family:Arial,Helvetica,sans-serif!important} .conth h3 span{width:auto;height:30px;display:inline-block;padding:12px 0 0 20px;margin:0;font-family:Arial,Helvetica,sans-serif!important;font-size:14px;color:#fff;font-weight:700;float:left} .conth h3 span a{color:#fff;text-decoration:none;padding:0 40px 0 0} .conth h3 span a:hover{color:#fff;text-decoration:underline} .video{color:#333;font-size:12px;width:940px;display:block;padding:0 0 10px;margin:0 auto;text-align:center} .aboutus{color:#333;font-size:12px;width:720px;display:block;padding:0 0 10px;margin:0 auto;text-align:left} .aboutustab{color:#333;font-size:12px;width:710px;display:block;padding:0;margin:10px auto 10px 10px} #footer{clear:both;width:100%;height:20px;display:block;background:url(https://shared1.ad-lister.co.uk/UserImages/98b601d7-a096-4083-9ebb-eb8e580d7183/Img/_design/footbg.jpg) top center repeat-x;padding:10px 0 0;margin:10px auto 0;color:#333;font-size:12px} .JA_category{margin:0 0 0 10px !important;padding:0!important;border-top:1px solid #fff!important;text-align:left;width:210px} .JA_category a{display:block;font-size:12px;text-decoration:none;padding:8px 0 7px 8px;position:relative;color:#fff!important;background:#7B1C54;font-weight:700} .JA_category a:hover{background:#9DBF23} #leftpromos{width:210px;margin:10px 0 0 10px} #leftnews{padding:10px;background:#F3C100;color:#7B1D54;font-size:12px;text-align:left;margin-bottom:10px;font-weight:400} #leftnews a img{display:block;border:none;margin-top:10px} #leftpromos img,#leftpromos a img{display:block;border:none} #similarbody{padding:0 0 10px} .JA_SI_Table td{padding:0} .JA_SI_Table{text-align:center} .JA_SI_ImageDiv{width:232px;overflow:hidden!important;height:140px} .JA_SI_Image{max-height:100px;height:expression(this.height > 140 ? 140 : true)} .JA_SI_Title{padding-top:10px} .JA_SI_Title a{padding:0 10px;font-size:12px;color:#443B39!important;font-weight:700;display:block;margin-bottom:5px;text-decoration:none} .JA_SI_Title a:hover{text-decoration:underline} .JA_SI_Price{color:#443B39!important;font-weight:700;font-size:14px;text-align:center} #itemimage{margin:0;width:420px;float:left} #descr{margin:0;width:290px;float:right} @-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;} *, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;} html,body {margin:0; padding:0;} #footer {height: auto; padding:10px} .respMenu, #respMenu, #toplogo a img, #topmenu a.page {display: none} #tophead {background-position: left top} @media screen and (max-width: 980px){ #header, #mainc, #header, #topmenu, #toplinks, .conth, .conth h3, .aboutus, #tophead {max-width:100% !important; width: 100%} #topmenu #tlright, #toplinks {width:auto !important;} #topmenu #tlright {padding-right: 10px !important} #pagec{ width: calc(100% - 230px); padding-right:10px} #descr, #itemimage {float: none; width: 100%; clear:both} #descr {padding-top:15px;} #tabs {padding:0 !important} } @media screen and (max-width:900px){ #topmenu a {float: left; padding:0 30px !important; width: auto} #toplinks a {padding-right: 10px} } @media screen and (max-width:790px){ #tophead{height: auto;} #topmenu, #toplinks, #pagel {display: none !important} #homegall {padding-right:13px} #respMenu:checked ~ #topmenu {display: block !important} .respMenu {display: block; height: 40px; line-height: 40px; cursor: pointer; background:#fff; clear: both; padding:0 10px 0 40px; text-transform: uppercase; font-size: 14px; color:#7B1D54; position: relative;} .respMenu:before {display: block;content: "";border-top: 4px solid #8D326B;position: absolute;height: 11px; width: 20px;left: 10px; top: 11px;border-bottom: 4px solid #8D326B;border-top: 4px solid #8D326B;} .respMenu:after {display: block; content: "";background: #8D326B;position: absolute;height: 4px;width: 20px;left: 10px;top: 25px;} #topmenu {height: auto !important;} #topmenu #tlright, #topmenu a {float: none; width: 100%; border-top:1px #8D326B solid; background:#fff !important; color:#7B1D54 !important; text-align:left;margin:0; padding:0 10px !important} #topmenu a.page {display: block;} #topmenu #tlright span {color:#7B1D54 !important;} #topmenu #tlright:hover {background:#7B1D54 !important; } #topmenu #tlright:hover span {color:#fff !important} #topmenu #tlright {width:100% !important;} #pagec {padding-left: 10px; width: 100%} } @media screen and (max-width:480px){ #toplogo {width:80% !important; max-width:100% !important; height: auto !important; float: none; margin:0 auto 10px; display: block;} #tophead {padding-top:10px; background: #8D326B;} #toplogo a span {display: none} #toplogo a {width:100% !important; height: auto !important} #toplogo a img {display: block; max-width: 100%} .product .prod {width:50% !important} .product .prod.it4 {clear:none !important} .product .prod.it3, .product .prod.it5 {clear:both !important;} } .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;} #tabs { width:100%; height: auto; padding:0 10px 0 0; margin: 0 auto; overflow:hidden; clear: both; } #tabs section { display: none; padding: 10px 0; position: relative; margin:0; text-align:left; font-size: 12px; } #tabs input { display: none; } #tabs label:hover { color: #fff; cursor: pointer; text-decoration: underline; } #tabs .box { margin:0; padding:0; position: relative; } .tabNames label { display: inline-block; margin: 0; padding: 0; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; background: #7B1C54; float:none; display: table-cell; vertical-align:middle; position: relative; text-align: center; color:#fff; text-transform: uppercase; } #tab0 ~ .tabNames, #tab1 ~ .tabNames, #tab2 ~ .tabNames, #tab3 ~ .tabNames, #tab4 ~ .tabNames, #tab5 ~ .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 { 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] { color:#fff; } @media screen and (max-width: 650px) { .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: #213045; } #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: #213045; } #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] { display: inline-block; width: 100%; background: #9DBF23; 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], #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], #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], #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], #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], #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], #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], #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], #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], #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], #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], #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]{ display: none } } #lcat #categoriesside {margin:0; padding:0; list-style:none;} #lcat #categoriesside li { margin: 0 0 0 10px; padding: 0; border-top: 1px solid #fff; text-align: left; width: 210px; } #lcat #categoriesside li a { display: block; font-size: 12px; text-decoration: none; padding: 8px 0px 7px 8px; position: relative; color: #fff; background: #7B1C54; font-weight: bold;} #lcat #categoriesside li a:hover {background:#9DBF22; color:#fff; text-decoration:none;} .conth h3 {height:auto !important; padding:2px 0} .conth h3 span {padding:10px; line-height:normal; height:auto; float:none;} .gallery {width:100%;position:relative;padding-top:350px !important; display:block; margin:0 auto;} .gallery > img {position:absolute;left:0;top:0;transition:all .5s; max-width:100%; margin:auto; right:0; max-height:350px; 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; 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%;} }