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

body {
	margin:0;
	padding:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
	background:#F4F4F4;
	text-align:center;
}

/* default some tags to zero margin and padding
------------------------------------------------*/
h1, h2, h3, h4, div, ul, ol, li, form, input, select {margin:0; padding:0}


/* header styling
------------------*/
h1 {
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:10px;
	font:normal 28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F9AF3F
}
h1 span {
	display:none;
}

h1#h1_latestnews { background-image:url(../i/h1_latestnews.gif); margin-bottom:5px; height:33px; }
h1#h1_mortgagebestbuys { background-image:url(../i/h1_mortgagebestbuys.gif); height:33px; }

h2 {
	margin:15px 0 5px;
	font:normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000
}

h3 {
	margin:15px 0 5px;
	font-size:13px;
	color:#000
}

/* <p>, <span>, <em>, <strong> etc
------------------------------------*/
p {
	margin:10px 0 5px;
}

p.error, p.success {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:14px;
	margin:10px 0;
	border-style:solid;
	border-width:2px;
	border-color:#E2001A;
	padding:8px 10px;
	text-align:left;
	background:#f5f5f5;
	color:#E2001A;
}
p.success {
	border-color:#66CC00;
	color:green
}

span.formerr {
	color:#c00;
	display:block;
	background:url(../i/icon_warning.png) no-repeat center left;
	padding:3px 0 3px 20px
}

span.star {
	background:url(../i/bg_star.png) no-repeat center;
	padding:0 3px 0 10px;
}

span.date {
	background:url(../i/icon_date.png) no-repeat center left;
	padding:3px 0 3px 20px;
	color:#888;
	font-style:italic
}

acronym {
	cursor:help;
}

.red { color:#E2001A }

address {
	font-style:normal;
}
	

/* ul, ol, li, dl, dt, dd styling
------------------------------------*/
div#maincopy ol {
	padding:5px 0 5px 25px;
}

div#maincopy ul {
	padding:5px 0 5px 25px;
}
div#maincopy ul li {
	list-style-image:url(../i/icon_li.gif);
}
div#maincopy ul li ul li {
	list-style-image:none;
	list-style:circle
}

ul#newsticker {
	display:inline;
	padding-left:10px
}
ul#newsticker li {
	list-style:none;
	display:inline
}
ul#newsticker li a, ul#newsticker li a:visited {
	color:#fff;
	text-decoration:none
}

ul.spacedlist li { padding-bottom:5px }

/* Menu within header
-------------------------------------------------------------*/
ul#menu_top {
	list-style:none;
	text-align:right;
	padding:102px 20px 0 0;
}
ul#menu_top li {
	color:#E11B1D;
	font-weight:bold;
	display:inline
}
ul#menu_top li a {
	padding:4px 2px;
	color:#fff;
	text-decoration:none;
	font-size:10px;
	font-weight:bold
}
ul#menu_top li a:hover {
	color:#E11B1D
}


/* Main menu unlocked navigation styling
-------------------------------------------------------------*/
ul#menu_unlocked {
	list-style:none;
	margin:3px 0 15px
}
ul#menu_unlocked li {
}
ul#menu_unlocked li a {
	display:block;
	padding:4px 0;
	border-bottom:1px dotted #fff;
	color:#000;
	text-decoration:none;
	font-weight:bold
}
ul#menu_unlocked li a span {
	color:#E11B1D;
}
ul#menu_unlocked li a:hover {
	color:#E11B1D
}


/* Main menu unlocked private pages styling
-------------------------------------------------------------*/
/*ul#menu_authpages {
	list-style:none;
	margin:3px 0 15px
}
ul#menu_authpages li {
}
ul#menu_authpages li a {
	display:block;
	padding:4px 0;
	border-bottom:1px dotted #fff;
	color:#000;
	text-decoration:none;
	font-weight:bold
}
ul#menu_authpages li a span {
	color:#E11B1D;
}
ul#menu_authpages li a:hover {
	color:#E11B1D
}*/


ul#menu_authpages {
	list-style:none;
	background:#666;
	margin:8px 0 15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
ul#menu_authpages li {
}
ul#menu_authpages li a {
	display:block;
	padding:4px 0 4px 5px;
	border-bottom:1px dotted #ccc;
	color:#fff;
	text-decoration:none;
	font-weight:bold
}
ul#menu_authpages li a span {
	color:#fff;
}
ul#menu_authpages li a:hover {
	color:#ccc
}

/* Main menu locked navigation styling
-------------------------------------------------------------*/
ul#menu_locked {
	list-style:none;
	margin:3px 0 15px
}
ul#menu_locked li {
}
ul#menu_locked li a {
	display:block;
	padding:4px 0;
	border-bottom:1px dotted #fff;
	color:#666;
	text-decoration:none;
	font-weight:bold
}
ul#menu_locked li a:hover {
	color:#E11B1D
}

/* Footer menu styling
-------------------------------------------------------------*/
ul.menu_foot {
	list-style:none;
	float:left;
	padding:0 0 10px 15px;
	margin-top:10px;
	width:110px;
}
ul.menu_foot li a {
	
}


/* Banner slideshow navigation styling
-------------------------------------------------------------*/
#slideshow_nav {
	padding:8px 10px;
	background:url(../i/bg_slideshow_nav.png) no-repeat bottom;
	margin-bottom:15px;
	position:absolute;
	top:335px;
	z-index:100
}
#slideshow_nav a {
	margin:0 8px 0 0;
	text-align:center;
	padding:4px 5px;
	color:#000;
	text-decoration:none;
	background:url(../i/bg_slideshow_nav_a.png) no-repeat right;
}
#slideshow_nav a.activeSlide {
	background:url(../i/bg_slideshow_nav_a_active.png) no-repeat right;
}
#slideshow_nav a:focus {
	outline:none;
}
#slideshow_nav span {
	float:right;
	font-size:14px;
}


/* Link styling
----------------*/

a:link, a:visited {
	color:#000;
	text-decoration:underline
}
a:hover {
	color:#666
}


a.link_pdf {
	background:url(../i/icon_pdf.png) no-repeat center left;
	padding:2px 0 2px 20px;
}



/* main container <div>s generally in order of appearance
-----------------------------------------------------------*/
div#sitewrap {
	width:849px;
	margin:0 auto;
	text-align:left;
	background:#fff
}

div#head {
	background:url(../i/bg_head.png) no-repeat top left;
	height:130px;
}

div#redbar {
	background:url(../i/bg_redbar.gif) no-repeat top left;
	color:#fff;
	padding:8px 20px 8px 15px;
}
	div#redbar span { float:right; font-size:10px; font-weight:bold }

div#mainwrap {
	background:url(../i/bg_mainwrap.png) repeat-y left;
	height:1%
}

div#leftcol {
	float:left;
	width:251px;
}

div#maincol {
	float:left;
	width:598px;
	font-size:11px
}

div#foot {
	background:#E3E4E5;
	color:#999;
	height:1%
}

/* <div>s in left column
-------------------------------*/
div#myaccount {
	background:#D9DADB url(../i/bg_myaccount.gif) repeat-x top;
	padding:12px 15px 0
}

div#createaccount {
	border-top:1px solid #fff;
	margin:10px 0 0;
	padding:15px 0
}

div#menu {
	padding:12px
}

/* <div>s in main column
-------------------------------*/
div#homecopy {
	padding:10px 15px;
}

div#maincopy {
	padding:15px;
	background:url(../i/bg_maincopy.gif) repeat-x top
}

div#home_col1 {
	float:left;
	width:270px;
	margin:15px 15px 0 0;
}

div#home_col2 {
	float:left;
	width:283px;
}

div.news_item {
	border-bottom:1px dotted #999;
	margin-bottom:10px;
	padding-bottom:5px
}
	div.news_item h3 {
		font-weight:bold;
		margin:0 0 4px;
	}
	div.news_item p {
		margin:2px 0 7px
	}
	div.news_item a:link, div.news_item a:visited {
		color:#F9AF3F;
		font-weight:bold;
	}
	div.news_item a:hover {
		color:#666
	}

div.formbox {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:0 20px 10px;
	margin:20px 75px;
	background:#D9DADB;
	border:2px solid #9A9C9D;
}

div#logos {
	text-align:center;
	margin:15px 0 0
}
div#logos img {
	margin:0 14px 15px 14px
}

div#map {
	height:400px;
	border:2px solid #999;
	margin-top:10px
}

/* <div>s in footer
-------------------------------*/
div#foot_left {
	float:left;
	width:251px;
}

div#foot_right {
	padding:0 0 5px 10px;
	float:left;
	width:580px;
}

div#twitter {
	float:right;
	padding:10px 0
}


/* misc <div>s
-----------------*/
div#clearcols {
	clear:both;
	height:10px;
	background:#9A9C9D;
	font-size:0;
	overflow:hidden;
}

div.clearleft {
	clear:left;
	height:0;
	font-size:0;
	overflow:hidden;
}

div.clear {
	clear:both;
	height:0;
	font-size:0;
	overflow:hidden;
}

div.highlight {
	background:#000;
	color:#fff;
	font-weight:bold;
	padding:5px 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:2px solid #E2001A;
	margin:10px 0
}

/* table styling
-------------------*/
table.form_tbl {
	margin:10px 0;
}
table.form_tbl tr td{
	padding:3px 10px 3px 0;
	border:none
}

.leftcell {
	text-align:right;
	vertical-align:top
}

div#news-item table,
table.general_tbl {
	border:1px solid #ccc;
	/*background:#f5f5f5;*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
div#news-item table tr td,
table.general_tbl tr td {
	border-bottom:1px solid #ccc;
	padding:7px
}

table#procfees {
	/*width:570px;*/
}
table#procfees tr th {
	background:#eee;
	padding:3px 5px;
	font-weight:normal;
	text-transform:uppercase;
	vertical-align:top;
	border-right:1px solid #fff;
	text-align:left
}
table#procfees tr td {
	padding:5px;
	border-bottom:1px solid #999;
	vertical-align:top
}


div.procfees_product {
	clear:left;
	border-top:1px dotted #999;
	position:relative;
	height:auto
}
div.procfees_product div.procfees_product_cell {
	float:left;
	padding:2px 5px;
	overflow:hidden
}
div.oddrow { background:#f3f3f3 }

/* form styling
----------------------------*/
form#loginform {
	padding:7px 0 0;
	vertical-align:middle
}
form#loginform label {
	display:block;
	margin:5px 0 1px;
}
form#loginform input {
	vertical-align:middle;
}

input.textfield {
	border:2px solid #C5C7C8;
	padding:3px;
	font:14px Arial, Helvetica, sans-serif;
	color:#666
}

form#loginpage_form input.textfield {
	font-size:20px;
	font-weight:normal
}

/* image styling
---------------------*/
img { border:none }