/* CSS Document */
html, body, {
max-width: 960px; /* Corresponds to 1024 with scrollbars */
min-width: 760px; /* Corresponds to 800 with scrollbars */
margin: 0 auto; /* Center the block */
width: 100%;
position: relative; /* IE6 bug fix - makes position's relative when window re-sized*/
background: #fff;
font-size: 80%;
font-family: verdana, times, "times new roman", serif, arial, "Century new gothic", verdana;
color: #000;
text-align: left;
img: border: none; }
/*FONT STYLING*/
p {font-size: 12px; line-height: 16px; margin: 10px 0 5px 0 ; padding: 0; font-family: verdana, times, "times new roman", serif, arial, "Century new gothic",; }
p.margintop5 {margin: 5px 0; padding: 0;}
p.small_font{font-size:10px; margin: 25px 0 0 0; padding: 0;}
p.no_space{font-size:12px; line-height: 12px; margin: 3px 0 0 0; padding: 0;}
p.small{font-size:10px; line-height: 11px; margin: 2px 0 3px 0; padding: 0;}
p.10_table {font-size: 10px; margin: 0; padding:0;}
p.right {text-align: right;}
p.bold {font-weight: bold;}
p.italic {font-style: italic;}
p.margintop5 {margin: 5px 0; padding: 0;}
p.red_italic {font-size: 10px; color: red; font-style: italic;}
p.red_italic_right {font-size: 10px; margin: 0 0 0 75px; padding: 0; color: red; font-style: italic;}
img.logo {margin: 5px 0 0 0; padding:0;}
img {border: 0;}
#toggle1 {display: none;}
li {font-size: 12px; line-height: 16px; margin: 10px 0 5px 5px ; padding: 0; font-family: verdana, times, "times new roman", serif, arial, "Century new gothic", ;}
li.spacer {font-size: 12px; line-height: 16px; margin: 25px 50px; text-align: center; padding: 15px 0; font-family: verdana, times, "times new roman", serif, arial, "Century new gothic", ; display:inline;}
img.landing_pg {float: right; margin: 10px 0 10px 15px; padding: 0;}
h1 {font-size: 16px; margin: 0; padding: 0;line-height: 16px;font-weight: bold;}
h2 {font-size: 14px; margin: 15px 0 5px 0 ; padding: 0;line-height: 16px;font-weight: bold;}
h3 {font-size: 12px; margin:10px 0 5px 0 ; padding: 0;font-weight: bold;}
#header h1 {text-align: right; margin: 30px 35px 0 0; padding: 0; color: #666; font-size: 18px; }
#breadcrumbs p {font-size: 10px; margin: 3px 0 0 0; padding:0;}
#glossary h2 {font-size: 12px; margin: 0; padding: 0; }
#glossary h3 {font-size: 16px; margin: 10px 0; padding: 0; font-weight: bold; color: #0099FF;}
#glossary p {margin: 0 0 15px 0 ; padding: 0; }
#glossary_lenders p {font-size: 10px; margin: 0; padding: 0; }
#connect-me-now p {font-size: 12px; color: #666; margin: 225px 0 0 10px ; padding: 0; }
#connect-me-now-help p {font-size: 10px; margin: 0; padding: 0 0 2px 0; line-height: 10px;}
#partners p {margin: 35px 10px 0; padding:0 0 10px 0 ;}
#rate_search_summary p {font-size:10px;}
#button_compare_mortgage_step2 p {font-size:12px;}
/*LINK STYLING*/
a.button {text-decoration: none; font-weight: bold; color: #000;}
a.button:hover {text-decoration: underline; color: #000; }
a.link {text-decoration: underline; font-weight: bold; color: #000;}
a.link:hover {color: #0099ff; }
a.details {text-decoration: underline; color: #000;}
a.details:hover {color: #0099ff; }
img.flag {float: left; border: none; margin: 15px 10px 5px 0; paddding: 0;}
/*HEADER*/
#container{width:990px; min-height: 500px; height: auto; margin: 0; padding: 0 0 0 5px;}
#header {float:left; width: 980px; height: 61px;margin: 0; padding: 0 0 0 5px ; }
#header img {float:left; margin: 0; padding: 0 0 0 20px; border:none; }
#header img.call_center {float:right; margin:0; padding:0;}
#header p.call_center {float: right; text-align: right; line-height:20px; margin:7px 5px 0 0; padding:0; font-size: 10px; font-weight: bold;}
#header p.call_center_tollfree {float: right; clear: right; text-align: right; font-size: 18px; font-weight: bold; color: #666; margin: 0; padding: 0;}
/*NAVIGATION*/
#navigation { float:left; width: 730px; height: 40px; margin:5px 0 0 0 ; padding:0 ; line-height:normal;}
#navigation ul { margin: 0; /*change to indent tabs*/ padding: 0 10px 0 0; list-style:none; }
#navigation li {float:left; background:url("/modules/common/images/tab_downr.jpg") no-repeat right top; margin:0 1px 0 0; padding:0;}
#navigation li.app {float:left; background:url("/modules/common/images/tab_downr_app.jpg") no-repeat right top; margin:0 1px 0 0; padding:0;}
#navigation a { text-decoration:none; color:#fff; font-size: 12px;font-weight: normal; /*change tab fonts*/
display:block; background:url("/modules/common/images/tab_downl.jpg") no-repeat left top; margin:0;
padding: 5px 15px 5px 10px; /*change this padding to enlarge tabs*/ }
#navigation a:hover {color: #0099ff;text-decoration: underline; }
#navigation #current { height: 40px;background-image:url("/modules/common/images/tab_upr.jpg"); }
#navigation #current a {height: 40px;color: #000; background-image:url("/modules/common/images/tab_upl.jpg"); padding-bottom: 1px; text-decoration: underline;font-weight: bold;}
#navigation #current a:hover {color: #fff;}
#nav_search { float:left; width:240px; margin: 5px 0 0 5px; padding: 0; height: 25px; }
#nav_search a {color: #000; margin: 0 5px; padding:0; font-weight: bold; font-size: 10px;}
#nav_search form.search {margin: 5px 0 0 0; padding: 0; width: 225px; }
#nav_search input.search {float: left; margin: 2px 3px 0 0; padding: 2px 5px 0 0; width: 150px; height: 14px; font-size: 10px;background: #F1F1F1; border: 1px solid #0099FF;}
#nav_search submit {float: left; margin: 5px 0 0 0; padding: 0 5px 0 0; width: 20px; }
/*SUB NAV*/
#sub_nav {float: left; width: 975px; min-height: 20px; height: auto; margin: 0; padding:0; background: #0099ff; clear: both; }
#sub_nav ul { margin: 0; padding: 0; list-style:none; }
#sub_nav li {float: left; min-width: 10px; width: auto; height: 10px; margin: 5px 8px 0 5px; padding:0 3px 5px 0;}
#sub_nav a { border-right: 1px solid #000; text-decoration:none; display:block; margin:0; padding: 0 8px 0 0; /*change this padding to enlarge tabs*/ font-size: 10px; line-height: 10px; }
#sub_nav a:hover {color: #fff;text-decoration: underline; font-weight: normal;}
#sub_nav #current {font-weight: bold; font-size:10px;margin: 0; padding:0; }
#sub_nav #current a {margin: 5px 8px 5px 5px; padding:0 5px 0 0;color: #FFF;text-decoration: underline;}
#sub_nav #current a:hover {color: #fff;}
/*BREADCRUMBS*/
#breadcrumbs {float: left; width: 940px; height: 20px; margin: 3px 5px 10px 5px; padding:0; line-height: 10px;}
#breadcrumbs img {float: left; margin: 0; padding: 0 5px; border: none;}
/*CONTENT*/
/*INDEX*/
/*INDEX*/
#index_wrap_left {float: left; width: 575px; min-height: 850px; height: auto; margin: 0 0 0 10px; padding: 0;}
#index_intro{float: left; width: 550px; height: 300px; margin: 30px 10px 10px 10px; padding: 5px;}
#index_calculator{float: left; width: 171px; height: 250px; margin: 10px 0 10px 5px; padding: 5px 5px 5px 7px; background:url("http://www.ratesupermarket.ca/modules/common/images/bkgd_index_calc.jpg") no-repeat}
#index_calculator h2 {padding: 20px 5px 15px 60px; margin: 0; }
#index_calculator li {padding: 0; margin: 0 0 0 5px; }
#index_guide{float: left; width: 171px; height: 250px; margin: 10px 0 10px 5px; padding: 5px 5px 5px 7px; background:url("http://www.ratesupermarket.ca/modules/common/images/bkgd_index_guide.jpg") no-repeat; }
#index_guide h2 {padding: 20px 5px 15px 60px; margin: 0; }
#index_press{float: left; width: 171px; height: 250px; margin: 10px 0 10px 5px; padding: 5px 5px 5px 7px; background:url("http://www.ratesupermarket.ca/modules/common/images/bkgd_index_press.jpg") no-repeat; }
#index_press h2 {padding: 20px 5px 15px 60px; margin: 0; }
#index_press img {margin: 5px; padding: 0; }
#index_articles{float: left; width: 171px; height: 250px; margin: 10px 0 10px 5px; padding: 5px 5px 5px 7px; background:url("http://www.ratesupermarket.ca/modules/common/images/bkgd_index_articles.jpg") no-repeat; }
#index_articles h2 {padding: 20px 5px 15px 60px; margin: 0; }
#index_articles a.details {text-decoration: underline; color: #000; font-size:11px; line-height: 12px; margin: 2px 3px; padding: 0;}
#index_articles a.details:hover {color: #0099ff; }
#index_blog{float: left; width: 171px; height: 250px; margin: 10px 0 10px 5px; padding: 5px 5px 5px 7px; background:url("http://www.ratesupermarket.ca/modules/common/images/bkgd_index_blog.jpg") no-repeat; }
#index_blog h2 {padding: 20px 5px 15px 60px; margin: 0; }
#index_blog a.details {text-decoration: underline; color: #000; font-size:11px; line-height: 12px; margin: 2px 3px; padding: 0;}
#index_blog a.details:hover {color: #0099ff; }
#index_newsletter{float: left; width: 171px; height: 250px; margin: 10px 0 10px 5px; padding: 5px 5px 5px 7px; background:url("http://www.ratesupermarket.ca/modules/common/images/bkgd_index_news.jpg") no-repeat; }
#index_newsletter h2 {padding: 20px 5px 15px 60px; margin: 0; }
/*#index_wrap_right{float: left; width: 380px; min-height: 700px; height: auto; margin: 0; padding: 0}
#best_rates{float: left; width: 335px; height: 350px; margin: 20px 10px 10px 25px; padding: 5px;}
#best_rates_menu {float: left; width: 335px; height: 140px; margin: 10px 10px 10px 25px;padding: 15px 10px 10px 10px; background:url("http://www.ratesupermarket.ca/modules/common/images/bkgd_index_bestmenu.jpg") no-repeat; }*/
#index_wrap_right {float: left; width: 350px; min-height: 550px; height: auto; margin: 5px 10px 10px 25px; padding: 0; }
#best_rates{float: left; width: 320px; height: 300px; margin: 0 10px 30px 10px; padding: 5px; }
#best_rates h1 {font-size: 10px;}
#best_rates_menu {float: left; width: 330px; height: 185px; margin: 40px 10px 10px 5px;padding: 0 0 0 20px; background:url("http://www.ratesupermarket.ca/modules/common/images/bkgd_index_bestmenu_test.jpg") no-repeat; }
#best_rates_menu h2 {padding: 20px 5px 0 52px; margin: 0; }
#compare_mortgage{float:left; width: 475px; height: 140px; margin: 10px 0 20px 10px; padding:0 75px 0 0 ; background: url("http://www.ratesupermarket.ca/modules/common/images/bkgd_compare_index_noclip.jpg") no-repeat; }
#compare_mortgage img {float:left; width: 60px; height: 40px; margin: 10px 15px 5px 20px; padding:0 ;}
/*#button_compare_mortgage_index{float:right; width: 185px; height: 40px; margin: 8px 15px 0 0 ; padding:0 5px 5px 0; background:url("/modules/common/images/button_compare_index.jpg") no-repeat; }*/
#button_compare_mortgage_index {float: right; background:url(http://www.ratesupermarket.ca/modules/common/images/index/button_compare_index_testv2.jpg) no-repeat; width: 110px; height: 35px; margin: 8px 45px 0 0;}
#button_compare_mortgage_index h1.go {text-align:center; margin:0; padding: 7px 5px 5px 5px; font-size: 15px;}
#button_search_index{float:right; width: 150px; height: 40px; margin: 8px 15px 0 0 ; padding:0 5px 5px 0; background:url("/modules/common/images/button_search.jpg") no-repeat; }
#lenders{float:left; width: 181px; min-height: 25px; height: auto; margin: 0 3px 0 0; padding:0; }
/*INDEX - Fonts*/
#main_body h1 {margin: 10px 0 10px ; padding: 0;font-size: 18px;}
#main_body p {margin: 10px 0; padding: 0 350px 0 0; color:#000;}
#nav_search p {font-size: 12px; margin: 0 0 0 10px; padding: 0;}
#compare_mortgage h1{font-size: 18px; margin: 10px 0 20px 35px; padding: 0;font-size: 24px; color: #fff;}
#compare_mortgage p {margin: 25px 5px 5px 100px; padding: 0 0 0 5px; }
#button_compare_mortgage_index p {color:#000; margin: 0; padding: 11px 0 0 0;font-weight: bold; text-align: center; line-height: 10px;}
#beta h2 {margin: 0; padding: 0 3px 0 60px;}
#lenders p {font-size: 10px; margin: 0; padding:0; line-height: 12px;}
#disclaimer p {margin: 5px;}
#newsletter_button p {margin:0; padding:5px 0 0 12px; color:#000; font-weight: bold;}
#footer_rights p {font-size:10px; margin: 0 0 0 5px;padding:0;}
#favourites p {font-size:10px; margin: 0 0 0 25px;padding:0;}
/* POLLS */
#poll {float:left; width:335px; height: 300px;margin: 10px 0 10px 5px; padding: 5px;
background: url("/modules/common/images/bkgd_index_poll.jpg") no-repeat;}
#poll h2 {padding: 20px 5px 25px 60px; margin: 0; }
#poll p.bold {margin: 0; padding: 10px 0;}
#poll p {margin:0;padding:0 0 0 5px;}
#poll p.error { font-weight: bold; color: #000; }
#poll p.results {color: #000; margin: 10px 0 5px 0 ; padding:0; }
#poll form { width: 90%; margin: 0px auto; }
#poll fieldset {width: 250px; height: 125px; margin: 0px 10px; padding:0; border:none;}
#poll input { float: left; clear: left; width: 20px; margin: 0; padding: 0; }
#poll label { display: block; margin: 0 0 8px 0 ; padding: 2px 0 0 5px; width: 225px;}
#poll input#pollsubmit { float: none; display: block; margin: 0; padding: 0; width: auto;}
table#pollresults {margin: 0 ; padding: 0; border: none; border-top: 1px solid #0099FF;
width: 85%; }
table#pollresults td { height: 15px; margin: 10px 0; padding: 0; vertical-align: middle;
border: none; border-bottom: 1px solid #0099FF; }
/*MORTGAGE CALCULATOR*/
#mortgage_calculator {float:left; width: 415px; min-height: 375px; height: auto;margin: 10px 0 50px 10px ; padding:15px 5px 0 65px;background: url("images/bkgd_calculator.jpg") no-repeat;}
#mortgage_calculator_results {float:left; width: 350px; min-height: 275px; height: auto;margin: 10px 10px 0 60px ; padding:10px 10px 0 20px; }
#mortgage_calculator_disclaimer {width: 940px; min-height: 10px; height: auto;margin: 140px 0 0 15px ; padding:10px; background: url("/modules/common/images/bkgd.jpg") repeat-x; border: 1px solid #999;clear: both; }
#mortgage_calculator_disclaimer_results{width: 940px; min-height: 10px; height: auto; margin: 250px 0 0 15px ; padding:10px; background: url("/modules/common/images/bkgd.jpg") repeat-x; border: 1px solid #999;clear: both; }
#calculator_compare {float:right; width: 320px; min-height: 125px; height: auto; margin: 15px 65px 5px 5px; padding:5px 10px 10px 10px;background: url("images/bkgd_compare_rates.jpg") no-repeat; }
#top5_calculator{float:right; width: 400px; min-height: 300px; height: auto;margin: 10px 10px 10px 20px; padding: 10px; border: 1px solid #999; background: url("/modules/common/images/bkgd.jpg") repeat-x; }
#breadcrumbs_calculator {float: left; width: 400px; height: 20px; margin: 5px; padding:0; line-height: 10px;}
#breadcrumbs_calculator p {font-size: 10px; margin: 3px 0 0 0; padding:0;}
#breadcrumbs_calculator img {float: left; margin: 0; padding: 0 5px; border: none;}
#calculator_intro {float:left; width: 600px; min-height: 10px; height: auto; margin: 0 0 0 5px ; padding:0;}
#calculator_compare_thin {float:left; width: 340px; min-height: 30px; height: auto; margin: 10px 0 0 0; padding:5px;background: url("/modules/common/images/bkgd_compare_rates_thin.jpg") no-repeat; }
#calculator_compare_thin h2 {font-size: 16px; margin: 0 0 0 5px; padding: 0; color: #fff;}
#calculator_compare_thin a {font-size: 14px; color: #000; text-decoration: underline; margin: 0 0 0 15px;}
#calculator_compare_thin a:hover {color: #0099ff;}
/*MORTGAGE CALCULATOR RESULTS*/
#calculator_compareresults_thin {float:right; width: 340px; min-height: 30px; height: auto; margin: 10px 70px 0 0 ; padding:5px;background: url("/modules/common/images/bkgd_compare_rates_thin.jpg") no-repeat; }
#calculator_compareresults_thin h2 {font-size: 16px; margin: 0 0 0 5px; padding: 0; color: #fff;}
#calculator_compareresults_thin a {font-size: 14px; color: #000; text-decoration: underline; margin: 0 0 0 18px;}
#calculator_compareresults_thin a:hover {color: #0099ff;}
/*MORTGAGE CALCULATOR - Fonts*/
#mortgage_calculator p.small_print {font-size: 10px; margin: 90px 5px 0 5px ; padding: 5px 0 0 0;}
#calculator_compare p {margin: 25px 5px 0 5px ; padding: 5px 0 0 0;}
#calculator_compare h2 {font-size: 16px; margin: 0 0 0 5px; padding: 0; color: #fff;}
#calculator_compare p.right {margin: 0; padding: 18px 44px 50px 0;}
/*COMPARE-MORTGAGE-RATES*/
#compare_mortgage_rates{float:left; width: 475px; min-height: 385px; height: auto;margin: 10px 0 0 10px; padding:5px 5px 5px 10px; background: url("images/bkgd_compare_mortgage_rates.jpg") no-repeat;}
#button_compare_mortgage{float:right; width: 210px; height: 40px; margin: 8px 15px 0 0 ; padding:0 5px 5px 0; background:url("http://www.ratesupermarket.ca/modules/common/images/button_calculate_pmts.jpg") no-repeat; }
#rates_updated{float:left; width: 380px; height: 120px; margin: 0 0 10px 0; padding:0;background: url("http://www.ratesupermarket.ca/modules/common/images/francais/bkgd_rates_updated_fr.jpg") no-repeat; }
#how_works{float:left; width: 380px; height: 225px; margin: 0 ; padding: 10px; background: url("http://www.ratesupermarket.ca/modules/common/images/francais/bkgd_works_fr.jpg") no-repeat; text-align: left; line-height: 40px; }
#compare_mortgage_rates_postalcode {float:left; width: 520px; min-height: 375px; height: auto; margin: 10px 0 0 10px; padding:5px 10px 5px 7px; background: url("http://www.ratesupermarket.ca/modules/common/images/bkgd_compare_mortgage_rates_postalcodeFF.jpg") no-repeat; }
#compare_mortgage_rates_postalcode h1 {margin: 15px 0 10px 75px; padding: 0; }
#compare_mortgage_rates_postalcode p.righttext {font-size: 11px; margin: 0px 0 0px 75px; padding: 0; }
#breadcrumbs_compare {float: left; width: 375px; height: 20px; margin: 5px 5px 15px 5px; padding:0; line-height: 10px;}
#breadcrumbs_compare img {float: left; margin: 0; padding: 0 5px; border: none;}
#breadcrumbs_compare p {font-size: 10px; margin: 3px 0 0 0; padding:0;}
#compare_broker_buttons {float: right; height: 60px; width: 375px; margin: 5px 45px 0 0; padding:0;}
#compare_broker_buttons a {text-decoration: none;}
#compare_broker_buttons img {float: left; margin: 0; padding: 0 5px; border: none;}
#compare_intro {float:left; width: 490px; min-height: 10px; height: auto; margin: 15px 10px 0 10px; padding:0;}
/*COMPARE-MORTGAGE-RATES - Fonts*/
#compare_mortgage_rates h1 {margin: 15px 0 10px 75px; padding: 0; }
#compare_mortgage_rates p.righttext {font-size: 11px; margin: 0px 0 0px 75px; padding: 0; }
#rates_updated h2 {margin: 10px 0 0 20px; padding:0 0 5px 15px;}
#rates_updated p {margin: 5px 0 5px 5px; padding:0 0 7px 35px ;}
#how_works p {margin: 20px 0 0 5px; padding:0;}
#button_compare_mortgage p {color:#000; margin: 3px 0 0 0; padding: 8px 0 0 0;font-weight: bold; text-align: center; line-height: 10px;}
#compare_mortgage_rates p.red_italic_right {font-size: 10px; margin: 0 0 10px 75px; padding: 0; color: red; font-style: italic;}
/*MORTGAGE GUIDE CONTENT*/
#guide_index{float:left; width: 200px; min-height: 50px; height: auto; margin: 40px 10px 10px 0; padding:10px; border: 1px solid #999; background: url("/modules/common/images/bkgd.jpg") repeat-x; }
#guide_content{float:left; width: 650px; min-height: 50px; height: auto; margin: 0 10px 10px 0; padding:10px; }
#guide_compare{float:right; width: 320px; min-height: 125px; height: auto; margin: 10px 5px 5px 5px; padding:5px 10px 10px 10px;background: url("/modules/common/images/bkgd_compare_rates.jpg") no-repeat; }
#guide_intro {float:left; width: 600px; min-height: 50px; height: auto; margin: 0 0 0 5px; padding:0; }
#breadcrumbs_guide {float: left; width: 600px; height: 20px; margin: 5px 5px 25px 5px; padding:0; line-height: 10px;}
#breadcrumbs_guide img {float: left; margin: 0; padding: 0 5px; border: none;}
/*MORTGAGE GUIDE CONTENT- fonts*/
#breadcrumbs_guide p {font-size: 10px; margin: 3px 0 0 0; padding:0;}
#guide_content h1 {margin: 10px 0 0 0 ; padding: 0;}
#guide_content h2 {margin: 10px 0 0 0; padding: 0; color: #0099ff;}
#guide_content p {margin: 0 0 10px 0 ; padding: 0;}
#guide_content li {margin: 0 ; padding: 0;}
#guide_index h2 {margin: 10px 0 0 0; padding: 0; color: #0099ff;}
#guide_compare p {margin: 10px 5px 0 5px ; padding: 5px 0 0 0;}
#guide_compare p.right {margin: 0; padding: 15px 42px 15px 0;}
#guide_compare h2 {font-size: 16px; margin: 0 0 0 5px; padding: 0; color: #fff;}
/*BEST MORTGAGE RATES CONTENT*/
#province_ov {float:left; width: 480px; min-height: 50px; height: auto; margin: 10px; padding:0; }
#top5_province{float:right; width: 400px; min-height: 300px; height: auto;margin: 10px 10px 10px 20px; padding: 10px; border: 1px solid #999; background: url("images/bkgd.jpg") repeat-x; }}
/*BEST MORTGAGE RATES CONTENT - font*/
#province_ov p.small_font {font-size:10px; margin: 0; padding: 0;}
/*FIND BROKER*/
#find_broker{float:left; width: 360px; height: 100px; margin: 5px 0 10px 20px; padding:15px 15px 15px 70px;background: url("/modules/common/images/bkgd_find_broker.jpg") no-repeat; }
#directory_list {float:left; width: 575px; min-height: 175px; height: auto; margin: 10px 0 0 0; padding:10px; }
#directory{float:right; width: 275px; height: 220px; margin: 10px; padding:0; background: url("images/directory.jpg") no-repeat;}
#searchbroker_wrap{float:left; width: 835px; height: 225px; margin: 10px 10px 10px 15px; padding:5px; background: url("http://www.ratesupermarket.ca/modules/common/images/bkgd_searchbroker.jpg") no-repeat; }
#searchbroker_wrap p.right_align { margin: 20px 0 5px 115px ; padding:0px; }
#searchbroker_wrap h2 {font-size: 16px; margin: 20px 0 5px 115px ; padding: 0;line-height: 16px;font-weight: bold;}
#searchbroker_postalcode{float:left; width: 250px; height: 100px; margin: 40px 5px 5px 45px; padding:0;}
#searchbroker_postalcode p.right_align_nospace { margin: 0 ; padding:0px; text-align:right }
#searchbroker{float:left; width: 400px; height: 100px; margin: 40px 5px 5px 5px; padding:0; }
#searchbroker_break{float:left; width: 90px; height: 100px; margin: 30px 0 0 ; padding:0;}
#searchbroker_break h1{margin: 50px 0 0 0; padding:0; text-align: center;}
#map { float: left; width: 700px; height: 600px; margin: 10px 10px 25px 15px; padding: 5px; border: 1px solid #ccc; }
table.find_lender_title {float: left; width: 660px; border-width: 1px; border-style: solid; border-color: #CCC; border-collapse: collapse; margin: 25px 0 0 80px; padding:5px; font-size: 12px; font-weight: bold; text-align: center;}
table.find_lender_title th {border-width: 1px; padding: 5px; border-style: solid; border-color: #CCC; }
table.find_lender_title td {height:30px; border-width: 0; padding: 5px; border-style: solid; border-color: #CCC; background: url("/modules/common/images/bkgd.jpg") repeat-x; }
table.find_lender {float: left; width: 660px; border-width: 1px; border-style: solid; border-color: #CCC; border-collapse: collapse; margin: 0 10px 10px 80px; padding:5px; font-size: 12px; }
table.find_lender a {text-decoration: underline; color: #000;}
table.find_lender a:hover {text-decoration: underline; color: #0099FF;}
table.find_lender th {border-width: 1px; padding: 5px; border-style: solid; border-color: #CCC; }
table.find_lender td {height:30px; border-width: 1px; padding: 5px; border-style: solid; border-color: #CCC; background: url("/modules/common/images/bkgd.jpg") repeat-x; }
/*FIND BROKER- fonts*/
#directory_list h1 {margin:0; padding:0;}
/*PRESS*/
#press_logo {float:left; width: 230px; min-height: 75px; height: auto; margin: 0; padding:20px 0 20px 20px; }
#press_logo p {text-align: center;}
#press_description {float:left; width: 420px; min-height: 75px; height: auto; margin: 0; padding:15px 15px 15px 25px; }
#press_date {float:left; width: 140px; min-height: 75px; height: auto; margin: 0; padding:40px 20px 0 20px;}
#press_intro {float:left; width: 475px; min-height: 175px; height: auto; margin: 15px 0 0 0; padding: 0; }
#pr_logos {float:right; width: 400px; min-height: 75px; height: auto; margin: 0; padding: 10px; border: 1px dashed #ccc; }
#pr_logos img {float: left; margin: 5px; padding: 0; }
/*HELP*/
#help{float:left; width: 450px; min-height: 25px; height: auto; margin: 50px 0 0 50px ; padding:0; }
#help_list{float:left; width: 875px; min-height: 25px; height: auto; margin:10px ; padding:0; }
#help_list_item {float:left; width: 875px; min-height: 10px; height: auto; margin: 25px 10px 10px 0 ; padding:0; border-top: 1px dashed #999;border-bottom: 1px dashed #999;clear: both;}
#faq{float:right; width: 320px; min-height: 125px; height: auto; margin: 0 25px 15px 10px; padding:0;background: url("images/bkgd_faq.jpg") no-repeat; }
#terms{float:right; width: 320px; min-height: 125px; height: auto; margin: 0 25px 5px 5px; padding:0;background: url("images/bkgd_terms.jpg") no-repeat; }
#how_works_help{float:left; width: 550px; height: 350px; margin: 0 10px 10px 15px; padding: 0; background: url("images/bkgd_works_help.jpg") no-repeat; }
#help_compare{float:right; width: 320px; min-height: 125px; height: auto; margin: 0 5px 0 5px; padding:5px 10px 10px 10px;background: url("images/bkgd_compare_rates.jpg") no-repeat; }
/*HELP - fonts*/
#help_compare p {margin: 7px 5px 0 5px ; padding: 5px 0 0 0;}
#help_compare p.right {margin: 0; padding: 0 42px 15px 0;}
#help_compare h2 {font-size: 16px; margin: 0 0 0 5px; padding: 0; color: #fff;}
#how_works_help p {margin: 0; padding:25px 0 25px 75px; }
#help_list_item h1 {font-size:14px; margin: 5px 0 ;padding:0; color: #0099FF; font-weight: bold;}
#faq h2 {margin: 10px 15px 0 65px; padding: 5px 0 0 0;}
#faq p {margin: 0 15px 5px 65px; padding: 5px 0 0 0;}
#terms h2 {margin: 10px 15px 0 65px; padding: 5px 0 0 0;}
#terms p {margin: 0 15px 5px 65px; padding: 5px 0 0 0;}
/*SEARCH*/
#search {float:left; width: 920px; min-height: 150px; height: auto; margin: 10px; padding:10px; }
#search_results {float:left; width: 920px; min-height: 150px; height: auto; margin: 10px; padding:10px; }
#get_rate{float:left; width: 450px; height: 300px; margin: 10px ; padding:10px;}
#button_continue{float:left; width: 100px; height: 30px; margin: 0 ; padding:0; }
#button_continue img{border:none; width: 90px; height: 25px;}
#partner_logos {float: left;width: 120px; min-height: 600px; height: auto;margin: 0 35px 0 0; padding: 0; }
#partner_logos img {margin: 10px 25px 10px 15px; padding: 0; }
#partners{float: left;width: 250px; min-height: 600px; height: auto;margin: 0; padding: 0; }
#partners_intro {float:left; width: 550px; min-height: 75px; height: auto; margin: 15px 10px 0 10px; padding:0; }
#partners_table {float: left;width: 600px; min-height: 400px; height: auto;margin: 0 10px 10px 20px; padding: 0; clear: both;}
/*COMPARISON RESULTS*/
#breadcrumb_comparison_results {float: left; width: 600px; height: 20px; margin: 5px 5px 10px 5px; padding:0; line-height: 10px;}
#breadcrumb_comparison_results img {float: left; margin: 0; padding: 0 5px; border: none;}
#breadcrumb_comparison_results p {font-size: 10px; margin: 3px 0 0 0; padding:0;}
/*06.09.08 #comparison_results {float:left; width: 935px; min-height: 15px; height: auto; margin: 5px 0 5px 15px; padding:0 5px 5px 0; border: 1px solid #999; /*background: url("/modules/common/images/bkgd.jpg") repeat-x; clear: both;}
#comparison_results h2 {font-size: 10px; font-weight: bold; margin: 5px; padding:0;}
#comparison_results p {font-size: 10px; margin: 5px; padding:0;}
#compareresults_broker_buttons {float:left; width: 930px; min-height: 15px; height: auto; margin: 5px 0 0 15px; padding:5px;border: 1px solid #CCC; clear: both;}
#compareresults_broker_buttons a {text-decoration: none;}
#compareresults_broker_buttons img {float: left; margin: 0 10px 0 30px; padding: 0 5px; border: none;}*/
/*11.14.08 #comparison_results {float:left; width: 625px; min-height: 15px; height: auto; margin: 5px 0 5px 15px; padding:0 5px 5px 0; border: 1px solid #999; }
#comparison_results h2 {font-size: 12px; font-weight: bold; margin: 5px; padding:0;}
#comparison_results p {font-size: 10px; margin: 3px 5px; padding:0; line-height: 13px;}
#compareresults_broker_buttons {float:left;width: 290px; height: 135px; margin: 0 10px 0 10px; padding:0;}
#compareresults_broker_buttons p.small {font-size: 10px; margin: 0 0 0 3px ; padding:0 ;}
#compareresults_broker_buttons a {text-decoration: none;}
#compareresults_broker_buttons img {float: left; margin: 5px 0 5px 0; padding: 0; border: none;}*/
#comparison_results {float:left; width: 625px; min-height: 15px; height: auto; margin: 15px 10px 0 15px; padding:0 5px 5px 0; border: 1px solid #999; }
#comparison_results h2 {font-size: 12px; font-weight: bold; margin: 5px; padding:0;}
#comparison_results p {font-size: 10px; margin: 3px 5px; padding:0; line-height: 13px;}
#compareresults_banners {float:left; width: 930px; min-height: 15px; height: auto; margin: 5px 0 0 15px; padding:5px;border: 1px solid #CCC; clear: both;}
#compareresults_banners a {text-decoration: none;}
#compareresults_banners img.banner {float: left; margin: 10px 25px 0 150px; padding:0 ;border: none;}
#compareresults_broker_buttons_test {float:left;width: 288px; height: 136px; margin: 15px 10px 0 0; padding:5px; border: 1px solid #0099ff; background: url("/modules/common/images/bkgd.jpg") repeat-x;}
#compareresults_broker_buttons_test p.small {font-size: 10px; margin: 0 0 0 3px ; padding:0 ;}
#compareresults_broker_buttons_test a {text-decoration: none;}
#compareresults_broker_buttons_test img {float: left; margin: 15px 15px 0 15px; padding: 0; border: none;}
#compareresults_broker_buttons_test h2 {margin:0; padding:0; font-size: 14px; text-align: center; font-weight: bold;}
#compareresults_broker_buttons_test h3 {font-size: 14px; font-weight: bold; text-align: center; padding:0; margin: 20px 0 0 0;}
#compareresults_broker_buttons_test h4 {font-size: 20px; font-weight: bold; text-align: center; padding:0; margin: 5px 0 25px 0;}
/*ABOUT US */
#aboutus_compare{float:right; width: 320px; min-height: 125px; height: auto; margin: 10px 5px 5px 5px; padding:5px 10px 10px 10px;background: url("/modules/common/images/bkgd_compare_rates.jpg") no-repeat; }
#aboutus_compare p {margin: 28px 5px 0 5px ; padding: 5px 0 0 0;}
#aboutus_compare p.right {margin: 0; padding: 15px 42px 15px 0;}
#aboutus_compare h2 {font-size: 16px; margin: 0 0 0 5px; padding: 0; color: #fff;}
/*GLOSSARY*/
#glossary_title{float:left; width: 550px; min-height: 50px; height: auto; margin: 0 10px 0 10px; padding:0; }
#glossary{float:left; width: 700px; min-height: 50px; height: auto; margin: 0 10px 10px 0; padding:10px;}
#glossary_lenders {float:left; width: 900px; min-height: 50px; height: auto; margin: 10px 0 10px; padding:0; clear:both;}
#backtotop {float:left; width: 920px; min-height: 5px; height: auto; margin: 0 0 10px 0; padding:0; border-bottom: 1px dashed #666;}
/*CLICK TO CALL*/
#click_call{float:left; width: 350px; height: 200px; margin: 10px ; padding:10px; background: url("images/bkgd_click_call.jpg ") no-repeat; }
#connect-me-now {width: 335px; height: 420px; margin: 0; padding:0;background:url("images/clicktocall/form_connect-me-now.jpg") no-repeat;}
#connect-me-now img {border:none;}
#connect-me-now-help {float:right; width: 100px; height: 15px; margin: 67px 20px 0 0; padding:0;}
#connect-me-now-help img {border:none;}
#supplier_intro{float:left; width: 420px; height: 255px; margin: 15px 0 10px 5px ; padding: 10px 15px;background: url("/modules/common/images/bkgd_supplier_call.jpg") no-repeat; }
#supplier_intro h1 {margin: 5px; padding: 5px 0 10px 0; line-height: 20px;}
#supplier_intro p {padding: 0 20px 5px 0;}
#supplier_call {float:right; width: 500px; min-height: 10px; height: auto; margin: 0 15px 15px 20px; padding: 0; }
#supplier_call p.bold {margin: 0; padding:0; font-weight: bold;}
#website {width: 110px; height: 30px; margin: 0; padding: 0; background: url("/modules/common/images/button_visit_website.jpg") no-repeat; }
#website p {margin: 0; padding: 3px 0 0 0; text-align: center; text-decoration: underline; font-weight: bold;}
#ssl {float:right; width: 250px; height: 75px; margin: 5px 10px 0 0; padding: 0; clear: right; }
#ssl p {font-size: 10px; line-height: 11px;margin: 0; padding:15px 0 0 0;}
#ssl span {float:left; margin: 15px 5px 0 0 ; padding: 0; }
#ssl2 {width: 375px; height: 65px; margin: 10px 0 0 15px; padding:5px 10px; border-top:1px dashed #666;}
#ssl2 p {font-size: 10px; line-height: 11px;margin: 0; padding:15px 0 0 0;}
#ssl2 span {float:left; margin: 5px 5px 0 0 ; padding: 0; }
table.calculator_results { width: 300px; border-width: 1px; border-style: solid; border-color: #999; border-collapse: collapse; margin: 10px 10px 20px 10px; padding:5px;}
table.calculator_results th {height:15px;border-width: 1px; padding: 5px; border-style: solid; border-color: #999; }
table.calculator_results td {height:15px; border-width: 1px; padding: 5px; border-style: solid; border-color: #999; background: #fff;}
table.supplier_call_title {float: right; width: 500px; border-width: 1px; border-style: solid; border-color: #CCC; border-collapse: collapse; margin: 0; padding:0; font-size: 12px; text-align: center; }
table.supplier_call_title th {border-width: 1px; padding: 5px; border-style: solid; border-color: #CCC; }
table.supplier_call_title td {height:30px; border-width: 1px; padding: 5px; border-style: solid; border-color: #CCC; background: url("/modules/common/images/bkgd.jpg") repeat-x; }
table.supplier_call {float: right; width: 500px; border-width: 1px; border-style: solid; border-color: #CCC; border-collapse: collapse; margin: 0; padding:5px; font-size: 12px; }
table.supplier_call a {text-decoration: underline; color: #000;}
table.supplier_call a:hover {text-decoration: underline; color: #0099FF;}
table.supplier_call th {border-width: 1px; padding: 5px; border-style: solid; border-color: #CCC; }
table.supplier_call td {height:30px; border-width: 1px; padding: 5px; border-style: solid; border-color: #CCC; background: url("/modules/common/images/bkgd.jpg") repeat-x; }
table.supplier_summary {float: left; width: 450px; border-width: 1px; border-style: solid; border-color: #CCC; border-collapse: collapse; margin: 0 0 0 5px; padding:5px; font-size: 12px; clear: left;}
table.supplier_summary th {border-width: 1px; padding: 5px; border-style: solid; border-color: #CCC; }
table.supplier_summary td {height:30px; border-width: 1px; padding: 5px; border-style: solid; border-color: #CCC; background: #fff;}
#visitor_content{float:left; width: 440px; min-height: 50px; height: auto; margin: 10px 0 0 5px; padding:5px; border: 1px solid #CCC; clear: left;}
#channel_content{float:left; width: 920px; min-height: 50px; height: auto; margin: 10px 10px 10px 15px; padding:10px; border: 1px solid #999; background: url("/modules/common/images/bkgd.jpg") repeat-x; clear: both;}
#channel_content_nunavut{width: 920px; min-height: 50px; height: auto; margin: 10px 10px 10px 15px; padding:10px; border: 1px solid #999; background: url("/modules/common/images/bkgd.jpg") repeat-x; clear: both;}
#channel_content_noback{float:left; width: 920px; min-height: 225px; height: auto; margin: 10px 10px 10px 15px; padding:10px; clear: both;}
#channel_content_noback_thin{float:left; width: 920px; min-height: 10px; height: auto; margin: 0 10px 0 10px; padding:0; clear: both;}
#sitemap{float:left; width: 920px; min-height: 225px; height: auto; margin: 10px 10px 10px 15px; padding:10px; clear: both;}
#sitemap a{text-decoration: none; color: #000;}
#sitemap a:hover {text-decoration: underline;color: #0099FF;}
#partners_products{float:left; width: 300px; min-height: 50px; height: auto; margin: 10px 10px 10px 0; padding:10px; border: 1px solid #999; background: url("/modules/common/images/bkgd.jpg") repeat-x; clear: both;}
#results_content{float:left; width: 920px; min-height: 20px; height: auto; margin: 10px; padding: 0; }
#rate_search_summary{float:left; width: 920px; min-height: 25px; height: auto; margin: 0 10px 0 10px; padding:0 10px 0 10px; /*border: 1px solid #999; background: url("/modules/common/images/bkgd.jpg") repeat-x*/; clear: both;}
#mortgage_details {float:left; width: 920px; min-height: 10px; height: auto; margin: 0 0 0 10px padding: 0; }
#rate_search_summary_try {float:left; width: 920px; min-height: 200px; height: auto; margin: 5px 10px 0 10px; padding:0 10px 0 10px; border: 1px solid #999; background: url("/modules/common/images/bkgd.jpg") repeat-x; }
#rate_search_speak_try {float: right; width: 350px; height: 150px; margin: 20px 15px 0 10px ; padding:5px ; background: url("/modules/common/images/bkgd_lender_speak.jpg") no-repeat; }
#rate_search_speak_try h2 {color: #FFF; font-size: 14px; font-weight: bold; margin: 5px 5px 20px 5px; padding:0;}
#rate_search_speak_try p {margin: 0; padding: 5px 55px 5px 15px;}
/*FOOTER*/
#footer {float: left; width: 975px; height: 30px; margin: 5px 0 0 0; padding:0; background: #0099ff; text-align: center; line-height: 10px;clear: both;}
#footer_box{float: left;margin:0 0 0 5px; padding: 0; width: 275px; min-height: 50px; height: auto;}
/*.footer_box{float: left;margin:0 0 0 5px; padding: 0; width: 175px; min-height: 50px; height: auto}*/
.footer_box{float: left;margin:0 0 0 5px; padding: 0; width: 285px; min-height: 50px; height: auto; }
#disclaimer{float: left; width: 945px; min-height: 50px; height: auto; margin: 0; padding: 5px; text-align: left;clear: both;}
#footer_rights{float: left; width: 725px; min-height: 10px; height: auto; margin: 5px 0; padding:0; background: #fff; text-align: left; }
#favourites {float: left; width: 200px; height: 40px; margin: 5px 0 0 15px ; padding:0;}
#footer_nav {float:left; width: 920px; min-height: 25px; height: auto; margin: 10px 0 10px 15px ; padding:10px; border: 1px solid #999; clear: both;}
#footer_nav_links{float:left; width: 220px; min-height: 20px; height: auto; margin: 5px 5px 5px 10px; padding:0; }
#footer_nav_links_small{float:left; width: 220px; min-height: 15px; height: auto; margin: 5px 5px 5px 10px; padding:0; }
p.small_footer {font-size:10px; margin: 7px 0 3px 0 ; padding:0;}
table.search_summary {font-size: 10px; margin: 0; padding: 0;}
table.search_summary p.small_font {font-size: 10px;margin: 0; padding: 0;}
table.search_summary tr {height: 10px;}
table.mortgage_compare_results {float: left; width: 900px; border-width: 1px; border-style: solid; border-color: #999; border-collapse: collapse; margin: 10px 10px 20px 10px; padding:5px; font-size: 12px;}
table.mortgage_compare_results th {border-width: 1px; padding: 5px; border-style: solid; border-color: #999; }
table.mortgage_compare_results td {height:30px; border-width: 1px; padding: 5px; border-style: solid; border-color: #999; background: #fff;}
table.mortgage_compare_try {float: left; width: 350px; border-width: 1px; border-style: solid; border-color: #999; border-collapse: collapse; margin: 15px 10px 20px 30px; padding:5px; font-size: 12px; }
table.mortgage_compare_try th {border-width: 1px; padding: 5px; border-style: solid; border-color: #999; }
table.mortgage_compare_try td {height:30px; border-width: 1px; padding: 5px; border-style: solid; border-color: #999; background: #fff;}
table.mortgage_lenderdetails_try {float: left; width: 550px; border-width: 1px; border-style: solid; border-color: #999; border-collapse: collapse; margin: 15px 10px 20px 10px; padding:5px; font-size: 12px; clear: both;}
table.mortgage_lenderdetails_try th {border-width: 1px; padding: 5px; border-style: solid; border-color: #999; }
table.mortgage_lenderdetails_try td {height:30px; border-width: 1px; padding: 5px; border-style: solid; border-color: #999; background: #fff;}
table.survey {float: left; width: 450px; margin: 0; padding: 0 ; border: none; border-collapse: collapse; margin: 10px; padding:0;}
table.survey th {border-width: 1px; padding: 5px; border-style: solid; border-color: #999; }
table.survey td.logo {height:75px; width: 150px; border-width: 0; padding: 0; border-style: ; border-color: ; background: ;}
table.partners {float: left; width: 900px; margin: 25px 0 0 0; padding: 25px 0 0 0 ; border: none; border-collapse: collapse; margin: 10px; padding:0;}
table.partners th {border-width: 1px; padding: 5px; border-style: solid; border-color: #999; }
table.partners td.logo {height:75px; width: 150px; border-width: 0; padding: 0; border-style: ; border-color: ; background: ;}
table.partners td.name {height:50px; width: 300px; border-width: 0; padding: 0; border-style: ; border-color: #666; background: ;}
table.province {float: left; width: 450px; margin: 0; padding: 0 ; border: 1px solid #999; border-collapse: collapse; margin: 10px 10px 20px 10px; padding:10px;}
table.province th {border-width: 1px; padding: 5px; border-style: solid; border-color: #999; }
table.province td {height:30px; border-width: 1px; padding: 5px; border-style: solid; border-color: #999; background: #fff;}
table.local_market {float: left; width: 600px; margin: 0; padding: 0 ;border-width: 1px; border-style: solid; border-color: #999; border-collapse: collapse; margin: 10px 10px 20px 10px; padding:10px;clear: both;}
table.local_market th {border-width: 1px; padding: 5px; border-style: solid; border-color: #999; }
table.local_market td {height:30px; border-width: 1px; padding: 5px; border-style: solid; border-color: #999; background: #fff;}
table.interest_example {width: 375px; margin: 0; padding: 0 ;border-width: 1px; border-style: solid; border-color: #999; border-collapse: collapse; margin: 15px 10px 20px 10px; padding:10px;clear: both;}
table.interest_example th {border-width: 1px; padding: 5px; border-style: solid; border-color: #999; }
table.interest_example td {height:30px; border-width: 1px; padding: 5px; border-style: solid; border-color: #999; background: #fff;}
table.mortgage_compare {border-width: 1px; border-style: solid; border-color: #999; border-collapse: collapse; margin: 10px 10px 20px 10px; padding:5px;}
table.mortgage_compare th {border-width: 1px; padding: 5px; border-style: solid; border-color: #999; }
table.mortgage_compare td {height:30px; border-width: 1px; padding: 5px; border-style: solid; border-color: #999; background: #fff;}
table.mortgage_compare a:link {color: #000; text-decoration:none; }
table.mortgage_compare a:hover {color: #000; text-decoration:underline; }
table.mortgage_details {width: 920px; border-width: 1px; border-style: solid; border-color: #999; border-collapse: collapse; margin: 10px 10px 20px 10px; padding:5px;}
table.mortgage_details th {border-width: 1px; padding: 5px; border-style: solid; border-color: #999; }
table.mortgage_details td {height:30px; border-width: 1px; padding: 5px; border-style: solid; border-color: #999; background: #fff;}
table.glossary_CMHC {width: 450px; margin: 0; padding: 0 ; border: 1px solid #999; border-collapse: collapse; margin: 10px 10px 20px 10px; padding:10px;}
table.glossary_CMHC th {border-width: 1px; padding: 5px; border-style: solid; border-color: #999; }
table.glossary_CMHC td {height:30px; border-width: 1px; padding: 5px; border-style: solid; border-color: #999; background: #fff;}
table.rate_calculator {border-width: 0px; border-collapse: collapse; margin: 0px 0px 0px 10px; font-size: 9px;}
table.rate_calculator th {border-width: 0px; }
table.rate_calculator td {height:30px; border-width: 0px;}
/*FORMS*/
form.newsletter {width: 10px;}
/*TABS - INDEX*/
.tabberlive .tabbertabhide { display:none;}
.tabber {}
.tabberlive { margin-top:1em;} /* .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up*/
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav{ margin:0; padding: 3px 0 2px 0; border-bottom: 10px solid #0099FF; width: 457px;}
ul.tabbernav li { list-style: none; margin: 0; padding: 0;display: inline;}
ul.tabbernav li a{ padding: 3px 0.5em; margin-left: 3px; border-bottom: none;background: #666; text-decoration: none; color: #fff;}
ul.tabbernav li a:link { color: #FFF; }
ul.tabbernav li a:visited { color: #0099ff; }
ul.tabbernav li a:hover{ color: #0099ff;text-decoration: underline; }
ul.tabbernav li.tabberactive a{background:#0099FF;color: #000; padding-bottom: 3px; font-weight: bold;text-decoration: underline; border:none;}
ul.tabbernav li.tabberactive a:hover{ color: #FFF; background: #0099ff; }
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab { padding:5px; border:1px solid #0099FF; border-top:0; width: 445px;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 { display:none;}
.tabbertab h1 {font-size: 12px; font-weight: bold; text-align: center; color:#000;}
.tabberlive .tabbertab h3 { display:none;}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab { height:200px; overflow:auto;}
/*TABS - Best-mortgage-rates*/
.tabberlive_best .tabbertabhide_best { display:none;}
.tabber_best {}
.tabberlive_best { margin-top:1em;} /* .tabber = before the tabber interface is set up .tabberlive_best = after the tabber interface is set up*/
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav_best{ margin:0; padding: 3px 0 2px 0; border-bottom: 5px solid #0099FF; width: 402px;}
ul.tabbernav_best li { list-style: none; margin: 0; padding: 0;display: inline;}
ul.tabbernav_best li a{ padding: 3px 0.5em; margin-left: 3px; border-bottom: none;background: #666; text-decoration: none; color: #fff;}
ul.tabbernav_best li a:link { color: #FFF; }
ul.tabbernav_best li a:visited { color: #0099ff; }
ul.tabbernav_best li a:hover{ color: #0099ff;text-decoration: underline; }
ul.tabbernav_best li.tabberactive_best a{background:#0099FF;color: #000; padding-bottom: 3px; font-weight: bold;text-decoration: underline; border:none;}
ul.tabbernav_best li.tabberactive_best a:hover{ color: #FFF; background: #0099ff; }
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive_best)
--------------------------------------------------*/
.tabberlive_best .tabbertab_best { padding:5px; border:0; border-top:0; width: 390px;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive_best .tabbertab_best h2 { display:none;}
.tabbertab_best h1 {font-size: 12px; font-weight: bold; text-align: center; color:#000;}
.tabberlive_best .tabbertab_best h3 { display:none;}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive_best#tab1 {}
.tabberlive_best#tab2 {}
.tabberlive_best#tab2 .tabbertab_best { height:200px; overflow:auto;}
.text, .password, .textarea, .checkbox, .radio, .select, .file{
font-size: 12px;
font-family: verdana, times, "times new roman", serif, arial, "Century new gothic", verdana;
}
.rate_head {font-weight: bold; color: #333;font-size:12px;font-family: verdana, times, "times new roman", serif, arial, "Century new gothic", verdana;}
table.side_by_side_compare {width: 500px; margin: 0 0 0 10px; padding: 0; border-width: 1px;border-style: solid;border-color: #0099FF;}
table.side_by_side_compare_bottom {width: 900px; margin: 0 0 0 10px; padding: 0; border-width: 1px;border-style: solid;border-color: #0099FF;}
#city_intro {float:left; width: 550px; min-height: 150px; height: auto; margin: 10px 10px 0 10px; padding:10px; }
#city_intro h1 {line-height: 18px;}
#city_intro h2 {margin: 30px 0 0 0; padding:0;}
#city_ov {float:left; width: 550px; min-height: 225px; height: auto; margin: 35px 0 50px 0 ; padding:10px; background: url("/modules/common/images/bkgd.jpg") repeat-x; border: 1px solid #ccc;}
#city_ov h1 {line-height: 18px;}
#city_ov h2 {margin: 5px 0; padding:0;}
#city_container {float:right; width: 320px; min-height: 250px; height: auto; margin: 10px 15px 5px 5px; padding:0; }
#city_compare {float:right; width: 320px; min-height: 125px; height: auto; margin: 10px 5px 5px 5px; padding:5px 10px 10px 10px;background: url("http://www.ratesupermarket.ca/modules/common/images/bkgd_compare_city.jpg") no-repeat; }
#city_compare p {margin: 37px 5px 0 20px ; padding: 5px 0 0 0;}
#city_compare p.right {margin: 0; padding: 15px 42px 15px 0;}
#city_compare h2 {font-size: 16px; margin: 0; padding: 0; color: #fff;}
#city_partners {float:right; width: 320px; min-height: 125px; height: auto; margin: 0 5px 5px 5px; padding:5px 10px 10px 10px;clear: right; }
#city_partners img {margin: 5px; padding:10px 10px 5px 5px ;text-align: center;}
#transfer {text-align: center; width:420px; height: 250px; margin: 12% 0 0 30% ; padding:0; background: url("http://www.ratesupermarket.ca/modules/common/images/transfer.gif") no-repeat; }
#transfer img {margin: 150px 150px 0 150px; padding: 0}
#transfer p {margin: 10px 0; padding: 0; text-align:center; font-size: 10px;}
#Mississauga4sale_compare {float:left; width:300px; height: 65px; margin: 0 ; padding:0; background: url("http://www.ratesupermarket.ca/modules/common/images/button_mississauga4sale.jpg") no-repeat; }
#Mississauga4sale_compare p {text-align: center;}
#Mississauga4sale_compare p.center {text-align: center; margin:12px 0 0 0; padding:0;}
#transfer_Mississauga4sale {text-align: center; width:420px; height: 250px; margin: 12% 0 0 30% ; padding:0; background: url("http://www.ratesupermarket.ca/modules/common/images/transfer_miss4sale.gif") no-repeat; }
#transfer_Mississauga4sale img {margin: 150px 150px 0 45px; padding: 0}
#transfer_Mississauga4sale p {margin: 10px 0; padding: 0; text-align:center; font-size: 10px;}
/*--------------------------------------------------------------------------------*/
/*INDEX TEST*/
/*#main_body_test {float:left; width: 500px; height: 400px; margin: 10px 0 0 0; padding:0; clear: both;}*/
#main_body_test {float:left; width: 965px; height: 330px; margin:0 0 25px 0; padding:0; }
#main_body_intro {float:left; width: 600px; height: 300px; margin: 20px 0 0 0; padding:10px 10px 10px 15px; }
#main_body_intro p {line-height: 18px; }
#index_bestrates {float:right; width: 335px; min-height: 245px; height: auto; margin: 2px 0 0 0; padding:0; }
#index_bestrates h2 {font-size: 13px; font-weight: bold; margin:0; padding:0;}
#index_bestrates img {margin: 5px 0; padding:0;}
#compare_mortgage_test{float:left; width: 575px; height: 140px; margin: 0 0 15px 10px; padding:0; background: url("/modules/common/images/bkgd_compare_index.jpg") no-repeat; }
#button_compare_mortgage_index_test{float:right; width: 185px; height: 40px; margin: 8px 115px 0 0 ; padding:0 5px 5px 0; background:url("/modules/common/images/button_compare_index.jpg") no-repeat; }
#button_compare_mortgage_index_test p {margin: 0; padding:0; line-height: 12px;}
#compare_mortgage_test h1{font-size: 18px; margin: 10px 0 20px 20px; padding: 0;font-size: 24px; color: #fff;}
#compare_mortgage_test p {margin: 25px 5px 5px 85px; padding: 0 0 0 5px; }
#press_test {float:left; width:245px; height: 215px; margin: 20px 0 0 5px ; padding:15px 5px 0 65px;background:url("/modules/common/images/bkgd_press_test.jpg") no-repeat; }
#press_test img {margin: 10px; padding:0;}
table.mortgage_compare_index_test {float: left; width: 300px; border-width: 1px; border-style: solid; border-color: #999; border-collapse: collapse; margin: 5px; padding:2px; font-size: 10px; }
table.mortgage_compare_index_test p {font-size: 12px; margin:0 0 2px 0; padding:0; font-weight: bold;}
table.mortgage_compare_index_test p.small {font-size: 10px; margin:0; padding:0;color: #999;}
table.mortgage_compare_index_test a {font-size: 10px; }
table.mortgage_compare_index_test th {border-width: 1px; padding: 0; border-style: solid; border-color: #CCC; font-size: 10px;}
table.mortgage_compare_index_test td {height:25px; border-width: 1px; padding: 3px 0 2px 0; border-style: solid; border-color: #CCC; font-size: 10px;}
#afford_test{float:left; width:245px; height: 215px; margin: 20px 0 0 5px ; padding:15px 5px 0 60px; background:url("/modules/common/images/bkgd_calculator_test.jpg") no-repeat; }
#afford_test li {margin: 0 0 0 5px; padding:0;}
#guide_test{float:left; width:245px; height: 215px; margin: 20px 0 0 5px ; padding:15px 5px 0 60px; background:url("/modules/common/images/bkgd_guide_test.jpg") no-repeat; }
#button_guide_test{float:right; width: 175px; height: 40px; margin: 5px 0 0; padding: 2px 5px; background:url("/modules/common/images/button_compare_thin.jpg") no-repeat; }
#beta_test {float:left; width:450px; height: 145px; margin: 20px 25px 10px 10px; padding:10px 15px 10px 15px;background: url("/modules/common/images/bkgd_betav2.jpg") no-repeat; }
#newsletter_test {float:left; width:245px; height: 160px; margin: 25px 0 0 5px ; padding:15px 5px 0 60px;background:url("/modules/common/images/bkgd_newsletter_test.jpg") no-repeat; }
#newsletter_button_test {float: right;width:50px; height: 30px; margin: 0; padding:0;background: url("/modules/common/images/button_newsletter.jpg") no-repeat; }
/*INDEX - Fonts*/
#beta_test h2 {margin: 0; padding: 3px 3px 5px 50px;}
#afford_test p {margin: 0; padding: 0 5px 0 0 }
#guide_test p {margin: 10px 0; padding: 0 15px 0 0 }
#beta_test p {margin: 5px 0 ; padding: 0 10px 0 5px }
#newsletter_button_test p {margin:0; padding:5px 0 0 12px; color:#000; font-weight: bold;}
/* POLLS */
#poll_test {float:right; width:240px; height: 250px; margin: 20px 10px 10px 10px ;padding:10px 15px 0 70px;background: url("/modules/common/images/bkgd_survey_test.jpg") no-repeat;}
#poll_test p.bold {margin: 0; padding: 10px 0;}
#poll_test p {margin:0;padding:0 0 0 5px;}
#poll_test p.error { font-weight: bold; color: #000; }
#poll_test p.results {color: #000; margin: 10px 0 5px 0 ; padding:0; }
#poll form { width: 90%; margin: 0px auto; }
#poll fieldset {width: 250px; height: 125px; margin: 0px 10px; padding:0; border:none;}
#poll input { float: left; clear: left; width: 20px; margin: 0; padding: 0; }
#poll label { display: block; margin: 0 0 8px 0 ; padding: 2px 0 0 5px; width: 225px;}
#poll input#pollsubmit { float: none; display: block; margin: 0; padding: 0; width: auto;}
table#pollresults {margin: 0 ; padding: 0; border: none; border-top: 1px solid #0099FF;
width: 85%; }
table#pollresults td { height: 15px; margin: 10px 0; padding: 0; vertical-align: middle;
border: none; border-bottom: 1px solid #0099FF; }
/*TABS - INDEX_TEST*/
.tabbertestlive .tabbertesttabhide { display:none;}
.tabbertest {}
.tabbertestlive { font-size: 10px; margin-top:1em; } /* .tabbertest = before the tabbertest interface is set up .tabbertestlive = after the tabbertest interface is set up*/
/*--------------------------------------------------
ul.tabbertestnav = the tab navigation list
li.tabbertestactive = the active tab
--------------------------------------------------*/
ul.tabbertestnav{ margin:0; padding: 3px 0 2px 0; border-bottom: 10px solid #0099FF; width: 328px;}
ul.tabbertestnav li { list-style: none; margin: 0; padding: 0;display: inline;}
ul.tabbertestnav li a{ padding: 3px 0.5em; margin-left: 3px; border-bottom: none;background: #666; text-decoration: none; }
ul.tabbertestnav li a:link { color: #FFF; }
ul.tabbertestnav li a:visited { color: #0099ff; }
ul.tabbertestnav li a:hover{ color: #0099ff;text-decoration: underline; }
ul.tabbertestnav li.tabbertestactive a{background:#0099FF;color: #000; padding-bottom: 3px; font-weight: bold;text-decoration: underline; border:none;}
ul.tabbertestnav li.tabbertestactive a:hover{ color: #FFF; background: #0099ff; }
/*--------------------------------------------------
.tabbertesttab = the tab content
Add style only after the tabbertest interface is set up (.tabbertestlive)
--------------------------------------------------*/
.tabbertestlive .tabbertesttab { padding:5px; border:1px solid #0099FF; border-top:0; width: 315px;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabbertestlive .tabbertesttab h2 { display:none;}
.tabbertesttab h1 {font-size: 10px; font-weight: bold; text-align: center; color:#000;}
.tabbertestlive .tabbertesttab h3 { display:none;}
/* Example of using an ID to set different styles for the tabs on the page */
.tabbertestlive#tab1 {}
.tabbertestlive#tab2 {}
.tabbertestlive#tab2 .tabbertesttab { height:200px; overflow:auto;}
#seo_post {float:left; width: 600px; min-height: 15px; height: auto; margin: 10px; padding:10px; }
#seo_post h3 {margin: 25px 5px 0px 0 ; padding:0; font-size: 12px; font-weight:bold; }
#seo_post_leftbox {float:left; width: 150px; min-height: 15px; height: auto; margin: 10px 0; padding:0 0 0 5px; font-size: 10px; border: 1px solid #ccc}
#seo_post_leftbox h2 {font-size: 10px;}
#seo_post_leftbox a {font-size: 10px;}
#online_app_intro {float:left; width: 940px; min-height: 15px; height: auto; margin: 10px 10px 0 15px; padding:0; clear: both; }
#online_app_intro img {float: right; margin:0; padding:0;}
#online_app_intro h1 {margin:10px 0 0 0 ; padding:0;}
#online_app{float:left; width: 920px; min-height: 50px; height: auto; margin: 10px 0 10px 15px ; padding:5px; border: 1px solid #999; background: url("/modules/common/images/bkgd.jpg") repeat-x; clear: both;}
#online_app h1 {font-size: 12px; margin: 5px; padding:0; font-weight: bold;}
.show {}
.hide {display:none}
#index_wrap_left_SEO {float: left; width: 575px; min-height: 850px; height: auto; margin: 15px 0 0 10px; padding: 0;}
#map{float:left; width: 700px; height: 600px; margin: 0px 0px 0px 50px;}
/*ONLINE APPS*/
#app_comtech {float: left; background: url(http://www.ratesupermarket.ca/modules/common/images/bkgd_comtech_app.jpg) no-repeat; width: 515px; height: 385px; padding: 10px 10px 10px 15px ; margin: 20px 15px 10px 10px;}
#app_comtech img {float:right; margin: 15px 20px 0 0 ; padding: 0;}
#app_comtech p {font-size:12px; margin: 10px 0 0 0; padding:0;}
#app_comtech li {display:inline;padding: 0; margin:0 0 10px 0; text-decoration:none; list-style-type: none;}
#app_comtech p.small {font-size:10px; margin:0; padding:0;}
#app_comtech h2 {margin:15px 0 15px 100px; padding:0;}
table.app_comtech {width:500px; height:250px; border:0; cellspacing:2; cellpadding:2; margin: 15px 0 0 0; padding:0; }
form.online_mortgage_application {margin:0; padding:0;}
/*TRUE NORTH*/
#phone_truenorth {float: left; background: url(http://www.ratesupermarket.ca/modules/common/images/bkgd_truenorth_phone.jpg) no-repeat; no-repeat; width: 405px; height:315px; padding: 0 0 0 10px; margin: 20px 10px 0 0;}
#phone_truenorth h2 {margin:25px 0 15px 15px}
#phone_truenorth img{float:left; margin: 35px 15px 15px 15px; padding: 10px;}
/*#phone_truenorth h1 {text-align:center; font-size: 20px; font-weight:bold; margin: 50px 10px 15px 10px; padding:0;}*/
#phone_truenorth h1 {text-align:center; font-size: 20px; font-weight:bold; margin: 15px 10px 15px 10px; padding:0;}
#phone_truenorth p {font-size: 12px; text-align: center; margin: 10px 25px 40px 20px;}
#phone_truenorth p.nomargin {font-size: 12px; text-align: center; margin: 25px 10px 15px 10px; padding:0;}
#app_truenorth {float: left; background: url(http://www.ratesupermarket.ca/modules/common/images/bkgd_truenorth_app.jpg ) no-repeat; no-repeat; width: 500px; height: 295px; padding: 10px 15px; margin: 20px 10px 0 0;}
#app_truenorth h2 {margin:15px 0 15px 60px;}
#app_truenorth p {margin: 0; padding:0;}
#app_truenorth p.small {font-size: 10px; margin: 20px 0 0 0 padding: 0; line-height: 11px;}
#app_truenorth_website {width: 110px; height: 30px; margin: 0 0 0 60px; padding: 0; background: url("/modules/common/images/button_visit_website.jpg") no-repeat; }
#app_truenorth_website p {margin: 0; padding: 7px 0 0 0; text-align: center; text-decoration: underline; font-weight: bold;}
/*RBC mortgage specialist*/
#app_rbc {float: left; background: url(http://www.ratesupermarket.ca/modules/common/images/bkgd_rbc_app.jpg) no-repeat; width: 515px; height: 385px; padding: 0 10px 10px 15px ; margin: 20px 10px 10px 10px;}
#app_rbc h2 {margin: 15px 0 15px 75px; padding: 0;}
#app_rbc p {font-size:12px; margin: 10px 0 0 0; padding: 0;}
#app_rbc li {display:inline;padding: 0; margin:0; text-decoration:none; list-style-type: none;}
#app_rbc p.small {font-size:10px; margin:0; padding:0;}
#app_rbc h2 {margin:25px 0 15px 100px; padding:0;}
table.app_rbc {border:0; margin:10px 0; padding:0;}
table.app_rbc p {font-size:12px; margin: 0; padding: 0;}
form.online_mortgage_application {margin:0; padding:0;}
/* Purpose : For left panel */
.left_container_main {
float: right; width: 460px;
}
#top5_province_new{width: 400px; min-height: 300px; height: auto;margin: 10px 10px 10px 20px; padding: 10px; border: 1px solid #999; background: url("images/bkgd.jpg") repeat-x; }
#tnt_pagination {
display:block;
text-align:left;
height:22px;
line-height:21px;
clear:both;
padding-top:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}
#tnt_pagination a:link, #tnt_pagination a:visited{
padding:7px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #EBEBEB;
margin-left:10px;
text-decoration:none;
background-color:#F5F5F5;
color:#0072bc;
width:22px;
font-weight:normal;
}
#tnt_pagination a:hover {
background-color:#DDEEFF;
border:1px solid #BBDDFF;
color:#0072BC;
}
#tnt_pagination .active_tnt_link {
padding:7px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #BBDDFF;
margin-left:10px;
text-decoration:none;
background-color:#DDEEFF;
color:#0072BC;
cursor:default;
}
#tnt_pagination .disabled_tnt_pagination {
padding:7px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #EBEBEB;
margin-left:10px;
text-decoration:none;
background-color:#F5F5F5;
color:#D7D7D7;
cursor:default;
}
/*NEW INDEX PAGE*/
#content_homepage_new {width: 975px; height: auto; min-height:450px; margin: 10px 0; padding:0; }
#content_body {float: left; width: 960px; height: auto; min-height: 10px; /*margin: 10px 5px 10px 10px ;*/ margin: 10px 5px 5px 10px ; padding:0;}
#content_body h1 {margin-top: 20px;}
#content_body img {float: right; margin: 0 10px 0 15px; padding:0;}
#content_left {float: left; width: 240px; height: auto; min-height:450px; margin: 0; padding:0;}
.content_box {float: left; width: 250px; height: 152px; margin: 0; padding:0; background: green;}
.content_box h1 {margin: 5px 0 5px 50px;padding: 5px;}
/*#content_box.mortgage {float: left; width: 240px; height: 152px; margin: 0; padding:0; background: url(http://www.ratesupermarket.ca/modules/common/images/index/bgkd_content_mortgage.jpg) no-repeat;}
#content_box.mortgage h1 {margin: 15px 0 25px 60px;padding: 5px;}
#content_box.mortgage p {margin: 0 0 5px 20px; padding: 0;}
#content_box.mortgage a.link {text-decoration: none; font-weight:normal;}
#content_box.card {float: left; width: 240px; height: 152px; margin: 5px 0 0 0; padding:0; background: url(http://www.ratesupermarket.ca/modules/common/images/index/bgkd_content_card.jpg) no-repeat;}
#content_box.card h1 {margin: 15px 0 30px 60px;padding: 5px;}
#content_box.card p {margin: 0 0 5px 20px; padding: 0;}
#content_box.card a.link {text-decoration: none; font-weight:normal;}
#content_box.life {float: left; width: 240px; height: 152px; margin: 5px 0 0 0; padding:0; background: url(http://www.ratesupermarket.ca/modules/common/images/index/bgkd_content_life.jpg) no-repeat;}
#content_box.life h1 {margin: 15px 0 20px 60px;padding: 5px;}
#content_box.life p {margin: 0 0 5px 20px; padding: 0;}
#content_box.life a.link {text-decoration: none; font-weight:normal;}*/
#content_box.mortgage {float: left; width: 220px; height: 110px; margin: 5px 0 0 0; padding:0; background: url(http://www.ratesupermarket.ca/modules/common/images/index/bgkd_content_mortgage.jpg) no-repeat;}
#content_box.mortgage h1 {margin: 10px 0 10px 50px;padding: 5px;}
#content_box.mortgage p {margin: 0 0 5px 20px; padding: 0;}
#content_box.mortgage a.link {text-decoration: none; font-weight:normal;}
#content_box.card {float: left; width: 220px; height: 110px; margin: 5px 0 0 0; padding:0; background: url(http://www.ratesupermarket.ca/modules/common/images/index/bgkd_content_card.jpg) no-repeat;}
#content_box.card h1 {margin: 10px 0 10px 50px;padding: 5px;}
#content_box.card p {margin: 0 0 5px 20px; padding: 0;}
#content_box.card a.link {text-decoration: none; font-weight:normal;}
#content_box.life {float: left;width: 220px; height: 110px; margin: 5px 0 0 0; padding:0; background: url(http://www.ratesupermarket.ca/modules/common/images/index/bgkd_content_life.jpg) no-repeat;}
#content_box.life h1 {margin: 10px 0 10px 50px;padding: 5px;}
#content_box.life p {margin: 0 0 5px 20px; padding: 0;}
#content_box.life a.link {text-decoration: none; font-weight:normal;}
#content_box.nomedical {float: left; width: 220px; height: 110px; margin: 5px 0 0 0; padding:0; background: url(http://www.ratesupermarket.ca/modules/common/images/index/bgkd_content_nomedical.jpg) no-repeat;}
#content_box.nomedical h1 {margin: 10px 0 10px 50px;padding: 5px;}
#content_box.nomedical p {margin: 0 0 5px 20px; padding: 0;}
#content_box.nomedical a.link {text-decoration: none; font-weight:normal;}
#content_box.partners {float: left; width: 240px; height: 152px; margin: 5px 0 0 10px; padding:0; background: url(http://www.ratesupermarket.ca/modules/common/images/index/bgkd_content_partners.jpg) no-repeat;}
#content_box.partners h1 {margin: 5px; padding: 5px; text-align:center;}
#content_box.partners p {font-size: 10px; text-align: center; margin: 92px 0 5px 0px; padding: 0;}
#content_box.partners a.link {text-decoration: none; font-weight:normal;}
#content_box.best {float: left; width: 250px; height: 305px; margin: 5px 0 0 10px; padding:0; background: url(http://www.ratesupermarket.ca/modules/common/images/index/bgkd_content_best.jpg) no-repeat;}
#content_box.best h1 {margin: 15px 0 5px 60px;padding: 5px;}
#content_box.best h2 {font-size: 12px; margin: 5px;padding: 0;}
#content_box.best a.link {text-decoration: none; font-weight:normal;}
#content_box.best p {clear: both; text-align:center;}
table.index_best {float: left; width: 210px; border-collapse: collapse; margin: 0 5px 0 10px; padding:2px; font-size: 10px; }
table.index_best p {font-size: 16px; margin:0 0 2px 0; padding:0; font-weight: bold;}
table.index_best p.small {font-size: 10px; margin:0 0 5px 0; padding:0;color: #999;}
table.index_best th {border-top: 1px solid #CCC; padding: 0; font-size: 10px;}
table.index_best td {height:25px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 3px 0 2px 0; font-size: 10px;}
#content_middle {float: left; width: 475px; height: auto; min-height:450px;margin: 0; padding:0; background: url(http://www.ratesupermarket.ca/modules/common/images/index/new_middle_image.jpg) no-repeat;}
/*#content_middle_compare {float: left; width: 475px; height:150px; margin: 305px 0 0 0; padding:0; }*/
#content_middle_compare {float: left; width: 475px; height:150px; margin: 0; padding:0;}
/*#content_middle_compare h1 {text-align: center; margin: 20px 0 30px 0; padding: 0;font-size: 24px; color: #fff;}*/
#content_middle_compare h1 {color: #0099ff; font-size: 19px; margin: 26px 0 5px 85px;}
#content_middle_compare p {margin: 10px 0 0 10px; padding:0;}
#content_middle_compare p.button {margin: 10px 0 0 0; padding:0;}
#content_middle_compare p.province {margin: 20px 0 5px 160px; padding:0;}
#content_middle_compare img {float: left; margin: 0 15px 0 15px; padding:0;}
#content_right {float: left; width: 250px; height: auto; min-height:450px; margin: 0; padding:0;}
.content_right_box {float: left; width: 250px; height: 305px; margin: 0; padding:0; }
.content_right_box h1 {padding: 5px;}
#content_bottom {width: 975px; height: auto; min-height:200px; margin: 10px 0; padding:10px 0; clear: both;}
.content_bottom_box {float: left; width: 240px; height: auto; min-height:160px; margin: 15px 0 0 0; padding: 5px 1px; border-right: 1px solid #ccc; }
.content_bottom_box p {margin: 5px 5px 5px 10px; padding: 0; }
.content_bottom_box h2 { text-align:center; padding: 5px;}
.content_bottom_box a.link {text-decoration: none; font-weight:normal;}
.content_bottom_box a.underline {text-decoration: underline; font-weight:normal; color:#000;}
.content_bottom_box_nobor {float: left; width: 240px; height: auto; min-height:160px; margin: 0; padding: 5px 0; }
.content_bottom_box_nobor h2 { text-align:center; padding: 5px;}
.content_bottom_box_nobor p {margin: 5px 5px 5px 10px; padding: 0; }
.content_bottom_box_nobor li {margin: 5px 0; padding: 0; }
.content_bottom_box_nobor a.link {text-decoration: none; font-weight:normal; margin: 0; padding:0;}
.content_bottom_box_nobor img {margin: 0 0 0 10px; padding:0;}
.answerpanel {margin: 0px; padding: 0px;}
.answerpanel ul {margin: 0px; padding: 0px; list-style-type: none;}
.answerpanel li {margin: 0px; padding: 0px; list-style-type: none;}
.ans_0{background:#F00;}
.ans_1{background:#0F0;}
.ans_2{background:#00F;}
.ans_3{background:#F0F;}
.ans_4{background:#FF0;}
/*SUPPLIER PAGE*/
/*NEW APPLICATION FORM */
#app_container {float:left; width: 975px; margin: 10px 0 0 0; padding:0; clear: both; }
hr.app_page {height: 1px; color: #999; width: 90%; margin: 5px 5%; padding:0;}
#xsnazzy_container {float: left; width: 557px; }
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0; padding: 5px 10px; }
.xsnazzy p {padding-bottom:0.5em; color:#000;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin: 0; }
.xsnazzy em {display:block; width:0; height:0; color:#000; overflow:hidden; border-top:12px solid #0099ff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#000; overflow:hidden; border-top:10px solid #0099ff; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#f6f6f6; border-left:1px solid #0099ff; border-right:1px solid #0099ff;}
.xb1 {margin:0 8px; background:#0099ff;}
.xb2 {margin:0 6px; background:#0099ff;}
.xb3 {margin:0 4px; background:#0099ff;}
.xb4 {margin:0 3px; background:#f6f6f6; border-width:0 5px;}
.xb5 {margin:0 2px; background:#f6f6f6; border-width:0 4px;}
.xb6 {margin:0 2px; background:#f6f6f6; border-width:0 3px;}
.xb7 {margin:0 1px; background:#f6f6f6; border-width:0 3px; height:2px;}
.xboxcontent {display:block; background:#f6f6f6; border:3px solid #0099ff; border-width:0 3px; width: 550px;}
.xboxcontent h2.city {font-size: 14px; font-weight:bold; margin: 10px 0; padding: 0; text-align:center;}
.xboxcontent img.xboxcontent_logo {float: left; margin: 5px; padding: 0;}
table.app_supplier {width:545px; cellspacing:2; cellpadding:2; margin: 0 0 0 5px; padding: 0; }
table.app_supplier th {border: 0; }
table.app_supplier td {border: 0; height: 15px;}
table.app_supplier p.small {font-size: 10px; padding: 5px 5px 5px 0; margin:0;}
/*COMPANY INFO ON RIGHT*/
#mortgage_lender_info {float: left; width: 385px; margin: 10px 10px 10px 20px; padding:0; }
#mortgage_lender_info h2 {margin: 0; padding:0; }