/*******************************************************/
/** Reset the default style sheet info. ****************/
/*******************************************************/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0px;
	padding:0px;
}

table {
	border-collapse:collapse;
	border-spacing:0px;
}

img { 
	border:0px;
}

ol,ul {
	list-style:none;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

/*******************************************************/
/** Custom styles. *************************************/
/*******************************************************/
html {
	min-height:100%;
	margin-bottom:1px;
}

body {
	background-image:url(../images/background.jpg);
	background-position:top left;
	background-repeat:no-repeat;	
	background-color:black;
}

a:link { font-family:sans-serif; color:red; text-decoration:underline; font-weight:bold; font-size:10pt}
a:visited { font-family:sans-serif; color:red; text-decoration:underline; font-weight:bold; font-size:10pt}
a:hover { font-family:sans-serif; color:red; text-decoration:underline; font-weight:bold; font-size:10pt}
a:active { font-family:sans-serif; color:red; text-decoration:underline; font-weight:bold; font-size:10pt}

/*
div {
	border:1px solid #0000FF;
}
*/

h2 {
	font-size:14px;
	font-weight:bold;
	font-family:sans-serif;
}

ul { 
	list-style:disc;
	padding:20px 0px 5px 16px;
	vertical-align:middle; 
}

li {
	list-style:disc;
	padding-bottom:1em;
}

.stdButton {
	font-family:sans-serif; 
	font-size:small;
	padding:0px 2px 0px 2px; 
}

.error {
	font-familiy:sans-serif;
	font-weight:bold;
	font-style:italic;
	color:red;
}

/*******************************************************/
/** stdLayout.jsp **************************************/
/*******************************************************/
#wrapper {
	overflow:hidden;	
	width:802px;
}

#headerPanel {
	background-image:url(../images/header.jpg);
	height:121px; 
	background-position:top left;
	background-repeat:no-repeat;	
	background-color:black;
	padding-bottom:10px;
}

#leftPanel {
	float:left;
	width:128px;
	background-color:#5C5C5C;
}

#leftPanel a:link { color:white; text-decoration:none; font-weight:bold; font-size:10pt;}
#leftPanel a:visited { color:white; text-decoration:none; font-weight:bold; font-size:10pt;}
#leftPanel a:hover { color:black; text-decoration:none; font-weight:bold; font-size:10pt;}
#leftPanel a:active { color:black; text-decoration:none; font-weight:bold; font-size:10pt;}

#contentPanel {
	font-family:sans-serif;
	font-size:10pt;
	font-weight:normal;
	float:left;
	text-align:left;
	width:598px;
	background-color:#F1F1F1;
}

* html #contentPanel {
	display:inline;
}

#rightPanel {
	float:right;
	width:76px;
	height:250px;
	background-image:url(../images/right.jpg);
	background-position:top left;
	background-repeat:no-repeat;	
	background-color:#EE3A43;
	padding-bottom:10px;
}

#leftPanel, #contentPanel, #rightPanel {
	padding-bottom:32767px !important;
	margin-bottom:-32767px !important;
}

/*******************************************************/
/** Background Images **********************************/
/*******************************************************/
#flashcontent {
	padding:0em 0em 0em 1.8em;
}

#textContent {
	padding:2em 3em 3em 3em;
}

#homeContent {
	background-image:url(../images/homeBackground2.jpg);	
	background-repeat:no-repeat;
}

#productsContent {
	background-image:url(../images/productsBackground.jpg);	
}

#aboutUsContent {
	background-image:url(../images/aboutUsBackground.jpg);	
}

#contactUsContent {
	background-image:url(../images/contactUsBackground.jpg);	
}

#storeLocatorContent {
	background-image:url(../images/storeLocatorBackground2.jpg);	
}

#mapContent {
	background-image:url(../images/mapBackground.jpg);	
}

#opportunitiesContent {
	background-image:url(../images/opportunitiesBackground.jpg);	
}

#inventoryContent {
	background-image:url(../images/inventoryBackground.jpg);	
}

#marketingContent {
	background-image:url(../images/marketingBackground.jpg);	
}

#merchandisingContent {
	background-image:url(../images/merchandisingBackground.jpg);	
}

#supportContent {
	background-image:url(../images/supportBackground.jpg);	
}

#certifiedAutoContent {
	background-image:url(../images/certifiedAutoBackground.jpg);	
}

#warrantyContent {
	background-image:url(../images/warrantyBackground.jpg);	
}
.watermark {
	min-height:550px;
	_height:550px;
	background-repeat:no-repeat;	
	padding:4.5em 2em 3em 5em;	
}

/*******************************************************/
/** left.jsp *******************************************/
/*******************************************************/
 .cssnav, .cssnav2 {
 	color:white;
	font-family:sans-serif;
	font-size:14px;
	float:left;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	white-space:nowrap;
	display:block;
	width:128px;
	height:43px;
}

.cssnav {
	background:url(../images/lightGrayButton.jpg) no-repeat;
}

.cssnav2 {
	background:url(../images/redButton.jpg) no-repeat;
}

.cssnav a, .cssnav2 a {
	color:white;
	font-family:sans-serif;
	font-size:14px;
	float:left;
	font-style:italic;
	text-decoration:none;
}

.cssnav img, .cssnav2 img {
	width:128px;
	height:43px;
}

* html a:hover {
	visibility:visible
}

.cssnav a:hover img, .cssnav2 a:hover img {
	visibility:hidden
}

.cssnav span, .cssnav2 span {
	position:absolute;
	left:20px;
	top:10px;
	cursor:pointer;
}

/*******************************************************/
/** The following CSS is for the graphical display of  */
/** the current sales flyer on the home page.          */
/*******************************************************/

a#saleFlyer2 {
	float:left;
	position:relative;
	top:25px;
	left:1px;
	display:block;
	width:127px;
	height:178px;
	background:url(../images/flyerSmall.gif) 0 0 no-repeat;		
}

a:hover#saleFlyer2 {
	background-position: 0 -178px;		
}

/*******************************************************/
/** footer.jsp *****************************************/
/*******************************************************/
#bottom {
	width:802px;
	height:53px; 
	background-image:url(../images/bottom.gif);
	background-repeat:no-repeat;	
}

#bottomHome {
	z-index:-1;
	width:802px;
	height:229px; 
	background-image:url(../images/bottomHome.jpg);	
	background-repeat:no-repeat;
}

a#saleFlyer {
	z-index:100;
	display:block;	
	position:relative;
	top:20px;
	left:-120px;
	width:236px;
	height:177px; 
	background-image:url(../images/flyerUp.gif);		
	background-repeat:no-repeat;
}
a:active#saleFlyer {
	background-image:url(../images/flyerDown.gif);			

}
a:hover#saleFlyer {
	background-image:url(../images/flyerOver.gif);		
}

#footerPanel {
	width:802px;
	height:auto;
	font-family:sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:red;
	padding-bottom:2em;
}

#footerPanel a:link { font-family:sans-serif; color:white; text-decoration:none; font-weight:bold; font-size:8pt}
#footerPanel a:visited { font-family:sans-serif; color:white; text-decoration:none; font-weight:bold; font-size:8pt}
#footerPanel a:hover { font-family:sans-serif; color:gray; text-decoration:none; font-weight:bold; font-size:8pt}
#footerPanel a:active { font-family:sans-serif; color:red; text-decoration:none; font-weight:bold; font-size:8pt}

.versionContainer{
	width:762px;
	margin-top:5px;
	float:left;
	position:relative;
	font-size:10px;
	color:white;
	text-align:center;
}

/*******************************************************/
/** map.jsp ********************************************/
/*******************************************************/
#mapWrapper {
	overflow:hidden;
}

div#map {
	display:none;
	border:1px solid;
	width:440px;
	height:300px;
	margin:10px;
}

div.form {
	float:left;
}

div.image {
	float:right;
}

#submitButton {
	display:block;
	width:52px;
	height:20px;
	background-image:url(../images/submitNormal2.png);
	background-repeat:no-repeat;
}
#submitButton:hover, #submitButton:active {
	background-image:url(../images/submitHover2.png);
	background-repeat:no-repeat;
}

/*******************************************************/
/** list.jsp *******************************************/
/*******************************************************/
div.mapButton {
	text-align:right;
	float:right;
	padding:25px 50px 0px 0px;	
}

div.notes {
	text-align:left;
	padding-right:200px;
	padding-bottom:none;
}

div.store {
	padding-bottom:5px;	
}

div.nextPrev {
	font-family:sans-serif;
	font-size:12pt;
	font-style:italic;
	font-weight:bold;
	color:red;
	text-decoration:underline;
	padding:5px 0px 10px 0px;
}
div.nextPrev a:link { font-family:sans-serif; color:red; text-decoration:underline; font-weight:bold; font-size:12pt}
div.nextPrev a:visited { font-family:sans-serif; color:red; text-decoration:underline; font-weight:bold; font-size:12pt}
div.nextPrev a:hover { font-family:sans-serif; color:black; text-decoration:underline; font-weight:bold; font-size:12pt}
div.nextPrev a:active { font-family:sans-serif; color:black; text-decoration:underline; font-weight:bold; font-size:12pt}

.storeDivider {
	text-align:center;
	margin-right:40px;
	color:rgb(210,210,174); 
	width:90%; 
}

.mapItButton {
	display:block;
	width:122px;
	height:20px;
	background-image:url(../images/mapItNormal2.png);
	background-repeat:no-repeat;
}
.mapItButton:hover, .mapItButton:active {
	background-image:url(../images/mapItHover2.png);
	background-repeat:no-repeat;
}