body { background: #888888 url(images/bg_page.gif) repeat-x; margin: auto; width: 966px;}

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

/* complete page excluding footer copyright info */
#body_area { background: url(images/bodybg.jpg) repeat-x top #fff; padding: 6px; margin-top:8px; }

/* Top area agent name, contact etc. links*/
.topHeader{ background-color: #DECA57; }
.topHeader td{border-bottom: solid 1px #aaa; padding:9px;}

/* Header Area with Company Name and punchline */
.template_header {background: #F3F3F3 url( 'images/bg_header.gif' ); height:102px;}
.template_header .comp_info {font: normal 20pt Arial; color: #990000; padding-right:10px;}
.template_header .comp_info .punch_line{font: bold italic 10pt Arial; color: #aaa;}

/* Main Body Area*/
#page_body {background:#333;}
#page_body .headerDiv { padding:20px 0 0 20px;}
#page_body .headerDiv h1 { margin:0px; color: #fff; font: normal 18pt Arial, Helvetica, sans-serif; }
#page_body .bodyContent { line-height:20px; padding:20px;}
#page_body .bodyContent h3{ font-size: 14pt; color:#fff; 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:#ccc; font: bold 10pt Arial; border: solid 1px #666666; text-decoration: none;}
#page_body .bodyContent .glossary_letters a:hover {color:#fff; background-color:#990000; border: solid 1px #666666; text-decoration: none;}

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

/* Header drop down links background */
.headercell { background-color: #222;}

/* Leftlinks */
.leftcell { vertical-align: top; width: 223px; padding-top:30px; background: #850100 url(images/bg_left.jpg);}
.leftlinks ul { padding:0px; margin-left:0px;}
.leftlinks li { list-style-type: none; display: block; border-top:1px dotted #660000; border-bottom:1px dotted #B80A07; background: url(images/bg_leftlink.gif); height:32px; }
.leftlinks li a { display: block; margin: 0px; padding: 8px 6px 8px 30px; color: #ccc;}
.leftlinks li a:hover { background-image: url('images/bg_leftlink_selected.gif'); color: #fff; }
.leftlinks li.left_current a { padding: 8px 6px 8px 30px; list-style-type: none; color: #fff; display: block; font-weight:bold; background-image: url('images/bg_leftlink_selected.gif'); }
/* Leftlinks Ends*/

/* Footer Links */
.footerCell {background: #7A7A7A; padding:10px;}
.footerCell ul{margin: auto;}
.footerCell li {list-style-type:none; display:block; display: inline; line-height:20px; border-left:1px solid #B0B0B0; border-right:1px solid #4E4E4E;}
.footerCell li a{ color:#fff; padding: 0px 8px 0px 8px;}
.footerCell li a:hover{ color:#ccc;}
.footerCell li.current a{ color:#ddd;}

/* Footer Copyright and other info*/
.copywr { color: #222; background:#E3E3E3 url(images/footer_tree.png) no-repeat right; text-align:center; line-height: 24px; }
.copywr a{ color:#222; 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: #4a4a4a; font: bold 10pt tahoma; color: #FFFFFF; padding: 6px 12px 6px 12px; border: 1px outset #4a4a4a; }
.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; color:#000; font-weight: bold; padding-left: 5px; text-align: left; border-bottom: solid 1px #ccc; }
.appForm td { background-color: #f8f8f8; font-size: 9pt; color:#000;}
.appForm td p { color:#000;}
.appFormFooter { text-align:right; padding-top:10px;}

/* Product Table on Home & Product Page */
.prodTable {border: #222 1px solid; background-color: #333; }
.prodTable td{ vertical-align:top; color:#eee; background-color: #444;}
.prodTable td p{color:#eee;}
#page_body .bodyContent .prodTable td h3{color:#fff; margin:0; }

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

/* featured expert box*/
#page_body .bodyContent .featured_experts{ border-bottom: 1px solid #78513E; margin:10px;}
#page_body .bodyContent .featured_experts th{font:bold 11pt "Arial"; color:#78513E; padding:5px; background:#fff url('images/rates_row_bg.gif'); border-bottom: 1px solid #AF927C;}
#page_body .bodyContent .featured_experts tr {background:#F1DBCD url('images/rates_row_bg_alt.gif');}
#page_body .bodyContent .featured_experts tr td.photo{ padding:5px;}
#page_body .bodyContent .featured_experts tr td.details{ padding:5px 5px 5px 0; font-size:9pt;}
#page_body .bodyContent .featured_experts tr td.details em{ font-size:8pt;}
#page_body .bodyContent .featured_experts tr td.details a{ font: bold 10px Verdana; color:#CC3333;}

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

/* Left side rate control */
.rate_box_left{ margin:10px 4px 0 4px; padding:1px; border: solid 1px #CC6633;}
.rate_box_left .rates_header{ background: #424242; color:#fff; font: bold 12pt Arial; text-align:left; padding:6px;}
.rate_box_left .rate_box_left{}
.rate_box_left .gridView_header {background: #700101; color:#fff; font-size:11px;}
.rate_box_left .gridView_header th{color:#fff; font-size:10pt; text-align:center; padding: 6px 0 6px 0;}
.rate_box_left .gridView_Row{ }
.rate_box_left .gridView_Row td{ width:33%;color: #fff; font-family: Verdana; font-size:10px;}
.rate_box_left .gridView_AltRow { background:#AC0403;}
.rate_box_left .gridView_AltRow td{font-family: Verdana; font-size:10px;}
.rate_box_left .gridView_bold{ font-size:14pt; font-weight:bold;}
.rate_box_left .rate_change_notice{ font: normal italic 10px Verdana; 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; color:#222;}

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