@charset "UTF-8";
/* CSS Document */
html				{margin: 0px; padding: 0px;}
body				{margin: 0px; padding: 0px; width: 100%; height: auto; font-family: Arial, Helvetica, sans-serif;}

.saran				{margin: 0px auto; padding: 0px; width: 900px; height: auto; background: none;}

.c150				{margin: 0px; padding: 0px; width: 149px; height: auto; float: left; clear: none; background: none; border-top: 1px solid #2b406e; border-right: 1px solid #2b406e; border-bottom: none; border-left: none;}
.c600				{margin: 0px; padding: 0px; width: 600px; height: auto; float: left; clear: none; background: none;}
.c750				{margin: 0px; padding: 0px; width: 750px; height: auto; float: left; clear: none; background: none;}
.c750 .c150			{width: 150px; border: none;}

.header, .headerArt, .content, .googleAd, .footer		{margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both;}
.header				{background: url("siteart/bkg-header.png") repeat;}
.headerArt				{background: url("siteart/bkg-headerArt.png") repeat-x bottom;}
.content			{padding: 20px 0px 0px 0px; background: url("siteart/bkg-content.png") repeat-x top;}

/* Header Elements */
.logo				{margin: 0px; padding: 0px; width: 250px; height: auto; float: left; clear: none; background: none;}
.logo img			{margin: 25px 0px 0px 0px; border:none;}
.mastHead			{margin: 0px; padding: 0px 0px 0px 10px; width: 490px; height: auto; float: left; clear: none; background: none;}
.tagLine			{margin: 0px; padding: 10px 0px; width: 100%; height: auto; float: left; clear: both; background: none;}
.tagLine h1			{margin: 0px; padding: 0px; font-size: 20px; color: #2b406e; text-transform: capitalize;}
.tagLine p			{margin: 0px; padding: 0px; font-size: 12px; color: #333;}
.loanStatus			{margin: 0px; padding: 0px; width: 490px; height: 63px; float: left; clear: both; background: url("siteart/bkg-loanStatus.png") no-repeat top center;}
.loanStatus ul		{margin: 0px; padding: 0px; width: 100%; height: 100%; float: left; clear: both; list-style-type: none;}
.loanStatus ul li	{margin: 0px; padding: 10px 0px 0px 0px; width: 50%; height: 53px; float: left; background: none;}
.loanStatus ul li label		{margin: 0px; padding: 0px; width: 100%; display: block; text-align: center; float: left; clear: both; font-size: 18px; font-weight: bold; color: #e0e5ef;}
.loanStatus ul li input		{margin: 0px 15px; padding: 1px 3px; width: 209px; display: block; text-align: center; float: left; clear: both; border: none; background: none; color: #fff; font-size: 20px; font-weight: bold; cursor: text;}
.loanStatus ul li.active	{background: url("siteart/bkg-loanStatus_Active.png") no-repeat bottom center;}
.loanStatus ul li.active label		{color: #777;}
.loanStatus ul li.active input		{padding: 0px 1px; border: 2px solid #ccc; background: #eee; color: #222; cursor: text;}

/* Sidebar Elements */
.typeNav			{margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both;}
.typeNav ul			{margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both; list-style-type: none;}
.typeNav ul li		{margin: 0px 0px 7px 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both; font-size: 13px;}
.typeNav ul li.title		{background: url("siteart/bkg-header.png") repeat; font-weight: bold; color: #333;}
.typeNav ul li.title span	{padding: 5px 10px; display: block;}
.typeNav ul li a		{margin: 0px; padding: 0px 10px; width: 129px; line-height: 40px; display: block; color: #666; text-decoration: none; font-weight: bold; background-image: url("siteart/bkg-typeNav.png"); background-position: 0 0;}
.typeNav ul li a:hover		{margin: 0px; padding: 0px 10px; width: 129px; line-height: 40px; display: block; color: #333; text-decoration: none; font-weight: bold; background-position: 0 -40px;}
.typeNav ul li.active a		{margin: 0px; padding: 0px 10px; width: 129px; line-height: 40px; display: block; color: #fff; text-decoration: none; font-weight: bold; background-position: 0 -80px;}
.typeNav ul li.active a:hover		{margin: 0px; padding: 0px 10px; width: 129px; line-height: 40px; display: block; color: #fff; text-decoration: none; font-weight: bold; background-position: 0 -120px;}

.objTxt				{margin: 10px 7px 10px 0px; padding: 10px; width: 120px; height: auto; float: left; clear: both; border: 1px solid #eee;}
.objTxt h2			{margin: 0px; padding: 0px; font-size: 16px; color: #2b406e;}
.objTxt p			{margin: 5px 0px; padding: 0px; font-size: 12px; color: #333; line-height: 18px;}
.c600 .objTxt		{width:600px; border:none;}
.c600 .objTxt h1	{margin:0px 0px 0px 0px; font-size:16px;}
.c600 .objTxt p		{font-size:14px;}

/* Form Elements */
.formTabs			{margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both; background: none; border-bottom: 1px solid #2b406e;}
.formTabs ul		{margin: 0px; padding: 0px; width: 100%; height: auto; list-style-type: none;}
.formTabs ul li		{margin: 0px; padding: 0px; float: left;}
.formTabs ul li a	{margin: 0px 0px 0px 30px; padding: 0px; width: 150px; line-height: 30px; display: block; text-align: center; text-decoration: none; font-weight: bold; color: #666; background-image: url("siteart/bkg-formTabs.png"); background-position: 0 0;}
.formTabs ul li a:hover	{margin: 0px 0px 0px 30px; padding: 0px; width: 150px; line-height: 30px; display: block; text-align: center; text-decoration: none; font-weight: bold; color: #333; background-position: 0 -40px;}
.formTabs ul li.active a	{margin: 0px 0px 0px 30px; padding: 0px; width: 150px; line-height: 30px; display: block; text-align: center; text-decoration: none; font-weight: bold; color: #fff; background-position: 0 -80px;}
.formTabs ul li.active a:hover	{margin: 0px 0px 0px 30px; padding: 0px; width: 150px; line-height: 30px; display: block; text-align: center; text-decoration: none; font-weight: bold; color: #fff; background-position: 0 -120px;}

.formBody			{margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both;}
.formGroup			{margin: 0px 0px 10px 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both; background: #f3f6fb; border-bottom: 2px solid #d9dee7;}
.formGroup > div		{margin: 0px 0px 10px 0px; padding: 0px; width: 100%; height: auto; float: left; background: url("siteart/bkg-itmLabel.png") repeat-y left; position: relative; border-top: 1px solid #d9dee7;}
.formGroup > div.invalid		{margin: 0px 0px 10px 0px; padding: 0px; width: 100%; height: auto; float: left; background: #ffbbb1; position: relative; border-top: 1px solid #a02a18; border-bottom: 1px solid #a02a18;}
.formGroup .itmLabel	{margin: 0px 5px 0px 0px; padding: 10px 5px; width: 135px; height: auto; float: left; clear: none; background: none;}
.formGroup .itmBody			{margin: 0px; padding: 10px 10px; width: 430px; height: auto; float: left; clear: none;}
.formGroup .itmBody p			{margin: 0px; padding: 5px 0px; width: 100%; height: auto; float: left; clear: none; color: #666; font-size: 12px;}
.formGroup label		{margin: 0px 5px; padding: 0px; text-align: right; font-size: 14px; color: #444;}
.formGroup .itmLabel label 		{margin-top: 5px; display: block;}
.formGroup .input_text input		{margin: 0px; padding: 3px; height: 17px; border: 2px solid #d9dee7; font-size: 14px; color: #333;}
.formGroup select, .formGroup textarea		{margin: 0px; padding: 3px; border: 2px solid #d9dee7; font-size: 14px; color: #333;}
.formGroup .input_checkboxfield ul, .formGroup .input_radiofield ul,.formGroup .input_checkboxfield-singlecolumn ul, .formGroup .input_radiofield-singlecolumn ul			{margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both; list-style-type: none;}
.formGroup .input_checkboxfield ul li, .formGroup .input_radiofield ul li,.formGroup .input_checkboxfield-singlecolumn ul li, .formGroup .input_radiofield-singlecolumn ul li			{margin: 0px; padding: 4px 0px; width: 50%; height: auto; float: left; clear: none;}
.formGroup .input_checkboxfield-singlecolumn ul li, .formGroup .input_radiofield-singlecolumn ul li			{clear: left;}
.formGroup .input_checkboxsingle .itmLabel input, .formGroup .input_radiosingle .itmLabel input			{margin: 10px; float: right;}

.formGroup > div.invalid strong		{color: #a02a18;}
.formGroup input.invalid, .formGroup select.invalid, .formGroup textarea.invalid {border-color: #a02a18;}

.formGroup > div .tooltip		{margin: 0px; padding: 0px; width: 145px; height: auto; position: absolute; top: 0; right: -155px;}
.formGroup > div .tooltip div		{margin: 0px; padding: 0px; width: 144px; height: auto;background: #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #eee;}
.formGroup > div .tooltip h4		{margin: 0px; padding: 5px; background: #f3f6fb; font-weight: bold; color: #333; font-size: 12px;}
.formGroup > div .tooltip p		{margin: 0px; padding: 5px; color: #666; font-size: 12px;}
.formGroup > div .tooltip ul, .formGroup > div .tooltip ol		{margin: 0px 0px 0px 20px; padding: 5px; color: #666; font-size: 12px;}
.formGroup > div.invalid .tooltip h4		{background: #a02a18; color: #fff;}

/* IAB Standard */
.iab120				{margin: 0px 7px 0px 0px; padding: 10px 10px 0px 10px; width: 120px; height: auto; float: left; clear: both; border: 1px solid #eee;}
.iab120 h6				{margin: 10px 0px; padding: 0px; text-align: center; font-size: 20px; color: #fff;}
.iab120 span		{margin: 0px 0px 10px 0px; padding: 0px; width: 116px; display: block; border: 2px solid #ccc; background: #eee;}
.iab120 span.x90		{height: 90px;}
.iab120 span.x60		{height: 60px;}
.iab120 span.x240		{height: 240px;}
.iab120 span.x600		{height: 600px;}
.c750 .iab120		{margin: 300px 0px 0px 8px;}
.gAd728x15			{margin: 7px auto 0px auto; width: 726px; height: 13px; border: 1px solid #ccc; font-size: 12px; text-align: center; font-weight: bold; color: #ccc;}


.ui-slider-handle {background-image:url(/siteart/slider-handle.gif);height:23px;left:0;position:absolute;top:0;width:12px;z-index:1;}
.ui-slider, .ui-slider-1 {background-image:url(/images/slider-bg-1.png);}
.ui-slider {background-position:center center;background-repeat:no-repeat;height:23px;position:relative;width:200px;}

#interest-slider{margin-top:22px;}
.loanStatus ul li input{ border: solid 2px #777; padding: 0px 1px;}
.loanStatus p.left, .loanStatus p.right {width:200px; background:white none repeat scroll 0 0; background-repeat: no-repeat; font-size:13px; padding:5px; margin:0 0 0 0; opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85; border:solid 3px #CCCCCC; z-index:1000;}
.loanStatus p.left {background-position: top right;background-image: url(/images/right.png);}
.loanStatus p.right {padding-left:40px;background-position: top left;background-image: url(/images/left.png);}
.lock {position:absolute;top:33px;}

#calc-list			{margin: 10px 7px 10px 0px; padding: 10px; height: auto; float: left; clear: both;}
#calc-list ul		{margin: 0px; padding: 0px; width: 100%; height: auto; list-style-type: none; }
#calc-list ul li	{margin: 0px 0px 7px 0px; padding: 0px; width: 400px;  height: auto; float: left; clear: both; }
#calc-list ul li h1 {margin:0px 0px 0px 0px}
#calc-list ul li h1 a	{color:#FFFFFF;display:block;font-weight:bold;line-height:28px;margin:0 0 0 0;padding:0 20px;text-decoration:none;text-transform:uppercase;font-size:16px;background: transparent url(/siteart/bkg-button.gif) no-repeat scroll 0 0;}
#calc-list ul li h1 a:hover	{background-position: 0 -28px;}

#footer				{text-align:center;font-size:10px;color:#666666;}