.epider{
	/* root CSS class
	If you set a font type, size, color here then it will be the default for all
	subclasses unless they override it */
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	font-family: Arial, Hevlvetica, sans-serif;
}

.epider .menuCont_1,
.epider .menuCont_2{
/* Menu containers (in this file we have 2 menu containers - the module parameter "CSS # Menu Classes:"
would need to correspond to this with a setting of 2.
This class affects a DIV tag which encapsulates the menu anchor. (Necessary to allow alpha filter)
*/
width: 140px; height: 25px;
background-color	: transparent;
	text-align: left;
}

.epider .subItem_1 img, .epider .subItem_2 img,
.epider .subItem_1-active img, .epider .subItem_2-active img,
.epider .parentItem img,
.epider .parentItem-active img{
    position: absolute;
    top: 0px;
    border: 0;
}

.epider .rgtImg {
/* Positioning of image to right of menu*/
    margin-top: 5px;
    right: 4px;
    border: 0;
}
.epider .lftImg {
/* Positioning of image to left of menu*/
	margin-top: 2px;
    border: 0;
}


.epider .parentItem, 
.epider .parentItem:hover, 
.epider .parentItem-active,
.epider .parentItem-active:hover {	
	width: 140px; height: 15px;
	background-repeat	: no-repeat;
    text-decoration		: none;
    display				: block;
    white-space			: nowrap;
    position			: relative;
	display				: block;
	border-style		: none;
	margin				: 0px 0px -1px 0px;
	padding				: 5px 0px 5px 20px;	
}

.epider .parentItem:hover, 
.epider .parentItem-active:hover {
border-bottom:#000 1px solid;
background-image: url(images/epidermiq/epidermiq_menu_bg02.png);
}	
.epider .subItem_2 {
	background-image: url(images/epidermiq/epidermiq_menu_bg03.png);
}

.epider .subItem_2:hover {
background-image	: url(images/epidermiq/epidermiq_menu_bg04.png);
}
.epider .parentItem:link,
.epider .parentItem:visited {
	color	: #000000;
	font-weight: bold;
}

.epider .parentItem:hover,
.epider .parentItem-active {
	color				: #ffffff !important;
	font-weight: bold;
}
.epider .parentItem:active {
	/*background-color	: #ee5500;*/
	color				: #ffffff !important;
}


.epider .subItem_1, .epider .subItem_2,
.epider .subItem_1:hover, .epider .subItem_2:hover,
.epider .subItem_1-active, .epider .subItem_2-active,
.epider .subItem_1-active:hover, .epider .subItem_2-active:hover {	
	width: 80px; height: 15px;
	background-repeat	: no-repeat;
    text-decoration: none;
    display: block;
    white-space:nowrap;
    position: relative;
    z-index: 500;
	display				: block;
	margin				: 0px 0px -1px 0px;
	padding				: 5px 10px 5px 30px;
	color: #ffffff !important;
}

.epider .subItem_1, .epider .subItem_2{
    color				: #ffffff;
}
.epider .subItem_1:hover, .epider .subItem_2:hover{
	color				: #fff !important;
}




.epider .section {
    border-style: none;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

* html .epider td { position: relative; } /* ie 5.0 fix */