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

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

/* root category link style */
.vrootcatcss {
	font: 10px Verdana;
	font-weight: bold;
	text-decoration: none;
}
.vrootcatcss:link {
	color: #FFFFFF;
	text-decoration: none;
}
.vrootcatcss:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.vrootcatcss:hover {
	color: #FFFF00;
	text-decoration: none;
}
.vrootcatcss:active {
	color: #FFFF00;
	text-decoration: none;
}

/* root category background (image has precedent) */
.vrootcatbg {
	height: 30px;
	background: url(../../skin1/flyouts/menubg.jpg);
	background-color: #336699;
}

/* SUB MENUS */

.vanylinkcss {
	margin-top: -21px;				/* submenu top offset */
	margin-bottom: 0px;				/* submenu bottom offset */
	margin-left: 142px;				/* submenu left offset */
	margin-right: 0px;				/* submenu right offset */
	width: 150px;					/* submenu width */
	position: absolute;
	visibility: hidden;
	border: 1px solid #3F71A3;		/* border colour */
	border-bottom-width: 0;
	font: 10px Verdana;				/* link style */
	font-weight: bold;
	line-height: 20px;				/* submenu height */
	z-index: 100;
}

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

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