﻿/* =Common
---------------------------------------------------------------------
*/
* { padding: 0; margin: 0 }
html { background: #d2e9b5 url("../images/brochureware/smartypants/html-bkg.gif") no-repeat center top }
body { background: url("../images/brochureware/smartypants/body-bkg.gif") repeat-x left top; font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center;}


body.grayBg { background: #f6f4f6 url("../images/brochureware/QuickMatchDesign2/body-bkg.gif") repeat-x left top;}

a {	color: #00447c;	text-decoration: none; outline:none }
a:hover { border-bottom: 1px dashed #e06c09; color: #e06c09 }
a.orange { color: #e06c09 }
a.orange:hover { border-bottom: 1px dashed #e06c09; color: #e06c09; text-decoration: none }
a.arrow { padding-left: 10px; background: url("../images/brochureware/smartypants/ul-arrow.gif") left 5px no-repeat }
a.arrow:hover { border-bottom: 1px dashed #e06c09; color: #e06c09 }
a.gray { color: #9e9d9d }
a.gray:hover { color: #e06c09; border-bottom: 1px dashed #e06c09; text-decoration: none }
a.img-link:hover { border: none }
img { border: none }

div#content p { margin-bottom: 12px; font-size: 1.2em; color: #000000; line-height: 1.4em }

p span.callout { padding: 2px; background: #fdfdd6 }

div#wrapper { width: 820px; padding-top: 15px; margin: 0 auto; text-align: left; }

div#header { width: 820px; height: 71px; padding: 0 20px 15px 20px; position: relative }
* html div#header { padding: 0 20px 0 20px;}
div#header #logo { width: 181px; height: 82px; background: url("../images/brochureware/smartypants/logo.gif") no-repeat 0 0;float: left }
div#header #logo a { width: 181px; height: 70px; position: absolute; left:15px; top:0; display: block }
div#header #logo a:hover { border: none }
div#header-right { padding-top: 12px; margin-left: 520px }
* html div#header-nav { padding-bottom: 6px }
div#header-nav a { font-size: 1.1em }

div#phone-number .phone-number { width: 187px; height: 39px; margin: 0 0 12px 65px; background: url("../images/brochureware/smartypants/phone-number.gif") no-repeat 0 0 }
div#phone-number .phone-number-small { display:none }

div#search-bar { height: 23px; padding-right: 25px; padding-top: 3px; background-color: #d1e8b2; font-size: 1.2em; text-align: right }
div#search-bar img { vertical-align: middle }
div#search-bar a:hover { border: none }
div#search-bar input { margin: 0 5px; font-size: 1.1em; vertical-align: middle }

div#content-wrapper { padding-bottom: 10px; border-top: 1px solid #c6c5c5; border-right: 1px solid #c6c5c5; border-left: 1px solid #c6c5c5; background-color: #ffffff; position: relative; }

.alt { position: absolute;left: -9999px; overflow: auto }
.clear { height: 0; visibility: hidden; clear: both }
.breadcrumbs { padding:8px 0px 8px 34px; font-size: 100%; line-height: 14px }
sup { font-size:9px }


/* =Nav
---------------------------------------------------------------------
*/
ul#nav { height: 36px; background: url("../images/brochureware/smartypants/bkg_new_v2.gif") left bottom no-repeat; list-style: none }
ul#nav li{ float: left;position: relative }
ul#nav li a { height: 36px; border: none; display: block; background-repeat: no-repeat; background-position: 0 0 }
ul#nav #n_home, ul#nav #n_home_current { width: 72px; background-image: url("../images/brochureware/smartypants/home.gif"); outline:none }
ul#nav #n_refinance, ul#nav #n_refinance_current { width: 117px; background-image: url("../images/brochureware/smartypants/refinance.gif"); outline:none }
ul#nav #n_mortgage, ul#nav #n_mortgage_current { width: 115px; background-image: url("../images/brochureware/smartypants/mortgage.gif"); outline:none }
ul#nav #n_equity, ul#nav #n_equity_current { width: 135px; background-image: url("../images/brochureware/smartypants/equity.gif"); outline:none }
ul#nav #n_credit_cards, ul#nav #n_credit_cards_current {width: 100px;background-image: url("../images/brochureware/smartypants/credit-cards.gif") }
ul#nav #n_resources, ul#nav #n_resources_current { width: 120px; background-image: url("../images/brochureware/smartypants/resources.gif") }
ul#nav #n_credit, ul#nav #n_credit_current { width: 135px; background-image: url("../images/brochureware/smartypants/credit_new.gif") }
ul#nav #n_home:hover, ul#nav #n_refinance:hover, ul#nav #n_mortgage:hover, ul#nav #n_equity:hover,
ul#nav #n_debt:hover, ul#nav #n_resources:hover, ul#nav #n_credit_cards:hover, ul#nav #n_credit:hover { background-position: 0 -36px }
ul#nav #n_home_current, ul#nav #n_refinance_current, ul#nav #n_mortgage_current, ul#nav #n_equity_current, ul#nav #n_resources_current, ul#nav #n_credit_current, ul#nav #n_credit_cards_current { background-position: 0 -72px }


/* =Sidebar
---------------------------------------------------------------------
*/
div#sidebar-top { width: 209px; height:9px; margin: 0 20px 0 20px; background: #f5f6fe url("/..images/brochureware/smartypants/sidebar-top.gif") left top no-repeat }
div#sidebar { width: 209px; min-height: 350px; padding:0; background: #f5f6fe url("../images/brochureware/smartypants/sidebar-bottom.gif") left bottom no-repeat; position: absolute; left: 20px; top: 36px }
* html div#sidebar { height: 350px }
div#sidebar div#sidebar-content { width:auto; margin: 0 10px 0 10px }
div#sidebar p { margin-bottom: 3px; font-size: 1.2em }
div#sidebar .widget-hdr { padding-top:25px }
div#sidebar h2 { width: 179px; height: 22px; padding: 12px 0 0 10px; margin: 0; background: url("../images/brochureware/smartypants/sidebar-widget-hdr.gif") no-repeat left top; font-weight:bold; font-size:116% }
div#sidebar h3 { margin: 10px 0 4px 0; border-bottom: 1px solid #455560; font-size: 1.4em; color: #455560 }
div#sidebar .new,div#homepage-sidebar .new { font-size:85%; font-weight:bold; color:#af3fc6 }

div#sidebar div#sidebar-rates { width: 179px; margin:0; padding:0; border: solid 1px #d4d2d2 }
div#sidebar div#sidebar-rates .rate_header { padding:3px 0 3px 8px; background-color:#fff; font-weight:bold }
div#sidebar div#sidebar-rates .row1 { height:20px; padding:0 0 0 8px; clear:left; background-color:#fff; border-top: dashed 1px #dadada }
div#sidebar div#sidebar-rates p { margin:10px 5px 5px 5px; font-size:85% }
div#sidebar div#sidebar-rates .row2 { height:20px; padding:0 0 0 8px; clear:left; background-color:#f5f6f6; border-top: dashed 1px #dadada }
div#sidebar div#sidebar-rates .col1 { width: 50%; padding:3px 0 4px 0; float:left }
div#sidebar div#sidebar-rates .col2 { width: 24%; padding:3px 0 4px 0; float:left }
div#sidebar div#sidebar-rates .col3 { width: auto; padding:3px 0 4px 0; float:left}
div#sidebar div#sidebar-rates .rate-footer { margin: 8px; padding:5px 0 0 0 }
div#sidebar div#sidebar-rates .rate-footer .updated { font-size:90% }
div#sidebar div#sidebar-rates .rate-footer .disclosures { font-size:85% }

div#sidebar div#sidebar-calculator { width: 163px; padding:15px 8px 15px 8px; border: solid 1px #d4d2d2; background:#f5f6f6 }
div#sidebar div#sidebar-calculator label { font-size:108%; font-weight:bold }
div#sidebar div#sidebar-calculator input, div#sidebar div#sidebar-calculator select { width:150px; margin:8px 0 8px 0 }
div#sidebar div#sidebar-calculator input img { width:158px; height:29px }
div#sidebar div#sidebar-calculator .validation { display:none; color:#cc0000 }
div#sidebar div#sidebar-calculator div.more-calculators { font-size:108% }
div#sidebar div#sidebar-calculator div.more-calculators { margin:10px 0 0 0 }

div#sidebar .display-box { width:187px; margin:28px 0 0 0; padding:0; border: solid 1px #d9dad8; text-align:center; background: #fff; }
div#sidebar .display-box p { padding: 0 3px 0 3px;}
div#sidebar .display-box img {  padding: 5px;}
div#sidebar .display-box h4 { font-size:135%; font-weight:normal; margin: 0 0 5px 0; padding: 8px 0 8px 0; background: #bfc1c4; color: #3d3d3di; width: 100%; font-weight: bold; }
div#sidebar .display-box ul { list-style-image: none; padding: 3px 0 3px 0; margin: 8px 0 8px 30px;}
div#sidebar .display-box ul li {padding: 0 0 3px 0; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-image: none; list-style-position: outside; list-style-type:disc;}

div.quickmatch-sidebar { height: 525px;}
div.getsmart-sidebar {  height: 800px;}

/* =Main Content
---------------------------------------------------------------------
*/
div#content { width: 553px; min-height: 445px; margin: 0 0 14px 249px; }
* html div#content { height: 445px }
div#content h1 { margin: 0 10px 5px 0; padding-bottom: 2px; border-bottom: 2px solid #f68f1e; font-size: 2.3em; color: #455560 }
div#content h1.borderQM { border-bottom: 2px solid #970b20; }
div#content h2 { margin-bottom: 15px; font-size: 1.4em; color: #455560 }
div#content p { line-height: 1.5em }
div#content ul {list-style-image: none; margin: 0 3px 8px 25px; padding: 0px 15px 0px 15px;}
div#content ul li {list-style-image: none; list-style-position: outside; list-style-type:disc; font-size:116%; margin-top:3px;}
odiv#content select { margin:3px 0 3px 20px}
div#content .buttons { padding-top:5px }
div#content #buttons { clear:both }
div#content .smarty-head-logo { width:73px; height:73px; float:right }

div#content div#qf-wrapper { float: left: width: 553px; padding: 14px 0 0 0; display: inline;}
div#content div#qf-start { width: 340px; margin: 0 0px 0 0px; float: left; padding: 0 30px 0 0; display: inline; }

div#content .qf-start-form { width:340px; padding:0 10px 10px 10px; margin:0;}
div#content div#qf-start label { width:128px; margin-top:5px; float:left; display:block; font-weight:bold; text-align:right }
div#content div#qf-start label.large-copy { text-align: left; font-size: 12px;}

div#content div#qf-start select { width:192px; margin:3px 0 3px 10px; float:left; border:solid 1px #aacfe4; font-size:12px }
div#content div#qf-start input { width:192px; margin:3px 0 3px 10px; float:left; border:solid 1px #aacfe4; font-size:12px }
div#qf-start div#buttons img.continue { padding: 0 0 0 7px;}

div#content div#qf-start .privacyBtn { width:128px; padding:10px 0 20px 8px; float:left; clear:left }
div#content div#qf-start .continueBtn { width:119px; padding:10px 0 20px 0; float:left }

div#content div#qf-start form#health-insurance { width:340px; padding:0 0 10px 0; margin:0 0 0 0; font-size: 128%; display: inline}
div#content div#qf-start form#health-insurance fieldset { border: none; } 
div#qf-start form#health-insurance legend { display:none;} 
div#qf-start form#health-insurance label { display:block; float: left; margin: 0; padding: 0 0 12px 0; width: 320px; text-align: left; font-weight: normal; color: #333;} 
div#qf-start form#health-insurance fieldset {  padding: 0 0 10px 0; }
div#qf-start form#health-insurance input.radio { width: 15px;  margin: 0 5px 0 0; border: none;}
div#qf-start form#health-insurance div#buttons { padding-top: 0;}
div#qf-start form#health-insurance div#buttons label { display: inline; width: 110px; padding: 5px 5px 0 0; font-weight: bold; }
div#qf-start form#health-insurance div#buttons input { width: 105px; margin: 5px 0 0 0; }
div#qf-start form#health-insurance div#buttons img { padding: 0 0 0 8px;}
div#qf-start form#health-insurance div#buttons a:hover {border-bottom: none;}

div#content .orange-box { float:left; margin: 15px 0 0 0; width:182px; min-height:100px; background: url("../images/brochureware/smartypants/content-bg-grd.gif") no-repeat 0 0; text-align:center; padding: 0 0 15px 0px; display: inline; }
* html div#content .orange-box { height: 100px }
div#content .orange-box h2 { height:12px; padding: 3px 0 4px 0; margin: 0; background: url("../images/brochureware/smartypants/orange-box-hdr.gif") no-repeat left top; border:none; font-size:116%; font-weight:normal }
div#content .orange-box h3 { height:59px; padding: 12px 0 0 0; margin: 0; background: url("../images/brochureware/smartypants/orange-box-bg.gif") no-repeat left top; font-size:126%; line-height:146%; font-weight:normal }
div#content .orange-box p.small-copy { font-size:110%; line-height:115%;  height:98px; padding: 7px 5px 5px 5px; margin: 0; background: url("../images/brochureware/smartypants/orange-box-bg2.png") no-repeat left top; }

div#content .gray-box { float:left; margin: 15px 0 0 0; width:182px; min-height:100px; background: url("../images/brochureware/smartypants/content-bg-grd.gif") no-repeat 0 0; text-align:center; padding: 0 0 15px 0px; display: inline; }
* html div#content .gray-box { height: 100px }
div#content .gray-box h2 { height:12px; padding: 3px 0 4px 0; margin: 0; background: url("../images/brochureware/QuickMatchDesign2/gray-box-hdr.gif") no-repeat left top; border:none; font-size:116%; font-weight:normal }
div#content .gray-box h3 { height:59px; padding: 12px 0 0 0; margin: 0; background: url("../images/brochureware/QuickMatchDesign2/gray-box-bg.gif") no-repeat left top; font-size:126%; line-height:146%; font-weight:normal }

div#qf-start2 form#health-insurance2 { width:139px; padding:0 0 0 0; margin:0 0 0 0; font-size: 128%; display: inline}
div#qf-start2 form#health-insurance2 fieldset { border: none; } 
div#qf-start2 form#health-insurance2 legend { display:none;} 
div#qf-start2 form#health-insurance2 label { display:block; float: left; margin: 0; padding: 0 0 10px 5px; width: 130px; text-align: left; font-weight: normal; color: #333; font-size: 11px;} 
div#qf-start2 form#health-insurance2 fieldset {  padding: 0 0 10px 0; }
div#qf-start2 form#health-insurance2 input.radio { width: 15px;  margin: 0 1px 0 0; border: none; padding: 0 0 4px 0;}
div#qf-start2 form#health-insurance2 div#buttons { padding: 0 0 0 0;}
div#qf-start2 form#health-insurance2 div#buttons label { display: inline; width: 110px; padding: 5px 2px 0 0; font-weight: bold; }
div#qf-start2 form#health-insurance2 div#buttons input { width: 105px; margin: 5px 0 0 0; }
div#qf-start2 form#health-insurance2 div#buttons img { padding: 0 0 0 8px;}
div#qf-start2 form#health-insurance2 div#buttons a:hover {border-bottom: none;}




div#content .content-block { width:523px; min-height:336px; margin:0 15px 10px 0; padding:15px 15px 0px 15px; clear:left; background: url("../images/brochureware/smartypants/content-bg-grad.gif") no-repeat 0 0 }
* html div#content .content-block { height: 336px }
div#content .content-block h3 { margin:0; font-size: 1.4em; color: #333  }
div#content .content-block h4 { margin:0; font-size: 1.2em; color: #333; padding: 15px 0 0 0;}
div#content .content-block p { padding:5px 0 0 0 }
div#content .content-block ul li { padding: 0 0 8px 0px;}
div#content .content-block .start-qf { width:139px; margin:8px 0 0 8px; padding:5px 5px 12px 5px; float:right; border: solid 1px #d9dad8; text-align:center;background: #fff; }
div#content .content-block .start-qf h4 { font-size:135%; font-weight:normal; margin: 0 0 15px 0; padding: 0 0 6px 0; border-bottom: 2px solid #f68f1e; color: #455560; width: 100%; font-weight: bold; }
div#content .content-block .start-qf a {border:none; text-decoration:none}

div#content .content-block .start-qf ul { list-style: none; padding: 3px 0 0 0; margin: 0 0 8px 12px;}
div#content .content-block .start-qf ul li {padding: 0 0 3px 25px; text-align: left; font-family: Arial, Helvetica, sans-serif;}
div#content .content-block .start-qf ul li.one { list-style: none; background-image: url("../images/brochureware/smartypants/box-one.png"); outline:none; background-repeat: no-repeat; }
div#content .content-block .start-qf ul li.two { list-style: none; background-image: url("../images/brochureware/smartypants/box-two.png"); outline:none; background-repeat: no-repeat;}
div#content .content-block .start-qf ul li.three { list-style: none; background-image: url("../images/brochureware/smartypants/box-three.png"); outline:none; background-repeat: no-repeat;}

div#content .quickmatch-content  { min-height: 270px;}
div#content .getsmart-content  { min-height: 200px;}


div#buttons { padding: 8px 0 11px 0;}



div#sidebar-content ol {
	font-size: 1.2em;
	margin: 8px 0 15px 25px;
	line-height: 1.3em;
}
div#sidebar-content ol li {	margin-bottom: 9px; }
div#sidebar-content ol li a { font-weight: normal; }


div#sidebar-content ul {
	font-size: 1.2em;
	margin: 8px 0 15px 0px;
	line-height: .8em;
	list-style: none;
}

div#sidebar-content ul.tips { font-size: 12px; margin: 8px 0 15px 17px; font-family: Arial, Helvetica, sans-serif;}
div#sidebar-content ul.tips li { 
	line-height: 14px; 
	color: #455560;
	font-weight: bold;
	padding: 0 8px 0 0;
	list-style-type:disc;
	list-style-position:outside;
	list-style-image: none;
 }
div#sidebar-content ul li {	margin-bottom: 9px; line-height: 16px; }
div#sidebar-content ul li a { font-weight: normal; }

div#sidebar-content ul.bulletCheck li {
list-style-image:url(../images/brochureware/check-GS.gif);margin:8px 0 8px 20px;
}





/* =Footer
---------------------------------------------------------------------
*/
div#footer { margin-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #455560; text-align: center }
div#footer p { margin-bottom: 10px }
div#footer p.footer-top { padding-top: 10px; padding-bottom: 5px; background-color: #ededed; font-weight: bold }
* html div#footer p.footer-top { height: 10px }
div#footer a { color: #455560; text-decoration: none }
div#footer a:hover { border-bottom: 1px dashed #455560; color: #455560; text-decoration: none }
div#footer img.footer-logos { margin-left: 20px; vertical-align: middle }
div#footer a.img-link:hover { border: none }
div#footer div#ask-search { margin-top: 15px }
div#footer div#ask-search input { font-size: 1.2em }

/* = quickmatch footer */
.qm-footer
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: 11px;
    BACKGROUND: #eaecdf;
    PADDING-BOTTOM: 10px;
    LINE-HEIGHT: 14px;
    PADDING-TOP: 10px
}

/* footer quickmatch */
div#whyuse {
height: 65px;
background-color: #f8f8f7;
border-bottom: 4px solid #e6e6e5;
position: relative;
}

div#whyuse p.item1, div#whyuse p.item2, div#whyuse p.item3, div#whyuse p.item4 { position: absolute; font-weight: bold; font-size: 1.1em; }
div#whyuse p.item1 { left: 200px; top: 15px; }
div#whyuse p.item2 { left: 200px; top: 39px; }
div#whyuse p.item3 { left: 459px; top: 15px; }
div#whyuse p.item4 { left: 459px; top: 39px; }

div#footer-qm {
margin-top: 10px;
background: #f9f6f0 url("http://www.lendingtree.com/images/QMLP/footer-bkg-qm.gif") 0 0 repeat-x;
padding: 15px;
font-size: 1.1em;
}

div#footer-qm p {
margin-bottom: 12px;
}

div#footer-qm img {
margin: 12px 0;
}
div#footer-qm a:link
{
    COLOR: blue;
    TEXT-DECORATION: underline
}
div#footer-qm a:visited
{
    COLOR: purple;
    TEXT-DECORATION: underline
}
div#footer-qm a:active
{
    COLOR: maroon;
    TEXT-DECORATION: underline
}
div#footer-qm a:hover
{
    COLOR: #990000;
    TEXT-DECORATION: underline
}

.alt {
position: absolute;
left: -9999px;
overflow: auto;
}

.dots_small {
background-image:url("../images/brochureware/dots.gif");
background-repeat:repeat-x;
margin-bottom:10px;
margin-top:10px;
width:190px;
}
