/* Shopping cart style sheet */

/* The cart table */
table.cart {
  width: 600px;
  border: 0px;
  background: #9999cc;
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
}

/* Cart table headers */
th.cart_qty, th.cart_description, th.cart_price, th.cart_shipping,
th.cart_buttons {
  background: #ddddff;
  font-size: 0.9em;
  color: #000033;
  text-align: left;
  padding-left: 5px;
  vertical-align: top;
}

th.cart_qty {
  width: 150px;		/* Otherwise IE6 buggers up the column width :-( */
}

th.cart_price, th.cart_shipping {
  text-align: right;
}

/* Quantity field */
td.cart_qty {
  background: #ffffff;;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* Description field */
td.cart_description {
  background: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* Price field */
td.cart_price {
  background: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: right;
}

/* Shipping cost field */
td.cart_shipping {
  background: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: right;
}

/* Separator (between cart items and totals */
td.cart_separator {
  background: #ffffff;
}

/* Amount subtotal field */
td.cart_amount_sub {
  background: #eeeeff;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: normal;
}

/* Amount due field */
td.cart_amount_due {
  background: orange;
  color: white;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
}

/* Buttons */
td.cart_buttons {
  background: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
  white-space: nowrap;
}

/* Buttons have to live in forms. Make sure the forms are invisible: */
form.cart {
  background: transparent;
  border: 0px;
  margin: 0px;
  display: inline;
}

/* Input fields */
input.cart {
  background: #ccccff;
  color: #000033;
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
}

/* Buttons used in cart and on online store page*/
input.cart_button, input.shop_button {
  display: inline;
  color:#005500;
  font-family: 'trebuchet ms', arial, helvetica, sans-serif;
  font-size: 85%;
  font-weight: bold;
  background-color: #ffeedd;
  border: 1px solid #005500;
  border-top-color:#669966;
  border-left-color:#669966;
  border-right-color:#663366;
  border-bottom-color:#663366;
  /* Filter to apply gradient effect; works in IE only */
  filter: progid:DXImageTransform.Microsoft.Gradient
     (GradientType="0",StartColorStr="#ffffffff",EndColorStr="#ffeeddaa");
}

input.cart_button_hover, input.shop_button_hover {
  color:#550000;
  background-color: #eeddcc;
  border-top-color:#cc6633;
  border-left-color:#cc6633;
  border-right-color:#993300;
  border-bottom-color:#993300;
  /* Filter to apply gradient effect; works in IE only */
  filter: progid:DXImageTransform.Microsoft.Gradient
     (GradientType="0",StartColorStr="#ffffffff",EndColorStr="#eeddcc99");
}

/* Checkout block */
table.checkout {
  width: 600px;
  margin-top: 10px;
  border: 0px;
  background: orange;
  color: white;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 10pt;
}

/* Checkout fields */
td.checkout {
  background: orange;
  text-align: center;
  white-space: nowrap;
}

/* The "Your cart is empty" message */
.cart_empty_msg {
  font-family: arial, helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  color: white;
  background-color: orange;
  padding: 5px;
}

/* Error text - make it NOISY!!! */
.error {
  color: yellow;
  background-color: red;
  font-weight: bold;
  font-size: 18px;
  text-decoration: blink;		/* Headache mode on */
  border: 1px solid #330000;
  padding: 5px;
  text-align: center;
}