.vertnav-container { margin: 10px 0 0; }

#vertnav { list-style: disc inside none; border-bottom: 1px solid #dddedf; }

#vertnav li a { text-decoration: none; }

#vertnav li.level0 { font-size: 12px; color: #58595b; }

#vertnav li.level0 > .vertnav-cat > a > span { line-height: 30px; }

#vertnav li.level0-active, #vertnav li.level0.open { border-bottom: 1px dotted #58595b; background: url('../images/active-level0-bg.jpg') no-repeat right top #fff; }
#vertnav li.level0-inactive { border-bottom: 1px dotted #b2b2b2; background: url('../images/inactive-level0-bg.jpg') no-repeat right top #fff; }
#vertnav li.last.level0 { border-bottom: 0 none; }



#vertnav li.level0 > .vertnav-cat a > span { color: #58595b; }
#vertnav li.level0-active > .vertnav-cat > a > span { font-weight: 700; }


/* second-level */

#vertnav li.level0 > ul { list-style: square inside none; border-top: 1px dotted #58595b; padding-left: 10px; color: #929292; }

#vertnav li.level1 { font-size: 11px; }
#vertnav li.level1 > .vertnav-cat a > span { color: #929292; line-height: 20px; display: inline-block; }

#vertnav li.level1-active > .vertnav-cat > a > span { font-weight: 700; }

#vertnav li.level1-active, #vertnav li.level1.open { background: url('../images/active-level1-bg.jpg') no-repeat right -3px #fff; }
#vertnav li.level1-inactive { background: url('../images/inactive-level1-bg.jpg') no-repeat right -3px #fff; }

/* third level */

#vertnav li.level1 > ul { list-style: square inside none; padding-left: 5px; color: #929292; }

#vertnav li.level2 { font-size: 10px; }
#vertnav li.level2 > .vertnav-cat a > span { color: #929292; line-height: 16px; display: inline-block; }

#vertnav li.level2-active > .vertnav-cat > a > span { font-weight: 700; }

/* hover efect */

#vertnav a:hover span { font-weight: 700; }

#vertnav li.empty { display: none; }