body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, img, strong, span, input, select, textarea, table, td, tr, th { border:none; outline:0; margin:0; padding:0; font-weight:normal; text-decoration:none; list-style:none; }

body { font-size:12px; font-family:Arial; background:#1c4154; }
html { overflow-y:scroll; }
:focus { outline:none; }
.clear { clear:both; }
.spacer20 { clear:both; height:20px; }
h1 { font-size:28px; color:#664932; background:url(../Images/img_heading.html) no-repeat center top; padding:40px 0 0 0; }
p { padding:6px 0; }



.wrapper {background:#28557c url(../Images/bg.jpg) no-repeat center top;}
.wrapper .header { padding:5px 0; background:#FFF; position:fixed; width:100%; top:0; left:0; z-index:3000; height:80px; border-bottom:#ffd000 solid 4px; }
.wrapper .header .logo { float:left; }
.wrapper .header .welcome { padding:24px 0 0 0; text-align:right; }
.wrapper .header .topNav { float:right; padding-top:30px; height:10px; }
.wrapper .header .topNav a { color:#333; }

.wrapper .header .topNav a.aboutus, .wrapper .header .topNav a.contactus,
.wrapper .header .topNav a.login, .wrapper .header .topNav a.home,
.wrapper .header .topNav a.profile, .wrapper .header .topNav a.setting,
.wrapper .header .topNav a.logout, .wrapper .header .topNav a.help,
.wrapper .header .topNav a.call, .wrapper .header .topNav a.faqs,
.wrapper .header .topNav a.locator { padding:4px 0 3px 26px; margin-top:1px; float:left; margin-left:20px; }

.wrapper .header .topNav a.aboutus { background: url(../Images/ico_user.png) no-repeat left; }
.wrapper .header .topNav a.contactus { background: url(../Images/ico_email.png) no-repeat left; }
.wrapper .header .topNav a.login { background: url(../Images/ico_login.png) no-repeat left; }
.wrapper .header .topNav a.home { background: url(../Images/ico_home.png) no-repeat left; }
.wrapper .header .topNav a.profile { background: url(../Images/ico_user.png) no-repeat left; }
.wrapper .header .topNav a.setting { background: url(../Images/ico_setting.png) no-repeat left; }
.wrapper .header .topNav a.logout { background: url(../Images/ico_logout.png) no-repeat left; }
.wrapper .header .topNav a.help { background: url(../Images/ico_help.png) no-repeat left; }
.wrapper .header .topNav a.call { background: url(../Images/ico_call.png) no-repeat left; font-size:16px; font-weight:bold; }

.wrapper .header .topNav .language { float:right; border:none; width:110px; padding:2px 0 2px 24px; background: url(../Images/ico_language.png) no-repeat left; margin-left:20px; }
.wrapper .navInner { }.wrapper .header .topNav a.faqs { background: url(../Images/ico_faqs.png) no-repeat left; }
.wrapper .header .topNav a.locator { background: url(../Images/ico_locator.png) no-repeat left; }

.wrapper .navInner ul { text-align:center; }
.wrapper .navInner ul li { list-style:none; display:inline-block; margin:0 -1px; }
.wrapper .navInner ul li a { display:block; padding:10px 20px 0 20px; height:25px; color:#FFF; background:#3145FE; }
.wrapper .navInner ul a.active { background:#FFF; color:#002e6e; }

.wrapper .tableBdr2 { border-top:#3145FE solid 1px; border-collapse:collapse; }
.wrapper .tableBdr2 tr td, .wrapper .tableBdr2 tr th { padding:6px; }
.wrapper .tableBdr2 tr:first-child { color:#3145FE; }
.wrapper .tableBdr2 tr td { border-bottom:#e5e5e5 solid 1px; }
.wrapper .tableBdr2 tr th { text-align:left; font-weight:bold; background:#efefef; border-bottom:#fff solid 1px; }
.wrapper .tableBdr2 tr:last-child th { border-bottom:#e5e5e5 solid 1px; }


.greenBtn { background:#16b900; color:#FFF; width:150px; height:34px; }
.wrapper .container { width:980px; margin:0 auto; }
.wrapper .aboutUs { width:960px; margin:0 auto 30px auto; color:#FFF; text-align:center; height:364px; background:#000 url(../Images/bg_about_us.jpg) no-repeat center; }
.wrapper .aboutUs .content { padding:80px 80px; }
.wrapper .aboutUs .content h1 { font-size:30px; padding:0 0 10px 0; color:#664932; background:none; }
.wrapper .aboutUs .content p { font-size:20px; color:#664932; }
.wrapper .aboutUs .content .readMore { width:120px; margin:0 auto; font-size:12px; padding:12px 0; border:#99a6af solid 2px; border-radius:3px; cursor:pointer; }

input[type="text"], input[type="password"],input[type="textfield"] , select, textarea { width:90%; padding:8px; border:none; border:#ffd000 solid 1px; resize:none; margin:0 0 20px 0; color:#333; }
input[type="text"]:focus, input[type="password"]:focus, input[type="textfield"]:focus, select:focus, textarea:focus { border:#ffd000 solid 1px; }
input[type="submit"], input[type="button"] { width:100%; color:#FFF; cursor:pointer; background:#3644FF; border:none; font-weight:bold; }
select { padding:7px; width:98%; background:#FFF; }

input[type="text"].countryCode { width:24px; float:left; }
input[type="text"].mobileNo { width:150px; float:left; margin-left:4px; }

.wrapper .securePayment { margin:0 auto; width:760px; padding:40px 0; text-align:center; color:#002e6e; }
.wrapper .securePayment .iconWrapper { width:25%; float:left; text-align:center; padding:30px 0 0 0; }
.wrapper .securePayment .iconWrapper .icons { overflow:hidden; border-radius:100%; width:146px; height:140px; margin:0 auto; }
.wrapper .securePayment .iconWrapper .icons img { width:100%; }
.wrapper .securePayment .iconWrapper span { display:block; padding:10px 40px 0 40px; color:#664932; }

.wrapper ul.tab { list-style-type:none; overflow:hidden; text-align:center; }
.wrapper ul.tab li { display:inline-block; margin:0 -1px; }
.wrapper ul.tab li a { display:block; padding:10px 20px 0 20px; height:25px; color:#FFF; background:#3145FE; }
.wrapper ul.tab li a:focus, .wrapper ul.tab li a.active { background:#FFF; color:#3145FE; }

.wrapper ul.tabInner { list-style-type:none; overflow:hidden; float:left; width:200px; }
.wrapper ul.tabInner li { border-bottom:#f2f2f2 solid 1px; }
.wrapper ul.tabInner li a { display:block; text-align:left; padding:18px 0 16px 18px; color:#FFF; border-left:#FFF solid 3px; color:#747474; }
.wrapper ul.tabInner li a:focus, .wrapper ul.tabInner li a.activeInner { background:#f2f2f2; color:#3644FF; border-left:#3644FF solid 3px; }

.wrapper .tabcontentInner { display:none; padding:20px; float:left; width:700px; min-height:368px; background:#fff; border:#c1c1c1 solid 2px; }
.wrapper h2 { color:#3145FE; height:35px; font-size:18px; line-height:18px; }
.wrapper .tabcontentInner .quickPayInner h3 { font-size:16px; padding:0 0 8px 0; margin:0 6px 10px 6px; color:#3145FE; }
.wrapper .tabcontentInner .quickPayInner { padding:20px; background:#FFF; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25); }
.wrapper .tabcontentInner .quickPayInner .formFields { width:31.33%; padding:0 1%; float:left; height:70px; position:relative; }

.wrapper .tabcontentInner .quickPayInner input[type=submit] { width:150px; height:36px; color:#FFF; cursor:pointer; background:#14aa00; border:none; font-weight:bold; }
.wrapper .tabcontentInner .pendingBills input[type=submit] { width:150px; height:36px; color:#FFF; cursor:pointer; background:#3145FE; border:none; font-weight:bold; }
.wrapper .tabcontentInner .pendingBills { padding:20px; background:#FFF; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25); }
.wrapper .tabcontentInner .pendingBills .totalAmountBtn { padding-top:20px; float:right; }
.wrapper .tabcontentInner .pendingBills .totalAmountBtn input[type=submit], .totalAmount { float:left; }
.wrapper .tabcontentInner .pendingBills .totalAmountBtn .totalAmount { font-size:18px; color:#303030; padding:6px 20px 0 0; }

.modalPopup .aboutPopUp { padding:40px; background:#FFF; text-align:center; }
.modalPopup .aboutPopUp .btnClose { float:right; }
.modalPopup .aboutPopUp h1 { padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:#CCC solid 1px; }

.modalPopup ul.tabLogin { list-style-type:none; overflow:hidden; }
.modalPopup ul.tabLogin li { list-style:none; float:left; }
.modalPopup ul.tabLogin li a { display:block; text-align:center; padding:10px 16px; }
.modalPopup ul.tabLogin li a:focus, .modalPopup ul.tabLogin li a.activeLogin { border-bottom:#f00 solid 3px; }
.modalPopup .tabcontentLogin { display:none; padding:20px 0 0 0; }

.carousel { position:relative; padding:60px 50px 30px 50px; text-align:center; height:140px; }
.carousel-inner { position:relative; width:100%; overflow:hidden; z-index:500; }
.carousel-inner>.item {position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left; }
.carousel-inner>.item img { padding:40px 20px; }
 
@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}
}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.active { left:0; border:none; }
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}
.carousel-inner>.prev{left:-100%}

.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
.carousel-inner>.active.left{left:-100%}
.carousel-inner>.active.right{left:100%}

.carousel-control { position:absolute; top:16px; bottom:0; left:0; z-index:1000; }
.carousel-control.left { padding:110px 10px 10px 20px; }
.carousel-control.right { right:0;left:auto; padding:110px 20px 10px 10px; }

.wrapper .container .oneColumn { width:350px; margin:0 auto; }
.wrapper .container .oneColumn input, .wrapper .container .oneColumn select { margin:0 0 20px 0; }
.wrapper .container .oneColumn select { }

.wrapper .submitBtn { padding:20px 0 0 0; text-align:right; height:36px; }
.wrapper .submitBtnCenter { padding:20px 0 0 0; text-align:center; }
.wrapper .submitBtnCenter input[type="submit"], .wrapper .submitBtnCenter input[type="button"] { width:150px; height:36px; color:#FFF; cursor:pointer; background:#3145FE; border:none; font-weight:bold; }
.wrapper .container .formFields { width:29.3333%; padding:0 2%; float:left; height:80px; position:relative; }
.wrapper .container .error { height:auto; padding:10px 0 0 4px; border:none; color:#F00; display:block; font-size:12px; position:absolute; top:40px; left:9px; }
.wrapper .container .formFields .lable { display:block; padding:0 0 6px 0; }
.wrapper .container .formFields .capchaTxt { width:213px; height:50px; float:left; border:#ffd000 solid 1px; }
.wrapper .container .formFields .refresh { float:left; padding:14px 0; }

.wrapper .tableBdr { border-top:#3145FE solid 1px; border-collapse:collapse; border-left:none; border-right:0; font-size:12px; }
.wrapper .tableBdr tr td, .wrapper .tableBdr tr th { padding:6px; text-align:right; border:none; }
.wrapper .tableBdr tr { border-bottom:#e5e5e5 solid 1px; }
.wrapper .tableBdr tr:last-child { border-bottom:#3145FE solid 1px; }
.wrapper .tableBdr tr th { border-bottom:#3145FE solid 1px; color:#3145FE; }
.wrapper .tableBdr tr td input[type="text"] { width:60%; margin:0; }

.wrapper .footer { padding:50px 0; color:#fff; background:#1c4154; font-size:12px; border-top:#ffd000 solid 24px; }
.wrapper .footerInner { margin-top:100px; padding:20px 0; color:#fff; background:#1c4154; font-size:12px; border-top:#ffd000 solid 24px; text-align:center; }
.wrapper .footer .fContent { width:23%; margin:0 1%; float:left; }
.wrapper .footer .fContent h2 { color:#ffd000; text-transform:uppercase; font:14px Arial; padding:0; height:22px; border-bottom:#ffd000 solid 1px; }
.wrapper .footer .copyright { border-top:#c2c2c2 solid 1px; margin:20px 10px 0 10px; padding:20px 0 0 0; clear:both; text-align:center; }

.wrapper .copyrightInner { clear:both; text-align:center; font-size:12px; }
.wrapper .copyrightInfo { font-size:12px; }

.wrapper ul.tabNav { border-top:#c1c1c1 solid 1px; list-style-type:none; width:196px; background:#dfdfdf; float:left; }
.wrapper ul.tabNav li { border-bottom:#c1c1c1 solid 1px; height:50px; position:relative; }
.wrapper ul.tabNav li a { position:absolute; width:178px; z-index:200; display:block; height:32px; text-align:left; padding:18px 0 0 18px; color:#FFF; border-left:#dfdfdf solid 2px; color:#000; }
.wrapper ul.tabNav li a.active, .wrapper ul.tabNav li a:hover { background:#FFF; padding:16px 0 0 18px; height:32px; color:#3644FF; border:#c1c1c1 solid; border-width:1px 0 1px 2px; font-weight:bold; }

.wrapper .tabForm { padding:20px; float:right; width:700px; min-height:416px; background:#fff; border:#c1c1c1 solid 2px; }
.wrapper h3 {position:relative; margin:0 8px 20px 8px; height:20px; border-bottom:#ccc solid 1px; font-size:16px; padding:0 0 8px 0; color:#3145FE; }
.wrapper h3 .errors { color:#F00; font-size:12px; position:absolute; top:0; right:0; }
.wrapper h3 .success { color:#107d00; font-size:12px; position:absolute; top:0; right:0; }
.wrapper .tabForm .quickPayInner { }
.wrapper .tabForm .quickPayInner .formFields { width:31.33%; padding:0 1%; float:left; height:70px; position:relative; }

.wrapper .tabForm .quickPayInner input[type=submit] { width:150px; height:36px; color:#FFF; cursor:pointer; background:#14aa00; border:none; font-weight:bold; }
.wrapper .tabForm .pendingBills input[type=submit] { width:150px; height:36px; color:#FFF; cursor:pointer; background:#3145FE; border:none; font-weight:bold; }
.wrapper .tabForm .pendingBills { padding:20px; background:#FFF; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25); }
.wrapper .tabForm .pendingBills .totalAmountBtn { padding-top:20px; float:right; }
.wrapper .tabForm .pendingBills .totalAmountBtn input[type=submit], .totalAmount { float:left; }
.wrapper .tabForm .pendingBills .totalAmountBtn .totalAmount { font-size:18px; color:#303030; padding:6px 20px 0 0; }

.wrapper .footer { padding:50px 0; color:#fff; background:#1c4154; font-size:12px; border-top:#ffd000 solid 24px; }
.wrapper .footerInner { padding:20px 0; color:#fff; background:#1c4154; font-size:12px; border-top:#ffd000 solid 24px; text-align:center; }
.wrapper .footer .fContent { width:23%; margin:0 1%; float:left; }
.wrapper .footer .fContent h2 { color:#ffd000; text-transform:uppercase; font:14px Arial; padding:0; height:22px; border-bottom:#ffd000 solid 1px; }
.wrapper .footer .copyright { border-top:#c2c2c2 solid 1px; margin:20px 10px 0 10px; padding:20px 0 0 0; clear:both; text-align:left; }
.wrapper .footer .copyright img { float:right; }

.wrapper .footerInner { clear:both; padding:20px 0; color:#fff; background:#1c4154; font-size:12px; border-top:#ffd000 solid 24px; text-align:left; }
.wrapper .footerInner img { float:right; }
.wrapper .footerInner p, .wrapper .footer .copyright p { float:left; padding:20px 0 0 0; }


.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid orange;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: orange;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index:3000;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.modalPopup {
  margin:180px auto 73px auto;
  background: #fff;
  border-radius: 8px;
  width:670px;
  position: relative;
  overflow:hidden;
  transition: all 5s ease-in-out;
  border: #fff solid 2px;
}

.modalPopup .left { float:left; width:274px; height:450px; background:#1b252e url(../Images/login_banner.png) no-repeat center bottom; }
.modalPopup .right { float:right; width:336px; position:relative; padding:24px; }
.modalPopup .right .btnClose { position:absolute; right:20px; top:20px; }
.modalPopup .right a { display:block; float:left; padding:8px 15px; margin:0 0 20px 0; }
.modalPopup .right p { padding:4px 0; }
.modalPopup .right a.selected { border-bottom:#FF0018 solid 3px; color:#002E6E; }
.modalPopup .right input[type=text], .modalPopup .right input[type=password] { border:rgb(31, 166, 221) solid 1px; padding:6px; margin-bottom:6px; width:322px; }
.modalPopup .right input[type=submit] { width:158px; height:32px; color:#FFF; cursor:pointer; background:#3145FE; border:none; font-weight:bold; }
.modalPopup .right .capcha { padding:10px 0 0 0; height:80px; position:relative; }
.modalPopup .right .capcha .capchaTxt { width:280px; height:54px; float:left; border:rgb(31, 166, 221) solid 1px; }
.modalPopup .right .capcha .refresh { float:left; padding:14px 12px; }

.modalPopup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}


.btn-link {
    font-weight: normal;
    color: #428bca;
    cursor: pointer;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover, .btn-link:focus {
                color: #2a6496;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
                color: #999;
                text-decoration: none;
            }



.alert{padding:5px;margin-bottom:5px;border:1px solid transparent;border-radius:1px}.alert h4{margin-top:1px;color:inherit}.alert .alert-link{font-weight:900}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6;list-style: none;}.alert-success hr{border-top-color:#c9e2b3;list-style: none;}.alert-success .alert-link{color:#2b542c;list-style: none;}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1;list-style: none;}.alert-info hr{border-top-color:#a6e1ec;list-style: none;}.alert-info .alert-link{color:#245269;list-style: none;}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc;list-style: none;}.alert-warning hr{border-top-color:#f7e1b5;list-style: none;}.alert-warning .alert-link{color:#66512c;list-style: none;}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1;list-style: none;}.alert-danger hr{border-top-color:#e4b9c0;list-style: none;}.alert-danger .alert-link{color:#843534;list-style: none;}           

.disabled { background:#d4d4d4; }


.faq { border-bottom: 1px #ddd solid; }
.faq li { }
.faq li img { float:right; }
.faq li.q { border-top:1px #ddd solid; cursor:pointer; padding:10px 0; }
.faq li.a { display:none; color:#1e447d; padding:0 0 10px 0; }
.rotate { -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.act { color:#3145FE; font-weight:bold; }
.faq li p { padding-bottom:10px; }


.leftContent { width:250px; float:left; background:#efefef; }
#accordion { visibility:hidden; }
#accordion ul ul { border-top: 1px solid #fff; background:#3145FE; }
#accordion .top > a, #accordion .top > div { padding:10px 0 10px 12px; color:#000; }
#accordion li li > a, #accordion li li > div { padding:8px 0 8px 31px; color:#fff; }
#accordion li li > a { border-bottom: 1px solid #bfbfbf; }
#accordion li li:last-child > a { border-bottom:none; }
#accordion li li li > a, #accordion li li li > div { padding-left:50px; }
#accordion li > div { color:#fff; font-weight:bold; }
#accordion .active > div { font-weight:bold; }
#accordion li  { overflow:hidden; cursor:pointer; }
#accordion .top { border-bottom: 1px solid #fff; }
#accordion a { color:#000; font-weight:normal; text-decoration:none; display:block; }
#accordion a.active { }
#accordion ul li div ul li a { }

#accordion .caret {
    color:inherit;
    float:left;
    margin-top:5px;
    margin-right:7px;
    width: 0;
    height: 0;
    overflow:hidden;/*for IE6*/
    border-style:solid;
    border-width:6px;
    position:relative;    
    border-top:6px solid initial;
    border-bottom-width:0px;
    border-left-color:transparent;
    border-right-color: transparent;
}  
#accordion li li .caret { margin-right:6px; float:none; display:inline-block; margin-top:auto; margin-bottom:4px; }
#accordion .caret.active { margin-bottom:4px; border-bottom-width:6px; border-bottom-color:initial; border-top:none; }
#accordion li { -ms-user-select:none; -mos-user-select:none; -webkit-user-select:none; -o-user-select:none; user-select:none; }