/* style.css */

* { padding: 0; margin: 0; }

/* @page shift fix */

html { 
	min-height: 100%;
	margin-bottom: 1px;
	overflow: -moz-scrollbars-vertical !important; 
	}
/* @end of page shift fix */	
	
body { 
	background: #222c39 url(./images/body_bg.png) left top repeat-x;
	color: #000000;
	font-family: Arial, Verdana, Sans-serif;
	font-size: 14px;
}

h1 {
	font-size: 24px;
	padding-bottom: 12px;
}

a {
	outline: none;
}

#lead_tr {
    width: auto;
}

#lead_tr:hover {
    width: auto;
    background: #999999;
}

#lead_td {
    width: auto;
}

#lead_td:hover {
    width: auto;
    background: #222C39;
    cursor: pointer;
    color: white;
}

#table_hover {
    color: black;
}

#table_hover:hover {
    color: white;
    font-weight: bold;
}

/* @group main */
div.main-wrapper {
	margin: 0px auto;
	width: 938px;
}	
	div.main-top {
		background: transparent url(./images/main_top.png) left top no-repeat;
		height: 39px;
	}
		ul.language {
			float: right;
			list-style-type: none;
			margin-right: 22px;
		}
			ul.language li {
				float: left;
			}
				ul.language li a {
					display: block;
					height: 30px;
					text-indent: -9999px;
				}
				a.english {
					background: transparent url(./images/english.png);
					width: 125px;
				}
				a.espanol {
					background: transparent url(./images/espanolnormal.png);
					width: 122px;
				}
				a.polski {
					background: transparent url(./images/polskinormal.png);
					width: 125px;
				}
	div.main-left {
		float: left;
		background: transparent url(./images/main_left.png) left top repeat-y;
		padding-left: 8px;
		height: 100%;
	}
		div.main-right {
			float: left;
			background: transparent url(./images/main_right.png) right top repeat-y;
			padding-right: 8px;
			height: 100%;
		}
			div.main {
				float: left;
				background: #b2b5b9 url(./images/main_bg.png) left top no-repeat;
				width: 922px;
				height: 100%;
			}
	div.main-bottom {
		clear: both;
		background: transparent url(./images/main_bottom.png) left top no-repeat;
		height: 12px;
	}
/* @end main */

/* @group header */
div.header {
	height: 95px;
    margin: 30px 0 10px 0;
}
	h1.logo {
		background: transparent url(./images/logo.png) left top no-repeat;
		text-indent: -9999px;
		margin: -10px 0 0 20px;
		width: 476px;
		height: 82px;
	}
/* @end header */

/* @group nav */
ul.nav {
	float: left;
	clear: both;
	list-style-type: none;
	background: transparent url(./images/nav_bg.png) left top repeat-x;
	height: 27px;
	width: 916px;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
}
	ul.nav li {
		float: left;
		display: block;
	}
	ul.nav li:hover {
		float: left;
		color: white;
		text-decoration: underline;
	}
	ul.nav li.active {
		background: transparent url(./images/active_bg.png) left top repeat-x;
		color: #FFFFFF;
	}
	
		li.active b {
			display: block;
			background: transparent url(./images/active_spacer.png) left top no-repeat;
			height: 23px;
		}
		li.active a {
			background: transparent url(./images/active_spacer.png) right top no-repeat;
			color: #232e3b;
		}
		
	ul.nav li.nav_first {
		margin-left: 148px;
	}
	ul.nav li.nav_first1 {
		margin-left: 90px;
	}
		ul.nav li a {
			display: block;
			text-decoration: none;
			font-size: 14px;
			height: 23px;
			color: #FFFFFF;
			padding: 3px 10px 0 10px;
		}
		ul.nav li a:hover {
			text-decoration: none;
			color: white;
		}
		ul.nav li a.nav_link {
			background: transparent url(./images/nav_spacer.png) right 2px no-repeat;
		}

/* @group content */
div.content {
	float: inherit;
	clear: both;
	margin: 9px;
}
	div.content-left {
		float: left;
		width: 702px;
	}
    
    div.content-left-alt {
		float: left;
		width: 895px;
	}
    
		div.content-box-top {
			background: transparent url(./images/content_box_top.png) top left no-repeat;
			padding-top: 5px;
		}
		div.content-box-bottom {
			background: transparent url(./images/content_box_bottom.png) bottom left no-repeat;
			padding-bottom: 5px;
		}
		div.content-box-sides {
			background: transparent url(./images/content_box_sides.png) top left repeat-y;
			width: 702px;
		}
			div.let-us-work-for-you {
				background: transparent url(./images/people_in_circle.png) left top no-repeat;
				height: 243px;
			}
	div.content-right {
		float: right;
		margin-left: 9px;
		width: 193px;
	}
		div.right-box {
			background: transparent url(./images/right_boxs_bottom.png) left bottom no-repeat;
			padding-bottom: 5px;
		}
			div.right-box h2 {
				font-size: 12px;
				text-indent: -9999px;
				width: 100%;
			}
			h2.mortages {
				background: transparent url(./images/mortgage_calculator.png) left top no-repeat;
				height: 52px;
			}
			h2.user-panel {
				background: transparent url(./images/user_panel.png) left top no-repeat;
				height: 52px;
			}
			h2.tips-and-advice {
				background: transparent url(./images/tips_and_advice.png) left top no-repeat;
				height: 60px;
			}
			h2.affiliates {
				background: transparent url(./images/affiliates.png) left top no-repeat;
				height: 60px;
			}
div.license {
	background: transparent url(./images/right_boxs_sides.png) left top repeat-y;
	width: 100%;
}	
	
		
ul.right-links {
	list-style-type: none;
	background: transparent url(./images/right_boxs_sides.png) left top repeat-y;
	width: 100%;
	padding: 0px 12px;
}

	ul.right-links li a {
		line-height: 24px;
		font-size: 12px;
		text-decoration: none;
		color: #232e3b;		
	}
	ul.right-links li a img {
		border: none;
	}

ul.license-text {
	list-style-type: circle;
	padding-left: 15px;
	width: 80%;	
	font-size: 10pt;
}

	ul.license-text#number {
		margin-top: 10px;
		padding-bottom: 10px;
	}
	
	ul.license-text li {
			font-size: 8pt;
			margin-left: 15px;
			margin-top: 5px;
	}

/* @end content */

/* @group footer */
div.footer {
	text-align: center;
	margin-bottom: 10px;
}
	div.footer ul {
		list-style-type: none;
		margin-top: 5px;
		margin-left: 200px;
		margin-bottom: 7px;
	}
		div.footer ul li {
			float: left;
			margin-left: 10px;
		}
			div.footer ul li a {
				background: transparent url(./images/footer_spacer.png) top right no-repeat;
				display: block;
				height: 19px;
				color: #FFFFFF;
				text-decoration: none;
				padding-right: 12px;
				padding-top: 2px;
				font-size: 12px;
			}
	div.footer p {
		clear: both;
		font-size: 12px;
	}
a.footer-links {
	color: #FFFFFF;
	text-decoration: none;
}
/* @end footer */

/* @form style */
a:link { 
	color: #354d7a;
	font-size: small;
	}

a:visited { 
	color: #354d7a;
	font-size: small;
	}

a:hover { 
	color: #31538e;
	text-decoration: none;
	font-size: small;
	}

a:active { 
	color: #31538e;
	font-size: small;
	}

p {
	color: #232d3b;
	font-size: small;
	}

.label {
	color: #232d3b;
	font-size: small;
	font-weight: bold
	}

.green {
	color: #00b22f;
	font-weight: bold;
	font-size: small;
	}	
	
.yellow {
	color: #f6da16;
	font-weight: bold;
	font-size: small;
	}	
	
.orange {
	color: #ea8400;
	font-weight: bold;
	font-size: small;
	}		

.red {
	color: #ce3d32;
	font-weight: bold;
	font-size: small;
	}

span#fieldtext {
font-family: arial;
font-weight: bold;
font-size: 12px;
color: #232e3b;
text-align:left;
}
span#error {
font-family: arial;
font-weight: bold;
font-size: 12px;
color: red;
text-align:left;
}

.telcontainer {
margin: 0 0 0 0;
float: left;
}

.debtcontainer {
margin: 10px 10px 10px 10px;
float: left;
}

div#homephone {
width: 100px;
float: left;
}

div#split2 {
width: 340px;
float: left;
}

div#split3 {
width: 100px;
float: right;
}

div#error {
}

div#cellphone {
float: left;
width: 100px;
}

div#namemain {
float: left;
width: 375px;
}

div#first {
float: left;
width: 150px;
}

div#mi {
float: left;
width: 40px;
}

div#last {
float: left;
width: 150px;
}

div#suffix {
float: left;
width: 30px;
}

div#citystatezip {
height: 30px;
width: 375px;
}

div#city {
width: 150px;
float: left;
}

div#state {
width: 150px;
float: left;
}

div#zip {
width: 52px;
float: left;
}

div#dob {
float: left;
width: 200px;
}

div#ss {
float: left;
}
/* @end form style */

/* @buttons */

.subbutton {
width: 166px;
height: 27px;
background: url(./images/buttons/submitapp.png) top left no-repeat;
outline: none;
text-indent: -9999px;
border: 0px;
}

.subbutton:hover {
width: 166px;
height: 27px;
background: url(./images/buttons/submitapphov.png) top left no-repeat;
outline: none;
text-indent: -9999px;
border: 0px;
}

.sendmessagebutton {
width: 125px;
height: 27px;
background: url(./images/buttons/sendmessage.png) top left no-repeat;
outline: none;
border: 0px;
}

.sendmessagebutton:hover {
width: 125px;
height: 27px;
background: url(./images/buttons/sendmessagehov.png) top left no-repeat;
outline: none;
border: 0px;
}

.contbutton {
margin-left: 60px;
width: 97px;
height: 27px;
background: url(./images/buttons/continueapp.png) top left no-repeat;
outline: none;
border: 0px;
}

.contbutton:hover {
margin-left: 60px;
width: 97px;
height: 27px;
background: url(./images/buttons/continueapphov.png) top left no-repeat;
outline: none;
border: 0px;
}

.cancel {
margin-left: 60px;
width: 97px;
height: 27px;
background: url(./images/buttons/cancel.png) top left no-repeat;
outline: none;
border: 0px;
}

.cancel:hover {
margin-left: 60px;
width: 97px;
height: 27px;
background: url(./images/buttons/cancelhov.png) top left no-repeat;
outline: none;
border: 0px;
}

.login {
margin-left: 60px;
width: 97px;
height: 27px;
background: url(./images/buttons/login.png) top left no-repeat;
outline: none;
border: 0px;
}

.login:hover {
margin-left: 60px;
width: 97px;
height: 27px;
background: url(./images/buttons/loginhov.png) top left no-repeat;
outline: none;
border: 0px;
}

.register {
margin-left: 25px;
width: 97px;
height: 27px;
background: url(./images/buttons/register.png) top left no-repeat;
outline: none;
border: 0px;
}

.register:hover {
margin-left: 25px;
width: 97px;
height: 27px;
background: url(./images/buttons/registerhov.png) top left no-repeat;
outline: none;
border: 0px;
}

.update {
margin-left: 100px;
width: 84px;
height: 27px;
background: url(./images/buttons/update.png) top left no-repeat;
outline: none;
border: 0px;
}

.update:hover {
margin-left: 100px;
width: 84px;
height: 27px;
background: url(./images/buttons/updatehov.png) top left no-repeat;
outline: none;
border: 0px;
}

.calculate {
margin-left: 60px;
width: 97px;
height: 27px;
background: url(./images/buttons/calculate.png) top left no-repeat;
outline: none;
border: 0px;
}

.tryagain {
margin-left: 0px;
width: 122px;
height: 13px;
background: url(./images/buttons/tryagain.png) top left no-repeat;
outline: none;
border: 0px;
}

.calculate:hover {
margin-left: 60px;
width: 97px;
height: 27px;
background: url(./images/buttons/calculatehov.png) top left no-repeat;
outline: none;
border: 0px;
}

.calculateltv {
margin-left: 120px;
width: 130px;
height: 27px;
background: url(./images/buttons/calculateltv.png) top left no-repeat;
outline: none;
border: 0px;
}

.calculateltv:hover {
margin-left: 120px;
width: 130px;
height: 27px;
background: url(./images/buttons/calculateltvhov.png) top left no-repeat;
outline: none;
border: 0px;
}

.colender {
margin-left: 60px;
width: 191px;
height: 27px;
background: url(./images/buttons/colender.png) top left no-repeat;
outline: none;
border: 0px;
}

.colender:hover {
margin-left: 60px;
width: 191px;
height: 27px;
background: url(./images/buttons/colenderhov.png) top left no-repeat;
outline: none;
border: 0px;
}

.clear {
margin-left: 60px;
width: 70px;
height: 27px;
background: url(./images/buttons/clear.png) top left no-repeat;
outline: none;
border: 0px;
}

.clear:hover {
margin-left: 60px;
width: 70px;
height: 27px;
background: url(./images/buttons/clearhov.png) top left no-repeat;
outline: none;
border: 0px;
}

.start {
width: 75px;
height: 27px;
background: url(./images/buttons/start.png) top left no-repeat;
outline: none;
text-indent: -9999px;
border: 0px;
}

.start:hover {
width: 75px;
height: 27px;
background: url(./images/buttons/starthov.png) top left no-repeat;
outline: none;
text-indent: -9999px;
border: 0px;
}
/* @end buttons */

/* @misc stuff  */

table.mortgage-calculator tr {
padding: 5px;
}

table.mortgage-calculator td {
padding: 5px;
}
			table{width:650px;text-align:left;margin:20px 0 0 0;}
			table tr.alt{background:#ECECEC;}
			
/* Controls rates and APR links */
A.CIR_link2{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
text-decoration:none;
font-weight:normal;}			

A.CIR_link2:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:red; text-decoration:underline;
font-weight:normal;}				
				
/* Controls overall layout */
TABLE.CIR_rateadtable{
height:130px;
width:140px;
text-align:center;
background-color: #ffffff;}

/*  Controls each cell */
TD.CIR_cell{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:normal;
width:50px;
border-color:#EEEEEE;}

/*  Controls each trend arrow cell */
TD.CIR_arrowcell{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:normal;
width:20px;
border-color:#EEEEEE;}

/*  Controls table row with title */	
TR.CIR_headlinerow{
background-color: #E1F1E0;
width:120px;
height:20px;}

/*  Controls table row with date in it */
TR.CIR_daterow{
display: block;
width:120px;
background-color: #FFFFCC;
height:12px;}

/*  Controls table row containing Loan Type and APR */
TR.CIR_labelrow{
display: block;
background-color: #FFFFCC;
height:15px;}

/*  Controls first table data row - 30 yr */ 
TR.CIR_row1{
display: block;
background-color: #FFFFFF;
height:18px;}

/*  Controls second table data row - 15 yr */
TR.CIR_row2{
display: block;
background-color: #FFFFFF;
height:18px;}

/*  Controls third table data row - 1 yr ARM */
TR.CIR_row3{
display: block;
background-color: #FFFFFF;
height:18px;}

/*  Controls box containing Ratebox title */
DIV.CIR_headlinebox{
width:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
background-color: #E1F1E0;
font-weight:bold;}

/*  Controls box containing date */ 
DIV.CIR_datebox{
width:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:7pt;
font-weight:normal;
text-align:center;}

/*  Controls box containing column labels */
DIV.CIR_labelbox{
height:12px;
font-family:Arial, Helvetica, sans-serif;
font-size:7pt;
font-weight:normal;
text-align:center;}