/* Shop-Steps Navi */

div#body div#content div.navigation
{
    margin-bottom: 20px;
}

div#body div#content div.progress-bar
{
    clear: both;
}

div#body div#content div.progress-bar ul.shop_navi.progress-bar li
{
     float: left;
     margin-right: 3px;
     height: 36px;
}

div#body div#content div.progress-bar ul.shop_navi.progress-bar li.active
{
     background: url("../images/arrow_shopsteps.png") no-repeat 60% bottom;
}

div#body div#content div.progress-bar ul.shop_navi.progress-bar li span.step-id
{
     border: 1px solid #DFDFDF;
     padding: 4px 7px;   
     width: 9px;
}

div#body div#content div.progress-bar ul.shop_navi.progress-bar li.step-6
{
     margin-right: 0;
}

div#body div#content div.progress-bar ul.shop_navi.progress-bar li a.caption,
div#body div#content div.progress-bar ul.shop_navi.progress-bar li span.caption
{
     border: 1px solid #DFDFDF;
     border-left: none;
     padding: 4px 7px;
     background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F5F6FA)); /* Saf4+, Chrome */
     background-image: -webkit-linear-gradient(top, #FFFFFF, #F5F6FA); /* Chrome 10+, Saf5.1+, iOS 5+ */
     background-image:    -moz-linear-gradient(top, #FFFFFF, #F5F6FA); /* FF3.6+ */
     background-image:     -ms-linear-gradient(top, #FFFFFF, #F5F6FA); /* IE10 */
     background-image:      -o-linear-gradient(top, #FFFFFF, #F5F6FA); /* Opera 11.10+ */
     background-image:         linear-gradient(to bottom, #FFFFFF, #F5F6FA);
}

div#body div#content div.progress-bar ul.shop_navi.progress-bar li a,
div#body div#content div.progress-bar ul.shop_navi.progress-bar li span
{
     text-decoration: none;
     font-weight: bolder;
     color: #4C4E56;
     display: block;
     float: left;
}

div#body div#content div.progress-bar ul.shop_navi.progress-bar li.active a,
div#body div#content div.progress-bar ul.shop_navi.progress-bar li.active span
{
     color: #000000;
}

div#body div#content div.progress-bar ul.shop_navi.progress-bar li.active span
{
    background-color: #D6E379;
}
div#body div#content div.progress-bar ul.shop_navi.progress-bar li.active a,
div#body div#content div.progress-bar ul.shop_navi.progress-bar li.active span
{
    background-image: none;
    background-color: #BFD23A;
    background: -webkit-gradient(linear, left top, left bottom, from(#D0E066), to(#BFD23A)); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #D0E066, #BFD23A); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background:    -moz-linear-gradient(top, #D0E066, #BFD23A); /* FF3.6+ */
    background:     -ms-linear-gradient(top, #D0E066, #BFD23A); /* IE10 */
    background:      -o-linear-gradient(top, #D0E066, #BFD23A); /* Opera 11.10+ */
    background:         linear-gradient(to bottom, #D0E066, #BFD23A);
    border-bottom: 1px solid #BFD23A;
    border-left: 1px solid #FFFFFF;
}