/********************************      Basic Structure      ********************************/
html {
  /*height: 100%;*/
  /*margin-bottom: 1px;*/
  }
body {
  font-family: Tahoma, Helvetica, sans-serif;
  font-size:12px;
  margin: 0;
  padding: 0;
  color: #666666;
}

select{
  padding:2px;
  font-size: 11px;
  border: #ccc 1px solid;
}
input, textarea{
    color: #000;
    padding:2px;
  font-size: 11px;
  border: #ccc 1px solid;
}

/********************************      General Classes      ********************************/
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
strong { font-weight:bold;}
.align_left { text-align:left;}
.align_right { text-align:right;}
.align_center { text-align:center;}
.pad_left_20 { padding-left:20px;}
.pad_right_20 { padding-right:20px;}
.w132 {
  width: 132px;
}

.redstar { color:#F00;} 

em {
  font-style: italic;
}
 img {
   border: none;
 }

 a {
   color:#406d36;
 }

h1,h2,h3,h4,h5, .like_h1 {
 letter-spacing: -1px;
 font-weight: normal;
 padding: 0;
 margin: 0;
}

h1, .like_h1 {
  color: #245d80;
  font-size: 28px;
}


h3 {
  color: #245d80;
  font-weight: normal;
  font-size: 20px;
}

h2{
  color: #245d80;
  font-weight: normal;
  font-size: 20px;
}


hr {
  color: #cccccc;
  background-color: #cccccc;
  height: 1px;
  margin: 12px 0;
}

p {
  line-height: 20px;
}

.blue {
  color: #245d80;
}

.fgreen{
  color: #93bb37;
}


.fs16 {
  font-size: 16px;
}


/********************************      Main Classes      ********************************/

#container {
  padding:0;
  margin: 0 auto;
  /*margin-top:-15px;*/
  width: 980px;
  text-align: left;
}

#container_inner {
  //overflow: hidden;
  margin: 0px;
  padding: 0px;
  background: url(../images/bg_body.jpg) no-repeat center top;
}

.popup #container {
	width: auto;
	margin: 0 auto;
}

#intro_image {
  position: relative;
  z-index: 0;
  left: 0px;
  top: 0px;
}


a.large_button {
  float: left;
  display: block;
  width: 185px;
  height: 22px;
  padding: 5px 0 9px 55px;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  background: url(../images/bg_large_button.png) no-repeat left top;
}

input.large_button {
  float: left;
  display: block;
  width: 240px;
  height: 40px;
  padding-left: 0px;
  color: #fff;
  text-decoration: none;
  font-size: 18px !important;
  font-family: Tahoma;
  background: url(../images/bg_large_button.png) no-repeat left 7px;
  border: none;
}

a.btn_grey {
  width: 297px;
  height: 40px;
  padding: 10px 0 9px 25px;
  background: url(../images/btn_grey.png) no-repeat left top;
  font-size: 15px;
}

#choose_container a.btn_grey {
  margin-top: 0px;
}


a.btn_grey .green {
  font-weight: normal;
}


#main_content {
  float: left;
  width: 920px;
  margin: 0 30px;
  padding:0px;
  padding-top: 27px;
}

#index #main_content {
  width: 840px;
  margin: 0 70px;
}

#main_content h1 {
	margin-bottom: 0.75em;
}

#main_content p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 1em;	
}

.with_devider {
  background: url(../images/bg_main_content_devider.png) no-repeat center top;
}

#apply #main_content .column, #calculators #main_content .column {
	width: 500px;
}

#apply #main_content .column.right, #calculators #main_content .column.right {
	width: 400px;
}

#apply #best_rates a.apply, #calculators #best_rates a.apply, #calculators #best_rates a.compare {
	display: none;
}

#apply a.compare {
	float: right;
}

/********************************     Header      ********************************/

#header {
  overflow: hidden;
}

#hor_scrolling_container {
  float: right;
  width: 580px;
  background: url(../images/bg_scrollable_container.png) no-repeat 15px top;
  height: 99px;
/****    Horizontal scrolling CSS - see js/scrollable    ****/
}

#logo {
  float: left;
  margin: 20px 30px 0;
}

#header-short #logo {
	margin: 10px 10px 20px;
}

#header-short .connecting {
	margin: 30px 10px;
}

/********************************     Top menu      ********************************/
/* Top Horizontal Menu */
#menu_container ul ul {
	position:		absolute;
	top:			-999em;
}
.#menu_container li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#menu_container li {
	float:			left;
	position:		relative;
	*z-index: 99;
}
#menu_container li li {
	/*float:			none;*/
}
#menu_container a {
	/*display:		block;*/
	float: left;
    text-decoration:none;
}
#menu_container li:hover ul,
#menu_container li.sfHover ul {
	left:			0;
	top:			43px; /* match top ul list item height */
	z-index:		99 !important;
}
#menu_container li:hover li ul,
#menu_container li.sfHover li ul {
	top:			-999em;
}
#menu_container li li:hover ul,
#menu_container li li.sfHover ul {
	top:			0;
}
#menu_container li li:hover li ul,
#menu_container li li.sfHover li ul {
	top:			-999em;
}
#menu_container li li li:hover ul,
#menu_container li li li.sfHover ul {
	top:			0;
}
#menu_container .sf-sub-indicator {
	float:right;
	margin-left: 5px;
}

#menu_container {
	clear: both;
	z-index: 2;
	height: 43px;
	border-bottom: #fff 3px solid;
}

#menu_container img {
  height: 43px;
  float:left;
}

#menu_container ul {
  list-style-type: none;
  float:left;
  margin: 0;
  padding: 0;
  
  color: #fff;
  font-size: 15px;
  line-height: 14px;
}

#menu_container ul li a {
  color: inherit;
  *color: #fff;
  
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  
  padding: 14px 0 14px 0;
}

#menu_container .last {
  border-right: none;
}
#menu_container .first {
  border-left: none;
}

#menu_container .menu-border-right {
	float:right;
}

ul#primary_menu {
  height: 43px;
  background: url(../images/bg_primary_menu.jpg) repeat-x 0 0;
  padding-right: 1px;
}

ul#primary_menu li {
  border-left: 1px solid #b4d04e;
  border-right: 1px solid #8db733;
}

ul#primary_menu li a:hover {
  background: url(../images/bg_primary_hover.png) repeat-x 0 0;
}

ul#primary_menu a.ico_home {
  width: 23px;
  display: block;
  overflow: hidden;
  padding: 0 23px 0 22px;
}

ul#primary_menu a.link-best-rates {
	width:112px;
}

.on_index ul#primary_menu a.link-best-rates {
	width:124px;
}

ul#primary_menu a.link-mtg-calc {
	width:182px;
}

.on_index #primary_menu a.link-mtg-calc {
	width:195px;
}

ul#primary_menu a.link-education {
	width:156px;
}

.on_index ul#primary_menu a.link-education {
	width:167px;
}

ul#primary_menu a.link-blog {
	width:73px;
}

.on_index ul#primary_menu a.link-blog {
	width:86px;
}

#menu_container .menu-border-right {
	float:right;
}

#menu_container ul ul {
	_width: 15em;
	font-size: 0.8em;

	background-color: #245d80;
	border: solid 1px #1c4964;
}

#menu_container ul ul li {
	border: none;
}

#menu_container ul ul li a,
#menu_container.on_index ul ul li a,
#menu_container ul ul li span {
	background-color: transparent;
	
	padding: 10px 15px;
	min-width: 17em;
	*width: 17em;
	zoom: 1;
	
	text-align:left;
}

#menu_container ul ul li span {
	display: block;
	cursor: default;
}

#menu_container ul ul li a:hover,
#menu_container ul ul li span:hover {
	background-image: none;
	background-color: #1c4964;
}

#menu_container ul ul ul {
	font-size: 1em;
	
	background-color: #a1c441;
	border: solid 1px #8db733;
}

#menu_container ul ul ul li a:hover {
	background-color: #8db733
}

ul#secondary_menu {
  height: 43px;
  background: url(../images/bg_secondary_menu.jpg) repeat-x left top;
  padding-left: 1px;
  float: right;
}

ul#secondary_menu li a:hover {
  background: url(../images/bg_secondary_hover.png) repeat-x left top;
}
ul#secondary_menu li {
  border-left: 1px solid #2b7099;
  border-right: 1px solid #1c4964;
}

ul#secondary_menu a.link-about {
	width:107px;
}

.on_index ul#secondary_menu a.link-about {
	width:115px;
}

ul#secondary_menu a.link-login {
	width:128px;
}

.on_index ul#secondary_menu a.link-login {
	width:135px;
}

ul#secondary_menu a.link-contact {
	width:114px;
}

.on_index ul#secondary_menu a.link-contact {
	width:120px;
}

/********************************* Index *******************************/

.column {
	float: left;
}

.column.right {
	float:right
}

.column-wrapper {
	overflow: hidden;
}

.column_420px {
  float: left;
  width: 420px;
  overflow: visible;
}

.column_430px {
  float: left;
  width: 430px;
  margin: 0px 30px;
}

#choose_container {
  float: left;
  width: 980px;
  height: 300px;
  overflow: hidden;
  background: url(../images/bg_choose_container.jpg) no-repeat left top;
}

#choose_container #auction {
  float: left;
  width: 420px;
  margin: 43px 0 0 70px;
  color: #fff;
}

#choose_container #best_rates {
  float: left;
  margin-top: 28px;
  margin-left: 70px;
}

#choose_container h2, h1.hh2 {
  font-size: 26px;
  margin-bottom: 20px;
  color: #fff;
}

#choose_container p {
  padding: 0;
  margin: 0;
  font-size: 13px;
}

#choose_container #auction p {
  font-size: 14px;
}

p.green, .green {
  color: #a2d52d;
  font-weight: bold;
}

#choose_container a.large_button {
  margin-top: 30px;
}

#auction_steps {
  float: left;
}

ul.blue_number_list {
  list-style-type: none;
  float:left;
  margin: 0;
  margin-top: 10px;
  padding: 0;
}

ul.blue_number_list li {
  line-height: 26px;
  margin-bottom: 7px;
  font-size: 13px;
}

.number {
  display: block;
  float: left;
  background: url(../images/blue_step.png) no-repeat left top;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  width: 29px;
  height: 29px;
  line-height:25px;
  padding-right: 8px;
}

/*
#auction_steps .number{
  display: block;
  float: left;
  background: url(../images/bg_bottom_module_number.png) no-repeat left top;
  text-align: center;
  font-weight: bold;
  color: #fff;
  width: 30px;
  height: 29px;
  padding-right: 3px;
  margin-right: 4px;
  line-height: 25px;
}
*/

.province_select {
  width:135px;
  float: right;
  text-align: right;
}

.province_select select {
  background: #fff;
  padding: 2px;
  border: #ccc 1px solid;
  color: #666;
}

#best_rates {
  float:right;
  width:338px;
}

#best_rates .updated {
  font-size: 11px;
  color: #666;
  line-height: 24px;
}

#index #best_rates .updated {
	color: #fff;
}

#best_rates h3 {
  margin-bottom: 4px;
}

#best_rates .rates-shadow {
	width:334px;
	margin-left:2px;
}

#index #best_rates .rates-shadow {
	display:none;
}

#best_rates .rate_container, #rate-details .rate_container {
  overflow:hidden;
  clear:both;
  margin-top: 10px;
  color: #fff;
  font-size: 12px;
}

#best_rates .rate_container .rate_title, #rate-details .rate_container .rate_title {
  float: left;
  width: 257px;
  height: 26px;
  line-height: 22px;
  padding: 0 0 0 15px;
  background: url(../images/bg_bestrate_title.png) no-repeat left top;
}

#best_rates .rate_container .rate_title_short {
  float: left;
  width: 172px;
  height: 26px;
  line-height: 22px;
  padding: 0 0 0 15px;
  background: url(../images/bg_bestrate_title_short.png) no-repeat left top;
}

#best_rates .rate_container a {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
}

#best_rates .rate_container .rate_logo {
	float: left;
	padding: 1px 5px 0;
}

#best_rates .rate_container .rate_rate, #rate-details .rate_container .rate_rate {
  float: left;
  width: 60px;
  height: 26px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
  background: url(../images/bg_bestrate_rate.png) no-repeat left top;
}

a.apply, a.reveal {
  width: 116px;
  height: 27px;
  float:left;
  padding-top: 4px;
  padding-left: 40px;
  margin-top: 10px;
  text-align:left;
  color: #fff !important;
  font-weight: normal;
  text-decoration: none;
  font-size: 14px;
  border: none;
  background: url(../images/btn_apply.png) no-repeat left top;
}

a.small {
    width: 73px;
  height: 30px;
  float: left;
  padding-top: 9px;
  padding-left: 50px;
  color: #fff !important;
  font-weight: normal;
  text-decoration: none;
  font-size: 14px;
  background: url(../images/btn_small.png) no-repeat left top;
}

input.apply {
  width: 140px !important;
  height: 38px;
  line-height: 20px !important;
  padding-top: 0px;
  vertical-align: top;
  float: left;
  color: #fff !important;
  font-weight: normal;
  text-decoration: none;
  font-size: 16px;
  background: url(../images/btn_small.png) no-repeat left 2px;
  border: none;
}

input.dm {
  width: 34px;
}


a.long {
  display: block;
    width: 269px;
  height: 25px;
  padding-top: 6px;
  padding-left: 40px;
  color: #fff !important;
  font-weight: normal;
  text-decoration: none;
  font-size: 14px;
  background: url(../images/btn_long.png) no-repeat left top;
}

button.long {
  display: block;
    width: 310px;
  height: 33px;
  color: #fff !important;
  font-weight: normal;
  text-decoration: none;
  font-size: 16px;
  background: url(../images/btn_long.png) no-repeat left 3px;
  border: none;
  outline: none;
}


a.compare {
    width: 136px;
  height: 27px;
  float: left;
  padding-top: 3px;
    margin-left: 5px;
    margin-top: 10px;
  padding-left: 41px;
  font-weight: normal;
  color: #fff !important;
  text-decoration: none;
  font-size: 14px;
  background: url(../images/btn_compare.png) no-repeat left top;
}

span.btn_reminder {
  width: 275px;
  height: 54px;
  display: block;
  float: left;
  padding-left: 75px;
  text-align:left;
  color: #fff !important;
  font-weight: normal;
  text-decoration: none;
  font-size: 18px;
  line-height: 50px;
  border: none;
  cursor: pointer;
  background: url(../images/btn_tools.png) no-repeat left top;
}

a.btn_calculators {
  width: 275px;
  height: 54px;
  float: left;
  padding-left: 75px;
  text-align:left;
  color: #fff !important;
  font-weight: normal;
  text-decoration: none;
  font-size: 18px;
  line-height: 50px;
  border: none;
  background: url(../images/btn_calculators.png) no-repeat left top;
}

#auction_recents {
  float: left;
  margin-top: 40px;
}

.bottom_module {
  float: left;
  width: 980px;
  margin-top: 20px;
  overflow: visible;
  background: url(../images/bg_bottom_module.png) no-repeat left top;
  background-color: #f0f0f0;
}

.with_header {
  background: transparent url(../images/bg_bottom_module.png) no-repeat left 45px;
  padding-top: 0;
}

.bottom_module h4 {
  display: block;
  font-size: 20px;
  color: #fff;
  padding-top: 10px;
  padding-left: 50px;
  float: left;
  width: 930px;
  height: 62px;
  background: transparent url(../images/bg_bottom_module_h4.png) no-repeat left top;
}

.bottom_module .extension {
	border: solid 1px #c0c0c0;
	background-color: #fff;
	padding: 10px 20px;
	margin: 10px 20px 20px;	
}

.bottom_module .extension .page {
	border: solid 1px #c0c0c0;
	background-color: #f0f0f0;
	padding: 10px 20px 0;
	margin: 10px 0;
}

.bottom_module .extension .page h3 {
	margin: 0 0 0.5em;
}

.bottom_module .extension .page p {
	font-size: 14px;
	line-height: 1.75em;
	margin-bottom: 0.67em;
	margin-left: 0.5em;
}

.bottom_module .page hr {
	border: none;
	height: 1px;
	color: #93bb37;
	background-color: #93bb37;
}

.bottom_module .page h2.like_h1 {
	border-bottom: none;
}

.double h4{
  display: block;
  font-size: 20px;
  color: #fff;
  padding-top: 10px;
  padding-left: 50px;
  float: left;
  width: 930px;
  height: 62px;
  background: transparent url(../images/bg_bottom_module_double.png) no-repeat left top;
}

.double h4 a {
  text-decoration: none;
  color: #fff;
}

.double2 h4{
  display: block;
  font-size: 20px;
  color: #fff;
  padding-top: 10px;
  padding-left: 50px;
  float: left;
  width: 930px;
  height: 62px;
  background: transparent url(../images/bg_bottom_module_double2.png) no-repeat left top;
}

.double2 h4 a {
  text-decoration: none;
  color: #fff;
}


.bottom_module h5 {
  font-size: 20px;
  margin-top: 8px;
  color: #245d80;
}

.like_h4 {
  font-size: 20px !important;
  padding-top: 0px;
  padding-bottom: 10px;
}


.bottom_module .header_container {
  display: block;
  background: url(../images/bg_bottom_module_header_sm.png) no-repeat left top;
  height: 50px;
  width: 135px;
  text-align: center;
  float: left;
  margin-left: -8px;
}

.bottom_module .large_header {
  width:241px;
  background: url(../images/bg_bottom_module_header_large.png) no-repeat left top;
}


.bottom_module .header_container h5 {
  color: #fff;
  line-height: 15px;
}

.bottom_module .green {
  background: url(../images/bg_bottom_module_header_sm_green.png) no-repeat left top;
  width: 179px;
  margin-right: -8px
}

.bottom_module .greenl {
  background: url(../images/bg_bottom_module_header_sm_green_l.png) no-repeat left top;
  width: 179px;
}

.bottom_module .green h5, .bottom_module .greenl h5 {
  line-height: 21px;
}


.bottom_module h2 {
	margin-bottom: 0.5em;
}

.bottom_module p {
	line-height: 20px;
}

.bottom_module p a {
	text-decoration: underline;
}

.bottom_module table p {
	margin-bottom: 0;
	margin-left: 0;
}

.bottom_module a {
  text-decoration: none;
}

.bottom_module ul {
    list-style-type: none;
  float:left;
  margin: 0;
  margin-top: 10px;
  padding: 0;
}

.bottom_module ul li {
  line-height: 25px;
  margin-bottom: 10px;
  font-size: 12px;
}

/*
.bottom_module .number{
  display: block;
  float: left;
  background: url(../images/bg_bottom_module_number.png) no-repeat left top;
  text-align: center;
  font-weight: bold;
  color: #fff;
  width: 30px;
  height: 29px;
  padding-right: 3px;
  margin-right: 4px;
  line-height: 25px;
}
*/

#account .bottom_module .content_bottom {
	position: relative;
	top: -20px;
	margin: 0 30px;
}

#account .bottom_module .extended-desc ul {
	float:none;
	list-style-type: disc;
	margin: 0 0 1em;
	padding: 0 0 0 25px;
}

#account .bottom_module .extended-desc ul li {
	float:none;
	margin:0;
	padding:0;
	line-height:16px;
}

.highlight {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 6px;
  color: #245d80;
}

.bottom_module .apply {
   margin-top: 0px;
}

#latest_update {
  float: right;
  width: 230px;
  margin-top: -20px;
  text-align: right;
}

#index .right-copy {
	float: right;
	margin-top: 15px;
}

#index .bottom_module ul a {
  color: #646464;
  text-decoration: none;
}

#index .bottom_module ul a:hover {
  color: #245d80;
}


/********************************* Best Rates *******************************/
.selector_table {
  color: #245d80;
  font-size: 12px;
}

.selector_table select{
  width: 156px;
}

.selector_table .separated  {
  width: 155px;
  color: #a1c441;
  font-size: 12px;
  padding-left: 30px;
  background: url(../images/bg_selector_table_separated.jpg) no-repeat left top;
    padding-top: 30px;
}

.selector_table .separated select {
  margin-top: 5px;
}

.selector_table .align_center .large_button {
  float: none;
  width: 215px;
  padding: 4px 0 9px 25px;
  margin-top: 20px;
}

.rates_container {
  width: 840px;
  float: right;
}
.rate_column {
  width: 162px;
  /*padding: 0px 30px;*/
  padding-left:30px;
  padding-right:20px;
  float: left;
  background: url(../images/bg_rates_column.png) no-repeat left top;
}

.rate-types.column {
	padding: 0 30px 10px 20px;
}

.rates_container .first {
  padding-left: 0px;
}

.rates_container .last {
  padding-right: 0px;
}


.no_bg {
  background: none;
}
.rate_column .term {
  font-size: 20px;
  text-align: center;
  color: #646464;
}

.rate_column .rate, .column_3 .rate {
  float: left;
  width: 59px;
  height: 32px;
  text-align:center;
  padding-top: 8px;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  background: url(../images/bg_rates_column_rate.png) no-repeat left top;
}

.rate_column .best, .column_3 .best {
  background: url(../images/bg_rates_column_rate_best.png) no-repeat left top;
}

.rate_column .get_rate {
  background: url(../images/bg_rates_column_rate_get.png) no-repeat left top;
}

.mega_rate {
  display: block;
  width: 59px;
  height: 36px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  background: url(../images/bg_rates_column_rate_best.png) no-repeat left top;
}


.rate_column .logo {
  float: left;
  width: 90px;
  height: 36px;
  margin-right: -20px;
}

.rate_column .logo img {
  
}

.btn_see_all_rates {
  float: left;
  width: 162px;
  height: 31px;
  line-height: 26px;
  color: #fff;
  text-decoration: none;
  font-size: 11px;
  text-align: center;
  font-weight: bold;
  color: #fff !important;
  background: url(../images/btn_see_all_rates.png) no-repeat 0 -31px;
}

.btn_see_all_rates:hover {
	background: url(../images/btn_see_all_rates.png) no-repeat 0 -62px;
}

.dark_grey {
  background-position: left -31px;
}

.active_green {
  background-position: left -62px;
}


.with_tooltip {
  text-decoration: none;
  display: inherit;
  color: #fff;
}


ol.best_steps {
  list-style-type: none;
  width: 435px;
}

ol.best_steps li {
  color: #666;
  font-weight: normal;
  min-height: 37px;
  line-height: 22px;
  float: left;
  font-size: 12px;
  width: 100%;
  margin: 0;
  padding: 2px 0px 2px 0px;
}

#best-rates .best_steps li {
	padding: 5px 0 5px 0;
}

ol.best_steps li span.number {
//  display: block;
//  float: left;
//  width: 37px;
//  height: 32px;
//  line-height: 26px;
  background:url(../images/grey_step.png) no-repeat left top;
//  text-align: center;
//  color: #fff;
//  font-weight: bold;
//  margin-right: 4px;
}

#best-rates h1 {
	float:left;
}

#best-rates .social-icons {
	padding-top:15px;
	float:right;
	margin-right:-15px;
}

.ratehub .fb_iframe_widget,
.ratehub .twitter-share-button {
	float:left;
}

table.best_rates_table {
  float: right;
  background: url(../images/separator_hor.png) center 88px no-repeat;
}

table.best_rates_table td {
  padding: 4px 8px;
  text-align: right;
  vertical-align: middle;
  font-weight: bold;
  color: #336699;
}

a.big_rate {
  display: block;
  width: 84px;
  height: 33px;
  line-height: 30px;
  background:url(../images/bg_big_rate.png) no-repeat left top;
  color: #fff;
  border: none;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
}


/********************************     Rate Details      ********************************/

#rate-details.popup {
	background: transparent;	
}

.popup #container {
	max-width: 900px;
}

.popup #container_inner {
	background: transparent;
	margin-left: 15px;
}

.popup #container_inner.contact {

	margin:70px 20px;
}

.reduced #container_inner {
	margin-left:0;
}

.best-rate, .rate-info {
	width: 440px;
}

#rate-details.popup .best-rate {
	float:left;
	width:360px;
	margin-top:10px;
}

#rate-details.popup .rate-info {
	float:right;
	width:auto;
	max-width:290px;

	margin-top:10px;
	margin-right:7%;
}

#rate-details.reduced .rate-info {
	margin-right:3%;
}

#rate-details .rate-details-container table {
	width: auto;
}

#rate-details.popup .step {
	float:left;
	padding-left: 10px;
}

.connect-1 {
	width:60%;
}

.reduced .connect-1 {
	width: 423px;
}

.connect-2 {
	width:35%;
}

.contact .connect-2 {
	width:37.5%;
}

.connect-2 .step {
	max-width: 250px;
	overflow:hidden;
}

.reduced .connect-2 {
	width: 282px;
}

.reduced .connect-2 .step {
	width: 228px;
}

.rate_details_container {
  float: left;
  padding-left: 70px;
  padding-bottom: 10px;
  background: url(../images/bg_rates_details.png) no-repeat left top;
}

#rate-details.popup .rate_details_container {
	float:right;
    padding-bottom: 40px;	
	padding-left:0;
	background:none;
}

#rate-details.popup .rate_details_container table {
	width:auto;
}

#rate-details.popup .vertical-separator {
	overflow:hidden;
	background: url(../images/bg_rates_details.png) no-repeat 50% 50%;
	height: 210px;
}

#rate-details.popup .number {
	clear:left;
}

.broker-phone {
	display:block;
	color:#93BB37;
	background: url(../images/blurrry_phone.png) left top no-repeat;
	margin-top:15px;
	width:275px;
	height:60px;
}

.broker-phone span {
	line-height:20px;
	font-size:24px;
}

.broker-phone a.reveal {
	position:absolute;
	margin-top:10px;
	margin-left:70px;
	padding-left:45px;
}

.broker-phone img.loading {
	margin-left:180px;
	margin-top:2px;
}

#website_info {
  display:block;
  margin-top: 20px;
  background: url(../images/bg_rates_details.png) no-repeat 181px top;
}

#website_info .thumbnail {
  border: #bdbdbd 1px solid;
  margin-right: 20px;
}

#website_info a.small {
position:absolute;
margin-left: 80px;
margin-top: -20px;
}

#website_info img.loading {
	margin-left: 190px;
	margin-top:-20px;
}
table.lined_table {
  margin-top: 10px;
  width: 270px;
}
table.lined_table tr {
  height: 30px;
}

table.lined_table tr td {
    border-bottom: #e5e5e5 1px solid;
}

table.lined_table tr.last td {
    border-bottom: none;
}

table.lined_table td.value {
  color: #245d80;
  font-weight: bold !important;
}

table.green_values td.value {
  color: #93bb37;
  font-weight: bold;
}

table.provided_by {
  width: 360px;
}

table.provided_by td.logo {
	line-height: 20px;
}

.column_585px {
  width: 525px;
  margin: 0 30px;
  float: left;
}

.column_395px {
  width: 335px;
  margin: 0 30px;
  float: left;
}

table.bottom_form {
  margin: 5px;
  padding: 5px !important;
  font-size: 11px;
  margin-left: -5px;
  color: #245d80;
  font-weight: bold;
}

table.bottom_form td {
  vertical-align: top;
  font-weight: bold;
}

table.bottom_form td.provinces-served { vertical-align: inherit; }

.popup table.bottom_form {
  margin: 0;
  padding: 0;
}

.popup table.bottom_form td {
  width:50%;
}

table.pre-approval {
	clear:left;
	height: 250px;
	width:80%;
	margin: 0 auto;
}

table.pre-approval td {
	vertical-align:middle;
}

table.pre-approval p {
	font-size:14px;
	line-height:24px;
}

table.bottom_form input {
  padding: 2px;
  width: 240px;
  margin-bottom: 12px;
  margin-top: 5px;
}

.popup table.bottom_form input {
	width:93%;
}

table.bottom_form select {
  margin-top: 5px;
  margin-bottom: 12px;
  width: 245px;
}

.popup table.bottom_form select {
	width:96%;
}

table.bottom_form .clarification {
	display:block;
	font-size:0.9em;
	color:#777;
	font-weight:normal;
	margin-bottom:10px;
}

table.bottom_form #notes  {
  width: 500px;
  padding: 2px;
  margin-top: 4px;
  margin-bottom: 10px;
  height: 60px;
}

table.bottom_form .large_button {
  font-weight: normal;
  padding-left: 45px;
  width: 255px;
}


table.with_padding td {
  padding-right: 40px;
}

table.w_full{
  width: 920px;
}

table.w_full td{
  color: #333;
  font-weight: normal;
  height: 34px;
  white-space: nowrap;
  vertical-align: middle;
  padding-right: 0;
}

table.w_full tr.subheading td{
    font-weight: bold;
    color: #336699;
    padding-top: 6px;
    height: 40px;
}


table.w_full th{
  color: #333;
  font-size: 12px;
  font-weight: bold;
}

table.with_padding td input {
  width: 245px;
}

.checkbox {
  width: 14px !important;
  margin-left: 8px;
}

input#cdate, input#cdate_auction {
  width: 210px;
}

#rate-auction table.bottom_form select, #apply table.bottom_form select{
  width: 245px;
  margin-top: 4px;
}

 #apply table.bottom_form #address {
   width: 500px;
 }

table.bottom_form input.radio{
  width: 25px;
  margin-top: 8px;
  margin-bottom: 8px;
  float: left;
}

table.bottom_form label {
  font-weight: normal;
  color: #666;
   margin-top: 8px;
   margin-right: 18px;
   float: left;
}

#rate-details td.e-mail div {
	position:relative;
}

#rate-details .newsletter {
	position:absolute;
	top:-2px;
	right:10px;
}

#rate-details.reduced .newsletter  {
	right:0px;
}

#rate-details .newsletter input.checkbox {
	width: 25px;
	float: none;
	margin: 0px 0.25em 0 0;
	border: none;
	padding: 0;
	vertical-align:middle;
}

#rate-details .newsletter label {
	float: none;
	line-height: normal;
	margin: 0;
	vertical-align:middle;
} 

#rate-details .newsletter .tip {
	vertical-align:middle;
	margin: 0 5px 0 3px;
} 

table.column_2, table.wide_column_3 {
  width: 920px;
  margin: 0 30px;
}

table.column_2 td, table.wide_column_3 td {
  padding: 0;
  margin: 0;
}


table.column_2 select, table.column_2 textarea,
table.wide_column_3 select, table.wide_column_3 textarea
 {
  width: 97%;
  margin: 0;
}

table.wide_column_3 input {
  width: 288px;
}


table.column_2 textarea {
  height: 80px; }


/********************************     Blog      ********************************/

div.blog {
  width: 600px;
  float: left;
}

div.article{
  float: left;
  width: 100%;
  margin-top: 40px;
}

div.article  span.date {
  display: block;
  width: 100%;
  float: left;
  font-size: 11px;
  color: #666;
  text-transform: uppercase;
  margin-bottom: 20px;
}

div.article, div.article p { line-height: 18px;}

.article_panel{
  width: 600px;
  margin-top: 20px;
  margin-bottom: 20px;
  background: #f0f0f0;
  float: left;
}

.article_panel .icons {
  width: 19px;
  display: inline;
  height: 30px;
  margin: 0px 10px;
  margin-left: 20px;
  float: left;
}

.comments {
  width: 600px;
  float: left;
}


.comment {
  width: 410px;
  float: left;
}

.comment_text {
  background: url(../images/bg_comment.png) repeat-y left top;
  width: 410px;
  float: left;
  position: relative;
  left: 0;
  top: 0;
  z-index:2;
}

.comment_top {
  background: url(../images/bg_comment_top.png) no-repeat left top;
  display: block;
  width: 410px;
  height: 22px;
   float: left;
}

.comment_bottom {
  background: url(../images/bg_comment_bottom.png) no-repeat left top;
  display: block;
  width: 410px;
  height: 10px;
  float: left;
}

.comment p {
  padding: 20px 20px;
  padding-right: 30px;
  padding-top: 0px;
  margin-top: 0px;
  color: #fff;
}

.comment_by {
  width: 180px;
  overflow: hippen;
  float: left;
}

.comment_by span.name {
  font-size: 22px;
  margin-left: 10px;
  letter-spacing: -1px;
}

.comment_by span.date {
  font-size: 9px;
  margin-left: 10px;
  margin-top: 3px;
}


.article_panel a {
  font-weight: bold;
  display: inline;
  height: 30px;
  float: left;
  font-size: 10px;
  line-height: 26px;
  margin-top: 6px;
  color: #245d80;
  padding-bottom: 6px;
}

#right_column {
  position: relative;
  left: 30px;
  top: -30px;
  z-index: 1;
  float: right;
  width: 270px;
  padding: 50px 20px;
  padding-bottom: 0px;
  background: #f0f0f0;
}

#right_column .right_bottom {
  margin-left: -20px;
  margin-bottom: -2px;
}

#right_column .icons {
  display: inline;
  float: right;
}

#right_column ul li {
  margin-top: 20px;
}

#right_column ul li a {
  text-decoration: none;
  color: #646464;
}

#right_column a.archive_month {
  display: inline;
  height: 20px;
  float: left;
  line-height: 20px;
  margin-top: 6px;
  color: #646464;
  text-decoration: none;
  width: 130px;
}


/********************************     Tools      ********************************/

.with_image  {
  margin-right: -30px;
  margin-top: -27px;
  text-align:right;
  width: 490px;
  float: right
}


#nav {
	height:660px;
    float: left;
	width:504px;
}

#nav ul {
	width:504px;
	margin:0 auto;
}

#nav li {
	float:left;
	width:504px;
	list-style-type:none;
}

#nav a {
	width: 444px;
    height: 72px;
	display:block;
	padding:30px;
	position:relative;
	font-size:11px;
	text-decoration:none;
    color: #646464;
    line-height: 20px;
}

#nav a h4 {
  display: block;
  font-size: 20px;
  padding-top: 0px;
  padding-left: 0px;
  float: left;
  color: #646464;
  width: 440px;
  height: 26px;
  background: none;
}


#nav a.current {
	background:url(../images/tab_active.jpg) left top no-repeat;
    color: #fff;
}

#nav a.current h4 {
  color: #fff;
}

#nav_bottom {
  overflow:hidden;
  position: relative;
  top: -39px;
  left: 20px;
   	height:60px;
	width:390px;
}

#nav_bottom ul {
	width:390px;
	margin:0 auto;
}

#nav_bottom li {
	float:left;
	width:119px;
	list-style-type:none;
}

#nav_bottom ul li a {
	width: 119px;
    height: 57px;
	display:block;
	text-align: center;
	position:relative;
	font-size:20px;
	text-decoration:none;
    color: #646464;
    line-height: 40px;
}

#nav_bottom ul li a.profile {
  background:url(../images/bg_bottom_tab1.jpg) left top no-repeat;
}

#nav_bottom ul li a.rates {
  background:url(../images/bg_bottom_tab2.jpg) left top no-repeat;
}

#nav_bottom ul li a.leads {
  background:url(../images/bg_bottom_tab3.jpg) left top no-repeat;
}


#nav_bottom ul li a.current {
	background-position: left bottom;
    color: #fff;
}

#panes {
  float: left;
	width:415px;
	height:660px;
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
    left:0;
    top: 0;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;
    float: left;
	position:relative;
	font-size:14px;
	color:#444;
    width: 410px;
}

#panes table.lined_table {
  margin-top: 20px;
  width: 370px;
  font-size: 11px;
}

#panes table.lined_table input {
  width: 95px;
}

#panes table.lined_table select {
  width: 230px;
}

#panes img {
	float:left;
	margin-right:20px;
}

#panes p.more {
	color:#000;
	font-weight:bold;
}

#panes h5 {
	font-size:15px;
    letter-spacing: normal;
}
#panes_bottom {
	width:980px;
    margin-top: 40px;
    margin-bottom: 60px;
	/* must be relative so the individual panes can be absolutely positioned */
}

/* crossfading effect needs absolute positioning from the elements */
#panes_bottom div {
	/*display:none;*/
	position:relative;
	top:0px;
	left:30px;
	font-size:14px;
	color:#444;
    width:980px;
}

#panes_bottom table.lined_table {
  margin-top: 20px;
  width: 370px;
  font-size: 11px;
}

#panes_bottom table.lined_table input {
  width: 95px;
}

#panes_bottom table.lined_table select {
  width: 230px;
}

#panes_bottom img {
	float:left;
	margin-right:20px;
}

#panes_bottom p.more {
	color:#000;
	font-weight:bold;
}

#panes_bottom h5 {
	font-size:15px;
    letter-spacing: normal;
}

#account .message {
	margin: 0 30px 10px;
}

ul.nav-rate-types {
	list-style-type:disc;
}

ul.nav-rate-types a {
	color:#93bb37;
}

ul.nav-rate-types a:hover {
	text-decoration:underline;
}


.rates_table {
   /*background: url(../images/bg_bottom_rates.jpg) no-repeat -20px top;*/
   color: #336699;
   width: 920px;
   font-size: 11px;
   margin-left: 30px;
}

.rates_table td {
  vertical-align: top;
  font-weight: bold;
}

.rates_table input.text {
  width: 62px !important;
}

.rates_table_inner th{
	font-weight:bold;
	font-size:1.3em;
	padding: 10px 10px 0 0;
	color: #93bb37;
}

.rates_table_inner td{
  padding: 4px;
  vertical-align: middle;
  height: 35px;
  
  /*font-weight:normal;*/
}

#account .bottom_module hr.gradient {
	height:19px;
	margin:0;
	padding:0;
	background:url(/images/divider-horizontal.png) no-repeat -75px 0;
}

/*
span.amount {
  font-size: 18px;
  color: #666666;
}
*/

.color_green {
    color: #93bb37 !important;
}

/*** Affiliate Banners ***/
#account .widget {
	margin: 0 auto;
}

#account .widget h2 {
	margin-bottom:10px;
}

#account .bottom_module hr {
	width:80%;
	border:0;
	color: #f0f0f0;
	margin: 20px auto 30px;
	}

#account .widget .snippet {
	padding: 0 50px 10px 0;
}

#account .snippet textarea {
	width:460px;
	height:53px;
	font-family:monospace;
}

#account .widget .demo {
	background-color: #fff;
	padding: 20px;
}


/********************************     Find      ********************************/

table.column_3 {
  background:url(../images/bg_column_3.png) no-repeat center 40px;
}


table.column_3 td {
  padding: 10px 30px;
  line-height: 23px;
  vertical-align: top;
}

table.column_3 th {
  font-size: 28px;
  text-align: center;
  color: #666;
  padding-bottom: 30px;
  padding-top: 10px;
}

table.column_3 h3 {
  font-size: 18px;
}

.column_3 .best {
  padding-top: 3px;
  font-size: 13px;
}

table.column_3 td table td {
  padding: 0;
}


/********************************     Auction      ********************************/

ul.steps {
  list-style-type: none;
  width: 250px;
}

ul.steps li {
  line-height: 32px;
  border-top: #fff 1px solid;
  border-bottom: #d8d8d8 1px solid;
  height: 30px;
  float: left;
  font-size: 11px;
  width: 100%;
  margin: 0;
  padding: 2px 0;
}

ul.w400 {
  width: 400px;
}

ul.w400 li {
  line-height: 20px;
  border-top: #fff 1px solid;
  border-bottom: #d8d8d8 1px solid;
  height: auto;
  float: left;
  font-size: 11px;
  width: auto;
  margin: auto;
  padding: auto;
}

ul.w400 li span.number {
  margin-bottom: 80px;
}


ul.steps li span.number {
  //display: block;
  //float: left;
  //width: 39px;
  //height: 32px;
  background:url(../images/grey_step.png) no-repeat left top;
  //text-align: center;
  //color: #fff;
}

ul.steps li.first {
  border-top: none;
}

ul.steps li.last {
  border-bottom: none;
}


ul.steps li.active {
  color: #245d80;
}


ul.steps li.active span.number {
  background:url(../images/green_step.png) no-repeat left top;
}

span.blue {
  font-size: 15px;
 line-height: 30px;
  color: #245d80;
}

#rate-auction .column_585px, #apply .column_585px  {
  margin: 30px 0;
  width: 530px;
}


/********************************     Apply      ********************************/

ul.apply li {
  height: 52px;
  padding: 5px 0;
  line-height: 18px;
}


ul.apply li span.number {
  //width: 39px;
  height: 50px;
  font-size: 13px;
  //padding-top: 3px;
  background:url(../images/green_step.png) no-repeat; 
}


/********************************     Rate Outlook      ********************************/

.description {
  width: 260px;
  margin: 0 20px;
   color: #245d80;
   font-size: 12px;
   line-height: 16px;
   float: left;
}


.width_490 {
  width: 490px;
}

.tablink {
  width: 161px;
  padding: 0 12px;
  height: 32px;
       text-decoration: none;
   color: #fff;
   font-size: 12px;
   line-height: 28px;
   float: left;
   background:url(../images/tab_grey.png) no-repeat center top;
}

.tab_active {
   background:url(../images/tab_blue.png) no-repeat center top;
}


/********************************     Understanding Rates      ********************************/
#education #nav, #understanding #nav {
	height:120px;
    float: left;
	width:380px;
}

#education #nav ul, #understanding #nav ul {
	height:120px;
	width:380px;
	margin:0;
    padding:0;
    list-style-type:none;
}

#education #nav li, #understanding #nav li {
	float:left;
	width:185px;
    height:32px;
    margin:0;
    padding:0;
}

#education #nav a, #understanding #nav a {
	display:block;
	width: 161px;
    padding: 0 12px;
    height: 32px;
    text-decoration: none;
   color: #fff;
   font-size: 12px;
   line-height: 28px;
   float: left;
   background:url(../images/tab_grey.png) no-repeat center top;
}

#understanding #nav a.current {
	background:url(../images/tab_blue.png) no-repeat center top;
}

#education #nav, #understanding #nav a.current h4 {
  color: #fff;
}


#understanding #panes {
	width:980px;
	height:660px;
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
    left:0px;
}

/* crossfading effect needs absolute positioning from the elements */
#understanding #panes div {
	display:none;
	position:relative;
	top:0px;
	left:0px;
	font-size:14px;
	color:#444;
    width: 980px;
}

#understanding #panes div p{
 padding-left:30px;
 padding-right:30px;
 font-size:12px;
}

/********************************     Education Center     ********************************/
#education #choose_container {
  height: 387px;
  background: url(../images/bg_choose_container_grey.jpg) no-repeat left top;
}

#education #choose_container .column {
  float: left;
  width: 440px;
  margin-left: 40px;
  margin-top: 30px;
  color: #fff;
}

#education #choose_container .column h2 {
  text-align: center;
}

#education #choose_container .column .button_container {
  position: relative;
  margin-top: -20px;
  display: block;
  width: 410px;
  text-align: center;
  z-index:4;
  left: 40px;
}


/********************************    Login Form      ********************************/

.overlay {
	display:none;
	width:775px;
    height: 235px;
    position: relative;
    z-index: 1;
}

#login_form_inner {
    display:block;
    float: right;
	width:130px;
	padding:20px;
	background:#93bb37;
    font-size: 11px;
}


.overlay form {
  padding: 0;
  margin: 0;
}

.overlay table {
  width: 130px;
  color: #fff;
  margin: 0;
  padding: 0;
}

.overlay table td, .overlay table td.last {
  margin: 0;
  padding: 0;
  line-height: 14px;
  height: 16px !important;
}

.overlay table input {
  margin: 0;
}

.overlay a {
  color: #fff;
  text-decoration: none;
}

/* Calculators */

a.tip {
  width: 15px;
  height: 15px;
  display: inline;
  background: url(../images/bg_tip.png) left top no-repeat;
  line-height: 13px;
  font-size: 13px;
  text-decoration: none;
}

a:hover.tip {
  background: url(../images/bg_tip_hover.png) left top no-repeat;
}


.cal_column_heading {
  float: left;
  width: 230px;
  margin-left: 30px;
}

.cal_table td, .cal_table th {
  padding: 5px;
  vertical-align: top;
 }
.cal_table th {
  color: #245d80;
  font-size: 16px;
  text-align: center;
}

.cal_column_content .cal_table p {
  color: #245d80
}

.cal_table p.blue {
  color: #245d80
}

.scenario_table td {
  padding: 4px 5px;
}

select.amortizationPeriod {
  width: 125px;
}


td.padded {
  padding-top: 40px;
}


.cal_column_content {
  float: left;
  width: 165px;
  background: url(../images/vert_devider.png) 148px 0px no-repeat ;
}

input.btn_cal {
  width: 122px;
  height: 21px;
  text-align: center;
  color: #fff;
  border: none;
}

input.grey_button {
  background: url(../images/btn_cal.png) no-repeat left top;
}

input.blue_button {
  background: url(../images/btn_cal.png) no-repeat left bottom;
}

.btn_add_container {
  position: relative;
  display: block;
  width: 122px;
  left: 0px;
  top: 185px;
}


a.btn_add_scenario {
  float: left;
  display: block;
  width: 152px;
  height: 38px;
  line-height: 13px;
  padding: 3px 0 9px 42px;
  color: #666;
  text-decoration: none;
  font-size: 11px;
  background: url(../images/bg_add_scenario.png) no-repeat left top;
  outline: none;
}


table.affordability_table {
  background: url(../images/bg_affordability.jpg) no-repeat left top;
  width: 920px;
  margin: 0 30px;
  height: 423px;
}


table.affordability_table input {
  width: 165px;
}


table.affordability_table table th {
  font-weight: bold;
  color: #245d80;
  padding: 12px 0;
}

table.affordability_table table td.blue {
  color: #245d80;
}


table.affordability_table table td {
  padding: 10px 0;
}

table.affordability_table table.mort {
  margin-left: 50px;
}

table.affordability_table table.mort td {
  padding: 9px 0;
}

table.step2 {
  background: url(../images/bg_affordability_step2.jpg) no-repeat left top;
}

table.step2 td p {
  line-height: 20px;
  font-size: 11px;
}

table.step2 a.compare  {
  margin-left: 360px;
}

div#total_result{
  float: left;
  display: block;
  clear: both;
  width: 430px;
  height: 80px;
  background: url(../images/bg_results.png) no-repeat left top;
}

div#total_result span#cresult {
  float: left;
  display: block;
  clear: both;
  width: 430px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #245d80;
  margin: 20px 0px 2px 0px;
  letter-spacing: -1px;
}

div#total_result a.compare  {
  margin-left: 126px;
}

table#maxrate {
  margin-top: 10px;
  margin-bottom: 10px;
}

table#maxrate th {
  font-size: 14px;
  font-weight: normal;
}

table#maxrate th.cnumber {
  color: #a1c441;
  width: 200px;
}

table.result_right {
  width: 430px;
  font-size: 11px;
}

table.result_right ol.best_steps {
  width: 200px;
  margin: 0;
  padding: 0;
}

table.result_right ol.best_steps li {
  width: 200px;
  height: 34px;
}

table.result_right td table td {
  padding: 0px !important;
  height: 10px;
  vertical-align: top !important;
}

table.results_table td {
  padding: 9px;
  font-size: 15px;
}

table.results_table th {
  padding: 9px;
  color: #245d80;
  font-weight: bold;
  font-size: 14px;
}

table.results_table tr.smaller td {
  font-size: 11px;
}

table.results_table tr.greener td {
  color: #93bb37;
}
table.results_table_total td {
  padding: 9px;
  font-size: 15px;
}

table.results_table_total th {
  padding: 9px;
  color: #245d80;
  font-weight: bold;
  font-size: 14px;
}

table.results_table_total tr.smaller td {
  font-size: 11px;
}

table.results_table_total tr.greener td {
  color: #93bb37;
}

.grand_total {
  padding: 0px;
  margin: 0px;
}

.grand_total th {
  padding: 0px 4px !important;
  margin: 0px !important;
  height: 11px !important;
}


/* Footer */
#footer-links {
	line-height: 1.3;
	font-size: 14px;
	overflow: hidden;
	padding: 0 30px 15px;
	background-color: #f0f0f0;
	border-top: solid 1px #c0c0c0;
	padding-top: 10px;
}

#footer-links ul {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
	
}

#footer-links li.link-group {
	float: left;
	width: 25%;
}

#footer-links li.link-group a {
	color: #245d80;
	text-decoration: none;
}

#footer-links li.link-group a:hover {
	text-decoration:underline;
}

#footer-links li.link-group > a {
	color: #a1c441;
	font-size: 11pt;
	font-weight: bold;
}


#footer-links li.link-group ul {
	margin-top: 0.5em;
}

#footer {
  float: left;
  background: #245d80;
  width: 920px;
  padding: 10px 30px;
  font-size: 10px;
  color: #fff;
}

#footer a {
  color: #fff;
}

/* jQuery */
.tooltip {
	display:none;
	background: url(../images/bg_tooltip.png) no-repeat left top;
	height:195px;
	width:306px;
	font-size:11px;
	color:#fff;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 999 !important;
}

.close_overlay, .close_tooltip {
  position: absolute;
  right: 15px;
  top: 10px;
  float: right;
  background: url(../images/bg_close_tooltip.png) no-repeat left top;
  height: 24px;
  width: 23px;
  z-index: 999;
  cursor: pointer;
}

.close_overlay {
  background-image:url(../images/close.png);
	height:32px;
	width:35px;
}


.reminder {
   background: url(../images/bg_reminder.png) no-repeat left top;
   width:280px;
   height:235px;
   padding: 0px;
   top: 40px;
}


.tips {
   background: url(../images/bg_tooltip_tip.png) no-repeat left top;
   width:328px;
   height:170px;
   padding: 0px;
   font-weight: normal;
   margin-top: 5px;
}

.big_tooltip {
  background: url(../images/bg_tooltip_tip_big.png) no-repeat left top;
	height:205px;
	width:328px;
}

.tooltip_inner {
  display: block;
  margin: 30px;
  line-height: 18px;
  color: #fff;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}


.tooltip table {
  margin: 20px 0px 0px 20px;
  text-align: left;
  font-weight: normal;
  font-size: 12px;
}


.tooltip table th {
  height: 35px;
  font-size: 16px;
  font-weight: normal
}

.tooltip table th span {
  color: #afafaf;
}

.tooltip table td {
  height: 30px;
  color:#fff;
}

.tips table th {
  padding: 10px 4px;
  }
.tips table td {
  height: 20px;
  padding: 10px 4px;
  color:#fff;
  border-bottom: #a1c43e 1px solid;
}

.tooltip table td.label {
  width: 90px;
}

.tooltip_inner table {
  margin: 0px;
  text-align: left;
  font-weight: normal;
  font-size: 11px;
}

.tooltip_inner table th {
  height: auto;
  text-align: left;
  font-size: 11px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}


.tooltip_inner table td, .tooltip_inner table th {
  padding: 2px;
  line-height: 16px;
}

/* POPUPS */

/*#selector_container{
   position: absolute;
   z-index: 9998;
   top: 0;
   left: 0;
   background: #000;
  width: 100%;
  height: 100%;
}*/


#province_selector, .apple_overlay {
	background: url(../images/bg_popup.png) no-repeat;
	width:820px;
    height: 360px;
    font-size:11px;
    float: left;
}
/*
#ammort_table {
	background: url(../images/bg_ammort_table.png) no-repeat;
	width:820px;
    height: 580px;
    font-size:11px;
    float: left;
}
*/
#ammort_table {
    margin: 20px 40px 10px;
    float: left;
    width: 740px;
}

#ammort_table table {
  margin-top: 20px;
  margin-left: -10px;
}


#ammort_table table th {
    font-size:11px;
    padding: 2px 10px;
    font-weight: bold;
    height: 30px;
    vertical-align: top;
    color: #666;
}

#ammort_table table td {
    font-size:11px;
    padding: 2px 10px;
    padding-top: 3px;
}

#ammort_table table tr.total td {
    font-size:11px;
    padding: 2px 10px;
    font-weight: bold;
    height: 35px;
    vertical-align: bottom;
     color: #245d80;
}


.apple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:32px;
	width:35px;
}

#results, #province_selector div {
  margin: 40px;
  width: 740px;
  float: left;
}

#province_selector .close {
  color: #93bb37;
  text-decoration: none;
}

#province_selector p {
  line-height: 16px;

}

#province_selector img {
  float: right;
}


/* Errors */



.msg_error {border:1px solid #F30; background-color:#FDE8E8; font-size:12px; color:#8F0505; padding:7px; margin:7px 0 7px 0;}
.msg_success {border:1px solid #060; background-color:#DBFBD9; font-size:12px; color:#030; padding:7px; margin:7px 0 7px 0;}
.max-width-100p { max-width:100%;}
.max-width-650px { max-width:650px;}
.profile_margins { margin-left:-30px; max-width:900px;}
.star { color:#F00; }

.acc_links { text-align:left; width:95%;}
.acc_links h3 { color:#FFF; }

.full_text { width:900px; padding:30px;}


/********************************      FAQ Classes      ********************************/
.ss_category {  display:block;  font-family:Arial, Helvetica, sans-serif; font-size:17px; cursor:pointer; margin:5px 0px 5px 0px; padding:4px 4px 4px 15px; font-weight:normal; background:url(../images/faq_off.png) right no-repeat #E2E2E2;}
.ss_category_on {  color:#FFF; background:url(../images/faq_on.png) right no-repeat #275B9A; }
.ss_questions {}
.ss_questions a.faq_link {display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; color:#333;}
.ss_questions a.faq_link:hover {font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:underline; color:#06F;}
.ss_questions span { display:block; margin-left:20px; list-style-image:none; list-style:none; margin-right:20px; padding:5px 0px 5px 0px;}
.ss_questions a { display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; color:#333;}
.ss_questions a:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:underline; color:#06F;}
.ss_answer {  display:block;  background:#EEEEEE; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:130%; padding:7px 20px 7px 20px; margin:5px 0px 5px 0px;}
.ss_answer p { padding-bottom:20px;font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:130%;}
.ss_answer p strong { cursor:pointer;  font-size:15px;}

/** Thank You Page **/
#thankyou.popup #container {
	width: 560px;
}

#thankyou.popup #container_inner {
	width: 500px;
	margin:10px auto;
}

#thankyou h1 {
	display: inline;
}

#thankyou img.logo {
	vertical-align: baseline;
	margin-bottom:-1px;
	margin-right:40px;
}

#thankyou .copy {
	margin-top:30px;
	font-size: 14px;
	line-height:24px;
}

#thankyou .share {
	width: 370px;
	margin: 30px auto 0;
	text-align: justify;
}

#thankyou .share a {
	display: block;
	width: 330px;
	margin: 20px auto 0;
}

#thankyou .share a .FBConnectButton, #thankyou .share a .FBConnectButton_Text {
	background: none;
	margin: 0;
	padding: 0;
	border: none;
}

#thankyou .share a .fb_share_count {
	vertical-align: top;
}



/*** NEW STYLES ***/
#refinance-loans .specialist {
	margin: 17px 0;
}

#refinance-loans p {
	font-size: 14px;
	line-height: 24px;
}

#refinance-loans table {
	
}

#refinance-loans table.cmhc-ltv {
	font-size: 14px;
	border: solid 1px #c0c0c0;
	float: right;
	margin-left: 1em;
	background-color: #f0f0f0;	
}

#refinance-loans .bottom-module .border-top {
	width: 980px;
	height:13px;
	background: url(../images/bottom-module-border-top.png) no-repeat center top;
	float:none;
	clear: both;
}

#refinance-loans .bottom-module .border-top.flat {
	background-color: #e0e0e0;
}

#refinance-loans .bottom-module .inner {
	padding: 5px 30px 30px;
	background: url(../images/bottom-module-bg.png) repeat-x;
  	background-color: #f0f0f0;
}

#refinance-loans .bottom-module h2 {
	margin-bottom: 0.75em;
}

#refinance-loans .bottom-module p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 1em;
	margin-left: 0.5em;
}

#refinance-loans .bottom-module th {
	background-color: #e0e0e0;
	font-weight: bold;
}

#refinance-loans .bottom-module td, .bottom-module th {
	padding: 0.5em;
}

#refinance-loans .clarification {
	font-size: 10px;
	line-height:20px;
	color: #000000;
	padding: 0;
}

.main-copy {
	overflow:hidden;
	
	border: solid 1px #c0c0c0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	
	padding: 10px 20px 10px;
	background: #fff;
}

#main_content .right #best_rates {
	margin-left: 30px;
}

#refinance-loans #main_content {
	margin: 0;
	padding: 20px;
	width: auto;
	clear:both;
	float:none;
	overflow:hidden;
}

.drop-shadow {	
	-moz-box-shadow: 4px 4px 5px #c0c0c0; 
	-webkit-box-shadow: 4px 4px 5px #c0c0c0; 
	box-shadow: 4px 4px 5px #c0c0c0;
	margin-right: 4px;
	margin-bottom: 4px;
   
	/* For IE 8 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c0c0c0')"; 
	/* For IE 5.5 - 7 */ 
   	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c0c0c0');
}

table.rate-filter {
	width: 100%;
}

table.rate-filter td {
	vertical-align: middle;
}

#refinance-loans .bottom-module h1 {
	font-size: 24px;
	letter-spacing: normal;
	font-weight: bold;
	text-align:center;
	text-transform: uppercase;
	background: url(../images/blue-gradient.png);
	line-height: 63px;
	color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 20px 0 20px;
}

table.rate-filter #mortgageAmount {
	width: 133px;
	text-align: right;
	font-size: 24px;
	font-weight: bold;
	margin: 0 10px;
}

table.rate-filter #compare {
	width: 115px;
	height: 80px;
	margin-left: 30px;
	background: url(../images/compare-button-green.png);
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	border: 0;
	cursor: pointer;
}

table.rate-filter #compare:hover {
	background: url(../images/compare-button-green-hover.png);
}


table.rate-filter select {
	width:100px;
	font-size:14px;
}

table.rate-filter label {
	font-weight: bold;
}

table.rate-display {
	width: 100%;
	background-color: #fff;
	border: solid 1px #c0c0c0;
	line-height: 150%;
}

table.rate-display th, table.rate-display td {
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
}

table.rate-display td {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}

table.rate-display tr.alternate {
	background-color: #f0f0f0;
}

table.rate-display .rate-value {
	font-size:20pt;
	font-weight:bold;
	color: #000;
}

table.rate-display .details {
	display: block;
	width: 149px;
	height: 61px;
	margin: 0 auto -2px;
	background: url(../images/details-button-blue.png);
	vertical-align:middle;
	color:#fff;
	text-decoration: none;
}

table.rate-display .details:hover {
	background: url(../images/details-button-blue-hover.png);
}

table.rate-display .payment .amount {
	line-height:35px;
	font-size:24px;
	font-weight: bold;
}

table.rate-display .payment .get-details {
	text-transform: uppercase;
	font-size: 11px;
}