/* CSS Document */ *{/* margin:0px; padding:0px;*/text-align:left; font-size:12px;} body {margin:0px; padding:0px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;} /**{margin:0px; padding:0px; text-align:left; font-size:12px;}*/ /*body {margin:0px; padding:0px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;} *{ margin:0px; padding:0px; text-align:left; font-size:12px;}*/ p { ffont-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7f7f7f; padding:5px 0; line-height:150%; font-stretch:extra-expanded; color:#000000; text-align:justify; text-transform:none;} h1 { color:#1e5795; font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:normal; text-transform:capitalize;} h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2e3092; text-transform:uppercase; padding:20px 0 5px 0;} h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:normal; text-transform:capitalize;} #wrapper { margin:auto; width:1100px; font-size:12px; text-align:center; padding:20px 0 0 0;} #top{margin:auto; padding:1 15 15 10;background-color:#FFFFFF;} html*#top{margin-left:83px; background-color:#FFFFFF;} #top-wrapper {margin:auto; width:988px; font-size:12px;background-color:#FFFFFF;} html*#top-wrapper { margin-left:100px; font-size:12px;} #top-right {float:right; width:440px;background-color:#FFFFFF; height:20px; } html* #top-right {float:right; width:448px;background-color:#FFFFFF; height:15px; } #row-a { float:left; width:988px; background-color:#FFFFFF; border-bottom:solid 2px #eaeaea;} html* #row-a { margin-left:53px; -margin-left:28px; float:left; width:988px; background-color:#FFFFFF; border-bottom:solid 2px #eaeaea; } #search { background-color:#FFFFFF;float:center; width:170px; margin-left:5px; } html* #search { width:230px; margin-right:-55px;} #font { float:left; width:150px; background-color:#FFFFFF; padding:5 0 10 10; } html>body #font { float:left; width:150px; background-color:#FFFFFF; padding:5 0 10 10;} #font ul li { display:inline;} #font ul li a { margin:auto; padding:1 1 10 10;} #tx_indexedsearchinput { width:150px; height:25px;} #search-btn { background:url(../images/search-btn.jpg) no-repeat; width:33px; height:30px; border:none;} #logo { float:left; width:150px; margin-top:-32px;position:relative; -margin-left:-2px;} html>body #logo { float:left; width:80px; margin-top:-32px; } #main-nav { float:right; width:900px; _width:900px; margin:-20 0px 0 0; _margin:-50 0px 0 0;} #main-nav ul { float:right; display:block; background:url(../images/li-bg.jpg) no-repeat right;} #main-nav ul li { float:left; display:inline; list-style:none; background:url(../images/li-bg.jpg) no-repeat left; padding:20px 0px 5px 5px;} #main-nav ul li a { text-decoration:none; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#333395; padding:15px 13px 10px 15px;} #main-nav ul li.active { float:left; display:inline; list-style:none; background:url(../images/li-bg.jpg) no-repeat left; padding:20px 0px 5px 5px;} #main-nav ul li.active a { text-decoration:none; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#000000; padding:15px 13px 15px 15px; background:url(../images/li-bg1.png) repeat-x;} #main-nav ul li a:hover { text-decoration:none; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif;font-weight:bold; font-size:13px; color:#000000; padding:15px 13px 15px 15px; background:url(../images/li-bg1.png) repeat-x;} #banner { width:1100px; padding:10px 55px; } html>body #banner { float:left; width:990px; padding:10px 55px; } #row-b { width:1100px; padding:0 55px; } html>body #row-b { float:left; width:990px; padding:0 55px;} #row-b a { color:#FFFFFF;} #row-b img { margin:-10px 5px 0 5px; z-index:999; position:absolute;} #row-b-left { float:left; width:658px; padding:0 2px 0 0; } #e-banking { float:left; width:325px; height:64px; background:url(../images/background1.jpg) no-repeat; } #e-banking h1 { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-transform:uppercase; color:#6633CC; padding:20px 0 0 0;} #e-banking p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;} #mob-banking { float:right; width:325px; height:64px; background:url(../images/background1.jpg) no-repeat; margin-right:2px; text-transform:capitalize; } html>body #mob-banking { float:right; width:325px; height:64px; background:url(../images/background1.jpg) no-repeat; margin-right:0px;} #mob-banking h1 { font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#FFFFFF; padding:20px 0 0 0; font-weight:bold; text-transform:uppercase;} #mob-banking p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;} #atm-branch { float:right; width:325px; height:64px; background:url(../images/background1.jpg) no-repeat;} #atm-branch h1 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; padding:20px 0 0 0; font-weight:bold; text-transform:uppercase;} #atm-branch p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;} #container { width:1045px; padding:15px 25px;} html>body #container { float:left; width:990px; padding:15px 55px;} #cont-left { float:left; width:658px; padding-right:2px; background:url(../images/background2.jpg) no-repeat; margin:0px;} #breadcrumb { float:left; width:608px; padding:10px 25px;} #breadcrumb a { text-decoration:none; color:#6633CC; font-size:11px;} #row-c { float:left; width:658px; } #row-c h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2e3092; text-transform:uppercase; padding:10px 0 5px 0;} #row-c ul { float:left; width:240px;padding:-20px 0 0 0; margin:-10px 0 0 0;} #row-c ul li { float:left; width:230px; background:url(../images/bullet.jpg) center left no-repeat; border-bottom:dotted 1px #d5d5d5; padding:7px 0 5px 15px; list-style:none; text-align:left; } #row-c ul li a { color:#000000; text-decoration:none; font-size:12px; text-align:left;} #personal-banking { float:left; width:265px; /*margin:15px 0 0 25px; */padding-left:35px; background:l(../images/background3.jpg) top left no-repeat; height:200px; text-align:left; } #corp-banking { float:right; width:265px;/* margin:15px 0 0 25px;*/ padding-left:35px; height:250px;} #row-d {float:left; width:700px; margin-top:-70px; } *html #row-d {float:left; width:720px; margin-top:-70px; margin-right:-25px;} html* #row-d {float:left; width:720px; margin-top:-70px; margin-left:-35px; } #row-d ul { float:left; width:290px;} #row-d ul li { float:left; width:250px; padding:7px 10px 7px 20px; list-style:none; background:url(../images/bullet1.jpg) center left no-repeat;} #news {float:left; width:290px; height:154px; margin-top:30px; margin-left:8px;} #cards {float:left; width:290px; height:154px; margin-top:30px; margin-left:40px;} html #news {float:left!ie; width:290px!ie; height:154px!ie; margin-top:30px!ie; margin-left:53px!ie; -float:left; -width:290px; -height:154px; -margin-top:30px; -margin-left:23px; } *html #cards {float:left!ie; width:290px!ie; height:154px!ie; margin-top:30px!ie; margin-left:-5px!ie; -float:left; -width:290px; -height:154px; -margin-top:30px; -margin-left:3px; } */ /*//right content ---------------------------------------------------------------*/ html>body #cont-right { float:right; width:325px; padding-left:5px; margin:0px;} html>body #cont-right { float:right; width:325px;} html>body #open-account { float:right; width:325px; height:45px; background:url(../images/background5.jpg) top right no-repeat; padding:0px 10px 10px 10px; } html>body #open-account { float:left; width:321px; height:65px; background:url(../images/background5.jpg) right no-repeat; padding:2px 10px 1px 15px;} html>body #open-account p { margin:-1px 0 0 0;font-family:Arial, Helvetica, sans-serif; color:#fff; -color:#fff; font-size:15px;font-weight:bold; padding:0px 0px 1px 0px;} html>body #open-account a {color:#fff;} html>body #exchange {float:right; width:325px; height:160px; padding:-20px 0px 0px 0px; background:url(../images/background6.jpg) right no-repeat; margin:7px 0; -padding:200px 0px 0px 0px; } html>body #exchange { float:right; width:325px; height:170px;padding:-20px 0px 0px 0px; background:url(../images/background6.jpg) right no-repeat; } /* #exchange marquee { height:100px; width:100%; color:#000000;} html>body #exchange marquee { height:100px; width:100%; color:#000000;}*/ html>body #exchange h1 { font-family:Arial, Helvetica, sans-serif; color:#114688; font-size:16px; padding:1px 5px 10px 20; font-weight:bold; } html>body #exchange h1 { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:16px; padding:10px 5px -10px 10; font-weight:bold; } html>body #exchange p { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; padding-left:5px; padding-top:-3px; } html>body #advert { float:right; width:320px; border:solid 1px #CCCCCC; margin:2px; height:175px; margin:0px; margin-top:20px; -margin-top:200px!ie; _margin-top:250px!ie; } html>body #advert { float:right; width:320px; border:solid 1px #CCCCCC; margin:2px; height:175px; margin:0px; margin-top:10px;} html>body #marqueecontainer{ position: relative; width: 300px; /*marquee width */ height: 110px; /*marquee height */ overflow: hidden; } html>body #vmarquee{ position:absolute; width: 300px; /*height:100px;*/text-align:justify; -margin-top: 300px;_margin-top: 300px;} /*#cont-right { _float:right; _width:325px; _padding-left:5px; _margin:0px;} html>body #cont-right { _float:right; _width:325px;} #open-account { _float:right; _width:325px; _height:45px; _background:url(../images/background5.jpg) top right no-repeat; _padding:0px 10px 10px 10px; } html>body #open-account { float:left; width:298px; height:45px; background:url(../images/background5.jpg) right no-repeat; padding:2px 10px 1px 15px;} #open-account p { _font-family:Arial, Helvetica, sans-serif; _color:#114688; _font-size:15px;_font-weight:bold; _padding:0px 0px 1px 0px;} #open-account a {color:#fff;} #exchange {_float:right; width:325px; height:64px; background:url(../images/background6.jpg) no-repeat; margin-right:0px; } *html #exchange { float:right; width:325px; height:64px; background:url(../images/background6.jpg) no-repeat; } #marqueecontainer{ position:fixed; width: 300px; height:115px; overflow: hidden; margin-left:10px; margin-top:5px; } #vmarquee{ position:absolute; width:300px; text-align:justify; margin-bottom:200px; } #advert { float:right; width:320px;_margin-top:20px!ie; border:dotted #bed0e0; 1px;} #exchange h1 { font-family:Arial, Helvetica, sans-serif; color:#114688; font-size:16px; padding:10px 5px 10px 20; font-weight:bold; } *html #exchange h1 { font-family:Arial, Helvetica, sans-serif; color:#114688; font-size:16px; padding:10px 5px -10px 10; font-weight:bold; } #exchange p { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; padding-left:5px; padding-top:-3px; } *html>body #advert { float:right; width:320px; border:solid 1px #CCCCCC; margin:2px; height:175px; margin:0px; margin-top:20px;}*/*/ /*------------------CONTAINER INSIDE PAGE--------------------------*/ /*//right content ----ie8-----------------------------------------------------------*/ #cont-right { _float:right; _width:325px; _padding-left:5px; _margin:0px;} html>body #cont-right { _float:right; _width:325px;} #open-account { _float:right; _width:325px; _height:45px; _background:url(../images/background5.jpg) top right no-repeat; _padding:0px 10px 0px 10px; } html>body #open-account { float:left; width:298px; height:51px; background:url(../images/background5.jpg) right no-repeat; padding:2px 10px 1px 15px;} #open-account p { _font-family:Arial, Helvetica, sans-serif; _color:#000; _font-size:15px;_font-weight:bold; _padding:0px 0px 1px 0px;} #open-account a {color:#fff;} #exchange {_float:right; _width:325px; _height:64px; background:url(../images/background6.jpg) no-repeat; _margin-right:0px; } *html #exchange { _float:right; _width:325px; _height:64px; _background:url(../images/background6.jpg) no-repeat; } #marqueecontainer{ _position:fixed; _width: 300px; _height:110px; -height:115px; _overflow: hidden; _margin-left:10px; _margin-top:3px; margin-left:10px; margin-top:2px; -position:fixed; -width: 300px; -height:115px; -height:105px; -overflow: hidden; -margin-left:10px; -margin-top:3px; -margin-left:10px; -margin-top:2px; } #vmarquee{ _position:absolute; _width:300px; _text-align:justify; _margin-bottom:200px; -position:absolute; -width:300px; -text-align:justify; -margin-bottom:200px; } #advert { _float:right; _width:320px;_margin-top:10px!ie; _border:dotted #bed0e0 1px;} #exchange h1 { _font-family:Arial, Helvetica, sans-serif; _color:#114688; _font-size:16px; _padding:10px 5px 10px 20; _font-weight:bold; } *html #exchange h1 { _font-family:Arial, Helvetica, sans-serif; _color:#fff; _font-size:16px; _padding:10px 5px -10px 10; _font-weight:bold; } #exchange p { _font-family:Arial, Helvetica, sans-serif; _color:#fff; _font-size:12px; _padding-left:5px; _padding-top:-3px; } *html>body #advert { _float:right; _width:320px; _border:solid 1px #CCCCCC; _margin:2px; _height:175px; _margin:0px; _margin-top:20px;} /*------------------CONTAINER INSIDE PAGE-ie8-------------------------*/ #container-inside {text-decoration:none; width:990px; padding:15px 0px; margin:0 55px; border:solid 1px #CCCCCC;} html* #container-inside {text-decoration:none;width:1000px; padding:-105px 0px; margin:0 -55px; border:solid 1px #CCCCCC;} html>body #container-inside {text-decoration:none; float:left; width:990px; padding:15px 0px; margin:0 55px; border:solid 1px #CCCCCC;} #breadcrumb-inside { width:995px; padding:10px 55px; margin:0 55px; background:url(../images/background8.jpg) no-repeat; } html>body #breadcrumb-inside { float:left; width:955px; padding:10px 25px; margin:0 55px; background:url(../images/background8.jpg) no-repeat;} #breadcrumb-inside a { text-decoration:none; color:#6633CC; font-size:11px;} #container-inside-left { float:left; width:650px;} html>body #container-inside-left { float:left; width:670px;} #submenu { float:left; width:250px;} #marker { float:left; width:215px; background:url(../images/background3.jpg) top left no-repeat; padding:5px 5px 5px 0px; margin-left:20px;} #marker p {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#6600CC; font-weight:normal; text-transform:capitalize; padding:0px 0 0 30px; text-transform:uppercase;} #menu { float:left; width:220px; border-right:dashed 1px #5681af;} #menu ul { float:left; -margin:10px 0 10px 10px; width:200px; margin-top:-10px; _margin-top:-1px;} #menu ul li { float:left; list-style:none; padding:5px 0 5px 20px; background:url(../images/bullet.jpg) top left no-repeat; width:189px; border-right:dotted 1px #e0f2ff; background-position:0px 7px; width:189px;} #menu ul li a { text-decoration:none; color:#000000; text-transform:capitalize;} #menu ul li.active { float:left; list-style:none; padding:5px 0 5px 20px; background:#e0f2ff url(../images/bullet.jpg) top left no-repeat; background-position:0px 7px; width:158px; -width:189px; _width:189px;} #menu ul li:hover { float:left; list-style:none; padding:5px 0 5px 20px; background:#e0f2ff url(../images/bullet.jpg) top left no-repeat; width:189px; background-position:0px 7px; width:160px; -width:189px; _width:189px;} #menu ul.vert-two { margin-left:-50px; -margin-left:0px; _margin-left:0px;} #menu ul.vert-two li { text-decoration:none;float:left; list-style:none; padding:15px 0 5px 20px; background:url(../images/bullet.jpg) top left no-repeat; width:158px; border-right:dotted 1px #e0f2ff; background-position:0px 7px; width:158px;} #menu ul.vert-two li a { text-decoration:none; color:#000000; text-transform:capitalize;} #menu ul.vert-two li.active { float:left; list-style:none; padding:15px 0 5px 20px; background:#e0f2ff url(../images/bullet.jpg) top left no-repeat; background-position:0px 7px; width:148px;} #menu ul.vert-two li:hover { float:left; list-style:none; padding:15px 0 5px 20px; background:#e0f2ff url(../images/bullet.jpg) top left no-repeat; width:148px; background-position:0px 7px;} /* #submenu { float:left; width:250px;} #marker { float:left; width:215px; background:url(../images/background3.jpg) top left no-repeat; padding:5px 5px 5px 0px; margin-left:20px;} #marker p {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#6633cc; font-weight:normal; text-transform:capitalize; padding:0px 0 0 30px; text-transform:uppercase;} #menu { float:left; width:230px; border-right:dashed 1px #5681af;} #menu ul { float:left; margin:10px 0 10px 20px; width:200px;} #menu ul li { float:left; list-style:none; padding:5px 0 5px 20px; background:url(../images/bullet.jpg) top left no-repeat; width:189px; border-right:dotted 1px #e0f2ff; background-position:0px 7px; width:189px;} #menu ul li a { text-decoration:none; color:#000000; text-transform:capitalize;} #menu ul li.active { float:left; list-style:none; padding:5px 0 5px 20px; background:#e0f2ff url(../images/bullet.jpg) top left no-repeat; background-position:0px 7px; width:189px;} #menu ul li:hover { float:left; list-style:none; padding:5px 0 5px 20px; background:#e0f2ff url(../images/bullet.jpg) top left no-repeat; width:189px; background-position:0px 7px; width:189px;} #menu ul.vert-two { margin-left:0px;} #menu ul.vert-two li { text-decoration:none;float:left; list-style:none; padding:5px 0 5px 20px; background:url(../images/bullet.jpg) top left no-repeat; width:169px; border-right:dotted 1px #e0f2ff; background-position:0px 7px; width:189px;} #menu ul.vert-two li a { text-decoration:none; color:#000000; text-transform:capitalize;} #menu ul.vert-two li.active { float:left; list-style:none; padding:5px 0 5px 20px; background:#e0f2ff url(../images/bullet.jpg) top left no-repeat; background-position:0px 7px; width:169px;} #menu ul.vert-two li:hover { float:left; list-style:none; padding:5px 0 5px 20px; background:#e0f2ff url(../images/bullet.jpg) top left no-repeat; width:169px; background-position:0px 7px;}*/ #main-cont { float:right; width:420px; _width:400px; -width:390px; } /* #main-cont2 { list-style:none;text-decoration:none; float:right; width:730px; padding:0px; font-size:12px; padding-right:0px;} *html #main-cont2 {text-decoration:none; float:right; width:720px; padding:-50px; font-size:12px;padding-right:80px; } html* #main-cont2 {text-decoration:none; float:right; width:720px; padding:-10px; font-size:12px;padding-right:0px;} #main-cont2 ul {text-decoration:none; width:660px;} *html #main-cont2 ul { text-decoration:none;float:left; width:640px;} #main-cont2 ul li { list-style-type: circle;text-decoration:none; padding:2px 0; width:635px;} #main-cont2 ul li a { list-style-type: circle;text-decoration:none; color:#323994;} #main-cont2 ul li a:visited { text-decoration:none; color:#205c9a;} #main-cont2 ul li a:hover { text-decoration:none; color:#000000;} #main-cont2 h2 { list-style:none; padding:0 0 0 0px; margin:0 0 0 0px} #main-cont2 p{ list-style:none;text-decoration:none; margin-right:30px; font-size:12px;}*/ #main-cont2 { list-style:none;text-decoration:none; float:right; width:730px; padding:0px; font-size:12px; padding-right:0px;} *html #main-cont2 {text-decoration:none; float:right; width:720px; padding:-50px; font-size:12px;padding-right:80px; } html* #main-cont2 {text-decoration:none; float:right; width:720px; padding:-10px; font-size:12px;padding-right:0px;} #main-cont2 ul {text-decoration:none; width:660px; -width:628; _width:623;} *html #main-cont2 ul { text-decoration:none; /* width:640px;*/width:660px; -width:623; _width:623;} #main-cont2 ul li { list-style-type: circle;text-decoration:none; padding:2px 0; width:660px; -width:628; _width:623;} #main-cont2 ul li a { list-style-type: circle;text-decoration:none; color:#323994;} #main-cont2 ul li a:visited { text-decoration:none; color:#205c9a;} #main-cont2 ul li a:hover { text-decoration:none; color:#000000;} #main-cont2 h2 {width:660px; -width:628; _width:628; list-style:none; padding:0 0 0 0px; margin:0 0 0 0px} #main-cont2 p{ list-style:none;text-decoration:none; margin-right:30px; font-size:12px;}*/ /*#footer { width:990px; padding:10px 55px; background:url(../images/background7.png) no-repeat bottom;} html>body #footer { float:left; width:990px; padding:10px 55px; background:url(../images/background7.png) no-repeat bottom;}*/ #footer { margin:-25px 5px;margin:auto; width:990px; background:url(../images/background7.png) no-repeat bottom;} /*html* #footer { padding:205px 55px;margin:auto; width:990px;background:url(../images/background7.png) no-repeat bottom;}*/ #footer-nav { float:left; width:650px;} #footer-nav ul { float:left; display:block; margin-left:5px; _margin-left:110px; -margin-left:55px;} #footer-nav ul li { float:left; display:block; list-style:none; padding:15px 0;} #footer-nav ul li a { text-decoration:none; font-size:12px; color:#000000; border-right:solid 1px #999999; padding:0px 15px;} #bookmarks { float:right; width:320px; margin-top:20px; _margin-top:20px; -margin-top:20px;} html* #bookmarks { height:20px;float:right; width:320px; margin-top:-30px; _ margin-top:10px; - margin-top:20px;} #footer-text { width:990px; padding:10px 5px; } html>body #footer-text { float:left; width:990px; padding:10px 55px; } #copyright { float:left; width:650px; text-align:right;} #credits { float:right; width:320px;} /*-----------------FEEDBACKM FORM--------------------*/ .csc-mailform {border:none; width:430px;} .csc-mailform label{ float:left; width:130px; font-size:12px; color:#146eb0;} .csc-mailform-field{ color:#146eb0; width:430px; margin:10px 0 0 10px; padding:0px; } .csc-mailform-submit{ margin:0 0 5px 130px; border:solid 1px #0b72b5; width:80px; padding:2px 5px; background:#146eb0; color:#fff; font-weight:bold; font-size:14px; } #mailformFirst_Name, #mailformLast_Name, #mailformTelephone_Number, #mailformEmail_address, #mailformQuery__Comment { width: 270px; border:solid 1px #0b72b5; font-size:12px; padding:3px 5px;} iframe{ border:1px solid #CCCCCC; height:700px;}