﻿/* Homepage Elements */

.content {
	width: 760px;
}

.section01 {
	width: 760px;
	height: 180px;
	padding: 8px 0px 0px 0px;
}

.divider {
	widows: 760px;
	height: 17px;
	background: url(../images/dots.gif) repeat-x center;
}

.section02 {
	width: 760px;
}

	.welcome {
		background: url(../images/call_to_action.gif) top right no-repeat;
		float: left;
		margin-right: 10px;
		padding: 18px 20px 0px 0px;
		width: 413px;
	}
	
		.welcome h2 {
			font-size: 18px;
			line-height: 20px;
			color: #005794;
			font-weight: bold;
			padding-bottom: 10px;
		}
		
		.welcome .feature {
			color: #8c0000;
			font-weight: bold;
			font-size: 14px;
		}
		
		.welcome p {
			line-height: 20px;
			padding-bottom: 10px;
		}
	
	.search {
		float: left;
		width: 257px;
		background-color: #ececec;
		padding: 20px 30px 21px 30px;
	}
	
		.search h2 {
			font-size: 14px;
			font-weight: bold;
			color: #005794;
			padding-bottom: 8px;
		}
		
		.search select {
			width: 257px;
			height: 20px;
		    border: solid 1px #999999;
			margin-bottom: 6px;
		}
		
		.search .lastselect {
			width: 257px;
			height: 20px;
		    border: solid 1px #999999;
			margin-bottom: 10px;
		}
		
		.search .text {
			padding: 2px;
		    border: solid 1px #999999;
		    margin-bottom:6px;
		}
		
		.search .button {
			float: none;
		}
		
		.search .button a:link, .search .button a:visited {background-color: #8C0000;}
		.search .button a:hover, .search .button a:active {background-color: #005794;}
		
.section03 {
	width: 760px;
}

	.stocktrack {
		float: left;
		width: 476px;
		height: 215px;
		padding-top: 12px;
		background: url(../images/home_parts_pics.jpg) no-repeat top;
	}
	
		.stocksearch {
			float: left;
			width: 245px;
		}
		
			.stocksearch h2 {
				width: 245px;
				font-size: 14px;
				font-weight: bold;
				color: #363636;
				padding-bottom: 12px;
			}
			
			.stocktrack .field {
				float: left;
				width: 171px;
				margin-right: 5px;
			}
			
		.ordertrack {
			float: left;
			width: 222 px;
		}
		
			.ordertrack h2 {
				width: 222px;
				font-size: 14px;
				font-weight: bold;
				color: #363636;
				padding-bottom: 12px;
			}
			
			.ordertrack .field {
				float: left;
				width: 171px;
				margin-right: 5px;
			}
		
	.recentvehicles {
		float: left;
		width: 251px;
		padding: 12px 0px 24px 33px;
	}
	
		.recentvehicles h2 {
			width: 251px;
			font-size: 14px;
			font-weight: bold;
			color: #363636;
			padding-bottom: 6px;
		}
		
		.row {
			width: 251px;
			height: 24px;
			background: url(../images/dots.gif) repeat-x bottom;
			font-size: 12px;
			line-height: 24px;
		}
		
			.row .stock {
				float: left;
				height: 24px;
				width: 61px;
			}
			
			.row .year {
				float: left;
				height: 24px;
				width: 52px;
			}
			
			.row .model {
				float: left;
				height: 24px;
				width: 138px;
			}
			
			.row a {
				display: block;
				width: 251px;
				height: 24px;
				cursor: pointer;
			}
		
		.recentvehicles .more {
			line-height: 24px;
			font-size: 12px;
		}
		
		.more a:link, .more a:visited {color: #363636;}
		.more a:hover, .more a:active {color: #8C0000;}