/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical LI
{
	width: 180px;
}
/*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: 150px;
/*match ul width*/
	top: 0;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator
{
	background-position: -10px 0;
}
/*IE6 gets solid image only*/
.sf-vertical A > .sf-sub-indicator
{
	background-position: 0 0;
}
/*use translucent arrow for modern browsers
hover arrow direction for modern browsers*/
.sf-vertical A:focus > .sf-sub-indicator, .sf-vertical A:hover > .sf-sub-indicator, .sf-vertical A:active > .sf-sub-indicator, .sf-vertical LI:hover > A > .sf-sub-indicator, .sf-vertical LI.sfHover > A > .sf-sub-indicator
{
	background-position: -10px 0;
/*arrow hovers for modern browsers*/
}