body, td { font: 0.7em verdana, arial, helvetica, sans-serif; color: #123456; }
body { background: white; scrollbar-track-color: white; }
a:link { text-decoration: none; color: blue; }
a:visited { text-decoration: none; color: purple; }
a:hover, a:focus { text-decoration: underline; color: green; }
a:active { text-decoration: underline; color: red; }
h1, h2 { margin: 0; }
h1, form, .maintable td, .footer { text-align: center; }
h1 { font-size: 1.6em; }
h2, .letter { font-size: 1.4em; }
h2:first-letter, .letter, hr { color: #a03366; }
hr, .footer { margin-top: 2em; }
hr { height: 1px; }
span { font-size: 1em; }
td { vertical-align: top; padding: 0; }
form, .maintable td, .baxtom, .tp { padding: 1em 0; }
.maintable td, .pad td { width: 25%; }
.pad, .pad td { padding: 1em 1em 2em 1em; }
.baxtom { letter-spacing: 0.4em; }
.baxtom img { margin-bottom: -1px; }
.coupon { margin-top: 1em; }
.coupon img { margin-bottom: -3px; }
.small { font-style: italic; }

@media screen {
h1, h2, .inputtext { color: #123789; }
.table, .main { border: 1px solid silver; }
.table { border-collapse: collapse; }
.button, .button1 { color: white; border: 1px solid #123789; }
.button { background: blue; }
.button1 { background: green; cursor: pointer; }
.inputtext { border-width: 2px 1px 2px 2px; border-style: solid; }
.caption, .caption a:link, .caption a:visited { color: white; background: #a03366; }
.baxtop img { margin: 0 20%; }
.tp { margin-bottom: 2em; position: relative; top: 2em; right: 2em; }
.letter { position: relative; top: 1.1em; right: 1.1em; width: 1em; }
}