/*
Title:   Alerio.com  
Author:  Nick Dominguez
Notes:  Creation Date: 12-13-05	
*/

/*----------------------------------------------------- Globals --------------------------------------------*/

body { background: #9FA8BF url(../images/main-bg.gif) 0 0 repeat-x; font-family: verdana; font-size: 10px; line-height: 16px;}
fieldset { border: none; padding: 0; margin: 0; }
label { font-weight: bold;}

#container { width: 780px; margin: 0 auto; background: white;}

.hide { display: none }

.padding-right10 { padding-right: 10px;}

.nobackground2 { background: none !important }

/*----------------------------------------------------- Font Styles --------------------------------------------*/



/*----------------------------------------------------- Header --------------------------------------------*/

#header {}
#header h1 { display: none }
#header #main_logo { float:left; margin: 5px 0 0 10px; border: none; }
#header #logo-banner { padding-bottom: 5px;}
#interior #logo a { float: left; width: 182px; height: 75px; text-indent: -999px; overflow: hidden; background: url('../images/alerio-logo.gif') 0 0 no-repeat; margin: 0 0 5px 0;}
#header .banner { float: right; margin-top: 5px;}
#header .banner img { border: none }
#header #navigation { clear: both; }
#header #navigation ul { line-height: 25px; background: url(../images/navigation-bg.gif) 0 0 repeat-x; text-align: center; margin: 0 0 5px 0; padding: 0; display: block;}
#header #navigation li { display: inline; }
#header #navigation li a { color: white; font-weight: bold; text-decoration: none; padding: 5px 15px 5px 15px;  background: url(../images/navigation-li-bg.gif) 100% 50% no-repeat; }
#header #navigation li a:hover { background: url(../images/navigation-on-bg.gif) top right repeat-x !important; }
#header #navigation .last { background: none }

/*----------------------------------------------------- Footer --------------------------------------------*/

#footer { text-align: center; width: 760px; margin-left: 10px; margin-top: 10px; padding: 10px 0 10px 0; background: url(../images/dot-line.gif) top left repeat-x;}
#footer p { margin: 0; padding: 0; font-size: 10px; color: #666;}
#footer ul { margin: 0; padding: 0;}
#footer li { display: inline;}
#footer li a { color: #204B61; border-left: 1px solid #666; padding: 0 5px 0 7px; }

/*----------------------------------------------------- Homepage --------------------------------------------*/

#homepage {}
#homepage .primary { width: 579px; float: left; margin: 0 0 0 10px; }
#homepage .primary .row { background: url('../images/dot-line.gif') bottom repeat-x; padding: 5px 0 5px 0; margin-right: 5px }
#homepage .primary #feature { float: left; width: 365px; }
#homepage .primary #feature h2 { font-size: 11px; color: #204B61; margin: 0 0 3px 0;}
#homepage .primary #feature #feature-header { border-bottom: 1px solid #95A0B5; margin-bottom: 0px; padding-top: 7px }
#homepage .primary #feature #feature-header span { float: right; font-size: 10px;}
#homepage .primary #feature #feature-content { float: left; width: 193px; padding-top: 5px }
#homepage .primary #feature #feature-content .title { color: #45577B; font-size: 14px;}
#homepage .primary #feature #feature-content a { color: #45577B;}
#homepage .primary #feature #feature-content strong { color: #327EB9;}
#homepage .primary #feature #feature-content p { font-family: Verdana; font-size: 10px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; line-height: 12px; }
#homepage .primary #feature #feature_image { float: left; margin: 5px 10px 0 0; border: none }
#homepage .primary #news { float: right; width: 192px; background: #E0EAEE; padding: 0 5px 0 5px; border: 1px solid #D1DBE3;}
#homepage .primary #news p { padding-bottom: 3px;  margin: 5px 0 5px 0; background: url(../images/dot-line.gif) bottom left repeat-x; line-height: 13px }
#homepage .primary #news h3 { color: #6294A8; margin: 0; padding: 5px 0 5px 0; border-bottom: 1px solid #95A0B5; font-size: 11px;}
#homepage .primary #news a { color: #204B61; font-weight: 600; font-size: 9px; text-decoration: none }
#homepage .primary #outside-promo { float: left; padding: 5px 10px 0 125px; width: 256px; height: 240px; background: #F3F0E6 url('../images/outside-promo-bg.jpg') 0px 0px no-repeat; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
#homepage .primary #outside-promo .button { display: block; background: #327EB9; padding: 0 5px 0 5px; height: 19px; color: white; text-decoration: none; border: 1px solid #204B61; border-top: 1px solid white; border-left: 1px solid white; float: left; margin: 0 0 0 4px; width: 155px; }
#homepage .primary #outside-promo p { margin: 4px 0 4px 0;}
#homepage .primary #outside-promo h3 { font-size: 16px; margin: 0; padding: 0; letter-spacing: -1px }
#homepage .primary #outside-promo .highlight { color: #6699cc }
#homepage .primary #outside-promo .promo_form_container { margin: 0px; }
#homepage .primary #outside-promo .promo_form_element { float: left; padding: 3px; margin: 0px; }
#homepage .primary #newsletter-advertisement { width: 177px; float: left; margin-right: 5px; }
#homepage .primary #newsletter-advertisement #newsletter-signup form { margin: 0; padding: 5px 0 9px 0;  }
#homepage .primary #newsletter-advertisement #newsletter-signup input { float: left; height: 18px; line-height: 18px; font-size: 11px; overflow: hidden; padding: 0; }
#homepage .primary #newsletter-advertisement #newsletter-signup p { padding-bottom: 3px; padding-top: 3px; margin: 0; }
#homepage .primary #newsletter-advertisement #newsletter-signup strong { font-size: 11px; color: #3366CC; }
#homepage .primary #newsletter-advertisement #newsletter-signup .button { background: #327EB9; color: white; border: 1px solid #204B61; border-top: 1px solid white; border-left: 1px solid white; width: 70px; cursor: pointer; margin-top: 2px; }
#homepage .primary #newsletter-advertisement #newsletter-signup #signup { width: 90px; margin: 2px 0 0 3px; }
#homepage .primary #newsletter-advertisement .advertisement { clear: both; padding: 5px; background: #CCC; border-bottom: 1px solid white; margin-top: 1px }
#homepage .primary #newsletter-advertisement .advertisement .ad_element { background: #fff; padding: 3px; margin-bottom: 2px }
#homepage .primary #newsletter-advertisement .advertisement .ad_element img { float: left; border: none; margin-right: 3px }
#homepage .primary #newsletter-advertisement .advertisement .ad_element a { color: #333; letter-spacing: -1px }
#homepage .primary #mortgage-products { background: url(../images/mortgage-products-bg.gif) 0 0 repeat-y; width: 575px; }
#homepage .primary #mortgage-products h2 { padding-left: 5px; border-bottom: 5px solid white; font-size: 11px; color: white; margin: 0; height: 25px; line-height: 24px; background: url(../images/blue-gradient.gif) 0 0 repeat-x;}
#homepage .primary #mortgage-products dl { width: 100%;}
#homepage .primary #mortgage-products dt { font-weight: bold; color: #3366CC;}
#homepage .primary #mortgage-products dd { margin: 0;}
#homepage .primary #mortgage-products span { color: #204B61; cursor: pointer }
#homepage .primary .column { float: left; width: 265px; margin-left: 10px; }
#homepage .primary #mortgage-products .right { margin-left: 25px; }
#homepage .primary #market-watch { width: 260px; padding: 0 10px 0 10px; border: 1px solid #D1DBE3; float: left }
#homepage .primary #market-watch h3, #homepage .primary #experts-corner h3 { font-size: 11px; color: #204B61; padding-bottom: 5px; border-bottom: 1px solid #95A0B5; margin: 0px; padding: 0px; margin-bottom: 3px }
#homepage .primary #market-watch img, #homepage .primary #experts-corner img { float: left; margin-right: 5px; border: none }
#homepage .primary #market-watch p { line-height: 14px; padding-bottom: 5px; margin: 0; }
#homepage .primary #market-watch strong, #homepage .primary #experts-corner strong { color: #204B61; }
#homepage .primary #market-watch .nofloat { float: none }

#homepage .primary #experts-corner { width: 257px; background: #E0EAEE; border: 1px solid #D1DBE3; padding: 0 10px 0 10px; float: right }
#homepage .primary #experts-corner address { line-height: 10px; }
#homepage .primary #experts-corner p { line-height: 12px; margin-top: 0px; margin-bottom: 5px }
#homepage .primary #experts-corner .expert { background: url(../images/dot-line.gif) bottom left repeat-x; padding-bottom: 5px; }
#homepage .primary #experts-corner .expert2 { background: none !important; margin-top: 5px; }

#homepage .secondary { width: 180px; float: right; text-align: center; margin-right: 10px }
#homepage .secondary .module { text-align: left; margin-bottom: 3px }
#homepage .secondary .module h2 { margin: 5px 0 0 0; line-height: 24px; padding-left: 10px; height: 25px; background: url(../images/teal-gradient.gif) 0 0 repeat-x; color: white; font-size: 11px; }
#homepage .secondary .module ul { margin: 0; padding: 10px; }
#homepage .secondary .module li { margin: 0; padding: 0 0 0 10px; font-size: 10px; list-style-type: none; background: url(../images/teal-bullet.gif) 0 7px no-repeat; }
#homepage .secondary .module li a { color: #204B61; text-decoration: none; }
#homepage .secondary .module span { color: #204B61; cursor: pointer }
#homepage .secondary .module table td { padding: 0 5px 5px 5px;}
#homepage .secondary .module cite { color: #333; font-size: 9px; line-height: 11px;}
#homepage .secondary .module .financials { visibility : hidden; margin-top: 0; margin-bottom: 0 }
#homepage .secondary .module #rates { padding-top: 10px; }
#homepage .secondary .module #rates, #homepage .secondary .module ul { margin: 0; padding: 5px; background: #F3F0E6; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#homepage .secondary .promo { margin: 0px 0 0px 0;}
#homepage .secondary #credit-repair h2 { background: url(../images/blue-gradient.gif) 0 0 repeat-x; }
#homepage .secondary #credit-repair ul { background: #E0EAEE; border-bottom: 1px solid #BAC5D1; border-left: 1px solid #BAC5D1;  border-right: 1px solid #BAC5D1; }

/*----------------------------------------------------- Interior --------------------------------------------*/

#interior  h1 { font: bold 24px georgia; color: #204B61; margin: 0; padding: 0;}
#interior h3 { margin: 5px 0 0 0; line-height: 24px; padding-left: 10px; height: 25px; background: url(../images/blue-gradient.gif) 0 0 repeat-x; color: white; font-size: 11px !important;}
#interior h3 a { color: #fff }
#interior h4 { margin: 5px 0 0 0; line-height: 24px; padding-left: 10px; height: 25px; background: url(../images/teal-gradient.gif) 0 0 repeat-x; color: white; font-size: 11px !important;}
#interior .header { display: block; height: 35; line-height: 32px; width: 400px; text-indent: -999px; overflow: hidden; background: url(../images/header.gif) 0 0 no-repeat;}
#interior .calculator-section { _background: url(../images/calculator.gif) 0 0 no-repeat; padding: 0 0 15px 60px; display: block;}
#interior #mortgage-products { background-position: 0 0; }
#interior #news h2 { margin: 10px 0 0 0; font-weight: bold; color: black; font-size: 14px;}
#interior #news p { margin: 5px 0 5px 0;}
#interior #mortgage-resources { background-position: 0 -72px; }
#interior #mortgage-calculators { background-position: 0 -107px; }
#interior #mortgage-news { background-position: 0 -141px; }
#interior #mortgage-lenders { background-position: 0 -36px; }
#interior .interior-section ul { margin: 10px 10px 10px 0; padding: 0;}
#interior .interior-section li { margin: 5px 0 5px 0; padding: 0 0 0 10px; list-style-type: none; background: url(../images/teal-bullet.gif) 0 7px no-repeat;}
#interior #articles-states ul { margin: 10px 10px 10px 0; padding: 0; width: 30%;}
#interior #articles-states li { margin: 5px 0 5px 0; padding: 0 0 0 10px; list-style-type: none; background: url(../images/teal-bullet.gif) 0 7px no-repeat;}
#interior #articles-states ul { float: left;}
#interior #articles-indexes ul { margin: 10px 10px 10px 0; padding: 0; width: 30%;}
#interior #articles-indexes li { margin: 5px 0 5px 0; padding: 0 0 0 10px; list-style-type: none; background: url(../images/teal-bullet.gif) 0 7px no-repeat;}
#interior #articles-indexes ul { float: left; }
#interior #credit-repair ul { margin: 10px 10px 10px 0; padding: 0; width: 300px;}
#interior #credit-repair li { margin: 5px 0 5px 0; padding: 0 0 0 10px; list-style-type: none; background: url(../images/teal-bullet.gif) 0 7px no-repeat;}
#interior #credit-repair ul { float: left; }
#interior #edocuments .pdf { margin: 5px 0 5px 0; line-height: 22px; padding: 0 0 0 20px; list-style-type: none; background: url(../images/pdf-icon.gif) 0 7px no-repeat;}
#interior #edocuments ul { margin: 10px 0 10px 0; padding: 0;}
#interior #bad_credit { text-align: center }
#interior #bad_credit table { margin-left: auto; margin-right: auto; width: 300px }
#interior #credit_agencies { text-align: center }
#interior #credit_agencies table { width: 100%; background: #f1f2f5 }
#interior #credit_agencies table th { background: #3b476b; color: #fff }
#interior #credit_agencies table td { text-align: left; vertical-align: top; padding-left: 5px; padding-bottom: 5px; border-bottom: 1px solid #c8cad4 }
#interior .secondary .module { margin-bottom: 10px;}
#interior .secondary .module h2 { margin: 0; line-height: 24px; padding-left: 10px; width: 170px; height: 25px; background: url(../images/teal-gradient.gif) 0 0 repeat-x; color: white; font-size: 11px;}
#interior .secondary .module li { margin: 0; padding: 0 0 0 10px; font-size: 10px; list-style-type: none; background: url(../images/teal-bullet.gif) 0 7px no-repeat; }
#interior .secondary .module li a { color: #204B61; text-decoration: none;}
#interior .secondary .module table td { padding: 0 0 5px 5px;}
#interior .secondary .module cite { color: #333; font-size: 9px; line-height: 11px;}
#interior .secondary .promo { margin: 10px 0 10px 0;}
#interior .secondary #mortgage-finder h2 { background: url(../images/blue-gradient.gif) 0 0 repeat-x;}
#interior .secondary #mortgage-finder div { margin: 0; padding: 10px; width: 158px; background: #F3F0E6; border-bottom: 1px solid #F3F0E6; border-left: 1px solid #F3F0E6;  border-right: 1px solid #F3F0E6;}
#interior .secondary #mortgage-finder p { margin: 0; padding: 0; }
#interior .secondary { width: 160px; float: left; margin: 5px 0 0 0; padding: 0 0 10px 0; }
#interior .upsell { background: #E0EAEE; border: 1px solid #D1DBE3; height: 120px; width: 180px; margin: 10px; padding: 10px; float: right;}
#interior .primary { width: 400px; float: left; margin: 0 10px 0 10px;}
#interior .primary h2 { color: #5789D5; font-size: 11px; padding: 0; margin: 5px 0 5px 0;}
#interior .primary li { margin-bottom: 10px }
#interior .primary #pay-option-arm { text-align: center }
#interior .primary #pay-option-arm table { margin-left: auto; margin-right: auto }
#interior .primary #pay-option-arm table td { text-align: left; padding-right: 25px }
#interior .primary #pay-option-arm table th { text-align: left; padding-right: 25px; font-weight: 600 }
#interior .primary #fixed_rate_table { border: 2px ridge #eee }
#interior .primary #fixed_rate_table th { text-align: left; padding-right: 25px }
#interior .primary #fixed_rate_table td { padding: 3px 25px 10px 0; border-top: 1px solid #c8cad4; vertical-align: top; }
#interior .primary #fixed_rate_table .nopad { padding: 0px }
#interior .left { background-color: #E0EAEE; border-left: 10px solid #fff; }
#interior .left span { color: #204B61; cursor: pointer }
#interior .right { padding-right: 0px; position: relative; top: -5px; }
#interior .secondary .divider { margin-top: 0 !important; letter-spacing: -1px; }
#interior .secondary .title { font-weight: bold; color: #5789D5; font-size: 11px; margin: 10px 10px 0 0px; padding-left: 5px;}
#interior .secondary ul { margin: 0 5px 0 5px; padding: 0;}
#interior .secondary li { list-style-type: none;}
#interior #article-footer { margin-left: 180px; width: 580px; padding: 5px 0 10px 0; }
#interior #article-footer .articles-header { color: black; font-weight: bold;}
#interior #article-footer ul { margin: 0; padding: 0 10px 0 10px; float: left; width: 260px;}
#interior #article-footer li { margin: 0; padding: 0 0 0 10px; font-size: 10px; list-style-type: none; background: url(../images/teal-bullet.gif) 0 7px no-repeat; }
#interior #content { border-top: 5px solid #fff; background: url(../images/interior-content-bg.gif) 10px 0 repeat-y; }

/*----------------------------------------------------- Hacks --------------------------------------------*/
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .cf { height: 1%;}

* html #interior .left { margin-left: 5px !important; }

.ad {
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	line-height: 12px;
}

.clear { float: none; clear: both  }

.nospace { margin: 0px; padding: 0px }

.noborder_left { border-left: none !important; }

.promo_form_fix { padding-top: 3px }

.ButtonOn1	{background: #63709D; color: #FFFFFF; font: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; line-height:16px; border: 1px inset;  border-style: solid; font-weight: bold; border-color: #263161 #9FA9C8 #9FA9C8 #263161; cursor:hand; cursor:pointer;}
.ButtonOff1	{ background: #63709D; color: #FFFFFF; font: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; line-height:16px; border: 1px inset;  border-style: solid; font-weight: bold; border-color: #9FA9C8 #263161 #263161 #9FA9C8; cursor:hand; cursor:pointer; }

a { color: #204B61; text-decoration: none; }