/* The "before": an old fixed-width template. Deliberately plain and dated, with no motion. */
body{margin:0;padding:0 0 30px;background:#cfc8bb repeating-linear-gradient(45deg,#cfc8bb 0 4px,#c8c0b2 4px 8px);font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#333}
.demobar{background:#1b0f1f;color:#fff;font:15px/1.4 Arial,sans-serif;text-align:center;padding:9px}
.demobar strong{color:#f3dca6}
.demobar a{color:#fff}
#container{width:960px;margin:14px auto 0;background:#fff;border:1px solid #999;box-shadow:2px 2px 6px #999}
#header{background:#7b1f2a;background:linear-gradient(#95293a,#5d1220);padding:22px 20px 16px;border-bottom:4px solid #d4af37}
#header h1{margin:0;font:bold 36px Georgia,"Times New Roman",serif;color:#fff;text-shadow:2px 2px 2px #000}
#header .tag{margin:4px 0 0;font:italic 13px Georgia,serif;color:#f1d7a0}
#menu{background:#ddd;background:linear-gradient(#f4f4f4,#c9c9c9);border-bottom:1px solid #999;padding:0 10px}
#menu a{display:inline-block;padding:8px 16px;font:bold 11px Verdana,sans-serif;color:#333;text-decoration:none;border-right:1px solid #aaa}
#menu a.current{background:#7b1f2a;color:#fff}
#notice{background:#fff3b0;border-bottom:1px solid #d9c56b;color:#8b0000;font:bold 12px Arial,sans-serif;text-align:center;padding:6px}
#main{padding:16px 20px}
#content{float:left;width:640px}
#sidebar{float:right;width:260px}
.clear{clear:both}
h2{font:bold 18px Georgia,serif;color:#7b1f2a;border-bottom:1px dotted #7b1f2a;margin:18px 0 8px;padding-bottom:3px}
h3{margin:0 0 6px;font:bold 13px Arial,sans-serif;color:#fff;background:#7b1f2a;padding:4px 6px}
p{line-height:1.5;margin:0 0 10px}
a{color:#0000cc}
.products{width:100%;border-collapse:collapse}
.products td{width:25%;text-align:center;font-weight:bold;padding:6px;vertical-align:top}
.noimg{height:110px;background:#e6e6e6;border:1px solid #bbb;color:#777;font:11px Arial,sans-serif;line-height:110px;margin-bottom:4px}
.box{background:#f6f1e7;border:1px solid #d3c7ad;padding:0 0 4px;margin:18px 0 12px}
.box p{padding:0 8px}
#footer{background:#5d1220;color:#e0c9c9;font-size:10px;text-align:center;padding:10px}

/* Demo label: fixed, 28px, bottom-right on every page of the demo site (no inline style: strict CSP). */
.demo-label{position:fixed;right:8px;bottom:8px;z-index:9999;display:inline-flex;align-items:center;height:28px;box-sizing:border-box;padding:0 11px;border-radius:999px;background:rgba(10,11,13,.86);color:#fff;border:1px solid rgba(255,255,255,.2);font:500 12px/1 system-ui,sans-serif;text-decoration:none;white-space:nowrap}
.demo-label:hover{background:#000}