/*********************** Fonts */
@font-face {
    font-family: 'DejaVuSansBold';
    src: url('/fonts/DejaVuSans-Bold-webfont.eot');
    src: url('/fonts/DejaVuSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSans-Bold-webfont.woff') format('woff'),
         url('/fonts/DejaVuSans-Bold-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSans-Bold-webfont.svg#DejaVuSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCondensedBold';
    src: url('/fonts/DejaVuSansCondensed-Bold-webfont.eot');
    src: url('/fonts/DejaVuSansCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSansCondensed-Bold-webfont.woff') format('woff'),
         url('/fonts/DejaVuSansCondensed-Bold-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSansCondensed-Bold-webfont.svg#DejaVuSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/************************/

* {
	margin: 0;
	padding: 0;
	}

img {
	border: none;
	}

BODY {
	background: #FFFFFF;
	font: normal 13px Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	}

H1 {
	font: bold 30px Arial, Verdana, sans-serif;
	color: #3366CC;
	}

H2 {
	font: bold 22px Arial, Verdana, sans-serif;
	color: #333333;
	}

H3 {
	padding-left: 27px;
	font: bold 14px Arial, Verdana, sans-serif;
	color: #333333;
	}

H4 {
	padding-left: 26px;
	font: bold 13px/31px Arial, Verdana, sans-serif;
	color: #000000;
	}

H5 {
	padding: 10px 0 10px 11px;
	font: bold 15px Arial, Verdana, sans-serif;
	color: #333333;
	}

H6 {
	padding: 10px 0 10px 14px;
	font: bold 12px Arial, Verdana, sans-serif;
	color: #333333;
	}

A {
	font: bold 12px/16px Arial, Verdana, sans-serif;
	color: #3271BE;
	text-decoration: underline;
	}

A:hover {
	text-decoration: none;
	}

P {
	padding: 9px 0;
	}

P.greyText {
	font: oblique 13px Arial, Helvetica, Verdana, sans-serif;
	color: #666666;
	}

ul.companyReviews {
	padding: 8px 0 12px 9px;
	list-style: none;
	}

ul.companyReviews li {
	padding-left: 17px;
	list-style: none;
	background: url('../images/bullet.gif') no-repeat 0px 2px;
	font: normal 12px Arial, Verdana, sans-serif;
	color: #333333;
	}

ul.companyReviews li a {
	font: normal 12px Arial, Verdana, sans-serif;
	color: #333333;
	text-decoration: none;
	}

ul.companyReviews li a:hover {
	text-decoration: underline;
	}

#hpWrap {
	margin: 0 auto;
	width: 828px;
	}

#wrap {
	margin: 0 auto;
	width: 798px;
	}

/*#hpHeader {
	width: 828px;
	height: 357px;
	background: url('../images/header-bg.jpg') no-repeat bottom;
	}
*/
#header {
	width: 828px;
	height: 357px;
	background: url('../images/header-bg.jpg') no-repeat bottom;
	}

#innerHeader {
	width: 798px;
	height: 109px;
	background: url('../images/header-inner.gif') no-repeat bottom;
	}

#logo {
	padding: 25px 0 12px;
}
#logo a {
	font: normal 36px  DejaVuSansCondensedBold, DejaVuSansBold, sans-serif;
	text-decoration:none;
	color:#333333;
}
#logo a span {
	text-decoration:none;
	color:#ff6602;
}
#logo a small{
	font: normal 18px DejaVuSansBold, sans-serif;
	text-decoration:none;
	color:#333333;
}	
.securedBy {
	padding: 8px 40px 0px 0px;
	}

#content {
	width: 828px;
	}

#innerContent {
	width: 798px;
	}

.content {
	padding: 16px 15px 20px 44px;
	}

.innerContent {
	padding: 16px 0px 20px 27px;
	}

.quotebox {
	width: 582px;
	height: 205px;
	background: url('../images/quotebox-bg.jpg') no-repeat;
	}

.applyNow {
	padding: 154px 21px 69px 596px;
	}

.applyNowQB {
	padding: 107px 21px 42px 406px;
	}

a.applyNowBtn {
	width: 155px;
	height: 56px;
	display: block;
	background: url('../images/btn-qb-apply.gif') no-repeat;
	}

a.applyNowBtn:hover {
	background: url('../images/btn-qb-apply-hover.gif') no-repeat;
	}

a.applyNowBtn span {
	display: none;
	}



.applyNowBtn {
	width: 155px;
	height: 56px;
	display: block;
	background: url('../images/btn-qb-apply.gif') no-repeat;
	border: none;
	cursor: pointer;
}

.applyNowBtn:hover {
	background: url('../images/btn-qb-apply-hover.gif') no-repeat;
}

.applyNowBtn span {
	display: none;
}



a.orangeLink {
	font: bold 14px/16px Arial, Verdana, sans-serif;
	color: #FF6600;
	text-decoration: underline;
	}

a.orangeLink:hover {
	text-decoration: none;
	}

.article {
	padding: 7px 0px;
	}

.article img {
	width: 83px;
	height: 53px;
	border: 1px solid #959595;
	float: left;
	}

.article p {
	padding: 0 0 0 90px;
	}

#sidebarIndex {
	padding: 5px 0px 5px 1px;
	}

#sidebar {
	padding: 5px 0px 5px 15px;
	}

#sidebar a span {
	/*display: none;*/
	}
#menu a, #menu div {
	text-align:left;
	text-decoration:none;
	color:#333333;
	text-indent: 50px;
}
#menu a span, #menu div span {
	font: bold 15px/46px Helvetica, Arial, Verdana, sans-serif;
	text-decoration:none;
	color:#333333;
}

#menu a.getACashLoan {
	width: 199px;
	height: 46px;
	display: block;
	background: url('../images/get-a-cash-loan.gif') no-repeat;
	}
#menu a.getACashLoan:hover, div.getACashLoan {
	width: 199px;
	height: 46px;
	background: url('../images/get-a-cash-loan.gif') no-repeat -199px 0px;
	}
#menu a.howItWorks {
	width: 199px;
	height: 46px;
	display: block;
	background: url('../images/how-it-works.gif') no-repeat;
	}
#menu a.howItWorks:hover, div.howItWorks {
	width: 199px;
	height: 46px;
	background: url('../images/how-it-works.gif') no-repeat -199px 0px;
	}

#menu a.faqs {
	width: 199px;
	height: 46px;
	display: block;
	background: url('../images/faqs.gif') no-repeat;
	}
#menu a.faqs:hover, div.faqs {
	width: 199px;
	height: 46px;
	background: url('../images/faqs.gif') no-repeat -199px 0px;
	}

#menu a.articles {
	width: 199px;
	height: 46px;
	display: block;
	background: url('../images/articles.gif') no-repeat;
	}
#menu a.articles:hover, div.articles {
	width: 199px;
	height: 46px;
	background: url('../images/articles.gif') no-repeat -199px 0px;
	}

#menu a.inYourState {
	width: 199px;
	height: 46px;
	display: block;
	background: url('../images/in-your-state.gif') no-repeat;
	}
#menu a.inYourState:hover, div.inYourState {
	width: 199px;
	height: 46px;
	background: url('../images/in-your-state.gif') no-repeat -199px 0px;
	}

#menu a.companies {
	width: 199px;
	height: 46px;
	display: block;
	background: url('../images/companies.gif') no-repeat;
	}
#menu a.companies:hover, div.companies {
	width: 199px;
	height: 46px;
	background: url('../images/companies.gif') no-repeat -199px 0px;
	}

#menu a.privacyAndSecurity {
	width: 199px;
	height: 46px;
	display: block;
	background: url('../images/privacy-and-security.gif') no-repeat;
	}
#menu a.privacyAndSecurity:hover, div.privacyAndSecurity {
	width: 199px;
	height: 46px;
	background: url('../images/privacy-and-security.gif') no-repeat -199px 0px;
	}

#menu a.contactUs {
	width: 199px;
	height: 46px;
	display: block;
	background: url('../images/contact-us.gif') no-repeat;
	}
#menu a.contactUs:hover, div.contactUs {
	width: 199px;
	height: 46px;
	background: url('../images/contact-us.gif') no-repeat -199px 0px;
	}

.hotOffers {
	width: 199px;
	height: 141px;
	background: url('../images/hot-offers.gif') no-repeat;
	text-align: left;
	}

.offerLinks {
	padding: 36px 5px 5px 40px;
	}

.offerLinks a {
	font: normal 12px/16px Arial, Verdana, sans-serif;
	color: #333333;
	text-decoration: underline;
	}

.offerLinks a:hover {
	text-decoration: none;
	}

.selectState {
	margin-top: 10px;
	padding: 10px 10px 0px 50px;
	background: url('../images/red-arrow.gif') no-repeat 185px 4px;
	}

#stateMap {
	margin-bottom: 20px;
	}

.companyData {
	margin: 7px 0;
	background: url('../images/company-data-mid.gif') repeat-y;
	font: normal 12px/18px Verdana, Arial, Helvetica;
	color: #333333;
	}

.companyData a {
	font: normal 12px/18px Arial, Verdana, sans-serif;
	color: #FF6600;
	text-decoration: underline;
	}

.companyData a:hover {
	text-decoration: none;
	}

.companyData a.companyDataLink {
	font: normal 12px/18px Verdana, Arial, Helvetica;
	color: #333333;
	text-decoration: underline;
	}

.companyData a.companyDataLink:hover {
	text-decoration: none;
	}

.companyData h2 {
	font: bold 16px/41px Arial, Helvetica, verdana;
	color: #333333;
	text-decoration: none;
}

.companyData i {
	font: bold oblique 12px/41px Arial, Helvetica, verdana;
	color: #333333;
}

.companyData td h2 {
	padding-left: 27px;
	}

.companyDataIndent {
	padding-left: 27px;
	}

.companyDataContent {
	padding: 0 12px 10px 27px;
	}

.companyDataContent span {
	padding-left: 12px;
	}

.ratingBar {
	width: 247px;
	height: 14px;
	background: #d5d5d5;
	border: 1px solid #bababa;
}

#footer {
	width: 828px;
	height: 61px;
	background: url('../images/footer.gif') no-repeat;
	}

#innerFooter {
	width: 798px;
	height: 61px;
	background: url('../images/footer-inner.gif') no-repeat;
	}

.footer {
	margin-bottom: 32px;
	padding-top: 20px;
	font: normal 10px Verdana, Arial, sans-serif;
	color: #717274;
	text-align: center;
	}

.footer a {
	font: normal 10px Verdana, Arial, sans-serif;
	color: #717274;
	text-decoration: underline;
	}

.footer a:hover {
	text-decoration: none;
	}

.copy {
	padding-top: 5px;
	font: normal 10px Verdana, Arial, sans-serif;
	color: #333333;
	text-align: center;
	}

.copy a {
	font: normal 10px Verdana, Arial, sans-serif;
	color: #717274;
	text-decoration: underline;
	}

.copy a:hover {
	text-decoration: none;
	}

a.breadcrumbs {
	font: bold 14px Arial, Verdana, sans-serif;
	color: #333333;
}

.phoneNumber {
	font: bold 24px/32px Helvetica, Arial, sans-serif;
	color: #E80527;
	}

/*********************** Data *********************/











.formEdit {
	font-family: arial, verdana,"ms sans serif",sans-serif;
	border: 1px solid #BCBAA2;
	/*border: 1px solid #185C81;*/
	background-color: #FFFFFF;
	/*width: 190px;*/
	width: 250px;
	/*font-size: 12px;*/
	font-size: 10pt;
}

.formHalfEdit {
	font-family: arial, verdana,"ms sans serif",sans-serif;
	border: 1px solid #BCBAA2;
	background-color: #FFFFFF;
	width: 100px;
	font-size: 12px;
}

.formSmallEdit {
	font-family: arial, verdana,"ms sans serif",sans-serif;
	border: 1px solid #BCBAA2;
	background-color: #FFFFFF;
	width: 60px;
	font-size: 12px;
}

.formLongEdit {
	font-family: arial, verdana,"ms sans serif",sans-serif;
	border: 1px solid #BCBAA2;
	background-color: #FFFFFF;
	width: 160px;
	font-size: 12px;
}

.formTextarea {
	font-family:"Arial","Verdana","MS Sans Serif",sans-serif;
	border: 1px solid #BCBAA2;
	background-color: #FFFFFF;
	height: 100px;
	width: 350px;
	font-size: 12px;
}

.formBigTextarea {
	font-family:"Arial","Verdana","MS Sans Serif",sans-serif;
	border: 1px solid #BCBAA2;
	background-color: #FFFFFF;
	height: 100px;
	width: 400px;
	font-size: 12px;
}

.formButton {
	font-family: verdana, arial, "ms sans serif",sans-serif;
	border: 1px solid #0fb6f7;
	font-size: 11px;
	background-color:#0fb6f7;
	font-weight: bold;
	color: #FFFFFF;
	height: 23px;
	width: 100px;
}


.formButtonLogin {
	font-family: verdana, arial, "ms sans serif",sans-serif;
	border: 1px solid #3366CC;
	font-size: 11px;
	background-color:#E7EBF0;
	font-weight: bold;
	color: #000000;
	height: 23px;
	width: 100px;
}

.formSmallButton {
	border: 1px solid #BCBAA2;
	font-size: 9pt;
	background-color:#BCBAA2;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	width: 80px;
}


.formLongButton {
	border: 1px solid #BCBAA2;
	font-size: 9pt;
	background-color:#BCBAA2;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	width: 80px;
}

/*

<table border="0" cellpadding="2" cellspacing="1" width="98%" align="center" class="tableBorder">
<form method="post">
	<tr>
		<td colspan="2" class="tableBorderHeader"><span class="tableHeaderText">New lender</span></td>
	</tr>

	<tr>
		<td class="tableData"><b>Web site:</b></td>
		<td class="tableData"><input type="text" name="Email" maxlength="50" class="formEdit"></td>
	</tr>

	<tr>
		<td class="tableData" valign="top"><b>Mailing address:</b></td>
		<td class="tableData"><textarea name="address" class="formTextarea"></textarea></td>
	</tr>
	 
	<tr>
		<td class="tableHeader">&nbsp;</td>
		<td class="tableHeader">
		<input type="submit" name="Save" value="Save" class="formButton">
		<input type="hidden" name="Save" value="Save">
		<input type="button" name="Cancel" value="Cancel" onclick="history.back();" class="formButton">
		</td>
	</tr>
</form>
</table>

<table border="0" cellpadding="2" cellspacing="1" width="98%" align="center" class="tableBorder">
	<tr>
		<td colspan="5" class="tableBorderHeader"><span class="tableHeaderText">Lenders</span></td>
	</tr>

	<tr class="tableHeader">
		<td><div class="tableHeaderText"><a href="#"><img src="images_iva/sort.gif" alt="sort" border="0" align="absmiddle">Name</a></div></td>
		<td><div class="tableHeaderText"><a href="#">E-mail</a></div></td>
		<td><div class="tableHeaderText">Details</div></td>
		<td><div class="tableHeaderText">Edit</div></td>
		<td><div class="tableHeaderText">Delete</div></td>
	</tr>

	<tr>
		<td class="tableDataLight"><a href="#">Manning, Peyton</a></td>
		<td class="tableDataLight"><a href="mailto:ahman@yahoo.com">peyton@yahoo.com</a></td>
		<td class="tableDataLight" align="center"><a href="#"><img src="images_iva/info.gif" border="0" alt="Notes"></a></td>
		<td class="tableDataLight" align="center"><a href="#"><img src="images_iva/edit.gif" border="0" alt="Edit"></a></td>
		<td class="tableDataLight" align="center"><a href="#"><img src="images_iva/delete.gif" border="0" alt="Delete"></a></td>
	</tr>

	<tr>
		<td class="tableDataDark"><a href="#">Manning, Peyton</a></td>
		<td class="tableDataDark"><a href="mailto:ahman@yahoo.com">peyton@yahoo.com</a></td>
		<td class="tableDataDark" align="center"><a href="#"><img src="images_iva/info.gif" border="0" alt="Notes"></a></td>
		<td class="tableDataDark" align="center"><a href="#"><img src="images_iva/edit.gif" border="0" alt="Edit"></a></td>
		<td class="tableDataDark" align="center"><a href="#"><img src="images_iva/delete.gif" border="0" alt="Delete"></a></td>
	</tr>
</table>
*/


.tableBorder {
	border: solid 1px #2462AB;
	background-color: #FFFFFF;
}

.tableBorderHeader {
	height: 27px;
	background-color: #DCDBBD;
	padding-left: 5px;
}

.tableHeader {
	height: 22px;
	background-color: #F1F1D8;
	padding-left: 5px;
}

.tableDataDark {
	background-color: #ECECEC;
	padding-left: 5px;
	height: 24px;
}

.tableDataLight {
	background-color: #FFFFFF;
	padding-left: 5px;
	height: 24px;
}
.tableHeaderText {
	color: #000000;
	font-weight: bold;
	text-align: center;
}
