@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(/_images/FrameWork-bg.jpg);
    background-repeat:repeat-x;

    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;
    font-size:11px;

    background:url(http://www.standardchartered.com/_images/onlinebanking.gif) no-repeat left top;
    left:509px;
    top:33px;
}
#pageLocalSites{
    cursor:pointer;
    position:absolute;
    z-index:16;
    width:105px;
    height:17px;
    background:url(http://www.standardchartered.com/_images/localsites.gif) no-repeat left top;
    left:611px;
    top:33px;
    font-size:11px;
}

#pageTellUs{
    cursor:pointer;
    position:absolute;
    z-index:17;
    width:150px;
    background:url(http://www.standardchartered.com/_images/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:269px !important; */
	height:340px !important;
    margin-left:-180px !important;
    top:17px;
    background:url(http://www.standardchartered.com/_images/onlinebanking-bg.gif) no-repeat left top;
}
#TellUs{
    position:absolute;
    width:500px;
    height:530px !important;
    top:17px !important;
    margin-left:-150px !important;
    background:url(http://www.standardchartered.com/_images/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(http://www.standardchartered.com/_images/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(http://www.standardchartered.com/_images/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(http://www.standardchartered.com/_images/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:180px;
    background:url(http://www.standardchartered.com/_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;

}
#localSites,#onlineBanking, #aboutus, #investor, #media, #banking, #sustainability, #careers{
    visibility:hidden;
    height:226px;
    padding:20px !important;
    margin:0px;
}
#aboutus{
    background:url(http://www.standardchartered.com/_images/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(http://www.standardchartered.com/_images/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(http://www.standardchartered.com/_images/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(http://www.standardchartered.com/_images/services.gif) no-repeat left top;
    /*background-position:-1348PX; */
    width:890px;
	height:320px;
    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(http://www.standardchartered.com/_images/pageFrameWork-menuBg.gif) no-repeat left top;
    background-position:-2130PX;
    width:622px;
    margin-left:-400px !important;
}
*/

#sustainability{
	background:url(http://www.standardchartered.com/_images/pageFrameWork-menuBg.gif) no-repeat left top;
	background-position:-2793PX;
	width:302px;
	margin-left:-212px !important;
}
/*
#sustainability .group1, #sustainability .group2, #sustainability .group3{
    width:33%;
    float:left;
}
*/

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

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

#careers{
    background:url(http://www.standardchartered.com/_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(http://www.standardchartered.com/_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;
}
#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(http://www.standardchartered.com/_images/pageFrameWork-Top.gif) no-repeat top left;
    margin-left:18px;
}
#pageLogo{
    float:left;
    margin-top:25px;
    width:150px;
    height:76px;
}

#pageSWFStage{
    height:353px;
}

#pageGallery{
    height:140px;
}
#pageNews{
    margin:-10px 6px 0px 6px;
    padding-right:10px;
    height:29px;
    line-height:29px;
    background-image:url(http://www.standardchartered.com/_images/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;
}
#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:20px 25px 0px 28px;
    font-size:11px;
    color:#666;
    width:900px;
}
#pageCopyright a{
    color:#666;
    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;
}