/* CSS Document */

.content-table {
	font-size: 10px;
	color: #7E7E7E;
	line-height: 19px;
	background-color: #EDEAE3;
	padding: 15px;
	padding-top: 10px;
	padding-bottom: 13px;
/*	border: 1px solid #E8E4DC;*/
	text-align:left;
}
.content-table1 {
	font-size: 10px;
	color: #7E7E7E;
	line-height: 19px;
	background-color: #EDEAE3;
	padding: 15px;
	padding-top: 10px;
	padding-bottom: 13px;
/*	border: 1px solid #E8E4DC;*/
	text-align:left;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
}
.content-table2 {
	font-size: 10px;
	color: #7E7E7E;
	line-height: 19px;
	background-color: #EDEAE3;
	padding: 15px;
	padding-top: 5px;
/*	border: 1px solid #D6CFC0;*/
	text-align:left;
	height: 170px;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	color: #F14F5C;
	padding: 0px;

}
.fontRed {
	color: #F14F5C;
}

.head-font {
	color: #85A9CA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 30px;
}
.head-red { color: #F14F5C;}


.tableC {
	text-align:center;
	margin: 0 auto;

}
.leftPanelhdr {
	font-size: 10px;
	color:#85A9CA;
	font-weight: bold;
}
.leftPanelhdr2 {
	font-size: 10px;
	line-height: 17px;
	text-align: left;
	padding-left: 20px;
	padding-top: 0px;
	color:#85A9CA;
	font-weight: normal;
	background-image: url(../images/side-line.gif);
	background-repeat: no-repeat;
}
#spacer {
height: 25px;
}

#spacer-hdr {
height: 20px;
}
#spacer-5 {
height: 10px;
}
.spacer-s {
height: 3px;
}
.right{
padding-right: 5px;
}
#expand {
min-height: 100%;
height: 66%;
vertical-align: top;
padding-left: 20px;
}
#expandPad {
min-height: 100%;
height: 66%;
vertical-align: top;
padding-left: 20px;
}
html {
	text-align:center;
	margin: 0 auto;
	height: 100%;
}
 body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bk-repeat.jpg);
	background-color:transparent;
	background-repeat:repeat;
	color: #999999;
	line-height: 19px;
	font-size: 10px;
	text-align:center;
	margin: 0 auto;
	height: 100%;
	background-color: #D8E1F7;
}
#bkgnd2 {
    background-color:transparent;
	background-image:url(../images/bk.jpg);
    background-position:right top;
    background-repeat:repeat-x;
    text-align:center;
	height: 100%;
	margin: 0 auto;
}
#Content {
	width:812px;
	margin:0px auto;
	background-image:url(../images/background.jpg);
	background-position:top center;
	background-repeat:repeat-y;
	height: 100%;
}
#Content1 {
	width:812px;
	margin:0px auto;
	background-image:url(../images/background.jpg);
	background-position:top center;
	background-repeat:repeat-y;
}
#Content2 {
	width:812px;
	margin:0px auto;
	background-image:url(../images/panel.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height: 100%;
}
#ContentPad {
	width:798px;
	margin-right: auto;
	margin-left: auto;
	padding-top:1px;
	padding-right: 7px;
	padding-left: 7px;
	height: 98%;
	
}
#Content3 {
	width:812px;
	margin:0px auto;
	background-image:url(../images/panel.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
#ContentPad2 {
	width:798px;
	margin-right: auto;
	margin-left: auto;
	padding-top:1px;
	padding-right: 7px;
	padding-left: 7px;
	
}
.copyright {
	text-align: left;
	font-size: 10px;
	color:#999999;
	margin: 0px auto;
	width: 760px;
	padding-bottom: 7px;
}
.copyright2 {
	text-align: left;
	font-size: 10px;
	color:#999999;
	margin: 0px auto;
	width: 760px;
}
a.copyright {
	color: #999999;
	text-decoration: underline;
}
a:hover.copyright {
	color: #E23D49;
	text-decoration: none;
}
.title {
	height: 5px;
	padding-top: 10px;
	text-align: left;
}
#features {
	width:760px;
	margin:0px auto;
	text-align: center;
}
#line {
	margin:0px auto;
	width:760px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#line-inside {
	margin:0px auto;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#header {
	padding-left:17px;
	color: #E5EDF4;
	font-size:10px;
	vertical-align:middle;
	height: 74px;
	background-image:url(../images/west-orange-motors-logo.gif);
	background-repeat: no-repeat;
	background-color: #6694BD; 
	text-align: left;
	padding-top: 16px;
	
}
.header {
	padding-left:17px;
	color: #E5EDF4;
	font-size:10px;
	vertical-align:middle;
	height: 90px;
	background-image:url(../images/west-orange-motors-logo.gif);
	background-repeat: no-repeat;
	background-color: #6694BD; 
	text-align: left;
}
#footer {
	width:812px;
	height: 20px;
	background-image: url(../images/span-bot.jpg);
	background-repeat: no-repeat;
	margin:0px auto;
}
.top-image {
	height: 129px;
}
#footer-inside {
	width:812px;
	background-image: url(../images/span-bot.jpg);
	background-repeat: no-repeat;
	margin:0px auto;
	background-position: center top;
}
.nav {
		width: 100%;
		height: 31px;
		background: url(../images/nav.gif) top left repeat-x;
		text-align: center;
}
.nav-dhtml {
		height: 30px;
		text-align: center;
		background: #2C477B;
		}
.nav ul a:hover {
	display: inline;
	background: #cccccc url(../images/nav-R2.gif) top left repeat-x;
	padding-top: 11px;
}
		.nav a {
				color: #FFFFFF;
				text-decoration: none;
				display: inline;
				text-align: center;
				width: 100%;
				padding-right: 2px;
				padding-bottom: 8px;
				padding-left: 6px;
				
				}		
		.nav ul {
				display: block;
				
				}
		.nav li {
				padding-left: 6px;
				padding-right: 2px;
				padding-top: 8px;
				margin-left:6px;
				margin-right:6px;
				height: 22px;
				float: left;
				text-align: left;
				font-size: 11px;
				font-weight: bold;
				list-style: none;
				display: block;
}				
.feature-content1 {
padding-left: 8px;
padding-top: 25px;
font-size: 10px;
color:#FFFFFF;
line-height: 17px;
}				
.feature-content2 {
padding-left: 8px;
padding-top: 25px;
font-size: 10px;
color:#333333;
line-height: 17px;
}				
.feature-content3 {
padding-left: 16px;
padding-top: 34px;
padding-right: 200px;
font-size: 10px;
color:#A1A2A4;
line-height: 17px;
}
DIV.table-row {
width: 760px;
margin:0px auto;
}

/* Style rules for the 3 x 2 table example */

/* Rules in detail that is used to suggest rendering for the */
/* Nobel price winner table example. I still use some of the */
/* generic rules as found above and below, but still..       */

DIV.left-column {
float: left; width: 190px;
  	height:95px;
	background-image: url(../images/feature-1.jpg);
	background-repeat: no-repeat;
}

DIV.middle-column {
 float: left; width: 190px; height:95px;
	background-image: url(../images/feature-2.gif);
	background-repeat: no-repeat;
}

DIV.right-column {
 float:right; width: 380px; height:95px;
  background-image: url(../images/feature-3.gif);
	background-repeat: no-repeat;
}
DIV.table-row-inside {
 text-align: left; width: 758px;
 margin-left: 40px;
}
.left-inside-column {
background-color: #EBF0F7;
padding: 10px;
line-height: 17px;
font-size: 10px;
color: #7E94AC;
line-height: 17px;
	
}

.right-inside-column {
 border:solid 1px #EBF0F7;
 text-align:center;
 padding: 10px;
 padding-top: 20px;
padding-bottom: 20px;
}
/* Rules in detail that is used to suggest rendering for the  10 by 5 int. */
/* product table example. I still use some of the generic rules as found   */
/* above and below, but still..                                            */

/* Watch out for this DIV... rule, it appears every now and then */

DIV.space-line {
  clear: both; width: auto;
}
a.more {
	background: url(../images/arrow.gif) 0px 4px no-repeat;
	color: #FFFFFF;
	padding-left: 18px;
	text-decoration:underline;	
}
a:hover.more {
	color: #FFFFFF;
	text-decoration: none;
}
.clear { clear: both
}
#frame {
width: auto;
height: 100%;
overflow: auto; /* This property will allow the block to be scrollable */
font-size: 14px;
background-color:#00CC33;
}
.panel2 {
	background-image: url(../images/span-bot.gif);
	background-repeat: repeat-y;
	background-position: center 10px;
}
li {
	display: outside;
	margin: 0; /*removes indent IE and Opera*/
	padding-left: 20px; /*removes indent Mozilla and NN7*/
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 5px;
}
ul.nicelist {
    margin: 0px;
	padding: 0px;
    list-style: none;
}
a.arrow {
	padding-left: 13px;
	background-image: url(../images/arrow1.gif);
	background-repeat: no-repeat;
	color: #7E7E7E;
	text-decoration: underline;
	
}
a:hover.arrow {
	padding-left: 13px;
	background-image: url(../images/arrow1.gif);
	background-repeat: no-repeat;
	color: #E23D49;
	text-decoration: underline;
	
}
.formDropDown {
	BORDER-RIGHT: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	FONT-SIZE: 11px;
	COLOR: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 2px;
	margin: 0px;
	height: 18px;
	width: 210px;
}
#formpad {
	padding-right: 29px;
	text-align: right;
}
.table0 {
	background-color: #EDEAE3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #666666;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 5px;
	padding-bottom: 6px;
	vertical-align: top;
	line-height: 16px;
}
.table1 {
	background-color: #EDEAE3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #666666;
	padding-left: 16px;
	padding-top: 5px;
	padding-bottom: 6px;
	vertical-align: top;
	line-height: 16px;
}
.table2 {
	background-color: #EDEAE3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 6px;
	vertical-align: top;
	line-height: 16px;
}
.table3 {
	background-color: #EDEAE3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #666666;
	padding-right: 16px;
	padding-top: 5px;
	padding-bottom: 6px;
	vertical-align: top;
	line-height: 14px;
	text-align: right;
}
.textfield {
	width: 100px;
	height: 16px;
	border: solid 1px #D3CCBC;
	font-size: 10px;
}
.textfield2 {
	width: 150px;
	height: 16px;
	border: solid 1px #D3CCBC;
	font-size: 10px;
	font: Verdana, Arial, Helvetica, sans-serif;
}
.textarea {
	width: 311px;
	height: 100px;
	border: solid 1px #D3CCBC;
	font-size: 10px;
}
a {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color: #F14F5C;
	text-decoration: none;
}
#tsLoanDiv {
	color: #F14F5C;
	font-weight: bold;
	font-size: 11px;
}
.tsLoanDiv {
	color: #F14F5C;
	font-size: 10px;
}