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

/*
left: 737
right: 241
*/
/*////////////////// OVERRIDE - home.css/////////////////////////*/
/*
#hm-events
*/

#hm-news-events{
	width:570px;
	height:160px;
	background:url(/img/solar_news_events_bkg.png) 400px 0px repeat-y;
}


#hm-news{
	width:370px;
}
	#hm-news .news-headline{
		width:310px;
	}


/*---- BEGIN OVERRIDES ----*/
#wrap {
	background:none;
}
#main-bottom-spacer{
	clear:both;
}
/*---- END OVERRIDES ----*/

#main-panel{
	position:relative;
	float:right;
	width:737px;
	height:444px;
	overflow:hidden;
	z-index:20;
}

#side-panel{
	position:relative;
	float:left;
	width:241px;
	height:444px;
	overflow:visible;
	background:url(/img/solar_power_right_bkg.png) 0px 0px no-repeat;
	z-index:25;
}

#side-panel a{
	font-size:11px;
	color:#207d00;
}
#side-panel h2{
	font-size:16px;
	line-height:26px;
	color:#207d00;
}

/*#customer-panel{
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:444px;
	z-index:20;
}
#customer-bkg{
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:444px;
	background-color:#999999;
	z-index:19;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}
*/
#bottom-panel-left{
	float:left;
	width:611px;
	height:275px;
	overflow:hidden;
	background:url(/img/solar_power_bot_left_bkg.png) 0px 0px no-repeat;
}

#bottom-panel-right{
	float:right;
	width:367px;
	height:275px;
	overflow:hidden;
	font-size:10px;
	font-weight:bold;
	line-height:normal;
}


#sp-1{
	display:block;
	float:right;
	padding-right:10px;
	width:180px;
	background: url(/img/solar/our_tech_solar_cells.png) 40px 68px no-repeat;
}
#sp-2{
	display:block;
	float:right;
	padding-right:10px;
	width:180px;

	background:url(/img/solar/our_tech_components.png) 35px 65px no-repeat;
}
#sp-3{
	display:block;
	float:right;
	padding-right:10px;
	width:180px;
}


#sub-panel-1{
	float:left;
	width:228px;
	height:124px;
	background:url(/img/triple_junction_1.png) 0px 0px no-repeat;
}
#sub-panel-2{
	float:left;
	width:157px;
	height:124px;
	background:url(/img/triple_junction_2.png) 0px 0px no-repeat;
}
#sub-panel-3{
	float:left;
	width:197px;
	height:124px;
	background:url(/img/triple_junction_3.png) 0px 0px no-repeat;
}
#solar-contact-bkg{
	width:590px;
	height:53px;
	background:url(/img/solar_contact_bkg.png) 0px 0px no-repeat;
	color:#fff;
}



#sub-block-1, #sub-block-2, #sub-block-3{
	float:left;
	margin-right:10px;
	padding-top:5px;
	font-size:12px;
}
#sub-block-1 img, #sub-block-2 img, #sub-block-3 img{
	float:left;
	margin-right:10px;
}
#sub-block-1{
	margin-left:5px;
	width:230px;
	height:45px;
}
#sub-block-2{
	width:169px;
	height:45px;
}
#sub-block-3{
	width:149px;
	height:45px;
}

/*---------------------- CLASSES --------------------------------*/
.right-panel-text{
	padding:0px 10px;
	line-height:2em;
	color:#386427;
	font-size:11px;
}
.right-panel-text a{
	color:#000;
}
.sub-panels{
	float:left;
	margin-right:7px;
	width:189px;
	height:112px;
}

.callout{
	font-size:14px;
	font-weight:bold;
}





/*********************** CPV ********************************************/
.inside44{
	padding:17px 10px 0px 44px;
}
.imm-intro-left{
	display:block;
	float:left;
	width:330px;
}
.imm-intro-right{
	display:block;
	float:right;
	width:340px;
}

.cpv-title{
	display:block;
	padding:0.2em 0.7em;
	color:#fff;
	background-color:#669aff;
}

#cpv-intro{
	display:block;
	float:right;
	width:333px;
	height:251px;
	border:0px;
	border-top:1px solid #bebebe;
	border-left:1px solid #bebebe;
	background:url(/img/solar/glass.jpg) 0px 0px repeat-x;
}
#cpv-display{
	position:relative;
	float:left;
	width:400px;
	height:300px;
}
#cpv-1{
	position:absolute;
	left:0px;
	top:50px;
	width:215px;
	height:122px;
	background:url(/img/solar/cpv_scale_1.jpg) 0px 0px no-repeat;
}
#cpv-2{
	position:absolute;
	left:215px;
	top:50px;
	width:185px;
	height:122px;
	background:url(/img/solar/cpv_scale_2.jpg) 0px 0px no-repeat;
}
#cpv-3{
	position:absolute;
	left:0px;
	top:172px;
	width:215px;
	height:118px;
	background:url(/img/solar/cpv_scale_3.jpg) 0px 0px no-repeat;
}

#cpv-4{
	position:absolute;
	left:215px;
	top:172px;
	width:185px;
	height:118px;
	background:url(/img/solar/cpv_scale_4.jpg) 0px 0px no-repeat;
}



#imm-panel{
	position:relative;
	width:734px;
	height:300px;
}
#imm-1{
	position:absolute;
	left:0px;
	top:0px;
	width:367px;
	height:150px;
	background:url(/img/solar/IMM_SOLAR_HOME_01.jpg) 0px 0px no-repeat;
}
#imm-2{
	position:absolute;
	left:367px;
	top:0px;
	width:367px;
	height:150px;
	background:url(/img/solar/IMM_SOLAR_HOME_02.jpg) 0px 0px no-repeat;
}
#imm-3{
	position:absolute;
	left:0px;
	top:150px;
	width:367px;
	height:150px;
	background:url(/img/solar/IMM_SOLAR_HOME_03.jpg) 0px 0px no-repeat;
}

#imm-4{
	position:absolute;
	left:367px;
	top:150px;
	width:367px;
	height:150px;
	background:url(/img/solar/IMM_SOLAR_HOME_04.jpg) 0px 0px no-repeat;
}

.imm-quad{
	display:block;
	width:300px;
	/*height:300px;
	background:url(/img/solar/rounded_bkg.jpg) 0px 0px no-repeat;*/
}
.imm-eff{
	display:block;
	float:right;
	width:300px;
	height:182px;
	background:url(/img/solar/rounded_bkg.jpg) 0px 0px no-repeat;
}
.imm-quad .normal-list li{

	padding-bottom:10px;
	line-height:normal;
}
#quad1, #quad3{
	float:left;
}
#quad2, #quad4{
	float:right;
}


/*********************** IMM ********************************************/


#imm-compare td{
	padding:0px 3px;
	color:#fff;
	text-align:center;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
#imm-compare td.matrix-imm{
	background-color:#739dd3;
	color:#fff;
}
#imm-compare td.matrix-c{
	background-color:#dddddd;
	color:#000;
}


/*********************** CUSTOMER FLYOUT MENU ********************************************/
#custmenu {list-style-type:none; margin:0 auto 0px auto; padding:0; width:180px;}
#custmenu li {padding:0; margin:0; position:relative; width:150px; height:1.7em; z-index:100;}
#custmenu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#custmenu li a, #custmenu li a:visited {text-decoration:none;}
#custmenu li dd {display:none;}
#custmenu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#custmenu dl {width: 150px; margin: 0; padding: 0; background: transparent;}
#custmenu dt {margin:0; padding: 0;}

#custmenu dd {margin:0; padding:0; color: #003d7d; font-size: 1em; text-align:left; width:150px; background:#d4d4d4; float:right; clear:right;}

#custmenu dt a, #custmenu dt a:visited {display:block; font-size: 1.2em; color: #003d7d; font-weight:bold; text-align:center; border:1px solid #d0d0d0; border-width:1px 1px 1px 1px; background:#e0e0e0; padding:0.1em 0px;}

#custmenu li a:hover {border:0;}
#custmenu li:hover dd, #custmenu li a:hover dd {display:block;}
#custmenu li:hover dl, #custmenu li a:hover dl {width:342px;}

#custmenu li:hover dt a, #custmenu a:hover dt a {color:#003d7d; background:#e0e0e0; border:1px solid #003d7d; border-width:1px 1px 1px 1px;}

#custmenu dd a, #custmenu dd a:visited {background:#e0e0e0; line-height:2em; color:#003d7d; padding:0; text-decoration:none; display:block; text-align:center; border-left:1px solid #003d7d; border-right:1px solid #003d7d; width:148px;}

#custmenu dd a:hover {background: #d0d0d0; color:#003d7d; border-left:1px solid #003d7d; border-right:1px solid #003d7d;}

#custmenu b {display:block; overflow:hidden; height:1px;}


#custmenu .bot-line{ float:right; width:148px; height:2px; line-height:2px;background:#e0e0e0; border:1px solid #003d7d; border-width:0px 1px 1px 1px;}
/***************************************************/
b.p1 {background:#003d7d; margin:0 5px;}
/***************************************************/
b.p2 {background:#d4d4d4; border:2px solid #003d7d; border-width:0 2px; margin:0 3px;}
b.p3 {background:#d4d4d4; margin:0 2px; border:1px solid #003d7d; border-width:0 1px;}
b.p4 {height:2px; background:#d4d4d4; margin:0 1px; border:1px solid #003d7d; border-width:0 1px;}
b.p5 {background:#003d7d; margin:0 5px;}
b.p6 {background:#003d7d; margin:0 3px;}
b.p7 {background:#003d7d; margin:0 2px;}
b.p8 {height:2px; background:#003d7d; margin:0 1px;}

#custmenu li:hover b.p2, #custmenu a:hover b.p2 {background:#fff;}
#custmenu li:hover b.p3, #custmenu a:hover b.p3 {background:#f0f0f0;}
#custmenu li:hover b.p4, #custmenu a:hover b.p4 {background:#e8e8e8;}