#pagebg{width:100%;text-align:center;background:#85B150 url(https://shared1.ad-lister.co.uk/UserImages/bd08301e-f2d6-47f1-8727-a4e281089ec7/Img/_design/newdesign/sitebg.jpg) center top;-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:960px;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:960px;text-align:left;clear:both!important;border:none!important;float:none!important;position:relative} #topheader{width:960px;padding-bottom:10px;clear:both} #logo{padding:0 0 0 9px;display:block;float:left} #powerbg{padding-top:2px} #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} #customerbg{display:block;text-align:right;padding-bottom:5px} #customer{font-family:'Ubuntu',sans-serif;text-align:right;display:inline-block} #customerlabel{color:#0E528F;font-size:13px;float:left;padding:4px 10px 0 0} #customer #customerphone{font-weight:700;color:#457310;font-size:30px;float:right} #search{font-size:13px;font-weight:400;color:#000;position:relative;padding:5px 10px;background:#0c3e79;background:-moz-linear-gradient(top,#0c3e79 0%,#116aa9 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0c3e79),color-stop(100%,#116aa9));background:-webkit-linear-gradient(top,#0c3e79 0%,#116aa9 100%);background:-o-linear-gradient(top,#0c3e79 0%,#116aa9 100%);background:-ms-linear-gradient(top,#0c3e79 0%,#116aa9 100%);background:linear-gradient(to bottom,#0c3e79 0%,#116aa9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c3e79',endColorstr='#116aa9',GradientType=0);float:right;width:320px} #searchbody{width:306px;padding-left:14px;height:30px;overflow:hidden!important;text-align:left;background:#fff;-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:8px 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:#0c3e79;background:-moz-linear-gradient(top,#0c3e79 0%,#116aa9 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0c3e79),color-stop(100%,#116aa9));background:-webkit-linear-gradient(top,#0c3e79 0%,#116aa9 100%);background:-o-linear-gradient(top,#0c3e79 0%,#116aa9 100%);background:-ms-linear-gradient(top,#0c3e79 0%,#116aa9 100%);background:linear-gradient(to bottom,#0c3e79 0%,#116aa9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c3e79',endColorstr='#116aa9',GradientType=0);height:40px;text-align:center} #menuline{margin:0 auto;display:inline-block;clear:both;text-align:left} #menuline ul{list-style-type:none;padding:0!important;margin:0!important} #menuline li{float:left;padding:0 15px;margin:0;height:40px;font-size:12px} #menuline ul li.menulinecat{background:url(https://shared1.ad-lister.co.uk/UserImages/bd08301e-f2d6-47f1-8727-a4e281089ec7/Img/_design/newdesign/downArrow.png) 80px center no-repeat} #menuline a{text-align:center;display:inline-block;height:40px;line-height:40px;overflow:hidden!important;font-size:12px;padding:0 25px;font-weight:400;color:#fff!important;text-decoration:none;text-transform:uppercase} #menuline a:hover,#menuline li:hover a{background:#0C427E} #menuline ul li ul{position:absolute;background-color:#0C427E;border-top:none;padding:5px 10px!important;display:none;top:40px;left:15px;width:250px} #menuline ul li ul li ul.level2{position:absolute;background-color:#0C427E;border:1px #0C3E79 solid;padding:5px 10px 5px 0 !important;white-space:nowrap;display:none;left:220px;top:0;width:180px} #menuline ul li:hover,#nav li.sfhover{position:relative;z-index:100!important} #menuline ul li:hover ul,#nav li.sfhover ul{display:block} #menuline ul li:hover ul li:hover ul.level2{display:block} #menuline ul ul li{list-style-position:outside;float:none!important;margin:0 0 2px!important;padding:2px;display:block;height:auto!important} #menuline 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;color:#fff!important;text-decoration:none} #menuline ul li:hover li a{color:#fff!important;text-decoration:none;display:block!important} #menuline ul li:hover li li a,#menuline ul li ul li:hover li a{text-decoration:underline;padding-left:8px} #menuline ul li ul li a:hover,#menuline ul li ul li:hover a{text-decoration:underline} #menuline ul li ul li:hover li a{text-decoration:none} #menuline ul li ul li li a:hover,#menuline ul li ul li:hover li a:hover{text-decoration:underline} #headerservices{clear:both} #headerservices div.headerservice{float:left;padding:8px 0 15px 17px;background:url(https://shared1.ad-lister.co.uk/UserImages/bd08301e-f2d6-47f1-8727-a4e281089ec7/Img/_design/newdesign/bullet.png) 0 8px no-repeat;color:#467412;font-size:14px;font-weight:700;font-family:'Ubuntu',sans-serif} #headerservices div#headerservice1{width:300px} #headerservices div#headerservice2{width:220px} #headerservices div#headerservice3{width:220px} #headerservices div#headerservice4{float:right} #subhead{padding:10px 0 0;display:none} #subheadbody{background:#F2F2F2} #customerbottom{height:39px;line-height:37px;font-family:'Ubuntu',sans-serif} #customerbottomlabel{float:left;color:#4693D2;font-size:20px;padding:0 20px 0 40px} #customerbottomlabel b{color:#F2B832} #customerbottom #mail{background:url(https://shared1.ad-lister.co.uk/UserImages/bd08301e-f2d6-47f1-8727-a4e281089ec7/Img/_design/newdesign/mail.png) left center no-repeat;padding:0 20px 0 75px;float:left} #customerbottom #mail a{font-size:20px;color:#4693D2;font-family:'Ubuntu',sans-serif} #customerbottom #phone{float:left;font-size:20px;color:#F3B832;font-family:'Ubuntu',sans-serif;font-weight:700;background:url(https://shared1.ad-lister.co.uk/UserImages/bd08301e-f2d6-47f1-8727-a4e281089ec7/Img/_design/newdesign/phone.png) left center no-repeat;padding-left:75px} #bodypage{margin:0;padding:10px;display:table;width:100%;background:#f1f1f1} #leftside{width:200px;float:left} #shopcat{height:40px;line-height:40px;padding:0 0 0 10px !important;background:#85b150;background:-moz-linear-gradient(top,#85b150 0%,#3f6d0a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#85b150),color-stop(100%,#3f6d0a));background:-webkit-linear-gradient(top,#85b150 0%,#3f6d0a 100%);background:-o-linear-gradient(top,#85b150 0%,#3f6d0a 100%);background:-ms-linear-gradient(top,#85b150 0%,#3f6d0a 100%);background:linear-gradient(to bottom,#85b150 0%,#3f6d0a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#85b150',endColorstr='#3f6d0a',GradientType=0);text-align:left;color:#fff;font-size:16px;text-transform:uppercase;font-family:'Ubuntu',sans-serif} #category{margin-bottom:10px;background:#0E528F} #category a{display:block;font-size:13px;font-weight:400;text-align:left;text-decoration:none;padding:7px 4px 7px 25px;color:#fff!important;background:#0E528F url(https://shared1.ad-lister.co.uk/UserImages/bd08301e-f2d6-47f1-8727-a4e281089ec7/Img/_design/newdesign/catbg_pass.png) 10px 11px no-repeat;border-top:2px #fff solid} #category a:hover{background:#416F0C url(https://shared1.ad-lister.co.uk/UserImages/bd08301e-f2d6-47f1-8727-a4e281089ec7/Img/_design/newdesign/catbg_pass.png) 10px 11px no-repeat} div#category .JA_category2,div#category .JA_category3{display:none} #promoboxleft{text-align:center} .topitembox p{margin:0} #promoboxleft .services .topitembox,.servicestop{padding-bottom:5px} #promoboxleft .services .topitembox #topitemimage img{max-height:75px} #promoboxleft .services .topitembox #topitemtitle{padding-top:4px} #promoboxleft .services .topitembox a{cursor:default} #promoboxleft .services .topitembox #topitemtitle a{font-size:16px;font-weight:700;color:#000!important;font-family:'Ubuntu',sans-serif;padding:0 10px;display:block} #centerside{width:730px;margin:0;float:right} .clear{clear:both} #item{padding:0} #itemimage{text-align:center;position:relative;padding:10px 0 0; margin:0 0 10px 0;color:#000;background:#fff} #itemimage .JTI_IW_photoContainer{text-align:center;vertical-align:middle;padding:0} div#JTI_IW_photoHolder{width:550px!important;text-align:center} #itemimage .JTI_IW_photoContainer img{max-width:550px!important} #itemimage table td.JTI_IW_tmbContainer{padding:0} #itemimage table td.JTI_IW_tmbContainer span{display:block;margin-bottom:10px} #itemimage table td.JTI_IW_tmbContainer img{max-height:110px;height:expression(this.height > 110 ? 110 : true)} .itemhead{clear:both;background:#85b150;background:-moz-linear-gradient(top,#85b150 0%,#3f6d0a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#85b150),color-stop(100%,#3f6d0a));background:-webkit-linear-gradient(top,#85b150 0%,#3f6d0a 100%);background:-o-linear-gradient(top,#85b150 0%,#3f6d0a 100%);background:-ms-linear-gradient(top,#85b150 0%,#3f6d0a 100%);background:linear-gradient(to bottom,#85b150 0%,#3f6d0a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#85b150',endColorstr='#3f6d0a',GradientType=0);color:#fff;font-size:16px;text-align:left;padding:11px 10px} #navigatorhead{background:#0c3e79;background:-moz-linear-gradient(top,#0c3e79 0%,#116aa9 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0c3e79),color-stop(100%,#116aa9));background:-webkit-linear-gradient(top,#0c3e79 0%,#116aa9 100%);background:-o-linear-gradient(top,#0c3e79 0%,#116aa9 100%);background:-ms-linear-gradient(top,#0c3e79 0%,#116aa9 100%);background:linear-gradient(to bottom,#0c3e79 0%,#116aa9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c3e79',endColorstr='#116aa9',GradientType=0);font-size:16px;} .tabbody td,.tabbody span,#descr td,#descr span{color:#333} #descr{background:#fff;font-size:14px;color:#333;padding:10px;margin-bottom:10px} #descr table{max-width:710px!important;width:auto!important} #descr img{max-width:710px!important} .tabs,.tabstop{margin-bottom:10px} #tabhead,#tabheadtop{height:40px;text-align:left;padding:0;margin-top:0;background:#0c3e79;background:-moz-linear-gradient(top,#0c3e79 0%,#116aa9 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0c3e79),color-stop(100%,#116aa9));background:-webkit-linear-gradient(top,#0c3e79 0%,#116aa9 100%);background:-o-linear-gradient(top,#0c3e79 0%,#116aa9 100%);background:-ms-linear-gradient(top,#0c3e79 0%,#116aa9 100%);background:linear-gradient(to bottom,#0c3e79 0%,#116aa9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c3e79',endColorstr='#116aa9',GradientType=0);text-align:center} #tabhead ul,#tabheadtop ul{overflow:hidden;padding:0;margin:0;list-style-type:none;display:inline-block;margin:0 auto} #tabhead ul li,#tabheadtop ul li{float:left;padding:0 5px;height:40px;overflow:hidden!important;line-height:40px;display:inline-block} #tabhead ul li a.inactive,#tabheadtop ul li a.inactive{background:none} #tabhead ul li a,#tabhead ul li a:hover,#tabheadtop ul li a,#tabheadtop ul li a:hover{background:#0C427E;color:#fff!important;display:inline-block;height:40px;padding:0 15px;line-height:40px;text-align:center;font-weight:700;font-size:15px;cursor:pointer} #tabhead ul li #tab5,#tabheadtop ul li #tab3{margin-right:0!important} .nodisplay{display:none!important} .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:730px;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 0;min-height:250px} #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} #footerpart{margin:0 auto;text-align:left;width:960px} #footertopbg{border-top:3px #44720F solid;background:#f1f1f1} #mobilefooter{text-align:center;padding:10px 0} #mobilefooterbody{border-top:3px #44720F solid;padding-top:10px} #mobilefootertop div{width:auto} #footerlogo{padding:10px 0;border-bottom:3px #44720F solid;margin-bottom:5px} #mobilefooter .mobilefooterhead{color:#333;font-family:'Ubuntu',sans-serif;font-size:14px;color:#333;font-weight:700;float:left;padding-right:10px;height:40px;line-height:40px} #mobilefooter #footersocial,#mobilefooter #footerpayment{display:inline-block;margin:0 auto} #mobilefooter #footersocialbody,#mobilefooter #footerpaymentbody{float:right} #footerpaymentbottom{border-bottom:3px #44720F solid;padding-bottom:10px} #footertop{text-align:left;border-bottom:3px #44720F solid} #footercustomer{width:207px} #footertopbody{padding-top:0;padding-left:15px;color:#333;font-size:12px;line-height:22px} #footertopbody a{color:#333;font-size:12px} #footertopbody a:hover{text-decoration:underline} .footerhead{font-size:18px;color:#0E528F;height:50px;line-height:50px;font-family:'Ubuntu',sans-serif} #footerinfo{float:left;width:130px} #footerinfo a{display:block} #footercat{float:left;width:800px;padding-bottom:20px} #footercatbody p{margin:0} #footercatbody #topitemimage{display:none} #footercatbody div.footercatcolumn{float:left;width:24%;margin-right:1%} #footerbottom{border-bottom:3px #44720F solid;background:#f1f1f1;padding:10px 15px;text-align:left} #footersocialtitle{color:#333;font-family:'Ubuntu',sans-serif;font-size:14px;color:#333;font-weight:700;float:left;padding-right:10px;height:40px;line-height:40px} #footerpaymenttitle{color:#333;font-family:'Ubuntu',sans-serif;font-size:14px;color:#333;font-weight:700;float:right;padding-right:10px;height:40px;line-height:40px} #footerbottom #footersocialbody{float:left} #footersocialbody a{display:inline-block;margin-right:5px} #footerpaymentbody{float:right;padding-top:5px} .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 {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 {padding-top: 10px} .respCats {height: 40px; font-size: 12px; padding:0 25px; display: inline-block; line-height: 40px; font-weight: 400; color:#fff; cursor: pointer; text-transform: uppercase;} li:hover .respCats {background-color:#0C427E;} .respMenu, #respMenu, #respCats {display:none} .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:after {content:''; clear:both; display:table;} .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: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%; height:100px;} } @media screen and (max-width: 580px) { .gallery label {width:33.333%;} } @media screen and (max-width: 380px) { .gallery label {width:50%;} } #tabstwo, #tabs { width:100%; height: auto; padding:0; margin: 0 auto 10px; overflow:hidden; clear: both; } #tabstwo section, #tabs section { display: none; padding: 10px; position: relative; margin:0; word-break:break-all; background:#fff; } #tabstwo input, #tabs input { display: none; } #tabstwo label:hover, #tabs label:hover { background: #0C427E; cursor: pointer; } #tabstwo .box, #tabs .box { margin:0; padding:0; position: relative; } .tabNames { background:#0c3e79; background:-moz-linear-gradient(top,#0c3e79 0%,#116aa9 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0c3e79),color-stop(100%,#116aa9)); background:-webkit-linear-gradient(top,#0c3e79 0%,#116aa9 100%); background:-o-linear-gradient(top,#0c3e79 0%,#116aa9 100%); background:-ms-linear-gradient(top,#0c3e79 0%,#116aa9 100%); background:linear-gradient(to bottom,#0c3e79 0%,#116aa9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c3e79',endColorstr='#116aa9',GradientType=0); } .tabNames label { display: inline-block; margin: 0; padding: 0 10px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; float:none; display: table-cell; vertical-align:middle; position: relative; text-align: center; } #tabstwo1 ~ .tabNames, #tabstwo2 ~ .tabNames, #tabstwo3 ~ .tabNames, #tab1 ~ .tabNames, #tab2 ~ .tabNames, #tab3 ~ .tabNames, #tab4 ~ .tabNames, #tab5 ~ .tabNames { display: none; } #tabstwo1:checked ~ #contenttwo1, #tabstwo1:checked ~ .tabNames, #tabstwo2:checked ~ #contenttwo2, #tabstwo2:checked ~ .tabNames, #tabstwo3:checked ~ #contenttwo3, #tabstwo3: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% } #tabstwo1:checked ~ .tabNames label[for=tabstwo1], #tabstwo2:checked ~ .tabNames label[for=tabstwo2], #tabstwo3:checked ~ .tabNames label[for=tabstwo3], #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:#0C427E; } @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); } #tabstwo input:checked ~ .tabNames i:before, #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; } #tabstwo input:checked ~ .tabNames i:after, #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; } #tabstwo1 ~ .tabNames, #tabstwo1 ~ .tabNames label[for=tabstwo1], #tabstwo2 ~ .tabNames, #tabstwo2 ~ .tabNames label[for=tabstwo2], #tabstwo3 ~ .tabNames, #tabstwo3 ~ .tabNames label[for=tabstwo3], #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%; color: #fff !important; height: 40px; text-align:left; line-height: 40px; background:#85b150; background:-moz-linear-gradient(top,#85b150 0%,#3f6d0a 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#85b150),color-stop(100%,#3f6d0a)); background:-webkit-linear-gradient(top,#85b150 0%,#3f6d0a 100%); background:-o-linear-gradient(top,#85b150 0%,#3f6d0a 100%); background:-ms-linear-gradient(top,#85b150 0%,#3f6d0a 100%); background:linear-gradient(to bottom,#85b150 0%,#3f6d0a 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#85b150',endColorstr='#3f6d0a',GradientType=0); } #tabstwo label, #tabstwo label:hover, #tabs label, #tabs label:hover { color:#fff; padding: 0 10px } #tabstwo1 ~ .tabNames label[for=tabstwo2], #tabstwo1 ~ .tabNames label[for=tabstwo3], #tabstwo2 ~ .tabNames label[for=tabstwo1], #tabstwo2 ~ .tabNames label[for=tabstwo3], #tabstwo3 ~ .tabNames label[for=tabstwo1], #tabstwo3 ~ .tabNames label[for=tabstwo2], #tab1 ~ .tabNames label[for=tab2], #tab1 ~ .tabNames label[for=tab3], #tab1 ~ .tabNames label[for=tab4], #tab1 ~ .tabNames label[for=tab5], #tab2 ~ .tabNames label[for=tab1], #tab2 ~ .tabNames label[for=tab3], #tab2 ~ .tabNames label[for=tab4], #tab2 ~ .tabNames label[for=tab5], #tab3 ~ .tabNames label[for=tab1], #tab3 ~ .tabNames label[for=tab2], #tab3 ~ .tabNames label[for=tab4], #tab3 ~ .tabNames label[for=tab5], #tab4 ~ .tabNames label[for=tab1], #tab4 ~ .tabNames label[for=tab2], #tab4 ~ .tabNames label[for=tab3], #tab4 ~ .tabNames label[for=tab5], #tab5 ~ .tabNames label[for=tab1], #tab5 ~ .tabNames label[for=tab2], #tab5 ~ .tabNames label[for=tab3], #tab5 ~ .tabNames label[for=tab4], #tabstwo1:checked ~ .tabNames label[for=tabstwo2], #tabstwo1:checked ~ .tabNames label[for=tabstwo3], #tabstwo2:checked ~ .tabNames label[for=tabstwo1], #tabstwo2:checked ~ .tabNames label[for=tabstwo3], #tabstwo3:checked ~ .tabNames label[for=tabstwo1], #tabstwo3:checked ~ .tabNames label[for=tabstwo2], #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=tab1], #tab2:checked ~ .tabNames label[for=tab3], #tab2:checked ~ .tabNames label[for=tab4], #tab2:checked ~ .tabNames label[for=tab5], #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=tab1], #tab4:checked ~ .tabNames label[for=tab2], #tab4:checked ~ .tabNames label[for=tab3], #tab4:checked ~ .tabNames label[for=tab5], #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 } #tabstwo section, #tabs section, .tabNames label { padding:10px 0; } } @media screen and (max-width:980px) { #page, #footerpart, #topheader, #head {width:100%} #centerside {width:calc(100% - 210px);} #footerinfo {width: 20%;} #footercat {width: 80%;} } @media screen and (max-width:960px) { .respMenu {display: block; height: 40px; line-height: 40px; position: relative; padding: 0 10px 0 40px; color:#fff; cursor: pointer; font-size: 16px; text-transform: uppercase; background: #0c3e79; background: -moz-linear-gradient(top, #0c3e79 0%, #116aa9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c3e79), color-stop(100%,#116aa9)); background: -webkit-linear-gradient(top, #0c3e79 0%,#116aa9 100%); background: -o-linear-gradient(top, #0c3e79 0%,#116aa9 100%); background: -ms-linear-gradient(top, #0c3e79 0%,#116aa9 100%); background: linear-gradient(to bottom, #0c3e79 0%,#116aa9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3e79', endColorstr='#116aa9',GradientType=0 ); } .respMenu:before {display: block;content: "";border-top: 4px solid #fff;position: absolute;height: 11px; width: 20px;left: 10px; top: 11px;border-bottom: 4px solid #fff;border-top: 4px solid #fff;} .respMenu:after {display: block; content: "";background: #fff;position: absolute;height: 4px;width: 20px;left: 10px;top: 25px;} #menuline .menuline #respCats:checked ~ ul#categoriestop, #respMenu:checked ~ ul {display:block !important} .respCats {height:auto; font-weight: bold; display: block; line-height: normal; font-size: 13px; padding:5px 10px; margin:2px 5px; position: relative;} .respCats:after {position:absolute; width: 0; right:5px; top:10px; content:''; height: 0;border-style: solid;border-width: 5px 5px 0 5px;border-color: #fff transparent transparent transparent;} #menuline .menuline li ul#categoriestop{ position:relative; left:0; top:0; display:none} #headerservices {display: none} #logo {padding-bottom: 10px !important} #menuline .menuline li ul#categoriestop li a {padding:5px 15px !important;} #centerside #descr img {height:auto !important;} } #category ul {margin:0; padding:0; list-style:none} @media screen and (max-width:640px) { .product .prod {width:50%;} .product .prod.it4 {clear:none;} .product .prod.it3, .product .prod.it5 {clear:both;} }