/* CSS for Navigation Menu (Dynamic Drive Smooth Navigational Menu) */


/* Main Nav */
.ddsmoothmenu {width: 100%; height: 40px; background-image: url('../img/themes/default/bg_nav_lv1.png'); font-size: 15px; font-family: 'Segoe UI', 'PT Sans', Helvetica, Arial, sans-serif;
	-moz-box-shadow:    0px -2px 4px #ddd;
	-webkit-box-shadow: 0px -2px 4px #ddd;
	box-shadow:         0px -2px 4px #ddd;
}
#cityu-header.cityu-bg-clear + #cityu-nav .ddsmoothmenu {
	-moz-box-shadow:    0px -1px 4px #ddd;
	-webkit-box-shadow: 0px -1px 4px #ddd;
	box-shadow:         0px -1px 4px #ddd;
}
* html .ddsmoothmenu {height: 1%;} /* Fix IE6 */
.ddsmoothmenu .cityu-fontsize-S {font-size: 13px;}

/* Top level menu */
.ddsmoothmenu ul {z-index: 100; margin: 0; padding: 0; list-style-type: none;}

/* Top level menu items */
.ddsmoothmenu ul li {position: relative; display: inline; float: left;}
.ddsmoothmenu ul li a {display: block; padding: 10px 15px; line-height: 20px; color: #444; text-decoration: none; text-shadow: 0px 1px 0px #fff;}
.ddsmoothmenu ul li.cityu-multiline-2 > a {padding: 5px 15px 7px 15px; line-height: 14px;}

* html .ddsmoothmenu ul li a {display: inline-block;} /* Fix IE6 */
.ddsmoothmenu ul li a:hover,
.ddsmoothmenu ul li a.selected {
	background-image: url('../img/themes/default/bg_nav_lv2.png'); color: #fff; text-shadow: none;
}
.ddsmoothmenu ul li a.active {color: #398600;}
.ddsmoothmenu ul li a.active:hover,
.ddsmoothmenu ul li a.active.selected{color: #fff;}


/* 2nd level menu*/
.ddsmoothmenu ul li ul {
	position: absolute; left: 0; display: none; visibility: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* 2nd level menu items */
.ddsmoothmenu ul li ul li {display: list-item; float: none;}
.ddsmoothmenu ul li ul li a {margin: 0; border-top: 1px solid #22749c; padding: 10px 10px; width: 160px; background-image: url('../img/themes/default/bg_nav_lv2.png'); font-size: 12px; font-weight: normal; line-height: 1.3; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
.ddsmoothmenu .cityu-itemwidth-L li ul li a {width: 200px;}
.ddsmoothmenu ul li ul li a:hover {background-image: url('../img/themes/default/bg_nav_hover.png');}
.ddsmoothmenu ul li ul li a.external,
.ddsmoothmenu ul li ul li a.lock {
	width: 150px;
	padding-right: 20px;
	background-image: none !important;
	//background-image: url('../img/jquery/ddsmoothmenu/ico_external.png') !important;
	//background-repeat: no-repeat;
	//background-position: right 10px top 12px;
}
.ddsmoothmenu .cityu-itemwidth-L li ul li a.external,
.ddsmoothmenu .cityu-itemwidth-L li ul li a.lock {
	width: 190px;
}
.ddsmoothmenu ul li ul li a.external:before {
	position: absolute;
	top: 14px;
	right: 5px;
	font-family: FontAwesome;
	font-size: 11px;
    content: "\F08E";
}
.ddsmoothmenu ul li ul li a.lock:before {
	position: absolute;
	top: 14px;
	right: 8px;
	font-family: FontAwesome;
	font-size: 11px;
    content: "\f023";
}

/* All subsequent sub menu */
.ddsmoothmenu ul li ul li ul {top: 0;}
.ddsmoothmenu ul li ul li ul li a {border-left: 1px solid #22749c;}

/* Arrow images */
.downarrowclass {display: none;}
.ddsmoothmenu .cityu-showindicator .downarrowclass {display: block; position: absolute; top: 16px; right: 0px;}
.ddsmoothmenu a:hover .downarrowclass,
.ddsmoothmenu a.selected .downarrowclass {display: none;}
.rightarrowclass {position: absolute; top: 13px; right: 5px;}

/* Shadow added to sub menus */
/* Shadow for NON CSS3 capable browsers */
.ddshadow{position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; border-left: 1px solid #404e53;}
/*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
.toplevelshadow{opacity: 0.8;}