/** adding sf-vertical in addition to sf-menu creates a vertical menu */
.sf-vertical, .sf-vertical li {
	width:76px;
}
/** this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:82px;
}

/** each submenu needs different top-margin - so every submenu is positioned at the same height */
.sf-vertical li:hover ul.nav-v-2-1,
.sf-vertical li.sfHover ul.nav-v-2-1 {
	top:-1px;
}

.sf-vertical li:hover ul.nav-v-2-2,
.sf-vertical li.sfHover ul.nav-v-2-2 {
	top:-20px;
}

.sf-vertical li:hover ul.nav-v-2-3,
.sf-vertical li.sfHover ul.nav-v-2-3 {
	top:-39px;
}

.sf-vertical li:hover ul.nav-v-2-4,
.sf-vertical li.sfHover ul.nav-v-2-4 {
	top:-58px;
}