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

body {
	font-family: verdana;
	font-size: 16px;
	background-color: #FFF;
	background-image: none;
	background-repeat: no-repeat;
	height: 200px;
	width: 1000px;
	color: #000;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
a:link {color:#2064b3;}
a:hover {color:#a40000;}
a:visited {color:#2064b3;}
a:active {
	color:#cc0000;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}
.wrap {
	width: 968px;
	margin: 20px auto 20px auto;
	border: 2px solid #ffffff;
	background: #003Eff;
}
.topbar {
	height: 25px;
	line-height: 18px;
	border: 1px solid #777777;
	background-color: #333333;
	text-align: right;
	padding: 5px 10px 0px 0px;
	font-size: 14px;
	color: #DDDDDD;

}
.topbar a {
	color: #003EFF;
	font-size: 12px;
	width: 968px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.head {
	width: 1000px;
	border-bottom: 3px solid #CD0000;
	border-left: 3px solid #CD0000;
	border-right: 3px solid #CD0000;
	border-top: 3px solid #CD0000;
	padding: 0px;
	margin: 0px;
	background-color: #87CEFA;
	background-image: url(../../DC%20POWER/Installation%20Photos/PV%20Installations/Kaneka%20Installations/Kaneka%202.JPG);
	background-repeat: no-repeat;
	height: 250px;
	top: auto;
}
.head img {
	background-image: url(../../DC%20POWER/Installation%20Photos/PV%20Installations/Sharp%20Installations/Sharp%209.jpg);
	clip: rect(auto,auto,auto,auto);
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: auto;
	position: absolute;
	left: 88px;
	top: 65px;
	width: 176px;
	height: 171px;

}
.head h2 {

	padding: 0px;
	margin: 0px;
}
.logo {
	width: 240px;
}
.logo img {
	border: 0px;
	display: inline;
}
.banner {
	float: right;
	width: 428px;
	height: 140px;
	padding: 10px 10px 0px 0px;
}
.himage {
	background-color: #800000;
	color: #ffffff;
	text-align: left;
	padding: 4px 0 4px 40px;
	line-height: 18px;
	}
	
.himage b {
	font-size: 12px;
	color: #ffffff;
	}
	
#intro { 
	text-align: left;
	}
	
.topmenu {
	clear: both;
	background-color: blue;
	border-top: 1px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
}
.topmenu table {
	border-left: 1px solid #FFFFFF;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.topmenu a {
	float: left;
	background-color: #2064b3;
	height: 35px;
	line-height: 35px;
	padding: 0px 15px 0px 15px;
	color: #FFF;
	border-right: 1px solid #FFFFFF;
	text-decoration: none;
}
.topmenu a:hover {
	
}
#top-on {
	
}

.maintable {
	width: 1000px;
	border: 2px solid #03F;
	padding-right: 0px;
	padding-left: 0px;
}
.left-column {
	width: 170px;
	padding: 10px 0px 10px 0px;
	background-color: #fff;
}
.left-column h2 {
	margin: 0px;
	display: block;

	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	background-color: #C30;
}
.left-links {
	width: 150px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: none;
}
.left-links a {
	display: block;
	height: 25px;
	line-height: 25px;
	background-color: #2064b3;
	color: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	text-decoration: none;
	text-align: center;
	padding-right: 10px;
	font-size: 11px;
	border-left: 1px solid #ffffff;
}
.left-links a:hover {
	background-color: #000000;
	color: #40FF40;
	text-align: center;
	}

.left-selected {
	display: block;
	color: #FFFFFF;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
	text-align: right;
	padding: 5px 10px 10px 10px;
	font-size: 12px;
	height: 35px;
	background-color: #C30;
}

.left-info-head {
	margin: 0px 0px 10px 0px;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.w3c {
	text-align: center;
}
.w3c img {
	border: 0px;
	margin: 0px 0px 10px 0px;
}

.content {
	padding: 10px 8px 10px 8px;
	background: #ffffff;
}
.content p {
	margin: 0px;
	padding: 0 0 10px 0;
	}
.content a {
	color: #2064b3;
}
.content a:hover {
	color: #800000;
}
.content a:visited {
 	color: 2064b3; 
}
.content h3 {
	margin: 0px 0px 10px 0px;
	height: 40px;
	line-height: 30px;
	color: #000000;
	text-align: center;
	font-size: 14px;
}
.content h1 {
	margin: 0px 0px 10px 0px;
	color: #000;
	font-size: 1.4em;
	font-weight: normal;
	}
.content img {
	border: 0px;
}
.left-info {
	margin: 0px 5px 10px 5px;
	padding: 5px;
	font-size: 11px;
}
.left-info a {
	color: #2064b3;
}
.left-info a:hover {
	color: #5e95d3;
}
.right-ad {
	padding: 10px 0px 10px 5px;
	background-color: #2064b3;
	margin: 0px 0px 10px 0px;
}

.foot { 
	font-size: 10px;
	padding: 20px;
	text-align: justify;
	background-color: #2064b3;
	color: #FFFFFF;
}
.foot a {
	color: #FFFFFF;
	font-weight: bold;
}
.foot a:hover {
	color: #EEEEEE;
}
.gt {
	clear: both;
	float: right;
	margin-right: 10px;
	padding: 5px;
}
.gt a {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}
.gt img {
	border: none;
}
/*Extra CSS*/
.picture {
	border: 1px solid #DDDDDD;
	background-color:  #EEEEEE;
	text-align: center;
	padding: 10px;
}
.picture img {
	margin: 0px 0px 10px 0px;
}
.picture-text {
	clear: both;
	font-size: 11px;
}

#nav-home {
	background: #800000;
}
#nav-sol {
	background-color: #0CF;
}
#nav-inv {
	background: #000080;
}
#nav-con {
	background: #400040;
	float: none;
}
#nav-bat {
	background: #cc6600;
}
#nav-pvm {
	background: #404000;
}
#nav-wnd {
	background: #336699;
}
#nav-wir {
	background: #990044;
	font-size: 18px;
}
#nav-store {
	background: #404040;
}
#nav-content {
	background: #000000;
	}
#nav-error {
	background: #cc0000;
	}
#nav-green {
	background: #008000;
	}
#submenu1 {
	font-size: 18px;
	}
#submenu2 {
	font-size: 18px;
		}
#submenu3 {
	font-size: 18px;
	}
#submenu4 {
	font-size: 18px;
	}
#submenu5 {
	font-size: 18px;
	}
#submenu6 {
	font-size: 18px;
	}
#submenu7 {
	font-size: 18px;
	}
#submenu8 {
	font-size: 18px;
	}
#submenu9 {
	background: #404040;
}

.right {
	float: right;
	width: 180px;
	padding: 0 10px 0 10px;
	margin:  0 0 0 10px;
	border-left: 1px solid #333;
	}
.right a {
	padding-bottom: 4px;
	}
	
#about		{
		background: #EFF5FB;
		font-size: 11px;
		color: #000040;
		border: 1px solid #000040;
		margin: 0px 0px 10px 0px;
		padding: 6px;
		text-align: left;
		width: 540px;
		}

#about h2     	{
		font-style: italic;
		font-size: 18px;
		color: #6699cc;
		margin: 4px;
		padding: 4px;
		}
		
#about h4	{
		color: #000040;
		font-size: 14px;
		margin: 0px;
		padding: 0px;
		}
		
#breadcrumbs 	{
		font-size: 10px;
		color: #ffffff;
		margin: 0px 0px 4px 0px;
		}

.breadcrumbs_foot {
		font-size: 16px;
		}
		
.breadcrumbs_foot hr {
		border: #ffffff 1px dashed;
		}

#breadcrumbs a 	{
		font-size: 11px;
		font-weight: bold;
		color: #ffffff;
		margin: 0px 0px 4px 0px;
		}
		
#about hr	{
		border: 1px dotted #000040;		
		}
		
#separator	{
		
		width: 100%;
		height: 30px;
		margin: 0px 0px 0px 0px;
		padding: 4px 0px 4px 0px;
		}
		
#rotator img	{
		margin: 0px;
		border: 0px;
		padding: 0px;
		}
		
.display_none a {
		display: none;
}

blockquote {
	margin: 0 10px 10px 10px;
	padding: 0px;
	width: 756px;
	valign: top;
	border: 0px solid #000000;
}
.ctgy_tbl {
	width: 100%;
}
.htleft {
	width: 50%;
	padding-right: 2px;
}
.htcenter {
	padding-right: 1px;
}
.home-box {
	padding: 0px 3px 4px 0px;
}
.htright {
  	width: 50%;
	padding-left: 1px;
}
.navlist
{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.navlist li
{

	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 20px;
	margin-left: 10px;

}
.irh {
	float: left;
	display: block;
	margin: 0px 5px 5px 5px;
	border: 0px solid #CCCCCC;
	padding: 1px;
}
#product_desc 	{
		width: 560px;
		color: #000000;
		font-size: .8em;
		}
		
#product_desc h2	{
		font-size: 14px;
		font-weight: bold;
		color: #ffffff;
		margin: 0px;
		padding: 0px;
		}		

#top_bar	{
		width: 100%;
		padding: 6px;
		margin: 0px 0px 10px 0px;
		text-align: center;
		background: #6699cc;
		color: #ffffff;		
		}
		
#product	{
		
		}

#product_img	{
		text-align: center;
		v-align: center;
		width: 33%;
		float: left;
		}

#product_dsc	{
		width: 66%;
		float: right;
		}
#bottom_bar	{
		width: 100%;
		padding: 6px;
		margin: 0px;
		text-align: center;
		background: #eeeeee;
		color: #000000;
		margin: 10px 0px 0px 0px;
		}
		
#bottom_bar a	{
		color: #143691;
		}
#content_spec	{
		width: 100%;
		}
		
#product img	{
		text-align: center;
		v-align: middle;
		}
		#clear  	{clear: both; margin: 0; padding: 0; text-align: left; }
.text img	{margin: 0px; padding: 0px; }
.text a  	{color: #3388CC; }
.text a:hover 	{color: #cc0000; }
.cat 		{font-size: 10px; font-weight: bold; }
.sub 		{font-size: 10px; font-weight: normal; }
div#slr		{background: #143691;  float: left; background-repeat: no-repeat; margin: 0px; padding: 0px; width: 98%; height: 26px; }
#bold		{font-weight: bold; }
div#no-relevant {display: none; }

blockquote 	{margin: 0px auto; padding: 0px; }

#directory 	{margin: 0px 0px 0px 0px; padding: 14px 0px 0px 5px; width: 160px; }
   
#directory 	{font: Arial, Verdana, Helvetica; font-size: 10px; color: white; font-weight: bold; text-align: left; }

#nav		{font-size: 14px; font-weight: bold;}
#nav a:hover	{background: #f4f4f4;}

.right h4	{font-size: 16px; font-family: Arial, Verdana, sans-serif; font-weight: bold; color: #cc0000; text-align: right; border-bottom: 1px dotted #800000; }

.bullet a 	{
	
		background-repeat: no-repeat; 
		padding-left: 14px;
		font-size: .9em;
		line-height: 2em; 
		}
		

.head h1 {
	font-size: 1.6em;
	color: #a40000;
	}
#going-green h1 { 
	color: #008800;
	}
#social {
	font-size: .8em;
	}
#social ul {margin:2px; list-style: none;float:left;}
#social li {margin:2px; list-style: none;float:left;width:155px;}
#social img {padding:0 3px;} 
.maintable tr .content table tr td p {
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	text-align: left;
}
.topmenu table tr td p #nav-con {
	color: #F3C;
}
.topmenu table tr td p #nav-wind {
	color: #FFF;
}
.topmenu table tr td p #nav-hot {
	color: red;
	font-size: 1.4em;
	font-weight: bold;
	background-color: #096;
}
.maintable tr .content table tr td h1 p {
	color: #600;
}
.maintable tr .content table tr td h1 p {
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	font-weight: normal;
}
.maintable tr .content table tr td h1 p xantrex {
	font-weight: normal;
}