/* --------------- FUNCTION ------------- */
/* Level 1 */
ul.dropDownMenu {
	display:block;
	zoom:1;
	float: left;
	position: relative;
	z-index: 500;
}

ul.dropDownMenu table {
	border-collapse:collapse
}

ul.dropDownMenu li{
	display:block;
	float:left;
}

ul.dropDownMenu a {
	display:block;
}

ul.dropDownMenu a:active,
ul.dropDownMenu a:focus {
	outline-style:none;
}

ul.dropDownMenu span{
	overflow:hidden;
	display:block;
}

ul.dropDownMenu li:hover{
	position:relative;
	z-index: 500;
}

ul.dropDownMenu li a:hover{
	position:relative;
	z-index: 500;
}

/* Level 2 */
ul.dropDownMenu ul{
	display:none
}

ul.dropDownMenu li:hover>ul{
	display:block
}

ul.dropDownMenu ul{
	position: absolute;
	z-index: 500;
}

ul.dropDownMenu ul ul{
	position: absolute;
	z-index: 500;
}

ul.dropDownMenu ul li {
	float:none;
}

/* Level 2 and 3 */
ul.dropDownMenu a:hover ul,
ul.dropDownMenu a:hover a:hover ul,
ul.dropDownMenu a:hover a:hover a:hover ul{
	display:block
}

ul.dropDownMenu a:hover ul ul,
ul.dropDownMenu a:hover a:hover ul ul{
	display:none
}


/* --------------- LAYOUT / POSITION ------------- */
/* Level 1 */
ul.dropDownMenu {
	/*top: 110px;*/
	width: 100%;
}

ul.dropDownMenu>li.first {
	/*padding-left: 10px;*/
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
}

ul.dropDownMenu>li.first a {
	padding: 0;
}

/*ul.dropDownMenu>li.first a img {
	margin-top: 2px;
}*/

ul.dropDownMenu,
ul.dropDownMenu ul {
	margin:0;
	padding: 0;
}

ul.dropDownMenu>li {
	margin-left: 5px;
}

ul.dropDownMenu li {
	padding: 0 11px;
}

ul.dropDownMenu span {
	padding-right:25px;
}

ul.dropDownMenu li>span {
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

ul.dropDownMenu a {
	padding:4px;
	_padding-left:0;
}

/* Level 2 */
ul.dropDownMenu ul{
	left:-1px;
	top:98%;
	width:275px;
}

/* Level 3 */
ul.dropDownMenu ul ul{
	left:98%;
	top:0px;
	width: 295px;
}

/* ----------------- STYLING --------------- */
/* Defaults for all levels */
ul.dropDownMenu {
	background-color: #482529;
}

ul.dropDownMenu a {
	text-decoration: none;
	text-align:left;
	white-space:nowrap;
}

/* Level 1 only */
ul.dropDownMenu>li {
	background: none;
	/*word-spacing: 2px;
	letter-spacing: -1px;*/
	/*text-transform: lowercase;*/
	font-size: 1em;
	color: #FFFFFF;
}

ul.dropDownMenu>li>a,
ul.dropDownMenu>li>span {
	color: #FFFFFF;
}

ul.dropDownMenu>li.current,
ul.dropDownMenu>li.current>a,
ul.dropDownMenu>li.current>span {
	color: #FFFFFF;
	background-color: #743E44;
}

ul.dropDownMenu>li>a:hover,
ul.dropDownMenu>li:hover {
	color: #FFFFFF;
	background-color: #743E44;
}

/* Level 2 and Up */
ul.dropDownMenu ul {
	background-color:#FFFFFF;
	background-repeat:repeat;
	list-style:none;
}

ul.dropDownMenu ul li {
	color: #000000;
	text-transform: none;
}

ul.dropDownMenu ul a {
	color: #000000;
}

ul.dropDownMenu ul li.current>a,
ul.dropDownMenu ul li.current>span {
	/*color: #245D88;*/
	color: #743E44;
}

ul.dropDownMenu ul li a:hover,
ul.dropDownMenu ul li:hover {
	/*color: #245D88;*/
	color: #743E44;
}

ul.dropDownMenu ul li:hover {
	border-top: 1px solid #999;
	border-right: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	border-left: 1px solid #999;
	background-color: #EDEDED;
}


/* ----------------- ARROWS --------------- */
/* Level 1 only */
ul.dropDownMenu span{
	background-image:url(../images/arrow-down.png);
	background-position:right center;
	background-repeat: no-repeat;
}

/*ul.dropDownMenu li:hover>a>span,
ul.dropDownMenu li:hover>span {
	background-image:url(../images/arrow-down-hover.png);
}

ul.dropDownMenu a:hover span{
	_background-image:url(../images/arrow-down-hover.png);
}*/

/* Level 2 and Up */
ul.dropDownMenu ul span,
ul.dropDownMenu a:hover table span{
	background-image:url(../images/arrow-right.png);
}

ul.dropDownMenu ul a:hover span,
ul.dropDownMenu ul li:hover span {
	background-image:url(../images/arrow-right-hover.png);
}

ul.dropDownMenu table a:hover span,
ul.dropDownMenu table a:hover a:hover span,
ul.dropDownMenu table a:hover a:hover a:hover span{
	background-image:url(../images/arrow-right-hover.png);
}

ul.dropDownMenu table a:hover table span,
ul.dropDownMenu table a:hover a:hover table span{
	background-image:url(../images/arrow-right-hover.png);
}