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

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

/* root category link style */
.vrootcat {
	font: 12px Verdana;
	text-decoration: none;
	padding-left:10px;
	line-height:30px;
}
.vrootcat:link {
	color: #003366;
	text-decoration: none;
	display:block;
	height: 30px;
	line-height:30px;
}
.vrootcat:visited {
	color: #003366;
	text-decoration: none;
	display:block;
	height: 30px;
		line-height:30px;

}
.vrootcat:hover {
	color: #fff;
	text-decoration: underline;
	background:#336699;
	display:block;
	height: 30px;
		line-height:30px;

}
.vrootcat:active {
	color: #003366;
	text-decoration: none;
	display:block;
	height: 30px;
		line-height:30px;

}

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


/* SUB MENUS */

.vlink {
	margin-top: -22px;				/* submenu top offset */
	margin-bottom: 0px;				/* submenu bottom offset */
	margin-left: 184px;				/* submenu left offset */
	margin-right: 100px;			/* submenu right offset */
	width: 200px;					/* submenu width */
	position: absolute;
	visibility: hidden;
	border: 0px solid #3F71A3;		/* border colour */
	border-bottom-width: 0;
	font: 12px Verdana;				/* link style */
	line-height: 28px;				/* submenu height */
	z-index: 100;

}

.vlink a {
	width: 100%;
	display: block;
	text-indent: 5px;
	border-bottom: 0px solid #3F71A3;
	padding: 1px 0;
	background-color: #336699;		/* off state bg colour */
	color: #fff;					/* off state text colour */
	text-decoration: none;
}

.vlink a:visited {
	width: 100%;
	display: block;
	text-indent: 5px;
	border-bottom: 0px solid #3F71A3;
	padding: 1px 0;
	background-color: #336699;		/* off state bg colour */
	color: #fff;					/* off state text colour */
	text-decoration: none;
} 

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