#listing .code.only2 {margin:10px 0 0 0;} #JTI_IW_photoHolder{width:320px!important} #JTI_IW_photo{max-width:320px!important} #pagebg{width:100%;padding:0 0 5px;text-align:center;background:#000 url(https://shared1.ad-lister.co.uk/UserImages/e69069bd-8de3-4065-ad07-2e0c1db826f4/Img/_design/sitebg.jpg)} *{font-family:Arial} a{text-decoration:none} #page{width:960px;overflow:hidden!important;padding-top:0;margin:0 auto;text-align:left;background:url(https://shared1.ad-lister.co.uk/UserImages/e69069bd-8de3-4065-ad07-2e0c1db826f4/Img/_design/pagebg.jpg) top left repeat-y} 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;width:960px;height:191px;text-align:left;background:url(https://shared1.ad-lister.co.uk/UserImages/e69069bd-8de3-4065-ad07-2e0c1db826f4/Img/_design/header.jpg) center 0 no-repeat!important;clear:both!important;border:none!important;float:none!important;position:relative} #menulinebg{overflow:hidden!important;padding:0;height:39px} #menuline{width:960px;float:none;clear:both} #menuline div{float:right;padding:0;height:39px;overflow:hidden!important;color:#fff!important;font-size:14px;line-height:39px} #menuline #menu1 a{width:69px} #menuline #menu2 a{width:113px} #menuline #menu3 a{width:121px} #menuline #menu4 a{width:102px} #menuline #menu5 a{width:102px} #menuline #menu6 a{width:90px} #menuline #menu7 a{width:83px} #menuline a{color:#fff!important;font-size:14px;display:inline-block;height:39px;line-height:39px;text-align:center;padding:0;font-weight:700} #menuline a:hover{color:#D61A1E!important;background:url(https://shared1.ad-lister.co.uk/UserImages/e69069bd-8de3-4065-ad07-2e0c1db826f4/Img/_design/menuover.jpg) top center no-repeat} #topheader{height:152px;width:960px} #logo{padding:0 0 0 15px;display:block;float:left} #logo a{width:335px;height:130px;display:block} #customer{padding:39px 0 0;color:#0632EC;font-size:30px;text-align:center;float:left} #customerbody{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif!important;height:72px;overflow:hidden!important;width:290px} #customerbody div{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif!important;font-size:32px;color:#fff} #search{padding:78px 0 0 30px;font-size:12px;font-weight:700;color:#000;float:left} #searchbody{width:290px;height:40px;overflow:hidden!important} #searchbody form{margin:0!important;padding:0!important} input#inpbox{font-size:12px;color:#333!important;width:240px;border:none!important;padding:0;position:relative;top:0;margin:0 4px 0 0 !important;background:#fff;font-weight:400} #gosrc{cursor:pointer;position:relative;top:7px} #topcat{background:url(https://shared1.ad-lister.co.uk/UserImages/e69069bd-8de3-4065-ad07-2e0c1db826f4/Img/_design/headerbottom.jpg) bottom left no-repeat;padding-bottom:7px} #topcategories{background:url(https://shared1.ad-lister.co.uk/UserImages/e69069bd-8de3-4065-ad07-2e0c1db826f4/Img/_design/topcatbg.jpg) top left no-repeat;padding-top:0;clear:both;float:none;display:block;width:960px;margin-left:0;height:40px} #topcategories ul{list-style-type:none;padding:0!important;margin:0!important} #topcategories ul li{float:left;padding:0!important;margin:0!important;font-size:12px;height:40px} #topcategories ul li#cat1 a{width:70px} #topcategories ul li#cat2 a{width:94px} #topcategories ul li#cat3 a{width:94px} #topcategories ul li#cat4 a{width:134px} #topcategories ul li#cat5 a{width:115px} #topcategories ul li#cat6 a{width:194px} #topcategories ul li#cat7 a{width:99px} #topcategories ul li#cat8 a{width:160px} #topcategories a{text-align:center;display:inline-block;overflow:hidden!important;font-size:14px;height:40px;line-height:40px;font-weight:700;color:#fff!important;text-decoration:none;padding:0} #topcategories li#cat8 a:hover{background:none!important;color:#fff!important;text-decoration:underline} #topcategories a:hover{color:#D61A1E!important;background:url(https://shared1.ad-lister.co.uk/UserImages/e69069bd-8de3-4065-ad07-2e0c1db826f4/Img/_design/menuover.jpg) top center no-repeat} #topcategories ul li ul.level2 li{float:none!important;background:none;width:auto} #topcategories ul li#cat4 ul.level2{width:800px;left:-200px} #topcategories ul li#cat4 ul.level2 table{width:100%} #topcategories ul li#cat4 ul.level2 table td li.level2title{text-align:left;font-size:14px;font-weight:700;color:#fff;height:30px;line-height:30px;background:#0631E6!important;display:block} #topcategories ul li ul.level2{position:absolute;background-color:#000;padding:0 0 5px;display:none;top:39px;left:0;width:192px;opacity:.85;filter:alpha(opacity=85)} #topcategories ul li#cat1 ul.level2,#topcategories ul li#cat2 ul.level2,#topcategories ul li#cat3 ul.level2{width:480px} #topcategories ul li#cat1 ul.level2 li,#topcategories ul li#cat2 ul.level2 li,#topcategories ul li#cat3 ul.level2 li{width:150px;margin-right:10px} #topcategories ul li:hover,#nav li.sfhover{position:relative;z-index:100!important} #topcategories ul li:hover ul.level2,#nav li.sfhover ul.level2{display:block} #topcategories ul li:hover ul.level2 li:hover ul{display:block} #topcategories ul li ul li{list-style-position:outside;float:none!important;margin:0 0 2px!important;padding:4px 5px;display:block;height:auto!important} #topcategories ul li ul li a{background:none;text-align:left;float:none;line-height:15px;height:auto!important;padding:2px 5px;font-weight:400;width:auto!important;font-size:12px!important} #topcategories ul li ul li a:hover{color:#fff!important;text-decoration:underline;background:none!important} #bottomheader{height:270px;padding:0 10px;margin-top:5px} #bodypage{margin:0;padding:0 10px 10px} #leftside{margin-top:0;padding:0;margin-left:0;width:200px;overflow:hidden!important} #shopcat{height:39px;line-height:39px;padding:0!important;background:url(https://shared1.ad-lister.co.uk/UserImages/e69069bd-8de3-4065-ad07-2e0c1db826f4/Img/_design/shopcat.jpg) top left no-repeat;text-align:center;color:#fff;font-size:18px;font-weight:400;text-transform:capitalize} div#category{background:url(https://shared1.ad-lister.co.uk/UserImages/e69069bd-8de3-4065-ad07-2e0c1db826f4/Img/_design/catbg.jpg) top left repeat-y;border-bottom:1px #0631E7 solid!important;padding-top:1px;margin-bottom:10px} div#category ul {margin:0; padding:0;} #category .JA_category2{padding:0 1px!important} div#category #categoriesside a, #category .JA_category a{display:block;font-size:14px;font-weight:700;text-align:left;text-decoration:none;padding:4px 4px 4px 10px;color:#fff!important} div#category #categoriesside li a:hover, #category .JA_category li a:hover /* category mouseover link background */{background:#0631E6} div#category #categoriesside li li a, #category .JA_category2 a{font-weight:700;font-size:14px;text-align:left!important;padding:3px 4px 3px 20px;color:#CCC!important;background:url(https://shared1.ad-lister.co.uk/UserImages/e69069bd-8de3-4065-ad07-2e0c1db826f4/Img/_design/subcat.jpg) top left repeat-x;display:block} div#category #categoriesside li li a:hover, #category .JA_category2 a:hover{color:#fff!important;background:#0631E6} .JA_category3{display:none} #promoboxleft .images{margin-bottom:10px;margin-left:0} a img{border:none} #centerside{width:730px;margin:10px 0 0 10px;overflow:hidden!important;padding-top:4px;background:#fff} #centersidebody{padding:0 10px 10px} .itemhead{width:530px;min-height:52px;height:expression(this.scrollHeight < 52 ? "52px" : "auto")!important} .itemhead div{color:#000;font-size:20px;font-weight:700;text-align:left;padding:0 0 3px} #itemimage{text-align:center;padding:0 0 3px;width:348px} #itemimage table td.JTI_IW_tmbContainer span{display:inline-block;padding:0 5px 10px 0 !important} #itemimage table td.JTI_IW_tmbContainer img{border:1px #BBBBBD solid} #itemright{padding-left:10px} #itembrand p{margin:0} #itembrand br{display:none} #itembrand{width:160px;overflow:hidden!important;position:relative;margin-top:-52px;margin-bottom:-62px;height:200px} #sale{margin-bottom:20px} .adl_sale_RRP_price{text-decoration:line-through} #rrp,#price,.adl_sale_RRP_price{font-size:16px;font-weight:700} #price span{font-size:20px} .adl_sale_BIN{color:#000;font-size:16px;font-weight:700} .adl_sale_BIN span{font-size:20px} .adl_sale_sale_price{font-size:18px;color:#000} .adl_sale_sale_price span{font-size:25px;color:#FC0426} .code{font-size:14px;font-weight:700} #descrhead{font-size:14px;padding-bottom:10px} #descr{padding:15px 0 10px;margin-top:30px} #descrbody{width:350px;overflow:auto;color:#000;font-size:13px} .tabbody{font-size:13px;color:#000;padding:10px;border:1px #BBBBBD solid;border-top:none!important} .tabcontent{width:690px;overflow:auto} .tabbody a{color:#000;text-decoration:underline;font-size:13px} #footer{background:url(https://shared1.ad-lister.co.uk/UserImages/e69069bd-8de3-4065-ad07-2e0c1db826f4/Img/_design/listingfooter.jpg) top left no-repeat;height:90px} #power{padding-bottom:3px} #powered,#powered2{color:#fff;font-size:11px;line-height:16px} #powered2 a,#powered2 a img{border:none} #powered2 a{text-decoration:none;color:#fff!important;font-size:11px;line-height:16px} @-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;} #head {background-image:url(https://shared1.ad-lister.co.uk/UserImages/e69069bd-8de3-4065-ad07-2e0c1db826f4/Img/_design/header-responsive.jpg) !important} img {max-width:100%;} .product {display:block; position: relative; margin: 0; padding: 0} .product:after {content: ''; clear: both; display: table} .product .prod {float: left; width:25%; display: block;} #leftside .product .prod {float: none; width: 100%;} .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: 200px; position: relative; display: block;} .product .prod .image span a img {max-width: 100%; max-height:200px; 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} .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;} #centersidebody > .clear {height:10px;} .gallery {width:100%;position:relative;padding-top:350px !important;margin:0 auto;} .gallery > img {position:absolute;left:0;top:0; padding:0; transition:all .5s; max-width:100%; margin:auto; bottom:0; right:0; max-height:350px; 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%;} } @media screen and (max-width: 580px) { .gallery label {width:33.333%;} } @media screen and (max-width: 380px) { .gallery label {width:50%;} } #tabs { padding:0; margin: 0 auto; overflow:hidden; } #tabs section { display: none; padding: 10px; position: relative; margin:0; border:1px solid #ccc; border-top:0; font-size: 12px } #tabs input { display: none; } #tabs label:hover { color: #fff; cursor: pointer; } #tabs .box { margin:0; padding:0; position: relative; } .tabNames label { font-weight: normal; display: inline-block; margin: 0; padding: 0; height: 40px; line-height: 40px; color: #fff; background:#222; border:1px #222 solid; border-bottom:none; float:none; display: table-cell; vertical-align:middle; position: relative; text-align: center; font-size:14px; } #tab0 ~ .tabNames, #tab1 ~ .tabNames, #tab2 ~ .tabNames, #tab3 ~ .tabNames, #tab4 ~ .tabNames, #tab5 ~ .tabNames, #tab6 ~ .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 { 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] { background: #0000FF; border-left-color:#ccc; border-top-color:#ccc; border-right-color:#ccc; color:#fff; } @media screen and (max-width: 650px) { .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: white; 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: black; } #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: black; } #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] { display: inline-block; width: 100%; } #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], #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], #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], #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], #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], #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], #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], #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], #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], #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], #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], #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], #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], #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] { display: none } #tab0:checked ~ section, #tab1:checked ~ section, #tab2:checked ~ section, #tab3:checked ~ section, #tab4:checked ~ section, #tab5:checked ~ section, #tab6:checked ~ section { border-bottom: 1px solid black } #tabs section {padding:10px;} } .respMenu, #respMenu {display:none;} @media screen and (max-width: 980px) { #listing .itemhead {padding-top:0;} #leftside {clear:both;} #itembrand {margin-top:0;} #listing #topcategories ul#navmenu > li#cat4, #respMenu {display:none !important;} .respMenu {font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; display:block; cursor:pointer; position:relative; height:40px; line-height:40px; color:#fff; text-transform:uppercase; padding:0 10px 0 40px;background:#0000FF;} .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;} #respMenu:checked ~ #navmenu {display:block !important} } #listing #topcategories ul li {display: block !important; } #topcategories ul .level2cols:after, #topcategories ul:after {content:''; clear: both; display: table} #topcategories ul li ul.level2 li {width: 25% !important; float: left !important} #topcategories ul li ul.level2 .level2cols {float:left; width: 20%;} #topcategories ul li ul.level2 .level2cols .level2title {font-weight: bold; color:#fff; padding: 10px 5px !important} #topcategories ul li ul.level2 .level2cols li {width:100% !important; float: none !important}