html {
    background: url('/images/common/bg.png') white repeat}
body {
    font-family: Arial,Verdana,Tahoma,Helvetica,sans-serif;
    font-size: 12px;
    padding: 0;
    margin: 0;
    color: #595959}
a {
    font-size: 12px;
    color: #595959}
.bannerTest
{
    width:80% !important;
}
.contentTest
{
    width:73% !important;
}

.pink {
    color: #F90}
.inline {
    display: inline-block}
.line {
    border-bottom: solid 1px #a0bbc1;
    height: 10px;
    margin: auto;
    margin-bottom: 5px}
.uppercase {
    text-transform: uppercase}
.header {
    height: 115px}
.header .logo {
    top: -8px;
    left: 0;
    height: 115px;
    overflow: hidden}
.header .menu {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 42px;
    width: 100%}
.header .search {
    top: 39px;
    right: 0}
.header .search .wrap_input {
    float: left;
    background: url('/images/common/search_all.png') no-repeat;
    width: 153px;
    height: 22px}
.header .search .wrap_input input {
    color: #595959!important;
    border: none!important;
    background: 0;
    margin: 3px;
    width: 146px;
    font-size: 12px}
.header .sub_menu {
    right: 0;
    top: 10px}
.header .sub_menu a,.header .sub_menu span {
    margin: 0 2px}
.header .menu .main {
    width: 82.3%;
    height: 100%;
    float: right}
.header .menu .bg_left {
    width: 17.5%;
    height: 10px;
    z-index: 1000;
    position: absolute;
    bottom: 0;
    left: 0;
    border-left: 1px solid #134a9a}
.header .menu .bg_left .bg_left_rp {
    height: 10px;
    width: 94%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/images/layout/bg_small_rp.png) repeat-x}
.header .menu .bg_left .bg_left_r {
    width: 6%;
    height: 10px;
    float: right;
    background: url(/images/layout/bg_small_r.png) no-repeat}
.ie6 .header .menu .bg_left {
    bottom: -5px;
    border-left: none}
.ie6 .header .menu .bg_left .bg_left_r {
    position: absolute;
    right: 0;
    bottom: 0}
.header .menu .main {
    position: relative;
    border-right: 1px solid #134a9a;
    height: 33px}
.header .menu .main .bg_main_l {
    width: 35px;
    height: 33px;
    position: absolute;
    left: 0;
    background: url(/images/layout/bg_menu_l.png) no-repeat}
.header .menu .main .bg_main_rp {
    width: 96.3%;
    height: 33px;
    float: right;
    background: url(/images/layout/bg_menu_rp.png) repeat-x}
.header .menu .main a {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 0 gray;
    color: white;
    float: left;
    height: 33px;
    line-height: 33px;
    padding: 0 10px}
.header .menu .main a:hover,.header .menu .main a.active {
    background: url(/images/layout/bg_menu_over.png) repeat-x;
    text-shadow: 0 -1px 0 gray}
.box_right,.box_left {
    margin-bottom: 11px}
.subject_menu {
    background: url('/images/common/menu_subject.png') no-repeat;
    width: 203px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    color: white;
    text-shadow: 0 1px 0 gray;
    text-transform: uppercase}
#btnSubjectLeft,#btnSubjectRight {
    top: 10px;
    cursor: pointer;
    position: absolute;
    width: 10px!important;
    height: 10px!important;
    background-position: center center!important}
#btnSubjectLeft {
    right: 22px}
#btnSubjectRight {
    right: 8px}
.left_menu {
    list-style: none;
    z-index: 10;
    position: relative;
    padding: 0;
    margin: 0;
    border-left: solid 1px #a7c3ca;
    border-bottom: solid 1px #a7c3ca;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px}
.left_menu ul {
    list-style: none;
    padding: 10px 0;
    display: none;
    margin: 0}
.left_menu li a {
    background: url('/images/common/menu_item.png');
    line-height: 25px;
    height: 25px;
    width: 185px;
    margin-left: -1px;
    display: block;
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    color: white}
.left_menu li a:hover {
    color: #F90}
.left_menu .lv1 {
    width: 203px}
.left_menu .active .lv1,.left_menu li:hover .lv1 {
    color: #fff280}
.left_menu li ul li a {
    background: url('/images/layout/bullet_yellow_r.png') 8px 9px no-repeat!important;
    padding-left: 20px;
    white-space: nowrap;
    font-style: italic;
    font-weight: normal;
    color: #595959}
.left_menu li ul li a:hover,.left_menu li ul .active a {
    font-weight: bold}
.left_menu li ul li:hover,.left_menu li ul .active {
    background: url('/images/common/bg_submenu_hover.png');
    width: 213px;
    margin-left: -1px}
.left_menu li:hover ul,.left_menu .active ul {
    display: block}
.left_menu_sg {
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 10;
    position: relative}
.left_menu_sg li {
    display: block;
    height: 25px}
.left_menu_sg li a {
    background: url('/images/layout/bullet_yellow_r.png') 8px 9px no-repeat;
    padding-left: 20px;
    display: block;
    line-height: 25px;
    font-style: italic;
    white-space: nowrap}
.left_menu_sg li a:hover,.left_menu_sg li.active a {
    background: url('/images/layout/bullet_yellow_r.png') 8px 9px no-repeat;
    font-weight: bold}
.left_menu_sg li:hover,.left_menu_sg li.active,.left_menu_sg .active,.left_menu_sg li.active {
    background: url('/images/common/bg_submenu_hover.png');
    width: 213px;
    margin-left: -1px}
.left_menu_sg {
    padding: 10px 0;
    background: url('/images/common/bg_submenu.png');
    border-left: solid 1px #a7c3ca;
    border-bottom: solid 1px #a7c3ca}
.content {
    border: solid 1px silver;
    min-height: 470px;
    width: 73%;
    padding: 10px 14px 10px 14px;
    position: relative;
    z-index: 1;
    overflow-y: auto;
    overflow-x: hidden}
.content1 {
    border: solid 1px silver;
    min-height: 470px;
    width: 100%;
    padding: 10px 14px 10px 14px;
    position: relative;
    z-index: 1;
    overflow-y: auto;
    overflow-x: hidden}
    .ie6 .content1,.ie7 .content1 {
    overflow: hidden!important}
.content1 .subject {
    padding: 15px 0;
    font-size: 16px;
    color: #595959;
    font-weight: bold;
    text-transform: uppercase}
.content1 .nav .link {
    font-size: 12px;
    text-transform: capitalize}
.content1 .nav .bullet {
    margin-left: 7px;
    margin-right: 7px;
    display: inline-block;
    background: url('/images/layout/bullet_gray_r.png') no-repeat;
    width: 5px;
    height: 6px}
.ie6 .content1 .nav .link {
    vertical-align: super}
.bg_gradient,.pn_content,.content1 {
    background-color: #fcfcfc}


.ie6 .content,.ie7 .content {
    overflow: hidden!important}
.content .subject {
    padding: 15px 0;
    font-size: 16px;
    color: #595959;
    font-weight: bold;
    text-transform: uppercase}
.content .nav .link {
    font-size: 12px;
    text-transform: capitalize}
.content .nav .bullet {
    margin-left: 7px;
    margin-right: 7px;
    display: inline-block;
    background: url('/images/layout/bullet_gray_r.png') no-repeat;
    width: 5px;
    height: 6px}
.ie6 .content .nav .link {
    vertical-align: super}
.promotion .subject {
    height: 26px;
    background: url('/images/common/subject_promotion.png') no-repeat;
    width: 213px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    text-align: center;
    line-height: 26px;
    text-shadow: 0 -1px 0 #d9ba40}
.promotion .menu_content {
    border: solid 1px #ffbb32;
    border-top: 0;
    padding: 10px;
    width: 192px}
.promotion .menu_content a {
    font-style: italic;
    font-size: 12px;
    line-height: 20px;
    width: 180px;
    display: inline-block;
    vertical-align: text-top}
.title-box-intenetbanking {
    font-family: Myriad Pro,Arial;
    font-size: 15px!important;
    font-weight: bolder;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    text-align: center;
    white-space: nowrap;
    width: 213px}
.item_rel {
    display: block;
    padding: 0 0 10px 10px;
    background: url('/images/layout/bullet_gray_r.png') left 5px no-repeat;
    color: #595959}
.item_rel .date {
    display: inline-block;
    margin-left: 10px;
    font-size: 10px}
.relative_box {
    border: 1px solid #b8d6df;
    padding: 10px 14px 10px 14px;
    width: 100%}
.relative_box .subject {
    font-size: 16px;
    color: #595959;
    font-weight: bold;
    text-transform: uppercase}
.view_more .item {
    font-size: 12px;
    width: 265px;
    padding-top: 5px;
    padding-bottom: 15px;
    vertical-align: top}
.view_more .bullet {
    background: url('/images/layout/bullet_yellow_r.png') no-repeat;
    width: 5px;
    height: 6px;
    margin-bottom: 1px;
    margin-right: 5px;
    display: inline-block}
.view_more .item .subject {
    font-weight: bold;
    padding: 10px 0 0 0;
    font-size: 12px;
    color: inherit;
    text-transform: none;
    color: #595959}
.view_more .item .description {
    font-style: italic;
    padding-top: 10px}
.view_more .item .btn {
    padding-top: 10px}
.view_more .item .btn a {
    background: url('/images/layout/arr2.png') right center no-repeat;
    padding-right: 12px;
    font-style: italic;
    font-weight: bold;
    color: #F90}
.bg_currency {
    background: url('/images/common/currency_up_down.png') left bottom no-repeat}
.footer {
    text-align: center;
    padding: 20px 0}
.footer a,.footer span {
    font-size: 11px;
    margin: 0 2px;
    line-height: 20px;
    color: gray}
.link:hover,a:hover,a.active {
    color: #F90}
#rightPanel,#rightBanner {
    width: 215px}
#leftPanel,#leftBanner {
    width: 213px}
#leftBanner img,#rightBanner img {
    width: 100%}
#mainBanner {
    width: 100%;
    height: 260px;
    margin-top: -10px}
#mainBanner img {
    width: 100%;
    height: 260px}
.site_map a {
    font-size: 12px;
    color: #595959;
    display: block;
    margin-top: 3px;
    margin-bottom: 3px;
    text-transform: capitalize}
.site_map a.lvl1 .bullet,.site_map a.lvl2 .bullet {
    background: url('/images/layout/bullet_yellow_r.png') no-repeat;
    width: 5px;
    height: 6px;
    display: inline-block}
.site_map a.lvl1 {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px}
.site_map a:hover {
    color: #F90}
.site_map a.lvl2 {
    text-indent: 30px}
.site_map a.lvl3 {
    text-indent: 60px}
.site_map a.lvl4 {
    text-indent: 70px}
.site_map a.lvl5 {
    text-indent: 80px}
.site_map a.lvl3 .bullet,.site_map a.lvl4 .bullet,.site_map a.lvl5 .bullet {
    display: none}
.tab_savings {
    width: 544px}
.tab_savings * {
    padding: 0;
    margin: 0;
    border: 0;
    background: 0}
.tab_savings .ui-tabs .ui-tabs-nav {
    padding: 0!important}
.tab_savings .tab {
    width: 181px;
    background: url('/images/common/bg_tab.png') no-repeat;
    height: 35px;
    cursor: pointer}
.tab_savings .tab {
    text-transform: uppercase;
    line-height: 35px;
    text-align: center;
    width: 181px;
    font-weight: bold;
    color: white;
    float: left}
.tab_savings .tab.selected,.tab_savings .tab:hover {
    background-position: -181px}
.tab_savings .tab_title {
    background: url('/images/common/bg_title_tab.png') repeat-x;
    height: 21px;
    border-left: solid 1px #4d94dc;
    line-height: 21px;
    padding: 0 10px}
.tab_savings .ui-tabs .ui-tabs-panel {
    padding: 0!important}
.tab_savings .j-listheader {
    background-color: transparent;
    color: #595959;
    border-bottom: 0}
.menu-card .menu-card-title {
    margin-bottom: 20px}
.menu-card .menu-card-item {
    position: relative;
    display: inline-block;
    width: 240px;
    height: 180px;
    background-position: center center;
    background-repeat: no-repeat}
.menu-card .menu-card-item span {
    display: block;
    position: absolute;
    text-transform: uppercase;
    color: #595959;
    bottom: 10px;
    width: 240px;
    text-align: center}
.menu-card .menu-card-item:hover span {
    color: #F90}
.unlimit-child {
    padding-left: 20px!important}
.bullet_white {
    background: url(/images/layout/bullet_white_u.png) no-repeat;
    display: inline-block;
    width: 6px;
    height: 7px;
    vertical-align: middle}
.bullet_white.active {
    background: url(/images/layout/bullet_white_d.png) no-repeat}
.bullet_gray_r,.bullet_gray_l,.bullet_white_r,.bullet_white_l {
    display: inline-block;
    width: 5px;
    height: 6px;
    vertical-align: middle}
.bullet_gray_r {
    background: url(/images/layout/bullet_gray_r.png) no-repeat}
.bullet_gray_l {
    background: url(/images/layout/bullet_gray_l.png) no-repeat}
.bullet_white_l {
    background: url(/images/layout/bullet_white_l.png) no-repeat}
.bullet_white_r {
    background: url(/images/layout/bullet_white_r.png) no-repeat}
.bullet_yellow_r {
    background: url(/images/layout/bullet_yellow_r.png) no-repeat;
    display: inline-block;
    width: 5px;
    height: 6px;
    margin-bottom: 1px;
    margin-right: 3px}
.btn_blue_l,.btn_blue_r {
    width: 11px;
    height: 12px;
    display: inline-block;
    background: url(/images/common/arrow_blue.png);
    display: inline-block}
.btn_blue_r {
    background: url(/images/common/arrow_blue.png) -11px 0 no-repeat}
.btn_white_l,.btn_white_r {
    width: 11px;
    height: 12px;
    display: inline-block;
    background: url(/images/common/arrow_white.png);
    display: inline-block}
.btn_white_r {
    background: url(/images/common/arrow_white.png) -11px 0 no-repeat}
.button {
    background: url(/images/layout/bg_menu_rp.png) repeat-x;
    height: 20px;
    line-height: 20px;
    color: white;
    border-left: 1px solid #134a9a;
    border-right: 1px solid #134a9a;
    border-bottom: 1px solid #134a9a;
    display: inline-block;
    text-align: center;
    padding: 0 5px;
    cursor: pointer}
.ie6 .button,.ie7 .button {
    display: inline}
.button:hover {
    color: white!important;
    border-color: #5a9ee4;
    background: url(/images/layout/bg_menu_over.png) repeat-x}
.pn_content {
    overflow: hidden;
    padding: 10px;
    color: gray}
.bg_gradient,.pn_content,.content {
    background-color: #fcfcfc}
.bg_line {
    background: url(/images/common/bg_line.png) repeat-x repeat-y}
.pn_main .pn_title,.pn_style .pn_title,.box_title {
    color: white;
    font-size: small;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    text-shadow: 0 1px 0 gray;
    text-align: center;
    text-transform: uppercase}
.box_rate {
    height: 238px;
    overflow: hidden;
    width: 214px;
    background: url(/images/common/box_rate.png) no-repeat}
.box_rate .box_title {
    line-height: 25px;
    height: 25px}
.box_rate .box_title .j-tbutton {
    color: white;
    font-size: small;
    text-shadow: 0 1px 0 gray}
.box_rate .box_title .j-tbutton:hover {
    color: #F90}
.box_rate .j-grid {
    border: 0}
.box_rate th {
    border-bottom: 1px solid white}
.box_rate th,.box_rate td {
    font-size: 11px;
    color: white;
    padding-left: 5px;
    padding-right: 5px}
.pn_style .pn_title {
    background: url(/images/layout/pn_cen_top_r.png) repeat-x;
    border-left: 1px solid #134a9a;
    border-right: 1px solid #134a9a}
.pn_main .pn_title {
    position: relative;
    background: url(/images/layout/pn_cen_top_r.png) repeat-x;
    height: 25px;
    border-right: 1px solid #5a9ee4;
    padding-left: 35px}
.pn_main .pn_title_l {
    background: url(/images/layout/pn_cen_top_l.png) no-repeat;
    width: 35px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0}
.j-listheader {
    background: #2d7fd2;
    text-transform: uppercase}
.j-listheader {
    color: white}
.j-listcell,.j-listheader {
    padding: 5px}
input: not([type]),input[type="text"],input[type="password"],textarea {
    color: #595959!important;
    border: solid 1px #c6dade!important}
.required span {
    color: #595959}
.j-paging-processing {
    background: 0}
.grid table {
    border: 1px solid #a0bbc1;
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
    color: #595959}
.grid table th {
    background-color: #2d7fd2;
    border: 1px solid #a0bbc1;
    height: 23px;
    line-height: 23px;
    padding: 3px}
.grid table td {
    border: 1px solid #a0bbc1;
    height: 23px;
    line-height: 23px;
    padding: 3px}
.ui-menu-item a {
    color: #595959!important}
.paging_bar {
    text-align: right;
    width: 100%}
.j-paging .j-bar-btn {
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 17px;
    border: none!important;
    padding: 0!important;
    margin: 1px!important;
    background: none!important}
.j-bar-btn[disabled] {
    opacity: 1!important;
    filter: alpha(opacity = 100)!important;
    color: #595959!important}
.j-paging .j-bar-btn:hover {
    text-decoration: underline}
.j-paging .active {
    text-decoration: underline}
.j-paging .j-bar-info,.j-bar-btn.j-first,.j-bar-btn.j-next,.j-bar-btn.j-prev,.j-bar-btn.j-last {
    display: none!important;
    visibility: hidden}
.ui-datepicker-title,.ui-datepicker-title a {
    color: white}
.j-listheaders table,.j-listitems table {
    border: none!important}
.box_internet_banking {
    width: 214px;
    height: 128px;
    background: url(/images/common/box_internet_banking.png) center center no-repeat}
.box_quick_access {
    width: 184px;
    height: 220px;
    padding: 5px 15px;
    background: url(/images/common/box_quick.png) center center no-repeat;
    background-size: 220px 230px;
}
.box_quick_access .j-bar {
    position: absolute;
    bottom: 0;
    right: 5px}
.box_internet_banking,.box_internet_banking a,.box_quick_access,.box_quick_access a {
    color: white}
.box_internet_banking a:hover,.box_quick_access a:hover {
    color: #F90}
.box_quick_access .j-bar .j-bar-btn[disabled] {
    color: white!important}
.box_quick_access ul {
    padding: 0 15px;
    margin: 0}
.box_quick_access ul li {
    margin-bottom: 7px;
    position: relative}
.box_quick_access ul li span {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    right: -20px;
    top: -2px;
    background-repeat: no-repeat!important;
    background-position: center center!important}
.ie6 .box_quick_access ul li span {
    right: 10px}

.box_quick_access1 {
    width: 184px;
    height: auto;
    padding: 5px 15px;
    background: url(/images/common/box_quick.png) center center no-repeat;
    background-size: 220px 230px;
}
.box_quick_access1 .j-bar {
    position: absolute;
    bottom: 0;
    right: 5px}
.box_internet_banking,.box_internet_banking a,.box_quick_access1,.box_quick_access1 a {
    color: white}
.box_internet_banking a:hover,.box_quick_access1 a:hover {
    color: #F90}
.box_quick_access1 .j-bar .j-bar-btn[disabled] {
    color: white!important}
.box_quick_access1 ul {
    padding: 0 15px;
    margin: 0}
.box_quick_access1 ul li {
    margin-bottom: 7px;
    position: relative}
.box_quick_access1 ul li span {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    right: -20px;
    top: -2px;
    background-repeat: no-repeat!important;
    background-position: center center!important}
.ie6 .box_quick_access1 ul li span {
    right: 10px}



#btnLoginBanking {
    padding: 4px 10px}
.radius,.button {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -khtml-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px}
.radius_tl {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    border-top-left-radius: 3px}
.radius_tr {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    border-top-right-radius: 3px}
.radius_bl {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px}
.radius_br {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -khtml-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px}
.border_gray {
    border: 1px solid silver}
.border_gray_b {
    border-bottom: 1px solid silver}
.nb_l {
    border-left: none}
.nb_r {
    border-right: 0}
.nb_b {
}
.nb_t {
    border-top: 0}
.border_blue {
    border: 1px solid #134a9a}
.border_blue_l {
    border-left: 1px solid #134a9a}
.border_blue_r {
    border-left: 1px solid #134a9a}
.rate-title {
    background: url(/images/layout/bullet_white_r.png) 197px center no-repeat;
    display: block}
.rate-title:hover {
    background-image: url(/images/layout/bullet_yellow_r.png)}
#lblNotice .notice-link {
    padding-left: 15px;
    background: url('/images/common/sep_yellow.png') left center no-repeat;
    padding-right: 5px}
#lblNotice .notice-link-1 {
    background: 0}
.size11 {
    font-size: 11px}
.bg-content {
    background: url('/images/common/bg_content.png') repeat-y;
    width: 1024px}
.green {
    color: #083991}
#footer {
    margin-top: 10px;
    height: 63px;
    padding-top: 10px;
    width: 100%;
    border-top: solid 1px silver}
.menu-footer {
    width: 996px;
    text-align: right;
    position: absolute;
    top: 8px;
    left: 0}
.paging-banner {
    position: absolute;
    right: 5px;
    bottom: 5px}
.paging-btn {
    opacity: .70;
    filter: alpha(opacity=70);
    color: #595959;
    text-align: center;
    line-height: 12px;
    float: left;
    height: 12px;
    padding: 3px;
    margin: 0 2px;
    cursor: pointer;
    background: white}
.paging-btn:hover {
    color: #1553a5}
.paging-btn.hover {
    background: #1553a5;
    color: white!important;
    cursor: default}