body 
{
	text-align: center;
	background-color: #5f5f5f;
	background-repeat: repeat-x;
	background-position: top;
}

footer 
{
	text-align: center;
	background-color: #5f5f5f;
	background-repeat: repeat-x;
	background-position: top;
}

.right 
{
	float:right;
}

.left
{
	float:left;
}

#container 
{
  margin: 0 auto;
  width: 800px;
  } 

/* =================== TABS =================== */


#tab a
{
color: #FFFFFF;
text-decoration: none;
padding:0 0px 0px 9px;
} 

#tab a span
{
padding:4px 9px 0px 5px;
} 

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tab a 
{
float:none;
}

/* End IE5-Mac hack */

#tab a#current 
{
	background:url('images/left_on.gif') no-repeat left top; padding:0px 0px 0px 9px
	}

#tab a#current span 
{
	background:url('images/right_on.gif') no-repeat right top;
	padding-bottom:0px;
	color:#be3030;
	font-weight:bold
}

#tab a:hover 
{
	color:#fdb813;
	text-decoration:underline;
}


/* =================== TABS =================== */

/* =================== ROUNDED CORNERS =================== */

.bl {background: #ffffff url('images/bl.gif') no-repeat 0% 100%; }

.br {background: url('images/br.gif') no-repeat 100% 100%; }

.tl {background: url('images/tl.gif') no-repeat; padding:0px 0px 0px 0px}

.tr {background: url('images/tr.gif') no-repeat 100% 0%; padding:10px}

.a1 {background: #cccccc url('images/a3.jpg') no-repeat 0% 100%; width: 25%; height: 25%; }

.a2 {background: url('images/a4.jpg') no-repeat 100% 100%; height: 100%; }

.a3 {background: url('images/a1.jpg') no-repeat; padding:0px 0px 0px 0px}

.a4 {background: url('images/a2.jpg') no-repeat 100% 0%}

.b1 {background: #cccccc url('images/a3.jpg') no-repeat 0% 100%; width: 10%}

.b2 {background: url('images/a4.jpg') no-repeat 100% 100%; }

.b3 {background: url('images/a1.jpg') no-repeat; padding:0px 0px 0px 0px}

.b4 {background: url('images/a2.jpg') no-repeat 100% 0%; padding:10px}

.clear {font-size: 1px; height: 1px}


/* =================== ROUNDED CORNERS =================== */

/* =================== MENUS =================== */
#menu {
	font-family: arial;
	list-style:none;
	padding:0px;
	margin:0px;
	color:#be3030;
	background-color:#EBEBEB;
}
#menu a 
{
	height:22px;
	line-height:22px;
	border-bottom:solid 1px #fff;
	color:#be3030;
	padding-left:14px;
}

#menu a:hover li 
{
	background-color:#be3030;
	
}

#menu a:hover  
{
	background-color:#be3030;
	color:#FFFFFF;
	font-weight:bold;
}

#menu a li 
{
	color:#ffffff;
	text-decoration:none;
}

#footer ul {
	list-style:none;
	padding:0px;
	margin:0px;
	font-family: arial;
	font-size:15px;
		
}
#footer ul li {
	float:left;
	color:#fff;
	border-right:solid 1px #fff;
	padding-right:10px;
	padding-left:10px;
	font-size:15px;
}

#footer ul a {
	color:#fff;
	text-decoration:none;
}
#footer ul a:hover {
	text-decoration:underline;
	
}

#footer ul lh {
	float:left;
	color:#be3030;
	padding-right:10px;
	padding-left:10px;
	font-size:15px;
}

#footer ul lh a {
	color:#fff;
	text-decoration:none;
}
#footer ul lh a:hover {
	text-decoration:underline;
	
}


/* =================== MENUS =================== */

.containingbox
{
			width: 600px;
			border: 0px solid #000;
}


.navbuttons a {
color: #be3030;
font-family: arial;
text-align: center;
font-size:14PT;
text-decoration: none;
background-color: #cccccc;
height: 170px;
width: 200px;
background: url("images/starter.jpg") no-repeat;
background-position: 45% 85%; 
}

.navbuttons a:hover, .navbuttons a:active {
color: #5f5f5f;
background-image: url(images/engine.jpg); 

}

.navbutton a {
color: #be3030;
font-family: arial;
text-align: center;
font-size:14PT;
text-decoration: none;
background-color: #cccccc;
height: 170px;
width: 200px;
background: url("images/taillight.jpg") no-repeat;
background-position: 45% 85%;
}

.navbutton a:hover, .navbutton a:active {
color: #5f5f5f;
background-repeat: no-repeat;
background-image: url(images/headlight.jpg); 

}

.navbutton1 a {
color: #be3030;
font-family: arial;
text-align: center;
font-size:14PT;
text-decoration: none;
background-color: #cccccc;
height: 170px;
width: 200px;
background: url("images/maxbag1.jpg") no-repeat;
background-position: 45% 85%;
}

.navbutton1 a:hover, .navbutton1 a:active {
color: #5f5f5f;
background-repeat: no-repeat;
background-image: url(images/eclipbag1.jpg); 

}

.2navbutton2 a {
color: #be3030;
font-family: arial;
text-align: center;
font-size:14PT;
text-decoration: none;
background-color: #cccccc;
height: 50px;
width: 200px;
background: url("images/coollogo_com_11065521.gif") no-repeat;
background-position: 45% 50%;
}

.2navbutton2 a:hover, .2navbutton2 a:active {
color: #5f5f5f;
background-repeat: no-repeat;
background-image: url(images/coollogo_com_11065521.gif); 

}

.navbutton3 a {
color: #be3030;
font-family: arial;
text-align: center;
font-size:14PT;
text-decoration: none;
background-color: #cccccc;
height: 50px;
width: 200px;
background: url("images/ebay.png") no-repeat;
background-position: 50% 50%;
}

.navbutton3 a:hover, .navbutton2 a:active {
color: #5f5f5f;
background-repeat: no-repeat;
background-image: url(images/ebay.png); 

}

.navbutton4 a {
color: #be3030;
font-family: arial;
text-align: center;

font-size:14PT;
text-decoration: none;
background-color: #cccccc;
height: 50px;
width: 200px;
background: ;
background-position: 50% 50%;
}

.navbutton4 a:hover, .navbutton2 a:active {
color: #5f5f5f;
background-repeat: no-repeat;
background-image: ; 

}