body {margin:0; padding:0; background:url(https://shared1.ad-lister.co.uk/UserImages/6c6dba45-6cf4-428a-bfa1-dddb14f14092/Img/_design/bg.jpg) repeat; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#272727; line-height:24px;} a {cursor:pointer;} .clearfix:after {content: ".";display: block;clear: both;visibility: hidden; line-height: 0;height: 0;} .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} #header {width:960px; height:190px; display:block; margin:0 auto; padding:0; background:#fff; -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow: 0px 3px 0px 0px rgba(202, 202, 202, 1);-moz-box-shadow: 0px 3px 0px 0px rgba(202, 202, 202, 1);box-shadow: 0px 3px 0px 0px rgba(202, 202, 202, 1);} #header h1 {float:left; margin:60px 0 0 20px; padding:0; width:457px; background:url(https://shared1.ad-lister.co.uk/UserImages/6c6dba45-6cf4-428a-bfa1-dddb14f14092/Img/_design/logo.jpg) no-repeat; height:114px; display:block;} #header h1 a {width:100%; height:100%; display:block; margin:0; padding:0; text-indent:-9999px;} #header .right {float:right; margin:20px 20px 0 0; padding:0; width:380px;} #header .powered {font-size:15px; color:#4f462d; display:block; text-align:right; margin:0; padding:0; position:relative; top:-10px;} #header .powered a {color:#4f462d;} #header .powered a:hover {text-decoration:underline;} #header .mail {height:27px; clear:both; float:right; display:block; padding:0 0 0 35px; margin:0; background:url(https://shared1.ad-lister.co.uk/UserImages/6c6dba45-6cf4-428a-bfa1-dddb14f14092/Img/_design/header-top.jpg) left top no-repeat; font-size:19px; color:#1e4c99; font-weight:normal; color:#1e4c99;} #header .w {height:27px; display:block; clear:both; float:right; padding:5px 50px 0 35px; margin:0; background:url(https://shared1.ad-lister.co.uk/UserImages/6c6dba45-6cf4-428a-bfa1-dddb14f14092/Img/_design/header-top.jpg) left bottom no-repeat; font-size:19px; color:#1e4c99; font-weight:normal; color:#1e4c99;} #header p a {color:#1e4c99; text-decoration:none;} #header p a:hover {color:#1e4c99; text-decoration:underline;} .search {margin:0; padding:0 0 25px 0; position:relative; float:right;} .search .searchField {background:url(https://shared1.ad-lister.co.uk/UserImages/6c6dba45-6cf4-428a-bfa1-dddb14f14092/Img/_design/search-bg.jpg) no-repeat; width:241px; height:33px; display:block; margin:0; padding:0 10px 0 31px; border:none; color:#fff;} .search .submitBtn {width:21px; height:17px; display:block; position:absolute; left:6px; top:9px; text-indent:-9999px; text-indent:-9999px; cursor:pointer; background:transparent url(https://shared1.ad-lister.co.uk/UserImages/6c6dba45-6cf4-428a-bfa1-dddb14f14092/Img/_design/search-btn.png) left top no-repeat; padding:0; margin:0; border:none;} .g-hdn {display:none} #christmas {width:960px; display:block; margin:20px auto; padding:10px; background:#fff; -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow: 0px 3px 0px 0px rgba(202, 202, 202, 1);-moz-box-shadow: 0px 3px 0px 0px rgba(202, 202, 202, 1);box-shadow: 0px 3px 0px 0px rgba(202, 202, 202, 1);} #navigation {height:50px; width:960px; display:block; background:url(https://shared1.ad-lister.co.uk/UserImages/6c6dba45-6cf4-428a-bfa1-dddb14f14092/Img/_design/nav-bg.jpg) right top no-repeat; margin:10px auto 0; padding:0; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;} #navigation ul {margin:0; padding:0; list-style:none;} #navigation ul li {float:left; height:50px; margin:0 10px 0 0; padding:0; font-weight:bold; font-size:16px;} #navigation ul li a {height:50px; line-height:50px; background:url(https://shared1.ad-lister.co.uk/UserImages/6c6dba45-6cf4-428a-bfa1-dddb14f14092/Img/_design/nav-li.png) left center no-repeat; margin:0; padding:0 0 0 20px; color:#fff; text-transform:uppercase; text-decoration:none} #navigation ul li a:hover {text-decoration:none; color:#000;} #navigation ul li.first a {background:transparent;} #navigation ul ul {display:none;} #slideshow {width:960px; margin:0 auto; padding:0; display:block; position:relative; border-bottom:4px #cacaca solid;} #slideshow img {display:block; border:none; margin:0; padding:0;} #listing {width:960px; margin:0 auto; padding:10px 0; display:block; position:relative;} #sidebar {float:left; margin:0; padding:0; width:220px;} #sidebar .inside {display:block; margin:0; padding:0;border:1px #b3b3b3 solid; border-width:0 1px 4px 1px;} #sidebar h3 {background:url(https://shared1.ad-lister.co.uk/UserImages/6c6dba45-6cf4-428a-bfa1-dddb14f14092/Img/_design/head-red.jpg) no-repeat; width:220px; height:45px; line-height:45px; display:block; text-align:center; color:#fff; font-weight:bold; font-size:16px; margin:0; padding:0;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;} #sidebar #categoriesside, #navmenu {list-style:none; margin:0; padding:10px 0; border:3px #fff solid; display:block; background:#eee;} #sidebar #categoriesside li, #navmenu li {display:block; margin:0; padding:0;} #sidebar #categoriesside li a, #navmenu li a {color:#0b123e; font-size:12px; line-height:normal; font-weight:bold; text-transform:uppercase; text-align:center; text-decoration:none; padding:5px; margin:0; display:block;} #sidebar #categoriesside li a:hover, #navmenu li a:hover {text-decoration:underline;} #sidebar #categoriesside ul, #navmenu ul {display:none;} #content {width:730px; float:right; margin:0; padding:0;} #content h2.title {display:block; padding:13px 20px 12px 20px; margin:0; line-height:normal; background:#1e4c99; text-align:left; font-size:16px; font-weight:bold; color:#fff;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;} #content h2.title.small {text-transform:none; font-weight:normal;} #content h2.title.red {background:red;} #content .images:after {content:''; clear:both; display:table;} #content .images {display:block; margin:0 0 10px 0; padding-bottom:10px; background:#fff; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} #content .images .inside {margin:0; padding:10px; background:#fff; display:block;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} .block {clear:both; text-align:left; padding:0; margin:0; background:#cacaca; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} .block .inside {padding:10px; background:#fff; display:block;border-bottom:4px #cacaca solid; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} #christmas1 {width:960px; display:block; margin:0px auto; padding:0px; background:#fff; -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow: 0px 3px 0px 0px rgba(202, 202, 202, 1);-moz-box-shadow: 0px 3px 0px 0px rgba(202, 202, 202, 1);box-shadow: 0px 3px 0px 0px rgba(202, 202, 202, 1);} #footer {display:block; margin:10px auto; width:960px; padding:0; background:#eee; border:1px #b5b5b5 solid;} #footer .inside { display:block; margin:0; padding:5px; border:3px #fff solid;} #footer .box {float:left; width:210px; display:block; margin:10px 15px 5px 5px; padding:0;} #footer .box.last {margin-right:5px; float:right;} #footer .box h3 {color:#0b123e; font-size:15px; font-weight:bold; margin:0; padding:0 0 10px; display:block; text-transform:uppercase;} #footer .box ul {list-style:none; margin:0; padding:0 0 10px; display:block; position:relative;} #footer .box ul li {margin:0; padding:0; display:block;} #footer .box ul li a {color:#837f7f; margin:0; padding:0; text-decoration:none;} #footer .box ul li a:hover {color:#837f7f; text-decoration:underline;} #footer .box p {color:#837f7f; margin:0; padding:0 0 10px; line-height:20px;} #footer .box p strong {color:#0b123e;} #footer .box p a {color:#837f7f;} #footer .box a.signup {background:#d91818; display:inline-block; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; color:#fff; text-align:center; margin:0; padding:5px 10px;} #footer .box a.signup:hover {text-decoration:underline;} #footer .box a.social {margin:0 10px 0 0; padding:0;} #footer .box a.social img {border:none;} #footer .box .social {display:none;} #tabs { width:100%; height: auto; padding:0; margin: 0 auto; overflow:hidden; clear: both; } #tabs section { display: none; padding: 10px; position: relative; margin:0; background:#fff; border-bottom:4px #cacaca solid; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #tabs .section h2 { margin-left: 15px; margin-right: 15px; margin-bottom: 10px; color: #5685bc; } #tabs .section p { margin-left: 15px; margin-right: 15px; margin-top: 10px; margin-bottom: 10px; line-height: 1.3; font-size: small; } #tabs .section ul { margin-left: 25px; font-size: small; line-height: 1.4; list-style-type: disc; } #tabs .section li { padding-bottom: 5px; margin-left: 5px;} #tabs input { display: none; } #tabs label:hover { color: #fff; cursor: pointer; text-decoration: underline; } #tabs .box { margin:0; padding:0; position: relative; } .tabNames { background:#d91818 url(https://shared1.ad-lister.co.uk/UserImages/6c6dba45-6cf4-428a-bfa1-dddb14f14092/Img/_design/head-red.jpg) right center no-repeat; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding:0 10px; } .tabNames label { display: inline-block; margin: 0; padding: 0 10px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; float:none; font-weight: normal; display: table-cell; vertical-align:middle; position: relative; text-align: center; } .tabNames label:last-child {border:none;} #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; background:#A31717 } @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: #DA1819; 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], #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 } #tab0:checked ~ section, #tab1:checked ~ section, #tab2:checked ~ section, #tab3:checked ~ section, #tab4:checked ~ section, #tab5:checked ~ section { } #tabs section, .tabNames label { padding:10px; } } .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: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%;} } *, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #header {height: auto; padding:10px} #header h1 {margin:0 auto; float:none;} #sidebar .inside {background:#fff} #slideshow img {max-width: 100%} .respMenu, .respCats, #respMenu, #respCats, #navigation ul li.cats {display:none} @keyframes fade { 0% { opacity: 0; } 11.11% { opacity: 1; } 33.33% { opacity: 1; } 44.44% { opacity: 0; } 100% { opacity: 0; } } #slideshow { position:relative; height: 307px;} #slideshow img { position:absolute; left:0; right:0; opacity:0; animation-name: fade; animation-duration: 9s; animation-iteration-count: infinite; } #slideshow img:nth-child(1) { animation-delay: 0s;} #slideshow img:nth-child(2) { animation-delay: 3s;} #slideshow img:nth-child(3) { animation-delay: 6s;} img {max-width: 100%} #footer .box a.signup {text-decoration: none} @media screen and (max-width: 980px){ #header, #christmas, #christmas1, #slideshow, #footer, #navigation, #footer .inside, #slideshow {width: 100%} #listing {width: 100%; padding:0 0 10px 0;} #footer .box {width: 25%; margin:0; padding:10px;} #footer .box.last {margin:0; width: 25%;} #footer .box p a {word-break:break-all;} #slideshow {display: none} #content {width: calc(100% - 230px)} } @media screen and (max-width:780px){ #sidebar {display: none} #content {width: 100%; float:none;} #navigation {min-height: 50px; height: auto} #navigation ul {display: none; background:#1E4C9A} #navigation ul li.cats {display: block;} #navigation ul li {float:none; height: auto; margin:0; padding:0; display: block;} #navigation ul li a {height:auto; line-height: normal; display: block; padding:10px; background:transparent;} .respCats:hover, #navigation ul li a:hover {background:#D91818; color:#fff;} .respMenu {display:block;position:relative; cursor:pointer; font-size:16px; color:#fff; font-weight:bold; text-transform: uppercase; padding:0 10px 0 40px; height:50px; line-height:50px;} .respMenu:before {display: block;content: "";border-top: 4px solid #fff;position: absolute;height: 11px; width: 20px;left: 10px; top: 15px;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: 29px;} .respCats {display: block; position: relative; padding:10px; display: block; cursor: pointer; color:#fff; text-transform: uppercase; font-size: 16px;} .respCats:after {position:absolute; width: 0; right:10px; top:20px; content:''; height: 0;border-style: solid;border-width: 10px 5px 0 5px;border-color: #fff transparent transparent transparent;} #respCats:checked ~ ul, #respMenu:checked ~ ul {display:block;} } @media screen and (max-width:720px){ #footer .box, #footer .box.last, #featured .topitembox {width:50%;} #footer .box.news {clear: both} } @media screen and (max-width:640px){ #footer .box.links {display: none} #footer .box.last, #footer .box {width: 100%} } @media screen and (max-width:500px){ #header h1 {width:90%; background-size: contain; background-position: center} } #navigation ul ul li a {padding:5px 10px; font-size:14px; font-weight:normal;}