/*
 * Checkout process styles
 * @author Eric Daams
 * @since 0.2
 */

 
/* Progress Bar
-------------------------------------------------------------- */
#checkout-progress {  
  font:2.1em/1.2em "myriad-pro-condensed-1", "myriad-pro-condensed-2", Helvetica, sans-serif;
  color:#3f72b7; 
  margin-bottom:1.5em;
  width:600px;
  float:left;
}

.wf-active #checkout-progress {
  font-size:3em;
  line-height:1em;
}

#checkout-progress ul {
  overflow-y:auto;
  padding-bottom:0.3667em;
  float:left;
}

#checkout-progress .stage-1 {
  background:url('../images/progress_bar_s1.png') no-repeat bottom center;
}

#checkout-progress .stage-2 {
  background:url('../images/progress_bar_s2.png') no-repeat bottom center;
}

#checkout-progress .stage-3 {
  background:url('../images/progress_bar_s3.png') no-repeat bottom center;
}

#checkout-progress li {  
  padding-right:86px;
}

#checkout-progress li.last {
  padding:0;
}

/* Stage 1
-------------------------------------------------------------- */
.checkout-s1 #enda-update-cart, 
.checkout-s1 #requests, 
.checkout-s1 #delivery {
  width:600px;
  float:left;
}

.checkout-s1 .button-container, 
.checkout-s1 .min-order {
  float:right;
  width:250px;
}


/* Cart Contents
-------------------------------------------------------------- */
#cart-contents table {
  width:600px;
  font-size:1.3em;
}

#cart-contents th {
  padding:0.4375em 0;
  font-size:1.23em;
  background-color:#fff;  
}

#cart-contents th#items {
  text-align:left;
  padding-left:0.3125em;  
  width:37.5%;
}

#cart-contents th#quantity {
  width:8.3%;
}

#cart-contents th#price {
  width:37.5%;
}

#cart-contents th#remove {
  width:16.7%;
}

#cart-contents #total-label {  
  width:55%;
  text-transform:uppercase;
  text-align:right;
}

#cart-contents #cart-total {  
  padding-left:6.3em;
  position:relative;
  text-align:left;
}

#cart-contents tfoot td {
  padding-top:0.3em;
}

#cart-contents td {
  padding:0 0.30em 0.30em 0.30em;
}

#cart-contents tr.messages td {
  padding:0.85em 0;
} 

#cart-contents .last td {
  padding-bottom:2.30em;
}

#cart-contents .qty input {
  width:3.23em;  
  padding:0 0.30em;
  text-align:center;
}

#cart-contents td.qty,
#cart-contents td.price,
#cart-contents td.remove {
  text-align:center;
}

#cart-contents td.remove button {
  background:url('../images/remove_button.png') no-repeat;
  display:block;
  width:16px;
  height:15px;
  text-indent:-4999px;
  margin:0px auto;
  border:none;
  cursor:pointer;
}

#requests {
  margin:2em 0;  
}

#requests textarea {
  width:450px;
}


/* Stage 2: Login / Register 
-------------------------------------------------------------- */
.checkout-s2 #left-column {
  width:347px;
  padding-right:50px;
  float:left;
}

.checkout-s2 #right-column {
  float:left;
  width:347px;
}

.checkout-s2 h1 {
  margin:1em 0 0;
}

#register-details h2, 
#login h2 {
  background-color:#fff;
  padding:0.2em 0.3em 0.1em 0.3em;
}

.wf-active #register-details h2, 
.wf-active #login h2 {
  padding:0 0.3em;
}

#registration-button, 
#login-button {
  float:left;
  margin:1em 0 0 0;
}

#forgot-password {
  float:right;
  margin:1em 0 0 0;
}

.checkout-s2 dt {
  float:left;
  width:120px;
  padding:0 1em 0.3em 0;
}

.checkout-s2 dd {
  padding:0 0 0.3em;
}

.checkout-s2 #main dl,
.checkout-s2 label,
.checkout-s3 .enda-form-field, 
.checkout-final #main ul {
  font-size:1.3em;  
}

/* Buttons
-------------------------------------------------------------- */
#enda-update-cart {
  position:relative;
}

#update-cart-button {
  background-image:none;
  background-color:#0095d6;
  padding:0;
  float:right;
}

#update-cart-button input {
  height:auto;
  padding:4px 5px 0 5px;
  font-size:1.03em;
  line-height:1em !important;
}

.button-container {
  float:right;
  width:250px;
  margin-top:5.8em;
}

.button input, 
.button a, 
.button button {
  color:#fff;
}

#checkout-button {
  background:#d1c9a3 url('../images/button_brown_arrow.png') no-repeat top right;  
}

#checkout-button:hover {
  background:#4071b5 url('../images/button_darkblue_arrow.png') no-repeat top right;
}

#checkout-button input:hover {  
  background-image:-moz-linear-gradient(180deg, #4071b5, #343c66); /* Firefox 3.6+ */
  background-image:-webkit-gradient(linear, left top, right top, from(#343c66), to(#4071b5)); /* Safari 4+, Chrome 1+ */  
  background-image:-webkit-linear-gradient(linear, left top, right top, #4071b5, #343c66); /* Safari 5.1+, Chrome 10+ */
  background-image:-o-linear-gradient(bottom left, #343c66, #4071b5); /* Opera 11.10+ */
}

/* Notes
-------------------------------------------------------------- */
#delivery {
  margin-top:2.7em;
  width:600px;
}

#min-order {
  float:right;
  width:250px;
  margin-top:4.9em;
}