/* Dark green - 00492c Light green - eef8ec */ * { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; } body {margin:0;font-size:.85em; background:#fff url(../images/common/bg.gif) top center repeat-x;} img, img a:link {border:0;} p, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal;} h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } img { border:0; padding:0; margin:0; line-height:100%;} hr { display:none; } form { margin:0; padding:0; } .accessibility { display: none; } #wrapper { width: 960px; margin:40px auto 20px; background-color:#fff;} #header {margin:0 auto;width:960px;position:relative;height:102px;font-size:95%; background:#fff url(../images/common/header_banner.jpg) 0px 2px no-repeat;} #logo { width:188px; height:96px; position:absolute; left:10px; top:10px; } #logo span {display:none} #call-us { width:184px; height:22px; position:absolute; left:600px; top:20px; background:#fff url(../images/common/call-us.gif) top left no-repeat; margin:0; padding:0; } #call-us span {display:none} #wrapper #content { } #wrapper #content h1 { background-color:#d31145; border-bottom:2px solid #fff; color:#fff; padding:5px 15px; text-transform:uppercase; font-style:italic; font-weight:bold; } #wrapper #content h1 span { font-weight:normal; } #wrapper #content h2 { color:#fff; margin-bottom:10px; padding:5px 0; font-size:1.5em; } #wrapper #content h3 { color:#fff; padding:0 0 0 50px; font-size:1.2em; text-transform:uppercase; font-style:italic; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-weight:bold; } #wrapper #content p { color:#fff; margin:10px 0; } #wrapper #content a, #wrapper #content a:link, #wrapper #content a:visited, #wrapper #content a:hover, #wrapper #content a:active { color:#fff; text-decoration:underline; } #wrapper #content ul, #wrapper #content ol { color:#fff; margin:0 0 10px 50px; padding:0 20px 0 20px; } #wrapper #content ul li, #wrapper #content ol li { margin:0; padding:0; } #wrapper #content #col-left { float:left; padding:0 15px 0 0; width: 263px; padding-right: 10px;} #wrapper #content #col-right { float:left; width:687px; padding:0; } #wrapper #content #box { margin:0 10px 0 0; height:310px; overflow:auto; position:relative; width: 667px; background-image: url(images/common/bg_specialist.jpg); background-attachment: scroll; visibility: visible; top: 0; } #wrapper #content #box p { padding:10px 10px 0 10px; } #wrapper #content #box h2 { padding:5px 10px 5px 10px; color:#fff; } #wrapper #content #box .start-saving { position:absolute; top:auto; right:14px; visibility: visible; } #wrapper #content.home #box { } #wrapper #content.home #box h2 { background: url(../images/common/icon-home.png) 10px 5px no-repeat; padding-left:40px; } #wrapper #content.water #box { background: #0a54a3 url(../images/common/watermark-water.png) 350px 130px no-repeat; } #wrapper #content.water #box h2 { background: url(../images/common/icon-water.png) 10px 5px no-repeat; padding-left:40px; } #wrapper #content.gas #box { background: #0a54a3 url(../images/common/watermark-gas.png) 300px 130px no-repeat; } #wrapper #content.gas #box h2 { background: url(../images/common/icon-gas.png) 10px 7px no-repeat; padding-left:45px; } #wrapper #content.electric #box { background: #0a54a3 url(../images/common/watermark-electric.png) 350px 130px no-repeat; } #wrapper #content.electric #box h2 { background: url(../images/common/icon-electric.png) 10px 4px no-repeat; padding-left:35px; } #wrapper #content.carbon #box { background: #0a54a3 url(../images/common/watermark-carbon.png) 350px 130px no-repeat; } #wrapper #content.carbon #box h2 { background: url(../images/common/icon-carbon.png) 10px 4px no-repeat; padding-left:35px; } #wrapper #content.energy #box { background: #0a54a3 url(../images/common/watermark-energy.png) 300px 130px no-repeat; } #wrapper #content.energy #box h2 { background: url(../images/common/icon-energy.png) 10px 6px no-repeat; padding-left:40px; } #wrapper #content.telecom #box { background: #0a54a3 url(../images/common/watermark-telecom.png) 300px 130px no-repeat; } #wrapper #content.telecom #box h2 { background: url(../images/common/icon-telecom.png) 10px 6px no-repeat; padding-left:40px; } #wrapper #content.mobile #box { background: #0a54a3 url(../images/common/watermark-mobile.png) 300px 130px no-repeat; } #wrapper #content.mobile #box h2 { background: url(../images/common/icon-mobile.png) 10px 4px no-repeat; padding-left:48px; } #wrapper #content.specialist #box { background: #0a54a3 url(../images/common/watermark-specialist.png) 280px 80px no-repeat; } #wrapper #content.specialist #box h2 { background: url(../images/common/icon-specialist.png) 10px 5px no-repeat; padding-left:48px; } /* sub pages cover lower menu */ #wrapper #content.sub #box { background-color: #0a54a3; background-repeat: no-repeat; background-position: 280px 80px; } #wrapper #content.sub #box h2 { background: url(../images/common/icon-home.png) 10px 5px no-repeat; padding-left:48px; } /* Content area backgrounds */ #wrapper #content #box.bg_home{ background-image: url(../images/common/ContentBackground.jpg); background-repeat: no-repeat; background-position: 0px 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0; padding-left: 0px; width: 684px; } #wrapper #content #box.bg_gas{ padding: 0px; background-image: url(../images/common/ContentBackground.jpg); background-repeat: no-repeat; background-position: 0px 0px; background-attachment: scroll; display: inherit; width: 684px; } #wrapper #content #box.bg_electric{ padding: 0px; background-image: url(../images/common/ContentBackground.jpg); background-repeat: no-repeat; background-position: 0px 0px; width: 684px; } #wrapper #content #box.bg_carbon{ padding: 0px; background-color: #3184A9; background-image: url(../images/common/ContentBackground.jpg); background-repeat: no-repeat; background-position: 0px 0px; width: 684px; } #wrapper #content #box.bg_water{ padding: 0px; background-color: #3184A9; background-image: url(../images/common/ContentBackground.jpg); background-repeat: repeat-x; background-position: 0px 0px; width: 684px; } #wrapper #content #box.bg_energy{ padding: 0px; background-image: url(../images/common/ContentBackground.jpg); background-repeat: no-repeat; background-position: 0px 0px; width: 684px; } #wrapper #content #box.bg_telecom{ padding: 0px; background-color: #3184A9; background-image: url(../images/common/ContentBackground.jpg); background-repeat: repeat-x; background-position: 0px 0px; width: 684px; } #wrapper #content #box.bg_mobile{ padding: 0px; background-image: url(../images/common/ContentBackground.jpg); background-repeat: repeat-x; background-position: 0px 0px; width: 684px; } #wrapper #content #box.bg_specialist{ padding: 0px; background-image: url(../images/common/ContentBackground.jpg); background-repeat: repeat-x; background-position: 0px 0px; width: 684px; } #wrapper #content #box.bg_sub{ padding: 0px; background-image: url(../images/common/ContentBackground.jpg); background-repeat: repeat-x; background-position: 0px 0px; width: 684px; } #wrapper #content .testimonial { color:#fff; height:310px; font-size:12px; line-height:130%; margin: 0; padding: 0; width: 263px; } #wrapper #content .testimonial .comment-top { padding-top: 0.7em; } #wrapper #content .testimonial .comment-bottom { background: url(../images/common/comment-big-bottom.png) bottom right no-repeat; padding:40px 0; padding-bottom: 0.2em; } #wrapper #content .testimonial .name { text-align:right; margin-right:15px; } #wrapper #content.home .testimonial { background-color: #2f458c; } #wrapper #content.gas .testimonial { background-color: #0c6e80; } #wrapper #content.electric .testimonial { background-color: #1a8b71; } #wrapper #content.water .testimonial { background-color: #a6cf43; } #wrapper #content.energy .testimonial { background-color: #f3d20e; } #wrapper #content.telecom .testimonial { background-color: #fbad22; } #wrapper #content.mobile .testimonial { background-color: #f47421; } #wrapper #content.specialist .testimonial { background-color: #ec1c24; } /* homepage */ #wrapper #content #left { float:left; width:445px; padding:0; margin:0; background-color:#d31145; border-right:17px solid #fff; } #wrapper #content-home #right { float:left; width:338px; padding:0; background-color:#d31145;} #wrapper #content-home h1 { color:#fff; padding:5px; font-size:170%; text-transform:uppercase; font-style:italic; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-weight:bold; } #wrapper #content-home h2 { color:#fff; padding:5px; font-size:150%; text-transform:uppercase; font-style:italic; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-weight:bold; } #wrapper #content-home p { color:#fff; margin:0 20px 10px 5px; } #wrapper #content-home .split { border-top:17px solid #fff; } #wrapper #content-home h2 span { font-weight:normal; } #wrapper #content-home p.home-more { position:absolute; bottom:0; right:0px; text-align:right; } #wrapper #content-home p.home-more a, #wrapper #content-home p.home-more a:link, #wrapper #content-home p.home-more a:visited, #wrapper #content-home p.home-more a:hover, #wrapper #content-home p.home-more a:active { background-color:#e88f8d; text-transform:uppercase; padding:3px; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-style:italic; text-decoration:none; font-weight:bold; font-size:120%; color:#fff; } #wrapper #content-home p.home-left-more { text-align:right; } #wrapper #content-home p.home-left-more a, #wrapper #content-home p.home-left-more a:link, #wrapper #content-home p.home-left-more a:visited, #wrapper #content-home p.home-left-more a:hover, #wrapper #content-home p.home-left-more a:active { background-color:#e88f8d; text-transform:uppercase; padding:3px; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-style:italic; text-decoration:none; font-weight:bold; font-size:120%; color:#fff; } #wrapper #subnav ul{ padding: 0 0 5px 0; margin:0; text-transform:uppercase; list-style-type:none; background:#fff; } #wrapper #subnav li { display: block; margin: 0; font-size:11px; } #wrapper #subnav li a, #wrapper #subnav li a:link, #wrapper #subnav li a:visited, #wrapper #subnav li a:hover, #wrapper #subnav li a:active { background:url(../images/common/subnav-bg.gif) no-repeat; text-decoration: none; margin:0; padding:0 0 0 16px; color: #fff; display:block; height:21px; line-height:21px; } .floatleft { float:left} .floatright { float:right; } #nav ul{ margin: 0; padding: 0; margin-left: 0; font: normal 12px Verdana; font-style:italic; text-transform:uppercase; list-style-type:none; position:absolute; bottom:0; right:0; width: 772px;} #nav li { display: inline; margin: 0; } #nav li a, #nav li a:link, #nav li a:hover, #nav li a:active { text-decoration: none; margin:0; padding: 0; color: #fff; float:left; margin:0; height:69px } #nav li span { display:none; } #nav li a#nav1 { width: 84px; background-image: url(../images/common/home_down.gif); background-repeat: no-repeat; background-position: left bottom; } #nav li a#nav1:hover { background: url(../images/common/home_up.gif) top left no-repeat; width: 84px; } #nav li a#nav2 { width: 84px; background-image: url(../images/common/gas_down.gif); background-repeat: no-repeat; background-position: left bottom; } #nav li a#nav2:hover, #nav li a#nav2-selected, #nav li a#nav2-selected:hover { background: url(../images/common/gas_up.gif) top left no-repeat; width: 84px; } #nav li a#nav3 { width: 84px; background-image: url(../images/common/electric_down.gif); background-repeat: no-repeat; background-position: left bottom; } #nav li a#nav3:hover, #nav li a#nav3-selected, #nav li a#nav3-selected:hover { background: url(../images/common/electric_up.gif) top left no-repeat; width: 84px; } #nav li a#nav4 { width: 84px; background-image: url(../images/common/water_down.gif); background-repeat: no-repeat; background-position: left bottom; } #nav li a#nav4:hover, #nav li a#nav4-selected, #nav li a#nav4-selected:hover { background: url(../images/common/water_up.gif) top left no-repeat; width: 84px; } #nav li a#nav5 { width: 84px; background-image: url(../images/common/energy_efficiency_down.gif); background-repeat: no-repeat; background-position: left bottom; } #nav li a#nav5:hover, #nav li a#nav5-selected, #nav li a#nav5-selected:hover { background: url(../images/common/energy_efficiency_up.gif) top left no-repeat; width: 84px; } #nav li a#nav6 { width: 84px; background-image: url(../images/common/carbon_down.gif); background-repeat: no-repeat; background-position: left bottom; } #nav li a#nav6:hover, #nav li a#nav6-selected, #nav li a#nav6-selected:hover { background: url(../images/common/carbon_up.gif) top left no-repeat; width:84px; } #nav li a#nav7 { width: 84px; background-image: url(../images/common/telecom_down.gif); background-repeat: no-repeat; background-position: left bottom; } #nav li a#nav7:hover, #nav li a#nav7-selected, #nav li a#nav7-selected:hover { background: url(../images/common/telecom_up.gif) top left no-repeat; width: 84px; } #nav li a#nav8 { width: 84px; background-image: url(../images/common/mobile_down.gif); background-repeat: no-repeat; background-position: left bottom; } #nav li a#nav8:hover, #nav li a#nav8-selected, #nav li a#nav8-selected:hover { background: url(../images/common/mobile_up.gif) top left no-repeat; width:84px; } #nav li a#nav9 { width: 84px; background-image: url(../images/common/specialist_division_down.gif); background-repeat: no-repeat; background-position: left bottom; } #nav li a#nav9:hover, #nav li a#nav9-selected, #nav li a#nav9-selected:hover { background: url(../images/common/specialist_division_up.gif) top left no-repeat; width:84px; } /* shared */ .clearer {font-size:0px;clear:both} .lowercase { text-transform:lowercase; } .imageleft { float:left; margin: 0 10px 10px 0; font-size:80%; color:#999; text-align:left; } .imageright { float:right; margin: 0 0 10px 10px; font-size:80%; color:#999; text-align:right; } .imageleft p, .imageright p { padding:0; margin:0; } .imageright img, .imageleft img { border:3px solid #eee; margin:0; padding:3px; } /* footer */ #footer { width:960px; margin: 5px 0; padding-bottom: 2px; background-color: #FFFFFF; background-image: url(../images/common/logos.jpg); background-repeat: no-repeat; background-position: center; } html*#footer, * html #footer /* for IE7 and IE6 */ {margin: -5px 0 0;} #footer .footnav { color:#3184A9; font-size:90%; margin: 0; } #footer .footnav p {margin:0; padding:0; text-align:center;} /* #footer .footnav a {padding-right:12px;margin-right:10px;border-right:1px solid #3b82c4;color:#3b82c4;text-decoration:none; font-weight:bold; } */ #footer .footnav a.last {border:none; } /* forms */ legend { display:none; } fieldset { border:none; margin:0; padding:0; font-size:11px; } #banner { margin:0 0 10px 0; padding:0; position: relative;} #banner img { display:block; } .spaceabove { margin-top:20px; } .spacebelow { margin-bottom:20px; } .spaceright { margin-right:5px;} .border-right { border-right:1px solid #ccc;} #wrapper #content #col-right p.news-nav { text-align:right; } #wrapper #content #col-right p.news-nav a, #wrapper #content #col-right p.news-nav a:link, #wrapper #content #col-right p.news-nav a:visited, #wrapper #content #col-right p.news-nav a:hover, #wrapper #content #col-right p.news-nav a:active { background-color:#e88f8d; text-transform:uppercase; padding:3px; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-style:italic; text-decoration:none; font-weight:bold; font-size:120%; } #wrapper #content #table { margin:20px;} #wrapper #content #table h2 { color:#fff; margin-bottom:10px; background-color: #e88f8d; padding:5px 0 5px 20px; font-size:1.2em; text-transform:uppercase; font-style:italic; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-weight:bold; } #wrapper #content #table table p { padding:3px; margin:0;} #wrapper #content #table table td { border-bottom:1px solid #fff; border-right:1px solid #fff; padding:0; margin:0;} #wrapper #content #table table { border-top:1px solid #fff; border-left:1px solid #fff; padding:0; margin:0;} #wrapper #content #request-form { margin:15px;} #wrapper #content #request-form h2 { padding:10px; font-size:1.2em; } #wrapper #content #request-form p { margin:10px; } #wrapper #content #request-form .left { float:left; width:130px;} #wrapper #content #request-form .right { float:left; width:570px; margin-left:10px; color:#fff;} #wrapper #content #request-form .left p { background-color:#e88f8d; margin:0 0 10px 0; text-transform:uppercase; padding:3px; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-style:italic; text-decoration:none; font-weight:bold; font-size:120%; text-align:right;} #wrapper #content #request-form input[type='text'] { padding:2px; margin:0; color:#666; width:220px; height:16px; } #wrapper #content #request-form .button { border:none; background-color:#e88f8d; color:#fff; padding:10px; margin:20px 0 0 0; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:120%; font-style:italic; font-weight:bold; text-transform:uppercase; } #wrapper #content #request-form .wider { width:185px;} /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* --- from inetgenii.css --- */ body { background-image:url(../images/page_background.jpg) } .home-page-text-header { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:bold; } .home-page-text { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; } .text-navigation { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#3366FF; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* --- additions JW --- */ #quote, #quote2, #quote3 { position: absolute; top: 20px; left: 30px; width: 350px; color: #FFFFFF; font-size: 13px; line-height: 17px; background: url(../images/common/qt_open.png) top left no-repeat; padding-top: 0.7em; background-image: url(../images/common/qt_open.png); } #quote2 { width: 450px; top: 8px; } #quote3 {width: 350px;} .name { padding-top: 1em; text-align: right; font-size: 11px; line-height: 14px; margin-top: 0.2em; background-image: url(../images/common/qt_close.png); background-repeat: no-repeat; background-position: right top; } .title {font-size: 18px; } #saving {margin: 0 0 0 50px; width: 600px;} #testimonial {margin: 0 0 0 12px; width: 620px;} #saving td, #testimonial td {color: #FFFFFF; padding: 0 5px;} #saving .frmAns {background: #FFFFFF; color: #3b82c4; font-weight: bold; width: 250px; padding: 1px 3px; margin-left: 3px; border: none;} #saving .guide {font-size: 12px; } #saving .browse {width: 257px; margin-left: 3px;} #wagmp_map_1 { width: 250px; float: right; height: 250px; margin-left: 20px; margin-top: 20px; margin-right: 32px; margin-bottom: 20px; position: relative; top: 0; } .req {color: gold;} .white {color: white;} #ident {position: absolute; bottom: 0; left: 0;} .hidden {display: none; visibility:hidden} a:active, a:focus { outline: 0;} #wrapper #content #box.bg_contact { padding: 0px; background-image: url(../images/common/ContentBackground.jpg); background-repeat: repeat-x; background-position: 0px 0px; width: 684px; } #wrapper #content #box.bg_washroom { padding: 0px; background-image: url(../images/common/ContentBackground.jpg); background-repeat: repeat-x; background-position: 0px 0px; width: 684px; } #wrapper #content #box.bg_dxpage { padding: 0px; background-image: url(../images/common/ContentBackground.jpg); background-repeat: repeat-x; background-position: 0px 0px; width: 684px; } #wrapper #content #box.bg_test { padding: 0px; background-image: url(../images/common/ContentBackground.jpg); background-repeat: no-repeat; background-position: 0px 0px; width: 684px; } .boris2 { height: 55px; width: 684px; background-image: url(../images/common/HomeHeader.png); background-repeat: no-repeat; top: 0px; } .boris3 { height: 55px; width: 667px; background-image: url(../images/common/CarbonHeader.png); background-repeat: no-repeat; top: 0px; } .boris4 { height: 55px; width: 667px; background-image: url(../images/common/DXHeader.png); background-repeat: no-repeat; top: 0px; } .boris5 { height: 55px; width: 667px; background-image: url(../images/common/EnergyEfficiencyHeader.png); background-repeat: no-repeat; top: 0px; } .boris6 { height: 55px; width: 667px; background-image: url(../images/common/GasHeader.png); background-repeat: no-repeat; top: 0px; } .boris7 { height: 55px; width: 667px; background-image: url(../images/common/MobileHeader.png); background-repeat: no-repeat; top: 0px; } .boris8 { height: 55px; width: 667px; background-image: url(../images/common/StartsavingHeader.png); background-repeat: no-repeat; top: 0px; } .boris9 { height: 55px; width: 667px; background-image: url(../images/common/TelecomsHeader.png); background-repeat: no-repeat; top: 0px; } .boris10 { height: 55px; width: 667px; background-image: url(../images/common/WashroomHeader.png); background-repeat: no-repeat; top: 0px; } .boris11 { height: 55px; width: 667px; background-image: url(../images/common/ContactHeader.png); background-repeat: no-repeat; top: 0px; } .boris12 { height: 55px; width: 667px; background-image: url(../images/common/ElectricityHeader.jpg); background-repeat: no-repeat; top: 0px; } .boris13 { height: 55px; width: 684px; background-image: url(../images/common/SpecialistDivisionHeader.png); background-repeat: no-repeat; top: 0px; } .boris14 { height: 55px; width: 667px; background-image: url(../images/common/TestimonialsHeader.png); background-repeat: no-repeat; top: 0px; } .boris15 { height: 55px; width: 684px; background-image: url(../images/common/WaterHeader.png); background-repeat: no-repeat; top: 0px; }