/* 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 0;
	text-align: center;
	height: 70px;
}

.order_steps_text
{
	margin: 0 auto;
	text-align: center;
	color: #a7a7a7a;
	/* Determines the non-active color of the text */
	height: 62px;
	font-size: .9em;
}

#active_step_text
{
	/* These are the styles for the active text */
	color: #000;	
	font-weight: bold;
	width: 24%;
	float: left;
	line-height: normal;
}

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

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

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

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

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

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

.confirm { text-align: center; }

/* End Order Steps contribution CSS */