@charset "UTF-8";
/* CSS Document */


/* BODY ------------------------------------------------------- */

body {
background: #d5d5d5 url(../images/bgBody.png) repeat-x top;
font: 12px Verdana,Arial,sans-serif;
color: #474747;
}

html, body {
width: 100%;	
}


/* TEXT -------------------------------------------------------- */

* {

}

.blue { color: #09377b; }
.grey { color: #373737; }

a {
text-decoration:none;
color: #09377b;
} 

a:hover {
text-decoration:none;
}

h1,h2,h3,h4,h5,h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
font-weight: normal;
}

strong {
font-weight: bold;
}

em {
font-style: oblique;
}

.alert {
color: #a90006;
background: url(../images/admin_iconAlert.png) no-repeat center left;
padding-left: 15px;
margin-left: 10px;
margin-bottom: 15px;
clear: both;
}

	.alert * {
	color: #a90006;
	}
	
/* GERNERAL CRAP ---------------------------------------- */

.clear {
clear:both;
display: block;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear10 {height:10px; clear:both;}
.clear15 {height:15px; clear:both;}
.clear20 {height:20px; clear:both;}
.clear30 {height:30px; clear:both;}
.clear45 {height:45px; clear:both;}
.clear60 {height:60px; clear:both;}

.right { float: right !important; }
.left { float: left !important; }

.textRight { text-align: right; }
.textLeft { text-align: left; }

#container {
width: 990px;
margin: 0 auto;
}
/* HEADER ---------------------------------------- */

#header-wrap {
	background: url(../images/bgHeader.png) center top no-repeat;
	min-width: 960px;
}

#header {
	margin: 0 auto;
	width: 960px;
}

	#header .top {
		text-align: right;
		font-size: 9px;
		color: #696969;
		height: 15px;
	}
	
	#header .bottom {
		background: #09377b;
		width: 960px;
		position: relative;
	}
	
	
		#header .bottom #franchise {
			width: 220px;
			position: absolute;
			bottom: 10px;
			left: 10px;
			z-index: 10;
			text-align: center;
			color: #B2C2D9;
			font-size: 9px;
		}

	
			#nav {
				padding: 5px 0 5px 240px;
				position: absolute;
				left: 0;
				bottom: 0;
			}
	
				#nav li {
					margin: 0 19px;
					float: left;		
				}
		
					#nav a {
						font-size: 17px;
						color: #fff;
						text-transform: uppercase;
						font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					}
					
					#nav a:hover {
						color: #f4e497;
					}
					
					#nav a.active,
					#nav a.active:hover {
					}
		
		
			#headerPhoto {
				position: absolute;
				top: 5px;
				right: 5px;
			}
			
				#headerPhoto div {
					padding: 5px;
					width: 90px;
					height: 120px;
					background: url(../images/bgHeaderPhoto.png) no-repeat;
					float: right;
					margin-left: 10px;
				}
				
				#headerPhoto span {
					float: right;
					text-align: right;
					padding-top: 10px;
					color: #fff;
				}
				
					#headerPhoto span strong {
						display: block;	
					}

		#bg {
			vertical-align: bottom;
            width: 960px;
		}
	
	
/* FOOTER ---------------------------------------- */

#footer-wrap {
	padding: 30px 0 0;
	background: url(../images/bgFooter.png) top center no-repeat;
	min-width: 960px;
}

#footer {
padding: 15px 0 60px;
margin: 0 auto;
width: 930px;
}

	#footer * {
	color: #373737;
	text-transform: uppercase;
	line-height: 21px;
	font-size: 11px;
	}

	

/* CONTENT CONTAINER ---------------------------------------- */


#content-outer {
	background: url(../images/bgContent.png) top center repeat-y;
	min-width: 960px;
}

#content-inner {
	margin: 0 auto;
	padding: 0 0 30px;
	width: 960px;
}

/* SIDEBAR ---------------------------------------- */

.sidebar {
float: left;
display: inline;
width: 240px;
}

	.sideheading {
	width: 240px;
	height: 30px;
	margin: 0;
	margin-bottom: 10px;
	display: block;
	background: url(../images/sideHeading.png) no-repeat;
	}
	
		.sideheading a,
		.sideheading span {
		color: #fff;
		font-size: 13px;
		text-transform: uppercase;
		width: 210px;
		height: 23px;
		padding: 7px 15px 0;
		float: left;
		}
	
	.sidebar ul {
	}
		
	.sidebar li {
	display: block;
	padding: 3px 15px;
	border-bottom: 1px solid #E3E3E3;
	}
	
	
		
		.sidebar li.active,
		.sidebar li:hover {
		background: #E3E3E3;	
		}
		
		.sidebar li.last {
		border: none;	
		}
	
		.sidebar li a {
		font-size: 11px;
		color: #09377B;
		font-weight: bold;
		}
		
		.sidebar li a:hover {
		text-decoration: underline;
		}
		
		.sidebar li.active a {
		color: #09377B;
		}
		
		.sidebar li div {
		padding: 5px 0 0;
		display: none;
		}
		
			.sidebar li div a {
			display: block;
			font-size: 11px;
			font-weight: normal;
			margin-bottom: 5px;
			}


/* MAIN ---------------------------------------- */

.main {
float: right;
display: inline;
width: 660px;
padding: 20px 30px 0 0;
}

	.mainLeft {
	float: left;
	display: inline;
	width: 420px;
	}
	
	.mainRight {
	float: right;
	display: inline;
	width: 210px;
	}

	.main p {
	margin-bottom: 1em;
	text-align: justify;
	}

	.main p,
	.main li {
	line-height: 1.4em;
	}
	
	.main h2 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
	}
	
		
		.main h2 a {
		font-weight: bold;
		}
	
	.main h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 6px;
	}
	
	.main h4 {
	margin-bottom: 0.5em;	
	font-size: 13px;
	}
	
		.main h4 a {
		font-weight: bold;
		font-size: 13px;
		}
	
	.main img.left {
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
	ul.p {
	margin-bottom: 1em;
	}
	
		ul.p li {
		background: url(../images/iconListArrow.png) no-repeat left 4px;
		padding-left: 16px;
		margin-bottom: 3px;
		}
		
		ol.p {
	margin-bottom: 1em;
	}
	
		ol.p li {
		list-style-type: decimal;
		margin-left: 20px;
		margin-bottom: 3px;
		}
		
		
.applyContact, .applyContact2 {
background: url(../images/bgContactCall.jpg) no-repeat;
width: 210px;
height: 65px;
padding: 195px 0 0;
color: #fff;
font-size: 14px;
line-height: 21px;
text-align: center;
}

	.applyContact2 {
	background: url(../images/bgContactCall2.jpg) no-repeat;	
	}

.applyFax {
background: url(../images/boxApplyFax.png) no-repeat;
width: 195px;
height: 30px;
padding-top: 100px;
text-align: center;
font-size: 14px;
color: #fff;
}/* HOMEPAGE ---------------------------------------- */
	
#homefeature .featurebutton {
float: left;
display: inline;
margin-right: 15px;
width: 210px;
height: 210px;
text-indent: -9999px;
}

	#homefeature .featurebutton img {
	width: 210px;
	height: 150px;
	display: block;
	}

	#homefeature .featurebutton span {
	display: block;
	width: 210px;
	height: 60px;
	}

	#homefeature .feature1 span { background: url(../images/homeFeature1grey.png) no-repeat; }
	#homefeature .feature2 span { background: url(../images/homeFeature2grey.png) no-repeat; }
	#homefeature .feature3 span { background: url(../images/homeFeature3grey.png) no-repeat; }
	
	#homefeature .feature1 span.active { background: url(../images/homeFeature1.png) no-repeat; }
	#homefeature .feature2 span.active { background: url(../images/homeFeature2.png) no-repeat; }
	#homefeature .feature3 span.active { background: url(../images/homeFeature3.png) no-repeat; }

#homefeature .hometab {
width: 660px;
height: 180px;
padding-top: 30px;
}

	#homefeature #tab1 { background: url(../images/homeBox1.png) no-repeat; }
	#homefeature #tab2 { background: url(../images/homeBox2.png) no-repeat; }
	#homefeature #tab3 { background: url(../images/homeBox3.png) no-repeat; }

	#homefeature .hometab div {
	height: 150px;
	overflow: hidden;
	}
	
	#homefeature h3,
	#homefeature p {
	padding: 0 15px;
	color: #fff;
	}
	
	#homefeature p {
	font-size: 12px;
	line-height: 15px;
	}
	
	#homefeature .hometab ul {
	height: 30px;
	}
	
		#homefeature .hometab li { 
		float: left;
		display: inline;
		height: 30px;
		margin-right: 10px;
		background: url(../images/homeBoxTab.png) repeat-x;
		}
		
			
		
		#homefeature .hometab li.last {
		float: right;
		margin-right: 0;
		}
		
		#homefeature .hometab li a {
		height: 24px;
		padding: 6px 0 0;
		color: #373737;
		text-transform: uppercase;
		font-weight: bold;
		float: left;
		font-size: 12px;
		text-align: center;
		}
		
	
.homevideoleft {
width: 435px;
float: left;
}

.homevideoright {
width: 210px;
float: right;
}

	.main .homevideoright h3 {
	line-height: 13px;
	margin-bottom: 10px;
	}

.homevideothumbs {
width: 660px;
height: 150px;
overflow: hidden;
position: relative;
}

	.homevideothumbs div.six {
	height: 140px;
	width: 2000px;
	position: absolute;
	float: left;
	}
	
	.homevideothumbs ul {
	float: left;
	width: 660px;
	height:145px;
	}

	.homevideothumbs li {
	margin-bottom: 5px;
	margin-right: 15px;
	width: 87px;
	height: 130px;
	padding: 5px;
	display: inline;
	background: url(../images/homeVideoThumbGrey.png) no-repeat;
	}
	
		.homevideothumbs li.active {
		background: url(../images/homeVideoThumb.png) no-repeat;	
		}
		
		.homevideothumbs li.last {
		margin-right: 0;
		}
		
		.homevideothumbs li p {
		padding: 10px 0 0;
		font-size: 10px;
		line-height: 11px;
		display: block;
		text-align: left;
		}
	
		.homevideothumbs li a {
		background-repeat: no-repeat;
		background-position: center center;
		text-indent: -9999px;
		width: 87px;
		height: 80px;
		display: block;
		clear: both;
		}
	
	.homevideonav {
	}
		
		.homevideonav a {
		cursor: default;
		-moz-opacity:.20; filter:alpha(opacity=20); opacity:.20;
		}
		
		.homevideonav a.active {
		-moz-opacity:1.0; filter:alpha(opacity=100); opacity:1.0;
		cursor: pointer;
		}

/* CALCULATORS ---------------------------------------- */

div.calc {
padding: 15px 15px 5px;
border: 1px solid #e3e3e3;
}

div.calc div {
padding-left: 36px;
background: url(../images/iconCalc.png) no-repeat 0 3px;
margin-bottom: 10px;
}

	div.calc div.calcfeat {
	background: url(../images/iconCalcFeat.png) no-repeat 0 3px;
	}

	div.calc a {
	font-weight: bold;
	display: block;
	color: #09377b;
	}
	




.requestbox {
width: 390px;
height: 155px;
padding: 80px 15px 15px;
display: block;
background: url(../images/bgRequestBox.png) no-repeat;
}

	.requestbox ul {
	width: 100%;
	}

	.requestbox li {
	margin: 8px 0 0;	
	}
	
	.requestbox div {
	padding: 6px 0;
	}
	
		.requestbox div.left {
		float: left;
		display: inline;
		width: 47%;
		}
		
		.requestbox div.right {
		float: right;
		display: inline;
		width: 47%;
		}
		
	.requestbox input.text {
	width: 100%;
	background: #fff;
	border: 1px solid #09377c;
	padding: 2px 0;
	}
	
	.requestbox select {
	width: 100%;	
	}
	
	.requestbox label {
	clear: both;
	color: #fff;
	display: block;
	font-size: 11px;
	}
	

/* -- RIGHT SIDEBAR TABS ----------------------------- */

.sideTabs a {
display: block;
width: 180px;
height: 35px;
background: url(../images/bgSideLinkGrey.png) no-repeat;
margin-bottom: 5px;
padding: 5px 15px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
text-align: center;
line-height: 16px;
}

	.sideTabs a.active {
	background-image: url(../images/bgSideLink.png);	
	}
	
	.sideTabs a.oneline {
	height: 27px;
	padding-top: 13px;
	}
	
/* -- FIND A PROFESSIONAL ----------------------------- */

.result {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #d5d5d5;
}

	.result .left {
	width: 100px;	
	}
	
		.result .left .button {
		display: block;
		margin-bottom: 5px;
		}
	
		.result .photo {
		width: 90px;
		height: 120px;
		padding: 5px;
		background: url(../images/bgFindPhoto.png) no-repeat;
		float: left;
		display: block;
		margin-bottom: 5px;
		overflow: hidden;
		}
	
	.result .right {
	width: 300px;
	}
	
	.result .small * {
	font-size: 12px;	
	}
	

/* RATES LIST ---------------------------------------- */
		
.list ul {
display: block;
clear: both;
padding: 5px 15px;
padding-right: 5px;
float: left;
width: 388px;
}

.wide ul { width: 880px; }



.list li {
display: inline;
float: left;
}

.list a,
.list li {
font-size: 12px;
line-height: 16px;
}

.tableHead ul {
padding-top: 6px;
padding-bottom: 6px;
background: #d5d5d5;
border: 1px solid #ccc;
}
	
	.tableHead li {
	font-weight: bold;
	}
	
		.tableHead li.blue,
		.tableList li.blue {
		color: #09377b;	
		}
	
	.tableHead a {
	text-decoration: underline;
	font-weight: bold;
	color: #808080;
	}			
	
.tableList ul {
float: left;
padding-top: 10px;
padding-bottom: 10px;
}
	
	.tableList a {
	text-decoration: underline;
	}
			
ul.odd {
background: #e3e3e3;
}

	.rates li {
	width: 30%;
	text-align: center;
	}

	li.table_1 { width: 2%; }
	li.table_5 { width: 2%; }
	li.table_6 { width: 5%; }
	li.table_8 { width: 8%; }	
	li.table_9 { width: 9%; }			
	li.table_10 { width: 10%; }
	li.table_12 { width: 12%; }
	li.table_15 { width: 15%; }
	li.table_16 { width: 17%; }
	li.table_20 { width: 20%; }
	li.table_25 { width: 25%; }
	li.table_30 { width: 30%; }
	li.table_40 { width: 40%; }
	li.table_45 { width: 48%; }
	li.table_50 { width: 50%; }
	
	li.table_icon { 
	width: 6%;
	text-align:center;
	float: right !important;
	}

		li.table_icon img {
		cursor: pointer;
		}

	li.centre {
	text-align: center;
	}



.logos {
display: inline;
width: 150px;
margin-left: 45px;
}

	.logos img {
	display: block;
	margin-bottom: 30px;
	}
	
	
.videoFrame {
display: block;
margin: 10px 0 15px;
}

.inlinePhoto {
width: 200px;
float: left;
margin: 4px 15px 5px 0;
}


/* -- TESTIMONIALS ----------------------------- */

.testimonial {
background: #e5e5e5 url(../images/bgTestimonial.png) no-repeat 5px 5px;
border: 1px solid #d5d5d5;
padding: 15px 15px 15px 30px;
margin-bottom: 20px;
}

	.testimonial span {
	font-size: 11px;
	display: block;
	padding-left: 30px;
	background: url(../images/bgTestimonialUser.png) no-repeat left center;
	}
	
/* -- SEM Styling ----------------------------- */

.sem #footer-wrap {
	background: url(../images/bgFooter_sem.png) top center no-repeat;
}

.sem #content-outer {
	background: url(../images/bgContent_sem.png) top center repeat-y;
}

.sem .main {
	float: none;
	display: block;
	padding: 30px;
	width: auto;
}

.sem .main .sem-left {
	float: left;
	width: 595px;
}

.sem .main .sem-right {
	float: right;
	width: 275px;
}

.sem .requestbox {
	width: 565px;
	height: 170px;
	padding: 100px 15px 0;
	background: url(../images/bgRequestBox_sem.jpg) no-repeat;
}

.sem .list ul {
	padding: 5px 0;
	width: 100%;
	text-align: center;
}

.sem .rates li {
	width: 33%;
}

.mortgage-img-header {
	position: relative;
	top: -10px;
}

#rotator {
	height: 400px;
	position: relative;
}

#rotator .container #items {
	position: relative;
}

#rotator #items .item {
	position: relative;
}

#pager {
	position: absolute;
	bottom: 0;
	z-index: 100;
	text-align: center;
	height: 25px;
	width: 100%;
}

#pager a {
	width: 15px;
	height: 15px;
	display: inline-block;
	font-size: 0.01em;
	color: #FFF;
	background: url(../images/img_rotatorBtn.png) no-repeat;
}
			
#pager a.activeSlide { 
	background: url(../images/img_rotatorBtn_sel.png) no-repeat;
}