/*
*************************************************

file : vertical.css
client : Webfirm
author : Karl Brightman
date created : 9th May 2007

*************************************************
*/

#category-nav, #category-nav ul {
	list-style: none; /* hide bullet points */
	margin: 0;
	padding: 0;
	width : 200px; /* set for base nav width */
}

#category-nav li {
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px; /* collapse borders */
	position : relative; /* required - used to position subs */
	width: 200px; /* set to same width as base list */
}

#category-nav li ul {
	left: -9999em;
	margin-left : 197px;
	position : absolute; /* required - positions subs in parent list item */
	top: 0; /* align to top */
}

#category-nav li a {
  font-size:12px;
	line-height:22px;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
  border-bottom: 1px solid #212121;
	display : block;
	padding : 0 0 0 10px;
	width: 186px;
}
#category-nav li a:hover { background: #FFD800 url(../images/core/arrow-nav-right.gif) 180px 7px no-repeat; color: #000; }

#category-nav li ul a {
	background-color : #FFD800;
	color : #000;
	padding : 0 5px;
	width: 190px; /* set to base width minus padding (example: 200px - 5px -5px = 190px) */
}
#category-nav li ul a:hover { background-color : #fff; color : #000; background-image: none; font-weight: bold;  }	

/* hasSub style used to a tags which have subs - used only to make it look good and not required */
#category-nav li ul a.hasSub { background: #FFD800 url(../images/core/arrow-nav-right.gif) 180px 7px no-repeat; color: #000; }
#category-nav li ul a.hasSub:hover { background: #fff ; }
/*#category-nav li ul a.hasSub { background: #fff url(../images/arrow_right_black.gif) no-repeat 95% 50%; }
#category-nav li ul a.hasSub:hover { background: #f6eade url(../images/arrow_right_orange.gif) no-repeat 95% 50%; }*/

/* hide subs on current list */
#category-nav li:hover ul ul, #category-nav li:hover ul ul ul, #category-nav li.sfhover ul ul, #category-nav li.sfhover ul ul ul {
	left: -9999em;
}

/* show subs on hover */
#category-nav li:hover ul, #category-nav li li:hover ul, #category-nav li li li:hover ul, #category-nav li.sfhover ul, #category-nav li li.sfhover ul, #category-nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}