/* @override 
	http://localhost:3000/stylesheets/cart.css
	http://127.0.0.1:3000/stylesheets/cart.css
*/

/* cart */

table#cart {
  margin-top: 15px;
}

table#cart, table#checkout {
  border-collapse: collapse;
  width: 100%;
  empty-cells: show;
  border-top: 1px solid #6A7650;
  border-right: 1px solid #6A7650;
  border-left: 1px solid #6A7650;
  clear: both;
}

table#cart tbody tr td, table#checkout tbody tr td {
  border-bottom: 1px solid #6A7650;
}

table#cart th, table#checkout th {
  text-align: left;
  background-color: #98A973;
  border-bottom: 1px solid #6A7650;
  color: white;
  font-size: 110%;
  padding: 0.3em 0.4em;
}

table#cart tbody tr.odd {
  background-color: #eee;
}

table#cart td, table#checkout td {
  padding: 0.7em;
}

table#cart td.image {
  text-align: right;
  vertical-align: top;
}

table#cart td.image img {
  border: 1px solid #333;
}

table#cart td.details {
  padding: 0.4em 0.2em;
  width: 99%;
}

table.data th, table.data td {
  padding: 4px 0.5em 3px 0.5em;
}

table.data td.action {
  width: 1%;
  white-space: nowrap;
  font-size: 90%;
}

h3.prod-name {
  margin-top: 0.1em;
  margin-bottom: 0.2em;
}

h3.prod-name a {
  text-decoration: none;
  color: #444512;
}

a.remove-item {
  font-size: 90%;
}


a.checkout {
  float: right;
  font-size: 140%;
  font-family: arial;
  font-weight: bold;
  text-decoration: none;
  margin-top: 0.5em;
  margin-right: 0.3em;
}

p.subtotal {
  float: left;
  margin-top: 0;
}

div.stock {
  margin-bottom: 0.3em;
  font-size: 92%;
}

div.options {
  font-style: italic;
  margin-bottom: 0.4em;
}

p.totals {
}

p.totals small {
  font-size: 92%;
  color: #666;
}

#checkout_choices p.or {
  margin: 5px 12px 4px 0;
}

#checkout_choices {
  text-align: right;
  padding-right: 1em;
  margin-top: -2em;
}

#checkout_choices img {
  vertical-align: middle;
}

#checkout_choices .checkout-now img {
  margin-right: 12px;
}

#checkout_choices p.or img {
  margin: 10px 0;
}

#checkout_choices table td {
  padding: 0;
}

#checkout_choices table td.gc {
  padding-top: 4px;
  padding-right: 16px;
}

/* checkout screen */

table#checkout {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
}

table#checkout td {
  vertical-align: top;
  padding: 10px;
}

table#checkout th {
  text-align: center;
}

table#checkout th.topleft {
  border-right: 1px solid #6A7650;
}

table#checkout td#cart_contents ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1em;
}

table#checkout td#cart_contents ul li {
  margin: 0 0 0.2em 0;
  padding: 0 0 0.2em 0;
  border-bottom: 1px solid #ddd;
}

table#checkout div.address {
  background-color: #faf8e8;
  padding: 5px;
  border: 1px solid #a2a279;
  margin: 11px 0 0 0;
}

table#checkout div.address b {
  display: block;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #a2a279;
}

table#checkout div.address p {
  margin: 0 0 0 40px;
}

table#checkout div.address p.change {
  margin-top: 0.5em;
  font-size: 92%;
}

table#checkout div.address img {
  float: left;
  margin-right: 8px;
  margin-bottom: 32px;
}

td#totals {
  border-left: 1px solid #6A7650;
}

td#totals .totals {
  margin-bottom: 2em;
}

td#totals .login-msg {
  text-align: center;
  margin-top: 2em;
}

td#totals .login-msg a {
  white-space: nowrap;
}

td#totals input#payment_button {
  display: block;
  margin: 2em auto 3em auto;
}

table#checkout #credform label {
  color: #47501c;
}

table#checkout #credform label:hover {
  border-bottom-width: 0;
  color: #851700;
}


/* checkout progress */

#checkout_progress {
  text-align: center;
  font-size: 150%;
  color: #444;
  font-weight: bold;
  font-family: Arial, Verdana;
  margin-top: 0;
}

#checkout_progress a.current,
#checkout_progress span.current {
  background-color: #e5e1be;
}

#checkout_progress a {
  text-decoration: none;
  color: #444;
}

#checkout_progress a:hover {
  background-color: #c0c4ac;
}

/* credit card form */

table#creditcard {
  margin: 2em auto;
  border: 1px solid #889766;
  padding: 7px 10px;
  background-color: #faf8e8;
}

table#creditcard td.label {
  text-align: right;
  padding-right: 0.6em;
}

table#creditcard td.totals {
  padding-top: 1.2em;
}

table#creditcard td span.help {
  color: #888;
  font-size: 92%;
}

table#creditcard th {
	border-top: 1px solid #6A7650;
	border-bottom: 1px solid #6A7650;
	text-align: left;
	background-color: #98A973;
  color: white;
  font-size: 110%;
  padding: 0.2em 0.4em;
}

/* delivery address screen */

#address, #login {
  vertical-align: top;
  padding: 0 0.5em;
  font-size: 95%;
}

#address {
  width: 75%;
}

#login {
  width: 25%;
}

td.divider {
  background-color: #98A973;
  padding: 0.3em;
  color: white;
}