/****************************************************
Created By: Charley Ruggiero
Date Created: 04/08
Layout CSS File 
****************************************************/

/* Standard Tags */
body {background: url(../img/layout/bg.jpg) top left repeat-x #FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0;}

p {margin:10px;}

a {outline-style:none;} /* Removes dotted lines around links when active */
a:link {color:#132963;}
a:visited {color:#132963;}
a:hover {color:#60CA30;}
s
strong {font-weight:bold;}

img {border:none;}

/* Layout */

#wrapper {width:940px; margin:0 auto;}
h1#topH1 {font-size:9px; float:left; width:600px; padding:0px; margin:0px; color:#CCC; line-height:10px; }

#header {position:relative; margin:0px 0 0 0; height:90px; clear:both;}

/* subNav */
#subNav {position:absolute; top:0; right:0;}

#subNav_left {float:left;}
#subNav_right {float:left;}

#subNav {margin-top:2px; padding-top:0px;}
#subNav ul { background:#637DAD; height:26px; margin:0; padding:0; float:left;}
#subNav ul li {display:inline; padding:0 0 0 5px; float:left;}
#subNav ul li a {padding:0 8px 0 3px; color:#fff; border-right:1px solid #fff; font:12px Arial, Helvetica, sans-serif;}
#subNav ul li.first a {padding:0 8px 0 0;}
#subNav ul li.end a {border-right:none; padding:0 0 0 3px;}

#liveHelp {position:absolute; left:800px; top:24px; font-size:16px;}
#logo {position:absolute; left:0px; top:10px; clear:both;}
#phone {position:absolute; bottom:30px; right:10px; font:18px Verdana, Arial, Helvetica, sans-serif; color:#0b3c67;}
#phone a {color:#0b3c67;}
#phone a:visited {color:#0b3c67;}
#phone a:hover {color:#0b3c67;}
#phonesmall {position:absolute; bottom:15px; right:10px; font:12px Verdana, Arial, Helvetica, sans-serif; color:#0b3c67;}
#phonesmall a {color:#0b3c67;}
#phonesmall a:visited {color:#0b3c67;}
#phonesmall a:hover {color:#0b3c67;}

#mainNav {background:url(/img/layout/mainNav_bg.jpg) top left no-repeat; height:39px;}
#mainNav ul {margin:0 0 0 40px; padding:0;}
#mainNav li {display:inline-block; height:39px; padding:0; margin:0 0 0 15px; border-right:2px solid #fff; float:left;}
#mainNav li a {font:15px Arial, Helvetica, sans-serif; color:#fff; line-height:39px; text-decoration:none; padding:0 13px 0 0px;}
#mainNav li.end {border-right:none; padding:0;}

#content {margin:10px 0 0 0; }
#content h1 {font:bold 18px Verdana, Arial, Helvetica, sans-serif; color:#0B3C67; margin:8px;}

#preQual {height:223px; background:url(/img/layout/prequal_bg3.png) top left no-repeat; position:relative;}


#flash {width:482px; height:205px; position:absolute; top:14px; right:15px;}
#slideshow13 {z-index:99px;}

.slideshowcontainer { position:absolute; top:-1px; right:11px; z-index:100000;}


#preQual_form {position:absolute; top:110px; left:38px;} 
#preQual_form select {width:200px; margin:5px 0 0 0;}

#get_hotter_btn {background:url(/img/layout/get_hotter_btn.gif) top left no-repeat; text-indent:-9999px; display:block; width:126px; height:26px; overflow:hidden; border:none; cursor:pointer; margin:5px 0 0 -2px;}

#content_left { width:440px; min-height:200px; padding:8px 0 0 0; margin:10px 0 20px 15px; float:left; border-right:#ccc dotted 2px;}
#getPreQual {text-align:center;}
#flash_vid {margin:5px auto 0 auto; width:420px;}

#content_right { width:420px; min- height:200px; padding:8px 0 0 20px; margin:10px 0 0 15px; float:left;}
#mainContent { width:440px; height:230px; margin:10px 0 0 15px; padding:10px 0 0 20px;}

#HowTo { float:left; width:900px; border-top:#ccc dotted 2px; min-height:100px; margin:10px 0 10px 20px;}
#howToInfo { float:left; width:425px; padding:5px 10px; }

.loanamount {font-weight:bold; font-size:16px; }
#loantextWrapper {background:url(/img/layout/certificate.png) top left no-repeat; width:730px; height:335px; clear:both;}
#loantext {font-size:15px; padding:70px 30px 0px 65px; }
#congrattext {font-size:16px; padding:0px 0px 0px 10px; margin-bottom:25px; color:#0B3C67; font-weight:bold;}
#freecreditreport {margin:10px 5px 5px 5px;}



#left {float:left; width:365px;}
#left h3 {margin:0; font:bold 16px Arial, Helvetica, sans-serif; color:#0b3c67;}
#left h3 a:hover {color:#ee7600;}

#left ul {list-style:none; padding:0 0 0 2px; margin:25px 0 12px 0;}
#left ul li {font:bold 16px Arial, Helvetica, sans-serif; color:#0b3c67; background:url(/img/layout/bullet.jpg) top left no-repeat; padding:0 0 0 25px; margin:17px 0 10px 0; width:360px;}


#payment_callout {float:left; margin:5px 0 0 15px;}
#newsletter_signup {float:left; width:430px; height:105px; margin:20px 0 0 0px; padding:120px 0 0 20px; background:url(../img/layout/MortgageNews.png) top left no-repeat; }
#newsletter_signup p {padding:0; margin:60px 0 5px 0; color:#666;  font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#newsletterSmallForm { width:250px; margin-left:195px; margin-top:-30px;}

#textBoxRight { position:absolute; height:130px; width:270px;  margin:-160px 0 0 0px;}
#rates_box { position:absolute; height:140px; display:block; overflow:hidden; margin:-110px 0 0 270px;}

#content_area {min-height:583px; padding:0px 15px 10px 15px;}

#footer {position:relative;}
#footer ul {list-style:none; margin:5px 0; padding:0; height:14px;}
#footer ul li {border-right:1px solid #052949; display:inline-block; margin:0; padding:0 4px 0 5px; height:14px; float:left;}
#footer ul li.end {border-right:none;}
#footer ul li a {font:11px Arial, Helvetica, sans-serif; color:#052949; text-decoration:none; line-height:9px;}

#smallLogos {position:absolute; right:0; top:0px;}

#delawarelogo {font-size:10px; width:100%; margin:0 auto; text-align:center;}
a.delawarelink {text-decoration:none; color:#333333;}

#form_container {float:left; font:11px Verdana, Arial, Helvetica, sans-serif; border:1px double #eeeeee; background:#F7FBFE; padding:10px; margin:0 0 0 35px; width:425px; overflow:hidden;}
#form_container h3 {font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#0B3C67; margin:0 0 0 5px; padding:0 0 5px 0; border-bottom:1px solid #eeeeee;}
#form_left {float:left; width:410px; font:12px Verdana, Arial, Helvetica, sans-serif; line-height:17px;}

#page_left {float:left; width:590px; font:12px Verdana, Arial, Helvetica, sans-serif; line-height:17px;}
#page_right {float:left; font:11px Verdana, Arial, Helvetica, sans-serif; border:1px double #eeeeee; background:#F7FBFE; padding:10px; margin:0 0 0 35px; width:250px;}
#page_right_alt {float:left; font:11px Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 35px; width:250px;}

#question {width:300px;}

.securelogo{float:right; margin-top:0px; padding-top:0px; padding-bottom:5px; }

.formtitle {float:left; width:820px; }
#homevaluewidget {float:right; margin:0px; padding:0px;}
#widgetbox_widget_div_0 {padding:0px;}


#treePageDetailsTitle {font:bold 18px Verdana, Arial, Helvetica, sans-serif; color:#0B3C67; margin:8px;}
#pubMapHeader {font:bold 18px Verdana, Arial, Helvetica, sans-serif; color:#0B3C67; margin:8px;}
#detailWrapper {min-height:583px; padding:0px 15px 10px 15px;}
#pubMapFormContainer {float:left;}

/*******************************************************/
/*  Form Styles */
/*******************************************************/
.form_help {display:none;}


#contactForm {width:890px; float:left; margin:0 0 10px 10px; /*background:#fff;*/ padding:5px;}
#contact_right_column {width:390px; float:left; margin:0 0 0 25px;}
#contact_right_column p {margin:0; padding:0;}
#contact_right_column p.name {font:bold 24px Georgia, "Times New Roman", Times, serif; color:#5881A1;}
#contact_right_column p.address {font:italic 14px Georgia, "Times New Roman", Times, serif; color:#666;}
#contact_right_column p.number {font:bold 14px Georgia, "Times New Roman", Times, serif; color:#666;}

#contactForm form {/*background:#f4edde*/; padding:10px; /*border:1px solid #17415F;*/}

.formContainer p.legend {padding:10px; margin:0 0 10px 0; border:1px solid #17415F; background:#fff;}
.formContainer p.legend em {color:#E41937; font-style:normal;}

.formContainer form fieldset {margin:15px 0; padding:5px; border:#17415F 1px solid; background:#fff;}
.formContainer form fieldset div {padding:5px 0;}

.formContainer form legend {font:bold italic 12px Georgia, "Times New Roman", Times, serif; color:#EE7600; padding:0 5px;}

.formContainer label, .formContainer span.label {margin:0 10px 0 0; padding:0 7px 0 0; width:450px; display:block; float:left; text-align:left; position:relative; font:bold 12px Arial, Helvetica, sans-serif; color:#666;}
.formContainer label em, .formContainer span.label em { font-size:12px; font-style:normal; color:#E41937; top:-1px;}

/*.formContainer form fieldset input {width:230px; border-color:#AFAFAF;}
.formContainer form fieldset textarea {width:307px; margin:5px 10px 10px 10px; border-color:#AFAFAF;}
.formContainer form fieldset select {width:233px;; border-color:#AFAFAF;}
.formContainer input:focus,.formContainer textarea:focus {background-color: #FFC; border-color: #FC6;}*/

.formContainer table {width:600px;}
.formContainer form fieldset table td input {width:25px; border-color:#AFAFAF;}
.formContainer form fieldset table td #FedExAccountNo {width:155px; border-color:#AFAFAF;}
.formContainer form fieldset table td #UPSAccountNo {width:155px; border-color:#AFAFAF;}
.formContainer form fieldset table td #ShippingEmailAddress {width:206px; border-color:#AFAFAF;}
#termsandconditions { overflow:scroll; height:100px;}
#addresstext {margin:0px 0px 0px 212px;}

/* CSS Hacks */
.clear {clear:both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */