



ul.dropdown {

 font-weight: normal;

}



ul.dropdown li {



	 color: #fff;

	 background-image: url(/media/images/menu-bg-main.jpg);

	 

}



ul.dropdown li.hover,

ul.dropdown li:hover {

	 background-color: #eee;

	 color: #fff;

}



ul.dropdown a:link,

ul.dropdown a:visited	{ color: #fff; text-decoration: none; }

ul.dropdown a:hover		{  color:#37ad4a;}

ul.dropdown a:active	{ color: #37ad4a; }



	/* -- level mark -- */



ul.dropdown ul {

	 width: 132px;

	  margin:0px 0px 0px 0px;

	 

}

ul.dropdown ul ul{

	 width: 175px;

	 border-left:transparent 1px solid;

	  left:132px;



}

ul.dropdown ul ul ul{

	 width: 140px;



	left:140px;

}



ul.dropdown ul li {

		 font-weight: normal;

		  background-color:#000000;

		  background-image: url(/media/images/test.jpg);

		  

		  color:#FFFFFF;

}







/*-------------------------------------------------/

 * @section		Support Class `dir`

 * @level sep	ul, .class

 */





ul.dropdown *.dir {

 /*background-image: url(/media/images/grad2.png);*/

 background-position: 100% 50%;

 background-repeat: no-repeat;

}





/* -- Components override -- */



ul.dropdown-horizontal ul *.dir {

 

 background-position: 100% 50%;

 background-repeat: no-repeat;

 color:#FFFFFF;

}



ul.dropdown-horizontal ul ul *.dir {

 background-image: url(/media/images/arrow.gif);

 background-position: 100% 50%;

 background-repeat: no-repeat;

 color:#FFFFFF;

}





/*-------------------------------------------------/

 * @section		Base Style Extension

 */



ul.dropdown a,

ul.dropdown span {

 display: block;

 padding: 4px 15px 4px 15px;

 cursor:pointer;

}

/*-------------------------------------------------/

 * @section		Base Style Override

 */



ul.dropdown li {

 padding: 0;

 border: none;

}








ul.dropdown li {

	color: #fff;

}

ul.dropdown :hover >a,.dropdown {

	color: #fff;

	background-image:url(/media/images/menu-arrow3.png);

	background-repeat:no-repeat;

	padding-left:15px;

	

}



ul.dropdown li a {

	color: #fff;

	background-image:url(/media/images/menu-arrow1.png);

	background-repeat:no-repeat;

	padding: 4px 15px 4px 15px;

	

}



ul.dropdown li a.hover,

ul.dropdown li a:hover {

 color: #fff;

 background-image:url(/media/images/menu-arrow3.png);

 background-repeat:no-repeat;

}

ul.dropdown li.MnuSel,

ul.dropdown li.MnuSel {

 color: #fff;

 background-color:#000000;

}



ul.dropdown li a:active {

 background: url(images/grad1.png) repeat-x;

 color: #fff;

}





/* Non-first level */



ul.dropdown ul {

 margin-top: 0;

}



ul.dropdown ul li {

	 color:#FFFFFF;

	 background-color:#000000;

	 

	 

}



ul.dropdown ul li a {

	 color: #37ad4a;

	 background-color:#000000;

	 padding: 4px 0px 4px 15px;

	 margin:0px;

	 background-image:url(/media/images/menu-arrow2.png);
	 background-position:left top
}

ul.dropdown ul li a:hover {

	 color: #37ad4a;

	 background-color:#000000;

	  padding: 4px 0px 4px 15px;

	  margin:0px;
	  background-image:url(/media/images/menu-arrow2.png);
	  background-position:left top

}





/* Mixed */



ul.dropdown *.dir  {



}



ul.dropdown li.hover *.open {

 background-color:#000000;

 color: #fff;

}



ul.dropdown ul li.hover *.open {

 color:#37ad4a;

}

ul.dropdown ul ul li.hover *.open {

 color:#37ad4a; 

}









	/* CSS2 clone */

ul.dropdown li > *.dir {

	 color: #fff;

	 background-color:#000000; 

	 background-image: url(/media/images/arrow1.png);
	 background-position:left top
	
}

ul.dropdown li:hover > *.dir {

	 color: #fff;

	 background-color:#000000; 

	 background-image: url(/media/images/arrow.png);
 	background-position:left top
}



ul.dropdown ul li:hover > *.dir

{

	 background-color:#000000;

	 color: #37ad4a;

	

}


