/* Box that holds everything between header and footer */ #body_box { width:800px; padding:0; margin:0; border-left:1px solid #617692; border-right:1px solid #617692; background-color:#fff; z-index:0; } /*--------------------------------------------------------------------------------------------------------------------------------------------*/ /* Top App and Picture area */ #index_app_pic { width:800px; height:160px; border-collapse:collapse; margin:0; padding:0; border:0; background-image:url(../images/index_app_pic_bkrd.gif); background-repeat:no-repeat; } #app_table { width:284px; height:160px; border-collapse:collapse; padding:0; margin:0; border:0; z-index:2; position:absolute; left:6px; top:103px; } #app_table td { text-align:center; vertical-align:top; } #begin_app_img { padding:14px 0px 0px 0px; } #app_button { width:57px; height:20px; margin-bottom:1px; padding:0; border:0; font-size:12px; color:#284461; background-image:url(../images/app_continue_button.gif); background-repeat:no-repeat; } #house_pic { width:800px; padding:0; margin:0; border:0; vertical-align:top; text-align:right; } #divider { height:8px; padding:0; margin:0; border:0; border-collapse:collapse; } #divider td { padding:0; margin:0; border:0; } /*--------------------------------------------------------------------------------------------------------------------------------------------*/ /* Index - Main content area */ /* Bold Heading */ h1 { font-size:18px; color:#153A6A; font-weight:bold; padding:0; margin:0; } h2 { font-size:12px; color:#384A61; font-weight:bold; padding:0; margin:0; text-align:left; } h3 { font-family:Arial; font-size:18px; font-weight:bold; padding:0; margin:0; } #h3_table { width:800px; height:45px; padding:0;margin:10px 0px 0px 0px;border:0; border-collapse:collapse; } #h3_cell { padding:0px 0px 12px 0px; border:0; vertical-align:top; text-align:center; } /* Vertical divider between 2 main columns */ #vert_dots { width:30px; height:615px; padding:0; margin:0; border:0; background-image:url(../images/vert-dots.gif); background-position:top; } /* The table which holds the 2 main columns */ #par_table { width:800px; height:615px; padding:0px 0px 10px 0px; margin:0; border:0; border-collapse:collapse; } /* Paragraph text formatting */ #par_title { color:#384A61; font-family:Arial; font-size:16px; font-weight:bold; } #par_text { font-size:12px; padding-left:6px; } /* Left column */ #par_cell_left { width:385px; height:615px; padding:0px 0px 0px 15px; margin:0; vertical-align:top; text-align:left; line-height:18px; } /* Right column, cell 1, "What You Can Expect" list */ #par_cell_right_1 { width:385px; height:305px; padding:0px 15px 0px 0px; margin:0; text-align:left; vertical-align:top; } /* Right column, cell 2, The blue "Did You Know" box */ #par_cell_right_2 { width:385px; height:150px; padding:0; margin:0; border:0; vertical-align:top; text-align:left; background-image:url(../images/blue-box.gif); background-repeat:no-repeat; } #bluebox_1 { font-size:13px;font-weight:bold;padding:16px 0px 0px 18px;text-align:left; } #bluebox_2 { width:350px; font-size:12px;padding:1px 0px 0px 18px;text-align:left; } #bluebox_3 { width:350px; font-size:11px;padding:0px 0px 0px 0px;text-align:right; } /* Right column, cell 3, "Testimonial" */ #par_cell_right_3 { width:420px; height:140px; padding:0; margin:0; border:0; vertical-align:top; text-align:left; } #testim_table { width:385px; height:140px; padding:0; margin:0; border:0; border-collapse:collapse; } #testim_cell_1 { width:100px; height:140px; padding:0; margin:0; border:0; vertical-align:top; text-align:left; } #testim_cell_2 { width:300px; height:140px; padding:0px; margin:0; border:0; vertical-align:top; text-align:left; } #testim_div_1 { font-size:14px; color:#325E96; padding-left:10px; padding-top:8px; } #testim_div_2 { width:300px; font-size:13px; color:#092446; padding-left:10px; padding-top:2px; line-height:18px; } #testim_div_3 { font-size:11px; font-weight:bold; color:#2C496F; padding-left:10px; padding-top:26px; } /* Bottom table, just above bottom nav */ #btm_table { width:800px; height:50px; padding:0;margin:0;border:0;border-collapse:collapse; } #btm_cell { padding:0px 15px 0px 15px;margin:0;border:0;vertical-align:center;text-align:center; font-size:13px; font-weight:bold; color:#325E96; } /*--------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------*/ /* Layout for Second & Third Level Pages */ /* Applies to entire page */ #main_box { padding:5px 0px 0px 0px; } /* Applies to entire columns */ #left_column { float:left; position:relative; width:170px; padding-left:15px; text-align:center; border:0px solid #f00; margin-top:5px; } #right_column { float:right; position:relative; width:600px; padding-right:10px; border:0px solid #f00; margin-top:5px; } /* Small application at top-left of page */ #app_container { height:200px; padding:1px 0px 15px 0px; background-image:url(../images/miniapp_bkrd.gif); background-repeat:no-repeat; } #app_text { padding:0px 0px 0px 4px; font-size:11px; font-weight:bold; text-align:left; } /* Links in the left column, underneath the application form */ #left_links { padding:0px 0px 0px 8px; text-align:left; font-size:13px; } #left_links A:Link, #left_links A:Visited, #left_links A:Active { color:#0000FF;} /* Top picture, title, and text */ #title_image { height:106px; width:594px; vertical-align:top; text-align:left; background-repeat:no-repeat; } #title_image_title { text-align:right; padding:7px 0px 0px 0px; margin-right:20px; } #title_image_desc { text-align:left; padding:6px 0px 0px 250px; font-size:13px; line-height:17px; margin-right:10px; } /* Subtitle and horizontal grey line */ #subtitle_greyline_container { padding:10px 0px; } #horiz_grey_line { text-align:left; padding:0; } #sub_page_subheading { border-top:1px solid #b5bdc8; font-size:14px; font-weight:bold; color:#2C496F; text-align:left; padding:5px 0 0 10px; } /* Paragraphs and paragraph headings */ #body_table { padding:0; margin:0; border-collapse:collapse; } #body_table td { vertical-align:top; text-align:left; } #paragraph { padding:0 10px; text-align:left; font-size:12px; line-height:20px; } #paragraph A:Link, #paragraph A:Visited, #paragraph A:Active { text-align:left; font-size:12px; line-height:20px; color:#0000FF } #paragraphs_titles { font-size:12px; font-weight:bold; color:#384A61; text-align:left; padding:2px 0px 0px 0px; } #paragraphs_titles a { text-decoration:none; } #paragraphs_titles a:hover { text-decoration:underline; } /* Right-Side-Vertical "Other Resources" Box */ #vert_resources_cell { width: 225px; margin:0px; vertical-align:top; text-align:right; line-height:16px; } #vert_resources_container { width:200px; height:298px; vertical-align:top; background-image:url(../images/other_resources_bkrd_vert.gif); background-position:top; background-repeat:no-repeat; } #vert_resources_bullets { text-align:left; font-size:13px; font-weight:bold; padding:12px 6px 0px 16px; } #vert_resources_title { padding:14px 0px 8px 0px; font-size:15px; color:#153A6A; text-align:center; } #vert_resources_paragraph { font-size:11px; text-align:left; padding:14px 6px 0px 15px; } /* Testimonial with middle-aged couple */ #sp_testim_3_container { font-size:12px; } #sp_testim_3_all_div { width:200px; padding:0px 0px 0px 0px; margin:0; border:0; border-collapse:collapse; } #sp_testim_3_div1 { width:200px; height:150px; padding:0; margin:0; text-align:left; vertical-align:text-bottom; background-image:url(../images/testimonial_4.jpg); background-repeat:no-repeat; } #sp_testim_3_div2 { width:200px; padding:3px 0px 0px 0px; margin:0; text-align:center; vertical-align:top; font-weight:bold; font-size:12px; } #sp_testim_3_div3 { width:200px; padding:0px 0px 0px 0px; margin:0; text-align:center; vertical-align:top; color:#325E96; font-size:12px; line-height:17px; } #sp_testim_3_div4 { width:200px; padding:5px 0px 0px 0px; margin:0; text-align:center; vertical-align:top; color:#000; font-size:12px; } /* Bottom-Horizontal "Other Resources" Box */ #hr {text-align:left; width:594px; font-size:11px; margin-top:10px; } #hr A:Link, #hr A:Visited, #hr A:Active { color:#0000FF;} #hr_top { background:url(../images/or_top.gif) no-repeat; width:594px; height:9px; font-size:0px; } #hr_bot { background:url(../images/or_bot.gif) no-repeat; width:594px; height:9px; font-size:0px; } #hr_title { font-size:12px; font-weight:bold; padding:0px 8px 5px 8px; } #hr_title A:Link, #hr_title A:Visited, #hr_title A:Active { color:#0000FF;} #hr_mid { background:url(../images/or_mid.gif) repeat-y; width:594px; } #hr_mid ul { margin:0; padding:0px 8px 5px 8px; width:578px; } #hr_mid li { list-style-type:none; display:block; width:16.3%; float:left; } #hr_mid a { text-decoration:none; } #hr_mid a:hover { text-decoration:underline; } #hr_four { background:url(../images/or_mid.gif) repeat-y; width:594px; } #hr_four ul { margin:0; padding:0px 8px 5px 8px; width:578px; } #hr_four li { list-style-type:none; display:block; width:16.3%; float:left; } #hr_four a { text-decoration:none; } #hr_four a:link, #hr_four a:active, #hr_four a:visited, { color:#0000FF;} #hr_four a:hover { text-decoration:underline; } /*styles for links located within a paragraph of text*/ .intext_link A:Link, .intext_link A:Visited, .intext_link A:Active{ color:#444; text-decoration:none; } .intext_link a:hover { text-decoration:underline; } #article_categories { } #article_categories a { text-decoration:none; } #article_categories a:hover { text-decoration:underline; } #article_categories ul { margin:0; padding:0; } #article_categories li { list-style-type:none; width:24%; display:block; float:left; } #vocab_index_list { text-align:center; } #vocab_index_list a { text-decoration:none; } #vocab_index_list a:hover { text-decoration:underline; } #vocab_index_list ul { margin:0; padding:0; width:100%; } #vocab_index_list li { list-style-type:none; display:block; width:25%; float:left; } #faq_img { padding:0px; margin:0px; border:0px #00ff00 solid; } /*--------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------*/ /* Section-Specific Styles */ /* Calculator Pages */ #calc_disclaimer { font-size:10px; color:#999999; padding:15px 0px 0px 10px; text-align:left; } /*--------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------*/ /* Sample Elements */ /* Sample Data Table */ #data_table { width:600px; padding:0; margin:10px 0px 10px 0px; border-collapse:collapse; border:1px solid #4E67A6; } #data_table_title { height:22px; padding:0; margin:0; text-align:left; vertical-align:middle; background-color:#4E67A6; color:#fff; font-size:12px; font-weight:bold; } #table_title_padding { padding:1px 0px 0px 1px; } #data_table_column_titles { width:150px; height:18px; padding:0; margin:0; text-align:center; vertical-align:middle; background-color:#E0E0E8; border:1px solid #C3C3CB; font-size:11px; font-weight:bold; } #data_table_cells { width:150px; height:28px; padding:0; margin:0; text-align:left; text-align:center; vertical-align:middle; border:1px solid #E0E0E8; font-size:11px; } /* Sample Testimonials */ /* Testimonial 1 */ #sp_testim_main_cell_1 { padding:0px 15px 0px 15px; vertical-align:top; text-align:left; } #sp_testim_1_all_div { width:297px; height:224px; padding:0; margin:0; border:0; border-collapse:collapse; background-image:url(../images/testimonial_2.jpg); background-repeat:no-repeat; } #sp_testim_1_div1 { vertical-align:top; text-align:right; padding:23px 10px 0px 0px; color:#325E96; font-size:11px; margin:0; } #sp_testim_1_div2 { font-size:12px; font-weight:bold; color:#fff; text-align:right; vertical-align:top; padding:22px 40px 0px 0px; margin:0; } #sp_testim_1_div3 { font-size:13px; text-align:left; vertical-align:top; padding:10px 8px 0px 120px; margin:0; } /* Testimonial 2 */ #sp_testim_main_cell_2 { width:250px; padding:0px 0px 0px 0px; vertical-align:top; text-align:left; } #sp_testim_2_all_div { width:250px; padding:0; margin:0; border:0; border-collapse:collapse; background-image:url(../images/testimonial_3.jpg); background-repeat:no-repeat; } #sp_testim_2_div1 { padding:91px 0px 0px 5px; margin:0; text-align:left; vertical-align:text-bottom; font-size:10px; font-weight:bold; } #sp_testim_2_div2 { padding:20px 5px 0px 5px; margin:0; text-align:center; vertical-align:text-bottom; color:#2C496F; font-size:12px; line-height:17px; } /*--------------------------------------------------------------------------------------------------------------------------------------------*/ /* Clear Fix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /*--------------------------------------------------------------------------------------------------------------------------------------------*/ #citylist_box { } #citylist_box table { width:370px; padding:0; margin:0; border:0; border-collapse:collapse; } #citylist_box td { margin:0; border:0; } #citylist_box .top { height:7px; padding:0; } #citylist_box .mid { padding:0px; vertical-align:top; background-image:url(../images/citylinks_box_mid.gif); background-repeat:repeat-y; } #citylist_box .btm { padding:0; } #citylist_box .heading { font-size:11px; font-weight:bold; padding:0px 0px 0px 5px; } #citylist_box .links { width:360px; padding-left:10px; } #citylist_box .links a{ font-size:12px; text-decoration:none;} #citylist_box .links a:link, #citylist_box .links a:active, #citylist_box .links a:visited, { color:#0000FF;} #citylist_box .links a:hover { text-decoration:underline; } #citystate_app_box { width:370px; height:251px; padding:0; margin:0; background-image:url(../images/citystate_app_bkrd.jpg); background-repeat:no-repeat; background-position:top; } #citystate_app_box .button { width:133px; height:29px; padding:0; margin:5px 0px 0px 30px; border:0; color:#fff; font-weight:bold; cursor:pointer; background-image:url(../images/citystate_app_button.gif); background-repeat:no-repeat;} #citystate_app_box .button:hover { color:#eee;} #resources_page_table { font-size:12px; } #resources_page_table td { width:290px; } #resources_page_table a { text-decoration:none; } #resources_page_table a:hover { text-decoration:underline; } #resources_page_table img { border:0; } .resources_par_titles { border-bottom:1px solid #000; margin-right:30px; padding:0px 0px 0px 0px; } #resources_listitems { text-align:left; padding-left:5px; padding:6px 0px 0px 0px; } #resources_app_mainbox { width:570px; margin-right:20px; } #resources_app_steps { width:191px; height: 253px; padding:0; margin:0; float:right; text-align:center; background-image:url(../images/resources_page_app_steps.gif); background-repeat:no-repeat;} #resources_app_steps .steps { font-size:12px; text-align:left; } #resources_app_steps ol { color:#2B5584; font-weight:bold; padding:40px 0px 0px 0px; margin-left:30px; } #resources_app_steps span { color:#000; font-weight:normal; padding:0; } #buyeragent_button { width:168px; height: 50px; text-align:left; font-size:14px; font-weight:bold; padding:16px 0px 0px 25px; background-image:url(../images/buyer_agent_button.gif); background-repeat:no-repeat; } #buyeragent_button a { color:#fff; } #home_valuation_ad { width:580px; height:175px; padding:0; margin:0; background-image:url(../images/home_valuation_pic.jpg); background-repeat:no-repeat; } #furn_links { width:433px; height:73px; padding:0; margin:0px; background-image:url(../images/furn_link_btns.gif); background-repeat:no-repeat; } #furn_links a { color:#fff; font-weight:bold; text-decoration:none; } #furn_links a:hover { } #buyall_link { width:147px; height:73px; padding:0; margin:0; background-image:url(../images/furn_buyall_link.gif); background-repeat:no-repeat; background-position:right; } #buyall_link a { color:#fff; size:11px; font-weight:bold; text-decoration:none; } ##buyall_link a:hover { text-decoration:underline; } #furn_shopnow { padding:18px 0px 0px 0px; text-align:center; font-weight:bold; font-size:14px; } #furn_shophow a { text-decoration:underline; } #furn_shophow a:hover { text-decoration:none; } .rand A:Link, .rand A:Visited, .rand A:Active { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #0000FF; font-weight: 500; } .rand A:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; color: #0000FF; font-weight: 500; text-decoration:underline; } .trail { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#80878D; font-weight:500; line-height:18px; text-align:left; margin-left:10px; } .trail A:Link, .trail A:Visited, .trail A:Active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #80878D; font-weight: 500; line-height:18px; text-decoration:underline; text-align:left; } .trail A:Hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #315E96; font-weight:500; line-height:18px; text-decoration:underline; text-align:left; }