body{font-family:Helvetica, sans-serif;font-size:12px; background:#fff; color:#666666;text-rendering: optimizeLegibilit;}

.loginpage {/* position:relative; z-index:1;*/}
.mobilelogo,.mobilewelcomeintro { display:none;}
.mobiletopheader { display:none;}
.sitewidth {width:940px; margin:auto;}
/******************************** Layout ********************************/
.loginleft { /*width:57.4%; */float:left; background:#fff;}
.loginright {/* width:42%; */ float:right;position:relative;/*background:#98272A;min-height:662px;*/}
.lbox { width:577px; float:right; padding-right:10px;}
.lcontainer{ padding-right:80px;}

/******** Logo and Top Right ********/
.topheader {
    padding: 20px 0 40px;
    overflow: hidden;
    display: block;
    background: #fff;
    height: 22px;
}

/******** added background: #faa61a;  by ashwini for CR102002 ****
****/


.logo {
    float: left;
    
}
.logo a{display:block;cursor:pointer;}

/******** added removed float:right; by ashwini for CR102002 , added padding-left: 20px; ****
****/
.top-right {
    color: #98272A;
    text-align: left;
    margin: 0px 0px 0 0;
    padding-left: 20px;
}
.toptitle{font-size:15px;font-weight:bold;}
.topsubtitle{font-size:10px;}

.signinhereform label { margin-bottom:4px; display:block;}
/******** Welcome ********/
.wel{font-size:16px;color:#98272A;font-family:Helvetica, sans-serif;}
.maintitle{color:#98272A;margin-bottom:30px;letter-spacing:-1px;line-height:30px;}

/******** Quick Pay section ********/
.quickpay,.getintouch{background:#fff;padding:15px 20px; margin-bottom:22px; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:1px solid #ccc;}
.quickpay {
    margin-top: 15px;
}
/******** add margin-top:25px;  by ashwini for CR102002 ****
****/
.qpay{color:#98272A; font-size:18px; border-bottom:#98272A 1px solid; padding-bottom:8px;}
.qpay span{font-weight:normal;}
.para{color:#999;}
.qpatlist {
    margin-top: 10px;
}
    /******** add margin-top:-31px;  by ashwini for CR102002 ****
****/
.qpatlist li{float:left;}
.qpatlist li.qp1{ width:37%;}
.qpatlist li.qp2{ width:26%;}
.qpatlist li.qp3{ width:37%;}
.qpatlist li a{padding-left:60px; height:48px; line-height:48px; display:block; color:#98272A;}
.qpatlist li a:hover{ color:#98272A;}
.qpatlist li a.qonline{ background:url(../images/quickonline.png) no-repeat left top; width:105px;}
.qpatlist li a.qonline:hover{background:url(../images/quickonline.png) no-repeat left -48px;}

.qpatlist li a.qive{ background:url(../images/quickivr.png) no-repeat left top; width:100px;}
.qpatlist li a.qive:hover{background:url(../images/quickivr.png) no-repeat left -48px;}

.qpatlist li a.qecs{ background:url(../images/office.png) no-repeat left top; width:145px;}
.qpatlist li a.qecs:hover{background:url(../images/office.png) no-repeat left -48px;}


/******** Get in touch ********/
.gettouch{margin-top:15px; color:#98272A}
.gettouch li{float:left; }
.gettouch .phone,.gettouch .mess,.gettouch .loctor,.gettouch .advisor{padding:0px 0 0 58px; display:block; min-height:48px; line-height:48px; margin-bottom:15px;}

.gettouch .phone,.gettouch .mess{ width:280px;}
.gettouch .loctor,.gettouch .advisor{ width:120px;}

.gettouch li a{color:#98272A;display:block;}
.gettouch li:hover a{ color:#98272A;}
.gettouch .phone{background:url(../images/phone.png) no-repeat left top;}
.gettouch .mess{background:url(../images/messg.png) no-repeat left center;}
.gettouch .loctor{background:url(../images/locator.png) no-repeat left center;}
.gettouch .advisor{background:url(../images/advisor.png) no-repeat left center;}
.gettouch .mess:hover{background:url(../images/messg-hover.png) no-repeat left center;}
.gettouch .loctor:hover{background:url(../images/locator-hover.png) no-repeat left center;}
.gettouch .advisor:hover{background:url(../images/advisor-hover.png) no-repeat left center;}


/******** Login Add ********/
.loginadd  {margin-top:16px;}
.loginadd img { width:100%;border:1px solid #ccc;border-radius:10px;}

/******************************** Login Form ********************************/
.newcustomerloginsection{width:290px; padding:20px 20px 0 20px;background:#98272A;height:594px; margin:auto;}
.getstarted{color:White;}
/**************** Registration Section ****************/
.registerform,.registerform2 {color:#fff;display:none;}
.registerform2 {display:none;}
.entercode{margin:20px 0 10px;}
.registerform input {color:#999;}
/* Captcha */

/*.capthacode{margin:0 0 20px;}*/
.captchanumber{background:#fff;border-radius:2px;box-shadow:0 0 2px 1px #98272A;width:115px;height:25px;float:left;}
#LoginContentPlaceHolder_CAPTCHA { width:81px; height:25px; float:left;}
.forgotpsd input.captchainput{width:148px; float:left; margin-left:8px;}
/*.captchanumber img{border-top-left-radius:2px;border-bottom-left-radius:2px;float:left;display:inline-block;}*/
#LoginContentPlaceHolder_CAPTCHA2 {width: 81px;height: 25px;float: left;}
.forgotpsd input.captchainput {width: 148px;float: left;margin-left: 8px;}
#btnRefreshCaptcha{cursor:pointer; float:left; width:25px; height:25px; vertical-align:middle;}
#btnRefreshCaptcha img {vertical-align:middle; margin-top:2px;}
#btnRefreshCaptcha2 {cursor: pointer;float: left;width: 25px;height: 25px;vertical-align: middle;}
#btnRefreshCaptcha2 img {vertical-align: middle;margin-top: 2px;}
.captchainput{background:#fff;border-radius:2px;box-shadow:0 0 2px 1px #98272A;width:52%;padding:5px;border:none;height:19px;}
.agreeconditios{margin:10px 0 15px 0px;}
.agreeconditios a{text-decoration:underline;}
.agreeconditios a:hover{text-decoration:none;}

.regcocus{margin-top:20px;font-size:14px;color:#fff;}

/* Button  Styles */
/*.btngroup{border-top:1px solid #3266ab;padding:20px 0}*/
.submitbtn{background:#ffffff;padding:7px 30px;border-radius: 3px 3px 3px 3px; box-shadow: 0 0 2px 1px #98272A;border:none;display:inline-block;color:#98272a !important;margin-right:10px;border:1px solid #98272A;}
.backbut{background:#cccccc;padding:8px 30px;border-radius: 3px 3px 3px 3px; box-shadow: 0 0 2px 1px #98272A;border:none;display:inline-block;color:#333 !important;margin-right:10px;}
.submitbtn:hover {background:#ffffff;}
.backbut:hover{background:#a8a7a7;}
.submitbtn.disable {background:#4e3371;border:1px solid #515c86; color:#a999bd !important;}
.btn{background:#ccc;padding:8px 40px;border-radius:2px;-webkit-box-shadow: 0 0 2px 1px #093a7d;box-shadow: 0 0 2px 1px #093a7d;display:inline-block;font-family:Helvetica, sans-serif;font-weight:bold; border:none;color:#333 !important;line-height:normal;}

.reotp{padding:8px 16px;}

.regsucess { color:#FFF; display:none;}
.signingotitle { margin-top:15px;}
.signingo { margin:10px 0px 45px 0px;}
.completereg-mess{width:245px;}
.Link-youramnt{width:240px;}

/**************** Sign in Section ****************/
.signinprocess, .forgotpasswordstep1,.forgotpasswordstep2,.forgotpasswordstep3,.forgotpasswordstep4 { display:none;}
.loginsubmit,.loginloader { float:left;}
.loginloader { padding-top:7px;}
.loginloader img { vertical-align:middle;}
/*  Sign In here Goes Here */
.signinprocess{color:#fff;}
.already{color:#fff;margin-bottom:10px;font-size:12px;}
.already span a{font-size:14px;margin-left:2px; font-weight:bold;}
.already a:hover{text-decoration:underline;}
.custid, .psd{-webkit-box-shadow: 0 0 2px 1px #98272A;box-shadow: 0 0 2px 1px #98272A;border-radius:2px;-webkit-border-radius:2px; text-align:left;padding:4px 10px;background:#fff;margin-bottom:12px;height:18px;border:1px solid #fff;}
.custid span{background:url(../images/customer-icon.png) no-repeat;height:18px;width:8px;display:inline-block;}
.custid input, .psd input{background:#fff;border:none;font-size:14px;margin-left:10px;width:86%;display:inline-block;vertical-align:top;color:#999;}
.psd{margin-bottom:0;}
.psd span{background:url(../images/lock.png) no-repeat;height:16px;width:12px;display:inline-block;}
.mbn{margin-bottom:0 !important; }

.remember{float:left;color:#fff;margin:10px 0 0 10px;}
.forgot{margin:20px 0px;}
.forgot a{color:#fff;}
.forgot a:hover{text-decoration:underline;}
.loginfb{margin:30px 0 0;width:270px;}
.loginfb a.fb, .loginfb a.google{color:#fff;background:#275ba7;display:block;-webkit-box-shadow: 0 0 2px 1px #98272A;box-shadow: 0 0 2px 1px #98272A;border-radius:2px;-webkit-border-radius:2px;font-weight:bold;font-size:15px;height:40px;margin-bottom:12px;}
.fbicon, .gooicon{padding:8px 20px;display:inline-block;border-right:1px solid #1f4986;}
.gooicon{border-right:1px solid #5d3b55;}
.loginfb a.fb{border:1px solid #2968c1;}
.loginfb a.google{border:1px solid #76607d;}
.loginfb span{display:inline-block;vertical-align:top;margin:12px 0 0 35px;}
.loginfb a.google{background:#744a6a;margin-bottom:0;}
.loginfb a:hover.fb{background:#2968c1;}
.loginfb a:hover.google{background:#a45f54;}

.newreg{border-top:1px solid #ffffff;margin-top:30px;padding-top:15px;}
.newreg h3 {font-weight:normal;}
.newreg h3 a { font-weight:bold;}
.newreg h3 a:hover{text-decoration:underline;}
/* forgot password step1 Goes Here */
.forgotpsdform, .newpsdform, .otpform, .confirmform{color:#fff;}
.fpsub{line-height:18px;}
.forgotpsd, .newpsd{margin:8px 0 0;width:100%;}

.forgotpsd label,.signform label,.regform label { display:block; margin-bottom:4px;}
.forgotpsd td{padding:3px 0 0; display:block;}
.forgotpsd .td1{width:105px;}
.forgotpsd input, .newpsd input{background:#fff;border:1px solid #fff; border-radius:2px;-webkit-box-shadow: 0 0 2px 1px #98272A;box-shadow: 0 0 2px 1px #98272A;padding:2px 5px;height:18px;width:93%;font-size:12px;}
.dofb {width: 26% !important;margin-right:7px;}
.mob1{width: 11% !important;}
.mob2 {width: 76% !important;}

/* forgot password step2 Goes Here */
.newpsd td{padding:12px 0 0;line-height:28px;}
.newpsd input{width:80%;}
/*.pstong { color:#F15A22;font-weight:bold;}*/
#progress-outer{background: #333;height: 3px;width: 30px;padding: 2px;}
#progress-inner{background: #46b525;width: 50%;height: 100%;}

/* forgot password step4 Goes Here */
.psdsuccess li{background: url("../images/checked.png") no-repeat scroll left 1px;color:#fff;padding-left:25px;margin:15px 0 30px;}


/******** Disclaimer Goes Here ********/
.bottomtext{position:absolute;bottom:0;left:14px;}
.logindisclaimer{color:#fff;border-top:1px solid #ffffff;padding:10px 0 0;font-size:10px;margin-top:10px;line-height:12px;width:296px; padding-bottom:20px;text-align:justify;}
.discl{font-weight:bold;margin-bottom:5px;}


/******** Form Validation ********/
/*.errorinput{border:1px solid #f15a22 !important;border-radius:3px !important;}*/
.error{display:none;color: #f35a20; font-size: 11px; margin-top: 3px; padding: 0px;line-height:normal;}
.noerror{display:block;color: #F15A22; font-size: 11px; margin-top: 3px; padding: 0px;line-height:normal;}

/**************** Custom Check Box ****************/
.checkbox .icon,
.checkbox .icon-to-fade {background: url("../images/custom-check.png") 0 -18px no-repeat;}
.checkbox.checked .icon {background-position:0 0;}

.term img { vertical-align:middle; margin-right:6px;}
.term a{ line-height:18px; height:18px; display:inline-block;}
.term a:hover { text-decoration:underline;}
/* Footer*/
.footersection { padding:30px 0px; font-size:10px;}
.fnav { float:left; width:810px; color:#656565; font-weight:bold; font-size:9px;padding-top:2px;}
.fnav li { float:left;border-right:#CCC 1px solid;line-height:10px; }
.fnav a{color:#656565; padding:0px 3px;}
.fnav li:last-child{ border-right:none;}
.classfnavright { float:right; width:100px; font-size:8px;}
.fnavright{float:right;}
.fnavright li { float:left; padding-left:6px;}
.fnavright li.feeback a{ background:#cccccc; color:#333333; padding:4px 6px;}
.fs2 { padding:20px 0px;}
.flogo { float:left;}
.social_wrap{ float:left; padding-left:35px; padding-top:14px;}
.social_wrap ul li{ padding:0 3px; background:none; float:left;}
.social_wrap ul li a{ display:block; width:21px; height:21px;}
.social_wrap ul li a.ft{ background:url(../images/social_logo.gif) no-repeat}
.social_wrap ul li a.twt{ background:url(../images/social_logo.gif) no-repeat -27px}
.social_wrap ul li.select_wrap{ background: url("../images/select_bg.gif") no-repeat scroll 0 0 ; color: #FFFFFF; font-size: 1.1em; height: 19px; margin-left: 3px; margin-top: -1px; padding-left: 8px;}
.social_wrap select { border:#CCC 1px solid; padding:2px; background:#98272A; color:#FFF;}
.disclaimer { width:auto; float:right; color:#999999; text-align: justify;line-height:14px;} /****Comment by ashwini for CR102032 width:auto***/
.disclaimer a {color:#98272A !important}

.vesilogo {
    text-align: right;
    padding: 5px 0px;
}

/**** Media Queries ***/
@media screen and (max-width: 800px){
body { background:#fff}
.mobiletopheader { display:block; background:#FFF; padding:10px 0 25px 10px;}
.mobiletopheader .logo { float:none;}
.mobiletopheader .logo a { display:static;}
.topheader{display:none;}
.sitewidth { width:100%;}
/******************************** Layout ********************************/
.loginleft { width:96%; float:none; background:#fff; margin:0px 2%;}
.loginright { width:96%;  float:none;margin:0px 2%;}
.lbox { width:100%; float:none; padding-right:0px; padding-top:30px;}
.lcontainer{ padding-right:80px;}

.quickpay{margin-top:0;}
.newcustomerloginsection { width:100%; padding:30px 0 0 0px;height: 525px;}
.registerform, .regsucess { width:90%; margin:auto;}
.regform,.signinhereform,.forgotpsdform { width:100%; margin:auto;}
.logindisclaimer{position:static;left:30px;bottom:20px;width:90%;}
.signinprocess { width:94%;margin:auto;}
.dofb {width: 26% !important;}
.captchainput{width:50%;}
.forgotpsd input.captchainput { width:130px;}

/* Footer*/
.footersection { width:96%; margin:auto;}
.fnav { float:none; width:100%;}
.fw { display:none;}
.fnavright{ display:none;}
.flogo { display:none; }
.groups_companies { display:none; }
.disclaimer { float:none; width:100%;}
.footer_products { position:relative;}
.social_wrap { float:none; position:absolute; right:0px; top:-36px; padding:0px;}
}

@media screen and (max-width:640px){

.loginadd { display:none}

.footersection { padding:20px 0px;}
}

@media screen and (max-width:480px)
{
    /*.loginright {min-height:750px;} */
.qpatlist li { float:none; margin-bottom:10px;}
.qpatlist li a.qonline{ width:auto;}
.bottomtext{left:15px;}
.qpatlist li.qp1{ width:auto;}
.qpatlist li.qp2{ width:auto;}
.qpatlist li.qp3{ width:auto;}
.qpatlist li a{padding-left:30px; height:24px; line-height:24px;}
.qpatlist li a.qonline{ background:url(../images/quickonline1.png) no-repeat left top;}
.qpatlist li a.qonline:hover{background:url(../images/quickonline1.png) no-repeat left -24px;}
.qpatlist li a.qive{ background:url(../images/quickivr1.png) no-repeat left top; }
.qpatlist li a.qive:hover{background:url(../images/quickivr1.png) no-repeat left -24px;}
.qpatlist li a.qecs{ background:url(../images/quickecs1.png) no-repeat left top;}
.qpatlist li a.qecs:hover{background:url(../images/quickecs1.png) no-repeat left -24px;}

.gettouch li{float:none;margin:0 0px 15px 0;width:auto;padding:0px 0 0 0px;height:auto;}
.gettouch .phone,.gettouch .mess,.gettouch .loctor,.gettouch .advisor{padding:0px 0 0 30px;min-height:24px; line-height:24px;}

.gettouch .phone,.gettouch .mess{ width:auto;}


.gettouch .phone{background:url(../images/phone1.png) no-repeat left top;}
.gettouch .mess{background:url(../images/messg1.png) no-repeat left center;}
.gettouch .loctor{background:url(../images/locator1.png) no-repeat left center;}
.gettouch .advisor{background:url(../images/advisor1.png) no-repeat left center;}
.gettouch .mess:hover{background:url(../images/messg1-hover.png) no-repeat left center;}
.gettouch .loctor:hover{background:url(../images/locator1-hover.png) no-repeat left center;}
.gettouch .advisor:hover{background:url(../images/advisor1-hover.png) no-repeat left center;}

}

@media screen and (max-width:320px)
{
   
   
}