.suckertreemenu {
	width:100%;
	height:100%;
}
.suckertreemenu > ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:100%;
	float:left;
	background-image: url('../images/vista.png');
	clear: left;
}
.suckertreemenu > ul > li{
	display:inline;
	/*width:140px;*/
	line-height: 25px;
	/*height:25px;*/
	padding-left:10px;
	/*padding-top:5px;*/
	float:left;
	position: relative; /*To fix IE6 problem (not displaying)*/ 
}
.suckertreemenu > ul > li > a{
	min-height:23px;
	float: left;
	/*padding-top:2px;*/
	padding-left:10px; 
	padding-right:20px;
	/*margin: 0; */
	position: relative; /*To fix IE6 problem (not displaying)*/
	text-decoration: none;
	white-space:nowrap;
	text-align: middle;
}
.suckertreemenu > ul > li:hover{
	background: transparent url('../images/vista_h-1_01.png') no-repeat;
}
.suckertreemenu > ul > li:hover > a{
	background: transparent url('../images/vista_h-1_02.png') no-repeat scroll top right; 
}
/* Rules for dropdown menus */
.suckertreemenu > ul > li > ul {
	display: none;
	/*visibility: hidden; This is being removed and display being set to none (i.e. display: none) due to menu is taking space on the page
                                but not visible hence causing Blank space when sub menu is longer than the page's height*/
	z-index:9999999;
	position: absolute;
	list-style-type: none;
	margin:0 0 0 -10px;
	padding:0;
	min-width:100%;
}
.suckertreemenu > ul > li > ul > li{
	white-space:nowrap;
	padding:2px 5px;
}
.overload {
	position:absolute;
	top:7px;
	left:120px;
	background:url(../images/arrv_white.gif) no-repeat; width:7px; height:7px;
}
.overload-horizontal {
	float:left;
	margin-top:7px;
	margin-left:-10px;
	background:url(../images/arrv_white.gif) no-repeat; width:7px; height:7px;
}
.overload-vertical {
	float:left;
	margin-top:7px;
	margin-left:-10px;
	background:url(../images/arr_white.gif) no-repeat; width:7px; height:7px;
}