/* CSS Document */
body{margin:00; padding:0; font-family: Arial, Verdana, Helvetica, sans-serif; background: url(/images/consumer/bg.jpg) repeat-x #86B8CF;}
/*  */
p 	{margin:0;  padding:0;}

/** A Styles for normal text links*/
a.text:link 	{ font-weight:normal; font-size:11px; color:#336699; text-decoration:none; line-height:18px;}
a.text:hover 	{ font-weight:normal; font-size:11px; color:#336699; text-decoration:underline; line-height:18px;}
a.text:active 	{ font-weight:normal; font-size:11px; color:#336699; text-decoration:underline; line-height:18px;}
a.text:visited 	{ font-weight:normal; font-size:11px; color:#336699; text-decoration:underline; line-height:18px;}

/** A style with hover underline*/
a.line:link 	{font-size:11px; text-decoration:none; 		line-height:18px;}
a.line:hover 	{font-size:11px; text-decoration:underline; line-height:18px;}
a.line:active 	{font-size:11px; text-decoration:underline; line-height:18px;}
a.line:visited 	{font-size:11px; text-decoration:none; 		line-height:18px;}

/** A style with no lines - useful for image links*/
a.noline:link 	{text-decoration:none; }
a.noline:hover 	{text-decoration:none;cursor:hand }
a.noline:active {text-decoration:none; }
a.noline:visited {text-decoration:none; }

.article {background: url(/images/consumer/bg.jpg) }

/** Styles for various text sections and titles*/
.page-title 	 {height:43px; width:810px; float:left; border-top:1px solid #99B6E2; border-bottom:1px solid #99B6E2;  font-size:20px; font-weight:bold; color:#012A7B; padding:17px 0 0 11px; margin:0 0 16px 0;}
.page-subtitle 	 {height:25px; width:810px; float:left;   font-size:20px; font-weight:bold; color:#012A7B; padding:17px 0 0 11px; margin:0 0 16px 0;}
.page-text  	 { font-size:12px; font-weight:normal; color:#333; padding:0 25px 18px 15px; line-height:18px;}
.lpanel-title 	 {height:43px; width:563px; float:left; border-top:1px solid #99B6E2; border-bottom:1px solid #99B6E2;  font-size:20px; font-weight:bold; color:#012A7B; padding:17px 0 0 11px; margin:0 0 16px 0;}
.lpanel-subtitle {height:28px; width:563px; float:left; border-top:1px solid #99B6E2; border-bottom:1px solid #99B6E2;  font-size:20px; font-weight:bold; color:#012A7B; padding:8px 0 8px 0; margin:0 0 6px 0;}

.leftpanel {width:574px; float:left; }
.rightpanel {width:255px; float:left; padding:0 0 0 10px; }/*  height:1040px; - removed to make footer sitemap align with the height of main block. also had to change height in the rightpanel style to make it work */

.maintexttitle {height:43px; width:563px; border-top:1px solid #99B6E2; border-bottom:1px solid #99B6E2;  font-size:20px; font-weight:bold; color:#012A7B; padding:17px 0 0 11px; margin:0 0 16px 0;}
.welcometext   {width:545px; font-size:12px; font-weight:normal; color:#333; padding:0 23px 18px 3px; line-height:18px;}

.fullmaintexttitle {height:43px; width:780px; float:left; border-top:1px solid #99B6E2; border-bottom:1px solid #99B6E2;  font-size:20px; font-weight:bold; color:#012A7B; padding:17px 0 0 11px; margin:0 0 16px 0;}
.fullwelcometext   {width:760px; float:left;  font-size:12px; font-weight:normal; color:#333; padding:0 23px 18px 3px; line-height:18px;}
.page-text-bgblock {width:830px; float:left; background:url(/images/consumer/list_bottom_bg.jpg) no-repeat; padding:5px;}
.shadowborder {border-right:3px solid silver;border-bottom:2px solid silver;border-left:1px solid silver;border-top:1px solid silver;}

/** Icons*/
a.delicious {background: url(/images/consumer/icons/delicious.gif) no-repeat left 50%; color:#336699; padding: 5px 0 5px 20px; text-decoration:none;}
a.digg 		{background: url(/images/consumer/icons/digg.gif) no-repeat left 50%; 	   color:#336699; padding: 5px 0 5px 20px; text-decoration:none;}
a.email 	{background: url(/images/consumer/icons/email.gif) no-repeat left 50%;	   color:#336699; padding: 5px 0 5px 20px; text-decoration:none;}
a.print 	{background: url(/images/consumer/icons/print.gif) no-repeat left 50%;	   color:#336699; padding: 5px 0 5px 20px; text-decoration:none;}
a.rss 		{background: url(/images/consumer/icons/rss.gif) no-repeat left 50%;	   color:#336699; padding: 5px 0 5px 20px; text-decoration:none;}
a.tel 		{background: url(/images/consumer/icons/tel.gif) no-repeat left 50%;	   color:#336699; padding: 5px 0 5px 20px; text-decoration:none;}

/** Toolbar for bookmarking and printing*/
ul.bookmark-bar 	{margin: 0 0; padding: 5px 0; list-style-type: none;  font-size:9px;  border-bottom: 1px solid #d6d6d6; } /* border: 1px solid #d6d6d6;	border-width: 1px 0; */
ul.bookmark-bar li 	{display: inline; margin-right: 15px;}

.imglink{text-decoration:none; border:none;}
#container {width:870px; margin:0 auto; }

.mainbloks {width:870px; float:left;}
.topblok {width:870px; float:left; height:40px;}
.navblok {width:870px; float:left; height:46px;}
.midblok {width:870px; float:left; }/* height:1434px; - removed to make footer sitemap align with the height of main block. also had to change height in the rightpanel style to make it work */

.register {width:193px; height:28px; float:right; background:url(/images/consumer/register_bg.gif) no-repeat; margin:0 11px 0 0;}
.loggedin {width:293px; height:28px; float:right; background:url(/images/consumer/register_bg_long.gif) no-repeat; margin:0 11px 0 0;}

.whytext { font-size:10px; float:left; font-weight:normal; color:#286585;  margin:0 9px 0 13px; padding:6px 0 0 0;}
.signup {text-align:center; float:left; width:89px; height:21px; background:url(/images/consumer/signup_bg.gif) no-repeat;  font-size:10px; font-weight:normal; color:#fff; padding:2px 0 0 0;}

.logoblok {width:337px; height:46px; float:left;}


.tab-left 	{height:50px; background:url(/images/consumer/tab-left.gif); no-repeat; border:1px solid red; padding:4px; font-size:12px; font-weight:bold; color:#navy; float:left; text-decoration:none; text-align:center; } 
.tab-right 	{height:50px; background:url(/images/consumer/tab-right.gif);no-repeat; border:1px solid red; padding:4px; font-size:12px; font-weight:bold; color:#navy; float:left; text-decoration:none; text-align:center; }
.tab-bg 	{background:url(/images/consumer/tab-bgx.gif);no-repeat; border:1px solid red; padding:4px; font-size:12px; font-weight:bold; color:#navy; float:left; text-decoration:none; text-align:center; }

.mainmenu {width:440px; height:31px;  float:left; margin:15px 0 0 0;  font-size:12px; font-weight:bold; color:#fff; padding:0 0 0 8px; margin:15px 12px 0 0;}
.secondarymenu {width:270px; height:31px; background:url(/images/consumer/loanshrink-mortgage-tools-calculator-menu.jpg) no-repeat; float:right; margin:15px 20px 0 0;  font-size:12px; font-weight:bold; color:#fff;}

.menulink1 {height:15px;  font-size:12px; font-weight:bold; color:#fff; display:block; margin:7px 0 0 0; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}
.menulink1:hover {height:21px;  font-size:12px; font-weight:bold; color:#336699; display:block; background:url(/images/consumer/menu1_roll.gif) no-repeat; margin:7px 0 0 0;  float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}
.activemenulink1 { font-size:12px; font-weight:bold; color:#336699; display:block; background:url(/images/consumer/menu1_roll.gif) no-repeat; margin:7px 0 0 0; width:46px; height:21px; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}

.menulink2 { font-size:12px; font-weight:bold; color:#fff; display:block; margin:7px 0 0 0; width:95px; height:15px; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}
.menulink2:hover { font-size:12px; font-weight:bold; color:#336699; display:block; background:url(/images/consumer/menu2_roll.gif) no-repeat; margin:7px 0 0 0; width:95px; height:21px; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}
.activemenulink2 { font-size:12px; font-weight:bold; color:#336699; display:block; background:url(/images/consumer/menu2_roll.gif) no-repeat; margin:7px 0 0 0; width:95px; height:21px; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}

.menulink3 { font-size:12px; font-weight:bold; color:#fff; display:block; margin:7px 0 0 0; width:65px; height:15px; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}
.menulink3:hover { font-size:12px; font-weight:bold; color:#336699; display:block; background:url(/images/consumer/menu3_roll.gif) no-repeat; margin:7px 0 0 0; width:65px; height:21px; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}
.activemenulink3 { font-size:12px; font-weight:bold; color:#336699; display:block; background:url(/images/consumer/menu3_roll.gif) no-repeat; margin:7px 0 0 0; width:65px; height:21px; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}

.menulink4 { font-size:12px; font-weight:bold; color:#fff; display:block; margin:7px 0 0 0; width:118px; height:15px; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}
.menulink4:hover { font-size:12px; font-weight:bold; color:#336699; display:block; background:url(/images/consumer/menu4_roll.gif) no-repeat; margin:7px 0 0 0; width:118px; height:21px; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}
.activemenulink4 { font-size:12px; font-weight:bold; color:#336699; display:block; background:url(/images/consumer/menu4_roll.gif) no-repeat; margin:7px 0 0 0; width:118px; height:21px; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}

.personalLoan { font-size:12px; font-weight:bold; color:#fff; display:block; margin:7px 0 0 5px; width:118px; height:15px; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}
.personalLoan:hover { font-size:12px; font-weight:bold; color:#336699; display:block; background:url(/images/consumer/menu4_roll.gif) no-repeat; margin:7px 0 0 5px;width:118px; height:21px; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}
.activepersonalLoan { font-size:12px; font-weight:bold; color:#336699; display:block; background:url(/images/consumer/menu4_roll.gif) no-repeat; margin:7px 0 0 0; width:118px; height:21px; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}


.sublink { font-size:12px; font-weight:bold; color:#fff; display:block; margin:7px 0 0 0; width:100px; height:15px; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}
.sublink:hover { font-size:12px; font-weight:bold; color:#E2E2E2; display:block; margin:7px 0 0 0; width:100px; height:21px; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}

.sublink2 { font-size:12px; font-weight:bold; color:#fff; display:block; margin:7px 0 0 0; width:83px; height:15px; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}
.sublink2:hover { font-size:12px; font-weight:bold; color:#E2E2E2; display:block; margin:7px 0 0 0; width:83px; height:21px; float:left; text-decoration:none; text-align:center; padding:3px 0 0 0;}

.topcurve {width:870px; height:6px; background:url(/images/consumer/top_curve.gif) no-repeat; float:left;}
.centerbody {width:848px; background-color:#fff; border-left:2px solid #86B8D1; border-right:2px solid #86B8D1; float:left; padding:14px 0 0 18px;}


.header {width:574px; height:256px; float:left; margin:0 0 13px 0;}
.morebold { font-weight:bold; font-size:11px; color:#666;}
.listlinks { font-weight:normal; font-size:11px; color:#336699; text-decoration:underline; line-height:18px;}
.listlinks:hover { font-weight:normal; font-size:11px; color:#336699; text-decoration:none; line-height:18px;}
.arrow {margin:0 12px 0 0;}

/** Interst rate block and many other divs*/
.interest-rates-div {width:537px; } /* float:left; */
.round-top 	{width:530px; height:1px; background:url(/images/consumer/mortgage_topcurve.gif) no-repeat;  font-size:12px; font-weight:bold; color:#05259B; padding:2px 0 0 11px;}
.interest-rates-table {width:541px; padding:0px; border-left:1px solid #BBCFEC; border-right:1px solid #BBCFEC; border-left:1px solid #BBCFEC; border-right:1px solid #BBCFEC;}
.interest-rates td 	  {padding:0 0 0 10px;}
.light 	{width:528px; height:24px; background-color:#DEE7F6;  font-size:12px; font-weight:normal; color:#434473; padding:2px 0 0 11px; border-top:1px solid #BBCFEC; border-bottom:1px solid #BBCFEC; border-left:1px solid #BBCFEC; border-right:1px solid #BBCFEC;}
.dark 	{width:528px; height:24px; background-color:#F1F5FC;  font-size:12px; font-weight:normal; color:#434473; padding:2px 0 0 11px; border-left:1px solid #BBCFEC; border-right:1px solid #BBCFEC; border-left:1px solid #BBCFEC; border-right:1px solid #BBCFEC;}
.disclaimer { font-size:9px; font-weight:normal; color:#434473; }

.starter {width:257px; float:left; margin:0 12px 0 0;}
.mort1 {width:257px; float:left; margin:14px 23px 0 0;}
.mort3 {width:246px; float:left; margin:9px 0 0 0;}

.widget-block  	{width:257px; float:left; margin:0 0 10px 0; padding:0;}
.widget-header 	{width:232px; height:23px; background:url(/images/consumer/mortgage3_topcurve.gif) no-repeat;  font-size:12px; font-weight:bold; color:#333; text-transform:uppercase; padding:5px 0 0 12px;}
.widget-bg   	{background:url(/images/consumer/benfit_bg.jpg) no-repeat; width:191px; height:112px; float:left; margin:0px 0 0px 0; padding:5px 41px 1px 12px;}
.widget-body 	{width:220px; padding:10px 11px 0 11px; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;  font-size:12px; font-weight:normal; color:#333; line-height:18px;}
.widget-bottom 	{background:url(/images/consumer/mortgage3_bottomcurve.gif) no-repeat; height:10px;}
.widget-title   { font-weight:bold; font-size:12px; color:#333; margin:0 0 8px 0;}

.navigation-block  	{width:200px; float:left; margin:0 0 10px 0; padding:0;}
.navigation-header 	{width:197px; height:23px; background:url(/images/consumer/mortgage3_topcurve.gif) no-repeat;  font-size:12px; font-weight:bold; color:#333; text-transform:uppercase; padding:5px 0 0 12px;}
.navigation-bg   	{background:url(/images/consumer/benfit_bg.jpg) no-repeat; width:191px; height:112px; float:left; margin:0px 0 0px 0; padding:5px 41px 1px 12px;}
.navigation-body 	{width:185px; padding:10px 11px 0 11px; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;  font-size:12px; font-weight:normal; color:#333; line-height:18px;}
.navigation-bottom 	{background:url(/images/consumer/mortgage3_bottomcurve.gif) no-repeat; height:10px;}
.navigation-title   { font-weight:bold; font-size:12px; color:#333; margin:0 0 8px 0;}


.list-text { font-size:11px; font-weight:bold; color:#2971A7; line-height:18px; }
ul.list-text {list-style-image: url(/images/consumer/list_arrow.gif); list-style-type: none; padding-left:10px; margin:0; }
ul.list-text li { padding-left:0px;}

.mort1top {width:245px; height:23px; background:url(/images/consumer/mortgage2_topcurve.gif) no-repeat;  font-size:12px; font-weight:bold; color:#333; text-transform:uppercase; padding:5px 0 0 12px;}
.mort1body {width:226px; padding:13px 17px 0 12px; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.mort1bottom {width:257px; height:10px; background:url(/images/consumer/mortgage2_bottomcurve.gif) no-repeat;}
.morttext {font-size:11px;}
.listmenu {width:123px; height:19px; font-size:11px;}
.bluepanel {width:246px; height:256px; float:left; margin-bottom:14px;}

.loan-modification-starter {width:514px; margin:0 12px 0 0;}
.loan-modification-starter-title {width:502px; height:23px; background:url(/images/consumer/mortgage2_topcurve.gif) repeat;  font-size:12px; font-weight:bold; color:#333; text-transform:uppercase; padding:5px 0 0 12px;}
.loan-modification-starter-body {width:483px; padding:13px 17px 0 12px; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.loan-modification-starter-bottom {width:514px; height:10px; background:url(/images/consumer/mortgage2_bottomcurve.gif) ;}


.blue1 {width:171px; height:73px; background:url(/images/consumer/mortgage.jpg) no-repeat; margin:0 0 3px 0; padding:0 0 0 75px;}
.blue2 {width:142px; height:96px; background:url(/images/consumer/mortgage1_bg.jpg) no-repeat; margin:0 0 3px 0; padding:7px 29px 0 75px;}
.blue3 {width:171px; height:73px; background:url(/images/consumer/mortgage2_bg.jpg) no-repeat; margin:0 0 3px 0; padding:0 0 0 75px;}

.mortgageheading {font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; font-weight:bold; font-size:17px; color:#fff;}
.mortatext {font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#fff; line-height:14px;}
.mort3bottom {width:244px; height:7px; background:url(/images/consumer/mortgage3_bottomcurve.gif) no-repeat;}

.bottomlist {width:830px; height:248px; float:left;  background:url(/images/consumer/list_bottom_bg.jpg) no-repeat; }
.sitemaplist{width:182px; float:left; margin:16px 0 0 18px;}

.listheading { font-weight:bold; font-size:12px; color:#8696A4; margin:0 0 10px 0; display:block;}
.listcaps { font-weight:normal; font-size:10px; color:#213A7B; text-transform:uppercase; line-height:22px; text-decoration:underline;}
.infobox {width:820px;  font-weight:normal; font-size:10px; color:#999; line-height:15px; float:left; padding:0 0 15px 0;}
.bottompage {width:870px; height:8px; background:url(/images/consumer/page_bottom.gif) no-repeat; float:left;}
.footer {width:866px; background-color:#BAD7E5; float:left; padding:14px 0 9px 0; text-align:center; border-left:2px solid #86B8D1; border-right:2px solid #86B8D1;  font-weight:normal; font-size:11px; color:#286585; line-height:15px;}
.endcurve {width:870px; height:7px; background:url(/images/consumer/last_bottom.gif) no-repeat; float:left; margin:0 0 15px 0;}

/** Product Home Page Specific Styles */
.offer-banner {height:96px; width:830px; margin-top:285px; margin-bottom:15px;}
/** END - Product Home Page Specific Styles */

/** inputs with sample text*/
input.exampleText { color: #aaa; }










}