.navpro { font-size: 13px; text-align: left; }
.navpro a.level-top,
.navpro div.level-top a {
    color: #2b3c4a;
    font-weight: bold;
    padding: 5px 12px 6px 8px;
    display: block;
    line-height: 1.3em;
    text-decoration: none;
}
/*Top menu style*/
.nav-container .navpro { margin: 0 auto; padding: 0 16px; width: 918px; }
.nav-container .navpro a.level-top,
.nav-container .navpro div.level-top a {
    color: #a7c6dd;
}
.navpro a.level-top:hover,
.navpro a.level-top.over,
.navpro div.level-top a:hover,
.navpro div.level-top a.over { color: #d96708; }
.navpro .active > a.level-top,
.navpro .active > div.level-top a { color: #d96708; }
.navpro .nav-ul .active > .nav-a { color: #d96708 }

/* dropdown styles */
.navpro .nav-li { float: left; }
.navpro li.over { z-index:998; }
.navpro .nav-dropdown { position: absolute; display: none; background: #fff; border: 1px solid #ccc; }
.navpro .nav-style-accordion > .nav-dropdown { position: static; border: none; display: block; background: none; overflow: hidden; }
.navpro .nav-dropdown .nav-dropdown { }
.navpro .shown-sub { z-index: 999; display: block; }
.navpro .nav-dropdown .shown-sub { display: block; }
.navpro .nav-ul .nav-li { float: none; }
.navpro .nav-ul .nav-li-column { float: left; }
.navpro .nav-ul li.over > a,
.navpro .nav-ul li.over > .nav-sibling-title { background-color: #eee; }
.navpro .nav-ul .nav-a:hover,
.navpro .nav-ul .nav-sibling-title:hover { background-color: #eee; }
.navpro .nav-ul .nav-a,
.navpro .nav-ul .nav-sibling-title a { text-decoration: none; display: block; }
.navpro .nav-ul .nav-span,
.navpro .nav-ul .nav-sibling-title { display: block; padding: 3px 15px 4px; }
.navpro .nav-row { clear: left; }

.nav-toggler {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 4px;
    right: 0px;
    background: url(../images/navigationpro_arrows.gif) no-repeat 0 -22px;
    text-indent: -9999px;
}
.nav-accordion-toggler.nav-toggler-level1 { right: 5px; }
.nav-accordion-toggler.nav-toggler-level2 { right: 8px; }
.nav-accordion-toggler.nav-toggler-level3 { right: 11px; }
.nav-accordion-toggler.nav-toggler-level4 { right: 14px; }
.nav-accordion-toggler.nav-toggler-level5 { right: 17px; }

.nav-accordion-toggler {
    cursor: pointer;
    background-position: -49px -2px;
    opacity: 0.6;
}
.nav-accordion-toggler:hover { opacity: 1; }
.nav-accordion-toggler-active { background-position: 0 0; }
.navpro-inline .nav-toggler-level0 { background-position: -21px 0; }
.nav-a-with-toggler,
.nav-sibling-title-with-toggler a { padding-right: 23px !important; }

.navpro .relative-level1 { text-indent: 0px; }
.navpro .relative-level2 { text-indent: 10px; }
.navpro .relative-level3 { text-indent: 20px; }
.navpro .relative-level4 { text-indent: 30px; }
.navpro .relative-level5 { text-indent: 40px; }
.navpro .relative-level6 { text-indent: 50px; }
.navpro .relative-level7 { text-indent: 60px; }

.navpro .nav-style-accordion .nav-a-level1 { text-indent: 0px; }
.navpro .nav-style-accordion .nav-a-level2 { text-indent: 10px; }
.navpro .nav-style-accordion .nav-a-level3 { text-indent: 20px; }
.navpro .nav-style-accordion .nav-a-level4 { text-indent: 30px; }
.navpro .nav-style-accordion .nav-a-level5 { text-indent: 40px; }
.navpro .nav-style-accordion .nav-a-level6 { text-indent: 50px; }
.navpro .nav-style-accordion .nav-a-level7 { text-indent: 60px; }
.navpro .nav-style-accordion .nav-a-level8 { text-indent: 70px; }
.navpro .nav-style-accordion .nav-a-level9 { text-indent: 80px; }

.navpro .nav-column { float: left; }
.navpro .nav-column .nav-column-title {
    color: #0A263C;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 5px 10px;
}

/* sidebar fixes */
/*.block-navpro .block-content { padding: 5px; }*/
.sidebar .navpro .level-top { float: none; clear: left; }
.sidebar .navpro a.level-top,
.sidebar .navpro div.level-top a {
    padding: 5px 12px 6px 12px;
}

/* Clearer */
.navpro,
.nav-li,
.nav-ul,
.nav-dropdown,
.nav-column-wrapper,
.nav-column { zoom: 1; }
.navpro:after,
.nav-li:after,
.nav-ul:after,
.nav-dropdown:after,
.nav-column-wrapper:after,
.nav-column:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0; font-size: 0; }

/* -------------------------------*/
/* Other extensions compatibility */
/* -------------------------------*/

/* Highlight */
.navpro .block-highlight { padding: 10px; }
.navpro .block-highlight .block-title { background: none; border: none; }
.navpro .block-highlight .block-content { background: none; border: none; }
.navpro .products-grid { background: none; }
.side-col .navpro .block-highlight .products-list .product-shop,
.sidebar .navpro .block-highlight .products-list .product-shop { margin-left: 150px; }
/* Clear Magento odd and even styles */
.navpro .block-highlight li.odd,
.navpro .block-highlight li.even { background: none; }