@charset "utf-8";
/* START-Navigation Menu */
#nav a, #search a{
	text-decoration: none;
}
.bg_nav{
	position:absolute;
	background:url(../layout/nav_bg.gif) repeat-x;
	width:100%;
	_width: expression(document.body.clientWidth < 1000 ? document.body.offsetWidth+"px" : "100%");
	height:44px;
	top:60px;
	left:0;
}
.nav_shadow{
	position:absolute;
	top:91px;
	left:0;
	width:100%;
	_width: expression(document.body.clientWidth < 1000 ? document.body.offsetWidth+"px" : "100%");
	height:13px;
	background:url(../layout/Nav_shadow.png) repeat-x left top;
	_background-image:url(../layout/blank.gif);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../assets/layout/Nav_shadow.png", sizingMethod="scale");
	z-index:3;
}
#nav{/*menu text*/
	position:absolute;
	top:54px;
	margin:0;
	left:0;
	padding:0;
	z-index:5;
	}
#nav li {
	list-style:none;
	white-space:nowrap;
	float:left;
	text-align:left;
	}
#nav li a {
	display:block;	
	background:url(../layout/nav_L.gif) no-repeat 0 0;
	}
#nav a span{
	display:block;
	/*edited*/padding:11px 15px 18px 15px;
	color:#007;
	}
#nav li.over a span, #nav li.homeOver a span{_color:#fff;}

/*STRAT:when mouse over on navMenu or sub navMenu in IE6*/
#nav li.over a span,
#product #nav #navProduct.over a span,
#financial #nav #navFinancial.over a span,
#profile #nav #navProfile.over a span,
#media #nav #navMedia.over span,
#career #nav #navCareer.over a span,
#contactUs #nav #navContactUs.over a span{_background:url(../layout/nav_L.gif) no-repeat left -114px;}
#nav li.over a{_background:url(../layout/nav_R.gif) no-repeat right 0;}
/*END*/

/*START-hide bug of background when mouse over on navMenu in IE6 & IE7*/
#nav li.off ul a span,
#product #nav li.off#navProduct ul a span,
#financial #nav li.off#navFinancial ul a span,
#profile #nav li.off#navProfile ul a span,
#media #nav li.off#navMedia ul a span,
#career #nav li.off#navCareer ul a span,
#contactUs #nav li.off#navContactUs ul a span{background:none;}
/*END*/

/*START-Highligh menu of the page which is accessed*/
#home #navHome .spanHome{background:url(../layout/nav_L.gif) no-repeat -1px -57px; color:#fff;}
#home #navHome{background:url(../layout/nav_R.gif) no-repeat right -67px;color:#fff;}

#product #navProduct .spanProduct,
#financial #navFinancial .spanFinancial,
#profile #navProfile .spanProfile,
#media #navMedia .spanMedia,
#career #navCareer .spanCareer,
#contactUs #navContactUs .spanContactUs,
/*,#contactUs #navContactUs_la .spanContactUs_la,
#branchMap #navBranchMap_la .spanBranchMap_la,*/
#law_acls #navLaw_acls .spanLaw_acls,
#news_acls #navNews_acls .spanNews_acls,
#contactUs_acls #navContactUs_acls .spanContactUs_acls
{background:url(../layout/nav_L.gif) no-repeat left -57px;color:#FFF;}

#product #navProduct,
#financial #navFinancial,
#profile #navProfile,
#media #navMedia,
#career #navCareer,
#contactUs #navContactUs,
/*,#contactUs #navContactUs_la,#branchMap #navBranchMap_la*/
#law_acls #navLaw_acls,
#news_acls #navNews_acls,
#contactUs_acls #navContactUs_acls
{background:url(../layout/nav_R.gif) no-repeat Right -67px; color:#FFF;}
/*END*/

/*START: when mouse over on navMenu*/
#nav li.over a span{
	background:url(../layout/nav_L.gif) no-repeat 0 -114px;						/*the middle one of the nav_L.gif*/
	}	
#nav li.over a {																/*support: mouse over on navMenu in IE6*/
	background:url(../layout/nav_R.gif) no-repeat right 0;
	_width:0;
	}

#nav #navHome a
{/*Hide the left horizontal line of HOME*/
	background:url(../layout/nav_L.gif) no-repeat -1px 0;
	_width:0px;
	}
#nav #navHome a:hover span {background:url(../layout/nav_L.gif) no-repeat -1px -57px;}
#nav #navLaw_acls a:hover span,
#nav #navNews_acls a:hover span,
#nav #navContactUs_acls a:hover span{background:url(../layout/nav_L.gif) no-repeat 0 -57px;}

#nav #navHome a:hover,
/*,#nav #navContactUs_la:hover a,
#nav #navContactUs_la.over a,
#nav #navBranchMap_la:hover a,
#nav #navBranchMap_la.over a*/
#nav #navLaw_acls a:hover,
#nav #navNews_acls a:hover,
#nav #navContactUs_acls a:hover
{background:url(../layout/nav_R.gif) no-repeat right -67px;}

/*#nav #navContactUs_la:hover a span,
#nav #navContactUs_la.over a span,
#nav #navBranchMap_la:hover a span,
#nav #navBranchMap_la.over a span{background:url(../layout/nav_L.gif) no-repeat left -57px;}*/

#nav li.off:hover > a span,
/*when mouse over on sub navMenu, navMenu still remains hover status*/
#product #navProduct:hover > a span,
#financial #navFinancial:hover > a span,
#profile #navProfile:hover > a span,
#media #navMedia:hover > a span,
#career #navCareer:hover > a span,
#contactUs #navContactUs:hover > a span {background:url(../layout/nav_L.gif) no-repeat left -114px; color:#fff;}

/*when mouse over on navMenu*/
#nav li.off:hover > a,
/*when mouse over on sub navMenu*/#product #navProduct:hover > a,
#financial #navFinancial:hover > a,
#profile #navProfile:hover > a,
#media #navMedia:hover > a,
#career #navCareer:hover > a,
#contactUs #navContactUs:hover > a{background:url(../layout/nav_R.gif) no-repeat right 0;cursor:pointer;}

#nav li.off#navProduct ul a#mid:hover span,
#nav li.off#navFinancial ul a#mid:hover span,
#nav li.off#navProfile ul a#mid:hover span,
#nav li.off#navMedia ul a#mid:hover span,
#nav li.off#navCareer ul a#mid:hover span,
#nav li.off#navContactUs ul a#mid:hover span {background:url(../layout/subNav_bg_hover.gif) left top repeat-y;color:#fff;}
/*END hover on navMenu and sub navMenu*/

#nav li.off ul {/*drop-down sub menu*/
	display:none;
	position:absolute;
	top:45px;
	padding:0;
	margin:0 0 0 7px;
	width:248px;
	left:auto;
}
#nav li.off ul li a span {color:#007;}
#nav li.off ul li a {cursor:pointer;}
#nav li.off ul #first{
	display:block;
	margin-left:-1px;
	height:8px;
	width:250px;
	cursor:default;
	background:url(../layout/subNav_T.png) no-repeat;	
	_background-image:url(../layout/blank.gif);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../assets/layout/subNav_T.png", sizingMethod="image");
	}
#nav li.off ul #mid {
	display:block;
	margin:0;
	background:url(../layout/subNav_bg.png) repeat-y;
	_background-image:url(../layout/blank.gif);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../assets/layout/subNav_bg.png", sizingMethod="scale");
	}
#nav li.off ul #last{
	display:block;
	height:23px;
	cursor:default;
	background:url(../layout/subNav_B.png) bottom no-repeat;
	_background-image:url(../layout/blank.gif);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../assets/layout/subNav_B.png", sizingMethod="image");
	_margin-left:-1px;
	}
#nav li.off ul a {
	float:left;
	color:#007;
	width: 248px;
	white-space:normal;
	}
#nav li.off:hover ul, #nav li.over ul {display:block; z-index:6000;}
#nav li ul li span {padding:5px 15px; display:block;}

/*=========== END NAVIGATION ============*/

/*=========== START Search ===========*/
#search, #searchTop{
	position:absolute;
	right:0;
	top:62px;
	margin:0;
	z-index:9;
}
#searchTop {
	top:26px;
	right:87px;
}
#bg_search {
	position:absolute;
	height:27px;
	width:220px;	
	background:url(../layout/search_bg.png) no-repeat;
	_background-image:url(../layout/blank.gif);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../assets/layout/search_bg.png", sizingMethod="scale");
	right:0;
	z-index:1;
	}
.cls_optSearch {
	position:absolute;
	right:7px;
	top:26px;
	margin:0px;
	padding:0px;
	visibility:hidden;
	background:#FFF;
	border:1px solid #FFCC66;
	cursor:pointer;
	}
.cls_optSearch li{
	list-style-type:none;
	border:1px solid #FFF;
	color:#007;
	padding:0px;
	margin:1px;
	width:200px;
	*width:199px;
	text-align:left;
	}
.cls_optSearch li:hover, .cls_optSearch li.over {border:1px solid #FFCC66; background:#f1f5ff;}

/*=========== END SEARCH ================*/