@import url("reset.css");
@import url("inner.css");
@import url("Forms.css");
body{
background: #ffffff url(/images/background.jpg) left top repeat-x;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#777777
}
a, a:visited,a:hover{
text-decoration:none;
color:#777777
}
p { font-size:14px; }
.header { height:116px; width:100%; }

#DealerButton 
	{ 
	background: url('/Images/dealerbutton.png') no-repeat; 
	height:50px; 
	width:375px; 
	cursor:pointer;
	text-align:center;
	padding-top:19px;
	position:relative;
	margin-top:-10px;
	}
	
	
#DealerButton:hover { margin-top:-6px; }

#DealerFormContainer 
	{ 
	display:none; 
	background:#FFFFFF;
	border-right:#c5c6c6 2px solid;
	border-left:#c5c6c6 2px solid;
	margin:-2px 0px -1px 0px;
	padding: 14px 14px;
	text-align:left; 
	}
	#DealerFormContainer span { display:block; padding-bottom:14px; }	
	#DealerFormContainer input { margin-left:14px; }
	
.DealerSubContent 
{ 
	height:240px; 
    width:90%; 
    padding:20px;
    font-size:14px;
    line-height:normal;
    margin-top:334px;
    position:absolute;
  }
  .DealerSubContent a:hover { text-decoration:underline; }
.DealerInfo { height:160px; width:240px; overflow:hidden;}
.DealerInfo div { height:160px; width:100%;}

.italic { font-style:italic; }
.light { color:#b2b2b2; }
.Left { float:left;}
.Right { float:right; text-align:right; }

#wrapper {
width:964px;
margin:0 auto;
}
.menuholder{
height:32px;
margin:0 0 45px 0;}

#Banners{
height:420px;
width:964px;
font-size:17px;
position:relative;
}
#Banners div{
position:absolute;
top:0;
left:0;
z-index:8;
height:418px;
width:964px;
}

#Banners div div 
{
    width:400px;
    height:140px;
    text-align:right;
    padding:68px 0 0 60px;
    vertical-align: middle;
}

#Banners div.active
{
    z-index:10;
}

#Banners div.last-active
{
    z-index:9;
}

#SolarPanel {
background:url("/Images/2wSolarBanner.jpg") no-repeat scroll 0 0 transparent;
}
#Charger{
background:url("/Images/dealerbanner.jpg") no-repeat scroll 0 0 transparent;
}



h1{
color:#2d2d2d;
font-size:48px;
font-weight:bold;
margin:0;
margin-bottom:8px;
padding:0;

}
h2{
color:#fbaf3b;
font-size:20px;
font-weight:normal;
margin:0;
padding:0;

}
h3{
color:#2d2d2d;
font-size:15px;
font-weight:bold;
margin:0;
padding:0;
display:block;

}
h4{
color:#fbaf3b;
font-size:15px;
font-weight:bold;
margin:0;
padding:0;
display:block;

}
.boxes{
margin:40px 0 0 0;

}
ul.boxes {
width:964px;
}
.boxes li{
float:left;
margin:0 26px 0 0;
}

.NewsBox { background:url(/images/NewsBox.jpg) no-repeat top Left; }
.NewsBox:hover { background-position:Bottom Left; }
.EventBox { background:url(/images/EventBox.jpg) no-repeat top Left; }
.EventBox:hover { background-position:Bottom Left; }
.FeaturedBox { background:url(/images/FeaturedBox.jpg) no-repeat top Left; }
.FeaturedBox:hover { background-position:Bottom Left; }

.boxes li.last{
margin:0 0 0 0;
}
.boxes li a{
width:269px;
height:109px;
display:block;
padding:15px 15px 0 20px;
text-decoration:none;
line-height:normal;

}
.boxes li.box1 p{
width:150px;
margin:0;
padding:0;


}
.footer {
margin:35px 0 10px 0;
padding-top:28px;
text-align:center;
color:#777777;
font-weight:bold;
clear:both;
}


.footerlinks {
text-transform:uppercase;
font-size:10px;
margin:0 0 10px 0;}

.footerlinks a, .footerlinks a:visited, .footerlinks a:hover{
color:#777777;
font-weight:bold;
text-decoration:underline;
padding:0 5px;
}
.footerlinks a:hover{
color:#fbaf3b;
font-weight:bold;
text-decoration:underline;
padding:0 5px;
}

#menu {
padding:0;
margin:0;
margin-top:1px;
list-style:none;
position:absolute;
z-index:500;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
height:33px;
}
#menu li {
float:left;		
text-align:center;
width:140px;
}
.MenuNav
{
	background:url(/images/menubg.jpg) left top no-repeat;
	height:29px;
}
#menu li a {
float:left;	
display:block;
color:#777777;
text-decoration:none;
font-weight:normal;
text-align:center;
padding:5px 0 0 0;width:141px;

}
#menu table {
border-collapse:collapse;
width:0;
height:0;
position:absolute;
top:0;
left:0;
}
/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {
z-index:200;
position:relative;
color:#fff;
background:url(/images/menubgHover.jpg) left top no-repeat;
width:141px;
height:33px;
}
#menu li:hover {
position:relative;
z-index:200;

}
#menu li:hover a {



}
#menu li:hover > a.sub {
color:#fff;
background:url(/images/menubgHover.jpg) left top no-repeat;width:141px;
height:33px;		

}
#menu li.current a {

}
#menu li a.sub {
}
#menu li.current a.sub {

}
#menu :hover ul {
left:33px;
top:25px;


}
/* keep the 'next' level invisible by placing it off screen. */
#menu ul, #menu :hover ul ul {
position:absolute;
left:-9999px;
top:-9999px;
width:0;
height:0;
margin:0;
padding:0;
list-style:none;
}
#menu :hover ul :hover ul {
white-space:nowrap;
z-index:200;
height:auto;
}
#menu :hover ul {


}
#menu :hover ul li a {
background:#949495;
border-bottom:#cccccc 2px solid;
padding:7px;
height:auto;
}
#menu :hover ul li a.last {
border-bottom:none;
}
html>body #menu :hover ul li a {
background:#949495;
border-bottom:#cccccc 2px solid;
}

#menu :hover ul li.boxbordertop {
margin:0 0 -3px 0;
}
html>body #menu :hover ul li.boxbordertop {
margin:0 0 -1px 0;

}
#menu :hover ul li.boxborderbottom {
margin:-7px 0 0 0;

}
html>body #menu :hover ul li.boxborderbottom {
margin:-6px 0 0 0;

}
#menu ul li a {
color:#fff;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#949495;
text-align:left;	
border-bottom:#666666 2px solid;
}
html>body #menu ul li a {

}
#menu :hover ul li a.fly {
}
#menu :hover ul :hover {
color:#fbaf3b;

}
#menu :hover ul :hover a.fly {

}
#menu :hover ul li.currentsub a {

}
#menu :hover ul li.currentsub a.fly {

}
#menu :hover ul :hover ul li a {
padding:0;
background:#3e3e3e;
color:#ccc;
}
#menu :hover ul :hover ul :hover {

}
#menu :hover ul :hover ul li.currentfly a, #menu :hover ul :hover ul li.currentfly a:hover {
background:#840;
color:#fff;
}