@charset "utf-8";
/* CSS Document */

html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}
ul,li{ padding:0px; margin:0px;}
img { border:0px; outline:none;}
img{outline:0px;}
a { outline:none;}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
}

header{width:100%; height:85px; padding-top:10px;}

.topsection{max-width:1030px;width: 100%; margin:0px auto;  position:relative; padding-top:20px; padding-right:0px;}

.logo{height:84px; float:left; margin-top:-15px;}

.menu select { display: none; }

.menu{
float:right; height:50px;
border-radius: 6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
.menu{background:url(../images/menu-bg.png) repeat-x; height:46px;}
.menu ul{margin:0px; padding:0px; list-style-type:none;}
.menu ul li{float:left; border-right:#fff 1px solid; }
.menu li a{color:#fff; font-size:14px; font-weight:bold; height:46px; display:block; padding:0px 12px 0px 13px; line-height:44px; text-decoration:none;}
.menu li a:hover{background:url(../images/menu-bg-hover.png) repeat-x; color:#393939; height:46px; display:block; text-decoration:none;}
.menu li a.first{border-radius:6px 0px 0px 6px;}
.menu li a.last{border-radius:0px 6px 6px 0px; border-right:none;}
.menu li ul { display:none; position:absolute;height:30px; background-image:none !important; width:auto; z-index:100000; } 
.menu li:hover ul {display:block; position:absolute;height:30px; background-image:none !important;}
.menu li:hover ul li { display:block;  background-color:#a5cf98; height:30px !important; border-bottom:#fff 1px solid; border-right:#fff 1px solid; border-left:#fff 1px solid; margin-left:-1px; background-image:none !important; white-space:nowrap; clear:both;}
.menu li ul li a{line-height:30px !important; display:block;}
.menu li ul li a:hover{ color:#393939; height:30px; display:block; text-decoration:none; background-image:none !important; background-color:#6b9d6a;}
.menu li:hover ul{border-top:#fff 2px solid;}
.menu { z-index:100000;}
.menu li ul li a { z-index:1000000;}

.bannerarea{width:1030px; padding-top:0px; clear:both;}
.bannerarea h1{color:#669966; font-weight:bold; font-size:27px; margin:0px; padding:10px 0; text-shadow:0px 2px 0px #fff}
.bannerarea h2{color:#565656; font-size:20px; font-weight:bold; margin:0px; padding:0px; text-shadow:0px 1px 0px #fff}
.bannerarea h3{color:#565656; font-size:25px; font-weight:bold; margin:0px; padding:0px; text-shadow:0px 2px 0px #fff;}
.smallgreen{color:#669966; font-size:16px; font-weight:bold; margin:0px; padding:0px; text-shadow:0px 1px 0px #fff;}
.bannerarea span{color:#669966;}
.bannerright{float:right; width:655px; margin-top:-15px;}
.bannerleft{float:left; width:366px; padding-top:25px; position:relative;}
.sectionn{width:570px; padding-top:10px; position:relative;}
.smily {
	position:absolute;background-image: url(../images/smily.png);height: 49px;width: 77px;display:block;top:0px;right:-90px;}
.applysection{width:1020px; padding-top:8px; clear:both; position:absolute; top:291px;}
.applysectionleft{float:left; width:290px; padding-top:2px;}
.applysectionleft h1{background:url(../images/image-leading.png) no-repeat left top; height:55px; font-size:16px; color:#d4fad3; padding-left:50px; padding-top:5px; margin:0px;}
.applysectionleft span{font-size:12px; font-weight:normal;}
.applysectionleft h2{background:url(../images/image-responsiableleading.png) no-repeat left top; padding-top:0px; height:50px; font-size:16px; color:#d4fad3; padding-left:50px; margin:0px;}
.applysectionright{float:right; width:630px; padding-top:2px; margin-right:10px;}
.applysectionright1{width:123px; background:url(../images/apply-online.png) no-repeat left top; font-size:12px; color:#fff; font-weight:bold; padding-top:75px; text-align:center; float:left; padding-left:19px;} 
.arrow{float:left; background:url(../images/arrow.png) no-repeat; width:33px; height:54px; margin-left:10px; margin-top:10px;}


.applysectionright2{width:123px; background:url(../images/check-email.png) no-repeat 0 5px; margin-left:40px; font-size:12px; color:#fff; font-weight:bold; padding-top:75px; text-align:center; float:left; padding-left:20px;} 

.applysectionright3{width:205px; background:url(../images/cash.png) no-repeat left top; margin-left:0px; font-size:12px; color:#fff; font-weight:bold; padding-top:75px;  float:right; background-position:35px 5px; padding-left:10px;}

.midarea{width:1000px; margin:20px auto 15px auto; position:relative;  clear:both; min-height:190px;  z-index:0;}


.midarea p{ font-size:14px; color:#6b6b6b; padding:5px; margin:0px;}

.left{width:400px; float:left; padding-top:20px; border-bottom:0px solid #669966; margin-left:-35px;}


.right{width:450px; float:right; padding-top:0px;  border-left:#acc7ac 1px dotted; padding-left:20px;}

.midarea .right { float:left; margin: 0 25px; width:560px; }
.bulet{
	color:#669966;
	margin:0px;
	padding:0px 0px 0px 0px;
	width:380px;
	font-size:15px;
	line-height:24px;
	margin-top:35px;
	margin-right:10px;
	margin-bottom:10px;
	list-style-type: none;
}
.midarea h2{font-size: 34px;font-weight: bold;float: none;	width: 100% !important;	text-align:left !important;	line-height:24px;	padding:5px 0 30px 0;	margin:0px;	color:#669966; z-index:-1;}

.bulet li {
	font-size:14px;
	font-weight:bold;
	background-image: url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position: left 11px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 15px;
}

.midarea span {font-size:18px; color:#639662; font-weight:bold;}

.special{width:100%; height:60px; border-top:#9dbd9c 1px dotted; padding-top:30px; margin:0px auto; text-align:center; color:#6b6b6b; font-size:14px; line-height:20px; clear:both; padding-bottom:20px;}  


.footer{ border-top:#9dbd9c 1px dotted; width:100%; margin-top:10px;}

.footersection{width:960px; margin:0px auto; font-size:12px; color:#6b6b6b; padding-top:10px;}

.greenlink{color:#6b6b6b; text-decoration:none;}
.greenlink:hover{color:#669966; text-decoration:underline;}


.time-box {
	border:0px solid #f0f0f0; height:95px; padding:5px 10px; width:195px; margin-left:20px; position:relative; margin:0 auto; background-image:url(../images/bg.jpg); background-position:bottom center; border-radius:8px; box-shadow:0px 2px 3px #666; margin: 15px auto 25px auto;
}
.time-box span { font-size:12px;}
.date {
	background-image: url(../images/time-bg3.png);background-repeat: no-repeat;	height: 60px;	width: 60px;	position: absolute;	top:27px;	left:10px;}
.month {width:50px; font-size:12px; font-weight:bold; padding:2px 5px; text-align:center; color:#497548; text-transform:uppercase; height:17px;}
.day {width:60px; font-size:30px; font-weight:bold; padding:0px 0 0 0; text-align:center; color:#16921f; line-height:23px; height:24px;}
.year {width:60px;font-size:11px;font-weight:bold;padding:0;text-align:center;color:#497548;line-height:15px;}
.time {position:absolute;top:24px;left:70px;}	
.hrs {width:46px; font-size:34px; font-weight:bold; padding:5px; text-align:center; color:#565656; text-transform:uppercase; text-shadow:0px 1px #ffffff; position:absolute; top:6px; left:0px;}
.min {width:50px; font-size:34px; font-weight:bold; padding:5px; text-align:center; color:#565656; text-transform:uppercase; text-shadow:0px 1px #ffffff; position:absolute; top:6px; left:50px;}
.divider { font-size:34px; font-weight:bold; padding:5px; text-align:center; color:#565656; text-transform:uppercase; text-shadow:0px 1px #ffffff; position:absolute; top:5px; left:44px;}
.sec {width:98px; font-size:14px; font-weight:bold; padding:10px 0 0 0; text-align:center; color:#565656; text-shadow:0px 1px #ffffff;  position:absolute;  top:21px; left:66px;}
.noon {width:98px; font-size:12px; font-weight:bold; padding:15px 0 0 0; text-align:center; color:#565656; text-shadow:0px 1px #ffffff;  position:absolute;  top:2px; left:65px;}	
.divider2{width:70px; font-size:17px; font-weight:bold; padding:10px 0 0 0; text-align:center; color:#565656; text-shadow:0px 1px #ffffff;  position:absolute;  top:18px; left:69px;}
.image_box  {
	text-align:center;	
}
.image_box h3 span {
	text-transform: uppercase;
	color: #6aa869;
	font-size:14px;
}

.tick1{position:absolute;background-image:url(../images/tick.png);background-repeat: no-repeat;	height: 27px;	width: 27px;top:-30px;left:528px;z-index:-1;}
.fea_img  { position:absolute; left:245px; top:190px;}
.line  { position:relative; left:0px; top:-5px; background-color:#669966; width:410px; height:3px;}
.apy-now{position:absolute;font-size:25px;font-weight:bold;color:#669966;left:30px;width:150px;top:5px;	text-decoration: blink;}
.we-res {position:absolute;font-size:12px;font-weight:bold;color:#565656;width:200px;top:88px;left:5px;text-decoration:blink;} 
.we-res3 {font-size:12px;font-weight:bold;color:#FFFFFF;width:120px;top:88px;left:5px;text-decoration:blink; text-align:center; position:absolute; top:200px; left:440px; z-index:10000;}
.unsec-loans {width:150px;}
.sec-loans {width:145px;}
.remort {width:120px;}
.debt {width:155px;}
.unsec-loan li { width:150px !important;}
.sec-loan li { width:145px !important;}
.remortgage li { width:120px !important;}
.debt-mgnt li { width:155px !important;}
.abt-us li { width:87px !important;}
.midarea .right .list {
	padding: 5px;
	margin:10px;
}
.list li {
	padding-bottom: 5px;
	margin-left: 5px;
	background-image: url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left:15px;
	list-style-type: none;
}
.head {
	font-size: 14px;
	font-weight: bold;
	color: #669966;
}
.green {
	color: #669966;
}
.apply-now {
	text-align: center;
	padding-bottom: 15px;
}



.form ul{
	margin: 0px;
	padding: 0px;
	width: 600px;
}

.form ul li{list-style:none; overflow:hidden; background:#AFCC99; padding-bottom:4px; *padding-bottom:5px; *margin-top:-4px;}

.form ul li div{float:left;}

.form .first{
	width: 280px;
	float: left;
	padding-right: 10px;
	text-align: right;
}

.form .second{
	width: 280px;
	text-align: left;
	padding-left: 10px;
}

.form ul li label{display:block; padding-top:3px;}



.submit-btn:hover{background:#225d22;}

.form h1{
	border-bottom: 0px solid #fff;
	background: #669966;
	border-top: 0px solid #fff;
	color: #fff;
	font-family: Bookman Old Style, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0px;
	text-align:center;
}
.submit-btn{background:#447c44; border:1px solid #447c44; color:#fff; font-size:14px; padding:5px; cursor:pointer;}
.submit-btn:hover{background:#225d22;}
.droplist{ border:1px solid #669966; background:#e2f3d5; font-size:10pt; height:20px; padding:0px; margin-top:0px;}
.text-field{border:1px solid #669966; background:#e2f3d5;font-size:11px; height:20px;  padding:0px 2px; margin-top:0px;}
.text-field2{border:1px solid #669966; background:#e2f3d5;font-size:11px; height:40px;  padding:0px 2px; margin-top:0px;}
.head1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #008408;
	text-align: right;
	height:35px;
	padding-right: 10px;
}
.fleft { text-align:left;}
.fields {
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	height: 25px;
	font-size: 10pt;
}
.fields-right {
	text-align: left;
	padding-left: 5px;
	line-height:33px;
}
.cnt-details { z-index:-50;}.footer-red {
	font-family: Arial, Helvetica, sans-serif;
	color: #800000;
	text-align: center;
}
.footer-green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #669966;
	text-align: center;
}
.btn2{display:block;	margin-left:0px;	position:relative;	z-index:100;	width:107px;height:43px;text-align:center;font:bold 25px/28px Arial, Helvetica, sans-serif;color:#fff;background-image: url(../images/apply-now.png);	background-repeat: no-repeat;	background-position: 0 0;text-indent:-9999px; margin-right:63px; outline:none; margin:0 auto;}
.btn2:hover{background-position: 0 -43px;}


.btn a{display:inline-block; margin-left:0px; position:relative; z-index:100; width:191px; height:52px; padding-top:17px; background:url(../images/apply_now_btn.png) no-repeat 0 0; text-align:center; font:bold 25px/28px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
.btn a:hover{background-position:0 -69px;}

.btn3 a{display:block; margin-left:0px; position:relative; z-index:100; width:159px; height:50px; padding-top:7px; background:url(../images/gif-btn.gif) no-repeat 0 0; text-align:center; font:bold 25px/28px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-indent:-9999px;}
.btn3 a:hover{background-position:0 -57px;}

.tbl {
	background-color:#AFCC99;
	border-radius:25px;
	padding:20px 0;
	}
.menu li a.first-and-last { border-radius:6px;}

@media (min-width: 240px) 
and (max-width: 767px) {
.menu ul     { display: none; }
.menu select {     
display: inline-block!important;
width: 94%;
height: 40px; 
}
.menu {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border-radius: 6px;
    float: left;
    text-align: center;
    width: 100%;
}
header {  
    height: auto;
    padding-top: 10px;
    width: 100%;
	float: left;
}
.midarea {
    width: 100%;
    margin: 20px auto 15px auto;
    position: relative;
    clear: both;
    min-height: 190px;
    z-index: 0;
}
.left {
    width: 100%;
    float: left;
    padding-top: 20px;
    border-bottom: 0px solid #669966;
    margin-left: 0;
}
.fea_img {
position: relative;
    float: right;
    width: 35%;
    margin-top: 5%;
    top: 0;
    left: 0;
    max-width: 135px;
}
.bulet {
    color: #669966;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 65%;
    font-size: 15px;
    line-height: 24px;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0;
    list-style-type: none;
    margin-left: 5px;
}
.bulet li img {
float: left;
width: 150%;
margin-top: -30px;
margin-bottom: 20px;
max-width: 348px;
}
.left p img {
float: left;
width: 100%;
margin-top: -30px;
margin-bottom: 20px;
max-width: 348px;
}
.line {
width: 100%;
}
.midarea .right {
    float: left;
    margin: 0;
    width: 95%;
}
.special {
width: 100% !important;
    height: auto !important;
}
.footersection {
width: 100%;
float: left;
}
}

@media (min-width: 768px) 
and (max-width: 1024px) {

header {  
    height: auto;
    padding-top: 10px;
    width: 100%;
	float: left;
}
.midarea {
    width: 100%;
    margin: 20px auto 15px auto;
    position: relative;
    clear: both;
    min-height: 190px;
    z-index: 0;
}
.left {
    width: 48%;
    float: left;
    padding-top: 20px;
    border-bottom: 0px solid #669966;
    margin-left: 0;
}
.fea_img {
position: relative;
    float: right;
    width: 35%;
    margin-top: 5%;
    top: 0;
    left: 0;
    max-width: 135px;
}
.bulet {
    color: #669966;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 65%;
    font-size: 15px;
    line-height: 24px;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0;
    list-style-type: none;
    margin-left: 5px;
}
.bulet li img {
float: left;
width: 150%;
margin-top: -30px;
margin-bottom: 20px;
max-width: 348px;
}
.left p img {
float: left;
width: 100%;
margin-top: -30px;
margin-bottom: 20px;
max-width: 348px;
}
.line {
width: 100%;
}
.midarea .right {
    float: left;
    margin: 0;
    width: 48%;
}
.special {
width: 100% !important;
    height: auto !important;
}
.footersection {
width: 100%;
float: left;
}
}

@media all and (max-width: 640px) and (min-width: 320px) {
.mobile-view{
display:block;
}}

@media all and (max-width: 2000px) and (min-width: 641px) {
.mobile-view{
display:none;
}}

@media all and (max-width: 640px) and (min-width: 320px) {
.mobile-view-img{
display:none !important;
}}

@media all and (max-width: 2000px) and (min-width: 641px) {
.mobile-view-img{
display:block !important;
}}

/*------new menu css-------------------*/

.slicknav_menu {
		display:none;
	}

@media screen and (max-width: 40em) {
	.js .menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	.foot_menu{
		display:none !important;
	}
}