
.menu-item{
    border-bottom:none !important;
    font-family: 'franchiseregular'!important;
}

.menu-item .currentFirst:after {
    background: url("../../Images/menu/wizard/blue-repeated-background-step.png") repeat-x scroll 0 0 transparent;
    bottom: 0;
    content: " ";
    left: 11px;
    position: absolute;
    right: 30px;
    top: 0;
    z-index: -1;
}
.menu-item .currentFirst:before {
    background: url(../../Images/1.1/image_sprites/wizard-sprites.png) no-repeat;
    width: 11px; height: 60px; background-position: -204px 0;
    bottom: 0;
    content: " ";
    left: 0px;
    position: absolute;
    top: 0;
    z-index: -1;
}
.menu-item .currentFirst {
    background-image: url("../../Images/menu/wizard/navCurrentBtn.png");
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 60px;
    line-height: 21px;
    min-width: 140px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    z-index: 1;
    right: 0px;
    color: white;
    margin-right: 1px;
    left: 0px;
}

.menu-item .currentLast:after {
    background: url("../../Images/menu/wizard/blue-repeated-background-step.png") repeat-x scroll 0 0 transparent;
    bottom: 0;
    content: " ";
    left: -8px;
    position: absolute;
    right: 18px;
    top: 0;
    z-index: -1;
    
}
.menu-item .currentLast {
    background-image: url("../../Images/menu/wizard/right-blue-rounded-corner.png");
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 60px;
    line-height: 21px;
    min-width: 140px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    z-index: 1;
    right: -6px;
    color: white;
}

.menu-item .current:after {
    background: url("../../Images/menu/wizard/blue-repeated-background-step.png") repeat-x scroll 0 0 transparent;
    bottom: 0;
    content: " ";
    left: -8px;
    position: absolute;
    right: 30px;
    top: 0;
    z-index: -1;
}
.menu-item .current {
    background-image: url("../../Images/menu/wizard/navCurrentBtn.png");
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 60px;
    line-height: 21px;
    min-width: 140px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    z-index: 1;
    right: -6px;
    color: white;
}

.menu-item .lastDone:after {
    background: url("../../Images/menu/wizard/green-repeated-background-step.png") repeat-x scroll 0 0 transparent;
    bottom: 0;
    content: " ";
    left: 11px;
    position: absolute;
    right: 30px;
    top: 0;
    z-index: -1;
}
.menu-item .lastDone {
    background-image: url("../../Images/menu/wizard/left-green-rounded-corner.png"), url("../../Images/menu/wizard/navLastDoneBtn.png");
    background-position: left center, right center;
    background-repeat: no-repeat, no-repeat;
    display: inline-block;
    height: 60px;
    line-height: 21px;
    min-width: 140px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    z-index: 1;
    color: white;
    right: 0px;
    top:1px;
}

.menu-item .lastDone2:after {
    background: url("../../Images/menu/wizard/green-repeated-background-step.png") repeat-x scroll 0 0 transparent;
    bottom: 0;
    content: " ";
    left: -4px;
    position: absolute;
    right: 30px;
    top: 0;
    z-index: -1;
}
.menu-item .lastDone2 {
    background-image: url("../../Images/menu/wizard/navLastDoneBtn.png");
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 60px;
    line-height: 21px;
    min-width: 140px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    z-index: 1;
    color: white;
    right:-4px;
}

.menu-item .lastDone3:after {
    background: url("../../Images/menu/wizard/green-repeated-background-step.png") repeat-x scroll 0 0 transparent;
    bottom: 0;
    content: " ";
    left: -4px;
    position: absolute;
    right: 30px;
    top: 0;
    z-index: -1;
}
.menu-item .lastDone3 {
    background-image: url("../../Images/menu/wizard/navDoneBtn.png");
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 60px;
    line-height: 21px;
    min-width: 140px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    z-index: 1;
    color: white;
    right:-2px;
}

.menu-item .done:after {
    background: url("../../Images/menu/wizard/green-repeated-background-step.png") repeat-x scroll 0 0 transparent;
    bottom: 0;
    content: " ";
    left: 11px;
    position: absolute;
    right: 30px;
    top: 0;
    z-index: -1;
}
.menu-item .done {
    background-image: url("../../Images/menu/wizard/left-green-rounded-corner.png"), url("../../Images/menu/wizard/navDoneBtn.png");
    background-position: left center, right center;
    background-repeat: no-repeat, no-repeat;
    display: inline-block;
    height: 60px;
    line-height: 21px;
    min-width: 140px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    z-index: 1;
    color: white;
}

.menu-item .new:after {
    background: url("../../Images/menu/wizard/white-repeated-background-step.png") repeat-x scroll 0 0 transparent;
    bottom: 0;
    content: " ";
    left: -4px;
    position: absolute;
    right: 29px;
    top: 0;
    z-index: -1;
}
.menu-item .new {
    background-image: url("../../Images/menu/wizard/navBtn.png");
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 60px;
    line-height: 21px;
    min-width: 140px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    z-index: 1;
	right: -5px;
        top:1px;
        left: 4px;
        padding-left: 5px;
}

.menu-item .newLast:after {
    background: url("../../Images/menu/wizard/white-repeated-background-step.png") repeat-x scroll 0 0 transparent;
    bottom: 0;
    content: " ";
    left: -4px;
    position: absolute;
    right: 18px;
    top: 0;
    z-index: -1;
}
.menu-item .newLast {
    background-image: url("../../Images/menu/wizard/right-grey-rounded-corner.png");
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 60px;
    line-height: 21px;
    min-width: 140px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    z-index: 1;
    right: -4px;
    top:1px;
    
} 

