.category_header{white-space:nowrap;padding:5px;}

.category_header h3	{border:none;color:#0e5a72;font-size:18px;font-weight:bold;}

#contents {clear:both;margin:0px;}

#categoryWrapper {width:auto;position:relative;overflow:hidden;}/*overflow:hidden;*/
#categoryWrapper .categoryContainer{float:left; width:20%; margin:0; min-height:350px;}
#categoryProductWrapper	{width:auto;}


#categoryProductWrapper:after,.subSectionTag:after {clear:both;}

.paddingDiv {padding-top:10px;margin:10px;}

.sub_header{background-color:#efefef;color:#0e5a72;font-size:16px;font-weight:bold;padding:5px;}

.sub_header_sm{font-weight:normal;}

.imagecontainerdiv {position: relative; height:auto;}
.imagecontainerdiv .imageBorder {width: -webkit-calc(100% - 24px);width: -moz-calc(100% - 24px);width: calc(100% - 24px);height:auto;}
.detailsimage {position: absolute; bottom:3px; right:20px;} 
.cornerimage {position: absolute;top: 0px; left: 10px;opacity:0.9;filter:alpha(opacity=90);}
.cornerimage2{position: absolute;top: 0px;left: 10px;opacity:0.9;filter:alpha(opacity=90);}
.key-highlights{position:absolute;top:-10px;left:0;}
.corner-label{float:left;background-color:#fff;border-right:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;padding:5px 10px;color:#6C7D21;pointer-events:none;overflow:hidden;}
.corner-label-highlight {float:left;top:0;background-color:var(--siteblue) !important;color:#fff !important;border-right:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;padding:5px 10px;pointer-events:none;overflow:hidden;}
.bottom-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background-color:#fff;padding:5px 10px;color:#6C7D21;pointer-events:none;overflow:hidden;font-weight:bold;width:90%;}
.favsimage {position: absolute; top:5px; right:17px;} 

.product_container {float:left;position:relative;width:24%;box-sizing:border-box;min-width:181px;border:solid 1px #c0c0c0;padding: 10px 0 0 0;margin: 10px 0 10px 10px; text-align:center;min-height:535px;}
.product_container_ds {box-shadow: 1px 0 8px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 1px 0 8px rgba(0, 0, 0, 0.5);-moz-box-shadow: 1px 0 8px rgba(0, 0, 0, 0.5);}
.product_button {border-radius: 8px;border:1px solid #10658;font-family: Arial;color:#10658;font-size: 16px;padding: 8px 20px 9px 20px;text-decoration: none;text-align:center;cursor:pointer;z-index:1;}
.product_button:hover {background-color:#ccc;}
.product_button_position {position:absolute;left: 50%;transform: translateX(-50%);top:80px;}
.on{display:block;}.off{display:none;}
.min400 { min-height:525px; }
.min100 { min-height:125px }

.product_showcase {
    border: solid 1px #c0c0c0;
    padding: 10px;
    min-height: 123px;
    overflow: auto;
}
.pro_showcase_img {
    float: left;
    width: 160px;
}
.pro_showcase_details {
    float: left;
    width: auto;
    padding: 0 10px 0 10px;
}
.pro_showcase_keys {
    float: left;
    width: 250px;
    border-left: solid 1px #C0C0C0;
    padding: 0 10px 0 10px;
}

.detailscontainer {
        position: absolute;
        width: 182px;
        height: 325px;
        top: 0;
        left: -1px;
        background-color: #fff;
        border: 1px solid #ccc;
    }

.detailsdiv{padding:5px;background-color:#fff;} 
.detailsclose{padding:3px;height:18px;background-color:#efefef;color:#fff;}

A.headerLink:Link { text-decoration:none;color:#503c33;}
A.headerLink:Visited {text-decoration:none;color:#503c33;}
A.headerLink:Hover {text-decoration:none;color:#767676;}

.ProductLink	{ margin-bottom:10px;min-height:57px;	}
A.productLink:Link { text-decoration:none;color:#10657F;font-size:15px !important;}
A.productLink:Visited {text-decoration: none;color: #10657F;font-size: 15px !important;}
A.productLink:Hover {text-decoration:underline;color:#10657F;font-size:15px !important;}
.ProductLink a						{ color: #10657F; text-decoration:none;font-size:15px !important; }
.ProductLink a:hover				{ color: #10657F; text-decoration:none;font-size:15px !important; }
.ProductLink a:visited				{ color: #10657F; text-decoration:none;font-size:15px !important; }
.ProductLink span {font-size:15px;}

.price {color:#6C7D21;font-weight:bold;font-size:17px;} 
.priceGrey{color:#767676;font-size:16px;font-weight:bold;}
.priceRed{color:#ff0000;font-size:16px;}
.saleprice{color:#FF6600;font-weight:bold;font-size:17px;}

#descriptionIntroDiv { margin-bottom:25px; }
#descriptionDiv p{margin-left:10px;}

#categorySort {float:right;}

:root {  --tbl-bg: #ffffff;  --tbl-text: #0f172a;  --tbl-muted: #475569;          --tbl-border: #e5e7eb;  --tbl-accent: #0ea5e9; --tbl-zebra: #f8fafc;   --tbl-header: #f1f5f9;  --tbl-shadow: 0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.06);}@media (prefers-color-scheme: dark) {  :root {    --tbl-bg: #0b1220;    --tbl-text: #e5e7eb;    --tbl-muted: #94a3b8;    --tbl-border: #1f2937;    --tbl-accent: #38bdf8;    --tbl-zebra: #0f172a;    --tbl-header: #111827;    --tbl-shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.3);  }}.table-wrap {  overflow-x: auto;  -webkit-overflow-scrolling: touch;}.compare {  width: 100%;  border-collapse: separate;   border-spacing: 0;  background: var(--tbl-bg);  color: var(--tbl-text);  border: 1px solid var(--tbl-border);  border-radius: 12px;  box-shadow: var(--tbl-shadow);  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";  font-size: 16px;  line-height: 1.5;}.compare thead th {  position: sticky;  top: 0;  background: linear-gradient(#fff, var(--tbl-header));  border-bottom: 1px solid var(--tbl-border);  text-align: left;  padding: 14px 16px;  font-weight: 700;  letter-spacing: .2px;  z-index: 1;}
@media (prefers-color-scheme: dark) {  .compare thead th {    background: linear-gradient(#0b1220, var(--tbl-header));  }}.compare .ltBorderFill {  border-right: 1px solid var(--tbl-border);}.compare thead th:last-child.ltBorderFill {  border-right: 0;}.compare td {  padding: 14px 16px;
  border-bottom: 1px solid var(--tbl-border);  vertical-align: top;}.compare td[align="right"] {  color: var(--tbl-muted);  white-space: nowrap;
  width: 1%;}.compare tbody tr:nth-child(odd) td {  background: var(--tbl-zebra);}.compare tbody tr:hover td {  background: color-mix(in oklab, var(--tbl-accent) 8%, var(--tbl-bg));}.compare thead th:first-child {  border-top-left-radius: 12px;}.compare thead th:last-child {  border-top-right-radius: 12px;}.compare tbody tr:last-child td:first-child {  border-bottom-left-radius: 12px;}.compare tbody tr:last-child td:last-child {
  border-bottom-right-radius: 12px;}.table-wrap:focus-within .compare {  outline: 2px solid var(--tbl-accent);  outline-offset: 2px;  border-color: var(--tbl-accent);}@media (max-width: 520px) {  .compare thead th,  .compare td {    padding: 12px 12px;    font-size: 15px;  }}

@media only screen and (max-width : 1250px) 
{
    .product_container {min-height:555px;width:31%;} 
}

@media only screen and (max-width : 925px) 
{
	#categoryWrapper .categoryContainer	{ width:30%; }
}

@media only screen and (max-width : 850px) {
    #categoryWrapper .categoryContainer, .product_container	{ width:31%; text-align:center; }
    .paddingDiv table	{ width:93%; text-align:center; }
    .imagecontainerdiv .imageBorder{width:90%;height:auto;}   
}

@media only screen and (max-width : 650px) 
{
	#compareTable { display:none; }
}

@media only screen and (max-width : 600px) 
{
	#categoryWrapper .categoryContainer	{ width:50%; }
    .pro_showcase_img,
    .pro_showcase_details,
    .pro_showcase_keys {
        width:100%;
    }
    #categoryWrapper .categoryContainer, .product_container	{ width:46%; text-align:center; } 
    .product_container {min-height:500px;}
}

@media only screen and (max-width : 450px) 
{
    .sampleImageContainer {width:calc(50% - 33px) !important;width:-moz-calc(50% - 33px) !important;width:-webkit-calc(50% - 33px) !important;width:-o-calc(50% - 33px) !important;margin:5px !important;min-height:210px !important;}
    .sampleImgPop{width:80px !important;height:80px !important;}
	#categoryWrapper .categoryContainer, .product_container	{ width:93%; text-align:center; }
    .product_button_position{display:none;}
    .bottom-label {position:static;width:auto;bottom:auto;left:auto;transform:none;text-align:center;}
}