/* START: Reset Browser Default Code */

body,div,dl,dt,dd,pre,form,fieldset,input,textarea,blockquote,th,td,hr { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { 
	border: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
ol,ul {
	list-style:none;
}
address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}
caption,th {
	text-align:left;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
a {	/* get rid of link outlines in firefox */
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
}
a:focus {
	outline: none;
}
.clear {
	clear: both;
}

/* END: Reset Browser Default Code */

/* START: Layout Code */

body {
	position: relative;
	z-index: 1;
	background: #edeef1 url('/img/bg-body.png') repeat-x top left;
}

div#container {
	display: block;
	width: 1000px; /* 1038px */
	margin: 0 auto;
	padding: 0 19px;
	background: url('/img/bg-container-shadow.png') repeat-y top left;
}

div#header {
	display: block;
	position: relative;
	height: 102px;
	width: 998px;
	background: url('/img/bg-header.png') repeat-x 0 0;
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
}

div#menu {
	display: block;
	height: 38px;
	width: 1000px;
	background: #ECECEC url('/img/bg-yellow-bar.png') repeat-x bottom left;
	padding: 0 0 6px 0;
}

div#page-container {
	display: block;
	position: relative;
	width: 960px; /* 998px */
	height: auto;
	padding: 21px 19px;
	background-color: #FFFFFF;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
}

h1#page-heading {
	position: relative;
	float: left;
	clear: both;
	height: 37px;
	width: 924px; /* 960px*/
	font-weight: 100;
	color: #0052b4;
	line-height: 37px;
	padding: 0 17px;
	margin: 0 0 21px 0;
	border: 1px solid #cdcdce;
	background: url('/img/h1-page-header.png') repeat-x 0 0;
}

h1#page-heading.home {
	float: none;
	clear: none;
	display: block;
	width: 524px; /* 560px */
	margin: 0 -20px 21px -20px;
}

h1#page-heading span.franchisee-name {
	position: absolute;
	top: -2px;
	right: 15px;
	font-size: 13px;
	text-align: right;
	width: 335px;
}

body#advisors-rshunwah h1#page-heading span.franchisee-name, body#advisors-rsadler h1#page-heading span.franchisee-name {
	width: 365px;
}

div#hero-pannel {
	float: left;
	clear: both;
	height: 89px;
	width: 960px;
	overflow: hidden;
	background-color: #0267b4;
	margin: 0 0 21px 0;
}

div#hero-pannel.home {
/*	position: relative;		*/
	height: 240px;
	background: #f4a036 url('/img/bg-hero-pannel-home.png') no-repeat 0 0;
}

div#hero-pannel.home div {
	position: relative;
}

div#left-pannel {
	float: left;
	height: 100%;
	width: 205px;
	margin: 0 20px 21px 0;
}

div#page-content {
	float: left;
    height: 100%;
	width: 520px; /* 560px */
	margin: 0 20px 21px 0;
	padding: 0 20px;
	overflow: hidden;
}

div#page-content.main-template {
	clear: right;
	width: 695px; /* 725px */
	margin: 0 0 21px 0;
	padding: 0 20px;
	overflow: hidden;
}

div#page-content.advisors-content {
	width: 560px; /* 600px */
	margin: 0 0 21px 0;
}

div#right-pannel {
	float: left;
	clear: right;
    height: 100%;
	width: 155px;
	margin: 0 0 21px 0;
	overflow: hidden;
}

div#right-pannel-area { /* Used for Consultants Template */
	float: left;
	clear: right;
    height: 100%;
	width: 135px;
	margin: 0 0 21px 0;
	overflow: hidden;
}

div#right-pannel-area.advisors-right-pannel div#right-pannel { /* Used for Consultants Template */
	width: 135px;
}

div#right-pannel-area.advisors-right-pannel div#right-pannel h1 {
	font-size: 18px;
}

div#right-pannel.advisors-right-pannel {
	width: 135px;
}

div#bottom {
	float: left;
	clear: both;
	height: 151px;
	width: 960px;
	overflow: hidden;
	background: #fde7bc url('/img/bg-bottom.png') no-repeat 0 0;
	margin: 0 0 21px 0;
}

div#footer {
	float: left;
	clear: both;
    height: 235px;
	width: 960px;
	overflow: hidden;
	position: relative;
	background: #e7e7e7 url('/img/bg-footer.png') no-repeat top left;
}

div#credits {
	display: block;
	height: 39px;
	width: 1038px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0 24px 0;
	background: url('/img/bg-credits.png') no-repeat 0 0;
}

/* END: CSS Layout Code */


/* START: Menu Navigation */

/* START: Top Menu Nav */

ul#top-nav, ul#top-nav li {
	list-style: none;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
}

ul#top-nav {
	position: absolute;
	top: 11px;
	left: 313px;
	line-height: 1;
}

ul#top-nav a {
	display: block;
}

ul#top-nav li {
	float: left;
}

ul#top-nav li a {
	display: block;
	height: 17px;
	width: 100%;
	text-align: center;
	line-height: 17px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: 800;
	color: #a0a0a0;
	text-decoration: none;
}

ul#top-nav li a:hover, ul#top-nav a:active {
	text-decoration: underline;
}

ul#top-nav li#advice a {
	width: 92px;
}

ul#top-nav li#our-services a {
	width: 89px;
}

ul#top-nav li#franchise a {
	width: 143px;
}

ul#top-nav li#faq a {
	width: 41px;
}

ul#top-nav li#contact a {
	width: 78px;
}

/* END: Top Menu Nav */

/* START: Main Menu Nav */

ul#main-nav, ul#main-nav li {
	list-style: none;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
}

ul#main-nav a {
	display: block;
}

ul#main-nav li {
	float: left;
	position: relative;
	z-index: 2;
}

ul#main-nav li a {
	height: 38px;
	width: 100%;
	text-align: center;
	line-height: 38px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url('/img/main-nav-2.png');
	background-color: #929192;
	background-position: 0 0;
	background-repeat: no-repeat;
}

ul#main-nav li#about a {
	width: 160px;
	background-position: 0 0;
}

ul#main-nav li#loan a {
	width: 125px;
	background-position: -160px 0;
}

ul#main-nav li#ourservice a {
	width: 135px;
	background-position: -285px 0;
}

ul#main-nav li#guide a {
	width: 155px;
	background-position: -420px 0;
}

ul#main-nav li#services a {
	width: 145px;
	background-position: -575px 0;
}

ul#main-nav li#stories a {
	width: 135px;
	background-position: -720px 0;
}

ul#main-nav li#adviser a {
	width: 145px;
	background-position: -855px 0;
}

ul#main-nav li#about a:hover, ul#main-nav li#about a.selected {
	background-position: 0 -38px;
}

ul#main-nav li#loan a:hover, ul#main-nav li#loan a.selected {
	width: 125px;
	background-position: -160px -38px;
}

ul#main-nav li#ourservice a:hover, ul#main-nav li#ourservice a.selected {
	width: 135px;
	background-position: -285px -38px;
}

ul#main-nav li#guide a:hover, ul#main-nav li#guide a.selected {
	width: 155px;
	background-position: -420px -38px;
}

ul#main-nav li#services a:hover, ul#main-nav li#services a.selected {
	width: 145px;
	background-position: -575px -38px;
}

ul#main-nav li#stories a:hover, ul#main-nav li#stories a.selected {
	width: 135px;
	background-position: -720px -38px;
}

ul#main-nav li#adviser a:hover, ul#main-nav li#adviser a.selected {
	width: 145px;
	background-position: -855px -38px;
}

/* Sub Menu Level */

ul#main-nav li ul#sub-nav, ul#main-nav li ul li.sub-item {
	list-style: none;
	border: none;
	background: url('/img/main-nav-sub-nav.png') no-repeat 0 0;
	padding: 0;
	margin: 0;
}

ul#main-nav li ul#sub-nav {
	position: absolute;
	width: 173px;
	left: -9999px;
	top: 38px;
	z-index: 3;
	padding: 1px 0 0 0;
	background: url('/img/main-nav-sub-nav-top.png') no-repeat 0 0;
}

ul#main-nav li:hover ul#sub-nav, ul#main-nav li.sfhover ul#sub-nav {
	left: auto;
}

ul#main-nav li ul#sub-nav li.sub-item {
	height: 26px;
	width: 173px;
}

ul#main-nav li ul#sub-nav li.sub-item a {
	height: 26px;
	width: 146px; /* 173px */
	overflow: hidden;
	text-align: left;
	line-height: 26px;
	padding: 0 20px 0 7px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: 800;
	color: #0068b7;
	text-decoration: none;
	background: none;
	cursor: pointer;
	cursor: hand;
	margin: 0;
}

ul#main-nav li ul#sub-nav li.sub-item a:hover {
	text-decoration: underline;
}

/* END: Main Menu Navigation */

/* START: Side Menu Nav */

ul#side-nav, ul#side-nav li {
	list-style: none;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
}

ul#side-nav {
	margin: 0 0 19px 0;
}

ul#side-nav li {
	display: block;
}

ul#side-nav li a {
	display: block;
	height: 32px;
	width: 173px; /* 205px */
	text-align: left;
	line-height: 32px;
	padding: 0 20px 0 12px;
	overflow: hidden;	
	font-size: 12px;
	font-weight: 800;
	color: #0052b4;
	text-decoration: none;
	background: #f1f2f3 url('/img/side-nav.png') no-repeat 0 -1px;
}

ul#side-nav li a:hover, ul#side-nav a:active, ul#side-nav a.selected {
	background: #f1f2f3 url('/img/side-nav.png') no-repeat 0 -34px;
	color: #FFFFFF;
	text-decoration: none;
}

ul#side-nav li#top-item a {
	height: 33px;
	line-height: 33px;
	background: #f1f2f3 url('/img/side-nav.png') no-repeat 0 0;
}

ul#side-nav li#top-item a:hover, ul#side-nav li#top-item a:active, ul#side-nav li#top-item a.selected {
	background: #f1f2f3 url('/img/side-nav.png') no-repeat 0 -33px;
}

/* END: Side Menu Nav */

/* END: Menu Navs */


/* START: Layout Lists */

/* START: Side List */

ul#side-list, ul#side-list li {
	list-style: none;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
}

ul#side-list {
	margin: -2px 0 -6px 0;
}

ul#side-list li {
	position: relative;
	display: block;
	width: 205px;
}

ul#side-list li#loan-mortgage-calculators {
	height: 83px;
	background-image: url('/img/side-list-loan-mortgage-calculators.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 0 5px 0;
}

ul#side-list li#loan-mortgage-calculators:hover {
	background-position: -205px 0;
}

ul#side-list li#how-much-borrow {
	height: 88px;
	background-image: url('/img/side-list-how-much-borrow.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 0 12px 0;
}

ul#side-list li#how-much-borrow:hover {
	background-position: -205px 0;
}

ul#side-list li#smartline-market-report {
	height: 94px;
	background-image: url('/img/side-list-smartline-market-report.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

ul#side-list li#smartline-market-report:hover {
	background-position: -205px 0;
}

ul#side-list li#paying-too-much {
	height: 88px;
	width: 211px;
	background-image: url('/img/side-list-paying-too-much.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 0 12px -6px;
	position: relative; /* IE6 Negative Margin Hack */
}

ul#side-list li#paying-too-much:hover {
	background-position: -211px 0;
}

ul#side-list li#home-loan-guide {
	height: 87px;
	width: 217px;
	background-image: url('/img/side-list-home-loan-guide.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 0 0 -12px;
	position: relative; /* IE6 Negative Margin Hack */
}

ul#side-list li#home-loan-guide:hover {
	background-position: -217px 0;
}

ul#side-list li a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 56px; /* 78px */
	width: 97px; /* 205px */
	padding: 20px 20px 0 88px;
	text-align: left;
	line-height: 120%;
	overflow: hidden;
	font-size: 13px;
	font-weight: 800;
	color: #5d5d5e;
	letter-spacing: -0.1px;
	word-spacing: 0.2px;
	text-decoration: none;
}

ul#side-list li a:hover {
	color: #FFFFFF;
}

ul#side-list li a span.orange {
	color: #f4aa39;
}

ul#side-list li#loan-mortgage-calculators a {
	height: 65px;
	padding: 16px 20px 0 88px;
}

ul#side-list li#how-much-borrow a {
	height: 66px;
}

ul#side-list li#smartline-market-report a {
	height: 71px;
}

ul#side-list li#paying-too-much a {
	height: 63px;
	width: 103px;
	padding: 25px 14px 0 94px;
}

ul#side-list li#home-loan-guide a {
	height: 68px;
	width: 109px;
	padding: 20px 8px 0 100px;
}

/* END: Side List */

/* START: Bottom List */

ul#bottom-list, ul#bottom-list li {
	list-style: none;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
}

ul#bottom-list {
	display: block;
	height: 121px;
	width: 960px;
	margin: 15px 0;
}

ul#bottom-list li {
	float: left;
	height: 121px;
	position: relative;
	overflow: hidden;
	margin: 0 1px 0 0;
	padding: 0 0 0 24px;
}

ul#bottom-list li#pannel-1 {
	width: 215px; /* 239px */
}

ul#bottom-list li#pannel-2 {
	width: 217px; /* 241px */
}

ul#bottom-list li#pannel-3 {
	width: 219px; /* 243px */
}

ul#bottom-list li#pannel-4 {
	width: 207px; /* 234px */
	margin: 0;
}

ul#bottom-list li h2 {
	position: absolute;
	top: 0;
	left: 23px;
	font-size: 13px;
	color: #f4a036;
	line-height: 100%;
}

ul#bottom-list li p {
	position: absolute;
	top: 29px;
	left: 23px;
	width: 115px;
	height: 65px;
	overflow: hidden;
	font-size: 11px;
	color: #3c3c3e;
	line-height: 17px;
	text-align: left;
	margin: 0;
}

ul#bottom-list li img {
	position: absolute;
	top: 8px;
	right: 23px;
}

ul#bottom-list li div#lenders-logos {
	position: absolute;
	top: 8px;
	right: 23px;
}

ul#bottom-list li a.bottom-link {
	position: absolute;
	left: 24px;
	bottom: 4px;
	display: block;
	height: 11px;
	font-size: 11px;
	font-weight: 800;
	color: #f28b1e;
	line-height: 100%;
	padding: 0 20px 0 0;
	background: url('/img/arrow-bottom-link.png') no-repeat right top;
}

ul#bottom-list li#pannel-4 p {
	top: 46px;
}

ul#bottom-list li#pannel-4 h2 {
	top: -2px;
	line-height: 120%;
}

ul#bottom-list li#pannel-4 h2, ul#bottom-list li#pannel-4 p, ul#bottom-list li#pannel-4 a.bottom-link {
	z-index: 2;
}

ul#bottom-list li#pannel-4 img {
	top: 0;
	right: 4px;
}

/* END: Bottom List */

/* START: Footer List */

ul.footer-list, ul.footer-list li {
	list-style: none;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
}

ul.footer-list {
	position: absolute;
}

ul#column-1.footer-list {
	top: 24px;
	left: 0;
	width: 239px;
}

ul#column-2.footer-list {
	top: 24px;
	left: 239px;
	width: 241px;
}

ul#column-3.footer-list {
	top: 24px;
	left: 480px;
	width: 243px;
}

ul#column-4.footer-list {
	top: 24px;
	left: 723px;
	width: 234px;
}

ul.footer-list li {
	font-size: 11px;
	color: #77797c;
	font-weight: 100;
	line-height: 100%;
	margin: 7px 0 6px 0;
	padding: 0 24px;
}

ul.footer-list li a:link, ul.footer-list li a:visited {
	text-decoration: none;
	color: #77797c;
}

ul.footer-list li a:hover, ul.footer-list li a:active {
	text-decoration: underline;
	color: #77797c;
}

ul.footer-list li.header {
	font-weight: 800;
	margin: 0 0 7px 0;
}

div#footer p {
	font-size: 11px;
	color: #77797c;
	line-height: 100%;
	margin: 0;
}

div#footer p a:link, div#footer p a:visited {
	text-decoration: none;
	color: #77797c;
}

div#footer p a:hover, div#footer p a:active {
	text-decoration: underline;
	color: #77797c;
}

div#footer p#footer-text {
	position: absolute;
	left: 24px;
	bottom: 20px;
}

div#footer p#footer-links {
	position: absolute;
	right: 25px;
	bottom: 20px;
}

div#footer p#footer-links a {
	margin: 0 0 0 20px;
}

/* END: Footer List */

/* END: Layout Lists */