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

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

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

/* root category background (image has precedent) */
.vrootcatbg {
	background-color:#EEE9E4;
	background: url(../../skin1/flyouts/menu_icon.jpg);
	background-position:left;
	background-repeat:no-repeat;
	border-bottom: 1px solid #FFF;
	font-size: 11px;
    text-decoration: none;
	padding-top:2px;
	padding-bottom:3px;
	padding-left:25px;
	display:block;
}

/* SUB MENUS */

.vlink {
	margin-top: -21px;				/* submenu top offset */
	margin-bottom: 0px;				/* submenu bottom offset */
	margin-left: 142px;				/* submenu left offset */
	margin-right: 100px;			/* submenu right offset */
	width: 160px;					/* submenu width */
	position: absolute;
	visibility: hidden;
	border: 1px solid #BBAEA5;		/* border colour */
	border-bottom-width: 0;
	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 #BBAEA5;
	padding: 1px 0;
	font-weight: bold;
	background-color: #EEE9E4;		/* off state bg colour */
	color: #747474;					/* off state text colour */
	text-decoration: none;
}

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