@import url(https://shared1.ad-lister.co.uk/Files/e02f2b73-fdc1-42d9-a1f8-e22a2195ce48/StoreBuilder/fonts/font-awesome.css?v=4.7.0);
@import url(https://shared1.ad-lister.co.uk/Files/e02f2b73-fdc1-42d9-a1f8-e22a2195ce48/StaticBuilder/templates/computer-simple-white-lightgrey/computer-simple-white-lightgrey.css);
@import url(https://shared1.ad-lister.co.uk/Files/e02f2b73-fdc1-42d9-a1f8-e22a2195ce48/StaticBuilder/listings.css);
@import url(https://fonts.googleapis.com/css?family=Poppins|Lato);
body {margin:0 !important; display:block; padding:0;}
#btn-kcfcr:hover {color: #ffffff !important; background-color:#000000 !important}
#sidebar {display:block;}
#wrapper .inside {width:100%;}
#wrapper {color:#333333; background-color:; background-image:none; background-repeat:repeat; background-size:auto; background-position:0}
#footer {width:960px; margin:0 auto;}
#footer.wide {width:100%;}
.block.wide .content {margin:0 auto; width:960px;}
#page {background-color:;}
#page h2 {color:undefined;}
#page h3 {color:undefined;}
#header {background-color:#ffffff; width:960px; background-image: none;}
#header h1.logo a span {color:#000000;}
#header h1.logo a:hover span {color:;}
#menu {background-color:#000000; margin:0 auto; width:960px;}
#menu ul.navigation {margin:0 auto; display:block;}
#menu.wide {width:100%;}
#menu ul li[data-nav="categories"] label,
#menu ul li label,
#menu ul li a {background-color:#000000; color:#ffffff}
#menu ul li[data-nav="categories"]:hover label,
#menu ul li:hover > label,
#menu ul li:hover > a {background-color:#ffffff}
#menu ul ul {background-color:#ffffff;}
#page {padding:10px}
#categories ul li a {color:#222222; background:#ffffff; border-color: #cccccc}
#categories ul li a:hover {color:#ffffff; background:#222222;}
#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] {background:#ffffff; color:#000000;}
#tabs .tabNames label {color:#000000; background-color:#f7f7f7; border-bottom-color:#ffffff; border-right-color:#ffffff}
#tabs .tabNames label:hover {color:#000000; background-color:#ffffff}
#tabs section {color: ; background-color:;}
#tabs .content {border-color:#ffffff}
#slideshow {width:960px;}
#slideshow > .arrows label {box-shadow:inset 2px -2px 0 1px #000000}
#slideshow > .arrows label:hover {box-shadow:inset 3px -3px 0 2px #CC0033}
#slideshow > .navigation label:after {background:#000000}
#slideshow > .navigation label {background:#CC0033}
#slideshow ul {background:#cccccc;}
#slideshow ul {height:320px}
#slideshow ul li {height:100%}
#slideshow ul li img {width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
@media screen and (max-width: 1040px){
#slideshow > .arrows {padding:0; left:0; z-index:1;}
#slideshow > .arrows label,
#slideshow > .arrows label:hover {margin:0 15px}
}
@media screen and (max-width: 960px){
#footer,
#footer .inside,
#header,
#header .inside,
.block.wide .content,
#wrapper > .inside {width: 100% !important}
.show-menu {background:#000000; display:none; color: #ffffff;}
.show-menu {display:block;}
.show-menu:before {border-top: 4px solid #ffffff; border-bottom: 4px solid #ffffff; border-top: 4px solid #ffffff;}
.show-menu:after {background: #ffffff;}
#menu {display:none}
#menu ul li {float:none; width:100%; display:block;}
#menu ul li a {width:100%; display:block; padding:0 10px; display:block; line-height:40px; height:auto; text-align:left;}
#menu.wide ul.navigation {width:100%;}
#menu ul li[data-nav="categories"]:after {border-color: #ffffff transparent transparent transparent;}
#slideshow > .arrows label:before {display:none}
#slideshow ul,
#slideshow ul li {height:auto !important}
#slideshow ul li img {position:relative}
#page h1.title span {font-size:18px;}
}
#footer {background:#ffffff; color:#000000;}
#footer a {color: !important;}
/*CustomCSS*/
#header .inside {
  padding: 10px 10px 0 10px;
}

.logo.left {
  width: 20%;
}

.topArea.right {
  max-width: 80%;
  width: 80%;
}

#header .topArea {
  padding: 0 0 0 10px;
}

#header .logo {
  margin: 14px 0 0 0;
  padding: 0;
}

#header .logo a, #header .logo a img {
  margin: 0 auto;
}

#page {
  padding: 30px 10px 10px 10px;
}

#page.left #container {
  margin-bottom: 30px;
}

#header .topArea.right {
  margin: 0;
}

#header .topArea.right ul, #header .topArea.left ul {
  padding: 0 12px;
}

#menu {
  margin: 28px auto 20px auto !important;
}

#menu ul.navigation {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  width: 100%;
  /*height: 50px;*/
}

#header .topArea ul li {
  flex-grow: 1;
  flex-basis: auto;
  text-align: center;
  margin: 0;
  padding: 0;
}

#menu ul li[data-nav="categories"] label, #menu ul li a {
  display: inline;
  height: 50px;
  line-height: 50px;
  padding: 0;
}

#menu ul li:hover > a {
  color: #ffffff;
  background: #000000;
}

#sidebar {
  padding: 50px 20px 0 20px;
}

#sidebar .brands {
 text-align: center; 
}

#sidebar .brands .brand-logo {
 padding: 30px 0;
}

.top-image-buttons {
  margin-bottom: 30px;
}

.the-tabs{
 margin-top: 40px;
}

#tabs section {
  font-family: Poppins;
  font-size: 13px;
}

.tabNames label {
  font-size: 14px !important;
  font-weight: 600;  
}

.the-gallery {
  width: 40%;
}

.the-prices {
  width: 60%;
}

.the-prices .block {
  width: 96%;
}

.the-description {
 max-height: 500px;
 overflow-y: auto;
}

.question-button {
 margin-top: 20px; 
}

#Samecategoryitems4 {
  font-family: Poppins;
}

#footer {
  margin: 30px auto 0 auto;
  background-color: #000000;
  color: #ffffff;
}

.footbox .holder {
  border: none !important;
}

.footer-links .block p {
  margin: 0;
}

#btn-kcfcr:hover {
  color: #000000 !important;
  background-color: #ffffff !important;
}

#selling-points {
 padding-bottom: 18px;
 text-align: center;
 border-bottom: 8px solid #FFD43D;
 display: none;
}

.selling-point {
  font-size: 13px;
  font-family: Poppins;
  flex-grow: 1;
}

#selling-points .flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
    #selling-points {
        display: block;
    }
}

@media screen and (max-width: 960px){
  .topArea.right {width:auto;}
  #menu {margin:0 !important;}
  #menu ul.navigation {flex-direction:column;height:auto;}
  .show-menu {min-width:150px;margin-top:20px;}
  #header .topArea ul li {text-align:left;}
  .the-description {max-height:none;}
}