/**
 * Defaults and Resets
 */
html, body {}

body {}

form {margin: 0; padding: 0;}

img {border: 0;}

td {vertical-align: top;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}
.clearfix {zoom: 1;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/**
 * Layout
 */
#productLookup {text-align: center;}
#productLookup form {margin: 40px 0 20px 0;}
#productLookup form input[type="text"] {width: 70px;}
#productLookup .resultsContainer {min-height: 50px; background: no-repeat center top;}
#productLookup .loading {background-image: url(../images/loading.gif);}

#checkout .row {padding: 0 0 5px 0;}
#checkout .label {float: left; width: 160px; padding: 0 20px 0 0;}
#checkout .field {float: left; width: 300px;}
#checkout input[type="text"] {width: 200px; padding: 3px; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; line-height: normal;}

.main-content {color: #fff; font-size: 12px; line-height: 18px;}

/**
 * Cart
 */
table.cart {width: 100%; border-collapse: collapse;}
table.cart th {border: solid 1px #ccc;}
table.cart th,
table.cart td {padding: 7px 10px; vertical-align: middle;}
table.cart td {border: solid 1px #ccc;}
table.cart th {text-align: left; color: #000; font-weight: normal; background: #e1e1e1;}
table.cart .image {width: 50px;}
table.cart .remove {width: 50px;}
table.cart .quantity {text-align: center;}
table.cart .total {text-align: right;}

.cartLineItems {float: right;}
.cartLineItems table th {text-align: right; font-weight: normal;}
.cartLineItems table td {text-align: right; padding: 2px 10px;}
.cartLineItems table tr.total {font-size: 18px; font-weight: bold;}

.checkout {text-align: right;}

/**
 * Miscellaneous
 */
 .messages {margin: 0 0 20px 0; padding: 10px;}
 .messages ul {margin: 0; padding: 0 0 0 20px;}
 
 .error-messages {background: #ff0000; color: #fff;}