/* top menu has outside border */
.zpMenuContainer {
    width: 210px;
    position: absolute;
    cursor: pointer;
    top: 350px;
}

/* vertical menu has width based on widest element */
.zpMenu-vertical-mode .zpMenu-level-1 {
    margin: 3px;
    margin-left: 70px;
}

.zpMenu-vertical-mode .zpMenu-level-1 a {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #423A2D;
}

.zpMenu-vertical-mode .zpMenu-level-1 a:hover {
    color: #FFFFFF;
}

/* sub-menu has NO border */
.zpMenuContainer .zpMenuContainer {
    margin-top: 2px;
    margin-left: 52px;
    cursor: pointer;
    background-color: #C9C1AC;
    border: 1px solid #8A2A4F;
}

/* General items that's not a top menu */
.zpMenuContainer .zpMenuContainer .zpMenu-item {
	width: 190px;
	height: 14px;
    padding: 4px;
}

.zpMenuContainer .zpMenuContainer .zpMenu-item a {
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #423A2D;
}

.zpMenuContainer .zpMenuContainer .zpMenu-item a:hover {
    color: #FFFFFF;
}

/* Current selected items in top horizontal menu*/
.zpMenu .zpMenu-item-selected {
	
}

.zpMenu .zpMenu-item-selected a {
	color: #FFFFFF;
}

/* Current selected items in vertical menu*/
.zpMenuContainer .zpMenuContainer .zpMenu-item-selected {
	margin-top:0px;
	background-position:top left;	
}

.zpMenuContainer .zpMenuContainer .zpMenu-item-selected a {
    color: #FFFFFF;
}

/* The arrow that shows up when there's a sub-menu */
.zpMenuContainer .zpMenuContainer .zpMenu-item-expanded .zpMenu-label,
.zpMenuContainer .zpMenuContainer .zpMenu-item-collapsed .zpMenu-label {
	
}
/* Override previously defined background defined in this css for HR */
.zpMenuContainer .zpMenuContainer .zpMenu-item-hr {
	border:none;
}