/* Bu menü Bir ana ve 3 alt kategoriye kadar dallanabilmektedir.

	Anakategori
		1.0.0
			1.1.0
				1.1.1
*/


/* Menu Container */
.leveledmenu {float:left; margin:auto; width:700px; font-size:11px; z-index:1; }

/* Tüm padding ve ikonlari temizler */
.leveledmenu ul {
padding:0;
margin:0;
list-style-type:square;
}

/* 1. asamayi yönetir */
.leveledmenu li {
float:left;
position:relative; /* Alt gruplarin kendi ana kategorisine göre konumlanmasini saglar */
background:#57bdd3; /* Menü çubugundaki birinci dereci butonlarin zemin rengi */

}

/* Tüm menünün link biçimlendirmesi */
.leveledmenu a, .leveledmenu a:visited {
display:block;
text-decoration:none; 
color:#fff; 
height:28px; 
border:solid #fff; 
border-width:0; 
padding: 3px 15px 0 15px; 
line-height:28px;
}
/* IE5.5 için düzeltme - Bana kalsa çok lazim degil ama neyse... */
* html .leveledmenu a, * html .leveledmenu a:visited {
width:150px;
width:139px;
}

/* 2. asama - eger dallaniyorsa */
.leveledmenu ul ul a.drop, .leveledmenu ul ul a.drop:visited {
background:url(../images/tasarim/menu-arrow.png) right no-repeat #8ed8f8;
border-bottom:1px dotted #FFF;
height:22px;
}

/* Ana gruplarin üzerine geldigimizde */
.leveledmenu ul ul a.drop:hover{
}


/* Uç grup - Artik alt kategorisi olmayan gruplar */
.leveledmenu ul ul ul a, .leveledmenu ul ul ul a:visited {
background:#8ed8f8;
border-bottom:1px dotted #FFF;
height:22px;
}
/* style the third level hover */
.leveledmenu ul ul ul a:hover {
}
.leveledmenu ul ul ul :hover > a {
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.leveledmenu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:149px;
}
/* another hack for IE5.5 */
* html .leveledmenu ul ul {
top:30px;
top:31px;
}

/* position the third level flyout leveledmenu */
.leveledmenu ul ul ul{
left:185px; /*Alt menünün kendi üst kategorisinden ne kadar uzakta konumlanacagi*/
top:0;
width:150px;
}
/* position the third level flyout leveledmenu for a left flyout */
.leveledmenu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.leveledmenu table {position:absolute; top:0; left:0;}

/* style the second level links */
.leveledmenu ul ul a, .leveledmenu ul ul a:visited {
background:#8ed8f8; 
color:#000; 
height:auto; 
line-height:1em; 
padding:7px 10px 3px 10px; 
width:165px;
height:22px;
border-bottom:1px dotted #FFF;

/* yet another hack for IE5.5 */
}
* html .leveledmenu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.leveledmenu a:hover, .leveledmenu ul ul a:hover{
color:#fff; 
background:#8ed8f8;
}
.leveledmenu :hover > a, .leveledmenu ul ul :hover > a {
color:#fff;
background:#8ed8f8;
}

/* make the second level visible when hover on first level list OR link */
.leveledmenu ul li:hover ul,
.leveledmenu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.leveledmenu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.leveledmenu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.leveledmenu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.leveledmenu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}