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

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 225px; /* Width of Menu Items */
/*border-bottom: 1px solid #84a2c2;   */
font-family: verdana;
font-size: 14px;
font-weight: bold;
z-index:99;
position: relative;
/*font: small-caps; */

}

.suckerdiv ul li{
list-style-type: none;
position: relative;
background-color: #FFFFFF;

}

/*1st level sub menu style */
.suckerdiv ul li ul{
list-style-type: none;
font-size: 12px;
font-weight: bold;
left: 225px; /* Parent menu width - 1*/
position: absolute;
width: 200px; /*sub menu width*/
top: 0;
display: none;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{
list-style-type: none;
font-size: 12px;
left: 200px; /* Parent menu width - 1*/
border-right: 1px solid #003300;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li a{
left: 186px; /* Parent menu width - 1*/
background-color: #DBFD8A;
color: #000000;
border-right: 1px solid #003300;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li a{
background-color: #660066;

}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li ul li a{
background-color: #DBFD8A;
}

/* menu links style */
.suckerdiv ul li a{
display: block;
text-decoration: none;
background-color: #ffffff;/*főmenü háttérszín*/
padding: 1px 1px;
border-bottom: 1px solid #cecece;
line-height: 2em;
}

.suckerdiv ul li a:hover{
background-color: #447900;
color: #ffffff;
text-decoration: none;
border-right: 1px solid #003300;


}

.suckerdiv ul li ul li a:hover{
background-color: #DBFD8A;
color: black;
text-decoration: none;
}

.suckerdiv ul li ul li ul li a:hover{
background-color: #447900;
color: #ffffff;
text-decoration: none;
}

/* The main categories with sub-categories */
.suckerdiv .subfolderstyle{
background: url(images/arrow-list.gif) no-repeat center right;  

}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul .subfolderstyle {
 background: url(images/arrow-list.gif) no-repeat center right;
    background-color: #bed9ed;
    color: #000000;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul .subfolderstyle {
    background-color: #bed9ed;
    color: #000000;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul li ul .subfolderstyle {
    background-color: #ffffff;
    color:#000000;
}

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

/*For IE7 you need to add width to*/
.suckerdiv ul li a {
width: 100%;
}