/*---------------------------
STANDARD HTML TAG DEFINITION
---------------------------*/
#wrapper { width:960px; margin:0 auto; padding:0; }
.clear { clear:both;}
.left { float:left;}
.right { float:right;}
.line { border-bottom:1px solid #ccc; }
.line1 { border-bottom:1px solid #ccc; padding:15px 0 0 0; }
/*-------------------------
HEADER HTNL TAG DEFINITION
-------------------------*/
#header { margin:0; padding:3px 0 0 0;}
.logo { width:960px; margin:0 0 3px 0; padding:0 0 0 0; height:96px;}
.logo img { float:left; margin:0; padding:0;}
.text { width:869px; float:left; margin:0; padding:0; background:url('../image/logobg.gif') no-repeat left top; height:96px}
.text h2 { color:#fff; margin:0; padding:21px 0 0 35px;}
.text h5 { color:#80b9df; margin:0; padding:3px 0 0 35px; font-weight:normal;}
/*------------------------
PROMO HTNL TAG DEFINITION
------------------------*/
.promo { margin:0; float:left; background:url('../image/homepromo.gif') no-repeat left top; width:662px; padding-left:0; padding-right:0; padding-top:0; padding-bottom:23px}
.promo img { margin:0; padding:26px 42px 0 36px; float:left;}
.promo img.image { float:right; margin:-130px 18px 0 0; padding:0; }
.promo h1 { color:#007dc6; margin:0; padding:43px 0 0 0;}
.promo h2 { color:#007dc6; margin:-5px 0 0 0; padding:0 0 0 0; font-weight:normal;}
.promo h5 { color:#007dc6; margin:0; padding:26px 0 0 0; font-size:14px; font-weight:normal;}
.link { width:282px; height:197px; background:url('../image/linkbg.gif') no-repeat left top; float:left; margin:0;
overflow:hidden; padding-left:16px; padding-right:0; padding-top:13px; padding-bottom:0}
.link img { float:left; margin:0; padding:0 23px 30px 0;}
.link h4 { padding:29px 0 0 0; margin:0;}
.link h4 a { color:#007dc6;}
.link h4 a:hover { color:#000;}
/*-----------------------------
INNER PROMO HTNL TAG DEFINITION
------------------------------*/
.promo1 { width:960px; height:110px; background:url('../image/innerpromo.gif') no-repeat left top; margin:0; padding:0}
.promo1 img { margin:0; padding:5px 0 0 16px; float:left;}
.promo1 img.image1 { margin:0; padding:30px 15px 0 0; float:left;}
.promo1 h2 { float:left; margin:0; padding:45px 0 0 15px; color:#007dc6;}
.promo1 h2.login1 { margin:0; padding:25px 0 0 15px;}
.promo1 h2.login2 { margin:0; padding:35px 0 0 15px;}
.promo1 h5 { margin:0; padding:0px 0 0 15px; color:#000;}
.promo1 h3.login1 { float:left; margin:0; padding:45px 20px 0 0; font-size:18px; }
.promo1 h3 { float:left; margin:0; padding:45px 20px 0 0; font-size:18px; }
.promo2 { width:960px; height:95px; background:url('../image/innerpromo1.gif') no-repeat left top; margin:0; padding:0}
.promo2 img { margin:0; padding:5px 0 0 16px; float:left;}
.promo2 img.image1 { margin:0; padding:25px 15px 0 0; float:left;}
.promo2 h2 { float:left; margin:0; padding:25px 0 0 15px; color:#007dc6;}
.promo2 h5 { margin:0; padding:0px 0 0 15px; color:#000;}
.promo2 h3 { float:left; margin:0; padding:40px 20px 0 0; font-size:18px; }
/*--------------------------
CONTENT HTNL TAG DEFINITION
---------------------------*/
#content { margin:0; padding:0;}
/* index.html css defintion begins
*/
.maincontent { margin:0; padding:0;}
/*----------------------------
NEWSTICKER HTNL TAG DEFINITION
-----------------------------*/
.newsticker { width:960px;height:40px; background:url('../image/newsticker.gif') no-repeat left top; padding:0; margin-left:0; margin-right:0; margin-top:3px; margin-bottom:0 }
marquee { padding:5px 0;}
.sagscroller { width: 120px; overflow:hidden; border-bottom:none; position:relative;}
.sagscroller a { font-weight:bold; border-bottom:none;}
.newsticker ul { margin:0; padding:10px 0 0 0; list-style:none;border-bottom:none;}
#content .newsticker ul li { display:block;padding:0 0 12px 15px; border-top:none; background:none;}
#mysagscroller { width: 960px; height:35px; overflow:hidden; border-bottom:none;}
#mysagscroller ul li { color:#000; font-weight:bold; padding:18px 0 0 45px; margin-bottom:3px;}
/*----------------------------------------------
HOME SECURITY TIPS SCROLLING HTNL TAG DEFINITION
-----------------------------------------------*/
#content .con1 marquee { padding:15px 0 0 0;}
#content .con1 ul { margin:0; padding:15px 0 0 0;}
#content .con1 ul li {line-height:16px; padding:8px 0 10px 20px; border-top:none; background:none;}
/*----------------------------
HOME 2 COLS HTNL TAG DEFINITION
-----------------------------*/
.conwrap { margin:0; padding:3px 0 0 0;}
.conwrap h4 { color:#fff; font-weight:bold; margin:0; padding:10px 0 0 45px;}
.conwrap p { padding:18px 0 0 45px; line-height:18px;}
.conwrap p a { color:#0066cc;}
.conwrap p a:hover { text-decoration:underline;}
.con1 { width:381px; height:191px; background:url('../image/securitytips.gif') no-repeat left top; margin:0; padding:0;
float:left}
.con2 { float:right; margin:0 0 0 5px; padding:0;}
/*--------------------------------------
INDEX.HTML BANK LINK HTNL TAG DEFINITION
--------------------------------------*/
.products { width:284px; height:94px; background:url('../image/bg1.gif') no-repeat left top; margin:0; padding:0; float:left}
/*-------------------------------------------
INDEX.HTML SECURITY TIPS HTNL TAG DEFINITION
-------------------------------------------*/
.security { width:284px; height:94px; background:url('../image/security.gif') no-repeat left top; margin:0; padding:0; float:right}
.security h4 { font-weight:bold; padding:0; margin:40px 0 0 107px;}
.security h4 a { color:#000; }
.security h4 a:hover { color:#007dc6;}
/*-------------------------------------------
INDEX.HTML VERISIGN TIPS HTNL TAG DEFINITION
-------------------------------------------*/
.verisign { width:573px; height:94px; background:url(../image/verisign.gif) no-repeat left top; margin:3px 0 0 0; padding:0;}
#content .verisign h5 { color: #666; margin:0; padding:19px 0 0 207px; font-weight:bold;}
.verisign p { margin:0; padding:33px 0 0 207px;}
/* index.html css defintion ends
*/
/*----------------------------
INNRCONTENT HTNL TAG DEFINITION
-----------------------------*/
.innercontent { margin:0; padding:0;}
.indexlogin { background:url('../image/indexlogin.gif') no-repeat left top; margin:0; width:678px; height:196px; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:1px
}
.indexlogin3 { background:url('../image/indexloginbg.gif') no-repeat left top; width:678px;
height:178px; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:1px}
#content h5 { margin:0; padding:12px 0 0 31px; line-height:20px; color:#333;}
#content h6 { font-size:13px; color:#0066cc; margin:0; padding:0 0 10px 30px;}
#content ul { list-style:none; margin:0; padding: 1px 0 15px 32px;}
#content ul li { background:url('../image/list.gif') no-repeat left 10px; line-height:18px; padding-left:10px; padding-right:15px; padding-top:7px; padding-bottom:0}
#content ul li a { color:#007dc6;}
#content ul li a:hover { text-decoration:underline;}
.form { margin:0; padding:0;}
.form1 { margin:0; padding:0;}
/*----------------------------
SECURITY HTNL TAG DEFINITION
-----------------------------*/
.security1 { padding:0; float:left; width:275px; height:184px;
background:url('../image/securitybg.gif') no-repeat left top;; margin-left:7px; margin-right:0; margin-top:5px; margin-bottom:0}
#content .security1 h5 { color:#0066cc; margin:0; padding:20px 0 0 32px;}
.security1 p { padding:0 32px 0 32px; line-height:18px; text-align:justify;}
/*-------------------------------
SECURITYNOTE HTNL TAG DEFINITION
--------------------------------*/
.securitynote { width:256px;height:196px; background:url('../image/securitynote.gif') no-repeat left top; float:right; overflow:hidden; display:block; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0; padding-left:19px; padding-right:0; padding-top:0; padding-bottom:0}
.securitynote p { margin:0; padding:120px 20px 0 0 ; line-height:18px;}
/*----------------------------
LOGIN FORM HTNL TAG DEFINITION
-----------------------------*/
form { margin:0; padding:0;}
label { width:111px; float:left; background:url('../image/label.gif') no-repeat left top; font-weight:bold; margin-left:0; margin-right:0; margin-top:7px; margin-bottom:0; padding-left:16px; padding-right:0; padding-top:0; padding-bottom:0}
.text1 { background:url('../image/text.gif') no-repeat left top; width:209px; height:18px; border:medium none; padding: 5px; color:#666;
margin-left:0; margin-right:0; margin-top:0; margin-bottom:8px}
.button { color:#fff; font-weight:bold; width:79px; height:28px; background:url('../image/login.gif') no-repeat left top;
border:medium none; padding:0; margin-left:127px; margin-right:0; margin-top:0; margin-bottom:0}
.button2 { color:#fff; font-weight:bold; width:79px; height:28px; background:url('../image/login.gif') no-repeat left top;
border:medium none; padding:0; margin-left:127px; margin-right:0; margin-top:0; margin-bottom:0}
.button3 { color:#fff; font-weight:bold; width:79px; height:28px; background:url('../image/login.gif') no-repeat left top;
border:medium none; padding:0; margin-left:127px; margin-right:0; margin-top:0; margin-bottom:0}
.button1 { color:#fff; font-weight:bold; width:79px; height:28px; background:url('../image/login.gif') no-repeat left top;
border:medium none; padding:0; margin-left:126px; margin-right:0; margin-top:0; margin-bottom:0}
form p { color:#0066cc; margin:25px 0 0 127px;}
.checkbox { padding:0; margin:10px 5px 0 127px;}
.text2 { background:url('../image/button.gif') no-repeat left top; border:medium none; padding:0; width:28px;
height:28px; text-align:center; margin-left:0; margin-right:0; margin-top:3px; margin-bottom:0}
.delete { background:url('../image/delete.gif') no-repeat left top; border:medium none; margin:0; padding:0; width:44px; height:30px;
text-align:center}
.shift { background:url('../image/shift.gif') no-repeat left top; border:medium none; margin:0;padding:0; width:52px; height:30px;
text-align:center}
/*---------------------------------------
INDEXLOGIN.HTML FORM HTNL TAG DEFINITION
---------------------------------------*/
.indexlogin3 form { margin:30px 30px 0 30px;padding:0 0 19px 102px;}
.indexlogin3 form p { color:#000; margin:14px 0 0 126px;}
/*----------------------------------
LOGIN.HTML FORM HTNL TAG DEFINITION
----------------------------------*/
.login { height:194px; background:url('../image/loginbg.gif') no-repeat left top; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0; padding-left:307px; padding-right:0; padding-top:70px; padding-bottom:0}
/*------------------------------------------
CORPORATELOGIN.HTML FORM HTNL TAG DEFINITION
------------------------------------------*/
.indexlogin1 { background:url('../image/indexlogin2.gif') no-repeat left top; width:678px;
float:left; height:386px; overflow:hidden; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:0}
#content .indexlogin1 h6 { margin:0; padding: 0 0 5px 30px; float:left;}
#content .indexlogin1 p { margin:0; padding: 0 0 5px 30px; float:left; color:#666; font-weight:bold;}
.indexlogin1 .form1 form { border-bottom:none; padding:0 0 0 93px; margin:15px 30px 0 30px;}
.indexlogin1 form { margin:20px 0 0 30px; border-bottom:1px dotted #999; width:550px; padding:0 0 0 0;}
/*------------------------------------------
INDEXBOTTOM.HTML FORM HTNL TAG DEFINITION
------------------------------------------*/
.indexlogin2 { background:url('../image/indexbottombg.gif') no-repeat left top; width:678px;
float:left; height:414px; overflow:hidden; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:0}
#content .indexlogin2 h6 { padding:0 0 5px 124px;}
.indexlogin2 form { margin:15px 30px 0 30px; border-bottom:1px dotted #999; width:490px; padding:0 0 10px 103px}
.indexlogin2 form .checkbox { margin:10px 5px 0 130px;}
#content ul.important { list-style:none; margin:0; padding: 0 0 50px 30px; width:600px;}
#content ul.important li { background:url('../image/list.gif') no-repeat left 8px; line-height:16px; padding-left:20px; padding-right:0; padding-top:5px; padding-bottom:0}
/*------------------------
FOOTER HTNL TAG DEFINITION
-------------------------*/
#footer { margin:4px 0 0 0; padding:0; border-top:1px dotted #999;}
#footer ul { list-style:none; margin:8px 0 0 -13px; padding:0; float:left;}
#footer ul li { float:left; margin:0; padding:0 14px; border-right:1px solid #999; height:15px;}
#footer ul li.last { border-right:none;}
#footer ul li a { color:#007dc6;}
#footer ul li a:hover { color:#000;}
#footer p { float:right; color:#999; margin:0; padding:8px 2px 0 0; line-height:16px;}
/*-------------------------------------------------
CUSTOM MODAL FOR ATM IMAGE ALERT BOX TAG DEFINITION
---------------------------------------------------*/
#myModal { position:absolute; top:30px; transition:all 1s ease; width:400px; background-color:#fff; border:1px solid black; padding:10px; display:none; left:50%; transform:translateX(-50%); z-index:1;}
#bodycolor { position:absolute; height:100%; width:100%; background:rgba(0,0,0,.3); z-index:0; display:none;}