h2 {color: #880000; margin: 0px; padding: 0px;}
div.ice-cream-ordering {width: 290px; height: 290px; position: relative; float: left; margin: 40px 13px 20px 0px; padding: 10px; border: 1px solid #9d682c; border-right: 3px solid #9d682c; border-bottom: 3px solid #9d682c; background: url("/images/ice-cream-4-pack.jpg") bottom right no-repeat;}
div.ice-cream-ordering p, div.ice-cream-ordering ul, div.ice-cream-ordering ol {font-size:12px; line-height:17px; padding-bottom: 0px; color:#000000;}
div.iced-tea-ordering {width: 290px; height: 290px; position: relative; float: left; margin: 40px 13px 20px 0px; padding: 10px; border: 1px solid #9d682c; border-right: 3px solid #9d682c; border-bottom: 3px solid #9d682c; background: url("/images/iced-tea-4-pack.jpg") bottom right no-repeat;}
div.iced-tea-ordering p, div.iced-tea-ordering ul, div.iced-tea-ordering ol {font-size:12px; line-height:17px; padding-bottom: 0px; color:#000000;}

img.order-button {position: absolute; bottom: 8px; left: 8px; float: left;}
img.4-pack {position: absolute; bottom: 8px; right: 8px; float: right;}
p.disclaimer {margin: 0px; padding: 0px;}

#expected-delivery {clear: both; width: 190px; margin: 40px 0px 20px 0px; padding: 0px; border: 1px solid #880000;}
#expected-delivery p {padding: 5px; font-size: 11px; line-height: 13px; color: #000000;}
#expected-delivery h4 {float: left; width: 120px; margin: 0px 0px 8px 0px; padding: 5px 0px 0px 5px; line-height: 17px; color: #D14223;}
div#delivery-date {position: relative; float: right; width: 45px; height: 40px; margin: 5px 5px 0px 0px; background: url("/images/calendar-icon.gif") top right no-repeat;}
div#delivery-date p {position: absolute; bottom: 3px; left: 4px; font-size: 18px; font-weight: bold;}
.border-top {border-top: 1px solid #880000; margin-top: 5px;}
.sliding-content {background-color: #e1e1e1;}

#left-column {width:695px; float:left; position:relative;}
input {margin: 0px 5px 0px 20px;}

#select-4-pack {float: left; width: 172px; margin: 0px 0px 0px 0px;}
#select-4-pack p {margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; font-size: 11px; line-height: 16px; color: #000000;}
#select-4-pack .label {margin: 0px; padding: 0px; font-size: 11px; font-weight: bold; line-height: 16px; color: #000000;}
#select-4-pack select {width:167px; margin: 7px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 9px;}
#select-4-pack select option {width:153px;}

#created-4-packs {margin: 115px 0px 0px 0px; padding: 0px 0px 0px 10px; border-left: 1px solid #880000;}
#created-4-packs h4 {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; color: #880000;}
#created-4-packs p {position: relative; width: 190px; height: 20px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 12px; line-height: 12px; color: #000000;}
#created-4-packs ol {list-style-type: none; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; font-size: 11px;}
#created-4-packs li {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px;}

table#cart {border: 1px solid #AA6727; border-collapse: collapse; margin: 20px 0px 20px 0px; text-align: left; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000;}
table#cart col#item {width: 120px; text-align: left;}
table#cart col#description {width: 240px; text-align: left;}
table#cart col#remove {width: 70px; text-align: left;}
table#cart col#quantity {width: 90px; text-align: center;}
table#cart col#price {width: 110px; text-align: left;}
table#cart th {padding: 10px 5px; text-align: left; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #AA6727; color:#ffffff;}
table#cart td {padding: 10px 5px; text-align: left; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000;}
table#cart tr.odd  {background-color: #FFFFFF;}
table#cart tr.even {background-color: #FFF9F1;}
table#cart tr.total {border-top: 1px solid #000000;}
table#cart ol {list-style-type: none; margin: 0px; padding: 0px; font-size: 11px;}
table#cart li {margin: 0px; padding: 0px;}

div.customer-info {width: 320px; float: left; margin-right: 15px;}
div.customer-info h3 {padding: 0px; margin: 20px 0px 5px 0px; font-size: 15px; font-weight: bold; color: #000000; border-bottom: 1px solid #000000;}
div.customer-info p {font-size: 12px; color: #000000;}
a.edit {padding: 0px 0px 0px 20px; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif;}
table.info-summary td.left {width: 90px; text-align: right; padding: 2px 6px 2px 0px; font-size: 12px; color: #000000;}
table.info-summary td.right {width: 210px; text-align: left; padding: 2px 6px 2px 0px; font-size: 12px; color: #000000;}

div#credit-card {clear: both; float: left; width: 400px; margin: 30px 0px 0px 0px; padding: 10px; border: 1px solid #9d682c; border-right: 3px solid #9d682c; border-bottom: 3px solid #9d682c;}
div#credit-card h3 {margin: 0px; padding: 0px;}
div#credit-card p {margin: 0px; padding: 5px 0px 0px 0px; font-size: 12px;}
div#credit-card select {margin: 0px 10px 0px 10px; padding: 0px; font-size: 10px;}
div#credit-card input {margin: 0px 10px 0px 10px; padding: 0px; font-size: 10px;}

.ValidationSummary { color: red; width:80%; font-weight:bold; font-family: Arial,Helvetica,Verdana,sans-serif; background-color:#FFFFC0; padding:5px; margin-left:5px; margin-right:5px; margin-bottom:5px; margin-top:5px; border-color:#000000; border-style:solid; border-width:1px;}
.ValidationSummary ul { color: red;  margin: 0; padding: 0; margin-left: 80px; }    
