td {
	vertical-align: top;
}

#checkoutCoupons {
}

.checkoutDiscounts, .checkoutShippingTable, .checkoutBillingTable, .checkoutDropDown, .checkoutGiftMessage {
	width:50%;
}

#checkoutShipTo, #checkoutBillTo {
}

#checkout {
  margin: auto;
}

.fieldRequired {
  color: red;
}

.cartProductDisplay {
  color: #000000;
}

.cartAttribsList {
  color: #000000;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 80%;
}

.rowEven, .rowOdd {
  height: 1.5em;
  padding: 0.5em 0;
}

.cartQuantity, .cartImage, .cartProductDisplay, .cartTotalDisplay  {
  margin: 0.5em 1em;
}

#cartImage img {
  padding-top: 5px;
  padding-bottom: 5px;
} 

label.inputLabelPayment {
  width: 40%;
}

label.inputLabel {

}

label {
  padding: 0;
}

#disc-ot_coupon {
  margin: 5px 0 5px 0;
} 

/** the following styles are for the split checkout only **/

div#checkoutOrderFormsplit, div#checkoutShippingFormsplit {
  width: 49%;
  float: left;
}
div#checkoutPaymentFormsplitFull {
  width: auto;
  float: left;
  padding: 10px;
}
div#checkoutPaymentFormFull, div#checkoutPaymentFormsplitFull {
  margin-top: 10px;
}
#checkoutComments {
  margin: 10px;
}

div#discountFormdisc-ot_couponsplit, div#checkoutPaymentFormsplit, div#discountFormsplit {
  width: 49%;
  float: right;
}
div#discountFormdisc-ot_gvsplit {
  width: 49%;
  float: left;
}
fieldset#checkoutComments textarea {
  width: 100%;
}
fieldset.checkout legend img { vertical-align: middle; }

/* This is the CSS needed for the Order Step Edition 2 contribution */

#order_steps {       /* Is needed for the centering in IE */
    padding: 0 3px;
    margin: 10px 10px;
    text-align: center;
	/* border: 1px solid #000; */
	 height:170px;
	 width:100%;
}
.step{
   margin: 0 auto;
    text-align: center;
    color: #A7A7A7;        /* Determines the non-active color of the text */
border:none;
	float:left;
	width:28%;
}

.step1 {
    margin: 0 auto;
    text-align: center;
    color: #A7A7A7;        /* Determines the non-active color of the text */
}
.stepon{
    margin: 0 auto;
    text-align: center;
    color: #A7A7A7;        /* Determines the non-active color of the text */
	 height: 100px;
	/* background-image:url(includes/templates/template_default/images/envio_on.jpg);
	 background-repeat:no-repeat;
	 background-position:center center;*/
	 
		height:90px;


}
.stepoff{
    margin: 0 auto;
    text-align: center;
    color: #A7A7A7;        /* Determines the non-active color of the text */
	 height: 100px;
	 background-image:url(../images/envio_off.jpg);
	 background-repeat:no-repeat;
	 background-position:center center;
	 
	 
	
	height:90px;

}

.step2on{
    margin: 0 auto;
    text-align: center;
    color: #A7A7A7;        /* Determines the non-active color of the text */
	 height: 100px;
	 
	background-image:url(../images/payment_on.jpg);
	 background-repeat:no-repeat;
	 background-position:center center; 
	 
	
		height:90px;

}
.step2off{
    margin: 0 auto;
    text-align: center;
    color: #A7A7A7;        /* Determines the non-active color of the text */
	 height: 100px;
	 background-image:url(../images/payment_off.jpg);
	 background-repeat:no-repeat;
	 background-position:center center; 
	 
	
		height:90px;

}

.step3on {
    margin: 0 auto;
    text-align: center;
    color: #A7A7A7;        /* Determines the non-active color of the text */
	 height: 100px;
	/* 
	  background-image:url(../images/revisar_on.jpg);
	 background-repeat:no-repeat;
	 background-position:center center; */
	 
	
	height:90px;

}
.step3off {
    margin: 0 auto;
    text-align: center;
    color: #A7A7A7;        /* Determines the non-active color of the text */
	 height: 100px;
	 
	  background-image:url(../images/revisar_off.jpg);
	 background-repeat:no-repeat;
	 background-position:center center; 
	 
	
	height:90px;

}

.step4on {
    margin: 0 auto;
    text-align: center;
    color: #A7A7A7;        /* Determines the non-active color of the text */
	 height: 100px;
	 
	  background-image:url(../images/finalizar_on.jpg);
	 background-repeat:no-repeat;
	 background-position:center center; 
	 
	
	height:90px;

}
.step4off {
    margin: 0 auto;
    text-align: center;
    color: #A7A7A7;        /* Determines the non-active color of the text */
	 height: 100px;
	 
	/*  background-image:url(../images/finalizar_off.jpg);
	 background-repeat:no-repeat;
	 background-position:center center; */
	 

		height:90px;

}
.stepimg{height:45px;}

#active_step_text {       /* These are the styles for the active text */
    color: #005C2C;
    font-weight: 700;
    font-size: 1.1em;
	 width:25%;
	 float:left;
}



.progressbar_active {
    background: url(../images/orderstep.png) repeat-x;    
	 background-color: green; /* Determines the active color of the completed part of the line */
	 width:33%;
	 float:left;
	 height: 5px;
	 color: #3DA200;
	 margin-bottom:12px;
}

.progressbar_inactive {
    background: url(../images/orderstep.png) repeat-x;    
	 background-color: #dbdbdb; /* Determines the active color of the completed part of the line */
	 width:33%;
	 float:left;
	 height: 5px;
	 color: #9A9A9A;
	 margin-bottom:12px;
}

/* End Order Steps contribution CSS */