.navxp_HB_SimpleText_DHH {
    [menubar_border]
    [menubar_bgcolor];
    [L0_font]
    font-family: Arial;
    font-size: 12px;
    text-align: left;
}

.navxp_HB_SimpleText_DHH a.itemL0:link, .navxp_HB_SimpleText_DHH a.itemL0:visited {
    display: block;
    float: left;
    [L0_padding]
    [L0_margin]
    [L0_border]
    [L0_bgcolor]

    [L0_font]
}

.navxp_HB_SimpleText_DHH a.itemL0:hover, .navxp_HB_SimpleText_DHH a.itemL0:active {

    [L0_bgcolor_hover];
    [L0_border_hover]
    [L0_font_hover]
}

.navxp_HB_SimpleText_DHH a.itemL0Sel:link, .navxp_HB_SimpleText_DHH a.itemL0Sel:visited,
.navxp_HB_SimpleText_DHH a.itemL0el:hover, .navxp_HB_SimpleText_DHH a.itemL0Sel:active {
    [L0_font_sel]
}

.navxp_HB_SimpleText_DHH .sepBk {

    float: left;
    overflow: hidden;
    
    width: 5px;
    height: 14px;
    
    
    
    margin-right: 4px; margin-left: 4px;margin-top:1px; 
}
/*
    Add your own styles to this file, which is loaded only for theme default.
    To avoid style collisions, prefix your styles with the CSS class of root NavXp element.
*/


#headerMenuPane {
    margin-top:25px;
}

#headerMenuPane, #headerMenuPane a {
    color:#ffffff;
    font-size: 12px;
font-family: "Open Sans", sans-serif;

}

    #headerMenuPane a {
        font-weight: 600;
    }

.navxp_HB_SimpleText_DHH .sepBk {
float: left;
overflow: hidden;
width: 5px;
height: 20px;
margin-right: 4px;
margin-left: 4px;
margin-top: 0px;
padding-right: 5px;
padding-left: 5px;
}