﻿/*************************************** 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;
}
.imgGroup {
				background: url('../img/imgGroup.JPG') 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: 560px;
				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 {
}
#contentFrame table.locations, #contentFrame table.office {
				width: 100%;
				padding: 5px 5px 5px 5px;
}
#contentFrame table.locations {
				height: 225px;
}
#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;
}
#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;
}
