body{
  background-color: #fff;
}

a{
  outline: none;
}

#container{
  width: 760px;
  margin: 0 auto;
}

#container h1#logo{
  position: relative;
  background: url(../images/logo.gif) top left no-repeat;
  height: 48px;
  width: 271px;
  margin: 0px;
  float: left;
  margin-bottom: 5px;
  text-indent: -500em;
}

#container p.tagline{
  font-family: "Tahoma";
  font-weight: bold;
  float: right;
  color: #6995BA;
  width: 60%;
  font-size: 15px;
}

#container p.tagline .free{
  font-size: 19px;
  color: #336894;
}

#container ul#nav{
  position: relative;
  background-color: #8BB2D4;
  float: left;
  width: 760px;
  margin: 0 auto;
  margin-bottom: 4px;
  clear: both;
  padding: 0px;
  list-style-type: none;
}

#container hr{
  position: relative;
  background-color: #8BB2D4;
  color:#8BB2D4;
  float: left;
  width: 760px;
  margin: 0 auto;
  margin-bottom: 6px;
  clear: both;
  padding: 0px;  
  height: 4px;  
}

#container ul#nav li{
  float: left;
}

#container ul#nav li b{
  display: block;
  height: 29px;
  text-indent: -500em;
  border-right: 1px solid #fff;
}

#container ul#nav li b#refinance{
  background: url(../images/refinance.gif) top left no-repeat;
  width: 120px;
}

#container ul#nav li b#equityloan{
  background: url(../images/equityloan.gif) top left no-repeat;
  width: 127px;
}

#container ul#nav li b#consoloan{
  background: url(../images/consoloan.gif) top left no-repeat;
  width: 168px;
}

#container ul#nav li b#homeloan{
  background: url(../images/homeloan.gif) top left no-repeat;
  width: 143px;
}

#container h1.title, #container h2{
  word-spacing:-2px;

  
  margin-bottom:20px; margin-left:auto; margin-right: auto; margin-top:10;
  clear: both;
  text-align: center;
  font-family:Trebuchet, "Trebuchet MS", Verdana;
  font-weight: bold;
  font-size: 24px;
  color: #033077; width: 760px !important;
  
  padding-top: 10px;
  *padding-top: 0px;
  *margin-top:0px;
}

#container h2{
  margin: 10px;
  clear: none;
  font-size: 18px;
  text-align: left;
}

#container .orange{
  color: #E6660D;
}

#container #content{
  position: relative;
  background-color: #fff;
  padding: 10px;
  float: left;
  padding-bottom: 0px;
  border: 16px solid #C8DEF2;
}

#container #content #left{
  width: 280px;
  margin-bottom: 10px;
  display: block;
}

body.two #container #content #left{
  background-color: #fff;
  height: 515px;
  border: 1px solid #00326A;
}

#container #content #left h3.compare, #container #content #left h4.free{
  margin-bottom: -15px;
  font-size: 19px;
  font-family: Verdana;
  font-weight: lighter;
  text-align: center;
  color: #FF8721;
}

#container #content #left .heavy{
  font-weight: bold;
}

body.three #container #content #left{
  background-color: #fff;
  height: 642px;
  width: 277px;
  text-align: center;
  border: 1px solid #002F61;
}

body.three #container #content #left h2{
  text-align: center;
  margin-top: 30px;
  margin-bottom: 40px;
}

body.three #container #content #left p.testi{
  width: 180px;
  margin: 40px;
  margin-top: 70px;
  font-family: Verdana;
  font-size: 12px;
  text-align: justify;
  color: #FF8721;
}

body.three #container #content #left p.number{
  width: 180px;
  margin: 40px;
  font-family: Verdana;
  font-size: 12px;
  text-align: center;
  color: #FF8721;
}

body.three #container #content #left p.number .phone{
  display: block;
  font-weight: bold;
}

body.thanks #container #content #left{
  background-color: #fff;
  height: 527px;
  width: 277px;
  text-align: center;
  border: 1px solid #002F61;
}

#container #content #left ul.refinance{
  list-style-type: none;
  margin: 0px;
  padding: 25px;
  font-family: "Arial";
  font-size: 11px;
  color: #000;
  text-align: left;
}

#container #content #left ul.refinance li{
  background: url(../images/check.gif) 0px 6px no-repeat;
  padding-left: 12px;
  line-height: 1.8em;
}

#container #content #left ul.refinance li.title{
  background-image: none;
  padding: 0px;
  font-weight: bold;
  font-size: 16px;
  color: #5586B0;
}

#container #content #right{
  position: relative;
  width: 416px;
  margin-bottom: -16px;
  padding-bottom: 0px;
  float: right;
  border: 1px solid #C8DEF2;
}

body.one #container #content #right{
  background: #E4F2FE url(../images/step1.gif) top right no-repeat;
  min-height: 362px;
}

body.one #container #content #right table{
  left: 0%;
}

body.two #container #content #right{
  background: #E4F2FE url(../images/step2.gif) top right no-repeat;
}

body.three #container #content #right{
  background: #E4F2FE url(../images/step3.gif) top right no-repeat;
  min-height: 511px;
}

body.three #container #content #right img.securedrightsimg{
  float: left;
  margin-top: 20px;
}

body.three #container #content #right p.securerights{
  font-size: 10px;
  font-family: arial;
  color: #666;
  margin-left: 120px;
  text-align: justify;
}

body.thanks #container #content #right{
  background: #E4F2FE;
}

#container #content #right h1{
  font-family: "Arial";
  color: #033077;
  margin: 11px;
  font-size: 24px;
}

#container #content #right p{
  padding: 10px;
  font-family: Verdana;
  font-size: 12px;
  color: #0E1B25;
}

#container #content #right #arrow{
  position: absolute;
  background: url(../images/arrow.gif) top left no-repeat;
  height: 67px;
  width: 78px;
  float: right;
  top: 38px;
  right: 150px;
  display: block;
  z-index: 1;
}

#container #content #right #blue{
  background-color: #5A92C2;
  display: block;
  height: 16px;
  width: 410px;
  padding: 3px;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: right;
  font-family: "Arial";
  font-size: 12px;
  color: #fff;
}

#container #content #right #blue strong{
  float: left;
  padding-left: 8px;
}

#container #content #right #blue .secure{
  background: url(../images/lock.gif) top right no-repeat;
  padding-right: 16px;
}

#container #content #right table{
  position: relative;
  font-family: "Arial";
  color: #003058;
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
}

#container #content #right table tr{
  position: relative;
}

#container #content #right table tr.phone td.input input{
  width: 3.4em;
}

#container #content #right table tr td{
  position: relative;
  padding-bottom: 5px;
  padding-top: 5px;
}

#container #content #right table tr td.input{
  text-align: right;
}

#container #content #right table tr td.input input, #container #content #right table tr td.input select, #container #content #right table tr td.input select option, input.friend{
  width: 160px;
  padding: 3px;
  font-family: "Verdana";
  font-size: 12px;
  font-weight: lighter;
  border: 1px solid #3F79AA;
}

#container #content #right table tr td.input select, #container #content #right table tr td.input select option{
  width: 168px;
}

#container #content #right table tr td.input select option{
  border: 0px;
  padding: 2px;
  padding-bottom: 0px;
}

#container #content #right table tr td input.submitbutt{
  position: relative;
  background: url(../images/continue.gif) 0px 0px no-repeat;
  height: 27px;
  margin-bottom: -10px;
  width: 185px;
  border: 0px;
}

#container #content #right table tr td input.finishbutt{
  position: relative;
  background: url(../images/freequote.gif) 0px 0px no-repeat;
  height: 27px;
  width: 235px;
  border: 0px;
}

#container #content #right table tr td .notrun, #container #content #right table tr td.small,  #container #content #right table tr td .small{
  font-size: 10px;
  color: #55738D;
  margin: 0px;
  font-weight: normal;
}

#container #content #right table tr td p.lock{
  background: url(lock.png) 0px 1.6em no-repeat;
  width: 200px;
}

#container #content #right table tr td .smallr, #container #content #right table tr td.smallr{
  margin: 0px;
  text-align: right;
  font-size: 10px;
  color: #55738D;
}

#container #content ol{
  font-family: "Arial";
  font-size: 14px;
}

#container #content ol li{
  line-height: 2em;
  color: #255C7C;
}

#container #content hr{
  width: 96%;
  border: 1px solid #255C7C;
}

#container #content #clear{
  clear: both;
  display: block;
}

#container p.btmtext{
  font-family: "Arial";
  font-size: 10px;
  color: #87939D;
  width: 560px;
  margin-top: 30px;
  float: left;
}

#container p.btmtext1{
  font-family: "Arial";
  font-size: 10px;
  color: #87939D;
  margin-top: 10px;
  float: left;
  width: 750px;
}

#container .auth img{
  margin-top: 20px;
}

  #container #content #right{
    margin-bottom: 10px;
  }


body.one #container #content #left{text-align:center; float:left; position:relative;
  height: 440px;
  _height: 448px;
  *height: 448px;
}

body.one #container #content #left #house{ 
background: url(../images/housenarrow.png) no-repeat; 
text-align:center;
height:206px;
margin:10px 0 0 10px;
}

body.one #container #content #left #house2{ 
background: url(../images/houseonly.png) no-repeat; 
text-align:center;
height:130px;
margin:10px 0 0 10px;
}

body.one #container #content #left #arrow2{ 
background: url(../images/arrowonly.png) no-repeat; 
text-align:center;
height:96px;
margin:10px 0 0 10px;
}


body.one #container #content #left h3.titleOne{ font:normal 22px Arial; margin:0;}
#offerCopy{ background: url(../images/offer-box.png) center top no-repeat; height:135px; margin:0; padding:10px;}
#offerCopy p.offerTitle{ font:bold 12px arial; color:#e6660d; margin:0;}
#offerCopy p.offers{ font:bold 12px arial; color:#000; margin:16px 0 0 30px; text-align:left;}

#offerCopy p.offerTitle{*margin:10px 0 0 10px;_margin:10px 0 0 10px;}
#offerCopy p.offers{*margin:16px 0 0 16px;*width:206px;_margin:16px 0 0 16px;_width:206px;}


#container #content #right #arrow{
_top:37px;_padding-bottom: 25px;*top: 37px;*padding-bottom: 25px;
				}
			
@media all and (min-width: 0px){
#container ul#nav{
  width: 760px;
}
}