/* CancelBarrel 2003 theme */
body { margin:0; padding:16px; font: 13px Verdana, Tahoma, Arial, sans-serif; color:#222; }
a { color:#0033cc; text-decoration: underline; }
a:hover { color:#cc0000; }
table.frame { width: 900px; background:#f7f2ea; border: 2px solid #5a412c; }
.hdr { background:#efe3cf url('../img/wood_tile.png') top left; padding:10px; border-bottom:2px solid #5a412c; }
.logo { font: bold 32px Georgia, 'Times New Roman', serif; color:#4a2f1c; text-shadow: 1px 1px #fff; letter-spacing:1px }
.logo span { color:#b96d12 }
.tag { color:#7a5a3a; margin-top:4px }
.nav { margin:6px 0 4px 0; font-weight:bold }
.marq { background:#fff5dd; color:#6a3f0f; border:1px solid #d9c29a; padding:3px; }
.bodycell { padding:12px; }
.ftr { background:#efe3cf; color:#6a4a2f; text-align:center; padding:10px; border-top:2px solid #5a412c }

/* Home */
.home-intro { background:#fff; border:1px solid #d9c29a; padding:10px; }
.home-cols { width:100%; }
.box { background:#fff; border:1px solid #d9c29a; padding:8px; }
h1,h2,h3{ margin:6px 0; color:#4a2f1c; font-family:Georgia, 'Times New Roman', serif }
.muted{ color:#6b6b6b }

/* Product grid (old-school table) */
.prodtable { width:100%; border-collapse:collapse }
.prodtable td { width:33%; vertical-align:top; padding:8px; border-bottom:1px dotted #cdb79e }
.pcard { background:#fff; border:1px solid #d9c29a; padding:6px; }
.pcard .title { font-weight:bold }
.pcard .price { color:#006600; font-weight:bold }
.btn { display:inline-block; padding:3px 6px; border:1px solid #666; background:#f2f2f2; color:#000; text-decoration:none; }
.btn:hover { background:#e9e9e9; }

/* Product detail */
.detail { width:100%; }
.detail .left { width:45%; vertical-align:top }
.detail .right { width:55%; vertical-align:top }
.table { width:100%; border-collapse:collapse }
.table th,.table td{ border:1px solid #d9c29a; padding:6px; }

/* Forms */
input, textarea { font: 13px Verdana, Tahoma, Arial; }
.notice { padding:6px; background:#fff9e0; border:1px solid #d9c29a; margin:6px 0 }
.notice.error{ background:#ffe9e9; border-color:#f0aaaa }
.small{ font-size:11px }
.center{ text-align:center }

/* --- polish --- */
.logo-cell{width:60px}
.title-cell{padding-left:6px}
.logo{letter-spacing:1px}
.box, .home-intro, .pcard { box-shadow: 0 1px 0 #fff inset, 0 2px 6px rgba(0,0,0,.06); }
.btn{border-radius:3px}

/* responsive breakpoints (still simple) */
@media screen and (max-width: 980px){
  table.frame{width:96%}
  .prodtable td{width:50%}
}
@media screen and (max-width: 640px){
  .prodtable, .prodtable tr, .prodtable td{display:block;width:100%}
  .prodtable td{border-bottom:0}
  .pcard{margin-bottom:8px}
}

/* simple hover for links/buttons */
.nav a{padding:0 3px}
.nav a:hover{background:#fff3c6}
.pcard:hover{border-color:#bfa277}

/* tiny ticker tweak */
.marq{font-size:12px}

/* === 2000s extras === */
.btn{background:#f5f2e9;border:1px solid #7a6a51;border-top-color:#a89776;border-left-color:#a89776;box-shadow:inset 0 1px 0 #fff}
.btn:active{box-shadow:inset 0 2px 3px rgba(0,0,0,.2)}
hr.dots{border:0;border-top:1px dotted #c9b69a;margin:8px 0}
.badge-new{background:#ffef9c;border:1px solid #d6b64e;padding:1px 4px;font-size:10px}
.tip{border-bottom:1px dotted #333;cursor:help}
/* bottom ticker */
.ticker-bottom{background:#fff5dd;color:#6a3f0f;border:1px solid #d9c29a;padding:3px;margin-top:6px}
/* table hover */
.prodtable tr:hover td{background:#fffdf6}
/* Back-to-top */
.backtop{position:fixed;right:10px;bottom:10px;background:#fffbe8;border:1px solid #d9c29a;padding:5px 8px;display:none}
/* Theme switch */
.theme{font-size:11px;margin-top:4px}
.theme a{color:#6a3f0f}
/* Print */
@media print{
  body{background:#fff}
  table.frame{border:0;width:auto}
  .hdr,.ftr,.marq,.nav,.backtop{display:none}
}

/* mobile fine-tune */
@media screen and (max-width:480px){
  .logo{font-size:26px}
  .logo-cell img{height:40px}
  .tag{font-size:11px}
}