@charset "UTF-8";
/* CSS Document */
#pageStock{
	height:14px;
	line-height:14px;
	margin:10px 40px 5px 27px;
}
#pageFrameWork{
	position:absolute;
	width:942px;
	min-height:665px;
	
	background-image:url(../_imgs/FrameWork_bg.jpg);
	background-repeat:repeat-x;	
	/*background-color:#d71820;*/
	height:100%;
	overflow:hidden;
}

#pageContact{
	float:right;
	margin-top:32px;
	margin-right:165px;
}
#pageOnlineBanking{
	cursor:pointer;
	position:absolute;
	z-index:15;
	width:105px;
	height:17px;
	
	background:url(../_imgs/onlinebanking.gif) no-repeat left top;
	left:509px;
	top:33px;
}
#pageLocalSites{
	cursor:pointer;
	position:absolute;
	z-index:16;
	width:105px;
	height:17px;
	background:url(../_imgs/localsites.gif) no-repeat left top;
	left:611px;
	top:33px;
}


#pageTellUs{
	cursor:pointer;
	position:absolute;
	z-index:17;
	width:150px;
	background:url(../_imgs/tellus.gif) no-repeat left top;
	left:560px;
	top:34px;	

}

#pageOnlineBanking li, #pageLocalSites li, #pageTellUs li{
	display:inline-block;
	float:left;
	height:23px;
	line-height:23px;
	list-style-type:none;
}
#onlineBanking{
	position:absolute;
	width:397px;
	height:340px !important;
	margin-left:-180px !important;
	top:17px;
	background:url(../_imgs/onlinebanking_bg.gif) no-repeat left top;
}

#TellUs{
	position:absolute;
	width:500px;
	height:530px !important;
	top:17px !important;
	margin-left:-150px !important;
	background:url(../_imgs/tellus_bg.gif) no-repeat left top;
		
	position:absolute;
	visibility:hidden;
	/*height:226px;
	padding:20px !important;*/
	margin:0px;
}  


.part1 .title, .part2 .title{
	font-weight:bold;
}
.part1 .title, .part2 .title, .content{
	color:#fff;
	width:100% !important;
	float:none !important;
	background-image:none !important;
	margin:0px 0px 0px 0px;
}
.part2 .title{
	margin-top:10px !important;
}
.part1 li, .part2 li{
	width:100%;
	display:block;
	background:url(../_imgs/arrow_green.gif) no-repeat left top;
	
	padding-left:10px;
	float:none !important;
}

.part1 li{
	margin-left:10px;
}
.part1, .part2{
	padding:0px;
	margin:0px;
	width:100%;
}
.part2 .group1, .part2 .group2, .part2 .group3{
	width:32%;
	float:left !important;
}
#pageMenu .content li a{
	display:inline-block;
	width:auto;
}
#pageMenu .content li a:hover{
	color:#63e669;
}
#pageLocalSites li a:hover, #onlineBanking li a:hover{
	color:#256204
}

#localSites{
	height:572px !important;
	width:395px;
	top:16px !important;
	margin-left:-200px !important;
	background:url(../_imgs/localsites_bg.gif) no-repeat top left;
	position:absolute;
}
#localSites .content{
	width:100%;
	height:100%;
	padding-left:10px;
	text-align:left !important;
}
#localSites .content .group1, #localSites .content .group2, #localSites .content .group3{
	float:left !important;
	padding:0px;
	margin:0px;
}
#localSites .content .group1{
	width:125px;
}
#localSites .content .group2{
	width:105px;
}
#localSites .content .group3{
	width:150px;
}
#localSites .title{
	background:none !important;
	padding:10px 0px 0px 0px !important;
	line-height:15px !important;
	font-size:11px;
	font-weight:bold;
}
#localSites .group1 li,#localSites .group2 li,#localSites .group3 li{
	float:left;
	display:block;
	padding-left:10px;
	background:url(../_imgs/arrow_green.gif) no-repeat top left;
	
	width:100%;
	/*white-space:normal !important;*/
}
.part1 li:hover, .part2 li:hover, #localSites .group1 li:hover,#localSites .group2 li:hover,#localSites .group3 li:hover{
	background-position:0px -30px;
}
#pageMenu{
	position:absolute;
	z-index:11;
	width:782px;
	height:31px;
	margin-top:57px;
	margin-left:162px;
	background:url(../_imgs/pageFrameWork_NavigationMenu.gif) no-repeat top center;
}
#pageOnlineBanking ul, #pageMenu ul, #pageTellUs ul{
	padding:0px;
	margin:0px;
}
#pageMenu #pageMenu_Btns li{
	list-style-type:none;
	float:left;
	display:inline-block;
		
	width:130px;
	height:31px;
	line-height:31px;
	
	text-align:center;
	font-weight:bold;

}
#localSites,#onlineBanking, #aboutus, #investor, #media, #banking, #sustainability, #careers{
	visibility:hidden;
	height:226px;
	padding:20px !important;
	margin:0px;
}
#aboutus{
	background:url(../_imgs/pageFrameWork_menuBg.gif) no-repeat left top;
	background-position:-345px;
    width:615px;
	margin-left:-5px !important;
}
#aboutus .group1{
    float:left;
    width:30%;
}
#aboutus .group2{
    float:left;
    width:43%;
}
#aboutus .group3{
    float:right;
    width:27%;
}
#investor{
	background:url(../_imgs/pageFrameWork_menuBg.gif) no-repeat left top;
	background-position:-345px;
	width:615px;
	margin-left:-5px !important;
}
#investor .group1{
	float:left;
	width:30%;
}
#investor .group2{
	float:left;
	width:43%;
} 
#investor .group3{
	float:right;
	width:27%;
}
#media{
	background:url(../_imgs/pageFrameWork_menuBg.gif) no-repeat left top;
	background-position:-1004PX;
	width:302px;
}
#media .group1{
	float:left;
	width:65%;
}
#media .group2{
	float:right;
	width:35%;
}
#banking{
	background:url(/home/en/_imgs/services.gif) no-repeat left top;
	/*background-position:-1348PX;*/
	width:890px;
	margin-left:-500px !important;
	height:350px;
}

#banking .group1{
	float:left;
	width:16%;
}
#banking .group1 li{
	margin-bottom:5px !important;
}
#banking .group2{
	float:left;
	width:16%;
}
#banking .group3{
	float:left;
	width:16%;
}
#banking .group4{
	float:left;
	width:16%;
}
#banking .group5{
	float:left;
	width:16%;
}
#banking .group6{
	float:left;
	width:16%;
}

#sustainability{
	background:url(../_imgs/pageFrameWork_menuBg.gif) no-repeat left top;
	background-position:-2793PX;
	width:302px;
	margin-left:-212px !important;
}
/*
#sustainability .group1, #sustainability .group2, #sustainability .group3{
	width:35%; 
	float:left;
}
*/

#sustainability .group1{
	width:60%; 
	float:left;
}

#sustainability .group2 {
	width:40%; 
	float:right;
}

#careers{
	background:url(../_imgs/pageFrameWork_menuBg.gif) no-repeat left top;
	background-position:-2793PX;
	width:302px;
	margin-left:-212px !important;
}
#careers .group1, #careers .group2{
	width:50%;
	float:left;
}
#pageMenu #pageMenu_Btns .content{
	height:100%;
	width:100%;
}
#pageMenu #pageMenu_Btns .group1,#pageMenu #pageMenu_Btns .group2,#pageMenu #pageMenu_Btns .group3{
	padding:0px;
	margin:0px;
}

#pageMenu #pageMenu_Btns .group1 li,#pageMenu #pageMenu_Btns .group2 li,#pageMenu #pageMenu_Btns .group3 li,#pageMenu #pageMenu_Btns .group4 li,#pageMenu #pageMenu_Btns .group5 li, #pageMenu #pageMenu_Btns .group6 li{
	float:left;
	display:inline-block;
	text-align:left !important;
	padding-left:10px;
	margin-bottom:10px;
	background:url(../_imgs/arrow.gif) no-repeat left 3px;
	line-height:12px !important;
	height:15px !important;
	/*font-weight:normal !important;*/
	width:90%;
}
#pageMenu #pageMenu_Btns .group1 li:hover,#pageMenu #pageMenu_Btns .group2 li:hover,#pageMenu #pageMenu_Btns .group3 li:hover,#pageMenu #pageMenu_Btns .group4 li:hover,#pageMenu #pageMenu_Btns .group5 li:hover, #pageMenu #pageMenu_Btns .group6 li:hover{
	background-position:0px -21px;
}
#pageMask{
	position:absolute;
	left:0;
	top:0;
	width:960px;
	height:100%;
	background-color:#000;
	filter:alpha(opacity=50);      
	-moz-opacity:0.5;              
	opacity: 0.5;
	
	z-index:10;
	visibility:hidden;
}

#pageHeader{
	height:102px;
	background:url(../_imgs/pageFrameWork_Top.gif) no-repeat top left;
}
#pageLogo{
	float:left;
	margin-left:5px;
	margin-top:25px;
}

#pageSWFStage{
	height:353px;
	padding-bottom: 20px;
}

#pageGallery{
	height:140px;
}

*html #pageGallery{position: relative; top:20px;}

#pageNews{
	margin:-10px 6px 0px 6px;
	padding-right:10px;
	height:29px;
	line-height:29px;
	background-image:url(../_imgs/pageFrameWork_NewsBG.gif);
	background-position:center top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:11px;
}
#pageNewsTitle{
	float:left;
	margin-left:22px;
	font-weight:bold;
}

*html .jcarousel-clip, *html .jcarousel-list{
	top: 20px!important;
}

#pageNewsContent{
	float:left;
	height:28px;
	width:730px;
	line-height:28px;
	margin-left:70px;
}
#prevBtn, #nextBtn{
	float:right;
	width:6px;
	height:6px;
	margin-top:9px;
	margin-right:3px;
	cursor:pointer;
}
#pageCopyright{
	height:18px;
	line-height:18px;
	margin:0px 25px 0px 28px;
	font-size:11px;
	color:#c8c8c8;
}
#pageCopyright a{
	color:#c8c8c8;
	text-decoration:none;
}
#pageCopyright a:hover{
	text-decoration:underline;
}
.image1{
	padding:0px;
	margin:0px;
}
.image1 li{
	width:16% !important;
	text-align:left !important;
	height:90px !important;
}
.leftImg{
	float:left;
	width:49% !important;
	padding:0px !important;
	text-align:left !important;
}
.rightImg{
	float:right;
	width:50% !important;
	padding:0px !important;
	text-align:right !important;
}
.style1{
	margin-top:10px;
}