body { background-color: #474747; margin: auto; width: 970px;}

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

#body_area { width: 970px; border-left: solid 1px #ccc; border-right: solid 1px #ccc; }
.top_bar{ background:#093A66;}
.top_bar td{ color: #fff; font: bold italic 16px/8pt Georgia, Verdana;}
.top_bar td a{ color: #fff; font: bold 11pt/8pt Calibri, Verdana;}

/* Header Area with Company Name and punchline */
#template_header { background: #fff url('images/top_banner.jpg') no-repeat right; height:180px;}
#template_header .comp_logo{ padding: 10px 50px 15px 10px;}

/* Main Body Area Right side */
#page_body { background-color:#fff;}
#page_body .headerDiv h1 { margin:0px; padding:20px 0 0 20px; color: #093A66; font: normal 18pt Arial, sans-serif; }
#page_body .bodyContent { line-height:20px; padding:20px; }
#page_body .bodyContent h3{ font-size: 14pt; color:#333; 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;}

.link_bar {text-align: center; background-color: #DBF0FD; border-top: solid 1px #B7D4E6;border-bottom: solid 1px #85B5D5;}
.link_bar img { border: none; margin:4px 6px 4px 10px;}
.link_bar a{ color:#003378;}

/* Agent info left side */
.agent_info { font: bold 10pt Arial; color: #91002B; text-align:center; margin-bottom:10px;}
.agent_info a { color:#91002B;}
.agent_info .name { font: bold 12pt Arial; color:#91002B; }
.agent_info .job_title { font: italic 9pt Arial; color:#91002B; margin-bottom: 10px; }
.agent_info .photo { border: solid 1px #ddd; padding: 2px; margin-top:10px; }

/* Header drop down links background */
.headercell { background:#DEDEDE url('images/top_menu_bg.gif'); height: 36px; border-top: solid 1px #BFBFBF; border-bottom: solid 1px #BEBEBE;}

/* Leftlinks */
.leftcell { vertical-align: top; width:210px; background-color:#fff; padding:10px;}
.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: #093A66; background-color:#E0E0E0; border-top: solid 1px #A1A0A0;}
.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:#093A66; padding: 8px;}
.footerCell li a:hover{ color:#093A66;}
.footerCell li.current a{ color:#093A66;}

/* Footer Copyright and other info*/
.copywr { color: #eee; font: normal 10px Verdana; padding:10px; text-align:center;}
.copywr a{ color:#eee; 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; }
.action_result{color: #991B0C; font: bold 11pt Arial; margin-right:10px;}
/* 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; border: #ccc 1px solid;}
.prodTable th{border: #ccc 1px solid; background: #ccc url('images/menu_bg.gif');}
.prodTable td p{color:#000;}
.prodTable td h3{color:#0E4481; margin:0; }

/* Left side rate control */
.left_rate_box{ margin: 10px; }
.left_rate_box .rates_header{ background: #991B0C url('images/left_rate_header_bg.jpg'); 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;}

/* home page box */
.hm_pg_box{background: url(images/curve_box.gif) no-repeat; width:352px; height:217px;}
.hm_pg_box h2{margin:6px; font: bold 10pt Arial; color:#093A66;}
.hm_pg_box .body{padding:10px; font-size:9pt;}
.hm_pg_box ul.li_blt{ padding: 0px;}
.hm_pg_box ul.li_blt li{ list-style-image: url('images/bullet.gif'); margin-left: 15px;}

.hm_rate_tbl{width:400px;}
.hm_rate_tbl .time{ font: normal 11pt Arial; color:#373737; text-align:center;}
.hm_rate_tbl .rate{ font: bold 18pt Arial; color:#003362; text-align:center;}