/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	10em;
}
/* 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:	10em; /* 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*/
}

/* ---------------------------------------------------------------------------------------------- */
/* rewrite sf.css  */

#vmenu .sf-menu ul
  { width: 227px; }

#vmenu ul.sf-menu li li:hover ul,
#vmenu ul.sf-menu li li.sfHover ul,
#vmenu ul.sf-menu li li li:hover ul,
#vmenu ul.sf-menu li li li.sfHover ul
  { left: 227px; }

/* rewrite - this */

#vmenu .sf-vertical, #vmenu .sf-vertical li
  {	width: 227px; }

#vmenu .sf-vertical li:hover ul,
#vmenu .sf-vertical li.sfHover ul,
#vmenu .sf-vertical li li:hover ul,
#vmenu .sf-vertical li li.sfHover ul
	{	left: 227px;}

/* add custom */
#vmenu {
  display: table-cell;
  background: #ffffff url(../../pic/newsbg.gif) repeat-x top left;
}
#vmenu .sf-menu {
	margin:0px; padding:0px; border:0px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}

#vmenu .sf-menu li {
  border:0px;
  border-bottom: 1px solid #e6e6e6;
}
#vmenu .sf-menu li li {
	background-color: #f6f6f6;
  border:0px;
  border-bottom: 1px solid #ffffff;
  top:-1px; /* defazat fata de root */
}
#vmenu .sf-menu li li li { top:0px; /* nu trebuie defazaj */ }

#vmenu .sf-menu a, #vmenu .sf-menu a:visited { /* mouse out */
  color: #5c5c56;
  text-decoration: none;
  padding:8px 20px 8px 20px;
}
#vmenu .sf-menu li:hover, #vmenu .sf-menu li.sfHover,
#vmenu .sf-menu a:focus, #vmenu .sf-menu a:hover, #vmenu .sf-menu a:active { /* mouse over */
  background-color: #e8e8e8;
}

/* ---------------------------------------------------------------------------------------------- */
/* rewrite sf.css  */
#hmenu .sf-menu ul li
  { width: 485px; }

#hmenu .sf-menu li:hover ul,
#hmenu .sf-menu li.sfHover ul
  { top: 32px; }

#hmenu .sf-menu li li:hover ul,
#hmenu .sf-menu li li.sfHover ul
  { top: 0px; left: 485px; }

#hmenu .sf-sub-indicator {  /* IE6 only */
	top: 12px; /* normal 17 */
  right: 2px;
  }
#hmenu ul a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: 11px; /* normal 16 */
  right: 2px;
  }

/* add custom */

#hmenu .sf-menu {
	margin:0px; padding:0px; border:0px;
  font-size: 14px;
  text-align: left;
  }

#hmenu .sf-menu li {
  border:0px;
  }
#hmenu .sf-menu li li {
  width: 190px;
  border:0px;
  font-size: 12px;
  }

#hmenu .sf-menu a, #hmenu .sf-menu a:visited { /* mouse out */
  color: #ffffff;
  text-decoration: none;
	padding:9px 15px 9px 15px;
  }

#hmenu .sf-menu li li a, #hmenu .sf-menu li li a:visited{
	padding:8px 15px 8px 15px;
  background-color: #898888;
  }

#hmenu .sf-menu li:hover, #hmenu .sf-menu li.sfHover,
#hmenu .sf-menu a:focus, #hmenu .sf-menu a:hover, #hmenu .sf-menu a:active { /* mouse over */
  color: #000000;
  }