/*
--=.._/(        SolarWorld GLOBAL STYLES      )\_..=--
    	  */


/*
Christoph Saxe, Petra Gregorova, Devin Olsen ISITE Design


--------- Notes -----------

* html {anything} addresses IE < 6 browser bugs
*+html {anything} addresses IE 7 browser bugs

------- typography ---------

font-sizes are set in em for resizable goodness.  Here's a basic guide for the stylesheet.
font-size: .75em; 	= 9px
font-size: 0.835em; = 10px
font-size: .9175em; = 11px
font-size: 1em; 	= 12px
font-size: 1.085em; = 13px
font-size: 1.165em; = 14px
font-size: 1.25em;  = 15px
font-size: 1.335em; = 16px
font-size: 1.415em; = 17px
font-size: 1.5em;	= 18px
font-size: 1.585em; = 19px
font-size: 1.665em; = 20px
font-size: 1.75em; = 21px
font-size: 1.835em; = 22px
font-size: 1.915em; = 23px
font-size: 2em; = 24px

font colors:
	base body color: #333333;
		
link colors:
	main content a: #0000ff;
	main content hover: #999999;

*/

/* Basic browser reset  */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,blockquote,button,fieldset,legend,label,input,textarea,form { margin:0;padding:0;border:0; }
html,input,textarea,select { font-size: 100% } /*keep ie happy*/

body 					{ color:#404041; font: 81.3%/1.4 Arial, Helvetica, sans-serif; } /* 13px base font size */
h1, h2, h3, h4, h5, h6	{ color:#231f20; font-weight: normal; margin: 0 0 .25em 0;}

h1	{ font-size: 2em; } 	/* 24px */
h2	{ font-size: 1.665em; } /* 20px */
h3	{ font-size: 1.415em; } /* 17px */
h4	{ font-size: 1.25em; } 	/* 15px */
h5	{ font-size: 1em; } 	/* 12px; */
h6	{ font-size: .9175em; } /* 11px; */

p	{ margin-bottom: 1em; }

input, textarea { border: 1px solid #242323; }
abbr,acronym	{ border-bottom: 1px dotted #999; cursor: help; }
ul, ol 	{ margin: 0 0 1em; }
ol      { margin-left: 2em; }
table	{ border-collapse: collapse; }
	table.table { 
			background:none;
			border:none; 
			margin:0px; 
			padding:0px; 
		}
		table.table td {
			border:none; 
			margin:0; 
			padding:0;
		}
		table.table td:first-child {padding:0px;}
			
td		{ border: 1px solid #ccc; padding: .5em;  }

body{background:#173760 none;}

/*----------------------------------- Site Structure --------------------*/
#wrapper {
	min-width:950px; /*give horizontal scroll again on lower rez screens*/
	overflow:hidden;
	position: relative;
}
.inner-wrap { 
	margin:0 auto;
	width:940px;
}
#header {
	background:#f3f3f4 url(../img/css/bg-header.png) 0 0 repeat-x;
}
    #header .inner-wrap {position:relative;}
#site-utilities {
    padding-top:8px;
    position:absolute;
    top:0; right:0;
    width:740px;
}
#lead { 
    background:#FDBE17 url(../img/css/bg-primary-landing-lead.png) 0 0 repeat-x;
    clear:left;
    padding:1em 0 0;
	width:100%; /*IE6 Request fix D.O.*/
}
	#lead .static {
		background:none;
		position:relative;
	}
		#lead .static img {
			display:block;
			position: relative;
			z-index:10;
		}
		#lead div.static a.static-banner-link {
			top: 30px;
			left: 0;
			height: 199px;
			width: 938px;	
		}
		
	#lead .static a {
		background:url(../img/css/transpixel.png) top left repeat;
		display:block;
		height:39px;
		top:238px;
		position:absolute;
		text-indent:-9999em;
		z-index:100;
	}
	#lead .static .request-quote {
		left:652px;
		width:228px;
	}
	
	#lead .static .learn-more {
		left: 213px;
		width: 135px;
	}
	
.page-home #lead { 	background:#FDBE17 url(../img/css/bg-home-lead.png) 0 0 repeat-x; }
	#lead .flash { 
		height:357px;
		margin:0 auto;
		width:952px;
	}
#content {
	background:#fff url(../img/css/bg-content.png) 0 0 repeat-x;
	clear:both;
	overflow:hidden;
	padding:28px 0 0;
	width:100%;
	float:left;
}
	.page-landing #content { 
		background-image:url(../img/css/bg-primary-landing-content.png);
		padding-top:38px;
	}
	.page-home #content {
		background-image:url(../img/css/bg-primary-landing-content.png);
		padding-top:20px; }


#primary {
	display: inline;
	float: left;
    margin-left: 240px;
	width: 700px;
}
#secondary {
	display: inline;
	float: left;
	margin-left: -940px;
	width: 178px;
}

/* page layout variations */
/* home page */
.page-home #primary {
	display:block;
	margin:0 -6px;
	padding:0 0 26px;
	width:952px;
}
.page-home #secondary {
	display:block;
	margin:0 0 0 -12px;
	width:952px;
}

/* page-landing cooresponds to template B, Primary Landing */
.page-landing #primary {
	float:left;
	margin:0 0 0 -14px;
	width:634px;
}
.page-landing #secondary {
	float:right;
	margin:0;
	width:300px;
}
 
/* page-inverse-interior puts secondary on the right, and changes its width from 178px to 220px. */
.page-inverse-interior #primary {
	margin:0 20px 0 0;
	width:700px;
}
.page-inverse-interior #secondary {
	margin:0;
	width:220px;
}



/* page-utility is a single wide #primary */
.page-utility #primary {
	margin:0;
	width:940px;
}
.page-utility #secondary { display:none; }
.page-utility #nav-secondary { background-image:none; }

#footer { 
	background:#173760 url(../img/css/bg-footer.png) 0 0 repeat-x;
	clear: both; 
	color:#8cb6d9;
	padding:56px 0 40px;
}
#footer .inner-wrap {
    margin:0 auto;
    overflow:hidden;
    width:940px;
}
#site-meta {
	float:left;
	margin-left:160px;
	width:550px;
}
#nav-social-networking {
	float:right;
	display:inline;
	width:210px;
}
#BBB-brand {
	float:left;
	height:45px;
	margin-left:-704px;
	width:140px;
}


/*----------------------------------- Sitewide Sections and Callouts ----------*/

/* site utilities - top of most pages */

#site-utility-search, #nav-utility, #site-utility-language { float:right; width:100%; }
#site-utility-language { display:none; } /* turning this off until we can get a handle on functional requirements based on German site implementation */
#site-utilities button, #site-utilities label, #site-utilities h6 {float:left;}
#site-utilities li { display:inline; padding:0 7px 0 6px; }

	.nav-dropdown { position:relative; }
	

#site-utilities fieldset { border:none; padding:0; }
#site-utility-search input {   
    border:none;
    background:transparent url(../img/css/bg-search-box.png) 0 0 no-repeat;
    font-size:11px;
    padding:3px 14px 3px 30px;
    width:120px;
}
#nav-utility { font-size:.923em; line-height:2;}
#nav-utility li { border-left:1px solid #999; }
#nav-utility li:first-child { border-left:none; }
#site-utilities a { color:#999; }

.IX_utilities #site-utility-search, .IX_utilities #nav-utility, .IX_utilities #site-utility-language { width:auto; }
.IX_utilities button, .IX_utilities label {position:absolute; left:-9999em;}
*+html .IX_utilities button { width: 1%;}
.IX_utilities #nav-utility {margin:0 12px 0 0;}
/**/

.section { 
	clear:both;
	margin:0 0 2em;
}
    .section.form { overflow:hidden; }
#secondary .section { margin:0 0 3em; }
	*+html .main #sunkits { overflow:hidden; }

#secondary .callout {
	background:transparent url(../img/css/bg-callout.png) 0 0 no-repeat;
	margin-left:-7px;
}

	#secondary .callout .inner {
		background:transparent url(../img/css/bg-callout.png) -185px bottom no-repeat;
		padding:12px 14px 14px;
		width:157px;
	}
	#secondary .callout .more {
		background:transparent url(../img/css/bg-callout-more.png) 0 2px no-repeat;
		color:#fff;
		font-size:1.077em;
		font-weight:bold;
		padding-left:25px;
	}
	#secondary .callout .more:hover { 
		text-decoration:underline;
	}
	.page-content #secondary .callout p { margin:.5em 0 0; }
	.page-content #secondary .callout p:first-child { margin:0 0 0; }

.page-landing #secondary .callout { 
	background:transparent url(../img/css/bg-callouts.png) -1037px 0 no-repeat;
	margin:0 -6px 2em;
	position:relative;
}
.page-landing #secondary .callout .inner {
	background:transparent url(../img/css/bg-callouts.png) -1349px bottom no-repeat;
	padding:28px 18px;
	width: 276px;
	font-weight:lighter;
}
	.page-landing .callout h3 {
		margin:0 0 .5em;
	}

.page-landing #secondary .blue-callout {
	background:url(../img/css/bg-blue-column.png) 0 0 no-repeat;
	margin:0 -6px 2em;
}
.page-landing #secondary .blue-callout .inner {
	background:url(../img/css/bg-blue-column.png) -314px bottom no-repeat;
	padding: 28px 18px;
}

.page-landing #secondary .callout p {padding-right:145px;}
.page-landing #secondary .callout.full p {
	padding-right: 0;
	margin-left: 72px;
}
.page-landing #secondary .callout.full img {
	float: left;
	display: inline;
	position: relative;
	margin-left: -72px;
}
.page-landing #secondary .callout img {
	position:absolute;
	bottom:0; right:0; 
}

.page-landing #secondary .bug {
	background:transparent none;
	position:static;
}
.page-landing #secondary .bug img {
	position:static;
}

/*savings calculator*/
#calculator {
	background:transparent url(../img/css/bg-blue-column.png) 0 0 no-repeat; 
	float:left;
	margin:0 0 0 -20px;
	width:314px;
}
	#calculator .inner {
		background:transparent url(../img/css/bg-blue-column.png) -314px bottom no-repeat;
		float:left;
		padding:20px 20px 30px;
		width:274px;
	}

.page-landing #calculator {	margin:0 -7px 0; }
.page-landing #calculator .inner {  padding: 20px 19px 30px; }

/* for accordianed sections */

.form_blind_section h2 {
    background:transparent url(../img/css/bg-form-blind.png) 0 0 no-repeat;
    cursor:pointer;
    padding:0 0 0 20px;
}
.form_blind_section h2.open {
    background-position:0 -22px;
}

#print-link {
	clear:both;
	margin:-1em 0 0;
	padding: 0 0 .5em;
	text-align:right;
}



/* built for video contest page, but adaptable to other uses.
 * .featured has an h1 on one side and a large hero (430 wide) on the right.
 * .galley is a grid of images with linked titles and possibly other info beneath.
 * example in ../templates/contest-videos.html
*/

.featured {
}
.featured h1 {
	float:left;
	width:180px;
}
.featured .hero {
	float:right;
	overflow:hidden;
	width:440px;
}
	.hero h3 {
		margin:0 0 0 5px;
	}
	.hero img {
		border:5px solid #fff;
		margin:0 0 .5em;
	}
		.hero img:hover {
			border-color:#005caa;
		}
	.hero p {
		font-size: 0.929em;
		padding:0 5px;
	}
	.hero p a {
		font-size:1.23em;
	}
.galley h2.larger {
	float:left;
	font-weight:normal;
	margin:0 0 0 5px;
	width:49%;
}
.galley fieldset.filter {
	border:none;
	float:right;
	margin:10px 0 0;
	padding:0 5px 0 0;
	text-align:right;
	width:49%;
}
	.galley .filter label {
		display:inline;
		padding:0 .5em 0 0;
	}
	.galley .filter select {
		display:inline;
		float:none;
		margin:0;
		width:200px;
	}
	




/*----------------------------------- Home page layout ----------*/
.page-home .section {
	clear:none;
	float:left;
	margin-left:8px;
	padding:0 8px;
	width:296px;
}
    .page-home .section .heading {
        border:none;
        display:block;
        margin:0 0 23px -8px;
    }
.page-home #secondary .section {
	background:transparent url(../img/css/bg-home-secondary-section.png) 0 0 no-repeat;
	margin-left:8px;
	padding:20px 10px 20px 14px;
	position:relative;
	width:288px;
}
.page-home #content .section:first-child { margin-left:0; }
.page-home #secondary .section p,
.page-home #secondary .section h3 { width:180px; }
.page-home #secondary .section img{ position:absolute; top:20px; right:2px; }




/*----------------------------------- Secondary Landing and Interior page layout ----------*/
/* main section is at top of all landing (.page-landing) and interior (.page-content) pages */
#primary .main { 
	float:left;
	font-size:1.077em; /* 14px */
	width:100%;
}
.main .callouts { 
	float:right;
	margin: 0 -20px 0 80px;
	width:240px;
}
.main .callout { margin:0 0 16px; }
.main a.callout { display:block; }
.callout img { border:none; }


/*CTA Zip Input*/
.callout input.zip-code, 
.small-callout input.zip-code { clear:both; margin:0 170px 10px 0; width: 105px; }

.small-callout {
	backgrond-position:0 0;
	width:218px;
}
	.small-callout .inner {
		background-position:-217px bottom;
		height:128px;
		overflow:hidden;
	}
		
	.small-callout,
	.small-callout .inner {
		background-image:url(../img/css/bg-callout-small.png);
		background-repeat:no-repeat;
	}
	
	.small-callout img {
		float:right;
	}
	.small-callout h2.hdg-consultation {
		background:url(../img/ppc/css/cta-hdg-request-consultation.png);
		background-position:0 0;
		background-repeat:no-repeat;
		height:33px;
		margin:16px 0 0 10px;
		text-indent:-9999em;
		width:155px;
	}

	.small-callout input.zip-code {
		clear:none;
		margin:10px 0 0 10px;
		width:75px;
	}
	.small-callout button {
		margin:8px 0 0 10px;
	}

/* events appears at bottom of all landing and interior pages */
#primary .events {
	background:#ffeed0 none;
	border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
	overflow:hidden;
	padding:16px 14px 20px;
}
    #primary .events .head {
        overflow:hidden;
    }
            #primary .events .change-location { 
                clear:right;
                float:right;
            }

	#primary .events h2 { 
		border-bottom:1px solid #b2b4b7;
		margin:0 0 .842em;
		padding:0 0 .316em;
	}
	#primary .events .event {
		float:left;
		padding-right:19px;
		width:317px;
	}
	    .page-landing 	#primary .events .event { width:284px; }
	#primary .events p { margin:0; }
	#primary .events p.location-control { margin:.5em 0 0; }
	#primary .events .more { clear:left; margin:1em 0 0; }
	*+html #primary .events .more { clear:none; }


	
/* promoted content buckets on primary and secondary landing pages */
.promoted-content {
	background:transparent url(../img/css/bg-promoted-content.png) -3px 0 no-repeat;
	overflow:hidden;
	padding:30px 0 0;
}
.page-landing .promoted-content { background-position: -703px 0; }
.promoted-content .inner {
	background:transparent url(../img/css/bg-promoted-content.png) -2037px bottom no-repeat;
	overflow:hidden;
	padding:20px 20px 26px;
}
	.promoted-content .first {
		background-position: -1337px bottom;
		padding-top: 0;
	}
.page-landing .promoted-content .inner { background-position: -3371px bottom; padding:20px 10px 26px 14px; }
.page-landing .promoted-content .inner:first-child { background-position: -2737px bottom; }

	

.promoted-content .subsection {
	float:left;
	overflow:hidden;
	width:290px;
	padding-left:20px;
}
.page-landing .promoted-content .subsection { padding-left:0; }
.promoted-content .subsection:first-child {
    background: url("../img/css/bg-promoted-content.png") no-repeat scroll 324px center;
    margin-right: 12px;
    padding: 0 10px 0 0;
    width: 316px;
}
.page-landing .promoted-content .subsection:first-child {
	background-position:298px center;
	margin-right:16px;
	padding-right:10px;
	width:290px;
}

/* .subsection has 4 possible layouts.  layout-one is used as default */
.promoted-content .subsection  img {
	float:left;
	margin:0 0 1em;
}
	.promoted-content .subsection h3 img { 
		float:none;
		margin:0;
	}
.promoted-content  .content {
	float:right;
	margin:0 0 1em;
	width:160px;
}
.page-landing .promoted-content  .content { width:130px; }

.promoted-content .subsection  .links { clear:both; }
.promoted-content .subsection  .links a { display:inline-block; }
/*layout-two*/
.promoted-content .layout-two img { float:right; }
.promoted-content .layout-two  .content { float:left; }

/*layout-three*/
.promoted-content .layout-three .links a {
	display:inline;
	float:left;
	width:160px;
}
.page-landing .promoted-content .layout-three .links a.even { width:130px; }

/*layout-four*/
.promoted-content .layout-four .content {
	float:none;
	width:auto;
}
.promoted-content img { 
	float:none;
	display:inline-block;
}





/*----------------------------------- Specific page layouts ----------*/
/* savings calculator */

.savings-calculator .main p { overflow:hidden; }
.savings-calculator .main .callouts {
	float:right;
	font-size:.929em;
	margin:0 -6px 0 0;
	width:394px;
}
	.savings-calculator .callout {
		background:transparent url(../img/css/bg-callouts.png) 0 0 no-repeat;
		position:relative;
		width:394px;
	}
		.savings-calculator .callout .inner {
			background:transparent url(../img/css/bg-callouts.png) -1661px bottom no-repeat;
			padding:20px 20px 30px;
		}
			.savings-calculator .callout .inner p {padding-right:100px;}
			
		.savings-calculator .callout img {position:absolute;bottom:0;right:0; z-index:1;}
.savings-calculator #results .callouts {
	margin:0 -5px 0 -4px;
	width:643px;
}
*+html .savings-calculator #results .callouts { margin-top:2em; }
	.savings-calculator #results .callout {
		background-position:-394px 0;
		width:643px;
	}
		.savings-calculator #results .callout .inner { background-position:-2055px bottom; }
		.savings-calculator #results .callout h2 { font-size:22px; margin:0; }
	


.savings-calculator #results {
	float:right;
	width:634px;
}


.savings-calculator .tabbed {
	background-position: 0 0;
	width:634px;
}
	.savings-calculator #results .tabbed .inner { background-position: -1334px bottom; }
	.savings-calculator #results .tabbed .tabs { background-position: -2668px 0; }
	.savings-calculator #results .tabbed .IX_tabs { background-position: -2668px 0; }
	.savings-calculator #results .tabbed .IX_tabs li { /*background-position: -2668px 0;*/ }

#results h3 { clear:both; }
#results .graph { 
	float:left;
	background:transparent url(../img/css/template/chart.png) 0 0 no-repeat;
	margin:0 12px 2em 0;
}
#results .no-chart { 
	border-top: 1px solid #dcddde;
	clear:both;
	padding:1em 0 0;
}
#results .finance-details { 
	overflow:hidden;
	margin-bottom:0;
}
#results .finance-details table {
	float:left;
	margin-left:28px;
}
#results .finance-details table:first-child { margin-left:0; }
#results .legend table {
    background:transparent none;
    width:auto;
    margin:0;
}

/* contact page*/
#contact-information {
	float:left;
	width:634px;
	margin-left:-14px;
}
#contact-form {
	background:transparent url(../img/css/bg-blue-column.png) 0 0 no-repeat;
	float:right;
	margin-right:-7px;
	width:314px;
}
#contact-form .inner {
	background:transparent url(../img/css/bg-blue-column.png) -314px bottom no-repeat;
	padding:26px 23px;
}
#contact-form .introduction {
	background:transparent url(../img/css/bg-contact-form.png) right 0 no-repeat;
	min-height:51px;
	padding:0 60px 0 0;
}


.vcard, .contact {
	float:left;
	overflow:hidden;
	padding:0 0 0 10px;
	width:188px;
}
.vcard:first-child, .contact:first-child { padding:0; width: 198px; }
    .vcard div { margin:0 0 .25em; }
    .vcard .org:first-child { /* match to h3 style */
        color:#231f20;
        font-size: 1.23em;
        font-weight: bold;
        margin: 0px 0px 1em;
    }        
    .vcard h3 { margin-top:1.5em; }
    .vcard h3:first-child { margin-top:0; }

/* Careers page */
#careers iframe {
    border:none;
    height:1280px;
    margin:0 0 2em;
    width:100%;
}

/* Incentives and Rebates page */

.incentives .change-location { float:left; padding-top:6px; }
    /* full-width accordion on this page */
    .incentives .accordian { 
        background-position: -634px 1048px; 
        background-repeat:repeat-y; 
        clear:both; 
        width:700px;
    }
    .incentives .accordian dl { background-position: -1968px bottom; }
    .incentives .accordian dt, .incentives .accordian dt.open { background-position:-3302px -288px; }
    .incentives .accordian dt:first-child, .incentives .accordian dt.open:first-child { background-position: -3302px -96px; }
    .incentives .IX_faq dt { background-position: -3302px -192px; }
    .incentives .IX_faq dt:first-child { background-position: -3302px 0; } 
    .incentives .IX_faq .last { background-position: -3302px -384px; }



/* Sitemap */
ul.sitemap {
    float:left;
    font-weight:bold;
    margin:0 0 0 4%;
    width:46%;
}
.sitemap li {
    background:transparent none;
    padding:0;
}
.sitemap ul { margin:0; padding-left:8px; }
.sitemap ul ul { padding-left:16px; }
ul.sitemap li li { font-weight:normal; }

ul.sitemap .btn {
    background:transparent url(../img/css/bg-sitemap.png) 0 3px no-repeat;
    float:left;
    height:16px;
    overflow:hidden;
    text-indent:-9999em;
    width:16px;
}
ul.sitemap .btn:hover {
    background-position: -20px 3px;
}
ul.sitemap .open {
    background-position: 0 -17px;
}
ul.sitemap .open:hover {
    background-position: -20px -17px;
}
ul.sitemap .btn:focus { outline:none; }

    
/* gallery page */
#gallery-widget { margin:2em 0; }
#primary #gallery-widget .main {
	position:relative;
	width:540px;
}
#gallery-widget #viewer { width:434px; margin:0 auto; }
#viewer-image { min-height: 180px; text-align:center; }
#viewer-text { margin: 0 auto; }
#gallery-widget #viewer img { margin: 0 auto 8px; }
#gallery-widget #viewer h2 {
	border-bottom:none;
}


.js #gallery-widget #browser a {
	display:block;
	height:32px;
	overflow:hidden;
	position:absolute; top:140px;
	text-indent:-9999em;
	width:32px;
}
.js #gallery-widget #browser a:hover { background-position: 0 -32px; }
	.js #gallery-widget #browser .next {
		background:transparent url(../img/css/btn-gallery-nav.png) -32px 0 no-repeat;
		left:508px;
	}
	.js #gallery-widget #browser .next:hover { background-position:-32px -32px; }
	.js #gallery-widget #browser .prev {
		background:transparent url(../img/css/btn-gallery-nav.png) 0 0 no-repeat;
		left:0;
	}

#gallery-widget .sidebar { float:right; width:160px; }
ul.image-nav {
	list-style:none;
	margin:0;
	padding:0;
}
.image-nav li {
	background:transparent none;
	float:left;
	height:60px;
	margin:0 0 14px 20px;
	padding:0;
	text-align:center;
	width:60px;
}
.image-nav img {
	background:transparent none;
	border:1px solid #dedede;
	display:block;
	max-height:58px;
	max-width:58px;
}
.image-nav .on img { border:2px solid #005CAA; margin:-1px; }
.image-nav a { display:block; }

/*Simple Lightbox Gallery*/
.simple-gallery {
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top, #fafafa 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fafafa 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fafafa 0%,#e5e5e5 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fafafa 0%,#e5e5e5 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #fafafa 0%,#e5e5e5 100%); /* W3C */
	border:1px #999 solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 5px;	
	padding: 10px;
	width:400px;
}
	.simple-gallery li {
		background:none;
		float:left;
		height: 47px;
		list-style:none;
		margin:0 3px 3px 0;
		overflow: hidden;
		padding: 0;
	}
	
	.simple-gallery .thumbnails {
		float:left;
		margin:.5em 0 0;
		width:100%;
	}
	.simple-gallery li:hover {
		-webkit-box-shadow: 0px 0px 10px 0px #000;
		-moz-box-shadow: 0px 0px 10px 0px #000;
		box-shadow: 0px 0px 10px 0px #000;
	}
		.simple-gallery li:first-child {
			margin:0 3px 3px 0;
		}
	.simple-gallery.thumb img {
		border:none;
	}
	.simple-gallery .thumb {
		outline:none;
	}

/* single video page.  developed for Shine Baby Shine Video Contest.  here are a few things generalized for future use. */
#primary .video { 
	padding:0 30px;
	width:640px;
}
.video #video-player {
	margin:0 0 1em;
}

.video .actions {
    margin:0;
    overflow:hidden;
}	
.video .vote {
    float:left;
    width:50%;
}
    .vote .count { font-size:.857em; }
.video .share {
    float:right;
	text-align:right;
	width:50%;
}
    .share .service { display:block; float:right; }
        .share .addthis { padding:3px 0 0 6px; }

.share-info {
	background:#fdf4e2 none;
	clear:both;
	margin:2em -30px 0;
	padding:20px 30px 30px;
}
	*+html .share-info { margin:0; }
.share-info p { margin:0; }
.shared-link {
    border:1px solid #ccc;
    margin:.5em 0;
    padding:3px;
}

/* 2 columns inside main, with a special banner to pull them up a bit.  developed for Shine Baby Shine Video contest, but generalized for other uses */

.hero-banner {
	display:block;
	margin:0 0 -35px -5px;
	position:relative; z-index:1;
}

.main .primary { float:left; width:480px; position:relative; z-index:100; }
.main .secondary { 
	background:transparent url(../img/css/bg-main-secondary.png) 0 0 repeat-x;
	float:right; 
	margin:0 5px 0 0;
	padding:0 5px 0 20px; 
	position:relative; 
	width:160px; 
	z-index:100;
}
.main .submissions {
    margin:2em 0;
    overflow:hidden;
}
.submissions .note { float:left; margin:0; width:280px; }
.main .notes { 
	background:transparent url(../img/css/bg-notes.png) 0 0 repeat-x;
	clear:both;
	margin:0 0 1em;
	padding:1em 5px;
	zoom:1;
}

/* blog pages */

.blog #primary {
	margin:0 62px 0 0;
}
.blog #secondary {
	margin:0;
}
.blog #nav-secondary ul { display:none; }

.blog #content {
	padding-top:80px;
}
.blog #lead img {
	padding-bottom:8px;
}

.blog .nav-related li {
	background:transparent none;
	padding:0;
}
.entry {
	border-top:1px solid #ddd;
	font-size:1.077em;
	float:left;
	margin:0 0 3.286em;
	padding:2em 0 0;
	width:100%;
}
	.blog .first {
		border-top:none;
		padding-top:0;
	}

	.entry h2 {
		font-size:1.929em;
	}
	.entry h2 + .details { 
		margin-top:-.923em;
	}
	.entry .details {
		color:#999;
		margin:0 0 1.538em;
	}
	.entry .sharing {
		float:right;
		margin:1em 5px 1em 0;
		width:300px;
	}
		.entry .header {
			float:right;
			margin-top:-6px;
			width:auto;
		}

	/* addthis overrides */
	.entry .addthis_toolbox {
		float: right;
		position:relative;
		width: 210px;
		z-index:1000;
	}
	
	.entry .comments-count {
		overflow:hidden;
		padding-top:1.429em;
		width:100%;
	}
		.comments-count a {
			float:left;
		}
		.comments-count .count {
			background:transparent url(../img/css/bg-blog-comment-count.png) 0 0 no-repeat;
			color:#fff;
			float:left;
			font-size:.857em;
			height:25px;
			margin:-1.286em 0 0 -.5em;
			padding:0 2px 0 0;
			text-align:center;
			width:24px;
		}
	.comments-display {
		border-top:1px solid #ccc;
		clear:both;
		margin:2em 0 0;
		padding:1em 0 0;
	}

	.entry .button  {
		float:right; 
	}

#entry-tags, .entry-categories {
	clear:both;
}

	.entry-categories li {
		background:transparent none;
		display:inline;
		padding:0;
	}

.comment-form { 
	border-top:1px solid #ccc;
	clear:both;
	margin-top:2em;
	padding-top:1em;
}
	.comments-display .date {
		color:#999;
		font-size:.929em;
		margin:0 0 .5em;
	}
	
#blog-archive .month {
	cursor:pointer;
}


.entry .fb-like {
	float:left; 
	width:80px; 
}
	.entry .fb-button{
		width:80px;
	}

/*----------------------------------- Widgets - Javascript enabled items (tabs, accordians, etc.) ----------*/

/* default tabs - this will appear if there is no context applied in html */
 .tabs	{overflow: hidden; margin: 0; padding: 0; list-style-type: none;}
 .tabs li { background:transparent none; margin:0; padding:0;}
 .tabs a	{border: 1px solid #ccc; border-bottom: none; display:block; float:left; margin-right:3px; padding:3px;}
 
.tabbed {
	background:#f8f8f9 url(../img/css/bg-content-widget.png) -634px 0 no-repeat;
	padding:1px 0 0;
 	width:700px;
}
	.tabbed .inner {
		background:transparent url(../img/css/bg-content-widget.png) -1968px bottom no-repeat;
		overflow:hidden;
		padding:36px 14px 20px 20px;
	}
/* override default for .tabbed context */
.tabbed .tabs { 
	background:url("../img/css/bg-content-widget.png") no-repeat scroll -3302px 0 transparent;
}
.tabbed .tabs li {
	float:left;
}

.tabbed .tabs a { 
	background:transparent url(../img/css/bg-content-widget.png) -4702px -1000px no-repeat;
	border:none;
	overflow:hidden;
	padding:13px 26px 15px 28px;
}
.tabbed .tabs a:focus, .tabbed .tabs a:active { outline:0; }
.tabbed .tabs li:first-child a { background:transparent none; padding-left:26px; }

.tabbed .IX_tabs { background:url("../img/css/bg-content-widget.png") no-repeat scroll -3302px 0 transparent; }
.tabbed .IX_tabs li { /*background: #e1e1e1 url(../img/css/bg-content-widget.png) -3302px 0 no-repeat;*/ }
.tabbed .IX_tabs li.non-active {background:url("../img/css/bg-content-widget.png") no-repeat scroll -3310px 0px; }
.tabbed .IX_tabs li.non-active:first-child {background-position:-3302px 0px;}
.tabbed .IX_tabs li.non-active:last-child {background-position:-3310px 0;}

.tabbed .IX_tabs li.active { background:url("../img/css/bg-content-widget.png") no-repeat -100px 0px; }
.tabbed .IX_tabs li.active:first-child {background-position:0px 0px;}
.tabbed .IX_tabs li.active:last-child{background-position:-645px 0px;}

.tabbed .IX_tabs li.active a { color:#000; }
 
/* basic tooltip style */
.tooltip { 
	background:#fafbfb none;
	border:1px solid #ccc;
	display:block;
	padding:8px;
	position:absolute;
	width:244px;
	z-index:5000;
}
	.tooltip strong {
		display:block;
		margin:0 0 .25em;
	}
#inspiration-tooltip
{
	width: 275px;
}

/* help button */
.help-button {
	background:transparent url(../img/css/bg-help-button.png) 0 0 no-repeat;
	clear:right;
	cursor:pointer;
	float:right;
	height:18px;
	margin:-1.5em 0 0;
	position:relative;
	width:18px;
	z-index:100;
}
*+html .help-button { position:relative; top:-2em;}

.help-label  {
    color:#005caa;
    cursor:pointer;
    float:left;
    padding:0 0 0 .5em;
}
.tooltip-target 
{
	color:#005caa;
    cursor:pointer;
}

/* accordians - 2 styles, simple (for content buckets on product landing) and full (currently only used on contact page) */

.simple-accordian li {
	background:transparent none;
	border-top:1px solid #ccc;
	margin:0 0 1.5em;
	padding:1.5em 14px 0 20px;
}
.simple-accordian li:first-child { border-top:none; }

.simple-accordian .sa_blind { 
	overflow:hidden;
}
.simple-accordian .sa_toggle {
	color: #005caa;
	cursor:pointer;
}
.simple-accordian .sa_toggle:hover { color:#000; }

/*full accordian*/
.accordian {
	background:#f8f8f9 url(../img/css/bg-content-widget.png) 0 0 no-repeat;
	margin:0 0 1em;
	width:634px;
}
.accordian dl {
	background:transparent url(../img/css/bg-content-widget.png) -1334px bottom no-repeat;
	margin:0;
}
.accordian dd {
	border-bottom:1px solid #dcddde;
	margin:0;
	overflow:hidden;
	padding:20px 20px 36px;
}
.accordian dd.last, .accordian dd:last-child { border:none; }

.accordian dt, .accordian dt.open {
	background:#058 url(../img/css/bg-content-widget.png) -2668px -288px no-repeat;
	color:#fff;
	font-size:1.23em;
	font-weight:bold;
	height:48px;
	line-height:48px;
	padding:0 16px;
}
	.accordian dt span {
		font-size:.75em;
		font-weight:normal;
	}
.accordian dt:first-child, .accordian dt.open:first-child { background-position: -2668px -96px; }

/* accordians with js on */
.IX_faq dt {
	background-position: -2668px -192px;
	color:#3B3B3E;
	cursor:pointer;
}
.IX_faq dt:first-child { background-position: -2668px 0; } 
.IX_faq .last { background-position: -2668px -384px; }
.IX_faq .state { 
	background:transparent url(../img/css/bg-accordian-status.png) 0 0 no-repeat;
	display:inline-block;
	height:10px;
	margin:-1px 2px 0 0;
	width:11px;
}
*+html .IX_faq .state{ float:left; margin:20px 8px 0 0; }
.IX_faq .open .state { background-position:0 -10px; }


/* rotator on primary landings */
ul.rotator { 
	font-size:1.077em;
	height:290px;
	margin:0;
	position:relative;
}
	*+html ul.rotator {
		height:300px;
	}

.rotator .rotator-item { 
	background:transparent url(../img/content/landing-home-rotator-1.jpg) right bottom no-repeat;
	height:290px;
	margin:0;
	padding:0;
}

.rotator .wrapper { 
	padding:25px 0 0;
	max-height:218px;
	width:300px;
}
.nav-rotate { position:absolute; left:0; bottom:25px;}
.nav-rotate ul { margin:0; width:300px;}
.nav-rotate li { 
	background:transparent none;
	float:left;
	margin:0;
	padding:0;
}
.nav-rotate li a {
	background:transparent url(../img/css/bg-rotator-nav.png) 0 0 no-repeat;
	float:left;
	height:13px;
	overflow:hidden;
	text-indent:-9999em;
	width:10px;
}
.nav-rotate .arrow-previous a { margin-right:20px; }
.nav-rotate .arrow-next a { background-position:-10px 0; margin-left:20px; }

.nav-rotate .pages { background:transparent none; }	 
.pages ol { float:left;list-style:none; margin:0; padding-top:3px; }
.nav-rotate .pages li { 
	background:transparent url(../img/css/bg-rotator-nav.png) 0 -26px no-repeat;
	float:left;
	height:8px;
	margin:0 12px;
	text-indent:-9999em;
	width:8px;
}
.nav-rotate .pages li.on { background-position: -8px -26px; }

/*customer stories rotator*/
.customer-rotator {width:350px;}
	.customer-rotator ul {
		margin:0;
		padding:0;
	}
		.customer-rotator li {
			float:left;
			display:inline;
			list-style:none;
			margin:0 0 0 16px;
		}
			.customer-rotator li:first-child {
				margin:0;
			}
			.customer-rotator a {
				outline:none;
			}
			.customer-rotator li img {
				border:none;
			}

/* jqModal styles adapted */
.jqmWindow {
    background-color: #fff;
    border: 5px solid #173760;
    border-radius:.5em; -moz-border-radius:.5em; -webkit-border-radius:.5em;
    display: none;
    margin-left: -190px;
    position: fixed;
    top: 23%;
    left: 50%;
    width: 344px;
    padding: 12px 18px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6 */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');

}

/* lighweightbox - lightbox like image pop out */
#lwb-overlay {
    background:#173760 none;
    display:none;
	height:100%;
    opacity:0.95;
    position:absolute; top:0; left:0;
	width:100%;
    z-index:9999;
}
.ie #lwb-overlay { filter:alpha(opacity=95); }
#lwb-loader { 
	background:#fff none;
	display:none;
	height:66px;
	margin:-50px 0 0 -50px;
	padding:34px 0 0 34px;
	position:absolute; top:50%; left:50%;
	width:66px;
	z-index:10000;
}
#lwb {
    display:none;
    position:absolute;
	left:-99999em;
    z-index:20000;
}
#lwb-content iframe {
	background:transparent none; 
	height:800px;
	width:700px;
}
.lwb-close { }
.lwb-close-control { 
    background:transparent url(../img/css/bg-lwb-close.png) right 0 no-repeat;
    cursor:pointer;
	display:block;
	height:40px;
	position:absolute; top:-15px; right:-15px;
    text-indent:-9999em;
	width:40px;
}
.lwb-close-control:hover { color:#253f19; background-position: right -40px; }


/* language and location dropdowns */
.nav-dropdown {
	background:transparent url(../img/css/bg-nav-language.png) 0 0 no-repeat;
	float:right;
	height:22px;
	margin:0 12px 0 0;
	position:relative;
	width:143px;
}
	.nav-dropdown:hover { background-position:0 -22px; }
	.nav-dropdown .nav {
		background:#fff none;
		border:1px solid #ededed;
		border-width:0 1px 1px;
		height:auto;
		padding:6px 0 0;
		position:absolute;
		top:17px; left:-9999em;
		z-index:2000;
		width:125px;
	}
	.nav-dropdown span {
		font-size:.846em;
		padding:0 0 0 12px;
	}
	.nav-dropdown:hover .nav { left:8px; }
	
		#site-utilities .nav-dropdown li { display:block; }
		#site-utilities .nav-dropdown a { color: #005caa; }
		#site-utilities .nav-dropdown a:hover { color: #000; }


/* locations widget - developed for LA locations page. */

.distributors {
	background-image: url(../img/css/bg-tabs-wide.png);
	background-position: 0 0;
	overflow:hidden;
	padding:0;
	width:954px;
}
	.distributors .inner {
		background-image: url(../img/css/bg-tabs-wide.png);
		background-position:-954px bottom;
		overflow:hidden;
		padding:0;
	}
	.distributors .IX_tabs {
		background-image: url(../img/css/bg-tabs-wide.png);
		background-position: -1908px 1px;
	}
		#primary .distributors .IX_tabs li {
			background-image: url(../img/css/bg-tabs-wide.png);
			background-position: -30px 0;
		}
		#primary .distributors .IX_tabs li:first-child {
			background-position: 0 0;
		}
			#primary .distributors .IX_tabs li.non-active {
				background-position:-1930px 1px;
			}
			#primary .distributors .IX_tabs li.non-active:first-child {
				background-position:-1908px 1px;
			}

.locations {
	/*background:#f8f8f9 url(../img/css/bg-locations.png) right bottom no-repeat;
	margin:0 0 0 -14px;*/
	padding:0 0 32px;
	width:952px;
}
			
.locations h1 {
	background:#005487 url(../img/css/bg-locations.png) 0 0 no-repeat;
	color:#fff;
	font-size: 1.231em;
	line-height:3;
	font-weight:bold;
	height:3em;
	margin:0;
	padding:0 0 0 22px;
}

.locations .content {
	min-height:581px;
	overflow:hidden;
	padding:40px 586px 0px 26px;
	width:340px;
}
	.content .introduction { 
		margin:0 0 1.5em;
		overflow:hidden;
	}
	.introduction h1, .introduction p, .introduction ul { width:300px; }

.locations .areas {
	float:left;
	margin:0;
	width:155px;
}
	.locations .areas:first-child { margin-right:30px; }

.locations .panel {
	border-top:1px solid #b2b4b7;
	margin:1.23em 0 0;
	padding:1.23em 0 0;
}

.locations .vcard {
	margin:1em 0;
	padding:0;
	width:100%;
}
	.locations p+.vcard { margin-top:0; }
	.locations .main .org {	
		color:#404041;
		font-size:1em;
		font-weight:normal;
		margin:0 0 .25em;
	}

	/* when the script is activated, it adds a class of locator-widget to the wrapping container */
	.locator-widget { 
		background:transparent url(../img/css/bg-LA-locations-map.png) 280px 0 no-repeat;
		margin:1px 1px 0 0;
		position:relative;
	}
	.locator-widget .introduction { 
		background:transparent none;
		position:relative;
		z-index:100;
	}
	.locator-widget .panel { display:none; }
	
	/* on state for text (non-map) country names */
	.locator-widget .areas a.on { color:#000; }
		
		.locator-map-current {
			background:transparent url(../img/css/bg-LA-locations-map.png) 0 -1162px no-repeat;
			height:581px;
			position:absolute; top:0; right:0;
			width:674px;
			z-index:50;
		}
		.locator-map-hover {
			background:transparent url(../img/css/bg-LA-locations-map.png) 0 -1162px no-repeat;
			height:581px;
			position:absolute; top:0; right:0;
			width:674px;
			z-index:60;
		}
		#on-grid .locator-map-hover, #on-grid .locator-map-current, #on-grid .locator-widget {
			background-image: url(../img/css/bg-LA-ongrid-locations-map.png);
		}
		#off-grid .locator-map-hover, #off-grid .locator-map-current, #off-grid .locator-widget {
			background-image: url(../img/css/bg-LA-offgrid-locations-map.png);
		}
		
		/* these will apply just to .locator-map-hover */
		.locator-widget .argentina { background-position: -671px 0; }
		.locator-widget .brazil { background-position: -1345px 0; }
		.locator-widget .centralamerica { background-position: -2019px 0; }
		.locator-widget .chile { background-position: -2693px 0; }
		.locator-widget .colombia { background-position: -3367px 0; }
		.locator-widget .dominicanrepublic { background-position: -4041px 0; }
		.locator-widget .ecuador { background-position: -4715px 0; }
		.locator-widget .haiti { background-position: -671px -581px; }
		.locator-widget .mexico { background-position: -1345px -581px; }
		.locator-widget .peru { background-position: -2019px -581px; }
		.locator-widget .puertorico { background-position: -2693px -581px; }
		.locator-widget .trinidad { background-position: -3367px -581px; }
		.locator-widget .uruguay { background-position: -4041px -581px; }
		
			.locator-map-hover a {
				display:block;
				overflow:hidden;
				position:absolute;
				text-indent:-9999em;
				z-index:100;
			}
				.locator-map-hover .argentina {
					height:30px;
					top:423px; left:417px;
					width:97px;
				}
				.locator-map-hover .brazil {
					height:28px;
					top:230px; left:422px;
					width:75px;
				}
				.locator-map-hover .centralamerica {
					height:32px;
					top:115px; left:131px;
					width:183px;
				}
				.locator-map-hover .chile {
					height:28px;
					top:330px; left:297px;
					width:72px;
				}
				.locator-map-hover .colombia {
					height:28px;
					top:154px; left:246px;
					width:103px;
				}
				.locator-map-hover .dominicanrepublic {
					height:41px;
					top:47px; left:354px;
					width:155px;
					z-index:99;
				}
				.locator-map-hover .ecuador {
					height:28px;
					top:185px; left:218px;
					width:94px;
				}
				.locator-map-hover .haiti {
					height:41px;
					top:39px; left:313px;
					width:41px;
				}
				.locator-map-hover .mexico {
					height:28px;
					top:35px; left:143px;
					width:83px;
				}
				.locator-map-hover .peru {
					height:28px;
					top:242px; left:267px;
					width:71px;
				}
				.locator-map-hover .puertorico {
					height:29px;
					top:67px; left:377px;
					width:115px;
					z-index:100;
				}
				.locator-map-hover .trinidad {
					height:26px;
					top:113px; left:410px;
					width:90px;
				}
				.locator-map-hover .uruguay {
					height:28px;
					top:394px; left:439px;
					width:91px;
				}

/* pop up contact form - layout 'n stuff. form elements in forms section below. */
#contact-short {
	background:transparent url(../img/css/bg-form-pop-up.png) right bottom no-repeat;
	overflow:visible;
	padding:0 0 20px;
	width:629px;
}
	#contact-short .inner {
		background:transparent url(../img/css/bg-form-pop-up.png) left top no-repeat;
		padding:30px 18px 0 16px;
	}
	
	#contact-short .column {
		border:none;
		clear:none;
		margin:0; 
		padding:0;
		width:268px;
	}
		#contact-short .column:first-child { margin:0 58px 0 0; }
		
	#contact-short .introduction {
		background:transparent url(../img/css/bg-contact-form.png) right 0 no-repeat;
		min-height:51px;
		padding:0 60px 0 0;
	}

	#contact-short p, #contact-short h1, #contact-short ul { width: auto; }

/* quickBox is targeted page content pretending to be a lightbox */
.quickBox { 
	position:fixed; top:50%; left:50%;
	z-index:20000;
}
	
	


/*----------------------------------- Type, Links and Lists----------*/

a, a:visited		{ color: #005caa; text-decoration:none; }
a:hover, a:focus 	{ color: #000; }

#footer a { 
	color:#fff;
	text-decoration:none;
}
#footer a:hover { text-decoration:underline; }

a#brand {
	display:block;
	height: 123px;
	padding:12px 0 0;
	position:relative;
	text-indent: -9999em;
	width: 165px;
	z-index:100;
}
    #brand img { 
        border:none;
        display:block;
    }
img.header-slogan {
    left: 607px;
    position: absolute;
    top: 30px;	
}


a img { border:none; }
#lead a img {
	border:none;
	display:block;
}
/* 'more' links */
.section .more { display:inline-block; }
	#primary .events .more { 
		display:inline;
		float:right;
	}
/* 'button' links */
a.button {
	background:transparent url(../img/css/btn.png) 0 0 repeat-x;
	color:#fff;
	display:inline-block;
	font-size:1.077em;
	padding:3px 1em;
}
a.button:hover { background-position:0 -54px; background-repeat:repeat; }

a#submit-video {
	background:transparent url(../img/css/btn-submit-a-video.png) 0 0 no-repeat;
	display:inline;
	float:right;
	height:48px;
	text-indent:-9999em;
	width:188px;
}
a#submit-video:hover { background-position: 0 -48px; }

/* for rss feeds */
a.rss {
	background:transparent url(../img/css/icon-rss.png) 0 0 no-repeat;
	display:inline-block;
	height:24px;
	line-height:24px;
	padding:0 0 0 30px;
}
a.rss:hover {
	background-position:0 -24px;
}
	




/* headings */
h2 {
	font-size:1.462em; /* 19px */
	font-weight:bold;
	margin:0 0 .632em;
}
.page-home h2 { font-size:1.23em; line-height:1.2; }
    .page-home h2 a { color:#231f20; }
    .page-home h2 a:hover { color:#005caa; }
#secondary h2 {
	font-size:1.23em; /* 16px */
	font-weight:bold;
	margin:0 0 1em;
}
	h2.larger { font-size:2em; }
	h2.replace { font-size:20px; }
h3 {
	font-size:1.23em; /* 16px */
	font-weight:bold;
	margin:0 0 1em;
}
    /*image headings on home page*/
    .page-home #secondary .section h3 img {
        display:block;
        float:none;
        margin:0;
        position:static;
    }

/* lists */
ul { list-style:none; }
ul>li, .item-list ul>li {
	background:transparent url(../img/css/bullet.png) 0 .5em no-repeat;
	margin:0 0 .25em;
	padding:0 0 0 12px;
}
	.plain li {
		background:transparent none;
		padding:0;
	}
#primary ul ul { margin:0 0 0 1em; }

dl { margin:0 0 1em; }
dt { font-weight:bold; }
dd { margin:0 0 .5em; }

dl.stories { 
	border-top:1px solid #ccc;
	margin:0 0 2.5em;
	padding:1.5em 0 0;
}
.stories dd { padding-left:.25em; }


.tabbed .item-list {
	border-left: 1px solid #dedede;
	float:right;
	margin:0 0 0 6px;
	padding:0 0 0 26px;
	width:268px;
}	
.accordian .item-list { margin:0; }

	.item-list li {
		background:transparent none;
		margin:1em 0 0;
		overflow:hidden;
		padding:0;
	}
		.item-list li:first-child { margin:0; }

	.item-list img {
		float:left;
		margin-right:16px;
	}


	
/* events-list is intended for a full-page listing of events */

ul.events-list {
    margin:1em 0 2em;
    padding:0;
}
.events-list li {
    background:transparent none;
    margin:0 0 1em;
    padding:0;
}
.events-list li p {
    font-size:1.077em;
    margin:0;
}

/* image-list is optimized for .page-content with no callouts.  for use with thumbnails. */
ul.image-list {
    clear:both;
    list-style:none;
    margin:0 0 3em;
    overflow:hidden;
}
.image-list li {
    background:transparent none;
    float:left;
    margin:0 0 0 38px;
    padding:0;
    width:208px;
}
    .image-list li:first-child { margin-left:0; }

.image-list li img {
    border:none;
    display:block;
    margin:0 0 .5em;
    padding:5px;
}
.image-list li img:hover {
    border:5px solid #005CAA;
    padding:0;
}
.image-list li p {
	font-size:.929em;
	margin:0;
	padding:0 5px;
}
	.image-list li a {
		font-size:1.23em;
	}


/* numbers is a special ol with large graphic numbers provided by spans. */
ol.numbers { 
	list-style:none;
	margin:2em 0;
}
.numbers li { 
	margin:0 0 2em 54px;
	padding:14px 0 0;
}
.numbers .no {
	background:transparent url(../img/css/bg-ol-numbers.png) 0 0 no-repeat;
	display:inline;
	float:left;
	height:50px;
	margin:-14px 0 0 -52px;
	width:48px;
}
	.no2 .no { background-position: -50px 0; }
	.no3 .no { background-position: -100px 0; }
.numbers h2 {
	margin:0;
}


/* specials */
h2+.change-location .location-control {
    font-size:.846em;
    margin-top:-1em;
}


.smaller { font-size:0.857em; } /* 12px */
.smallest { font-size:.786em; } /* 11px */

/* greyed out footnotes at bottom of a section */
div.footnotes {
    color:#ccc;
    font-size:.846em;
    margin:2em 0 0;
}



/*---------------------------------- Navigation --------------------*/
/* baseline nav style */
#nav ul, ul.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#nav li, .nav li {
	background:transparent none;
	margin:0;
	padding:0;
}

/* main nav (in header, #nav-primary is tabs, #nav-secondary is bar benath tabs, .tertiary are drop-downs */
#nav { 
	background:transparent url(../img/css/bg-nav-primary-bottom.png) 0 bottom repeat-x;
	margin:-40px 0 0;
	padding-bottom:5px;
}
#nav a, #nav li {
	display: block;
	float: left;
	text-decoration: none;
}
#nav a { overflow:hidden; }
	#nav-primary {
		margin:0 auto;
		overflow:hidden;
		text-align:center;
		width:940px;
	}
	#nav-primary ul, #nav-secondary ul { margin:0 auto; }
	#nav-primary ul {
		float:right;
		width:auto;
		margin:0 auto;
	}
	
	#nav-primary ul,
	#nav-primary li,
	#nav-primary a,
	#nav-primary span {
		height:40px;
	}
	
		#nav-primary li,
		#nav-primary li a { 
			position:relative;
		}
		#nav-primary li a {
		    background-image: url("../img/css/bg-nav-primary.png");
			background-position:top right;
		    color: #000000;
		    font-size: 1em;
		    line-height: 40px;
		    margin: 0 0 0 5px;
		    outline: medium none;
		    padding: 0 15px 0 10px;
		    z-index: 100;
		}
			#nav-primary li a:hover {
				color:#fff;
			}
			#nav-primary li.on {
				background-position:0px -41px;
			}
			#nav-primary li.on a {
				background-position: right -41px;
				color:#fff;
			}

							
		#nav-primary li {
			background:transparent url(../img/css/bg-nav-primary.png) 0 0 no-repeat;
		}
			#nav-primary li {
				background-position:0 0;
				margin:0 2px 0 0;
			}
			#nav-primary li span {
				background-position:-369px 0;
				position:absolute; 
				right:0; 
				top:0; 
				width:5px;
				z-index:99;
			}

	#nav-secondary { 
		background:#004b71 url(../img/css/bg-nav.png) 0 bottom repeat-x;
		float:left;
		margin: 0 0 -5px;
		min-height:6px;
		position:relative;
		width:100%;
		z-index:101;
	}
	#nav-secondary ul {
		/*height:38px;
		overflow:hidden;*/
		
		width:940px;
	}
	#nav-secondary li { 
		height:38px;
		position:relative;
	}
	#nav-secondary li a {
		background:transparent url(../img/css/bg-nav-secondary.png) 0 bottom no-repeat;
		color:#fff;
		font-size:1em;
		line-height:38px;
		padding:0 14px;
	}
		#nav-secondary li:first-child a { 
			background:transparent none;
			padding-left:0;
		}
	#nav-secondary li a:hover,
	#nav-secondary li.on a { color:#f8bb19; }
	
	
	#nav li .tertiary {
		background:#f8bb19 none;
		border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;
		height:auto;
		padding:0 0 12px;
		position:absolute;
		left:-9999em;
		width:171px; 
		z-index:200;
	}
		#nav .tertiary li {
			display:block;
			float:none;
			height:auto;
			padding:6px 14px;
		}
		#nav .tertiary li a {
			background:none;
			display:inline;
			float:none;
			font-size:1em;
			height:auto;
			line-height:1.3;
			padding:0;
			text-indent:0;
		}
			#nav .on .tertiary li a { color:#fff; }
			#nav .on .tertiary li a:hover { color:#f8bb19; }
	
	#nav-primary .tertiary li a { color:#fff; }
	#nav-primary .tertiary li a:hover { color:#000; }
	#nav  li:hover .tertiary { left:1px; top:32px;}
	#nav-primary li:hover .tertiary { left:3px; top:43px; }


	#nav-secondary li .tertiary {
		background:#004b71 none;
		padding:12px 0;
		width:100%;
		min-width:120px;
	}
	#nav-secondary li:first-child:hover .tertiary { left:-14px; }

/* breadcrumbs */
#breadcrumbs { 
	color:#c8c8c8;
	margin:0 0 34px;
}
#breadcrumbs a { 
	color:#626163;
	font-size:.846em;
}


/* sub nav and contextual nav (in #secondary) */
#nav-sub h2 { margin:0 0 .625em; }
#nav-sub .inner {
	background:transparent url(../img/css/bg-nav-sub.png) 0 0 no-repeat;
	margin:0 0 0 -7px;
	width:185px;
}
#nav-sub .nav {
	background:transparent url(../img/css/bg-nav-sub.png) -185px bottom no-repeat;
	padding:0 1px;
}
#nav-sub li { background:transparent url(../img/css/bg-nav-sub.png) -370px 0 no-repeat; }
#nav-sub li a { display: block; padding:10px 7px; }
#nav-sub li:first-child { background-position:-185px 0; }
#nav-sub li.on {
	background-position: 300px 0;
}
#nav-sub li.laston { padding-bottom:2px; margin-bottom:-2px; }
*+html #nav-sub li.laston { padding-bottom:2px; margin-bottom:-3px; }
#nav-sub li.on>a {
    background:transparent url(../img/css/bg-nav-sub.png) -555px 0 no-repeat;
	color:#000;
	font-weight:bold;
	margin:-2px -29px -3px -8px;
	padding:13px 36px 14px 15px;
	position:relative;
	text-shadow: -1px 1px #fff;
	z-index:10;
	zoom:1;
}
#nav-sub .on li.on>a { 
    background:transparent none;
    font-weight:normal;
    margin:0;
    padding:0;
    position:static;
    text-shadow:none;
}


#nav-sub li.on>ul {
	background:transparent url(../img/css/bg-nav-sub.png) -925px 0 no-repeat;
	margin:0;
	padding:4px 0 4px 12px;
}
#nav-sub .on .on>ul { background:transparent none; margin:0; }

	#nav-sub li.on>ul li, #nav-sub li.on>ul li.on { background:transparent none; margin:6px 0; }
	#nav-sub li.on>ul li a { padding:0; }
		#nav-sub li.on>ul li a:hover { color:#000; }

		


/* footer nav */
#site-meta .nav {
	float:left;
	margin:0 0 1em;
	overflow:hidden;
	width:100%;
}
#site-meta .nav li {
	border-left:1px solid #8cb6d9;
	float:left;
	padding:0 8px;
}
	
#site-meta .nav li:first-child { border:none; padding-left:0; }
#nav-social-networking li { float:left; display:inline; }
#nav-social-networking a { 
	float:left;
	display:inline;
	height:34px;
	margin-left:10px;
	overflow:hidden; 
	padding:0;
	text-indent:-9999em;
	width:34px;
}
#nav-social-networking li:first-child a { margin-left:0; }

	#nav-social-networking .twitter { background:transparent url(../img/css/twitter.png) 0 0 no-repeat; }
	#nav-social-networking .gplus { background:transparent url(../img/css/gplus-34-round.png) 0 0 no-repeat; }
	#nav-social-networking .facebook { background:transparent url(../img/css/facebook.png) 0 0 no-repeat; }
	#nav-social-networking .linkedin { background:transparent url(../img/css/linkedin.png) 0 0 no-repeat; }
	#nav-social-networking .flickr { background:transparent url(../img/css/flickr.png) 0 0 no-repeat; }
	#nav-social-networking .youtube { background:transparent url(../img/css/youtube.png) 0 0 no-repeat; }

/*----------------------------------- Tables -------------------------*/
table {
	background:transparent url(../img/css/bg-table.png) 0 0 no-repeat;
	border:none;
	margin:0 0 2em;
	width:700px;
}

thead {
	background:#e1e1e1 url(../img/css/bg-table.png) -1003px 0 no-repeat;
}
tr { padding:0 1px; }
th {

	border:none;
	font-weight:bold;
	padding:15px 14px;
	text-align:left;
	vertical-align:center;
}

th:first-child { padding-left:20px; }

td { 
	border-width:0 0 1px 1px;
	padding:.5em 14px;

}

td:first-child {

	border-left-width:0;
	padding-left:20px;
}


th.table-head {background:url(../img/css/bg-th.gif) 0 0 no-repeat;  border-right:1px solid #ccc;}


/*For comparison of data tables*/
table.compare {
	border-collapse:separate;
	background: url(../img/css/bg-table-compare.png) 0 0 no-repeat #ddd;
}
.compare thead {background:none;}
.compare th {
	font-weight:bold;
	padding:15px 14px;
	text-align:left;
	vertical-align:center;
}
.compare th:first-child {}

.compare td {
	border-width:0;
	padding:.5em 14px;
	background-color:#fafafb;
}
.compare td:first-child {  }
.compare td.highlight {background-color:#ffffcc;}



/* alternate widths */
table.listing { 
	background-position:-700px 0;
	width:303px;
}
.listing thead { background-position: -1703px 0; }
.listing td { border-left-width:0; }

/* cell styles */

td.currency { text-align:right; }
.total td { background:#e6f1f8 none; }
.total td:first-child { border-left-width:1px; }
.total td:last-child { border-right-width:1px; }

/* for .NET radiolist control (in forms) */
table.checkbox {
    background:none;
    margin:0;
    width:100%;
}
.checkbox td { border:none; padding:0 0 .5em; }



/*----------------------------------- Forms -------------------------*/

fieldset {
	border:1px solid #ccc;
	border-width:1px 0 0;
	clear:both;
	padding-top:1em;
}
fieldset:first-child, .toggle fieldset { 
	border-top:none;
	padding-top:none;
}
fieldset ol {
    list-style-type: none;
	margin: 0;
}
fieldset li {
    background:transparent none;
	clear:both;
	float:left;
    margin-bottom: 1em;
    padding:0;
	width:100%;
}
legend {
	font-size: 1.462em;
	font-weight:bold;
	margin:0 0 .632em ;
}
label { font-weight:bold; margin:0 0 .25em; }
label.help-text { font-weight:normal; }
input, select, textarea, label {
    display: block;
}
input, select, textarea { 
	border:1px solid #d8d9db;
	color:#666;
	font-family: Arial, Helvetica, Sans-Serif;
	float:left;
	margin:0 4px 0 0;
}
	input.disabled {
		background:#eee;
	}
#wrapper input:focus, #wrapper textarea:focus, #wrapper select:focus { border-color:#0005ca; color:#333; }
input {
    padding:3px;
    width:30em;
}
    .state input, .field-short input { width:3em; }
    .zip input, .field-medium input  { width:7em; }
    .phone input, .field-long input { width:9em; }
    .city input, .field-wide input { width:10.5em; }
    input.choice-other, .checkbox .choice-other {
		border:1px solid #D8D9DB;
		clear:both;
		height:auto;
        margin-left:20px;
		margin-top:.4em;
        width:380px !important;
    }

input[type=hidden] {
    border: none;
    padding:0;
}
textarea {
	height:8em;
	width:100%;
}
select { min-width: 70px; padding:1px 0; }
option { padding-right:8px; }


/* buttons.  if forced to use an input[type=submit] use input.submit */
button,a.button {
	background:transparent url(../img/css/btn.png) 0 0 repeat-x;
	color:#fff;
    cursor: pointer;
	display:inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.077em;
	padding:3px 1em 4px;
}
	button.disabled,button.disabled:hover,
	a.button.disabled,a.button.disabled:hover {
		background:transparent url(../img/css/btn-disabled.png) 0 0 repeat-x;
	}
	*+html button { padding:1px .5em 2px; }
button:hover { background-position: 0 -27px; }
button.left { 
    clear:none;
    margin:1em .5em 0 0;
}
button.right { 
    clear:none;
    margin:1em 0 0 .5em;
}
	.submit button { font-size:1.429em; }
	.submit button:hover { background-position:0 -54px; }
	
/* special button, a little taller with rounded corners */

button.engage {
	background:transparent url(../img/css/btn-tall.png) 0 0 repeat-x;
	border-radius:6px;
	font-size:1.385em;
	padding:6px 1em;
	text-shadow:-1px -1px 0 #000;
	
	-webkit-box-shadow:0 -1px 0 0 #666;
	   -moz-box-shadow:0 -1px 0 0 #666;
		 -o-box-shadow:0 -1px 0 0 #666;
			box-shadow:0 -1px 0 0 #666;
}
	*+html button.engage { padding:6px 0; }
	button.engage:hover {
		background-position:0 -74px;
	}


	
input.submit {
	background:transparent url(../img/css/btn.png) 0 0 repeat-x;
	border:none;
	color:#fff;
    cursor: pointer;
	display:inline-block;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.077em;
	padding:3px 1em 4px;
	width:auto;
}
input.submit:hover { background-position: 0 -27px; }

/* form control styles */
.checkbox {
	margin:.4em 10px 0 0;
	overflow:hidden;
}
	.checkbox input {
		border:none;
		height:1.4em;
		margin:0 7px 0 0;
		width:auto !important;
	}
	
input.short { width:70px; }

li.short input {width:3em;}
li.medium-short input {width:7em;}
li.medium-long input {width:9em;}
li.long input {width:30em;}

li.inline input, li.inline label { 
	float:left;
	margin:0 .214em;
}

/* form in main content area (no background) - use body class content-form */

.content-form input, .content-form select, .content-form textarea {
    border-color:#bcbdbf;
}
.content-form .wrapper { width:436px; }

/* two-column form, defaults at 640px wide */
fieldset.columns {
	margin-bottom:2em;
	overflow:hidden;
}

fieldset.columns .column {
		clear:none;
		margin-right: 20px;
		width:300px;
}

fieldset.columns .column input { 
    width:292px;
}
fieldset.columns .checkbox input { float:left; }
fieldset.columns .state input { width:3em; }

fieldset.columns .help-button { 
    background-image: url(../img/css/bg-help-button-important.png);
    float:left;
    height:22px;
    margin:0 0 0 8px;
    width:22px;
}
*+html fieldset.columns .help-button { clear:none; margin:2em 0 0 8px; } 
*+html fieldset.columns li.state { height:3.5em; }



/* filedset for a file input. */
fieldset.file-selection {
	border-width:0 0 1px; 
}
	/* these elements are generated by the javascripts */
	.IX_fileUpload { position: relative; }
	
	.IX_fileUpload .fake-field {
	    background-color:#fff;
		overflow:hidden;
		position:absolute; top:0; left:0;
		z-index:1;
	}
	    .IX_fileUpload:hover { cursor:pointer; }
		.IX_fileUpload .fake-field input {
			width:300px;
		}
	.IX_fileUpload .real-field {
		height:26px;
		filter:alpha(opacity: 0);
		opacity:0;
		position:relative;
		text-align:right;
		width:400px;
		z-index:2;
	}




/* form text styles */
.required { color:#dd1f2a }
fieldset .units { 
	color: #404041;
	float:left;
	line-height:1.92;
	padding:0 3px 0 0;
}
p.note { margin-top:-1em; } /* use immediately after a heading */
span.note { /* use inside the form after a form control */
	clear:left;
	color: #7E8081;
	display: block;
}
fieldset .error { clear:both; display:block; }

/* calculator form styles */
#calculator .checkbox { 
    float:left;
    margin:3px 0 0 12px;
}
#calculator .checkbox.single {
    margin-left:0;
    width:100%;
}

#calculator input.full { width:180px; }

.page-landing #calculator label {
	float:left;
	line-height:1.92;
	text-align:right;
	margin-right:20px;
	width:90px;
}
.page-landing #calculator .checkbox {  }

.page-landing #calculator .units { margin-left:-9px; }
.page-landing #calculator .checkbox { 
    line-height:normal;
	margin-right:0;
	text-align:left;
	width:auto;
}
.page-landing #calculator input { width:150px; }
#calculator .bill-period { padding-left:100px; }
*+html #calculator .bill-period { padding-bottom:1em; }
.page-landing #calculator button {float:right; }

/* contact form */
#contact-form fieldset { border:none; }
#contact-form input[type=text] {
	width:260px;
}

/*change location */
#change-location input { margin-right:.75em; width:120px; }
#change-location button.left { margin-top:0; }

/* multi-choice form widget */
fieldset.multi-choice { border:none; }

.multi-choice .choice-detail {
	border:none;
	padding-bottom:1em;
}

/* short contact form, in lightbox */
#contact-short input { 
	margin:0;
	width:260px; }


/*assessment form*/
img.home-assessment { float:right; }
#assessment-items {margin-bottom:0px;}
#assessment-items li {margin:20px 0;}

#assessment-form li {
    background:none;
    display: inline;
    margin: 15px 5px 0 0;
    padding: 0;
    width: auto;	
}
#assessment-form .clear {width:100%;}
#assessment-form .short,
#assessment-form .medium-long,
#assessment-form .long {clear:none;}

	#assessment-form .medium-long input {width:17em;}
	#assessment-form .long input {width:25em;}
	#assessment-form .short input {width: 9em;}
	
#assessment-form strong{ 
	color:#000; 
	font-size:1.2em; 
	font-weight:bold;
}

/* blog comments */

.blog-comments {
	border-width:0;
}
	.blog-comments textarea {
		width:698px;
	}
.blog-comments .captcha {
	float:left;
	margin:1em 0 0;
	width:auto;
}
	*+html .blog-comments .captcha {
		width:80%;
	}
	.blog-comments .captcha + li {
		clear:none;
		float:right;
		margin:40px 0 0;
		width:auto;
	}
.blog-comments .captcha input {
	margin:14px 0 0 .462em;
}
.blog-comments .captcha label {
	line-height:50px;
	padding-left:2em;
	zoom:1;
}
.blog-comments .captcha img {
	float:left;
}
.blog-comments .captcha .error {
	float:none;
	margin:0;
}


.blog-comments .error {
	float:left;
	margin:0 .214em 0 0;
}

/*Installers / Assessment Forms*/
.validation-key {clear:both; float:left;}
.installers { float:left; width:567px; }
.installers fieldset { border:none; padding:0;}

.installers legend,
.installer-company legend {
	font-size:1em;
	width:100%;
}
	.installers legend strong,
	.installer-company legend strong {
		font-size:1.3em;
		font-weight:bold;
	}
	.installers legend a,
	.installer-company legend a {
		float:right;
		margin: -20px 0 0;
	}
	.installers strong span,
	.installer-company strong span {
		font-weight:normal;
	}
	.installers .right legend {
		margin-bottom:4px;
	}
	.installer-steps .more-info.inline {
		background:url(../img/css/more-information-small.png) top left no-repeat;
		display:inline-block;
		float:none;
		height: 14px;
		line-height: 14px;
		margin:0 0 0 10px;
		padding: 0 0 0 18px;
		position: relative;	
		width:auto;	
	}
	.more-info {
		background:url(../img/css/more-information.png) top left no-repeat;
		color:#005CAA;
		cursor:pointer;
		float:right;
		height:26px;
		line-height:22px;
		margin-top:-22px;
		padding:0 0 0 28px;
		position:relative;
	}
		.more-info:hover {
			color:#000;
		}
		.more-info.inline span { 		
			top: 18px; 
		}
		.more-info span {
			background:#fff;
			display:none;
			right:0;
			padding:10px;
			position:absolute;
			top:25px;
		}
			span.more-info:hover span {
				border:1px solid #d8d9db;
				-webkit-box-shadow: 1px 1px 5px 0px #666;
				-moz-box-shadow: 1px 1px 5px 0px #666;
				box-shadow: 1px 1px 5px 0px #666;				
				display:block;
				width:465px;
			}
			span.more-info p {
				font-weight:normal;
				padding-top:10px;
			}
			span.more-info ul {
				list-style:disc;
				float:left;
				font-weight:normal;
				line-height:normal;
				margin:0 0 10px 15px;
			}
				span.more-info li {
					margin:2px 0;
				}
			span.more-info h3 {clear:both; margin:0;}
.installers li.left,
.installers li.right { clear:none; }

	.installers li.left { float:left; }
	.installers li.right { float:right; }

.installers li.long,
.installers li.long input { width:567px; }

.installers li.medium,
.installers li.medium input,
.installers select.medium { width:266px; }

.installers li.short,
.installers li.short input { width:103px; }

.installers label input { width:auto; }

.installers .radio,
.installers .radio label input,
.installers .radio label  { font-weight:normal; margin-bottom:4px; width:auto; }

.installers .radio input {
	border:none;
}

.installers .phone {
    clear: none;
    float: left;
    width: 85px;
}
.manage-installer fieldset {
	border:none;
}
	.manage-installer > fieldset > legend {
		margin-bottom: -5px;
		float: left;
		width: 100%;
	}
	*+html .manage-installer > fieldset > legend {
		margin-left:-5px;
	}
	
.manage-installer .status {
	margin:0;
	width:265px;
}
	.manage-installer .status li {
		clear:none;
		float:left;
		margin-bottom: 5px;
		width:130px;
	}
	
	.manage-installer .status legend {
		padding: 0;
		margin: 0 0 5px;
		float: left;
		width: 100%;
	}
	
	*+html .manage-installer .status legend {
		margin-left:-5px;
		
	}
	.manage-installer .status label {
		font-size:.8em;
		font-weight:normal;
	}
	
	.manage-installer .status input {
		border:none;
		float:left;
		width:auto;
	}
	
	.manage-installer .options {
		clear:none;
		margin:0;
		width:392px;
	}
		.manage-installer .options li {
			clear:none;
			display:inline;
			float:left;
			margin-left:10px;
			width:auto;
		}
		.manage-installer .options li:first-child {
			margin-left:0;
		}
			.manage-installer .options select {
				font-size:1em;
				width:120px;
			}
		.manage-installer li.right {
			float:right;
		}
.installer-save-options {
	list-style:none;	
}
	.installer-save-options li {
		background:none;
		padding:0;
	}
.manage-installer table {
	background:none;
	border:1px #333 solid;
	margin:0 0 10px 0;
}
.manage-installer .pagination { width:100%; }
.manage-installer .pagination ul { float:right; margin:0 5px 0 0; }
	.manage-installer .pagination li {background:none; float:left; padding:0 4px;}
	.manage-installer .pagination a:hover {text-decoration:underline;}
	.manage-installer .pagination span {display:inline; float:left;}
	
.manage-installer thead {
	background:#ccc;
	color:#000
}

	.manage-installer thead td {
		border:1px #333 solid; 
		text-align:center;
		font-size:0.95em;
		font-weight:bold;
	}
	.manage-installer td a {
		color:#000;
		text-decoration:underline;
	}
.manage-installer tbody td {
	border:1px #333 solid;
}	
	
/*Sepcific Styles*/
.installers li.phone input { width:64px; float:left; }

.installers li.phone .last-digits {width:95px;}

.installers #state{width:100px;}
	.installer .right #state {width:110px;}

.installers .short input.zip-code {width:150px;}

.installers .primary-contact {margin:15px 0 15px 0;}

.installers .change-password,
.installers .cancle-password {text-decoration:underline; font-weight:normal;}
.installers .new-password {display:none;}

.installers .divider {float:left;}

.installers  li.submit.short {margin:0 0 0 15px}
	.installers button.submit {margin-top:17px;}
		.installers .captcha button.submit {margin-top:95px;}
	.installers button.submit.short {margin-top:20px;}
	.installers a.forgot-password {margin:25px 0 0;}
	.installers .submit p {margin:20px 0 0;}
	
.installers p input {
    display: inline;
    float: none;
    margin: 0;
    width: 82px;
}

.service-zips label  {
	clear:none;
	float:left;
	width: 70px;
}
	.service-zips input{
		width:auto;
	}
		input.zip-radius {
			display:inline;
			float:none;
			width:30px;
		}
	
li.include-zip {
	margin:15px 0 0;
}
textarea.include-zip {
	float:left;
	width:685px;
	max-width:685px;
	min-width:685px;
	max-height:685px;
}
	
.captcha img {margin:20px 0 0;}

.install-details a,
.install-details a:active,
.install-details a:visited,
.sales-details a,
.sales-details a:active,
.sales-details a:visited {
	color:#005CAA;
}
.install-details strong,
.sales-details strong {
	float:left;
	margin-right:5px;
}
	.install-details input,
	.sales-details input {
		float:left;
		margin-left:2px;
		width:200px;
	}
	

/*Multi-step installer-steps location forms (12 Forms total)*/

/*Installer Step Controls*/
div.installer-controls {
	float: left;
	position:relative;
	width:940px;
}
	div.installer-controls a {
	    background-image: url("../img/css/installer-controls.png");
	    background-position: left -43px;
	    background-repeat: no-repeat;
	    color: #FFFFFF;
	    display: block;
	    float: left;
	    font-size: 2.8em;
	    height: 43px;
	    line-height: 42px;
	    text-indent: 12px;
	    width: 152px;
	}
		div.installer-controls a.active {
			background-position:-152px -43px;
			color:#333;
		}
	
		div.installer-controls a:first-child {
			background-position:-362px top;
			width:180px;
		}
			div.installer-controls a:first-child.active	{ background-position:left top;	}
			div.installer-controls a:first-child.prev-active { background-position:-181px top; }
			
		div.installer-controls a.last {
			background-position:-2px bottom;
			width:150px;
		}
		div.installer-controls a.last.active { background-position:-154px bottom; }
		div.installer-controls a.prev-active { background-position:-304px -43px; }
		
			div.installer-controls a span {
			    display: inline-block;
			    font-size: 0.35em;
			    line-height: 14px;
			    padding-top: 7px;
			    text-indent: 0;
			    width: 85px;
			}
			
		ul.document-links {
		    border: 0 none;
		    position: absolute;
		    right: 0;
		    top: 60px;
		}
		
			ul.document-links li {
    			background: none;
    			clear: both;
    			float: right;
    			height: 16px;
    			overflow: hidden;
			}
			
			div.installer-controls ul.document-links a {
    			background: none repeat scroll 0 0 transparent;
    			color: #005CAA;
    			font-size: 1em;
    			height: 16px;
    			line-height: 16px;
    			margin: 0;
    			padding: 0;
    			width: auto;
			}

ul.installer-steps li {
	background:none;
	clear:both;
	padding:0;
}



/*Installer Registration*/
fieldset.installer-steps { border:none; }

fieldset.installer-steps ol { margin:0; }
	fieldset.installer-steps li { margin-bottom:.5em; }
		fieldset.installer-steps label {
			font-weight:normal;
			text-transform:capitalize;
		}
			fieldset.installer-steps label span {
				color:red;
			}
/*End Installer Registration*/


.installer-steps,
.installer-steps fieldset {	width:940px; }
.installer-steps.tabbed { width:auto; }
	.installer-steps .install-login-form {
		padding:15px;
		width:300px;
	}
		.install-login-form ol li {	clear:both;	}
		
		.install-login-form ol li:first-child {	margin-top:0; }
		.install-login-form li.small{
				margin:15px 0 0;
				width:190px;
		}
		
		.install-login-form input {	width:175px !important;	}		
			
			.install-login-form button { margin:0 0 10px; }
			
			.install-login-form a{
			  text-align:right;
			  width:145px;			
			}
			.install-login-form a,
			.install-login-form button{
				display:block;
				clear:both;
				float:right;
			}
		
.installer-steps.inner {height:auto;}

.installer-steps li {
	clear:none; 
	float:left; 
	list-style:none;
}
.seismic-zone input[type=radio],
.installer-steps input[type=radio],
.installer-steps li input[type=checkbox] {
	border:none;
	width:auto;
}
.installer-steps fieldset,
.installer-steps legend {border:none; margin:0;}
	.installer-steps legend span {
		font-size:.75em; 
		font-weight:normal;
	}

.installer-steps .content{
	padding:0;
	width:660px;
}
.installer-steps .content .label { margin:0 0 -10px 0; }


.installer-steps #tab5 .label {margin:0 0 5px 0;}
	*+html .installer-steps #tab5 .label {
		margin:0 0 5px -6px;
	}

.installer-steps .content fieldset{ width:675px; }

	.installer-steps .content button { margin:0 0 0 10px; }
	
	.installer-steps .tabs a { padding:13px 10px 15px 12px; }
		.installer-steps .tabs li:first-child a { padding-left:12px; }
	
.installer-steps h1 {
	border:none;
	display:block;
	float:left;
	margin:20px 0;
}

.installer-steps .long {width:620px;}
	.installer-steps .long input[type=text] { width:600px; }
	
	.installer-steps .wire-specs .long { clear:both; }
	*+html .installer-steps .wire-specs legend.label {
		margin-left:-5px;
	}
	.installer-steps .wire-specs legend.label {
		width:220px;
	}
	.wire-specs > fieldset > legend.label {
		font-size:1.4em;
	}
	.wire-specs > fieldset > ol {
		float: right;
		width: 630px;
		overflow: hidden;
	}
	*+html .wire-specs > fieldset > ol 
	{
		margin-top:-20px;
	}
.installer-steps .half {
	width:465px;
}	
	.installer-steps .half input[type=text],
	.installer-steps .half select {
		width:445px;
	}
	
.installer-steps .medium {width:310px;} 
.installer-steps .wire-specs .medium {
    display: block;
    float: left;
    width: 310px;
}
	.installer-steps .medium input { width:290px; }
		.installer-steps .medium input[type=radio]{	width:auto;	}
		
	.installer-steps .medium select { width:299px; }
	li.medium.additional input[type=text] {	width:250px; }
	li.medium.additional input[type=radio]{
		margin:10px 10px 0 0;
		width:15px;
	}
		label .additional-field {float:right; margin:0 0 0 10px;}
		.added-requests li.additional {	width:280px; }
			.added-requests .additional-field {
			    display: inline;
			    float: none;
			    margin: -3px 0 0;
			    width: 150px;
			}
			.roof-materials .other .additional-field {
				width:100px;
			}
			.inverter-request .other { clear:both; }
			
		.installer-steps li.medium input.additional-field {
		    display: inline;
		    float: none;
		    margin: 5px 0 0;
		    width: 180px;
		}
		
			.content input.additional-field {
				display:inline-block;
				float:none;
				margin:0;
				width:95px;
				
			}
		
			.installer-steps li.wiring input.additional-field {margin-top:-3px;}
		
		.installer-steps .additional-info {
			clear: left;
			color: #999999;
			display: block;
		}
	
.installer-steps .short {width:160px;}
	.installer-steps .short input[type=text]{ width:130px; }
	
	.installer-steps .short select {
		height:25px;
		width:150px;
	}
	
.installer-steps .small {width:120px;}
	.installer-steps .small input[type=text],
	.installer-steps .small select{	width:100px; }
	
	

.installer-steps li.other { width:285px; }
.installer-steps .roof-materials li.other { width:275px; }
	.installer-steps li.other label { float:left; }
	li.other label + input.additional-field {
		float:left;
		margin:0 0 0 5px;
		width:150px;
	}
	li.other input[type=text] { width:210px; }
		.wire-requirement input.additional-field[type="text"] {
		    display: inline;
		    float: none;
		    width: 190px;
		}
	
ol.location-type { }
ol.wire-requirement > li:first-child,
ol.location-type > li:first-child {	margin:0; }
	fieldset.location-types > legend {
		font-size:1em;
	}
	ol.wire-requirement li,
	ol.location-type li {
    	clear:none;
    	margin:0 0 0 70px;
    	width:auto;
	}	
		ol.wire-requirement label,
		ol.wire-requirement input,
		ol.location-type label,
		ol.location-type input{	width:auto;	}
li.install-price {
 margin-right:200px;
}
li.tax { clear:left; }

.installer-steps li.medium.state-tax input,
.installer-steps li.medium.fed-tax input {
	display:inline;
	float:none;
	width:100px;
}
	li.fed-tax span,
	li.state-tax span {	float:right; }
	
		li.fed-tax span { margin-right:105px; }
		li.state-tax span { margin-right:120px; }
		
		
li.previous-usage input {
	display:inline;
	float:none;
	width:50px;
}

table.usage-table { background:none; }

	
	table.usage-table thead { background:none; }
	
		table.usage-table th {
			padding:5px 0;
			width:40px;
		}
	
		table.usage-table td {
			border:none;
			width:100px;
		}
	
	table.usage-table input {
		height:20px;
		width:125px;
	}
	table.usage-table input,
	table.usage-table td {
		marign:0;
		padding:0;
	}
	
	li.small.orientation { margin:0 15px 0 0; }
	#primary input.orientation { width:50px; }
	
	ol.roof-materials li {
		float:left;
		padding:0 35px 0 0;
		width:275px;
	}
		ol.roof-materials li input {
			display:inline;
			float:none;
			width:100px;
		}
	
	li.rafter-space { clear:left; }
	
	#primary li.system-size input {	width:210px; }
	
	legend.label {
		font-size:1em;
		margin-bottom:0.25em !important;
	}
		*+html .installer-steps.tabbed legend.label { margin-bottom:1em !important; margin-left:-10px; }
		
	ol.seismic-zone {
		margin-top:-4px;
		overflow:hidden;
	}
	
		ol.seismic-zone li {
			display:inline;
			width:45px;
		}
		
		
	#primary li.tempatures { width: 210px; }
		li.tempatures li {
			width:85px;
		}
	
	
	.added-requests li li {
	    display: inline;
	    width: 160px;
	}
	#primary .added-requests legend.label {	font-size:1.1em; }
		textarea.added-info {
			min-width:540px;
			max-width:540px;
			width:540px;
		}
.installer-steps .examples { margin:0; }

.installer-steps .upload { margin:15px 0 0; }

.customer-share { position:relative; }
	.customer-share .total {
	    color:#999;
	    font-size:1.1em;
	    font-weight:bold;
	    left:640px;
	    position:absolute;
	    top:55px;
	    width:200px;
	}

.service-area {
	width:550px;
}
	.service-area input{
		display:inline;
		float:none;
	}
		.service-area input[type=text]{	width:50px;	}

ul.account-quickview {
	overflow:hidden;
	width:185px;
}
ul.account-quickview li,
ul.account-quickview a {
	float:left;
	margin:0;
	padding:0;
}	

ol.username-password .medium { clear:both; }

.profile-hero {
	background:url('../img/content/profile-page-banner.png') top left no-repeat;
	height:261px;
	width:634px;
}

	.profile-hero a {
		background:url('../img/content/submit-questionnaire.png') top left no-repeat;
		float:right;
		height:39px;
		margin:207px 15px 0 0;
		text-indent:-9999em;
		width:312px;
	}
	
.product-spotlights {
	display:table;
	width:100%;
}
	.product-spotlights li {
		width: 50%;
		background: none;
		padding: 0;
		float: left;
	}
	
		.product-spotlights.single-product li {
			width:100%;
		}	
		.product-spotlights li > p {
			padding:10px 10px 0 0;
		}
		.product-spotlights li > a {
			clear:both;
			display:block;
		}
		.product-spotlights h3 {
			margin-bottom:0;
		}
			.product-spotlights em {
				font-weight:normal;
			}
		.product-spotlights img {
			float:left;
			margin:0 15px 5px 0;
		}		
ul.additional-contacts {
	margin-bottom:0;
}
		
	/* Goverment Form */	
	.government-form fieldset {border:none;}
		
	.government-form .small.clear,
	.government-form .medium.clear,
	.government-form .large.clear {clear:left;}
	
	.government-form .small,
	.government-form .medium,
	.government-form .large { clear:none; display:inline-block; margin-right:15px; }
	
	.government-form .small { width:120px; }
		.government-form .small label,
		.government-form .small input,
		.government-form .small select {
			width:115px;
		}

	.government-form .medium { width:150px; }
		.government-form .medium lable,
		.government-form .medium input,
		.government-form .medium select {
			width:145px;
		}

	.government-form .large { width:250px;}
		.government-form .large lable,
		.government-form .large input,
		.government-form .large select {
			width:245px;
		}	
/*----------------------------------- Randoms/dev utility styles ---*/

.accessibility { height:0;left:-9999em;line-height:0;position:absolute;text-indent:-9999em; }
.columns { overflow:hidden; }
.column {
    float: left;
	width: 45%;
	margin-right: 4%;
}

.small 			{ width: 25%; }
.medium 		{ width: 48%; }
.large 			{ width: 90%; }
.error, .red 	{ color: #ff0000; }
.plus-icon {
    background-image: url("../img/css/plus.gif");
    background-position: left 2px;
    background-repeat: no-repeat;
    padding-left: 22px;
}

/* there's always a better way than using these. */
.hide			{ display: none; }
.left 			{ float: left; margin: .25em 13px .25em 0; }
* html .left 	{ margin-right: 0; }
.right 			{ float: right; margin: .25em 0 .25em 13px; }
.clear 			{ clear: both; }
.clearleft 		{ clear: left; }
.clearright 	{ clear: right; }