/* ---------------------- UNIVERSAL STYLES ---------------------- */

* {
  padding:0;
  margin:0;
}
img { border:none;
}
a {
  text-decoration: none;
  color: blue;
}
ul { list-style: none;
}
h1, h2, h3, h4, h5, h6 { 
  color: #333; 
  padding:4px 0;
  text-transform: capitalize;
}
h1 {font-size:18px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h1#pageName {
  margin-top: -27px;
  font-size: 15px;
}

/* ---------------------- STRUCTURE ---------------------- */
.white {background-color:white;}
body {
  background-color: #fff;
  text-align: center;
  min-width: 760px;
  color: black;
  font-size: 13px;
  font-family: Verdana, Helvetica, Arial, sans-serif; 
}
#wrapper {
  background-color: #fff;
  text-align: left;
  width: 770px;
  margin: 10px auto;
  position:relative;
  border: solid #0c4499;
  border-width: 3px;
}
#content { width:607px; margin-right: 150px;
}
#logo {
  height: 140px;
  background: #db0c0b; 
  padding: 0;
}
#logo a {
  position: relative;
  top: 0px;
  left: 0px;
  color: #fff;
}
/* ---------------------- SIDEBAR ---------------------- */

.sidebar {
  float: right;
  width:150px;
  margin-bottom: 10px;
}
.sidebar #select_bar {
  margin-bottom: 10px;
}
.bar {
  background-position:-10px -5px;
  background-repeat: no-repeat;
  padding:5px;
}
.sidebar .row0, .sidebar .row1 {
  border: 2px solid #00439A;
  padding: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}
.sidebar .row0 {
  border-color: #C4BFA5;
  background: #E8EAEF;
}
.sidebar .row1 {
  border-color: #C4BFA5;
  background: #D3D7E5;
}
.bar a { color: black;}
.bar h5 a { color: #1f319f; }
/*.bar h5 { text-align:center; }*/
.sidebar hr { margin: 5px;}

/* ---------------------- NAVIGATION ---------------------- */
#header { border-color:inherit;}
#main_nav {
  color: #fff;
  text-align:center;
  font-weight:bold;
  font-size:13px;
  height: 20px; 
  background: #0c4499;
  position: relative;
  border-color: inherit;
  margin-bottom: 20px;
}
#main_nav a { 
  color: #fff; 
}
#main_nav a:hover { color: #DCDCB7; }
#main_nav a:active { color: #fff; }

#home a#nav_home, #home_purchase a#nav_mortgage, 
#mortgage_refinance a#nav_refinance, #home_equity_loans a#nav_equity,
#homeowner_debt_consolidation a#nav_consolidation {
  color: #FFF39F; 
}

#main_nav li {
  font-size: 80%; 
  display: inline;
}

#content {
  padding: 5px;
}

/* ---------------------- FEATURED COMPANIES ---------------------- */
.featured { 
  margin-bottom:10px;
}
.featured .home_feat {
  float:left;
  width:25%;
}
.featured .home_feat img {
  width: 140px;
}

#featured_inner {
  border: 2px solid #00439A;
  padding: 5px;
  background: url( ../images/borders.png ) repeat-y 50% 50%;
  padding-bottom: 5px;
}
#featured_inner p {
    text-align: justify;
}
#featuredcompanies { 
  position: relative;
  clear:left;
}
.goLink {
  position: absolute;
  bottom: 3px;
}

#featuredcompanies  h3 { 
  font-size: 14px;
  text-align:left;
}
.cat_featured {
  width:280px;
}

.cat_featured a.logo {
  display:block;
  padding:5px;
  text-align:center;
}


#featuredcompanies { 
  position: relative;
  clear:left;
  margin-bottom: 10px;
}
#featuredcompanies table table td {
  width: 50%;
  padding: 0 2px;
  border: 2px solid #00439A;
  padding: 5px;
  margin: 5px;
}
#featuredcompanies table table td a.logo {
  display:block;
  padding:5px;
  text-align:center;
}
#featuredcompanies table table td p {
  text-align: justify;
}


/* ---------------------- CONTENT ---------------------- */

#cat_content { 
  border: 2px solid #00439A;
  padding: 5px;
  margin-bottom: 10px ;
}
#cat_content p { 
  text-align: left;
}
.subcat_content p { 
  text-align: left;
}
.subcat_content {
  border: 3px solid #C4BFA5;
  padding: 5px;
  margin-top: -1px;
  margin-bottom: 10px ;
  width:285px;
  float:left;
}
.subcat_content img{
  float:left;
  margin-top: 10px;
}
.cat_banner, .company_list {
  /* this value is overridden in the ie cc */
  margin-top: -4px;
  margin-left:302px;
}
.cat_banner p {
  text-align:center;
  margin-right: -2px;
}
.company_list {
  border: 3px solid #C4BFA4;
  margin-top: 0;
  margin-left: 307px;
  padding-bottom: 5px;
}
.company_list h3 { 
  border-bottom: 1px double #ccc;
  margin: 0 5px;
  text-align: center;
  font-size: 13px;
}
.company_list li  { 
  margin-left: 20px;
  list-style: circle;
}
.warning {
  color: red;
  padding: 20px;
  text-align:center;
}
#mrtgFirmDes {
  border: 2px solid #C4BFA4;
  padding: 10px;
}
/* ---------------------- OFFERS ---------------------- */

.compOffersLink {
  text-align:right;
}
.offers { 
  border: 2px solid #00439A;
  padding: 5px;
  margin-bottom: 15px;
}
.offers img {
  float:left;
  padding-bottom: 5px;
}
.offers h4 { 
  text-align: right;
}
.offers h2 {
  font-size: 14px;
  
}
.offers p.offLink { clear:left;
}
.offers .row0 {
  background: #ecf5fd;
  padding: 4px;
  border: 1px solid #ccc;
}
.offers .row1 {
  background: #ffffe3;
  padding: 4px;
  border: 1px solid #ccc;
}
.viewallComp {
  font-weight: bold;
  font-style: italic;
  color: #666;
}
/* ---------------------- FOOTER ---------------------- */

.footer {
    border: 2px solid #00439A;
  clear:both;
  margin: 5px;
  padding: 5px;
}
.footer li { 
  display:inline;
}
.footer ul {
  text-align:center;
}
#clearfooter {width:100%;height:10px;clear:both} /* to clear footer */
p#footNote {
  color: #333;
  font-size: 9px;
  font-style: italic;
  text-align: center;
  width: 700px;
  margin: 0 auto;
  margin-bottom: 5px;
}

/* ---------------------- COMPANY PAGE ---------------------- */
.companypage { 
  border: 2px solid #C4BFA4;
  padding: 5px;
  margin-bottom: 10px;
}
.companypage h1 { 
  color: #666;
  text-align: right;
}
.companypage a {
  float:left;
  margin-right:3px;
}
.companypage h1 { text-align:right;
}
#large_banner {
  position:absolute;
  top: 10px;
  right: 10px;
  border: 3px solid #00439A;
}
#large_banner img {
  margin-bottom: -3px;
}
/* ---------------------- BREADCRUMB TRAIL ---------------------- */

#breadcrumb { 
  text-transform: capitalize;
  margin-top:3px;
  margin-bottom:5px;
  font-size:85%;
}
.invisible { visibility:hidden;
}

/* ---------------------- STATE SELECTION ---------------------- */

#select {
  border: 2px solid #0c4499;
  position: relative;
  width: 602px;
  height: 170px;
  background: url( /images/select.gif );
  margin-bottom: 10px;
}
#selectState { 
  position: absolute;
  right: 8px;
  bottom: 8px;
  height: 110px;
  background: #fff;
  border: 2px solid #0c4499;
  padding: 15px;
  width: 125px;
}
#selectState option {
  font-size: 12px;
  width: 100px;
  height: 15x;
}
#selectState h3 {
  font-size: 12px;
  color: #0c4499;
}
#selectState input {
  margin-top: 5px;
}
.select_state form { 
  position: relative;
  top: 50px;
  left: 400px
}
.sidebar input#go {
  font-weight: bold;
  color: #000;
  background: #DCDCB7;
  width: 100%;
  margin:5px 0;
}
.sidebar form { text-align: center; 
}
/* ---------------------- SITEMAP ---------------------- */
.map {color: #003366;}
.maphome {font-size:16px;}
.mapcurrent {font-size:14px;color:green;margin-left:20px;}
.direct {color:blue;}
.tab {margin-left:20px;}
.twotab {margin-left:40px;}
.threetab {margin-left:60px;}
.fourtab {margin-left:80px;}
.fivetab {margin-left:100px;}

/* ---------------------- CONTACT FORM ---------------------- */

#contactform label {
 float:left;
 width: 100px;
 clear:left;
}
#contactform input#submit {
 padding-left: 0px;
 margin: 10px; 
}

/* ---------------------- Fixes!!! ---------------------- */
.clearfix {
  clear:left;
  visibility: hidden;
}
.clearfixright {
  clear:right;
    visibility: hidden;
}
.centeralign { text-align:center;padding:0;margin-right:-1px;
}
/* ---------------------- Lending Tree Banner!!! ---------------------- */


#LTcontainer { width: 300px; height:250px; margin: 0 auto; text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	
}
#LTcontainer label {
  margin-top: -5px;
}
#LTrounded_container { width: 300px; margin: 0px; margin-left: auto;	margin-right: auto;	padding: 0px;	margin-top: 3px;}
/*------ [rounded edges code]---------------*/
#LTrounded_container .bl {background: transparent url("http://www.lendingtree.com/images/bl.gif") 0px 100% no-repeat; _height: 1%; height: 250px;}
#LTrounded_container .br {background: transparent url("http://www.lendingtree.com/images/br.gif") 100% 100% no-repeat; _height: 1%; height: 250px;}
#LTrounded_container .tl {background: transparent url("http://www.lendingtree.com/images/tl.gif") 0 0 no-repeat}
#LTrounded_container .tr {background: transparent url("http://www.lendingtree.com/images/tr.gif") 100% 0 no-repeat; padding:10px}
#LTlogo { margin-left:15px;}
#LTcontent { width:278px; margin-top: 10px; }
#LTqf_label { width: 105px; float:left;text-align: right; white-space:nowrap; }
#LTqf_label label { font-size: 12px;  color:#333333; font-weight: bold;}
#LTqf_label div { margin-bottom: 8px;}
#LTqf_input { width: 155px; float: right; text-align:left;}
#LTcontainer select{ font-family:Arial, Helvetica, sans-serif; font-size: 0.9em;height: 18px;}
#LTcontainer input {font-family:Arial, Helvetica, sans-serif; font-size: 1em; }
#LTqf_input div { text-align:left; padding-bottom: 1px;}
#LTstart { margin-top: 10px; float:right; margin-bottom: 5px;}
