body { margin: 0; background: #d9c3e8; font-family: "Times New Roman", Times, serif; font-size: 13px; color: #6b5a78; }
.sample-banner { background: #1b2138; color: #eef1fb; font: 14px/1.5 Arial, sans-serif; text-align: center; padding: 10px 16px; }
.sample-banner strong { color: #f8d7e0; }
#page { box-sizing: border-box; width: 760px; max-width: 100%; margin: 14px auto; background: #fff5fb; border: 3px double #b0409a; }
table { border-collapse: collapse; }
.header { width: 100%; background: #ff99cc; border-bottom: 2px solid #b0409a; }
.logo-cell { padding: 12px 14px; }
.logo { font: italic bold 30px "Brush Script MT", "Comic Sans MS", cursive; color: #7a0f63; text-shadow: 2px 2px 0 #fff; }
.logo-sub { font: bold 12px Arial, sans-serif; color: #ffffff; letter-spacing: 1px; }
.phone-cell { text-align: right; padding: 12px 14px; font: 12px Arial, sans-serif; color: #7a0f63; }
.phone-cell b { font-size: 15px; color: #00807f; }
.menu { width: 100%; background: #00a3a3; }
.menu td { text-align: center; border-right: 1px solid #66cccc; padding: 0; }
.menu a { display: block; padding: 6px 2px; color: #ffff99; font: bold 12px Verdana, Arial, sans-serif; text-decoration: none;
  background: linear-gradient(#33c0c0, #008c8c); border: 2px outset #66dada; }
.scroller { background: #ffff99; color: #cc0066; font: bold 11px Arial, sans-serif; padding: 3px 6px; text-align: center; border-bottom: 1px solid #e0c040; }
.body { width: 100%; }
.side { width: 150px; vertical-align: top; background: #f3dcf0; border-right: 1px dashed #c080c0; padding: 8px; }
.side-box { border: 1px solid #c080c0; background: #fff; margin-bottom: 10px; padding: 0 6px 4px; }
.side-h { background: #b0409a; color: #fff; font: bold 11px Arial, sans-serif; margin: 0 -6px 6px; padding: 3px 6px; }
.side a { color: #0000cc; font-size: 12px; }
.counter { text-align: center; margin: 4px 0; }
.counter span { display: inline-block; background: #000; color: #33ff33; font: bold 13px "Courier New", monospace; padding: 1px 3px; margin: 0 1px; border: 1px inset #666; }
.main { vertical-align: top; padding: 12px 16px; }
h1 { font: bold 22px "Comic Sans MS", Arial, sans-serif; color: #cc3399; text-align: center; margin: 4px 0 10px; }
h2 { font: bold 16px Arial, sans-serif; color: #00807f; border-bottom: 1px dotted #00a3a3; margin: 20px 0 8px; }
.intro { color: #9a86a8; line-height: 1.4; }
.center { text-align: center; }
.bevel { display: inline-block; background: #cc99ff; color: #330066; font: bold 12px Arial, sans-serif; padding: 5px 12px; border: 3px outset #e6ccff; }
.price { width: 90%; margin: 0 auto; background: #c080c0; font-size: 13px; }
.price th { background: #b0409a; color: #fff; font-family: Arial, sans-serif; }
.price td { background: #fff; color: #6b5a78; }
.price tr:nth-child(odd) td { background: #fde8f5; }
.note { font-size: 10px; color: #b8a8c0; font-style: italic; }
.hours { color: #8a78a0; }
.main a { color: #0000cc; }
.footer { background: #ff99cc; border-top: 2px solid #b0409a; text-align: center; padding: 6px; font: 11px Arial, sans-serif; color: #7a0f63; }
.footer a { color: #0000cc; }
.footer p { margin: 3px 0; }
.tiny { font-size: 9px; color: #a0608a; }
@media (max-width: 600px) {
  #page { margin: 0 auto; border-width: 2px; }
  .side { display: none; }
  .logo { font-size: 24px; }
  .main a { word-break: break-all; }
}