@charset "utf-8";
body * { font-size: 101%; } /* for IE bug */
body{ font-size: 75%; line-height: 150%; } /* 18px line-height for #biz_capitalmgm */
html>body { font-size: 75%; line-height: 150%; }
table, input, select, th, td, textarea { font-size: 1em; }
ol, ul, li li, li p, td p, blockquote p, div div { font-size: 1em; }
table table td { font-size: 0.95em; }

body { margin: 0; padding: 0; background: #E8EBEF url(/images/bg_body.gif); color: #666; font-family: Arial, Helvetica, sans-serif; }
a { color: #00f; text-decoration: none; border-bottom: 1px dotted #00f; }
a:hover { color: #007d6a; background: #eee; border-bottom-color: transparent; }
img { border: none; }
address { font-style: normal; }
sup { font-size: 0.9em; }
ul { margin: 10px 0; padding: 0; list-style: none; }
ul li { background: url(icon_blueArrow.gif) no-repeat left 6px; padding-left: 10px; }
ul ul { margin: 5px 0; }
ul ul li { background: url(icon_blueDot.gif) no-repeat 1px 8px; }

h2 { color: #002378; font-size: 2em; line-height: 1.2em; font-weight: normal; }
h3 { color: #0198F1; font-size: 1.3em; line-height: 1.3em; font-weight: normal; }
h4 { color: #000; font-size: 1em; font-weight: bold; }
h5 { color: #666; font-size: 1em; font-weight: bold; }

ul.alt li { background: url(icon_redTick.gif) no-repeat 1px 3px; padding-left: 20px; }

.highlight { margin: 0; padding-bottom: 5px; color: #0198F1; font-size: 1.3em; line-height: 1.3em; float: left; clear: left; }
.highlight em { font-style: normal; font-size: 1.52em; }
h3.highlight { padding: 10px 0 0; margin-bottom: -10px; }
.subHighlight { color: #205371; font-size: 1.08em; margin-top: 0; line-height: 1.2em; }
.defaultPara { float: left; margin: 0; padding: 12px 0 0; }
.by-line { color: #205371; }
.hasNote { padding: 3px 26px 0 0; background: url(icon_mouseOverNote.png) no-repeat right top; } * html .hasNote { background: none; }
.newWindow { width: 19px; height: 19px; background: url(icon_newWindow.png) left bottom; cursor: pointer; } * html .newWindow { background-image: url(icon_newWindow.gif); }
.newWindow:hover { background-position: left top; }
.note { font-size: 0.9em; }
.enlarge { display: block; text-indent: -1000em; width: 23px; height: 22px; background: url(icon_mouseClickImg.png) no-repeat left bottom; position: absolute; bottom: 5px; right: 10px; border: none; outline: none; } * html .enlarge { display: none; }
.selected .enlarge, :hover > .enlarge, .enlarge:hover { background: url(icon_mouseClickImg.png) no-repeat left top; }
.postDate { font-size: 0.82em; margin: 0; }
.searchResult { width: 50%; float: left; }
.searchResult h4 { margin-bottom: 5px; }
.searchResult p { margin-top: 0; }
.left { float: left; margin: 0 10px 10px 0; }
.marginBottom1 { margin-bottom: 1em; }
.marginBottom2 { margin-bottom: 2em; }
.marginBottom3 { margin-bottom: 3em; }

.pdfDownload_withThumb a.thumb { border: none; float: left; padding: 4px; border: 1px solid #ddd; margin-right: 20px; outline: none; }
.pdfDownload_withThumb a.thumb:hover { border-color: #4672ae; background: none; }
.pdfDownload_withThumb a.thumb img { display: block; }

.pdfDownload_withThumb .text { float: left; }
.pdfDownload_withThumb .text h3 { margin-top: 0; }
.pdfDownload_withThumb .url { background: url(/images/icon_pdf.gif) no-repeat left 5px; line-height: 2em; padding-left: 22px; }

#abt_hyflux .pdfDownload_withThumb { clear: both; }

.contentBlock { background: #e9e5e5 url(/images/bg_gradient.png) repeat-x left top; border: 1px solid #ccc; padding: 8px 12px; margin: 12px 0; }
.contentBlock h3 { margin: 0 0 5px; }
.contentBlock h4.download { padding-left: 28px; background: url(/images/icon_download.png) no-repeat left center; line-height: 1.9em; color: #8f0c13; font-weight: normal; font-size: 1.15em; margin: 5px 0; }
.contentBlock ul.download { border-top: 1px dotted #8f0c13; padding: 6px 0; margin: 0; }
.contentBlock ul.download li { padding-left: 22px; background: url(/images/icon_pdf.gif) no-repeat left 5px; line-height: 2em; }
.contentBlock.left { float: left; clear: left; }
.contentBlock.right { float: right; clear: right; }
.contentBlock div.more { text-align: right; }

a.more { display: block; position: absolute;  outline: none; } /* border: none; width: 27px; height: 25px; text-indent: -1000em; background: url(icon_mouseClick.png) no-repeat left bottom; */
a.more:hover { border: none; }

.popup { width: 345px; padding: 15px; position: absolute; top: 140px; left: 0; color: #666; font-size: 12px; background: #fff; background: #e9e5e5 url(bg_gradient.png) repeat-x left top; border: 5px solid #6F98B7; display: none; z-index: 10; }
.popup h3 { margin: 0 0 15px; font-weight: bold; font-size: 1.15em; color: #000; }
.popup .close { position: absolute; right: 10px; top: 10px; display: block; width: 16px; height: 16px; line-height: 16px; text-indent: -1000em; background: url(icon_crossClose.gif); outline: none; border: none; }
.popup h4 { font-size: 12px; color: #666; font-style: normal; margin: 6px 0; }
.popup ul { margin: 0 0 8px; padding: 0; list-style: none; }
.popup li { float: none; padding: 0 0 0 13px; margin: 0; border: none; position: static; background: url(/images/arrow_over.gif) no-repeat 2px 6px; }
.popup p { margin: 8px 0 0; }
.popup.note { font-size: 1em; width: 745px; left: 40px; top: 60px; }
.popup.note img { display: block; margin-top: 10px; padding: 3px; background: #fff; border: 1px solid #ddd; }

.popupImg { position: relative; cursor: pointer; }
.popupImg img { display: block; margin: 0 auto; }
.popupImg .popup { top: auto; bottom: 30px; left: 10px; width: auto; }

.ir_tableBorder {border: 1px solid #ccd6db;border-bottom: 0px solid #ccd6db}
table.ir_table { width: 100%; }
table.ir_table tr.ir_tableTopRow td, table.ir_table tr.ir_tableTopRow th {background:url(header_bg.jpg) repeat-x; color: #fff; font-weight: bold;  }
table.ir_table th { text-align: left; }
table.ir_table td, table.ir_table th {background: #fff; border-bottom: 1px solid #ccd6db; padding: 2px 0 2px 4px; }


#container { width: 986px; margin: 0 auto; background: #fff; overflow: hidden; position: relative; }
#emailThisPage { background: url(/images/icon_email.png); width: 21px; height: 20px; text-indent: -1000em; position: absolute; top: 5px; right: 25px; border: none; display: block; outline: none; z-index: 10; } * html #emailThisPage { background: url(/images/icon_email.gif); }
#print { background: url(/images/icon_print.png); width: 21px; height: 20px; text-indent: -1000em; position: absolute; top: 5px; right: 0; cursor: pointer; z-index: 10; } * html #print { background: url(/images/icon_print.gif); }

/**** header ****/
#header { padding: 18px 26px 0; float: left; width: 934px; position: relative; z-index: 20; }
#header h1 { background: url(logo_hyflux.gif); width: 156px; height: 42px; margin: 0 0 14px; float: left; }
#header h1 a { display: block; width: 156px; height: 42px; text-indent: -1000em; border: none; outline: none; background: none; }

/**** utilBar ****/
#utilBar { float: right; margin-top: 8px; }
#utilBar div { float: left; border: 1px solid #bfbfbf; padding: 5px 40px 5px 5px; margin-right: 4px; height: 13px; line-height: 13px; background: url(icon_downArrow.gif) no-repeat 95% center; cursor: pointer; z-index: 5; }
#utilBar li { background: none; }
#utilBar a { color: #666; border: none; }

#language { position: relative; }
#language ul { position: absolute; top: 23px; left: -1px; margin: 0; padding: 0 10px; list-style: none; border: 1px solid #bfbfbf; background: #fff; display: none; }
#language li { padding: 4px 5px 6px; border-bottom: 1px dotted #bfbfbf; width: 6em; }
#language li.last { border-bottom: none; padding-bottom: 4px; }
#language:hover ul { display: block; }

#relatedLinks { position: relative; }
#relatedLinks ul { position: absolute; top: 23px; left: -1px; margin: 0; padding: 2px 10px; list-style: none; border: 1px solid #bfbfbf; background: #fff; display: none; }
#relatedLinks li { padding: 4px 5px 6px; width: 10em; border-bottom: 1px dotted #bfbfbf; }
#relatedLinks li.last { border-bottom: none; padding-bottom: 4px; }
#relatedLinks:hover ul { display: block; }

#search { float: left; }
#search .one { float: left; border: 1px solid #bfbfbf; width: 15em; height: 15px; font-family: Arial, Helvetica, sans-serif; color: #666; padding: 4px 5px; }
#search .two { margin: 4px 0 0 4px; }

/**** mainNav ****/
#mainNav { clear: both; float: left; width: 100%; height: 28px; background: url(bg_mainNav.png); position: relative; }
#mainNav ul { float: left; position: relative; left: 50%; margin: 0; }
#mainNav li { background: none; padding: 0; float: left; position: relative; right: 50%; }
#mainNav a { border: none; color: #fff; font-weight: bold; line-height: 28px; outline: none; text-transform: uppercase; padding: 0 12px; background: none; }
#mainNav a:hover, #mainNav a.selected { color: #ffdf0a; }
#mainNav li li { right: 0; }
#mainNav li li a { display: block; text-transform: none; font-size: 0.9em; border-bottom: 1px solid #39436b; line-height: 2.2em; width: 13.5em; position: relative; }
#mainNav ul ul { position: absolute; top: 28px; left: 0; background: url(/images/bg_mainNavDropDown.png) repeat-x; display: none; }
#mainNav li:hover ul { display: block; }

#mainNav .newWindow { position: absolute; top: 3px; }
#mainNav li li:hover .newWindow { background-position: left top; }
#mainNav .one .newWindow { left: 110px; }
#mainNav .five .newWindow { left: 130px; }
#mainNav .five li a { width: 22em; }

* html #mainNav ul ul { width: 175px; }

/**** subNav ****/
#subNav { float: left; margin: 18px 0 0 26px; width: 905px; height: 95px; background: url(bg_irmenu8.jpg) no-repeat; padding: 25px 0 0 28px; } * html #subNav { margin-left: 13px; }
#subNav li { float: left; padding: 0 10px 8px 0; background: none; }
#subNav a { display: block; width: 90px; height: 45px; padding: 15px 5px 0; color: #fff; font-weight: bold; text-align: center; outline: none; font-family: Verdana, Geneva, sans-serif; font-size: 0.9em; line-height: 1.2em; border: none; }
#subNav a:hover { color: #ffdf0a; text-decoration: none; border: none; background: none; }
#subNav li.selected { background: url(bg_subNavSelected.png) no-repeat left top; } * html #subNav li.selected { background: none; }
#subNav li.selected a { color: #ffdf0a; cursor: default; }
#subNav li.alt a { width: 160px; }

#subNav.landingPage { width: 900px; height: 233px; padding: 23px 0 11px 34px; background: url(bg_irmenuLanding8.jpg); }
#subNav.landingPage li { margin: 0 14px 11px 0; padding: 0; }
#subNav.landingPage a { width: 150px; padding: 30px 28px; height: 45px; font-size: 1.45em; font-weight: normal; }

.about #subNav { background: url(bg_irmenu6.jpg); }
.about #subNav.landingPage { background: url(bg_irmenuLanding6.jpg); }

.business #subNav { background: url(bg_irmenu7.jpg); }
.business #subNav.landingPage { background: url(bg_irmenuLanding7.jpg); }

.nr #subNav { background: url(bg_irmenu4alt.jpg); }

/**** subSubNav ****/
#subSubNav { float: right; margin-top: -10px; width: 575px; padding-right: 48px; }
#subSubNav div { float: left; }
#subSubNav ul { float: left; margin: 0; }
#subSubNav li { float: left; background: none; padding: 0 7px; border-right: 1px solid #999; }
#subSubNav li.last { border: none; padding-right: 0; }
#subSubNav * { line-height: 1.4em; }

/**** slider ****/
#sliderContainer { width: 945px; height: 250px; margin: 20px 0 0 -6px; background: url(award_gradientbackdrop.gif) repeat-x center 0; position: relative; }
#sliderContainer .button { width: 27px; height: 51px; position: absolute; top: 124px; background-position: left top; }
#sliderContainer .button span { display: block; width: 27px; height: 27px; cursor: default; }
#sliderContainer .left 	{ left: 31px; background-image: url(slider_leftArrow.png); }
#sliderContainer .right { right: 30px; background-image: url(slider_rightArrow.png); }

#sliderContainer .button:hover span { background-position: right top; }

#sliderWindow { width: 820px; height: 250px; position: absolute; top: 0; left: 63px; overflow: hidden; }

#slider { margin: 0; padding: 0; width: 2500px;  position: absolute; left: 16px; }
#slider li { padding: 0; background: none; float: left; margin-right: 17px; width: 145px; height: 200px; text-indent: -1000em; background: url(award_frost2007.gif) left bottom; }
#slider li.last { margin-right: 0; }
#slider h3 { display: block; width: 124px; height: 121px; margin: 27px 0 0 10px; cursor: pointer; }
#slider p { display: none; }
#slider img { display: none; }
#slider blockquote { display: none; }

#sliderText { width: 810px; text-align: center; position: absolute; top: 200px; left: 68px; display: none; font-weight: bold; }

#sliderDescription { width: 785px; margin: 0 auto; display: none; overflow: auto; }
#sliderDescription img { float: left; margin-right: 10px; border: none; }
#sliderDescription p { margin: 10px 0 0; }
#sliderDescription blockquote { margin: 10px 0 0; }

/**** content ****/
#content { width: 934px; float: left; padding: 18px 0 20px 26px; position: relative; z-index: 2; }
#title { margin: 0; clear: both; float: left; }
#title.hasNote:hover + .popup { display: block; }
#mainPic { float: right; margin-top: 30px; }

/**** sectionHighlight ****/
#sectionHighlight { width: 932px; float: left; padding: 10px 0 15px; margin: 20px 0 25px; background: #e9e5e5 url(/images/bg_gradient.png) repeat-x left top; border: 1px solid #ccc;  position: relative; z-index: 2; }
#sectionHighlight .contentBlock { margin: 0; background: none; border: none; float: left; width: 223px; padding: 0 0 0 9px; position: relative; z-index: 3; }
#sectionHighlight .contentBlock.first { padding-left: 6px; }
#sectionHighlight .contentBlock.selected .more, #sectionHighlight .contentBlock.hover .more { background-position: left top; }
#sectionHighlight.nopopup .contentBlock { position: static; }
#sectionHighlight img { padding: 4px; border: 1px solid #ddd; background: #fff; float: left; margin-right: 7px; } * html #sectionHighlight img { margin-right: 2px; }
#sectionHighlight .contentBlock img:hover { cursor: pointer; }
#sectionHighlight .contentBlock.selected img, #sectionHighlight .contentBlock.hover img { border-color: #4672ae; }
#sectionHighlight h3 { margin: 0 0 5px; padding-left: 10px; }
#sectionHighlight h4 { color: #000; font-size: 1.15em; line-height: 1.2em; margin: 0; float: left; width: 129px; font-weight: normal; }
#sectionHighlight p { float: left; width: 129px; font-size: 1em; line-height: 1.25em; margin: 2px 0 0; } /* must have the same width as #sectionHighlight h3 */ * html #sectionHighlight p { float: none; }
#sectionHighlight .more { position: absolute; right: 5px; }
#sectionHighlight h4.plant { margin-bottom: 0; padding-top: 8px; float: none; clear: left; width: auto; }
#sectionHighlight h4.plant span { font-weight: normal; color: #666; display: block; font-size: 0.85em; }
#sectionHighlight div.more { clear: both; position: static; padding-right: 15px; text-align: right; }

#sectionHighlight .popup h3 { float: none; width: auto; margin: 0 0 10px; padding: 0; }
#sectionHighlight .popup h4 { float: none; color: #666; font-weight: bold; font-size: 1em; width: auto; }
#sectionHighlight .popup p { float: none; width: auto; line-height: 1.5em; }
#sectionHighlight .popup img { border: none; float: none; }
#sectionHighlight .popup.one 		{ left: 10px; }
#sectionHighlight .popup.two 		{ left: 200px; }
#sectionHighlight .popup.three 	{ left: 420px; }
#sectionHighlight .popup.four	 	{ left: 570px; }

/**** slideShow ****/
#slideShow { float: right; position: relative; z-index: 1; } /** need to define page-specific width & height **/
#slideShow img { position: absolute; top: 0; right: 0; z-index: 5; }
#slideShow img.active { z-index: 7; }
#slideShow img.last-active { z-index: 6; }

/**** BoD / Mgm ****/
#abt_bod #title { float: none; }

#BODGroup { margin-top: 15px; }
#BODGroup.viewAll { display: none; }

#directorDescriptionContainer { float: right; width: 440px; margin-top: 17px; }
.directorDescription { float: right; width: 440px; padding-bottom: 10px; margin-bottom: 15px; }
.directorDescription img { float: left; margin: 0 15px 15px 0; padding: 4px; border: 1px solid #d9d1d1; }
.directorDescription h3 { margin: 0; padding: 50px 0 0; font-size: 1.45em; line-height: 16px; }
.directorDescription.alt h3 { padding-top: 33px; }
#directorDescriptionContainer.viewAll .directorDescription.alt h3  { padding-top: 50px; }
.directorDescription .title { display: block; font-size: 1em; font-weight: bold; font-style: normal; color: #000; line-height: 16px; margin-bottom: 10px; }
.directorDescription .title + p { clear: left; }
.directorDescription p { margin: 0; padding-bottom: 12px; }
#directorDescriptionContainer.viewAll { width: 100% !important; float: none; }
#directorDescriptionContainer.viewAll .directorDescription { float: none; width: 100% !important; margin: 0; }

#outlineImg { float: left; margin: 20px 20px 0 0; clear: left; width: 235px; height: 164px; overflow: hidden; position: relative; }
#outlineImg.viewAll { display: none; }
#outlineImg img { position: absolute; top: 0; left: 0; display: none; }
#outlineImg .hover { display: block; }

#directorList { float: left; margin: 20px 0 0; padding: 0 0 0 20px; list-style-position: inside; }
#directorList.viewAll, #advisorList.viewAll { display: none; }
#directorList a, #advisorList a { color: #3886a0; border: none; }
#directorList a:hover, #advisorList a:hover { color: #0e5065; text-decoration: underline; background: none; }

#directorList1 { margin: 0; padding: 17px 0 0; list-style: none; float: left; width: 360px; }
#directorList1 li { float: left; margin: 0 30px 15px 0; }
#directorList1 a { float: left; border: none; color: #666; outline: none; width: 150px; }
#directorList1 img { display: block; }
#directorList1 strong { display: block; line-height: 16px; padding-top: 2px; }
#directorList1 .title { font-size: 0.9em; line-height: 1.1em; height: 40px; display: block; }
#directorList1.viewAll { display: none; }
#directorList1 a:hover { background: #fff; }
#directorList1 a:hover strong { text-decoration: underline; }

#directorDescriptionContainer.alt { width: 540px; }
#directorDescriptionContainer.alt .directorDescription { width: 540px; }
#directorDescriptionContainer.alt .directorDescription img { padding: 0; margin: 0; float: none; border: none; }
#directorDescriptionContainer.alt .directorDescription h3 { padding-top: 10px; }
#directorDescriptionContainer.alt .directorDescription .title + p { clear: none; }

#showAll { clear: left; padding-left: 290px; position: relative; top: -10px; }
#showAll.viewAll { padding: 0; }
#abt_mgm #showAll.alt { padding: 0 0 0 135px; }
#showAll a { color: #3b73b9; }

/**** footNav ****/
#footNav { padding: 6px 0; background: #3e3e3e; float: left; width: 100%; position: relative; overflow: hidden; z-index: 1; }
#footNav ul { margin: 0; float: left; clear: left; position: relative; left: 50%; }
#footNav li { float: left; padding: 9px; background: #444445; margin-right: 4px; height: 14em; position: relative; right: 50%; }
#footNav a { float: left; color: #b2b2b2; font-weight: bold; text-transform: uppercase; border: none; }
#footNav a:hover, #footNav a.selected { color: #ffcd45; background: none; }
#footNav li li { height: auto; margin: 0; padding: 0; clear: both; right: 0; }
#footNav li li a { color: #888; font-size: 0.9em; font-weight: normal; text-transform: none; padding-right: 4px; }
#footNav ul ul { left: 0; }

#footNav .one a { width: 115px; }
#footNav .two a { width: 159px; }
#footNav .three a { width: 152px; }
#footNav .four a { width: 109px; }
#footNav .five a { width: 133px; }
#footNav .six a { width: 54px; }
#footNav .seven { margin-right: 0; }
#footNav .seven a { width: 80px; }

/**** footer ****/
#footer { clear: both; padding: 10px 15px 15px; background: #343434; color: #6c6c6c; font-size: 0.9em; }
#footer p { margin: 0; }
#footer a { color: #6c6c6c; border: none; margin: 0 5px; }
#footer a:hover { color: #333; background: #999; }
#footer a.selected { color: #FFCD45; }
#footer a.selected:hover { background: none; }

/**** ****/
#home #container .link { float: left; padding-left: 26px; }
#home #container .link li { padding: 0; background: none; float: left; margin-right: 20px; }
#home #container .link a { border: none; display: block; width: 112px; height: 107px; text-indent: -1000em; background-position: left top; outline: none; }
#home #container .link a:hover { background-position: left bottom; }
#home #container .link .one a, #home #container .link .one a:hover { background-image: url(latest_news.gif); }
#home #container .link .two a, #home #container .link .two a:hover { background-image: url(latest_results.gif); }
#home #container .link .three a, #home #container .link .three a:hover { background-image: url(hyflux_worldwide.gif); }
#home #container .alt { padding-right: 26px; }
#home #container .more { padding-right: 26px; text-align: right; }
#homeFlash { padding-left: 26px; }

/**** abt_hyflux ****/
#abtSummary { margin: 0; padding: 0; list-style: none; width: 520px; position: absolute; top: 30px; right: 0; }
#abtSummary li { float: right; padding: 4px; border: 1px solid #d0d0d0; position: relative; margin: 0 0 2px 16px; background: none; }
#abtSummary img { display: block; }
#abtSummary span { display: block; width: 25px; height: 24px; background: url(/images/icon_mouseOver.png) no-repeat left bottom; text-indent: -1000em; position: absolute; bottom: 5px; right: 5px; display: none; }
#abtSummary .one { z-index: 2; }
#abtSummary .two { z-index: 1; }
#abtSummary .three { z-index: 2; }
#abtSummary .four { z-index: 1; }
#abtSummary .six { z-index: 1; }
#abtSummary .five { z-index: 2; }

#abtSummary .popup { display: none; position: absolute; top: auto; bottom: 50px; left: -250px; width: 300px; padding: 10px; border: 5px solid #6f98b7; background: #e9e5e5 url(/images/bg_gradient.png) repeat-x left top; }
#abtSummary .popup ul { margin: 0; padding: 0; list-style: none; }
#abtSummary .popup li { float: none; padding: 0 0 0 13px; margin: 0; border: none; position: static; background: url(/images/arrow_over.gif) no-repeat 2px 6px; }
#abtSummary .popup li li { background: url(icon_blueDot.gif) no-repeat 1px 8px; }
#abtSummary .popup h4 { margin-top: 0; font-weight: bold; color: #000; font-size: 1.15em; }

#abtSummary li:hover { border-color: #4672ae; }
#abtSummary li:hover span { background-position: left top; }
#abtSummary li:hover .popup { display: block; }

#visionMissionValues { clear: left; float: left; width: 410px; margin: 0; padding: 20px 0 20px; }
#visionMissionValues li { padding: 0; background: none; }
#visionMissionValues ul { margin: 0; }
#visionMissionValues ul li { padding-bottom: 15px; }
#visionMissionValues h3 { margin: 0; }
#visionMissionValues p { margin: 0 0 15px; }

/**** abt_milestones ****/
#abt_milestones #subSubNav { width: 205px; }
#abt_milestones #title { float: none; }
#abt_milestones #emailThisPage { right: 0; }
#abt_milestones #subSubNav { padding-right: 24px; }

#abt_milestones #sliderContainer { background-image: url(milestone_gradientbackdrop.gif); } 
#abt_milestones #sliderContainer .button { top: 168px; }

#abt_milestones #slider { width: 2089px; }
#abt_milestones #slider .alt h3 { cursor: default; }
#abt_milestones #slider h3 { margin-top: 10px; height: 185px; }
#abt_milestones #slider li { height: 245px; }
#abt_milestones #slider .one			{ background-image: url(milestone_1989.gif); }
#abt_milestones #slider .two			{ background-image: url(milestone_1994.gif); }
#abt_milestones #slider .three		{ background-image: url(milestone_1999.gif); }
#abt_milestones #slider .four			{ background-image: url(milestone_2001.gif); }
#abt_milestones #slider .five			{ background-image: url(milestone_2003.gif); }
#abt_milestones #slider .six			{ background-image: url(milestone_2003_2.gif); }
#abt_milestones #slider .seven		{ background-image: url(milestone_2004.gif); }
#abt_milestones #slider .eight		{ background-image: url(milestone_2004_2.gif); }
#abt_milestones #slider .nine			{ background-image: url(milestone_2006.gif); }
#abt_milestones #slider .ten			{ background-image: url(milestone_2007.gif); }
#abt_milestones #slider .eleven		{ background-image: url(milestone_2008.gif); }
#abt_milestones #slider .twelve		{ background-image: url(milestone_2009_1.gif); }
#abt_milestones #slider .thirteen		{ background-image: url(milestone_2009_2.gif); }

/**** abt_presence ****/
#abt_presence #emailThisPage { right: 0; }
#abt_presence #title { float: none; }
#abt_presence .highlight { padding: 5px 0 20px; float: none; }

/**** abt_mgm ****/
#abt_mgm #content .left { float: left; width: 480px; }
#abt_mgm #content .left.viewAll { display: none; }
#abt_mgm #content .left h3 { margin: 10px 0 5px; clear: both; }
#abt_mgm #BODGroup { margin: 0; }
#abt_mgm #outlineImg { height: 155px; }
#abt_mgm #showAll { clear: both; margin: 0; padding-top: 20px; }
#abt_mgm #directorDescriptionContainer { margin-top: 70px; }
#abt_mgm #directorDescriptionContainer.viewAll { margin-top: 45px; }

#mgmLeft { width: 360px !important; }

#advisorList { float: left; margin: 0; }
#advisorList li { float: left; padding: 0 29px 0 0; background: none; }
#advisorList a { display: block; padding-bottom: 1px; outline: none; }
#advisorList img { display: block; padding: 3px; border: 1px solid #d9d1d1; }
#advisorList img:hover { border-color: #4672ae; }

/**** abt_corpgov ****/
#abt_corpgov .highlight { width: 450px; clear: left; }
#abt_corpgov .defaultPara { width: 450px; }
#abt_corpgov .contentBlock { width: 426px; }
#abt_corpgov #emailThisPage { right: 0; }

#environment-management-system ul.download { background: url(/images/logo_bizSAFE3.png) no-repeat right 10px; }
* html #environment-management-system ul.download { background-image: url(/images/logo_bizSAFE3.gif); }

/**** abt_corpcitizen ***/
#abt_corpcitizen .highlight { width: 360px; }
#abt_corpcitizen .defaultPara { width: 420px; }
#abt_corpcitizen #slideShow { width: 505px; height: 300px; }
#abt_corpcitizen #sectionHighlight { padding-bottom: 25px; }
#abt_corpcitizen #sectionHighlight .more { top: 105px; z-index: 4; }
#abt_corpcitizen #sectionHighlight .popup { bottom: 140px; top: auto; }

/**** membrane_inno ****/
#membrane_inno .defaultPara { width: 510px; }
#membrane_inno .popup { top: auto; bottom: 120px; width: auto; }
#membrane_inno #sectionHighlight { padding-bottom: 20px; }
#membrane_inno #sectionHighlight .more { top: 99px; display: none; }
#membrane_inno #sectionHighlight .newWindow { position: absolute; top: 95px; right: 12px; display: none; }
#membrane_inno #sectionHighlight .last:hover .newWindow { background-position: left top; }
#membrane_inno #sectionHighlight .last:hover img { border-color: #4672ae; }

/**** biz_pns ****/
#biz_pns h2#title, #biz_pns #container .highlight { float: none; }
#biz_pns .contentBlock { position: relative; margin-bottom: 0; }
#biz_pns .contentBlock h2 { margin: 0 0 10px; }
#biz_pns .contentBlock h4 { margin: 0 0 5px; }
#biz_pns #content .contentBlock.one { float: left; width: 520px; }
#biz_pns #content .contentBlock.two { float: right; width: 350px; padding-bottom: 120px; }
#biz_pns #content .contentBlock.three { float: left; width: 520px; }
#biz_pns #content .contentBlock.one ul { float: left; margin: 0 0 5px; }
#biz_pns #content .contentBlock.one li { float: left; clear: left; width: 230px; }
#biz_pns #content .contentBlock.one .right { float: right; clear: none; }
#biz_pns #content .contentBlock.one p { clear: both; }
#biz_pns #content .contentBlock.two .popupImg { position: absolute; left: 10px; bottom: 20px; width: 200px; }
#biz_pns #content .contentBlock.three .popupImg { }
#biz_pns .contentBlock .block { float: left; width: 170px; padding: 0 0 20px 0; }
#biz_pns .contentBlock .block ul { margin: 0; }
#biz_pns .contentBlock .block.right { float: right; clear: right; }
#biz_pns .enlarge { bottom: -4px; right: 40px; }
#biz_pns #content .contentBlock.two .enlarge { bottom: 6px; right: 80px; }

/**** biz_water ****/
#biz_water h3.highlight { float: none; padding: 10px 0 0; }
#biz_water #content .highlight.two { float: right; clear: both; }
#biz_water #sectionHighlight { padding-bottom: 20px; }
#biz_water #sectionHighlight .more { top: 197px; position: absolute; }

#waterSolutionContainer { position: relative; z-index: 3; } * html #waterSolutionContainer { position: static; }
#waterSolutionContainer .img { display: none; } * html #waterSolutionContainer .img { display: block; margin: 0 auto; clear: both; }
#waterSolutionContainer .highlight.two { margin-top: 180px; padding: 0; } * html #waterSolutionContainer .highlight.two { margin: 0; }
#waterSolution { float: left; clear: both; position: absolute; top: 20px; left: 50%; width: 715px; z-index: 5; } * html #waterSolutionContainer #waterSolution { clear: both; float: none; position: static; width: auto; }
#waterSolution li { width: 167px; height: 171px; float: left; background: url(biz_water_rnd.png) no-repeat 0 0; padding: 0; position: relative; right: 50%; margin-left: -30px; } * html #waterSolutionContainer #waterSolution li { width: 100%; height: auto; float: none; background: none; position: static; margin: 10px 0; }
#waterSolution li .title { display: block; width: 167px; height: 171px; text-indent: -1000em; border: none; outline: none; } * html #waterSolutionContainer #waterSolution li .title { display: none; }
#waterSolution li .title:hover { background: url(biz_water_selectedArrow.png) no-repeat; }
#content #waterSolution li:hover {  }
#waterSolution li.one { margin: 0; z-index: 10; background-position: 1px 0; }
#waterSolution li.two { z-index: 9; background-image: url(biz_water_dnd.png); }
#waterSolution li.three { z-index: 8; background-image: url(biz_water_systems.png); }
#waterSolution li.four { z-index: 7; background-image: url(biz_water_prjmgm.png); }
#waterSolution li.five { z-index: 6; background-image: url(biz_water_onm.png); background-position: 1px 0; } 
#waterSolution a.more { width: 27px; height: 25px; background: url(icon_mouseClick.png) no-repeat left bottom; border: none; outline: none; bottom: 25px; left: 95px; display: none; } * html #waterSolutionContainer #waterSolution a.more { display: none; }
#waterSolution li.selected a.more { background-position: left top; }
#waterSolution li.selected .title { background: url(biz_water_selectedArrow.png) no-repeat; }
#waterSolution .popup { width: 850px; top: 170px; left: -85px; } * html #waterSolutionContainer #waterSolution .popup { width: auto; position: static; display: block; background: none; border: none; padding: 0; } * html #waterSolutionContainer #waterSolution .popup .close { display: none; }
#waterSolution .two .popup { left: -222px; }
#waterSolution .three .popup { left: -359px; }
#waterSolution .four .popup { left: -496px; }
#waterSolution .five .popup { left: -633px; }

/*#biz_desalination #special { float: none; width: auto; }*/
#biz_desalination #content p.highlight, #biz_wrp .highlight, #biz_wwtp .highlight, #biz_wtp .highlight { float: none; width: auto; }
#biz_desalination #sectionHighlight, #biz_wrp #sectionHighlight, #biz_wwtp #sectionHighlight, #biz_wtp #sectionHighlight { margin-top: 0; }
#biz_desalination #sectionHighlight .contentBlock, #biz_wrp #sectionHighlight .contentBlock, #biz_wwtp #sectionHighlight .contentBlock, #biz_wtp #sectionHighlight .contentBlock { width: 223px; }
#biz_desalination #sectionHighlight img, #biz_wrp #sectionHighlight img, #biz_wwtp #sectionHighlight img, #biz_wtp #sectionHighlight img { cursor: default; }
#biz_desalination #sectionHighlight img:hover, #biz_wrp #sectionHighlight img:hover, #biz_wwtp #sectionHighlight img:hover, #biz_wtp #sectionHighlight img:hover { border-color: #ddd; }

/**** biz_desalination ****/
#biz_desalination .popup.note p.first { margin-top: 0; }
#biz_desalination #sectionHighlight strong, #biz_onm #sectionHighlight strong { color: #205371; }

/**** biz_wrp ****/
#biz_wrp .popup.note { width: 770px; }

/**** biz_wwtp ****/

/**** biz_wtp ****/

/**** biz_onm ****/
#biz_onm h3.highlight { float: none; margin: 0; padding: 5px 0; }
#biz_onm #mainPic { float: left; clear: left; margin-top: 0px; }
#biz_onm #content ul.alt { float: right; width: 300px; margin: 0; padding-top: 70px; }
#biz_onm #content ul.alt li { padding-bottom: 13px; font-size: 1.15em; }
#biz_onm #sectionHighlight img { cursor: default; }
#biz_onm #sectionHighlight img:hover { border-color: #ddd; }

/**** biz_renewables ****/
#biz_renewables .defaultPara { width: 100%; }
#biz_renewables #content .contentBlock { width: 46%; float: left; padding: 12px; height: 300px; }
#biz_renewables #content .contentBlock.two { float: right; }
#biz_renewables #content .contentBlock img { float: left; padding: 4px; margin-right: 10px; border: 1px solid #d9d1d1; }
#biz_renewables #content .contentBlock h4 { margin-bottom: 0; }
#biz_renewables #content .contentBlock ul { margin-top: 0; }
#biz_renewables #content .contentBlock h3 { height: 18px; line-height: 18px; margin: 0px; }
#biz_renewables #content .contentBlock.one h3 { padding-top: 75px; }
#biz_renewables #content .contentBlock.two h3 { padding-top: 60px; }

/**** biz_trackrecord ****/
#biz_trackrecord #subSubNav { width: 190px; text-align:right; padding-right: 24px; }
#biz_trackrecord #emailThisPage { right: 0; }
#biz_trackrecord #title { float: none; padding-bottom: 20px; }

/**** biz_capitalmgm ****/
#biz_capitalmgm #content { line-height: 18px; }
#biz_capitalmgm #content .contentBlock { margin: 8px 0; }
#biz_capitalmgm #content .contentBlock.one { float: left; width: 465px; height: 349px; }
#biz_capitalmgm #content .contentBlock.one .img { float: left; width: 264px; }
#biz_capitalmgm #content .contentBlock.one .inner { float: right; width: 185px; }
#biz_capitalmgm #content .contentBlock.one .more { background: none; float: right; margin-right: 15px; position: static; text-indent: 0; width: auto; height: auto; border-bottom: 1px dotted #00f; line-height: 1.2em; }

#biz_capitalmgm #content .contentBlock.two, #biz_capitalmgm #content .contentBlock.three { float: right; width: 400px; }
#biz_capitalmgm #content .contentBlock.three img { padding: 6px; border: 1px solid #d9d1d1; background: #fff; }

/**** nr_awards ****/
#nr_awards #subSubNav { width: 200px; }
#nr_awards #title { float: none; }
#nr_awards #sliderContainer { height: 230px; }
#nr_awards #sliderWindow { height: 230px; }
#nr_awards #slider { width: 3061px; } /* ((item-width + item-marginRight) x number-of-item) - item-marginRight */ /* ((145 + 17) x 19) - 17 = 3061 */
#nr_awards #emailThisPage { right: 0; }
#nr_awards #subSubNav { padding-right: 24px; }

#nr_awards #slider .one 			{ background-image: url(award_mosttransparent2008.gif); }
#nr_awards #slider .two 			{ background-image: url(award_waterdeal2008.gif); }
#nr_awards #slider .three		{ background-image: url(award_frost-desalination2007.gif); }
#nr_awards #slider .four			{ background-image: url(award_frost-rwt2007.gif); }
#nr_awards #slider .five			{ background-image: url(award_watercompany2006.gif); }
#nr_awards #slider .six 			{ background-image: url(award_distinction2006.gif); }
#nr_awards #slider .seven 		{ background-image: url(award_aquatech2006.gif); }
#nr_awards #slider .eight		{ background-image: url(award_regionalgrowth2006.gif); }
#nr_awards #slider .nine			{ background-image: url(award_forbes2005-2006.gif); }
#nr_awards #slider .ten 			{ background-image: url(award_globalwater2005.gif); }
#nr_awards #slider .eleven		{ background-image: url(award_asiamoney2005.gif); }
#nr_awards #slider .twelve		{ background-image: url(award_mosttransparent2004-5.gif); }
#nr_awards #slider .thirteen	{ background-image: url(award_businessman2004.gif); }
#nr_awards #slider .fourteen	{ background-image: url(award_euromoney2003.gif); }
#nr_awards #slider .fifteen	{ background-image: url(award_mosttransparent2009.gif); }
#nr_awards #slider .sixteen	{ background-image: url(award_asiamoney2009.gif); }
#nr_awards #slider .seventeen,
#nr_awards #slider .eighteen { background-image: url(award_highlycommended2010.gif); }
#nr_awards #slider .nineteen	{ background-image: url(award_distinction2010.gif); }


/**** careers ****/
#careers .defaultPara { width: 420px; }
#careers #slideShow { width: 481px; height: 152px; }
#careers #availableJobs { clear: both; padding-bottom: 100px; background: url(bg_careers.jpg) no-repeat left bottom; }
#careers #availableJobs h2 { float: left; margin: 0; }
#careers #availableJobs .alt { float: left; width: 233px; height: 39px; padding-left: 20px; margin-top: -8px; text-indent: -1000em; background: url(bg_availableJobs.png) no-repeat right top; border: none; outline: none; }
#careers #availableJobs p { margin: 0; clear: both; padding-top: 3px;  }
#careers #sectionHighlight { margin-top: 15px; }
#careers #sectionHighlight .more { top: 123px; }

/**** careers_joblist ****/
#careers_joblist a { border: none; }
#careers_joblist .contentBlock li { background: none; padding: 0; }
#careers_joblist .contentBlock ul { margin-top: 0; }

#careers_joblist .ir_table { margin-top: 10px; border-collapse: collapse; }
#careers_joblist .ir_table td, #careers_joblist .ir_table th { border: 1px solid #CCD6DB; padding: 3px 0 3px 5px; }

/**** careers_jobdetail ****/
#careers_jobdetail #content h2 { float: none; }
#careers_jobdetail #content h4 { margin-bottom: 0; }
#careers_jobdetail #content ul { margin-top: 3px; }
#careers_jobdetail #subSubNav { width: auto; }
#careers_jobdetail .country span { font-weight: normal; color: #666;}

/**** contact ****/
#contact #title { float: none; }
#contact h3 { margin: 0 0 5px; }
#contact .left { clear: both; float: left; margin-top: 15px; width: 410px; } 
#contact #sectionHighlight { width: 430px; background: none; border: none; margin-top: 5px; } 
#contact #sectionHighlight .contentBlock { width: auto; padding: 0 20px 0 0; } 
#contact #sectionHighlight .contentBlock img { margin: 0; }
#contact #sectionHighlight .contentBlock .more { top: 80px; right: 30px; display: none; }
#contact #sectionHighlight .contentBlock:hover img { border-color: #4672ae; }
#contact #sectionHighlight .contentBlock:hover .more { background-position: left top; }

#contact #sectionHighlight .popup.one { top: 110px; left: -10px; width: 420px; padding-bottom: 10px; }
#contact #sectionHighlight .popup.two { top: -220px; left: 390px; width: 540px; padding-right: 0; }
#contact #sectionHighlight .popup h4 { color: #205371; font-size: 1.1em; padding-left: 10px; background: url(icon_blueArrow.gif) no-repeat left center; }
#contact #sectionHighlight .popup h5 { margin: 0; }
#contact #sectionHighlight .popup p { margin: 0 0 12px; }

#contact #sectionHighlight .popup.one .si_floatLeft { margin-right: 25px; }
#contact #sectionHighlight .popup.one .block { margin-bottom: 10px; }

#contact #sectionHighlight .popup.two .block { float: left; padding: 0 0 10px; }
#contact #sectionHighlight .popup.two h4 { margin-bottom: 5px; }
#contact #sectionHighlight .popup.two .block.alt { width: 360px; }
#contact #sectionHighlight .popup.two .block.first { width: 100%; }
#contact #sectionHighlight .popup.two .block.first h4 { float: left; width: 170px; }
#contact #sectionHighlight .popup.two .block.first address { float: left; }
#contact #sectionHighlight .popup.two .block.last { padding: 0; }
#contact #sectionHighlight .popup.two .block address { width: 180px; }
#contact #sectionHighlight .popup.two .block img { padding: 0; margin: 0 115px 0 0; float: right; }

#map { border: none; float: left; clear: left; margin-right: 10px; position: relative; outline: none; z-index: 5; }
#map img { display: block; }
#map .popup { top: -40px; left: 240px; padding: 0; background: none; width: auto; }

#contact .right { float: right; width: 500px; margin-top: 15px; }
#contact .right .contentBlock { margin: 0; padding: 16px 0 12px 18px; float: left; }
#contact .right .note { float: right; width: 240px; margin: -20px 0 0; color: #f00; font-style: italic; font-size: 0.9em; }
#contact .right ul { float: left; width: 100%; margin: 0; }
#contact .right li { padding: 0 0 5px; background: none; float: left; width: 240px; min-height: 40px; }
#contact .right label { display: block; }
#contact .right label span { color: #f00; }
#contact .right input { width: 90%; }
#contact .right textarea { width: 90%; }
#contact .right .five input, #contact .right .seven input  { width: auto; }

/**** others ****/
body.others #title { float: none; }

/**** email ****/
#emailForm { float: left; width: 100%; }
#emailForm ul { float: left; width: 100%; }
#emailForm li { padding: 4px 0; background: none; float: left; width: 100%; }
#emailForm li label { float: left; width: 30%; }
#emailForm li input, #emailForm textarea { float: left; width: 30%; }
#emailForm .comment textarea { height: 80px; }
#emailForm .comment label { height: 80px; line-height: 80px; }
#emailForm .button { display: block; width: 40px; margin: 0 auto; }

#recaptcha_widget { clear: both; background: #1E5192; color: #fff; padding: 10px; margin-bottom: 10px; }
#recaptcha_widget a { color: #6cf; border-color: #6cf; }
#recaptcha_widget > p:first-child { margin-top: 0; }