:root{--canvas:#FFFFFF;--box:#EEEEEE;--cobalt:#336699;--saffron:#B8541A;
--ink:#111111;--meta:#444444;--rule:#CCCCCC;--plate:#F7F4EC}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:var(--ink);
font:13px/1.55 Verdana,Geneva,"DejaVu Sans",sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--cobalt)}
a:focus-visible,.skip:focus{outline:2px solid var(--saffron);outline-offset:2px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;position:fixed;z-index:9;background:#fff;
border:1px solid var(--cobalt);padding:6px 10px}
.wrap{max-width:1100px;margin:0 auto;border-left:1px solid var(--rule);
border-right:1px solid var(--rule);background:var(--canvas)}

/* header */
.masthead{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;
justify-content:space-between;padding:12px 14px 10px}
.masthead .mark img{width:300px;max-width:100%}
.util{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;font-size:11.5px}
.util .u{display:flex;align-items:center;gap:5px;color:var(--meta)}
.util .u b{font-weight:normal}
.ico{width:16px;height:16px;border:1px solid var(--cobalt);display:inline-block;
position:relative;flex:0 0 auto}
.ico::after{content:"";position:absolute;left:3px;top:3px;width:8px;height:8px;
border-right:2px solid var(--cobalt);border-bottom:2px solid var(--cobalt);
transform:rotate(-45deg)}
.care{font-size:11.5px;color:var(--meta);white-space:nowrap}

/* cobalt strip + breadcrumb */
.strip{background:var(--cobalt);padding:0 8px}
.strip ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap}
.strip a{display:block;color:#fff;text-decoration:none;font-size:11.5px;
padding:4px 9px;line-height:1.15}
.strip a:hover,.strip a:focus{text-decoration:underline}
.path{border-bottom:1px solid var(--rule);padding:5px 14px;font-size:11.5px;color:var(--meta)}
.path a{text-decoration:none}
.path a:hover{text-decoration:underline}

/* shell */
table.shell{width:100%;border-collapse:collapse}
table.shell>tbody>tr>td{vertical-align:top;padding:12px 10px}
td.railL{width:180px;border-right:1px solid var(--rule)}
td.railR{width:180px;border-left:1px solid var(--rule)}
td.centre{padding:12px 16px}

/* infobox */
.box{margin:0 0 14px}
.box h2,.box h3{margin:0;background:var(--cobalt);color:#fff;font:bold 12px/1.2 Arial,sans-serif;
letter-spacing:.04em;text-transform:uppercase;padding:5px 7px 5px 20px;position:relative}
.box h2::before,.box h3::before{content:"";position:absolute;left:7px;top:7px;width:0;height:0;
border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent}
.box .lid{height:0;border-top:1px solid var(--saffron)}
.box .bd{background:var(--box);border:1px dashed var(--rule);border-top:0;padding:7px 8px;font-size:12px}
.box ul{margin:0;padding:0;list-style:none}
.box li{padding:2px 0;border-bottom:1px solid #E2E2E2}
.box li:last-child{border-bottom:0}
.box li a{text-decoration:none}
.box li a:hover{text-decoration:underline}
.box .n{color:var(--meta);font-size:11px}
.box p{margin:0 0 6px}
.box p:last-child{margin-bottom:0}

/* centre headings */
h1{font:bold 20px/1.3 Arial,sans-serif;margin:0 0 4px}
.welcome{text-align:center;padding:2px 0 10px;border-bottom:1px solid var(--rule);margin-bottom:14px}
.welcome .stamp{font-size:11.5px;color:var(--meta);letter-spacing:.05em;text-transform:uppercase}
.welcome p{margin:8px auto 0;max-width:56em;text-align:left}
.band{background:#F4F4F4;border:1px solid var(--rule);padding:5px 9px;margin:0 0 10px;
font:bold 15px/1.3 Arial,sans-serif;display:flex;justify-content:space-between;
align-items:baseline;gap:10px;flex-wrap:wrap}
.band .n{font:normal 11.5px/1.3 Verdana,sans-serif;color:var(--meta)}
.band a{text-decoration:none}

/* dashed new-products plate */
.newbox{border:1px dashed var(--rule);background:var(--plate);padding:10px;margin:0 0 20px}
.newbox>h2{margin:0 0 8px;font:bold 14px/1.3 Arial,sans-serif;text-align:center;
color:var(--cobalt);text-transform:uppercase;letter-spacing:.06em}
.newbox>h2 .lid{display:block;width:120px;margin:5px auto 0;border-top:1px solid var(--saffron)}

/* product grid tables */
table.grid{width:100%;border-collapse:collapse;table-layout:fixed}
table.grid td{width:33.33%;border:1px solid var(--rule);padding:9px 8px;vertical-align:top;
text-align:center;background:#fff}
.newbox table.grid td{border:1px solid #DED6C4}
.cell img{margin:0 auto 6px;width:120px;height:100px}
.cell .nm{display:block;font-size:12.5px;line-height:1.35;text-decoration:none}
.cell .nm:hover{text-decoration:underline}
.cell .hs{display:block;color:var(--meta);font-size:11px;margin-top:3px}
.cell .pr{display:block;margin-top:4px;font:bold 14px/1.2 Verdana,sans-serif;
font-variant-numeric:tabular-nums;color:var(--ink)}
.cell .wt{color:var(--meta);font-size:11px;font-variant-numeric:tabular-nums}

/* featured record */
.record{border:1px solid var(--rule);padding:10px;margin:0 0 18px;display:flex;gap:12px;
flex-wrap:wrap;align-items:flex-start}
.record img{width:120px;height:100px;flex:0 0 auto}
.record .rb{flex:1 1 260px;min-width:0}
.record h3{margin:0 0 3px;font:bold 15px/1.3 Arial,sans-serif}
.record h3 a{text-decoration:none}
.record dl{margin:6px 0 0;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:12px}
.record dt{color:var(--meta)}
.record dd{margin:0;font-variant-numeric:tabular-nums}

/* product sheet */
.stage{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start;
border-bottom:1px solid var(--rule);padding-bottom:14px;margin-bottom:14px}
.stage img{width:180px;height:150px;flex:0 0 auto;border:1px solid var(--rule)}
.stage .sb{flex:1 1 280px;min-width:0}
.stage .house{color:var(--meta);margin:0 0 8px}
.stage .price{font:bold 22px/1.2 Verdana,sans-serif;font-variant-numeric:tabular-nums;margin:0}
.stage .stock{margin:4px 0 0;font-size:12px;color:#2F5F2F}
.lede{max-width:62em;margin:0 0 16px}
h2.sec{font:bold 15px/1.3 Arial,sans-serif;margin:18px 0 8px;border-bottom:1px solid var(--rule);
padding-bottom:4px}
table.spec{width:100%;border-collapse:collapse;margin:0 0 4px}
table.spec th,table.spec td{border:1px solid var(--rule);padding:6px 9px;text-align:left;
font-size:12.5px;vertical-align:top}
table.spec th{background:#F4F4F4;width:34%;font:bold 12.5px/1.4 Verdana,sans-serif;color:var(--meta)}
table.spec caption{caption-side:top;text-align:left;font-size:11.5px;color:var(--meta);padding:0 0 5px}
table.spec td{font-variant-numeric:tabular-nums}
.housenote{border:1px dashed var(--rule);background:var(--plate);padding:9px 11px;margin:0 0 4px}
.housenote .lid{height:0;border-top:1px solid var(--saffron);margin:0 0 7px}
.housenote p{margin:0}
.related{margin:18px 0 0;padding-top:10px;border-top:1px solid var(--rule);font-size:12.5px}
.related a{margin-right:14px}

/* prose */
.prose{max-width:62em}
.prose p{margin:0 0 12px}
.prose h2{font:bold 15px/1.35 Arial,sans-serif;margin:18px 0 7px}
.prose h3{font:bold 13.5px/1.35 Arial,sans-serif;margin:15px 0 6px}
.prose .meta{color:var(--meta);font-size:11.5px}
.rows{border-top:1px solid var(--rule)}
.rows .row{border-bottom:1px solid var(--rule);padding:9px 0}
.rows .q{font:bold 13px/1.4 Arial,sans-serif;margin:0 0 4px}
.rows .a{margin:0}
table.regions{width:100%;border-collapse:collapse}
table.regions th,table.regions td{border:1px solid var(--rule);padding:6px 9px;
text-align:left;font-size:12.5px;vertical-align:top}
table.regions th{background:#F4F4F4;width:22%}

/* footer */
.footbar{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
background:#F4F4F4;padding:6px 14px;display:flex;justify-content:space-between;
gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--meta)}
.footcols{display:flex;flex-wrap:wrap;gap:26px;padding:14px}
.footcols section{min-width:150px}
.footcols h2{font:bold 12px/1.3 Arial,sans-serif;text-transform:uppercase;
letter-spacing:.04em;margin:0 0 6px;color:var(--cobalt)}
.footcols ul{margin:0;padding:0;list-style:none;font-size:12px}
.footcols li{padding:2px 0}
.footcols a{text-decoration:none}
.footcols a:hover{text-decoration:underline}
.footcols address{font-style:normal;font-size:12px;color:var(--meta);line-height:1.6}
.copyline{text-align:center;font-size:11.5px;color:var(--meta);
padding:9px 14px 16px;border-top:1px solid var(--rule)}

@media (max-width:900px){
 body{font-size:16px}
 .wrap{border-left:0;border-right:0}
 table.shell,table.shell>tbody,table.shell>tbody>tr,table.shell>tbody>tr>td{display:block;width:auto}
 td.railL,td.railR{width:auto;border:0}
 td.railL{border-bottom:1px solid var(--rule)}
 td.railR{border-top:1px solid var(--rule)}
 .strip ul{flex-wrap:nowrap;overflow-x:auto}
 .strip a{white-space:nowrap;font-size:14px;padding:7px 11px}
 .path{font-size:13px}
 .box .bd,.box li,.cell .nm{font-size:14px}
 .cell .hs,.cell .wt,.box .n{font-size:12.5px}
 table.grid td{width:50%}
 .newbox table.grid td{display:block;width:auto;border-bottom:0}
 .newbox table.grid td:last-child{border-bottom:1px solid #DED6C4}
 .stage img{width:150px;height:125px}
 table.spec th,table.spec td{display:block;width:auto;border-bottom:0;font-size:14px}
 table.spec tr:last-child td{border-bottom:1px solid var(--rule)}
 table.regions th,table.regions td{display:block;width:auto;border-bottom:0;font-size:14px}
 table.regions tr:last-child td{border-bottom:1px solid var(--rule)}
}
@media (max-width:420px){
 table.grid td{display:block;width:auto;border-bottom:0}
 table.grid tr:last-child td:last-child{border-bottom:1px solid var(--rule)}
}
.plain{margin:0;padding:0;list-style:none}.plain li{padding:2px 0}