body { background: #ccc; margin: auto; width: 954px;}

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

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

/* 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: #0F0752; padding-right:10px;}
.template_header .comp_info .punch_line{font: bold italic 10pt Arial; color: #666;}

/* Main Body Area*/
#page_body {background:#fff;}
#page_body .headerDiv { padding:20px 0 0 20px;}
#page_body .headerDiv h1 { margin:0px; color: #EB7900; font: normal 18pt Arial, Helvetica, sans-serif; }
#page_body .bodyContent { line-height:20px; padding:20px;}
#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: #fff; text-align:center;}
.agent_info a { color:#fff;}
.agent_info .name { font: bold 11pt Arial; color:#FFCC01;  }
.agent_info .job_title { font-style: italic; }
.agent_info .photo { border: solid 1px #333399; padding:2px; }

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

/* Leftlinks */
.leftcell { vertical-align: top; width: 223px; padding-top:30px; background-color:#0F0752;}
.leftlinks ul { padding:0px; margin-left:0px;}
.leftlinks li { list-style-type: none; display: block; border-top:1px dotted #4B457D; border-bottom:1px dotted #0B053A; }
.leftlinks li a { display: block; margin: 0px; padding: 8px 6px 8px 15px; color: #fff;}
.leftlinks li a:hover { background-image: url('images/bg_leftlink_selected.gif'); color: #000; }
.leftlinks li.left_current a { padding: 8px 6px 8px 15px; list-style-type: none; display: block; font-weight:bold; background-image: url('images/bg_leftlink_selected.gif'); color: #000; }
/* Leftlinks Ends*/

/* Footer Links */
.footerCell {background-color: #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-color:#E3E3E3; 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 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, 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 {border: #ccc 1px solid; background-color: #eaeaea; }
.prodTable td{background-color: #ffffff; vertical-align:top;color:#000;}
.prodTable td p{color:#000;}
#page_body .bodyContent .prodTable td h3{color:#000; margin:0; }

/* 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 #333399;}
.rate_box_left .rates_header{ background: #333399; color:#fff; font: bold 12pt Arial; text-align:left; padding:6px;}
.rate_box_left .rate_box_left{}
.rate_box_left .gridView_header {background: #333399; 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:#1D1566;}
.rate_box_left .gridView_AltRow td{font-family: Verdana; font-size:10px;color: #fff;}
.rate_box_left .gridView_bold{ font-size:14pt; font-weight:bold;}
.rate_change_notice{ font: normal italic 10px Verdana; color:#ddd;}

.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;}