body, td, p, div, span {  font-family: Arial, Helvetica, sans-serif; font-size: 12px}
a, a.link, a:visited, a:active {
	color: #333333;
	text-decoration: none;
}
a:hover { color: #cc0000 }
.sectionHead { font-weight: bold; color: #ffffff; background-color: #629E70 }
a.footer, a.footer:active, a.footer:visited { font-size: 10px }
.navDot { font-weight: bold; font-size: 14px; color: #629E70 }
.bigDot { font-weight: bold; font-size: 14px }
a.leftNav { text-decoration: none; font-weight: bold }
a.leftNavRed, a.leftNavRed:active, a.leftNavRed:visited { text-decoration: none; font-weight: bold; color: #cc0000 }
a.leftNavRed:hover { color: #000000 }
a.header, a.header:active, a.header:visited { font-size: 10px; color: #ffffff }
.topBar { font-weight: normal; color: #ffffff; background-color: #3366aa }
.banner { color: #000000; font-weight: normal }
.actionBoxBorder { background-color: #3366aa }

/* for the newsletter signup: used by the signup + confirm box */
input.su_text { font-size: 11px; width: 125px; }
input.su_go { font-size: 11px; font-weight: bold; width: 60px; background-color: #ffffff; color: #0066ff; }
.su_head { color: #000000; font-weight: bold; }
table.su_box { background-color: #629E70; }
table.su_innerbox { background-color: #ffffff; }
.su_pop_head { font-size: 16px; color: #629E70; font-weight: bold; }

/* for the 'did you know?' box */
.moduleBgColor { background-color: #ffffff }
.moduleBorderColor { background-color: #99ccff }
.moduleHeading { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #000000;  }
.moduleItalic { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; font-size: 13px; color: #ff0000;  }
#esuTextbox { width: 130px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; }
.esuHead { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; color: #000000; }
.esuText { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; }	
.tickerstyle { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; }
.tickerstyleBold { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; font-weight: bold }

/* ++++++++++++++++++++++++++++++++++++++++++ FOR THE APPLICATION ++++++++++++++++++++++++++++++++++++++++++ */

/* general */
.stepsBg { background-color: #BDD1EA }
.head { font-weight: bold; font-size: 16px; color: #629E70 }
h1 { font-weight: bold; font-size: 16px; color: #629E70 }
.mainHeading { font-weight: bold; font-size: 14px }
.subHeading { font-weight: bold; font-size: 12px }
.bold { font-weight: bold }
.smItalic { font-size: 11px; font-style: italic }
.smItalicRed { font-size: 11px; font-style: italic; color: #ff0000 }
.asterix { font-size: #24px; color: #cc0000; font-family: courier }

/* form elements */
#btnNext { width: 70px; background-color: #ffffff; color: #0000ff; font-weight: bold; }
#btnBack { width: 70px; background-color: #ffffff; color: #0000ff }
#btnGo { width: 70px; background-color: #ffffff; color: #0000ff; font-weight: bold; }

#select35  { width: 35px; background-color: #FFFFFF; font-size: 11px }  /* F */
#select70  { width: 70px; background-color: #FFFFFF; font-size: 11px }  /* H */
#select90  { width: 90px; background-color: #FFFFFF; font-size: 11px }  /* H */
#select110  { width: 110px; background-color: #FFFFFF; font-size: 11px }  /* H */
#select140  { width: 140px; background-color: #FFFFFF; font-size: 11px }  /* H */
#select150 { width: 150px; background-color: #FFFFFF; font-size: 11px } /* E */
#select170 { width: 170px; background-color: #FFFFFF; font-size: 11px } /* B */
#select205 { width: 205px; background-color: #FFFFFF; font-size: 11px }
#select220 { width: 220px; background-color: #FFFFFF; font-size: 11px } /* D */
#select280 { width: 280px; background-color: #FFFFFF; font-size: 11px }
#select305 { width: 305px; background-color: #FFFFFF; font-size: 11px } /* C */
#select350 { width: 350px; background-color: #FFFFFF; font-size: 11px } /* A */
#select380 { width: 380px; background-color: #FFFFFF; font-size: 11px } /* A */
#select430 { width: 430px; background-color: #FFFFFF; font-size: 11px } /* G */
#selectPromo { width: 170px; background-color: #FFFFFF; font-size: 11px }

/* BCP - general (to be reviewed) */
.bgAccountC { background-color: #629E70; color: #ffffff; font-weight: bold; font-size: 10px }
a.bgAccountC, a.bgAccountC:active, a.bgAccountC:visited { background-color: #629E70; color: #ffffff; font-weight: bold }
a.bgAccountC:hover { background-color: #629E70; color: #000000; font-weight: bold }
.accountSubHeadWhite { color: #ffffff; font-weight: bold }
.bgAccountD { background-color: #ebebeb; color: #000000; }
.bgAccountE { background-color: #ebebeb; font-size: 10px }

/* BCP - NEW */
.gridHead { background-color: #BDD1EA; color: #000000; font-weight: bold }
.altShade { background-color: #ebebeb }
.gridBorder { background-color: #A3B9D4 }
.bigHead { color: #000000; font-size: 16px; font-weight: bold }

/* mortgage BCP */
#radioRed { background-color: #cc0000 }
a.whiteBold, a.whiteBold:active, a.whiteBold:visited, a.whiteBold:link { color: #ffffff; font-weight: bold; }
a.whiteBold:hover { color: #000000; font-weight: bold; }
.bcpBorder { background-color: #036B82; }

/* mortgage centre */
.smallBold { font-size: 11px; font-weight: bold }
#select65  { width: 65px; background-color: #FFFFFF; }  /* H */
.redBoldCalc { font-weight: bold; color: #cc0000; font-size: 11px }

/* warning message on rfq form */
.warning { background-color: #ff0000; }
.rfqform { background-color: #ffffff; }

/* vendor logo tip text */
.logoContent { background-color: #ffffff; }
.logoFrameBG { background-color: #036B82; }
.logoFont { font-size: 11px; }
.logoCaptionFont { color: #ffffff; font-weight: bold; }