body,td,th {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin:0;
}
body {
	background-color: #fff;
}

#container {
	width:860px;
	margin:0 auto;
}
#top-bar {
	font-size:10px;
	padding:3px 12px;
	text-align:right;
	background:#e9e9e9;
	border-bottom:1px solid #c9c9c9;
}
#top-bar .left {
	float:left;
}
#top-bar .sup {
	vertical-align:top;
	font-size:6px;
}
#header {
	padding:14px 0 0;
}
.col01 {
	float:left;
	width:280px;
}
.col01 .logo {
	margin:0 0 16px;
}
.col02 {
	float:right;
	width:570px;
}
.mor-disclosure {
	position:absolute;
	width:215px;
	font-size:11px;
	text-align:right;
	margin:80px 0px 0px 643px ;
 	clear:both;
	}
.col02 .cta {
	background:url(cta-back.gif) no-repeat 0 0;
	padding:24px 10px 46px 50px;
	color:#ff560a;
	font-size:20px;
	font-weight:bold;
	line-height:14px;
	overflow:hidden;
}

.col02 .ctaNoLock {
	background:url(cta-back_noLock.gif) no-repeat 0 0;
	padding:24px 10px 46px 50px;
	color:#ff560a;
	font-size:20px;
	font-weight:bold;
	line-height:14px;
	overflow:hidden;
}
.col02 .lockStuff{
	display:block;
	width:169px;
	height:21px;
	float:right;
	margin:-24px 0 0 0;
}

.col02 .lock{
	/*background:url(lock.gif) no-repeat 0 0;*/
	width:19px;
	height:21px;
	position:relative;
	float:left;
}

.col02 .lockText{
	/*background:url(lock_text.gif) no-repeat 0 0;*/
	width:149px;
	height:21px;
	position:relative;
	float:left;
}

.col02 .form-area {
	background:url(dot.gif) repeat-y 0 0;
	padding:0 0 0 10px;
}
.col02 .headlines {
	padding:0 0 0 10px;
}

.col02 h1 {
	margin:0 0 6px;
	font-size:30px;
	font-weight:normal;
	line-height:32px;
}
.col02 h2 {
	margin:0;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	color:#888;
}

.box-title {
	padding:0 0 8px;
	display:block;
	background:url(dot.gif) repeat-x 0 100%;
	font-weight:bold;
	text-align:left;
}
.spacer {
	display:block;
	height:20px;
	clear:both;
}


/* calculator */

.tabs .calc-form {
	margin:10px 0;
	border:1px solid #d5d5d5;
	width:490px;
	padding:0;
}

.tabs .calc-question {
	padding:3px 0;
	clear:both;
	text-align:left;
}
.tabs .calc-question label {
	display:block;
	text-align:right;
	font-weight:bold;
	width:140px;
	margin:4px 12px 0 0;
	float:left;
	clear:left;
	font-size:11px;
}
.tabs .calc-btnArea {
	padding:5px 0;
	text-align:center;
}
.tabs .calculator-left {
	width:300px;
	float:left;
	padding:0 10px 0 0;
	background:url(dot.gif) repeat-y 100% 0 #E9E9E9;
	text-align:center;
}
.tabs .calculator-right {
	width:170px;
	float:left;
	padding:0 0 0 10px;
	text-align:center;
	font-size:14px;
}
.tabs .calc-question input, .col02 .calculator-right input {
	padding:2px;
	margin:0;
	text-align:left;
}
.tabs .calculator-right input {
	width:100px;
}
.tabs .results-input {
	border-style:none;
	margin:0 auto;
	font-size:16px;
}
.btn-calc {
	display:block;
	font-size:1px;
	text-indent:-1000px;
	outline:none;
	overflow:hidden;
	width:131px;
	height:26px;
	background:url(btn-calc.gif) no-repeat 0 0;
	margin:5px auto;
	cursor:pointer;
	border-style:none;
}
.btn-calc:hover {
	background:url(btn-calc.gif) no-repeat 0 -26px;
}


/* rates box */


.rates {
	margin:10px 0;
	padding:8px 0;
}
.rates td {
	padding:3px 3px;
	font-size:11px;
}
.rates .odd {
	background:#ddefff;
}
.rates .odd, .rates .even {
	border-bottom:1px solid #bed5ea;
}

.rates .flat-gold {
	background:transparent url(transparent-sprite.gif) no-repeat scroll 0 0;
	height:6px;
	overflow:hidden;
	width:11px;
}
.rates .arrow-up-gold {
	background:transparent url(transparent-sprite.gif) no-repeat scroll 0 -5px;
	height:6px;
	overflow:hidden;
	width:11px;
}
.rates .arrow-down-gold {
	background:transparent url(transparent-sprite.gif) no-repeat scroll 0 -14px;
	height:6px;
	overflow:hidden;
	width:11px;
}
.rates .graph-oa {
	background:transparent url(transparent-sprite.gif) no-repeat scroll 0 -23px;
	cursor:pointer;
	height:11px;
	overflow:hidden;
	width:15px;
}


/* featured lenders */


.lenders {
	margin:10px 0;
	padding:8px 0;
	text-align:center;
}


/* legitimacy logos */

.security {
	text-align:center;
	padding:2px 0;
	background:url(dot.gif) repeat-x 0 0;
	border: none;
	outline:none;
}



/* form */
form {
	padding:0 14px;
	margin:0;
}
form .step {
	float:right;
	font-size:11px;
}
form .step492 {
	float:right;
	font-size:11px;
}
form .step span {
	font-weight:bold;
}
form .questionset {
	font-weight:bold;
	font-size:14px;
	padding:0 0 8px;
	background:url(dot.gif) repeat-x 0 100%;
}
form .drop, form .zip, form .rate, form .radio, form .text {
	padding:6px 0;
	clear:both;
}
form .text2, form .text3, form .text4, form .phone1, form .phone2, form .zip2  {
	padding:8px 0 8px;
	float:left;
}
form .text2, form .text4, form .zip2, form .phone1 {
	width:280px;
	margin-right:10px;
}
form .text3, form .phone2 {
	width:220px;
}
form .text4 {
	padding:6px 0;
	width: 290px;
}
form .text2 label, form .text3 label, form .text4 label, form .phone1 label, form .phone2 label {
	display:block;
}
form .alert {
	border:1px solid #FFEA88;
	background:#fffde7;
	padding:6px 10px 8px;
	margin:5px 0;
}

form .drop label, form .zip label, form .rate label, form .radio label, form .text label, form .zip2 label {
	display: block;
	width:280px;
	_width:265px;
	vertical-align: top;
	float:left;
	margin-right:10px;
	line-height: 16px;
	clear:both;
}
form .drop select, form .text input, form .text2 input, form .text3 input, form .text2 select, form .text3 select {
	width:220px;
	padding:1px;
}
form .text2 input, form .text3 input, form .text2 select, form .text3 select, form .text4 select, form .zip2 input, form .phone1 input, form .phone2 input {
	margin-top:4px;
}
form .zip input, form .zip2 input {
	width:120px;
	padding:1px;
}
form .phone1 input, form .phone2 input {
	padding:1px;
	width:30px;
}
form .rate input {
	padding:1px;
	width:40px;
}
form .drop select:focus, form .zip input:focus, form .rate select:focus, form .text input:focus, form .text2 input:focus, form .rate input:focus {
	/*background:url(hilight.gif) repeat-x 0 0;*/
	background-color:transparent;
}
form .submit-area {
	padding:10px 0 8px 290px;
}
form .submit-area input {
	border-style:none;
	text-align:center;
	background:url(btn.gif) no-repeat 50% 0;
	color:#fff;
	height:34px;
	width:145px;
	font-weight:bold;
	cursor:pointer;
}
form .submit-area input:hover {
	background:url(btn.gif) no-repeat 50% -34px;
}
form .note {
	font-size:10px;
	line-height:14px;
}
form .address-info, form .phone-info, #qDiv_MORT_REVERSE_MORTGAGE_01 {
	background:url(dot.gif) repeat-x 0 0;
}
form #optDiv_DESIRED_LOAN_TYPE_01 {
	height:70px;
}
form #optDiv_DESIRED_LOAN_TYPE_01 label {
	font-size:11px;
	line-height:16px;
}



/* tabs */

.tabs {
	background:#d9d9d9;
	border:1px solid #c9c9c9;
	padding:2px;
}


ul.tabNavigation {
	list-style: none;
	margin: 0;
	padding: 0;
	height:27px;
}
ul.tabNavigation li {
	float:left;
	margin: 0;
	list-style:none;
}
ul.tabNavigation li a {
	padding:7px 12px 7px;
	display:block;
	font-size:11px;
	text-decoration: underline;
	margin:0;
	color:#014ca5;
}
ul.tabNavigation li a.selected {
	background: #fff;
	color:#000;
	text-decoration: none
}
ul.tabNavigation li a:hover {
	text-decoration: none
}
ul.tabNavigation li a:focus {
	outline: 0;
}
ul.tabNavigation li h2 {
	font-weight:normal;
	display:inline;
	font-size:11px;
}
#container .tab-content {
	padding: 14px;
	font-size:12px;
	line-height:18px;
	background:#fff;
}
#container .tab-content h3 {
	color:#000;
	margin:10px 0 0;
	font-size:16px;
	line-height:20px;
}
#container .tab-content li {
	list-style:none;
	background:url(bullet.gif) no-repeat 0 2px;
	padding:0 0 5px 20px;
}
#container .tab-content p, #container .tab-content ul {
}

/* footer */

#footer {
	padding:20px 0 30px;
	font-size:11px;
	line-height:16px;
	color:#6e6e6e;
}
#footer a {
	color:#6e6e6e;
	text-decoration:none;
}
#footer a:hover {
	color:#000;
}


/* tooltip */
.help a{	text-decoration:none;}

.help  a .imageQ{
	background:url(icon-help.gif) no-repeat 0 0;
	cursor:pointer;
	height:12px;
	width:12px;
	border:none;
	outline:none;
	overflow:hidden;
	display: -moz-inline-block;
	display: inline-block;
	margin:4px 0 0 4px;
	padding:0px;
	position:relative;
	text-decoration:none;
	text-indent:999px;
	

}
.help a:hover .imageQ {
	background:url(icon-help.gif) no-repeat 0 -12px;	
	text-decoration:none;
}

#tooltip {
	position: absolute;
	z-index: 3000;
}
#tooltip h3, #tooltip div { 
	margin: 0;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
}
#tooltip.pretty {
	border: 1px solid #c8dcee;
	background:#eaf5ff;
	width: 300px;
	padding:10px;
}


.clear{ clear:both;}