@charset "utf-8";
/* CSS Document */

body {	
	font: 12px TheSans, arial, helvetica, sans-serif;
	color: #000000;
	background:#f7f7f5;
	background:url(../images/hmpg_bg.gif) repeat-x;
	margin: 0;
	padding: 0;
/*	text-align: center;*/
}

img{ border:none;}
/*table{margin:0; padding:0;}*/
#col-nav form { margin: 0; padding: 0; }

#home-Wrapper {
	width: 974px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
/*	background:#f7f7f5 url(../images/hmpg_bg.gif) repeat-x;*/
	overflow:hidden;

}

#wrap-content{
	background: url(../images/shadow.gif) no-repeat;
	width: 974px;
	float:left;
	>padding-left:5px !important; /*IE7*/
	padding-left:0;
}

/****************************** Header Css ******************************/
#home-header{
	width: 954px;
/*	height: 117px;*/
	background-color:#fff;
	float:left;
	>margin-left:10px !important; /*IE7*/
	margin:0 10px;
	#margin:0 5px; /*IE6*/

}

#home-header select { width:auto;}
#home-header span { font-weight:normal;}

/****************************** Left Nav Css ******************************/
#col-nav {
	width: 162px;
	height:950px;/*843px*/
	padding-left:8px;
	padding-right:8px;
	float:left;
	position:relative;
	background: #fff url(../images/left_bg.gif) no-repeat;
}

#col-nav select, #col-nav option{/* background-color:#d9dfeb;  border:1px #7a89b2 solid;color: #0D1C8D;*/font-family: Arial, Helvetica, sans-serif;font-size: 11px; color:#000; }


#hold-leftcol{
	display:inline; 
	margin-top:10px; /*29px*/
	width:162px; 
	float:left;
}

.left-banner{
	width:142px; 	
	float:left; 
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}

.left-banner-outside{
	width:162px;
	float:left;
	margin-bottom:10px;
}

.left-banner select{width:142px;}


#login{ 
	width:142px; 
	height:114px; 
	background:url(../images/login.png) no-repeat;
	float:left;
}
	.login-select { width:142px; margin:59px 0 0 0;float:left;}
	.login-link { width:142px; margin-top:2px; text-align:left;float:left;}
	#login select, #reward select{width:142px; height:auto;}
	
#mobile-banking{ 
	height:114px; 
	background:url(../images/online_banking.png) no-repeat;
	float:left;
	cursor:pointer;
}
	.mobile-link { margin-top:88px; text-align:left;float:left;}

.find-branch{ 
	width:142px;
	height:156px;
	background:url(../images/find-branch.png) no-repeat;
	float:left; 
	position:relative;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0;
}
	.find-tb { width:100%;}
	.find-tb #button{ margin-top:5px;}
	.find-link { margin-top:45px; float:right;}
	
	.inputwrapper2 {margin:0px;width:auto; height:auto;background:url(../images/textbox_bgR.gif) right top  no-repeat; *background: url(../images/textbox_bgR.gif) right 1px no-repeat;}
	.inputwrapper2 input {width:128px; padding-top:4px; padding-left:6px; height:18px; border:none; background:url(../images/textbox_bgL.gif) left top no-repeat;}
	.txtbox{ font-size:11px; font-weight:none;font-family: Arial, Helvetica, sans-serif; color: #000;}

	
#reward{
	height:114px; 
	background:url(../images/reward.png) no-repeat;
	float:left;
}
	.reward-select { margin:78px 0 0 0;}

#notice{
	height:110px; 
	background:url(../images/notices.png) no-repeat;
	float:left;
	
}
	#notice-content{width:136px; margin-top:34px;}
	.innerDiv ul{padding-left:20px; #padding-left:21px; margin-left:0; margin-top:0; padding-top:0;}
	.innerDiv li{ 
		margin-top:0px;
		line-height:1.16em;
		color:#4060ae;
		font-size:0.94em;
		#font-size:0.93em;
	}
	.innerDiv li a:link, .innerDiv li a:visited{ 
		color:#4060ae;
		text-decoration:underline;
	}
	#pscroller1{
		margin-top:0px;
		padding:0;
		width: 136px;
		height: 66px; /* height: 124px; */
		border:0px solid #eaeaea;
		font-size:11px;
	}
	.innerDiv{ padding:0; margin:0;}

.talk{
	width:162px;
	height:120px;
	float:left;
	margin-bottom:10px;
	background:url(../images/talk-to-us.png) no-repeat;
	position:relative;
}	
	.talk-tb { margin:0px; #padding:2px 0; float:left;}
	.talk-input {width:113px; height:auto;}
	.talk-select { margin-top:5px;}
	.submit-bnt-small{width:38px; height:auto;}
	#default-usage-select3{width:158px; margin-top:70px; padding:0px;}
	
	/****************************** Map Content Css ******************************/
	.hotline{ 
		position:absolute;
		width:146px; 
		left:160px;
		float:left;
		top:405px;/*282px*/
	}	
	.hotline-top{float:left;width:146px;background:url(../images/hotline-top.png) no-repeat;}	
	.hotline-mid{ width:146px; vertical-align:middle;float:left;background:url(../images/hotline-mid.png) repeat-y; height:84px; padding-top:3px;}	
	.hotline-bottom{height:12px;width:146px; background:url(../images/hotline-bottom.png) no-repeat; float:left;}
	.hotline-mid p{ width:135px; line-height:1em; text-align:center; color:#000000; font-size: 0.89em; float:left; margin-top:5px;}
	
#pleasure{
	height:98px;
	background:url(../images/pleasure.png) no-repeat;
	float:left;
}


/****************************** Map Content Css ******************************/
.map{
	position:absolute;
	left:152px;
	top:1px;
	width:499px;
/*	height:475px;*/
}
.map table{ margin:0; padding:0;}
.close-btn{ float:right; margin-top:6px; margin-right:8px; border:none;}
.close-btn2{ float:right; margin-top:6px; margin-right:10px; border:none;}

/****************************** Content holder Css ******************************/
#content-holder {
	width: 934px;
	float:left;
	margin: 0 10px;
	#margin: 0 5px; /*IE6*/
	padding:10px;
	background-color:#fff;
	z-index: 99999;
}

/****************************** Content area Css ******************************/
#col-content {
	width: 748px;
	float:right;
	text-align:left;

}

#flashbanner {
	width: 748px;
	height:284px;
	text-align:left;
	/*background:url(../images/flash-banner.jpg) no-repeat;*/
}

#main-content{
	width: 748px;
	text-align:left;
	float:right;
	margin-top:8px;

}
#sub-content{
	width: 748px;
	text-align:left;
	margin-top:8px;
	float:left;
	display:block;

}

.sub-content-top1, .sub-content-top2, .sub-content-top3{
	text-algin:left;
	color:#fff;
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	padding: 1px 14px 0px 14px;
	height:16px; 
	width:158px;
	float:left;
}

.sub-content-top1{
	width:158px;
	border-right:1px #fff solid ;
	background-image:url(../images/red_bgL.gif);
}

.sub-content-top2{
	width:158px;
	border-right:1px #fff solid ;
	background-color:#de2127;
}
.sub-content-top3{
	width:158px;
	border-right:1px #fff solid ;
	background:url(../images/red_bgR.gif) right;
}

.sub-content-top1 a:link, .sub-content-top1 a:visited, 
.sub-content-top2 a:link, .sub-content-top2 a:visited,
.sub-content-top3 a:link, .sub-content-top3 a:visited{ color:#fff; text-decoration:none;}
.sub-content-top1 a:hover, .sub-content-top2 a:hover, .sub-content-top3 a:hover{ color: #FFCC66; text-decoration:none;}

.linkbox{
	width:158px;
	float:left;
	font-size:10px;
	padding-left:14px;
	padding-right:14px;
	margin-top:5px;
	margin-bottom:30px;
	color:#454545;
}

.linkbox ul{
	/*width:174px;*/
	list-style-position:outside;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.linkbox li{
	padding-left: 8px;
	padding-bottom: 2px;
	line-height:12px;
	background: url(../images/arrow.gif) left center no-repeat;
}

.linkbox ul a:link, .linkbox ul a:visited{ color:#454545; text-decoration:none;}
.linkbox ul a:hover{ color:#454545; text-decoration:underline;}

/****************************** Footer Css ******************************/
#footer{
	/*width: 954px;
	margin:0 10px;
	float:right;*/
	/*#margin-left:10px; IE6*/
	background-color:#fff;
}

/*-------------- fix the popup appears in IE6 AND IE7------------------*/
#col-nav {
	*z-index:50;
}