/* ------------------------------------ */
/* VERTICAL FLYOUT MENU FOR X-CART v4 */
/* ------------------------------------ */

/* menu width (% or px or comment out) */
.vflyoutwidth {
	width: 150px;
}

/* root category link style */
.vrootcatcss {
	FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;	FONT-WEIGHT: bold;  FONT-SIZE: 10px;
	color: #000000;
	text-decoration: none;
}
.vrootcatcss:link {
	color: #aa11bb;
	text-decoration: none;
}
.vrootcatcss:visited {
	color: #003212;
	text-decoration: none;
}
.vrootcatcss:hover {
	color: #cc99cc;
	text-decoration: none;
}
.vrootcatcss:active {
	color: #FFFF00;
	text-decoration: none;
}

/* root category background (image has precedent) */
.vrootcatbg {
	height: 18px;
	background-color:#ffffff;
}

/* SUB MENUS */

.vanylinkcss {
	margin-top: -21px;				/* submenu top offset */
	margin-bottom: 0px;				/* submenu bottom offset */
	margin-left: 146px;				/* submenu left offset */
	margin-right: 0px;				/* submenu right offset */
	width: 160px;					/* submenu width */
	position: absolute;
	visibility: hidden;
	border: 1px solid #000000;		/* border colour */
	border-bottom-width: 0;
	
	FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;	FONT-WEIGHT: bold;  FONT-SIZE: 10px;
	
	line-height: 22px;				/* submenu height */
	z-index: 10;
}

.vanylinkcss a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #000000;
	padding: 1px 0;
	font-weight: bold;
	text-indent: 5px;
	background-color: #cc99cc;		/* off state bg colour */
	color: #000000;					/* off state text colour */
	text-decoration: none;
}

.vanylinkcss a:hover {
	background-color: #333333;		/* on state bg colour */
	color: #FFFFFF;					/* on state text colour */
	text-decoration: none;
}