/* MB-Direct.ca - Design & Development by BusinessMedia.ca 2008 */ /*****************main website styles******************/ body {background:url(/images/bg.jpg) repeat-x #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; } /* d. area = 970px - 2px*2(border) - 5px*2(padding) */ #container { border: 2px solid #e6f2ff; width:956px; padding:5px 5px 5px 5px; background:#FFFFFF; display:block;} .big_banner { width:956px; height:250px; background:url(/images/BG_Image.jpg) no-repeat center; } .internal_banner_1 { width:956px; height:108px; background:url(/images/mortgage_app_form_header.jpg) no-repeat center;} .internal_banner_app_new { width:956px; height:108px; background:url(/images/new_app_header.jpg) no-repeat center;} .internal_banner_agent { width:956px; height:108px; background:url(/images/agentBaner.jpg) no-repeat left;} .internal_banner_2 { width:956px; height:240px; background:url(/images/rates_banner.jpg) no-repeat center;} .internal_banner_3 { width:956px; height:240px; background:url(/images/news_banner.jpg) no-repeat center;} .internal_banner_4 { width:956px; height:240px; background:url(/images/workshop_banner.jpg) no-repeat center;} .internal_banner_5 { width:956px; height:240px; background:url(/images/about_banner.jpg) no-repeat center;} .internal_banner_6 { width:956px; height:240px; background:url(/images/career_banner.jpg) no-repeat center;} .internal_banner_7 { width:956px; height:240px; background:url(/images/contacts_banner.jpg) no-repeat center;} .internal_banner_8 { width:956px; height:108px; background:url(/images/mortgage_app_form_header_quick.jpg) no-repeat center;} .internal_banner_9 { width:956px; height:240px; background:url(/images/recruiting_banner.jpg) no-repeat center;} /***************main website styles end****************/ /********************HEADER STYLES*********************/ #header { width:956px; } #header td { font-family:Arial, Helvetica, sans-serif; color:#4C638A; font-size:12px; } #header .lended { font-family:Tahoma; color:#397CCE; font-size:15px; font-weight:bold; } #header a, a:link, a:visited, a:hover, a:active { font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; text-decoration:underline; } .table_padding_left_20 { padding-left:20px; } /*******************HEADER STYLES END******************/ /********************MENU STYLES***********************/ #menu { width:956px; padding-top:4px; padding-bottom:1px; height:40px; } .menu_side { background:#6894d7; width:1px; height:40px; } .menu_bg { background:url(/images/menu_bg_reg.jpg) repeat-x; height:40px; width:954px; } #menu a, a:link, a:visited, a:hover, a:active { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:15px; text-decoration:none; } .menu_element { float:left; padding-left:20px; padding-right:50px; } /******************MENU STYLES END*********************/ /*********************FORM STYLES**********************/ .form_index_holder { width:930px; height:208px; padding:21px 0 21px 26px; } .form_index { width:372px; height:208px; } .index_forma { width:341px; height:152px; background:url(/images/form_index_bg.jpg) no-repeat center; padding:20px 18px 0px 13px;} .index_forma { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; } .form_index_listmenu { width:195px; color:#336699; font-family:Arial, Helvetica, sans-serif; font-size:11px; } .lock_on_form { background:url(/images/lock.jpg) no-repeat left ; color:#E8EFF7; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; padding-left:20px; } /********************FORM STYLES END********************/ /*********************RECRUITING FORM STYLES**********************/ .recruit_form{ width:620px; border:solid 1px #E7F3FF; margin:0; padding-top:20px; background:url(images/bg_recruitForm.jpg) bottom left repeat-x #FFF;} .recruit_form td{ margin:0; padding:5px 0 0 20px;} .recruit_form td.title{ margin:0; padding-top:10px; font:bold 12px Arial, Helvetica, sans-serif; color:#003366;} .recruit_form .input{ width:240px; margin:0; padding:0; border:solid 1px #BED3E9; background-color:#F1F6FA;} .recruit_form textarea{ width:570px; height:60px; margin:0; padding:0; border:solid 1px #BED3E9; background-color:#F1F6FA;} .recruit_form select{width:240px; margin:0; padding:0;} .orange_title_default { font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FF6600;} .orange_title_recruit { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FF6600;} .blue_title_recruit { font: normal 18px Arial, Helvetica, sans-serif; color:#2061B1;} .opport_date_loc{ color:#2061B1; font-size:11px;} .area_code{ font:normal 10px Arial, Helvetica, sans-serif; color:#2061B1;} /********************RECRUITING FORM STYLES END********************/ /*********************INDEX CONTENT STYLES**********************/ .content_box1 { width:956px; display:block; } .box_1 { width:213px; height:196px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#397CCE; background:url(/images/1st_box_bg_img.jpg) bottom repeat-x #eef2f9; border: 2px #e6f2ff solid; } .btn_signup { width:50px; height:22px; background:url(/images/sign_up.jpg) no-repeat; border:none; cursor:pointer; } .field_signup { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; border:1px #93ACD2 solid; } .box_2 { width:500px; background-color:#f0f3fa; height:194px; padding-top:3px; padding-bottom:3px; } .box_2_1 { float:left; width:243px; height:157px; border:1px #FFFFFF solid; background:url(/images/buying_home.jpg) no-repeat top #e6f2ff; padding-top:35px; } .box_2_separator { width:4px; height:194px;float:left; } .box_2_separator2 { width:3px; height:194px;float:left; } .box_2_2 {float:left; width:243px; height:157px; border:1px #FFFFFF solid; background:url(/images/refinancing.jpg) no-repeat top #e6f2ff; padding-top:35px; } .list_buying_home { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333;} .list_buying_home, a.list_buying_home:link, a.list_buying_home:visited, a.list_buying_home:active, a.list_buying_home:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; text-decoration:underline;} .scroller { overflow:auto; border:2px #e6f2ff solid; margin-top:2px; width:226px; height:364px; overflow-x: hidden;} .percentage_big { font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#004488; font-weight:bold; padding-left:10px; } .percentage_sm_text { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:bold; padding-left:10px; } .percentage_text { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; padding: 4px 0 4px 10px; } .news_text {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; } .hr_sm_line_scroller { width:226px; background:#e0e8f3; height:1px; } .latest_news { border:2px #e6f2ff solid; width:210; height:200px; background:#f5f5f5;} .news_date { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; background-color:#397CCE; width:35px; height:15px;} .view_all { color:#397CCE; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; } a.view_all:link, a.view_all:visited, a.view_all:hover, a.view_all:active { color:#397CCE; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; text-decoration:underline; } .lenders_scroller { width:950px; height:62px; border: 1px #e6f2ff solid; padding:2px 2px 2px 2px;} .horizontal_separator_5px { width:956px; height:5px;} .tabbed_content_1 { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:13px; } .marquee { overflow:hidden; height:62px; } /******************INDEX CONTENT STYLES END*********************/ .copyright_text { color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:11px; } .footer_text { color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:11px; } .footer_links {color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:11px; } a.footer_links:link, a.footer_links:hover, a.footer_links:active, a.footer_links:visited {color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline; } /******************APPLICATION STYLES START*********************/ .arial_12_darkblue { color:#395686; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .application_bg { background:url(/images/form_bg.jpg) #FFFFFF top repeat-x; width:514px; } .application_bg2 { background:url(/images/form_bg.jpg) #FFFFFF top repeat-x; padding:12px 15px 12px 15px; } .application_bg3 { background:url(/images/form_bg.jpg) #FFFFFF top repeat-x;} .testimonial_sign { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; color:#4075C4; padding:6px 0 6px 0; } .footer_links_int { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#003366;} a.footer_links_int:link, a.footer_links_int:hover, a.footer_links_int:active, a.footer_links_int:visited {color:#003366; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline; } .testimonial_text_left { color:#003366; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:0 0 0 10px; } .testimonial_text{ color:#003366; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:0 0 0 0px; } .application_form_heading { color:#003366; font-size:18px; font-family:Arial, Helvetica, sans-serif; } .application_form_text { color:#003366; font-size:13px; font-family:Arial, Helvetica, sans-serif; } .application_form_sm_heading { color:#003366; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } .application_form_cells { color:#003366; font-size:12px; font-family:Arial, Helvetica, sans-serif;padding-left:10px; } a.application_form_cells_link:link, a.application_form_cells_link:visited, a.application_form_cells_link:hover,a.application_form_cells_link:active { color:#003366; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; } .application_container { width:512px; padding:6px 16px 6px 14px;} .application_int_header { width:502px; height:20px; padding-left:10px; color:#003366; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background:url(/images/form_header_bg.jpg) no-repeat left; } .application_form_footer { background:url(/images/application_form_footer_bg.jpg) repeat-x bottom;} .application_app_cell { width:120px; border: solid 1px #BED3E9; background-color:#F1F6FA; color:#003366; font-size:11px; font-family:Arial, Helvetica, sans-serif; } .application_app_cell2 { width:130px; border: solid 1px #BED3E9; background-color:#F1F6FA; color:#003366; font-size:11px; font-family:Arial, Helvetica, sans-serif; } .application_app_cell_w50 { width:35px; border: solid 1px #BED3E9; background-color:#F1F6FA; color:#003366; font-size:11px; font-family:Arial, Helvetica, sans-serif; } .application_app_cell_w60 { width:40px; border: solid 1px #BED3E9; background-color:#F1F6FA; color:#003366; font-size:11px; font-family:Arial, Helvetica, sans-serif; } .application_app_cell_w70 { width:45px; border: solid 1px #BED3E9; background-color:#F1F6FA; color:#003366; font-size:11px; font-family:Arial, Helvetica, sans-serif; } .application_app_cell_w80 { width:50px; border: solid 1px #BED3E9; background-color:#F1F6FA; color:#003366; font-size:11px; font-family:Arial, Helvetica, sans-serif; } .application_app_cell_w90 { width:80px; border: solid 1px #BED3E9; background-color:#F1F6FA; color:#003366; font-size:11px; font-family:Arial, Helvetica, sans-serif; } ul .opportunity a{ font:bold 13px Arial, Helvetica, sans-serif; color:#2061B1; text-decoration:underline; } .location{ font:normal 12px Arial, Helvetica, sans-serif; color:#2061B1;} /*******************APPLICATION STYLES END**********************/ /******************MORTGAGE RATES STYLES START*********************/ .rates_table_left { background:url(/images/rates_l_bg.jpg) repeat-x top; } .rates_btn_1 { background:url(/images/btn_apply_online.jpg) no-repeat center; padding-left:50px; cursor:pointer; } .rates_btn_2 { background:url(/images/btn_rate_calc.jpg) no-repeat center; padding-left:50px; cursor:pointer; } a.rates_btn_link:link, a.rates_btn_link:hover, a.rates_btn_link:visited, a.rates_btn_link:active { color:#003366; font-family:Arial, Helvetica, sans-serif; font-size:16px;} .today_prime_rate { background:url(/images/today_prime_rate.jpg) no-repeat center; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; padding-left:10px; } a.bank_link:link, a.bank_link:visited, a.bank_link:hover, a.bank_link:active { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline;} .small_form_bg { background:url(/images/sm_form_bg.jpg) no-repeat top; padding-top:10px;} .small_form_text { color:#FFFFFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .application_app_cell_sm_form {width:165px; border: solid 1px #BED3E9; background-color:#F1F6FA; color:#003366; font-size:11px; font-family:Arial, Helvetica, sans-serif;} .rates_slider { width:621px; height:169px; overflow:auto; overflow-y:hidden;} .today_rate_slider_bg { background:url(/images/today_rate_square_bg.png) no-repeat top left; padding:10px 0 0 5px;} .rates_percentage { font-family:Arial, Helvetica, sans-serif; font-size:32px; font-weight:bold; color:#FFFFFF; } .rates_term { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold;} .rates_text { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; } .apply_now_small { padding:15px 0 0 0;} .table_header_blue { background-color:#6699CC; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFFFFF;} .table_header_blue_small { background-color:#6699CC; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;} .table_bg_w { background-color:#FFFFFF; color:#34689D; font-family:Arial, Helvetica, sans-serif; font-size:13px;} .table_bg_b { background-color:#ECF2F9; color:#34689D; font-family:Arial, Helvetica, sans-serif; font-size:13px;} .after_table_text { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#34689D; padding-left:30px; } /*******************MORTGAGE RATES STYLES END**********************/ /******************NEWS STYLES START*********************/ .sign_up_for_news { background:url(/images/sign_up_news_bg.jpg) no-repeat center; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#397CCE;} .mortgage_news_table { padding:15px 0 0 15px;} .news_headline { font-family:Arial, Helvetica, sans-serif; color:#396AA2; font-size:18px;} a.news_headline:link,a.news_headline:active, a.news_headline:hover, a.news_headline:visited { font-family:Arial, Helvetica, sans-serif; color:#396AA2; font-size:18px;} .news_date_2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; } .news_excerpt { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;} .featured_news_table { border: 1px solid #FFFFFF; background:url(/images/featured_news_bg.jpg) repeat-x; height:138px; padding:10px 10px 10px 10px; float:left;} .featured_news_selectors { padding-top:5px;} .featured_news_on { font-family:Arial, Helvetica, sans-serif; color:#34689D; font-size:12px; font-weight:bold; background:url(/images/featured_news_on.jpg) no-repeat center; } .featured_news_off { font-family:Arial, Helvetica, sans-serif; color:#34689D; font-size:12px; background:url(/images/featured_news_off.jpg) no-repeat center; cursor:pointer; } .featured_news_slider { width:620px; height:160px; overflow:hidden;} /*******************NEWS STYLES END**********************/ /******************WORKSHOP STYLES START*********************/ .rates_btn_3 { background:url(/images/btn_3.jpg) no-repeat center; padding-left:50px; cursor:pointer; } .rates_btn_4 { background:url(/images/btn_4.jpg) no-repeat center; padding-left:50px; cursor:pointer; } .rates_btn_5 { background:url(/images/btn_5.jpg) no-repeat center; padding-left:50px; cursor:pointer; } .rates_btn_6 { background:url(/images/btn_6.jpg) no-repeat center; padding-left:50px; cursor:pointer; } .workshop_search { width:318px; height:38px; background:url(/images/use_our_search.jpg) no-repeat center; padding:35px 0 0 20px; } /*.workshop_search_box { width:259px; height:26px; background:url(/images/workshop_search_bg.jpg) no-repeat right; border:none;margin-top: 5px; margin-left: 5px; }*/ .fieldHolder { width: 259px; height: 26px; background: url(/images/workshop_search_bg.jpg) no-repeat; float: left; } .workshop_search_box { width: 247px; height: 21px; background: none; border: none; color: #000000; margin-top: 5px; margin-left: 5px; } .workshop_search_btn { width:39px; height:26px; background:url(/images/workshop_search_btn.jpg) no-repeat left;border:none; cursor:pointer; } .faq_reg { font-family:Arial, Helvetica, sans-serif; color:#396AA2; font-size:13px; font-weight:bold; padding-left:16px; padding-top:13px; } a.faq_reg:link,a.faq_reg:visited,a.faq_reg:hover,a.faq_reg:active { font-family:Arial, Helvetica, sans-serif; color:#396AA2; font-size:13px; font-weight:bold; } .faq_on { background-color:#ECF5FF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#396AA2; padding-left:16px; padding-top:13px; } .hiddenFaq { display:none; width:575px; padding:8px 0 15px 30px; } a.close_link:link,a.close_link:visited,a.close_link:hover, a.close_link:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; color:#34689D; padding-top:10px;} /*******************WORKSHOP STYLES END**********************/ /*******************GLOSSARY STYLES START**********************/ .gl_on { width:25px; height:22px; background:#FF6600; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF;} .gl_off { width:25px; height:22px; background:#E4EDF6; color:#396AA2; font-family:Arial, Helvetica, sans-serif; font-size:14px; cursor:pointer;} .glossary_holder { width:600px; padding-top:20px;} .glossary_title { color:#396AA2; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;} .glossary_text { color:#396AA2; font-family:Arial, Helvetica, sans-serif; font-size:12px;} /*******************GLOSSARY STYLES END**********************/ .about_btn_1 {background:url(/images/btn_about_1.jpg) no-repeat center; padding-left:50px; cursor:pointer; } .about_btn_2 {background:url(/images/btn_about_2.jpg) no-repeat center; padding-left:50px; cursor:pointer; } .about_btn_3 {background:url(/images/btn_about_3.jpg) no-repeat center; padding-left:50px; cursor:pointer; } .about_text, .recruiting_text p{ color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:13px; } .careers_btn_1 {background:url(/images/btn_career_1.jpg) no-repeat center; padding-left:50px; cursor:pointer; } .careers_btn_2 {background:url(/images/btn_career_2.jpg) no-repeat center; padding-left:50px; cursor:pointer; } .careers_btn_3 {background:url(/images/btn_career_3.jpg) no-repeat center; padding-left:50px; cursor:pointer; } .careers_btn_4 {background:url(/images/btn_career_4.jpg) no-repeat center; padding-left:50px; cursor:pointer; } a.toolscalc:link, a.toolscalc:hover, a.toolscalc:active, a.toolscalc:visited { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#396AA2; font-weight:bold; text-decoration:underline; } .contacts_text { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; } .contact_form_holder { background:url(/images/contact_form_bg.jpg) top repeat-x; width:620px;} .contact_form_text { color:#003366; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .contact_cell { border:#DDEDFF 1px solid; } #cent_api a, a:link, a:visited, a:active, a:hover { color:#34689D; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .want_to_talk { color:#003366; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; margin-left:10px;} .want_to_talk_text { color:#003366; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-left:10px;} .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content { display: none; position: absolute; top: 25%; left: 25%; width: 478px; height: 238px; padding: 0px; border: 3px solid orange; /*background-color: white;*/ background:url(/images/call_me_now_bg.jpg) no-repeat center; z-index:1002; overflow: none; } .call_now_table { font-family:Arial, Helvetica, sans-serif; color:#003366; font-size:13px; font-weight:bold; padding-left:25px; } /*############################### AGENT PAGE ############################### */ .agent_text {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#003366; padding-left:50px; padding-right:30px;} .agent_text h1 { font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#003366;} .agent_text h2 {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#003366;} .agent_photo { border:3px #FFF solid; z-index:1; position:relative;} .topAgent { z-index:3; position:relative; top:-278px; left:0px; border:none; } .quickLinks { position:relative; top:-80px; } .quickLinks img { padding:0 5px 0 7px; } .quickLinks a { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#003366; text-decoration:underline;} .quickLinks_noTop { position:relative; } .quickLinks_noTop img { padding:0 5px 0 7px; } .quickLinks_noTop a { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#003366; text-decoration:underline;} .contactInfo_noTop {position:relative; top:20px; } .contactInfo_noTop .title {padding-left:10px; padding-bottom:10px;} .contactInfo {position:relative; top:-50px; } .contactInfo .title {padding-left:10px; padding-bottom:10px;} .phone_agent {color:#003366; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding-left:10px;} .icoPagent { color:#6699CC; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;} .awards_title { padding:20px 0 8px 5px; } .awards_image { margin:0 5px 0 5px } .testiTop{position:relative;float:left;display:block;padding:10px;margin:0;width:878px;background:url(/images/testiTop.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#003366;} .testiTop p { width:850px;} .testiBott{position:relative;float:left;display:block;padding:20px 0 0 80px;margin:0 0 15px 0;width:798px;background:url(/images/testiBott.jpg) no-repeat; color:#4075C4; font-family:Arial, Helvetica, sans-serif; font-style:italic;font-size:13px; } .contactForm_agent { border:solid 1px #BED3E9; background-color:#F1F6FA; width:836px; background:url(images/contactForm_bg.jpg) bottom repeat-x; } .contactForm_agent { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#003366; } .contactForm_agent { padding:5px 25px 0px 25px; } .contactForm_agent table td { padding-left:10px;} .contactForm_agent input { border:solid 1px #BED3E9; background-color:#F1F6FA; width:300px; } .contactForm_agent textarea { border:solid 1px #BED3E9; background-color:#F1F6FA; width:462px; height:168px; overflow:auto; } /*########################################################################## */