/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical{
	display:inline-block;	
}

.sf-vertical li {
    width: 246px!important;
	background:url(../img/block_2.png) no-repeat top center!important;
	height:58px!important;
}

.sf-vertical li a:hover {
    background:none!important;
	padding-bottom:8px!important;
    color: #DE0538!important;
}

.sf-vertical li a{
	line-height:40px;
	font-size:14px;
	font-weight:bold;
	color:#1A2E3A!important;
	text-align:left!important;
	padding-left:70px!important;
}
/* 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:   245px; /* match ul width */
        top:    10px;
		width:252px;
		background:#fff!important;
		border-radius:10px!important;
		padding:5px!important;
}
.sf-vertical li ul li{
		height:33px!important;
		line-height:12px!important;
		width:245px;
		background:#c6cfde!important;
		border-radius:12px;
		margin-bottom:2px;
		text-align:left!important;
        padding:5px 0px 0px 5px!important;
		
}

.sf-vertical li ul li a{
	line-height:17px!important;
	padding:5px 0px 0px 10px!important;
	text-align:left!important;
}