h2 {font-size:22px;line-height:28px;font-family:Arial,Verdana,Helvetica,sans-serif;} h3 {font-size:1.2em; !important;color:#444; font-weight:normal;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-family:Arial,Verdana,Helvetica,sans-serif;} a:visited {color:#ce202c;text-decoration: none;} a:link {color:#ce202c;text-decoration: underline;} a:hover {color:#ce202c: none;} a.bodylink {color: #EEE; border-bottom: 1px dotted #EEE; font-weight: normal;text-decoration: none;} a.bodylink:hover, body a.bodylink:active {text-decoration: none;} form { margin:0;padding:0;} P { padding-bottom:8px; margin-top:0px; margin-bottom:0px; } body { font-size:11px; line-height:120%; font-family: arial, helvetica, "bitstream vera sans", sans-serif; color: #000; text-align:center; margin-top:0px; padding:0; background-color:#759f30; } /* -------------------------------------------------- MASTER WRAPPERS -------------------------------------------------- */ #canvas {width:980px;text-align:left;margin-left:auto;margin-right:auto;} #topgrad {position:relative;background-image: url(images/topgrad.jpg);height:15px;} #gradleft {width:15px;height:840px;background-image: url(images/gradleft.jpg);float:left;} #gradright {width:15px;height:840px;background-image: url(images/gradright.jpg);float:right;} #outer {width:950px;padding:0;float:left;margin-bottom:0px;background-color:none;} #head-container {position: relative;height:221px;width:950px;background-color:#444;padding:24px 0px 15px 0px;float:left;} #content {width:950px;background-color:#444;float: left;} #leftmargin {width:15px;height:231px;background-color:#444;margin:0px 0px 0px 0px;float:left;} #rightmargin {width:15px;height:231px;margin:0px 0px 0px 0px;background-color:#444;float:right;} #innershade {width:920px;margin:0px 0px 12px 0px;padding:0px 0px 0px 0px;background-color:none;float:left;} #wrapper_info {width:685px;background-color:none;margin-right:0px;float: left;background-color:none;} #gutter {width:20px;height:100px;background-color:none;margin-right:0px;background-color:none;float: left;} #twitterwrapper {width:187px;float:left;padding:0px 14px 14px 14px;margin:4px 0 0 0} /* -------------------------------------------------- HEADER -------------------------------------------------- */ #head-details {position: relative;background-image: url(images/cleanenergy_header.jpg);margin:0px 15px 0px 15px;height:155px;} #cleanenergy_logo {position:absolute;top:0px;left:0px;width:312px;float:left;} #cleanenergy_logo h1 {background-image: url(images/cleanenergy_logo.jpg);background-repeat:no-repeat;text-indent:-900em;height:155px;border-bottom:0px dotted black;margin:0 0 0 0;} #cleanenergy_logo p {margin:6px 0 3px 0px;} #cleanenergy_logo img {margin:2px 0 3px 0px;} #cleanenergy_logo a {text-indent:-900em;width:312px;height:155px;display:block;text-decoration:none;} /* -------------------------------------------------- NAVIGATION - PRIMARY NAV -------------------------------------------------- */ #menubandnew {height:66px;width:822px;float:left;margin:0px 15px 0px 15px;padding:0px 49px 0px 49px;display:inline;background-color:#759f30;} #energydividernew {width:1px;height:66px;background-image: url(images/cleanenergy_dividernew.gif);float:left;} /* ENERGY MENU WITH ODD WIDTHS */ #energymenunew {display:block; height:66px; margin:0px;} #energymenunew ul {margin:0; padding:0; list-style-type:none;} #energymenunew li {float:left; margin-right:0px; display:block; border:0px solid #000;} #energymenunew li.lists1 {background:transparent url(images/cleanenergy_button01.gif);width:63px;} #energymenunew li.lists2 {background:transparent url(images/cleanenergy_button02.gif);width:117px;} #energymenunew li.lists3 {background:transparent url(images/cleanenergy_button03.gif);width:93px;} #energymenunew li.lists4 {background:transparent url(images/cleanenergy_button04.gif);width:108px;} #energymenunew li.lists5 {background:transparent url(images/cleanenergy_button05.gif);width:121px;} #energymenunew li.lists6 {background:transparent url(images/cleanenergy_button06.gif);width:144px;} #energymenunew li.lists7 {background:transparent url(images/cleanenergy_button07.gif);width:72px;} #energymenunew li.lists8 {background:transparent url(images/cleanenergy_button08.gif);width:97px;} #energymenunew a {display:block; padding-top:66px; height:0; color:#000; text-decoration:none; overflow:hidden;} * html #energymenunew a:link, * html #energymenunew a:visited {height:66px; he\ight:0;} #energymenunew a#items1 {background:transparent url(images/cleanenergy_button01.gif) -63px -66px no-repeat;width:63px;} #energymenunew a#items2 {background:transparent url(images/cleanenergy_button02.gif) -117px -66px no-repeat;width:117px;} #energymenunew a#items3 {background:transparent url(images/cleanenergy_button03.gif) -93px -66px no-repeat;width:93px;} #energymenunew a#items4 {background:transparent url(images/cleanenergy_button04.gif) -108px -66px no-repeat;width:108px;} #energymenunew a#items5 {background:transparent url(images/cleanenergy_button05.gif) -121px -66px no-repeat;width:121px;} #energymenunew a#items6 {background:transparent url(images/cleanenergy_button06.gif) -144px -66px no-repeat;width:144px;} #energymenunew a#items7 {background:transparent url(images/cleanenergy_button07.gif) -72px -66px no-repeat;width:72px;} #energymenunew a#items8 {background:transparent url(images/cleanenergy_button08.gif) -97px -66px no-repeat;width:97px;} #energymenunew a#items1:hover {background-position:top right; z-index:50;} #energymenunew a#items2:hover {background-position:top right; z-index:50;} #energymenunew a#items3:hover {background-position:top right; z-index:50;} #energymenunew a#items4:hover {background-position:top right; z-index:50;} #energymenunew a#items5:hover {background-position:top right; z-index:50;} #energymenunew a#items6:hover {background-position:top right; z-index:50;} #energymenunew a#items7:hover {background-position:top right; z-index:50;} #energymenunew a#items8:hover {background-position:top right; z-index:50;} * html #energymenunew a:hover {height:66px; he\ight:0;} /* -------------------------------------------------- FORM STYLES - CONTACT -------------------------------------------------- */ .ContactWrapper {width:445px;padding-bottom:1em;margin-bottom:2em;float:left;} .ContactWrapper li {margin-left:0;margin-bottom:0em;} .ContactWrapper p {margin:0px 0px 8px 0px;padding:4px 0 8px 0;color:#FFF;font-size:1.1em} .ContactWrapper h3 {margin:0px 0px 12px 0px;color:#759f30;} .ContactWrapper fieldset {margin:0;padding:0 0 0 0;border:0px;} .ContactWrapper ol {margin:0;padding:0;list-style-type:none;} .ClearBoth {clear:both;} div.contactformRow {margin-bottom:12px;padding:0px 0px 0px 0px;position:relative ;width:445px;border:0px solid #EEE;float:left;} /* FULL ROW WIDTH */ div.contactformRow label {width:445px;display:block;position:relative;padding:0px 0 6px 0px;font-size:1.2em;color:#FFF;} /* IS CONTAINER FOR NAME */ div.contactformRow div.frFieldContainer {margin-left:0;background:none;} div.contactformRowSml {margin-bottom:12px;padding:0px 0px 0px 0px;width:211px;border:0px solid #EEE;float:left;} /* FULL ROW WIDTH */ div.contactformRowSml label {width:211px;display:block;padding:0px 0 6px 0px;font-size:1.2em;color:#FFF;} /* IS CONTAINER FOR NAME */ div.contactformRowSml div.frFieldContainerSml {margin-left:0;background:none;} div.contactformRowSmlFloat {margin-bottom:12px;padding:0px 0px 0px 0px;width:211px;border:0px solid #EEE;float:right} /* FULL ROW WIDTH */ div.contactformRowSmlFloat label {width:211px;display:block;padding:0px 0 6px 0px;font-size:1.2em;color:#FFF;} /* IS CONTAINER FOR NAME */ div.contactformRowSmlFloat div.frFieldContainerSmlFloat {margin-left:0;background:none;} select {width:211px;height:36px;} .clearthumbs {clear:both;height:1px;width:100%;display:block;} .submit-small {width:112px; height:33px; border:none; float:right; margin:0 0 0 0px;cursor:default; text-indent:-9999px;padding:0 0 0 112px} .submit-small:hover {position:relative; height:33px;cursor:default; text-indent:-900em;} .submit-small.continue {background:url(images/sprite.gif) no-repeat; cursor:default;} .submit-small.continue:hover {background:url(images/spriteon.gif) no-repeat;cursor:pointer;} .contactname {font-size:13px;} #contactaddress {width:240px;margin:0px 0px 12px 0px;margin-right:0px;color:#FFF;font-size: 12px;float:left;} #contactaddress h2 {font-weight:normal;margin:12px 0px 0px 0px;} #contactaddress p {margin:0px 0px 8px 0px;} /* -------------------------------------------------- webkit safari, Moz firefox -------------------------------------------------- */ div.contactformRow input.txt-input { background:#EEE url(images/bg-input.gif) no-repeat scroll 0 0; border-color:#717171 #DACFCF #DACFCF; border-style:solid; border-width:1px; margin-top:2px; color:#555; -moz-border-radius: 3px ; -webkit-border-radius: 3px ; padding:2px 2px 0; height:1.8em; width:439px; } div.contactformRowSml input.txt-input { background:#EEE url(images/bg-input.gif) no-repeat scroll 0 0; border-color:#717171 #DACFCF #DACFCF; border-style:solid; border-width:1px; margin-top:2px; color:#555; -moz-border-radius: 3px ; -webkit-border-radius: 3px ; padding:2px 2px 0; height:1.8em; width:205px; } div.contactformRowSml .quicksearch { background:#EEE url(images/bg-input.gif) no-repeat scroll 0 0; border-color:#717171 #DACFCF #DACFCF; border-style:solid; border-width:1px; margin-top:2px; color:#555; -moz-border-radius: 3px ; -webkit-border-radius: 3px ; padding:2px 2px 0; height:2em; width:205px; } div.contactformRowSmlFloat input.txt-input { background:#EEE url(images/bg-input.gif) no-repeat scroll 0 0; border-color:#717171 #DACFCF #DACFCF; border-style:solid; border-width:1px; margin-top:2px; color:#555; -moz-border-radius: 3px ; -webkit-border-radius: 3px ; padding:2px 2px 0; height:1.8em; width:205px; } div.contactformRowSmlFloat input.txt-input-datepick { background:#EEE url(images/bg-input.gif) no-repeat scroll 0 0; border-color:#717171 #DACFCF #DACFCF; border-style:solid; border-width:1px; margin-top:2px; color:#555; -moz-border-radius: 3px ; -webkit-border-radius: 3px ; padding:2px 2px 0; height:1.8em; width:140px; } div.frFieldContainer .txt-inputarea { background:#EEE url(images/bg-input.gif) no-repeat scroll 0 0; border-color:#717171 #DACFCF #DACFCF; border-style:solid; border-width:1px; margin-top:2px; color:#555; -moz-border-radius: 3px ; -webkit-border-radius: 3px ; padding:2px 2px 0; height:8em; width:439px; } /* -------------------------------------------------- NEWS NEWSLIST -------------------------------------------------- */ .newslist_fullcol {width:920px;margin:8px 0px 0px 0px;float: left;border-bottom: 1px solid #b5bdcc;background-color:none;} .newslist_fullcol a {color:#ce202c; border-bottom: 0px dotted #7f7c7a; font-weight: bold;text-decoration: underline;} .newslist_fullcol a:hover, body a.bodylink:active {text-decoration: none;} .newslist_fullcol img {float:left;padding:0px 12px 12px 0px;margin:0;} .newslist_fullcol p {color: #FFF;} .newsheadline_list {font-size:1.2em;font-weight:bold;line-height:145%;} .newsheadline_list a {color:#ce202c; font-weight: bold;text-decoration: underline;} .newsheadline_list a:hover, body a.bodylink:active {text-decoration: none;} /* -------------------------------------------------- NEWS NEWSARTICLE MAIN PAGE -------------------------------------------------- */ #innershade_news {margin:8px 0px 0px 0px;padding:0px 0px 0px 0px;background-image: url(images/divider_news.gif);float:left;} #news_leftcol {width:580px;background-color:none;margin-right:0px;float:left;} #newsarticle {width:580px;margin:0px 0px 0px 0px;float: left;font-weight:normal;font-size:1.1em;} #newsarticle hr {width:580px;color: #727272;background-color: #727272;text-align: center;height: 1px;border: 0px;margin-top: 0px;} #newsarticle img {margin:12px 0px 12px 0px;} #newsarticle p {color: #FFF;line-height:130%;} .newsheadline {height:22px;font-size:18px;font-weight:normal;color: #FFF;} .newsintro {font-size:1.2em;line-height:130%;font-weight:bold;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .newsintro_main {font-size:1.2em;line-height:130%;} /* -------------------------------------------------- NEWS ARCHIVE -------------------------------------------------- */ #archivewrapper {background-color:none;margin:0px 0px 0px 70px;float: left;} #archivewrapper hr {width:270px;color: #727272;background-color: #727272;height: 1px;border: 0px;margin-top: 0px;} .archivehead {height:22px;font-size:16px;font-weight:bold;color: #FFF;} .sml_archivewrapper {width:270px;background-color:none;margin:2px 0px 0px 0px;} .sml_archivewrapper {width:270px;background-color:none;margin:2px 0px 0px 0px;} .sml_archivewrapper p {color: #FFF;} .archivetitle {font-size:11px;font-weight:bold;} .archiveintro {font-size:11px;font-weight:normal;} /* -------------------------------------------------- RIGHT COLUMN -------------------------------------------------- */ #menucolumn {width:215px;background-color:#b1aeae;border-bottom:0px;margin:0px 0px 10px 0;float: left;} #spotlightbar {background-image: url(images/cleanenergy_news.gif);width:215px;height:30px;margin:0px 0px 12px 0px;text-indent:-900em;font-size:10px;} .headline {font-size:12px;line-height:120%;font-family: verdana, arial, helvetica, "bitstream vera sans", sans-serif;color: #444;text-align:left;font-weight:bold;padding:0px 0px 0px 0px;} #spotlight {width:187px;color:#444;padding:0px 14px 0px 14px;float:left;} #spotlight p {margin:6px 0 3px 0px;} #spotlight img {margin:2px 0 3px 0px;} #spotlight h3 {background-image: url(images/cleanenergy_news01.gif);background-repeat:no-repeat;text-indent:-900em;height:60px;border-bottom:0px dotted black;margin:0 0 0 0;} /* KM Style below this replaces #spotlight h3 so when put live you can delete the old style above */ h3.spotimage {background-image: url(images/cleanenergy_news01.gif);background-repeat:no-repeat;text-indent:-900em;height:60px;border-bottom:0px dotted black;margin:0px 14px 0px 14px;} .spotlightlinx {font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px;font-weight:normal;color:#ffffff;text-decoration:underline;} .spotlightlinx:link {color:#ffffff;text-decoration:underline;} .spotlightlinx:visited {color:#ffffff;text-decoration:underline;} .spotlightlinx:active {color:#ffffff;} .spotlightlinx:hover {color:#ffffff;text-decoration:none;} #spotlight_divider {background-image: url(images/spotlight_divider.gif);background-repeat:no-repeat;width:187px;height:2px;margin:8px 0 0 0;} .Thmblink {width:187px;float:left;margin:6px 0 6px 0;padding:0 14px 0 14px;display:inline;} .Thmblink p {margin:0px 0px 0px 0px;padding:0px 0px 0px 54px;line-height:128%;} .Thmblink p.fullwidth {margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;line-height:128%;clear:both;width:100%;display:block;} .Thmblink ul {margin:0; padding:0; list-style-type:none;} .Thmblink li {float:left; margin-right:0px; display:block; border:0px solid #000;} .Thmblink h3 {margin:0px 0px 4px 0px;padding:0px 0px 0px 54px;} .Thmblink h3 a {text-decoration:none;color:#444;font-weight:bold;} .Thmblink li.Thmblinkimage {width:48px;margin:0px 0 0px 0;height:48px;} .Thmblink hr {color:#666;background-color:#666;height:1px;border:0px;margin:0px 0px 0px 0px;width:187px;} /* -------------------------------------------------- HOME -------------------------------------------------- */ #wrapper_columns {margin-top:12px;width:685px;} #intro {width:685px;margin:0px 0px 12px 0px;margin-right:0px;color:#FFF;font-size: 12px;line-height:14px;} #intro h2 {font-weight:normal;color:#FFF;margin:12px 0px 0px 0px;} #intro p {margin:8px 0px 0px 0px;} #cleanenergy01 {border-top: 0px solid #0066CC;width:215px;margin-right:0px;color:#FFFFFF;padding:0px 0px 0px 0px;float:left;} #cleanenergy01 h3 {background-image: url(images/cleanenergy_hometitle01.gif);background-repeat:no-repeat;text-indent:-900em;height:26px;border-bottom:0px dotted black;margin:8px 0 0 0;} #cleanenergy01 p {margin:6px 0 3px 0px;} #cleanenergy01 img {margin:2px 0 3px 0px;} #cleanenergy01 a {text-indent:-900em;width:215px;height:28px;display:block;text-decoration:none;} #image_cleanenergy01 {background-color:none;height:90px;width:215px;text-indent:-900em;font-size:10px;background-image: url(images/cleanenergy_home01.jpg);} #cleanenergy02 {border-top: 0px solid #0066CC;width:215px;margin-right:0px;color:#FFFFFF;padding:0px 0px 0px 0px;float:left;} #cleanenergy02 h3 {background-image: url(images/cleanenergy_hometitle02.gif);background-repeat:no-repeat;text-indent:-900em;height:26px;border-bottom:0px dotted black;margin:8px 0 0 0;} #cleanenergy02 p {margin:6px 0 3px 0px;} #cleanenergy02 img {margin:2px 0 3px 0px;} #cleanenergy02 a {text-indent:-900em;width:215px;height:28px;display:block;text-decoration:none;} #image_cleanenergy02 {background-color:none;height:90px;width:215px;text-indent:-900em;font-size:10px;background-image: url(images/cleanenergy_home02.jpg);} #cleanenergy03 {border-top: 0px solid #0066CC;width:215px;margin-right:0px;color:#FFFFFF;padding:0px 0px 0px 0px;float:left;} #cleanenergy03 h3 {background-image: url(images/cleanenergy_hometitle03.gif);background-repeat:no-repeat;text-indent:-900em;height:26px;border-bottom:0px dotted black;margin:8px 0 0 0;} #cleanenergy03 p {margin:6px 0 3px 0px;} #cleanenergy03 img {margin:2px 0 3px 0px;} #cleanenergy03 a {text-indent:-900em;width:215px;height:28px;display:block;text-decoration:none;} #cleanenergy03 ul {list-style:outside;padding:0px;margin:0 5px 0 15px;} #cleanenergy03 li {padding:0 0 0px 0;} #image_cleanenergy03 {background-color:none;height:90px;width:215px;text-indent:-900em;font-size:10px;background-image: url(images/cleanenergy_home03.jpg);} /* -------------------------------------------------- BANNERS -------------------------------------------------- */ #cleanenergy_banner_solarthermal {height:260px;width:685px;text-indent:-900em;font-size:10px;background-image: url(images/cleanenergy_banner_solarthermal.jpg);} #cleanenergy_banner_solarpv {height:260px;width:685px;text-indent:-900em;font-size:10px;background-image: url(images/cleanenergy_banner_solarpv.jpg);} #cleanenergy_banner_heatpumps {height:260px;width:685px;text-indent:-900em;font-size:10px;background-image: url(images/cleanenergy_banner_heatpumps.jpg);} #cleanenergy_banner_wind {height:260px;width:685px;text-indent:-900em;font-size:10px;background-image: url(images/cleanenergy_banner_wind.jpg);} #cleanenergy_banner_contact {height:260px;width:685px;text-indent:-900em;font-size:10px;background-image: url(images/cleanenergy_banner_contact.jpg);} #cleanenergy_banner_faq {height:260px;width:685px;text-indent:-900em;font-size:10px;background-image: url(images/cleanenergy_banner_faq.jpg);} #cleanenergy_banner_planning_support{height:260px;width:685px;text-indent:-900em;font-size:10px;background-image: url(images/cleanenergy_banner_planning_support.jpg);} /* -------------------------------------------------- SOLAR THERMAL -------------------------------------------------- */ #solar_thermal01 {border-top: 0px solid #0066CC;width:215px;margin-right:0px;color:#FFFFFF;padding:0px 0px 0px 0px;float:left;} #solar_thermal01 h3 {background-image: url(images/solar_thermal01_title01.gif);background-repeat:no-repeat;text-indent:-900em;height:26px;border-bottom:0px dotted black;margin:8px 0 0 0;} #solar_thermal01 p {margin:6px 0 3px 0px;} #solar_thermal01 img {margin:2px 0 3px 0px;} #solar_thermal01 a {text-indent:-900em;width:215px;height:28px;display:block;text-decoration:none;} #image_solar_thermal01 {background-color:none;height:90px;width:215px;text-indent:-900em;font-size:10px;background-image: url(images/solar_thermal01.jpg);} #solar_thermal02 {border-top: 0px solid #0066CC;width:215px;margin-right:0px;color:#FFFFFF;padding:0px 0px 0px 0px;float:left;} #solar_thermal02 h3 {background-image: url(images/solar_thermal02_title02.gif);background-repeat:no-repeat;text-indent:-900em;height:26px;border-bottom:0px dotted black;margin:8px 0 0 0;} #solar_thermal02 p {margin:6px 0 3px 0px;} #solar_thermal02 img {margin:2px 0 3px 0px;} #solar_thermal02 a {text-indent:-900em;width:215px;height:28px;display:block;text-decoration:none;} #image_solar_thermal02 {background-color:none;height:90px;width:215px;text-indent:-900em;font-size:10px;background-image: url(images/solar_thermal02.jpg);} #solar_thermal03 {border-top: 0px solid #0066CC;width:215px;margin-right:0px;color:#FFFFFF;padding:0px 0px 0px 0px;float:left;} #solar_thermal03 h3 {background-image: url(images/solar_thermal03_title03.gif);background-repeat:no-repeat;text-indent:-900em;height:26px;border-bottom:0px dotted black;margin:8px 0 0 0;} #solar_thermal03 p {margin:6px 0 3px 0px;} #solar_thermal03 img {margin:2px 0 3px 0px;} #solar_thermal03 a {text-indent:-900em;width:215px;height:28px;display:block;text-decoration:none;} #image_solar_thermal03 {background-color:none;height:90px;width:215px;text-indent:-900em;font-size:10px;background-image: url(images/solar_thermal03.jpg);} /* -------------------------------------------------- SOLAR PV -------------------------------------------------- */ #solarpv01 {border-top: 0px solid #0066CC;width:215px;margin-right:0px;color:#FFFFFF;padding:0px 0px 0px 0px;float:left;} #solarpv01 h3 {background-image: url(images/solarpv01_title01.gif);background-repeat:no-repeat;text-indent:-900em;height:26px;border-bottom:0px dotted black;margin:8px 0 0 0;} #solarpv01 p {margin:6px 0 3px 0px;} #solarpv01 img {margin:2px 0 3px 0px;} #solarpv01 a {text-indent:-900em;width:215px;height:28px;display:block;text-decoration:none;} #image_solarpv01 {background-color:none;height:90px;width:215px;text-indent:-900em;font-size:10px;background-image: url(images/solarpv01.jpg);} #solarpv02 {border-top: 0px solid #0066CC;width:215px;margin-right:0px;color:#FFFFFF;padding:0px 0px 0px 0px;float:left;} #solarpv02 h3 {background-image: url(images/solarpv02_title02.gif);background-repeat:no-repeat;text-indent:-900em;height:26px;border-bottom:0px dotted black;margin:8px 0 0 0;} #solarpv02 p {margin:6px 0 3px 0px;} #solarpv02 img {margin:2px 0 3px 0px;} #solarpv02 a {text-indent:-900em;width:215px;height:28px;display:block;text-decoration:none;} #image_solarpv02 {background-color:none;height:90px;width:215px;text-indent:-900em;font-size:10px;background-image: url(images/solarpv02.jpg);} #solarpv03 {border-top: 0px solid #0066CC;width:215px;margin-right:0px;color:#FFFFFF;padding:0px 0px 0px 0px;float:left;} #solarpv03 h3 {background-image: url(images/solarpv03_title03.gif);background-repeat:no-repeat;text-indent:-900em;height:26px;border-bottom:0px dotted black;margin:8px 0 0 0;} #solarpv03 p {margin:6px 0 3px 0px;} #solarpv03 img {margin:2px 0 3px 0px;} #solarpv03 a {text-indent:-900em;width:215px;height:28px;display:block;text-decoration:none;} #image_solarpv03 {background-color:none;height:90px;width:215px;text-indent:-900em;font-size:10px;background-image: url(images/solarpv03.jpg);} /* -------------------------------------------------- HEAT PUMPS -------------------------------------------------- */ #col01 {border-top: 0px solid #0066CC;width:333px;margin-right:0px;color:#FFFFFF;padding:0px 0px 0px 0px;float:left;} #col01 h3 {background-image: url(images/heatpumps01_title01.gif);background-repeat:no-repeat;text-indent:-900em;height:26px;border-bottom:0px dotted black;margin:8px 0 0 0;} #col01 p {margin:6px 0 3px 0px;} #col01 img {margin:2px 0 3px 0px;} #col01 a {text-indent:-900em;width:333px;height:28px;display:block;text-decoration:none;} #image_col01 {background-color:none;height:90px;width:333px;text-indent:-900em;font-size:10px;background-image: url(images/heatpumps01.jpg);} #col02 {border-top: 0px solid #0066CC;width:332px;margin-right:0px;color:#FFFFFF;padding:0px 0px 0px 0px;float:left;} #col02 h3 {background-image: url(images/heatpumps02_title02.gif);background-repeat:no-repeat;text-indent:-900em;height:26px;border-bottom:0px dotted black;margin:8px 0 0 0;} #col02 p {margin:6px 0 3px 0px;} #col02 img {margin:2px 0 3px 0px;} #col02 a {text-indent:-900em;width:332px;height:28px;display:block;text-decoration:none;} #image_col02 {background-color:none;height:90px;width:332px;text-indent:-900em;font-size:10px;background-image: url(images/heatpumps02.jpg);} /* -------------------------------------------------- WIND TURBINES -------------------------------------------------- */ #col01_wind {border-top: 0px solid #0066CC;width:333px;margin-right:0px;color:#FFFFFF;padding:0px 0px 0px 0px;float:left;} #col01_wind h3 {background-image: url(images/wind_title01.gif);background-repeat:no-repeat;text-indent:-900em;height:26px;border-bottom:0px dotted black;margin:8px 0 0 0;} #col01_wind p {margin:6px 0 3px 0px;} #col01_wind img {margin:2px 0 3px 0px;} #col01_wind a {text-indent:-900em;width:333px;height:28px;display:block;text-decoration:none;} #image_col01_wind {background-color:none;height:90px;width:333px;text-indent:-900em;font-size:10px;background-image: url(images/wind01.jpg);} #col02_wind {border-top: 0px solid #0066CC;width:332px;margin-right:0px;color:#FFFFFF;padding:0px 0px 0px 0px;float:left;} #col02_wind h3 {background-image: url(images/wind_title02.gif);background-repeat:no-repeat;text-indent:-900em;height:26px;border-bottom:0px dotted black;margin:8px 0 0 0;} #col02_wind p {margin:6px 0 3px 0px;} #col02_wind img {margin:2px 0 3px 0px;} #col02_wind a {text-indent:-900em;width:332px;height:28px;display:block;text-decoration:none;} #image_col02_wind {background-color:none;height:90px;width:332px;text-indent:-900em;font-size:10px;background-image: url(images/wind02.jpg);} /* -------------------------------------------------- FOOTER STYLES - LOGO BAND -------------------------------------------------- */ #smart h3 {background-image: url(images/smartway.gif);background-repeat:no-repeat;text-indent:-900em;height:56px;border-bottom:0px dotted black;margin:0 0 0 0;} #info {position:absolute;top:16px;left:15px;width:400px;float:left;} #info h3 {margin:0 0 0 0;font-size: 11px;font-weight: normal;} #doms_container {position: relative;height:56px;width:950px;background-image: url(images/smartway.gif);background-repeat:no-repeat;float:left;} .sharelist {float:left;margin:0px 0px 12px 0px;width:950px;display:inline;} .sharelist p {margin:15px 0px 0px 0px;padding:0px 0px 0px 0px;float:left;} .sharelist ul {margin:0;padding:0;list-style-type:none;} .sharelist li {float:left;margin-right:0px;display:block;border:0px solid #000;} .sharelist li.tweet {float:left;margin-right:0px;display:block;border:0px solid #000;width:170px;} .sharelist li.linkedin {float:left;margin-right:0px;display:block;border:0px solid #000;width:168px;} .sharelist li.facebook {float:left;margin-right:0px;display:block;border:0px solid #000;width:100px;} .sharelist li.facebooklike {float:left;margin-right:0px;display:block;border:0px solid #000;height:27px;} /* -------------------------------------------------- FOOTER - VALIDATION -------------------------------------------------- */ .footinfo {font-size:1.0em;float:left;display:inline;width:912px;} .footinfo ul {list-style:outside;text-align:left;margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px;display: block;} .footinfo li {display:block;float:left;padding: 0px 0px 0px 0px;margin:0px 0px 0px 0px;}/* margin:0px 0px 0px 20px; */ /* -------------------------------------------------- FOOTER - NAVIGATION -------------------------------------------------- */ #FooterNav {font-size:1.0em;width:950px;float:left;margin-top:0px;padding: 8px 0px 0px 0px;background-image: url(images/footergrad.jpg);background-repeat:no-repeat;} #FooterNav a {font-weight:normal;text-decoration:underline;} #FooterNav a:hover {text-decoration:underline;} #FooterNav ul {text-align:left;margin:8px 0px 0px 0px;} #FooterNav li {display:block;padding: 0px 0 0px 0px;margin:0px 0px 4px 0px;} #FooterNav hr {color:#000;background-color:#000;height:1px;border:0px;margin:8px 0px 0px 0px;width:100%;} ul#FooterNavEtc {margin:0px 0 0 0px;padding-left:0px;} ul#FooterNavEtc li {line-height:12px; padding-right:10px;margin-top:2px;} ul#FooterNavEtc li.float {padding:0 5px 0 5px;margin-right:0px;float:right;border-right:1px solid #0099c2;} ul#FooterNavEtc li.float-noborder {padding:0 0 0 5px;margin-right:0px;float:right;} ul#FooterNavEtc li.nomarginleft {margin-left:0px;padding-left:0px;padding-right:5px;margin-top:2px;float:left;border-right:1px solid #0099c2;} ul#FooterNavEtc li.border {margin-left:0px;padding-left:5px;padding-right:5px;margin-top:2px;float:left;border-right:0px solid #0099c2;} /* -------------------------------------------------- FOOTER - NAVIGATION - COPYRIGHT -------------------------------------------------- */ #copyright {font-size:0.9em;width:960px;float:left;margin:12px 0 16px 0px;padding:0px 0px 0px 0px;display:inline;} #copyright ul {list-style:outside;text-align:left;margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px;display: block;} #copyright li {display: block;float:left;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;} /* INSTALLER LOGOS */ #approvedinstaller { float:left; margin:16px 0px 0px 0px; height:66px; width:215px; text-indent:-900em; font-size:10px; background-image: url(images/approvedinstaller.gif); } .gallthumb{ float:left; margin:0 20px 0 0; } .gallthumb a:link img,.gallthumb a:visited img,.gallthumb a:hover img,.gallthumb a:active img{ border:1px solid white; } .gallthumb_nomargin{ float:left; margin:0 0 0 0; } .gallthumb_nomargin a:link img,.gallthumb_nomargin a:visited img,.gallthumb_nomargin a:hover img,.gallthumb_nomargin a:active img{ border:1px solid white; } .breaker{ float:left; clear:both; height:20px; width:100%; } /* located in demo.css and creates a little calendar icon * instead of a text link for "Choose date" */ a.dp-choose-date { float: left; width: 16px; height: 16px; padding: 0; margin: 5px 3px 0; display: block; text-indent: -2000px; overflow: hidden; background: url(calendar.png) no-repeat; } a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; } /* makes the input field shorter once the date picker code * has run (to allow space for the calendar icon */ input.dp-applied { width: 140px; float: left; }