html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
sup{vertical-align: super; line-height: 0.9em;}

ol{ list-style: decimal; margin: 0 0 0 15px; }
ol li{line-height: 1.5em; margin: 0 0 5px 0;}

ul.normal_list{list-style: disc; margin: 0 0 20px 15px; line-height: 1.5em;}
ul.normal_list li {margin-bottom: 5px;}
/*-----
	Applied Materials
-----*/
html {height:100%;}
body {
margin: 0; padding: 0;
color: #212121;
font-family: Arial, sans-serif;
font-size: 12px;
background-color:#fecb00;
background-image:url('../images/background/bg_left.jpg');
background-repeat:no-repeat;
background-position:left top;
height: 100%;
}

#bkgnd2 {
position: absolute;
top: 0px;
right: 0px;
height: auto; /* FF needs this setting to expand div to fit long content */
min-height: 100%; /*sets minimum height in FF*/
width:100%;
background-color:transparent;
background-image:url('../images/background/bg_right.jpg');
background-repeat:no-repeat;
background-position:right top;

}
* html #bkgnd2 {height:100%; /*sets bkgnd2 to full height in IE w short content -- also need height:100% in body*/}

body.orange_stripe #bkgnd2{background-image:url('../images/background/bg_right_orange.jpg');}

p{ line-height: 1.5em; margin-bottom:20px; }
img{ display: block; } 
h1,h2,h3,h4,h5{ font-family: Trebuchet MS, Arial, Verdana, Sans-serif; line-height: 1.3em; }

a{color:#333; text-decoration: none; color: #ac2227;}
a:hover{color:#000; text-decoration: none;}

h1{
color: #ac2227;
font-size: 12px;
text-transform: uppercase;
}

h2{
padding-bottom: 5px;
color: #000;
font-weight: strong;
font-size: 14px;
}

h3{
padding-bottom: 5px;
color: #000;
font-size: 14px;
}

h4{
padding-bottom: 3px;
color: #000;
font-size: 12px;
} h4.news{font-family: Arial, Verdana, Sans-Serif;}



h4.bot_bord{
	background: url(../images/icons/bord_dots.gif) 0 20px repeat-x;
	padding-bottom: 20px;
}

h5.yellow_box{
	color: #ac2227;
	margin-bottom: 5px;
}

/*-----
	Layout
-----*/
#wrapper{
margin: 0 auto;
width: 1000px;
position: relative;
min-height: 100%;
padding-bottom: 30px;
}
#home #wrapper{
background: url('../images/background/the_sun_hp.jpg') no-repeat;
}
#interior #wrapper{
background:none;
}
* html #wrapper {height:100%}
.sunny{
width: 525px;
height: 475px;
position: absolute;
top: 0;
left: -60px;
z-index: 0;
background: url('../images/background/the_sun_int.jpg') no-repeat;
}
.sunny_orange{
width: 833px;
height: 475px;
position: absolute;
top: 0;
left: -60px;
z-index: 0;
background: url('../images/background/the_sun_int_orange.jpg') no-repeat;
}

#inner_wrapper {
padding-bottom:240px;
*padding-bottom:290px;
position: relative;
}
#inner_wrapper:after {
content:" ";
display: block;
clear: both;
}
* html #inner_wrapper {
height:1px;
}
.orange_stripe #wide_content{
*padding-bottom: 0px;
}
#wide_content{
padding-bottom: 30px;
width: 100%;
}
#home #wide_content{padding-bottom: 0px; _padding-bottom: 30px;}

.orange_stripe #global{height: 150px;}

#content{
width: 850px;
float: right;
position: relative;
}

#foot_wrapper{
position: absolute;
bottom: 0;
height: 250px;
*height: 290px;
background: #333333 url('../images/background/bg_footer.jpg') repeat-x;
width:100%;
}

#footer{
padding: 30px 0 0 0;
margin: 0 auto;
width: 1000px;
font-size: 11px;
color: #666;

}
#footer a{color: #666;}
#footer a:hover{color: #999;}

#footer_left{
float: left;
padding: 0 0 0 170px;

}


#legal{
width: 610px;
padding: 20px 0 20px 350px;
font-size: 10px;
background: url('../images/background/bg_legal.gif') top left no-repeat;
}#legal a{color: #c2c2c2;}

.social {margin-left: 355px; font-size: 12px; color: #999;}
.social p{padding: 6px 0 0 0;}
.social img{padding-right: 10px;}
#footer .social a{color: #ef6b00;}

.large_panel{
position: absolute;
top:510px;
left: 17px;
width: 982px;
height: 425px;
z-index: 0;
background: url('../images/background/bg_large_panel.jpg') no-repeat;
}

.new_large_panel{
position: absolute;
top:345px;
right: 5px;
width: 642px;
height: 265px;
z-index: 0;
background: url('../images/background/bg_large_panel_new.gif') no-repeat;
}

.econ_chart{
position: absolute;
top:800px;
right: 5px;
width: 320px;
height: 295px;
z-index: 0;
background: url('../images/charts/sunfab_econ_chart_new.gif') no-repeat;

}

.left_col200{
width: 190px;
padding: 0 10px 0 0px;
margin: 17px 0 0 0;
float: left;
position: relative;
}

.right_col{float: right;}
.right_col425{
float: left;
width: 402px;
margin: 17px 0 0 0;
padding: 0 42px 0 0;
_padding: 0 39px 0 0;
position: relative;
}
.right_col202{
float: left;
width: 202px;
margin: 17px 0 0 0;
padding: 0 0 0 0;
}

.right_col645{
float: left;
width: 645px;
margin: 17px 0 0 0;
padding: 0 0 0 0;
position: relative;
}

#home_btn{float: right;}

#search{
position: relative;
height: 6px;
padding-top: 15px;
padding-right: 27px;
width: 373px;
float: right;
z-index: 500;
}

form.search_field{position: relative;}

div.searchbox {
background: transparent url('../images/background/bg_search_input.gif') no-repeat;
float: right;
margin-left: 9px;
width: 248px;
height: 20px;
position: relative;
overflow: hidden;

}
.searchbox input {
position: absolute;
top:1px;
left:54px;
background: none;
border: none;
font-size: 11px;
width: 185px;
padding-top: 3px;
}
input.search_btn{float: right;}

/* --HOME-- */
.right_col535{
padding: 0 33px 0 10px;
float: right;
width: 482px;
margin: 30px 0 0 0;
}

.left_col475{
padding: 0 0 0 0;
margin: 0 0 -80px 0;
float: left;
width: 475px;
}

.main_copy{
position: relative;
float: right;
width: 457px;
height: 215px;
margin: 0px 0 0 0;
padding: 45px 43px 0 0px;
background: url('../images/background/bg_home_copy.jpg') no-repeat;
}

#home_features{

	margin-left: 75px;
}
	.home_feat_left{
		width: 425px;
		padding: 0 0 0 0;
		height: 180px;
		float: left;
	}
		.home_feat_left .copy{
			width: 295px;
			float: left;
			padding: 20px 10px 0 10px;
		}
	
	.home_feat_right{
		width: 465px;
		height: 180px;
		float: left;
		background: url('../images/background/bg_home_feat_right.jpg') no-repeat;
	}
		.home_feat_right .copy{
			width: 335px;
			float: left;
			padding: 20px 0 0 10px;
		}

#home_rotate{
	width: 890px;
	height: 41px;
	margin-left: 75px;
	background: url(/assets/images/background/bg_home_rotating.gif) no-repeat;
}

#cycle{
	width: 823px;
	float: left;
	height: 41px;
}
	.home_item{width: 765px; float: left; display: none; background: url(/assets/images/background/bg_home_rotating.gif) no-repeat;}
	.home_item img{width: 48px; padding-left: 4px; height: 41px; float: left;}
	.home_item p{width: 710px; height: 29px; padding: 12px 0 0 0; float: left;}



.prev_next{
	padding: 9px 0 0 0;
	width: 62px;
	float: left;
	height: 32px;
}

#prev2{margin-top: 37px;}
#next2{margin-top: 37px;}

.light_ylw_box{
	width: 266px;
	height: 175px;
	padding: 15px 10px 0 18px;
	background: #fedb4d;
	float: left;
}

#vid_rotate{}
.vid_rotate_thumb{display: none; width: 175px;}

.global_address{
	width: 190px;
	padding-left: 10px;
	float: left;
}

.pdf_item{width: 175px;}

.news_col{
	width: 283px;
	float: left;
}

.news_date{
	width: 40px;
	height: 35px;
	float: left;
	font-size: 10px;
	color: #ac2227; 
	padding-top: 6px;
	*padding-top: 8px;
}
.news_copy{
	padding-left: 10px;
	width: 200px;
	float: left;
	margin-top: 5px;
}	
.news_copy p{margin-bottom: 0px;}

.news_item{
	padding: 1px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: transparent url(../images/icons/bord_dots.gif) bottom left repeat-x;
}

.twitter_item{
	background: #fedd4d;
	margin-left: -10px;
	padding: 8px 10px 10px 12px;
	margin-bottom: 10px;
	line-height: 1.4em;
	position: relative;
}


.video_thumb{
	width: 105px;
	height: 70px;
	float: left;
	position: relative;
	z-index: 400;
}

.vid_overlay{
	position: absolute;
	top: 0;
	left: -6px;
	width: 96px;
	height: 83px;
	background: url(../images/icons/thumb_overlay.gif) no-repeat;
}

.video_copy{
	width: 176px;
	padding-top: 5px;
	float: left;
}	.video_copy p{font-size: 10px; color: #666; margin: 0 0 0 0;}

/*-----
	Callouts and Bugs
-----*/

.module_callout{
background: url('../images/background/bg_module_callout.gif') no-repeat;
width: 205px;
margin-top: 0px;
padding: 160px 10px 10px 190px; 
_padding: 160px 10px 0px 190px; 
font-size: 11px;
line-height: 1.4em;
}
.module_callout h5{margin-top: -160px;} /* ADDED BY NR */
.module_callout ul{list-style: disc; margin-top: 15px; padding-left: 13px; padding-bottom: 20px;}
.module_callout li{margin-bottom: 8px;}

.video_callout{
background: #fedb4d;
padding: 10px;
font-size: 11px;
}.video_callout h5{padding: 15px 10px 0 10px;}
 .video_callout p{padding: 0 10px 0px 10px; margin-bottom: 5px;}

.pdf_callout{
background: url('../images/background/bg_pdf.gif') no-repeat;
padding: 1px 0 10px 0;
margin-bottom: 15px;
font-size: 11px;
position: relative;
_height: 200px;

}.pdf_callout h5{padding: 5px 20px 0 20px;}
 .pdf_callout p{padding: 0 20px 0px 20px; margin-bottom: 5px;}
  div.pdf_callout a.red_arrow_sm{margin: 0 10px; }
  div.pdf_callout a.red_arrow_sm:hover{margin: 0 10px;}
  div.pdf_callout a.orange_arrow_sm{margin: 0 10px; }
  div.pdf_callout a.orange_arrow_sm:hover{margin: 0 10px;}

#fab2farm_bug_container {
background:transparent;
margin-bottom:7px;
position:relative;
margin-top: -36px;
}

#fab2farm_bug {
background:transparent;
position:relative;
z-index:5;
}

#fab2farm_bug_info {
display:none;
margin:0;
padding:0;
z-index:0;
height: 0;
}

#fab2farm_bug_arrow {
margin:0;
padding:0;
}

.docs{
margin-left: -12px;
position: relative;
width: 422px;
height: 81px;
padding: 15px 0 15px 12px;
background: url('../images/background/bg_docs.gif') no-repeat;
}
.doc_whitepaper{
width: 165px;
font-size: 11px;
float: left;
padding: 0 0px 0 35px;
background: url('../images/background/bg_doc_whitepaper.gif') no-repeat;
}

/*-----
	Model Page
-----*/

#model_wrapper{
height: 50px;
width: 100%;
background: #000;
}

#model_nav{
margin: 0 auto;
width: 1000px;
height: 50px;
}




/*-----
	White Icons
-----*/

.icon_frameless{ display: block; width: 24px; height: 32px; margin-left: -42px; margin-bottom: -34px; position: relative; background: url('../images/icons/frameless.gif') 0 0 no-repeat; }
.icon_clock{ display: block; width: 32px; height: 32px; margin-left: -47px; margin-bottom: -35px; position: relative; background: url('../images/icons/white_clock.gif') 0 0 no-repeat; }
.icon_sun{ display: block; width: 42px; height: 43px; margin-left: -53px; margin-bottom: -45px; position: relative; background: url('../images/icons/white_sun.gif') 0 0 no-repeat; }
.icon_reflect{ display: block; width: 42px; height: 24px; margin-left: -56px; margin-bottom: -26px; position: relative; background: url('../images/icons/white_reflect.gif') 0 0 no-repeat; }
.icon_checkboxes{ display: block; width: 42px; height: 63px; margin-left: -56px; margin-bottom: -65px; position: relative; background: url('../images/icons/white_checkboxes.gif') 0 0 no-repeat; }
.icon_ce{ display: block; width: 32px; height: 28px; margin-left: -50px; margin-bottom: -31px; position: relative; background: url('../images/icons/white_ce.gif') 0 0 no-repeat; }
.icon_iec{ display: block; width: 39px; height: 31px; margin-left: -50px; margin-bottom: -31px; position: relative; background: url('../images/icons/white_iec.gif') 0 0 no-repeat; }
.icon_lower_cost{ display: block; width: 31px; height: 31px; margin-left: -44px; margin-bottom: -33px; position: relative; background: url('../images/icons/lower_cost.gif') 0 0 no-repeat; }
.icon_full_size{ display: block; width: 25px; height: 30px; margin-left: -38px; margin-bottom: -32px; position: relative; background: url('../images/icons/full_size.gif') 0 0 no-repeat; }
.icon_wrench{ display: block; width: 29px; height: 36px; margin-left: -40px; margin-bottom: -41px; position: relative; background: url('../images/icons/wrench.gif') 0 0 no-repeat; }
.icon_cash{ display: block; width: 39px; height: 30px; margin-left: -52px; margin-bottom: -32px; position: relative; background: url('../images/icons/cash.gif') 0 0 no-repeat; }
.icon_gears{ display: block; width: 44px; height: 33px; margin-left: -57px; margin-bottom: -33px; position: relative; background: url('../images/icons/gears.gif') 0 0 no-repeat; }
.icon_bar_graph{ display: block; width: 30px; height: 30px; margin-left: -43px; margin-bottom: -32px; position: relative; background: url('../images/icons/bar_graph.gif') 0 0 no-repeat; }
.icon_chart{ display: block; width: 30px; height: 30px; margin-left: -43px; margin-bottom: -32px; position: relative; background: url('../images/icons/white_chart.gif') 0 0 no-repeat; }
.icon_lowcost{ display: block; width: 30px; height: 30px; margin-left: -43px; margin-bottom: -32px; position: relative; background: url('../images/icons/white_cost_down.gif') 0 0 no-repeat; }

.icon_1{display: block; width: 48px; height: 48px; position: relative; background: url('../images/icons/1.gif') 0 0 no-repeat; float: left;}
.icon_2{display: block; width: 48px; height: 48px; position: relative; background: url('../images/icons/2.gif') 0 0 no-repeat; float: left;}
.icon_3{display: block; width: 48px; height: 48px; position: relative; background: url('../images/icons/3.gif') 0 0 no-repeat; float: left;}
.icon_4{display: block; width: 48px; height: 48px; position: relative; background: url('../images/icons/4.gif') 0 0 no-repeat; float: left;}
.icon_5{display: block; width: 48px; height: 48px; position: relative; background: url('../images/icons/5.gif') 0 0 no-repeat; float: left;}


/*-----
	Icons and Arrows
-----*/


a.lrg_pdf{
	display: block;
	background: url('../images/icons/lrg_pdf.gif') 0px 0px no-repeat;
	padding: 7px 0 8px 25px;
	margin-top: 5px;
}

a.red_arrow_sm{
display: block;
background: url('../images/icons/red_arrow_sm.gif') 10px 4px no-repeat;
color: #ac2227;
margin: 0;
padding: 5px 20px 5px 30px;
}
a.red_arrow_sm:hover{
display: block;
background: #ffeea6 url('../images/icons/red_arrow_sm_hover.gif') 10px 4px no-repeat;
color: #ac2227;
margin: 0;
padding: 5px 20px 5px 30px;
}

a.orange_arrow_sm{
display: block;
background: url('../images/icons/download_arrow_orange.gif') 10px 4px no-repeat;
color: #ac2227;
margin: 0;
padding: 5px 20px 5px 30px;
}
a.orange_arrow_sm:hover{
display: block;
background: #ffeea6 url('../images/icons/red_arrow_sm_hover.gif') 10px 4px no-repeat;
color: #ac2227;
margin: 0;
padding: 5px 20px 5px 30px;
}

a.red_arrow_sm.activated{
display: block;
background: #ffeea6 url('../images/icons/red_arrow_sm_hover.gif') 10px 4px no-repeat;
color: #ac2227;
margin: 0;
padding: 5px 20px 5px 30px;
}


/*------------------------------------------------------------------------------
	Tooltip
------------------------------------------------------------------------------*/

a.tt{
position:relative;
z-index:24;
text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; }
a.tt:hover span.tooltip{
display:block;
padding: 15px 0 0 0;
width:414px;
color: #000;
text-align: left;
line-height: 1.5em;
filter: alpha(opacity:100);
KHTMLOpacity: 1;
MozOpacity:1;
opacity: 1;
}
a.tt:hover span.lid{position: absolute; top:-290px; left:0px; *left:20px;}
a.tt:hover span.gradual{position: absolute; top:-253px; left:0px; *left:20px;}

a.tt:hover span.top{
display: block;
padding: 0;
height: 19px;
background:  url('../images/background/tooltip_top.png') no-repeat top;
_background:  url('../images/background/tooltip_top.gif') no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 40px 10px 20px;
background:  url('../images/background/tooltip_mid.png') repeat-y bottom;
_background:  url('../images/background/tooltip_mid.gif') repeat-y bottom;
}
a.tt:hover span.bottom{
display: block;
padding:0;
height: 55px;
color: #000;
background: url('../images/background/tooltip_bottom.png') no-repeat bottom;
_background: url('../images/background/tooltip_bottom.gif') no-repeat bottom;
}


/*-----
	Tables
-----*/
table {
width: 625px;
font-size: 10px;
border: 2px solid #000;
}

td	{
vertical-align: top;
text-align: left;
padding: 10px;
font-size: 11px;
line-height: 1.3em;
}

td ul {
margin:0;
padding:0;
list-style-type: none;
}

td ul li {
padding-bottom: 6px;

}

th {
background: #000;
color: #fff;
padding: 10px 10px;
font-size: 11px;
text-align: left;
vertical-align: bottom;
}

tr.row1 td{
background: #fed633;
}

.noBorder {
border:none;
text-align: right;
padding-right: 20px;
}

/*-----
	Misc
-----*/

.lang{
	width: 70px;
	position: absolute;
	top: 18px; left: 30px;
}

.clearL{clear: left;}
.clearR{clear: right;}
.clearB{clear: both;}

.floatL{float: left;}
.floatR{float: right;}

.legal ul{margin: 0 0 10px 0;}
.legal li{margin: 0 0 4px 0; line-height: 1.3em;}

.neg_margin10{margin-left: -10px;}

.landing_image{float: right; margin-top: 70px; _margin-top: 56px; position: relative;}

.bord_white{
padding: 10px 0;
height: 20px;
margin-top: -20px;
background: url('../images/icons/bord_dots_white.gif') center left repeat-x;
}

.caption{
font-size: 10px;
font-style: italic;
display: block;
margin-bottom: 10px;
margin-top: 0;
padding: 0;
}

.marg_left50{
	margin-left: 50px;
}


#message_display{
background: #fedb4d;
padding: 10px;
display: none;
line-height: 1.4em;
}


#peakery{z-index: 90;}
#peakerChart{z-index: 90;}

/*-----
	Contact Form
-----*/
.contact_dialog{
background: #fede4d;
padding: 10px;
margin-bottom: 15px;
}
.contact_dialog p{
margin: 0;
}
.contact_dialog h4{color:#ac2227; font-size: 16px; font-weight: normal;}

span.required{
color: #ac2227;
}

.fname,.lname,.email,.organization,.city,.state,.zip {width:255px;}
.area_code{width: 50px;}
.phone{width: 196px;}
.country{width: 260px;}
.topic{width: 395px; height: 100px;}

/* homepage styles */
.home_col {
	 float: left; 
	 width: 530px; 
	 height: 140px;
	 padding-right: 10px;
	 position: relative;
	 margin-left: -94px;
	 _margin-left: -37px;
}
.home_col p {
	 /* font-size: 11px; */
}
a.download {
	background: transparent url(../images/icons/download_arrow.gif) 0 0 no-repeat;
	margin: 8px 0 0 0;
	padding: 2px 0 2px 17px;
	display: block;
	line-height: 12px;
}

.rule_dot{
	background: url(/assets/images/icons/bord_dots_white.gif) repeat-x;
	height: 3px;
}

/*---- sIFR ---*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}

.sIFR-unloading .sIFR-flash {
visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}

.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt; 
padding: 0pt; 
overflow: auto; 
letter-spacing: 0px; 
float: none;
}

.sIFR-dummy { 
width: 0px;
height: 0px;
margin-left: 42px;
z-index: 0;
}
.error {
	position: absolute;
	top:0;
	left:0;
	display: none;
}

/*---- Header styling ---*/

.sIFR-active h1,
.sIFR-active h1.main_heading,
.sIFR-active h3,
.sIFR-active h4.head_news
/*.sIFR-active h4*/
{visibility: hidden; font-family: Arial;}

.sIFR-active h1 {padding-bottom: 0;}
.sIFR-active h1.main_heading {font-size: 30px; font-weight: normal;}
.sIFR-active h3 {}
.sIFR-active h4.head_news {font-size: 21px; font-weight: normal;}