@import url("reset.css");
@import url("form.css");

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

html, body {
    height: 100%;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
	font-weight: inherit;	
}

td {
	padding: 2px 0;
}

pre {
	font-family: "Courier New", Courier, monospace;
	word-wrap: break-word;
}

h1 {
	font-size: 2em;
	font-weight: bold;
	padding-bottom: 10px;
}

h1 em {
	font-size: 1em;
	font-style: normal;	
	font-weight: bold;	
	padding-bottom: 10px;
}


/* Container Section */

#container {
	background: #000000 url(../images/bg-rpt.gif) repeat;
	min-height: 100%;
	position: relative;
}

	* html #container { /* ie 6 fix */
		height: 100%;
	}
	
/* Header Section */

#header {
	background: url(../images/header-rpt.gif) repeat-x;
    height: 96px;
    width: 100%;	
}

	#header-logo {
		background: url(../images/header.gif) no-repeat;
		height: 96px;		
		width: 898px;		
	}

/* Menu Section */		

#menu {
	background: #808080; 
	height: 27px;		
}

	#menu ul li {
		float: left;
	}

	#menu a:link, #menu a:visited, #menu a:active {
		display: block;
		color: #ffffff;
		line-height: 2.3em;
		padding: 0 1em;
	}
	
	#menu li.selected, #menu a:hover {
		color: #ffff00;
	}		
		
/* Inner Container Section */

#inner-container {
	background: url(../images/container-rpt.gif);
	clear: both;
	padding-bottom: 27px;
}

	#inner-container:after {
		content: " ";
		display: block;
		clear: both;
	}		

/* Content Section */

#content {
	background: #ffffff url(../images/mini-logo.gif) bottom center no-repeat;
	overflow: hidden;
	padding: 10px;
	text-align: left;

}
	
/* Footer Section */

#footer {
	background: #000000; 
    bottom: 0;
	font-size: 0.9em;
	height: 27px;
	line-height: 2.4em;
    position: absolute;
    width: 100%;
}

	#footer span {
		color: #ffffff;
		float: left;
		padding: 0 20px;
	}
	
	#footer ul {
		float: right;
		padding: 0 20px;
	}
	
	#footer ul li {
		display: inline;
		padding: 0 0.5em;
	}
	
	#footer a:link, #footer a:visited, #footer a:active {
		color: #ffffff;
		text-decoration: none;
	}
	
	#footer a:hover  {
		text-decoration: underline;
	}

/* Paging */

ul.paging {
	clear: both;
}

	ul.paging li {
		clear: none;
		float: left;
		padding-right: 5px;
		width: auto;
	}
	
	ul.paging a:link, ul.paging a:visited, ul.paging a:active {
		color: #000;
		display: block;
		text-decoration: none;
	}
	
	ul.paging a:hover {
		text-decoration: underline;
	}
	
	ul.paging a.selected:link, ul.paging a.selected:visited, ul.paging a.selected:active, ul.paging a.selected:hover {
		text-decoration: underline;
	}

/* Home Page */

#home-side {
	border: 1px #808080 solid;
	float: right;
	width: 210px
}

	#home-side h2 {		
		background: #808080;
		color: #ffffff;
		font-weight: bold;
		padding: 5px;
	}
	
#home-content {
	float: left;
	width: 660px;
}

	#home-content div.content2 {
		float: right;
		width: 375px;
	}

	#home-content ul#mini-buttons {
		float: left;
		overflow: hidden;
		width: 275px;			
	}
	
		#home-content ul#mini-buttons li {
			padding: 1px;
		}
		
#home-cars {
	clear: both;
	margin: 10px auto;
	overflow: hidden;
	width: 660px;
}

	#home-cars img {
		float: right;
		padding: 0 60px 0 0;
		width: 270px;
	}

/* Part */

#part-image {
	float: right; 

	overflow: hidden;
	width: 430px; 
}

#part-info {
	float: left;
}
		
	ul#part-details {
		padding: 10px 0 0 !important;
	}		
	
		ul#part-details li {
			list-style: none !important;
			padding: 0 !important;
		}
		
		ul#part-details li label {
			font-weight: bold;
			margin-left: 0;
			width: 100px;
		}
		
		ul#part-details li .horizontal .label {
			font-weight: bold !important;
			margin-left: 0;
			width: 80px;
		}		

		ul#part-details li .horizontal ul li label {
			font-weight: normal !important;
		}		

		#part-details li input.width {
			width: 200px !important;
		}

/* UL Table Format */

ul.table-format {
}

	ul.table-format li strong {
		display: block;
		float: left;
		width: 140px;
	}

	ul.table-format li a {
		color: #479b43;
	}

		ul.table-format li a:hover {
			color: #e0b221;
		}	
			
/* Search Error */

#search-error {
}
	#search-error strong {
		font-weight: bold;
		font-style: italic;
	}

	#search-error span {
		display: block;
		margin: 5px 0;
	}
			
	#search-error ul {
		margin-left: 10px;
	}		
		
/* Site Map */
	
#site-map {
	list-style: outside disc;
	margin-left: 20px;	
}
	#site-map li strong {
		color: #000;
	}

	#site-map ul {
		list-style: outside disc;
		margin-left: 30px;
	}

	#site-map li {
		padding: 5px 0 0 !important;
	}

	#site-map li a {
		color: #000;
	}
	
		#site-map li a:hover {
			text-decoration: underline;
		}
	
/* Used Cars */	

#make {
	margin: 10px 0;
	overflow: hidden;
}

	#make li {
		display: inline-block;
		float: left;		
	}
	
		#make li a {
			color: #808080;
			display: block;
			margin: 5px 9px;
			width: 200px;
		}

			#make li a:hover {
				text-decoration: underline;
			}

		#make li strong {
			display: block;
			text-align: center;
			width: 200px;
		}

/* Used Car Make */	

#cars {
	margin: 10px 0;
	overflow: hidden;
}

	#cars li {
		display: inline-block;
		float: left;
	}
	
		#cars li a {
			color: #808080;
			display: block;
			margin: 5px 9px;
			width: 130px;
		}

			#cars li a:hover {
				text-decoration: underline;
			}

		#cars li strong {
			display: block;
			height: 40px;
			text-align: center;
			width: 130px;
		}
		
/* Used Car */
		
#used-car h3 {
	
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}
	
#used-car div {
	margin-bottom: 10px;
	text-align: justify;
}	

	#used-car div strong {
		display: block;
		margin-bottom: 5px;
	}
	
/* Parts For Sales */

ul#category-link {
}

	ul#category-link li {
		clear: none;
		float: left;
		margin: 0;		
		padding-bottom: 10px;
		padding-right: 5px;
		width: 205px;		
	}
	
		ul#category-link li a {
			color: #000;
			display: block;
			text-align: center;
		}
		
			ul#category-link li a:hover {
				text-decoration: underline;
			}
		
		ul#category-link li strong {
			display: block;
		}

ul#part-link {
}

	ul#part-link li {
		clear: none;
		float: left;
		margin: 0;		
		padding-bottom: 10px;
		padding-right: 5px;
		width: 160px;		
	}
	
		ul#part-link li a {
			color: #000;
			display: block;
			text-align: center;
		}
		
			ul#part-link li a:hover {
				text-decoration: underline;
			}
		
		ul#part-link li strong {
			display: block;
			height: 30px;
		}

	
/* Misc Section */

.no-border {
	border: none !important;
}

.centerise {
	display: block;
	margin: 0 auto;
	width: 898px;		
}

#cards {
	text-align: center;
}

#back {
	margin: 10px 0 0;
}

	#back a {
		color: #808080;
	}
	
		#back a:hover {
			text-decoration: underline;
		}
		
#shop-images {
	float: right;
	padding-left: 10px;
	width: 300px;
}		

ul.features {
	list-style: disc inside !important;
	margin: 10px 0 5px !important;
	padding: 0 !important;
}

	ul.features li {
		clear: none !important;
		float:none !important;
		margin: 0px !important;
		padding: 0px !important;
	}

/* Breadcrumb Trails */	

p#trails {
}

	p#trails a:link, p#trails a:visited, p#trails a:active {
		color: #000;
		text-decoration: underline;
	}
	
	p#trails a:hover {
		text-decoration: none;
	}

/* Full Image Link */

#full {
	text-align: center;
	width: 100%;
}

#full a:link, #full a:visited, #full a:active {
	color: #000;
}

#full a:hover {
	text-decoration: underline;
}		


ul.more {
	clear: both;
	overflow: hidden;
}

	ul.more li {
		float: left;
	}
	
		ul.more li a img {
			width: 290px;
		}
		
			ul.more li a img:hover {
				opacity: .50;
				filter: alpha(opacity=50); 
				-moz-opacity: 0.5;				
			}


div.deliveryBox {
	border: 1px #808080 solid;
	float: left;
	width: 272px
}

	div.deliveryBox h3 {		
		background: #808080;
		color: #ffffff;
		font-weight: bold;
		padding: 5px;
	}
	

/* Image Rorater */

div#rotater {
	height: 167px;
	overflow: hidden;
	width: 260px;
}

div.imageRotater {
	display: block;
	margin: 5px;
	position: relative;
}
	
	div.imageRotater img {
		display: inline-block;
		left: 0;
		position: absolute;
		top: 0;
		width: 250px;
		z-index: 1;
	}

		div.imageRotater img.firstItem {
			z-index: 2;
		}

