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

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

/* root category link style */
.vrootcat {
	font: 11px Arial;
	font-weight: bold;
	text-decoration: none;
	width: 150px;
	height: 20px;
	
	
}
.vrootcat:link {
	color: #ffffff;
	text-decoration: none;
	
	

}
.vrootcat:visited {
	color: #ffffff;
	text-decoration: none;
	

}
.vrootcat:hover {
	color: #fffc02;
	text-decoration: none;
	
	

}
.vrootcat:active {
	color: #ffffff;
	text-decoration: none;
	

}

/* root category background (image has precedent) */ 
.vrootcatbg {
	height: 18px;
	border: 1px solid #000000;		/*border colour */
	background-color: #e94c17;
}

/* SUB MENUS */

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

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

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