* {
margin: 0;
padding: 0;
}

.progressBar {
position: relative;
overflow: hidden;
margin: 0 0 0 32px;
width: 100%;
}

.progressBar p, .progressBar em {
position: absolute;
left: -10000px;
}

.progressBar ol {
list-style: none;
width: 578px;
height: 50px;
padding: 20px;
margin-left: 108px;
margin-bottom: 8px;
background: url(koraki-ozadje.png) no-repeat;
}

ol.step1DeliveryAddress {
background-position: 0 0;
}

ol.step2PaymentDetails {
background-position: 0 -90px;
}

ol.step3ConfirmYourDetails {
background-position: 0 -180px;
}

ol.step4YourDetails {
background-position: 0 -270px;
}

.progressBar li {
float: left;
text-transform: lowercase;
padding-top: 6px;
height: 44px;
padding-left: 63px;
width: 82px;
padding-right: 35px;
font: bold 14px/18px "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif;
color: #ffffff;
}

li.currentStep {
font-size: 16px;
padding-top: 5px;
height: 45px;
}