/*****************************
		Tool menu
*****************************/
#servicemenu						    { float: right; margin:15px 5px 0; }
#servicemenu ul						    { float: left; margin: 0; padding-left: 20px; overflow: hidden; }
#servicemenu ul li						{ float: left; list-style: none; padding: 5px 0; text-shadow: 1px 1px 1px #fff; }
#servicemenu ul li a					{ float: left; color: #8a857f; border-right: 1px solid #8a857f; line-height: 9px; text-decoration: none; padding: 0 12px; display: block; outline: none; letter-spacing: 0.5px; }
#servicemenu ul li a:hover				{ text-decoration: underline; }
#servicemenu ul li a.login				{ padding-left: 20px; background: transparent url(../img/icon/login.gif) 0 50% no-repeat; }
#servicemenu ul li a.sitemap			{ padding-left: 20px; background: transparent url(../img/icon/sitemap.gif) 0 50% no-repeat; }
#servicemenu ul li.last a				{ border: none; }

/*****************************
		Main menu
*****************************/
/* Site menu aka Mega Dropdown menu - see megadropdown.js  */
#menu								{ height: 35px; padding-right: 4px; background: url(../img/bg/menu.gif) no-repeat; }
#menu ul								{ float: right; margin: 0; }
#menu ul.m1st						{ height: 35px; text-decoration: none; color: #fff; outline: none; }
#menu ul.m1st li						{ float: left; margin: 0 5px; list-style: none; }
#menu ul.m1st li a						{ float: left; height: 35px; line-height: 35px; position: relative; z-index: 1000; padding: 0; display: block; background: none; color: #003d7d; text-decoration: none; outline: none; text-transform: uppercase; cursor: pointer; }
#menu ul.m1st li a span					{ float: left; height: 35px; padding: 0 10px; display: block; }	
#menu ul.m1st li a.selected				{ height: 35px; margin-right: 5px; 	padding: 0;  		background: url(../img/bg/menu-left-selected.png) 0% 5px no-repeat; }
#menu ul.m1st li a.selected span			{ height: 60px; margin-right: -5px; padding: 0 10px; 	background: url(../img/bg/menu-right-selected.png) 100% 5px no-repeat; display: block; }
#menu ul.m1st li a.active				{ height: 60px; margin-right: 5px; 	padding: 0; 		background: url(../img/bg/menu-left-hovered2.png) 0% 5px no-repeat; }
#menu ul.m1st li a.active span			{ height: 60px; margin-right: -5px; padding: 0 10px; 	background: url(../img/bg/menu-right-hovered.png) 100% 5px no-repeat; 	display: block; }
#menu ul.m1st li a.active.selected		{ height: 35px; margin-right: 5px; 	padding: 0; 		background: url(../img/bg/menu-left-selected.png) 0% 5px no-repeat; }
#menu ul.m1st li a.active.selected span	{ height: 35px; margin-right: -5px; padding: 0 10px; 	background: url(../img/bg/menu-right-selected.png) 100% 5px no-repeat; 	display: block; }
#menu ul.m1st li a.active.dropdown		{ height: 60px; margin-right: 5px; 	padding: 0; 		background: url(../img/bg/menu-left-hovered.png) 0% 5px no-repeat; }
#menu ul.m1st li a.active.dropdown span	{ height: 60px; margin-right: -5px; padding: 0 10px; 	background: url(../img/bg/menu-right-hovered.png) 100% 5px no-repeat; 	display: block;	}

/* dropdown */
.m2nd-wrapper						{ position: absolute; left: 110px; top: 137px; width: 765px; z-index: 999; display: none; background: url(../img/bg/m2nd-top.png) top left no-repeat; }
.m2nd-wrapper-inner					{ padding-bottom: 28px; background: url(../img/bg/m2nd-bottom.png) bottom left no-repeat; }
#menu ul.m1st li ul.m2nd				{ float: none; width: 735px; margin-top: 36px; padding: 15px 0 0 30px; overflow: hidden; background: url(../img/bg/m2nd-center.png) top left no-repeat; }
#menu ul.m1st li ul.m2nd li				{ height: 160px; margin: 0 5px; } 
#menu ul.m1st li ul.m2nd li a				{ height: 165px; position: relative; padding: 0; line-height: 14px; text-transform: none; }
#menu ul.m1st li ul.m2nd li span			{ height: auto; position: absolute; top: 130px; left: 25%; padding: 0 0 0 15px; display: block; background: url(../img/icon/dropdown-arrow.png) scroll left 2px no-repeat; }

/*****************************
	Breadcrumb menu
*****************************/
#breadcrumb							{ height: 20px; margin: 10px 10px 0 10px; }
#breadcrumb ul						{ height: 20px; float: left; margin: 0; overflow: hidden; }
#breadcrumb ul li						{ list-style: none; float: left; margin-right: 10px; text-shadow: 1px 1px 1px #fff; }										
#breadcrumb ul li a						{ float: left; padding-right: 15px; font-size: 11px; color: #8a857f; text-decoration: none; display: block; outline: none; background: url(../img/icon/breadcrumb-arrow.png) right 4px no-repeat; }
#breadcrumb ul li.last a				{ background: none; }

/*****************************
		Left menu
*****************************/
#leftmenu							    { padding-bottom: 7px; width: 230px; background:  url(../img/bg/leftmenu.png) 100% 100% no-repeat; }
#leftmenu ul							{ padding: 5px 0; margin: 0; background: url(../img/bg/leftmenu.png) 0 0 no-repeat; }
#leftmenu ul li						    { list-style: none; line-height: 23px; }
#leftmenu ul li a						{ display: block; padding-bottom: 1px; background: url(../img/bg/leftmenu-item.png) 0 100% no-repeat; outline: none; text-decoration: none; }
#leftmenu ul li a span					{ display: block; background: url(../img/bg/leftmenu-item.png) 0 100% no-repeat; padding-right: 12px; }
#leftmenu ul li a:hover					{ background-position: -690px 100%; }
#leftmenu ul li a:hover span			{ background-position: -690px 0; }
#leftmenu ul li a.selected				{ margin-top: 5px; line-height: 17px; background-position: -460px 100%; font-weight: bold; }
#leftmenu ul li a.selected span			{ position: relative; top: -5px; padding-top: 6px; padding-bottom: 6px; background-position: -230px 0; }
#leftmenu ul li a.expanded				{ background: none; margin-top: 0; }
#leftmenu ul li a.expanded span			{ background: none; top: 0; }
#leftmenu ul					        { font-size: 14px; background-position: 0 0; }
#leftmenu ul a span			        	{ padding-left: 12px;  }
#leftmenu ul ul					        { font-size: 12px; background-position: -230px 0; margin-bottom: 5px; }
#leftmenu ul ul a span				    { padding-left: 22px; }
#leftmenu ul ul ul					    { font-size: 12px; background-position: -230px 0; }
#leftmenu ul ul ul a span				{ padding-left: 32px;}