/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin:0px;
padding:0px;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
padding:0px; 
text-align:center;
border:0px;
border-right:1px solid white;
background-image:url(img/hg_navi_horizontal.jpg); /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
font-size:14px;
font-weight: bold;
line-height:20px;
display:block;
width:118px; /*Width of top level menu link items*/
padding:0px;
margin:0px;
text-decoration: none;
color: white;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
font-size:12px;
font-weight: normal;
padding:0px;
margin:0px;
margin-top:1px;
left: 0px;
position: absolute;
top: 0em; /* no need to change, as true value set by script */
visibility: hidden;
}

/*1st sub level menu ________________ IE 6 */
* html .suckertreemenu ul li ul{
font-size:12px;
font-weight: normal;
padding:0px;
margin:0px;
margin-top:1px;
margin-left:0px;
left: 0px;
position: absolute;
top: 0em; /* no need to change, as true value set by script */
visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item; 
float: left;
font-size:12px;
width:180px;
top:0px;
padding:0px;
margin:0px;
margin-top:-1px;
margin-left:-1px;
text-align:left;
font-weight: normal;
border-collapse:collapse;
border-top: 1px solid white;
border-right: 1px solid white;
border-left: 1px solid white;
border-bottom: 1px solid white;
}

/*Sub level menu list items (undo style from Top level List Items) _________ FOR IE 6 !!! */
* html .suckertreemenu ul li ul li{
display: list-item; 
float: left;
font-size:12px;
width:180px;
top:0px;
padding:0px;
margin:0px;
margin-top:-1px;
margin-left:-3px;
text-align:left;
font-weight: normal;
border-collapse:collapse;
border-top: 1px solid white;
border-right: 1px solid white;
border-left: 1px solid white;
border-bottom: 1px solid white;
}


/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
position:absolute;
font-weight: normal;
padding:0px;
margin:0px;
width:100px; /* no need to change, as true value set by script */
margin-left:1px;
top:0px;
margin-top:0px; 
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
font-size:12px;
/* display:block; */
position:relative;
width:180px; /*width of sub menu levels*/
padding-left:0px;
font-weight:normal;
color: white;
text-decoration: none;

}

.suckertreemenu ul li a:hover{    
background-color:#4F87C2; 
color:white;
font-weight:bold;
font-size:14px;

}

/* Sub level menu links style hover */
.suckertreemenu ul li ul li a:hover{
background-color:#4F87C2;
display:block;
/* width:130px; */
color:white;
font-weight:normal;
font-size:12px;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
 url(media/arrow-down.gif) no-repeat center right;
font-size:14px;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
/* url(media/arrow-right.gif) no-repeat center right; */
font-size:12px;
margin:0px;
padding:0px;
top:0px;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top:0px;  /* 1em */
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; left:-1px; height: 1%; } /* left:0px; */
* html .suckertreemenu ul li a { height: 1%;  }

/* End */

/* own IE Hack for IE6: All subsequent sub menu levels offset after 1st level sub menu */
/* * html .suckertreemenu ul li ul li ul { width:1500px; font-size:20px; position:absolute; left:142px; top:150px; z-index:8; background-color:yellow; border:2px solid orange; padding:10px; margin:0px; margin-top:0px; margin-left:0px; } */
/* * html .suckertreemenu ul li ul li ul { float:left; height:20px; position:relative; border:1px solid orange; padding:0px; margin:0px; margin-top:0px; margin-left:0px; } */