html, body {
    height:100%;
    margin:0;
    padding:0;
}
body {
    /*  background */
    background:#FFFFFF;
    font-family:Arial, Verdana, sans-serif;
    font-size:12px;
}
div {
    position:relative;
    margin:0;
    padding:0;
}
table, tr, td, th {
    border-collapse:collapse;
    margin:0;
    padding:0;
}
h5 {
    font-size:14px;
    font-weight:bold;
}
a {
    color:#ffa200;
    text-decoration:none;
    font-weight:bold;
}
img {
    border:none;
}
.content-width {
    width:900px;
    margin:0 auto;
    padding:0;
}
.header {
    background:#333333 url(/images/header-shadow.jpg) center bottom repeat-x;
    width:100%;
    margin:0 auto;
    padding-bottom:20px;
}
.header span.header-logo {
    float:left;
    margin:28px 0 12px 0;
    border:none;
    display:block;
    height:61px;
    width:263px;
    background:url(/images/header-sprite.jpg) no-repeat;
}
.header span.header-slogan {
    margin:44px 0 12px 0;
    float:right;
    display:block;
    height:45px;
    width:313px;
    background:url(/images/header-sprite.jpg) -263px -16px no-repeat;
}
.header .navigation {
    text-align:center;
    width:100%;
    margin:0;
    color:#FFFFFF;
    font-weight:bold;
    background:url(/images/navigation-bg.gif) repeat-x top left;
}
p.note {
    background:#ffc053;
    border:1px dashed #ffa200;
    padding:4px;
}
small {
    line-height:normal;
}
.header .navigation img {
    display:none;
}
.header .navigation .admin {
    background:url(/images/admin-nav-bg.gif) repeat-x top left;
    font-weight:bold;
}
.header .navigation .admin ol li:before {
    font-weight:normal;
    content:"";
}
.header .navigation .admin ol li:after {
    font-weight:normal;
    content:"";
}
.header .navigation .admin ol li.no-lead:before,
.header .navigation .admin ol li.no-lead:after {
    content:"";
}
.navigation a {
    color:#FFFFFF;
}
.navigation a:hover {
    color:#eaeaea;
}
.content {
    padding-top:15px;
    padding-bottom:15px;
    min-height:600px;
}
.copy {
    width:474px;
    float:left;
    line-height:18px;
}
.copy h1 {
    margin:0;
    padding:0;
    line-height:normal;
}
.callout {
    width:200px;
    float:right;
    margin-left:10px;
}
.header .navigation ol {
    list-style-type:none;
    margin:0;
    padding:0;
}
.navigation ol li {
    display:inline;
    margin:0px 10px 0 0;
    height:27px;
    line-height:27px;
    position:relative;
}
.navigation ol li a {
    display:inline;
    padding:7px;
}
.navigation ol li div {
    display:none;
    background:#efefef;
    padding:8px;
    color:#000000;
    text-align:left;
    width:165px;
    top:21px;
    left:0;
}
.navigation ol li div a {
    display:block;
    color:#1d1d1d;
    padding:0;
    width:auto;
}
.navigation ol li div a:hover {
    color:#676767;
}
.navigation ol li.ns, .ns {
    display:none;
}
.navigation ol li:hover div {
    display:block;
    position:absolute;
}
.navigation ol li.foldable:hover div, .navigation ol li.rollable:hover div {
    display:block;
    position:absolute;
    width:300px;
}
li.foldable:hover div table td, li.rollable:hover div table td {
    width:150px;
}
.orange-bar {
    background:url(/images/bottom-orangebar-bg.gif) repeat-x top left;
    height:27px;
    color:#FFFFFF;
    font-weight:bold;
    text-align:left;
}
.orange-bar h2 {
    font-size:inherit;
    margin:0;
    padding:0;
    line-height:27px;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:16px;
}
.footer {
    background:#545955 url(/images/footer-background.jpg) repeat-x top left;
    min-height:237px;
    color:#FFFFFF;
}
.footer h3 {
    margin:0;
    padding:16px 0 14px;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-weight:normal;
    font-size:18px;
    line-height:24px;
}
.upcoming-shows {
    float:left;
    width:191px;
    background:url(/images/sub-footer-shadow-left.jpg) right top no-repeat;
    min-height:218px;
    overflow:visible;
}
.upcoming-shows h4 {
    font-size:12px;
    margin:0;
    padding:0;
}
.upcoming-shows ul {
    margin:0;
    padding:0;
    list-style-type:none;
    font-size:11px;
}
.upcoming-shows ul li {
    margin:5px 0;
}
.story {
    float:left;
    width:485px;
    background:url(/images/sub-footer-shadow-right.jpg) right top no-repeat;
    padding-right:20px;
    min-height:236px;
    height:236px;
    overflow:visible;
}
.story-wide {
    width:676px;
}
.story h2 {
    margin:0;
    padding:10px 0;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:24px;
    font-weight:normal;
}
.story p {
    margin:5px 0 10px;
    padding:0;
    line-height:18px;
}
.read-more {
    float:right;
}
.featured-product {
    float:right;
    width:194px;
}
.featured-product img {
    float:left;
    margin:0px 10px 0 0;
}
.featured-product strong {
    color:#ffa200;
}
.sub-photos {
    width:372px;
    float:right;
    text-align:right;
    margin:30px 0;
    clear:right;
}
.sub-photos span.instructions {
    float:none;
    display:block;
    background:none;
    border:none;
    text-align:center;
    margin:0px auto 10px;
    color:#999999;
}
.sub-photos span {
    display:block;
    float:left;
    margin:0px 10px 0 0;
    padding:2px;
    background:#dedede;
    border:1px solid #cccccc;
}
.sub-photos span span {
    float:none;
    display:block;
    border:none;
    padding:0;
    margin:0;
}
.sub-photos span.caption {
    color:#666666;
    padding:2px 0;
    text-align:center;
}
.sub-photos span.last {
    margin:0;
}
.sub-photos img {
    margin:0;
    width:174px;
    vertical-align:text-bottom;
}
.sub-sidebar {
    width:372px;
    float:right;
    color:#9e9e9e;
}
.sub-sidebar img.ext {
    display:none;
}
.upcoming-shows img.ext {
    display:none;
}
.sub-sidebar ol {
    list-style-type:none;
    margin:0;
    padding:0;
}
.sub-sidebar li h3 {
    margin:0;
    padding:0;
    text-transform:uppercase;
    font-size:12px;
}
.sub-sidebar li {
    padding:22px 10px 0 113px;
    background:url(/images/sub-sidebar-bg.jpg) top left no-repeat;
    background-position:0px -94px;
    min-height:72px;
    height:72px;
    width:249px;
    font-size:11px;
    position:relative;
    text-transform:capitalize;
}
.sub-sidebar a {
    color:#9e9e9e;
    display:block;
    height:94px;
    width:372px;
    position:absolute;
    top:0;
    left:0;
}
.sub-sidebar h3 {
    position:absolute;
    top:10px;
    left:113px;
}
.sub-sidebar span {
    position:absolute;
    top:30px;
    left:113px;
    font-weight:normal;
}
.sub-sidebar ol li div {
    background:url(/images/sub-list-sprite.jpg) 0 0 no-repeat;
}
.sub-sidebar ol li div {
    height:87px;
    width:87px;
    position:absolute;
    top:3px;
    left:17px;
}
.sub-sidebar li:hover a {
    color:#1d1d1d;
}
.sub-sidebar a:hover h3 {
    text-decoration:underline;
}
.sub-sidebar .sub-cat a {
    display:inline;
    position:relative;
}
.sub-sidebar .sub-cat a:hover {
    text-decoration:underline;
}
.pageShadow {
    background:url('/images/pageShadow.jpg') no-repeat;
    height:20px;
    width:900px;
    margin:0 auto;
    clear:both;
}
.pageShadow.up {
    background-position:bottom center;
}
.pageShadow.down {
    background-position:top center;
}
/*
*  PRODUCT LISTINGS
*/
.product-group {
    border:1px solid #CCCCCC;
    margin:20px 0 0;
    padding:20px 20px 10px;
}
.product-group h2 {
    margin:0 0 20px;
}
.product-group table {
    margin:0 0 10px;
    width:100%;
}
.product-group table td {
    padding:3px 5px;
    text-align:center;
}
.product-group table td.wide {
    text-align:left;
}
.product-group table td {
    vertical-align:middle;
    height:27px;
}
.product-group table td.auto {
    height:auto;
}
.product-group table td.product-name {
    background:#313131 url(/images/admin-nav-bg.gif) repeat-x top left;
    vertical-align:middle;
    height:27px;
    font-size:14px;
    font-weight:bold;
    padding:5px;
    text-align:left;
    color:#FFFFFF;
}
.product-group table td.product-name a {
    color:#FFFFFF;
}
.product-group table td.product-name a:hover {
    text-decoration:underline;
}
.product-group table td.product-thumb {
    margin:0;
    padding: 0 3px;
    vertical-align:top;
    width:100px;
}
.product-group table tr.product-details-header th {
    height:27px;
}
.product-group table td.product-thumb img {

    width:100px;
    border:none;
}
.product-group table {
    border-bottom:1px solid #efefef;
}
.product-group table:hover td {
    background:#cecece;
}
.product-group table:hover td.product-name {
    background:#313131 url(/images/admin-nav-bg.gif) repeat-x top left;
}
.product-group table:hover td.product-thumb {
    background:#FFFFFF;
}
.product-group table:hover td.auto {
    background:#FFFFFF;
}
.product-group table tr.product-details-header {
    background-color:#dedede;
    font-weight:bold;
}
/*
*  OEM SIDEBAR
*/
li.ev-solar div.ev-solar {
    background-position:-1914px 0px;
}
li.ev-solar:hover div.ev-solar {
    background-position:-1914px -87px;
}
li.rv-solar div.rv-solar {
    background-position:-1827px 0px;
}
li.rv-solar:hover div.rv-solar {
    background-position:-1827px -87px;
}
li.ep-module div.ep-module {
    background-position:-1740px 0px;
}
li.ep-module:hover div.ep-module {
    background-position:-1740px -87px;
}
li.power-pier div.power-pier {
    background-position: -1653px 0px;
}
li.power-pier:hover div.power-pier {
    background-position: -1653px -87px;
}
li.bundles div.bundles {
    background-position:-2001px 0px;
}
li.bundles:hover div.bundles {
    background-position:-2001px -87px;
}
li.pdf div.pdf {
	background-position:-1566px 0px;
}
li.pdf:hover div.pdf {
	background-position:-1566px -87px;
}
li.avnet div.avnet {
    background-position:-1479px 0px;
}
li.avnet:hover div.avnet {
    background-position:-1479px -87px;
}
li.prefab div.prefab {
    background-position:-261px 0px;
}
li.tech div.tech {
    background-position:-174px 0px;
}
li.custom div.custom {
    background-position: -87px 0px;
}
li.applications div.applications {
    background-position: 0px 0px;
}
li.rollable div.rollable {
    background-position:-348px 0px;
}
li.foldable div.foldable {
    background-position:-435px 0px;
}
li.military div.military {
    background-position:-522px 0px;
}
li.resellers div.resellers {
    background-position:-783px 0px;
}
li.resellers:hover div.resellers {
    background-position:-783px -87px;
}
li.gsa div.gsa {
    background-position:-870px 0px;
}
li.gsa:hover div.gsa {
    background-position:-870px -87px;
}
li.amazon div.amazon {
    background-position:-957px 0px;
}
li.amazon:hover div.amazon {
    background-position:-957px -87px;
}
li.warranty div.warranty {
    background-position:-609px 0px;
}
li.warranty:hover div.warranty {
    background-position:-609px -87px;
}
li.news div.news {
    background-position:-1392px 0;
}
li.news:hover div.news {
    background-position:-1392px -87px;
}
li.employment div.employment {
    background-position:-696px 0px;
}
li.employment:hover div.employment {
    background-position:-696px -87px;
}
li.fabric div.fabric {
    background-position:-1131px 0px;
}
li.fabric:hover div.fabric {
    background-position:-1131px -87px;
}
li.metal-roofing div.metal-roofing {
    background-position:-1044px 0px;
}
li.metal-roofing:hover div.metal-roofing {
    background-position:-1044px -87px;
}
li.authorized-accessories div.authorized-accessories {
    background-position:-1306px 0px;
}
li.authorized-accessories:hover div.authorized-accessories {
    background-position:-1306px -87px;
}
li.membrane-roofing div.membrane-roofing {
    background-position:-1218px 0px;
}
li.membrane-roofing:hover div.membrane-roofing {
    background-position:-1218px -87px;
}
li.prefab:hover div.prefab {
    background-position:-261px -87px;
}
li.tech:hover div.tech {
    background-position:-174px -87px;
}
li.custom:hover div.custom {
    background-position:-87px -87px;
}
li.applications:hover div.applications {
    background-position:0px -87px;
}
li.rollable:hover div.rollable {
    background-position:-348px -87px;
}
li.foldable:hover div.foldable {
    background-position:-435px -87px;
}
li.military:hover div.military {
    background-position:-522px -87px;
}
.sub-sidebar li:hover {
    background-position:-372px -94px;
    color:#1d1d1d;
}
.sub-sidebar li.first {
    background-position:0px 0px;
}
.sub-sidebar li.first:hover {
    background-position:-372px 0px;
}
.sub-sidebar li.last {
    background-position:0px -188px;
}
.sub-sidebar li.last:hover {
    background-position:-372px -188px;
}
.sub-sidebar .sub-cat {
    display:none;
}
.sub-sidebar li.prefab:hover .sub-cat {
    display:block;
}
/*
 *  Power Chart
 */
table.power-chart, table.power-chart td,
table.power-chart th, table.power-chart tr {
    margin:0;
    padding:0;
    border-collapse:collapse;
}
table.power-chart {
    font-size:9px;
    border-left:1px solid #1d1d1d;
    border-top:1px solid #1d1d1d;
    margin:0 0 4px 0;
}
table.power-chart th, table.power-chart td {
    border-right:1px solid #454545;
    border-bottom:1px solid #454545;
    height:32px;
}
table.power-chart tr.devices th {
    background:#cccccc;
    font-weight:bold;
    width:80px;
    padding:4px;
    text-align:center;
    font-size:9px;
}
table.power-chart th {
    width:100px;
    text-align:left;
    padding:4px;
    font-weight:bold;
    font-size:11px;
}
table.power-chart td div {
    height:16px;
    width:22px;
    margin:0 auto;
}
table.power-chart td div span {
    display:none;
}
table.power-chart td {
    text-align:center;
}
table.power-chart td.good div,
table.power-chart td.better div, table.power-chart td.best div {
    background:url(/images/power-chart-marks.jpg) no-repeat;
}
table.power-chart td.good div {
    background-position:0px 0px;
}
table.power-chart td.better div{
    background-position:0px -16px;
}
table.power-chart td.best div {
    background-position:0px -32px;
}
/*
 *  Footer
 */
.bottom-footer {
    background:url(/images/bottom-footer-shadow.jpg) top center no-repeat;
    height:60px;
    margin:0;
    padding-top:30px;
    text-align:right;
    font-size:9px;
    color:#232323;
}
.footer-sitemap {
    background:url(/images/no-home-footer-shadow.jpg) top center no-repeat;
    padding:10px 0 10px 65px;
    font-size:9px;
    min-height:140px;
}
.footer-sitemap img {
    display:none;
}
body.home .footer-sitemap {
    margin-top:15px;
    background:url(/images/bottom-footer-shadow.jpg) top center no-repeat;
}
.footer-sitemap div {
    float:left;
    width:25%;
}
.footer-sitemap div.clear {
    float:none;
}
.footer-sitemap ul {
    list-style-type:none;
    margin:0;
    padding:0;
    float:left;
    margin:15px 7px 0 0;
}
.footer-sitemap ul a {
    color:#1d1d1d;
}
.footer-sitemap ul li {
    font-size:11px;
    font-weight:bold;
    
}
.footer-sitemap ul li a {
    color:#FFA200;
}
.footer-sitemap ul li ul li {
    font-weight:normal;
    font-size:9px;
    color:#1d1d1d;
}
.footer-sitemap ul li ul li a {
    color:#dedede;
}
.footer-sitemap ul ul {
    padding:0 0 0 5px;
    margin:0;
    float:none;
}
.footer-sitemap ul ul ul {
    padding:0 0 0 10px;
}
.footer-sitemap ul ul ul li:before {content:'- '; }
.footer-sitemap ul ul a {
    color:#FFFFFF;
}
.bottom-footer a {
    color:#121212;
}
body.wide .copy {
    width:100%;
}
.copy.wide {
    width:100%;
}
.nobg {
    margin:0;
}
.clear {
    height:0;
    margin:0;
    padding:0;
    clear:both;
}
/*
 *  News Page
 */
.blog-titles {
    float:right;
    width:200px;
    text-align:left;
}
.blog-titles h2 {
    margin:0;
    padding:0;
    font-size:14px;
}
.blog-titles ul {
    padding:10px 0;
    margin:0;
    list-style:none;
}
.blog-titles ul li {
    position:relative;
    width:100%;
    display:block;
    border-bottom:1px solid #dcdcdc;
    border-top:1px solid #ffffff;
    background:#eeeeee;
    line-height:20px;
}
.blog-titles ul li.current div {
    position:absolute;
    width:3px;
    height:100%;
    background:#FFA200;
    top:0;
    left:0;
}
.blog-titles ul li.current {
    background:#ffe5b7;
    font-weight:bold;
}
.blog-titles ul li.current a {
    font-weight:bold;
}
.blog-titles ul ul {
    margin:0;
    padding:0;
    background:none;
    border:none;
    display: block;
}
.blog-titles ul li ul li {
    background:#e4e4e4;
    border-top:#e4e4e4;
}
.blog-titles ul li ul li.last {
    border-bottom:none;
}
.blog-titles ul li ul li a {
    padding-left:15px;
}
.blog-titles ul li a {
    font-weight:normal;
    color:#676767;
    display:block;
    margin:0 6px;
    text-transform:capitalize;
}
.blog-titles ul li a:hover {
    color:#1D1D1D;
}
.blog-titles li.era {
    font-weight:bold;
    border:none;
    background:none;
    color:#999999;
    text-align:right;
    height:25px;
}
/*
 *  Contact Page
 */
ol.contact {
    list-style-type:none;
    display:inline;
    margin:0;
    padding:0;
}
ol.contact li { 
    display:inline;
    float:left;
    height:195px;
    width:132px;
    margin:0 5px 0 0;
    background:url(/images/contact-sprite.jpg) no-repeat;
}
ol.contact li span {
    display:none;
}
ol.contact li a {
    display:block;
    height:100%;
    width:100%;
}
ol.contact li.general {
    background-position:0px 0px;
}
ol.contact li.general:hover {
    background-position:0px -195px;
}
ol.contact li.general.active {
    background-position:0px -390px;
}
ol.contact li.bipv {
    background-position:-132px 0px;
}
ol.contact li.bipv:hover {
    background-position:-132px -195px;
}
ol.contact li.bipv.active {
    background-position:-132px -390px;
}
ol.contact li.oem {
    background-position:-264px 0px;
}
ol.contact li.oem:hover {
    background-position:-264px -195px;
}
ol.contact li.oem.active {
    background-position:-264px -390px;
}
ol.contact li.foldable {
    background-position:-396px 0px;
}
ol.contact li.foldable:hover {
    background-position:-396px -195px;
}
ol.contact li.foldable.active {
    background-position:-396px -390px;
}
ol.contact li.rollable {
    background-position:-528px 0px;
}
ol.contact li.rollable:hover {
    background-position:-528px -195px;
}
ol.contact li.rollable.active {
    background-position:-528px -390px;
}
ol.contact li.military {
    background-position:-660px 0px;
}
ol.contact li.military:hover {
    background-position:-660px -195px;
}
ol.contact li.military.active {
    background-position:-660px -390px;
}
ol.form {
    margin:15px 0 0;
    padding:0;
    list-style:none;
}
form.contact input, form.contact checkbox, form.contact label {
    margin:3px;
}
form.contact fieldset {
    margin:0;
    padding:10px;
    border: 1px solid #dedede;
}
form.contact fieldset p {
    margin:0;
    padding:0;
}
form.contact fieldset legend {
    font-weight:bold;
    color:#232323;
    padding:0px 10px;
}
form.contact label {
    display:block;
    float:left;
    width:100px;
    clear:both;
    height:20px;
}
form.contact .ig {
    display:inline;
    float:none;
    margin:3px;
}
form.contact input {
    display:block;
    float:left;
}
form.contact select {
    display:block;
    float:left;
}
/*authorized resellers table*/
table.resellers {
    width:100%;
    padding:0;
    margin:0;
    border:none;
}
table.resellers th{
    vertical-align:top;
    text-align:left;
    padding:5px;
    background-color:#333;
    color:#FFF;
}
table.resellers td{
    vertical-align:top;
    text-align:left;
    border-bottom: 1px solid #ccc;
    padding:5px;
}
/* Tech Table */
table.tech {
    font-size:11px;
    border:1px solid #eaeaea;
    width:100%;
}
table.tech tr td, table.tech tr th {
    height:30px;
    padding:0px 4px;
    border-bottom:1px solid #eaeaea;
}
table.tech th {
    text-align:right;
    background:#313131;
    color:#FFFFFF;
}
table.tech th.col {
    background:#dedede;
    color:#313131;
    font-size:10px;
}
table.tech th.corner {
    background:#FFFFFF;
    font-weight:normal;
    color:#313131;
    width:150px;
}
table.tech td.data {
    text-align:right;
}
/* admin/etc */
.error {
    color: red;
}
.success {
    color: green;
}
.jqinvalid {
    border: solid 1px red;
}
.jqsuccess {
    border: solid 1px green;
}
label.inlined + input.input-text {
	margin-top: -22px;
	background-color: transparent;
	position: relative;
        z-index: 2;
}
label.inlined {
	padding-left: 6px;
	font: normal 12px/18px Verdana;
	position: relative; z-index: 1;
	opacity: 0.75;
	-webkit-transition: opacity 0.15s linear;
}
label.focus {
	opacity: 0.35;
}
label.has-text {
	opacity: 0.0;
	-webkit-transition-duration: 0s;
}
table.admin label {
    display:block;
    float:left;
    width:120px;
    clear:left;
    line-height:20px;
    margin-bottom:5px;
}
table.admin label+input {
    display:block;
    float:left;
    clear:right;
    margin-bottom:5px;
}
table.login td {
    padding:4px;
}
table.admin {
    width:98%;
    margin:25px 0;
    border-left:1px solid #1c1c1c;
    border-right:1px solid #1c1c1c;
    border-top:1px solid #1c1c1c;
}
table.admin input[type=text] {
    width:600px;
}
table.admin tr.dk input[type=text], table.admin tr.lt input[type=text] {
    width:auto;
}
table.admin th {
    color:#FFFFFF;
    text-align:left;
    padding:3px;
    border-left:1px solid #1c1c1c;
    border-right:1px solid #1c1c1c;
    background:#3d3d3d url('/images/admin-th-bg.jpg') bottom left repeat-x;
    vertical-align:top;
}
table.admin td.save, table.admin th.save {
    background:#1c1c1c;
    border-left:1px solid #1c1c1c;
    border-right:1px solid #1c1c1c;
}
table.admin tr.lt td {
    background:#FFFFFF;
}
table.admin tr.dk td {
    background:#efefef;
}
table.admin td {
    padding:8px;
    background:url('/images/admin-td-bg.jpg') bottom left repeat-x;
}
table.blockTable td {
    text-align:center;
    font-size:12px;
    padding:10px;
}
table.blockTable td.instructions {
    text-align:left;
    padding:4px;
}
table.data-chart {
    width:100%;
    border-collapse:collapse;
    margin:10px 0;
    padding:0;
    border-left:1px solid #efefef;
    border-top:1px solid #efefef;
}
table.data-chart th, table.data-chart td {
    border-bottom:1px solid #dedede;
}
table.data-chart th {
    text-align:left;
    border-right:1px solid #efefef;
    padding:3px;
    background:#ffc053;
}
table.data-chart td {
    text-align:left;
    border-right:1px solid #efefef;
    padding:3px;
}
.prod-brochure {
    position:absolute;
    top:8px;
    right:0;
}