.OrderCart
{
    width: 200px;
    float: right;
    border: solid 2px #092E4C;
    background-color: #A9C5DC;
    margin: 20px 10px 0 0;
    padding: 10px;
}
.header
{
    background-color: #174A74;
    color: #fff;
    font-weight: bold;
}
.productimage
{
    background-color: #A9C5DC;
}
.linetotal
{
    background-color: #A9C5DC;
    font-weight: bold;
}
.lineitem
{
    border-bottom: solid 1px #174A74;
}
/* I have no idea why we have to do this ??? */
.spinbutton span
{
    visibility: hidden;
}
.OrderTotal
{
    font-weight: bold;
    font-size: 1.1em;
    padding: 5px;
    width: 400px;
    margin: 0 0 7px 0;
    border: solid 2px #092E4C;
    background-color: #A9C5DC;
}