body { background: #343434 url('images/page_bg.gif') repeat-x; margin: auto; width: 1000px;}

/* Global setings for font */
td, p {font: normal 10pt Arial; color: #222;  }
a { text-decoration: none; color: #333; }
img {border: none;}

#body_area { width: 1000px;}

/* Header Area with Company Name and punchline */
#template_header { background:#BDD5F5 url('images/top_big_header.jpg'); height:173px; text-align:right; padding:15px 32px;}
#template_header .logo {width:200px; float:right;}

/* Main Body Area Right side */
#page_body { background:#fff;}
#page_body .headerDiv h1 { margin:0px; padding:10px 0 10px 15px; color: #0A427C; font: normal 20pt Arial; }
#page_body .bodyContent { line-height:20px; padding:15px; }
#page_body .bodyContent h3{ font-size: 14pt; color:#800000; 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: #800000; text-align:center; margin-bottom:10px;}
.agent_info a { color:#0A427C;}
.agent_info .name { font: bold 12pt Arial; color:#0A427C; padding:5px; }
.agent_info .job_title { font: italic 9pt Arial; margin-bottom: 10px; }
.agent_info .photo { border: solid 1px #bbb; padding: 2px; margin-top:10px; }

/* Header drop down links background */
.headercell { background: #990000 url('images/red_bar_bg.gif');}

/* Leftlinks */
.leftcell { vertical-align: top; width:202px; background-color:#F1F0D1;}
.leftlinks ul { padding:0px; margin:0px; }
.leftlinks li { list-style-type: none; display: block; border-bottom: solid 1px #918E87; border-top: solid 1px #F0EDE7;}
.leftlinks li a { display: block; padding: 6px 0 6px 10px; color: #0A427C;}
.leftlinks li a:hover { background-color:#F0CD7E; color: #800000; }
.leftlinks li.left_current a { list-style-type: none; display: block; color: #800000; background-color:#F0CD7E; font-weight:bold; }
/* Leftlinks Ends*/

/* Footer Links */
.footerCell {text-align: center; padding: 10px; color: #555; background:#740203 url('images/red_bar_bg.gif') repeat-x bottom;}
.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:#ddd; padding: 8px; font: normal 10pt Arial;}
.footerCell li a:hover{ color:#ddd;}
.footerCell li.current a{ color:#ddd;}

/* 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:#740203 url('images/red_bar_bg.gif'); 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:#0E4481 url('images/yl_bar_2.gif'); font: bold 10pt Arial; color: #fff; padding: 4px 12px 4px 12px; 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; color:#000; }
.appForm td { background-color: #f8f8f8; color:#000;}
.appForm td p{ color:#000;}
.appFormFooter { text-align:right; padding-top:10px;}

/* Product Table on Home & Product Page */
.prodTable { background-color:#000;}
.prodTable th{ text-align:left; color:#fff; font: bold 12pt Arial;}
.prodTable td{color:#fff;}
.prodTable td.left{ border-left: solid 1px #fff;}
#page_body .bodyContent .prodTable td h3{color:#fff; font: bold 14pt Arial;}
#page_body .bodyContent .prodTable td h3 a{color:#fff; font: bold 14pt Arial;}

/* Left side rate control */
.left_rate_box{background-color:#E5E0D5; }
.left_rate_box .rates_header{ background: #DABA3E url('images/yl_bar_bg.jpg'); color:#292630; font: bold 12pt Arial; text-align:left; padding:6px;}
.left_rate_box .rate_box_left{}
.left_rate_box .gridView_header {background:#C2C2C2;}
.left_rate_box .gridView_header th{color:#222; font-size:10pt; text-align:center; padding: 6px 0 6px 0;}
.left_rate_box .gridView_Row{ background:#F9F9F9;}
.left_rate_box .gridView_Row td{ width:33%;color:#222;}
.left_rate_box .gridView_AltRow { background:#F1F1F1;}
.left_rate_box .gridView_AltRow td{color:#222;}
.left_rate_box .gridView_bold{ font-size:14pt; font-weight:bold;}
.left_rate_box .rate_change_notice{ font: normal italic 10px Verdana; background:#F1F1F1;color:#222;}

.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;}
.rates_big_box .gridView_AltRow { background:#F1F1F1;}
.rates_big_box .gridView_AltRow td{color:#222;}
.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:#222;}

/* Newsletter Box*/
.news_letter_box_vert{}
.news_letter_box_vert h2{ background: #DABA3E url('images/yl_bar_bg.jpg'); color:#292630; font: bold 10pt Arial; padding:6px;}
.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 30px;}

/* social medial buttons left bar */
.social_media_left_btn{ text-align:center;}
.social_media_left_btn img{padding:5px;}
.social_media_left{ padding: 6px;}
 
#right_col{background: #0A427C; text-align:center; width:147px;}
#right_col p{ color:#fff; font-weight: bold; padding: 10px; border-bottom: solid 1px #fff;}
#right_col p a{ color:#fff; font-weight: bold;}
