/* CSS for Store / Zones module */
#cart, #combine_cart {
  width: 475px;
}

.Table, .simTable, .orderTotalsTable, .orderRecieptTable {
  clear: both;
  width: 475px; 
  background-color: white;
  font: 12px Arial, Helvetica, sans-serif;
}
.buttonTable {
  margin-top: 5px;
}
.HeaderRow {
}
.HeaderCol-1, .HeaderCol-2, .HeaderCol-3, .HeaderCol-4, .HeaderCol-5, .simHeaderCol-1, .simHeaderCol-2, .simHeaderCol-3, .simHeaderCol-4 {
  text-align: left;
  font: bold 14px Arial, Helvetica, sans-serif; 
  border-top: 1px solid black;
  color: #ffffff;
  background-color: #555555;
}
.HeaderCol-1, .HeaderCol-2, .HeaderCol-3, .HeaderCol-4, .HeaderCol-5, .Col-1, .Col-2, .Col-3, .Col-4, .Col-5 {
  margin: 0px;
  padding: 4px 2px 4px 3px;
  border-bottom: 1px solid black;
}
.Col-1, .Col-2, .Col-3, .Col-4, .Col-5, .simCol-1, .simCol-2, .simCol-3, .simCol-4 {
  vertical-align: top;
}
.HeaderCol-1, .Col-1{
  width: 15%;
  border-left: 1px solid black;
}
.HeaderCol-2, .Col-2 {
  width: 15%;
  border-left: 1px solid black;
}
.HeaderCol-3, .Col-3 {
  width: 40%;
  border-left: 1px solid black;
}
.HeaderCol-4, .Col-4 {
  width: 15%;
  border-left: 1px solid black;
}
.HeaderCol-5, .Col-5 {
  width: 15%;
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.simHeaderCol-1, .simHeaderCol-2, .simHeaderCol-3, .simHeaderCol-4, .simCol-1, .simCol-2, .simCol-3, .simCol-4 {
  margin: 0px;
  padding: 4px 2px 4px 3px;
  border-bottom: 1px solid black;
}  
.simHeaderCol-1, .simCol-1 {
  width: 15%;
  border-left: 1px solid black;
}
.simHeaderCol-2, .simCol-2 {
  width: 55%;
  border-left: 1px solid black;
}
.simHeaderCol-3, .simCol-3 {
  width: 15%;
  border-left: 1px solid black;
}
.simHeaderCol-4, .simCol-4 {
  width: 15%;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

.orderTotalsCol-1, .orderTotalsCol-2 {
  margin: 0px;
  padding: 4px 2px 4px 3px;
  border-bottom: 1px solid black;
}
.orderTotalsCol-1 {
  width: 85%;
  border-left: 1px solid black;
  text-align: right;
}
.orderTotalsCol-2 {
  width: 15%;
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.orderRecieptHeaderCol-1, .orderRecieptHeaderCol-2, .orderRecieptHeaderCol-3, .orderRecieptHeaderCol-4, .orderRecieptHeaderCol-5 {
  text-align: left;
  font: bold 14px Arial, Helvetica, sans-serif; 
  border-top: 1px solid black;
  color: #ffffff;
  background-color: #555555;
}
.orderRecieptHeaderCol-1, .orderRecieptHeaderCol-2, .orderRecieptHeaderCol-3, .orderRecieptHeaderCol-4, .orderRecieptHeaderCol-5, .orderRecieptCol-1, .orderRecieptCol-2, .orderRecieptCol-3, .orderRecieptCol-4, .orderRecieptCol-5 {
  margin: 0px;
  padding: 4px 2px 4px 3px;
  border-bottom: 1px solid black;
}
.orderRecieptCol-1, .orderRecieptCol-2, .orderRecieptCol-3, .orderRecieptCol-4, .orderRecieptCol-5 {
  vertical-align: top;
}
.orderRecieptHeaderCol-1, .orderRecieptCol-1{
  width: 15%;
  border-left: 1px solid black;
}
.orderRecieptHeaderCol-2, .orderRecieptCol-2 {
  width: 40%;
  border-left: 1px solid black;
}
.orderRecieptHeaderCol-3, .orderRecieptCol-3 {
  width: 15%;
  border-left: 1px solid black;
}
.orderRecieptHeaderCol-4, .orderRecieptCol-4 {
  width: 15%;
  border-left: 1px solid black;
}
.orderRecieptHeaderCol-5, .orderRecieptCol-5 {
  width: 15%;
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.RowShade {
}
.RowNoShade {
}
.buttonCol-1, .buttonCol-2, .buttonCol-3, .buttonCol-4 {
  padding: 5px;
}
#cart_title {
  width: 100%;  
  font: bold 16px Arial, Helvetica, sans-serif;
}
#cart_title #cart_summary {
  font-size: 12px;
  margin: 0 5px 5px 0;
  float: right;
}
.cart_message {
  color: #fff;
  background-color: #555;
  font: 12px Arial, Helvetica, sans-serif;
  padding: 2px 0px 2px 5px;
}
.empty_cart {
  margin-left: 100px;
}