/* ************* START general layout and template formatting ************* */ body { font-family: Helvetica, Arial, Verdana, Geneva, Georgia, 'Courier New', sans-serif; background-color: #f1f3f3; /* color: #747476; */ color: #535353; background-image: url(images/greenswitch-background.gif); background-position: center top; background-repeat: repeat; margin: 0px 0px 0px 0px; /* margin-top, margin-right, margin-bottom, margin-left */ } /* main container */ #wrap { border:2px solid #d5d7d8; min-height: 500px; width: 960px; margin: 20px auto; padding: 0px; background: #f1f3f3 url(images/GreenSwitch_background-inner.gif) no-repeat bottom center; } #wrap-intro { border:2px solid #d5d7d8; min-height: 500px; width: 960px; margin: 20px auto; padding: 0px; background-color: #ffffff; /* background: #f1f3f3 url(images/GreenSwitch_background-inner.gif) no-repeat bottom center; */ } /* note: min-height ignored by i.e. 6; others? */ /*--------------------- START header elements ---------------------*/ #header { height: 260px; margin: 0px; /* padding: 37px 15px 8px 22px; */ } #header-intro { height: 146px; margin: 0px; /* padding: 37px 15px 8px 22px; */ background-color: #d5d7d8; overflow: hidden; } #header-minimap { float: right; width:286px; } #header-picklocation-state { float: right; height: 146px; width: 369px; text-align: center; overflow: hidden; background: url(images/please-select-your-state.gif) no-repeat bottom center; } /* WAS: width: 370px; */ #header-comingsoon-uk { float: right; height: 146px; width: 600px; text-align: center; overflow: hidden; background: url(images/comingsoon-uk.gif) no-repeat center center; } #img-animated-progress1 { margin-top: 40px; margin-bottom: 100px; } #header-picklocation-country { float: right; height: 146px; width: 369px; text-align: center; overflow: hidden; background: url(images/please-select-your-country.gif) no-repeat bottom center; } #header-location { float: right; width: 350px; text-align: right; overflow:hidden; } #header-dealerportal { float: left; width: 220px; text-align: left; overflow:hidden; } #header-tagline { float: right; width: 390px; text-align: right; overflow:hidden; } #header-menu-sub { float: right; width: 350px; height: 26px; line-height: 26px; text-align:right; background: #f1f3f3 url(images/menu-sub-background.gif) no-repeat bottom right; font-size: 15px; overflow: hidden; } /* text-transform: uppercase; */ /* #header-location {float: right; width: 700px; text-align: right; overflow:hidden; } #header-dealerportal {float: left; width: 260px; text-align: left; overflow:hidden; } #header-menu-sub { float: right; width: 960px; height: 26px; line-height: 26px; text-align:right; background: #f1f3f3 url(images/menu-sub-background.gif) no-repeat bottom right; font-size: 15px; overflow: hidden; } /* text-transform: uppercase; */ */ #header-menu-main, #header-menu-main-line2 { width: 960px; height: 38px; line-height: 38px; text-align:center; background: #f1f3f3 url(images/menu-main-background.gif) repeat-x bottom right; text-transform: uppercase; font-size: 16px; overflow: hidden; } #header-menu-sub a { padding: 0px 12px; } #header-menu-main a, #header-menu-main-line2 a { padding: 0px 20px; } #header-menu-sub a, #header-menu-sub a:link, #header-menu-sub a:active, #header-menu-sub a:visited, #header-menu-main a, #header-menu-main a:link, #header-menu-main a:active, #header-menu-main a:visited, #header-menu-main-line2 a, #header-menu-main-line2 a:link, #header-menu-main-line2 a:active, #header-menu-main-line2 a:visited { color: #2a6036; text-decoration: none; } #header-menu-sub a:hover, #header-menu-main a:hover, #header-menu-main-line2 a:hover { color: #73b650; text-decoration: underline; } /*--------------------- START top menu with drop-down ---------------------*/ #header-menu-main-nav { width: 960px; height: 38px; line-height: 38px; text-align:center; background: #f1f3f3 url(images/menu-main-background.gif) repeat-x bottom right; text-transform: uppercase; font-size: 16px; /* overflow: hidden; */ } #header-menu-main-nav ul { margin: 0px; padding: 0px; line-height: 38px; /* */ } #header-menu-main-nav ul li { float: left; position: relative; width: 135px; margin: 0px; padding: 0px; list-style: none; } #header-menu-main-nav ul li ul { display: none; position: absolute; top: 38px; left: 0px; width: 133px; background-color: #ececec; border: 1px solid #666666; /* border-top: none; */ overflow: hidden; } /* #header-menu-main-nav li.last a { background-image: none; } */ #header-menu-main-nav ul li:hover ul { display: block; z-index: 999; } #header-menu-main-nav ul li a { display: block; margin: 0px; padding: 3px 0px 0px 0px; /* height: 38px; */ text-align: center; color: #2a6036; text-transform: uppercase; } #header-menu-main-nav ul li:hover a { text-decoration: none; border: none; color: #73b650; width: 133px; /* border: 1px solid #666666; height: 38px; */ } #header-menu-main-nav ul li:hover ul li a { margin: 0px; padding: 3px 5px; /*height: 25px;*/ line-height: 20px; color: #2a6036; background-image: none; border: none; font-size: 10px; text-align: left; text-transform: uppercase; } #header-menu-main-nav ul li:hover ul li a:hover, #header-menu-main-nav ul ul li a:hover { background-image: none; background-color: #2a6036; color: #ffffff; } /*--------------------- END top menu with drop-down ---------------------*/ #header-middle { width: 960px; background-color: #d5d7d8; overflow: hidden; } #header-logo { width: 305px; height: 146px; background-color: #d5d7d8; overflow: hidden; } #header-testimonial-and-pic { float: right; width: 650px; height: 146px; text-align:right; background-color: #d5d7d8; } #header-testimonial-residential { float: right; width: 650px; height: 146px; text-align:left; background: #d5d7d8 url(images/testimonial-residential.jpg) no-repeat bottom right; overflow: hidden; } #header-testimonial-commercial { float: right; width: 650px; height: 146px; text-align:left; background: #d5d7d8 url(images/testimonial-commercial.jpg) no-repeat bottom right; overflow: hidden; } #header-testimonial-hospitality { float: right; width: 650px; height: 146px; text-align:left; background: #d5d7d8 url(images/testimonial-hospitality.jpg) no-repeat bottom right; overflow: hidden; } #header-testimonial-inner { font-size: 15px; font-style: italic; font-weight: bold; padding: 46px 345px 40px 15px; overflow: hidden; } /* padding-top, padding-right, padding-bottom, padding-left */ #header-testimonial-flash { float: right; width: 650px; height: 146px; text-align:left; background-color: #d5d7d8; overflow: hidden; } /* #header-testimonial {float: right; height: 146px; background-color: #d5d7d8; } */ /* #header-pic {float: right; height: 146px; background-color: #d5d7d8; } */ /*--------------------- END header elements ---------------------*/ /*--------------------- START content elements ---------------------*/ #content {} #content-height { float: right; width: 1px; } #content-right { float: right; width: 409px; font-size: 14px; overflow:hidden; } /* padding here, no width */ #content-right-inner { padding: 0px 10px 0px 70px; } /* padding here, no padding */ .content-right-section { width: 310px; } .content-right-section-pic { float: left; width: 115px; } .content-right-section-text {float: right; width: 185px; text-align: justify; text-justify: newspaper; } /* .content-right-divider { border: 0px 0px 1px 0px; border-style: solid; border-color: #d5d7d8; } */ #content-left { float: left; width: 550px; overflow:hidden; } /* width here, no padding */ #content-left-inner { padding: 0px 45px 0px 90px; } /* padding here, no width */ /* padding-top, padding-right, padding-bottom, padding-left */ #content-right50 { float: right; width: 470px; font-size: 14px; overflow:hidden; } /* padding here, no width */ #content-right50-fstext { float: right; width: 470px; } /* padding here, no width */ #content-right50-inner { padding: 0px 40px 0px 40px; } /* padding here, no padding */ #content-left50 { float: left; width: 480px; overflow:hidden; } /* width here, no padding */ #content-left50-inner { padding: 0px 35px 0px 70px; } /* padding here, no width */ /* padding-top, padding-right, padding-bottom, padding-left */ #content-right-width3 { float: right; width: 580px; font-size: 14px; overflow:hidden; } /* padding here, no width */ #content-right-width3-fstext { float: right; width: 580px; } /* padding here, no width */ #content-right-width3-inner { padding: 0px 10px 0px 10px; } /* padding here, no padding */ #content-left-width3 { float: left; width: 360px; overflow:hidden; } /* width here, no padding */ #content-left-width3-inner { padding: 0px 20px 0px 20px; } /* padding here, no width */ /* padding-top, padding-right, padding-bottom, padding-left */ #content-right-width4 { float: right; width: 360px; font-size: 14px; overflow:hidden; } /* padding here, no width */ #content-right-width4-fstext { float: right; width: 360px; } /* padding here, no width */ #content-right-width4-inner { padding: 0px 20px 0px 20px; } /* padding here, no padding */ #content-left-width4 { float: left; width: 580px; overflow:hidden; } /* width here, no padding */ #content-left-width4-inner { padding: 0px 10px 0px 10px; text-align:center; } /* padding here, no width */ /* padding-top, padding-right, padding-bottom, padding-left */ #content-onecolumn { float: right; width: 940px; font-size: 14px; overflow:hidden; } /* padding here, no width */ #content-onecolumn-inner { padding: 0px 10px 0px 10px; } /* padding here, no width */ .center { text-align:center; } /*--------------------- END content elements ---------------------*/ /*--------------------- START room photos as backgrounds ---------------------*/ #photo-room-residential { position:relative; background-image: url(images/room-residential.jpg); background-position: center top; background-repeat: no-repeat; width:550px; height:367px; } #photo-room-commercial1 { position:relative; background-image: url(images/room-office-cubicle.jpg); background-position: center top; background-repeat: no-repeat; width:550px; height:367px; } #photo-room-commercial2 { position:relative; background-image: url(images/room-office-desk.jpg); background-position: center top; background-repeat: no-repeat; width:550px; height:367px; } #photo-room-commercial3 { position:relative; background-image: url(images/room-conference.jpg); background-position: center top; background-repeat: no-repeat; width:550px; height:367px; } #photo-room-hospitality { position:relative; background-image: url(images/room-hotel.jpg); background-position: center top; background-repeat: no-repeat; width:550px; height:367px; } /*--------------------- END room photos as backgrounds ---------------------*/ /*--------------------- START room photo - quote overlays ---------------------*/ #photo-room-commercial1-quotebox1, #photo-room-desk-quotebox1, #photo-room-conference-quotebox1, #photo-room-residential-quotebox1, #photo-room-hospitality-quotebox1 { position:absolute; top:295px; right:0; width:550px; height:72px; opacity: .65; filter: alpha(opacity=65); background-color: #ffffff; color: #000000; overflow: hidden; /* text-align:center; line-height: 38px; */ } #photo-room-commercial1-quotebox2, #photo-room-conference-quotebox2, #photo-room-desk-quotebox2 { position:absolute; top:0px; right:0; width:550px; height:72px; opacity: .65; filter: alpha(opacity=65); background-color: #ffffff; color: #000000; overflow: hidden; /* text-align:center; line-height: 38px; */ } #photo-room-commercial1-mouseover-monitor { position:absolute; top:60px; right:190px; width:94px; height:65px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-commercial1-mouseover-phone { position:absolute; top:153px; right:110px; width:59px; height:40px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-commercial1-mouseover-air { position:absolute; top:222px; right:142px; width:60px; height:144px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-commercial1-mouseover-scanner { position:absolute; top:129px; right:283px; width:88px; height:39px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-commercial1-mouseover-pencil { position:absolute; top:139px; right:371px; width:24px; height:41px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-commercial1-mouseover-cellcharger { position:absolute; top:172px; right:190px; width:18px; height:19px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-commercial1-mouseover-computer { position:absolute; top:143px; right:199px; width:84px; height:26px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-commercial1-mouseover-lamp { position:absolute; top:117px; right:395px; width:68px; height:62px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-commercial1-mouseover-fax { position:absolute; top:174px; right:0px; width:118px; height:131px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-conference-mouseover-mediacenter { position:absolute; top:119px; right:146px; width:61px; height:20px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-conference-mouseover-phone { position:absolute; top:271px; right:344px; width:103px; height:74px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-conference-mouseover-plasma { position:absolute; top:26px; right:92px; width:147px; height:93px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-conference-mouseover-speaker1 { position:absolute; top:102px; right:262px; width:17px; height:101px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-conference-mouseover-speaker2 { position:absolute; top:117px; right:36px; width:44px; height:140px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-conference-mouseover-towerfan { position:absolute; top:157px; right:423px; width:27px; height:78px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-desk-mouseover-towerfan { position:absolute; top:191px; right:66px; width:54px; height:141px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-desk-mouseover-radio { position:absolute; top:122px; right:167px; width:40px; height:42px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-desk-mouseover-monitor { position:absolute; top:110px; right:265px; width:91px; height:69px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-desk-mouseover-pencil { position:absolute; top:186px; right:388px; width:36px; height:47px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-desk-mouseover-computer { position:absolute; top:180px; right:263px; width:90px; height:22px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-desk-mouseover-cellcharger { position:absolute; top:207px; right:329px; width:31px; height:13px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-desk-mouseover-printer { position:absolute; top:100px; right:34px; width:101px; height:96px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-residential-mouseover-cordlessphone { position:absolute; top:227px; right:202px; width:19px; height:59px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-residential-mouseover-game { position:absolute; top:97px; right:310px; width:15px; height:32px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-residential-mouseover-lamp { position:absolute; top:141px; right:164px; width:29px; height:48px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-residential-mouseover-laptop { position:absolute; top:202px; right:75px; width:75px; height:56px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-residential-mouseover-mediacenter { position:absolute; top:114px; right:275px; width:34px; height:13px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-residential-mouseover-plasma { position:absolute; top:130px; right:245px; width:97px; height:71px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-residential-mouseover-speaker1 { position:absolute; top:189px; right:202px; width:37px; height:37px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-residential-mouseover-towerfan { position:absolute; top:195px; right:422px; width:49px; height:117px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-residential-mouseover-clock { position:absolute; top:117px; right:395px; width:16px; height:21px; background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); /* */ overflow: hidden; } #photo-room-hospitality-mouseover-lamp1 { position:absolute; top:124px; right:77px; width:28px; height:68px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-hospitality-mouseover-lamp2 { position:absolute; top:140px; right:472px; width:56px; height:83px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-hospitality-mouseover-lamp3 { position:absolute; top:129px; right:325px; width:34px; height:44px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-hospitality-mouseover-plasma { position:absolute; top:60px; right:0px; width:77px; height:115px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-hospitality-mouseover-ceilingfan { position:absolute; top:0px; right:150px; width:212px; height:86px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } #photo-room-hospitality-mouseover-thermostat { position:absolute; top:130px; right:124px; width:22px; height:21px; /* background-color: #ffffff; opacity: .85; filter: alpha(opacity=85); */ overflow: hidden; } /*--------------------- END room photo - quote overlays ---------------------*/ #disclaimer-re-rolloverstmts { padding-top:5px; padding-bottom:5px; font-style: italic; } /*--------------------- START footer elements ---------------------*/ #footer { height: 38px; line-height: 38px; font-size: 13px; margin-top: 20px; text-align:center; overflow: hidden; } #footer a, #footer a:link, #footer a:active, #footer a:visited { color: #747476; text-decoration: none; } #footer a:hover { color: #747476; text-decoration: underline; } /*--------------------- END footer elements ---------------------*/ /*--------------------- START h1, h2 tags w/custom images ---------------------*/ /* unfortunate draw-back to these h1/h2 tag styles: cannot link from here, as that is also moved -2000 px off screen */ #h1-frequently-asked-questions { background: url(images/h1-Frequently-Asked-Questions.gif) no-repeat; height: 32px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-hospitality { background: url(images/h1-Hospitality.gif) no-repeat; height: 32px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-the-greenswitch-story { background: url(images/h1-The-GreenSwitch-Story.gif) no-repeat; height: 32px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-why-greenswitch { background: url(images/h1-Why-GreenSwitch.gif) no-repeat; height: 32px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-about-us { background: url(images/h1-About-Us.gif) no-repeat; height: 27px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-about-the-greenswitch { background: url(images/h1-About-the-GreenSwitch.gif) no-repeat; height: 27px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-become-a-greenswitch-dealer { background: url(images/h1-Become-a-GreenSwitch-Dealer.gif) no-repeat; height: 27px; width: 373px; margin: 0px 0px -10px 0px; text-indent: -2000px; } #h1-commercial { background: url(images/h1-Commercial.gif) no-repeat; height: 27px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-contact-us { background: url(images/h1-Contact-Us.gif) no-repeat; height: 27px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-Contact-our-Corporate-Office { background: url(images/h1-Contact-our-Corporate-Office.gif) no-repeat; height: 27px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-dealer-distributor-inquiries { background: url(images/h1-dealer-distributor-inquiries.gif) no-repeat; height: 27px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-greenswitch-products { background: url(images/h1-GreenSwitch-Products.gif) no-repeat; height: 27px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-learn-about-greenswitch { background: url(images/h1-Learn-About-GreenSwitch.gif) no-repeat; height: 27px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-residential { background: url(images/h1-Residential.gif) no-repeat; height: 27px; width: 210px; /* width: 373px; */ margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-how-it-works { background: url(images/h1-How-It-Works.gif) no-repeat; height: 27px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-dealer-resources { background: url(images/h1-dealer-resources.gif) no-repeat; height: 27px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-dealer-portal-login { background: url(images/h1-dealer-portal-login.gif) no-repeat; height: 27px; width: 270px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-select-new-password { background: url(images/h1-select-new-password.gif) no-repeat; height: 27px; width: 270px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-approved-marketing-materials { background: url(images/h1-approved-marketing-materials.gif) no-repeat; height: 27px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-announcements { background: url(images/h1-announcements.gif) no-repeat; height: 27px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-account-protections { background: url(images/h1-account-protections.gif) no-repeat; height: 27px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-testimonials { background: url(images/h1-testimonials.gif) no-repeat; height: 27px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-What-do-I-need-How-much { background: url(images/h1-What-do-I-need-How-much.gif) no-repeat; height: 46px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-Commercial-Site-Analysis { background: url(images/h1-Commercial-Site-Analysis.gif) no-repeat; height: 46px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-Home-Analysis { background: url(images/h1-Home-Analysis.gif) no-repeat; height: 46px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-GreenSwitch-Privacy-Policy { background: url(images/h1-GreenSwitch-Privacy-Policy.gif) no-repeat; height: 46px; width: 373px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-Hotel-Resources { background: url(images/h2-Hotel-Resources.gif) no-repeat; height: 27px; width: 360px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-GreenSwitch-Remote-Control-Programmer { background: url(images/h2-GreenSwitch-Remote-Control-Programmer.gif) no-repeat; height: 27px; width: 430px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-GreenSwitch-Outlets { background: url(images/h2-GreenSwitch-Outlets.gif) no-repeat; height: 27px; width: 430px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-Suggested-GreenSwitch-Starter-Package { background: url(images/h2-Suggested-GreenSwitch-Starter-Package.gif) no-repeat; height: 27px; width: 430px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-GreenSwitch-Receiver-Switches { background: url(images/h2-GreenSwitch-Receiver-Switches.gif) no-repeat; height: 27px; width: 430px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-GreenSwitch-Programmable-Thermostat { background: url(images/h2-GreenSwitch-Programmable-Thermostat.gif) no-repeat; height: 27px; width: 430px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-GreenSwitch-Master-Switch { background: url(images/h2-GreenSwitch-Master-Switch.gif) no-repeat; height: 27px; width: 430px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-History-of-the-GreenSwitch { background: url(images/h2-History-of-the-GreenSwitch.gif) no-repeat; height: 27px; width: 300px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-Why-GreenSwitch { background: url(images/h2-Why-GreenSwitch.gif) no-repeat; height: 27px; width: 430px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-Did-you-know { background: url(images/h2-Did-you-know.gif) no-repeat; height: 27px; width: 430px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-Is-Global-Warming-Real { background: url(images/h2-Is-Global-Warming-Real.gif) no-repeat; height: 27px; width: 430px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-Is-your-financial-position-tight { background: url(images/h2-Is-your-financial-position-tight.gif) no-repeat; height: 30px; width: 430px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-Pricing-Information { background: url(images/h2-Pricing-Information.gif) no-repeat; height: 27px; width: 430px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-What-is-the-cost { background: url(images/h2-What-is-the-cost.gif) no-repeat; height: 30px; width: 360px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-Payback-Calculator { background: url(images/h2-Payback-Calculator.gif) no-repeat; height: 30px; width: 360px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-Custom-Fit-for-Your-Life { background: url(images/h2-Custom-Fit-for-Your-Life.gif) no-repeat; height: 27px; width: 320px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-One-Switch-to-Make-a-Difference { background: url(images/h2-One-Switch-to-Make-a-Difference.gif) no-repeat; height: 27px; width: 360px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-Fast-Payback-on-Smart-Investment { background: url(images/h2-Fast-Payback-on-Smart-Investment.gif) no-repeat; height: 30px; width: 360px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-End-Phantom-Electricity { background: url(images/h2-End-Phantom-Electricity.gif) no-repeat; height: 46px; width: 360px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-Efficiency-and-Reliability { background: url(images/h2-Efficiency-and-Reliability.gif) no-repeat; height: 46px; width: 320px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-commercial-energy-management { background: url(images/h2-commercial-energy-management.gif) no-repeat; height: 46px; width: 320px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h2-Why-choose-GreenSwitch { background: url(images/h2-Why-choose-GreenSwitch.gif) no-repeat; height: 46px; width: 320px; margin: 0px 0px 0px 0px; text-indent: -2000px; } #h1-thank-you { background: url(images/h1-thank-you.gif) no-repeat; height: 29px; width: 430px; margin: 0px 0px 0px 0px; text-indent: -2000px; } /* below method works for links (note: it's on the "a" tag!); I just had formatting issues w/top margin differing in IE/FireFox that I didn't debug. */ #h2-ed-begly-jr a { display: block; text-decoration: none; z-index: 1000; /* IE Fix*/ background: url(images/sidebar-ed-begly-jr.gif) no-repeat; height: 27px; width: 150px; margin: 0px 0px -15px 0px; text-indent: -2000px; } /*--------------------- END h1, h2 tags w/custom images ---------------------*/ /*--------------------- START paragraph styles ---------------------*/ /* .paragraph-the { background-image: url(images/word-the.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 43px; } */ .pdf { background-image: url(images/PDF_icon_small.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; } .doc { background-image: url(images/icon_word_small.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; } .rtf { background-image: url(images/icon_rtf_small.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; } p { text-align: justify; text-justify: newspaper; } .no-justify {text-align: left; } h3 { font-style: italic; color: #275e35; font-weight:normal; } .p-emphasis { font-style: italic; color: #275e35; } .paragraph-initial-letter { display: none; } .paragraph-a { background-image: url(images/letter-a.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-b { background-image: url(images/letter-b.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-c { background-image: url(images/letter-c.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-d { background-image: url(images/letter-d.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-e { background-image: url(images/letter-e.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-f { background-image: url(images/letter-f.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-g { background-image: url(images/letter-g.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-h { background-image: url(images/letter-h.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-i { background-image: url(images/letter-i.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-j { background-image: url(images/letter-j.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-k { background-image: url(images/letter-k.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-l { background-image: url(images/letter-l.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-m { background-image: url(images/letter-m.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-n { background-image: url(images/letter-n.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-o { background-image: url(images/letter-o.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-p { background-image: url(images/letter-p.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-q { background-image: url(images/letter-q.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-r { background-image: url(images/letter-r.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-s { background-image: url(images/letter-s.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-t { background-image: url(images/letter-t.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 21px; text-align: justify; text-justify: newspaper; } .paragraph-u { background-image: url(images/letter-u.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-v { background-image: url(images/letter-v.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-w { background-image: url(images/letter-w.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 39px; text-align: justify; text-justify: newspaper; } .paragraph-x { background-image: url(images/letter-x.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-y { background-image: url(images/letter-y.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } .paragraph-z { background-image: url(images/letter-z.gif); background-position: left top; background-repeat: no-repeat; padding-top: 7px; text-indent: 29px; text-align: justify; text-justify: newspaper; } /*--------------------- END paragraph styles ---------------------*/ /*--------------------- START table styles ---------------------*/ .td { text-align: left; } /* default alignment */ .td-right { text-align: right; } .td-center { text-align: center; } .td-left { text-align: left; } .tr-even { background:#ffffff; } .tr-odd { background:#f0f0f0; } .td-column-one { padding:3px; width:40%; color: #333333; font-size:12px; font-weight:bold; } .td-column-two { padding:3px; width:60%; } /* Next: table w/wide 1st column, 2 narrow columns (used in estore for residential package): */ .td-column-one-of-3 { padding:3px; width:50%; color: #333333; font-size:12px; font-weight:bold; } .td-column-two-of-3 { padding:3px; width:25%; } .td-column-three-of-3 { padding:3px; width:25%; color: #333333; } /*--------------------- END table styles ---------------------*/ /*--------------------- START misc styles -------------------------------------------*/ .home-thumbnail-links, .home-thumbnail-links a, .home-thumbnail-links a:link, .home-thumbnail-links a:active, .home-thumbnail-links a:visited { text-transform: uppercase; color: #2a6036; text-decoration: none; } .home-thumbnail-links a:hover { text-transform: uppercase; color: #2a6036; text-decoration: underline; } .home-thumbnail-links img { padding-bottom:8px; } img { border:0px; } .clear { clear: both; } a, a:link, a:active, a:visited { color: #275e35; text-decoration: none; } /* color: #747476; */ a:hover { color: #275e35; text-decoration: underline; } /* color: #747476; */ .maintext-alert { color: #ff0000; font-size: 9pt; font-style: italic; font-weight: bold; } .formRequiredValue {font-size: 8pt; color: #ff0000;} .required-star {font-size: 12pt; color: #ff0000;} .ul-home li { font-weight: bold; color: #2a6036; } /*--------------------- END misc styles -------------------------------------------*/ /* ************* END general layout and template formatting ************* */