/* Menu Navigation Code*/

ul.bergerbros_navigation {
	list-style: none none;
	padding: 0px;
	margin: 0px;
	display: block;
	position: relative;
	z-index:4;
    width: 80px; 
	height: 18px;
	left: 0px;
	}

ul.bergerbros_navigation li {
	/*float: left; For IE 7 lack of compliance*/
	display: block !important; /*For GOOD browsers*/
	display: inline; /*For IE*/
	position: relative;
	padding: 0px;
}

ul.bergerbros_navigation ul {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	list-style: none none;
	display: none;
	width: 80px;
	position: absolute;
	top: 18px; /* Needs to be adjusted based on Main Menu height */
	left: 0px;  /* This determines where the 1st dropdown drops down relative to the button above it */
	z-index:1000;
}


/* For compliant browsers */

ul.bergerbros_navigation li ul {
	width: 120px;
	top: 19px; /* Needs to be adjusted based on Main Menu height */
}

ul.bergerbros_navigation ul ul {
	width:120px;	
}

ul.bergerbros_navigation ul ul ul {
	width:120px;
}

/* END */

ul.bergerbros_navigation:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	content: ".";
	height: 0px;
	visibility: hidden;
}

/* Main Menu */

ul.bergerbros_navigation a {
	display: block;
	height: auto !important;
	height: 1%; /*For IE*/
	width: auto;
    padding: 2px 0px 2px 2px;
	margin: 0px;
}

/* 2nd, 3rd, 4th Menu */
ul.bergerbros_navigation li:hover li a,
ul.bergerbros_navigation li.iehover li a,
ul.bergerbros_navigation li:hover li:hover li a,
ul.bergerbros_navigation li.iehover li.iehover li a, 
ul.bergerbros_navigation li:hover li:hover li:hover li a,
ul.bergerbros_navigation li.iehover li.iehover li.iehover li a {
	padding: 2px; /*If this is changed, go to "note" below*/
	margin: 0px;
	width: auto; /*If this is changed, go to "note" below*/
	font-size: 11px;
		left: -100%;
}

/* Do Not Move - Must Come Before display:block for Gecko*/

ul.bergerbros_navigation li:hover ul ul,
ul.bergerbros_navigation li:hover ul ul ul,
ul.bergerbros_navigation li.iehover ul ul,
ul.bergerbros_navigation li.iehover ul ul ul {

	display: none;
	top: -0px; /* Placement must include border widths */
	left: 100%; /* Change according to 2nd menu width, including padding */
	font-size: 11px;
}

/* For compliant browsers */

ul.bergerbros_navigation li:hover ul li>ul,
ul.bergerbros_navigation li:hover ul ul li>ul,
ul.bergerbros_navigation li.iehover ul li>ul,
ul.bergerbros_navigation li.iehover ul ul li>ul {
	left: 100%; /* This is what determines the positioning of the sub-menu popouts */
}

/* For LEFT opening */

ul.bergerbros_navigation_left li:hover ul li>ul,
ul.bergerbros_navigation_left li:hover ul ul li>ul,
ul.bergerbros_navigation_left li.iehover ul li>ul,
ul.bergerbros_navigation_left li.iehover ul ul li>ul {
	left: -100%; /* How do I designate some menus to use this class instead of the default? */
	font-weight:bolder;
}



/* END */

ul.bergerbros_navigation li:hover ul,
ul.bergerbros_navigation ul li:hover ul,
ul.bergerbros_navigation ul ul li:hover ul,
ul.bergerbros_navigation li.iehover ul,
ul.bergerbros_navigation ul li.iehover ul,
ul.bergerbros_navigation ul ul li.iehover ul {

	display: block;

} 

 /*END Menu Navigation Code*/