ul.container{ 
    width:250px; 
    padding:5px;
	margin-left:-40px;
	position:absolute;
	z-index: 2;
} 

li.accoi-menu{ 
	list-style:none; 
    padding:1px; 
    width:250px; 

} 

li.panel a:hover { 
	color:#4254ff; 
    display:block; 
	padding:10px; 
    font:18px georgia, arial; 
    overflow:hidden; 
    position:relative; 
	width: 100%;
	  margin: 5px 0;
    line-height: 30px;
    text-indent: 20px;
}

li.panel { 
	width:250px; 
	color:#000;
	list-style:none; 
	padding:0px; 
	margin:0px;
	height:30px;
} 

li.panel a{ 
	color:#000; 
    display:block; 
	padding:10px; 
    font:18px georgia, arial, bold; 
	width: 250px;
    float: left;
    height: 30px;
    border-radius: 10px;
    margin: 5px 0;
    line-height: 30px;
    text-indent: 20px;
    color: #000;
    text-shadow: 1px 1px 2px #FFF, 0 0 1em blue, 0 0 0.2em black;
    color: white;
    cursor: pointer;
	background-repeat: no-repeat; 
	background-image: url("/Sayfalar/Urunler/Resimler/sn_kategoriler_arka.jpg");
} 
	
li.title a:hover { 
	color:#fff; 
    display:block; 
	padding:10px; 
    font:18px georgia, arial; 
    overflow:hidden; 
    position:relative; 
	width: 250px;
	margin: 5px 0;
    line-height: 30px;
    text-indent: 20px;
	margin-top:-3px;
}

li.title { 
	width: 250px;
	color:#000;
	list-style:none; 
	padding:0px; 
	margin:0px;
	height:30px;
	
} 

li.title a{ 

	color:#000; 
    display:block; 
	padding:10px; 
    font:18px arial, bold; 
	width: 100%;
    float: left;
    height: 30px;
    border-radius: 10px;
    margin: 5px 0;
    line-height: 30px;
    text-indent: 20px;
    color: #000;
    text-shadow: 1px 1px 2px #FFF, 0 0 1em black, 0 0 0.2em #FFF;
	margin-top:-3px;
    cursor: pointer;
	background-repeat: no-repeat; 
	background-image: url("/Sayfalar/Urunler/Resimler/sn_kategoriler_arka.jpg");
} 

.downlistie{
	list-style:none; 
    display:none; 
    padding-top:3px; 
	margin-left:-65px; 
} 

.downlistie li { 
	width: 250px;
	list-style:none; 
	margin:5px ; 
	font:15px georgia, arial; 
    padding:5px 20px;
	color:#000;
	
	
}

.downlistie li a{ 
    display:block; 
	
    font:14px georgia, arial, bold; 
	width: 228px;
    float: left;
    height: 35px;
    border-radius: 10px;
    margin: 1px 0;
    line-height: 20px;
    text-indent: 10px;
    color: #fff;
    cursor: pointer;
	background-repeat: no-repeat; 
	background-image: url("/Sayfalar/Urunler/Resimler/sn_alt_kategoriler_arka.png");

	
}

.downlistie li a:hover { 
    display:block; 
    font:14px georgia, arial, bold; 
	width: 228px;
    float: left;
    height: 35px;
    border-radius: 10px;
    margin: 1px 0;
    line-height: 20px;
    text-indent: 10px;
	color:#000;
}