/* 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:70px;
}

.order_steps_text {
    margin: 0 auto;
    text-align: center;
    color: #B49C78;        /* Determines the non-active color of the text */
	 height: 50px;
}


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

.order_steps_text2 {
    text-align: center;
    color: #B49C78;        /* Determines the non-active color of the text */
    padding-top: 25px; /* Determines the distance between the text and the line */
	 width:24%;
	 float:left;
}

.order_steps_text3 {
    text-align: center;
    color: #B49C78;        /* Determines the non-active color of the text */
    padding-top: 26px; /* Determines the distance between the text and the line */
	 width:24%;
	 float:left;
}

.order_steps_text4 {
    text-align: center;
    color: #B49C78;        /* Determines the non-active color of the text */
    padding-top: 26px; /* Determines the distance between the text and the line */
	 width:24%;
	 float:left;
}

.order_steps_line_2 {
    padding: 10px 0 0 0;
    margin: 0;
	 width:100%;
}

.progressbar_active {
    background: url(../images/orderstep.png) repeat-x;    
	 background-color: #854401; /* Determines the active color of the completed part of the line */
	 width:24%;
	 float:left;
	 height: 5px;
	 color: #854401;
}

.progressbar_inactive {
    background: url(../images/orderstep.png) repeat-x;    
	 background-color: #B49C78; /* Determines the inactive color of the completed part of the line */
	 width:24%;
	 float:left;
	 height: 5px;
	 color: #B49C78;
}

.confirm {
	text-align: center;
}
/* End Order Steps contribution CSS */