/* Master Hydronics - zencart-sidebar-store shell */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#1A1A1A;font:13px/1.55 Arial,Helvetica,sans-serif}
a{color:#4C6B2F}
a:focus-visible,.skip:focus{outline:2px solid #4C6B2F;outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:8px 12px;z-index:5}
.skip:focus{left:8px}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
img{max-width:100%}

.band{display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:96px;padding:12px 0}
.mark{display:flex;align-items:center;gap:12px;text-decoration:none;color:#1A1A1A}
.marktext{display:block}
.wordmark{display:block;font-size:26px;font-weight:bold;letter-spacing:.08em}
.headline{display:block;font-size:15px;color:#555}
.tagline{margin:0;font-size:13px;color:#555;text-align:right;max-width:34ch}

.dbl{background:#3B3B3B;color:#fff;padding:6px 12px;font-size:13px}
.dbl a{color:#fff;text-decoration:none;padding:2px 0}
.dbl a:hover{text-decoration:underline}
.dbl .sep{padding:0 8px;color:#9c9c9c}
.ezbar .dbl{min-height:28px;display:flex;align-items:center;flex-wrap:wrap}

.crumb{font-size:12px;color:#555;padding:8px 0;border-bottom:1px solid #CCC}
.crumb .sep{padding:0 6px;color:#999}
.crumb a{color:#4C6B2F}
.crumb strong{color:#1A1A1A}
.crumblabel{color:#777}

.cols{display:grid;grid-template-columns:258px minmax(0,1fr);gap:24px;padding:20px 0 28px}
.rail{min-width:0}
.center{min-width:0}

.sidebox{border:1px solid #CCC;margin-bottom:16px;background:#E7E7E7}
.sbhead{margin:0;background:#CCCCCC;color:#1A1A1A;font:bold 13px Tahoma,Geneva,sans-serif;
  padding:6px 8px;border-bottom:4px solid transparent;
  background-image:repeating-linear-gradient(90deg,#4C6B2F 0 6px,transparent 6px 12px,#4C6B2F 12px 21px,transparent 21px 27px);
  background-position:0 100%;background-size:100% 4px;background-repeat:repeat-x}
.sbbody{padding:8px}
.tree{list-style:none;margin:0;padding:0}
.tree li{padding:3px 0 3px 10px;border-bottom:1px solid #d8d8d8;font-size:13px}
.tree li:last-child{border-bottom:0}
.tree a{text-decoration:none}
.tree a:hover{text-decoration:underline}
.tree .here{font-weight:bold;color:#1A1A1A}

.bar{margin:0 0 12px;font:bold 24px Arial,Helvetica,sans-serif;padding-bottom:6px;
  border-bottom:2px solid #4C6B2F}
h1.bar{font-size:24px}
.center h2.bar{font-size:20px;margin-top:28px}
.center section+section{margin-top:8px}
.prose{max-width:62ch}
.prose p{margin:0 0 12px}
.prose h2{font:bold 18px Arial,Helvetica,sans-serif;margin:22px 0 8px;color:#1A1A1A}
.prose ul{margin:0 0 12px 18px;padding:0}
.serviceline{margin:0 0 6px;font-weight:bold}

.grid{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cell{border:1px solid #CCC;padding:12px;text-align:center;background:#fff}
.plate{display:block;height:44px;width:120px;margin:0 auto 10px;
  background-color:transparent;
  background-image:
    linear-gradient(#4C6B2F,#4C6B2F),
    linear-gradient(#4C6B2F,#4C6B2F),
    repeating-linear-gradient(90deg,#4C6B2F 0 4px,transparent 4px 12px,#4C6B2F 12px 16px,transparent 16px 27px);
  background-size:100% 4px,100% 4px,100% 26px;
  background-position:0 6px,0 36px,0 9px;
  background-repeat:no-repeat,no-repeat,repeat-x}
.cname{display:block;font:bold 16px Arial,Helvetica,sans-serif;text-decoration:none;margin-bottom:4px}
.cname:hover{text-decoration:underline}
.cstatus{display:block;font-size:13px;color:#555}

.detail{border:1px solid #CCC;margin-top:20px;padding:14px}
.detail h3{margin:0 0 10px;font:bold 18px Arial,Helvetica,sans-serif}
.specs{width:100%;border-collapse:collapse;font-size:13px}
.specs th{width:38%;text-align:left;font:bold 13px Tahoma,Geneva,sans-serif;
  padding:6px 8px;border-bottom:1px solid #CCC;vertical-align:top}
.specs td{padding:6px 8px;border-bottom:1px solid #CCC;
  font-family:Consolas,Menlo,"Courier New",monospace;font-variant-numeric:tabular-nums}
.more{margin:10px 0 0;font-size:13px}

.tablewrap{overflow-x:auto;margin:0 0 16px}
table.data{border-collapse:collapse;font-size:13px;min-width:280px}
table.data caption{text-align:left;font:bold 13px Tahoma,Geneva,sans-serif;padding:0 0 6px}
table.data th,table.data td{border:1px solid #CCC;padding:5px 12px;text-align:left}
table.data th{background:#E7E7E7;font:bold 13px Tahoma,Geneva,sans-serif}
table.data td.num{font-family:Consolas,Menlo,"Courier New",monospace;font-variant-numeric:tabular-nums}
table.data tr.grouprow th{background:#3B3B3B;color:#fff;letter-spacing:.06em}
.tnote{font-size:12px;color:#555;margin:6px 0 0}

blockquote.letter{margin:0 0 18px;padding:10px 14px;border-left:3px solid #4C6B2F;background:#F6F6F6}
blockquote.letter p{margin:0 0 10px}
blockquote.letter p:last-child{margin:0}
.sig{font:bold 13px Tahoma,Geneva,sans-serif;color:#1A1A1A;margin:6px 0 18px}

.factbox{border:1px solid #CCC;background:#F6F6F6;padding:12px;margin:0 0 16px}
.factbox h2{margin:0 0 8px;font:bold 16px Arial,Helvetica,sans-serif}
.contact-table{border-collapse:collapse;font-size:13px;width:100%;max-width:460px}
.contact-table th{text-align:left;font:bold 13px Tahoma,Geneva,sans-serif;padding:6px 10px 6px 0;
  border-bottom:1px solid #CCC;white-space:nowrap;vertical-align:top}
.contact-table td{padding:6px 0;border-bottom:1px solid #CCC;
  font-family:Consolas,Menlo,"Courier New",monospace;font-variant-numeric:tabular-nums}
.stage{margin:0 0 22px}
.stage h2{font:bold 18px Arial,Helvetica,sans-serif;margin:0 0 6px}

.foot{margin-top:8px;padding-bottom:28px}
.foot .footbar{text-align:center}
.attrib{text-align:center;font-size:12px;color:#555;margin:10px 0 2px}
.stamp{text-align:center;font-size:12px;color:#777;margin:0}

@media (max-width:900px){
  .band{flex-direction:column;align-items:flex-start;min-height:0}
  .tagline{text-align:left;max-width:none}
  .cols{grid-template-columns:minmax(0,1fr);gap:0}
  .rail{order:2;margin-top:8px}
  .center{order:1}
  .rail .sidebox{margin-bottom:12px}
}
@media (max-width:860px){.cols3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  body{font-size:16px}
  .prose{max-width:none}
  .dbl .sep{display:none}
  .ezbar .dbl{gap:14px}
  .foot .footbar{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
  .tree li{font-size:16px;padding:7px 0 7px 10px}
  .cstatus,.crumb{font-size:14px}
  .specs,.specs tbody,.specs tr,.specs th,.specs td{display:block;width:auto}
  .specs th{border-bottom:0;padding-bottom:0}
  .specs td{padding-top:2px;padding-bottom:10px}
  .contact-table,.contact-table tbody,.contact-table tr,.contact-table th,.contact-table td{display:block;width:auto}
  .contact-table th{border-bottom:0;padding-bottom:0}
  .contact-table td{padding-top:2px;padding-bottom:10px}
}
@media (max-width:620px){.cols3{grid-template-columns:minmax(0,1fr)}}