html{
background-color:#F8F8F8;
}

body{
font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0; /* need for Opera */
color: #333333;
}
p{font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color: #333333; margin:0; padding:0 0 15px 0;}
tr,td{
font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
color: #333333;}

tr,td a{
color: #333333;
text-decoration:underline;
}


tr,td a:hover{
color: #ff6600;
text-decoration:none;
}
h1{
	font-size: 20px;
	font-weight: bold;
	display: block;
	color: #142955;
}

h1.chapter{
	padding: 5px 0px 0px 0px;
	font-size: 22px;
	text-align: center;
	font:normal 24px Arial, Helvetica, sans-serif;
}

.normal{
font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
}

.normal_red{
padding-top:10px;
padding-bottom:5px;
font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
color: #FF3300;
text-decoration:none;
text-transform:uppercase;
}
.normal_red1{
margin:0;
padding:0;
font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
color: #FF3300;
text-decoration:none;
text-transform:uppercase;
}

.normal_black{
padding-bottom:3px;
padding-top:8px;
font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif;
color: #666666;
text-decoration:none;
text-transform:uppercase;
}
.normal_bold{
padding-top:5px;
padding-bottom:5px;
font: bold 13px/16px Arial, Helvetica, sans-serif;
color:#FB6A00;
}
.normal_bold a{
font: bold 13px/16px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:underline;
}
.normal_bold a:hover{
font: bold 13px/16px Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:underline;
}
.normal_blue{
padding-top:10px;
padding-bottom:3px;
font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
color:#0077FF;
text-decoration:none;
text-transform:uppercase;
}

img { border: 0px;
margin:0px; }


/* Top Area Background */
.logobg{
background:repeat-x url(../image/mortgage-rate_logobg.gif);
height:113px;
}


/* Left navigation */

.leftnav_bg{
background:repeat-y url(../images/left_nav_bg.gif);
background-color: #FFFFFF;
}

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

table.leftnav tr{
background-color:none;
}

table.leftnav td{
	border-bottom:0px #ffffff solid;
	height:22px;
	vertical-align:middle;
	font: bold 11px/16px  Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	text-align:left;
}

table.leftnav td a{
text-decoration:none;
	color:#ffffff;
}
table.leftnav td a:hover{
text-decoration:none;
		color:#eeeeee;
}


/*   End of Left Nav */


/* Left navigation2 */
.leftnav2{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

table.leftnav2 tr{
background-color:none;
}

table.leftnav2 td{
	border-bottom:0px #FFA507 solid;
	height:22px;
	vertical-align:middle;
	font: bold 11px/16px  Tahoma, Arial, Helvetica, sans-serif;
	color:#FB8200;
	text-transform:uppercase;
	text-align:left;
}

table.leftnav2 td a{
text-decoration:none;
	color:#FB8200;
}
table.leftnav2 td a:hover{
text-decoration:none;
		color:#000000;
}


/*   End of Left Nav2 */

/*header*/
#header2 {
	background:#FFFFFF url(../images/header-img2.gif) no-repeat;
	width:251px;
	height:145px;
}

#header1 {
	background:#FFFFFF url(../images/header-img1.gif) no-repeat;
	width:512px;
	height:145px;
}

#left_top_bg {
	background:#FFFFFF url(../images/left-top-img.gif) no-repeat;
	height:167px;
	width:41px;
}
/* Top navigation */

.topnav{
 margin:0 0 0 0;
	border-top:2px solid #FFFFFF;
	background-color: #5497E7;
	height:22px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
}

table.topnav tr{
background-color:#5497E7;
}

table.topnav td{
	background-color:#5497E7;
	padding-left:5px;
	height:22px;
	vertical-align:middle;
	text-align:center;
	font: bold 11px/16px  Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	border-left:#FFFFFF solid 1px;
}

table.topnav td a{
text-decoration:none;
	color:#ffffff;
}
table.topnav td a:hover{
text-decoration:none;
		color:#dddddd;
}


/*   End of Top Nav */



.seperator{
background:#B4CE4F;
border-top:#FFFFFF solid 1px;
height:6px;}



/* About The Best Mortgage Rate */

#company_brief_bg{
background-image:url(../image/about-mortgage-bg.gif);
width:313px;
height:auto;
}

.company_brief_text{
text-align:justify;
padding: 20px 14px 10px 20px;
color:#FFFFFF;
font-size:12px;
}

/* End of About The Best Mortgage Rate  */ 



/* Form Section Home page   */ 
.bgtop{
background-color:#F8F8F8;
border-top:#E3E3E3 1px solid;
}

.bgbttm{
background-color:#F8F8F8;
border-bottom:#E3E3E3 1px solid;
}

.bgleft-rght{
background-color:#F8F8F8;
border-left:#E3E3E3 1px solid;
border-right:#E3E3E3 1px solid;
}

/* End of Form Section Home page   */


/* All Sites Form Section   */

input
{
padding:1px;
margin:1px;
border:#999999 1px solid;
font-size:11px;
color:#666666;
}


.fields 	{  
	font-family: Verdana, arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	height:17px;
	width:150px;
	color: #000000; 
	border:#999999; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	background-color: #ffffff;
	}
.fields1 	{  
	font-family: Verdana, arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	height:50px;
	width:150px;
	color: #000000; 
	border:#999999 1px solid;
	background-color: #ffffff
	}
	.fields2	{  
	font-family: Verdana, arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	width:230px;
	height:80px;
	color: #000000; 
	border:#999999; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	background-color: #ffffff;
	}
	.button
	{
	font-family: Verdana, arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	height:20px;
	width:70px;
	color: #ffffff; 
	border:#ffffff; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	background-color: #5497E7;
	}
.pad {
padding:5px;
}

#category_head{
background:#eeeeee;
font:bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
padding:2px;
height:20px;
}



.heading_article {
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
.heading_article:hover {
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
.text_article {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	font-style: normal;
	color: #333333;
	line-height:16px;
	padding-left:5px;
	padding-right:5px;
}



.footer_blue
{
color:#FFFFFF;
text-transform:capitalize;
padding-left:5px;
padding-right:5px;
background-color:#5497E7;
}

.footer_blue a{
color:#FFFFFF;
text-decoration:none;
}

.footer_blue a:hover{
color:#dddddd;
text-decoration:none;
}


.footer_orange
{
color:#FFFFFF;
padding-left:5px;
padding-right:5px;
text-align:center;
background-color:#FB8200;
}

.footer_orange a{
color:#FFFFFF;
text-decoration:none;
}

.footer_orange a:hover{
color:#dddddd;
text-decoration:none;
}

.powered a
{
color:#5E0E19;
}
.powered a:hover
{
color:#000000;
}


#tollfree{
color:#FF3300;
font: bold 16px/16px Arial Narrow;
padding:25px 10px 14px 10px;

}


/* List Items*/

.list {float:left;}

.list ul {
	margin: 0px 0px 10px 10px;
	padding: 0;
	list-style: none;
}

.list li {
	padding: 0 0 5px 8px;
	background: url(../images/bullet_red.gif) no-repeat left ;
	line-height: 15px;
	background-position: 0 .5em;
}


h1 {
	font:normal 24px/24px "Arial narrow", tahoma, "microsoft Sans Serif";
	color:#3CA82F;
	margin:2px 2px 2px 4px;

}

h2 {
	font:normal 20px/24px  Arial, Helvetica, sans-serif;
	color:#3CA82F;
	margin:0;
	padding:4px 0;

}

h2 a {
	font:normal 20px/24px  Arial, Helvetica, sans-serif;
	color:#FB8200;
	margin:0;
	padding:4px 0;
	text-decoration:none;

}
h2 a:hover {
	color:#3CA82F;
	margin:0;
	padding:0;
	text-decoration:underline;

}

.black {
	font:normal 24px/24px "Arial narrow", tahoma, "microsoft Sans Serif";
	color:#404040;
}

.read_more{
padding-left:5px;
padding-right:5px;
font: normal 11px/16px  tahoma, Helvetica, sans-serif;
color:#666666;
text-transform:none;
text-decoration:underline;
text-align:right;
}

.read_more a{
	color:#666666;
	text-decoration:underline;
}

.read_more a:hover{
	color:#000000;
	text-decoration:underline;
}



.table_products {
border:1px solid #dddddd;
margin-top:10px;
padding:0px;
}

.table_link{
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
padding-right:30px;
}
.table_link:hover{
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#ff6600;
padding-right:30px;
}

.orange {
background:#FB8200;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:left;
padding:0 0px 0 10px;
}
.orange a {
color:#ffffff;
text-decoration:none;
}
.orange a:hover {
color:#eeeeee;
text-decoration:none;
}
.blue {
background-color:#5497E7;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:left;
padding:0 0px 0 10px;
height:20px;
}
.blue a {
color:#ffffff;
text-decoration:none;
}
.blue a:hover {
color:#eeeeee;
text-decoration:none;
}

.table_products img {
float:left;
vertical-align:top;
text-align:left;
padding:5px;
padding-top:0px;
}

.table_products img.right {
float:right;
vertical-align:top;
text-align:left;
padding:5px;
padding-top:0px;
}

.bmi {
font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
width:250px;
height:auto;
border:8px solid #FB8200;
margin:10px;
}
.bmi .input {
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
width:25px;
height:12px;
border:1px solid #9D9D9D;
padding-left:2px;
}
.bmi .button {
font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
width:100px;
padding:0 5px 0 5px;
background:#5497E7;
text-align:center;
}
.req {
font-weight:bold;
color:#FF0000;
}
.tbl{
border-left:1px solid #ccc;
border-top:1px solid #ccc;
}
.tbl td{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:5px;
}


.input1{padding:0 0 0 2px;margin:0 0 0 5px;border:1px solid #ddd;width:100px;height:18px;vertical-align:top;font:normal 11px Arial, Helvetica, sans-serif;}
.pad-nor{margin:0; padding:4px 0;}

.content { margin:0 0 0 0; }
.qa_entry { margin: 0px 0px 15px 0px; }
	.qa_entry div { padding: 0px 0px 30px 0px; }
	.qa_entry label { display: block; font-weight: bold; font-size: 1.4em; }
	.qa_entry span { display: block; font-size: 0.9em; }
	.qa_entry .countertext { float: right; font-size: 0.9em; }
	.qa_entry .countertext input { margin: 0px; border: 0px none; padding: 0px; font-size: 0.9em; color: #000000; background: #ffffff; }
	.qa_entry .input_text { width: 585px; }
	.qa_entry .notify label { display: normal; font-weight: normal; font-style: italic; font-size: 0.9em; }
	.qa_entry ul.tag_list { margin: 2px 0px 10px 0px; padding: 0px;  list-style: none; }
	.qa_entry ul.tag_list li { display: inline; padding: 0px 4px 2px 0px; cursor: pointer; }
	#char_limit { font-size: 0.95em; font-style: italic; }
	.notify label { display: normal; font-weight: normal; font-style: italic; font-size: 0.9em; }
	
.veri_code_image
{
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 10px;
}

.veri_code_image img
{
	border: 1px solid #ccc;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 110px;
	height: 32px;
}	

.link_heading { margin: 0px 0px 10px 0px; padding: 0px; }
	.link_heading:after { content: ""; display: block; height: 100%; clear: both; }
	.link_heading { height: 100%; float: left; padding: 0px 10px 0px 0px;font:bold 14px Arial, Helvetica, sans-serif; }
	.link_heading ul { margin: 0px; padding: 0px; list-style-type: none; }
	.link_heading li { float: left; padding: 0px 10px 0px 0px;font:bold 14px Arial, Helvetica, sans-serif; }
	.link_heading a { font:bold 14px Arial, Helvetica, sans-serif; color:#FF6633; }
	.link_heading a:hover {color:#000; }
	
a.tooltip { position: relative; z-index: 1; color: #000000; text-decoration: none; }
	a.tooltip:hover { z-index: 25; }
	a.tooltip span { display: none; }
	a.tooltip:hover span { display: block; position: absolute; top: 15px; left: 15px; width: 150px; border: 1px solid #9e9e9e; padding: 5px; font-weight: normal; background-color: #ffffff; color: #000000; }
	a.tooltip:hover span strong { font-weight: bold; color: #d89f46; }
.questbg1{
background:#fff; margin:0; padding:10px 0;}	
.questbg{
background:#FFF3E7; margin:0; padding:10px 0;}
.quest{
font:bold 13px Arial, Helvetica, sans-serif; margin:0; padding:0 0px;}		


.bg-grey{
background:#E8F7E7;
font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
padding:14px 0 10px 20px;
margin:0;
}
.field{font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#333333;
padding:3px;
margin:0;
border:1px solid #CECECE;
width:310px;
}
.field1	{font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#333333;
padding:3px;
margin:0;
border:1px solid #CECECE;
width:310px;
}
.field2	{font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#333333;
padding:3px;
margin:0;
border:1px solid #CECECE;
}
.bg-green{background:#F1FAE4;
font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
padding:8px 0 10px 10px;
margin:0;
}
.bg-green-light{background:#F8FDF2;
font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
padding:8px 0 10px 10px;
margin:0;
}
.txt-box{font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#333333;
padding:2px 0;
margin:0;
width:316px;
}
.txt-box1{font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#333333;
padding:2px 0;
margin:0;
}
.star{font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#F40000;}

.button1 {
font:bold 11px/10px Verdana, arial, Helvetica, sans-serif; 
height:24px;
width:70px;
color:#ffffff; 
background-color:#5AC94E;
margin:5px 0;
border:1px solid #E0E0E0;
vertical-align:middle;
padding-bottom:4px;
}
.button1:hover {
color:#ffffff; 
background-color: #5497E7;
}

/*--latest css 6-7-09--*/

#containerWrapper{
	width:100%;
	background-image: url(images/contentBg.gif);
	background-repeat: repeat-y;
	margin: 0 auto;
	margin-top:10px;
}

p.introduction{
	text-align: right;
	font-size: 11px;
	padding: 10px 0px 5px 0px;
}

.firstContent{
	width: 98%;
	margin:0px;
	padding:0 0 10px 0;
	border-bottom:1px solid #d5d5d5;
}

.firstContent img{ float: right; margin:0; padding:30px 0 0 10px;}

h1.chapter{
	padding: 5px 0px 0px 0px;
	font-size: 18px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	display: block;
}

h2.product{
	font-size: 16px;
	font-weight: bold;
	color: #3CA82F;
}

h2.product a{
	text-decoration: none;
}

h2.whyRated{
	font-size: 14px;
	font-weight: bold;
	color: #3368CF;
}

.comparison1{
	margin:0px;
	padding:0 0 15px 0;
	border-bottom:1px solid #d5d5d5;
	overflow:hidden;
	
}

.comparison1 p{ padding:0 0 10px 0; margin:0; float:left;}

.comparison1 p img{ padding:0 10px 0 0; margin:0; float:left;}

div.comparison2{
	margin:0px;
	padding:0 0 15px 0;
	border-bottom:1px solid #d5d5d5;
	overflow:hidden;	
}
.comparison2 p{ padding:0 0 10px 0; margin:0; float:left;}

.comparison2 p img{ padding:0 10px 0 0; margin:0; float:left;}

div.comparison3{
	margin:0px;
	padding:0 0 15px 0;
	border-bottom:1px solid #d5d5d5;
	overflow:hidden;	
}
.comparison3 p{ padding:0 0 10px 0; margin:0; float:left;}
.comparison3 p img{ padding:0 10px 0 0; margin:0; float:left;}

div.comparison4{
	margin:0px;
	padding:0 0 15px 0;
	border-bottom:1px solid #d5d5d5;
	overflow:hidden;	
}
.comparison4 p{ padding:0 0 10px 0; margin:0; float:left;}

.comparison4 p img{ padding:0 10px 0 0; margin:0; float:left;}

#containerBorderTop{
	line-height: 6px;
	width:100%;
	background-image: url(images/contentTop.gif);
	background-repeat: no-repeat;
}

#containerBorderBot{
	line-height: 6px;
	width:100%;
	background-image: url(images/contentBot.gif);
	background-repeat: no-repeat;
	clear: both;
}
h2.whyRated{
	color: #3368CF;
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#3CA82F;
}