body {
    font-family: verdana, sans-serif;
    font-size: 12px;
    margin: 2em 10%;
}

h1 {
    font-size: 175%;
    font-weight: normal;
    color: #006;
    letter-spacing: 0.1em;
}

h2 {
    font-size: 133%;
    font-weight: normal;
    color: #666;
    letter-spacing: 0.1em;
}

h3 {
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 1em 0;
    padding: 0;
    border-bottom: 1px solid #000;
}

/**
* search form
*/

form {
    margin: 2em 10%;
    padding: 0;
    border: 3px double #ccc;
}

form div {
    background: #ffd;
    padding: 0.67em;
    margin: 1px;
    clear: both;
    text-align: right;
}

form label {
    display: block;
    float: left;
    text-align: left;
    font-weight: bold;
}

form input {
    font-size: 100%;
    padding: 0;
    margin: 0;
}

form div.submit {
    background: #ffc;
}

/**
* order tracking view
*/

p.back {
    background: #e7e7e7;
    padding: 0.33em 1em;
    margin: 0;
    font-weight: bold;
}

div#information {
    padding: 1em;
    border: 1px solid #ccc;
    margin: 0 0 2em 0;
}

div#information h3 {
    border: none;
}

div#information table {
    float: right;
    border-collapse: collapse;
}

div#information th {
    border-right: 6px solid #ccc;
    padding: 0.3ex 1em 0.3ex 2em;
    border-bottom: 2px solid #ccc;
    text-align: right;
}

div#information td {
    padding-left: 1em;
}

div#information ul {
    padding: 0;
    margin: 0;
}

div#information li {
    list-style-type: none;
}

div#information li.space-below {
    margin-bottom: 1em;
}

table#products {
    border-collapse: collapse;
    width: 100%;
}

table#products td, table#products th {
    padding: 0.5ex 1ex;
    text-align: left;
}

table#products th {
    border-bottom: 1px solid #ccc;
}

table#products .number {
    text-align: right;
}

table#products .odd {
    background: #f7f7f7;
}

table#products .even {
    background: #f0f0f0;
}

table#products .total td {
    text-align: right;
    font-weight: bold;
    padding-top: 0.67em;
}

table#history {
    border-collapse: collapse;
    margin-bottom: 1em;
}

table#history td {
    padding: 0.33ex 1.67em 0.33ex 0;
}

table#parcels {
    border-collapse: collapse;
}

table#parcels th, table#parcels td {
    text-align: right;
    padding-right: 2em;
}