@charset "utf-8";
/* CSS Document */

/*Use IE Developer Toolbar or Firebug to refer to these id and classes*/

/*This controls the background of the page*/
html, body{
background:#bcb2a0;
}


/*This controls the container*/
#container{
background:#fff;
border: solid 1px #666;
}


/*This controls the topbar*/
#topbar{
background:#999;
color:#000;
}

#topbar a{
color:#fff;
}

#topbar a:hover, #navbar a:hover, #navbar2 a:hover {
background:#000;
color: #fff;
}


/*This controls the left navigation*/
#coreleft{
border:0px;
background:#e3e3e3 none repeat scroll 0 0;
border-right: solid 1px #666;
border-bottom: solid 1px #666;
}

#coreleft h3{
font-weight:bold;
background-color:#999;
color:#000;
border-top:solid 1px #000;
}

#coreleft a {
color: #000099;
}

#coreleft a:hover {
background: #effffd url(/4wheelproducts/siteimages/readmore_over.gif) 1% center no-repeat;
color: #900;
text-decoration: underline;
}

#coreleft li{
border:0px;
}

/*This controls the content area*/

.description{
color:#900;
}

.description table{
color:#900;
}
.description a{
color:#000099;
text-decoration:none;
}

.description a:hover{
color:#000099;
text-decoration:underline
}

.headers{
border:#666 solid 1px;
background-color:#900;
font-weight:bold;
height:30px;
line-height:30px;
color:#fff;
font-style:italic;
font-family:"Times New Roman", Times, serif;
font-size:16px;
margin-left:10px;
}

/*This controls the footer*/
#footer{
background:#999999;
}

/*This controls the header text*/
#header h1{
top: 0px;
left: 10px;
font:italic bolder 35px Impact;}

#header h1 a{
	color:#fff;
}

/* the footer */

#footlinks a {
	color: #000099;}

#hours {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	border: solid 1px #999;
	height: 115px;
	left: 475px;
	background:url(/simages/hoursback.png) repeat-x #FFF;}

#hoursline1, #hoursline2, #hoursline3, #hoursline4 {
	color:#000;
}

/* dynamic page background-color and size correction */

#ProductControlDiv, #CategoryControlDiv {
	background-color:#FFF;
	width:780px;
	margin:0px 0px 0px -5px;
	min-height:882px;}
	
#ProductControlDiv, #CategoryControlDiv a{
	text-decoration:none;}
	
/* custom styles */	

#container{
	border:none;}
	
#coreleft{
	-moz-box-shadow:2px 2px 3px #000;
	-webkit-box-shadow:2px 2px 3px #000;
	box-shadow:2px 2px 3px #000;
	margin-left:2px;}

#header h1{
	font:italic bolder 45px Impact;}

#corecenter{
	min-height:882px;}

.customcontainer {
	background-color:#FFF;
	width:780px;
	margin-left:0px;
	margin-bottom:-5px;}
	
.customcontainer a{
	text-decoration:none;}
	
.customcontainer h1{
	font:italic bold 14px Verdana;
	color:#EB9D07;}
	
.customcontent {
	width:770px;
	margin:auto;
	padding:5px;}
	
.navidiv {
	width:195px;
	float:left;
	text-align:center;
	padding-top:3px;}

.navitextlinkdiv {
	color:#FFF;
	background-color:#292929;
	border:1px solid #000;
	border-radius:10px;
	padding:3px;
	margin:0px 10px;}
	
.navitextlinkdiv:hover{
	color:#000;
	background-color:#FFF;
	border:1px solid #000;
	border-radius:10px;
	padding:3px;
	margin:0px 10px;}
	
.headerdividerbar {
	height:43px;
	background:url(/simages/line.jpg) 0px 0px no-repeat;
	font:bold 14px Verdana;
	color:white;
	text-align:center;
	padding-top:5px;
	margin-left:5px;
	text-shadow: 5px 5px 5px #000;}
	
.list {
	list-style-image:url(/simages/navbutton.png);
	width:550px;}
	
#cat_name br{
	display:none;}
	
#hours{
	background:url(/simages/hoursback.png) repeat-x;}

#hoursline1, #hoursline2, #hoursline3, #hoursline5 {
	color:#FFF;}