/* jQuery-UI Overrides */
.ui-widget {font-size:.9em;font-family:Roboto,Arial,sans-serif;}
.ui-widget-header {background-size:100% 100%;}
.ui-menu .ui-menu-item a {font-size:1em;}
.ui-accordion-header {font-size:1.1em;color:#000;font-weight:400;text-shadow:1px 1px #fff;}
.ui-accordion-content p {margin:0 0 1.5em 0;}
.ui-accordion .ui-accordion-content {padding:2% 2% 0 2%;}
					
BODY {font-family:Roboto, Arial, system-ui, sans-serif;background-image:url('');background-color:#ffffff;margin:0;font-size:100%;
transition: all .3s ease 0s;}
BODY.admin {font-family:Roboto, Arial, system-ui, sans-serif;font-size:100%;background-image:url('');background-color:#222326;margin:0 0 0 0;}
FORM {padding:0;}

/* Links */
a:link {color:#3333ff;text-decoration:none;font-family:Roboto, Arial, system-ui, sans-serif;}
a:visited {color:#3333ff;text-decoration:none;font-family:Roboto, Arial, system-ui, sans-serif;}
a:hover, a:focus-visible {color:#3333ff;text-decoration:none;font-family:Roboto, Arial, system-ui, sans-serif;}

/* html5 elements */
header, footer, nav, main, figure, figcaption {display:block;} /* for old browsers */
section, aside, article {display:block;float:left;width:100%;} /* for old browsers */
figure {display:block;float:left;width:100%;padding:0;margin:0;} /* for old browsers */

html {scroll-behavior:smooth;}

hr {color:#CCC;}
.breadCrumb {font-size:.915em;}
.top-header-wrapper {width:100%;background:url(attachments/basalt_tile.jpg);}
header {margin:0 auto;padding:0;width:100%;max-width:1336px;}
.top-header {padding:2% 0 .5% 0;float:left;width:100%;}
.phone-toll-free {color:#fff;font-size:1.25em;font-weight:700;text-shadow: 1px 1px #22272b;width:100%;text-align:center;margin-bottom:.5em;}
.phone-toll-free a {color:#fff;}
.top-header-logo {float:left;text-align:center;width:22%;margin-top:2%;}
.top-header-logo a {display:block;}
.top-header-logo img {width:75%;height:auto;}
.top-header-main {float:left;text-align:left;width:78%;height:100%;margin-top:2%;}
.motto {float:left;color:#fff;font-size:3.7vw;font-family:'Allura',serif;line-height:1.5em;text-shadow:3px 3px 3px #000;margin:.5em 0 0 3%;width:97%;}
.mid-site-wrapper {background:url(attachments/white-paper-texture.jpg);width:100%;overflow-x:clip;}
.mid-wrapper {text-align:left;max-width:1336px;margin:0 auto;box-shadow: rgba(110, 117, 123, 0.2) 0px 8px 24px;background:#fafafa;}
.upper-footer-wrapper {width:100%;background:#174a23;box-shadow:inset 0 14px 14px -14px #111;}
.stores-wrapper {text-align:left;padding:1em 1.25% 0 1.25%;max-width:1336px;margin:0 auto;box-sizing:border-box;}
.stores-wrapper .stores {width:33.33%;height:auto;padding:0 1.4% 1em 1.4%;float:left;position:relative;box-sizing:border-box;}
.stores-wrapper .stores h1 {float:left;margin:0;font-size:clamp(.75em, 2vw, .9em);color:#efefc3;font-weight:700;letter-spacing:.1em;text-shadow:1px 1px #22272b;border-bottom:1px solid #9ACD32;width:100%;height:1.3em;}
.stores-wrapper .stores h1.bby::after {content:"BURNABY RETAIL YARD";margin-left:-.25em;}
.stores-wrapper .stores h1.squ::after {content:"SQUAMISH SAW SHOP";margin-left:-.25em;}
.stores-wrapper .stores h1.abby::after {content:"ABBOTSFORD RETAIL YARD";margin-left:-.25em;}
.stores-wrapper .stores p {float:left;margin:.8em 8% 0 0;color:#fff;font-size:.915em;font-weight:400;}

.stores-wrapper .stores p.map {float:left;color:#fff;font-size:.915em;font-weight:400;position:relative;margin-right:0;width:100%;}
.stores-wrapper .stores p.map a {color:#fff;font-weight:400;margin-left:1.8rem;}
.stores-wrapper .stores p.map a::before {content:'';position:absolute;left:-1%;top:-.5em;background-image:url(attachments/icon-set.svg);background-position:-180px 0;width:29px;height:29px;transform:scale(.8)}
.stores-wrapper .stores p.map a:hover::before {background-position:-180px -30px;}
.stores .holiday-hours {font-size:.9em;font-weight:700;margin:1em 0 .5em 0;float:left;clear:both;}
.stores .holiday-hours a {padding:.4em;border-radius:4px;letter-spacing:.5px;color:#fff;text-shadow:1px 1px #000;border:1px solid transparent;background-color:#dd0000;transition:.5s ease;border-bottom:1px solid #000;}
.stores .xmas a {background-image:url(attachments/xmas-bg.jpg);}
.stores .holiday-hours a:hover {filter:drop-shadow(0 0 .3em #fff);}
.stores-wrapper p.store-hours-abby {font-size:.915em;font-weight:400;width:100%;position:relative;}
.stores-wrapper p.store-hours-abby::before {content:'\1F553';position:absolute;left:-1.5em;font-size:1.5em;top:-.5em;}
.stores-wrapper p.store-hours-bby {font-size:.915em;font-weight:400;width:100%;position:relative;}
.stores-wrapper p.store-hours-bby::before {content:'\1F554';position:absolute;left:-1.5em;font-size:1.5em;top:-.5em;}
.stores-wrapper p.store-hours {font-size:.915em;font-weight:400;width:100%;}

.footer-wrapper {width:100%;background:url(attachments/basalt_tile.jpg);box-shadow:inset 0 14px 14px -14px #000;}
.footer {width:100%;max-width:1336px;margin:0 auto;box-shadow:inset 0 14px 14px -14px #222;padding:0 .8%;box-sizing:border-box;}
.footer .col {text-align:left;width:16.66%;float:left;padding:1% 0 0 2%;box-sizing:border-box;}
.footer .col .heading,.footer .social .heading,.footer .credit-cards .heading {font-size:.8em;color:#efefc3;font-weight:700;letter-spacing:.1em;text-shadow:1px 1px #22272b;width:100%;margin:.5em 0 .75em 0;}
.footer .col ul {list-style-type:none;margin:0;padding:0;}
.footer .col ul li {font-size:.915em;font-weight:400;}

.footer .col ul li a {color:#ebebeb;position:relative;padding:5px 0;display:inline-block;}
.footer .col ul li a::after {width:0;position:absolute;left:0;bottom:3px;content:"";height:1px;background:#888;-webkit-transition:0.5s;transition:0.5s;}
.footer .col ul li a:hover {color:#fff;}
.footer .col ul li a:hover::after {width:100%;}
.footer .col ul li a:visited {color:#fff;}

.footer .credit-cards {text-align:left;width:14.66%;float:left;padding:1% 0 0 2%;}
.footer .credit-cards ul {float:left;list-style-type:none;margin:-.2em 0 0 0;padding:0;}
.footer .credit-cards ul li {float:left;width:48px;height:30px;margin:5px 5px 3px 0;}
.visa-logo,.mastercard-logo,.amex-logo,.unionpay-logo,.interac-logo {background-image:url(attachments/credit-card-logos.svg);background-repeat:no-repeat;}
.visa-logo {background-position:0px 0px;}
.mastercard-logo {background-position:-48px 0px;}
.amex-logo {background-position:-96px 0px;}
.unionpay-logo {background-position:-144px 0px;}
.interac-logo {background-position:-192px 0px;}
.dark-shadow {filter:drop-shadow(0 0 .25em #000);}
.light-shadow {filter:drop-shadow(0 0 .35em #fff);}
.footer .social {width:14.66%;text-align:left;float:left;padding:1% 0 0 2%;}
.footer .social ul {float:left;list-style-type:none;margin:-.2em 0 0 0;padding:0;}
.footer .social ul li {float:left;display:block;margin:0;padding:3px 5px 2px 0;}
.footer .social ul li a {float:left;width:29px;height:29px;background-image:url(attachments/icon-set.svg);background-repeat:no-repeat;}
.footer .social ul li a:hover {width:29px;height:29px;}
.footer-copyright {font-size:12px;color:#efefc3;text-align:center;padding:1em 0 1.5em 0;float:left;width:100%;}

.back-button {float:left;margin-top:1em;}
.arrowed {border-bottom:1px solid #000;width:93.6%;text-align:left;padding:.75em 0;box-sizing:border-box;margin:0 3.2%;}
.arrowed a:first-child {padding-left:0;}
.arrowed a {padding:.25em;text-decoration:none;color:#2d2d2d;}
.arrowed a:hover {color:#000;}
.arrowed a:last-child {display:none;}
.current-item {padding:.25em;display:inline;display:none;}
.product_description {padding:0;}
div.product_versions {border:0px solid #CCC;height:200px;width:500px;overflow:auto;margin-top:10px;}
.product_versions th {background-color:#ccc;}
.product_versions td {background-color:#eee;}
input.product_quantity {font-weight:700;font-size:.9em;width:5em;line-height:1.2;padding:0 3px 0 3px;vertical-align:middle;text-align:right;}

h1 {font-size:1.8em;color:#47535b;}
h2 {font-size:1.6em;color:#47535b;margin-top:0;}
h3 {font-size:1.4em;color:#47535b;margin-top:0;}
h4 {font-size:1.2em;color:#47535b;}
h5 {font-size:1em;color:#47535b;}
h6 {font-size:.8750em;color:#47535b;}
dt {font: bold 1em Roboto,serif;color:#3d474e;text-transform:lowercase;}
dd {font-size:.875em;margin-bottom:3px;}

#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;}
#jquery-lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;margin:0 auto;max-width:100%;height:100% !important;}
#lightbox-container-image{padding:10px 0 0 0;margin:0 2%;}
#lightbox-container-image img {max-width:100%;}
#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:99;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;max-height:100%;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:.625em Verdana,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;max-width:100%;padding:0 10px;}
#lightbox-container-image-data{padding:0 1em;color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;margin-top:1em;}
#lightbox-image-details-caption{font-weight:700;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em;}
#lightbox-secNav-btnClose{width:66px;float:right;padding:0 2% .7em .5em;position:relative;right:0;margin-top:1em;}

ul.top-header-links {float:left;margin:0 0 0 3%;width:84%;height:2.5em;font-size:95%;padding:0;list-style:none;position:relative;}
ul.top-header-links li {float:left;line-height:1.5em;display:block;height:1.5em;}
ul.top-header-links li.contacts:hover .contacts-menu {display:block;visibility:visible;opacity:1;transition:all .5s ease .4s;}
ul.top-header-links li .contacts-menu {font-family:'Roboto Condensed',sans-serif;z-index:100;position:absolute;background:#333;width:100%;left:0;visibility:hidden;opacity:0;line-height:1;
text-align:left;top:1.5em;overflow:hidden;}
ul.top-header-links li .contacts-wrapper {padding:2.5%;display:flex;flex-wrap:wrap;margin:0 auto;}
ul.top-header-links li .contacts-wrapper .close:before {content:url(attachments/close-button.svg);}
ul.top-header-links li .contacts-wrapper .close {position:absolute;border:0;outline:none;bottom:3%;right:2%;background:none;cursor:pointer;}
ul.top-header-links li .contacts-menu a {font-weight:700;color:#9acd32;text-shadow:3px 3px 3px #000;}
ul.top-header-links li .contacts-menu a::after {content:''}
ul.top-header-links li .contacts-menu a:hover {color:#9acd32;}
ul.top-header-links .contacts-menu h4 {margin:0 0 .5em 0;font-size:100%;color:#fff;}
ul.top-header-links .contacts-menu p {color:#fff;font-size:100%;line-height:1.1;}
ul.top-header-links .contacts-menu p.closed {color:#fff;background:#dd0000;margin-left:-2%;padding:2%;width:98%;}
ul.top-header-links .contacts-menu p.holiday-hours {background:#dd0000;padding:.5em;border-radius:4px;display:inline;}
ul.top-header-links .contacts-menu p.holiday-hours a {letter-spacing:.5px;color:#fff;text-shadow:1px 1px #000;}

ul.top-header-links li::after {content:"|";font-size:140%;margin:.2em;color:#888;}
ul.top-header-links li.last-item::after {content:"";}
ul.top-header-links li a {color:#fff;font-family:'Roboto Condensed',sans-serif;}
ul.top-header-links li a:hover {text-decoration:underline;}
ul.top-header-links span {color:#888;font-size:140%;}

.maple-leaf {width:max(2.2rem, 7%);float:right;margin-bottom:.5em;margin-top:-1%;border:transparent;background:none;cursor:pointer;padding-right:2%;}
dialog {z-index:11;display:none;max-width:50ch;box-shadow:0 10px 10px 0px #222;border-radius:.5rem;animation-name:vanish;animation-duration:1.2s;}
dialog[open] {display:block;animation-name:appear;animation-duration:1.2s;}
dialog[open]::backdrop {background-color:rgba(0,0,0,0.7);}
@keyframes appear {from {opacity:0;} to {opacity:1;}}
@keyframes vanish {from {display:block;opacity:1;} to {display:none;opacity:0;}}
.modal-content {width:100%;}
.modal-header {color:red;font-size:2em;font-family:'Times New Roman';font-weight:700;}
.modal-content p {line-height:1.4em;}
.modal-close-button {cursor:pointer;}

.search-wrapper {float:right;width:74.8%;margin-right:2%;clear:both;}
.search {position:relative;width:70%;float:right;font-size:1em;}
.search_field {float:right;width:72%;color:#666;border:0;padding:0 0 0 7px;height:2em;border-radius:.3125em;box-shadow:inset #ebebeb .2em .2em .3em;margin-right:16px;}
.search_button {width:32px;padding:0;height:32px;border-radius:50%;position:absolute;right:0;top:-0.2em;outline:none;background-image:url(attachments/icon-set.svg);}
.search_button:hover {cursor:pointer;}

nav {width:100%;float:left;text-align:center;box-sizing:border-box;height:2.8em;position:relative;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
nav ul {position:relative;top:0;z-index:99;list-style:none;margin:0;padding:0;line-height:2.7em;float:left;width:100%;font-weight:700;letter-spacing:1.2%;}
nav ul li {display:inline-block;text-shadow:3px 3px 3px #000;}
nav ul li a:link {padding:0 .75em;position:relative;color:#fff;display:block;font-size:.75em;text-decoration:none;transition:color 0.5s ease;font-family:'Roboto Condensed',sans-serif;}
nav ul li a:visited {color:#fff;}
nav ul li:hover {background:#2d2d2d;margin-top:0;}
nav ul li:hover a {color:#9acd32;}
nav ul li ul li a:visited {color:#fff;}

nav ul li:hover .submenu {display:block;visibility:visible;opacity:1;transition:all .5s ease .4s;border-radius:0 0 .5em .5em;}
nav ul li .submenu {position:absolute;background:#2d2d2d;width:100%;margin:0;left:0;visibility:hidden;opacity:0;line-height:1.1;text-align:left;top:100%;overflow:hidden;box-shadow:0 16px 12px -12px #000;}
nav ul li .submenu-wrapper {padding:1% 2% 1.5% 2%;float:left;}
nav ul li .submenu-column-wrapper {width:100%;margin-right:0;display:flex;flex-wrap:wrap;}
nav ul li .submenu-column-wrapper .column-1-5 {width:17.94871%;margin-right:2.56411%;box-sizing:border-box;}
nav ul li .submenu-column-wrapper .column-1-5:last-child {margin-right:0;}
nav ul li .submenu-column-wrapper .vertical-rule {border-right:1px solid #555;}
nav ul li .submenu h4 {text-shadow:none;color:#fff;margin:0;letter-spacing:.1em;font-size:90%;font-family:'Cinzel',serif;font-weight:400;line-height:29px;width:100%;}
nav ul li .submenu p {color:#fff;font-size:.875em;text-shadow:none;font-weight:400;letter-spacing:0;}
nav ul li .submenu p.store-hours {font-size:.75em;padding-bottom:.6em;}
nav ul li .submenu .submenu-thumbs {letter-spacing:0;font-weight:400;text-shadow:none;float:left;width:100%;text-align:center;border-bottom:1px solid #555;margin-bottom:1.5%;padding-bottom:1.3%;}
nav ul li .submenu .submenu-thumbs a:link,nav ul li .submenu .submenu-thumbs a:visited {color:#fff;padding:0;}
nav ul li .submenu .submenu-thumbs a:hover {text-decoration:underline #888 dashed 1px;text-underline-offset:4px;}
nav ul li .submenu .submenu-thumbs img {border:1px solid #000;width:100%;height:auto;}
nav ul li .submenu .submenu-thumbs img:hover {border:1px solid #9acd32;}
nav ul li .submenu .submenu-heading {width:100%;float:left;color:#bdbdbd;font-size:.875em;line-height:1em;font-family:'Roboto Condensed';margin:0 0 .6em -1px;
letter-spacing:.01em;cursor:default;}
nav ul li .submenu .submenu-heading.horizontal-rule {border-top:1px solid #555;margin-top:1.1em;padding-top:1.1em;}
nav ul li .submenu ul.submenu-list {line-height:.9em;letter-spacing:0;font-weight:400;}
nav ul li .submenu ul.submenu-list li {width:100%;text-shadow:none;text-align:left;}
nav ul li .submenu ul.submenu-list li:last-child a {margin-bottom:0;}
nav ul li .submenu ul.submenu-list li a:hover {text-decoration:underline #888 solid;text-underline-offset:4px;text-decoration-thickness:3px;}
nav ul li .submenu ul.submenu-list li a {font-size:.875em;color:#fff;padding:5px 0;display:inline-block;text-decoration:underline transparent solid;text-decoration-thickness:0;
transition:text-decoration 500ms ease;}
nav ul li .submenu ul.submenu-list li a.point {padding-left:1.2em;}
nav ul li .submenu ul.submenu-list li a.point::before {color:#9acd32;content:'\279c';position:absolute;left:0;}
nav ul li .submenu ul.submenu-list li a.view-all {color:#bdbdbd;font-weight:700;}
nav ul li .submenu iframe {border:0;width:100%;}
nav ul li .submenu .submenu-wrapper .close-wrap {float:right;margin-right:-4px;}
nav ul li .submenu .submenu-wrapper .close {border:0;outline:none;background:none;padding:2px;cursor:pointer;}
nav ul li .submenu .submenu-wrapper .close:before {content:url(attachments/close-button.svg);width:20px;height:20px;display:block;padding:inherit;}
nav ul li .submenu .submenu-wrapper .submenu-link {float:left;font-weight:700;margin-top:1em;width:90%;}
nav ul li .submenu .submenu-wrapper .submenu-link a:link  {padding:0;font-size:.875em;}
nav ul li .submenu .submenu-wrapper .submenu-link a:hover {text-decoration:underline;color:#9acd32;}

.hamburger{display:none;cursor:pointer;position:absolute;left:1em;padding-top:.5em;background:url(attachments/basalt_tile.jpg);outline-color:transparent;}
.bar {display:block;width:26px;height:3px;margin:4px auto;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;background-color:#fff;border-radius:3px;}
.hamburger:hover .bar{background-color:#9ACD32;}
.hamburger.active .bar:nth-child(2){opacity:0;}
.hamburger.active .bar:nth-child(1){transform: translateY(7px) rotate(45deg);background-color:#9acd32;}
.hamburger.active .bar:nth-child(3){transform: translateY(-7px) rotate(-45deg);background-color:#9acd32;}

.backbutton {background:#222;position:absolute;border:0;top:-34px;height:32px;width:32px;left:.75em;display:none;padding:.3em;}

#back-to-top-button {display:inline-block;background:url(attachments/arrow-up-white.svg) center center no-repeat #777;border-radius:4px;position:fixed;bottom:1em;right:1em;
transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:1000;width:42px;height:42px;}
#back-to-top-button:visited {background-color:#555;}
#back-to-top-button:hover {cursor:pointer;background-color:#555;}
#back-to-top-button.shown {opacity:1;visibility:visible;}

.table-responsive {width:100%;overflow-x:auto;max-width:320px;min-width:100%;scroll-snap-type:both mandatory;scrollbar-color:#9acd32 #ecf0f3;scrollbar-width:thin;overscroll-behavior-x:none;scrollbar-gutter:auto;margin-bottom:1em;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #c3c3c5), color-stop(100%, rgba(195, 195, 197, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #c3c3c5), color-stop(100%, rgba(195, 195, 197, 0)));
  background-image: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -webkit-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
  background-image: -moz-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -moz-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
  background-image: linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
  background-position: 5.7rem 0, 100% 0, 5.7rem 0, 100% 0;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 4em 100%, 4em 100%, 1em 100%, 1em 100%;
  background-attachment: local, local, scroll, scroll;}

.table-wrap {width:100%;overflow-x:auto;}
#wrapper {height:100%;margin:0;padding:0;}

.slider-button-home-L {float:left;left:0;border-radius:0 8px 8px 0;-webkit-border-radius:0 8px 8px 0;}
.slider-button-home-R {float:right;right:0;border-radius:8px 0 0 8px;-webkit-border-radius:8px 0 0 8px;}
.slider-button-home-L:hover,.slider-button-home-R:hover {color:#ADFF2F;}
.slides-logo {position:absolute;right:18px;top:18px;z-index:9;width:20%;}
.slides-logo img {width:auto;max-width:100%;height:auto;}
.headline-banner {text-align:left;font-size:1.5em;font-family:'Roboto Condensed',sans-serif;padding:1.5% 12% 1.5% 0%;text-shadow:1px 1px #fff;font-weight:700;}
/* BEGIN TINY FADER 2.02 */
#slider-wrapper {padding:0;width:100%;float:left;margin-bottom:2%;}
.slider-button-L, .slider-button-R {width:4%;cursor:pointer;font-size:1.875em;height:1.3em;line-height:1.1em;text-align:center;color:#888;
  background: url(/images/trans-dark.png);position:absolute;z-index:9;top:44%;padding:0 .1em 0 .1em}
.slider-button-L {float:left;border-radius:0 .25em .25em 0;-webkit-border-radius:0 .25em .25em 0;left:0;}
.slider-button-R {float:right;border-radius:.25em 0 0 .25em;-webkit-border-radius:.25em 0 0 .25em;right:0;}
.slider-button-L:hover, .slider-button-R:hover {color:#ADFF2F;}
.pagination-NEW {visibility: hidden;float:left;list-style:inside none;height:23px;margin:1.5% 0% 0% 2%;display:none;z-index:9;position:absolute;top:0;padding:0;}
.pagination-NEW li {float:left;cursor:pointer;height:10px;width:10px;background:url(attachments/table_trans-light.png);border-radius:6px;margin-right:4px;border:1px solid #fff;}
.pagination-NEW li:hover {background:#777;color:#000;}
li.current {background:#ADFF2F;}
#slideshow-NEW {float:left;width:100%;margin:0;padding:0;position:relative;overflow:hidden;}
#slides-NEW {width:100%;position:relative;height:323px;list-style:none;margin:0;padding:0;-webkit-border-radius:4px;border-radius:4px;}
#slides-NEW li {width:100%;margin:0;padding:0;height:323px;}
#slides-NEW li a {height:323px;}
#slides-NEW li img {width:975px;height:auto;}
#slides-NEW li .planter-color {position:absolute;bottom:0;width:100%;height:1.7em;text-align:center;}
#slides-NEW li .slide-caption {position:absolute;bottom:0;width:98%;left:0;background:rgba(255, 255, 255, 0.7);border-top:1px solid #fff;text-align:left;color:#444;font-size:.85em;padding:.5em 0 .5em 2%;}

.rotated-header {width:100%;border-collapse:collapse;font-size:.875em;margin-bottom:2%;font-family:'Roboto Condensed',sans-serif;}
.rotated-header th:first-child {width:.3%;}
.rotated-header th {height:7em;vertical-align:bottom;text-align:left;line-height:1;}
.rotated-header td:first-child {text-align:left;font-weight:700;color:#000;padding-left:5px;}
.rotated-header td {width:.1%;height:2.5em;border:1px solid #000;text-align:center;color:#ff0000;}
.rotated-header-container {width:15px;}
.rotated-header-content {width:150px;transform-origin:bottom left;transform:translateX(14%) rotate(-45deg);}
.rotated-header thead tr:first-child {background:none;}
.rotated-header tr:nth-child(odd) {background:#f1f1f1;}

.full-width {width:100%;height:auto;}
.fluid-width {width:auto;max-width:100%;height:auto;}
#slides-NEW li h3 {padding:20% 0 0 20%;width:80%;text-align:left;color:#888;font-size:1.333em;}
#slides-NEW p.video-info {text-align:left;color:#555;color:#fff;font-size:.9375em;padding-left:20%;width:168px;}

.new-ribbon {position:absolute;top:-1.2%;right:-.5%;z-index:9;background-image:url(attachments/new-ribbon.png);width:124px;height:124px;}
.new-ribbon img {float:right;width:auto;max-width:100%;height:auto;}
.new-ribbon-basic {position:absolute;float:right;width:114px;height:114px;top:-6px;right:-6px;z-index:9;}
.fader-slide {opacity:0;position:absolute;}
.fader-fade {opacity:1;-webkit-transition:opacity 1.4s;transition:opacity 1.4s;}
#content {width:736px;height:270px;padding:15px 18px 15px 18px;background:#fff;}
#content h1 {font:22px Georgia;margin-bottom:15px;color:#036;}
#caption {background:#fff;position:relative;}
#caption div {position:absolute;bottom:0;left:0;width:736px;padding:15px 18px 10px 18px;background:#000;}
#caption h2 {font:18px Georgia;margin-bottom:6px;color:#eee;}
#caption p {line-height:1.4;color:#aaa;}
.ribbon {position:absolute;top:-3px;left:-5px;z-index:11;}
.ribbon img {width:112px;height:112px;}
h1.due2-name,h1.due2-swatch-name {font-family:'Nunito Sans',sans-serif;margin:-.3em 0 0 0;color:#0079AD;font-size:2.1em;font-weight:700;line-height:1.2;text-align:center;}
h1.due2-swatch-name {text-align:left;}
h1.due2-name sup,h1.due2-swatch-name sup {margin-left:.3em;text-align:center;}
h1.due2-name sup span,h1.due2-swatch-name sup span {font-size:.6em;width:1.3em;height:1.3em;color:#fff;background:#0079AD;display:inline-block;line-height:1.35;font-weight:700;}
.due2-name-wrap {float:left;width:100%;font-size:.5em;margin:.3em 0;}

.due2-ribbon {position:absolute;top:-.1875em;left:-.1875em;z-index:11;width:100%;}
.due2-ribbon img {width:70%;height:auto;}
.due2-heading {color:#fff;background:#47535b;font-size:clamp(1em, 1.8vw, 1.2em);text-shadow:0 0 3px rgba(0,0,0,1);padding:.5em 0; font-weight:700;letter-spacing:1px;display:flex;justify-content:center;margin-bottom:1em;width:100%;}
.caption {z-index:11;display:block;position:absolute;bottom:10px;left:0;padding:.375em 0 .5em .5em;background:url(/images/trans-dark.png);
  width:100%;border-top:1px solid #000;font-size:.75em;color:#fff;text-align:left;float:left;}
.caption:hover {text-decoration:underline;color:#9ACD32;}
.small-slider-logo {position:absolute;top:2px;right:2px;width:114px;}
.category-title {display:flex;width:100%;text-shadow:1px 1px #fff;justify-content:center;align-items:center;padding:2% 0 2% 0;letter-spacing:2px;color:#404041;text-transform:uppercase;
font-size:clamp(.9em, 2vw, 1.1em);word-spacing:.1em;background-color:#fafafa;}
.category-title::before {content:'';border-top:1px solid #bdbdbd;margin-right:.625em;flex:1;}
.category-title::after {content:'';border-top:1px solid #bdbdbd;margin-left:.625em;flex:1;}

.corner-all	{-webkit-border-radius:4px;border-radius:4px;}
.corner-all-border	{-webkit-border-radius:4px;border-radius:4px;border:1px solid #000;}
.category-tagline {font-size:0.8125em;font-style:italic;line-height:1.25;border-bottom:#888 1px dotted;margin-top:2px;margin-bottom:2%;}
.category-tagline a:link,.category-tagline a:visited {color:#0000FF;}
.category-tagline a:hover {text-decoration:underline;}
.category-logo {position:absolute;left:2%;top:7%;width:35%;z-index:9;}
.category-logo img {width:auto;max-width:100%;height:auto;}
.category-logo-HUCK,.category-logo-aquascape,.category-logo-koi,.category-logo-WR,.category-logo-stonehenge,.category-logo-treasuregarden {position:absolute;left:2%;z-index:4;}
.category-logo-HUCK {width:14%;top:59.76%;}
.category-logo-HUCK img {width:auto;max-width:100%;height:auto;}
.category-logo-OASE {width:23%;right:2%;position:absolute;top:4%;text-align:right;}
.category-logo-OASE img {width:100%;max-width:100%;height:auto;}

.swatch-colours-wrapper {float:left;width:100%;display:flex;flex-wrap:wrap;column-gap:2%;}
.swatch-colours-heading {width:100%;font:bold 0.8125em Tinos,serif;letter-spacing:1px;float:left;height:1.25em;border-bottom:1px dotted #777;margin-bottom:12px;padding-bottom:0;}
.swatch-colours-x2 p,.swatch-colours-x3 p,.swatch-colours-x4 p,.swatch-colours-x5 p,.swatch-colours-x6 p,.swatch-colours-x8 p,.swatch-colours-x12 p {font-family:'Roboto Condensed',sans-serif;padding-top:.3em;margin-top:0;float:left;width:100%;}
.swatch-colours-x2 p,.swatch-colours-x3 p,.swatch-colours-x4 p {font-size:.915em;}
.swatch-colours-x5 p {font-size:.875em;}
.swatch-colours-x6 p {font-size:.75em;}
.swatch-colours-x7 p {font-size:.75em;}
.swatch-colours-x8 p {font-size:.75em;}
.swatch-colours-x12 p {font-size:.75em;}
.swatch-colours-x2 a,.swatch-colours-x3 a,.swatch-colours-x4 a,.swatch-colours-x5 a,.swatch-colours-x6 a,.swatch-colours-x8 a,.swatch-colours-x12 a {float:left;width:100%;}
.swatch-colours img:link {padding:0;}
.swatch-colours img {width:100%;float:left;border:#689940 1px solid;cursor:pointer;}
.swatch-colours-x2,.swatch-colours-x3,.swatch-colours-x4,.swatch-colours-x5,.swatch-colours-x6 {position:relative;}
.swatch-colours-x2 {width:49%;} /*--- 100% minus 2% gap = 98% / 2 ---*/
.swatch-colours-x3 {width:32%;} /*--- 100% minus 4% gap = 96% / 3 ---*/
.swatch-colours-x4 {width:23.5%;} /*--- 100% minus 6% gap = 94% / 4 ---*/
.swatch-colours-x4 h5 {margin:0;}
.swatch-colours-x5 {width:18.4%;} /*--- 100% minus 8% gap = 92% / 5 ---*/
.swatch-colours-x6 {width:15%;} /*--- 100% minus 10% gap = 90% / 6 ---*/
.swatch-colours-x7 {width:12.57%;} /*--- 100% minus 12% gap = 88% / 7 ---*/
.swatch-colours-x8 {width:10.75%;} /*--- 100% minus 14% gap = 86% / 8 ---*/
.swatch-colours-x12 {width:6.5%;} /*--- 100% minus 22% gap = 78% / 12 ---*/
.swatch-colours-x2 img:link,.swatch-colours-x3 img:link,.swatch-colours-x4 img:link,.swatch-colours-x5 img:link,.swatch-colours-x6 img:link {padding:0;}
.swatch-colours-x2 img,.swatch-colours-x3 img,.swatch-colours-x4 img,.swatch-colours-x5 img,.swatch-colours-x6 img,.swatch-colours-x12 img {width:100%;height:auto;float:left;border:#777 1px solid;box-sizing:border-box;}
.swatch-colours-x8 img {width:100%;height:auto;float:left;}
.swatch-colours-x2 img:hover,.swatch-colours-x3 img:hover,.swatch-colours-x4 img:hover,.swatch-colours-x5 img:hover,.swatch-colours-x6 img:hover,.swatch-colours-x12 img:hover {border:#689940 1px solid;}
.swatch-colours-x2 .due2-ribbon img,.swatch-colours-x3 .due2-ribbon img,.swatch-colours-x4 .due2-ribbon img,.swatch-colours-x5 .due2-ribbon img,.swatch-colours-x6 .due2-ribbon img {width:60%;height:auto;border:none;filter:drop-shadow(.15em .15em .15em #444);}
.no-border img {border:none;}
.no-border img:hover {border:none;}

.paver-swatch-wrapper {width:100%;display:flex;flex-wrap:wrap;margin:0;gap:2%;padding:0;} /* width - gap ÷ width */
.paver-swatch-wrapper li {position:relative;flex-basis:18.4%;margin-bottom:1em;font-family:'Roboto Condensed',sans-serif;font-size:.9375em;list-style:none;
animation:appear-on-scroll linear;animation-timeline:view();animation-range:entry 0% cover 18%;}
.paver-swatch-wrapper li a {float:left;width:100%;font-family:'Roboto Condensed',sans-serif;}
.paver-swatch-wrapper li .due2-ribbon img {width:60%;height:auto;border:none;filter:drop-shadow(.15em .15em .15em #444);}
.paver-swatch-wrapper li .due2-ribbon img:hover {border:none;box-shadow:none;}
.paver-swatch-wrapper li img {width:100%;height:auto;border:#000 1px solid;box-sizing:border-box;}
.paver-swatch-wrapper li img:hover {border:#689940 1px solid;box-shadow:0em 0em 1em khaki;}
.paver-swatch-wrapper li strong {color:#555;}
 
.CA-finishes {position:relative;width:90%;padding:.75em 5%;float:left;margin:0 0 -3em 0;list-style-type:none;top:-3em;background:rgba(80, 80, 80, 0.25);backdrop-filter:blur(3px);}
.CA-finishes li {float:left;width:25%;text-shadow:1px 1px #ebebeb;font-weight:700;letter-spacing:.2px;text-align:center;color:#000;}

.category-logo-WR {width:100%;height:100%;left:1%;top:60%;}
.category-logo-WR img {width:auto;max-width:100%;}
.category-logo-koi {width:120px; background: url(attachments/koi-logo-large.png) no-repeat;height:93px;top:152px;}
.category-logo-aquascape {top:70%;width:35%;}
.category-logo-aquascape img {width:100%;max-width:100%;height:auto;}

.aquascape-smart-receivers {width:100%;border-collapse:collapse;border:1px solid #808285;margin-bottom:2%;}
.aquascape-smart-receivers th {border-left:1px solid #808285;color:#fff;font-size:1.5em;font-weight:400;background:#e87434;text-align:center;padding:.5% 0;}
.aquascape-smart-receivers thead tr.sub-heading th a {color:#000;}
.aquascape-smart-receivers thead tr.sub-heading th a:hover {text-decoration:underline;color:blue;}
.aquascape-smart-receivers tr.sub-heading th:first-child {text-align:left;width:25%;}
.aquascape-smart-receivers tr.sub-heading th {color:#000;font-size:.875em;font-weight:400;background:#d1d3d4;text-align:center;padding:1%;}
.aquascape-smart-receivers td:first-child {text-align:left;padding:1%;background:#d1d3d4;font-weight:700;}
.aquascape-smart-receivers td {border-left:1px solid #808285;border-top:1px solid #808285;text-align:center;color:#000;font-size:.875em;font-weight:400;background:#fff;}
.aquascape-smart-receivers tr:nth-child(2) td,.aquascape-smart-receivers tr:nth-child(4) td {background:#E6E7E8;}
.aquascape-smart-receivers tr:nth-child(2) td:first-child,.aquascape-smart-receivers tr:nth-child(4) td:first-child {background:#d1d3d4;}
.official-dealer-aquascape {position:absolute;left:2%;color:#fff;font-style:italic;font-size:.875em;top:60%;}
.category-dark-bar,.category-light-bar {
  position:absolute;float:left;text-align:right;width:98%;padding-top:1%;padding-right:2%;font:italic 1.4em Georgia,Garamond,"Times New Roman",Times,serif;
  background: url(/images/trans-dark.png);height:14%;color:#fff;top:73.4%;left:0%;z-index:4;}
.category-dark-bar {background:url(/images/trans-dark.png);}
.category-light-bar {background: url(attachments/table_trans-light.png);}
.category-video-link {padding:0.5%;z-index:10;position:absolute;bottom:8%;background:url(attachments/table_trans-light.png);border:1px solid #000;right:2.5%;}
.category-video-link a {color:blue;}
.category-video-link:hover {background: url(attachments/table_trans-light-yellow.png);border:1px solid #174a23;}
.category-video-link a:hover {text-decoration:underline;color:#174a23;}
.category-video-link img {float:left;}
.category-video-link div {float:left;font-size:.875em;padding:4px 0 0 4px;}

.hero-img-wrap {width:107%;margin-left:-3.5%;margin-bottom:1.5%;}
.caption-box,.static-caption-box {position:absolute;bottom:0;background:rgba(10, 10, 10, 0.50);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);width:98%;
padding:1%;color:#fff;text-align:center;text-shadow:1px 1px #000;letter-spacing:.03em;font-size:clamp(.915em, 1.5vw, 1em);}
.static-caption-box {bottom:.3em;}
.category-box-link-fancy {font:2.25em/2.25em 'Allura',cursive;position:absolute;color:#fff;right:1em;text-shadow:1px 1px 1px #444;bottom:0;height:2em;}
.category-box-link-fancy:hover {color:#9acd32;height:2em;}
.category-writeup {font-family:'Tinos',serif;line-height:1.25;-webkit-columns:3 150px;-webkit-column-rule:1px solid #d3d3d3;-webkit-column-gap:2em;column-rule:1px solid #d3d3d3;column-gap:2em;columns:3 150px;-webkit-hyphens:auto;hyphens:auto;margin-bottom:0;clear:both;}
.category-writeup::first-letter {color:#777;text-shadow:-1px -1px #fff, 1px 1px #000;float:left;font-weight:400;font-size:325%;padding:0 .1em 0 0;line-height:.65em;margin-left:-2px;}
.category-writeup::first-line {font-weight:700;font-variant-caps:small-caps;color:#666;}
.category-writeup a:link {font-family:inherit;color:#0000FF;}
.category-writeup a:visited {color:#0000FF;}
.category-writeup a:hover {text-decoration:underline;}
.hyphenate {overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;}
.category-header {text-align:center;width:98%;padding:1%;background:#689940;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7bc32), color-stop(50%,#739622), color-stop(51%,#5c8a00), color-stop(100%,#80a424));
  background:-webkit-linear-gradient(top, #a7bc32 0%,#739622 50%,#5c8a00 51%,#80a424 100%);
  background:-o-linear-gradient(top, #a7bc32 0%,#739622 50%,#5c8a00 51%,#80a424 100%);
  background:-ms-linear-gradient(top, #a7bc32 0%,#739622 50%,#5c8a00 51%,#80a424 100%);
  background:linear-gradient(to bottom, #a7bc32 0%,#739622 50%,#5c8a00 51%,#80a424 100%);
  color:#fff;clear:both;font-size:1.1em;font-family:'Roboto Condensed',sans-serif;margin-bottom:2.5%;box-shadow:0px 4px 10px #bdbdbd;text-shadow: 2px 1px 1px #444;}
.category-image-map {position:relative;overflow:hidden;-webkit-border-radius:6px;border-radius:6px;width:100%;height:256px;}
.category-image-map a {position:absolute;top:0;height:256px;}
.category-image-map a:hover {box-shadow:inset 0 0 15px #000;}

.sticky-wrap {position:sticky;top:2.5em;background-color:#fafafa;float:left;width:100%;}
.sticky-content {background-color:#fafafa;float:left;position:relative;z-index:18;}
.sticky-heading {position:sticky;top:2.3em;z-index:16;}

.sub-category-box img {border:1px solid #d3d3d3;}
.sub-category-box img:hover {-webkit-filter:brightness(110%);filter:brightness(1.1);border:1px solid #9ACD32;box-shadow:0em 0em 1em khaki;}
.sub-category-box p a:link,.sub-category-box p a:visited  {color:#174a23;width:100%;text-align:center;height:2em;}
.sub-category-box p a:hover {text-decoration:underline;color:#47535b;}
.sub-category-swatch img {border:1px solid #d3d3d3;}
.sub-category-swatch img:hover {border:1px solid #9ACD32;box-shadow:0 0 1em #C3B091;}
.sub-category-swatch p {margin-top:0;font-family:'Roboto Condensed','Arial Narrow';font-size:.875em;}
.sub-category-swatch p a:link,.sub-category-swatch p a:visited {color:#174a23;font-family:inherit;}
.sub-category-swatch p a:visited {color:#174a23;font-family:inherit;}
.sub-category-swatch p a:hover {text-decoration:underline;color:#47535b;}
.delconca-swatch-wrap {width: 100%;float:left;border-bottom:1px dotted #47535b;margin-bottom:1em;}
.delconca-swatch img {width:99%;height:auto;border-bottom:2px solid #f8f8f8;}
.delconca-swatch img:hover {border-bottom:2px solid #00628B;}
.delconca-swatch p {margin-top:0;font-size:.8em;}
.delconca-swatch p span {color:#00628B;}
.tau-icons-wrap,.enmon-icons-wrap {width:100%;display:flex;flex-wrap:wrap;column-gap:2%;padding:0;margin:0;list-style:none;}
.tau-icons,.enmon-icons {width:18.4%;text-align:center;color:#4b4b4d;}
.tau-icons img,.enmon-icons img {width:100%;height:auto;}
.tau-icons p {line-height:1em;}
.enmon-icons p {font-size:.875em;}
.mirage-benefits {float:left;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;column-gap:5%;}
.mirage-benefits li {width:21.25%;text-align:center;}
.mirage-benefits li img {width:auto;margin-bottom:.5em;}
.mirage-benefits li p {font-family:'Roboto Condensed';line-height:1.2em;}
.mirage-benefits li p strong {color:#002e63;}

.drop-links {position:absolute;margin-top:2%;z-index:98;width:100%;}
.drop-links-heading {position:relative;background:#fff;float:left;line-height:2.5em;padding:0 .75em;letter-spacing:1px;font-size:.75em;border-radius:5px;cursor:pointer;color:#fff;}
.drop-links-wrapper {border-radius:0 5px 5px 5px;position:absolute;width:100%;box-sizing:border-box;padding:2%;left:0;line-height:1em;text-align:left;top:1.85em;
backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:rgba(235, 235, 235, .5);}
.drop-links h4 {float:left;color:#000;margin:0 0 .5em 0;letter-spacing:.1em;font-size:.875em;font-family:'Cinzel',serif;font-weight:400;width:100%;border-bottom:1px dotted #000;}
.drop-links-subheading {margin:.5em 0;font-size:.875em;font-weight:700;width:100%;border-bottom:1px dotted #000;}
.drop-links ul {float:left;padding:0;margin:0;width:100%;list-style:none;}
.drop-links li {float:left;width:23.05699%;margin-right:2.59068%;line-height:1.5em;font-size:90%;}
.drop-links li:nth-child(4),.drop-links li:nth-child(8) {margin-right:0;}
.drop-links li a {color:#000;}
.drop-links li a:hover {text-decoration:underline;}
.CollapsiblePanelOpen .drop-links-heading {border-radius:5px 5px 0 0;background:#9acd32;}
.CollapsiblePanelOpen .drop-links-heading::after {content:"";background-image:url(attachments/chevron-arrows.svg);background-repeat:no-repeat;background-size:1em 200%;background-position:.5em 100%;padding-right:2em;position:relative;top:2px;}
.CollapsiblePanelClosed .drop-links-heading::after {content:"";background-image:url(attachments/chevron-arrows.svg);background-repeat:no-repeat;background-size:1em 200%;background-position:.5em 0;padding-right:2em;position:relative;top:-3px;}
.drop-links ul.full-width-list {float:left;padding:2%;width:96%;list-style-type:square;}
.drop-links ul.full-width-list li {width:100%;}
.drop-links ul.delconca-links {width:96%;border-radius:0 5px 5px 5px;backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);background-color:rgba(255, 255, 255, .8);position:absolute;top:1.85em;padding-top:3%;}
.drop-links ul.delconca-links li {margin:0;width:33.33%;background-image:url(attachments/delconca-logos.svg);background-size:100%;background-position:0 0;height:0;padding-bottom:7%;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));}
.drop-links ul.delconca-links li:nth-child(2) {background-position:0 4.7619%;}
.drop-links ul.delconca-links li:nth-child(3) {background-position:0 9.5238%;}
.drop-links ul.delconca-links li:nth-child(4) {background-position:0 14.2857%;}
.drop-links ul.delconca-links li:nth-child(5) {background-position:0 19.0476%;}
.drop-links ul.delconca-links li:nth-child(6) {background-position:0 23.8095%;}
.drop-links ul.delconca-links li:nth-child(7) {background-position:0 28.5714%;}
.drop-links ul.delconca-links li:nth-child(8) {background-position:0 33.3333%;}
.drop-links ul.delconca-links li:nth-child(9) {background-position:0 38.0592%;}
.drop-links ul.delconca-links li:nth-child(10) {background-position:0 42.8571%;}
.drop-links ul.delconca-links li:nth-child(11) {background-position:0 47.6190%;}
.drop-links ul.delconca-links li:nth-child(12) {background-position:0 52.3809%;}
.drop-links ul.delconca-links li:nth-child(13) {background-position:0 57.1428%;}
.drop-links ul.delconca-links li:nth-child(14) {background-position:0 61.9047%;}
.drop-links ul.delconca-links li:nth-child(15) {background-position:0 66.6666%;}
.drop-links ul.delconca-links li:nth-child(16) {background-position:0 71.4285%;}
.drop-links ul.delconca-links li:nth-child(17) {background-position:0 76.1904%;}
.drop-links ul.delconca-links li:nth-child(18) {background-position:0 80.9523%;}
.drop-links ul.delconca-links li:nth-child(19) {background-position:0 85.7142%;}
.drop-links ul.delconca-links li:nth-child(20) {background-position:0 90.4761%;}
.drop-links ul.delconca-links li:nth-child(21) {background-position:0 95.2380%;}
.drop-links ul.delconca-links li:nth-child(22) {background-position:0 100%;}
.drop-links ul.delconca-links li a {text-decoration:none;position:absolute;width:100%;height:100%;}

.chevron-icon-down {background-image:url(attachments/chevron-arrows.svg) !important;background-repeat:no-repeat;background-size:12px 200%;background-position:0 0;margin-top:-12px !important;}
.chevron-icon-up {background-image:url(attachments/chevron-arrows.svg) !important;background-repeat:no-repeat;background-size:12px 200%;background-position:0 100%;margin-top:-3px !important;}

.barkman-install {float:left;width:100%;margin-bottom:2%;}
.barkman-install:last-child {margin-bottom:0;}
.barkman-new-product-wrap {float:left;width:100%;margin-bottom:2%;padding:2%;box-sizing:border-box;background:#ebebeb;font-family:'Source Sans Pro',sans-serif;}
.barkman-new-product {width:48%;float:left;padding-right:2%;}
.barkman-new-product img {width:100%;height:auto;}
.barkman-new-product-desc {width:50%;float:left;}
.barkman-new-product-desc h2 {font-size:1.25em;color:#5482ab;}
.barkman-new-product-desc p {margin-top:0;float:left;}
.barkman-new-product-desc a {float:left;background-color:#5482ab;color:#ffffff;display:block;padding:2% 4%;}

.belgard-care {float:left;width:100%;}
.belgard-care p {margin-bottom:2%;}
.belgard-care p:last-child {margin-bottom:0;}
.belgard-icon,.barkman-icon {vertical-align:middle;margin-right:9px;}

.learn-more {text-align:center;margin-bottom:1.25em;margin-top:-.5em;}
.learn-more a:link {font-size:.875em;background:#002e63;display:inline-block;padding:.5em .75em;border-radius:.1875em;color:#fff;}
.learn-more a:hover {text-decoration:underline;filter:drop-shadow(0 2px 6px rgb(0 0 0 / 0.3));}
.learn-more a:visited {color:#fff;}
.learn-more-reverse {text-align:center;}
.learn-more-reverse a:link {background:#fff;display:inline-block;padding:.5em .75em;border-radius:.1875em;color:#002e63;}
.learn-more-reverse a:hover {text-decoration:underline;background:#ffffe0;box-shadow:2px 2px 2px #000;}
.learn-more-reverse a:visited {color:#002e63;}

.news-events {width:100%;float:left;margin-bottom:2%;}
.news-events .date {font-size:.875em;font-family:Cinzel;letter-spacing:1px;margin-bottom:.5em;width:100%;}
.news-events .column {width:50%;float:left;padding:0 2.5% 0 0;box-sizing:border-box;border-right:1px solid #aaa;}
.news-events .column:last-child {padding:0 0% 0 2.5%;border-right:none;}
.news-events h3 {margin:0 0 .5em 0;font-size:1.3em;}
.news-events .content {margin:0 0 .5em 0;overflow:hidden;text-overflow:ellipsis;width:100%;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}
.read-more {float:left;background:#174a23;border-radius:.1875em;}
.read-more a:link {display:inline-block;padding:.5em .75em;color:#fff;}
.read-more a:hover {background:#9acd32;box-shadow:2px 2px 2px #000;border-radius:.1875em;color:#000;}
.read-more a:visited {color:#fff;}
.event-name {margin-bottom:.15em;font-size:1.75em;font-weight:700;}
.event-date {margin-bottom:.75em;font-size:1.25em;font-weight:400;}
.event-location {margin-bottom:.25em;font-size:1.25em;font-weight:400;}
.event-address {margin-bottom:1em;font-size:1.125em;font-weight:400;}

.acp-icon {vertical-align:middle;margin-right:4px;}
.belgard-heading,.generic-heading {float:left;width:100%;text-align:center;font:bold .875em Georgia,serif;letter-spacing:1px;margin-bottom:.75em;border-bottom:2px dotted #555;padding-bottom:2px;}
.belgard-heading {color:#002e63;}
.generic-heading {color:#555;}
.porc-heading-delconca,.porc-heading-tau,.porc-heading-enmon,.porc-heading-belgard {font-size:clamp(1em, 1.8vw, 1.2em);text-shadow:0 0 3px rgba(0,0,0,1);color:#fff;padding:.5em 0;font-family:Cinzel,serif;margin:.5em 0 1em 0;text-align:center;font-weight:700;letter-spacing:1px;margin-left:-3.5%;width:107%;}
.porc-heading-delconca span,.porc-heading-tau span,.porc-heading-enmon span,.porc-heading-belgard span {font-size:.875em;font-family:Roboto;font-weight:400;letter-spacing:normal;}
.porc-heading-delconca {background:#00628d;}
.porc-heading-tau {background:#555;}
.porc-heading-enmon {background:#234c9a;}
.porc-heading-belgard {background:#002e63;}
.special-order-heading {float:left;width:100%;text-align:center;font-size:clamp(1.8em, 3vw, 2.25em);font-family:'Allura',serif;text-shadow:2px 2px 2px #bdbdbd;word-spacing:.1em;margin-top:-.7rem;text-decoration-style:dotted;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:5px;}
.basic-heading {float:left;width:100%;text-align:center;margin-bottom:12px;border-bottom:2px dotted #555;padding-bottom:2px;font-size:.9375em;}
.decorated {display:flex;width:100%;justify-content:center;align-items:center;padding:0 0 1em 0;font-size:clamp(.9em, 2vw, 1.1em);text-transform:uppercase;word-spacing:1px;}
.decorated::before {content:'';border-top:1px solid #bdbdbd;margin-right:.625em;flex:1;}
.decorated::after {content:'';border-top:1px solid #bdbdbd;margin-left:.625em;flex:1;}

.paver-application-heading {margin-bottom:2%;color:#555;font-size:.75em;}
.paver-application,.turfstone-paver-application {padding:0;margin-top:0;display:flex;flex-wrap:wrap;}
.paver-application li {padding-right:2%;min-width:2.2em;max-width:3.2em;list-style-type:none;}
.turfstone-paver-application li {padding-right:2%;max-width:10%;list-style-type:none;}
.paver-application li img,.turfstone-paver-application li img {width:100%;}
.paver-application li p,.turfstone-paver-application li p {margin:0 0 .5em 0;text-align:center;font-size:.7125em;color:#222;font-family:'Roboto Condensed',sans-serif;}

.applications-wrap {float:left;width:100%;}
.applications-heading {float:left;width:100%;text-align:center;margin-bottom:1%;color:#555;font-size:.875em;font-weight:700;letter-spacing:.5px;}
.applications {padding:0%;margin-top:0;text-align:center;}
.applications li {padding-right:1%;width:10%;min-width:45px;list-style-type:none;display:inline-block;vertical-align:top;}
.applications li:last-child {padding-right:0;}
.applications li img {width:100%;height:auto;filter:drop-shadow(0 0 .2em #777);}
.applications li img.no-shadow {filter:none;}
.applications li p {margin:0;font-size:.75em;color:#222;font-family:'Roboto Condensed',sans-serif;}

.block-swatch {margin-bottom:.5em;}
.block-swatch p {font-size:.915em;margin-top:0;text-align:center;}
.block-swatch img {width:100%;height:auto;}
.belgard-types {float:left; margin:0 0 3% 0;padding:0;width:100%;}
.belgard-types li {float:left;margin-right:3%;padding:0;list-style-type:none;}
.belgard-types li p {margin:0;}
.belgard-pavers-table {font-size:.8em;}
.belgard-pavers-table td.belgard-pattern {width:65%;vertical-align:top;border-right:1px solid #555;}
.belgard-pavers-table td.belgard-pattern img {width:95%;margin-right:5%;}
.belgard-pavers-table td.belgard-details {vertical-align:top;padding-left:2.5%;}
.mirage-install-wrap {display:flex;background:#bcbec0;margin-bottom:2%;padding:1% 0;width:100%;}
.mirage-install {border-right:1px dotted #000;width:31.33%;padding:0 1%;display:inline-block;font-size:90%;}
.mirage-install:last-child {border-right:none;}
.mirage-install div {float:left;width:50%;margin-right:4%;}
.mirage-install div img {float:left;}
.mirage-install div img:hover {border:1px solid #174a23;}
.mirage-install a:link {color:#000;font-family:'Roboto Condensed',sans-serif;}
.mirage-install a:visited {color:#222;}
.mirage-install a:hover {text-decoration:underline;}
.mirage-install a:active {color:#333;}
.mirage-installation-wrapper {float:left;margin-bottom:1em;padding:2%;width:96%;background:#fff;}
.special-box {background:rgb(255,250,190);width:90%;padding:4% 5% 2% 5%;border:1px solid #777;}
.special-box-heading p {width:100%;color:#174a23;font:1.9em/0.8em 'Arizonia',cursive;margin:8% 0 4% 0;text-align:center;}
.special-box a:link {color:#0000FF;font-weight:700;}
.special-box a:hover {text-decoration:underline;}
.special-box p {margin:4% 0% 3% 0%;width:100%;font-size:.9375em;}
.special-box hr {background:#bdbdbd;height:0.063em;border:0;}
.pdf-thumbs-wrap {float:left;width:100%;margin:0 0 1em 0;padding:0;}
.pdf-thumbs-wrap li {float:left;width:18%;padding:1%;line-height:1.1;list-style:none;}
.pdf-thumbs-wrap li a {padding:2px 0;font-family:'Roboto Condensed',sans-serif;}
.pdf-thumbs-wrap li img {width:100%;height:auto;margin-bottom:.3em;outline:1px solid #000;}
.pdf-thumbs-wrap li img:hover {outline:1px solid #9acd32;}

.sale-heading {padding:1.25%;background:#777;text-align:center;font-weight:700;font-size:1.5em;letter-spacing:1px;font-family:Georgia,sans-serif;color:#fff;text-shadow: .063em .063em .063em #000;margin-bottom:2%;box-sizing:border-box;}
.sale-item {padding:2%;background:rgba(255, 255, 255, 0.7);height:96%;font-weight:700;width:24%;}
.sale-item-title {font-size:2em;line-height:1em;color:#FFD700;text-shadow:0.063em 0.063em 0.063em #444;padding-bottom:3%;}
.sale-item-title-small {font-size:1.5em;line-height:1;color:#FFD700;text-shadow:.063em .063em .063em #444;padding-bottom:3%;width:450%;}
.sale-item-discount {font-size:3em;text-shadow:0.063em 0.063em 0.063em #444;color:#ff0000;width:450%;}
.sale-item-discount-small {font-size:2.0em;text-shadow:0.063em 0.063em 0.063em #444;color:#ff0000;width:450%;}
.sale-item-disclaimer {font-size:1em;color:black;font-weight:400;margin-top:3%;line-height:1em;}
.sale-item-disclaimer-small {font-size:.8125em;color:black;font-weight:400;margin-top:3%;line-height:1;}
.sale-item-details {font-family:'Roboto Condensed',sans-serif;padding:2% 0 2% .5em;position:absolute;bottom:0;width:100%;height:13%;background:rgba(10, 10, 10, 0.75); font-size:.9375em;color:#fff;font-weight:400;margin-top:3%;box-sizing:border-box;}
.sale-item-button {position:absolute;bottom:3em;left:32%;background:#fff;border:1px solid #000;font-size:.875em;}
.sale-item-button a {color:#000;padding:2px 8px 2px 8px;}
.sale-item-button:hover {border:1px solid #689940;box-shadow:0 0 0.625em #fff;}
ul.sale-item-wrapper {display:block;float:left;margin:0;padding:0;width:100%;font-family:'Roboto Condensed',sans-serif;}
ul.sale-item-wrapper li {float:left;width:31.33%;margin:0 1% 2% 1%;overflow:hidden;position:relative;height:256px;border-radius:1em;border:4px solid #ff0000;box-sizing:border-box;}
.sale-block {position:absolute;bottom:11%;right:-1px;width:26%;border-radius:.5em 0 0 0;overflow:clip;}
.sale-block img {width:100%;height:auto;}

.newsletter-signup-wrapper {width:180px;padding-top:16px;margin:0 auto;}
.contact-main-content {width:100%;}
.phone {float:left;width:100%;font-weight:700;font-size:1.1em;color:#fefefe;padding:0 .250em .250em .250em;text-align:center;}
.address {float:left;width:100%;font-size:.938em;color:#fefefe;padding-bottom:0.25em;text-align:center;}
.current-hours-heading {float:left;width:100%;font-weight:700;font-size:.8em;letter-spacing:.04em;color:#9ACD32;padding:0;text-align:center;text-transform:uppercase;
  margin:.625em 0 .5em 0;border-bottom:.063em dotted #9ACD32;}
.current-hours {float:left;width:100%;font-size:.9375em;color:#fefefe;padding-bottom:.938em;text-align:center;text-transform:none;}
.main-container {float:left;width:100%;margin:0 auto;text-align:left;}
.sandblast-callout-box {width:100%;margin:.75em 0;background:#f1f1f1;float:left;;}
.sandblast-idea-bulb {margin:2%;float:left;width:12%;}
.sandblast-idea-bulb img {width:100%;height:auto;}
.sandblast-callout-text {font-family:'Roboto Condensed',sans-serif;margin:2%;width:80%;font-size:107%;float:left;}
.col-1-16,.col-2-16,.col-3-16,.col-4-16,.col-5-16,.col-6-16,.col-7-16,.col-8-16,.col-9-16,.col-10-16,.col-11-16,.col-12-16,.col-13-16,.col-14-16,.col-15-16,.col-16-16 {
  float:left;margin-right:1.33%;position:relative;clear:none;display:block;padding:0;}
.col-1-16 {width:5%;}
.col-2-16 {width:11.333%;}
.col-3-16 {width:17.666%;}
.col-4-16 {width:24%;}
.col-5-16 {width:30.333%;}
.col-6-16 {width:36.666%;}
.col-7-16 {width:43%;}
.col-8-16 {width:49.333%;}
.col-9-16 {width:55.666%;}
.col-10-16 {width:62.00%;}
.col-11-16 {width:68.333%;}
.col-12-16 {width:74.666%;}
.col-13-16 {width:81%;}
.col-14-16 {width:87.333%;}
.col-15-16 {width:93.666%;}
.col-16-16 {width:100%;margin-right:0;}

.col-1-24,.col-2-24,.col-3-24,.col-4-24,.col-5-24,.col-6-24,.col-7-24,.col-8-24,.col-9-24,.col-10-24,.col-11-24,.col-12-24,.col-13-24,.col-14-24,.col-15-24,.col-16-24,
.col-17-24,.col-18-24,.col-19-24,.col-20-24,.col-21-24,.col-22-24,.col-23-24,.col-24-24 {
  float:left;margin:0;position:relative;clear:none;display:block;padding:0;}
.col-1-24 {width:4.1666%;}
.col-2-24 {width:8.3333%;}
.col-3-24 {width:12.5%;}
.col-4-24 {width:16.666%;}
.col-5-24 {width:20.8325%;}
.col-6-24 {width:25%;}
.col-7-24 {width:29.1666%;}
.col-8-24 {width:33.3333%;}
.col-9-24 {width:37.5%;}
.col-10-24 {width:41.6666%;}
.col-11-24 {width:45.8325%;}
.col-12-24 {width:50%;}
.col-13-24 {width:54.1666%;}
.col-14-24 {width:58.333%;}
.col-15-24 {width:62.5%;}
.col-16-24 {width:66.6666%;}
.col-17-24 {width:70.8325%;}
.col-18-24 {width:75%;}
.col-19-24 {width:79.1666%;}
.col-20-24 {width:83.3333%;}
.col-21-24 {width:87.5%;}
.col-22-24 {width:91.666%;}
.col-23-24 {width:95.8325%;}
.col-24-24 {width:100%;}

.col-1-10,.col-2-10,.col-3-10,.col-4-10,.col-5-10,.col-6-10,.col-7-10,.col-8-10,.col-9-10,.col-10-10 {
  clear:none;display:block;float:left;margin-right:2.56411%;padding:0;position:relative;}
.col-1-10 {width:7.6923%;}
.col-2-10 {width:17.94871%;}
.col-3-10 {width:28.20512%;}
.col-4-10 {width:38.46153%;}
.col-5-10 {width:48.71794%;}
.col-6-10 {width:58.97435%;}
.col-7-10 {width:69.23076%;}
.col-8-10 {width:79.48717%;}
.col-9-10 {width:89.74358%;}
.col-10-10 {width:100%;margin-right:0;}
.evolution-sand-wrap {width:100%;float:left;padding:0;margin:0;list-style-type:none;}
.evolution-sand-wrap li {width:20%;float:left;}
.evolution-sand-wrap p {margin-top:0;font-size:.75em;}
.evolution-sand-wrap img {width:100%;height:auto;}
.video-gallery-container {width:100%;margin:0 auto;position:relative;z-index:0;float:left;}
.video-header {width:96%;color:#fff;background:#2d2d2d;font-size:1.2em;font-weight:700;padding:1% 2%;line-height:1.2em;margin:0 0 2% 0;border-radius:.313em;}
.video-category {margin:0;padding:0;float:left;}
.video-category li {float:left;width:33.33%;box-sizing:border-box;margin:.2em 0;list-style-type:none;position:relative;padding:0 2% 0 1em;}
.video-category li::before {content:"\00bb\20";color:red;position:absolute;left:0;font-size:1.3em;top:-.25em;}
.video-category li a {color:#000;}
.video-title {padding:1% 0% 1% 0%;width:100%;font-size:1em;font-weight:700;color:#174a23;border-bottom:2px dotted #9ACD32;}
.video-description {font-size:.875em;font-weight:400;color:#000;padding:1% 0 2.5% 0;width:100%;}
.video-thumb-description {font-size:.8125em;font-weight:700;cursor:pointer;margin:2%;text-shadow:0 1px 0 #fff;height:48px;}
.video-thumb-description:hover {text-decoration:underline;}

.video_example {width:100%;max-width:636px;height:360px;position:relative;}
.video_example iframe {width:100%;height:360px;border:0;}
.videos {margin-left:0;}
.videos .slides_container {width:100%;height:auto;float:left;}
.slides_container a {width:640px;display:block;}
.videos .next, .videos .prev {position:absolute;top:45%;width:32px;height:0;padding-top:32px;overflow:hidden;display:block;z-index:101;}
address {font-style:normal;font-size:0.875em;display:block;margin-bottom:0.5em;}
address:hover {text-decoration:underline;}

/* bxSlider */
.slider {overflow:hidden;position:relative;margin-top:1em;}
.bx-wrapper {position:relative;margin:0 auto;touch-action:pan-y;}
.bx-wrapper img {width:100%;min-width:100%;display:block;height:auto;}
.bxslider {margin:0;padding:0;}
ul.bxslider li iframe {border-width:0;}
.bx-viewport {-webkit-transform:translatez(0);}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position:absolute;bottom:-30px;width:100%;}
.bx-wrapper .bx-loading {min-height:50px;background:url(js/BXSlider/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;}
/* bxSlider pagination */
.bx-wrapper .bx-pager {text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px;}
.bx-wrapper .bx-pager.bx-default-pager a {background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-webkit-border-radius:5px;border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover {background:#000;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background:#000;}
.bx-wrapper .bx-pager.bx-default-pager a:focus {background:#000;}
.bx-wrapper .bx-pager a img {border-radius:5px;-webkit-border-radius:5px;}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block;zoom:1;display:inline;}
.bx-wrapper .bx-pager-item {font-size:0;line-height:0;}
.bx-wrapper .bx-prev {left:10px; background:url('js/BXSlider/images/controls.png') no-repeat 0 -32px;}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus {background-position:0 0;}
.bx-wrapper .bx-next {right:10px;background:url('js/BXSlider/images/controls.png') no-repeat -43px -32px;}
.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus {background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a {position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:97;}
.bx-wrapper .bx-controls-direction a.disabled {display:none;}
.bx-wrapper .bx-controls-auto {text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start {display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background: url('js/BXSlider/images/controls.png') -86px -11px no-repeat;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus {background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url('js/BXSlider/images/controls.png') -86px -44px no-repeat;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus {background-position:-86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:left;width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:0;width:35px;}
.bx-wrapper .bx-caption {position:absolute;bottom:0;left:0;width:100%;text-align:center;}
.bx-wrapper .bx-caption span {color:#fff;display:block;padding:1% 0;background:rgba(10, 10, 10, 0.50);backdrop-filter:blur(3px);text-shadow:1px 1px #000;}
#bx-pager .pagination {background:#ebebeb;padding:2% 0 0 2%;border-radius:5px;margin-bottom:0;display:flex;flex-wrap:wrap;}
#bx-pager .pagination li {width:23%;height:100%;float:left;margin-right:2%;list-style:none;}
#bx-pager .pagination li img {width:100%;border:1px solid #689940;border-radius:5px;box-sizing:border-box;}
#bx-pager .pagination li span.video-desc {line-height:1;display:inline-block;margin:0 0 1em 0;font-size:.75em;color:#000;vertical-align:top;}
#bx-pager .pagination li span.video-desc:hover {text-decoration:underline;}
#bx-pager .pagination li a {display:block;}
#bx-pager .pagination li a.active img {border:1px solid crimson;}
#bx-pager .pagination li a.active span {color:crimson;}

/* Pager on hover shows arrows */
.bx-controls-direction a {opacity:0;transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;}
.bx-wrapper:hover .bx-controls-direction a {opacity: 1;}

.responsive-column-wrap {display:flex;gap:2%;flex-wrap:wrap;width:100%;margin-bottom:1.5%;}
.responsive-column-wrap .column-4 {width:23.5%;}
.responsive-column-wrap .column-4 h5 {margin:0 0 .1em 0;}
.responsive-column-wrap .column-4 img {width:100%;height:auto;border:1px solid #000;box-sizing:border-box;}
.responsive-column-wrap .column-4 .heading {font-weight:700;margin-bottom:1em;}
.responsive-column-wrap .column-4 p {font-size:90%;line-height:1.1;}
.responsive-column-wrap .column-8 {width:10.75%;}
.responsive-column-wrap .column-8 p {font-size:80%;line-height:1.1;}

.col-1-12,.col-2-12,.col-3-12,.col-4-12,.col-5-12,.col-6-12,.col-7-12,.col-8-12,.col-9-12,.col-10-12,.col-11-12,.col-12-12 {
float:left;position:relative;clear:none;display:block;padding:0;margin-right:2.59068%;}
.col-1-12 {width:5.95854%;}
.col-2-12 {width:14.50777%;}
.col-3-12 {width:23.05699%;}
.col-4-12 {width:31.60621%;}
.col-5-12 {width:40.15544%;}
.col-6-12 {width:48.70466%;}
.col-7-12 {width:57.25388%;}
.col-8-12 {width:65.8031%;}
.col-9-12 {width:74.35233%;}
.col-10-12 {width:82.90155%;}
.col-11-12 {width:91.45077%;}
.col-12-12 {width:100%;margin-right:0;}

.col-1-8,.col-2-8,.col-3-8,.col-4-8,.col-5-8,.col-6-8,.col-7-8,.col-8-8 {float:left;margin-right:1.6%;display:block;clear:none;padding:0;position:relative;}
.col-1-8 {width:11.1%;}
.col-2-8 {width:23.8%;}
.col-3-8 {width:36.5%;}
.col-4-8 {width:49.2%;}
.col-5-8 {width:61.9%;}
.col-6-8 {width:74.6%;}
.col-7-8 {width:87.3%;}
.col-8-8 {width:100%;margin-right:0;}

.contact-wrap {display:flex;flex-direction:column;}
.jumpto {background:#F0E7D8;display:flex;align-items:center;justify-content:center;padding:.5em 0;position:sticky;top:2.5em;align-self:flex-start;z-index:10;width:107%;font-size:clamp(.915em, 1.8vw, 1em);margin-left:-3.5%;}
.jumpto .menu {flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;display:flex;padding:0;margin:0;list-style:none;position:relative;}
.jumpto .menu li {margin:0;padding:0;}
.jumpto .menu a {color:#47535B;position:relative;line-height:1;text-decoration:none;display:block;padding:1em;}
.location {margin-bottom:1em;background-color:#fafafa;}
#abby-yard,#bby-yard,#sq-saw-yard,#sq-boulder-yard {scroll-margin-top:7em;}
.location-heading {font-size: clamp(.9em, 2vw, 1.1em);color:#22272b;border-bottom:1px solid #777;text-transform:uppercase;padding:2% 0 2% 0;width:100%;position:sticky;top:5.8em;
background:#fafafa;z-index:9;}
.contact-form-heading {color:#22272b;border-bottom:1px solid #777;padding-top:.375em;width:100%;margin-bottom:1em;}
.location-wrap {width:100%;display:flex;}
.calendar-map-wrap {width:100%;display:flex;}
.location-hours {width:48.70466%;margin-right:2.59068%;display:block;}
.location-contact {width:50%;display:block;margin-bottom:2%;}
.location-contact img {float:right;}
.location-social {display:flex;align-items:center;align-content:center;gap:5%;margin:0 3%;}
.contact-social {flex-basis:100%;}
.location-contact p {margin-top:0;color:#000;}
.location-contact p a {color:#000;}
.location-calendar {width:48.70466%;margin-right:2.59068%;display:block;}
.location-map {width:48.70466%;margin-right:0;display:block;min-height:100%;}
iframe.contact-map {border:1px solid #000;width:100%;height:87%;box-sizing:border-box;border-radius:4px;min-height:175px;max-height:278px;}
.contact-form-wrap {width:95%;float:left;margin:0 2.5%;}
.contact-form-wrap input[type=text],textarea {width:100%;padding:.25em;box-sizing:border-box;margin-bottom:.5em;border:1px solid #767676;border-radius:4px;}
.captcha-wrapper {float:left;}
.captcha-table {background-color:#ffcc66;margin-bottom:.75em;padding:.5em;}
.contact-us-wrapper {padding:6% 5% 8% 5%;}
.contact-us-callout-wrap {background:#000;width:100%;border-radius:4px;overflow:hidden;}
.contact-us-callout {float:left;text-align:center;width:98%;margin:0 1% 1% 1%;background:#47535b;color:#fff;}
.contact-us-callout-header {padding:.5em 0;width:100%;background:#000;color:#fff;font-size:.875em;font-weight:700;letter-spacing:0.1em;}
.contact-us-callout p.special-hours {color:#fff;background-color:royalblue;padding:0 1% 1% 1%;}
.contact-us-callout p.special-hours span {display:inline-block;margin-bottom:-5px;font-family:'Cinzel',serif;font-size:clamp(1.2em, 2.5vw, 1.5em);text-shadow:1px 1px #000;font-weight:700;}

#current-date {text-align:center;font-size:.9375em;width:94%;margin:3%;font-style:italic;}
#current-date::before {content:'Today is: ';font-style:normal;}
.calendar-wrap {position:relative;width:100%;float:left;background-color:#000;border-radius:4px;}
.calendar-wrap .month {text-align:center;font-size:.875em;float:left;color:#fff;font-weight:700;width:98%;margin:0 1%;letter-spacing:.1em;border-bottom:1px dotted#ebebeb;padding:.5em 0;}
.calendar-wrap table {width:98%;margin:1%;border-spacing:0px;text-align:center;font-family:'Roboto Condensed',sans-serif;}
.calendar-wrap table th,.calendar-wrap table td {width:14.2857%;font-size:.8em;padding:1.75% 0;}
.calendar-wrap table th {color:#bdbdbd;}
.calendar-wrap table td {font-weight:700;cursor:pointer;color:#fff;border-left:2px solid #000;border-top:2px solid #000;}
.calendar-wrap table td:first-of-type {border-left:none;}
.calendar-wrap table tr:last-of-type {border-bottom:none;}
.calendar-wrap table td.gray-days {color:#222;opacity:0.9;}
.calendar-wrap table td.open:hover .hours-info {background:#008000;}
.calendar-wrap table td.closed:hover .hours-info {background:#dd0000;}
.calendar-wrap table td.partial:hover .hours-info {background:#800080;}
.calendar-wrap table td:hover .hours-info {display:block;visibility:visible;opacity:1;color:#fff;}
.calendar-wrap table td.xmas:hover .hours-info {background-image:url(attachments/xmas-bg.jpg);}

td.open {background:#008000;}
td.closed {background:#dd0000;}
td.partial {background:#800080;}
td .hours-info {position:absolute;top:100%;width:100%;left:0;padding:.5em 0 .65em 0;visibility:hidden;opacity:0;font-weight:400;
z-index:1000;font-size:1.3em;border-radius:4px;transition:background 0.5s ease;}
td.bby:hover .hours-info:before {content:'Open 7:00am - 5:00pm';}
td.abby:hover .hours-info:before {content:'Open 7:30am - 4:00pm';}
td.squa:hover .hours-info:before {content:'Open 7:00am - 4:00pm';}
td.squa-LL:hover .hours-info:before {content:'Open 7:30am - 4:00pm';}
td.bby-sat:hover .hours-info:before {content:'Open 8:00am - 4:30pm';}
td.bby-sat-seasonal:hover .hours-info:before {content:'Closed Saturday';}
td.abby-sat:hover .hours-info:before {content:'Closed Saturday';}
td.abby-sat-seasonal:hover .hours-info:before {content:'Open 7:30am - 4:00pm';}
td.bby-sun:hover .hours-info:before {content:'Closed Sundays Seasonally';}
td.bby-sun-seasonal:hover .hours-info:before {content:'Open 9:00am - 4:30pm';}
td.sun:hover .hours-info:before {content:'Closed Sunday';}
td.sat:hover .hours-info:before {content:'Closed Saturday';}
td.xmas:hover .hours-info:before {content:'Happy Holidays';font-family:'Allura',cursive;font-size:1.7em;line-height:.6em;text-shadow:1px 1px #000;}
td.bby-hol {border:1px solid #008000;background-color:royalblue;}
td.bby-hol:hover .hours-info:before {content:'Open 9:00am - 4:30pm';}
.calendar-legend {margin-top:5px;font-size:.75em;float:left;width:100%;}
.calendar-legend span {margin:0 5px;display:inline-block;width:1em;height:.875em;}
.calendar-legend span:nth-child(1) {background:#dd0000;}
.calendar-legend span:nth-child(2) {background:#008000;}
.calendar-legend span:nth-child(3) {background:#800080;}

.tel-fax-hours {font-weight:700;font-size:1em;color:#174a23;}
img {border:none;}
.newswrapper {width:100%;margin:0 auto;}
.news-main-content {width:998px;}
.about-us-video {float:left;width:100%;}
.basalt-border-top {float:left;width:100%;height:24px;background:url(attachments/basalt_tile.jpg);border-radius:8px 8px 0px 0px;}
.basalt-border-bottom {float:left;width:100%;margin-bottom:2.5%;height:24px;background:url(attachments/basalt_tile.jpg);border-radius:0px 0px 8px 8px;}
.video-wrapper {float:left;width:100%;height:360px;}
.about-us-writeup {float:left;text-align:left;}
.about-us-writeup p {margin-top:0px;font-size:1em;}
.about-us-writeup a:link {color:#0000FF;}
.about-us-writeup a:hover {text-decoration:underline;}
.about-us-writeup a:visited {color:#0000FF;}
.caboose-type {width:100%; position:absolute;top:55%;text-align:center;font-size:.75em;}
.location-conditions {float:left;margin-top:0;font-weight:700;}
.about-us-assoc {width:100%;padding:0;display:flex;flex-wrap:wrap;}
.about-us-assoc li {margin:auto;list-style:none;width:auto;text-align:center;padding:0 0 .5em 0;}
.about-us-assoc li a {display:block;}
.about-us-assoc li img {max-width:100%;}
.about-us-dropcap {float:left;color:#689940;font-size:3em;line-height:.5em;margin-left:-3px;padding-top:5px;padding-right:4px;}
.am-pm {font-size:.75em;}
.proud-members {float:left;text-align:left;font-style:italic;margin:0;border-top:2px solid #d3d3d3;width:100%;padding-top:.25em;}
.clearfix:after {content:'.'; clear:both;visibility:hidden;font-size:0;display:block;height:0;}

.kelvin-range-wrapper {display:flex;margin:0;width:100%;padding:0;list-style:none;gap:3.5%;}
.kelvin-range-wrapper li {flex-basis:100%;}
.kelvin-range-wrapper li img {width:100%;height:auto;margin-bottom:.125em;}
.kelvin-type {text-align:center;font-weight:700;color:#005A8F;}

/* For Kichler Landscape Lighting Techniques page only */

.lighting-tech-wrap {width:100%;display:block;float:left;margin-bottom:.5em;}
.lighting-tech {width:47%;margin-right:3%;display:block;box-sizing:border-box;float:left;}
.lighting-tech h3 {border-bottom:1px solid #47535b;margin:.5em 0;font-size:1.25em;}
.lighting-tech-img-wrap {float:left;width:46%;margin-right:4%;}
.lighting-tech-img-wrap img {border-radius:4px;border:1px solid #000;width:100%;height:auto;margin-top:1.1%;}
.lighting-tech p:first-of-type {margin-top:0;}
.lighting-tech p:nth-of-type(2) {font-size:.75em;font-style:italic;}
.lighting-tech-nav-wrap {width:100%;display:flex;flex-wrap:wrap;}
.lighting-tech-nav-item {width:calc(12.5% - 1%);margin:.5%;}
.lighting-tech-nav-item a {line-height:1;}
.lighting-tech-nav-item img {width:100%;height:auto;border-radius:4px;}
.lighting-tech-nav-item p {font-size:.75em;margin-top:2%;}

.kelvin-features-wrap {float:left;width:31%;margin-right:3.5%;}
.kelvin-features-wrap:last-child {margin-right:0;}
.kelvin-features {float:left;margin:0 0 0 2%;padding:0;font-size:.875em;}
.kelvin-features li {float:left;margin:0 0 0 5%;width:95%;}
.KL-beam-spreads-wrap {display:flex;width:100%;}
.KL-beam-spreads {text-align:center;padding:0 2.5%;width:20%;}
.KL-beam-spreads img {width:100%;height:auto;}
.KL-beam-spreads p strong {color:#005A8F;}
.KL-beam-spreads p {font-size:.75em;}

.kichler-warranty {width:84%;padding:2%;margin:6%;border:#bdbdbd 1px solid;font-size:.9125em;background:#e5f1f9;float:left;border-radius:4px;}
.kichler-warranty::before {display:block;content:'';background-position: center;background-image:url(attachments/kichler_logotype.svg);height:1em;background-size:contain;background-repeat:no-repeat;margin:2px 0;}

.five-year-warranty {padding:3%;margin-top:5%;border:#bdbdbd 1px solid;font-size:.9125em;background:#e5f1f9;float:left;}
.five-year-warranty::before {display:block;content:'';background-image:url(attachments/kichler_logotype.svg);height:.9125em;background-size:contain;background-repeat:no-repeat;margin:2px 0;}

.kichler-3year-warranty,.kichler-6year-warranty {width:100%;margin:0 0 2% 0;float:left;}
.kichler-6year-warranty {border-bottom:#558562 1px solid;}
.kichler-3year-warranty {border-bottom:#6f6f73 1px solid;}
.kichler-3year-warranty img,.kichler-6year-warranty img {width:18%;height:auto;margin:0 2% 1.5% 0;float:left;}
.kichler-3year-warranty p,.kichler-6year-warranty p {float:left;width:80%;color:#555;margin:0 0 .5em 0;}

.left-sidebar .KL-sidebar-callout p {margin:.5em 5%;font-size:.875em;width:90%;}
.KL-sidebar-callout {background:#FFFFE0;border-bottom:#000 1px dotted;width:100%;border-top: #000 1px dotted;margin-bottom:12px;float:left;}
.KL-designpro-callout {width:100%;float:left;margin-bottom:4%;font-size:1.1em;}
.KL-designpro-callout img {float:left;width:30%;}
.KL-designpro-writeup {width:67%;float:left;margin-left:3%;}
.KL-designpro-writeup p {margin:0 0 0 5%;color:#007ac3;font-size:.8125em;font-weight:700;}
.kichler-LED-chart {width:100%;text-align:center;border:1px solid #000;font-family:'Roboto Condensed';border-collapse:collapse;}
.kichler-LED-chart [title]:hover {background:#FFFFE0;cursor:help;}
.kichler-LED-chart th {font-weight:400;border-left:1px solid #fff;background:#558562;color:#fff;}
.kichler-LED-chart th:first-child {border-left:1px solid #000;}
.kichler-LED-chart td {border:1px solid #000;}
.kichler-LED-chart a:link {font-family:'Roboto Condensed',sans-serif;font-weight:700;}
.kichler-LED-chart img {margin:3px;}
.kichler-pro-series {font-weight:700;letter-spacing:1px;margin:0 0 .5em 0;color:#558562;}
.kichler-pro-series::before {content:'PROFESSIONAL SERIES LED LAMPS';}
.kichler-contractor-series {font-weight:700;letter-spacing:1px;margin:0 0 .5em 0;color:#6F6F73;}
.kichler-contractor-series::before {content:'CONTRACTOR SERIES LED LAMPS';}
.kichler-lamp-info {margin-bottom:2%;color:#fff;background:#558562;padding:1.5% 2% 2% 2%;box-sizing:border-box;}
.kichler-lamp-info h1 {margin-top:0;font-weight:300;color:#fff;}
.kichler-lamp-info ul {margin:0 0 0 4%;padding:0;}
.damp-icon-note,.wet-icon-note {font-size:.8em;margin-top:-.5em;color:#333;}
.damp-icon-note::before,.wet-icon-note::before {margin-right:.5em;display:inline-block;vertical-align:middle;width:20px;height:20px;}
.damp-icon-note::before {content:url(attachments/kichler-damp-icon.svg);}
.wet-icon-note::before {content:url(attachments/kichler-wet-icon.svg);}
.kichler-lighting-link {color:#777;text-align:center;float:left;width:100%;}
.kichler-lighting-link p {margin-bottom:0;}

.felco-pictograms {width:100%;display:flex;gap:3%;margin:0;padding:.6em 0 0 0;list-style-type:none;}
.felco-pictograms li {width:20%;}
.felco-pictograms li img {width:50px;height:50px;display:block;margin-left:auto;margin-right:auto;}
.felco-pictograms li p {text-align:center;font-size:.75em;margin-top:.5em;}
.crescent-new-ribbon {position:absolute;width:136px;height:136px;background:url(attachments/crescent-new-ribbon.png);top:-6px;left:-6px;z-index:98;}
.crescent-category-logo {float:left;width:36%;position:absolute;bottom:2%;left:1.3%;z-index:98;}
.crescent-category-logo img {width:auto;max-width:100%;}
.trudrop-heading {font-size:2em;font-weight:400;margin-top:0;}
.trudrop-heading span {text-decoration:underline;font-weight:700;}
.trudrop-intro {margin-top:0;font-size:1.2em;color:#47535b;}
.trudrop-video {margin-bottom:2%;}
.trudrop-video iframe {width:100%;height:215px;border:1px solid #000;}
.trudrop-video p {color:#47535b;margin:.5em;font-style:italic;}
.trudrop-video object {width:100%;border:1px solid #47535b;border-radius:4px;}
.trudrop-subheading {float:left;font-weight:400;border-bottom:2px dotted;width:100%;}
.trudrop-info p {margin-top:0;}
.trudrop-info span {font-family:'Ruthie',cursive;float:left;color:#a7cf39;font-size:5.0em;text-shadow:1px 1px #689940,-1px -1px #F5F5DC;line-height:.5em;margin-left:-.05em; padding-top:0.15em;padding-right:0.2em;}

.trudrop-dropquote {position:relative;width:100%;float:left;background:#a7cf39;padding:0;font-family:'Tinos',serif;border-bottom: 4px solid #689940;margin:0 0 1em 0;border-radius:4px;box-sizing:border-box;}
.trudrop-dropquote span {width:80%;font-family:'Tinos',serif;font-size:1.2em;text-align:justify;hyphens:auto;color:#000;line-height:1.1;text-shadow:none;padding:2% 10%;}
.trudrop-dropquote .left-quote {position:absolute;left:2%;width:10%;color:#F5F5DC;text-shadow:1px 1px #689940,-1px -1px #fff;font-size:6em;top:-.1em;}
.trudrop-dropquote .right-quote {position:absolute;width:10%;color:#F5F5DC;text-shadow:1px 1px #689940,-1px -1px #fff;font-size:6em;text-align:right;right:2%;bottom:-.5em;}

.trudrop-pullquote {color:#222;font-size:1.125em;border-left:3px solid #a7cf39;padding-left:1em;margin:0 0 .25em 0;font-weight:700;text-shadow:1px 1px #fff;}
.trudrop-tabs-wrapper {width:100%;overflow:hidden;margin-bottom:3%;background:#fff;border-bottom:1px solid grey;}
.trudrop-tabs-wrapper #tabs ul {background:#fafafa;}
.trudrop-info-callout {float:right;width:48.70466%;margin-left:2em;margin-bottom:1em;border:1px solid #000;background:#000;}
.trudrop-info-callout p {text-align:justify;font-size:.75em;color:#fff;font-weight:700;padding:2% 4% 0 4%;}
.trudrop-quick-start {width:95%; background:#fff;margin:2.5%;}
.trudrop-quick-start-steps {margin-right:2.59068%;width:31.60621%;float:left;}
.trudrop-quick-start-steps h3 {color:#a7cf39;margin-bottom:0.5em;}
.trudrop-quick-start-steps span {float:left;color:#a7cf39;font-size:2.625em;line-height:.5em;margin-left:-.05em;padding:.15em .15em 0 0;}
.trudrop-quick-start-steps p {font-size:.875em;margin-top:0;}
.trudrop-quick-start-warning {margin-top:2%;font-size:.9125em;}
.trudrop-quick-start-warning img {float:left;margin-right:1em;}
.trudrop-quick-start-warning p {margin-bottom:0;}
.trudrop-quick-start-warning span {color:#1fb3e9;font-weight:700;margin-top:2%;}
.trudrop-DNA {width:100%;background:#fff;margin-bottom:2%;}

.crescent-planter-table {width:100%;max-width:100%;font-family:'Roboto Condensed',sans-serif;}
.crescent-planter-table th {font-size:.875em;border-top:1px solid #582b81;border-right:1px solid #582b81;text-transform:uppercase;text-align:center;font-weight:400;background:#998B7E;}
.crescent-planter-table tr:first-child th {background:#582b81;color:#fff;border-right:1px solid #fff;}
.crescent-planter-table tr:first-child th:last-child {border-right:none;}
.crescent-planter-table th:first-child {border-left:1px solid #582b81;background:#fff;}
.crescent-planter-table th img {max-width:100%;height:auto;}
.crescent-planter-table td {border-top:1px solid #582b81;padding: .25em;border-right:1px solid #582b81;}
.crescent-planter-table tr:last-child td {border-bottom:1px solid #582b81;}
.crescent-planter-table td:first-child {vertical-align:middle;background:#F4F4F4;border-left:1px solid #582b81;color:#582b81;font-weight:700;text-align:center;}
.crescent-planter-table td a:link {font-family:'Roboto Condensed','Arial Narrow',sans-serif;}

.behlen-callout-wrap {border-bottom:3px solid #212e39;display:flex;background:#873439;padding:2%;margin-bottom:1em;width:100%;box-sizing:border-box;font-size:.875em;border-radius:3em 0 0 3em;color:#fff;}
.behlen-callout-wrap div {width:30%;}
.behlen-callout-wrap div:first-of-type {padding-right:2%;margin-right:3.33%;border-right:1px dotted #fff;}
.behlen-callout-wrap div:nth-of-type(2) {padding-right:3.33%;border-right:1px dotted #fff;}
.behlen-callout-wrap div:nth-of-type(3) {padding-left:3.33%;}
.behlen-callout-wrap img {width:100%;height:auto;border-radius:2.2em 0 0 2.2em;}
.behlen-callout-wrap p {margin:0;}

.item-footer,.item-footer-pond,.item-footer-felco,.item-footer-KL,.item-footer-OX,.item-footer-NS,.item-footer-sealers,.item-footer-newline,.item-footer-CC,.item-footer-behlen,.item-footer-bella, .item-footer-SNOC,.item-footer-basic,.item-footer-henri,.item-footer-MASS,.item-footer-CAS,.item-footer-crescent,.item-footer-aquascape,.item-footer-motto,.item-footer-corona,
.item-footer-watson,.item-footer-hikari,.footer-MtFuji,.item-footer-showa,.item-footer-ACO,.item-footer-ATL-OASE,.item-footer-pondmax {text-align:center;width:100%;line-height:2.7em;font-size:1em;clear:both;position:relative;border-image: linear-gradient( to right, #fff 1%, #aaa 50%, #fff 100% );border-style:solid;border-image-slice:100% 0;border-width:1px 0;}
.item-footer img,.item-footer-pond img {max-width:50%;height:auto;vertical-align:middle;}
.item-footer-NS {font-family:'Cinzel',serif;letter-spacing:.07em;text-transform:uppercase;color:#000;text-shadow:-1px -1px #fff;}
.item-footer-NS::before {margin-left:-.1em;font-size:1.4em;letter-spacing:.07em;text-transform:uppercase;color:#000;text-shadow:-1px -1px #fff;}
.item-footer-NS:first-letter {vertical-align:top;font-family:'Cinzel Decorative',cursive;}
.item-footer-sealers::before {color: #c89c36;letter-spacing:.1em;content:"CARE + MAINTENANCE SOLUTIONS";font-weight:900;}
.item-footer-behlen::before {content:url(attachments/behlen-motto.svg);position:relative;top:.5em;background-size: 220px 22px;}
.item-footer-felco {font-weight:700;color:#e71c39;letter-spacing:.5px;}
.item-footer-felco::before {content:"Swiss Precision. Made to Last.";font-size:1.1em;}
.item-footer-ACO::before {content:url(attachments/ACO-motto.svg);position:relative;top:.15em;}
.item-footer-CAS::before {content:url(attachments/castart-motto.svg);position:relative;top:.2em;background-size: 293px 14px;display:block;}
.item-footer-OX {font-weight:900;color:#0079c2;font-style:italic;letter-spacing:.7px;}
.item-footer-OX::before {content:"UNLEASH THE POWER.";}
.item-footer-SNOC {letter-spacing:2px;}
.item-footer-watson::before {content:url(attachments/watson_motto.svg);position:relative;top:.5em;}
.item-footer-showa::before {content:url(attachments/showa-motto.svg);position:relative;top:.5em;}
.item-footer-henri {color:#463501;font-family:Tinos,Georgia,serif;font-weight:700;font-variant:small-caps;letter-spacing:2px;}
.item-footer-henri::before {content:"The Creativity Continues.";}
.item-footer-ATL-OASE::before {content:"www.ATLANTIC-OASE.com";}
.henri-finishes {font-size:.875em;font-family:'Roboto Condensed','Arial Narrow';}
.henri-finishes p {text-align:center;margin-top:0;}
.item-footer {font-family:'Allura',serif;color:#174a23;text-shadow:-1px -1px #fff;font-size:1.875em;}
.item-footer-basic {color:#000000;letter-spacing:1px;text-shadow:-1px -1px #fff;}
.item-footer-basic a:link,.item-footer-basic a:visited {color:#000000;}
.item-footer-corona::before {content:url(attachments/corona_motto.svg);position:relative;top:.1em;width:270px;height:14px;display:inline-block;}
.item-footer-MASS::before {content:"MAKERS OF FINE STONE GARDEN ACCENTS";font-family:'Times New Roman',Times,serif;font-style:italic;font-size:1.1em;letter-spacing:1px;}
.item-footer-pond::before {font-size:1.25em;}
.item-footer-pondmax::before {content:"GO BEYOND ON AND OFF.";color:#00aae4;letter-spacing:2px;}
.footer-MtFuji::before {content:url(attachments/mt-fuji-logotype.svg);position:relative;top:.25em;background-size:278px 16px;}
.item-footer-KL::before {content:"Bringing Your Vision to Life";font-size:1.25em;font-weight:300;font-family:Roboto,sans-serif !important;}
.item-footer-crescent {color:#582b81;font-weight:700;letter-spacing:.5px;}
.item-footer-crescent::before {content:"We help you grow.";}
.item-footer-aquascape::before {content:"Your Paradise. Our Passion.";position:relative;display:block;color:#2b99c6;font-weight:700;font-size:1.1em;letter-spacing:.5px;}
.item-footer-CC::before {content:"Natural. Clear Water. Guaranteed.";font-size:1.1em;word-spacing:.2em;}
.item-footer-CC {color:#3b3b3b;font-weight:700;letter-spacing:.3px;text-shadow:-1px -1px #fff;}
.item-footer-bella::before {content:"The World's Finest Artificial Grass";font-size:1.1em;}
.item-footer-bella {font-weight:400;letter-spacing:1px;text-shadow:-1px -1px #fff;}
.item-footer-motto::before {content:"Where Garden Builders Shop!";font-size:1.75em;position:relative;top:.1em;}
.item-footer-motto {font-family:'Allura',serif;text-shadow:-1px -1px #fff;}
.item-footer-hikari::before {content:url(attachments/hikari-footer-logo.svg);width:352px;height:24px;position:relative;top:.5em;display:inline-block;}

#ie-test {position:relative;width:100%;}
.group:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

#boxLinks {list-style:none;overflow:hidden;height:24px;background:#28166F;margin:0;padding:0 0 0 119px;border-radius:10px 0 0 0;border-bottom: 1px solid #fff;}
#boxLinks li {display:inline;}
#boxLinks li a {padding:0;background:#d3d3d3;color:black;height:24px;line-height:24px;text-align:center;text-decoration:none;border-top:1px solid #fff;
    border-left:1px solid #fff;border-right: 1px solid #fff;float:left;display:block;position:relative;top:-1px;width:122px;border-radius:10px 10px 0 0;}
#boxLinks li a:hover {color:#fff;background:#000;}
#box {height:250px;overflow:hidden;padding:0;position:relative;left:120px;width:492px;}
.box {display:none;height:250px;overflow:auto;display:block;position:relative;left:120px;}
#box1:target, #box2:target, #box3:target {display:block;}

#tabs ul {margin:0;font-size:0.9375em;background:#fafafa;
background: -webkit-linear-gradient(top,  #fafafa 0%,#ebebeb 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#ebebeb 100%);}
#tabs-1 {width:100%;min-height:420px;margin-top:2.5%;display:flex;}
#tabs-2,#tabs-3,#tabs-4,#tabs-5 {margin:2.5% 2.5% 0% 2.5%;width:95%;min-height:420px;float:left;}
#tabs-2 table,#tabs-3 table,#tabs-4 table,#tabs-5 table {margin-bottom:.875em;border-spacing:0px;float:left;font-size:.875em;}
#tabs-2 iframe,#tabs-3 iframe,#tabs-4 iframe,#tabs-5 iframe {border-radius:4px;-webkit-border-radius:4px;width:100%;margin-bottom:2%;border:1px solid #000;box-sizing:border-box;}
#tabs-2 p,#tabs-3 p,#tabs-4 p,#tabs-5 p {float:left;width:100%;}
#tabs-2 p:first-of-type,#tabs-3 p:first-of-type,#tabs-4 p:first-of-type,#tabs-5 p:first-of-type {margin-top:0;}
#tabs-2 h5,#tabs-3 h5,#tabs-4 h5,#tabs-5 h5 {float:left;margin:0 0 .75em 0;width:100%;}
.ui-tabs {border:none;padding:0;font-size:1em;}
.ui-tabs .ui-tabs-nav {border-radius:0;-webkit-border-radius:0;border:none;border-bottom:1px solid #aaaaaa;}
.ui-tabs .ui-tabs-nav li {top:0;margin:1px 0.2em 0 0;padding:0%;}
.ui-tabs .ui-tabs-nav li a {padding:0.5em 1em;outline:none;color:#3333ff;}
.ui-tabs .ui-tabs-panel {padding:0;margin:0;}
.tab-images-wrapper {float:left;width:100%;padding:0%;font-size:.875em;}
.tab-images-wrapper div {float:left;width:22%;margin:0 3% 3% 0;}
.tab-images-wrapper a:link {font-size:1em;}
.tab-images-wrapper div img {width:100%;height:auto;border:1px solid #000;}
.feature-products,.feature-product-ponds {width:100%;border-bottom:1px dotted #808080;color:#00008b;margin-bottom:1%;font:bold 1.2em/0.7em Georgia,Times,"Times New Roman",serif;letter-spacing:.5px;}
.feature-products {color:#47535b;}

.video-thumb-wrapper {position:relative;}
.video-thumb {border:1px solid #000;border-radius:4px;overflow:hidden;}
.video-thumb img {width:100%;height:auto;margin-bottom:-4px;}
.video-thumb-wrapper .play-button a {display:block;height:100%;}
.video-thumb-wrapper:hover .play-button {display:block;height:60%;}
.play-button {width:100%;position:absolute;display:none;top:40%;text-align:center;}
.play-button img {width:20%;}
.video-thumb-wrapper + p {margin-top:.25em;font-size:.875em;font-weight:700;}

.pond-liner-callout {background:#bdbdbd;padding:2% 2% 0 2%;width:32.3%;box-sizing:border-box;border:1px solid #000;border-radius:4px;}
.pond-liner-callout img {width:100%;height:auto;}
.pond-liner-callout p {font-size:.875em;}
.pond-liner-callout ul {margin-left:7.5%;padding:0;list-style-type:square;color:#28166F;font-size:.875em;}
.pond-liner-callout ul li a {color:#28166F;}
.gurgler-colours-wrapper {width:100%;float:left;margin-bottom:4%;}
.gurgler-colours {width: 28.333%;float:left;height:100%;margin-right:5%;}
.gurgler-colours img {width:100%;float:left;border:#999 1px solid;cursor:pointer;}
.gurgler-colours img:link {padding:0;}
.gurgler-colours img:hover {border:#689940 1px solid;padding:0;}
.item-header,.item-header-pond {background:#fff;height:1.5em;margin-top:-6px;border-top:1px solid #aaa;}
.left-sidebar {text-align:center;width:25%;font:1em 'Roboto Condensed',sans-serif;color:#000;box-sizing:border-box;border-image:linear-gradient( to bottom, #aaa 1%, #ebebeb 100% );border-style:solid;border-image-slice:0 100%;border-width:0 1px 0 0;overflow-x:hidden;}
.CP-pallet-weight {margin-bottom:12px;width:95%;background:#f1f1f1;float:left;text-align:left;border:#bdbdbd 1px solid;padding:2.5%;}
.henri-cover {width:80%;background:rgba(254,254,254,1);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(241,236,173,1)));
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(241,236,173,1) 100%);
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(241,236,173,1) 100%);
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(241,236,173,1) 100%);
font-size:.75em;border:#000 1px solid;float:left;margin:0% 10% 6% 10%;text-align:center;}
.henri-cover-heading {padding:4% 2% 4% 2%;background:#4a3100;width:96%;font-weight:700;color:#fff;line-height:1;position:relative;z-index:1;}
.henri-cover span {line-height:2em;font-size:1em;font-family:"Trebuchet MS",sans-serif;font-weight:400;}

.left-sidebar p {margin:0% 10% 10% 10%;float:left;text-align:center;width:80%;line-height:1.2em;}
.left-sidebar p img {margin:0;}
.left-sidebar img {margin:0 8% 8% 8%;max-width:84%;width:auto;height:auto;}
.KL-lamp-options {width:88%;background:linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(214,188,133,1) 100%);font-size:.9em;border:#C09C59 1px solid;float:left;margin:0 6%;}
.KL-lamp-options-heading {padding:2%;background:#C09C59;width:96%;font-weight:700;color:#fff;text-shadow:0 .071em .071em #000;}
.KL-lamp-options p {margin:4% 1%;width:98%;}
.sidebar-lightband {padding:5% 8%;width:84%;background:#ebebeb;float:left;margin:2% 0 12% 0;font-family:'Tinos',serif;border-top:#111 1px dotted;border-bottom:#111 1px dotted;
outline:.5em solid #ebebeb;}
.sidebar-lightband img {margin:0;}
.sidebar-lightband span {font-variant:small-caps;}
.writeup {width:75%;padding:0 3%;color:#000;box-sizing:border-box;}
.writeup object {width:344px;-webkit-border-radius:6px;border-radius:6px;margin-bottom:12px;}
.writeup iframe {min-width:344px;width:100%;height:206px;border:0;-webkit-border-radius:6px;border-radius:6px;}
.writeup table, .writeup-henri table {border-spacing:0;margin-bottom:2%;}
.writeup-wrapper {margin:0 0 3% 0;width:100%;float:left;display:flex;background:lightyellow;}
.item-description {columns:2 120px;column-rule:1px solid #d3d3d3;column-gap:2em;-webkit-columns:2 120px;-webkit-column-rule:1px solid #d3d3d3;-webkit-column-gap:2em;margin:0 0 1.2em 0;hyphens:auto;clear:both;}

.item-headline,.item-headline-KL,.item-headline-OASE,.item-headline-ponds,.item-headline-CC,.item-headline-OX {font-size:1.1em;font-weight:700;line-height:1.2;}
.item-headline {color:#444;}
.item-headline-CC {color:#e17127;}
.item-headline-ponds {color:#28166f;}
.item-headline-ponds img {width:auto;}
.item-headline-KL {color:#0063A8;}
.item-headline-OASE {color:#5DA5BE;}
.item-headline p,.item-headline-KL p,.item-headline-OASE p,.item-headline-ponds p,.item-headline-CC p,.item-headline-OX p {margin:0 0 .75em 0;}
.item-headline-OX p {color:#0079c2;margin:.857em 0;}
.item-headline-OX img {width:100%;height:auto;}
.writeup-L {line-height:1.2;width:50%;padding-right:4%;float:left;box-sizing:border-box;}
.writeup-L p,.writeup-R p {margin:0;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;}
.writeup-R {line-height:1.2;padding-left:4%;width:50%;float:left;border-left:#bdbdbd 1px dotted;box-sizing:border-box;}
.henri-finish {color:#4a3100;font-family:'Tinos','Georgia',serif;letter-spacing:.5px;font-style:italic;}
.henri-finish span {font-variant:small-caps;}
.writeup-R .CP-flagstone {width:100%;}
.writeup-callout-box {text-align:left;padding:3% 4% 5% 5%;margin-top:4%;width:90%;background:#fefefe;box-shadow:inset 0px 0px 5px #bdbdbd;
    border:#bdbdbd 1px solid;font-size:0.929em;color:#174a23;-webkit-border-radius:4px;border-radius:4px;}
.small-caps {font-variant:small-caps;}

.hikari-icons-wrap {list-style:none;margin:0 0 1.25em 0;padding:0;width:100%;text-align:center;font-size:.75em;float:left;}
.hikari-icons-wrap li {float:left;width:20%;margin-right:5%;}
.hikari-icons-wrap li img {width:100%;height:auto;}
.bullets {float:left;clear:both;width:100%;}
.bullets ol {margin-top:0;padding:0;list-style-type:square;}
.bullets ol li {margin-left:5%;}
.square-bullet li::marker {color:#47535b;}
.square-bullet-KL li::marker {color:#006cad;}
.square-bullet-CG li::marker {color:#582B81;}
.square-bullet-aquascape li::marker {color:#38ac36;}
.square-bullet-kraft li::marker {color:#f47c2f;}
.square-bullet-ponds li::marker {color:#28166F;}
.square-bullet-felco li::marker {color:#e71c39;}
.square-bullet-newline li::marker {color:#0065a7;}
.square-bullet-oase li::marker {color:#00A8C1;}
.square-bullet-sealers li::marker {color:#c89c36;}
.square-bullet-corona li::marker {color:#cf142b;}
.square-bullet-ox li::marker {color:#02a1e3;}
.square-bullet-watson li::marker {color:#eb282e;}
.square-bullet-turf li::marker {color:#20b04b;}
.item-table,.item-table-CG {float:left;width:100%;text-align:left;font-size:.875em;}
.item-table	th,.item-table-CG th,.item-table-tabs th {border-bottom:#555 1px solid;border-left:#fff 1px solid;text-align:left;padding:.25em .3em .2em .3em;background:#2d2d2d;color:#fff;}
.item-table-CG th {background:#582B81;}
.item-table	th:first-child,.item-table-CG th:first-child {border-left:none;}
.item-table	th:first-child::before,.item-table-CG th:first-child::before {content: "PART NUMBER";}
.item-table	td,.item-table-CG td,.item-table-tabs td {border-bottom:#000 1px dotted;background:#fefefe;padding:.25em .3em .2em .3em;border-left:#bdbdbd 1px solid;}
.item-table	td:first-child,.item-table-CG td:first-child,.item-table-tabs td:first-child {font-weight:700;color:#2d2d2d;border-left:none;}
.item-table	td:first-child span,.item-table-tabs td:first-child span {color:#000000;font-weight:400;}
.item-table tbody tr:last-child td,.item-table-CG tbody tr:last-child td,.item-table-tabs tbody tr:last-child td {border-bottom:#000 1px solid;}
.item-table [rowspan]:nth-of-type(2),.item-table [rowspan]:nth-of-type(3),.item-table [rowspan]:nth-of-type(4) {border-bottom:1px solid #000;}
.item-table-CG [rowspan]:nth-of-type(3),.item-table-CG [rowspan]:nth-of-type(4) {border-bottom:1px solid #000;}
.item-table-CG td a:link,.item-table-CG td a:visited {color:#582b81;}
.basic-table {font-size:.9em;width:100%;float:left;border-top:#000 1px solid;margin-bottom:.75em;text-align:left;}
.basic-table thead tr th {border-bottom:none;border-left:#fff 1px solid;text-align:left;padding:.15em;color:#fefefe;background:#2d2d2d;}
.basic-table td {border-bottom:#000 1px dotted;background:#fefefe;padding:.15em;border-left:#bdbdbd 1px solid;}
.basic-table td:first-child {border-left:none;}
.basic-table tbody tr:last-child td {border-bottom:#000 1px solid;}
.basic-table thead tr th:first-child {border-left:0px none;}
.basic-table tfoot tr td {font-weight:700;color:#fff;background:#2d2d2d;border-left:#fff 1px solid;padding:.15em;}
.basic-table tbody tr:last-child td {border-bottom:none;}
.basic-table tfoot tr td:first-child {border-left:none;}

#slide-left {position:absolute;background:#dd0000;color:#fff;z-index:9;padding:.53em 1em .53em .7em;top:.35em;border-radius:4px 4px 0 0;right:0;font-size:.9375em;
animation:slide-left 1.5s ease-out 0s 1;-webkit-animation:slide-left 1.5s ease-out 0s 1;border:1px solid #aaaaaa;border-bottom-width:0;}
#slide-left::after {content:"Special Order!";font-weight:700;text-shadow:1px 1px #22272b;letter-spacing:.5px;}
@keyframes slide-left {0% {transform:translateX(100%);} 100% {transform:translateX(0%);}}
@-webkit-keyframes slide-left {0% {transform:translateX(100%);} 100% {transform:translateX(0%);}}

.main-content {width:100%;min-width:240px;float:left;margin-bottom:1em;}
.main-content a:link,.main-content a:visited {color:#3333ff;}
.main-content a:hover {text-decoration:underline;}

.basic-table-tabs,.aquascape-table-tabs {width:100%;border-top:#000 1px solid;border-bottom:#000 1px solid;margin-bottom:.75em;text-align:center;border-spacing:0px;background:#fff;}
.basic-table-tabs thead tr th:first-child,.aquascape-table-tabs thead tr th:first-child {border-left:0px none;}
.basic-table-tabs tbody tr:last-child td {border-bottom:#000 1px solid;}
.basic-table-tabs th:first-child,.aquascape-table-tabs th:first-child {text-align:left;border-left:none;}
.basic-table-tabs th,.aquascape-table-tabs th {border-bottom:none;border-left:#fff 1px solid;padding:.3125em;color:#fefefe;background:#47535b;}
.basic-table-tabs th a:link,.basic-table-tabs th a:visited {color:#fff;}
.basic-table-tabs td:first-child {border-left:none;text-align:left;}
.basic-table-tabs td {border-bottom:#ebebeb 1px solid;padding:.3125em;border-left:#bdbdbd 1px solid;}
.basic-table-tabs td.active {background:#f3f3f3;}
.basic-table-tabs tfoot tr td:first-child,.aquascape-table-tabs tfoot tr td:first-child {border-left:none;}
.basic-table-tabs tfoot tr td {background:#47535b;font-weight:700;border-bottom:none;padding:5px 8px;color:#fff;vertical-align:middle;}
.basic-table-tabs tfoot tr td a:link {color:#fff;}
.basic-table-tabs tfoot tr td a:visited {color:#fff;}
.basic-table-tabs a {color:#fff;}
.basic-table-tabs a:hover,.aquascape-table-tabs a:hover {text-decoration:underline;}
.basic-table-tabs tr:nth-child(even) {background:#fafafa;}
.basic-table-tabs tbody tr:last-child td {border-bottom:none;}

.aquascape-table-tabs {border-top:#000 4px solid;color:#000;}
.aquascape-table-tabs th {background:#2b99c6;}
.aquascape-table-tabs th:first-child,.aquascape-table-tabs td:first-child {text-align:center;}
.aquascape-table-tabs tr:nth-child(even) {background:#E6E7E8;}
.aquascape-table-tabs td:first-child {background:#d1d3d4;font-weight:700;border-left:none;text-align:left;}
.aquascape-table-tabs td {border-bottom:#808285 1px solid;padding:5px 8px;border-left:#808285 1px solid;}
.aquascape-table-tabs td hr {color:#ebebeb;margin:3px 0}
.aquascape-table-tabs tfoot tr td:first-child {border-left:none;background:#2b99c6;color:#fff;}
.aquascape-table-tabs tfoot tr td {background:#2b99c6;font-weight:700;border-bottom:none;vertical-align:middle;border-left:1px solid #fff;}
.aquascape-table-tabs tfoot tr td a:link,.aquascape-table-tabs tfoot tr td a:visited {color:#fff;}

.enmon-pedestals {font-family:'Roboto Condensed';width:100%;border-left:none;border-bottom:none;border-top:#000 1px solid;border-right:#000 1px solid;margin-bottom:.75em;text-align:center;border-spacing:0px;background:#fff;font-size:.9375em;}
.enmon-pedestals th:first-child {border-left:none;}
.enmon-pedestals th {border-bottom:none;border-left:#fff 1px solid;padding:5px 8px;color:#fefefe;background:#47535b;}
.enmon-pedestals td {border-bottom:#000 1px solid;padding:5px 8px;border-left:#000 1px solid;vertical-align:middle;}
.enmon-pedestals a:link {color:blue;}
.enmon-pedestals a:visited {color:blue;}
.enmon-pedestals a:hover {text-decoration:underline;}

.enmon-self-level-pedestals {font-family:'Roboto Condensed';width:100%;border-left:none;border-bottom:none;border-top:#000 1px solid;border-right:#000 1px solid;margin-bottom:.75em;text-align:center;border-spacing:0px;background:#fff;font-size:.9375em;}
.enmon-self-level-pedestals th {border-left:#fff 1px solid;padding:5px 8px;color:#fefefe;background:#47535b;}
.enmon-self-level-pedestals th:first-child {border-left:none;}
.enmon-self-level-pedestals td {border-bottom:#000 1px solid;padding:5px 8px;border-left:#000 1px solid;vertical-align:middle;}
.enmon-self-level-pedestals a:link {color:blue;}
.enmon-self-level-pedestals a:visited {color:blue;}
.enmon-self-level-pedestals a:hover {text-decoration:underline;}
.enmon-self-level-pedestals img {width:100%;height:auto;}

.planter-table {width:100%;border-top:#000 1px solid;border-bottom:#000 1px solid;margin-bottom:.75em;text-align:center;border-spacing:0px;background:#fff;font-size:.75em;font-family:'Roboto Condensed',sans-serif;}
.planter-table th:first-child {border-left:none;}
.planter-table th {border-bottom:none;border-left:#fff 1px solid;padding:.5%;color:#fff;background:#778f44;width:12.5%;}
.planter-table td:first-child {border-left:none;}
.planter-table td {border-bottom:#778f44 1px dotted;padding:.5%;border-left:#778f44 1px dotted;vertical-align:top;}
.planter-table tr td:nth-of-type(2),.planter-table tr td:nth-of-type(4),.planter-table tr td:nth-of-type(6),.planter-table tr td:nth-of-type(8) {background:#f1f4ed;}

.atlantic-table-tabs {background:#fff;border-spacing:0px;width:100%;border:2px solid #808080;margin-bottom:.75em;text-align:center;font-family:'Roboto Condensed';}
.atlantic-table-tabs th:first-child {border-left:none;}
.atlantic-table-tabs th {border-bottom:none;border-left:2px solid #808080;padding:5px 8px;height:1.6em;color:#fefefe;background:#162a4f;}
.atlantic-table-tabs td:first-child {border-left:none;background:#162a4f;color:#fff;font-weight:700;border-top:#808080 2px solid;text-align:center;text-transform:uppercase;}
.atlantic-table-tabs td {height:1.4em;padding:5px .25em;border-left:#808080 2px solid;border-top:#808080 2px solid;}
.atlantic-table-tabs tr:nth-child(even) {background:#ebebeb;}
.atlantic-table-tabs tfoot tr td {background:#47535b;font-weight:700;border-bottom:none;}
.atlantic-table-tabs tfoot tr td a:link {color:#fff;}
.atlantic-table-tabs tfoot tr td a:visited {color:#fff;}
.atlantic-table-tabs tfoot a:link,.atlantic-table-tabs th a:link,.atlantic-table-tabs td:first-child a:link {color:#fff;}
.atlantic-table-tabs tfoot a:visited,.atlantic-table-tabs th a:visited,.atlantic-table-tabs td:first-child a:visited {color:#fff;}
.atlantic-table-tabs tfoot a:hover,.atlantic-table-tabs th a:hover,.atlantic-table-tabs td:first-child a:hover {text-decoration:underline;}
.atlantic-table-tabs tfoot tr td {font-weight:700;color:#fff;background:#162a4f;border-bottom:none;}

.pond-table-tabs {border-spacing:0px;width:100%;border-bottom:#000 1px solid;margin-bottom:.75em;text-align:center;font-size:.8125em;}
.pond-table-tabs caption {border-top:#000 1px solid;background:#924330;color:#fff;font-weight:700;padding:.3125em 0;font-size:1.2em;}
.pond-table-tabs th:first-child {border-left:none;text-align:left;padding:.3125em .5em;}
.pond-table-tabs th {border-bottom:1px solid #fff;border-left:#fff 1px solid;padding:.3125em 0;color:#fefefe;background:#a76853;}
.pond-table-tabs td:first-child {border-left:none;font-weight:700;text-align:left;background:#a76853;color:#fff;padding:.3125em .5em;}
.pond-table-tabs td:nth-of-type(2) {border-left:none;}
.pond-table-tabs td {border-bottom:#fff 1px solid;padding:.3125em 0;border-left:#000 1px solid;}
.pond-table-tabs tfoot tr td {background:#a76853;font-weight:700;border-bottom:none;padding:.3125em .5em;color:#fff;vertical-align:middle;}
.pond-table-tabs tfoot tr td:nth-of-type(2) {border-left:#fff 1px solid;}
.pond-table-tabs tr:nth-child(even) {background:#fafafa;}
.pond-table-tabs tfoot tr td a {color:#fff;}
.pond-table-tabs tfoot tr td a:hover {text-decoration:underline;}

.KL-table {font-family:'Roboto Condensed',sans-serif;width:100%;}
.KL-table thead tr th {border-bottom:#0066ad 1px solid;font-size:.9375em;color:#0066ad;font-weight:700;text-align:left;}
.KL-table td {width:25%;border-bottom:#bdbdbd 1px dotted;font-size:.8em;height:1.6em;background:#fefefe;padding:0 1.25%;border-left:#ebebeb 1px solid;}
.KL-table tr td:first-child {border-left:none;}
.KL-table td:nth-child(3) {border-left:#0066ad 1px solid;}
.KL-table a:hover td {background:#ebebeb;}
.KL-table tbody tr:last-child td {border-bottom:#0066ad 1px solid;}
.KL-table thead tr th:first-child {border-left:0px none;}

.KL-table-tabs td.black-border {border-left:#000 1px solid;}
.KL-table-tabs, .bella-table {width:100%;border-top:#000 1px solid;border-bottom:#000 1px solid;text-align:left;}
.KL-table-tabs th,.bella-table th {border-bottom:1px solid #888;border-left:#fff 1px solid;text-align:left;padding:0 1.25%;height:1.6em;color:#fefefe;background:#0079c2;}
.KL-table-tabs th:first-child, .bella-table th:first-child {border-left:none;}
.KL-table-tabs td,.bella-table td {border-bottom:#ebebeb 1px solid;height:1.4em;background:#fefefe;padding:0 1.25%;border-left:#bdbdbd 1px solid;}
.KL-table-tabs thead tr th:first-child {border-left:0px none;}
.KL-table-tabs tfoot tr td {font-weight:700;color:#fff;background:#000;border-left:#fff 1px solid;}
.KL-table-tabs tfoot tr td:first-child {border-left:none;}
.KL-table-tabs tfoot tr td a:link {color:#fff;}
.KL-table-tabs tfoot tr td a:visited {color:#fff;}
.KL-table-tabs tbody tr:last-child th {border-bottom:none;}

.oase-table-tabs {text-align:center;width:100%;border-top:#000 1px solid;border-bottom:#000 1px solid;border-spacing:0;}
.oase-table-tabs th {border-bottom:none;border-left:#fff 1px solid;padding:5px 8px;height:1.6em;color:#fff;background:#00A8C1;}
.oase-table-tabs td {border-left:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;padding:5px;}
.oase-table-tabs td:first-child {border-left:none;font-weight:700;}
.oase-table-tabs tfoot tr td {font-weight:700;color:#fff;background:#00A8C1;border-bottom:none;}
.oase-table-tabs tfoot tr td a:link {color:#fff;}
.oase-table-tabs tfoot tr td a:visited {color:#fff;}
.oase-table-tabs tfoot tr td a:hover {text-decoration:underline;}
.oase-table-tabs tr:nth-child(even) {background:#fafafa;}

.bella-table th {background:#72a544;}
.bella-list {margin:0;padding-left:1.2em;color:#000;font-family:'Roboto Condensed',sans-serif;}
.bella-list li {list-style-type:square;line-height:1.2;}
.bella-list li::marker {color:#e76a38;}
.bella-benefits {font-size:.875em;}
.paver-pattern {font-family:'Roboto Condensed',sans-serif;}
.paver-pattern h5 {margin:0 0 .3em 0;line-height:1em;}
.paver-pattern img {width:100%;height:auto;border:1px solid black;}
.paver-pattern p {margin:0 0 1em 0 !important;font-size:.9375em;line-height:1.2em;}

.bella-comparison {font-size:.9em;width:100%;float:left;border-top:#000 1px solid;border-bottom:1px solid #000;margin-bottom:12px;border-spacing:0px;font-family:'Roboto Condensed',sans-serif;}
.bella-comparison th {width:14.28%;border-bottom:1px solid #000;border-left:1px solid #fff;padding:.5% 1%;color:#fff;background:#72a544;text-align:center;text-transform:uppercase;}
.bella-comparison th a:link,.bella-comparison th a:visited {color:#fff;font-family:inherit;}
.bella-comparison th a:hover {text-decoration:underline;}
.bella-comparison th:first-child {border-left:none;text-align:left;border-bottom:1px solid #000;background:#2d2d2d;text-transform:none;}
.bella-comparison th:nth-child(2) {border-left:1px solid #000;}
.bella-comparison td:first-child {border-left:none;border-bottom:1px solid #fff;text-align:left;font-weight:700;background:#72a544;color:#fff;}
.bella-comparison tr:last-child td {border-bottom:none;}
.bella-comparison td {border-bottom:1px solid #000;background:#fff;padding:.5% 1%;border-left:1px solid #000;text-align:center;line-height:1.1em;}

.oase-table {width:100%;font-size:.875em;border-top:#000 1px solid;}
.oase-table thead tr th:first-child,.oase-table tr td:first-child {border-left:0px none;}
.oase-table thead tr th {border-left:#fff 1px solid;text-align:left;padding:.2em .3em;color:#fefefe;background:#162a4f;}
.oase-table td {border-bottom: #000 1px dotted;background:#fefefe;padding:.2em .3em;border-left:#e0e0e0 1px solid;}
.oase-table tbody tr:last-child td {border-bottom:none;}
.oase-table a:hover td	{background:#ebebeb;}
.oase-table tfoot tr td:first-child {border-left:1px solid transparent;}
.oase-table tfoot tr td {font-weight:700;color:#fff;background:#162a4f;border-left:#fff 1px solid;padding:.2em .3em .1em .3em;}
.oase-product {font-size:1.25em;right:2.2%;position:absolute;top:31%;text-shadow:0px 2px 2px #000;}
.oase-product a:link {color:#fff;}
.CP-type {font-size:1.5em;line-height:1;color:#555;}
.no-bullet-list {margin:0;padding:0;float:left;width:100%;}
.no-bullet-list li {width:30%;float:left;display:block;list-style-position:outside;list-style-type:none;}
.no-bullet-list li img {float:left;width:auto;}
.no-bullet-list li p {width:100%;font-size:1em;margin-top:.4em;}
.simple-bullet-list {list-style-position:outside;margin-top:0;padding-left:1em;}
.simple-bullet-list li {width:100%;}

/* SHARED RESOURCES FOR PAVER TABLES */
.block-table tbody th,.mutual-table tbody th,.paver-table tbody th,.newstone-table tbody th {width:15%;padding:.3em .6em;border-bottom:#002e63 1px solid;border-right:1px solid #002e63;}
.block-table tbody th:first-child,.mutual-table tbody th:first-child,.paver-table tbody th:first-child,.newstone-table tbody th:first-child {border-left:none;left:0;z-index:45;position:sticky;}
.block-table tr td,.mutual-table tr td,.paver-table tr td,.newstone-table tr td {border-bottom:#666 1px solid;border-left:#666 1px solid;padding:.2em .4em;scroll-snap-align:start;}
.barkman-table .inner,.belgard-table .inner,.block-table .inner,.enmon-table .inner,.paver-table .inner,.mutual-table .inner,.newstone-table .inner {width:100%;border-collapse:collapse;height:100%;}
.belgard-table .inner tr:first-of-type td,.barkman-table .inner tr:first-of-type td,.block-table .inner tr:first-of-type td,.enmon-table .inner tr:first-of-type td,.mutual-table .inner tr:first-of-type td,.newstone-table .inner tr:first-of-type td,.paver-table .inner tr:first-of-type td {border-top:none;}
.barkman-table .inner td:first-child,.belgard-table .inner td:first-child,.block-table .inner td:first-child,.enmon-table .inner td:first-child,.mutual-table .inner td:first-child,.paver-table .inner td:first-child,.newstone-table .inner td:first-child {padding-left:0;border-left:none;}
.barkman-table .inner td,.belgard-table .inner td,.block-table .inner td,.enmon-table .inner td,.mutual-table .inner td,.newstone-table .inner td,.paver-table .inner td {width:50%;padding-right:0;}
.barkman-table .inner tr:last-of-type td,.belgard-table .inner tr:last-of-type td,.block-table .inner tr:last-of-type td,.enmon-table .inner tr:last-of-type td,.paver-table .inner tr:last-of-type td,.mutual-table .inner tr:last-of-type td,.newstone-table .inner tr:last-of-type td {border-bottom:none;}
.barkman-table .inner td:last-child,.belgard-table .inner td:last-child,.block-table .inner td:last-child,.enmon-table .inner td:last-child,.paver-table .inner td:last-child,.mutual-table .inner td:last-child,.newstone-table .inner td:last-child {border-right:none;}
.block-table hr,.paver-table hr {border:0;height:1px;background-image:linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));margin:3px 0;}
.block-table thead th,.newstone-table thead th,.paver-table thead th {background:#555;border-left:#fff 1px solid;border-bottom:#666 1px solid;padding:.3em .6em;font-size:.8em;color:#fff;min-width:5rem;}
.block-table,.newstone-table,.paver-table {width:100%;font-size:.8em;border-right:1px solid #555;border-bottom:1px solid #555;border-collapse:collapse;scroll-snap-align:start;}
.block-table thead th:first-child,.newstone-table thead th:first-child,.paver-table thead th:first-child {border-left:none;left:0;z-index:15;position:sticky;}
.block-table tbody th:first-child,.newstone-table tbody th:first-child,.paver-table tbody th:first-child {background-color:#eeeeee;font-weight:400;left:0;border-left:none;z-index:15;position:sticky;font-size:.8rem;}
.block-table .inner td,.paver-table .inner td {border:1px dotted #000;}

.barkman-table {width:100%;font-size:.8em;border-right:1px solid #4D7AA3;border-bottom:1px solid #4D7AA3;border-collapse:collapse;scroll-snap-align:start;position:relative;background-color:#fff;}
.barkman-table thead th:first-child {border-left:none;left:0;z-index:45;position:sticky;}
.barkman-table thead th {background:#4D7AA3;border-left:#fff 1px solid;border-bottom:#666 1px solid;padding:.3em .6em;font-size:.8em;color:#fff;min-width:5rem;}
.barkman-table tbody th:first-child {background-color:#edf1f5;font-weight:400;left:0;border-left:none;z-index:15;position:sticky;font-size:.8rem;}
.barkman-table tbody th {width:15%;padding:.3em .6em;border-bottom:#4D7AA3 1px solid;border-right:1px solid #4D7AA3;color:#000;}
.barkman-table tr td {border-bottom:#4D7AA3 1px solid;border-left:#666 1px solid;padding:.2em .4em;scroll-snap-align:start;}
.barkman-table hr {border:0;height:1px;background-image:linear-gradient(to right, rgba(94, 138, 180), rgba(0, 0, 0, 0));margin:3px 0;}
.barkman-table .inner td {border:1px dotted #5e8ab4;}

.belgard-table {border-bottom:1px solid #002e63;border-right:1px solid #002e63;width:100%;font-size:.8em;border-collapse:collapse;position:relative;scroll-snap-align:start;}
.belgard-table thead th {border-left:#fff 1px solid;padding:.3em .6em;font-size:.8em;color:#fff;min-width:5rem;background:#002e63;}
.belgard-table thead th:first-child {border-left:none;left:0;z-index:11;position:sticky;}
.belgard-table tbody th:first-child {background-color:#ecf0f3;font-weight:400;left:0;border-left:none;z-index:11;position:sticky;}
.belgard-table tbody th {width:15%;padding:.3em .6em;border-bottom:#002e63 1px solid;border-right:1px solid #002e63;}
.belgard-table tbody th img {width:100%;height:auto;}
.belgard-table tbody th:first-child p {margin:0;}
.belgard-table tr td {border-bottom:#002e63 1px solid;border-left:#666 1px solid;padding:.2em .4em;scroll-snap-align:start;}
.belgard-table td p {margin:.2em 0;}
.belgard-table td img {padding:1px;width:auto;max-width:100%;height:auto;min-width:24px;}
.belgard-table a {color:#002e63;font-weight:700;}
.belgard-table hr {border:0;height:1px;background-image:linear-gradient(to right, rgba(0, 46, 99), rgba(0, 0, 0, 0));margin:3px 0;}
.belgard-table .inner td {border:1px dotted #002e63;}

.enmon-table {width:100%;font-size:.8em;border-right:1px solid #234c9a;border-bottom:1px solid #234c9a;border-collapse:collapse;scroll-snap-align:start;}
.enmon-table thead th:first-child {border-left:none;left:0;z-index:11;position:sticky;}
.enmon-table thead th {background:#234c9a;border-left:#fff 1px solid;border-bottom:#666 1px  solid;padding:.3em .6em;font-size:.8em;color:#fff;min-width:5rem;}
.enmon-table tbody th:first-child {background-color:#e9edf4;font-weight:400;left:0;border-left:none;z-index:11;position:sticky;font-size:.8rem;}
.enmon-table tbody th {width:15%;padding:.3em .6em;border-bottom:#234c9a 1px solid;border-right:1px solid #234c9a;color:#000;}
.enmon-table tr td {border-bottom:#234c9a 1px solid;border-left:#666 1px solid;padding:.2em .4em;scroll-snap-align:start;}
.enmon-table hr {border:0;height:1px;background-image:linear-gradient(to right, rgba(35, 76, 154), rgba(0, 0, 0, 0));margin:3px 0;}
.enmon-table .inner td {border:1px dotted #234c9a;}

.mutual-table {width:100%;font-size:.8em;border-right:1px solid #96330f;border-bottom:1px solid #96330f;border-collapse:collapse;scroll-snap-align:start;}
.mutual-table thead th:first-child {border-left:none;left:0;z-index:45;position:sticky;}
.mutual-table thead th {background:#96330f;border-left:#fff 1px solid;border-bottom:#666 1px  solid;padding:.3em .6em;font-size:.8em;color:#fff;min-width:5rem;}
.mutual-table tbody th:first-child {background-color:#FDF6F4;font-weight:400;left:0;border-left:none;z-index:15;position:sticky;font-size:.8rem;}
.mutual-table tbody th {width:15%;padding:.3em .6em;border-bottom:#96330f 1px solid;border-right:1px solid #96330f;color:#000;}
.mutual-table hr {border:0;height:1px;background-image:linear-gradient(to right, rgba(150, 51, 15), rgba(0, 0, 0, 0));margin:3px 0;}
.mutual-table .inner td {border:1px dotted #96330f;}
.newstone-table hr {border:0;height:1px;background-image:linear-gradient(to right, rgba(147, 213, 10), rgba(0, 0, 0, 0));margin:3px 0;}
.newstone-table .inner td {border:1px dotted #8fd400;}

.responsive-video-wrap {aspect-ratio:16 / 9;}
.responsive-video-wrap iframe {width:100%;height:100%;box-sizing:border-box;}
.due2-table {width:100%;font-size:0.8375em;background:#fff;margin-bottom:2%;border-collapse:collapse;border-bottom:#000 2px solid;}
.due2-table th {border-top:#000 2px solid;border-bottom:#000 1px solid;text-align:left;padding:.3em .6em;font-size:.8125em; color:#000;background-color:#fafafa;}
.due2-table tr td {border-bottom:#999 1px solid;padding:.3em .6em;}

.drag-table-wrapper {overflow-x:scroll;margin-bottom:2em;width:100%;border:1px solid #bfbfbf;}
.drag-table {border-collapse:collapse;margin:0;}
.drag-table tr {border-bottom:1px solid #bfbfbf;}
.drag-table tbody tr:nth-child(odd){background-color:#f4f4f0;}
.drag-table th {font-weight:700;font-size:.85em;text-transform:uppercase;white-space:nowrap;background-color:#d7d2c7;}
.drag-table th:nth-child(1),.drag-table td:nth-child(1) {position:sticky;position:-webkit-sticky;left:0;z-index:1;}
.drag-table tr:nth-child(odd) td:nth-child(1) {background-color:#ededeb;}
.drag-table tr:nth-child(even) td:nth-child(1){background-color:#f4f4f0;}
.drag-table tr:nth-child(odd):hover td,.drag-table tr:nth-child(even):hover td {background-color:#dedede;}
.drag-table th:nth-child(1) {background-color:#ccc7bd;}
.drag-table th,.drag-table td {text-align:left;padding:0.5em 1em;white-space:nowrap;border:none;}

.pallet-info-wrap {display:flex;gap:2%;margin-bottom:.5em;flex-wrap:wrap;}
.pallet-info-column {width:31.33%;margin-bottom:.5em;}
.pallet-info-column img {margin-bottom:.5em;}
.pallet-layout-wrap {width:100%;aspect-ratio:4/3;margin-bottom:.5em;}
.pallet-layout {width:100%;text-align:center;background:#444;font-size:clamp(.875em, 2vw, 1.2em);height:100%;table-layout:fixed;border-spacing:1px;color:#000;text-shadow:1px 1px #fff;font-weight:700;}
.pallet-layout td {border-radius:.1875em;background:#ebebeb;}
.pallet-layout td.type-A {height:16.666%;}
.pallet-layout td.type-B {height:25%;}
.pallet-layout td.type-C {height:33.33%;}
.pallet-layout td.type-C-rotated {height:16.666%;}
.pallet-layout td.type-D {height:25%;}
.pallet-layout td.type-E {height:33.333%;}
.pallet-layout td.type-F {height:33.33%;}
.pallet-layout td[colspan="4"] {width:25%;}
.pallet-layout td[colspan="3"] {width:18.75%;}
.pallet-layout td[colspan="2"] {width:12.5%;}
.pallet-qty {width:100%;font-size:.875em;border-collapse:collapse;border-bottom:2px solid #777;}
.pallet-qty td {border-bottom:1px dotted #777;padding:3px .5em;border-right:1px dotted #777;}
.pallet-qty tr:last-child td {border-bottom:none;}
.pallet-qty td:last-child {border-right:none;}
.pallet-qty td:first-child {padding-left:0;}
.pallet-info-heading {font-size:clamp(.8125em, 2vw, .9375em);margin:0 0 .5em 0;color:#545859;}

.porcelain-COO {font-family:Cinzel,serif;text-align:center;font-size:clamp(1em, 1.8vw, 1.2em);margin:.5em 0 .25em 0;}
.due2-header {width:100%;font-size:1.25em;margin-top:-.5em;font-family:Cinzel,serif;}
.due2-logos img {width:100%;vertical-align:bottom;}
.due2-logos p {font-size:.75em;margin-top:.5em;margin-bottom:0;float:left;}
.swatch-heading {margin:0 0 .25em 0;font-family:Cinzel;font-size:1.25em;font-weight:700;letter-spacing:.5px;}
.swatch-heading span {font-family:'Roboto',sans-serif;font-weight:300;font-size:.875em;}
.swatch-grid-wrap {width:100%;display:flex;flex-wrap:wrap;font-size:0;margin-bottom:2%;padding:0;list-style-type:none;}
.swatch-grid-x2,.swatch-grid-x3,.swatch-grid-x4,.swatch-grid-x5,.swatch-grid-x6,.swatch-grid-x7,.swatch-grid-x8 {border:1px solid #777;box-sizing:border-box;}
.swatch-grid-x2 img,.swatch-grid-x3 img,.swatch-grid-x3-no-border img,.swatch-grid-x4 img,.swatch-grid-x5 img,.swatch-grid-x6 img,.swatch-grid-x7 img,.swatch-grid-x8 img {width:100%;height:auto;}
.swatch-grid-x2 {width:50%;}
.swatch-grid-x3,.swatch-grid-x3-no-border {width:33.33%;}
.swatch-grid-x4 {width:25%;}
.swatch-grid-x5 {width:20%;}
.swatch-grid-x6 {width:16.66%;}
.swatch-grid-x7 {width:14.2857%;}
.swatch-grid-x8 {width:12.5%;}

.due2-swatch-group {width:32%;float:left;margin-right:2%;}
.due2-swatch-group p {font-size:.75em;margin-top:0;font-family:'Roboto Condensed',sans-serif;}
.due2-pattern p:last-child {font-family:'Roboto Condensed',sans-serif;}
.pedestal-table {width:100%;border:1px solid grey;text-align:center;border-spacing:0px;margin-bottom:.5em;}
.pedestal-table th {background:#ebebeb;border-bottom:1px solid #bdbdbd;border-left:1px solid #777;padding:.5% 1%;}
.pedestal-table th:first-child {border-left:none;}
.pedestal-table tr td {border-left:1px solid #777;border-bottom:1px dotted #d3d3d3;padding:.2em 0 .4em 0;}
.pedestal-table tr:last-of-type > td {border-bottom:none;}
.pedestal-table tr td:first-child {border-left:none;}
.pedestal-table tr:nth-child(4) td {background:#f6fafb;}
.pedestal-table tr td img {max-width:100%;height:auto;vertical-align:middle;}
.pedestals {width:100%;padding:0;margin:0 0 1em 0;display:table;}
.pedestals li {list-style:none;width:19%;text-align:center;border-right:1px dotted grey;padding:0 1em;box-sizing:border-box;display:table-cell;vertical-align:middle;border-bottom:1px dotted grey;border-top:1px dotted grey;line-height:1.1;}
.pedestals li:first-child {padding:0;width:24%;}
.pedestals li:nth-child(4) {background:#f6fafb;}
.pedestals li:last-child {border-right:none;}
.pedestals li img {width:98%;height:auto;margin:1%;}

.banner-wrapper {margin:0 0 1em -3%;position:relative;width:100%;height:2.25em;}
#slide {background:#47535b;position:absolute;left:-55%;width:50%;-webkit-animation:slide 1s forwards;-webkit-animation-delay:2s;font-size:95%;letter-spacing:.5px;
animation:slide 1s forwards;animation-delay:2s;line-height:2.25em;color:#fff;text-shadow:1px 1px #000;text-indent:5%;box-shadow:0px 4px 6px #bdbdbd;text-transform:uppercase;}
@-webkit-keyframes slide {100% {left:0;}}
@keyframes slide {100% {left:0;}}

.home-wrapper {padding:1% 0 0 0;float:left;width:100%;box-sizing:border-box;}
#slide-down {position:relative;width:103%;top:-1px;left:-3.5%;right:-3.5%;background:linear-gradient(to bottom,#ffe766 0%, #ffd700 100%);text-align:center;font-size:clamp(1.1em, 2.2vw, 1.375em);z-index:1;font-weight:700;padding:.6em 2% .6em 2%;animation:slide-down 1.5s ease-out 0s 1;-webkit-animation:slide-down 1.5s ease-out 0s 1;
font-family:'Roboto',sans-serif;box-shadow:0 5px 10px 0px #d9d9d9,0 0 10px rgba(0, 0, 0, 0.2) inset;color:#20201e;text-shadow:0 1px 1px #fff;text-wrap:balance;margin-bottom:1em;}
#slide-down a:link {font-size:80%;font-weight:400;color:#20201e;margin:0 0 0 .5em;}
#slide-down a:hover {text-decoration:underline;text-decoration-color:#20201e;}
#slide-down a:visited {color:#20201e;}
#slide-down p {padding:0 1em;font-size:.875em;font-weight:400;margin:.75em 0 0 0;}
@keyframes slide-down {0% {transform:translateY(-100%);} 100% {transform:translateY(0);}}
@-webkit-keyframes slide-down {0% {transform:translateY(-100%);} 100% {transform:translateY(0);}}

#bounce-down {width:100%;background:#582B81;text-align:center;font-size:1.375em;font-weight:700;padding:.75em 0;
animation:bounce-down 4s ease-in-out 2s 3;font-family:'Roboto Condensed';box-shadow:0 7px 12px 0px #d9d9d9;color:#fff;text-wrap:balance;}
@keyframes bounce-down {70% {transform:translateY(0%);}
    80% {transform:translateY(-15%);}
    90% {transform:translateY(0%);}
    95% {transform:translateY(-7%);}
    97% {transform:translateY(0%);}
    99% {transform:translateY(-3%);}
    100% {transform:translateY(0);}}
@-webkit-keyframes bounce-down {70% {transform:translateY(0%);}
    80% {transform:translateY(-15%);}
    90% {transform:translateY(0%);}
    95% {transform:translateY(-7%);}
    97% {transform:translateY(0%);}
    99% {transform:translateY(-3%);}
    100% {transform:translateY(0);}}

#slide-down-sale {position:relative;width:96%;background:#dd0000;text-align:center;color:#fff;font-size:1.3em;z-index:9;font-weight:700;padding:.75em 2%;margin-bottom:.5em;
animation:slide-down-sale 1.5s ease-out 0s 1;-webkit-animation:slide-down-sale 1.5s ease-out 0s 1;font-family:'Roboto Condensed';box-shadow:0 7px 12px 0px #d9d9d9;}
@keyframes slide-down-sale {0% {transform:translateY(-100%);} 100% {transform:translateY(0);}}
@-webkit-keyframes slide-down-sale {0% {transform:translateY(-100%);} 100% {transform:translateY(0);}}
#slide-down-sale span {font-weight:400;margin-left:.25em;}

.products {display:flex;flex-wrap:wrap;margin-bottom:2%;float:left;}
.product-card {padding:2%;flex-grow:1;flex-basis:20%;box-sizing:border-box;border:1px solid #d3d3d3;color:#fff;}
.product-image {margin:0 0 .25em 0;}
.product-image img {max-width:100%;}
.product-info {margin-top:auto;}
.product-info h5 {margin:0;text-align:center;color:black;font-weight:400;font-family:'Roboto Condensed';}
.product-info h6 {margin:0;text-align:center;font-weight:700;color:#dd0000;}
.product-info .disclaimer {margin:.5em;text-align:center;font-size:.75em;color:grey;}

.sale-products {float:left;}
.sale-products ul.bxslider li {display:flex;flex-wrap:wrap;}
.sale-product-card {padding:2%;flex-grow:1;flex-basis:20%;box-sizing:border-box;border:1px solid #d3d3d3;background:#fff;}
.sale-product-image {margin:0 0 .25em 0;}
.sale-product-image img {max-width:100%;}
.sale-product-info {margin-top:auto;}
.sale-product-info h5 {margin:0;text-align:center;color:black;font-weight:400;font-family:'Roboto Condensed';font-size:95%;}
.sale-product-info h6 {margin:0;text-align:center;font-weight:700;color:#dd0000;font-size:90%;}
.sale-product-info .disclaimer {width:100%;float:left;margin:.5em auto;text-align:center;font-family:'Roboto Condensed';font-size:12px;}

.all-products-banner {float:left;background:#20201e;color:#fff;text-align:center;font-size:1.4em;font-weight:300;padding:1%;width:98%;margin:1em 0;}
.all-products-banner a {color:#fff;}
.all-products-banner a:hover {text-decoration:underline;}

.suggested-categories {float:left;font-size:1.2em;border-bottom:1px solid #aaaaaa;width:100%;margin:1% 0 2% 0;text-align:center;text-transform:uppercase;}
.products-callout {background:#dd0000;margin-top:.5em;text-align:center;color:#fff;border-radius:5px;padding:.7em 2%;font-size:1.2em;text-wrap:balance;}
.product-cat-wrapper {width:100%;margin:0 auto;display:flex;flex-wrap:wrap;gap:2%;}
.product-cat {position:relative;margin:0 0 2.7em 0;background:#444;width:18.4%;border-radius:4px;}  
.product-cat::before,.product-cat::after {content:'';position:absolute;top:6%;bottom:6%;left:6%;right:6%;opacity:1;transition:transform ease-out 400ms;}
.product-cat::before {border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);z-index:2;}
.product-cat::after {border-left:1px solid #fff;border-right:1px solid #fff;transform:scale(1,0);}
.product-cat:hover::before {transform:scale(1.05, 1);}
.product-cat:hover::after {transform: scale(1, 1.05);}
.product-cat img {width:100%;height:auto;display:block;transition:opacity ease-out 250ms;position:relative;}
.product-cat:hover img {opacity:.5;}
.product-cat-text {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;opacity:0;transition:opacity ease-out 500ms;z-index:4;width:92%;}
.product-cat:hover .product-cat-text {opacity:1;}
.product-cat-title {font-family:'Roboto Condensed','Arial Narrow',sans-serif;font-weight:700;font-size:1.25em;letter-spacing:1px;color:#fff;text-transform:uppercase;
line-height:1.2;text-align:center;margin:44% 15% 44% 15%;text-shadow:#000 1px 1px 1px;}
.product-cat-label {text-align:center;position:absolute;font-size:.875em;color:#000;width:100%;margin-top:.5em;}
.product-cat a {display:block;overflow:hidden;border-radius:4px;}

.pop-cat-list {display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;width:100%;box-sizing:border-box;column-gap:2%;justify-content:center;}
.pop-cat-list li {width:15%;box-sizing:border-box;font-size:.875em;padding:0 0 1.5% 0;line-height:1em;}
.pop-cat-list li a:link {font-family:'Roboto Condensed';color:#111;padding:0;display:block;text-align:center;color:#174a23;}
.pop-cat-list li a:visited {color:#174a23;}
.pop-cat-list li a:hover {color:#000;}
.pop-cat-list li a img {width:100%;height:auto;margin:0 0 3px 0;border:1px solid #aaaaaa;border-radius:50%;;-webkit-border-radius:50%;transition:transform .2s;box-sizing:border-box;}
.pop-cat-list li a img:hover {border:1px solid #000;transform:scale(1.125);-webkit-box-shadow: 0px 10px 13px -7px #000000;box-shadow: 0px 10px 13px -7px #000000;image-rendering:crisp-edges;}

.green-border {outline:5px solid olivedrab;}
.gray-border {outline:2px solid #808080;}
.white-border {outline:2px solid white;}
.small-subheading-dotted {border-bottom:#000 1px dotted;width:100%;margin-bottom:1em;float:left;font-size:.875em;color:#444;font-weight:700;}
.pond-sub-heading {width:100%;border-bottom:#28166f 1px dotted;color:#28166f;font-size:.9125em;margin-bottom:.5em;float:left;font-weight:700;text-align:left;}
.basic-sub-heading {width:100%;border-bottom:#174a23 1px dotted;font-size:1em;margin-bottom:.5em;float:left;font-weight:700;text-align:left;}
.basic-sub-heading-tabs {font:700 .875em Georgia,serif;letter-spacing:.063em;color:#555;margin-bottom:.75em;padding-bottom:.125em;border-bottom:.063em dotted #555;}
.grey-L-border {border-left:#ebebeb 0.063em solid;}
.floatclear {clear:both;}
.clear-right {clear:right;}
.floatleft {float:left;}
.item-note,.item-note-KL-hybrid {font-size:.8125em;width:100%;float:left;}
.item-note p,.item-note-KL-hybrid p {margin:0;color:#000;font-weight:400;}
.item-note p strong {color:#174a23;}
.item-note p span {color:#47535b;}
.item-note-KL-hybrid p:before {content:"";display:block;background:url(attachments/LED-incandescent-logo.png) no-repeat;width:20px;height:13px;float:left;margin:0}
.item-note-PDF {font-size:.75em;width:100%;float:left;}
.item-note-PDF p {font-family:'Roboto Condensed',sans-serif;margin:0.5em 0 0 0;color:#000;font-weight:400;}
.item-note-PDF p::before {content:"";display:block;background:url(attachments/pdficon_small.svg) no-repeat;width:18px;height:23px;float:left;margin:-.2em .5em 0 0;}
.item-note a, .item-note-PDF a {font-size:1.3em;font-weight:400;}
.item-note p + p {margin-top:.625em;}

.ox-blade-guide {border-collapse:collapse;border-spacing:0px;width:100%;background:#fff;text-align:center;border:#000 1px solid;font-family:'Roboto Condensed',san-serif; font-size:.875em;}
.ox-blade-guide th {background:#d1d3d4;width:14.285714%;vertical-align:middle;border:1px solid #000;color:#ffffff;}
.ox-blade-guide td {border:1px solid #000;}
.ox-blade-guide tr {height:1em;vertical-align:middle;}
.ox-blade-guide tr:nth-of-type(1) th {color:#000000;}
.ox-blade-guide tr:nth-of-type(1) th:first-child,.ox-blade-guide tr:nth-of-type(2) th:first-child {color:#000000;}
.ox-blade-guide tr:nth-of-type(3) th:first-child,.ox-blade-guide tr:nth-of-type(4) th:first-child,.ox-blade-guide tr:nth-of-type(5) th:first-child {color:#000000;background: #ffce32;}
.ox-blade-guide tr:nth-of-type(6) th:first-child,.ox-blade-guide tr:nth-of-type(7) th:first-child,.ox-blade-guide tr:nth-of-type(8) th:first-child,.ox-blade-guide tr:nth-of-type(9) th:first-child {background:#ed1a22;}
.ox-blade-guide tr:nth-of-type(10) th:first-child,.ox-blade-guide tr:nth-of-type(11) th:first-child,.ox-blade-guide tr:nth-of-type(12) th:first-child,.ox-blade-guide tr:nth-of-type(13) th:first-child ,.ox-blade-guide tr:nth-of-type(15) th:first-child,.ox-blade-guide tr:nth-of-type(16) th:first-child,.ox-blade-guide tr:nth-of-type(17) th:first-child {background:#00adef;}
.ox-blade-guide tr:nth-of-type(15) td,.ox-blade-guide tr:nth-of-type(16) td,.ox-blade-guide tr:nth-of-type(17) td {text-align:left;padding-left:.5em;}
.ox-blade-guide caption {font-weight:700;font-size:1.2em;text-align:left;font-family:'Roboto';color:#47535b;padding:.5em 0 .5em .5em;border: #000 1px solid;border-bottom:none;}
.ox-blade-guide tr:nth-of-type(14) th {color:#000000;font-weight:700;font-size:1.2em;text-align:left;font-family:'Roboto';color:#47535b;padding:.5em 0 .5em .5em;background:#ffffff;}

.item-wrapper {width:100%;font-size:.9125em;background:#fff;position:relative;overflow:hidden;margin:-1.25% 0 1% 0;border-radius:0 .3em .3em .3em;}
.center {margin: 0 auto; text-align:center;}
.strong {font-weight:700;}
.red {color:#dd0000;}
.blue {color:#28166f;}
.oase-blue {color:#005fd2;}
.orange {color:#e17127;}
.green-dark {color:#174a23;}
.green-light {color:#689940;}
.brown {color:#663300;}
.purple {color:#502d7f;}
.basalite {color:#002d5b;}
.ACP {color:#ce2127;}
.belgard {color:#002e63;}
.barkman {color:#4D7AA3;}
.newstone {color:#545859;}
.mutual {color:#96330f;}
.enmon {color:#234c9a;}
.delconca {color:#00628d;}
.efflor-note {column-count:3;column-gap:2em;}

p.belgard,p.enmon,p.newstone,p.basalite,p.concrete,p.tau,p.due2 {font-size: clamp(.9375em, 2vw, 1em);line-height:1.4;width:100%;margin:0;color:#666;padding:1em 0;}
p.belgard,p.due2,p.enmon,p.newstone,p.basalite,p.concrete,p.tau {text-align:left;}
.split-column {columns:3 150px;column-rule:1px solid #d3d3d3;column-gap:2em;}
.centered-logo-wrap {display:flex;justify-content:center;width:100%;margin-top:1em;}
p.belgard a:link,p.belgard a:visited {color:#000;}
p.belgard a:hover {text-decoration:underline;}
.barkman-logo,.basalite-logo,.belgard-logo,.delconca-logo,.enmon-logo,.mutual-logo,.newstone-logo,.tau-logo {filter:drop-shadow(.15em .15em .15em #cacaca);}
.enmon-logo {width:max(16em, 35%);}
.basalite-logo,.newstone-logo {width:max(16em, 35%);}
.belgard-logo {width:max(6em, 12%);}
.mutual-logo {width:max(7em, 14%);}
.tau-logo {width:max(9em, 18%);}
.barkman-logo,.delconca-logo {width:max(14em, 32%);}

.captcha-note p {margin-top:2px;font-size:11px;color:#666;}
.data-sheets-heading {width:100%;border-bottom:1px dotted #888;font-size:1.25em;margin:0 0 .6em 0;}
.data-sheets-wrap {display:flex;width:100%;gap:2%;flex-wrap:wrap;}
.data-sheets {width:clamp(117px, 15%, 148px);margin-bottom:2%;}
.data-sheets img {width:100%;height:auto;border:1px solid #666;box-sizing:border-box;}
.data-sheets img:hover {border:1px solid #689940;}
.data-sheets-type {font-size:.8em;float:left;width:100%;line-height:1.1;}

.fountain-a-word-about-wrap {display:flex;flex-wrap:wrap;gap:3%;margin-bottom:2%;}
.fountain-a-word-about {background:#ebebeb;padding:2.5%;width:65%;border-radius:4px;}
.fountain-a-word-about p {width:100%;font-size:1em;margin-bottom:0;}
.fountain-accessories {font-family:'Roboto Condensed',sans-serif;background:#ebebeb;padding:2.5% 2.5% 0 2.5%;width:27%;box-sizing:border-box;border-radius:4px;}
.fountain-accessories-heading {border-bottom:1px dotted #000;font-weight:700;font-size:1.2em;}
.fountain-accessories p {width:100%;font-size:1em;}
.grey-box {background:#ebebeb;padding:12px;}
.fountain-accessories ul {font-size:.875em; padding:0;margin-left:1.25em;list-style-image:url(attachments/tri_bullet.png);}
.fountain-accessories ul a:link {color:#000;}
.fountain-accessories ul a:visited {color:#47535b;text-decoration:underline;}
.fountain-accessories ul a:hover {color:#0000FF;text-decoration:underline;}

.glossary-wrapper {float:left;}
.glossary-nav {width:107%;margin:0 -3.5%;border-bottom:1px solid #000;position:sticky;top:2.7em;background:#fafafa;display:flex;justify-content:center;padding:0;}
.glossary-wrapper p {font-size:2em;text-shadow:0 .063em .063em #999;font-weight:700;color:#3d474e;margin:0;}
.glossary-wrapper p a {scroll-margin-top:6rem;}
.glossary-nav ul {display:flex;padding:0;margin:0;font-weight:700;list-style:none outside none;}
.glossary-nav ul li {font-size:clamp(.915em, 1.5vw, 1.4em);margin:.4em .45em;}
.glossary-nav ul li a {color:#9acd32;}
.glossary-nav ul li a:hover {color:#174a23;}

.sign-up-thankyou {margin:0 auto;width:100%;}
.sign-up-heading {margin:18px 0 18px 0;}
.sign-up-heading p {font-size:18px;text-align:center;}
.sign-up-contacts {float:left;}
.sign-up-contacts p {font-size:15px;text-align:left;}
.sign-up-locations {float:right;clear:right;}
.sign-up-locations p {font-size:15px;text-align:right;}
.no-right-margin {margin-right:0;}
#tbl {overflow:hidden;display:none;}
#tbl p {margin-top:0;font-size:1.125em;font-family:'Roboto',sans-serif;}
.geo-grid-callout {float:left;padding-top:2%;margin-bottom:2%;background:#00325F;border-bottom:2px solid #d94f00;}
.geo-grid-callout img {float:left;width:100%;max-width:80%;padding:10%;}
.geo-grid-heading {float:left;font-size:1.375em;font-weight:700;color:#fff;}
.geo-grid-subheading {float:left;font-size:1.125em;font-weight:700;color:#fff;}
.geo-grid-callout a {float:left;font-size:1em;font-weight:700;color:#d94f00;}

.facebook-logo {background-position:0px 0px;}
.facebook-logo:hover {background-position:0px -30px;}
.youtube-logo {background-position:-30px 0px;}
.youtube-logo:hover {background-position:-30px -30px;}
.pinterest-logo {background-position:-60px 0px;}
.pinterest-logo:hover {background-position:-60px -30px;}
.instagram-logo {background-position:-90px 0px;}
.instagram-logo:hover {background-position:-90px -30px;}
.houzz-logo {background-position:-120px 0px;}
.houzz-logo:hover {background-position:-120px -30px;}
.x-logo {background-position:-150px 0px;}
.x-logo:hover {background-position:-150px -30px;}
.email-icon {background-position:-210px 0px;}
.email-icon:hover {background-position:-210px -30px;}
.search_button {background-position:-240px 0px;}

.stores-wrapper .stores a[href^="tel:"] {color:#fff;}
.stores-wrapper .stores a[href^="tel:"] strong {letter-spacing:.01em;}
.payment-methods-wrapper {text-align:left;width:100%;padding:1% 0 0 0;box-shadow: inset 0 14px 14px -14px #000;background:url(attachments/basalt_tile.jpg);}
ul.payment-methods {width:100%;list-style-type:none;padding:0 0 1.5% 2.2%;color:#fff;max-width:1336px;margin:0 auto;box-sizing:border-box;}
ul.payment-methods li span {font-size:0.75em;color:#efefc3;font-weight:700;letter-spacing:0.1em;}
ul.payment-methods li {float:left;width:18%;height:auto;padding-right:2%;}
ul.payment-methods li img {width:auto;height:48px;padding-right:4%;}
ul.payment-methods li p {margin-top:0;float:left;}
.payment-credit-cards ul li {text-align:left;display:inline-block;}
/* End Landscape Supply */

.sideMenuItemsContainer {background-color:#c12729;}
.sideMenuWrap {vertical-align:top;width:21%;padding-bottom:1em;position:relative;z-index:90;backdrop-filter:blur(3px);box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:all 0.3s ease-out;}
.sideMenu {margin:0 0 5% 7.5%;width:92.5%;font-size:.9em;font-weight:400;background-color: ;position:sticky;top:0;}
.sideMenuLinks {text-align:left;margin-top:0;}
.sideMenuTop {text-align:left;padding:8px 0 5px 8px;font-weight:700;font-size:1.1em;color:#faf5db;}
.hide-menu {display:none;content:url(attachments/close-button-green.svg);position:absolute;right:.8em;padding:.3em;z-index:91;}

div.sideMenuLevel_0 a:visited,div.sideMenuLevel_1 a:visited,div.sideMenuLevel_2 a:visited,div.sideMenuLevel_3 a:visited,div.sideMenuLevel_4 a:visited {color:inherit;}
div.sideMenuLevel_0 {border-bottom:1px solid #000;} /* products heading */
div.sideMenuLevel_0 b {margin:-1px 0;padding-top:1px;display:block;background:none;font-size:1.76em;line-height:1.5em;font-weight:300;padding-left:.25em;border-left:4px solid #174a23;}
div.sideMenuLevel_1	{border-bottom:1px solid #A9A9A9;}
div.sideMenuLevel_1 b {padding-top:.25em;padding-bottom:.25em;padding-left:.4em;border-left:.3em solid #174a23;color:#174a23;display:block;background:#fff;} /* category when active */
div.sideMenuLevel_2	{border-bottom:1px solid #fff;background:#f5f7f6;}
div.sideMenuLevel_2 b {padding-top:.25em;padding-bottom:.25em;margin:-1px 0;padding-left:1em;border-bottom:1px solid #A9A9A9;border-top:1px solid #A9A9A9;border-left:.3em solid #174a23;color:#174a23;display:block;background:#fff;}
div.sideMenuLevel_3	{border-bottom:1px solid #fff;background:#f5f7f6;}
div.sideMenuLevel_3	b {padding-top:.25em;padding-bottom:.25em;margin:-1px 0;padding-left:1.7em;border-bottom:1px solid #A9A9A9;border-top:1px solid #A9A9A9;border-left:.3em solid #174a23;color:#174a23;display:block;background:#fff;}
div.sideMenuLevel_4	{border-bottom:1px solid #fff;background:#f5f7f6;}
div.sideMenuLevel_4	b {padding-top:.25em;padding-bottom:.25em;margin:-1px 0;padding-left:2.4em;border-bottom:1px solid #A9A9A9;border-top:1px solid #A9A9A9;border-left:.3em solid #174a23;color:#174a23;display:block;background:#fff;}

div.sideMenuLevel_0 a:link,div.sideMenuLevel_0 a:hover,div.sideMenuLevel_0 a:active {display:inline-block;color:#000;font-size:1.76em;line-height:1.47em;padding-left:.4em;font-weight:300;}
div.sideMenuLevel_1 a:link,div.sideMenuLevel_1 a:hover,div.sideMenuLevel_1 a:active {display:block;color:#000;padding:.25em 0 .25em .7em;}
div.sideMenuLevel_2 a:link,div.sideMenuLevel_2 a:hover,div.sideMenuLevel_2 a:active {display:block;color:#000;padding:.25em 0 .25em 1.3em;}
div.sideMenuLevel_3 a:link,div.sideMenuLevel_3 a:hover,div.sideMenuLevel_3 a:active {display:block;color:#000;padding:.25em 0 .25em 2em;}
div.sideMenuLevel_4 a:link,div.sideMenuLevel_4 a:hover,div.sideMenuLevel_4 a:active {display:block;color:#000;padding:.25em 0 .25em 2.7em;}

.greeting {font-weight:700;margin-top:5px;margin-bottom:5px;padding-left:10px;}
#loginForm {padding-left:10px;}

.small_text {font-family:Roboto, Arial, system-ui, sans-serif;font-size:.875em;font-family:'Roboto Condensed',sans-serif;color:#000;}
.info {color:#47535b;font-family:'Roboto Condensed',sans-serif;}

@keyframes appear-on-scroll {
from {opacity: 0;
scale: 0.75;
}
to {
opacity: 1;
scale: 1;
}
}


.data tr td.product-table-wrapper {border:1px solid #d3d3d3;padding:0;text-align:center;width:18.4%;box-sizing:border-box;background:#fff;margin:0 0 2% 0;border-radius:4px;
animation:appear-on-scroll linear;animation-timeline:view();animation-range:entry 0% cover 18%;} /* width - total gap divide by # of columns */
.data tr td.product-table-wrapper:hover {border:1px solid #9ACD32;box-shadow:0em 0em 1em #d3d3d3;}
.data tr td.product-table-wrapper:hover td.product-thumb {border-bottom:1px solid #9ACD32;}
.data tr td.product-table-wrapper:hover td.product-details {border-top:1px dotted #9ACD32;}
.data tr td.product-table-wrapper:hover td.product-thumb img {transform:scale(1.1);}
.product-table {margin:0 auto;width:100%;border-spacing:0px;}
.product-table td.product-thumb {padding:0;border-radius:4px 4px 0 0;overflow:clip;border-bottom:1px solid #d3d3d3;}
.product-table td.product-thumb a {display:block;}
.product-table td.product-thumb img {width:100%;object-fit:contain;height:100%;display:block;transition:transform .5s ease-in-out;aspect-ratio:1/1;}
.product-table td {vertical-align:top;padding:.1em .4em;}
.product-category-title {font-family:'Roboto Condensed',sans-serif;font-size:.913em;color:#000;max-width:240px;padding:.2em 0;text-align:left;line-height:1.2;}
.product-details {text-align:left;border-top:1px dotted #aaaaaa;padding:1.5% 0 1.8% 0;}
a .product-category-title:hover {color:#174a23;}

div.adminmenu {font-size:.9375em;line-height:1.4em;}

/*Product details page */
.product_info {color: #000;font-weight:400;}
.product_filmstrip {float:left;width:100%;margin-bottom:1em;}
.product_filmstrip a {float:left;width:18.4%;padding-right:2%;}
.product_filmstrip a:last-child {padding-right:0;}
.product_filmstrip img {border:1px solid #999;margin:0;width:100%;height:100%;border-radius:5px;box-sizing:border-box;aspect-ratio:1/1;object-fit:contain;}
.product_filmstrip img:hover {border:1px solid #9ACD32;}

/* Generable tables */
table.admin { background-color:#AAAAAA;text-align:left;}
table.admin_top_margin {margin-top:15px;}
.headers {background-color: #CECECE;color:#FFFFFF;font-family:Roboto, Arial, system-ui, sans-serif;font-weight:700;font-size:.9375em;}
tr.headers th       {
					 }
/* required for builder to render correctly */
.data {text-align:left;background-color: #fafafa;color:#000;font-family:Roboto, Arial, system-ui, sans-serif;font-size:100%;border:0px;}

.title {color:white;font-family:Roboto, Arial, system-ui, sans-serif;font-weight:700;font-size:.875em;}
.page_heading {color:black;font-family: Roboto, Arial, system-ui, sans-serif; font-size:1em;text-align:center;font-size:1.25em;}
.domain {font-size:0.9375em;}
.current_cat {font-weight:700;font-family:Roboto, Arial, system-ui, sans-serif;}
.subcategories {font-size:0.9375em;font-family:Roboto, Arial, system-ui, sans-serif;}
.num_categories {font-weight:400;font-style:italic;font-family:Roboto, Arial, system-ui, sans-serif;}
.moreinfo {background-color:transparent;position:relative;}
.breadcrumbs {font-weight:700;font-family:Roboto, Arial, system-ui, sans-serif; }
.page_title {font-family:;font-weight:300;font-size:clamp(1.2em, 2vw, 1.4em);text-align:center;padding:.5% 1%;margin-bottom:2%;
text-transform:uppercase;letter-spacing:.5px;word-spacing:.1em;box-sizing:border-box;position:sticky;top:0;z-index:19;text-shadow:1px 1px #ebebeb;line-height:1.5em;}
.search-results {margin-top:2%;color:#444;font-family:'Cinzel',serif;letter-spacing:.07em;font-weight:700;}
.search-results:first-letter {margin-top:1em;color:#444;font-family:'Cinzel Decorative',serif;letter-spacing:.07em;font-weight:700;}
.error {font-weight:700;color:#ff0000;letter-spacing:.5px;}

input.submit_button {background-color:#fff;font-family:Roboto, Arial, system-ui, sans-serif;font-weight:700;text-align:center;border:1px solid #808080;border-bottom:2px solid;
  border-right: 2px solid;}
input.submit_button.button {background-color:#fff;font-family:Roboto, Arial, system-ui, sans-serif;font-weight:700;text-align:center;border:1px solid #808080;border-bottom:2px solid;border-right:2px solid;cursor: pointer;}
.preference_entry {border-top:1px solid;font-family:Roboto, Arial, system-ui, sans-serif;font-size:1em;}
td.preference_entry input.text {width:300px;}
.preference_entry_fields {border-top:1px solid;font-family:Roboto, Arial, system-ui, sans-serif;font-size:10pt;}

.preference_entry_fields_no_border {border: none;font-family:Roboto, Arial, system-ui, sans-serif; font-size:10pt;}
#cart_view td, #cart_view a {color:#000000;}
img.cart_image {height:100px;}
.shopping_cart {border-top:1px solid; font-family: Roboto, Arial, system-ui, sans-serif;font-size:10pt;}
.shopping_cart_totals {padding-right:15px;}
.shopping_cart_cost_summary {padding-right:14px;}
.shopping_cart_grand_total {border-top: 1px solid;font-family:Roboto, Arial, system-ui, sans-serif;font-size:.625em;font-weight:700;padding-right:12px;}
.quantity_text {width:30px;background-color:#FFFFE0;font-family:Roboto, Arial, system-ui, sans-serif;text-align:center;}
div.checkout_page_title {background-color:#D3D3D3;font-family:Roboto, Arial, system-ui, sans-serif;font-weight:700;font-size:1em;margin-bottom:10px;}
div.checkout_section {border:1px solid #999;padding:5px;margin-bottom:10px;font-size:0.625em;}
div.checkout_section_title {border-bottom:1px dashed black;font-family:Roboto, Arial, system-ui, sans-serif;font-weight:700;font-size:14pt;margin-bottom:10px;}
.checkout_field_title {text-align:right;width:250px;padding-right:20px;font-size:10pt;}
.checkout_field_entry {width:150px;font-size:10pt;vertical-align:middle;}
.checkout_field_entry input {vertical-align:middle;}
table.checkoutForm {background-color:#ddd;margin-left:auto;margin-right:auto;}                         
div.next_button_section {text-align:right;}           
div.prev_button_section {background-color:#d3d3d3;text-align:left;float:left;}
input.next_button {background-color:#ffffff;font-family:Roboto, Arial, system-ui, sans-serif;border:1px solid #808080;border-bottom:2px solid;border-right:2px solid;}
div.orderView {background-color:#fff;width:700px;}
#productPage {width:100%;background-color:#393939;border:5px solid #ccc;}
#productImg {width:400px;text-align:center;padding-top:15px;}
#productDescr {width:400px;padding:10px 0 0 20px;}
.product_info_title {float:left;font:1.5em 'Roboto',sans-serif;border-bottom:1px solid #bdbdbd;margin:2.2% 0 1.4% 0;width:100%;}

.recommended-products {float:left;font-size:1.2em;border-bottom:1px solid #aaaaaa;width:100%;margin-bottom:.5em;}
.recommended-products-list {margin:0;padding:0;display:flex;flex-wrap:wrap;width:100%;border-bottom:1px solid #2d2d2d;position:relative;}
.recommended-products-list::after {content:'* Call for stock';position:absolute;bottom:-1.5em;font-size:.75em;color:#777;}
.recommended-products-list li {margin-bottom:.75em;font-size:.875em;width:calc(12.5% - 1.5%);list-style-type:none;padding:0 .75%} /* width - padding both sides */
.recommended-products-list li a:link {font-family:'Roboto Condensed';color:#111;display:block;}
.recommended-products-list li a:visited {color:inherit;}
.recommended-products-list li a:hover {text-decoration:underline 1px solid #9acd32;}
.recommended-products-list li a img {width:100%;height:100%;border:1px solid #aaaaaa;object-fit:contain;aspect-ratio:1/1;background:#fff;border-radius:5px;box-sizing:border-box;}
.recommended-products-list li a img:hover {border:1px solid #9acd32;}
.field_name {font-weight:400;}
#topNav, #bottomNav {height:20px;padding:0;}
.back2Cat, .productPrevBack {padding:0 5px;width:170px;text-align:center;float:left;}
#productInfoPage .moreinfo {background-color:#1e1e1e;}
select.field {margin:0px 0px 5px 0px;}
input.field {width:200px; margin:0px 0px 5px 0px;font-family:Roboto, Arial, system-ui, sans-serif;font-size:9pt;padding:3px;}
input.field2 {width:15px !important;height:15px !important;margin:0px 0px -2px 5px;}
input.field3 {width:15px !important;height:15px !important;margin:0px 0px -2px 0px;vertical-align:middle;}
textarea.field {width:200px;margin:0px 0px 5px 0px;font-family:Roboto, Arial, system-ui, sans-serif;font-size:9pt;padding:3px;}
table.outer_table {background-color:#AAA;text-align:center;margin-left:auto;margin-right:auto;}
table.container {width:785px;text-align:center;margin-left:auto;margin-right:auto;}
div.contents {width:100%;text-align:center;margin-left:auto;margin-right:auto;}
input.checkbox {margin:5px 0px 0px 0px;}
div.title_s {font-family:Roboto, Arial, system-ui, sans-serif;font-size:12pt;color:#C00;}
td.nanum {height:1px;width:700px;background:#CCCCCC;}
table.namum {height:1px;width:700px;}
p.title_n {margin:0;text-align:center;}
.product-image-wrapper {display:block;vertical-align:top;width:100%;margin-bottom:2%;text-align:center;aspect-ratio:1/1;height:100%;}
.product-desc-wrapper {width:100%;vertical-align:top;padding-left:1em;}
#mainimg {width:100%;min-width:526px;border-radius:5px;border:1px solid #aaaaaa;box-sizing:border-box;object-fit:contain;background:#fff;margin-bottom:1%;aspect-ratio:1/1;height:auto;}
#mainimg:hover {border:1px solid #9ACD32;}
.print-page-wrapper {padding:1% 2.6% 2% 0;text-align:right;}

@media only screen and (min-width: 1440px) and (max-width: 1921px) {
nav ul li .submenu ul.submenu-list li a {font-family:Roboto,sans-serif;}
}
@media only screen and (min-width: 1224px) and (max-width: 1440px) {
nav ul li .submenu ul.submenu-list li a {font-family:Roboto,sans-serif;}
.data tr td.product-table-wrapper {width:23.5%;}
}
@media only screen and (min-width: 1024px) and (max-width: 1224px) {
#mainimg {min-width:480px;max-width:600px;}
.data tr td.product-table-wrapper {width:23.5%;}
.category-list li {width:23.5%;}
.about-us-assoc li {width:20%;}
#tabs-1 {min-height:420px;}
.product-cat-title {font-size:1em;}
}
@media only screen and (min-width: 900px) and (max-width: 1024px) {
.data tr td.product-table-wrapper {width:32%;}
.category-list li {width:23.5%;}
.about-us-assoc li {width:25%;}
#tabs-1 {min-height:354px;}
.paver-swatch-wrapper li {width:23.5%;}
.product-cat {width:23.5%;}
.pallet-info-column {width:48%;}
}

@media only screen and (min-width: 800px) and (max-width: 899px) {
.top-header-main {width:76%;}
.top-header-logo {width:24%;}
.sideMenuWrap {width:24%;background:rgba(240, 240, 240, 0.85);}
.product-desc-wrapper {float:left;padding-left:0;}
ul.sale-item-wrapper li {width:48%;}
.ui-tabs {font-size:1.1em;}
.data tr td.product-table-wrapper {width:32%;}
.category-list li {width:23.5%;}
.about-us-assoc li {width:33.33%;}
.responsive-column-wrap .column-4 {width:32%;}
.responsive-column-wrap .column-8 {width:15%;}
#tabs-1 {min-height:300px;}
.paver-swatch-wrapper li {width:23.5%;}
.recommended-products-list li {width:calc(12.5% - 1.5%);}
.product-cat {width:23.5%;}
.product-cat-title {font-size:1em;}
.pallet-info-column {width:48%;}
}

@media only screen and (min-width:690px) and (max-width:799px) {
body {font-size:95%;}
.top-header-main {width:73%;}
.top-header-logo {width:27%;}
.sideMenuWrap {width:27%;}
nav {background:#222;}
.product-desc-wrapper {float:left;padding-left:0;}
ul.sale-item-wrapper li {width:48%;}
.ui-tabs {font-size:1.1em;}
.data tr td.product-table-wrapper {width:32%;}
.about-us-assoc li {width:33.33%;}
.category-list li {width:32%;}
.stores-wrapper .stores h1.bby::after {content:"BURNABY YARD";}
.stores-wrapper .stores h1.squ::after {content:"SQUAMISH SHOP";}
.stores-wrapper .stores h1.abby::after {content:"ABBOTSFORD YARD";}
.responsive-column-wrap .column-4 {width:32%;}
.responsive-column-wrap .column-8 {width:15%;}
.tau-icons,.enmon-icons {width:23.5%;}
#tabs-1 {min-height:280px;}
.paver-swatch-wrapper li {flex-basis:23.5%;}
.recommended-products-list li {width:calc(16.66% - 1.5%);}
.lighting-tech-nav-item {width:calc(25% - 1%);}
.product-cat {width:32%;}
.pallet-info-column {width:48%;}
}

@media only screen and (min-width:595px) and (max-width:690px) {
nav {background:#222;}
nav ul {display:none;}
.hamburger {display:block;}
.backbutton {display:block;}
.top-header-main {width:72%;}
.top-header-logo {width:28%;}
#seeMore {display:none;left:-35%;position:absolute;}
#seeMore:target {scroll-margin-top:12em;display:block;padding-top:1em;left:0;animation:menuslide 1s linear;}@keyframes menuslide{from{left:-35%} to{left:0}}
.hide-menu {display:block;padding-top:.5em;}
.sideMenuWrap {width:35%;background:rgba(240, 240, 240, 0.90);border-bottom-right-radius:1em;}
.product-desc-wrapper {float:left;padding-left:0;}
.footer .col {width:23%;}
.footer .credit-cards {width:58%;}
.footer .social {width:38%;}
.footer ul.payment-methods li img {height:42px;}
.data tr td.product-table-wrapper {width:32%;}
.product_filmstrip img {width:calc(100% - 2px);}
ul.sale-item-wrapper li {width:48%;height:240px;}
.pond-table-tabs {font-family:'Roboto Condensed',sans-serif;}
.pond-table-tabs td {padding:0;}
.about-us-assoc li {width:50%;}
.category-list li {width:32%;}
.stores-wrapper .stores h1.bby::after {content:"BURNABY YARD";}
.stores-wrapper .stores h1.squ::after {content:"SQUAMISH SHOP";}
.stores-wrapper .stores h1.abby::after {content:"ABBOTSFORD YARD";}
.responsive-column-wrap .column-4 {width:49%;}
.responsive-column-wrap .column-8 {width:23.5%;}
.tau-icons,.enmon-icons {width:23.5%;}
#tabs-1 {min-height:260px;}
.mirage-benefits li {width:47.5%;}
.paver-swatch-wrapper li {flex-basis:23.5%;}
.recommended-products-list li {width:calc(16.66% - 1.5%);}
.lighting-tech-nav-item {width:calc(25% - 1%);}
.product-cat {width:32%;}
.pallet-info-column {width:48%;}
}

/*--- Mobile landscape ---*/
@media only screen and (min-width:480px) and (max-width:595px) {
body {font-family:'Roboto Condensed',sans-serif;font-size: clamp(0.875rem, 0.3533rem + 1.7391vw, 1rem);-webkit-text-size-adjust:none;}
table {font-family:'Roboto Condensed',sans-serif;}
nav {background:#222;}
nav ul {display:none;}
.hamburger {display:block;}
.backbutton {display:block;}
.top-header-main {width:70%;}
.top-header-logo {width:30%;}
#seeMore {display:none;left:-40%;}
#seeMore:target {scroll-margin-top:12em;display:block;padding-top:1em;left:0;animation:menuslide .8s linear;}@keyframes menuslide{from{left:-40%} to{left:0}}
.hide-menu {display:block;padding-top:.4em;}
.sideMenuWrap {width:40%;background:rgba(240, 240, 240, 0.90);position:absolute;border-bottom-right-radius:1em;}
.slides-logo img {max-width:120%;}
.product-desc-wrapper {float:left;padding-left:0;}
.main-content {min-height:180px;}
#tabs-1,#tabs-2,#tabs-3,#tabs-4,#tabs-5 {min-height:280px;}
.footer .col {width:23%;}
.footer .credit-cards {width:58%;}
.footer .social {width:38%;}
a:link {font-family:'Roboto Condensed',sans-serif;}
.data tr td.product-table-wrapper {width:32%;}
ul.sale-item-wrapper li {width:48%;height:240px;}
.pond-table-tabs {font-family:'Roboto Condensed',sans-serif;}
.pond-table-tabs td {padding:0;}
.product_filmstrip img {width:calc(100% - 2px);}
ul.top-header-links li .contacts-menu {position:fixed;}
.about-us-assoc li {width:50%;}
.category-list li {width:32%;}
.stores-wrapper .stores h1.bby::after {content:"BURNABY YARD";}
.stores-wrapper .stores h1.squ::after {content:"SQUAMISH SHOP";}
.stores-wrapper .stores h1.abby::after {content:"ABBOTSFORD YARD";}
.responsive-column-wrap .column-4 {width:49%;}
.responsive-column-wrap .column-8 {width:23.5%;}
.tau-icons,.enmon-icons {width:32%;}
#mainimg {min-width:100%;}
.mirage-benefits li {width:47.5%;}
.paver-swatch-wrapper li {flex-basis:32%;}
.recommended-products-list li {width:calc(20% - 1.5%);}
.lighting-tech-nav-item {width:calc(25% - 1%);}
.footer .credit-cards ul li {margin:0;}
.footer .social ul li {padding:0;}
.product-cat {width:32%;}
.pallet-info-column {width:48%;}
}

/*--- Mobile portrait ---*/
@media only screen and (min-width:320px) and (max-width:480px) {
body {font-family:'Roboto Condensed',sans-serif;font-size: clamp(0.75rem, 0.5rem + 1.25vw, 0.875rem);-webkit-text-size-adjust:none;}
table {font-family:'Roboto Condensed',sans-serif;}
nav {background:#222;}
nav ul {display:none;}
.hamburger {display:block;}
.backbutton {display:block;}
.slides-logo img {max-width:120%;}
#seeMore {display:none;left:-45%;}
#seeMore:target {scroll-margin-top:12em;display:block;padding-top:1em;left:0;animation:menuslide .8s linear;}@keyframes menuslide{from{left:-45%} to{left:0}}
.hide-menu {display:block;padding-top:.5em;}
.sideMenuWrap {width:45%;background:rgba(240, 240, 240, 0.90);position:absolute;border-bottom-right-radius:1em;}
#mainimg {min-width:100%;}
.product-desc-wrapper {float:left;padding-left:0;}
.top-header-main {width:70%;}
.top-header-logo {width:30%;}
.left-sidebar {display:none;}
.writeup, .writeup-henri {min-height:160px;width:97%;}
.main-content {min-height:180px;}
#tabs-1,#tabs-2,#tabs-3,#tabs-4,#tabs-5 {min-height:240px;}
.footer .col {width:23%;}
.footer .credit-cards {width:100%;margin-top:-2em;}
.footer .social {width:100%;}
a:link {font-family:'Roboto Condensed',sans-serif;}
.data tr td.product-table-wrapper {width:32%;}
ul.sale-item-wrapper li {width:48%;margin-right:1%;}
.pond-table-tabs {font-family:'Roboto Condensed',sans-serif;}
.pond-table-tabs td {padding:0;}
ul.top-header-links li .contacts-menu {position:fixed;}
.about-us-assoc li {width:50%;}
.category-list li {width:32%;}
.stores-wrapper .stores h1.bby::after {content:"BURNABY YARD";}
.stores-wrapper .stores h1.squ::after {content:"SQUAMISH SHOP";}
.stores-wrapper .stores h1.abby::after {content:"ABBOTSFORD YARD";}
.pop-cat-list {column-gap:2%;}
.pop-cat-list li {width:23.5%;}
.responsive-column-wrap .column-4 {width:49%;}
.responsive-column-wrap .column-8 {width:23.5%;}
.tau-icons,.enmon-icons {width:32%;}
.mirage-benefits li {width:47.5%;}
.paver-swatch-wrapper li {flex-basis:32%;}
.recommended-products-list li {width:calc(25% - 1.5%);}
.lighting-tech-nav-item {width:calc(25% - 1%);}
.footer .credit-cards ul li {margin:0;}
.footer .social ul li {padding:0;}
.product-cat {width:32%;}
.product-cat-title {font-size:1em;}
.pallet-info-column {width:48%;}
}
/*--- Mobile portrait ---*/
@media only screen and (min-width:240px) and (max-width:320px) {
body, table {font-size:75%;font-family:'Roboto Condensed',sans-serif;-webkit-text-size-adjust:none;}
nav {background:#222;}
nav ul {display:none;}
.hamburger {display:block;}
.backbutton {display:block;}
.slides-logo img {max-width:120%;}
#seeMore {display:none;left:-45%;}
#seeMore:target {scroll-margin-top:12em;display:block;padding-top:1em;left:0;animation:menuslide .8s linear;}@keyframes menuslide{from{left:-45%} to{left:0}}
.hide-menu {display:block;padding-top:.3em;}
.sideMenuWrap {width:45%;background:rgba(240, 240, 240, 0.90);position:absolute;}
#mainimg {min-width:100%;}
.product-desc-wrapper {float:left;padding-left:0;}
.top-header-main {width:70%;}
.top-header-logo {width:30%;}
.left-sidebar {display:none;}
.writeup,.writeup-henri {min-height:160px;width:97%;}
.main-content {min-height:180px;}
#tabs-1,#tabs-2,#tabs-3,#tabs-4,#tabs-5 {min-height:180px;}
.footer .col {width:23%;}
.footer .credit-cards {width:100%;}
.footer .social {width:100%;}
.footer ul.payment-methods li img {height:28px;}
a:link {font-family:'Roboto Condensed',sans-serif;}
.data tr td.product-table-wrapper {width:49%;}
ul.sale-item-wrapper li {width:100%;}
.pond-table-tabs {font-family:'Roboto Condensed',sans-serif;}
.pond-table-tabs td {padding:0;}
ul.top-header-links li .contacts-menu {position:fixed;}
.about-us-assoc li {width:50%;}
.category-list li {width:49%;}
.stores-wrapper .stores h1.bby::after {content:"BURNABY YARD";}
.stores-wrapper .stores h1.squ::after {content:"SQUAMISH SHOP";}
.stores-wrapper .stores h1.abby {content:"ABBOTSFORD YARD";}
.pop-cat-list {column-gap:2%;}
.pop-cat-list li {width:23.5%;}
.responsive-column-wrap .column-4 {width:100%;}
.responsive-column-wrap .column-8 {width:23.5%;}
.tau-icons,.enmon-icons {width:32%;}
.mirage-benefits li {width:47.5%;}
.paver-swatch-wrapper li {width:49%;}
.recommended-products-list li {width:calc(33.33% - 1.5%);}
.lighting-tech-nav-item {width:calc(25% - 1%);}
.footer .credit-cards ul li {margin:0;}
.footer .social ul li {padding:0;}
.product-cat {width:48%;} 
}