body{
background: #cccccc url("../images/bodybg.jpg") top left repeat-x;
text-align: center;
margin: 0;
padding: 30px 0px 0px 0px;
font-family: Tahoma, Verdana, sans-serif, helvetica;
font-size: 10pt;
}
#wrap{
width: 760px;
margin: 0 auto;
text-align: left;
}
#header{
width: 100%;
height: 100px;
background: #ffffff url("../images/headerleft.jpg") top left no-repeat;
}
#headerleft{
width: 410px;
float: left;
margin: 10px 0 0 25px;
font-size: 14px;
}
#headerleft img{
margin-right: 40px;
}
#headerright{
width: 300px;
text-align: center;
height: 25px;
float: right;
background: url("../images/headerright.jpg") top right no-repeat;
}
#bar{
background: url("../images/bar.jpg");
width: 100%;
clear: both;
height: 100px;
}
#bar ul{
list-style: none;
margin: 0px 0px 0px 5px;
padding: 0px;
background: yellow;
}
#bar ul li{
height: 60px;
margin: 20px 10px;
float: left;
display: block;
}
#bar ul li a{
display: block;
width: 100px;
height: 60px;
line-height: 60px;
padding: 0;
color: #99cc99;
font-weight: bold;
font-size: 15px;
text-decoration: none;
border: 2px solid #99cc99;
text-align: center;
}
#bar ul li a:hover{
color: #ffffff;
border: 2px solid #ffffff;
background: #336633 url("../images/barover.jpg") left center repeat-x;
}

/*A Small provision built into the design which will allow for an added link later on.
  All of the links were given a unique id ("link1","link2", etc.)
	If an extra link is needed, you can change the css file to set specific widths to each link
	Margin, Padding, font-size, and other attribute may need to be changed as well in the code above.
	Link5 is currently hidden because it is not being used.*/

#bar ul li a#link1{
width: 80px;
}
#bar ul li a#link2{
width: 110px;
}
#bar ul li a#link3{
width: 120px;
}
#bar ul li a#link4{
width: 105px;
}
	
#bar ul li a#link5{
display: none;
}



#becomedealerimg{
margin-right: 10px;
float: right;
width: 179px;
}
#becomedealerimg img{
border: none;
}
#becomedealerimg:hover{
opacity: .8;
filter: alpha(opacity=80);
}
#main{
background: #ffffff;
width: 100%;
height: auto;
}
#contentwrap{
width: 560px;
float: left;
}
#content{
margin: 5px;
}
#content h1{
font-size: 18pt;
margin: 15px 0;
border-bottom: 1px dotted #006600;
border-left: 2px solid #006600;
text-indent: 3px;
}
#content h2{
background: #005500 url("../images/barover.jpg") left center repeat-x;
padding: 5px 0 5px 5px;
color: #ffffff;
font-size: 14pt;
margin: 10px 0;
}
#content td h2{
background: #005500 url("../images/barover.jpg") left center repeat-x;
padding: 5px 3px;
color: #ffffff;
font-size: 14pt;
text-align: center;
}
#content p{
margin: 0 0 18px 0;
line-height: 18px;
}

/* Image Classes */

a img{
border: none;
}
img.left,img.center,img.right {
padding: 4px;
border: 1px solid #a0a0a0;
}
img.left {
float: left;
margin: 0 12px 5px 0;
}
img.center {
display: block;
margin: 0 auto 5px auto;
}
img.right {
float: right;
margin: 0 0 5px 12px;
}
#content a img.left, #content a img.right, #content a img.center{
background: #dfdfdf;
}
#content a:hover img.left, #content a:hover img.right, #content a:hover img.center{
border: 1px solid #666666;
background: #b0b0b0;
}



#sidebarwrap{
width: 200px;
float: right;
}
#sidebar{
margin: 5px 5px 5px 6px;
}
#sidebar h1{
font-size: 12pt;
border-bottom: 1px dotted #006600;
border-left: 2px solid #006600;
text-indent: 3px;
margin: 10px 0;
padding: 0;
}
#sidebar h2{
background: #005500 url("../images/barover.jpg") left center repeat-x;
font-weight: bold;
color: #ffffff;
text-align: center;
padding: 3px;
margin: 3px 0 0 0;
font-size: 11pt;
}
#sidebar p{
margin: 10px 0;
}
#sidebar .teenydiv{
border-left: 2px solid #003300;
border-right: 2px solid #003300;
border-bottom: 2px solid #003300;
padding: 5px;
margin-bottom: 10px;
}
#sidebar .teenydiv p{
margin: 0;
padding: 0;
}
.teenydiv ul{
margin: 0px;
padding: 0px;
}
.teenydiv ul li{
margin-left: 17px;
}
#sidebar a img{
padding: 4px;
border: 1px solid #a0a0a0;
background: #dfdfdf;
display: block;
margin: 0 auto;
}
#sidebar a:hover img{
padding: 4px;
border: 1px solid #666666;
background: #b0b0b0;
}
#clearfix{
width: 100%;
clear: both;
padding-top: 15px;
}
#footer{
width: 100%;
height: 30px;
background: #004400;
clear: both;
}
#footer p{
line-height: 30px;
margin: 0 5px;
color: #ffffff;
font-weight: bold;
}
#footer p a{
color: #99cc99;
text-decoration: none;
}
#footer p a:hover{
color: #77aa77;
text-decoration: none;
}

#content a, #sidebar a{
color: #225522;
text-decoration: underline;
font-weight: bold;
}
#content a:hover, #sidebar a:hover{
color: #558855;
text-decoration: underline;
font-weight: bold;
}
#base{
width: 100%;
height: 25px;
background: url("../images/basebg.jpg") top right no-repeat;
}
#manufacturerside a img, #manufacturerside a:hover img{
border: none;
padding: 0;
margin: 10px auto;
}