@import url(/css/shop-layouts.css);

#cartform {
  background: #fff;
  padding: 10px 20px 10px 20px;
  color: #333;
}
#cart {
  border: 2px solid #bbb;
  margin-bottom: 5px;
}
#cart td {
  padding-left: 5px;
  padding-right: 5px;
}
#cart th {
  text-align: left;
  font-size: 1.05em;
  color: #fff;
  line-height: 2.4em;
}

#cart td {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #111;
  vertical-align: middle;
}
#cart td.image {
  width: 95px;
  background: url(/images/cart-divider.gif) right no-repeat;
  text-align: center;
}
#cart td.qty {
  text-align: center;
  color: #555;
  font-weight: bold;
  padding: 0 15px 0 15px;
  background: url(/images/cart-divider.gif) right no-repeat;
}
#cart td.qty input {
  width: 1.5em;
  text-align: center;
  margin: 2px 0 0 0;
  color: #000;
  font-weight: bold;
  border: 1px solid #ddd;
}

#cart td.price,
#cart div.price {
  color: #555;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  padding: 0 10px 0 20px;
}
#cart td.price span,
#cart div.price span {
  color: #000;
}
#cart td.price em,
#cart div.price em {
  font-size: 0.8em;
  font-weight: normal;
}
#cart div.price {
  padding: 0;
}

#cart div.price table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0 0 0;
  padding: 0;
}
#cart div.price table td {
  text-transform: none;
  font-size: 0.8em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: center;
}
#cart div.price table td.srp {
  width: 27%;
}
#cart div.price table td.podium-price {
  width: 36%;
}
#cart div.price table td.your-price {
  width: 36%;
}
#cart div.price table td strong {
  font-size: 1.1em;
}
#cart div.price table td strong.strikeout {
  text-decoration: line-through;
}

#cart td.name {
  padding: 0 20px 0 20px;
  background: url(/images/cart-divider.gif) right no-repeat;
}
#cart td.name a {
  color: #248534;
  font-weight: bold;
  text-decoration: none;
}
#cart td.name a:hover {
  text-decoration: underline;
}
#cart td.attributes {
  font-size: 0.9em;
  width: 160px;
}
#cart td.attributes div {
  display: block;
  margin-bottom: 2px;
}
#cart td.attributes span.paramname {
  float: left;
  width: 75px;
  w\idth: 70px;
  text-align: right;
  padding-right: 5px;
  color: #666;
}
#cart td.attributes span.paramvalue {
  float: left;
  color: #666;
}
#cart td.process {
  width: 94px;
  padding: 0px 0px 0px 15px;
  background: url(/images/cart-divider.gif) left no-repeat;
}
#cart td.process input {
  float: left;
  padding-right: 3px;
}
#cart-totals td.subtotal {
  color: #555;
  text-align: right;
  text-transform: uppercase;
  font-weight: bold;
}
#cart-totals td.subtotal-price {
  color: #000;
  font-weight: bold;
}
#cart-totals td.voucher-used {
  font-size: 0.8em;
  padding-top: 0;
  text-align: right;
}
#cart-totals td.delivery-select {
  color: #555;
  padding: 0px;
  text-align: right;
}
#cart-totals td.shipping-select {
  vertical-align: bottom;
}
#cart-totals td.shipping-price {
  color: #000;
  font-weight: bold;
  text-align: right;
  vertical-align: bottom;
}
#cart-totals td.free-delivery {
  font-size: 0.8em;
  padding-top: 0;
  text-align: right;
}
#cart-totals td.grand-total-text {
  text-align: right;
  font-size: 1em;
  font-weight: bold;
  color: #555;
  text-transform: uppercase;
}
#cart-totals td.grand-total {
  text-align: right;
  font-size: 1em;
  font-weight: bold;
  color: #000;
}
#cart-buttons {
  padding: 8px 2px 2px 2px;
  text-align: right;
}

#voucher-control-and-cart-totals {
  overflow: hidden;
  display: inline-block;
}
#voucher-control-and-cart-totals {
  display: block;
}

#voucher-control {
  float: left;
  border: 1px solid #ccc;
  padding: 10px 30px 5px 10px;
  margin-top: 15px;
}
#voucher-control label {
  margin-bottom: 5px;
  overflow: hidden;
  display: inline-block;
}
#voucher-control label {
  display: block;
}
#voucher-control label span {
  float: left;
  width: 120px;
  text-align: right;
  margin: 3px 5px 0 0;
}
#voucher-control label input,
#voucher-control label a.arrow {
  float: left;
}
#voucher-control .voucher {
  width: 115px;
}
#voucher-control .email {
  width: 150px;
}
#voucher-control label a.arrow {
  margin-top: 10px;
}

#cart-totals {
  color: #555;
  float: right;
}
#cart td.name h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1em;
}
#cart td.name h3 a {
  color: #8fd400;
}
#cart td.name ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#cart td.name li {
  font-size: 0.85em;
}

#delivery-selection {
  color: #333;
}

p.smallprint {
  width: 450px;
  font-size: 0.7em;
  margin: 0 0 0.2em 0;
  padding: 0;
}