body, div, html, span, strong, ul, li, a, table, tr, td, th, input, select, textarea, option, h1, h2, h3, h4, h5, h6 { font-family: Arial; }
body { margin: 0px; padding: 0px; background: url(images/bg.png) top repeat-x white;font: 10pt Arial, Verdana; color:#333; }

/* Global setings for font */
td, p { font: 10pt Arial, Verdana; }
a { text-decoration: none; color: #444; }
img { border: none; }

/* complete page excluding footer copyright info */
#body_area { background: #FFFFFF url('images/bg_page.gif') repeat-y; }

/* Top area agent name, contact etc. links
.topHeader{ background-color:#FFBA00; }
.topHeader td{padding:9px; color: #000; font-weight:bold; }
.topHeader td a { color: #000; }*/

/* Header Area with Company Name and punchline */
#template_header { background: #E8F3FA url('images/bg_header.gif'); border-bottom: solid 1px #fff; }
#template_header .top_comp_logo { padding: 5px 0 20px 25px; }
#template_header .top_comp_links { padding: 8px; color: #0D5C94; text-align: right; width: 500px; float: right; font: 16px Arial; }
#template_header .top_comp_links a { color: #0D5C94; padding: 0 10px 0 10px; font: bold 16px Arial; }
#template_header .top_blog_info { text-align: right; padding-top: 20px; padding-right: 10px; width: 260px; float: right; }
#template_header .top_blog_info span { font: bold 16px Arial; color: #0D5C94; padding-top: 12px; float: left; }
#template_header .top_blog_info img { padding: 6px; }

/* banner big home page
.big_banner {background: #FBF8F1 url(/images/top_big_banner.jpg) no-repeat 100% 50%; padding:6px; margin-bottom:6px; }
.big_banner .mort_quote { width:320px; padding-top:20px; text-align:right; padding-bottom:20px;}
.big_banner .mort_quote h2, .big_banner .mort_quote h3 { color:#999900; font-size: 24px; font-family:Arial; margin:0px; padding:5px;}
.big_banner .mort_quote h3 { color:#0A1F62;}

.big_banner .mort_quote td { color:#888;}
.big_banner .mort_quote td select { width: 120px;}*/

/* Main Body Area Right side */
#page_body { }
#dyn_content .headerDiv { padding: 20px 0 0; }
#dyn_content .headerDiv h1 { margin: 0 0 10px; color: #003B64; font: normal 26px 'Arvo', Arial, Helvetica, sans-serif; }
#page_body .bodyContent { line-height: 20px; padding: 10px; }
#page_body .bodyContent h3 { font-size: 14pt; color: #444; font-weight: normal; }
#page_body .bodyContent .glossaryletter { font: bold 20pt Arial; }
#page_body .bodyContent .glossary_letters a { padding: 4px 6px 4px 6px; margin-right: 3px; color: #053DA1; font: bold 10pt Arial; border: solid 1px #666666; text-decoration: none; }
#page_body .bodyContent .glossary_letters a:hover { color: #fff; background-color: #053DA1; border: solid 1px #666666; text-decoration: none; }

/* Agent info left side */
.agent_info { font: normal 10pt Arial; color: #0A1F62; text-align: center; margin-bottom: 10px; }
.agent_info a { color: #222; }
.agent_info .name { font: bold 11pt Arial; color: #0A1F62; }
.agent_info .job_title { font-style: italic; }
.agent_info .photo { border: solid 1px #666; padding: 2px; }

/* Header drop down links background *//* */
.headercell { width: 100%; line-height: 44px; float: left; }

/* Leftlinks */
.leftcell { vertical-align: top; background: #DADFDC; width: 280px; }

.leftcell .leftlinks ul { padding: 0px; margin-left: 0px; }
.leftcell .leftlinks li { list-style-type: none; display: block; }
.leftcell .leftlinks li.parent_page { display: block; margin: 0px; padding: 6px; color: #fff; font: 18px Arial; }
.leftcell .leftlinks li a { display: block; margin: 0px 0 0 6px; padding: 4px 6px 4px 24px; color: #575348; font: 18px Arial; background: url('images/bullet_white.png') no-repeat 0 50%; }
.leftcell .leftlinks li a:hover { color: #eee; }
.leftcell .leftlinks li.left_current a { padding: 4px 6px 4px 24px; display: block; color: #fff; font: 18px Arial; background: url('images/bullet_white.png') no-repeat 0 50%; }
/* Leftlinks Ends*/

#right_col { background-color: #DCDCC2; width: 150px; padding: 6px; }
#right_col .items { border: 1px solid #CCCC99; background-color: #fff; margin-bottom: 10px; }
#right_col .items .header { font: 16px Arial; color: #0A1F62; border-bottom: 2px solid #DCDCC2; padding: 6px; }
#right_col .items .body { padding: 6px; }
#right_col .items .body a.bullet { color: #4D89D1; padding: 6px 6px 6px 14px; background: url('images/arrow_bl.gif') no-repeat 0 50%; }

/* Footer Links */
.footer_cell { }
.footer_cell ul { margin: 0; padding: 0px; }
.footer_cell li { list-style-type: none; display: block; display: inline; border-left: 1px solid #F4F4F4; border-right: 1px solid #969696; }
.footer_cell li a { color: #767267; font: 12px Tahoma; padding: 0px 10px 0px 10px; }
.footer_cell li a:hover { color: #666; }
.footer_cell li.current a { color: #666; font-weight: bold; }

/* Footer Copyright and other info*/
.copywr { background-color: #DEDEDE; border-top: 1px solid #fff; text-align: center; line-height: 24px; }

/* Form Elements */
.formTable { border: solid 1px #828282; }
.formTable th { background-color: #a5a5a5; color: #FFFFFF; padding-left: 5px; text-align: left; }
.formTable td { background-color: #fcfcfc; color: #000000; }
.formTable .alternateTd { background-color: #EBEBEB; }
.formTable .tdFooter { background-color: #ebebeb; text-align: right; }
.button { background-color: #4a4a4a; font: bold 11pt tahoma; color: #FFFFFF; padding: 6px; border: 1px inset #001666; }
.select { width: 90%; }
.capitalise { text-transform: capitalize; }
.txtBox { border: solid 1px #CCCCCC; width: 90%; padding: 3px; }
.alert { color: #FF0000; }
/* Form Ends */

/* Apply Now Form */
h2 { font: normal 16pt Arial; color: #E7B323; margin-top: 10px; margin-bottom: 2px; }
.appForm { border: solid 1px #939393; }
.appForm th { background-color: #ddd; font-weight: bold; padding-left: 5px; text-align: left; border-bottom: solid 1px #ccc; }
.appForm td { background-color: #f8f8f8; font-size: 9pt; color: #000; }
.appFormFooter { text-align: right; padding-top: 10px; }

/* Product Table on Home Page */
.dotted_line6px { background: #A7A8AC url('images/line_gr_red.gif') repeat-y; height: 2px; padding: 3px; }
.home_page_table { background: #CDCED0 url('images/bg_box.gif'); }
.home_page_table th { padding: 6px; color: #232323; text-align: left; }
.home_page_table td { padding: 6px; color: #777; }

/* Product Table on Product Page */
.prodTable { border: #ccc 1px solid; background-color: #ececec; }
.prodTable td { background-color: #ffffff; vertical-align: top; color: #000; }
.prodTable td p { color: #000; }
.prodTable td h4 { color: #034570; margin: 0; font: bold 12pt Arial; }
.prodTable td ul { padding-left: 16px; margin-left: 0px; }
.prodTable td li { list-style-image: url('images/bullet_bl_ar.gif'); }


/*///////////////////////////*/
/* Left side rate control */
.rate_box_left2 { background-color: #a9a69d; }
.rate_box_left2 table tr { border-bottom: 4px solid #a9a69d; }
.rate_box_left2 .market_rate { background-color: #f3f3f3; font: 16pt Tahoma; color: #1d4173; text-align: center; padding: 6px; }
.rate_box_left2 td.rate_details { font: bold 11px Tahoma; color: #fff; text-transform: uppercase; padding-left: 10px; text-align: left; }
.rate_box_left2 td.rate_details span { font: 10px Tahoma; color: #424544; display: block; }
.rate_box_left2 .rate_change_notice { font: normal 10px Tahoma; color: #3F4547; padding: 10px; }
.rate_box_left2 .rate_change_notice a { font: bold 13px Tahoma; color: #fff; background: url('images/bullet_white.png') no-repeat 0 50%; padding-left: 24px; text-transform: none; }
/*///////////////////////////////*/

.rates_big_box .gridView_header { background: #292929; }
.rates_big_box .gridView_header th { color: #fff; font-size: 10pt; text-align: center; padding: 6px 0 6px 0; }
.rates_big_box .gridView_Row { background: #F9F9F9; }
.rates_big_box .gridView_Row td { width: 33%; color: #222; font-size: 9pt; }
.rates_big_box .gridView_AltRow { background: #F1F1F1; }
.rates_big_box .gridView_AltRow td { color: #222; font-size: 9pt; }
.rates_big_box .gridView_bold { font-size: 14pt; font-weight: bold; }
.rates_big_box .rate_change_notice { font: normal italic 10px Verdana; background: #F1F1F1; color: #3F4547; }

/* Newsletter Box*/
.news_letter_box_vert { text-align: left; }
.news_letter_box_vert h2 { margin: 0px; padding: 0px; font: bold 9pt Arial; height: 35px; line-height: 35px; float: left; width: 100%; color: white; text-indent: 5px; background: url(images/menu_body.png) top right repeat-x; clear: both; }
.news_letter_box_vert table { background-color: #ddd; float: left; width: 100%; float: left; }
.news_letter_box_vert table th { font: bold 10px Verdana; text-align: left; color: #333; }
.news_letter_box_vert table td { color: #444; }
.news_letter_box_vert table td .button { margin-top: 10px; background: url(images/button_bg.png) right top no-repeat; border: 0px; width: 88px; height: 25px; line-height: 10px; cursor: pointer; margin-left: 90px; margin-bottom: 12px; font-weight: bold; color: white; font-size: 8pt; text-align: left; text-indent: 5px; }
.news_letter_box_vert table td .txtBox { width: 106px; float: left; height: 15px; border: 1px solid #a8bbcd; font-family: Arial; font-size: 8pt; }

.news_letter_box { border: 1px solid #eee; padding: 8px; margin-top: 15px; }
.news_letter_box .news_letter_head { color: #E7B323; padding: 0px; font: 20px "Century Gothic" , Arial; margin: 0px; }
.news_letter_box table { width: 100%; }
.news_letter_box table td { color: #eee; padding: 6px; }
.news_letter_box table td .txtBox { color: #eee; background-color: #3D3D3D; border: 1px solid #63676C; }
.news_letter_box table td .button { background-color: #E89000; font: bold 9pt tahoma; color: #fff; padding: 6px; border: 1px outset #E89000; }

/* lenders_list */
.lenders_list { padding: 10px 20px 10px 30px; }

/* social medial buttons left bar */
.social_media_left { text-align: center; }
.social_media_left img { padding: 4px; float: left; }

.blue_boxes { background: #0D5B93; padding: 12px; background-position: bottom right; background-repeat: no-repeat; width: 294px; vertical-align: top; }
.blue_boxes h4 { font: 25px Arial; color: #C3D545; margin: 0px; }
.blue_boxes p { font: 12px Tahoma; color: #fff; margin-right: 90px; text-align: justify; }
.blue_boxes a { font: bold 14px Tahoma; color: #fff; background: url('images/bullet_white.png') no-repeat 0 50%; padding-left: 24px; }

.news_div { background: #0D5B93 url('images/bg_news_box.jpg'); padding: 6px 12px; background-position: bottom right; background-repeat: no-repeat; }
.news_div h4 { font: 25px Arial; color: #fff; margin: 0px; }
.news_div p { font: 12px Tahoma; color: #fff; margin-right: 80px; }
.news_div a { font: bold 14px Tahoma; color: #fff; background: url('images/bullet_white.png') no-repeat 0 50%; padding-left: 24px; }

/* left side rss control */
.rss_home_data { text-align: left; }
.rss_home_data h2.rss_home_header { margin: 0px; padding: 0px; font: bold 9pt Arial; height: 35px; line-height: 35px; float: left; width: 100%; color: white; text-indent: 5px; background: url(images/menu_body.png) top right repeat-x; clear: both; }
.rss_home_content { padding: 10px; float: left; }
.rss_home_content .rss_home_news { padding-bottom: 10px; color: #444; border-bottom: 0px dotted #aaa; padding-top: 10px; color: black; font-family: Verdana; font-size: 8pt; }
.rss_home_content .rss_home_news img { border: solid 1px #d2d2d2; }
.rss_home_content .rss_home_news a.rss_home_link { color: #163F6C; font-weight: bold; font-family: Verdana; font-size: 8pt; color: #017dc3; }
.rss_home_content .rss_home_news .rss_pub_date { color: #666; font: italic 7pt Verdana; }


/*********** Custom CSS *********************/


#wrapping { width: 1003px; margin: 0 auto; padding: 0px; }

#page { width: 1003px; float: left; margin: 0px; padding: 0px; }

#footer #footer-content { width: 1003px; margin: 0 auto; }

#header { width: 1003px; float: left; }

#logo { width: 294px; height: 70px; padding-top: 10px; float: left; }

#follow-us { width: 320px; float: right; font-size: 11pt; color: #0d599f; font-weight: bold; margin-top: 30px; line-height: 35px; }


#follow-us ul { list-style: none; padding: 0px; margin: 0px; float: left; }

#follow-us ul li { padding-left: 7px; padding-right: 7px; float: left; margin: 0px; }

#header-desc { font-size: 9pt; float: left; width: 100%; color: #888787; padding:10px; }
#header-desc #header_contact{float: left; width: 700px;}
#ctl00_header_contact { width: 700px; float: left; text-align: left; }


#header-desc a { color: #888787; }

#header-desc ul { float: right; margin: 0px; padding: 0px; list-style: none; width:200px; }

#header-desc ul li { float: left; margin: 0px; padding: 0px; padding-left: 8px; padding-right: 8px; border-right: 1px solid #888787; }

#header-desc ul .last { border: 0px; }
#menu { margin-top: 14px; width: 100%; float: left;}
#page_title { height: 35px; line-height: 35px; margin-top: 8px; float: left; width: 100%; font-family: Arial; font-weight: bold; color: #001539; font-size: 13pt; text-indent: 9px; }

#main { width: 100%; float: left; margin-top: 12px; }

#main #left-sidebar { width: 255px; margin: 10px; float: left; }

#main #left-sidebar > ul { margin: 0px; padding: 0px; width: 100%; float: left; list-style: none; border: 1px solid #b1b1b1; }

#main #left-sidebar > ul > li { margin: 0px; padding: 0px; width: 255px; float: left; border-top: 0px; border-bottom: 1px solid #b1b1b1; padding-bottom: 10px; }
#main #left-sidebar h2, #main #left-sidebar .header { font: 11pt 'Arvo', arial, serif; color: #003b64; padding: 0px; margin: 0px; line-height: 40px; border-bottom: 1px solid #b1b1b1; width: 100%; text-indent: 10px; }

/* left side calc */
#main #left-sidebar .mort_calc_box_left dl { padding: 0px 0 0 10px; margin: 0px; line-height: 30px; float:left; width:245px; }
#main #left-sidebar .mort_calc_box_left dl dt { padding: 0px; margin: 0px; width: 120px; float:left; clear: left;}
#main #left-sidebar .mort_calc_box_left dl dd { width: 110px; float: left; padding-left:5px; margin: 0px;}
#main #left-sidebar .mort_calc_box_left dl input{color: #6E851D; font: bold italic 12pt Arial, Helvetica, sans-serif;}
#main #left-sidebar .mort_calc_box_left dl #calc_mort_amt{width:100px;}
#main #left-sidebar .mort_calc_box_left dl #calc_amt_result{color: #003B64; font: bold 12pt Arial; width:235px; }
#main #left-sidebar .mort_calc_box_left dl #calc_offered_rate{width:50px;}
#main #left-sidebar .mort_calc_box_left #calculate_button { width: 73px; height: 24px; background: url(images/calculate_button.png) top center no-repeat; border: 0px; }
/* calc ends*/

#main #left-sidebar #left-lenders .left-content { padding-top: 10px; }
#main #app-button { float: left; margin-bottom: 10px; }
#main h1 a { color: white; text-decoration: none; }

#main #content { width: 710px; float: left; padding: 2px; padding-left: 10px; }
#main #content #banner_bar { width: 100%; margin: 0px; padding: 0px; float: left; margin-bottom: 2px; }
#main #content #info_list { width: 100%; float: left; margin-top: 10px; margin-bottom: 10px; }
#main #content #info_list ul { list-style: none; float: left; padding: 0px; margin: 0px; }
#main #content #info_list ul li { width: 232px; float: left; margin: 0px; padding: 0px; border: 1px solid #c7c7c7; }
#main #content #info_list ul li.info_home, #main #content #info_list ul li.info_refinance { border-right: 0px; }
#main #content #info_list ul li .info_img img { width: 231px; height: 63px; }
#main #content #info_list ul li .info_content { padding: 5px; font-size: 9pt; color: #9c9c9c; }
#main #content #info_list ul li .info_links { width: 100%; float: left; margin-top: 15px; border-top: 1px solid #c7c7c7; }
#main #content #info_list ul li .info_links .info_more { float: left; font-size: 10pt; color: #c7c7c7; background: url(images/more_icon.png) center left no-repeat; padding-right: 5px; margin-right: 5px; border-right: 1px solid #c7c7c7; margin-left: 30px; padding-left: 15px; }
#main #content #info_list ul li .info_links .info_quote { padding-left: 15px; float: left; font-size: 10pt; color: #c7c7c7; background: url(images/free_quote_icon.png) center left no-repeat; }
#main #content #info_list ul li .info_links .info_more a { color: #c7c7c7; }
#main #content #info_list ul li .info_links .info_quote a { color: #c7c7c7; }
#main #content #info_list ul li h2 { padding: 0px; margin: 0px; float: left; color: #003b64; font-size: 13pt; font-weight: normal; line-height: 35px; text-indent: 5px; }

#footer { padding: 0px; margin: 0px; width: 100%; float: left; font-size: 8pt; color: #6a6a6a; font-family: Verdana; position: relative; padding-top: 25px; padding-bottom: 20px; text-align: center; background: #d1d1d1; }
#footer a { color: #6a6a6a; }
#footer ul { padding: 0px; margin: 0px auto; width: 350px; list-style: none; }
#footer ul li { margin: 0px; padding: 0px; float: left; line-height: 10px; height: 10px; font-size: 9pt; font-family: Arial; color: #6c6c6c; padding-left: 8px; padding-right: 8px; border-right: 1px solid #6c6c6c; }
#footer ul .last { border: 0px; }


.set { border-right: 1px solid white; }
.set1 { background-color: #C77B3F; }
.set2 { background-color: #FFC732; }
.set3 { background-color: #007C90; }
.set4 { background-color: #AD6F08; }
.set5 { background-color: #387855; }
.set6 { background-color: #8C4B2D; }
.set7 { background-color: #82A668; }


#home-content-left { width: 390px; float: left; margin-right: 10px; font-size: 10pt; color: #565656; margin-top: 5px; }
#home-content-left h3 { color: #003b64; width: 100%; font-size: 11pt; font-weight: normal; border-bottom: 1px solid #eaeaea; }
#home-content-right { width: 300px; float: left; margin-top: 5px; }

#cphBody_ctl00_agent_lists h3{ border-bottom: 1px dotted #aaa;}
.expert-list{float:left; width:710px; padding-bottom:20px;}
.expert-list .expert-summary{ float:left; width:230px; margin-left:10px; padding-top:10px;}
.expert-list .expert-summary:nth-child(3n+1){ margin-left:0px;}
.expert-list .expert-summary img{ border: solid 1px #999; width: 120px; padding:3px;}