/* CSS Document */

#menu {
    float:left;
    width:1000px;
    height:320px;
}

#menu ul {
    float:left;
    margin:0px;
    padding:0px;
    list-style-type:none;
}

#menu ul li {
    position:relative;
    float:left;
    z-index:5;
}

#menu ul li a {
    float:left;

    line-height:32px;
    padding:0px 12px;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
    font-size:12px;
}

#menu ul li a:hover {
    background:#D8DDE0;
    color:#000000;
}

.submenu ul {
    display:none;
    position:absolute;
    margin:0px;
    padding:0px;
    left:0px;
    top:32px;
    z-index:5;
}

.submenu ul li {
    clear:both;
    width:165px;
    padding:0px;
    border-bottom:solid 1px #808080;
    z-index:5;
    background-color: #676767;
    background-image: url(../images/line.jpg);
    background-repeat: repeat-y;
    background-position: left top;

}

#menu .submenu ul li a {
    float:left;
    width:141px;
    padding:0px 12px;
    color:#FFFFFF;
    font-weight:normal;
    font-size:11px;
    line-height:26px;
}

#menu .submenu ul li a:hover {
    color:#333333;
}

.breadcrumbmenu{height:30px; width:100%;float:left }
.breadcrumbmenu_main{height:30px; width:100%;float:left; background-color:transparent; position: relative; margin-bottom: 2px;}
.breadcrumbmenu ul{margin:2px 0 0 0; padding:0; height:30px;}
.breadcrumbmenu ul li{padding:0; margin:0; list-style:none; float:left; height:30px; display:inline;}
.breadcrumbmenu ul li a{font:12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; line-height:28px; padding:0 11px; outline:none;}
.breadcrumbmenu ul li a:hover{color:#f47a44; text-decoration:none;}

.breadcrumbs{ margin-top: 2px !important;background-color:#4d4d4d;float:left;}
.breadcrumbs a{ color:#fff; text-decoration:none;}
.breadcrumbs a:hover{color:#f47a44; text-decoration:none;}

.breadcrumbs .bc_nolink:hover {color:#fff; cursor: default;}

.breadcrumbs li:first-child:before{
    content: "";
}    
.breadcrumbs li:before{
    color:#fff;
    content: " » ";
}

.breadcrumbmenu span{float: left;padding-top: 2px;}

.subcats { margin-top: 2px !important;float:left;}
.subcats a{ color:#444 !important; text-decoration:none;}
.subcats a:hover{color:#f47a44 !important; text-decoration:none;}

.subcats li:first-child:before{
    content: "";
}    
.subcats li:before{
    content: " | ";
}

.dynamicsubcats {display: none;position: absolute;top: 30px;left:0;margin: 0; padding: 0;width:1000px;background: #F1F1F1 scroll;}
.dynamicsubcats li { margin-top: 2px !important;float:left;}
.dynamicsubcats li a{ color:#444 !important; text-decoration:none;}
.dynamicsubcats li a:hover{color:#f47a44 !important; text-decoration:none;}
.dynamicsubcats li:first-child:before{
    content: "";
}    
.dynamicsubcats li:before{
    content: " | ";
}

.breadcrumbmenu ul li:hover > .dynamicsubcats, .dynamicsubcats li:hover {
    z-index: 100;
    display: block;
}