/* Category navigation definitions 5
----------------------------------------------------------------------------- */
.navContainer {
	float: left;
	width: 172px;
	background: url('../img/layout/navBg.gif') top left no-repeat;
	padding-top: 24px;
	}
.sfhover {
	z-index: 1000;
	}

#nav,
#nav ul {
	font-size: 12px;
	font-family: tahoma, helvetica,arial, verdana, ms-sans;
	padding: 0px;
	margin: 0px;
	list-style: none;
	float : left;
	width : 169px;
	z-index: 10;
	}
#nav li {
	position : relative;
	float : left;
	width: 160px;
	padding: 0px;
	}



#nav li ul ul {
	position : absolute;
	left: -999em;
	margin-top : -21px;
	z-index: 10;
	border: 1px solid #202020;
	}

#nav li.sfhover ul ul
	{
	left: -999em;
	}
#nav ul li:hover ul,
#nav ul li li:hover ul,
#nav ul li li li:hover ul,
#nav ul li.sfhover ul,
#nav ul li li.sfhover ul {
	left: 169px;
	}
#nav li a,
#nav li a:link,
#nav li a:visited {
	line-height: 35px;
	width: 155px;
	display : block;
	text-decoration : none;
	padding-left: 5px;
}
#navBottom {
	float: left;
	height: 23px;
	width: 172px;
	color: #FFF;
	background: #5192c9 url('../img/layout/nav_btm.gif') top left no-repeat;
	}

/* Category navigation colours
----------------------------------------------------------------------------- */
#nav li a,
#nav li a:link,
#nav li a:visited {																																																															/* first list  */
	color: #cfdce7;
	}
#nav li a:hover,
#nav li a.active {																																																															/* first list  */
	color: #FFF;
	background: #2e517f url('../img/layout/navitem_hover.gif') top left no-repeat;
	}
#nav li ul li a,
#nav li ul li a:link,
#nav li ul li a:visited {																																																															/* second list*/
	background: transparent;
	color: #FFFFFF;
	background-color: #202020;
	}
#nav li ul li:hover a,
#nav li ul ul li li:hover a,
#nav li ul li.sfhover a,
#nav li ul ul li.sfhover a,
#nav li ul ul ul li li.sfhover a{																																																														/* second list selected > third list */
	color: #FFFFFF;
	background-color: #8C315D;
	}
#nav li ul li a:hover,
#nav li ul ul li a:hover ,
#nav li ul li li a:hover {																																																														/* second list hover */
	background-color: #9B054F;
	color: #FFFFFF;
	z-index: 100;
	}
#nav li ul a:link,
#nav li ul ul a:link,
#nav li ul a:visited,
#nav li ul ul a:visited {																																																														/*  third list */
	color: #FFFFFF;
	background-color: #202020;
	}

#nav li ul a:hover,
#nav li ul ul a:hover { 																																																														/* third list hover*/
	background-color: #9B054F;
	color: #FFFFFF;
	}
