html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font:normal 100%/16px Arial, Helvetica, sans-serif; } table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } table, td, th { vertical-align:top; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } a img { border:none; }  body { font-size:13px; color:#333; font-family:Arial, Helvetica, sans-serif; } h1 { font-size:22px; margin:0 0 15px; } h2 { font-size:20px; margin:0 0 18px; } h3 { font-size:16px; margin:0 0 15px; } h4 { font-size:14px; margin:0 0 15px; } h5 { font-size:12px; margin:0 0 15px; } h6 { font-size:11px; margin:0 0 20px; } h1, h2, h3, h4, h5, h6 { color:#05abef; font-weight:bold; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; } p { margin:0 0 1.5em; } a:focus, a:hover { color:#999; } a { color:#54a41b; text-decoration:none; outline:none !important; } a:focus { outline:1px dotted #000!important; } blockquote { margin:1.5em; color:#666; font-style:italic; } strong { font-weight:bold; } em, dfn { font-style:italic; } dfn { font-weight:bold; } sup, sub { line-height:0; } abbr, acronym { border-bottom:1px dotted #666; } address { margin:0 0 1.5em; } address a { color:#00AAEF; } del { color:#666; } pre, code { margin:1.5em 0; white-space:pre; } pre, code, tt { font:1em Arial, Helvetica, sans-serif; line-height:1.5; } li ul, li ol { margin:0 1.5em; } ul, ol { margin:0 1.5em 1.5em 1.5em; } ul { list-style-type:disc; } ol { list-style-type:decimal; } dl { margin:0 0 1.5em 0; } dl dt { font-weight:bold; } dd { margin-left:1.5em; } table { margin-bottom:1.4em; width:100%; } th { font-weight:bold; } th, td { padding:4px 10px 4px 5px; } tr.even td { background:#E5ECF9; } tfoot { font-style:italic; } caption { background:#eee; } button { cursor:pointer; } small { font-size:11px; color:#999; font-weight:normal; line-height:14px; } a.more { border:1px solid #c2dfad; background:#b9eb9b url(/site/water/skins/water-v1-en/images/bg-more.gif) repeat-x 0 0; font-size:15px; font-weight:bold; padding:5px 10px; float:left; cursor:pointer; } input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; outline:none; } blockquote { background:url(/site/water/skins/water-v1-en/images/bg-common.gif) no-repeat -469px -317px; margin:0 0 20px; padding:5px 0 0 0; text-indent:39px; color:#999; font-size:18px; font-style:italic; line-height:22px; } div.highlight { border-top:1px solid #999; border-bottom:1px solid #999; padding:13px 0 0 0; margin:0 0 20px; color:#05abef; } .water-conservation div.highlight{ border:0px; padding:0px; margin:0px; background:none !important; } div.highlight h2 { margin:0; padding:0 0 10px; color:#05abef; } a { outline:none !important; }  body{ background:url(/site/water/skins/water-v1-en/images/bg-body.gif) repeat-x left top; } body.water-conservation{ background:url(/site/water/skins/water-v1-en/images/bg-body-water-conservation.gif) repeat-x left top; } .small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; } .large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; } .hide { display:none; } .quiet { color:#666; } .loud { color:#000; } .added { background:#060; color:#fff; } .removed { background:#900; color:#fff; } .first { margin-left:0; padding-left:0; } .last { margin-right:0; padding-right:0; } .top { margin-top:0; padding-top:0; } .bottom { margin-bottom:0; padding-bottom:0; } .float-left { float:left; } .float-right { float:right; } .clear { clear:both; } .no-border { border:none!important; } .b-space { margin-bottom:18px !important; }   .outer-container{ float:left; width:100%; } #container { width:940px; margin:0 auto; }    #header { width:940px; height:152px; margin-bottom:52px; padding:38px 0 0 0; position:relative; z-index:9; } .water-conservation #header{ padding:15px 0 0 0; } #header .logo { margin:0; padding:0; position:absolute; width:156px; height:80px; top:55px; left:0; } .water-conservation #header{ background:url(/site/water/skins/water-v1-en/images/bg-header.gif) no-repeat right 0; } .water-conservation #header .header-title{ float:left; padding:8px 0; margin-left:300px; } .water-conservation #header .logo{ width:280px; top:25px; } #header h1 { margin-bottom:0; } #header h1 a, #header div.logo a { height:80px; display:block; text-indent:-999em; } .water-conservation #header .logo a{ width:233px; height:62px; float:left; } .water-conservation #header .sub-logo{ margin-left:10px; display:inline; width:113px !important; } form.search { width:250px; height:30px; float:right; border:1px solid #e6e6e6; margin-top:1px; background:#fff; } .water-conservation form.search{ width:195px; height:29px; margin-top:-5px; } form.search input.txt { border:0; width:165px; margin:7px 0 8px 10px; color:#999; font-size:12px; float:left; } .water-conservation form.search input.txt{ width:115px; font-size:11px; } form.search input.submit { float:right; margin:0; } .right-logo{ float:right; margin:17px 0 10px 0; width:60px; height:40px; overflow:hidden; } .water-conservation .right-logo{ margin-top:0px; } .nav-global{ clear:both; float:right; margin-bottom:11px; width:730px; } #nav-global { float:right; margin:0; padding:9px 12px 0 0; } .water-conservation .nav-global{ width:655px; margin-bottom:19px; } .ie .water-conservation .nav-global{ width:655px; margin-bottom:16px; } .water-conservation #nav-global{ padding:5px 7px 0 0; float:left; } #nav-global li { float:left; list-style:none; background:url(/site/water/skins/water-v1-en/images/bg-common.gif) no-repeat 0 4px; height:16px; } #nav-global li.first { background:none; } #nav-global li a { font-size:11px; color:#666; padding:0 6px 0 10px; float:left; } #nav-global li.arabic { margin-top:-3px; background-position:0 6px; } #nav-global li.arabic a { font-size:13px; font-family:tahoma; font-weight:bold; } #nav-global li a:hover, #nav-global li.current a { color:#999; } #nav-main{ float:left; padding:10px 20px 0px 20px; margin:0; background:url(/site/water/skins/water-v1-en/images/bg-nav.jpg) repeat-x left 0; width:900px; height:30px; position:relative; z-index:90; } .ie6 #nav-main{ float:none; } #nav-main li{ float:left; list-style:none; background:url(/site/water/skins/water-v1-en/images/bg-nav-seperator.gif) no-repeat right 0; padding-right:2px; } #nav-main li a{ color:#f6f6f6; padding:2px 16px 13px 16px; font-size:13px; font-weight:bold; background:none; display:block; } #nav-main li a:hover,#nav-main li.current a,#nav-main li.active a{ background:url(/site/water/skins/water-v1-en/images/bg-nav.gif) no-repeat center bottom; } #nav-main li.first a,#nav-main li.first li.first a{ padding:2px 16px 13px 0; } #nav-main li.last{ background:none; } #nav-main ul{ margin:0; padding:20px 0 0 0; width:900px; text-align:right; display:none; position:absolute; left:20px; top:40px; height:30px; } #nav-main li li { float:left; list-style:none; background:none; } #nav-main li li a,#nav-main li.first li a{ padding:1px 14px; display:block; background:url(/site/water/skins/water-v1-en/images/bg-common.gif) no-repeat right 1px; }  .ie #nav-main li li a{ background-position:right 2px; } #nav-main li li a:hover,#nav-main li.current li a,#nav-main li.active li a{ background:url(/site/water/skins/water-v1-en/images/bg-common.gif) no-repeat right 1px; } #nav-main li li.last a{ background:none; padding-right:0; } #nav-main li li.current a{ color:#666; } #nav-header { position:absolute; left:0; top:10px; margin:0; width:940px; padding:0; z-index:999; height:31px; } #nav-header li { float:left; list-style:none; } #nav-header li a { padding:1px 12px 1px 0; display:block; color:#333; margin-right:12px; font-size:14px; } #nav-header li.last a { background:none; } #nav-header li a:hover, #nav-header li.current a { color:#666; } #nav-header li.more-link{ float:right; width:90px; height:20px; } #nav-header .more{ float:right; background:url(/site/water/skins/water-v1-en/images/btn-more.gif) no-repeat left top; padding:0; text-indent:-999em; display:block; width:60px; height:30px; margin:0; border:none; } #nav-header .more:hover,#nav-header .active .more{ background:url(/site/water/skins/water-v1-en/images/btn-more-on.gif) no-repeat left top !important; } #nav-header ul{ display:none; width:166px; background:#f5f5f5; position:absolute; top:30px; right:0; z-index:999; padding:10px; margin:0; } #nav-header ul li{ border-bottom:1px solid #e0e0e0; width:166px; } #nav-header ul li.last{ border:0; } #nav-header ul li a{ background:none; font-size:13px; color:#337108; padding:6px 0; }   #wrap { float:left; width:100%; } #content { width:620px; padding:0 20px 0 0; float:left; min-height:400px; height:auto !important; height:400px; } .full-width { width:100% !important; padding:0!important; } .home #content { width:620px; padding:0; } #content p { padding:0 0 18px; margin:0; } #content p a { color:#00AAEF; } #content a:hover { color:#999; } #content table { width: 100%; float:left; border-collapse: collapse; margin:0 0 18px 0; } #content th { background-color:#ebebeb; color: #333; padding:7px 0 6px 14px; text-align: left; } #content td { padding:7px 0 6px 14px; border-bottom: 1px solid #e2e2e2; font-weight: normal; vertical-align: top; color:#333; } #content tr:nth-child(odd) { background-color: #ededed; } #content ul { margin:0 0 18px; padding:0; list-style:none; width:100%; } #content ul li { background:url(/site/water/skins/water-v1-en/images/bullet.gif) no-repeat 0 4px; padding:0 0 12px 10px; } .water-conservation #content ul li{ background:url(/site/water/skins/water-v1-en/images/bullet-blue.gif) no-repeat 0 4px; } #content ul ul { padding:7px 0 0 0; margin:0; } #content ul li li { background:url(/site/water/skins/water-v1-en/images/bullet-01.gif) no-repeat 0 5px; margin:0 0 6px 10px; } #content ul ul ul { padding:7px 0 0 0; margin:0; } #content ul li li li { background:url(/site/water/skins/water-v1-en/images/bullet-02.gif) no-repeat 0 7px; margin:0 0 4px 10px; } #content .faq-list{ float:left; width:100%; margin:0px; } .water-conservation #content .faq-list li{ float:left; width:100%; padding:0px; margin:0 0 13px; background:none; border-bottom:1px solid #E5E5E5; } .water-conservation #content .faq-list li.last{ border:0px; } .water-conservation #content .faq-list li h3{ background:url(/site/water/skins/water-v1-en/images/arrow-faq.gif) no-repeat 2px 1px; padding:0 0 0 20px; } .water-conservation #content .faq-list li.selected h3{ background:url(/site/water/skins/water-v1-en/images/arrow-faq-on.gif) no-repeat 0 5px !important; } .water-conservation #content .faq-list li h3 a{ color:#333; } .faq-answer{ padding:0 0 0 20px; float:left; width:600px; float:none; } .ie .faq-answer{ float:none; } div.breadcrumb { width:100%; color:#999; font-size:12px; padding:0 0 9px 0; margin:0 0 20px; border-bottom:1px solid #e5e5e5; } div.breadcrumb a { color:#666; background:url(/site/water/skins/water-v1-en/images/bg-common.gif) no-repeat right -30px; padding:0 10px 0 0; margin:0 4px 0 0; } div.breadcrumb a:hover { color:#999; } .mac.safari div.breadcrumb a, .mac.ff3 div.breadcrumb a { background-position:right -32px; } span.search-title { display:block; float:left; width:100%; padding:0 0 12px; margin:0 0 11px; border-bottom:1px solid #e5e5e5; } div.casestudy { margin-bottom:10px; } div.casestudy p { margin:0px; padding:0 0 10px !important; } #content .list { width:100%; float:left; } .problem #content .list { border-top:1px solid #e5e5e5; padding-top:15px; margin-top:-10px; position:relative; } #content .list li { width:100%; float:left; padding:0 0 15px; margin:0 0 11px; border-bottom:1px solid #e5e5e5; background:none; } .problem #content .list li { margin-bottom:15px; } #content .list li.last { margin:0; border:0; padding:0; } #content .list a.thumb { float:left; width:100px; height:86px; padding-right:20px; margin-top:4px; } .problem #content .list a.thumb { width:160px; height:120px; margin-top:0; } #content .list div { float:left; width:500px; } .problem #content .list div { width:440px; } #content .list li h3, #content .list li h2 { margin:0; font-weight:bold; font-size:14px; margin:0 0 4px 0; } #content .downloads li h3 { margin-bottom:12px; } #content .downloads li p { position:relative; margin-top:-8px; } .download #content .list li h3, .download #content .list li h2 { color:#05abef; } #content .list li h3 a, #content .list li h2 a { margin:0; font-weight:bold; font-size:14px; color:#05ABEF; } .results #content .list li h3 a, .results #content .list li h2 a { color:#55a51c; } #content .list li h3 a:hover, #content .list li h2 a:hover { color:#999; } #content .list p { padding:0 0 9px 0; } .news #content .list p, #content .list-tip p { margin:0; padding:0; } #content .form { float:left; width:100%; } #content .form li { float:left; width:100%; background:none; padding:0 0 9px 0; margin:0 0 11px 0; border-bottom:1px solid #e5e5e5; } #content .form li.submit { border:0; padding:0; margin:0; } #content .form li.submit input { padding:8px 0 0 240px; text-align:left; float:left; } .ie6 #content .form li.submit input { padding-left:242px; } #content .form li.hidden { display:none; } #content .form li.mandatory { background:url(/site/water/skins/water-v1-en/images/icon-mandatory.gif) no-repeat 226px 5px; } .info-contact { float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:0 0 16px 0; margin:0 0 22px; font-size:13px; line-height:18px; } .info-contact a { color:#00AAEF; } .contact .info-contact { margin:-8px 0 13px 0; position:relative; } .case-studies .info-contact { padding:0 0 11px; margin:0 0 15px; } #content p.mandatory { margin:0; } .case-studies #content p.mandatory { margin:-25px 0 13px 0; position:relative; padding:0 0 11px 0; border-bottom:1px solid #e5e5e5; float:left; } .contact #content p.mandatory { position:relative; margin:-7px 0 13px 0; clear:both; width:100%; } .ie .contact #content p.mandatory { margin:-3px 0 13px 0; } #content .form label { width:240px; float:left; } #content .form label.error { font-size:11px; color:#999; width:230px; margin-top:-8px; position:relative; } #content .form #wrap_pledgeForm_pledge label.error { margin-top:-279px; } .ie #content .form #wrap_pledgeForm_emirate label.error, .safari #content .form #wrap_pledgeForm_emirate label.error, .ie #content .form #wrap_pledgeForm_hearAboutUs label.error, .safari #content .form #wrap_pledgeForm_hearAboutUs label.error { margin-top:-4px; } .ie #content .form #wrap_pledgeForm_pledge label.error { margin-top:-247px; } #content .form #wrap_newsletter label.error { margin-top:-5px; } #content .form #wrap_contactForm_contactMessage label.error { margin-top:-59px; } #content .form .txt { border:1px solid #ccc; padding:4px 3px; width:221px; } #content .form .txt-select { width:229px; border:1px solid #ccc; padding:3px 2px; } #content .form textarea { border:1px solid #ccc; padding:3px; width:221px; height:65px; overflow:auto; } #content #pledgeForm_pledge { float:left; width:380px; } #content #pledgeForm_pledge ul { float:left; padding:0; } #content #pledgeForm_pledge ul li { float:left; margin:0; padding:0 0 17px 0; border:0; } .ie #content #pledgeForm_pledge ul li { padding-bottom:7px; } #content #pledgeForm_pledge ul li input { float:left; margin:2px 0 0 0; } #content #pledgeForm_pledge label { float:left; width:340px; padding-left:10px; } .ie #content #pledgeForm_pledge label { padding-top:5px; } #newsletter { float:left; width:380px; padding-top:4px; } .ie #newsletter { padding-top:0px; } #content .form #newsletter label { width:72px; } #content .form #newsletter span { width:72px; padding-left:5px; } #content .sitemap { float:left; width:940px; } #content .sitemap li { background:none; padding:0 0 0 0; width:329px; float:left; overflow:hidden; } #content .sitemap li.last { width:282px; } #content .sitemap ul { float:left; width:100%; } #content .sitemap ul li { float:left; width:300px; padding:0 0 7px; border-bottom:1px solid #EBEBEB; margin:0 0 8px; } #content .sitemap ul li.last { width:300px; border:0; } #content .sitemap li.filler { width:100%; padding:0; margin:0; clear:both; height:8px; } #content .sitemap h2 { margin:0; } #content .sitemap ul li a { background:url(/site/water/skins/water-v1-en/images/arrow.gif) no-repeat 0 5px; padding:0 0 0 15px; font-size:16px; font-weight:bold; } #content .sitemap ul li a:hover { background:url(/site/water/skins/water-v1-en/images/arrow-on.gif) no-repeat 0 5px; } .home #spotlight { float:left; width:620px; padding:0 20px 31px 0; height:440px; margin-top:25px; } .content-image{ padding:0 0 20px; } .problem .highlight { border:0; padding:0 0 47px 0;  margin:0 0 28px; } .contact #content h2 { margin:9px 0 0 0; clear:both; width:100%; float:left; } p.mandatory { font-size:11px; color:#666; } #content h3.search-title { margin:0 0 11px; padding:0 0 4px; border-bottom:1px solid #e5e5e5 } #content .listing { float:left; width:100%; } #content .listing li { background:url(/site/water/skins/water-v1-en/images/bullet-blue.gif) no-repeat 0 4px; padding:0 0 17px 12px; font-size:14px; } .excerpt { float:left; padding-right:15px; } #content .form-submission li { padding:0 0 15px; margin:0 0 15px; background:0; } #content .form-submission .col-one { float:left; width:284px; } #content .form-submission .col-one label { font-size:15px; color:#333; font-weight:bold; float:left; width:284px; padding:0 0 2px 0; } #content .form-submission .col-one p { clear:both; margin:0 0 2px 0; padding:0; } #content .form-submission .col-two { float:left; width:336px; } #content .form-submission li .txt { padding:3px 5px; width:304px; } #content .form-submission .col-two textarea { width:306px; border:1px solid #ccc; padding:5px; } #content .form-submission .col-two .file { width:318px; border:1px solid #ccc; padding:2px 5px; } #content button { font-family:Arial, Helvetica, sans-serif; color:#55a51c; background:#d9f4dd; cursor:pointer; font-size:15px; font-weight:bold; border:1px solid #c2dfad; } .form-submission span.mandatory { float:left; width:319px; padding:0 0 0 17px; background:url(/site/water/skins/water-v1-en/images/icon-mandatory.gif) no-repeat 0 4px; } .form-submission span.msg { padding-bottom:15px; } #wrap_casestudyForm_title span.msg, #wrap_casestudyForm_body span.msg { padding-bottom:0; } #content .form-submission li.submit input, .ie6 #content .form-submission li.submit input { padding-left:304px; } .sitemap .title { float:left; height:150px; } .case-studies h3, .case-studies h2 { clear:both; } #content .form-submission label.error { margin:0; } .pagination { float:left; width:100%; border-top:1px solid #e5e5e5; padding:12px 0; } .pagination .f-right { float:right; width:100px; color:#5c5c5c; text-align:right; } .pagination .prev { padding:0 2px 0 12px; background:url(/site/water/skins/water-v1-en/images/bg-common.gif) no-repeat 0 -65px; font-weight:bold; } .pagination .prev:hover { background-position:0 -177px; } .pagination .next { padding:0 12px 0 2px; background:url(/site/water/skins/water-v1-en/images/bg-common.gif) no-repeat right -65px; font-weight:bold; } .pagination .next:hover { background-position:right -177px; } .pagination label { font-size:12px; color:#333; font-weight:bold; float:left; padding-right:4px; } .pagination span a { float:left; margin:0 5px 0 0; padding:0 8px 0 0; background:url(/site/water/skins/water-v1-en/images/bg-common.gif) no-repeat right -90px; font-weight:bold; } .pagination span a.last { background:none; } .pagination span a:hover, .pagination span a.current { color:#333; } .utilities { float:left; width:100%; padding:10px 0 18px; } .utilities a { color:#333; padding:5px 14px 0 20px; } .utilities a:hover { color:#999; } .utilities a.print { background:url(/site/water/skins/water-v1-en/images/bg-common.gif) no-repeat 0 -313px; } .utilities a.email { background:url(/site/water/skins/water-v1-en/images/bg-common.gif) no-repeat 0 -354px; } p.title { font-size:17px; font-weight:bold; color:#666; margin:0; } .wrap-calculator { width:940px; } .content-calculator { background:url(/site/water/skins/water-v1-en/images/bg-calculator.gif) repeat-x 0 bottom; height:313px; width:100%; float:left; } .wrap-calculator .list-icons ul { width:775px; } .list-icons { background:url(/site/water/skins/water-v1-en/images/bg-icon-list.gif) repeat-x 0 0; border:1px solid #e0dbcf; float:left; width:938px; } #source-info { float:left; width:938px; display:none; } #source-info p { margin:5px 0 0 10px; } .list-icons ul { list-style:none; margin:0 auto; width:710px; padding-top:81px; } .list-icons ul li { position:relative; } .list-icons ul li.last { background:none; } .list-icons ul li span { position:absolute; top:-40px; left:-5px; width:82px; height:33px; background:url(/site/water/skins/water-v1-en/images/bg-title.gif) no-repeat 34px bottom; font-size:13px; color:#717171; font-weight:bold; text-align:center; padding-bottom:7px; } .list-icons ul li a { float:left; } .list-icons ul li a:hover, .list-icons ul li.current a { background:url(/site/water/skins/water-v1-en/images/bg-icon-on.gif) repeat-x; } .list-icons ul li a img { padding:14px 6px 11px 6px; float:left; } .list-icons ul li a:hover img, .list-icons ul li.current img { padding:14px 6px 16px 6px; } #info-calculator p { font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#05abef; line-height:28px; margin:0; } #info-calculator span { font-size:85px; font-weight:bold; line-height:65px; } #info-calculator { width:568px; float:left; position:relative; height:239px; } #refernce-text { width:110px; float:right; position:relative; padding-top:15px; } #refernce-text p { float:left; font-size:17px; margin:19px 2px 0 0; color:#717171; font-weight:bold; } #refernce-text img { margin:-15px 0 0 5px; } #icon-large { float:left; width:372px; position:relative; height:239px; } #icon-large img { position:absolute; bottom:13px; right:-110px; } #info-calculator p { position:absolute; left:0; bottom:28px; }   .wid-region-bottom { float:left; width:100%; background:#f9f9f9; } .water-conservation .wid-region-bottom{ background:none; padding:38px 0 28px 0; } .widget-one{ float:left; width:170px; padding:0 109px 28px 20px; border-right:1px solid #e5e5e5; position:relative; background-position:right bottom !important; min-height:142px; height:auto !important; height:142px; } #sidebar .widget-one{ border:0px; padding:17px 109px 0 0; width:190px; min-height:151px; height:auto !important; height:151px; margin:-17px 0 25px; position:relative; } .widget-one h2{ margin:0 0 11px; } .widget-one p{ margin:0; } .widget-one .more{ position:absolute; left:20px; bottom:0px; } #sidebar .widget-one .more{ left:0px; } .widget-two{ float:left; width:150px; padding:0 130px 28px 39px; border-right:1px solid #e5e5e5; position:relative; background-position:right bottom !important; min-height:142px; height:auto !important; height:142px; } #sidebar .widget-two{ width:188px; padding:0 110px 28px 0; border:0; min-height:125px; height:auto !important; height:125px; margin:0 0 25px; } .widget-two h2{ margin:0 0 5px; } .widget-two p{ margin:0; } .widget-two .more{ position:absolute; left:39px; bottom:0px; } #sidebar .widget-two .more{ left:0px; } .widget-three{ float:left; width:171px; padding:8px 110px 28px 39px; margin-top:-8px; position:relative; background-position:right -7px !important; min-height:142px; height:auto !important; height:142px; } #sidebar .widget-three{ width:189px; padding:8px 110px 28px 0; min-height:128px; height:auto !important; height:128px; margin:-8px 0 25px; } .widget-three h2{ margin:0 0 5px; } .widget-three p{ margin:0; } .widget-three .more{ position:absolute; left:39px; bottom:0px; } #sidebar .widget-three .more{ left:0px; } .wid-news { float:left; width:270px; padding:20px 10px 0px 20px; background:url(/site/water/skins/water-v1-en/images/bg-wid-news.gif) no-repeat right center; position:relative; height:142px; } .home-news { padding-bottom:30px; width:610px; overflow:hidden; } .wid-news .more { position:absolute; left:20px; bottom:16px; } .home-news .more { bottom:20px; } .wid-news h2 { margin:0 0 8px; } .wid-news ul { margin:0; list-style:none; padding:0; width:100%; float:left; } .wid-news ul li { width:100%; padding:0; float:left; } .home-news ul li { width:285px; margin-right:15px; } .wid-news small { color:#666; } .wid-news h3 { margin:0 0 2px; } .wid-news h3 a { font-size:14px; font-weight:bold; } .wid-news p { margin:0; padding:0 0 9px; } .wid-region { float:left; width:100%; padding:0 0 16px; } .wid-region h2 { z-index:9; margin:0 0 11px; } .wid-region-bottom .study { float:left; width:310px; padding:20px 10px 0px 20px; background:url(/site/water/skins/water-v1-en/images/bg-wid-news.gif) no-repeat right center; position:relative; height:142px; } .wid-region-bottom .study .more { bottom:16px; } .wid-region-bottom .study h2 { margin-bottom:19px; } .wid-region h3 { margin:0 0 4px; font-size:13px; color:#333; } .wid-region p { margin:0 0 18px 0; } .wid-280 { float:left; width:280px; padding:0px 0 26px 20px; position:relative; z-index:9; } .wid-320 { width:320px; float:left; padding:0 0 26px 20px; position:relative; z-index:9; } .wid-280 a.more, .wid-320 a.more { position:absolute; bottom:0px; left:20px; } #sidebar .wid-280 a.more, #sidebar .wid-320 a.more { bottom:12px; } .tips { padding-right:160px; width:160px; } .wid-region .tips p { width:133px; } #sidebar .tips { padding-right:130px; width:150px; } #sidebar .tips h2 { margin-bottom:6px; } #sidebar .tips h3 { font-size:13px; color:#333; margin:0; } .tips .image { position:absolute; bottom:00px; right:20px; z-index:-1; } #sidebar .tips .image { right:0px; } .find { width:150px; padding:19px 130px 0 20px; height:143px; } #sidebar .find { background:#f9f9f9;  margin-bottom:0; } .find .image { position:absolute; bottom:0; right:0; z-index:0; } .wid-region-bottom .find a.more { bottom:15px; } #sidebar .find h2 { margin:0 0 3px; } .calculator { padding-right:110px; border-right:1px solid #e5e5e5; width:169px !important; overflow:hidden; } .volunteer { border-left:1px solid #e5e5e5; width:279px; } .calculator .image { position:absolute; bottom:0; right:0; z-index:-1; } .study .thumb { float:left; width:90px; height:60px; padding:0 20px 16px 0; } .study a.more { clear:both; width:55px; } .study div { width:170px; margin:0 0 15px; float:left; } .study p { margin:0 0 15px; } .facts { padding-top:20px; padding-bottom:0; height:142px; } .facts h2 { margin:0 0 8px; } .facts .image { position:absolute; right:0; bottom:0; } #water-facts { margin:0; padding:0; list-style:none; float:left; height:88px; width:160px !important; overflow:hidden!important; } #water-facts p { margin:0 0 18px; width:140px; }   #sidebar { width:300px; float:left; padding:25px 0 0 0; position:relative; } .home #sidebar { padding-top:0; margin-top:20px; } .banner { float:left;  position:relative;  margin-bottom:0; } .banner img, .sidebar-image img { float:left; } .sidebar-image { float:left; margin-bottom:28px; } .nav-related { float:left; width:100%; } .nav-related h2 { margin:0 0 5px 22px; } .nav-related ul { border-top:1px solid #ebebeb; margin:0; list-style:none; width:300px; float:left; padding:7px 0 30px 0; } .ie6 .nav-related ul, .ie7 .nav-related ul { float:none; padding-bottom:26px; } .nav-related ul li { border-bottom:1px solid #ebebeb; margin:0 0 5px; padding:0 0 6px 22px; width:278px; float:left; clear:both; } .ie6 .nav-related ul li, .ie7 .nav-related ul li { float:none; } .nav-related ul li.last { border:0; padding-bottom:0; margin-bottom:0; } .nav-related ul li a { float:left; padding:0 0 0 15px; color:#55a51c; font-size:16px; font-weight:bold; background:url(/site/water/skins/water-v1-en/images/arrow.gif) no-repeat 0 4px; } .nav-related ul li.nav_case_study_submit a { font-size:18px; } .ie .nav-related ul li a { background-position:0 3px; } .nav-related ul li a:hover, .nav-related ul li.current a { color:#999; background:url(/site/water/skins/water-v1-en/images/arrow-on.gif) no-repeat 0 4px; } .ie .nav-related ul li a:hover, .ie .nav-related ul li.current a { background-position:0 3px; } .nav-related .clear { font-weight:bold; font-size:15px; padding:12px 0 0 22px; border-top:1px solid #ebebeb; width:278px; float:left; margin-top:-17px; position:relative; } .widget { float:left; padding:20px 0 0 20px; } .pledge { background:url(/site/water/skins/water-v1-en/images/bg-pledge.jpg) repeat-x 0 0; position:relative; padding:33px 150px 16px 20px; width:130px; cursor:pointer; height:108px; overflow:hidden; } .ie7 .pledge { float:none; } #sidebar .pledge { margin-bottom:28px; } .home #sidebar .pledge { margin-top:-29px; margin-bottom:0; position:relative; } #sidebar .pledge a.more { position:absolute; bottom:14px; left:20px; } .btn-pledge { position:absolute; top:17px; right:20px; z-index:999; } .pledge a { display:block; } .pledge span.count { padding:0 0 18px; float:left; width:100%; z-index:0; cursor:pointer; } .pledge span.text { padding:0 0 18px; float:left; width:100%; z-index:0; clear:both; cursor:pointer; } #conservation-sidebar{ float:left; width:300px; } .top-banner{ float:left; width:300px; position:relative; } #sidebar .top-banner{ margin-bottom:28px; } .top-banner ul{ position:absolute; left:30px; top:121px; list-style:none; padding:0px; margin:0px; width:240px; border-top:1px solid #93cae0; } .top-banner ul li{ padding:0px; border-bottom:1px solid #93cae0; width:240px; float:left; padding:5px 0 5px; float:left; } .top-banner ul li a{ background:url(/site/water/skins/water-v1-en/images/arrow-blue.gif) no-repeat 0 2px; padding:2px 0 2px 19px; display:block; float:left; width:221px; } .top-banner ul li a img{ float:left; }   #outer-footer{ width:100%; float:left; background:#e5e5e5 } #footer { width:940px; margin:32px auto 0 auto; padding-bottom:40px; position:relative; float:left; } .ie6 #footer, .ie7 #footer { float:none; } #outer-footer #footer{ float:none; margin:10px auto 0 auto; padding:0px;  } #footer div.logo { float:left; text-align:center; } .water-conservation #footer .wrap-logo { background:url(/site/water/skins/water-v1-en/images/bg-footer-logo.gif) no-repeat 0 29px; float:right; padding:6px 0 10px 11px; margin:0 0 0 40px; } .water-conservation #footer .wrap-logo .logo{ background:url(/site/water/skins/water-v1-en/images/bg-footer-logo.gif) no-repeat right 0; float:left; clear:both; padding:6px 0 0 0; height:69px; } .water-conservation #footer .wrap-logo label{ float:left; padding-bottom:7px; margin-left:-5px; font-size:11px; } .logo-right { float:right; padding:2px 0 0 10px; } #footer div.logo a { float:left; } #footer div.logo a{ margin-right:20px; } .footer-content { float:left; width:450px; padding-left:30px; } .water-conservation .footer-content{ padding-left:20px; width:385px; } .stretch { width:737px; padding-right:15px; } #footer p { color:#999; font-size:11px; padding:8px 0 6px 0; margin:0 0 3px; border-bottom:1px solid #e5e5e5; } #footer p.info { border:0; padding:5px 0 0 0; float:left; width:100%; } #footer ul { float:left; width:100%; margin:0px; padding:0px; } #footer li { list-style:none; background:transparent url(/site/water/skins/water-v1-en/images/bg-common.gif) no-repeat scroll 0 4px; float:left; height:14px; } .ie #footer li { background-position:0 4px; } #footer li.first { background:none; } .water-conservation #footer li{ background:none; } #footer li a { color:#4c4c4c; padding:0 12px 0 15px; font-size:13px; float:left; } .water-conservation #footer li a{ padding:0 12px; } #footer li.first a { padding-left:0px; } #footer li a:hover, #footer li.current a { color:#999; } #footer div.logo-3 { position:absolute; text-align:center; right:0; top:0; display:none; } #footer .newsletter { width:267px; float:left; padding-left:22px; } #footer .newsletter form { float:left; width:100%; } .newsletter input { float:left; } .newsletter label { float:left; width:100%; padding:0 0 5px; } .txt-newsletter { float:left; border:1px solid #ccc; background:none; font-size:12px; color:#999; padding:6px 4px 7px 5px; width:144px; } .newsletter .submit { float:left; } .mac.safari .txt-newsletter, .mac.ff3 .txt-newsletter { padding-top:7px; }  #content #contactForm .form li { float:left; width:285px; background:none; padding:0 0 9px 0; margin:0 0 11px 0; border:0; } #content #contactForm .form li.right { margin-left:25px; } #content #contactForm .form li.submit { clear:both; width:100%; } #content #contactForm .form #wrap_contactForm_contactMessage { width:100%; } #content #contactForm .form li.submit input { padding:8px 0 0 85px; float:left; } #content #contactForm .form li.mandatory { background:url(/site/water/skins/water-v1-en/images/icon-mandatory.gif) no-repeat 73px 2px; position:relative; } #content #contactForm .form label { width:85px; float:left; } #content #contactForm .form label.error { font-size:11px; color:#999; width:195px; margin:0 0 0 85px; } #content #contactForm .form .txt { float:left; width:190px; } #content #contactForm .form textarea { float:left; width:500px; height:120px; overflow:auto; } .water-conservation #sidebar .top-banner{ margin-bottom:0px; padding-bottom:18px; } .water-conservation #sidebar{ padding-bottom:20px; } .ie6 .water-conservation .wid-region-bottom .widget-two{ padding-left:29px; } .ie6 .water-conservation .wid-region-bottom .widget-three{ padding-left:29px; }