@charset "utf-8";
/* CSS Document */

/* CSS Reset & General Elements */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, html, label, table, tr, td { 
	margin:0; padding:0;}
p { font-size:11px;}
h1 { font-size:200%; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
h2 { font-size:170%; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
h3 { font-size:140%; font-weight:normal; color:#F60; font-family:Arial, Helvetica, sans-serif;}
h4 {
	font-size:105%;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 8px;
	margin-bottom: 10px;
}
hr{ height:1px; border:none; background-color:#999;}
strong { font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
strong a{ color:#333; text-decoration:none;}
strong a:hover{ color:#069;}
em { color:#666;}
img { border:none;}
.clearFix { clear:both;}
.floatLeft{ float:left;}
.floatRight{ float:right; margin:0 0 0 17px;}
body { margin:0; font-family:Verdana, Geneva, sans-serif; color:#333; font-size:12px; background-color:#EEE;}
#mainContainer{ position:relative; width:980px; margin:10px auto; padding:0 10px 10px 10px; border:1px solid #CCC; background-color:#FFF;}

/* Top Section */
#topSection{ height:85px;}
#logoSide{ float:left; width:205px;}
#topMenuSide{ float:right; width:500px; text-align:right; margin:15px 0 0 0;}
#topMenuSide p a{ color:#333; text-decoration:none;}
#topMenuSide p a:hover{ color:#999;}
#topMenuSide table{ margin:17px 0 0 0; float:right;}
#topMenuSide table input{ border:1px solid #CCC; padding:2px 5px; color:#666;}

/* Main Site Navigation */
#mainNav{ font-family:Arial, Helvetica, sans-serif; font-size:95%; background-color:#feae03; max-height:50px; /* for IE */}
#mainNav ul { list-style:none; margin:0; padding:0;}
#mainNav li { float:left; width:auto; margin:0; padding:0; text-align:center;}
li a { display:block; padding:7px 10px; height:100%; color:#333; text-decoration:none; border-right:1px solid #FFF;}
li a { background: url(../images/bg2.jpg) repeat 0 0;}
li a:hover, li a:focus, li a:active { background-position:-150px 0; color:#FFF;}
#a a { background:url(../images/menuBg.jpg) repeat -20px 35px;}
#b a { background:url(../images/bg2.jpg) repeat 0 0;}
#c a { background:url(../images/bg3.jpg) repeat 0 0;}
#d a { background:url(../images/bg4.jpg) repeat 0 0;
}

/* Presentation Block */
#mediaBlock{ height:300px; background: url(../images/mainMediaBg1.jpg) no-repeat left top; margin:10px 0 0 0;}
#formBlock{ position:relative; width:490px; top:50px; left:420px; padding:10px; overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;}
#formBlock h2{ font-size:170%; color:#F60;}
#formBlock h4{ font-size:120%; color:#666;}
#formBlock p{ font-size:95%;}
#formBlock img{ margin:8px 0 0 0;}

/* Main Content House */
#contentHolder{ margin:10px 0 0 0;}

/* Left Section */
#leftSection{ float:left; width:250px; padding:0 10px 10px 10px; border: 1px solid #CCC;}
#leftSection h4{ margin:10px 0 3px 0;}
#leftSection h3{ margin:10px 0 3px 0;}
#leftSection p{ line-height:1.5em;}
#leftSection img{ float:left; margin:3px 10px 0 0; white-space:inherit;}
.autoCalculator{ background-color:#fbefe7; padding:0 0 0 17px; margin:10px 0;}
.autoCalculator table{ margin:10px 0 0 0; font-size:75%;}
.autoCalculator table td{ padding:2px 0;}
.autoCalculator table td input, .autoCalculator table td select{ border:1px solid #CCC; padding:2px 5px;}

/* Right Section */
#rightSection{ float:right; width:680px; padding:0 10px 10px 0;}
#rightSection p{
	margin:0 0 7px 0;
	line-height:1.45em;
	text-align: justify;
}
#rightSection p a{ color:#F60; text-decoration:none;}
#rightSection h1{
	font-size:200%;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 45px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 5px;
}
#rightSection h2{
	color:#F60;
	font-weight:normal;
	letter-spacing:-1px;
	font-size:160%;
	margin-top: 8;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;

}
#rightSection h3{
	color:#999;
	font-size:150%;
	line-height: 30px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
.mortImg{ margin:10px 0 0 0;}

#rightSection sub-head {color:#999; margin:-5px 0 3px 0; font-size:150%;}
.mortImg{ margin:10px 0 0 0;}

#siteMap{ margin:0 0 0 25px;}
#siteMap .sub{ margin:0 0 0 20px;}
#siteMap p{ margin:0 0 1px 0;}
#siteMap p a{ color:#666;}
#siteMap p ul li a:hover{ color:#F60;}
#siteMap ul li a:hover{ color:#F60;}

/* Normal Listing */
ul.normalLists{
	font-size:90%;
	margin:0 0 0 25px;
}
ul.normalLists li{
	margin:3px 0;
	line-height: 15px;
}
ul.normalLists li a{ color:#F30; float:none; padding:0; margin:0; display:inline; text-decoration:none;}

/* Tick Listing */
ul.tickLists li{ background: url(../images/tick.gif) no-repeat left center;}

/* Arrow Listing */
ul.arrowLists li{ background: url(../images/arrowBullet.gif) no-repeat left center;}

/* Down Arrow Listing */
ul.dwnarrowLists li{ background: url(../images/downArrow.gif) no-repeat left center;}

/* General for all List Types */
ul.tickLists, ul.arrowLists, ul.dwnarrowLists{
	font-size:90%;
	margin:0 0 0 10px;
	list-style:none;
}
ul.tickLists li, ul.arrowLists li, ul.dwnarrowLists li{
	margin:3px 0;
	padding:0 0 0 17px;
	line-height: 15px;
}
ul.tickLists li a, ul.arrowLists li a, ul.dwnarrowLists li a{ color:#F30; float:none; padding:0; margin:0; display:inline; text-decoration:none;}

.tlist {
	background: url(../images/tick.gif) no-repeat left center;
	font-size:90%;
	margin-top: 5;
	margin-right: 0;
	margin-bottom: 5;
	margin-left: 10px;
	padding-left: 15px;
		background-position: left top;
	padding-bottom: 8px;
		line-height: 16px;
}
.alist {
	font-size:90%;
	margin-top: 5;
	margin-right: 0;
	margin-bottom: 5;
	margin-left: 10px;
	padding-left: 15px;
	line-height: 16px;
	background-image: url(../images/arrowBullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 8px;
}
.dlist {
	background: url(../images/downArrow.gif) no-repeat left center;
	font-size:90%;
	margin-top: 5;
	margin-right: 0;
	margin-bottom: 5;
	margin-left: 10px;
	padding-left: 15px;		background-position: left top;
	padding-bottom: 8px;
	line-height: 16px;
		}
		
	
/* Internal Vertical Menu - Sub-Section pages Only */
#vertMenu{
	width:210px;
	padding:5px;
	border:1px solid #F90;
	background-color:#FFF;
	margin-left: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#vertMenu ul{
	list-style-type: circle;
}
#vertMenu ul li{
	color: #FFFFFF;
	list-style-type: none;
}
#vertMenu ul li a{
	color: #666666;
	list-style-type: none;
}
#vertMenu ul li a:hover{
	color: #ff6600;
	list-style-type: none;
}

/* This section controls the sub-sections - Header Images */
#autoLoans{ background: url(../car-loans/images/autoLoans.jpg) no-repeat left top;}
#mortRefi{ background: url(../mortgage-refinance-loans/images/mortRefi.jpg) no-repeat left top;}
#debtSet{ background: url(../debt-settlement/images/debtSet.jpg) no-repeat left top;}
#debtCon{ background: url(../debt-consolidation/images/debtCon.jpg) no-repeat left top;}
#taxDebt{ background: url(../tax-debt-help/images/taxDebt.jpg) no-repeat left top;}
#bankruptcy{ background: url(../filing-bankruptcy/images/bankruptcy.jpg) no-repeat left top;}
#loanMod{ background: url(../loan-modification/images/loanMod.jpg) no-repeat left top;}
#modMort{ background: url(../modify-mortgage/images/modMort.jpg) no-repeat left top;}

#autoLoans, #mortRefi, #debtSet, #debtCon, #taxDebt, #bankruptcy, #loanMod, #modMort{ height:260px; margin:0 0 10px 0;}

.inEdit{
	position:absolute;
	width: 382px;
	left: 306px;
	top: 124px;
}
.inEdit table{ margin-top:5px;}
.inEdit table td{ padding:3px 0;}
.inEdit img{ margin:8px 0 0 0;}
#autoLoans h3, #mortRefi h3, #debtSet h3, #debtCon h3, #taxDebt h3, #bankruptcy h3, #loanMod h3, #modMort h3{ color:#333; font-weight:bold;}

/* Controls the editable layer position on the sub-section main image */
#autoLoans .inEdit{ margin:75px 0 0 20px;}
#mortRefi .inEdit{ margin:60px 0 0 20px; color:#FFF;}
#debtSet .inEdit{ margin:70px 0 0 20px;}
#debtCon .inEdit{ margin:65px 0 0 20px;}
#taxDebt .inEdit{ margin:65px 0 0 20px;}
#bankruptcy .inEdit{ margin:65px 0 0 20px;}
#loanMod .inEdit{ margin:70px 0 0 20px; color:#FFF; font-weight:bold;}
#modMort .inEdit{ margin:70px 0 0 20px;}

/* The LoansStore.com Services Pack */
#boxHouse{ margin:10px 0;}
#boxHouse ul{ list-style:none; font-size:75%;}
#boxHouse ul li{ margin:3px 0; background: url(../images/tick.gif) no-repeat left 10%; padding:0 0 0 17px;}
.boxItems{ float:left; padding:10px; border:1px solid #999; width:200px; height:280px; background-color:#EEE; position:relative;}
.boxItems p{ line-height:1.3em;}
.boxItems img{ margin:0 0 4px 0; border-bottom:1px solid #CCC; padding-bottom:4px;}
.carloans{
	background-color: #EEE;
	background-image: url(../images/carloan_2.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.autoRef{
	margin-left:5px;
	background-color: #EEE;
	background-image: url(../images/home.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.debtSet{ margin-left:5px; background:#EEE url(../images/credit.jpg) no-repeat right bottom;}
.applyNowPos{ position:absolute; top:260px; left:107px;}
.applyNowPos img{ border-bottom:none;}

/* items not being used in design - extras */
.tdLoan{ margin:10px 0 0 12px;}
.loanMod{ margin:10px 0 0 12px;}
.refiMort{ margin:10px 0 0 12px;}
/* items not being used in design - extras - ENDS here */

#lsServices{ margin:10px 0 0 0; border:1px solid #d5d2d2; padding:17px; background-color:#fdf2ea;}
#lsServices h2{ border-bottom:1px solid #CCC; padding:0 0 5px 0; color:#F60;}
ul.boxedPoints{ float:left; width:188px; font-size:75%;}
ul.boxedPoints li{ list-style:none; margin:3px 0;}
ul.boxedPoints li a{ padding:0; color:#666;}
ul.boxedPoints li a:hover{ color:#F60;}
.boxedPoints .hilite{ font-weight:bold; margin:10px 0 0 0;}

/* For the bottom part */
#bottomRack{ margin:15px 0 0 0;}
#finePrint{ width:710px; float:left; padding:0 0 0 10px;}
#finePrint p{ font-size:62.5%; font-family:Arial, Helvetica, sans-serif; margin:0 0 7px 0;}
#certis{ width:251px; float:right;}
.content {
font-size:11px;
}
.link-box {
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 20px;
}
 .decorate-txt {
	font-size: 20px;
	font-family: "Agency FB";
	font-weight: bold;
	color: #FF6500;
	line-height: 28px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.gray {
color:#333333}

/* Application Forms */
/* Commons */
.mortRefiAppl, .debtConsAppl, .taxDebtHelpAppl, .loanModAppl, .carLoansAppl{ padding:10px; font-size:75%;}
.mortRefiAppl table, .debtConsAppl table, .taxDebtHelpAppl table, .loanModAppl table, .carLoansAppl table{}
.mortRefiAppl table td, .debtConsAppl table td, .taxDebtHelpAppl table td, .loanModAppl table td, .carLoansAppl table td{ padding:2px 0;}


/* Car Loans */
.carLoansAppl{
	background-image:url(../images/new-small-fom-bg.jpg);
	background-repeat: repeat-x;
	height: 260px;
	width: auto;
	border: 1px solid #d9b160;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.carLoansAppl table input{ padding:0px; margin:2px 0 0 0; width:196px; border:1px solid #DDD; font-family: "Franklin Gothic Book";
	font-size: 24px;
	line-height: 42px;
	height:42px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-weight: normal;}

/* Form Heads */
/* Commons */
.formHeadMR, .formHeadDC, .formHeadTDH, .formHeadLM, .formHeadCL{
	height:10px;
}

.formHeadMR{ background: url(../mortgage-refinance/images/formHead.gif) no-repeat;}
.formHeadDC{ background: url(../debt-consolidation/images/formHead.gif) no-repeat;}
.formHeadTDH{ background: url(../tax-debt-help/images/formHead.gif) no-repeat;}
.formHeadLM{ background: url(../loan-modification/images/formHead.gif) no-repeat;}
.formHeadCL{
}
.new-button {
	background-image: url(../images/new-get-started.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 193px;
	font-family: "Franklin Gothic Book";
	font-size: 24px;
	line-height: 42px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
}
.new-button a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 40px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.form_decor {
	background-color:#FFFFFF;
	border: 0.1em solid #CCCCCC;
	font-weight: normal;
	color: #000000;
	height: 15px;
	line-height: 15px;
}
