/*
*  This is a modified version of the menu CSS found here:
*
*  http://www.brothercake.com/scripts/listmenu/
*
*  which is liscensed under GPL -- http://www.gnu.org/copyleft/gpl.html
*
*/

/*********************************
*                                *
* leftNavContainer               *
*                                *
*********************************/
.leftNavContainer {
	position:relative;
	width:164px;
	height:433px;
	max-height:433px;
	border:0px;
	margin:0px;
	padding:0px;
	background:#000;
	visibility:hidden;
	z-index:10000;
}

/*********************************
*                                *
* leftNavExpandableMenu          *
*                                *
*********************************/
.leftNavExpandableMenu,
.leftNavExpandableMenu * {
	border:0px;
	margin:0px;
	padding:0px;
	text-indent:20px;
	color:#fff;
}

ul.leftNavExpandableMenu {
	position:relative;
	z-index:1000;
	width:164px;
	font:bold 7pt/19px verdana, lucida, sans-serif;
	text-indent:10px;
	background-color:#333;
}


ul.leftNavExpandableMenu,
ul.leftNavExpandableMenu li {
	list-style-type:none;
}

ul.leftNavExpandableMenu li {
	position:relative;
	text-align:left;
	width:164px;
	height:17px;
}

ul.leftNavExpandableMenu ul {
	z-index:1020;
	position:absolute;
	width:164px;
	margin:0 0 0 164px;
	top:-10000em;
	left:-1px;
}

ul.leftNavExpandableMenu ul li {
	width:164px;
	height:17px;
}

@media screen, projection {
	ul.leftNavExpandableMenu li:hover > ul { top:0; }
}

ul.leftNavExpandableMenu a {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	height:17px;
	width:164px;
	font:bold 7pt/17px verdana, lucida, sans-serif;
	background-color:#1a1a1a;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
}

ul.leftNavExpandableMenu a:hover,
ul.leftNavExpandableMenu a:active,
ul.leftNavExpandableMenu a:focus,
ul.leftNavExpandableMenu a.rollover,
ul.leftNavExpandableMenu a.rollover:visited {
	background-color:#555;
}

@media screen, projection {
	* html ul.leftNavExpandableMenu li {
		display:inline;
		f\loat:left;
		background:#ffffff;
	}
}
* html ul.leftNavExpandableMenu li { position:static; }
* html ul.leftNavExpandableMenu a { position:relative; }
ul[class^="leftNavExpandableMenu"] ul { display:none; }
ul[class^="leftNavExpandableMenu"] ul { displa\y:block; }

/*********************************
*                                *
* viewMore                       *
*                                *
*********************************/
li.viewMore a:link,
li.viewMore a:visited,
li.viewMore a:hover,
li.viewMore a:active {
	color:#c00;
}
li.viewMore a:hover {
	color:#fff;
}

/*********************************
*                                *
* leftNavTopSpacer               *
*                                *
*********************************/
ul.leftNavExpandableMenu li.leftNavTopSpacer,
ul.leftNavExpandableMenu li.leftNavTopSpacer a:focus,
ul.leftNavExpandableMenu li.leftNavTopSpacer a:link,
ul.leftNavExpandableMenu li.leftNavTopSpacer a:visited,
ul.leftNavExpandableMenu li.leftNavTopSpacer a:hover,
ul.leftNavExpandableMenu li.leftNavTopSpacer a:active,
ul.leftNavExpandableMenu li.leftNavTopSpacer * {
	background:#000 none;
	height:2px;
	font:normal 1px/1px verdana, lucida, sans-serif;
}

/*********************************
*                                *
* leftNavBottomSpacer            *
*                                *
*********************************/
div.leftNavBottomSpacer {
	height:5px;
	font:normal 1px/1px verdana, lucida, sans-serif;
}

/*********************************
*                                *
* BOTTOM MENU                    *
*                                *
*********************************/
.leftNavBottomMenu {
	position:absolute;
	bottom:10px;
	left:0px;
}

.leftNavBottomMenu,
.leftNavBottomMenu * {
	border:0px;
	margin:0px;
	padding:0px;
	color:#fff;
}

ul.leftNavBottomMenu {
	width:164px;
	font:bold 7pt/19px verdana, lucida, sans-serif;
	background-color:#333;
}


ul.leftNavBottomMenu,
ul.leftNavBottomMenu li {
	list-style-type:none;
}

ul.leftNavBottomMenu li {
	position:relative;
	text-align:left;
	width:164px;
	height:17px;
}

ul.leftNavBottomMenu ul {
	position:absolute;
	width:164px;
	margin:0 0 0 164px;
	top:-10000em;
	left:-1px;
}

ul.leftNavBottomMenu ul li {
	width:164px;
	height:17px;
}

@media screen, projection {
	ul.leftNavBottomMenu li:hover > ul { top:0; }
}

ul.leftNavBottomMenu li a {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	height:17px;
	width:164px;
	font:bold 7pt/17px verdana, lucida, sans-serif;
	background-color:#1a1a1a;
	color:#c00;
	text-decoration:none;
	text-transform:uppercase;
	overflow:hidden;
	text-indent:20px;
}

ul.leftNavBottomMenu li a:hover,
ul.leftNavBottomMenu li a:active,
ul.leftNavBottomMenu li a:focus,
ul.leftNavBottomMenu li a.rollover,
ul.leftNavBottomMenu li a.rollover:visited {
	background-color:#555;
	color:#fff;
}

@media screen, projection {
	* html ul.leftNavBottomMenu li {
		display:inline;
		f\loat:left;
		background:#ffffff;
	}
}
* html ul.leftNavBottomMenu li { position:static; }
* html ul.leftNavBottomMenu a { position:relative; }
ul[class^="leftNavBottomMenu"] ul { display:none; }
ul[class^="leftNavBottomMenu"] ul { displa\y:block; }

/*********************************
*                                *
* MENU EXPANDER                  *
*                                *
*********************************/
div.menuExpander {
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:164px;
	height:19px;
	font:normal 1px/1px verdana, lucida, sans-serif;
	z-index:2000;
}

/*********************************
*                                *
* IMAGES                         *
*                                *
*********************************/
img.leftNavSubCategoryBorder {
	position:absolute;
	top:0px;
	left:0px;
	width:164px;
	height:17px;
	border:0px;
	margin:0px;
	padding:0px;
	visibility:visible;
	z-index:1;
}

img.leftNavHoverArrow {
	position:absolute;
	top:0px;
	left:0px;
	width:164px;
	height:17px;
	border:0px;
	margin:0px;
	padding:0px;
	visibility:hidden;
	z-index:1;
}

img.leftNavFlyoverArrow {
	position:absolute;
	top:0px;
	left:0px;
	width:164px;
	height:17px;
	border:0px;
	margin:0px;
	padding:0px;
	visibility:visible;
	z-index:1;
}

img.leftNavCategoryArrow {
	position:absolute;
	top:0px;
	left:0px;
	width:164px;
	height:19px;
	border:0px;
	margin:0px;
	padding:0px;
	visibility:visible;
	z-index:1;
}

img.leftNavCollapse {
	position:absolute;
	top:0px;
	left:0px;
	width:164px;
	height:19px;
	border:0px;
	margin:0px;
	padding:0px;
	visibility:visible;
	z-index:1;
}

img.leftNavExpand {
	position:absolute;
	top:0px;
	left:0px;
	width:164px;
	height:19px;
	border:0px;
	margin:0px;
	padding:0px;
	visibility:visible;
	z-index:1;
}

ul.leftNavExpandableMenu a:hover img.leftNavHoverArrow,
ul.leftNavExpandableMenu a:active img.leftNavHoverArrow,
ul.leftNavExpandableMenu a:focus img.leftNavHoverArrow,
ul.leftNavExpandableMenu a.rollover img.leftNavHoverArrow,
ul.leftNavExpandableMenu a.rollover:visited img.leftNavHoverArrow {
	visibility:visible;
}

ul.leftNavBottomMenu a:hover img.leftNavHoverArrow,
ul.leftNavBottomMenu a:active img.leftNavHoverArrow,
ul.leftNavBottomMenu a:focus img.leftNavHoverArrow,
ul.leftNavBottomMenu a.rollover img.leftNavHoverArrow,
ul.leftNavBottomMenu a.rollover:visited img.leftNavHoverArrow {
	visibility:visible;
}

@media handheld, print {
	img.leftNavSubCategoryBorder {display:none;}
	img.leftNavHoverArrow {display:none;}
	img.leftNavFlyoverArrow {display:none;}
}

/* MAKE SURE ALL LEFT NAV LINKS ARE IN THE CORRECT COLOR */
.leftNavContainer a,
.leftNavContainer a:link,
.leftNavContainer a:visited,
.leftNavContainer a:hover,
.leftNavContainer a:active {
	color:#fff;
	text-decoration:none;
}

.leftNavBottomMenu a,
.leftNavBottomMenu a:link,
.leftNavBottomMenu a:visited {
	color:#c00;
	text-decoration:none;
}

.leftNavBottomMenu a:hover,
.leftNavBottomMenu a:active {
	color:#fff;
	text-decoration:none;
}