.shop div.progress-bar ul li .step-id
{
  display: none;
}

div.progressbar ul, .shop div.progress-bar ul
{
  border-top: solid 1px #E0E1E2;
  border-bottom: solid 1px #E0E1E2;
  padding: 6px;
  padding-right: 0px;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #B2B4B6;
  *zoom:1;
}

.shop div.content.small div.progress-bar ul,
.shop div.progress-bar
{
  padding-left: 0;
}

.shop div.progress-bar ul a,
.shop div.progress-bar ul span
{
  font-size: 11px !important;
  font-weight: normal !important;
}

.shop div.progress-bar ul.shop_navi li .caption
{
  display: inline;
}

div.progressbar ul li, .shop div.progress-bar ul li
{
  display: inline-block;
  *display:inline;
  zoom: 1;
  padding-right: 20px;
  margin-left: 25px;
  white-space:nowrap;
  height: 16px;
  float: none !important;
  width: auto !important;
}

.shop div.content.small div.progress-bar ul li
{
  margin-left: 0;
}

.shop div.progress-bar ul li
{
  margin-left: 25px;
}

.content.small .shop div.progress-bar ul li
{
  margin-left: 15px;
}

div.progressbar ul li a, .shop div.progress-bar ul li a
{
  color: #c30a37;
}

.shop div.progress-bar ul li a
{
  text-decoration: none;
}

div.progressbar ul li a:hover, div.progressbar ul li a:focus, .shop div.progress-bar ul li a:hover, .shop div.progress-bar ul li a:focus
{
  text-decoration: underline;
}

div.progressbar ul li.active a, .shop div.progress-bar ul li.active a
{
	color: #535353;
  text-decoration: none;
}

div.progressbar ul li.step-1, .shop div.progress-bar ul li.step-1
{
  background-image: url(../images/progressbar-step-1.png) !important;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

div.progressbar ul li.step-2, .shop div.progress-bar ul li.step-2
{
  background-image: url(../images/progressbar-step-2.png) !important;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

div.progressbar ul li.step-3, .shop div.progress-bar ul li.step-3
{
  background-image: url(../images/progressbar-step-3.png) !important;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

div.progressbar ul li.step-4, .shop div.progress-bar ul li.step-4
{
  background-image: url(../images/progressbar-step-4.png) !important;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

div.progressbar ul li.step-5, .shop div.progress-bar ul li.step-5
{
  background-image: url(../images/progressbar-step-5.png) !important;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

.shop div.progress-bar ul li.step-6
{
  background-image: url(../images/progressbar-step-6.png) !important;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

div.progressbar ul li.step-1-active, .shop div.progress-bar ul li.step-1-active
{
  background-image: url(../images/progressbar-step-1-active.png) !important;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

div.progressbar ul li.step-2-active, .shop div.progress-bar ul li.step-2-active
{
  background-image: url(../images/progressbar-step-2-active.png) !important;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

div.progressbar ul li.step-3-active, .shop div.progress-bar ul li.step-3-active
{
  background-image: url(../images/progressbar-step-3-active.png) !important;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

div.progressbar ul li.step-4-active, .shop div.progress-bar ul li.step-4-active
{
  background-image: url(../images/progressbar-step-4-active.png) !important;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

div.progressbar ul li.step-5-active, .shop div.progress-bar ul li.step-5-active
{
  background-image: url(../images/progressbar-step-5-active.png) !important;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

.shop div.progress-bar ul li.step-6-active
{
  background-image: url(../images/progressbar-step-6-active.png) !important;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

div.progressbar ul li span
{
  margin-right: 4px;
}

div.progressbar ul li.active span.numeration
{
  display: none;
}

div.progressbar ul li.active span.caption
{
  color: #535353;
  padding-left: 17px;
}

/***********************************/
div.userpanel
{
  float: left;
  zoom: 1;
}

div.userpanel ul li
{
  font-size: 12px;
  float: left;
  height: 28px;
  text-align: center;
  background-color: #f3f3f2;
  background-repeat: repeat-x;
  background-position: 0% 0%;
  color: #535353;
}

div.userpanel ul li:hover,
div.userpanel ul li:focus
{
    background-color: #c30a37;
}

div.userpanel ul li:hover a,
div.userpanel ul li:focus a,
div.userpanel ul li.active a:hover
{
    color: #FFF;
}

div.userpanel ul li a
{
  display: block;
  line-height: 28px;
  padding-left: 12px;
  padding-right: 12px;
  color: #535353;
}

div.userpanel ul li.active a
{
    color: #c30a37;
    text-decoration: underline;
}

div.additional_userpanel
{
	float: left;
}

div.userpanel_authenticated ul li
{
  background-image: url(../images/navi_li_authenticated_background.png);	
}



