/*********************** 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;

}

.left { float: left }
.right { float: right }
.clear { clear: both }
.bold { font-weight: bold }
.centered { text-align: center }

/************************/

* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
body {
	background: #fff;
	font: normal 13px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #000;
}
h1 {
	margin: 16px 0 18px;
	padding-left: 13px;
	background: transparent url(../images/header-inner.gif) no-repeat 0 0;
	font: bold 15px/31px  Helvetica, Arial, Verdana, sans-serif;
	color: #333;
}
h2 {
	font: bold 16px/20px Arial, Verdana, sans-serif;
	color: #333;
}
h3 {
	padding-left: 27px;
	font: bold 14px Arial, Verdana, sans-serif;
	color: #333;
}
h4 {
	padding-left: 26px;
	font: bold 13px/31px Arial, Verdana, sans-serif;
	color: #000;
}
h5 a,
h5 {
	padding: 10px 0 10px 11px;
	font: bold 15px Arial, Verdana, sans-serif;
	color: #333;
}
h6 {
	padding: 10px 0 10px 14px;
	font: bold 12px Arial, Verdana, sans-serif;
	color: #333;
}
a {
	font: bold 12px/16px Arial, Verdana, sans-serif;
	color: #3271BE;
	text-decoration: underline;
}
a:hover {text-decoration: none}
p { padding: 0 0 18px 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: #333;
}
ul.companyReviews li a {
	font: normal 12px Arial, Verdana, sans-serif;
	color: #333;
	text-decoration: none;
}
ul.companyReviews li a:hover {text-decoration: underline;}

#wrap {
	margin: auto;
	width: 798px;
}
#header {
	width: 828px;
	height: 357px;
	background: url(../images/header-bg.jpg) no-repeat bottom;
}
#innerHeader {
	width: 798px;
	height: 78px;
	/* background: url(../images/header-inner.gif) no-repeat bottom; */
}

.logo {
	margin-top: 30px;
	display: block;

}

#logo {
	padding: 25px 0 12px 25px;
}
#logoInner {
	padding: 25px 0 12px;
}
#logo a,
#logoInner a {
	font: normal 36px DejaVuSansCondensedBold, DejaVuSansBold, sans-serif;
	text-decoration:none;
	color:#333333;
}
#logo a span,
#logoInner a span {
	text-decoration:none;
	color:#ff6602;
}
#logo a small,
#logoInner a small {
	font: normal 18px DejaVuSansBold, sans-serif;
	text-decoration:none;
	color:#333333;
}
.securedBy {
	padding: 8px 40px 0px 0px;
}

#content {
	padding: 0 15px;
}

#innerContent {
	width: 798px;
}

.content {
	float: left;
	width: 586px;
	padding: 0 0 20px;
}
.sidebar {
	float: right;
	width: 199px;
	padding-bottom: 5px;
}
#sidebar {
	padding: 5px 0px 5px 15px;
}
.innerContent {
	padding: 16px 0px 20px 27px;
}

.sbReview {
	padding-bottom: 1em;
}
.lrTitle {
	font: bold 13px/16px Arial, Verdana, sans-serif;
}
.lrContent {
	padding: 4px 0 6px;
}
.lrRatings {
	font-weight: bold;
}
.lrPostedBy {
	color: #858585;
}

.list {
	padding: 1em 0 0 2em;
}
.list li {
	padding: .2em 0;
}
.smallList {
	padding: .4em .2em .8em 2em;
}
.smallList li {
	padding: .2em 0;
}
.sitemapLayout h5 a,
.sitemapLayout h5 {
	padding: 2px 0 8px;
	font: bold 16px Arial, Verdana, sans-serif;
}
.sitemapLayout a {
	font: normal 12px/16px Arial, Verdana, sans-serif;
	color: #333;
	text-decoration: none;
}
.sitemapLayout a:hover {
	color: #36c;
}
.sitemapLayout {
	list-style: none;
}
.sitemapLayout ul.nobull > li {
	list-style: none;
}
.sitemapLayout ul {
	padding: 0 0 20px 20px;
	list-style: disc;
}
.sitemapLayout > li {
	list-style: none;
	float: left;
	padding: 0	30px 10px 0;
}
.articleList {
	list-style: none;
}
.articleList li {
	clear: both;
	margin-bottom: 14px;
}
.articleList p {
	float: left;
	margin-bottom: 1em;
	padding: 0 0 0 12px;
}
.articleList img {
	float: left;
	border: 1px solid #959595;
}
.articleList a {
	font-weight: bold;
	color: #000;
}

.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;
}
.quoteBox {
	position: relative;
	width: 798px;
	height: 164px;
	background: transparent url(../images/quotebox-bg-short.jpg) no-repeat 0 0;
}
.quoteBox input {
	display: block;
	position: absolute;
	top: 75px;
	left: 576px;
	margin: 0;
	border: 0;
	padding: 0;
	width: 155px;
	height: 56px;
	background: transparent url(../images/btn-apply-now.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	cursor: pointer;
}
.quoteBox input:hover {
	background-position: 0 -56px;
}

.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;
}

.iaDate {
	font: normal 10px/18px Arial, Verdana, sans-serif;
	color: #696969;
}

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;
}

/* Navigation */
#menu {
	list-style: none;
}
#menu ul {
	list-style: none;
	padding-left: 51px;
}
#menu > li {
	width: 199px;
	height: 46px;
	background: transparent url(../images/menu-bg.gif) no-repeat 0 0;
}
#menu li.extend {
	height: 79px;
	background: transparent url(../images/menu-bg.gif) no-repeat 0 -92px;
}
#menu li.extend ul a {
	padding-left: 0px;
	height: 18px;
	background: none;
	font: bold 15px/18px Helvetica, Arial, Verdana, sans-serif;
}
#menu span,
#menu a {
	display: block;
	padding-left: 51px;
	width: 148px;
	height: 46px;
	background: transparent url(../images/menu-icons.png) no-repeat 0 0;
	font: bold 15px/46px Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	text-decoration: none;
}
/*
#menu li.extend li span,
#menu li.extend li a {
	background: none;
	padding-left: 0;
	width: auto;
	height: 20px;
	font: bold 13px/20px Helvetica, Arial, Verdana, sans-serif;
}
#menu li.extend li a:hover { text-decoration: underline }
*/
#menu .btnGetCash { background-position: 7px 6px }
#menu .btnHowItWorks { background-position: 7px -40px }
#menu .btnRatesandFees { background-position: 7px -86px }
#menu .btnArticles { background-position: 7px -132px }
#menu .btnInYourState { background-position: 7px -178px }
#menu .btnCompanies { background-position: 7px -224px }
#menu .btnPrivacyAndSecurity { background-position: 7px -270px }
#menu .btnContactUs { background-position: 7px -316px }
#menu .btnResources { background-position: 7px -362px }
#menu .btnConsumerFacts { background-position: 7px -408px }

#menu li.extend a.btnResources {  }

#menu li:hover, #menu li.current { background-position: 0 -46px }
#menu li.extend:hover, #menu li.extend.current { background-position: 0px -92px }

.selectState {
	margin-top: 10px;
	padding: 10px 10px 0px 50px;
	background: url('../images/red-arrow.gif') no-repeat 185px 4px;
}
#stateMap {
	margin-bottom: 20px;
}
.companyData {
	position: relative;
	margin: 47px 0 18px;
	padding: 0 8px;
	width: 566px;
	background: url(../images/company-data-mid.gif) repeat-y;
	font: normal 12px/18px Verdana, Arial, Helvetica;
	color: #333;
}
.companyDataTop {
	position: absolute;
	top: -40px;
	left: 0;
	padding: 0 13px;
	width: 560px;
	height: 40px;
	background: transparent url(../images/company-data-top.gif) no-repeat 0 0;
	font: bold 12px/40px Verdana, Arial, sans-serif;
	color: #333;
}
.companyDataBottom {
	position: absolute;
	bottom: -11px;
	left: 0;
	width: 586px;
	height: 11px;
	background: url(../images/company-data-bot.gif) no-repeat 0 100%;
}
.companyData p {
	padding: 0 0 6px;
}
.companyData a {
	font: normal 12px/18px Verdana, Arial, Helvetica;
	color: #333;
	text-decoration: underline;
}
.companyData a.feB.cRed {
	font-weight: bold;
	color: #f00;
}
.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;
}
.companyData td {
	padding: 1px 0 1px 5px;
}
.companyData .companyDataContent {
	padding: 0 12px 10px 27px;
}
.companyDataContent span {
	padding-left: 12px;
}
.companyDataContent a {
	color: #f60;
}
.companyData table {
	width: 100%;
}
.companyData .odd td { background: #e9e9e9 }
.companyData .even td { background: #e8f5fc }

.ratingBox li {
	float: left;
	display: block;
	margin: 0 3px 3px 0;
	padding: 5px;
	width: 134px;
	height: 109px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/rating-box.png);
	text-align: center;
	text-transform: uppercase;
}
.ratingBox h5,
.ratingBox h5 a {
	padding: 0;
	font: normal 12px/16px Arial, sans-serif;
	color: #000;
	text-decoration: none;
}
.ratingBox h5 {
	position: relative;
	padding: 4px 0 3px;
	height: 32px;
}
.ratingBox h5 a {
	display: table;
	position: absolute;
	width: 100%;
	height: 32px;
}
.ratingBox h5 a span {
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
}
.ratingBox em {
	display: block;
	padding: 0;
	font: normal bold 40px/44px Arial, sans-serif;
	color: #fff;
}
.ratingBox a.reviewsLink {
	font: bold 11px/20px Arial, sans-serif;
	color: #1c6291;
	text-decoration: none;
}
.ratingBox li.good {
	background-color: #5295c3;
}
.ratingBox li.bad {
	background-color: #d14545;
}
.ratingBox li.bad a.reviewsLink {
	color: #d1311e;
}
.ratingBox a:hover {
	text-decoration: underline;
}

.ratingAndReviews {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 4px;
	margin-bottom: 10px;
	background: #e7ebf0;
	color: #414141;
}
.ratingAndReviews .inside {
	border: 1px solid white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0 7px;
}
.ratingAndReviews h2 {
	height: 25px;
	font: bold 14px/25px Verdana, sans-serif;
	color: #414141;
}
.ratingAndReviews h3 {
	padding: 5px 5px 5px 0;
	font: bold 12px/16px Arial, Verdana, sans-serif;
	color: #3271be;
}
.ratingAndReviews p {
	padding-bottom: 10px;
}
.rrPading {
	padding: 5px 20px;
}
.rrBdb {
	border-bottom: 1px solid white;
}
.rating-line {
	padding: 8px 0;
	height: 16px;
}
.rating-line span {
	float: left;
	font-weight: bold;
}
.rating-line span.rrLabel {
	display: block;
	width: 80px;
}
.rating-line .bar {
	position: relative;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 400px;
	height: 16px;
	background: #d4d7dc;
}
.rating-line .bar .complete {
	height: 16px;
	background: #ff9c5c;
}
.reviewRatings {
	margin-bottom: 1em;
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
	background: #d4d7dc;
}
.reviewRatings span {
	margin-right: 20px;
}
.rrFooter {
	text-align: right;
}
.rrFooter, .rrFooter a {
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
}

.contactTable td {
	padding: 2px 0;
}

.ratingBar {
	width: 247px;
	height: 14px;
	background: #d5d5d5;
	border: 1px solid #bababa;
}
#disclaimer {
	width: 798px;
	height: 80px;
	background: url(../images/disclaimer.gif) no-repeat 0 7px;
	padding-top:7px;
}
#disclaimerh {
	width: 798px;
	height: 80px;
	font: normal 10px/12px Arial, Verdana, sans-serif;
	color: #333333;
	padding-top:7px;
}
#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 *********************/

.contactTable input[type=text],
.formEdit {
	font-family: arial, verdana,"ms sans serif",sans-serif;
	border: 1px solid #bcbaa2;
	width: 250px;
	font-size: 10pt;
}
.formEdit {
	background-color: #fff;
}

.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: #fff;
	height: 20px;
	width: 80px;
}

.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;
}

.feB {
	font-weight: bold;
}
.tdU {
	text-decoration: underline;
}
.cRed {
	color: #f00;
}



/* Validation */
.contactForm select.req,
.contactForm textarea.req,
.contactForm input.req {
	border: 1px solid #b61509;
}
.requiredCaptcha,
.requiredField {
	display: none;
	font-weight: bold;
	font-size: 10px;
	font-family: Arial, Verdana, sans-serif;
	color: #b61509;
}

.captcha {
	margin: 0;
	padding: 10px;
	background: #f0f0f0;
}
#recaptcha_image {
	float: left;
	margin: 0 10px 10px 0;
	width: 300xp;
	border: 1px solid #e3e3e3;
}
.captchaOpts {
	float: left;
	margin-top: 5px;
	width: 45px;
}
.captchaOpts a {
	width: 25px;
	height: 25px;
	background: transparent url(/images/captcha-sprite.png) no-repeat 0 0;
}

.captchaOpts a.btn {
	display:block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	cursor: pointer;
}
#recaptcha_reload_btn {
	background-position: -4px -5px;
}
#recaptcha_reload_btn:hover {
	background-position: -38px -5px;
}
#recaptcha_switch_audio_btn {
	background-position: -4px -49px;
}
#recaptcha_switch_audio_btn:hover {
	background-position: -38px -49px;
}
#recaptcha_switch_img_btn {
	background-position: -4px -92px;
}
#recaptcha_switch_img_btn:hover {
	background-position: -38px -92px;
}

#stateList {
	padding: 10px 4px;
	overflow: auto;
}
#stateList ul {
	list-style: none;
}
#stateList li {
	float: left;
	padding-right: 20px;
	width: 135px;
	list-style: none;
}
#stateList a {
    font-size: 13px;
    line-height: 17px;
    color: #666666;
    display: block;
    text-decoration: none;
    padding-left: 18px;
    font-weight:normal;
}

.stateMenu h2 span {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-left: 10px;
    padding: 0 6px;
    font: bold 18px/19px Arial,Helvetica,sans-serif;
    height: 19px;
}

.boxGettingCash {
    position: relative;
    margin-bottom: 12px;
    width: 199px;
    height: 130px;
    background: transparent url(../images/fast-easy-cash.gif) no-repeat left top;
}

.boxGettingCash .btnGetCash {
    position: absolute;
    top: 121px;
    left: 13px;
    width: 172px;
}

.btnGetCash {
    width: 172px;
    background-image: url(/images/btn-get-cash.gif);
}

.btn {
    display: block;
    border: 0;
    width: 222px;
    height: 34px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    cursor: pointer
}

.btn,
.notxt {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

.btn:hover {
	background-position: 0 -34px
}

.boxGettingCash .btnGetCash { display: none !important; }