/* Inventory Results Styles: */
/*
**
** Custom Tags
**
*/
/*
A {color: black; font-weight: bold; font-size:x-small;}
*/
A:active {color: black; font-weight: bold;}
A:visited {color: black; font-weight: bold;}
A:hover {color: black; font-weight: bold;}

/*
**
** GENERIC STYLES
**
*/
.RIGHT {text-align: right;}
.LEFT {text-align: left;}
.CENTER {text-align: center;}
.ERROR {font-weight: bold;font-size: 14pt;color: red;}

/*
**
** SEARCH PAGE STYLES
**
*/
.SEARCH-TABLE {border: 3px solid #ea9c90; background-color: #FFFFFF;}
.SEARCH-TR {}
.SEARCH-TD {}
.SEARCH-SPAN {font-size: 12pt;}
	.SEARCH-SPAN-CATEGORY {}
	.SEARCH-SPAN-MAKE {}
	.SEARCH-SPAN-KEYWORDS {}
	.SEARCH-SPAN-YEAR {}
	.SEARCH-SPAN-PRICE {}

/*
**
** RESULTS PAGE STYLES
**
*/
.RESULTS-HEADING-TABLE {width: 640px; margin-bottom:10px;}
/*This is the background color and text color for the header (Click on the Description for more Item Info, etc.)*/
.RESULTS-HEADING-TR {background-color: #555555; color: White; font-weight: bold;}
	.RESULTS-HEADING-TR-LINE1 {}
	.RESULTS-HEADING-TR-LINE2 {}
	.RESULTS-HEADING-TR-LINE3 {}
.RESULTS-HEADING-TD {}
	.RESULTS-HEADING-TD-INSTRUCTIONS {text-align:left;}
	.RESULTS-HEADING-TD-LISTINGS {}
/*This is the background color and text color for the header pagebar (Browse Pages, etc.) The text color is black so not to confuse it with links. */
.RESULTS-PAGEBAR-TR {background-color: #dddddd; color: Black}
/*This is the background color and text color for the header links (New Search, Clear Compare, etc.)*/
	.RESULTS-PAGEBAR-TR A {background-color: #dddddd; color: #9b1313}
.RESULTS-PAGEBAR-TD {text-align:left;}
/*This is the text color for the header links when active, visited, or hovered over (New Search, Clear Compare, etc.)*/
.RESULTS-PAGEBAR-A {color: #9b1313; text-decoration: none;}
.RESULTS-PAGEBAR-A:active {color: #9b1313; text-decoration: none;}
.RESULTS-PAGEBAR-A:visited {color: #9b1313; text-decoration: none;}
.RESULTS-PAGEBAR-A:hover {color: #9b1313; text-decoration: underline;}
	.RESULTS-PAGEBAR-A-FIRST {}
	.RESULTS-PAGEBAR-A-PREV {}
	.RESULTS-PAGEBAR-A-PAGE {}
	.RESULTS-PAGEBAR-A-NEXT {}
	.RESULTS-PAGEBAR-A-LAST {}
	.RESULTS-PAGEBAR-A-NEWSEARCH {}
	.RESULTS-PAGEBAR-A-CLEARCOMPARE {}
	.RESULTS-PAGEBAR-A-COMPAREITEMS {}
.RESULTS-PAGEBAR-SPAN-CURRENTPAGE {}

.RESULTS-BODY-TABLE {width: 640px;}
.RESULTS-BODY-TR {}
	/*This is the background color for the even numbered results. */
	.RESULTS-BODY-TR-EVEN {background-color: white;}
		.RESULTS-BODY-TR-EVEN-LINE1 {}
		.RESULTS-BODY-TR-EVEN-LINE2 {}
	/*This is the background color for the odd numbered results. */
	.RESULTS-BODY-TR-ODD {background-color: #f4f5f7;}
		.RESULTS-BODY-TR-ODD-LINE1 {}
		.RESULTS-BODY-TR-ODD-LINE2 {}
.RESULTS-BODY-TR-PADDING {font-size: 4px;height: 2px;}
.RESULTS-BODY-TH {}
	/*These are the background and text colors of header links when sorted. (Year, Make, Model, Price, etc.) */
	.RESULTS-BODY-TH-SORTED {background-color: #999999; color: #ffffff;}
	 .RESULTS-BODY-TH-SORTED A {background-color: #999999; color: #ffffff;}
	 .RESULTS-BODY-TH-SORTED A:visited {background-color: #999999; color: #ffffff;}
	 .RESULTS-BODY-TH-SORTED A:active {background-color: #999999; color: #ffffff;}
	 .RESULTS-BODY-TH-SORTED A:hover {background-color: #999999; color: #9b1313;}
	 /*These are the background and text colors of header links when unsorted. (Year, Make, Model, Price, etc.) */
	.RESULTS-BODY-TH-UNSORTED {background-color: #999999; color: #ffffff;}
	 .RESULTS-BODY-TH-UNSORTED A {background-color: #999999; color: #ffffff;}
	 .RESULTS-BODY-TH-UNSORTED A:visited {background-color: #999999; color: #ffffff;}
	 .RESULTS-BODY-TH-UNSORTED A:active {background-color: #999999; color: #ffffff;}
	 .RESULTS-BODY-TH-UNSORTED A:hover {background-color: #999999; color: #9b1313;}
	.RESULTS-BODY-TH-SHADED {background-color: #999999;}
.RESULTS-BODY-TD {}
	.RESULTS-BODY-TD-IMAGE {vertical-align: top; width: 75px;}
		.RESULTS-BODY-TD-IMAGE-EVEN {}
		.RESULTS-BODY-TD-IMAGE-ODD {}
	.RESULTS-BODY-TD-YEAR {padding-left: 3px; text-align: center;}
		.RESULTS-BODY-TD-YEAR-EVEN {}
		.RESULTS-BODY-TD-YEAR-ODD {}
	.RESULTS-BODY-TD-MAKE {text-align: center;}
		.RESULTS-BODY-TD-MAKE-EVEN {}
		.RESULTS-BODY-TD-MAKE-ODD {}
	.RESULTS-BODY-TD-MODEL {text-align: center;}
		.RESULTS-BODY-TD-MODEL-EVEN {}
		.RESULTS-BODY-TD-MODEL-ODD {}
	.RESULTS-BODY-TD-PRICE {text-align: center;}
		.RESULTS-BODY-TD-PRICE-EVEN {}
		.RESULTS-BODY-TD-PRICE-ODD {}
		/* This line aligns the description text in relation to the TD cell it is in: */
	.RESULTS-BODY-TD-TEXT {text-align: center;padding-left: 3px;}
		.RESULTS-BODY-TD-TEXT-EVEN {}
		.RESULTS-BODY-TD-TEXT-ODD {}
	.RESULTS-BODY-TD-COMPARE {text-align: center;}
		.RESULTS-BODY-TD-COMPARE-EVEN {}
		.RESULTS-BODY-TD-COMPARE-ODD {}
.RESULTS-BODY-A {color: #9b1313; text-decoration: none;}
.RESULTS-BODY-A:active {color: #9b1313; text-decoration: underline;}
.RESULTS-BODY-A:visited {color: #9b1313;}
.RESULTS-BODY-A:hover {color: #9b1313; text-decoration:underline;}
	.RESULTS-BODY-A-HEAD {}
	.RESULTS-BODY-A-HEAD:active {}
	.RESULTS-BODY-A-HEAD:visited {}
	.RESULTS-BODY-A-HEAD:hover {}
	.RESULTS-BODY-A-EVEN {}
	.RESULTS-BODY-A-EVEN:active {}
	.RESULTS-BODY-A-EVEN:visited {}
	/*This is the color of even numbered results links when hovered over. */
	.RESULTS-BODY-A-EVEN:hover {color:#9b1313;}
	.RESULTS-BODY-A-ODD {}
	.RESULTS-BODY-A-ODD:active {}
	.RESULTS-BODY-A-ODD:visited {}
	/*This is the color of odd numbered results links when hovered over. */
	.RESULTS-BODY-A-ODD:hover {color:#9b1313;}

/*
**
** COMPARE PAGE STYLES
**
*/
.COMPARE-BODY-TABLE {width: 640px;}
.COMPARE-BODY-TR {}
	.COMPARE-BODY-TR-HEADER {background-color: #802020;}
		.COMPARE-BODY-TR-HEADER-LINE1 {}
		.COMPARE-BODY-TR-HEADER-LINE2 {}
	/*This is the background color for the even numbered compare results. */
	.COMPARE-BODY-TR-EVEN {background-color: White;}
		.COMPARE-BODY-TR-EVEN-LINE1 {}
		.COMPARE-BODY-TR-EVEN-LINE2 {}
	/*This is the background color for the odd numbered compare results. */
	.COMPARE-BODY-TR-ODD {background-color: #f4f5f7;}
		.COMPARE-BODY-TR-ODD-LINE1 {}
		.COMPARE-BODY-TR-ODD-LINE2 {}
.COMPARE-BODY-TR-PADDING {font-size: 4px;height: 2px;}
 /*These are the background color of the TH header. (Year, Make, Model, Price, etc.) */
.COMPARE-BODY-TH {background-color: #999999;}
	.COMPARE-BODY-TH {color: White; text-decoration: none;}
	.COMPARE-BODY-TH-YEAR {color: White; text-decoration: none;}
	.COMPARE-BODY-TH-MAKE {color: White; text-decoration: none;}
	.COMPARE-BODY-TH-MODEL {color: White; text-decoration: none;}
	.COMPARE-BODY-TH-PRICE {color: White; text-decoration: none;}
	.COMPARE-BODY-TH-TEXT {color: White; text-decoration: none;}
.COMPARE-BODY-TD
	.COMPARE-BODY-TD-IMAGE {vertical-align: top;width: 75px;}
		.COMPARE-BODY-TD-IMAGE-EVEN {}
		.COMPARE-BODY-TD-IMAGE-ODD {}
	.COMPARE-BODY-TD-YEAR {padding-left: 3px; text-align: center;}
		.COMPARE-BODY-TD-YEAR-EVEN {}
		.COMPARE-BODY-TD-YEAR-ODD {}
	.COMPARE-BODY-TD-MAKE {text-align: center;}
		.COMPARE-BODY-TD-MAKE-EVEN {}
		.COMPARE-BODY-TD-MAKE-ODD {}
	.COMPARE-BODY-TD-MODEL {text-align: center;}
		.COMPARE-BODY-TD-MODEL-EVEN {}
		.COMPARE-BODY-TD-MODEL-ODD {}
	.COMPARE-BODY-TD-PRICE {text-align: center;}
		.COMPARE-BODY-TD-PRICE-EVEN {}
		.COMPARE-BODY-TD-PRICE-ODD {}
	/* This line aligns the description text in relation to the TD cell it is in: */
	.COMPARE-BODY-TD-TEXT {text-align: center;padding-left: 3px;width: 90%;}
		.COMPARE-BODY-TD-TEXT-EVEN {}
		.COMPARE-BODY-TD-TEXT-ODD {}
	.COMPARE-BODY-TD-REMOVE {text-align: center;}
		.COMPARE-BODY-TD-REMOVE-EVEN {}
		.COMPARE-BODY-TD-REMOVE-ODD {}

.COMPARE-BODY-A {color: #9b1313; text-decoration: none;}
.COMPARE-BODY-A:active {color: #9b1313; text-decoration: underline;}
.COMPARE-BODY-A:visited {color: #9b1313; text-decoration: none;}
.COMPARE-BODY-A:hover {color: #9b1313; text-decoration: underline;}
	.COMPARE-BODY-A-EVEN {color: Black; text-decoration: none;}
	.COMPARE-BODY-A-EVEN:active {color: #9b1313; text-decoration: none;}
	.COMPARE-BODY-A-EVEN:visited {color: #9b1313; text-decoration: none;}
		/*This is the color of even numbered compare links when hovered over. */
	.COMPARE-BODY-A-EVEN:hover {color: #9b1313; text-decoration: none;}
	.COMPARE-BODY-A-ODD {color: #9b1313; text-decoration: none;}
	.COMPARE-BODY-A-ODD:active {color: #9b1313; text-decoration: none;}
	.COMPARE-BODY-A-ODD:visited {color: #9b1313; text-decoration: none;}
		/*This is the color of odd numbered compare links when hovered over. */
	.COMPARE-BODY-A-ODD:hover {color: #9b1313; text-decoration: underline;}

.COMPARE-PAGEBAR-TABLE {width: 640px;}
/*This is the background color for the compare header/footer. */
.COMPARE-PAGEBAR-TR {background-color: #dddddd;}
.COMPARE-PAGEBAR-TD {color: white;}

/*This is the text color for the header links when active, visited, or hovered over (New Search, Clear Compare, etc.)*/
.COMPARE-PAGEBAR-A {color: #9b1313; text-decoration:none;}
.COMPARE-PAGEBAR-A:active {color:#9b1313; text-decoration: none;}
.COMPARE-PAGEBAR-A:visited {color:#9b1313; text-decoration: none;}
.COMPARE-PAGEBAR-A:hover {color:#9b1313; text-decoration: underline;}
	.COMPARE-PAGEBAR-A-NEWSEARCH {}
	.COMPARE-PAGEBAR-A-CLEARCOMPARE {}
	.COMPARE-PAGEBAR-A-COMPAREITEMS {}

/*
**
** COMMON FOOTER PAGE STYLES
**
*/
.FOOTER-HR {color: black; width: 640px; text-align: left; margin-top: 1em;text-align: center;}
.FOOTER-TABLE {width: 640px;text-align: center;}

.FOOTER-ADDRESS-TABLE {font-size: 9pt;border: 2px outset silver;background-color: silver;}
.FOOTER-ADDRESS-TR {}
	.FOOTER-ADDRESS-TR-NAME {font-weight: bold;text-align: center;}
	.FOOTER-ADDRESS-TR-STREET {text-align: center;}
	.FOOTER-ADDRESS-TR-CITYSTATEZIP {text-align: center;}
	.FOOTER-ADDRESS-TR-PHONE {text-align: center;}
.FOOTER-FASTLINE-P {text-align: right;font-weight: bold;font-size: 8pt; width: 700px; color: black;}
.FOOTER-FASTLINE-A {text-decoration: underline;color: black;padding: 3px;}
.FOOTER-FASTLINE-A:active {text-decoration: underline;color: black;padding: 3px;}
.FOOTER-FASTLINE-A:visited {text-decoration: underline;color: black;padding: 3px;}
.FOOTER-FASTLINE-A:hover {text-decoration: underline;background-color: #97BEE9;color: black;}


/*
**
** ITEM PAGE STYLES
**
*/

/* item page table */
.ITEM-BODY-TABLE {width: 640;}
.ITEM-BODY-TR {}
.ITEM-BODY-TD {border-bottom: 1px solid black; text-align: center; color: black;}
	.ITEM-BODY-TD-INFO {}
	.ITEM-BODY-TD-IMAGE {margin: 0px; padding: 13px;}
	.ITEM-BODY-TD-TEXT {padding: 0px;margin: 0px;}
	
/* End of Inventory Results Styles */

#wrapper
{
position:relative;
width: 800px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding-top:0px;
background-color:#fff;
color: #333;
border: 1px solid silver;
}

body 
{
	/* background-color:Silver; */
	background-image:url(images/diagonalpattern.gif);

	text-align:left;
	margin-top:0px;
}

h2 
{
	text-align:center;
	font-size:20px;
}

h3 
{
	margin:0; 
	text-align:left;
	font-size:16px;
}

h4 
{
	font-size:14px;
}

ul 
{
	margin-top:0px;
}

#header
{
padding: 0px 0px 0px 0px;
border-bottom: solid 1px silver;
height: 182px;
margin:0px 0px 0px 0px;
}

img 
{
	margin:0px; padding:0px; border:0px;
}

#navigation 
{
	 /*The nav bar must be absolutely positioned in order for the content's left border to slide underneath it in IE. */
	position:absolute;
	left:0;
	top:182px;
	width: 140px;
	/*height:220px; This height value is necessary to extend the background color down the page as desired */
	border: solid 0px;
	background-color:#555555;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
}

#navigation ul {
	list-style: none;
	margin: 0px 0px 0px 0px; /*It is crucial that this margin be set to avoid distorting the container. */
	padding: 0;
}

#navigation li {
	border-bottom: 1px solid #999999;
	margin:0px 0px 0px 0px;
}

#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #999999;
	border-right: 1px solid #999999;
	background-color:#c0171e;
	font-weight:bold;
	color: #fff;
	text-decoration: none;
}


/*The following code styles the link corresponding to the current page. It goes in the "a" tag 
of the list item i.e. <a href="#" id="current"> */
#navigation li #current {
	background-color: #555555;
	border-left: 12px solid #555555;
	color:#fff;
}

#navigation li a:hover {
	background-color: #555555;
		border-left: 12px solid #555555;
	color: #FFFFFF;
}

#results 
{
	width:640px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:20px;
}

#products ul
{ list-style:none;
}

#products li 
{
	margin:10px;
	float:left;
}

#products h3 
{
	clear:both;
}

.productLabel 
{
	font-weight:bold;
	padding-left:25px;

}

#content
{
/* margin-left: 160px; */
/* This border-left places a solid color the specified width all the way down the left side of the content. */
border-left: 140px solid #999999; 
padding: 10px;
/* The width is necessary so the Footer will not get pushed to the left in IE. */
width:640px;
/* max-width: 36em; */
font-family: Arial, Helvetica, sans-serif;
}

p {
line-height: 130%;
padding-top:10px;
} 

#footer
{
	position:relative;
	display:block;
	
width:788px;
clear: both;
margin: 0;
padding: 6px;
color: #fff;
background-color: #c0171e;
border-top: 1px solid silver;
text-align:center;
}

#footer a 
{
	font-size:10px;
	font-weight:normal;
	color:White;
	text-decoration:underline;
}

#footer h6
{
	font-size:10px;
	margin:10px 0 0 0;
}

#content h2, p { margin: 0 0 10px 0; }

a, a:hover
{
text-decoration:none;
	color:#9b1313;
}

blockquote 
{
	text-align:center;
	margin:0;
}