* { margin:0; padding:0 } /* SCREEN STYLE SHEET */ body { background-color:#ECECEC; font-size:85%; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:145%; } /* FONT STYLES */ a { color:#F47003; text-decoration:none } a:hover { text-decoration:underline } .flash-h1 { color:#E66F09; font-weight:bold; font-size:30px; margin-bottom:26px; margin-top:10px; line-height:115%; }/* .sIFR-active .flash-h1 { visibility: hidden; line-height: 1em; }*/ h2 { margin-bottom:17px; font-weight:bold; font-size:22px; line-height:120% }/* .sIFR-active h2 { visibility: hidden; line-height: 1em; } */ .footer-navigation-header { margin-bottom:15px; font-weight:normal; font-size:13px; text-transform:uppercase; color:#E66F09; width:100%; padding-bottom:7px; margin-bottom:7px; border-bottom:1px dotted #999; } .sIFR-active .footer-navigation-header { visibility: hidden; line-height: 1em; } #outer { position:relative; width:100%; overflow:hidden } #side-tabs { position:fixed; top:94px; right:0; z-index:99999 } #side-tabs .search { position:absolute; right:-270px; } #side-tabs .search .input { position:absolute; top:10px; padding:2px; left:40px; width:180px; } #side-tabs .search .submit { position:absolute; top:12px; left:235px; } #side-tabs .support { position:absolute; right:-5px; top:50px; width:35px; background-color:#000 } #side-tabs .contact { position:absolute; right:-5px; top:153px; width:35px; background-color:#F07108 } #container { width:960px; margin:0 auto; } /* HEADER */ #header { width:100%; position:relative; margin-top:27px; } #header .logo { display:block; position:absolute; width:237px; height:68px; z-index:1; top:0; left:0 } #header .logo a { display:block; width:237px; height:68px; background:url(../../images/public/logo.gif) no-repeat; } #header .logo span { display:none; } #header .logo-height { float:left; display:block; height:37px; width:238px; } #header .navigation { float:right; width:722px; } #header .navigation ul { list-style-type:none; } #header .navigation li { float:left; height:42px; line-height:42px; } #header .navigation li a { display:block; width:100%; text-align:center; color:#FFF; text-decoration:none; } #header .navigation li a:hover { color:#F47003; } #header .navigation li.about { width:181px; background:url(../../images/public/navigation-about-off.jpg) no-repeat } #header .navigation li.about a.active, #header .navigation li.about a:hover { background:url(../../images/public/navigation-about-on.jpg) no-repeat } #header .navigation li.about a.notactive { background:url(../../images/public/navigation-about-off2.jpg) no-repeat } #header .navigation li.products { width:180px; background:url(../../images/public/navigation-products-off.jpg) no-repeat } #header .navigation li.products a.active, #header .navigation li.products a:hover { background:url(../../images/public/navigation-products-on.jpg) no-repeat } #header .navigation li.learn { width:181px; background:url(../../images/public/navigation-learn-off.jpg) no-repeat } #header .navigation li.learn a.active, #header .navigation li.learn a:hover { background:url(../../images/public/navigation-learn-on.jpg) no-repeat } #header .navigation li.energy { width:180px; background:url(../../images/public/navigation-energy-off.jpg) no-repeat } #header .navigation li.energy a.active, #header .navigation li.energy a:hover { background:url(../../images/public/navigation-energy-on.jpg) no-repeat right } #header .navigation li.energy a.notactive { background:url(../../images/public/navigation-energy-off2.jpg) no-repeat } #header .subnavigation { display:none; margin-top:0; width:100%; background-color:#000; color:#FFF; } #header .subnavigation .curve-search-social { float:left; width:238px; } #header .subnavigation .curve-search-social .top { background-color:#ECECEC; height:26px } #header .subnavigation .curve-search-social .curve { width:238px; height:14px; background-image:url(../../images/public/subnavigation-curve.png) } * html #header .subnavigation .curve-search-social .curve { background-image:url(../../images/public/subnavigation-curve.gif) } #header .subnavigation .curve-search-social .search { margin-top:28px; margin-left:34px; } #header .subnavigation .curve-search-social .social { margin-top:15px; margin-left:28px; } #header .subnavigation .curve-search-social .social a { margin:0 3px } #header .subnavigation .links { float:left; position:relative; z-index:99999; width:180px; background-color:#000 } #header .subnavigation .links ul { list-style-type:none; min-height:168px; padding-bottom:25px; font-size:80%; padding-top:13px; } #header .subnavigation .links ul.active { background-color:#231001 } #header .subnavigation .links li { background:url(../../images/public/header-navigation-bullet.gif) 11px 8px no-repeat; padding-left:30px; /*height:24px; line-height:24px;*/ padding-top:-2px } #header .subnavigation .links li a { display:block; color:#FFF; padding:2px 0 } #header .subnavigation .links li a:hover { color:#F47003; text-decoration:underline } #header .subnavigation .bottom { height:5px; background:url(../../images/public/subnavigation-bottom.gif) no-repeat bottom } #content { width:100%; margin-top:26px; } #content .curve { position:absolute; top:0; left:0; } #content .home-panel { margin-bottom:15px; position:relative; } #content .home-panel .curve { position:absolute; z-index:99999; top:0; left:0; width:238px; height:14px; background-image:url(../../images/public/subnavigation-curve.png) } * html #content .home-panel .curve { background-image:url(../../images/public/subnavigation-curve.gif) } #content .main { float:left; position:relative; width:634px; margin-right:16px } #content .main .top { height:8px; background:url(../../images/public/content-large-top.gif) no-repeat bottom } #content .main .middle { background:url(../../images/public/content-large-middle.gif) repeat-y } #content .main .middle .padding { padding:20px 30px } /*#content .main .middle h2 { color:#7C7C7C; margin-bottom:22px; font-weight:normal; font-size:155% }*/ #content .main .middle p { margin-bottom:20px } #content .main .middle ul { margin-left:35px; margin-bottom:20px; } #content .main .middle ol { margin-left:35px; margin-bottom:20px; } #content .main .middle fieldset { padding:15px; margin-bottom:15px; background-color:#f1f1f1 } #content .main .middle label { float:left; width:170px; } #content .main .middle #contactForm label { float:left; width:200px; } #content .main .middle .submit { border:0; background:#000; color:#FFF; font-size:105%; padding:4px 5px } #content .main .middle .error { background-color:#FFF; font-size:100%; color:#900; font-weight:bold; padding:1px; margin-bottom:3px; } #content .main .middle .date { color:#999; font-size:90%; margin-bottom:10px } #content .main .middle .news { margin-bottom:25px; padding-bottom:25px; border-bottom:1px dotted #999 } #content .main .middle .news .headline { font-size:125%; } #content .main .middle .news .headline a { color:#F47003; } #content .main .middle .news .headline a:hover { color:#000; } #content .main .middle .news .date { color:#999; font-size:90%; margin:0; margin-top:5px; } #content .main .middle .news .intro { font-size:90% } #content .main .middle .blog { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #999 } #content .main .middle .blog .headline { font-size:125%; } #content .main .middle .blog .headline a { color:#F47003; } #content .main .middle .blog .headline a:hover { color:#000; } #content .main .middle .blog .date { color:#999; font-size:90%; margin:0; margin-top:5px; } #content .main .middle .blog .intro { font-size:90% } #content .main .middle .event { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #999 } #content .main .middle .event .headline { font-size:125%; } #content .main .middle .event .headline a { color:#F47003; } #content .main .middle .event .headline a:hover { color:#000; } #content .main .middle .event .date { color:#999; font-size:90%; margin:0; margin-top:5px; } #content .main .middle .event .intro { font-size:90% } #content .main .middle .related { } #content .main .middle .related .title { text-transform:uppercase; font-weight:bold; color:#F47003; margin-bottom:15px } #content .main .middle .related ul { margin-left:16px; list-style-image:url(../../images/public/related-bullet.gif) } #content .main .middle .related a { color:#000; font-size:90%; line-height:160% } #content .main .middle .search-box { background-color:#ECECEC; border:1px solid #C7C7C7; padding:15px; } #content .main .middle .search-box .label { float:left; width:85px; margin-top:2px; } #content .main .middle .search-box .input { float:left; padding:3px; width:250px; } #content .main .middle .search-box .go { float:left; margin-left:10px; margin-top:2px; } #content .main .bottom { height:8px; background:url(../../images/public/content-large-bottom.gif) no-repeat } #content .right { float:left; width:310px; } #content .right .carousel { margin-bottom:15px; height:140px } #content .right .carousel .top { height:5px; background:url(../../images/public/product-carousel-top.gif) no-repeat bottom } #content .right .carousel .middle { height:130px; color:#FFF; background:url(../../images/public/product-carousel-middle.jpg) repeat-x } #content .right .carousel .middle .prev { float:left; width:26px; height:48px; margin-top:43px } #content .right .carousel .middle .product-carousel { float:left; } #content .right .carousel .middle .product-carousel ul { width:100% } #content .right .carousel .middle .product-carousel li { color:#FFF; font-size:120%; text-align:center; height:130px; line-height:130px; width:250px } #content .right .carousel .middle .product-carousel li img { margin-right:15px; margin-top:6px; border:0; margin-left:20px; vertical-align:middle } #content .right .carousel .middle .product-carousel li a { color:#FFF } #content .right .carousel .middle .product-carousel li a:hover{ text-decoration:none } #content .right .carousel .middle .next { float:right; width:26px; height:48px; margin-top:43px } #content .right .carousel .bottom { height:5px; background:url(../../images/public/product-carousel-bottom.gif) no-repeat } #content .right .page-subnavigation { margin-bottom:15px; } #content .right .page-subnavigation .top { height:6px; background:url(../../images/public/right-top.gif) no-repeat } #content .right .page-subnavigation .middle { background:url(../../images/public/right-middle.gif) repeat-y } #content .right .page-subnavigation .middle ul { padding:5px 10px; list-style-type:none; } #content .right .page-subnavigation .middle li { /*height:32px; line-height:32px;*/ border-bottom:1px solid #DDD } #content .right .page-subnavigation .middle li a{ color:#000; display:block; line-height:160%; padding:7px 0 } #content .right .page-subnavigation .middle li a.active { font-weight:bold } #content .right .page-subnavigation .middle li a:hover { color:#F47003 } #content .right .page-subnavigation .bottom { height:6px; background:url(../../images/public/right-bottom.gif) no-repeat } #content .right .login { margin-bottom:15px; } #content .right .blog-news-tweets { font-size:90% } #content .right .blog-news-tweets .tabs { height:31px; } #content .right .blog-news-tweets .tabs ul { list-style-type:none } #content .right .blog-news-tweets .tabs li { float:left; height:31px; line-height:31px; width:102px; text-align:center } #content .right .blog-news-tweets .tabs li a { display:block; color:#707070; border-bottom:1px solid #E4E4E4; background:url(../../images/public/bnt-tab-off.gif) no-repeat } #content .right .blog-news-tweets .tabs li a:hover { text-decoration:none } #content .right .blog-news-tweets .tabs li a.active { border-bottom:1px solid #FFF; background:url(../../images/public/bnt-tab-on.gif) no-repeat } #content .right .blog-news-tweets .middle { background:url(../../images/public/right-middle.gif) repeat-y } #content .right .blog-news-tweets .middle .padding { padding:15px; } #content .right .blog-news-tweets .middle ul { list-style-type:none } #content .right .blog-news-tweets .middle li { background:url(../../images/public/bullet-arrow-black.gif) no-repeat 0 10px; border-bottom:1px solid #DDD; padding:5px 0; padding-left:18px } #content .right .blog-news-tweets .middle li a { display:block } #content .right .blog-news-tweets .middle li a:hover { text-decoration:none } #content .right .blog-news-tweets .middle li .date { font-size:85%; color:#999 } #content .right .blog-news-tweets .rss { float:left; margin-top:11px; } #content .right .blog-news-tweets .rss img { border:0; margin-top:-3px; margin-right:3px; vertical-align:middle } #content .right .blog-news-tweets .rss a { color:#666 } #content .right .blog-news-tweets .rss a:hover { text-decoration:none; color:#000 } #content .right .blog-news-tweets .view-all { float:right; margin-top:11px; text-align:right } #content .right .blog-news-tweets .bottom { height:6px; background:url(../../images/public/right-bottom.gif) bottom no-repeat } #footer-navigation { margin-top:13px; } #footer-navigation .top { height:6px; background:url(../../images/public/footer-top.gif) bottom no-repeat; } #footer-navigation .middle { background:url(../../images/public/footer-middle.gif) repeat-y; } #footer-navigation .middle .panel1 { float:left; width:210px; margin-left:20px; margin-right:18px } #footer-navigation .middle .panel2 { float:left; width:215px; margin-right:18px } #footer-navigation .middle .panel3 { float:left; width:215px; margin-right:18px } #footer-navigation .middle .panel4 { float:left; width:220px; } #footer-navigation .middle .panel { margin:10px 0 } #footer-navigation .middle .panel h3 { text-transform:uppercase; font-size:90%; color:#E66F09; width:100%; padding-bottom:7px; margin-bottom:7px; border-bottom:1px dotted #999; } #footer-navigation .middle .panel ul { margin-left:25px; list-style-image:url(../../images/public/footer-bullet.gif) } #footer-navigation .middle .panel li { } #footer-navigation .middle .panel li a { display:block; color:#777; font-size:80%; } #footer-navigation .bottom { height:6px; background:url(../../images/public/footer-bottom.gif) top no-repeat; } #footer { margin-top:14px; color:#787878; font-size:75%; margin-bottom:20px; } #footer .top { height:6px; background:url(../../images/public/footer-top.gif) bottom no-repeat; } #footer .middle { height:36px; line-height:36px; background:url(../../images/public/footer-middle.gif) repeat-y; } #footer .middle .copyright { float:left; margin-left:10px; } #footer .middle .links { float:right; text-align:right; margin-right:5px; } #footer .middle .links a { color:#787878; padding:0 5px } #footer .middle .links a:hover { text-decoration:underline } #footer .bottom { height:6px; background:url(../../images/public/footer-bottom.gif) top no-repeat; } .clr { clear:both; }