/*************************************** General ****************************************
*****************************************************************************************/

* { margin: 0; padding: 0; }
body, html { height: 100%; width: 100%; text-align: center; }
body { background-image: url('../img/bodyBG_diagonal.jpg');  }
a { outline: none; color: #005daa; text-decoration: none; }
a:hover { color: #212121; }
img { border: 0; }
fieldset { border: 0; margin-top: 20px; margin-bottom: 20px; }

#mainContainer { background: url('../img/mainContainer_bg.gif') repeat-y; margin: 0 auto; min-height: 100%; width: 970px; }
* html #mainContainer { height: 100%; }

#secContainer { width: 900px; text-align: left; margin: 0 auto; }
* html #secContainer { margin-bottom: 50px; }

#mainHeader { height: 146px; width: 900px; }
#mainHeader img { float: left; position: relative; left: 30px; top: 20px; }

#secNavBar { background: url('../img/secNav_bg.gif') no-repeat; height: 77px; float: right; width: 528px; }  /********************************************/
#secNavBar { color: #fff; font-family: arial; font-size: .7em; letter-spacing: 3px; line-height: 32px; text-indent: 10px; }

.goLeft { float: left; }
.goRight { float: right; }
.goRightDate { float: right; padding-right: 10px; }
.required { color: red; }

.clearfix:after { content: "."; display: block; /*height: 0;*/ clear: both; visibility: hidden; }
.clearfix { display: inline-block; }  /* for IE/Mac */
    
/********************************* Secondary Navigation *********************************
*****************************************************************************************/

#buttonBar { height: 35px; width: 528px; float: left; } 
#buttonBar a { background: url('../img/secNav_buttons.gif') no-repeat; display: block; float: left; height: 35px; }

#buttonBar .Location { width: 132px; background-position: 0px 0px; }
#buttonBar .Location:hover { background-position: 0px -35px; }
#buttonBar .Privacy { width: 132px; background-position: -132px 0px; }
#buttonBar .Privacy:hover { background-position: -132px -35px; }
#buttonBar .Contact { width: 132px; background-position: -264px 0px; }
#buttonBar .Contact:hover { background-position: -264px -35px; }
#buttonBar .Careers { width: 132px; background-position: -396px 0px; }
#buttonBar .Careers:hover { background-position: -396px -35px; }

/********************************* Main Navigation **************************************
*****************************************************************************************/

#mainNavBar { height: 41px; width: 900px; margin: 0 auto; }
#mainNavBar a { background: url('../img/mainNav_buttons.gif') no-repeat; display: block; float: left; height: 41px; }

#mainNavBar .Home { width: 180px; background-position: 0px 0px; }
#mainNavBar .Home:hover { background-position: 0px -41px; }
#mainNavBar .DealerPrograms { width: 180px; background-position: -180px 0px; }
#mainNavBar .DealerPrograms:hover { background-position: -180px -41px; }
#mainNavBar .PersonalLoans { width: 180px; background-position: -360px 0px; }
#mainNavBar .PersonalLoans:hover { background-position: -360px -41px; }
#mainNavBar .InvestorRelations { width: 180px; background-position: -540px 0px; }
#mainNavBar .InvestorRelations:hover { background-position: -540px -41px; }
#mainNavBar .Calculators { width: 180px; background-position: -720px 0px; }
#mainNavBar .Calculators:hover { background-position: -720px -41px; }

/************************************* Content ******************************************
*****************************************************************************************/

#contentImage { height: 250px; margin: 0 auto; width: 900px; }
.imgDealerProg { background: url('../img/imgDealer.jpg') no-repeat; }
.imgPersonalLoan { background: url('../img/imgPersonalLoan.jpg') no-repeat; }
.imgLocation { background: url('../img/imgLocation.gif') no-repeat; }
.imgCareers { background: url('../img/imgCareers.jpg') no-repeat; }
.imgContact { background: url('../img/imgContact.jpg') no-repeat; }
.imgCalc { background: url('../img/imgCalc.jpg') no-repeat; }
.imgHome { background: url('../img/imgHome.jpg') no-repeat; }
.imgPrivacy { background: url('../img/imgPriv.jpg') no-repeat; }

#contentContainer { width: 900px; }
#contentContainer p { padding: 20px 10px 0px 10px; line-height: 22px; }
#contentContainer p.last { padding-bottom: 20px; }

#fullContent { width: 100%; color: #212121; font-family: arial; font-size: .9em; line-height: 22px; }
#fullContent h1 { margin-top: 20px; margin-left: 10px; }
#fullContent ul { list-style-type: none; margin-top: 20px; margin-left: 20px; }

#fullContent h2 { font-size: 1.5em; margin-bottom: 20px; }

#vehicleprog { float: left; width: 440px; }
#otherprog { float: right; width: 440px; }
#otherprog p.last, #vehicleprog p.last { padding-bottom: 20px; }
#otherprog ul, #vehicleprog ul { margin-bottom: 20px; }

.formTableFix { font-size: 1em; font-family: arial; }

.extraPadding { padding-left: 5px; padding-right: 5px; margin-top: 30px; }
.bold { font-weight: bold; }
.textSmallCenter { font-size: .8em; text-align: center; }
.textCenterItalic { text-align: center; font-style: italic; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.textItalic { font-style: italic; }

/****************************** Content on the left side ********************************
*****************************************************************************************/

#contentFrame { float: left; width: 550px; color: #212121; font-family: arial; font-size: .9em; }
#contentFrame h1 { margin-top: 20px; margin-left: 10px; }
#contentFrame ul { list-style-type: none; margin-left: 30px; margin-top: 20px; }
#contentFrame ul li { /*padding: 5px 5px 5px 5px;*/ }

#contentFrame table.locations, #contentFrame table.office { width: 100%; padding: 5px 5px 5px 5px; }
#contentFrame table.locations { height: 300px; }
#contentFrame table.office td { line-height: 22px; }
#contentFrame table.office { margin-top: 20px; }

*html #contentFrame table.locations { font-size: 1em; margin-left: 10px; }
*html #contentFrame table.office { font-size: 1em; margin-left: 10px; }
* html #contentFrame table { margin-bottom: 20px; }

/****************************** Content on the right side *******************************
*****************************************************************************************/
ul.personalLoanInfo { text-align: left; }

#rightContain { float: right; width: 325px; margin-top: 20px; }
#rightContain img.space { margin-bottom: 20px; }

#rightContain table { font-size: .8em; width: 90%; height: 150px; margin-top: 10px; text-align: left; margin: 0 auto; color: #fff; }
#rightContain table.email { height: 300px!important; }
#rightContain table a { color: #fff; }

#contentRight_head { background: url('../img/extraHead.jpg') no-repeat; }
#contentRight_head h1 { line-height: 42px; font-size: .8em; text-transform: uppercase; text-align: center; }

h1.community { font-family: arial; color: #212121; font-size: 1em; margin-top: 20px; }

#rightContain ul { list-style-type: none; margin-left: 10px; }
#rightContain ul li { padding: 10px; font-family: arial; font-size: .8em; }

#contentRight { width: 325px; background: #4f4f4f; color: #fff; font-family: arial; margin-bottom: 20px; text-align: center; }
#contentRight p { font-size: .8em; }
#contentRight ul { list-style-type: none; padding: 10px 10px 10px 10px; }
#contentRight ul li { padding: 5px 5px 5px 5px; font-size: .8em; }

#contentRight_foot { background: url('../img/extraFoot.jpg') no-repeat center bottom; width: 325px; height: 7px; }

/************************************* Footer *******************************************
*****************************************************************************************/

#footer { width: 970px; height: 40px; background: url('../img/footer.gif') no-repeat; line-height: 40px; margin: 0 auto; color: #212121; font-size: .7em; font-family: arial; clear: both; }
#footer a { color: #005daa; }
#footer a:hover { color: #212121; }
#footerContent { width: 900px; height: 40px; text-align: left; margin: 0 auto; }
#footer ul { list-style-type: none; float: left; }
#footer ul li { display: inline; padding: 0px 5px 0px 5px; }