.canvas {
	position: relative;
	float: left;
	display: block;
	width: 780px;
	background: #98b7db url('../../images/pages/loans_pages/bkgd_ball.jpg') no-repeat top center;
	padding-bottom: 17px;
}
.canvas img.mastTitle {
	float: left;
	margin: 20px 0 0 30px;
}
.canvas img {
	bordeR: 0px;
}
.canvasFold {
	float: left;
	clear: left;
	display: block;
	width: 780px;
	background: #dfebf7;
	margin-top: 1px;
	padding-top: 17px;
	padding-bottom: 17px;
}
.canvasWrapper, .breadcrumb {
	margin-left: 18px;
	_margin-left: 9px;
}
.canvasWrapper {
	float: left;
	width: 742px;
	background: #fff url('../../images/pages/loans_pages/bkgd_sideCol.gif') repeat-y right;
	border-left: 1px solid #bbcde6;
	border-right: 1px solid #bbcde6;
	border-bottom: 1px solid #fff;
}
.canvasWrapper.blank {
	background: none;
	border: 0px;
}
.breadcrumb {
	float: left;
	display: block;
	width: 742px;
	background: url('../../images/pages/loans_pages/bkgd_breadcrumb.gif') repeat-x bottom;
	height: 37px;
	margin-top: 10px;
	border: 1px solid #bbcde6;
}
	.breadcrumb p {
		font-size: 11px;
		padding-left: 18px;
		background: url('../../images/pages/loans_pages/icon_home.gif') no-repeat left;
		margin: 12px 0 0 15px;
	}
		.breadcrumb p a {
			color: #55483A;
			padding: 0 5px 0 5px;
		}
		.breadcrumb p strong {
			padding-left: 5px;
		}


.canvasWrapper .route, .canvasWrapper .div {
	float: left;
	display: inline;
}
.mastFrame {
	float: left;
	display: block;
	width: 742px;
	background: #fff;
	border-left: 1px solid #bbcde6;
	border-right: 1px solid #bbcde6;
	border-bottom: 1px solid #bbcde6;
}
	.canvasWrapper .route {
		width: 328px;
		margin-left: 20px;
		padding-top: 15px;
		padding-bottom: 10px;
	}
		.canvasWrapper .route p {
			margin-top: 10px;
		}
	.canvasWrapper .div {
		margin-left: 10px;
		padding-top: 20px;
	}


/* Main Columns Elements -------------------------------- */
.colMain {
	float: left;
	clear: left;
	display: inline;
	width: 452px;
	padding: 15px 15px 30px 15px;
}
.colMain.frame {
	background: #fff;
	border: 1px solid #bbcde6;
	margin-left: 18px;
	padding-left: 20px;
}
	.colMain h1, .colMain .head-1 {
		margin-bottom: 10px;
	}
	.colMain h2, .colMain .head-2 {
		margin-top: 30px;
	}
	.colMain.frame h2, .colMain.frame .head-2 {
		margin-top: 0px;
	}
	.colMain p {
		margin-top: 5px;
	}
	.colMain p.desc {
		float: left; 
		display: inline;
		width: 275px;
		margin-bottom: 15px;
	}
	.colMain .callout {
		float: right;
		display: inline;
		width: 150px;
		background: url('../../images/pages/loans_pages/div_dots.gif') repeat-y left;
		padding: 0 0 5px 10px;
		margin-left: 15px;
		margin-bottom: 10px;
		text-align: left;
	}
	.colMain ol.fancy {
		margin: 15px 0 30px 0;
		padding-left: 10px;
	}
		.colMain ol.fancy li {
			margin: 0 0 15px 0;
			list-style: none;
			padding-left: 30px;
		}
			.colMain ol.fancy li.one 
			{ background: url('../../images/pages/loans_pages/list_1.gif') no-repeat left top; }
			.colMain ol.fancy li.two 
			{ background: url('../../images/pages/loans_pages/list_2.gif') no-repeat left top; }
			.colMain ol.fancy li.three 
			{ background: url('../../images/pages/loans_pages/list_3.gif') no-repeat left top; }
			.colMain ol.fancy li.four 
			{ background: url('../../images/pages/loans_pages/list_4.gif') no-repeat left top; }
			.colMain ol.fancy li.five 
			{ background: url('../../images/pages/loans_pages/list_5.gif') no-repeat left top; }


/* Side Columns Elements -------------------------------- */
.colSide {
	float: left;
	display: inline;
	width: 217px;
	padding: 20px;
	border-top: 1px solid #fff;
}
.colSide.blank {
	border: 0px;
	background: none;
	padding-top: 0;
}
	.colSide h4, .colSide .head-4 {
		color: #55483A;
	}
	.colSide ul {
		margin-bottom: 30px;
	}
	.colSide p {
		text-align: center;
		margin: 0 0 10px 0;
	}
	.colSide p.testimonial {
		text-align: left;
		font-size: 11px;
	}
		.colSide p.testimonial img {
			margin: 0 10px 15px 0;
		}

/* Loan Calculator -------------------------------- */
	img.calcHeader {
		float: left;
		margin-top: 40px;
		border-top: 1px solid #3056a7;
		border-left: 1px solid #3056a7;
		border-right: 1px solid #3056a7;
	}
	.calc {
		float: left;
		width: 188px;
		margin: 0;
		padding: 15px;
		background: #fff;
		border: 1px solid #3056a7;
	}
	.blank img.calcHeader {
		margin-top: 0px !important;
	}
	.calc .formRow {
		float: left;
		clear: left;
		width: 188px;
		margin: 0;
		padding: 0 0 10px 0;
	}
	.calc .formRow.cta {
		text-align: center;
	}
	.calc .rowLabel {
		float: left;
		display: inline;
		width: 80px;
		font-weight: bold;
		padding-top: 5px;
	}
	.calc .rowLabel label { 
		font-weight: bold;
	}
	.calc .rowElement {
		float: left;
		display: inline;
		width: 90px;
		margin-left: 18px;
	}
	.calc select.creditGrade, input.interestRate {
		margin-left: 10px;
	}
	.calc button {
		width: 90px;
		color: #fff;
		text-align: center;
		font-weight: bold;
		background: #ff9201;
		border-top: 2px solid #ffcc33;
		border-left: 2px solid #ffcc33;
		border-right: 2px solid #e5640e;
		border-bottom: 2px solid #e5640e;
		padding: 1px 0 1px 0;
		margin-top: 10px;
	}

.results {
	float: left;
	width: 188px;
	padding: 15px;
	border: 1px solid #3056a7;
	border-top: none;
	background: #eaeef6;
}

.results .paymentLabel {
	float: left;
}
.results .payment {
	font-size: 16px;
	font-weight: bold;
	padding-top: 12px;
	text-align: right;
}

