body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}


#pageMenu{
    position:absolute;
    z-index:11;
    width:780px;
    height:31px;
    background:url('../images/pageFrameWork-NavigationMenu.gif') no-repeat top center;
    
}

#pageMenu a{
    color:#fff;
    text-decoration:none;
}
#pageOnlineBanking ul, #pageMenu ul, #pageTellUs ul{
    padding:0px;
    margin:0px;
}
#pageOnlineBanking a, #pageLocalSites a, #pageTellUs a{
    color:#fff;
    text-decoration:none;
}
#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;
    font-size: 11px;

}
#aboutus, #investor, #media, #sustainability, #careers,#CSR{
    visibility:hidden;
    height: 210px;
    padding: 20px 20px 20px 20px !important;
    margin:0px;
}
/*#aboutus{
    background:url('../images/pageFrameWork-menuBg.gif') no-repeat left top;
    background-position:-1004PX;
    width:302px;
}*/
#aboutus
{
    background:url('../images/aboutbg.png') no-repeat left top;
    width:275px;
	height:175px;
}

#aboutus .group1{
    float:left;
    width:42%;
}
#aboutus .group2{
    float:left;
    width:42%;
}
#aboutus .group3{
    float:right;
    width:27%;
}
#investor{
    background:url('../images/services.png') no-repeat left top;
    width:392px;
	height:220px;
}
#investor .group1{
    float:left;
    width:20%;
    border:solid 0px white;
}
.group1
{
    width:200px; 
    border: solid 0px yellow;
}
.group1 li a{
	display:inline-block;
	width:auto;border: solid 0px yellow;
}

.group1 li a{
    color:#63e669;
    text-decoration:none;border: solid 0px yellow;
}
#investor .group2{
    float:left;
    width:20%;
    border:solid 0px white;
}
#investor .group3{
    float:left;
    width:26%;
    border:solid 0px white;
}
#investor .group4{
    float:left;
    width:18%;
    border:solid 0px white;
}
/*#media{
    background:url('../images/pageFrameWork-menuBg.gif') no-repeat left top;
    background-position:-1004PX;
    width:302px;
}*/

#media
{
    background:url('../images/mediabg.png') no-repeat left top;
    width:290px;
	height:175px;
}
#media .group1{
    float:left;
    width:35%;
	border: solid 0px #006600;
}
#media .group2{
    float:right;
    width:35%;
}
/*#CSR{
    background:url('../images/pageFrameWork-menuBg.gif') no-repeat left top;
    background-position:-1004PX;
    width:302px;
}*/
#CSR
{
    background:url('../images/csrbg.png') no-repeat left top;
    width:340px;
	height:175px;
}

#CSR .group1{
    float:left;
    width:50%;
}
#CSR .group2{
    float:right;
    width:35%;
}
#banking{
    background:url('../images/services.gif') no-repeat left top;
    /*background-position:-1348PX; */
    width:890px;
	height:220px;
    margin-left:-500px !important;
}

#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('../images/pageFrameWork-menuBg.gif') no-repeat left top;
    background-position:-2792PX;
    width:302px;
    margin-left:-212px !important;
}*/

#sustainability
{
    background:url('../images/aboutbg.png') no-repeat left top;
    width:300px;
	height:175px;
}

#sustainability .group1{
	width:40%; 
	float:left;
	border:solid 0px #990099;
}

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

#careers{
    background:url('../images/pageFrameWork-menuBg.gif') no-repeat left top;
    background-position:-2792PX;
    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('../images/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;
}
#pageMenu .content li a{
	display:inline-block;
	width:auto;
}
#pageMenu .content li a:hover{
	color:#fff005;
}
#pageMask{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:650px;
    background-color:#000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
    z-index:10;
    visibility:hidden;
}
ul.image { clear: both; }

.imagep{
	clear:left;
	width:100%;
	height:121px;
	padding-top:110px !important;
	vertical-align:top;
}
.imagec{
	clear:left;
	width:100%;
	padding-top:20px !important;
	vertical-align:top;
}
.image{
	clear:left;
	width:100%;
	height:121px;
	padding-top:25px !important;
}

.imageright{
	clear:left;
	width:100%;
	height:121px;
	padding-top: 0px !important;
	/*padding-top:25px !important;*/
}

.image1{
    padding:0px;
    margin:0px;
}
.image1 li{
    width:16% !important;
    text-align:left !important;
    height:90px !important;
}
.leftImg{
    float:left;
    width:47%;
    text-align:left;
    border:solid 0px red;
    
}
.rightImg{
    float:right;
    width:47%;
    border:solid 0px red;
    text-align:left;
}

.rightImgmedia{
    float:left;
    width:30%;
    border:solid 0px red;
    text-align:left;
}

.left{
    float:left;
    width:50%;
    text-align:center;
    border:solid 0px red;
    padding-bottom:10px;
    
}

.imagerightmedia{
	clear:left;
	width:80%;
	height:121px;
	padding-top: 0px !important;
	/*padding-top:25px !important;*/
}

.rightmedia{
    float:left;
    width:63%;
    border:solid 0px red;
    text-align:left;
    padding: 0px 10px 10px 0px;
}

.rightsustainability
{
    float:left;
    width:42%;
    border:solid 0px red;
    text-align:left;
    padding-bottom:10px;
}

.imagerightsustainability
{
	clear:left;
	width:100%;
	height:121px;
	padding-top: 0px !important;
	/*padding-top:25px !important;*/
	border: solid 0px red;
}


.right{
    float:right;
    width:50%;
    border:solid 0px red;
    text-align:center;
    padding-bottom:10px;
}
.style1{
    margin-top:10px;
}
#pageNews
{
    
    width:929px;
    height:29px;
    background-image:url('../images/pageFrameWork_Newsbg.gif');
    background-position:center top;
    background-repeat:no-repeat;
    color:#FFFFFF;
    font-size:11px;
    border:solid 0px red;
    float:left;
    margin:10px 6px 10px 6px;
}
#pageNewsTitle{
    float:left;
    margin-left:10px;
    font-weight:bold;
    margin-top:7px;
    color:#FFFFFF;
}
#pageNewsContent{
    float:left;
    height:28px;
    width:730px;
    line-height:28px;
    margin-left:50px;
    text-align:left;
    color:#FFFFFF;
    
}
#pageNews a{
    color:#ffffff;
    text-decoration:none;
}
#pageNews a:hover{
    text-decoration:underline;
}
#prevBtn{
    float:right;
    width:6px;
    height:6px;
    margin-top:9px;
    margin-right:3px;
    cursor:pointer;
}
#nextBtn{
    float:right;
    width:6px;
    height:6px;
    margin-top:9px;
    margin-right:3px;
    cursor:pointer;
}

#ProductMenu
{
    
    width: 105px; 
    border: solid 0px white;
    height:200px;
}
#ProductMenu li a{
	display:inline-block;
	width:auto;border: solid 0px white;
}

#ProductMenu li a{
    color:#63e669;
    text-decoration:none;border: solid 0px white;
}
#csr1
{
    
    width: 105px; 
    border: solid 0px white;
}
#csr1 li a{
	display:inline-block;
	width:auto;
}

#csr1 li a{
    color:#63e669;
    text-decoration:none;
}