body { background-color: #CEEBF5; margin: auto; width: 986px;}

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

#body_area { width: 986px; background-color:#fff;}

/* Header Area with Company Name and punchline */
#template_header { background: #ccc url('images/header_bg.gif'); height:107px;}
#template_header .social_links { text-align:right; vertical-align:top;}
#template_header .social_links span{ margin-right:10px;}
#template_header .social_links span img{ border: solid 8px #8BAE36;}
#template_header .contact_info { color:#6F8A2B; font: normal 16pt Verdana; text-align:right; padding: 20px 10px 24px;}

#template_banner_row { vertical-align:top;}
#template_banner_row .mort_quote { background-color:#ddd;}
#template_banner_row .mort_quote th {background-color: #317FA6; color:#fff; font: bold 12pt Arial; text-align:left;}
#template_banner_row .mort_quote td select { width: 125px; font-size:12px;}

/* Main Body Area Right side */
#page_body { background-color:#fff;}
#page_body .headerDiv h1 { margin:0px; padding:10px 0 10px 15px; color: #317FA6; font: bold 14pt Arial; }
#page_body .bodyContent { line-height:20px; padding:15px; }
#page_body .bodyContent h3{ font-size: 14pt; color:#6F8A2B; 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: bold 10pt Arial; color: #eee; text-align:center; margin-bottom:10px;}
.agent_info a { color:#fff;}
.agent_info .name { font: bold 12pt Arial; color:#fff; }
.agent_info .job_title { font: italic 9pt Arial; margin-bottom: 10px; }
.agent_info .photo { border: solid 1px #fff; padding: 2px; margin-top:10px; }

/* Header drop down links background */
.headercell { background: #317FA6;}

/* Leftlinks */
.leftcell { vertical-align: top; width:267px; background:#8BAE36 url('images/left_cell_bg.gif');}
.leftlinks ul { padding:0px; margin:0px; }
.leftlinks li { list-style-type: none; display: block; border-bottom: dotted 1px #444; border-top: dotted 1px #666;}
.leftlinks li a { display: block; padding: 6px 0 6px 10px; color: #fff;}
.leftlinks li a:hover { background-color:#ED8D11; }
.leftlinks li.left_current a { list-style-type: none; display: block; background-color:#ED8D11; font-weight:bold; }
/* Leftlinks Ends*/

/* Footer Links */
.footerCell {text-align: center; padding: 10px; color: #fff; background-color:#317FA6; border-top: solid 1px #ddd;}
.footerCell ul{margin: auto;}
.footerCell li {list-style-type:none; display:block; display: inline; line-height:20px; border-right:1px solid #ccc;}
.footerCell li a{ color:#fff; padding: 8px;}
.footerCell li a:hover{ color:#eee;}
.footerCell li.current a{ color:#eee;}

/* Footer Copyright and other info*/
.copywr { color: #4E4E4E; font: normal 10px Verdana; padding:10px; text-align:center;}
.copywr a{ color:#4E4E4E; font-weight:bold;}

/* 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: #0E4481; font: bold 10pt Arial; color: #FFFFFF; padding: 4px 8px 4px 8px; border: 1px outset #0E4481; }
.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, Arial Narrow"; color:#CC6633; 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 & Product Page */
.prodTable {}
.prodTable td{vertical-align:top; background: #317FA6 url('images/box_bg_btm.gif') no-repeat; padding:6px;}
.prodTable th{ text-align:left; background: #8BAE36 url('images/box_bg_top.gif') no-repeat; color:#fff; font: normal 12pt Arial; padding:5px;}
.prodTable td p{color:#333;}

/* Left side rate control */
.left_rate_box{ margin: 10px; }
.left_rate_box .rates_header{ background: #666; color:#fff; font: bold 12pt Arial; text-align:left; padding:6px;}
.left_rate_box .rate_box_left{}
.left_rate_box .gridView_header {background:#282828 url('images/left_rate_subheader_bg.jpg');}
.left_rate_box .gridView_header th{color:#fff; font-size:10pt; text-align:center; padding: 6px 0 6px 0;}
.left_rate_box .gridView_Row{ background:#fff url('images/rates_row_bg.gif');}
.left_rate_box .gridView_Row td{ width:33%;}
.left_rate_box .gridView_AltRow { background:#F1DBCD url('images/rates_row_bg_alt.gif');}
.left_rate_box .gridView_AltRow td{}
.left_rate_box .gridView_bold{ font-size:14pt; font-weight:bold;}
.left_rate_box .rate_change_notice{ font: normal italic 10px Verdana;}

/* Newsletter Box*/
.news_letter_box_vert{padding: 5px; border: 1px solid #999; background-color:#fff;}
.news_letter_box_vert h2{ font:bold 12.5pt "Arial Narrow"; margin: 4px; color:#0E4481;}
.news_letter_box_vert table { background-color:#E5E0D5;}
.news_letter_box_vert table th { font: bold 10px Verdana; text-align:left;}

/* lenders_list */
.lenders_list { padding: 10px 0 10px 60px;}