/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ORDER PROGRESS CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.OrderProgress
{
	height: 50px;
	margin: 10px auto;
	text-align: center;
	border-bottom: solid 2px #f3f3f3;
	cursor: pointer;
	font-size: 12px;
}

.OrderProgress ul
{
	padding: 0;
	margin: 0;
}

.OrderProgress ul li
{
	list-style: none;
	display: inline;
	padding: 5px 10px 0 10px;
}

.OrderProgress ul li .ActiveStep
{
	color: #6a6a6a;
	background: url('images/progress-step-active.gif') no-repeat 50% 50%;
	padding-bottom: 40px;
	padding-right: 1px;
}

.OrderProgress ul li .InactiveStep
{
	color: #d7d7d7;
	background: url('images/progress-step-inactive.gif') no-repeat 50% 50%;
	padding-bottom: 40px;
	padding-right: 1px;
}