@charset "UTF-8";

 @import "dropdown.css";

ul.dropdown-vertical {

	width: 212px;

}

ul.dropdown-vertical ul {

	background-color:#333;

	top: 1px;

	left: 100%;

}

ul.dropdown-vertical li {

	float: none;

	font-size:11px;

	text-align:right;

	

}

ul.dropdown-vertical li a:hover {

	color:#CCC;

	

}

ul.dropdown {

	font-weight: normal;

}

ul.dropdown li {

	padding: 7px 20px;

	color: #fff;

}

ul.dropdown li.hover,  ul.dropdown li:hover {

	background-color: #171717;

	color: #fff;

}

ul.dropdown a:link,  ul.dropdown a:visited {

	color: #fff;

	text-decoration: none;

}

ul.dropdown a:hover {

	color: #000;

}

ul.dropdown a:active {

	color: #F00;

}

/* -- level mark -- */



ul.dropdown ul {

	width: 214px;

	margin-top: 1px;

}

ul.dropdown ul li {

	font-weight: normal;

	font-size:11px;

	text-align:left;

}

ul.dropdown ul li a:hover {

	color:#FFF;

}

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

 * @section		Support Class `dir`

 * @level sep	ul, .class

 */





ul.dropdown *.dir {



	background-image: url(../img/nav-arrow-down.png);

	background-position: 100% 50%;

	background-repeat: no-repeat;

}

/* -- Components override -- */



ul.dropdown-horizontal ul *.dir {

	padding-right: 15px;

	background-image: url(../img/nav-arrow-right.png);

	background-position: 100% 50%;

	background-repeat: no-repeat;

}

ul.dropdown-upward *.dir {

	background-image: url(../img/nav-arrow-top.png);

}

ul.dropdown-vertical *.dir, ul.dropdown-upward ul *.dir {

	background-image: url(../img/nav-arrow-right.png);

}

ul.dropdown-vertical-rtl *.dir {

	padding-right: 10px;

	padding-left: 15px;

	background-image: url(images/nav-arrow-left.png);

	background-position: 0 50%;

}