body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0; background: #333; } #wrapper { margin: 0 auto; width:100%; } #main-wrap { width:1100px; min-height:100%; margin: 0 auto; } #top { float:left; width:100%; background: url(../ContentFiles/top_bg.jpg) repeat-x; height:86px; } #logo { float:left; position:; width:312px; } #navigation { height:0px; margin:0px; margin-right:0px; } #main-nav-wrap { display:inline; padding: 25px 5px 0px 0px; } #main-menu a { font-size:11px; color:#231f20; display:inline; font-weight:bold; padding-left:5px; padding-top:20px; text-decoration:none; } #main-menu a:hover { font-size:11px; color:#f29921; display:inline; font-weight:bold; padding-left:5px; padding-top:20px; text-decoration:none; } #main-menu li { display:inline; } #main-menu { font-size:11px; color:#231f20; display:inline; font-weight:bold; padding-left:10px; margin-top:20px!important; text-decoration:none; } #flash-wrap { margin-top:10px; } #nav, #nav ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.2em; font-family:Arial; font-size:12px; width:auto; } #nav a { display:block; padding-top:7px; padding-left:15px; padding-right:15px; padding-bottom:7px; color:#fff; text-decoration:none; background-color:none; width:auto; } #nav a:hover { font-weight:bold; color:#f29921; } #nav li { float:left; position:relative; } #nav ul { position:absolute; display:none; width:11em; } #nav li ul a { width:11em; height:auto; float:left; background:#7190c7; border-left:1px solid #5f7bad; } #nav ul ul { top:auto; } #nav li ul ul { left:12.5em; margin:0px 0 0 10px; background:#7190c7; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display:none; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display:block; } #banner_subpage { width:100%; height:255px; z-index:-20; position:relative; margin-top:-85px; *margin-top: -85px; _margin-top: -86px; } #flash_banner { margin-top:200px; } .clear { clear:both; } #content-wrap { float:left; width:100%; background:#666; } #content-wrap-child { background: url(images/bg_child.png) top no-repeat; float:left; padding-bottom:40px; } #content-left { float:left; padding:15px 30px 0px 40px; width:90%; margin:5px 0 5px 0; text-decoration: none; } #content-left-child { color:#F29921; float:left; _float:none; *float:none; height:100%; margin:20px 0px 0px 35px; _margin:0px; padding-left:5px; _padding-left:0px; width:90%; _width:0px; } #content-left-child ul li { list-style:none; _line-height:1.5em; *line-height:1.5em; *padding-bottom:10px; _padding-bottom:10px; } #content-right { float:right; } #content-left p a { color:#FF9900; text-decoration:none; } content-right-child { background: #0b4c8e; float:right; } #bottom-container { height:50px; background:#333333; } #top-container { background:url(images/top-container-bg.png) repeat-x bottom #fff; min-height:180px; } #footer { height:100%; margin:0 auto; background:#282828; } h2 { color:#f22921; line-height:16px; font-size:12px; text-transform:uppercase; font-weight:bold; } .body-head { color:#0b4c8e; line-height:1.5em; font-size:35px; } .h3 { font-size:12px; line-height:1.5em; color:#fff; } .body-text { font-size:12px; line-height:1.5em; color:#fff; } .h1 { font-size:30px; line-height:1.9em; color:#333; } .h1-child { font-size:30px; line-height:1.9em; color:#fff; } #footer-wrap-one { float:left; padding-left:30px; padding-bottom:10px; width:10%; } #footer-wrap-two { float:left; padding:10px 10px 10px 60px; color:#fff; font-size:11px; line-height:15px; width:93.65%; background:#282828; } #caption-one { float:left; padding:5px 0px 0px 10px; } #caption-two a:link, #caption-two a:visited, #caption-two a:hover { float:right; padding:20px 10px 0 10px; color:#FFFFFF; text-decoration:none; } #footer-wrap-one { display:inline; text-decoration:none; color:#fff; font-size:11px; } #photo-thumbs { margin-top:3px; _margin-bottom:-10px; width:100%; height:126px; border-top:#fff 3px solid; } .left { float:left; } .right { float:right; } #content1 { height:100%; width:1100px; margin-top:12px; } #c1 { width:228px; margin-left:60px; _margin-left:30px; } #c2 { width:21%; margin-left:20px; } #c3 { width:21%; margin-left:20px; } #c4 { width:21%; margin-left:20px; } #heading { color:#f29921; font-size:18px; padding-left:0px; padding-top:10px; text-decoration:none; } #heading2 { color:#f29921; font-size:12px; padding-left:0px; padding-bottom:10px; text-decoration:none; } #heading2 a { color:#f29921; font-size:12px; padding-left:0px; padding-bottom:10px; } #regtext { color:#fff; font-size:11px; padding-left:0px; padding-bottom:10px; } #image1 { width:247px; height:126px; background: url(../ContentFiles/light_bg.jpg); } #image2 { width:184px; height:126px; background: url(../ContentFiles/energy_bg.jpg); } #image3 { width:185px; height:126px; background: url(../ContentFiles/ref_bg.jpg); } #image4 { width:184px; height:126px; background: url(../ContentFiles/hvac_bg.jpg); } #image5 { width:300px; height:126px; background: url(../ContentFiles/inquire_bg.jpg); } #ih1 a { font-size:18px; color:#fff; font-weight:bold; text-decoration:none; } #ih2 a { font-size:12px; color:#fff; padding-bottom:3px; text-decoration:none; } #icontent a { color:#fff; text-decoration:none; } #icontent { font-size:11px; color:#fff; padding-right:8px; padding-top:5px; } #i1 { width:140px; height:100%; padding: 10px 5px 0px 0px; margin-top:10px; margin-left:60px; _padding: 10px 5px 0px 0px; _margin-top:0px; _margin-left:30px; display:block; } #i2 { width:140px; height:100%; padding: 10px 5px 5px 0px; margin-top:10px; margin-left:px; _padding: 10px 5px 0px 0px; _margin-top:0px; _margin-left:0px; } #i3 { width:140px; height:100%; padding: 10px 5px 5px 0px; margin-top:10px; margin-left:px; _padding: 10px 5px 0px 0px; _margin-top:0px; _margin-left:0px; } #i4 { width:140px; height:100%; padding: 10px 5px 5px 0px; margin-top:10px; margin-left:8px; _padding: 10px 5px 0px 0px; _margin-top:0px; _margin-left:0px; } #i5 { width:165px; margin-left:30px; padding: 10px 5px 5px 0px; margin-top:10px; _padding: 10px 5px 0px 0px; _margin-top:0px; _margin-left:20px; } #footer-top { width:1100px; float:left; height:100%; background:#282828; } #footer_h1 { font-family:Arial, Helvetica, sans-serif; color:#f29921; padding-bottom:5px; font-size:12px; font-weight:bold; text-transform:uppercase; } #footer-text { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:11px; line-height:13px; list-style:none; float:left; } #footer-text a { line-height:1.7em; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:11px; list-style:none; float:left; } #wrap-footer { width:100%; height:100%; background:#282828; padding-top:10px; } #wrap-footer ul li { padding:0px 5px 5px 0px; font-size:11px; line-height:1.6em; list-style:none; text-decoration:none; } #wrap-footer h2 { color:#f29921; } #product-listing { padding:20px 5px 5px 20px; width:15%; } #home { padding:0px 5px 5px 30px; _padding:0px 5px 5px 0px; width:10%; } #about { padding:0px 10px 5px 18px; width:15%; } #energymngt { padding:0px 10px 5px 18px; width:15%; } #switchboard { padding:0px 10px 5px 18px; width:18%; } #top-calc-panel { margin-left:60px; height:100%; margin-top:10px; font-family: Arial, Helvetica; } #prod-calc-config { height:100%; width:70%; line-height:1.8em; font-family:Arial, Helvetica; } .prodDropdown { font-family:Arial, Helvetica; font-size:12px; padding:1px; margin:3px 3px 3px 0px; font-size:12px; line-height:1.5em; color:#000; font-family: Arial, Helvetica; } #tdh1 { font-size:24px; color:#f29921; padding: 10px 0px 10px 60px; margin-bottom:15px; background:#464545; } #calculator-wrap { height:100%; width:100%; padding-left:60px; padding:0px 0 0px 0; background:#666; margin-top:-5px; } #prod-calc-config { color:#f29921; font-size:12px; margin-bottom:15px; } #prod-calc-image { border:2px solid #ffffff; margin-right:80px; float-left; } #bot-calc-panel { padding:0px 40px 0px 0px; } .bot-calc-label { background:#f7c177; font-size:11px; font-family:Arial; color:#000; padding:5px; width:32%; border-bottom:1px solid #fff; border-left:1px solid #fff; } .bot-calc-result { border:0px; padding:0px; width:97%; } .bot-calc-sedac { background:#f29b26; font-size:11px; padding:5px; width:21%; border-left: 1px solid #fff; border-bottom:1px solid #fff; text-align:center; } .calc-emission-head { font-size:16px; padding:8px 8px 8px 5px; color:#f29921; background:#464545; border-left:1px solid #fff; border-right:1px solid #fff; } #bot-calc-panel { padding-left:60px; background:#f7c177; border:0; } .calc-emission { background:#666; width:100%; font-size:11px; text-transform:uppercase; color:#f29921; padding:5px; border-left:1px solid #fff; border-right:1px solid #fff; } .bot-calc-competitor { text-align:center; background:#f7c177; font-size:11px; font-family:Arial; color:#000; padding:5px; width:21%; border-left:1px solid #fff; border-bottom:1px solid #fff; } .bot-calc-savings { text-align:center; background:#f29b26; font-size:11px; padding:5px; width:22%; border-bottom:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; } .style2 { background: #f29921; padding:3px; font-weight:bold; } .td_top { padding:3px; background:#464545; text-align:center; color:#fff; font-weight:bold; } .tdh2 { font-size:15px; color:#f29921; font-weight:bold; } .td_white { background:#fff; padding:5px; color:#000; font-weight:bold; } .td_white2 { background:#fff; padding:5px; color:#000; text-align:center; font-weight:bold; } .btn-calc { float:left; padding:2px; color:#000; font-size:14px; margin:5px; } .td_c02 { font-size:12px; color:#000; background:#f29921; padding:5px; border:1px solid #fff; font-weight:bold; } .td_c02a { font-size:11px; color:#000; background:#f29921; padding:5px; border:1px solid #fff; font-weight:bold; text-align:center; } .td_text { padding:15px 35px 15px 60px; color:#fff; text-transform:uppercase; background:#666; font-size:12px; line-height:1.5em; } #td_link { color:#f29921; padding:0px 5px 15px 60px; font-size:16px; text-transform:uppercase; font-weight:bold; } #td_link a:link { color:#f29921; font-size:16px; text-transform:uppercase; font-weight:bold; } #btm-calculator { width:100%; background:#464545; } .settingBox { font-family:Arial, Helvetica; font-size:12px; padding:1px; margin:3px 3px 3px 0px; } .settingBox2 { font-family:Arial, Helvetica; font-size:12px; padding:1px; margin:3px 3px 3px 80px; } .settingBox3 { font-family:Arial, Helvetica; font-size:12px; padding:1px; margin:3px 3px 3px 70px; } .settingBox4 { font-family:Arial, Helvetica; font-size:12px; padding:1px; margin:3px 3px 3px 40px; } .image-calc { border:2px solid #ffffff; margin-right:30px; } #innercontent-wrap a { padding:3px 3px 3px 0px; color:#F29921; } .contenth1 { font-family:Arial, Helvetica; font-size:36px; color:#f29921; padding-bottom:15px; text-transform:uppercase; } .contentreg a { color:#F29921; } .contentreg { color:#fff; font-size:12px; padding-bottom:10px; } .contentrega { color:#fff; font-size:12px; padding-bottom:3px; font-weight:bold; } .contenth2 { color:#F29921; font-size:18px; padding:35px 0 0 45px; text-transform:uppercase; } .contenth2a { font-size:18px; color:#f29921; padding-bottom:3px; text-transform:uppercase; padding-top:20px; text-decoration:none; } .contenth3 { color:#f29921; font-size:11px; text-transform:uppercase; padding-bottom:10px; text-decoration:none; } .contenth3a a { color:#f29921; font-size:14px; text-transform:uppercase; padding-bottom:10px; } .contenth3a { color:#f29921; font-size:14px; text-transform:uppercase; padding-bottom:10px; } #inner-child-left { float:left; width:220px; padding:10px; } #inner-child-right { float:left; width:220px; padding:10px; } .contentreg2 { color:#fff; font-size:12px; padding-bottom:10px; margin-top:20px; } .child-link { margin:10px 0 10px 0; color:#f29921; text-transform:uppercase; font-size:11px; } .child-link a:link, .child-link a:visited { color:#f29921; text-transform:uppercase; font-size:11px; text-decoration:none; } .child-link a:hover { color:#fff; text-transform:uppercase; font-size:11px; text-decoration:none; } #image-child { width:230px; margin:15px 0 10px 0; height:100%; } #prod-category { color:#fff; font-size:12px; margin-bottom:15px; } #prod-table { line-height:1.5em; padding:20px; } #header-caption { float:left; left:220px; position:absolute; top:115px; z-index:2; } .left { float:left; } .right { float:right; } .clear { clear:both; } #pdf-icon a { padding:0px; float:left; border:none!important; } #sddm { margin: 0; padding: 0; z-index: 30 } #sddm li { margin: 0; padding: 0; list-style: none; float: left; font: bold 11px arial } #sddm li a { display: block; margin: 5px 10px 0 0; padding:5px; _padding-left:16px; *padding-left:16px; _margin-right:0px; *margin-right:0px; width: 100%; background: #999; color: #FFF; text-align: center; text-decoration: none; } #sddm li a:hover { background: #f69721 } #sddm div { position: absolute; visibility: hidden; margin-left: 0px; padding:0px; background: #999; border:none } #sddm div a { position: relative; display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #999; color: #fff; font: 11px arial } #sddm div a:hover { background: #f69721; color: #FFF } #content-left-main { float:left; padding:15px 30px 15px 40px; width:495px; margin:5px 0 5px 0; } #content-right-main { color:#F29921; float:left; _float:none; *float:none; height:100%; margin:45px 0 0 0px; _margin:0px; padding-left:0px; _padding-left:0px; width:500px; _width:0px; } #inner-left { float:left; width:220px; padding:10px 0px 0px 25px; } #inner-right { float:left; width:220px; padding:10px 0px 0px 25px; } #main-img { padding: 0px 0px 10px 0px; } #em { } #sm { } #esc { padding:13px 0 0; } #lp { margin:-5px 0 0; }