@charset "utf-8";
/* CSS Document */

#progress-holder {width:850px; height:36px; background:url('/resources/img/progress-bar3.png') no-repeat left top; margin-bottom:15px;}
.progress2 #progress-holder {background:url('/resources/img/progress-bar3.png') no-repeat left -36px;}
.progress3 #progress-holder {background:url('/resources/img/progress-bar3.png') no-repeat left -72px;}
.progress4 #progress-holder {background:url('/resources/img/progress-bar3.png') no-repeat left -108px;}

#progress {overflow:hidden;}
#progress li {float:left; height:20px; padding-top:8px; padding-bottom:8px; color:#fff;}
#progress li a,
#progress li span {height:20px; display:block; font-size:0;	text-indent:-5000px;}

li#basket {margin-left:0px; width:140px;}
li#basket span {background:url('/resources/img/progress-basket.png') no-repeat left top;}
li#basket span.active {background:url('/resources/img/progress-basket.png') no-repeat left center;}
li#basket span.visited {background:url('/resources/img/progress-basket.png') no-repeat left bottom; }
li#basket a {background:url('/resources/img/progress-basket.png') no-repeat left bottom; border:none;}

li#details {padding-left:40px; width:185px;}
li#details span {background:url('/resources/img/progress-details.png') no-repeat left top;}
li#details span.active {background:url('/resources/img/progress-details.png') no-repeat left center;}
li#details span.visited {background:url('/resources/img/progress-details.png') no-repeat left bottom;}
li#details a {background:url('/resources/img/progress-details.png') no-repeat left bottom; border:none;}

li#payment {padding-left:32px; width:185px;}
li#payment span {background:url('/resources/img/progress-payment.png') no-repeat left top;}
li#payment span.active {background:url('/resources/img/progress-payment.png') no-repeat left center;}
li#payment span.visited {background:url('/resources/img/progress-payment.png') no-repeat left bottom;}
li#payment a {background:url('/resources/img/progress-payment.png') no-repeat left bottom; border:none;}

li#complete {padding-left:32px; width:185px;}
li#complete span {background:url('/resources/img/progress-complete.png') no-repeat left top;}
li#complete span.active {background:url('/resources/img/progress-complete.png') no-repeat left center;}
li#complete span.visited {background:url('/resources/img/progress-complete.png') no-repeat left bottom;}
li#complete a {background:url('/resources/img/progress-complete.png') no-repeat left bottom;}