@import url('https://fonts.googleapis.com/css?family=Lato|Oswald:400,700');

@-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; margin:0;}

*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.owl-carousel .animated {-webkit-animation-duration: 1000ms;animation-duration: 1000ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}
@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes fadeOut { 
  0% {opacity: 1;}
  100% {opacity: 0;}
}
.owl-height {-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;position: relative;z-index: 1;}
.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot { cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0;display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel .owl-refresh .owl-item {display: none;}
.owl-carousel .owl-item {position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.owl-carousel .owl-item img {display: block;width: 100%;-webkit-transform-style: preserve-3d;}
.owl-carousel.owl-text-select-on .owl-item {-webkit-user-select: auto;-moz-user-select: auto;-ms-user-select: auto;user-select: auto;}
.owl-carousel .owl-grab {cursor: move;cursor: -webkit-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}
.no-js .owl-carousel {display: block;}
.owl-carousel .owl-item .owl-lazy {opacity: 0;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;}
.owl-carousel .owl-item img {transform-style: preserve-3d;}

#page:after,
ol:after,
ul:after,
.inside:after,
.topitemholder:after,
#header:after {content:''; clear: both; display: table;}

#header {font-family: 'Oswald', sans-serif; margin:0; padding:0; position: relative; background:#E8E8E8 url(https://shared1.ad-lister.co.uk/UserImages/1a181675-9bae-4982-9f1f-221715da7227/Img/_design/new/gradient.jpg) center top repeat-x;}
#header .bg > .inside {padding:5px 0;}
#header .bg {background:url(https://shared1.ad-lister.co.uk/UserImages/1a181675-9bae-4982-9f1f-221715da7227/Img/_design/new/header_bg.jpg) center top no-repeat;}
#header h1 {float:left; margin:0; padding:0;}
#header h1 a {display: block; margin:0; padding:0; outline: none}

#header .rightTop {float:right; margin:0; padding:60px 0 0 0;}
#header .rightTop h5 {float:left; font-weight: bold; position: relative; top: -15px; font-size: 60px; color:#1A518A; margin:0; padding:0;}
#header .rightTop ul {clear:both; list-style-type: none; margin:0 0 10px 0; padding:0;}
#header .rightTop ul li {float:right; margin:0 0 0 20px; padding:0;}
#header .rightTop ul li a {text-decoration: none; line-height: 40px; background:#1A518A; color:#fff; display: block; padding:0 30px; font-size: 14px; font-weight: normal;}
#header .rightTop ul li:last-child {margin:0;}
#header .rightTop ul li a:hover {text-decoration: underline;}
#header .rightTop ul li img {vertical-align: middle; margin:0 10px 0 0;}

#header #search {float:right;height:60px; width:560px; border:1px #ddd solid; background:#fff; position: relative; margin:0 0 50px 0; padding:0;}
#header #search form {height: 100%; width: 100%; display: block;}
#header #search .v4sbox {font-size:13px; width: 100%; outline:0; height: 100%; display: block; color:#222; border:0; padding:0 70px 0 10px; line-height: 60px;}
#header #search #gosrc {width:60px; height:60px; border:0; text-indent: -9999px; position: absolute; right:-1px; top:-1px; display: block; background:#1A518A url(https://shared1.ad-lister.co.uk/UserImages/1a181675-9bae-4982-9f1f-221715da7227/Img/_design/new/search.png) center no-repeat; outline: none; cursor:pointer;}
#header #search #gosrc:hover {background-color:#666;}

#menu {display: block; margin:0; padding:0; clear: both; background:#666;}
#menu ul {list-style-type: none; display: table; padding:0;}
#menu ul li {display: table-cell; margin:0; padding:0;}
#menu ul li a {font-weight:normal; text-decoration: none; font-size:16px; line-height: 50px; margin:0; text-align: center; padding:0; display: block; color:#fff; text-transform: uppercase;}
#menu ul li a:hover {background:#3D3D3D; text-decoration: none}
.respMenu,
#respMenu {display: none}

.threeIcons {background:#1A518A; margin:0; padding:0;}
.threeIcons ul {list-style-type: none; padding:0; text-align: center;}
.threeIcons li {float:left; font-size:20px; display:block; margin:0; padding:0; width: 33.333%; text-align: center; line-height: 50px; color:#fff;}
.threeIcons li img {vertical-align: middle; margin:0 15px 0 0;}

#brands {margin:0; padding:10px 0 0 0; font-family: 'Oswald', sans-serif;}
#brands h2 {font-size: 20px; display: block; margin:0; padding:10px 0; font-weight:normal; color:#3d3d3d;}
#brands .topitembox {background: #1A518A; padding:10px;}
#brands p {margin:0;}
#brands .topitemtitle2 {font-size:16px;}
#brands .topitemtitle2 a {color:#fff; text-transform: uppercase; text-align: center; display: block; margin:0; padding:10px 0 0 0;}
#brands .topitemtitle2 a:hover {text-decoration: none}
#brands .topitembox:hover {background:#ccc;}
#brands .owl-dots {display: none}
#brands .owl-controls {position: absolute; right:0; top:-33px;}
#brands .owl-nav div {width: 0; margin:0 0 0 5px; text-indent: -9999px; float: left;height: 0;border-style: solid;border-width: 10px 8px 10px 0;border-color: transparent #ccc transparent transparent;}
#brands .owl-nav .owl-next {width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 8px;border-color: transparent transparent transparent #ccc;}

#slideshow {margin:0; padding:0;}
#slideshow .owl-controls,
#slideshow .topitemtitle2 {display: none}
#slideshow p {margin:0;}

#offers,
#bestSellers {font-family: 'Oswald', sans-serif; font-size:14px; margin:0; padding:20px 0;}
#offers h2,
#bestSellers h2 {font-size: 20px; font-weight: bold; color:#3d3d3d; display: block; margin:0 0 20px 0; padding:0; text-align: center;}
#offers .topitembox,
#bestSellers .topitembox {float: left; width: 25%; margin:0; padding:0; text-align: center}
#offers .topitembox.it5,
#offers .topitembox.it9,
#offers .topitembox.it13,
#offers .topitembox.it17,
#offers .topitembox.it21,
#offers .topitembox.it25,
#offers .topitembox.it29,
#offers .topitembox.it33,
#offers .topitembox.it37,
#offers .topitembox.it41,
#offers .topitembox.it45,
#offers .topitembox.it49,
#offers .topitembox.it53,
#offers .topitembox.it57,
#offers .topitembox.it61 {clear: both;}
#offers .topitemeffect,
#bestSellers .topitemeffect {width: 100%; display: block; height: 200px; position: relative; text-align: center;}
#offers .topitemeffect img,
#bestSellers .topitemeffect img {max-width:100%; max-height:100%; margin:auto; left:0; top:0; right:0; bottom:0; position: absolute; padding:0;}
#offers .topitembox p,
#bestSellers .topitembox p {margin:0 10px;}
#offers .topitemtitle2,
#bestSellers .topitemtitle2 {margin:0; padding:10px 0;}
#offers .topitemtitle2 a,
#bestSellers .topitemtitle2 a {color:#000;}
#offers .topitemprice2,
#bestSellers .topitemprice2 {font-weight: bold; font-size: 18px;}
#offers .btn,
#bestSellers .btn {display: block; margin:0; padding:10px 0; text-align: center;}
#offers .btn a,
#bestSellers .btn a {display: inline-block; padding:0 30px; font-size: 16px; font-weight: normal; line-height: 40px; background:#1A518A; color:#fff; }

#twoBanners {margin:0; padding:0;}
#twoBanners .topitembox {float: left; position: relative; font-family: 'Oswald', sans-serif; }
#twoBanners .topitembox.it2 {float: right}
#twoBanners .topitembox p {margin:0;}
#twoBanners .topitembox .topitemtitle2 {display: none}
#twoBanners .topitembox #topitemdescription {max-width:250px; position: absolute; text-align: center; left:0; top:0; padding:0; height: 100%; background:#E75F23;}
#twoBanners .topitembox.it2 #topitemdescription {background:#52B694;}
#twoBanners .topitembox #topitemdescription p {font-size: 20px; margin:0 0 10px 0; padding:0; font-weight: bold; display: block;}
#twoBanners .topitembox #topitemdescription img {max-width: 130px;}
#twoBanners .topitembox #topitemdescription a {color:#000; text-decoration: none; display: block; padding:60px 30px 0; }

#homeCats { font-family: 'Oswald', sans-serif; margin:0; padding:20px 0; display: block}
#homeCats .four .topitembox {float: left; width:295px; margin:0 20px 20px 0;}
#homeCats .four .topitembox.it4 {margin:0 0 20px 0;}
#homeCats .topitembox p {margin:0;}
#homeCats .topitembox .topitemtitle2 {line-height: 50px; text-align:center; background:#3C3C3C}
#homeCats .topitembox .topitemtitle2 a {line-height: 50px; font-weight: bold; font-size: 20px; color:#fff; margin:0; padding:0; display: block;}
#homeCats .topitembox .topitemtitle2 a:hover {text-decoration: none}
#homeCats .topitembox:hover .topitemtitle2 {background:#1B5188;}
#homeCats .two .topitembox {float: left; margin-bottom:20px}
#homeCats .two .topitembox.it2 {float: right;}
#homeCats .three .topitembox {float:left; width: 400px; margin:0 20px 0 0;}
#homeCats .three .topitembox.it3 {margin:0;}

#CentralArea {width: 1240px;}

.stBadge {min-width: 0}
#TopPromoArea,
.stBadge > img {display: none}
.gh-banner-active #gh {margin:40px auto 0 auto;}
#gh,
.tb_v4bc,
#glbfooter,
.stBadge,
.inside,
#page,
.mainTable {width: 1480px; margin:0 auto;}

#glbfooter {border:0;}

#sidebar,
#LeftPanel {width: 220px;}
#LeftPanel table.v4acpcont {display: none}
#LeftPanel table.v4acpcont:first-child {display: table}

.lcat .link br {height: 0; display: none}
.lcat .link a,
.lcat a.all_cats {padding:5px 20px 0; color:#fff;}

/* default category */
.r3_c,
.grid td.left {border:0;}
.r3_cm,
.rs-pview {padding:0;}
div.fpcc {padding:0 0 5px 0;}
.ctrlbr {padding:5px 0;}
.bp {padding-bottom:0}
.tp {padding-top: 0}
.r3_bl,
.r3_t,
.lcat .cnt,
table.v4acp tr.v4acp_head td.v4accent,
table.v4acp td.v4baccent,
table.v4acp tr.v4acp_head td.v4hspacer,
table.v4acp td.v4vspacer,
div.itemseparator {display: none}
td#CentralArea div.dynpg {padding:10px 0;}
table.gallery div.ttl {padding-bottom: 10px}
.lcat li a,
span.pdmt .cur,
.lcat .ttl a,
table.gallery div.ttl a {color:#000;}
.cmpBr {background:transparent; height: auto; border-bottom-color: #e8e8e8}
.cmpBr:after {content:''; clear: both; display: table}
.cmsg {padding:5px 0;}
.lcat .lev2 {padding:0; list-style-type: none;}
table.v4midBox {border:0;}
table.v4midBox tr.v4acp_mid td.v4mid {background:#1A518A !important; padding:0 0 10px}
table.v4acp tr.v4acp_head td.v4title {padding: 0; margin:0; background:#fff !important;}
table.v4acp tr.v4acp_head td.v4title h2 {display: block; font-size: 16px; font-family: 'Oswald', sans-serif; padding:10px 0; margin:0; text-transform: uppercase; font-weight: normal; color:#333;}
.cmsg a#v4-93,
.fpcc .countClass,
td#CentralArea div.v4stabl a {color:#1A518A;}
div.lcat {width: 100%}
.lcat li {margin:0 !important}
.lcat li a {padding:5px 20px; display: block; color:#fff;}
.lcat .lev2 li a:hover,
.lcat .lev2 li span,
.lcat .lev2 li a {padding-left:30px;}
.lcat li a:hover,
.lcat li span {padding:5px 20px; display: block; color:#fff; text-decoration: underline}
.lcat .ttl {padding:5px 20px; color:#fff; display: block; margin:0;}
.lcat .ttl a {display: block;}
.lcat .ttl:hover {color:#999;}
.lcat .ttl:hover a {text-decoration: underline; color:#fff;}
/* end defs */

table.JA_IS {width:100%; font-size:14px; margin:0 0 10px}
table.JA_IS tr.even {background:#F9F9F9;}
table.JA_IS tr td {padding:5px;}
table.JA_IS tbody tr:hover {background:#F5F5F5;}

table.JTI_feedback {text-align:left; width:100%; font-size:14px; }
table.JTI_feedback tr.odd {background:#F9F9F9;}
table.JTI_feedback .JTI_FeedbackRow td {padding:5px;}
table.JTI_feedback .JTI_FeedbackRow:hover {background:#F5F5F5;}
table.JTI_feedback .JTI_FeedbackHead {border-bottom:1px #ccc solid; font-weight: bold;}
table.JTI_feedback .JTI_FeedbackHead td {padding:5px;}

#listing {font-family: 'Oswald', sans-serif; margin:0; padding:0; }

#page {display: block; padding:20px 0;}

#sidebar {float: left; margin:0; padding:0;}
#sidebar h2 {font-size: 16px; font-weight: normal; color:#333; padding:10px; background:#fff; display: block; margin:0;}
#sidebar ul {font-family: 'Lato', sans-serif;  background:#1A518A; list-style-type: none; margin:0; padding:10px 0;}
#sidebar ul ul {display:none;}
#sidebar ul li {font-size:13px; display: list-item; margin:0; padding:0;}
#sidebar ul li a {text-decoration: none; color:#fff; display: block; margin:0; padding:5px 10px;}
#sidebar ul li a:hover {text-decoration: underline;}

#container {float: right; width: 1240px; padding: 0; font-size: 14px; font-weight: normal;}

#container .desc {font-family: 'Lato', sans-serif; float:right; width: 720px; font-size: 14px; font-weight: normal; margin:0 0 20px; padding:0;}
#container .desc h2.title {font-family: 'Oswald', sans-serif; display: block; margin:0 0 20px 0; padding:0; font-size: 18px; font-weight: bold; color:#000;}
#container .price {font-size:18px; font-weight: bold; color:#E01317; }

#container .buy {font-family: 'Oswald', sans-serif; background:#E01317; display: inline-block; color:#fff; padding:0 50px; line-height: 40px;font-size: 16px; font-weight: normal; text-decoration: none;}
#container .buy:hover {text-decoration: underline;}

#feedback,
#related {font-family: 'Lato', sans-serif; margin:0 0 20px 0; padding:0; border:1px #ddd solid; display: block; padding:10px; text-align: center;}
#feedback h2,
#related h2 {font-family: 'Oswald', sans-serif; margin:0 0 20px 0; font-size: 20px; color: #3d3d3d; display: block; padding:0; }

.product {display:block; position: relative; margin: 0; padding: 0}
.product:after {content: ''; clear: both; display: table}
.product .prod {float: left; width:25%; display: block; padding:5px; text-align:center;}
.product .prod.it5 {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 {font-weight:normal; font-size:14px; 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 {font-size: 18px;}
.product .prod .price p {color:#000; margin:0; padding:0}
.product .prod .btn {text-align: center; margin:0; padding:10px 0; }
.product .prod .btn a {display: inline-block; text-decoration: none; padding:0 50px; line-height:40px; color:#fff; background:#1A518A;}
.product .prod .btn a:hover {text-decoration: underline;}

#container .gallery {width:500px; float: left; position:relative;padding-top:400px !important; display:block; margin:0 auto 20px;}
#container .gallery:after {content:''; clear: both; display: table;}
#container .gallery > img {position:absolute; left:0; top:0; transition:all .5s; max-width:100%; margin:auto; right:0; max-height:380px; padding:0px;}
#container .gallery input[name='slide_switch'] {display:none}
#container .gallery label {margin:0; padding:0; float:left; border:1px solid #999; background:#fff;  cursor:pointer; width:160px; height:120px; position:relative;}
#container .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%;}
#container .gallery > input[name='slide_switch']:checked+label {border-color:#666;opacity:1}
#container .gallery > input[name='slide_switch'] ~ img {opacity:0;transform:scale(1)}
#container .gallery > input[name='slide_switch']:checked+label+img {opacity:1;transform:scale(1)} 

#tabs {
    width:100%;
    height: auto;
    padding:0;
    margin:0 auto 20px;
    overflow:hidden;
    clear: both;
}
#tabs section {
    display: none;
    padding: 10px;
    position: relative;
    margin:0;
    border:1px #ddd solid;
    font-family: 'Lato', sans-serif;
}
#tabs input {
    display: none;
}
#tabs label:hover {
    background: #1A518A;
    cursor: pointer;
}
#tabs .box {
    margin:0;
    padding:0;
    position: relative;
}
.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;
    background:#666;
    vertical-align:middle;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}
#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:#1A518A;
}