/*
checkout process
--------------------------------------------------------------------------------
1. cart_view.lasso
2. cart_checkout.lasso
3. cart_ship.lasso
4. cart_payment.lasso
5. cart_complete.lasso
*/



/* PAGE - (global cart)
------------------------------------------------------------ */
span.coupon {
  color: red;
}

div.steps {
  overflow: auto;
  margin: 10px 0;
  padding-bottom: 10px;
}
div.steps ul {
  overflow: auto;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
div.steps ul li {
  float: left;
  width: 20%;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
div.steps ul li a {
  color: #B60022;
  text-decoration: none;
}


body.cart.view #content div.steps ul li.cart a,
body.cart.checkout #content div.steps ul li.checkout a,
body.cart.shipping #content div.steps ul li.shipping a,
body.cart.payment #content div.steps ul li.payment a,
body.cart.complete #content div.steps ul li.complete a {
  text-decoration: underline;
}

body.cart.complete #content div.steps ul li.complete {
  color: red;
}



body.cart #content div.footer div {
  display: block;
  text-align: right;
  margin-bottom: 2px;
  padding: 5px;
  /*background: #F0F0F0;*/
}
body.cart #content div.footer div span { /* this is a kv pair */
  font-weight: bold;
}
body.cart #content div.footer div.total {
  font-size: 22px;
}



/* PAGE - step 1: cart.view (cart_view.lasso)
------------------------------------------------------------ */
body.cart.view #content form td.quantity input {
  width: 30px;
}




/* PAGE - step 2: cart.checkout (cart_checkout.lasso)
------------------------------------------------------------ */
body.cart.checkout #content {
  
}
body.cart.checkout #content div#same {
  margin-bottom: 20px;
}



/* PAGE - step 3: cart.shipping (cart_ship.lasso)
------------------------------------------------------------ */
body.cart.shipping #content {
  
}
body.cart.shipping #content form div.controlset input,
body.cart.shipping #content form div.controlset label {
  margin-bottom: 6px;
}

body.cart.shipping #content form div.controlset label span {
  font-weight: bold;
  color: #B60022;
}




/* PAGE - step 4: cart.payment (cart_payment.lasso)
------------------------------------------------------------ */
body.cart.payment #content {
  
}
body.cart.payment #content select#cc_type {
  width: 160px;
}

body.cart.payment #content select#cc_expiration_month,
body.cart.payment #content select#cc_expiration_year {
  width: 110px;
}

div.totals {
  
}
div.totals ul {
  text-align: center;
  font-size: 16px;
  margin-bottom: 10px;
  width: 100%;
}
div.totals ul li {
  list-style: none;
  padding: 5px 0;
}
div.totals ul li span {
  font-weight: bold;
}
/* specific */
div.totals ul li.total {
  border-top: 1px solid #CCC;
  width: 70%;
  margin: 0 auto;
  padding-top: 5px;
  margin-top: 5px;
}


/* PAGE - step 5: cart.complete (cart_checkout.lasso)
------------------------------------------------------------ */
body.cart.complete #content {
  
}