/* Disable iOS Safari text auto-inflation */
html {
  -webkit-text-size-adjust: 100%;
}

/* Body defaults — match the current <font size=2 face=Verdana, Arial> look */
body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

/* Centered 620px page wrapper */
.page-wrapper {
  width: 620px;
  margin: 0 auto;
}

/* Header: banner image */
header {
  text-align: center;
}

header img {
  display: block;
}

/* Headings — match <font size="+1/+2/+3"> rendering */
h1 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0.5em 0;
}

h2 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 0.5em 0;
}

h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0.5em 0;
}

/* ---- Navigation bar ---- */

/* Nav row 1: Menu | Suds & Suds | Tour | Coupons */
.nav-menu a {
  display: block;
  background-repeat: no-repeat;
  background-position: 0 0;
  overflow: hidden;
}

.nav-menu {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.nav-menu td {
  padding: 0;
  line-height: 0;
  font-size: 0;
}

.nav-foodmenu {
  width: 113px;
  height: 24px;
  background-image: url('/images/layout_02.jpg');
}
.nav-foodmenu:hover {
  background-image: url('/images/layout_02-over.jpg');
}

.nav-sudssuds {
  width: 155px;
  height: 24px;
  background-image: url('/images/layout_03.jpg');
}
.nav-sudssuds:hover {
  background-image: url('/images/layout_03-over.jpg');
}

.nav-tour {
  width: 89px;
  height: 24px;
  background-image: url('/images/layout_04.jpg');
}
.nav-tour:hover {
  background-image: url('/images/layout_04-over.jpg');
}

.nav-coupons {
  width: 118px;
  height: 24px;
  background-image: url('/images/layout_05.jpg');
}
.nav-coupons:hover {
  background-image: url('/images/layout_05-over.jpg');
}

/* Nav row 2: Donations | Job Info */
.nav-donations {
  width: 207px;
  height: 24px;
  background-image: url('/images/layout_08.jpg');
}
.nav-donations:hover {
  background-image: url('/images/layout_08-over.jpg');
}

.nav-jobinfo {
  width: 178px;
  height: 24px;
  background-image: url('/images/layout_06_new.jpg');
}
.nav-jobinfo:hover {
  background-image: url('/images/layout_06-over_new.jpg');
}

/* Visually hidden — accessible to screen readers */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ---- Contact / hours block ---- */
.contact-hours {
  text-align: center;
  font-weight: bold;
}

.contact-hours .delivery-note {
  font-size: 10px;
  font-style: italic;
  font-weight: normal;
}

.contact-hours .phone {
  font-size: 14px;
}

/* Horizontal rules — match <hr width="60%" size="2"> */
hr {
  width: 60%;
  height: 2px;
  border: none;
  background-color: #808080;
  margin: 1em auto;
}

/* ---- Bottom (footer) navigation ---- */
.bottom-nav {
  text-align: center;
  font-weight: bold;
  margin: 1em 0;
}

.bottom-nav a {
  text-decoration: underline;
}

/* ---- Content helpers ---- */

/* Replace <blockquote> indentation */
.indent {
  margin-left: 40px;
  margin-right: 40px;
}

/* Coupon boxes */
.coupon {
  border: 2px solid;
  padding: 16px;
  text-align: center;
  margin: 0 auto 1em auto;
}

.coupon .coupon-title {
  font-size: 14px;
  font-weight: bold;
}

/* Fine print */
.fineprint {
  font-size: 10px;
}

/* ---- Menu page pricing tables ---- */
.menu-section-nav {
  text-align: center;
  font-weight: bold;
}

.price-table {
  border-collapse: collapse;
  margin: 0 auto;
}

.price-table td,
.price-table th {
  padding: 2px;
}

.price-table td.size-label {
  background-color: #AEB0AE;
  font-weight: bold;
}

.menu-heading {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

/* ---- Tour pages ---- */
.tour-table {
  border-collapse: collapse;
  border-spacing: 0;
}

.tour-table td {
  text-align: center;
  padding: 4px;
}

.tour-table th {
  padding: 0;
}