.jsddm
{
    margin: 0;
    padding: 0
}

.jsddm li
{
    float: left;
    list-style: none;
}

.jsddm li a
{	display: block;
    padding: 10px 8px 10px 12px;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.jsddm li a.active {
    color: #222;
    border: 1px solid #d6d6d6;
   background: #eeeeee url("../../../../images/products_reskin/breadcrumb_bg.gif") repeat-x;

}

/*.jsddm li a:hover
{
    background: #24313Cl;
    border-top: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
}*/

.jsddm li ul
{	margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    border: 1px solid #d6d6d6 !important;
    margin-top:-1px !important;
    z-index:100;
}

.jsddm li ul li
{	float: none !important;
    padding:0 !important;
    display: inline;
}

.jsddm li ul li a
{	width: auto;
    color: #222;
    background: #eeeeee;
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #ffffff;
    border-left: none;
    border-right: none;
    padding: 7px 10px 7px 10px;
}





.jsddm li.noactive a:hover ,
.jsddm li.noactive,
.jsddm li.noactive a.active {
    background: #FFFFFF;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-top: 1px solid white;
}

.jsddm li.noactive,
.jsddm li.noactive a:hover ,
.jsddm li.noactive a.active {
    border-bottom: none;
}



.jsddm li ul li a:hover
{
    color: #000000;
    background: #FFFFFF;
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #ffffff;
    border-left: none;
    border-right: none;
}