.widget_ds_pagenav
{

}

.DS_PageNav
{
	margin-left: 1.5em;
}

.DS_PageNav .sf-menu
{
	float: left;
	margin-bottom: 1em;
}

.DS_PageNav .sf-menu a
{
	border-left: 1px solid #fff;
	border-top: 1px solid #eee;
	padding: .75em 1em;
	text-decoration: none;
}

.DS_PageNav .sf-menu a,
.DS_Pagenav .sf-menu a:visited
{ /* visited pseudo selector so IE6 applies text colour*/
	color: #000;
}

.DS_PageNav .sf-menu li
{
	background: #DDD;
}

.DS_PageNav .sf-menu li li
{
	background: #AAA;
}

.DS_PageNav .sf-menu li li li
{
	background: #888;
}

.DS_PageNav .sf-menu li:hover,
.DS_PageNav .sf-menu li.sfHover,
.DS_PageNav .sf-menu a:focus,
.DS_PageNav .sf-menu a:hover,
.DS_PageNav .sf-menu a:active
{
	background: #CCC;
	outline: 0;
}

/* Make these match */
.DS_PageNav .sf-menu,
.DS_PageNav .sf-menu ul,
.DS_PageNav .sf-vertical,
.DS_PageNav .sf-vertical li
{
	width: 15em;
}

.DS_PageNav ul.sf-menu li li:hover ul,
.DS_PageNav ul.sf-menu li li.sfHover ul,
.DS_PageNav ul.sf-menu li li li:hover ul,
.DS_PageNav ul.sf-menu li li li.sfHover ul,
.DS_PageNav .sf-vertical li:hover ul,
.DS_PageNav .sf-vertical li.sfHover ul
{
	left: 15em; /* match ul width */
}
/* */