/* ==Globals== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}

html {margin: 0; padding: 0; width: 100%; height: 100%; float: left; background: #eee;}
body {margin: 0; padding: 0; width: 100%; height: 100%; font-family: Arial, Verdana, sans-serif; font-size: 14px}

h1{font-size: 26px; font-weight: normal; margin-bottom: 12px;}
h2{font-size: 18px; font-weight: normal; margin-bottom: 6px; margin-top: 6px;}
h3{font-size: 16px; margin-bottom: 5px; margin-top: 5px;}
h4{font-size: 14px;}
/* misc headers */
h3.mc_h3{margin-bottom: 6px; padding-bottom: 6px;  border-bottom: 3px dotted #bbb;}
h3.h3_type2{margin-bottom: 5px; margin-top: 3px;}
h3.mortgage_centers_home_h3{margin-left: 12px;}
h3.site_nav_header{background: #144360; color: #eee; padding: 4px 8px; margin: 0 4px; margin-top: 4px;}
h3.site_nav_inner{color: #144360; padding-left: 20px; margin-left: 5px; margin-bottom: 5px; background: url(/images/site_links_arrow.gif) 0 8px no-repeat;}
h1.page_header_h1{color: #001d30; margin-top: 12px; margin-left: -12px; padding-left: 18px;  background: url(/images/header_arrow.gif) 0 6px no-repeat;}
#main_content h2{color: #0f8b14;}
#main_content h3{color: #0f8b14;}

/* ==| Paragraph Styles |== */
p{font-size: 14px; line-height: 20px;}
p.error_p{color: red;}
p.message{font-weight: bold; margin: 0 auto; padding: 10px; width: 90%; background: #d7d4cb; text-align: center; border: 1px solid #353432;}
p.description{font-size: 12px; line-height: 18px; color: #202020;}
p.smaller_text{font-size: 12px; line-height: 18px; color: #202020;}
p.description2{font-size: 12px; line-height: 16px; color: #202020; margin-top: 2px}
.smaller_text{font-size: 12px; line-height: 18px; color: #202020;}
#main_content p.callbox2{background: #dcdcec; border: 1px dotted #555; padding: 10px; margin-top: 10px;}
#main_content p.tiny_text{font-size: 10px; line-height: 14px; color: #555;}
#main_content p{padding: 6px 0; font-size: 13px; line-height: 21px;}
.style_1{font-weight: bold; color: #015a8e;}
#main_content .large_rates{font-weight: bold; color: #0D2A8C; font-size: 16px;}
p.breadcrumb{font-size: 12px; padding: 3px 0;}
#sidebar_right p{padding: 6px 0;}

/*paragraph box styles (div box styles farther down)*/
#main_content p.grey_box{background: #dcdcdc; margin: 10px 0; padding: 10px; font-size: 12px; font-weight: bold; text-align: center; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#main_content p.green_box{background: #7bca83; margin: 10px 0; padding: 10px; font-size: 12px; font-weight: bold; text-align: center; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

.bordered{display: block; padding: 10px; border: 1px solid #3d3d3d;}

/* List Styles */
ul{list-style: disc inside none; margin: 0; padding:0;}
ul.testimonial_tiny li{list-style: none; font-size: 11px; line-height: 14px;}
#main_content ul{list-style: disc outside none; margin-bottom: 5px;}
#main_content ul li{line-height: 22px; margin-left: 15px; font-size: 13px; line-height: 21px; margin-bottom: 5px;}
#main_content ul.head_shot{list-style: none; float: left;}
#main_content ul.head_shot li{clear: left; margin-left: 0;}
#main_content .list-style-none{list-style: none;}
#main_content form.apply_form ul{list-style: none;}
#main_content ol{margin-left: 30px; margin-top: 10px; line-height: 22px;}
#main_content ol li{margin-bottom: 5px;}
#main_content ul.long_list{font-size: 12px; margin-bottom: 10px;}
/*Check List */
#main_content ul.check_list{float: left; list-style: none; width: 90%; margin: 0 auto; margin-bottom: 10px;}
ul.check_list li{float: left;}
ul.check_list li.check_list_txt{width: 80%;}
/* link list box - example: top of testimonial page */
#main_content ul.category_links{float: left; padding: 5px 5px 5px 15px ; list-style: none; background: #eee ; border: 1px solid #ccc; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#main_content ul.category_links li{margin: 0; float: left;}
/*Licensing Page list*/
#main_content ul.license_ul{list-style: none; float: left; padding: 5px 0;}
#main_content ul.license_ul li{float: left;}
#main_content ul.license_ul li.license_info_li{width: 88%;}
/*Loan Table UL, for listing loan types with descriptions*/
#main_content ul.loan_table_ul{border-top: 1px dotted #0A3E68; width: 100%; list-style: disc inside none; margin-bottom: 10px;}
#main_content ul.loan_table_ul li{border-bottom: 1px dotted #0A3E68; padding: 10px; margin-left: 0;}
#main_content ul.loan_table_ul li p{font-size: 12px;}
/* ==| Mortgage Glossary Nav |==*/
#main_content ol.glossary_nav{margin: 5px 10px; line-height: 18px;  padding: 5px 15px;float: left; list-style: none; background: #DAE9F2; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #90BBD8;}
#main_content ol.glossary_nav li{margin: 0; float: left; padding: 0 3px;}
/* ==| Glossary Terms List |==*/
#main_content ul.glossary_terms{list-style:none; margin: 15px 0 15px 10px;}
#main_content ul.glossary_terms li{margin-bottom: 5px;}

/* ==| Link Styles|== */
a:link {color: #015a8e; text-decoration: none; border: none;}
a:visited {color: #015a8e; text-decoration: none; border-bottom: 1px dotted #3a759b; border: none;}
a:hover, a:active {color: #4ca53f; text-decoration: underline; /* border-bottom: 1px dotted #015a8e;*/}
/*misc link styles*/
#main_content a:link, #main_content a:visited{color: #015a8e; text-decoration: none; border-bottom: 1px dotted #015a8e;}
#main_content a:hover, #main_content a:active{color: #4ca53f; text-decoration: none; border-bottom: 1px dotted #4ca53f;}
#body_hom #main_content a{border: none;}
#body_hom #main_content a:hover{text-decoration: underline;}
a.title_a{color: #010101;}
a.title_a:hover{color:#4ca53f; text-decoration: none;}
.home_content_row ul li a{font-size: 14px;}
.home_content_row ul li a.small_link{font-size: 11px; line-height: 16px; text-align: center;}
#home_content .home_content_row ul li a.description:link, #home_content .home_content_row ul li a.description:visited{padding: 0; margin: 1px 0 0 0; font-size: 12px; font-weight: bold; line-height: 14px; letter-spacing: -.28px;}
a.more_link{position: absolute; bottom: 5px; right: 5px; }
a.big_link{font-size: 16px; display: block; width: 400px; font-weight: bold; margin: 0 auto; padding: 20px 0;}

#main_content a.big_link{border: none;}
a.small_link{font-size: 10px; line-height: 16px;}
/* ==| link BUTTONS! |== */
a.more_btn{position: absolute; bottom: 15px; display: block; width: 69px; height: 22px; background: url(/images/more_btn.png) top left no-repeat; text-indent: -9000px;}
a.more_btn:hover{background-position: -69px 0;}
#main_content a.clear_border{border: none;}
#main_content a.apply_btn_normal{display: block; position: absolute;  width: 120px; height: 49px; background: url(/images/apply_btn.png) top left no-repeat; text-indent: -9000px; border: none; outline: none; top: 18px; right: 25px; }/* used throughout site in rate box. Same image as the home page apply button, not the form button on apply.asp */
#main_content a.apply_btn_normal:hover{background-position: -120px 0; border: none;}
#main_content a.apply_btn{display: block;  width: 120px; height: 49px; background: url(/images/apply_btn.png) top left no-repeat; text-indent: -9000px; border: none; outline: none;}/* used throughout site in rate box. Same image as the home page apply button, not the form button on apply.asp */
#main_content a.apply_btn:hover{background-position: -120px 0; border: none;}

#main_content a.btn_view_rates{float: right; padding-top: 5px; cursor: pointer; cursor: hand; display: block; width: 87px; height: 20px; background: url(/images/btn_view_rate.png) top left no-repeat; border: none; font-size: 12px; text-align: center; color: #ffefd7; font-weight: bold;}
#main_content a.btn_view_rates:hover{background-position: -87px 0;}


/* ==| IMAGE Styles|== */
#main_content img{border: 1px solid #0f0f0f;}
#main_content img.clear_border{border: none;}
#body_hom #main_content img{border: none;}
#main_content img.img_banner{border: none;}
#main_content img.thankyou_check{position: absolute; border: none; top: 10px; right: 5px;}
#main_content img.page_icon{position: absolute; border: none; top: 15px; right: 25px;}

/* ==| TABLE Styles|== */
/* rate table */
table.tbl_rates{position: relative; width: 100%; padding: 5px 0 0 0; margin-bottom: 10px; font-size: 14px; background: #bfd5e6 url(/images/tbl_rates_bg.png) top left repeat-x;; border-bottom: 2px solid #8797a0; border-right: 2px solid #83939c; border-left: 2px solid #e1f1fa; border-top: 2px solid #f5fafd;}
table.tbl_rates th{padding: 10px 0; background: #154e6f; color: #d0e5f1; border-top: 1px solid #6a8ea3; border-right: 1px solid #EFF6FA; border-bottom: 2px solid #364c58;}
table.tbl_rates td{padding: 10px 5px; text-align: center; font-size: 13px; border-bottom: 1px solid #fff;}
table.tbl_rates td.text_align_left{text-align: left;}
table.tbl_rates td.tbl_rates_shade{background: #9ab9ca; border: none; margin: none;}
/*small-simple table Used in the expandable menu on front page*/
table.tbl_small{width: 100%; background: #DAE9F2; border: 1px solid #fff; margin: 3px 0;}
table.tbl_small th{border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 1px;}
table.tbl_small td{border-right: 1px solid #fff; padding: 2px;}
table.tbl_small th.end_thtd{border-right:none; text-align: center;}
table.tbl_small td.end_thtd{border-right:none; text-align: center;}
/* table on article pages */
/*table.tbl_articles{width: 80%; background: #e9f3f9; border: 1px solid #fff; margin: 5px auto; border: 2px solid #bfd0db;}
table.tbl_articles th{border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px; background: #bfd0db;}
table.tbl_articles td{border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px;}*/
/*articles table*/
table.tbl_articles{width: 100%; background: #e9f3f9; border: 2px solid #bfd0db; margin: 5px auto;}
table.tbl_articles th{background: #bfd0db; border-left: 1px solid #bfd0db; border-right: 1px solid #bfd0db; border-bottom: 1px solid #bfd0db; padding: 5px; vertical-align: middle;}
table.tbl_articles td{border-right: 1px solid #bfd0db; border-bottom: 1px solid #bfd0db; padding: 5px; vertical-align: middle;}
table tr.ta_highlight{background: #d9e6ed;}

/* ==| Round Boxes | */
.blue_box{position: relative; margin: 25px 25px; padding: 10px 25px; background: #ECF3FF; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #bac4d5; clear: both;}
.blue_box2{float: left; width: 80%; text-align: center; position: relative; margin: 25px 25px; padding: 10px 25px; background: #ECF3FF; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #bac4d5; clear: both;}
.grey_box{position: relative; margin: 15px 0; padding: 10px; background: #eee; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #ccc; clear: both;}
.grey_box2{float: left; width: 80%; text-align: center; position: relative; margin: 25px 5px; padding: 10px 15px; background: #eee; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #ccc; clear: both;}
.grey_box_2col{margin: 15px 0; padding: 19px; background: #eee; float: left; width: 250px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #ccc;}
.left_box{margin-right: 25px;}

/*==| Global classes | ==*/
.left{float: left;}
.right{float: right;}
.bold{font-weight: bold}
.center{text-align: center;}
.clear{clear: both;}
.clear_complex{clear: both; display: block; height: 1px; margin-bottom: -1px; font-size: 1px; line-height: 1px;}
.even{background-color: #e9f0f5;}

.hidden{display: none;}
.visible{display: block;}
.clear_border{border: none;}
.bottom_up{display: inline-block; vertical-align: bottom; height: 42px; width: 100%;}
.upper{text-transform: uppercase;}
.title{text-transform: capitalize;}
.on{font-weight: bold;}
.off{font-weight: normal}
.inside{list-style: disc inside none;}/*moves list style bullets on the inside */
.list-style-none{list-style: none;}
.superscript{font-size: 60%; vertical-align:top;}
.block{display: block;}
.increase{font-size: 110%;}
.error{color: red;}
.center_img{display: block; margin: 0 auto;}
.button{cursor: pointer; cursor: hand;}
span.new{z-index: 5; position: absolute; top: -15px; left: -10px; display: block; width: 37px; height: 27px; background: url(/images/new.gif) top left no-repeat; text-indent: -9000px;}

/* ==| makes 2 columns within the #main_content area|==*/
.main_content_column{float: left; padding: 5px 15px;}
ul.main_content_column_ul{width: 242px;}
ul.main_content_column_ul li{margin-bottom: 3px; font-size: 12px;}
.main_content_column ul{width: 242px;}
.main_content_column ul li{margin-bottom: 3px; font-size: 12px;}
.main_content_column ul ul{margin-left: 15px;}
.main_content_column ol{width: 242px;}
.main_content_column ol li{margin-bottom: 3px; font-size: 12px;}
.main_content_column ol ul{margin-left: 15px;}

/* site colors */
.green{color: #4ca53f;}
.img_space{margin-right: 5px; }
.text_align_left{text-align: left;}
.img_wrap_left{display: block; float: left; margin: 0 10px 5px 0;}
.tiny_text{font-size: 10px; line-height: 14px;}

/* ==| Structure |== */
#header_wrapper{width: 100%; height: 110px; background: url(/images/header_bg.png) top left repeat-x;}
#header{width: 980px; margin: 0 auto;}
/*#wrapper{width: 100%; float: left; margin-top: -6px; padding-top: 6px; background: url(/images/inner_wrapper_bg.png) top center repeat-y;}*/
#wrapper{width: 100% float: left; margin-top: 0; padding-top: 6px; background: url(/images/wrapper_bg2.gif) top center repeat-y;}
#body_hom #wrapper{width: 980px; margin: 0 auto; background: none; float: none;}
#footer_wrapper{width: 100%; height: 225px; background: url(/images/footer_bg.gif) top left repeat-x;}
#footer{width: 980px; margin: 0 auto;}
#sidebar_left{float: left; width: 174px; min-height: 608px; padding: 10px 0 10px 0;}
#main_content{position: relative; width: 482px; min-height: 450px; float: left; padding: 12px 12px;}
#sidebar_right{float: right; width: 298px;}

/* ==| Elements |== */

/* ==| Header Elements |== */
#tms_logo{display: block; float: left; width: 338px; height: 73px; background: url(/images/tms_logo.jpg) top left no-repeat; text-indent: -9000px;border: none;}
#header_elements_top{float: left; width: 641px; height: 38px;}
ul.header_utility{float: right; margin-top: 10px; margin-left: 25px; text-transform: capitalize; font-size: 12px; color: #015a8e;}
#header_elements_bottom{float: left; width: 641px; height: 34px;}
#header span.phone_number{margin: 0; padding: 0; float: right; text-align: right; font-size: 30px; font-weight: bold; color: #3f4e58;}
#header span.phone_number span{font-size: 24px;}
#header ul{list-style: none;}
#header ul li{float: left;}
#chat_header{display: block; float: left; margin-top: 5px; margin-left: 67px; padding-top: 2px; width: 166px; height: 21px; background: url(/images/chat_header_bg.png) top left no-repeat; border: none; text-align: center;}
/*
#header a.second_nav_btn{display: block; margin-right: 3px; padding-top: 10px; font-size: 92%; width: 149px; height: 24px; background: url(/images/second_nav_btn.png) top left no-repeat; text-align: center; color: #0b5713; font-weight: bold;}
#header a.second_nav_btn:hover{color: #fff; background-position: -149px 0; border: none; font-weight: bold; text-decoration: none;}
*/
#header a.refinance_btn{text-indent: -9000px; display: block; margin-top: 3px; margin-right: 3px; font-size: 92%; width: 168px; height: 31px; background: url(/images/second_nav_refinance_btn.png) top right no-repeat;}
#header a.buy_btn{text-indent: -9000px; display: block; margin-top: 3px; font-size: 92%; width: 168px; height: 31px; background: url(/images/second_nav_buy_btn.png) top right no-repeat;}
#header a.refinance_btn:hover{background-position: 0 0;}
#header a.buy_btn:hover{background-position: 0 0;}
/* page elements */
#body_cen.body_ref #nav_ref,/* targets articles in refinance center -> -> */#body_art.body_ref #nav_ref{background-position: 0 0;}
#body_cen.body_pur #nav_pur, #body_art.body_pur #nav_pur{background-position: 0 0;}
.body_hideheaderelem #nav_ref, .body_hideheaderelem #nav_pur{visibility: hidden;}

/* ==| Main NAV |==| */
#main_nav{position: relative; float: left; width: 100%; height: 43px; z-index: 3; background: url(/images/nav_main_right_2.png) top right no-repeat;}
#main_nav ul{float: left;  margin: 0 auto;}
/* ==| left nav |== */
#main_nav ul.nav_main_left{}
#main_nav ul.nav_main_left li.nav_bg_fix{background: url(/images/nav_main_bg_2.png) top left repeat-x;}
#main_nav ul li a{font-size: 92%; font-weight: bold; display: block; margin-top: 0; margin-bottom: 0; padding: 13px 12px; /*letter-spacing: -.30px;*/ background: url(/images/nav_main_bg_2.png) top left repeat-x; border-right: 1px solid #0c3556; border-left: 1px solid #296696; color: #d8e8f3;}
#main_nav ul li a:hover{background: url(/images/nav_main_bg_2_hover.png) top left repeat-x; border-bottom: none; text-decoration: none;}
#main_nav ul li a.nav_hom{border-left: none; background: url(/images/nav_main_home_bg_2.png) top left no-repeat;}
#main_nav ul li a.nav_hom:hover{background-position: -69px 0;}
/* ==| right nav |== */
#main_nav ul.nav_main_right{position: relative; background: url(/images/nav_main_bg_2.png) top left repeat-x; padding-right: 0;}
#main_nav ul.nav_main_right li{padding: 12px 0; color: #bddbef;}
#main_nav ul.nav_main_right a{float: left; border: none; padding: 0 10px; color: #beddf1; background: none; font-weight: normal;}
#main_nav ul.nav_main_right a:hover{background: none; color: #fff;}
#main_nav ul.nav_main_right li.search_box{width: auto; padding-left: 3px; padding-right: 5px; margin-top: -19px;}
span.search_box_span{}
form.search_form input.search_field{width: 200px;}

/* DropDownMenu */
#main_nav ul.dd_menu{-moz-border-radius-bottomleft: 7px; -webkit-border-radius-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-radius-bottom-right-radius: 7px;}
#main_nav ul.dd_menu li.sub_menu a{margin: 0; padding: 6px 12px; width: 162px; color: #0C4164; background-image: none; color: #0C4164; border-bottom: 1px solid #c5d7e4; border-top: 1px solid #f5fbff;}
#main_nav ul.dd_menu li.sub_menu a:hover{background-color: #0669a8; color: #E3EEF6;}
#main_nav ul.dd_menu li.sub_menu_b a{margin: 0; padding: 6px 12px; width: 162px; color: #0C4164; background-image: none; background-color: #90BBD8;}
#main_nav ul.dd_menu li.sub_menu_b a:hover{background-color: #0669a8; color: #E3EEF6;}
#main_nav ul.dd_menu li.sub_menu_c a{margin: 0; padding: 6px 12px; width: 162px; color: #0C4164; background-image: none; background-color: #90BBD8; border-bottom: 1px solid #296696; border-top: 1px solid #f5fbff; -moz-border-radius-bottomleft: 7px; -webkit-border-radius-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-radius-bottom-right-radius: 7px;}
#main_nav ul.dd_menu li.sub_menu_c a:hover{background-color: #0669a8; color: #E3EEF6;}
#main_nav ul.dd_menu li.sub_menu_end a{margin: 0; padding: 6px 12px; width: 162px; color: #0C4164; background-image: none; border-bottom: 1px solid #296696; border-top: 1px solid #f5fbff; -moz-border-radius-bottomleft: 7px; -webkit-border-radius-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-radius-bottom-right-radius: 7px;}
#main_nav ul.dd_menu li.sub_menu_end a:hover{background-color: #0669a8; color: #E3EEF6;}
#main_nav ul li ul.dd_menu{visibility: hidden; position: absolute; float: left;  height: auto; background: url(/images/dd_menu_bg.png) top left repeat-y;}
ul.dd_menu li{width: 188px; float: left; clear: left;}
#main_nav ul li:hover > ul{visibility: visible;}
#main_nav a.dd_a{margin-bottom: 0;}/*clears margin on top level dropdown link*/
/* page identifier */
#body_hom #main_nav #nav_hom{background-position: -69px 0;}
#body_rat #main_nav #nav_rat, #body_pro #main_nav #nav_pro, #body_app #main_nav #nav_app{background: url(/images/nav_main_bg_2_hover.png) top left repeat-x;}
#body_abo #main_nav #nav_abo, #body_blo #main_nav #nav_blo, #body_vid #main_nav #nav_vid, #body_cen.body_abo #main_nav #nav_abo{color: #fff; background: none;}

/* ==| Main Content |== */

/* ==| Home Page Main Content |== */
/*#main_content_wrapper{width: 980px; margin: 0 auto;}*/
#main_content_wrapper{width: 980px; margin: 0 auto; background: #fff url(/images/sb_bg.gif) top left repeat-y;}

/*Mortgage calc pages*/
#body_cal2 #main_content_wrapper{width: 980px; margin: 0 auto; background: #fff url(/images/sb_bg2.gif) top left repeat-y;}
#body_cal2 #main_content{position: relative; width: 620px; min-height: 450px; float: left; padding: 12px 15px;}

#body_hom #main_content_wrapper{width: 100%; float: left; position: relative; background: none; border-bottom: 6px solid #728fa1;}
#body_hom #main_content{float: left; width: 361px; min-height: 0; padding: 0 8px 0 0; position: relative; }
#fp_image_box{position: relative; width: 333px; margin: 0 auto; margin-top: 12px; margin-bottom: 3px;}
#main_content #fp_image_box a{color: #9cd4f4; font-weight: bold;}
#body_hom #main_content #fp_image_box img{border: 1px solid #000;}
span.fp_image_caption{color: #fff; font-size: 12px; position: absolute; left: 0; bottom: 0; display: block; width: 321px; padding: 3px 6px; background: url(/images/caption_home_bg.png) top left repeat-x;}

#fp_image_box2{position: relative; width: 352px; margin: 0 0 0 8px; margin-top: 12px; margin-bottom: 3px;}
#main_content #fp_image_box2 a:hover{color: #0A3E68;}
#body_hom #main_content #fp_image_box2 img{border: none;}
span.fp_image_caption2{text-align: center;color: #000; font-size: 12px; position: absolute; left: 1px; bottom: 1px; display: block; width: 338px; padding: 3px 6px; background: url(/images/caption_home_bg2.png) top left repeat-x;}
#fp_image_box2 span.count{position: absolute; top: -5px; right: 15px; font-size: 82px; font-weight: bold;  color: #d61313; }
#fp_image_box2 span.daysleft{position: absolute; bottom: 42px; right: 15px; font-size: 18px; font-weight: bold; color: #d61313;}
/*#main_cta{position: relative; margin: 40px 0 0 25px; padding: 7px 15px; width: 328px; height: 158px; background: url(/images/welcome_bg.png) top left no-repeat;}
#main_cta h1{font-size: 30px; margin-bottom: 0;}
#main_cta p{line-height: 18px; color: #202020; font-size: 12px;}
#main_cta a.apply_btn{position: absolute; bottom: 15px; right: 10px; display: block; width: 120px; height: 49px; background: url(/images/apply_btn.png) top left no-repeat; text-indent: -9000px;}
#main_cta a.apply_btn:hover{background-position: -120px 0; border: none;}
*/
#main_title{margin-left: 12px; margin-bottom: 4px;}
#main_title p{margin-bottom: -3px; padding-bottom: 2px;}
#main_title h1{float: left; margin: 0; font-size: 19px; font-weight: bold; color: #0a3e68;}
#main_title h2{float: left; margin: 0; font-size: 19px; font-weight: bold; color: #0a3e68;}
#main_title span.fp_and_sign{display: block; float: left; font-size: 19px; font-weight: bold; color: #0a3e68; margin: 0 4px;}
#rate_box_home{float: right; width: 100%; background: url(/images/home_images/rate_graph_rising.jpg) bottom left no-repeat; margin-bottom: 6px; background-position: 0 8px;}
/*background link for rate box section (top of index)*/
#main_content a.rate_box_home_bg_link{position: absolute; display: block; width: 359px; height: 122px; z-index: 1;}
/*apply link for rate box section (top of index)*/
#main_content a.rate_box_home_link{display: block; font-weight: bold; float: left; margin: 0 auto; padding: 0 7px; color: #e16401;}
#main_content a.rate_box_home_link:hover{color: #fb8c33; border: none;}
#main_content a.rate_box_home_link span{position: relative; top: -2px;}
span.rate_box_home_apr{font-size: 16px; color: #505050;}
#main_content p.rate_box_home_view_rates_apr{position: relative; clear: right; padding: 2px 0; font-size: 12px; text-align: right; z-index: 2;}
span.rate_box_home_main_rate{font-size: 77px; font-weight: bold; float: right; text-align: right; color: #235d8c; margin-top: -10px; margin-bottom: -10px;}
#main_content p.rate_box_home_title{position: relative; font-size: 16px; text-align: right; margin-right:10px; padding: 3px 0; z-index: 2;}
/* top right content of home page */
#main_content_right{width: 307px; position: absolute; bottom: 0; right: 0;/* background: url(/images/main_content_wrapper_bg.png) bottom left repeat-x;*/ float: left; margin: 0 0 0 0; padding-bottom: 10px;}
.right_content_box{margin: 0 auto;}
.recently_featured{margin-top: 11px; text-align: center;}
.recently_featured h4{margin-bottom: 6px; color: #234c65;}
.recently_featured a.more_featured{clear: both; margin-top: 10px; padding-bottom: 0; margin-bottom: 0;}

#news_logos_wrapper{width: 275px; height: 95px; margin: 0 auto; margin-bottom: 8px;}

/*HOME PAGE UPDATE 4/27/2010 */
#cta{font-size: 14px; background: url(/images/home_images/model_homes.jpg) right 85px no-repeat; padding-bottom: 15px; width: 365px;}
#cta span.cta_top{padding-left: 5px; padding-right: 10px; padding-top: 2px; margin-bottom: 2px; display: block; margin-left: 8px; width: 339px; height: 20px; background: url(/images/home_images/cta_top_bg.png) top left no-repeat;}
#cta span.cta_top a{font-size: 10px; text-decoration: underline;}
#cta .main_title{margin-bottom: 6px; margin-top: 5px; width: 362px; height: 62px; text-indent: -9000px; background: url(/images/home_images/main_title.gif) top left no-repeat;}
/*variation for google optimizer*/
#cta .main_title2{margin-bottom: 6px; margin-top: 5px; width: 367px; height: 62px; text-indent: -9000px; background: url(/images/home_images/main_title2.gif) top left no-repeat;}
/*end variation*/
#cta span.home_title{display: block; font-size: 18px; color: #393939; font-weight: bold; line-height: 28px;}
#main_content #cta h1{font-size: 18px; color: #393939; float: left; font-weight: bold; margin: 0; padding: 0; line-height: 28px;}
#main_content #cta ul.benefits1{color: #393939; margin-left: 8px; font-weight: bold;}
#main_content #cta ul.benefits1 li{list-style-image: url(/images/blue_checkmark.png); margin-bottom: 5px;}
#main_content #cta p{position: relative; top: 10px; margin: 5px 0; padding: 0;}
#cta a.cta_link{position: relative; top: 10px; margin: 5px 0;}
/*RATE BOX*/
#rate_box_home2{height: 118px; position: relative; top: 4px;   padding: 4px 7px; padding-top: 6px; background: #cde1ee url(/images/home_images/rate_graph_rising2.jpg) right 15px no-repeat; border: 1px solid #728fa1; color: #393939;}
#rate_box_home2 span.rate_title{display: block; font-size: 18px; color: #06589a; font-weight: bold; float: left;}
#main_content #rate_box_home2 h2{float: left; font-size: 18px; color: #06589a; font-weight: bold; margin: 0; padding: 0; }
#main_content #rate_box_home2 span.rate_title a:hover{color: #06589a; text-decoration: none;}
#main_content #rate_box_home2 h2 a:hover{color: #06589a; text-decoration: none;}
#rate_box_home2 p{clear: left;}
#rate_box_home2 span.main_rate{position: absolute; left: 10px; top: 44px; color: #0a3e68; font-size: 58px; font-weight: bold;}
#rate_box_home2 span.main_apr{position: absolute; left: 165px; bottom: 30px;}
#rate_box_home2 p{margin:0; padding:0;}
#main_content a.action_link{color: #ff6c00; text-decoration: underline; font-weight: bold; display: block; clear: left; text-align: center;}
#body_hom #main_content a.action_link:hover{color: #ff8a34;}
#rate_box_home2 a.rate_link{position: absolute; bottom: 5px; left: 24px; font-size: 13px;}

/*HOME PAGE UPDATE 6/2/2010 */
#cta .main_title3{margin-bottom: 6px; margin-top: 5px; width: 362px; height: 66px; text-indent: -9000px; background: url(/images/home_images/main_title3.gif) top left no-repeat;}
#rate_box_home2 a.main_rate_link{margin: 2px 0 0 10px; display: block; width: 295px; height: 17px; text-indent: -9000px; background: url(/images/home_images/main_rate_link.gif) top left no-repeat;}
#body_hom #main_content #rate_box_home2 a.main_rate_link h2, #body_hom #main_content #rate_box_home2 a.main_rate_link h3{margin-bottom: 0;}
/* BEGIN FORM STYLES */

/* ==| Basic FORM Styles |== */
input.text_input{margin: 0; background: #fff; color: #24506c; border-top: 1px solid #556e7e; border-left: 1px solid #556e7e; border-bottom: 1px solid #b7c9d5; border-right: 1px solid #b7c9d5;}
input.text_input_dark{border: 1px solid #556e7e; color: #556e7e;}
select{margin: 0; cursor: pointer; background: #fff; color: #24506c; border-top: 1px solid #556e7e; border-left: 1px solid #556e7e; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
select.select_dark{border: 1px solid #556e7e; color: #24506C;}
input.submit_input{float: right;}
form textarea{background: #fff; color: #24506c; border-top: 1px solid #556e7e; border-left: 1px solid #556e7e; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}

/* Calculator Form Styles */
#form_calc fieldset{padding: 10px; border: 1px solid #ccc;}
#form_calc fieldset.calc_fieldset{border: none; border-top: 1px solid #333;}
#form_calc input[type=text]{margin: 3px;}
#form_calc input.calc_submit{margin-left: 160px; margin-top: 10px; cursor: pointer; cursor: hand; border:none; width: 150px; height: 33px;  background: url(/images/buttons/btn_calculate.gif) top left no-repeat;}
#form_calc label{display: block; width: 160px; float: left; clear: left; margin: 4px 10px 0 0; text-align: right; font-size: 13px; font-weight: bold;} 
#form_calc legend{font-style: italic;}

/*Calculator Table Styles*/
#tbl_calcresult {border-top: 1px solid #7bbd7a; border-left: 1px solid #7bbd7a;}
#tbl_calcresult td {border-right: 1px solid #7bbd7a; border-bottom: 1px solid #7bbd7a;padding: 3px;}
#tbl_calcresult tr:hover{background: #e1e1e1}

/* ==| Main Quote Form Styles |== */
#body_hom #form_wrapper_home{float: left; width: 306px; background: url(/images/form_bg_shadow_home.png) top left repeat-y;}
#body_hom #quote_form{position: relative; float: left; width: 298px; padding: 10px 0 0 0 ; margin: 0 0 0 4px; /*height: 342px;*/ background: #90bbd8 url(/images/form_bg_home.png) top left repeat-x; border: none;/*border-left: 1px solid #c4dbea; border-right: 1px solid #748691;*/}
#body_hom span.form_bottom_bg{display: none;}
#quote_form{position: relative; float: right; padding: 10px 0 0 0 ; margin: 10px 0 45px 0; width: 296px; background: #d7e7f1; /*height: 342px; background: #90bbd8 url(/images/form_repeat_bg.png) top left repeat-x;*/ border-left: 1px solid #b7c9d5; border-top: 1px solid #b7c9d5; border-right: 1px solid #748691;border-bottom: 1px solid #748691;}
/* hides quote form on certain pages */
#body_app #quote_form, #body_con #quote_form, #body_lim #quote_form{display: none;}


/*
span.form_bottom_bg{position: absolute; bottom: 0; left: -2px; display: block; width: 298px; height: 7px; background: url(/images/form_bottom_bg.png) bottom center no-repeat; border-left: 1px solid #eee; border-right: 1px solid #eee;}
*/
#quote_form span.form_bottom_bg{position: absolute; bottom: -46px; display: block; width: 298px; background: url(/images/trust_logos.jpg) top left no-repeat; width: 297px; height: 42px;}
#body_hom #quote_form span.form_bottom_bg{display: none;}
#quote_form form{margin: 0; padding: 0; position: relative;}
#quote_form fieldset{margin: 0; padding: 0;}
#quote_form ul{margin-top: 10px;list-style: none;}
#quote_form ul li{float: left; font-size: 12px; font-weight: bold; color: #24506c; padding: 0; margin-bottom: 8px; }
#quote_form ul li.quote_submit{float: right; text-align: right;}
#quote_form label{display: block; width: 87px; float: left; padding-top: 6px; text-align: right; margin-right: 5px;}
#quote_form input.text_input{float: left; width: 165px; padding: 4px;}
#quote_form select{padding: 3px 0;}
#quote_form input.quote_submit{padding: 0; margin: 0 0 0 92px; float: right; margin-top: 3px; margin-right: 7px; cursor: pointer; width: 176px; height: 35px; background: url(/images/quote_btn3.gif) top left no-repeat; border: none;}
#quote_form input.quote_submit:hover{background-position: 0 -35px; }
/*a.form_quote_submit{ float: right; margin-top: 3px; margin-right: 7px; display: block; border: none; text-indent: -9000px; cursor: pointer; width: 120px; height: 39px; background: url(/images/quote_btn.png) top left no-repeat;}*/
p.quote_form_title{padding-top: 5px; font-size: 18px; line-height: 23px; text-align: center; color: #24506c; text-transform: capitalize;}
img.form_logos{margin-top: -5px;}

#quote_form input.question_submit{padding: 0; margin: 0; float: right; margin-top: 3px; margin-right: 7px; cursor: pointer; width: 123px; height: 42px; background: url(/images/submit_btn.gif) top left no-repeat; border: none;}

/* Quote Form 2 (testing) */
#quote_form2{position: relative; float: right; padding: 10px 0 0 0 ; margin: 10px 0 45px 0; width: 296px; /*height: 342px;*/ background: #d7e7f1 /*url(/images/form_repeat_bg.png) top left repeat-x*/; border-left: 1px solid #b7c9d5; border-top: 1px solid #b7c9d5; border-right: 1px solid #748691;border-bottom: 1px solid #748691;}
/* hides quote form on certain pages */
#body_app #quote_form2, #body_con #quote_form2, #body_lim #quote_form2{display: none;}
/*#quote_form2 span.form_bottom_bg{position: absolute; bottom: 0; left: -2px; display: block; width: 298px; height: 7px; background: none; background: url(/images/form_bottom_bg.png) bottom center no-repeat; border-left: 1px solid #eee; border-right: 1px solid #eee;}*/
#quote_form2 span.form_bottom_bg{position: absolute; bottom: -46px; display: block; width: 298px; background: url(/images/trust_logos.jpg) top left no-repeat; width: 297px; height: 42px;}
#quote_form2 form{margin: 0; padding: 0; position: relative;}
#quote_form2 fieldset{margin: 0; padding: 0;}
#quote_form2 ul{margin-top: 10px;list-style: none;}
#quote_form2 ul li{float: left; font-size: 12px; font-weight: bold; color: #24506c; padding: 0; margin-bottom: 8px; }
#quote_form2 ul li.quote_submit{float: right; text-align: right;}
#quote_form2 label{display: block; width: 87px; float: left; padding-top: 6px; text-align: right; margin-right: 5px;}
#quote_form2 input.text_input{float: left; width: 165px; padding: 4px;}
#quote_form2 select{padding: 3px 0;}
#quote_form2 input.quote_submit{padding: 0; margin: 0 0 0 92px;; float: right; margin-top: 3px; margin-right: 7px; cursor: pointer; width: 123px; height: 42px; background: url(/images/quote_btn3.png) top left no-repeat; border: none;}
#quote_form2 input.quote_submit:hover{background-position: -123px 0; }
/*a.form_quote_submit{ float: right; margin-top: 3px; margin-right: 7px; display: block; border: none; text-indent: -9000px; cursor: pointer; width: 120px; height: 39px; background: url(/images/quote_btn.png) top left no-repeat;}*/
p.quote_form_title{padding-top: 5px; font-size: 18px; line-height: 23px; text-align: center; color: #24506c; text-transform: capitalize; font-weight: bold;}

/* ==| Apply Form |== */
form.apply_form{margin: 10px 0;}
form.apply_form ul{list-style: none;}
form.apply_form ul li{margin-bottom: 8px;}
form.apply_form label{display: block; width: 105px; float: left; font-weight: bold; text-align: right; margin-right: 5px; padding-top: 3px; font-size: 12px;}
form.apply_form input.text_input{padding: 3px; width: 200px; border: 1px solid #556e7e;}
form.apply_form input.text_input_zip{padding: 3px; width: 108px; border: 1px solid #556e7e; background: #fff; color: #24506c;}
form.apply_form select{padding: 3px;}
#main_content form.apply_form a.form_apply_submit{display: block; border: none; text-indent: -9000px; position: relative; left: 111px; top: 3px; cursor: pointer; width: 120px; height: 39px; background: url(/images/apply_submit_btn.gif) top left no-repeat; border: none;}
form.apply_form a.form_apply_submit:hover{background-position: -120px 0;}
form.apply_form input.quote_submit{margin-left: 110px; margin-top: 3px; margin-right: 7px; cursor: pointer; width: 123px; height: 42px; background: url(/images/quote_btn3.png) top left no-repeat; border: none;}
form.apply_form input.quote_submit:hover{background-position: -123px;}

/* Five Column Home Page Form Styles -- the two little forms on the left*/
/*form.five_col_form ul {list-style: none; float: left; padding-left: 12px;}
form.five_col_form ul li{float: left; font-size: 12px; margin-bottom: 12px; font-weight: bold; }
form.five_col_form label{display: block; float: left; width: 103px; padding-top: 3px;}
form.five_col_form input.text_input{width: 120px; border: 1px solid #556e7e;}
form.five_col_form select{border: 1px solid #556e7e;}
form.five_col_form input.btn_get_rate{position: absolute; bottom: 2px; right: 19px; float: right; cursor: pointer; width: 87px; height: 29px; background: url(/images/btn_get_rate.png) top left no-repeat; text-indent: -9000px; border: none;}
form.five_col_form input.btn_get_rate:hover{background-position: -87px 0;}
form.five_col_form label.radio_label{display: block; width: auto; padding-left: 5px; float: left;}
form.five_col_form input.radio_input{float: left; margin-top: -1px;}
*/
/* ==| Purchase Refinance Rate Form top right home page |== */
#form_purchase_refinance_home{color: #eee; position: relative; width: 289px; height: 187px; margin: 0 auto; background: url(/images/form_purchase_refinance_home_bg.png) top left no-repeat;}
#form_purchase_refinance_home p{font-size: 12px; padding-bottom: 4px; font-weight: bold; text-align: center;}
#form_purchase_refinance_home h3{margin-bottom: 4px; padding-left: 12px; padding-top: 10px; padding-bottom: 15px; text-align: center;}
form.form_purchase_refinance_home{margin-top: 8px;}
form.form_purchase_refinance_home ul {list-style: none; float: left; padding-left: 12px;}
form.form_purchase_refinance_home ul li{float: left; font-size: 12px; margin-bottom: 12px; font-weight: bold; }
form.form_purchase_refinance_home label{color: #eeeeee; text-align: right; margin-right: 3px; display: block; float: left; width: 103px; padding-top: 3px;}
form.form_purchase_refinance_home input.text_input{width: 120px; border: 1px solid #556e7e;}
form.form_purchase_refinance_home select{border: 1px solid #556e7e;}
form.form_purchase_refinance_home input.btn_get_rate{position: absolute; bottom: 10px; right: 19px; float: right; cursor: pointer; padding-bottom: 4px; width: 87px; height: 25px; background: url(/images/btn_view_rate.png) top left no-repeat; border: none; font-size: 12px; text-align: center; color: #ffefd7; font-weight: bold;}
form.form_purchase_refinance_home input.btn_get_rate:hover{background-position: -87px 0;}
form.form_purchase_refinance_home label.radio_label{display: block; width: auto; padding-left: 5px; float: left;}
form.form_purchase_refinance_home input.radio_input{float: left; margin-top: -1px;}

/* Purchase Refinance form on inner pages (i.e. Mortgage Rates page)*/
#form_purchase_refinance_container{padding: 5px; float: left;}
#form_purchase_refinance2{position: relative;float: left; width: 480px}
#form_purchase_refinance2 label{float: none; display: block; width: 105px; font-weight: bold; }
#form_purchase_refinance2 label.radio_label{cursor: pointer; cursor: hand; display: block; width: auto; padding-left: 5px; float: left; font-weight: normal;}
#form_purchase_refinance2 input.radio_input{float: left; margin-top:4px;}
#form_purchase_refinance2 legend{font-style: italic; font-size: 12px;}
#form_purchase_refinance2 fieldset{border: 2px solid #BFD0DB; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#form_purchase_refinance2 ul{float: left;}
#form_purchase_refinance2 ul li{margin-bottom: 10px;}
#form_purchase_refinance2 ul li.submit_btn_li{}
#form_purchase_refinance2 input.btn_get_rate{cursor: pointer; padding-bottom: 4px; width: 87px; height: 25px; background: url(/images/btn_view_rate.png) top left no-repeat; border: none; font-size: 12px; text-align: center; color: #ffefd7; font-weight: bold;}
#form_purchase_refinance2 input.btn_get_rate:hover{background-position: -87px 0;}
#form_purchase_refinance2 ol.purchase_refi_list li{margin-bottom: 0;}
/*newsletter form box - in sidebar*/
form.form_newsletter{margin: 0; margin-top: 10px;}
form.form_newsletter fieldset{margin: 0; padding: 0;}
form.form_newsletter input.newsletter_submit{cursor: pointer; position: absolute; top: 2px; right: 2px; width: 25px; height: 25px; background: url(/images/newsletter_submit_btn.gif) top left no-repeat; border: none;}
form.form_newsletter input.newsletter_submit:hover{background-position: -25px 0;}
form.form_newsletter ul{margin: 0; padding: 0; list-style: none; position: relative;}
form.form_newsletter ul li{display: inline;}
form.form_newsletter input.text_input{padding: 5px; width: 142px;}

/* state rate box and form */
#state_rate_box{width: 258px; /* height: 189px;*/ padding: 5px 20px; background: url(/images/usa.jpg) top left no-repeat;}
#state_rate_box h3{color: #0A3E68;}
#state_rate_box form.state_rates{margin: 8px 0;}

/* ==| Contact Form Styles |== */
form.contact_form label{display: block; width: 110px; margin-right: 10px; text-align: right; float: left; font-weight: bold; padding-top: 2px; }
form.contact_form input.text_input, form.contact_form textarea{padding: 5px; width: 250px; border: 1px solid #556e7e;}
form.contact_form ul li{margin-bottom: 10px; clear: left;}
form.contact_form input.form_contact_submit{margin-left: 130px;}

/* ==| Cash in Calculator form style |==*/
form.cash_in_calculator label{width: 150px; display: block; float: left; font-weight: bold; margin-right: 5px; text-align: right;}
#main_content form.cash_in_calculator ul{list-style: none;}
form.cash_in_calculator ul li{margin-bottom: 5px;}
form.cash_in_calculator input.submit{margin-left: 155px;}

/*Subscription Form*/
#sub_form{margin: 15px 0;}
#sub_form legend{color: #91a7b4; padding: 10px 5px;}
#sub_form fieldset.personal{border-bottom: 1px solid #91a7b4;}
#sub_form ul{list-style: none;}
#sub_form ul li{margin-bottom: 10px;}
#sub_form fieldset.personal label{display: block; width: 80px; float: left;}
#sub_form label{font-size: 12px; font-weight: bold;}
#sub_form input.text_input{width: 175px; padding: 2px;}
#sub_form input.sub_btn{margin-left: 16px; margin-top: 10px;}

/* Realtor Form */
#frm_realtor input.text_input{width: 250px;padding: 3px;}

/* END FORM STYLES */

/* ==| PROMO Section |== */
ul.promos{position: relative; float: left; width: 976px; margin-top: 18px; list-style: none; text-align: left; border-right: 1px solid #fff; border-left: 1px solid #d0d0d0;}
ul.promos li{border-right: 1px solid #d0d0d0; border-left: 1px solid #fff; position: relative; /*width: 323px;*/ height: 120px; float: left;}
ul.promos li.promo1, ul.promos li.promo3{width: 310px;}
ul.promos li.promo2{width: 350px;} 
ul.promos li p{color: #333; font-size: 12px; line-height: 16px; margin-top: 6px; padding-right: 12px;}
ul.promos li h4{color: #303030; font-weight: bold; font-size: 16px; padding-left: 12px;}
ul.promos li h4 a:link, ul.promos li h4 a:visited{color: #303030; font-weight: bold; font-size: 16px;}
ul.promos li h4 a:hover{text-decoration: none;}
ul.promos li a.more{position: absolute; bottom: 5px; right: 16px;}
ul.promos li img{margin-top: 5px;}
ul.promos ul{width: auto; padding:0; border: none; line-height: 18px;  margin-left: 20px; margin-top: 10px;}
ul.promos ul li{width: auto; height: auto; border: none; margin-bottom: 0;}

/* ==| Home Page Supportng Content |== */
#home_content{width: 100%; float: left; margin: 12px 0;}
.home_content_row{float: left; width: 100%; margin-bottom: 12px;}
.home_content_col{float: left; height: 308px; margin-right: 12px;}

.home_content_row ul{margin-top: 5px; margin-left: 0; line-height: 20px;}
.col_content_row{clear: left; margin-top: 12px;}/*creates a row within the column content boxes (lower home page)*/

.five_col_half{position: relative; margin-bottom: 12px; width: 298px; height: 148px; background: url(/images/five_col_bg.gif) top left repeat-y;}
.five_col_full{position: relative; width: 298px; height: 308px; background: #f1f1f1 url(/images/five_col_bg.gif) top left repeat-y;}
.six_col_full{position: relative; width: 360px; height: 308px; background: #fff url(/images/six_col_bg.gif) top left repeat-y;}
/*TMS Highlight box */
.full_col{position: relative; width: 100%; height: 193px; background: #fff url(/images/full_col_full_bg.gif) top left repeat-y;}
/* MORTGAGE CENTER BOXES on Home */
.four_col_half{position: relative; float: left; padding: 12px 14px; width: 208px; height: 251px; margin-bottom: 12px; margin-right: 12px; background: #fff url(/images/mortgage_center_bg.png) top left no-repeat;}
span.title_arrow{color: #4ca53f; font-size: 110%; margin-left: 3px;}

.four_col_full{position: relative; float: right; width: 236px; height: 562px; margin-left: 11px; /*background: url(/images/four_col_bg.gif) top left repeat-y;*/}
.end_col{margin-right: 0;}
.end_row{margin-bottom: 0;}
.no_shadow{background-image: none;}
.bordered_grey_blue{width: 288px; height: 136px; border: 5px solid #728FA1; background-image: none; background-color: #F8FBFD;}/*takes off side shadows - must take off top and bottom shadows in html*/
.light_grey_bg{background: #f1f1f1;}

/* bottoms and tops */
span.four_col_top{margin: 0; padding: 0; display: block; width: 236px; height: 5px; background: url(/images/sprite_borders.gif) top left no-repeat;}
span.four_col_bottom{margin: 0; padding: 0; position: absolute; bottom: 0; display: block; width: 236px; height: 5px; background: url(/images/sprite_borders.gif) 0 -5px no-repeat;}
span.five_col_top{display: block; width: 298px; height: 5px; background: url(/images/sprite_borders.gif) 0 -10px no-repeat;}
span.five_col_bottom{clear: left; position: absolute; bottom: 0; display: block; width: 298px; height: 5px; background: url(/images/sprite_borders.gif) 0 -15px no-repeat;}
span.six_col_top{display: block; width: 360px; height: 5px; background: url(/images/sprite_borders.gif) 0 -20px no-repeat;}
span.six_col_bottom{position: absolute; bottom: 0; display: block; width: 360px; height: 5px; background: url(/images/sprite_borders.gif) 0 -25px no-repeat;}
span.full_col_top{display: block; width: 980px; height: 5px; background: url(/images/sprite_borders.gif) 0 -30px no-repeat;}
span.full_col_bottom{clear: left; position: absolute; bottom: 0; display: block; width: 980px; height: 5px; background: url(/images/sprite_borders.gif) 0 -35px no-repeat;}

/*home page box content */
.box_padding{padding: 18px 18px 0 18px;}
.box_padding2{padding: 0 18px 0 18px;}
ul.scroll{margin: 0 5px; padding: 0 15px 0 15px; with: 100%; height: 225px; overflow: auto; /*border-top: 1px solid #4ca53f; border-bottom: 1px solid #4ca53f;*/;}

/*promos 2 (calculators, rates, video box)*/
#promos_2 h4{text-transform: uppercase; font-size: 16px; color: #234c65; font-weight: bold;}

/*article box*/
ul.article_box li a{line-height: 18px;}
ul.article_box li{list-style: none; width: 160px; height: 130px; float: left;}
.article_box_margin_right{margin-right: 4px;}
.article_box_margin_bottom{margin-bottom: 5px;}

/* Expandable Menu Box */
ul.exp_menu{float: left; width: 290px; margin-top: 0; margin-left: 4px; list-style: none; background: #f1f1f1; height: 304px;}
ul.exp_menu li{display: inline; margin-bottom: 1px; clear: left;}
ul.exp_menu li a.exp_link_header{display: block; margin-bottom: 1px; font-size: 17px; color: #eee; text-transform: capitalize; width: 278px; padding: 10px 6px; background: url(/images/exp_menu_bg.png) no-repeat;}
ul.exp_menu li a.exp_link_header:hover{background-position: -298px 0; text-decoration: none;}
ul.exp_menu li h3{margin-bottom: 0; margin-top: 0; font-weight: normal;}
/*exp menu content*/
#exp_info_current{display: block; min-height: 134px;}
#exp_info_fha{display: none; min-height: 134px;}
#exp_info_jumbo{display: none; min-height: 134px;}
#exp_info_DU_HARP{display: none; min-height: 134px;}
ul.exp_menu li .exp_info{padding: 3px 0;}
ul.exp_menu li .exp_info p{padding: 3px 10px; font-size: 10px; line-height: 14px;}

/* highlight box */
.highlight_box{position: relative; width: 220px; height: 156px; padding: 5px 12px; margin-top: 8px; float: left; border-right: 1px solid #9e9e9e;}
.last_box{border: none;}
.highlight_box h3{margin-top: 0;}
/* links_column /  grey link nav - bottom of home page */
ul.site_links_nav{position: relative; list-style: none; width: 228px; margin-top: 0; margin-left: 4px; margin-bottom: 15px;border-bottom: 1px solid #fff; border-top: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf;}
ul.site_links_nav li{display: inline;}
ul.site_links_nav li a{font-size: 11px; font-weight: bold;  display: block; width: 213px; padding: 3px 0; padding-left: 17px; color: #1f1f1f; border-bottom: 1px solid #cfcfcf; border-top: 1px solid #fff;}
ul.inner li a{width: 151px; padding: 4px 0; padding-left: 17px; font-weight: normal;}
ul.inner{width: 168px;}
ul.site_links_nav li a:hover{background: #d5d5d5; text-decoration: none;}
ul.site_links_nav li a.nav_sb_on{background-color: #d5d5d5;}
ul.site_links_nav li ul li a.on{font-weight: bold;}
span.raquo_span{float: left; position: absolute; left: 0; font-weight: bold; margin-top: 2px; margin-left: 3px;}
ul.site_links_nav li ul{border: none;}
ul.state_links{height: 222px; overflow: hidden;}

/*==| END Home Page Content |==*/

/* sidebar boxes for inner pages - newsletter signup and testimonial box 
.dark_blue_box{margin-top: 10px; padding: 10px; width: 154px; background: #144360; -moz-border-radius-topleft: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-bottom-left-radius: 7px;}
.dark_blue_box h3{color: #d7efff;}
.dark_blue_box p{font-size: 12px; line-height: 20px; color: #9fc0d6;}
.dark_blue_box p.tiny_text{font-size: 10px; line-height: 14px;}
.dark_blue_box a{color: #d7efff;}
*/

/* sidebar boxes for inner pages - newsletter signup and testimonial box */
.dark_blue_box{margin-top: 10px; margin-bottom: 10px; padding: 10px; width: 154px; background: #d1d1d1; -moz-border-radius-topleft: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-bottom-left-radius: 7px;}
.dark_blue_box h3{color: #111;}
.dark_blue_box p{font-size: 12px; line-height: 20px; color: #333;}
.dark_blue_box p.tiny_text{font-size: 10px; line-height: 14px;}
.dark_blue_box a{color: #015A8E;}

/* sidebar boxes for inner pages - newsletter signup and testimonial box */
.light_blue_box{margin-top: 10px; margin-bottom: 10px; padding: 10px; width: 154px; background: #d1d1d1; -moz-border-radius-topleft: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-bottom-left-radius: 7px;}
.light_blue_box h3{color: #111;}
.light_blue_box p{font-size: 12px; line-height: 20px; color: #333;}
.light_blue_box p.tiny_text{font-size: 10px; line-height: 14px;}
.light_blue_box a{color: #015A8E;}

/* sidebar boxes for inner pages - newsletter signup and testimonial box */
.med_blue_box{margin-top: 10px; padding: 10px; width: 154px; background: #97b7ca; -moz-border-radius-topleft: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-bottom-left-radius: 7px;}
.med_blue_box h3{color: #30546a;}
.med_blue_box p{font-size: 12px; line-height: 20px; color: #333;}
.med_blue_box p.tiny_text{font-size: 10px; line-height: 14px;}
.med_blue_box a{color: #015A8E;}

/* ==| FOOTER |== */
#footer_info{width: 100%; height: 46px; padding: 18px 0;}
#footer_fine_print{width: 100%; height: 83px; }
#footer_copy{width: 100%; height: 20px; padding: 20px 0; color: #d1e5f1; text-transform: uppercase;}

#footer ul{list-style: none; float: left;}
#footer_info ul{margin-left: 15px; font-size: 12px; color: #5e5e5e;}
#footer_info ul li{margin-bottom: 1px;}
#footer_info ul.footer_icons{float: right; margin-top: 8px;}
#footer_info ul.footer_icons li{float: left; margin-left: 15px;}
/* footer icons */
#footer_info ul.footer_icons li a.inc500_icon{position: relative; top: -10px; left: -5px; display: block; width: 63px; height: 52px; background: url(/images/footer_icons/inc500.gif) top left no-repeat; text-indent: -9000px;}
#footer_info ul.footer_icons li a.twitter_icon{display: block; width: 30px; height: 30px; background: url(/images/footer_icons/twitter.jpg) top left no-repeat; text-indent: -9000px;}
#footer_info ul.footer_icons li a.facebook_icon{display: block; width: 30px; height: 30px; background: url(/images/footer_icons/facebook.jpg) top left no-repeat; text-indent: -9000px;}
#footer_info ul.footer_icons li a.equal_housing_icon{display: block; width: 33px; height: 33px; background: url(/images/footer_icons/equal_housing_lender.jpg) top left no-repeat; text-indent: -9000px;}
#footer_info ul.footer_icons li a.bbb_icon{display: block; width: 30px; height: 30px; background: url(/images/footer_icons/bbb.jpg) top left no-repeat; text-indent: -9000px;}
#footer_info ul.footer_icons li a.bbb_online_icon{display: block; width: 89px; height: 29px; background: url(/images/footer_icons/bbb_online.jpg) top left no-repeat; text-indent: -9000px;}
#footer_info ul.footer_icons li a.w3c_icon{display: block; width: 89px; height: 29px; background: url(/images/footer_icons/valid-xhtml10-blue.gif) top left no-repeat; text-indent: -9000px;}

#footer_fine_print p{padding: 17px 0; font-size: 9px; color: #7c7c7c; line-height: 12px;}

#footer_copy p{float: left; font-size: 11px; margin-top: 1px;}
#footer_copy ul{float: right;}
#footer_copy ul li{float: left; margin-top: 3px; padding: 0 10px; border-left: 1px solid #d1e5f1;}
#footer_copy ul li.end_li{border: none;}
#footer_copy a{font-size: 11px; color: #d1e5f1;}
#footer_copy a:hover{color: #fff;}

/*state rate poplate*/
.state_populate{height: 200px; overflow: auto; font-size: 12px; color: #555;}

/* ==| Show/Hide CALLBOXES |== */
/*hide both banner and text*/
#body_rat #call_box, #body_app #call_box, #body_abo #call_box, #body_cal #call_box, #body_cen #call_box, #body_pur #call_box, #body_ref #call_box, #body_con #call_box, #body_leg #call_box, #body_cal2 #call_box{display: none;}
/*show banner only*/
#body_pro #call_box_text, #body_art #call_box_text{display:none;}
/*show text only*/

/* ==| Banner Styles (Callbox include) |==*/
#call_box_banner{position: relative; margin: 0 auto; margin-top: 14px; width: 315px; height: 62px; background: url(/images/banner_images/banner_bg_1.png) top left no-repeat;}
#call_box_banner p{padding: 0; font-size: 16px; font-weight: bold; color: #072945;}
#call_box_banner a.banner_btn{position: absolute; bottom: 16px; right: 15px; display: block; width: 74px; height: 22px; padding: 8px 0 0 11px; background: url(/images/banner_images/banner_btn_1.png) top left no-repeat; border: none; color: #072945; font-size: 12px; font-weight: bold;}
#call_box_banner a.banner_btn:hover{background-position: -85px 0;}
#main_content #call_box_banner a.banner_link{padding-top: 20px; padding-left: 20px;  border: none; display: block; width: 295px; height: 42px; font-size: 16px; font-weight: bold; color: #072945;}

/* ==| Mortgage Quiz Styles |==*/
.quiz_q{margin-bottom: 20px; margin-top: 10px;}
.correct{color: green;}

/* ==| Boxes On Sidebar |==*/
.promo_box{background: #f1f1f1; width: 90%; margin: 10px auto; padding: 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
.promo_box h3{color: #0A3E68;}
.promo_box img{float: left; display: block; margin: 5px 10px 5px 5px;}
.promo_box .bbb{padding: 5px; font-size: 12px; line-height: 18px; color: #202020;}
.promo_box li{margin-bottom: 5px;}

/* ==| Testimonial Page |==*/
#testimonial_body{clear: left; margin-top: 15px;}
#testimonial_body span{font-style: italic;}

/* ==| Sitemap Styles |==*/
#main_content ul.sitemap_ul{margin-bottom: 10px; font-size: 12px;}
#main_content ul.sitemap_ul li{margin-bottom: 0; line-height: 20px;}
#main_content ul.sitemap_ul li.sitemap_header{list-style: none;}
#main_content ul.sitemap_ul ul{font-size: 12px; list-style: inherit inside none;}
#main_content ul.sitemap_ul ul li{line-height: 18px;}
#main_content ul.sitemap_ul h3{font-size: 12px; margin-bottom: 2px; color: #555;}

/* Social Share */
#main_content .addthis_toolbox a:link, #main_content .addthis_toolbox a:visited, #main_content .addthis_toolbox a:hover{border: none;}

/* ==| Blog Sidebar Widget -  Rates |== */
#sb_ratebox{position: relative; width: 174px; height: 125px; background: url(/images/sb_ratebox_small_bg.jpg) top left no-repeat;}
.sb_ratebox_title{position: absolute; top: 8px; left: 37px; color: #184b1a; font-weight: bold; font-size: 13px;}
.sb_ratebox_rates{position: absolute; top: 49px; left: 2px; font-size: 23px; font-weight: bold; color: #0a3e68;}
#sb_ratebox a{position: absolute; bottom: 9px; left: 7px;  font-size: 12px; color: #0a3e68; text-decoration: underline; /*border-bottom: 1px dotted #0a3e68;*/}
#sb_ratebox a:hover{text-decoration: none; /*border-bottom: 1px dotted #2167a0;*/}
/* RSS & Email Subscribe Btns */
a.rss_btn{width: 174px; height: 27px; display: block; background: url(/images/rss_btn.gif) top left no-repeat; text-indent: -9000px; outline: none; border: none; margin: 0 0 5px 0;}
a.email_btn{width: 174px; height: 35px; display: block; background: url(/images/email_btn.gif) top left no-repeat; text-indent: -9000px; outline: none; border: none;}

/* main content sub menu (news & updates page) */
#main_content ul.main_content_sub_nav{float: left; width: 100%; list-style: none; display: inline;}
#main_content ul.main_content_sub_nav li{float: left; margin-left: 10px;}
#main_content ul.main_content_sub_nav li a{display: block; padding: 3px 14px; color: #aaa; background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ccc;}
#main_content ul.main_content_sub_nav li a:hover{background: #ddd; color: #888; border: 1px solid #bbb;}
#main_content ul.main_content_sub_nav li a.on{background: #ddd; color: #888; border: 1px solid #bbb;}

/* Article class on news-updates.asp */
#main_content .article{position: relative;}

/* Social Media Connect */
#social_connect{margin-bottom: 20px;}
#social_connect ul{list-style: none !important;}
#social_connect ul li{float: left;}
#social_connect ul li a{display: block; text-indent: -9000px; outline: none; border: none !important;}
#social_connect ul li a.fb_link{width: 113px; height: 37px; background: url(/images/social_images/fb_logo.gif) top left no-repeat;}
#social_connect ul li a.tw_link{width: 113px; height: 37px; background: url(/images/social_images/twitter_logo.gif) top left no-repeat;}
#social_connect ul li a.li_link{width: 106px; height: 37px; background: url(/images/social_images/linkedin_logo.gif) top left no-repeat;}

/* list of locations on locations.asp */
#main_content ul.location_ul{list-style: none; margin: 0; padding: 0;}
#main_content ul.location_ul li{height: 45px; clear: left; margin: 0; padding-left: 15px;}

.lo_box{background: #ededed; padding: 10px 5px 10px 5px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

/* mortgage quizzes */
.answer-block{padding: 10px; background: #e4f0f8; border: 1px dashed #9cb1bd; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
.answer-block p{clear: left;}
.white-round{float: left; padding: 5px 10px; text-align: center;background: #fff; border: 1px solid #b8c8d3; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
input.submit_blue{color: #fff; font-weight: bold; width: 104px; height: 39px; background: url(/images/buttons/submit_blue.gif) top left no-repeat; border: none; text-align: center; cursor: pointer; cursor: hand;}
input.submit_blue:hover{background-position: -104px 0;}

#main_content_wrapper_no_left_bg{width: 980px; margin: 0 auto;}

/* ==|Google Site Search Styles|== */
#cse-search-box input.goog-search-input{width: 195px;}
.gsc-completion-container{z-index: 4;}

/* TMS redesign 10/10/2011 */
#body_red #wrapper{padding-top: 0;d}

#body_red #header_wrapper{height: 124px; background: #fff url(/images/header_wrapper_bg.gif) top left repeat-x; padding-top: 16px;}
#body_red #chat_header{display: none;}
#body_red ul.header_utility{display: none;}
#body_red #tms_logo{width: 463px; height: 81px; background: url(/images/tms_logo2.gif) top left no-repeat;}
#body_red #header_elements_top{width:427px; text-align: left; margin: 10px 0 15px 0;;  height: auto; padding-left: 90px;}
#body_red #header_elements_bottom{width: 517px; height: auto;}

#body_red #main_nav{position: relative; display: block; background: url(/images/nav_main_left_bg.gif) top left repeat-x; margin-top: 1px;}
/*#body_red #main_nav ul.nav_main_left{background: url(/images/nav_main_left_bg.gif) top left repeat-x;}*/
#body_red #main_nav ul.nav_main_left li a{background: url(/images/nav_main_left_bg.gif) top left repeat-x; color: #e5edf3; font-size: 13px; padding: 13px 12px 12px 12px; border-right: 1px solid #264760; border-left: 1px solid #5083aa;}
#body_red #main_nav ul.nav_main_right{padding-left: 20px; width: 300px; background: url(/images/nav_main_right_bg.gif) top left repeat-x; position: static;}

#body_red #main_nav ul.nav_main_left li a:hover{background: url(/images/nav_main_left_bg_hover.gif) top left repeat-x;}

#body_red #main_nav ul.dd_menu li.sub_menu a{font-size: 12px; margin: 0; padding: 6px 12px; width: 162px; color: #0C4164; background-image: none; color: #0C4164; border-bottom: 1px solid #c5d7e4; border-top: 1px solid #f5fbff;}
#body_red #main_nav ul.dd_menu li.sub_menu a:hover{background-color: #467898; color: #E3EEF6;}
#body_red #main_nav ul.dd_menu li.sub_menu_b a{font-size: 12px; margin: 0; padding: 6px 12px; width: 162px; color: #0C4164; background-image: none; background-color: #90BBD8;}
#body_red #main_nav ul.dd_menu li.sub_menu_b a:hover{background-color: #467898; color: #E3EEF6;}
#body_red #main_nav ul.dd_menu li.sub_menu_c a{font-size: 12px; margin: 0; padding: 6px 12px; width: 162px; color: #0C4164; background-image: none; background-color: #90BBD8; border-bottom: 1px solid #296696; border-top: 1px solid #f5fbff; -moz-border-radius-bottomleft: 7px; -webkit-border-radius-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-radius-bottom-right-radius: 7px;}
#body_red #main_nav ul.dd_menu li.sub_menu_c a:hover{background-color: #467898; color: #E3EEF6;}
#body_red #main_nav ul.dd_menu li.sub_menu_end a{font-size: 12px; margin: 0; padding: 6px 12px; width: 162px; color: #0C4164; background-image: none; border-bottom: 1px solid #296696; border-top: 1px solid #f5fbff; -moz-border-radius-bottomleft: 7px; -webkit-border-radius-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-radius-bottom-right-radius: 7px;}
#body_red #main_nav ul.dd_menu li.sub_menu_end a:hover{background-color: #467898; color: #E3EEF6;}

#body_red #main_nav ul.nav_main_left li a.nav_hom{width: 55px; height: 41px; background: url(/images/home_btn.gif) top left no-repeat; border: none; padding: 0;}
#body_red #main_nav ul.nav_main_left li a.nav_hom:hover{background-position: 0 -41px;}
#body_red #main_nav ul.nav_main_left li a.nav_rat{border-left: none;}
#body_red #main_nav ul.nav_main_left li.nav_bg_fix{background-image: none;}
#body_red #main_nav #nav_app{position: absolute; right: 0; width: 92px; height: 41px; padding: 0; background: url(/images/apply_btn.gif) top left repeat-x;}
#body_red #main_nav #nav_app:hover{background-position: 0 -41px;}
#body_red #main_nav ul.nav_main_right li.apply_btn{padding: 0;}

#body_red #quote_form{margin-top: 20px;}

#body_red #cse-search-box{width: 184px; position: relative;}
#body_red #cse-search-box input.goog-search-input{width: 178px; padding: 3px; margin:0;}
#body_red #cse-search-box input.button{position: absolute; right: 2px; top: 2px;  width: 21px; height: 18px; border: none; background: url(/images/search_btn.gif) top left no-repeat;}

#body_red #header_phone{font-size: 12px; color: #373737; display: block; float: left; padding-left: 20px; background: url(/images/icon_cellphone.gif) top left no-repeat;}
#body_red #header_chat{font-size: 12px; color: #373737;  display: block; float: left; margin: 0 0 0 15px; padding-left: 20px; background: url(/images/icon_chatbubble.gif) top left no-repeat;}
#body_red span.search_box_span{display: block; float: right;}

#body_red span.phone_number{font-size: 16px; font-weight: normal;}
#body_red #phone2{font-size: 18px; font-weight: bold;}

.dark_blue_box{background-color: transparent;}
.dark_blue_box h3{color: #2b6c2d;}
.dark_blue_box p.tiny_text{font-size: 11px; line-height: 21px;}
.dark_blue_box a{font-weight: bold; font-size: 12px;}

.light_blue_box{background-color: transparent;}
.light_blue_box h3{color: #2b6c2d;}
.light_blue_box p.tiny_text{font-size: 11px; line-height: 21px;}
.light_blue_box a{font-weight: bold; font-size: 12px;}

.promo_box h3{color: #2b6c2d;}
.promo_box{background-color: transparent;}

#tbl_rates{width: 100%; margin-bottom: 20px;}
#tbl_rates th{background: #e4e4e4; padding: 10px; margin: 0; border-bottom: 1px solid #7d7d7d; border-top: 1px solid #9d9d9d; text-align: left;}
#tbl_rates td{padding: 10px; margin: 0; border-bottom: 1px solid #7d7d7d;}
#tbl_rates a.btn_tbl_apply{display: block; width: 57px; height: 24px; background: url(/images/buttons/btn_tbl_apply2.gif) top left no-repeat; text-indent: -9000px; outline: none; border: none;}
#tbl_rates a.btn_tbl_apply:hover{background-position: -57px 0;}


#body_red.noform #main_content{width: 782px; padding-left: 0; padding-right: 0;}
#body_red.noform #quote_form{display: none;}
#body_red.noform #sidebar_right{display: none;}

#purch_refi_calc .calc_main{font-size: 13px; position: relative; width: 100%; background: #cbe2d0; border-top: 1px solid #58a26a; border-bottom: 1px solid #58a26a; padding: 50px 20px; margin: 0 0 20px 0;}
#purch_refi_calc .calc_link{color: darkgreen; display: block; float: left; padding: 5px 20px; border-bottom: none; background: #cbe2d0; border-top: 1px solid #58a26a; border-right: 1px solid #58a26a; margin: 20px 0 0 0;}

#reficalcform input.btn_refi_calc, #purchcalcform input.btn_refi_calc{margin-left: 11px; width: 221px; height: 38px; background: url(/images/buttons/btn_reficalc.png) top left no-repeat; border: none; outline: none; cursor: pointer; cursor: hand;}
#reficalcform .calchead, #purchcalcform .calchead{font-size: 28px;  color: #3c5642;}
#reficalcform input, #purchcalcform input{margin-bottom: 10px;}
#reficalcform input, #purchcalcform input[type=text]{width: 217px; padding: 2px;}
#reficalcform label, #purchcalcform label{color: #252525; font-weight: bold; font-size: 13px; margin: 0; display: block; }

span.important{color: red;}

table.tbl_calc_main{font-size: 12px; border-left: 1px solid #111; border-right: 1px solid #111; border-bottom: 1px solid #111; width: 800px;}
table.tbl_calc_main td{border-top: 1px solid #8e8e8e; border-left: 1px solid #8e8e8e;  width: 50px; padding: 15px 3px; text-align: center;}
table.tbl_calc_main th{border-top: 1px solid #8e8e8e; width: 120px; padding: 15px 6px; font-size: 12px; text-align: left;}
table.tbl_calc_main td.td_fixed{background: #e0f5e4;}
table.tbl_calc_main td.td_jumbo{background: #c9dae6;}
table.tbl_calc_main td.td_arm{background: #ededed;}
table.tbl_calc_main td.td_rate{background: #a5d4b0;}
table.tbl_calc_main th.th_rate{background: #a5d4b0;}

table.tbl_pre_calc_main{font-size: 12px; width: 800px; border-left: 1px solid #111; border-right: 1px solid #111; border-top: 1px solid #111;}
table.tbl_pre_calc_main th{padding: 15px 3px; color: #fff; margin: 0;}
table.tbl_pre_calc_main th.blank{background: #ededed; width: 173px;}
table.tbl_pre_calc_main th.fixed{background: #2f8343; border-left: 1px solid #8e8e8e; border-right: 1px solid #8e8e8e; width: 302px;}
table.tbl_pre_calc_main th.jumbo{background: #397492;  width: 148px; }
table.tbl_pre_calc_main th.arm{background: #8a8a8a; border-left: 1px solid #8e8e8e;}

#results.refi-calc-results{padding-left: 10px;}

/*Redesign 1/31/2012*/
/*misc*/
.rounded_topleft{-moz-border-radius-topleft: 7px;border-top-left-radius: 7px;}
.rounded_topright{-moz-border-radius-topright: 7px;border-top-right-radius: 7px;}
#body_new #call_box{display: none;}

/*Text*/
#body_new h1.page_header_h1{margin-left: -19px; padding-left: 19px;}
#body_new #main_content ul{margin-bottom: 20px;}

/*header elems*/
#body_new #header span.phone_number{font-size: 15px; font-weight: normal;}
#body_new #header #phone2{font-weight: bold;}
#body_new #header_elements_bottom{margin-top: 10px; width: 682px;}
#body_new #header_elements_top{width: 682px;}
#body_new #header span.search_box_span{display: block; float: right; margin-top: 7px; margin-left: 20px;}
#body_new span.main_content_wrapper_top{display: block; width: 984px; height: 3px; margin: 0 auto; background: url(/images/main_content_wrapper_top_bottom.gif) top center no-repeat;}

/*Footer Elems*/
#body_new #footer_wrapper{margin-top: 20px;}
#body_new span.main_content_wrapper_bottom{display: block; width: 984px; height: 3px; margin: 0 auto; background: url(/images/main_content_wrapper_top_bottom.gif) bottom center no-repeat;}

/*Quote Form*/
#body_new #quote_form {background: #d9f2ff; border: 1px solid #cfd3d6; padding: 0;}
#body_new #quote_form form{padding: 20px;}
#body_new #quote_form input.quote_submit{width: 254px; height: 37px; margin: 0; padding: 0; background: url(/images/quote_btn4b.gif) top left no-repeat;}
#body_new #quote_form input.quote_submit:hover{background-position: 0 -37px;}
#body_new #quote_form ul{margin-top: 0;}
#body_new #quote_form ul li{position: relative; clear: both; margin-bottom: 12px;}
#body_new #quote_form ul li.clear_margin{margin: 0;}
#body_new #quote_form label{position: absolute; top: 2px; left: 0; text-align: left; font-weight: normal; font-size: 13px; color: #7996a6; cursor: text;}
#body_new #quote_form label.sel_hide{display: none;}
#body_new #quote_form p.quote_form_title{display: none;}/*delete when live.*/
#body_new #quote_form form input[type=text]{width: 240px; padding: 7px; font-weight: normal; font-size: 13px; color: #4d6470; border: 1px solid #cee1ea;}
#body_new #quote_form form select{width: 255px; padding: 7px; font-weight: normal; font-size: 13px; color: #7996a6; border: 1px solid #cee1ea;}
#body_new #quote_form form select option{margin-bottom: 3px; color: #4d6470}

/*Rate Table*/
#body_new table.tbl_rates{font-size: 14px; background: transparent; border: none; padding-top: 0;}
#body_new table.tbl_rates th{color: #333; background-color: #d3d3d3; border-right: none; border-bottom: 1px solid #a7a7a7; border-top: none;}
#body_new table.tbl_rates th.product{padding-left: 20px; text-align: left;}
#body_new table.tbl_rates tr td{border-bottom: 1px solid #a7a7a7; padding-left: 20px; color: #1f1f1f;}
/*Table for rate navigation*/
#body_new #tbl_ratenav{width: 622px;}
#body_new #tbl_ratenav tr td{font-size: 12px; margin: 0; padding: 0; border-bottom: 1px solid #fff;}
#body_new #tbl_ratenav tr td:hover{border-bottom: 1px solid #d3d3d3;}
#body_new #tbl_ratenav tr td a{display: block; padding: 12px 4.35px; border-bottom: none;  border-right: 1px solid #3399cc; border-left: 1px solid #3399cc; background: #3399cc; color: #fff;}
#body_new #tbl_ratenav tr td a:hover{background: #d3d3d3; color: #333; border-bottom: none; border-right: 1px solid #fff; padding: 12px 4.7px;}
#body_new #tbl_ratenav tr td a.left_end{border-left: none;}
#body_new #tbl_ratenav tr td a.right_end{border-right: none;}

#body_new #main_content .addthis_fb_gplus{position: absolute; top: 5px; right: 0; height: 25px;}
#body_new #rate_table{position: relative; margin-bottom: 20px;}
#body_new #rate_bottom{width: 175px;  display: block; position: absolute; bottom: 0; right: 0; text-align: left;}
#body_new #assume{float: left; padding-top: 5px; font-size: 11px; color: #999; border-bottom: 1px dotted #999;}
#body_new #assume:hover{color: #555; border-bottom: 1px dotted #555;}
#body_new #locknow_btn{display: block; float: right;width: 78px; height: 22px; background: url(/images/locknow_btn.gif) top left no-repeat; text-indent: -9000px; outline: none; border: none;}
#body_new #locknow_btn:hover{background-position: 0 -22px;}
#body_new #main_content .addthis_misc{height: 15px; margin-top: 5px;}

/*main stucture*/
#body_new #header_wrapper{height: 126px; background: transparent; border-top: 15px solid #81cc76; float: left; padding-bottom: 25px;}
#body_new #wrapper{background: #ededed; padding-top: 0;}
#body_new #main_content_wrapper{background: #fff; padding-right: 22px; width: 964px; background: url(/images/main_content_wrapper_bg.gif) top center repeat-y;}
#body_new #main_content{background: transparent; padding: 0 20px 20px 22px; width: 622px; position: relative;}
#body_new #sidebar_left{display: none;}
#body_new #tms_logo{width: 297px; height: 82px; background: url(/images/tms-main-logo.gif) top left no-repeat;}

/*main nav*/
#body_new #main_nav{height: 44px; background: transparent;}
#body_new #main_nav ul li a{border-left: 1px solid #00537d; border-right: 1px solid #1e82b4;}
#body_new #main_nav #nav_hom {border-right: none;}
#body_new #main_nav #nav_rat {border-left: none;}
#body_new #main_nav ul.nav_main_right{height: 44px; background: url(/images/nav_bg.gif) repeat-x; background-position: 0 -88px; }
#body_new #main_nav ul.nav_main_right li{padding: 13px 0;}
#body_new #main_nav ul.nav_main_right li a{border: none;}
#body_new #main_nav ul.nav_main_left li a{background: url(/images/nav_bg.gif) top left repeat-x; padding: 14px 12px;}
#body_new #main_nav ul.nav_main_left li a:hover{background-position: 0 -44px; border-right: 1px solid #035C88;}
#body_new #main_nav ul.nav_main_left li a.sub_menu_a{background: transparent; padding: 6px 12px;}
#body_new #main_nav ul.nav_main_left li a.sub_menu_a:hover{background-position: 0 0; color: }
#body_new #main_nav ul li a.nav_main_normal{background: transparent;}
#body_new #main_nav ul li a.nav_hom{width: 50px; height: 44px; background: url(/images/btn_home.gif) top left no-repeat; padding: 0; text-indent: -9000px; outline: none;}
#body_new #main_nav ul li a.nav_hom:hover{background-position: 0 -44px;}
#body_new #main_nav ul li.apply_btn{width: 98px; border-left: 1px solid #9d470e; background: url(/images/nav_bg.gif)repeat-x; background-position: 0 -132px; padding: 0;padding: 2px 0;}
#body_new #main_nav ul li.apply_btn a{padding: 13px 0px; padding-left: 10px; text-transform: capitalize; margin-top: -2px; font-weight: bold; color: white;}
#body_new #main_nav ul li.apply_btn:hover{background-position: 0 -176px;}
#body_new li.nav_right_end{border-right: 1px solid #206d97;}

/*breadcrumbs*/
#body_new #main_content p.breadcrumb{position: absolute; top: -25px;; left: 20px; margin: 0; padding: 0; font-size: 11px; color: #686868;}
#body_new #main_content p.breadcrumb a{border: none; color: #686868; text-decoration: underline;}
#body_new #main_content p.breadcrumb strong{font-weight: normal;}

/*sidebar*/
#sidebar_right #review_box{width: 260px; height: 174px; background: url(/images/review_bg.gif) top left no-repeat; margin: 20px 0 20px 0; padding: 10px 20px;}
#sidebar_right #review_box p{font-size: 11px; color: #5f5f5f;}
#sidebar_right #review_box h3{color: #5c5c5c; background: url(/images/5-stars.gif) top right no-repeat; background-position: 140px 0;}
#sidebar_right #review_box a{font-size: 11px;}

.sb_box h3{color: #0e4868;}
.sb_box p{color: #3f3f3f; font-size: 12px;}
