/* 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: #D22B2D; 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: #fde1e1; 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: #fde1e1; color: #D22B2D}
.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: #D22B2D; text-decoration: none;}
.RESULTS-PAGEBAR-A:active {color: #D22B2D; text-decoration: none;}
.RESULTS-PAGEBAR-A:visited {color: #D22B2D; text-decoration: none;}
.RESULTS-PAGEBAR-A:hover {color: #D22B2D; 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: #D22B2D;}
	 /*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: #D22B2D;}
	.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: #D22B2D; text-decoration: none;}
.RESULTS-BODY-A:active {color: #D22B2D; text-decoration: underline;}
.RESULTS-BODY-A:visited {color: #D22B2D;}
.RESULTS-BODY-A:hover {color: #D22B2D; 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:#D22B2D;}
	.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:#D22B2D;}

/*
**
** 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: #D22B2D; text-decoration: none;}
.COMPARE-BODY-A:active {color: #D22B2D; text-decoration: underline;}
.COMPARE-BODY-A:visited {color: #D22B2D; text-decoration: none;}
.COMPARE-BODY-A:hover {color: #D22B2D; text-decoration: underline;}
	.COMPARE-BODY-A-EVEN {color: Black; text-decoration: none;}
	.COMPARE-BODY-A-EVEN:active {color: #D22B2D; text-decoration: none;}
	.COMPARE-BODY-A-EVEN:visited {color: #D22B2D; text-decoration: none;}
		/*This is the color of even numbered compare links when hovered over. */
	.COMPARE-BODY-A-EVEN:hover {color: #D22B2D; text-decoration: none;}
	.COMPARE-BODY-A-ODD {color: #D22B2D; text-decoration: none;}
	.COMPARE-BODY-A-ODD:active {color: #D22B2D; text-decoration: none;}
	.COMPARE-BODY-A-ODD:visited {color: #D22B2D; text-decoration: none;}
		/*This is the color of odd numbered compare links when hovered over. */
	.COMPARE-BODY-A-ODD:hover {color: #D22B2D; text-decoration: underline;}

.COMPARE-PAGEBAR-TABLE {width: 640px;}
/*This is the background color for the compare header/footer. */
.COMPARE-PAGEBAR-TR {background-color: #fde1e1;}
.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: #D22B2D; text-decoration:none;}
.COMPARE-PAGEBAR-A:active {color:#D22B2D; text-decoration: none;}
.COMPARE-PAGEBAR-A:visited {color:#D22B2D; text-decoration: none;}
.COMPARE-PAGEBAR-A:hover {color:#D22B2D; 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 */
img 
{
	border:0; /* This removes the border around images that are links. */
	vertical-align: top; /* This removes any space that might occur at the bottom of an image, pushing it to the top. */
}

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

body 
{
	margin: 0; /* This eliminates any space at the top of the browser window. */
	background-color:#999999;
	text-align:left;
}

h1 
{
	font-style:italic;
	padding-top:10px;
	padding-bottom:0px;
	margin-top:0px;
	text-align:left;
	font-size:24px;
}

h2 
{
	padding-top:15px;
	margin-top:150px;
	text-align:center;
	font-size:20px;
}

h3 
{
	margin:0; 
	text-align:center;
	font-size:16px;
	color:#000000;
}

h4 
{
	font-size:14px;
}

#header
{
padding: 0;
background-color: #D22B2D;
border-bottom: 2px solid #999999;
height: 110px;
margin:0px 0px 0px 0px;
}

#header h1
{
padding: 0;
margin: 0;
text-align:left;
font-size:24px;
font-style:italic;
padding:2px 10px 2px 10px;
color:#FFFFFF;
}

#header p
{
	line-height: 130%;
	color:#ffffff;
	padding-left:10px;
	padding-top:0px;
	margin:0px;
	font-weight:bold;
	font-size:12px;
}

#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:113px;
	width: 140px;
	/*height:220px; This height value is necessary to extend the background color down the page as desired */
border-top: 1px solid silver;
	background-color: #D22B2D;
	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-right: 1px solid #a91223;
	background-color:#000000;
	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: #D22B2D;
	color:#fff;
}

#navigation li a:hover {
background-color:#F06024;
	color: #FFFFFF;
}

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

#headerPict
{
/* The 140px margin on the left pulls the picture right of the navbar. */
	border-bottom: 4px solid #D22B2D;
	margin:0px 0px 0px 140px;
}

#content
{
/* The 150px on the left pulls the content right of the 140px navbar area on the left, with some extra padding. */
padding: 10px 10px 10px 10px;
border-left: 140px solid #D22B2D;
/* 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;
background-color: #FFFFFF;
}

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

#footer
{
	position:relative;
	display:block;
	
width:788px;
clear: both;
margin: 0;
padding: 6px;
color: #fff;
background-color: #000000;
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:#D22B2D;
}

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

#weather 
{
	position:absolute;
	bottom:50px;
	left:10px;
	text-align:center;
}

#outsideLinks a {
	color: #FFFFFF;
	font-weight:bold;
}
#outsideLinks a:hover {
	color: #000000;

}	
#outsideLinks {
	position:absolute;
	top:370px;
	left:10px;
}