html.vcenter        { height: 100%; }

body                { margin: 0px;
                      background-color: #f6f6ff;
                      background-repeat: no-repeat;
                      font-family:
                      "Palatino Linotype",
                      "URW Palladio L",
                      "palladio l",
                      "palatino",
                      "book antiqua",
                      "serif";
                    }
body#firstpage      { height: 100%; }
body#pickpage       { background-image: url(./img/brother-left.png);
                      background-position: 0px 350px; }
body#shovelpage     { background-image: url(./img/brother-middle.png);
                      background-position: 0px 100px; }
body#salespage      { background-image: url(./img/brother-right.png);
                      background-position: bottom right; }

/* see http://d-graff.de/fricca/center.html */
div#distance        { width: 1px;
                      height: 50%;
                      float: left;
                      margin-bottom: -300px;
                    }
div#container       { margin: 0 auto;
                      position: relative;
                      text-align: left;
                      height: 560px;
                      width: 640px;
                      clear: left;
                    }

div.page            { width: 640px;
                      font-size: large;
                      text-align: left;
                      margin: 0 auto; }

body.photo div.page  { width: 800px;
                       font-size: large;
                       text-align: center;
                       margin: 0 auto; }

body#firstpage div.page
                   {  text-align: center; }

a                   { font-weight: bold;
                      text-decoration: none; }
a:link, a:visited   { color: #9f1b2e; }
a:hover             { color: #4b18f1; }
@media print {
    a                           { text-decoration: none; }
    a:link, a:visited, a:hover  { color: black; }
}

p.liquorwarning     { font-weight: bold; }

span.textonly       { display: none; }

/* animated image on title page */
div.mainlabel       { position: relative;
                      top: 20px;
                      height: 440px;
                      width:  640px;
                      margin-left: 26px;
                    }
div.mainlabel img   { position: absolute;
                      top:      0px;
                      border:   solid 0 black; }
div.mainlabel
  img#all           { left: 0px;
                      visibility: visible; }
div.mainlabel
  img#left          { left: 0px;
                      visibility: hidden; }
div.mainlabel
  img#middle        { left: 140px;
                      visibility: hidden; }
div.mainlabel
  img#right         { left: 378px;
                      visibility: hidden; }

img.title           { margin-top:  20px;
                      border: solid 0 black; }
body#firstpage
  img.title         { padding-top:  30px;
                      cursor: pointer; }

div.text            { padding-left: 30px;
                      margin-right: 30px;
                      min-height: 420px;
                      text-align: justify; }
body#salespage
  div.text          { padding-left: 130px;
                      padding-right: 60px; }
body#salespage
  img.borderleft    { float: left;
                      margin-left: -120px; }

@media print {
    body#salespage div.text
                    { padding-left: 130px;
                      padding-right: 60px;
                      height: 420px; }
}

ul                  { list-style-type: square; }
ul.distinct li      { margin-left: -20px;
                      padding-bottom: 1em; }

p                   { margin-top: 0; }

hr                  { display: none; }

address             { padding-left: 2em;
                      padding-bottom: 1em; }

/* Footers */
div.footer          { color: black;
                      width: 640px;
                      height: 50px;
                      background-color: #c7a6ac;
                      margin-top: 20px;
                      text-align: center;
                      font-size: small;
                      line-height: 3.75em;
                    }
body.photo div.footer { margin: 0 auto; }
div.footer img.left  { float: left;
                       padding-left: 10px; }
div.footer img.right { float: right;
                       padding-right: 10px; }
@media print {
    div.footer div.left  { }
    div.footer div.right { display: none }
}
div.footer a         { font-weight: bold; text-decoration: none; }
div.footer a:link,
div.footer a:visited { color: black; }
div.footer a:hover   { color: #4b18f1; }

div.footer img.corner-topleft  { width: 10px;
                                 float: left; }
div.footer img.corner-topright { width: 10px;
                                 float: right; }
div.footer span.left           { float: left; }
div.footer span.right          { float: right; }

@media print {
    div.footer span.right,
    div.footer img.corner-topright,
    div.footer img.corner-topleft    { display: none }
}

/* Inserts */
div.photocenter,
div.photoleft,
div.photoright        { text-align: center;
                        margin:        .5em;
                        margin-top:    .8em;
                        margin-bottom: .2em;
                        padding: 0px; }
div.photoleft         { float: left; }
div.photoright        { float: right; }
div.photocenter       { float: center; }

body.photo div.photocenter { padding-top: 5em;
                             padding-bottom: 10em; }

/* Order form */
legend                { font-weight: bold;
                        color: black; }
fieldset              { margin-bottom: 1em; }
label                 { float: left;
                        width: 15em; }
input.text            { width: 20em; }
input.number          { width: 10em; }
div.send              { height: 4ex; }
input.send            { float: right;
                        width: 8em;
                        margin-right: .5em; }
fieldset.remarks      { text-align: center; }