@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0;}
a {text-decoration: none;}
a img {border:0}
ul {list-style: none;}
body {color: #2d2d2d; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%;}
.clear{clear: both;}
/*global start here*/
#global {margin: 0 auto; width: 98%;}
/*header start here*/
.header {background: url(../resources/images/header_bg.gif) repeat-x 0 0; /*float: left;*/ display:inline-block; width: 100%;}
.header a img {float: left; padding: 8px 0 7px 10px;}
/*header end here */
/*linkSection start here*/
.linkSection {background: url(../resources/images/login_bg.gif) repeat-x 0 0; float: left; width: 100%;}
.linkSection img {float: right; margin: 3px 8px 4px 0;}
.linkSection img.back {float: left; margin: 3px 0 0 10px;}
/*linkSection end here*/
/*banner start here*/
.banner {float: left; margin: 2px 0 3px 0; width: 100%;}
#hm_banner{background: url(../resources/images/hm_banner_bg.gif) repeat-x 0 0;}
#mobile_banner{background: url(../resources/images/mobile_banner_bg.gif) repeat-x 0 0;}
#product_banner{background: url(../resources/images/hm_banner_bg.gif) repeat-x 0 0;}
#personal_banner{background: url(../resources/images/personal_banner_bg.gif) repeat-x 0 0;}
#nri_banner{background: url(../resources/images/nri_banner_bg.gif) repeat-x 0 0;}
#nri_banneraccount{background: url(../resources/images/bgnriaccount.gif) repeat-x 0 0;}
#account_banner{background: url(../resources/images/account_banner_bg.gif) repeat-x 0 0;}
#account_banner1{background: url(../resources/images/account_banner_bg1.gif) repeat-x 0 0;}
#loans_banner{background: url(../resources/images/loans_banner_bg.gif) repeat-x 0 0;}
#credit_banner{background: url(../resources/images/credit_banner_bg.gif) repeat-x 0 0;}
#platinum_banner{background: url(../resources/images/platinum_banner_bg.gif) repeat-x 0 0;}
#premier_banner{background: url(../resources/images/premier_banner_bg.gif) repeat-x 0 0;}
#credit_bannernew{background: url(../resources/images/credit_bg.gif) repeat-x 0 0;}
#premium_banner{background: url(../resources/images/premium_travel_bg.gif) repeat-x 0 0;}
/*banner end here*/
/*container start here*/
.container {float: left; /* clear: both;*/width: 100%;}
.container a.webLink{background: url(../resources/images/red_bullet.gif) no-repeat 2px 8px; color: #FF0000; font-size: 1.1em; padding: 5px 0 0 13px; text-decoration: underline;}
.container a.webLink:hover{ text-decoration: none;}
.heading{float: left; width: 100%}
.heading li {background: url(../resources/images/link_bg.gif) repeat-x 0 0; display: inline-block; /*float: left;*/ margin: 0 0 5px 0; width:100%}
.heading li a {background: url(../resources/images/red_arrow.gif) no-repeat right 3px; color: #014f8f; font-family: Arial, Helvetica, sans-serif!important; /*float: left;*/ font-size: 1.2em; font-weight: bold; padding: 5px 0 5px 10px; text-decoration: none; display:block;}
.heading li a.redArrow {/*float: right;*/ padding: 3px 8px 0 0;}
.heading li span {color: #014f8f; display: block; font-family: Arial, Helvetica, sans-serif!important; font-size: 1.2em; font-weight: bold; padding: 5px 0 0 13px; text-decoration: none;}
.heading li span.span{padding: 5px 0 3px 13px;}
/*details start here*/
.details {float: left;}
p.msg {color:#FF0000; float: left; font-size: 1.1em; /*padding: 5px 0 0 10px;*/ padding: 5px 0 0 4px;}
p.todayRate{float: left; padding: 5px 0 5px 13px; font-size: 1.2em;}
.details_2 {float: left; width: 100%;}
.information {border-bottom: 1px solid #717171; float: left; width: 100%; padding: 0 0 8px 0;}
p a{text-decoration:underline; color:#0000ee;}/*added by Jigna*/
.linkcolor{color:#014F8F; font-weight:bold; text-decoration:underline;}
.note{padding: 5px 3px 5px 1px;}
.underline{text-decoration:underline;color:#0000ee!important;}/*added by Jigna*/
.information li a{color:#2D2D2D}/*added by Jigna*/
.margin{margin-left:13px;} /*added by Jigna*/
.infoLhs {float: left; padding: 11px 8px 0 5px;}
.infoRhs {float: left; width: 70%;}
.information h2 {font-size: 1.2em; font-weight: bold; padding: 12px 0 0 13px;}
.infoRhs h2 {/*font-size: 1.2em;*/ font-weight: bold; padding: 12px 0 0 0;}
.information .infoRhs p {/*font-size: 1.2em;*/ padding: 3px 0 0 0; float:none;}
.information1 .infoRhs p {/*font-size: 1.2em;*/ padding: 3px 0 0 0; float:none;}/*prasad*/
.botLink {float:left; padding: 0 0 8px 0; margin: 0 0 0 13px; _margin: 0 0 0 7px; width: 90%}
#botLink{margin: 0;}
.botLink a {background: url(../resources/images/red_bullet.gif) no-repeat 3px 7px; color: #ff0000; float: left; font-size: 1.1em; font-weight: bold; padding: 3px 10px 0 10px; text-decoration: underline;}
.botLink a:hover{text-decoration: none;}
.botLink a.topPadding{background: url(../resources/images/red_bullet.gif) no-repeat 3px 34px; padding: 30px 0 5px 10px;}

/*------ Prasad Start----*/
.botLink1 {float:left; padding: 0 0 8px 0; margin: 0 0 0 13px; _margin: 0 0 0 7px; width: 90%}
#botLink1{margin: 0;}
.botLink1 a {background: url(../resources/images/blue_bullet.gif) no-repeat 3px 7px; color:#014F8F; float: left; font-size: 1.1em; font-weight: bold; padding: 3px 10px 0 10px; text-decoration: underline;}
.botLink1 a:hover{text-decoration: none;}
.botLink1 a.topPadding{background: url(../resources/images/blue_bullet.gif) no-repeat 3px 34px; padding: 30px 0 5px 10px;}
/*------ Prasad End----*/

.details ul {padding: 18px 0 0 0;/* float: left;*/}
.details li {background: url(../resources/images/black_bullet.gif) no-repeat 0 10px; color: #2D2D2D;  font-size: 1.2em; padding: 5px 0 0 0; }
.information p {/*float: left;*/ display: block; font-size: 1.2em; padding: 8px 0 0 13px;}
.information p.click{width: 80%}
.information a.clcikHere {color:#FF0000; padding: 0 2px 0 0; font-weight: bold; text-decoration: underline;}
.information a.clcikHere:hover{text-decoration: none;}
.information a.clcikHere_2 {color:#2D2D2D; padding: 0 2px 0 0; text-decoration: underline;}
.information a.clcikHere_2:hover{text-decoration: none;}
.container .details li.last {padding: 5px 0 8px 0;}
.details li a {background: none;  color: #2d2d2d; font-weight: normal; padding: 0 0 0 10px;}
ul.bullet {padding: 0; float: none;/* width: 261px*/}
ul.bullet li {background: url(../resources/images/black_bullet.gif) no-repeat 15px 10px; font-size: 1.2em; padding: 5px 0 0 27px; }
.container .details ul.bullet li.last {padding: 5px 0 5px 27px;}
ul.bullet ul{padding:0;}
 ul.bullet ul li{font-size: 1em;}
#info {margin: 0 0 8px 0;}
.bankingDetails {float: left; padding: 9px 0 9px 13px; width: 269px;}
.bankingTop {float: left; width: 269px;}
.bankingMid {background: url(../resources/images/mid_bg.gif) #e3e3e3 repeat-x 0 0; border-left: 1px solid #989898; border-right: 1px solid #989898; float: left; width: 267px}
.bankingMid table {color: #242424; float: left; width: 267px;}
.bankingMid table tr th {border-bottom: 1px solid #989898; font-size: 1.2em; font-weight: bold; padding: 0 0 5px 5px;}
.bankingMid table tr th.thRhs{padding: 0 0 5px 0;}
.bankingMid table tr td {border-bottom: 1px solid #989898;  font-size: 1.2em; padding: 5px 3px 5px 5px;}
.bankingMid table tr td  table tr td{font-size:1em; border:none;}
.bankingMid table tr td p{ width:260px;}
.bankingMid table tr td select.loan{ width:249px; font-size:1.0em}
.bankingMid table tr td input.calc{ width:110px; /*Margin: 0 5px 0 0*/}
.condition{color:#FF0000;}
.bankingMid table tr td.noborder{border:none; }
.bgimg{background:url(../resources/images/bg_submit.gif) no-repeat 0 0; height:22px; width:58px; color:#FFFFFF; font-weight:bold; font-size:0.9em; border:none; margin-right:15px; }
.bankingMid table tr td.last{border-bottom: none;}
.bankingBottom {float: left; width: 269px;}
/*form start here*/
.form {float: left; /*clear: both;*/ padding: 8px 0 0 0;/* width: 269px;*/ width: 100%;}
#form {padding:10px 0 0 0; _padding:5px 0 0 0; *padding:5px 0 0 0;}
.form label {float: left; font-size: 1.2em; padding: 3px 5px 0 13px; text-align: left; width: 160px;}
.form label.label{float: left; padding: 3px 5px 8px 8px; width: 30px;}
.form input{/*float: left;*/ width: 142px;}
.form input.input{margin: 0 0 8px 13px; float: none; display: block; width: 216px;}
.form input.input1{margin: 0 5px 0 0; width: 30px;}
.form input.input2{margin:0 5px 0 0; width: 65px;}
.form input.input3{margin:0 0 0 0; width: 30px;}
.form select{float: left; width: 146px;}
.form select.select{margin: 0 0 8px 13px; display: block; float: none; width: 220px;}
.form select.select2{margin: 0 0 8px 13px; width: 220px;}
.form input.checkbox{width: 15px; vertical-align: top; margin: 2px 10px 25px 13px; *margin: -1px 10px 25px 13px;}
.form input.checkbox2{float: left; margin: 4px 0 0 13px; width: 15px;}
.information .form p {float: left; font-size: 1.2em; /*width: 240px;*/}
.information .form p.atm {float: none; padding: 0 0 8px 13px;}
.information .form p.checkText{float: none; padding: 0}
.form input.submit{float: left; margin: 8px 0 0 0; width: 58px;}
.form input.go{clear:both; float: left; margin: 2px 0 0 13px; width: 33px;}
.form input.find{clear:both; float: left; margin: 2px 0 0 13px; width: 43px;}
.form textarea {float: left; height: 50px; width: 142px;}
.form ul.separator {padding:0; /*width: 261px;*/}
.form ul.separator li{background: url(../resources/images/separator.gif) no-repeat 0 3px; padding: 0 2px 5px 5px; float: left; font-size: 1.1em;}
.form ul.separator li.first {background:none; padding: 0 2px 0 13px;}
.form ul.separator li a {color: #242424; font-size: 1.1em; padding: 0;}
.form ul.separator li span {font-weight: bold;}
/*form end here*/
/*branchDetails start here*/
.branchDetails {float:left; padding: 5px 0 8px 0; width: 100%; /*width: 269px;*/}
.branchDetails ul {padding:0; float: none}
.branchDetails ul li {background: url(../resources/images/link_bg.gif) repeat-x 0 0; float: left; padding: 0 0 7px 0; width: 100% /*width: 264px;*/}
.branchDetails ul li a {color: #2D2D2D; float: left; font-size: 1.2em; font-weight: normal; padding: 5px 0 0 13px;}
.branchDetails ul li span {float: left; font-size: 1.2em; padding: 6px 0 8px 13px;}
.branchDetails ul li a.arrow {float: right; padding: 3px 8px 0 0;}
/*branchDetails end here*/
.prev-next {float: left; font-size: 1.2em; font-weight: bold; padding: 0 8px 5px 0; width: 100%;}
.prev-next a {color: #FF0000; text-decoration: underline;}
#prev {background: url(../resources/images/arrow_back.gif) no-repeat 0 2px; float: left; padding: 0 0 2px 15px;}
#next {background: url(../resources/images/redarrow.png) no-repeat right 2px; float: right; padding: 0 15px 2px 0;}
.branchInfo {float: left;/* width: 269px;*/}
.branchInfo h3{ /*float: left;*/ padding: 0 0 3px 13px;}
.information .form .branchInfo p {float: none; font-size: 1.1em; padding: 0 0 0 13px;}
.information .form .branchInfo .topspace{ /*float: left;*/ padding: 8px 0 0 13px;}
/*details end here*/
/*container end here*/
/*global end here*/