/* STEPS BREADCRUMB */

#steps {
   /*  width: 958px;
    border: 1px solid #979797;
    border-bottom: none;
    background: #e2e2e2;
    height: 38px;
    font-size: 13px;
    color: #979797; */
}

#steps.review {
	background: url(../images/package/active-step-bg.png) #797878 repeat-x top left;
}

#steps ul {
    width: 958px;
}

#steps ul li {
    float: left;
    text-align: center;
    cursor: default;
	line-height: 36px;
}

#steps ul li.last {
    float: right;   
}

#steps ul li span {
	background: url(../images/package/inactive-inactive-edge.png) #e2e2e2 no-repeat top left;
	float: right;
	height: 38px;
	/*margin-top: -12px;*/
	position: relative;
	width: 14px;
}

#steps ul li.completed-completed,
#steps ul li.completed-active,
#steps ul li.completed-inactive {
    background: url(../images/package/completed-step-bg.png) #9c9c9c repeat-x top left;
    color: #555;
}

#steps ul li img {
    margin-left: 3px;
	position: relative;
	top: 2px;
}

#steps ul li.completed-completed span {
    background: url(../images/package/completed-completed-edge.png) #9c9c9c no-repeat top left;
}

#steps ul li.completed-active span {
    background: url(../images/package/completed-active-edge.png) #9c9c9c no-repeat top left;
}

#steps ul li.completed-inactive span {
    background: url(../images/package/completed-inactive-edge.png) #9c9c9c no-repeat top left;
}

#steps ul li.active,
#steps ul li.active-completed {
    color: #fff;
    font-weight: bold;
    background: url(../images/package/active-step-bg.png) #797878 repeat-x top left;
}

#steps ul li.active span {
    background: url(../images/package/active-inactive-edge.png) #797878 no-repeat top left;
}

#steps ul li.active-completed span {
    background: url(../images/package/active-completed-edge.png) #797878 no-repeat top left;
}

#steps ul li.last span {
    display: none;
}

#steps a {
   /*  text-decoration: none;
    color: #555;
    display: block;
    height: 100%;
    padding-left: 3px;
	position: relative; */
}

#steps ul li.active a,
#steps ul li.active-completed a {
    color: #fff;
}
.jos-step-name {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
}
