body { text-align:center; font-family: Arial, Tahoma, sans-serif; padding:0px; margin:0px; outline: 0; background:url(/images/lGradient.jpg) repeat-x; color:#000}
img { border:none; }
h1 {color:#002d64;}
h2 {margin-left:10px}
h3 {margin-left:10px}
a { text-decoration:none }
#container              { position:relative; width:953px; margin-left:auto; margin-right:auto; }
#content                { text-align:left; width:953px; }
#upperPane              { height:80px; width:919px; margin-left:17px;margin-right:17px;background:url(/images/BannerBackground.gif)}
#logoplaceholder        { float:left; position:relative; left:17px;top:14px;}
#telplaceholder         { position:absolute;left:645px;top:14px; width:275px; height:52px; background:url(/images/numberPanel.gif) }
#teltexplaceholder      { position:absolute; left:10px;  top:11px; font-size:10pt; color:#673672; font-style:italic; }
#telnumplaceholder      { position:absolute; left:80px; top:11px; font-size:20pt; color:#673672; font-weight:bold }
#testimonialplaceholder { float:left; position:relative; }

#leftPane    { margin-left:20px; clear:both; float:left; width:725px; background: #fff}
#leftPane p  { margin:10px}
#leftPane h1 { margin:10px}
#rightPane   { float:right; width:175px; margin-right:20px;}
#fullPane    { margin-left:20px; clear:both; float:left}

#warning     { clear:both; margin-top:10px;margin-left:10px;margin-right:10px; border-top:1px solid #9989a0; font-size:11pt; text-align:center}
#lowerPane   { clear:both; margin:10px;padding:5px; border-top:1px solid #9989a0; font-size:11pt; text-align:center;}
#copyright   { margin-left:10px; float:left; font-size:10pt}
#terms       { margin-right:10px; float:right; font-size:10pt}
#introtext   { font-size:11pt}

.firstfor {font-size:11pt;font-family:Arial; font-style:italic}

#spacer { clear:both; height:20px }

/* =========================== MENU BAR STYLES ==========================*/
#menubar  {margin-left:16px;text-align:center;font-family:tahoma;font-size:11pt}
.MenuEndL       {float:left;height:45px;Width:9px;background:url(/images/MenuButtonEndL.gif) no-repeat}
.MenuEndR       {float:left;height:45px;Width:9px;background:url(/images/MenuButtonEndR.gif) no-repeat}
.ButtonEdgeNormal {float:left;width:22px;height:45px;background:url(/images/ButtonEdgeNormal.gif) no-repeat}
.ButtonFaceNormal {float:left;height:45px;background:url(/images/ButtonFaceNormal.gif) repeat-x;cursor:pointer}
.ButtonFaceNormal a {display:block;width:100%;height:100%;color:#fff;padding-top:14px}
.ButtonFaceDown   {float:left;height:45px;background:url(/images/ButtonFaceDown.gif) repeat-x;cursor:pointer}
.ButtonFaceDown   a {display:block;width:100%;height:100%;color:#fff;padding-top:16px}
.ButtonDownL      {float:left;width:22px;height:45px;background:url(/images/ButtonDownL.gif) repeat-x}
.ButtonDownR      {float:left;width:22px;height:45px;background:url(/images/ButtonDownR.gif) repeat-x}

/* =========================== APPLICATION FORM STYLES ==========================*/
.appFormSection   { background:#eee; border:1px solid #c0c0c0;margin:10px;font-size:10pt}
.appFormSection p { margin:0px;font-size:10pt; font-weight:bold; font-style:italic; padding-left:3px; margin-bottom:10px;background:url(/images/header.jpg) repeat-x;color:#FFF}
.appFormSection td { font-size:10pt}
.appFormFooter p  { float:left}
.appFormFooter input { float:right; border:1px solid #c0c0c0;color:#fff; background:#f00;width:80px;height:30px;font-size:10pt;font-weight:bold;cursor:pointer}
.appInputErrorNotUsed {border:1px solid #f00;background:url(/images/warn.gif);background-attachment: relative; background-position: right; background-repeat: no-repeat;}
.appInputError {border:1px solid #f00;}
.appInput  {border:1px solid #aaa;}
.appFormClearButton input {float:right;margin-right:20px;margin-top:10px;border:1px solid #ccc;background:#cfc;font-size:10pt;font-weight:bold;cursor:pointer}
.appFormName  { clear:both; margin-left:10px;margin-top:3px;float:left;width:130px}
.appFormInput { float:left;width:240px;height:25px}

/* =========================== SIDEBAR ITEM STYLES =========================== */
.sidebarSection          { font-family:arial, tahoma; background:#fff; margin-bottom:5px;border:1px solid #8cbfff}
.sidebarSection A        { color: #5391dd}
.sidebarSection A:hover  { color:#002d64}
.sidebarSectionHeader    { font-size:12pt; font-weight:bold; font-style:italic; padding-left:3px; margin-bottom:10px;background:url(/images/header3.jpg);color:#FFF}
.sidebarItemHeader       { font-size:10pt; padding-left:5px; font-weight:bold; font-style:italic; border-bottom:1px solid #888; color: #5391dd}
.sidebarItemContent      { font-size:10pt; padding:5px; }
.sidebarItem             { text-align:left}
.sidebarItemDate         { text-align:right; padding-left:5px; padding-right:5px; font-size:8pt; font-style:italic; margin-bottom:5px;margin-top:5px}
.productSelectItem       { margin-left:15px; margin-bottom:15px; width:146px; height:50px; background:url(img/purpleButton.gif) no-repeat; padding:10px}
.sidebarSectionMore      { font-size:9pt; padding-left:5px; font-style:italic; margin-bottom:10px; font-weight:bold}
.sidebarMenuItem         { font-size:9pt; height:24px; background:url(/images/menuitemstatic1.png) no-repeat;}
.sidebarMenuItem a       { display:block; color:#000; line-height:20px; } 
.sidebarMenuItem a:hover { background:url(/images/menuitemover.png) no-repeat }

/* ================= LANDING PAGE ================= */
#frontPage { background:#FFF url(/images/fade.png) no-repeat; background-position:bottom right; width:100%; margin:0px}
#frontPagePanel { clear:both; float:left; margin-bottom: 30px; margin-left:30px; margin-top:30px; margin-right:10px; width:653px; height:369px; }
#frontPagePanelBottom { clear:both; margin-left:75px; margin-top:15px }
#pnlFirstFor { position:absolute; left: 10px; top:24px;  width: 113px; height:13px; background:url(/images/txtFirstFor.png) no-repeat;}
#PanelTitle2 { left: 202px; top:30px;  width: 113px; background:url(/images/txtMortgages.png) no-repeat;}
#PanelTitle3 { left: 42px; top:60px;  width: 152px; background:url(/images/txtSecuredLoan.png) no-repeat;}
#PanelTitle4 { left: 159px; top:90px; width: 177px; background:url(/images/txtUnsecuredLoan.png) no-repeat;}
#PanelTitle6 { left: 20px; top:100px; width: 106px; background:url(/images/txtInsurance.png) no-repeat;}
#PanelTitle5 { left: 139px; top:130px; width: 186px; background:url(/images/txtUtility.png) no-repeat; }
#PanelTitle1 { left: 36px; top:160px;  width: 180px; background:url(/images/txtDebtManagement.png) no-repeat}
#panelUpper {height:55%; width:100%; overflow:hidden}
#panelLower {height:45%; width:100%; overflow:hidden; }
.panelTitle {cursor: pointer;position:absolute; height:13px }
.panelWindow { position: relative; float:left; width:150px; height:125px; margin-left:10px; margin-right:5px}
#PanelWindow1 { background:url(/images/pnlApply100.png) no-repeat; } 
#PanelWindow2 { background:url(/images/pnlCall100.png) no-repeat; } 
#PanelWindow3 { background:url(/images/pnlChat100.png) no-repeat; } 
.PlaceHolderText { font-size:11pt; font-weight:bold; position:absolute;top:102px;width:100%;text-align:center }
.PlaceHolderLogo { position:absolute;left:0px;top:0px;width:100%;height:100%}
#1ApplyPlaceHolder { text-align: left; position: relative; top: 5px; left:10px }
#1CallPlaceHolder  { text-align: right; position: relative; top: 105px; margin-right: 10px; line-height: 14pt}
#1ChatPlaceHolder  { text-align: left; position: relative;line-height: 15pt; top: 5px; left:5px }
#applyButton {text-align:center;}
#applyButton a         { padding:5px;cursor:hand;font-family:arial; font-size:12pt; font-weight:bold; color:#fff; height:30px; width:400px; background:#f00; xbg:url(/images/applybackground.jpg) no-repeat;}
#applyButton a:hover   { background:#f88; xbackground:url(/images/applybackgroundover.jpg) no-repeat; }
#frontPageAnimLeft     { position:relative; float:left; margin:10px; }
#frontPageAnimRight    { position:relative; float:right; margin:10px; margin:25px; border:1px solid #6777a8; width:265px; height:160px; background: #ffdca6; overflow:hidden;}
.frontPageAnimContent  { font-family: arial, tahoma; color: #5c6e9e; margin:8px;}
.frontPageAnimHeader   { position:absolute; text-align:left; font-size:14pt; left:10px; top:10px; width:90%}
.frontPageAnimBody     { position:absolute; text-align:left; font-size:8pt; height:95px; overflow:hidden; left:10px; top:40px; width:90% }
.frontPageAnimReadMore { position:absolute; text-align:right; font-size:10pt; font-weight:bold; cursor: pointer;left:150px; top:130px }
.surveystats {padding:10px; float:left;width:220px;border:1px solid #c0c0c0;font-size:9pt;height:60px}
#footnote {font-style:italic;font-size:10pt;margin-left:30px;margin-right:35px}
/* ================= LANDING PAGE ================= */

/* ============== TESTIMONIALS ================ */
#testimonial { border:1px solid #CCCCCC; width:380px;height:60px;padding:5px;margin-bottom:8px;margin-right:20px;background-color:#FFFFFF}
#testimonial1 {line-height:16px; height:35px; width:100%; float:left; font-size:10pt; margin:1px; font-family:Tahoma; font-style: italic }
#testimonial2 {line-height:16px; height:35px; width:100%; float:left; font-size:12pt; margin:1px; font-family:Times New Roman; color:#0000aa }
#testimonial3 {line-height:16px; height:35px; width:100%; float:left; font-size:10pt; margin:1px; font-family:century gothic; font-style: italic; font-weight:bold }
#testimonial4 {line-height:16px; height:35px; width:100%; float:left; font-size:10pt; margin:1px; font-family:Arial Narrow; font-style:bold }
#testimonial-client {font-size:8pt; float:right; line-height:16px; height:20px }
/* ============= END TESTIMONIALS ============= */

/* =================== CIDD ====================== */
#CIDD_Container { text-align:center;padding:0px; border:1px solid #000000; overflow:auto; height:450px; background:gray; margin-left:10px; margin-right:10px}
#CIDD_Nav   { margin:20px; width:680px;height:30px}
#CIDD_Border { margin:0px; background:url(/images/buttonBar.gif) repeat-x; margin-left:10px; margin-right:10px; padding:0px; height:26px; border:1px solid #000}}

/* ====================== ARTICLES ====================== */
#articleTitle { float:left; font-size: 14pt; font-weight: bold;}
#articleBody { clear:both; font-size:10pt;min-height:480px}
#articleDate { float:right;font-size: 7pt;}

.ErrorText { color:Red; font-size:8pt;}
.errorInput { border: 1px solid #F00; }

#infocloud { position:absolute; width:342px;height:228px; background:url(/images/cloudinfo.png)}
#infocloud h1 {font-weight:bold;font-size:11pt}
#infocloud p { font-weight:normal; font-size:11pt}
#infocloudtext { position:absolute; margin-top:30px;margin-left:30px;width:280px }