@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}

body{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#1E1E1E; background-image:url(../images/mainbg.jpg);}

@font-face {
	font-family: 'heaveneticacond6';
	src: url('../fonts/heaveneticacond6.eot');
	src: local('☺'), url('../fonts/heaveneticacond6.woff') format('woff'), url('../fonts/heaveneticacond6.ttf') format('truetype'), url('../fonts/heaveneticacond6.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}



#header{width:100%; float:left; background-image:url(../images/top-bg.jpg); padding-top:2px;}

.toplogin{width:100%; float:left; border-bottom:1px solid #e3e3e3; padding:3px 0px;}
.toplogin .login{ width:300px; max-width:33%; background-color:#fff; float:left; padding:3px 2px; margin-right:4px;  -webkit-box-shadow: inset #999 1px 1px 2px; -moz-box-shadow: inset #999 1px 1px 2px; box-shadow: inset #999 1px 1px 2px; border-radius:4px;}

.toplogin .login input{width:78%; float:right; border:0px; padding:3px 0px;}
.toplogin .login img{width:33px; max-width:18%; float:left;}

.toplogin .lbtn{background-image:url(../images/loginbg.png); background-repeat:repeat-x; background-position:center; cursor:pointer; font-family:'Open Sans'; font-size:15px; padding:4px 10px; color:#fff; border:0px;  border-radius:4px;}
.toplogin .lbtn:hover{background-position:bottom;}

a{color:#f00; text-decoration:underline;}
a:hover{text-decoration:none;}

img{max-width:100%;width:auto;height:auto; border:0px;}

h1{font-family:"heaveneticacond6", "Lucida Grande", sans-serif; font-size:30px; line-height:42px; color:#000; font-weight:normal;}


h2{font-family:"heaveneticacond6", "Lucida Grande", sans-serif; font-weight:normal; font-size:28px; line-height:35px;}
h3{font-family:"heaveneticacond6", "Lucida Grande", sans-serif; font-weight:normal; font-size:22px; line-height:32px;}
h4{font-family:"Open Sans", sans-serif; font-weight:normal; font-size:15px; line-height:24px;}

.center{width:1100px; max-width:98%; margin: 0 auto;}


/* ------------------------------- Header ------------------------------ */


.logo{float:left; padding-top:10px;}
#header .right{float:right;  font-size:18px; font-family:"Open Sans", sans-serif; color:#333; text-align:right; padding-top:1%}


/* ------------------------------- Links ------------------------------ */

#topmenu{width:100%; float:left; background-color:#1A5388; padding:6px 0px; border-radius:8px 8px 0px 0px;}



/* ------------------------------- Slider / Head ------------------------------ */

#sliderbg{width:100%; float:left; background-image:url(../images/headerbg.jpg); background-color:#FFF; background-position:center bottom; 
box-shadow: 0 1px 4px rgba(255,255,255,.6); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.6); -moz-box-shadow: 0 1px 4px rgba(0,0,255,.6); -o-box-shadow: 0 1px 4px rgba(255,255,255,.6);}

#sliderbg .hd{width:96%; float:left; padding:1% 2%; font-family:'open sans',arial; font-size:16px; line-height:22px; color:#fff;}
#sliderbg h1{font-size:50px; line-height:55px; color:#fff;}


.head{width:98%; float:left; padding:1% 1%;}
.head .left{width:60%; float:left; padding-top:1%;}

.head .right{width:38%; float:right; text-align:center;  font-family:'open sans',arial;  font-size:13px; line-height:20px;}
.head .right input,.head .right select{float:left; width:46%; padding:2% 1%; border:1px solid #209C3A; margin:.6%; color:#333; border-radius:5px; -webkit-box-shadow: inset #ddd 1px 1px 2px; -moz-box-shadow: inset #ddd 1px 1px 2px; box-shadow: inset #ddd 1px 1px 2px; }

.head p{width:47%; float:left;  padding:1% 1%; color:#fff; text-align:left;}

.apply{width:100%; float:left; color:#fff !important; line-height:42px; background-image:url(../images/applynow.jpg); background-repeat:repeat-x;  font-family:'open sans',arial; font-size:24px; cursor:pointer; padding:0% !important; margin:0%;}
.apply:hover{background-image:url(../images/applynow-h.jpg); }

.head h2{font-size:30px; font-family:'Open Sans',arial; line-height:35px; color:#fff; text-transform:uppercase; font-weight:bold;}

#sliderbg .whtbdr{width:100%; float:left; height:40px; background-color:#fff; border-radius:8px 8px 0px 0px;}


/* --------------------------- How to Apply -------------------------- */
.aply{width:100%; float:left; margin-bottom:3%;}

.aplyround{width:220px; height:220px; padding:10px; float:left; border: 2px solid white;  border:2px solid #4B6C92; background-color:#fff; color:#fff; text-align:center;  font-family:'Open Sans'; font-size:20px; margin-right:5%;
-webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px;}
.aplyround >div{width:100%; float:left; -webkit-border-radius: 120px; height:90%; padding-top:10%; -moz-border-radius: 120px; border-radius: 120px;}

.aplytxt{text-align:left; padding-top:4%; }
.aplytxt b{background-color:#4B6C92; color:#fff; padding:10px 14px; border-radius:20px;}

.aplytxt h3{ width:90%; padding-right:10%; font-family:'Open Sans'; font-weight:normal; border-radius:30px 60px 0px 30px; color:#fff;}
.aplytxt h4{font-family:'Open Sans'; font-size:14px; line-height:22px; font-weight:normal;}

#sliderbg .whtbdr{width:100%; float:left; height:40px;; background-color:#fff; border-radius:8px 8px 0px 0px;}


.loantype{width:21%; float:left; padding:2%;}
.loandiv{width:96%; background-image:url(../images/lines_bg.png); background-position:center; float:left; margin:1%; padding:1%; text-align:center; font-family:'heaveneticacond6'; font-size:28px; line-height:30px; color:#fff; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;  -webkit-box-shadow: inset #000 1px 1px 2px; -moz-box-shadow: inset #000 1px 1px 2px; box-shadow: inset #000 1px 1px 2px;}

.loandiv:hover{background-image:none;}

/* ------------------------------- Main Container ------------------------------ */
#maincontainer{width:98%; padding:0% 1%; padding-bottom:3%; float:left; background-color:#FFF;}


#maincontainer ul,#maincontainer ol{padding-left:26px;}
#maincontainer ul li{list-style-image:url(../images/list.png); }


hr{border-top:1px dashed #CCC; margin:1% 0%; width:100%; float:left;}


.hmsrvic{width:21%; float:left; padding:1% 2%;}
.hmsrvic h3{line-height:45px;}
.hmsrvic h3 img{float:left;}

.hmsrvic .blkbtn{width:93%; float:left; color:#fff; text-decoration:none; font-family:'open sans', arial; font-size:15px; background-color:#3F3E39; border:1px solid #2A2925; border-radius:8px; padding:2% 3%;}
.hmsrvic .blkbtn img{float:right;}
.hmsrvic .blkbtn:hover{background-color:#2A2925;}

.blkdiv{background-color:#000; font-size:15px; line-height:24px; color:#999; width:96%; padding:1% 2%; float:left; border-radius:0px; padding-top:3%;}



/* --------------------------- How to Apply -------------------------- */


/*----------------------------------- Form -------------------------*/
#form{width:55%; float:left; margin:0% 1%; border-right:1px dashed #CCC;}
#form p{width:100%; float:left; padding:1% 0%;}
#form input{width:70%; float:left; padding:4px 2px; margin:5px 0px; border:1px solid #ccc; border-radius:4px;}
#form textarea{width:76%; float:left; padding:4px 2px; margin:5px 0px; border:1px solid #ccc; border-radius:4px; resize:none;}
#form label{width:16%; float:left; margin:5px 0px;}


#login{width:45%; float:left; margin-top:2%; margin-left:2%; background-color:#f7f7f7; border:1px solid #E8E8E8; box-shadow:1px 1px 1px #ccc; padding:4% 2%; border-radius:6px;}
#login input{width:98%; float:left; padding:4px 2px; margin:5px 0px;}

/*------------------ Contact ---------------------- */
.contact{width:35%; float:right; padding:1%; margin:1%;}


/* ---------------------------- Loan Form ----------------------- */
#loanfrom{width:90%; float:left; padding:2% 5%;}
#loanfrom .topbar{width:100%; float:left; border-radius:6px;}
.bar{width:25%; float:left; text-align:center; background-image:url(../images/blank-bar.png); background-position:bottom; background-repeat:repeat-x; font-size:15px; font-family:'Open Sans',arial;}
.bar b{font-size:22px; line-height:42px;}
.bar a{color:#1A5388; text-decoration:none;}
.bar a:hover{text-decoration:underline;}

.bar1{background-image:url(../images/blank-bar1.png);}
.filling{background-image:url(../images/filling-bar.png);}
.filled{background-image:url(../images/filled-bar.png);}
.filled b, .filling b{color:#fff;}

.loanform{width:90%; float:left; margin:2% 3%; padding:1%; box-shadow:0px 0px 3px #CCC; border:1px solid #e3e3e3;}
.loanform h1{text-align:center; font-size:40px;}
.loanform h1 b{color:#10862E;}
.loanform h2{text-align:center; color:#666;}

.loanform1{width:29%; float:left; padding:2%; font-family:'Open Sans'}
.loanform1 h2{border-bottom:3px solid #CCC; text-align:left; margin-bottom:2%;}
.loanform1 p{font-size:14px; padding:8px 0px;}


input[type="radio"] {  display:none;}

input[type="radio"] + label {color:#666; font-family:'Open Sans',Arial, sans-serif;    font-size:14px;}
input[type="radio"] + label span {
    display:inline-block;    width:19px;  height:19px; margin:-1px 4px 0 0;  vertical-align:middle; background:url(../images/check_radio_sheet.png) -38px top no-repeat;    cursor:pointer;}

input[type="radio"]:checked + label span {background:url(../images/check_radio_sheet.png) -57px top no-repeat;}

input[type="checkbox"] {  display:none;}
input[type="checkbox"] + label span {
    display:inline-block;    width:19px;    height:19px;    margin:-1px 4px 0 0;    vertical-align:middle;    background:url(../images/check_radio_sheet.png) 1px top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {    background:url(../images/check_radio_sheet.png) -18px top no-repeat;}



.loanform2 p{color:#666; width:100%; float:left; font-family:'Open Sans'; margin:1% 0%;}
.loanform2 p label{width:25%; float:left; font-size:18px;}
.ff {
  padding:2px 10px; width:70%; float:left;
 -webkit-box-shadow: inset #999 1px 1px 2px; -moz-box-shadow: inset #999 1px 1px 2px; box-shadow: inset #999 1px 1px 2px; border-radius:4px;
}
.ff input, .ff select{width:90%; float:right; border:0px; padding-top:3px; height:28px;}
.ff img{width:33px; max-width:8%;}

.loanform3{width:46%; padding:1%;}
.loanform3 p{width:100%; float:left; padding:1% 0%; color:#666;}
.loanform3 label{ float:left; font-size:18px; width:100%; font-family:'Open Sans';}

.loanform4{width:100%; float:left; border-bottom:1px solid #CCC; margin-bottom:2%;}
.loanform4 .left{width:15%; float:left;}
.loanform4 .right{width:85%; float:right; font-family:'Open Sans'; font-size:16px; color:#1A5388;}

.loanform4 .left b{background-color:#155499; font-size:26px; font-family:'Open Sans'; color:#fff; padding:8px 18px; border-radius:50px; box-shadow:1px 3px 1px #ccc;}
.loanform4 label{width:35%; float:left; font-family:'Open Sans'; font-size:16px; color:#666;}
.loanform4 p{width:100%; float:left; padding:1% 0%;}

.countinue{padding:1% 6%; float:left; text-align:center; font-family:'Open Sans'; font-size:28px; cursor:pointer;
display: inline-block;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	background-color: #538fbe;
	border: 1px solid #2d6898;
	background-image: linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
	background-image: -o-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(73,132,180)),
		color-stop(1, rgb(97,155,203))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 0px -1px 0px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 6px 0px #2b638f, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
	-moz-box-shadow: 0px 6px 0px #2b638f, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
	box-shadow: 0px 6px 0px #2b638f, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
}







/* -------------------- Footer ------------- */
#footer{width:100%; float:left; background-color:#155499; padding-bottom:1%; color:#fff;}

#footer .blkbtmdiv{background-color:#000; width:100%; float:left; height:40px; border-radius:0px 0px 8px 8px; margin-bottom:2%; margin-top:0% !important;}

#footer .links{color:#308FF6; text-align:center; line-height:30px;}
#footer .links a{color:#fff; padding:0px 2px; text-decoration:none;}
#footer .links a:hover{color:#C9DFF8;}

#footer .cpy{width:100%; color:#7CD3FF; float:left; text-align:center; padding-top:2%; margin-top:1%;}



.login_client{
    float: right;
    color: black;
    margin-top:19px;
    margin-right:10px;
}
.login_client a{
    text-decoration: none;
    color:black;
    font-weight: bold;
}
.cbgg {
	background-color:#0EAC37;
	color:#FFF;
}
.Selectcbgg {
	background-color:#B95252;
	color:#FFF;
}
.SelectboxAction {
	background-color:#C6252F;
	color:#FFF;
    border: 1px solid #ffffff;
    width:150px;
    font-weight: bolder;
}
.celbor {
	border-bottom:solid 1px #ddd;
	line-height:18px;
}
.sbar {
	margin-bottom:15px;
	padding:3px;
}
.btext {
	font-size:16px;
	font-weight:bold;
}
.mr {
	margin-right:5px;
}
.ml {
	margin-left:10px;
}
.mtt {
	margin-top:7px;
}
.ft {
	padding:5px;
	width:380px;
	color:#666;
}
.ift {
	padding:5px;
	width:310px;
	color:#666;
}
.iftd {
	padding:5px;
	width:322px;
	color:#666;
}
.ifts {
	padding:5px;
	width:117px;
	color:#666;
}
.iftds {
	padding:5px;
	width:100px;
	color:#666;
}
.ftd {
	padding:5px;
	width:200px;
	color:#666;
}
.ftb {
	padding:3px;
	width:150px;
	color:#000;
	font-family:Calibri;
	text-transform:uppercase;
	cursor:pointer;
}
.mt {
	margin-top:3px;
}
.adeletecontainer{
    width: 960px;
    border:0px solid #000000; float: left;
    background-color: #FFFFFF;
    margin-bottom: 50px;
    
}
.qualiAddButton{
    width: 100px;
    float:left;
    margin: 40px 0px 0px 0px;
    text-align: center; 
    border:1px solid #000000;
    font-weight: bolder;
    color: #ffffff;
    background-color: #1E477D;
    margin: 10px 0px 0px 20px;
    border-radius: 45px;
    padding:5px; 
     cursor: pointer;
}
.ExporttoExcel{
    width: 140px;
    float:left;
    margin: 40px 0px 0px 0px;
    text-align: center; 
    border:1px solid #000000;
    font-weight: bolder;
    color: #ffffff;
    background-color: #1E477D;
    margin: 10px 0px 0px 20px;
    border-radius: 45px;
    padding:5px; 
     cursor: pointer;
}
.candiAddButton{
    width: 100px;
    margin: 40px 0px 0px 0px;
    text-align: center; 
    border:1px solid #000000;
    font-weight: bolder;
    color: #ffffff;
    background-color: #990000;
    margin: 10px 0px 0px 20px;
    border-radius: 45px;
    padding:5px; 
     cursor: pointer;
}
.qualiDelButton
{
    width: 100px;
    float:left;
     font-weight: bolder;
    color: #ffffff;
    background-color: #990000;
    border:0px solid #000000;
    margin: 10px 0px 0px 20px;
    border-radius: 45px;
    text-align: center; 
     cursor: pointer;
    padding:5px; 
}
.qualiSearch
{
    
    border: 0px solid #000000;
    float: left;
    margin:0px 0px 10px 340px;
    font-weight: bolder;
    padding:5px;
    
}
.qualtxtbox
{
    width:240px;
    padding:4px;
    float: left;
    
}
.qualiGo
{
    width: 50px;
    float:left;
    padding:3px;
     font-weight: bolder;
    color: #ffffff;
    background-color: #990000;
    border:1px solid #000000;
    margin: 5px 0px 0px 20px;
    border-radius: 45px;
    text-align: center; 
}



@media screen and (max-width:920px)  {
	.hmsrvic{width:46%; float:left; padding:1% 2%;}	
}

@media screen and (max-width:720px)  {
		#form{width:99%; float:left; margin:0%; border-right:0px; border-top:1px dashed #CCC; margin-top:1%; padding-top:2%;}
.contact{width:96%; float:right; padding:1%; margin:1%;}

.loanform1{width:94%;}
.loanform1 p{width:48%; float:left; padding:1% 1%;}
}

@media screen and (max-width:700px)  {
.head .left{width:98%; float:left; padding-top:1%;}
.head .right{width:98%;}
.loanform3{width:98%; padding:1%; float:left !important;}
}
@media screen and (max-width:600px)  {
.loanform4 .left{width:100%; float:left; height:35px;}
.loanform4 .right{width:100%;}
}


@media screen and (max-width:500px)  {
.loanform2 p label{width:98%; float:left;}
.ff {padding:2px 10px; width:93%; float:left;}
.bar{width:50%; }
.loanform4 .right p{border-bottom:1px dashed #d3d3d3; margin-bottom:3%;}
.loanform4 .right label{width:auto; padding-right:3%;}
.loantype{width:46%;}
}

@media screen and (max-width:420px)  {
	.hmsrvic{width:98%; float:left; padding:1% 1%;}	
	#form label{width:99%; float:left; margin:5px 0px;}
	#form input, #form textarea{width:98%;}
	.loanform1 p{width:98%; float:left; padding:1% 1%;}
	.aplytxt h3{width:98%; padding:1%;  border-radius:6px;}
	
	
}
@media screen and (max-width:318px)  {
.head .right input,.head .right select{float:left; width:97% !important; }
.head p{ width:97% !important; }
}