@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/blue/blue.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=Open+Sans);
body {margin:0 !important; display:block; padding:0;}
#sidebar {display:none;}
#wrapper .inside {width:1150px; margin:0 auto;}
#wrapper {color:#333333; background-color:transparent; background-image:url(https://shared1.ad-lister.co.uk/Files/e02f2b73-fdc1-42d9-a1f8-e22a2195ce48/StaticBuilder/textures/escheresque.png); background-repeat:repeat; background-size:auto; background-position:0}
#footer {width:1150px; margin:0 auto;}
#footer.wide {width:100%;}
.block.wide .content {margin:0 auto; width:1150px;}
#page {background-color:transparent;}
#page h2 {color:undefined;}
#page h3 {color:undefined;}
#header {background-color:transparent; width:1150px; 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:1150px;}
#menu ul.navigation {margin:0 auto; display:block;}
#menu.wide {width:100%;}
#menu {width:1150px;}
#menu.wide ul.navigation {width:1150px;}
#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:#bec731}
#menu ul ul {background-color:#bec731;}
#categories ul li a {color:#222222; background:#cccccc; 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:#000000; color:#ffffff;}
#tabs .tabNames label {color:#ffffff; background-color:#b7ce1c; border-bottom-color:#eeeeee; border-right-color:#eeeeee}
#tabs .tabNames label:hover {color:#ffffff; background-color:#666666}
#tabs section {color: #000000; background-color:#ffffff;}
#tabs .content {border-color:#eeeeee}
#slideshow {width:1150px;}
#slideshow > .arrows label {box-shadow:inset 2px -2px 0 1px #eeeeee}
#slideshow > .arrows label:hover {box-shadow:inset 3px -3px 0 2px #ffffff}
#slideshow > .navigation label:after {background:#b7ce1c}
#slideshow > .navigation label {background:#eeeeee}
#slideshow ul {background:transparent;}
#slideshow ul {height:355px}
#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: 1230px){
#slideshow > .arrows {padding:0; left:0; z-index:1;}
#slideshow > .arrows label,
#slideshow > .arrows label:hover {margin:0 15px}
}
@media screen and (max-width: 1150px){
#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:#ffffff;}
#footer a {color:#000000 !important;}
/*CustomCSS*/
/* Style for "Related Items" tab */
#tab221 {
    /* Your styles here */
    background-color: #ff9900; /* Example background color */
    color: #fff; /* Example text color */
}

/* Style for "Best Sellers" tab */
#tab22 {
    /* Your styles here */
    background-color: #336699; /* Example background color */
    color: #fff; /* Example text color */
}


.grid-container {
            display: inline-grid;
            grid-template-columns: repeat(3, 1fr);
        }

        .grid-item {
            width: 100px; /* Adjust the width of each image container */
            height: 100px; /* Adjust the height of each image container */
            overflow: hidden; /* Ensure images don't overflow their containers */
        }

        .grid-item img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Maintain aspect ratio while covering the container */
        }


#footer .jti-boxInner {
  
display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
  padding:0;
}

#footer .jti-boxInner .column {
  width:100%;
  padding:0;
}

#footer .jti-boxInner .column .block {
  display:flex;
  flex-direction:column;align-items:center;}

@media screen and (max-width :767px){
  #footer .jti-boxInner {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width :480px){
  #footer .jti-boxInner {
    grid-template-columns: repeat(1, 1fr);
  }
}