@charset "utf-8";
/* CSS Document */
html { font-size: 62.5%; }
body { background: #fff; font: 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 0; padding: 0; }
a { color: #0887d0; text-decoration: none; }
a:hover { color: #0887d0; text-decoration: underline; }
a.active { color: #0685cf; }
h2 { color: #26408d; font-size: 1.2em; }
h3 { color: #0398db; font-size: 1.3em; }
h4, .question { color: #26408d; font-size: 1em; }
h5 { font-size: 1em; margin: 0.8em 0; }
address { font-style: normal; }
img { border: none; }

.si_fixed:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;	}
.si_fixed{ display:block; }
/*  \*/
.si_fixed{ min-height:1%; }
* html .si_fixed{	height:1%; }

.floatLeft { float: left; }
.floatRight { float: right; }

.clearLeft { clear: left; }
.clearBoth { clear: both; }

.tagLine { margin-top: -1.2em; color: #999; font-style: italic; }
.footNote { color: #999; font-size: 0.9em; }

.marginBottom0 { margin-bottom: 0; }
.marginTop0 { margin-top: 0; }

.generalForm ul { list-style: none; margin: 0; padding: 10px; width: 580px; }
.generalForm ul ul{ list-style: none; margin: 0; padding: 10px; overflow: auto; width: 560px; }
.generalForm li { float: left; width: 580px; padding: 2px 0; }
.generalForm li li{ float: left; width: 560px; padding: 2px 0; }
.generalForm label { float: left; width: 160px; }
.generalForm .field_notice {float:left; width:400px; padding-left:160px; color:#999; }
.generalForm input, .generalForm textarea, .generalForm select { float: left; width: 280px; border: 1px solid #5d99cb; padding: 2px;  }
.generalForm select { width: auto; }
.generalForm #Submit, .generalForm .button { margin-left: 160px; width: auto; }

.generalForm ul.checkbox { padding: 0; width: 540px; float: left; overflow: visible; }
.generalForm ul.checkbox li { width: 540px; }
.generalForm ul.checkbox input { width: auto; border: none; }

.generalForm ul.radio { padding: 0; width: 540px; float: left; overflow: visible; }
.generalForm ul.radio li { float: left; width: auto; margin-right: 5px; }
.generalForm ul.radio input { width: auto; border: none; }
.generalForm ul.radio label { width: auto; }

.generalForm textarea.question_answer { width: 520px; }

/**** for form validating ****/
.generalForm .validation-advice {
    padding: 2px;
    margin: 5px 3px;
    background-color: #FF3300;
    color : #FFF;    
    clear:both;
    margin-left:160px;
}

.generalForm #advice-required-registering_product{
    padding: 2px;
    margin: 5px 3px;
    background-color: #FF3300;
    color : #FFF;
    clear:both;
    margin-left:0px;
}

.generalForm input.validation-failed, textarea.validation-failed, select.validation-failed {
    border: 1px solid #FF3300;    
}

.generalForm input.disabled {
    border: 1px solid #F2F2F2;
    background-color: #F2F2F2;
}

.specTable { border-collapse: collapse; }
.specTable th { color: #8e8e8e; text-align: left; padding-right: 5px; }
.specTable td { color: #1196d1; }
.specTable th, .specTable td { border: solid #ddd; border-width: 1px 0; }
img.right { float: right; padding: 0 0 1em 2em; background: #fff; }
p.right { text-align: right; }
#container { width: 980px; margin: 0 auto; position: relative; }
#siteTitle { margin: 0; position: absolute; top: 10px; left: 30px; width: 158px; height: 50px; text-indent: -1000em; background: url(../images/hyflux.gif); }
#siteTitle a { display: block; width: 158px; height: 42px; outline: none; }

/**** contentWrap ****/
#contentWrap { width: 670px; padding-right: 4px; float: right; position: relative; background: url(../images/bg_contentWrap.gif) no-repeat right top; }

/**** content ****/
#content { margin-top: 250px; padding: 0 20px 0 26px; position: relative; text-align: justify; }
#pageTitle { }

#home #content { margin-top: 547px; }
#products #content {  min-height: 429px; background: url(../images/bg_products.gif) no-repeat -25px 31px; }



/**** header ****/
#header { width: 670px; height: 250px; background: url(../images/bg_header.jpg) no-repeat right top; position: absolute; top: 0; left: 0; }

#header2 { width: 670px; height: 250px; background: url(../images/bg_header2.jpg) no-repeat right top; position: absolute; top: 0; left: 0; }
#header3 { width: 670px; height: 250px; background: url(../images/bg_header3.jpg) no-repeat right top; position: absolute; top: 0; left: 0; }
#header4 { width: 670px; height: 250px; background: url(../images/bg_header4.jpg) no-repeat right top; position: absolute; top: 0; left: 0; }
#header5 { width: 670px; height: 250px; background: url(../images/bg_header5.jpg) no-repeat right top; position: absolute; top: 0; left: 0; }


#pageCat { margin: 175px 0 0; }
#breadcrumbs { font-size: 0.9em; margin: 0; }

#subNav { margin: 0 0; padding: 0; list-style: none; border-top: 1px solid #e3e3e3; position: absolute; top: 198px; left: 0; width: 100%; }
#subNav li { float: left; border: 1px solid #e3e3e3; border-width: 0 1px 1px 0; -moz-border-radius-bottomright: 5px ; -webkit-border-bottom-right-radius: 5px; }
#subNav li.first { border-left-width: 1px; margin: 0; }
#subNav li:hover { background: url(../images/bg_subNav.png) repeat-x left bottom; }
#subNav li.active { background: url(../images/bg_subNav.png) repeat-x left bottom; }
#subNav li.active a { background-image: url(../images/icon_arrow_on.gif); }
#subNav li a { display: block; padding: 6px 20px 6px 25px; color: #0685cf; background: url(../images/icon_arrow_off.gif) no-repeat 11px 12px; }
#subNav li a:hover { text-decoration: none; background-image: url(../images/icon_arrow_on.gif); }

#search { position: absolute; top: 5px; right: 0; width: 260px; }
#search h4 { float: left; margin: 0 10px 0; font-size: 1.1em; }
#search input { float: left; }
#search .one { border: 1px solid #d1d1d1; padding: 1px; font-size: 11px; width: 150px; }
#search .two { margin: 3px 0 0 10px; }

#home #header { height: 570px; background: url(../images/home.png) no-repeat right top; }

/**** mainNav ****/
#mainNav { width: 288px; height: 502px; float: left; margin: 70px 0 0; padding: 0; list-style: none; background: url(../images/bg_mainNav.jpg) no-repeat; font-family: Arial, Helvetica, sans-serif; }
#mainNav a { font-size: 1.1em; }
#mainNav a.active { font-weight: bold; }
#mainNav li { margin: 4px 0 0 50px; }
#mainNav li.first { margin-top: 55px; }

/**** footer ****/
#footer { clear: both; padding: 25px 5px 10px; overflow: auto; }
#footer p { margin: 0; }
#footer ul { margin: 0; padding: 0; list-style: none; float: left; }
#footer li { float: left; padding: 0 10px; }
#footer a { color: #2a438f; }

#home #footer { padding-top: 2px; }

/**** slider ****/
#slider { position: relative; }

#slider .navigation { overflow: auto; list-style: none; margin: 0 0 10px; padding: 0; }
#slider .navigation li { float: left; padding: 1px; }
#slider .navigation li a { display: block; padding: 2px 8px 2px 16px; background: #e9e9e9 url(../images/icon_arrow_grayongray.gif) no-repeat 7px 8px; -moz-border-radius: 1px ; -webkit-border-radius: 1px; outline: none; line-height: 15px; height: 15px; float: left; }
#slider .navigation li a:hover { text-decoration: none; background-color: #149fdd; background-image: url(../images/icon_arrow_whiteonblue.gif); color: #fff; }
#slider .navigation li a.selected { text-decoration: none; background-color: #149fdd; background-image: url(../images/icon_arrow_whiteonblue.gif); color: #fff; }
#slider .navigation a.pdf { background-image: none; padding: 2px 5px; }
#slider .navigation a.pdf:hover { background-image: none; }

.scroll { overflow: auto; position: relative; clear: left; }
.scrollContainer div.panel { }

.scrollButtons { position: absolute; top: 150px; cursor: pointer; display: none; }
.scrollButtons.left { left: -20px; }
.scrollButtons.right { right: -20px; }

.corp_textDivider {border-bottom: 1px dotted #666; margin: 1em 0;}
.corp_spacerRight {float:right;}

#slider .panel ul { list-style: none; margin: 0; padding: 0; }
#slider .panel ul li { background: url(../images/icon_blueTick.gif) no-repeat left 5px; padding-left: 15px; }




/**** pages ****/
#product #slider { width: 510px; float: right; }
#product .scrollContainer div.panel { width: 510px; padding: 5px 0;  }
#product .scroll { width: 510px; }
#productPhoto { float: left; width: 110px; }
#productPhoto img { display: block; margin: 0 auto; }

#maintenance #slider .navigation { margin: 0; }
#maintenance .scrollContainer div.panel { width: 584px; height: 200px; padding: 20px; }
#maintenance .scroll { border: 1px solid #ccc; -moz-border-radius: 4px ; -webkit-border-radius: 4px; width: 622px; height: 240px; }
#maintenance #slider h3 { margin: 0; }
#maintenance #slider strong { color: #26408D; font-size: 1.1em; }
#custService #content h4 { margin: 1.2em 0 0.5em; }

#bizEnquiries input, #bizEnquiries textarea, #bizEnquiries select { border: 1px solid #5d99cb; padding: 2px; }
#bizEnquiries span { color: #999; }
#bizEnquiries label { float: none; }

#productFlash {  width: 640px; height: 350px;  }

#home.searchalt #search { left: -257px; top: 310px; }
#home.searchalt #search h4 { display: none; }
#home.searchalt #search .two { clear: both; margin: 7px 0 0 0; }

#countryList { list-style: none; margin: 0; padding: 0; overflow: auto; }
#countryList li { float: left; }
#countryList a { display: block; line-height: 30px; padding: 0 20px; background: #eee; border: solid #ccc; border-width: 1px 1px 0 0; outline: none; }
#countryList li.first a { border-left-width: 1px; }
#countryList a:hover, #countryList li.selected a { color: #fff; background: #14a0dd; text-decoration: none; }


#addressList { border: 1px solid #ccc; padding: 10px 30px; }

#faqList li { border-bottom: 1px dotted #999; padding: 1em 0; }
#faqList li li { border: none; padding: 0; list-style: lower-roman; }
#faqList h4 { margin: 0; }
#faqList h4 + p { margin-top: 0; }

.productList { margin: 0; padding: 0; list-style: none; float: left; }
.productList li { float: left; width: 88px; text-align: center; padding: 7px 0; }
.productList li span { display: block; height: 7em; text-align: center; font-size: 0.9em; line-height: 1.2em; padding: 0 2px; outline: none; }
.productList li a { color: #fff; display: block; padding: 0 2px; }

/*
.productList li.first { background: url(../images/bg_blue_topLeft.gif) no-repeat left top; }
.productList li.last { background: url(../images/bg_blue_topRight.gif) no-repeat right top; }
.productList li.last span { background: url(../images/bg_blue_bottomRight.gif) no-repeat right bottom; }
*/

/*
.one h4 { color: #1c9ed9; }

.two h4 { color: #d19d00; }
.two .productList { background: #fed204 url(../images/bg_yellow_bottomLeft.gif) no-repeat left bottom; }
.two .productList a { color: #000; }
.two .productList li.first { background-image: url(../images/bg_yellow_topLeft.gif); }
.two .productList li.last { background-image: url(../images/bg_yellow_topRight.gif); }
.two .productList li.last span { background-image: url(../images/bg_yellow_bottomRight.gif); }

.three { padding-left: 15px; }
.three h4 { color: #ca2027; }
.three .productList { background: #ca2027 url(../images/bg_red_topLeft.gif) no-repeat left top; }
.three .productList li.first span { background: url(../images/bg_red_bottomLeft.gif) no-repeat left bottom; padding: 0; }
.three .productList li.last { background: url(../images/bg_red_topRight.gif) no-repeat right top; }
.three .productList li.last span a { background: url(../images/bg_red_bottomRight.gif) no-repeat right bottom; display: block; height: 7em; padding: 0 2px; }

.four { padding-left: 15px; }
.four h4 { color: #48a146; }
.four .productList { background: #48a146 url(../images/bg_green_topLeft.gif) no-repeat left top; }
.four .productList li.first span { background: url(../images/bg_green_bottomLeft.gif) no-repeat left bottom; padding: 0; }
.four .productList li.last { background: url(../images/bg_green_topRight.gif) no-repeat right top; }
.four .productList li.last span a { background: url(../images/bg_green_bottomRight.gif) no-repeat right bottom; display: block; height: 7em; padding: 0 2px; }
*/

#articles #content .block { padding: 20px 0 10px 0; border-bottom: 1px solid #90d8fe; }
#articles #content .block img { float: left; padding: 4px; border: 1px solid #bde6ff; }
#articles #content .block div { float: right; width: 500px; }
#articles #content .block h4 { margin: 0; }
#articles #content .block h4 a { color: #26408D; }
#articles #content .block p { margin: 7px 0 0; }

#news_event #content .block { padding: 20px 0 10px 0; border-bottom: 1px solid #90d8fe; }
#news_event #content .block img { float: left; padding: 4px; border: 1px solid #bde6ff; }
#news_event #content .block div { float: right; width: 500px; }
#news_event #content .block h4 { margin: 0; }
#news_event #content .block h4 a { color: #26408D; }
#news_event #content .block p { margin: 7px 0 0; }

#disclaimer #content p { font-size: 0.9em; }

#sitemap #content ul { margin: 0; padding: 0; list-style: none; }
#sitemap #content li { padding: 4px 0 0 10px; background: url(../images/icon_arrow_blue.gif) no-repeat left 9px; }
#sitemap #content li li { padding: 4px 0 0 17px; background: url(../images/icon_dot.gif) no-repeat 6px 11px; }
#sitemap #content li li a { color: #999; }

#hyfluxGrp { background: url(../images/bg_hyfluxGrp.jpg); width: 626px; height: 345px; position: relative; }
#hyfluxGrp h4 { display: none; }
#hyfluxGrp div { position: absolute; width: 384px; top: 38px; left: 15px; color: #fff; margin: 0; line-height: 1.25em; }
#hyfluxGrp div p { margin: 0 0 12px 0; }
#hyfluxGrp .link { color: #f9ff5d; }
#hyfluxGrp .link a { color: #f9ff5d; }

#consDiv { background: url(../images/bg_consDiv.gif); width: 626px; height: 247px; position: relative; line-height: 1.25em; }
#consDiv h4.one { display: none; }
#consDiv div.one { position: absolute; top: 44px; left: 15px; width: 334px; }
#consDiv div.one img { float: left; margin: 0 10px 7px 0; }
#consDiv div.one p { margin: 0 0 12px 0; }
#consDiv h4.two { display: none; }
#consDiv p.two { width: 225px; position: absolute; margin: 0; top: 75px; right: 32px; }
#consDiv p strong { color: #0398DB; }

#acknowledge .right { padding-right: 150px; }
#acknowledgeBox { clear: both; width: 500px; background: #d1eefd url(../images/bg_acknowledge_top.gif) no-repeat left top; margin: 0 auto; text-align: center; padding-top: 1px; }
#acknowledgeBox h3 { margin-bottom: 0; padding-bottom: 20px; background: url(../images/bg_acknowledge_bottom.gif) no-repeat left bottom; }

#aboutus #header { background-image: url(../images/bg_header_aboutus.jpg); }
#products #header, #product #header { background-image: url(../images/bg_header_products.jpg); }
#custService #header { background-image: url(../images/bg_header_faq.jpg); }
#customer_aftersales #header { background-image: url(../images/bg_header_faq.jpg); }
#maintenance #header { background-image: url(../images/bg_header_maintain.jpg); }
#news_event #header { background-image: url(../images/bg_header_news.jpg); }
#articles #header { background-image: url(../images/bg_header_health.jpg); }
#contactus #header, #contacts_business #header, #where_to_buy #header { background-image: url(../images/bg_header_contactus.jpg); }

#product_registration li { text-align: left; }
#product_registration fieldset { border: 1px solid #0398DB; margin-bottom: 16px; }
#product_registration legend { color: #26408D; font-weight: bold; font-size: 1.3em; }

#cartridgeList { margin: 0; padding: 0; list-style: none; overflow: auto; }
#cartridgeList li { float: left; width: 207px; text-align: center; padding: 5px 0; }
#cartridgeList li span { display: block; color: #0398DB; padding: 5px 10px; }

.storeList { width: 195px; margin: 15px 8px; background: #1c9ed9 url(../images/bg_blue_topLeft.gif) no-repeat left top; color: #fff; padding: 0; text-align: left; }
.storeList ul { margin: 0; padding: 0 0 0 8px; list-style: none; background: url(../images/bg_blue_bottomLeft.gif) no-repeat left bottom; }
.storeList h4 { color: #fff; margin: 0; padding: 8px 0 0 8px; font-size: 1.2em; background: url(../images/bg_blue_topRight.gif) no-repeat right top; }
.storeList li { font-size: 0.9em; }
.storeList li.last { background: url(../images/bg_blue_bottomRight.gif) no-repeat right bottom; padding-bottom: 8px; }

#where_to_buy .one, #where_to_buy .two, #where_to_buy .three { float: left; padding: 0; }

#where_to_buy .one .storeList { margin-left: 0; }
/** #where_to_buy .one .storeList li.last { padding-bottom: 55px; }   **/
/** #where_to_buy .one .storeList li.last { padding-bottom: 35px; }  **/
#where_to_buy .one .storeList li.last { padding-bottom: 45px; }  

#where_to_buy .two .storeList { background-image: url(../images/bg_yellow_topLeft.gif); background-color: #fed204; color: #000; }
#where_to_buy .two .storeList h4 { background-image: url(../images/bg_yellow_topRight.gif); }
#where_to_buy .two .storeList ul { background-image: url(../images/bg_yellow_bottomLeft.gif); }
/** #where_to_buy .two .storeList li.last { background-image: url(../images/bg_yellow_bottomRight.gif); } **/
#where_to_buy .two .storeList li.last { background-image: url(../images/bg_yellow_bottomRight.gif);  padding-bottom: 150px; }
#where_to_buy .two .storeList h4 { color: #000; }

#where_to_buy .three .storeList { background-image: url(../images/bg_red_topLeft.gif); background-color: #ca2027; margin-right: 0; }
#where_to_buy .three .storeList h4 { background-image: url(../images/bg_red_topRight.gif); }
#where_to_buy .three .storeList ul { background-image: url(../images/bg_red_bottomLeft.gif); }
/** #where_to_buy .three .storeList li.last { background-image: url(../images/bg_red_bottomRight.gif); padding-bottom: 69px; }  **/
/** #where_to_buy .three .storeList li.last { background-image: url(../images/bg_red_bottomRight.gif); padding-bottom: 33px; } **/
#where_to_buy .three .storeList li.last { background-image: url(../images/bg_red_bottomRight.gif); padding-bottom: 05px; } 

#aboutus #pageTitle { width: 67px; height: 16px; display: block; text-indent: -1000em; background: url(../images/header_aboutus.gif);  }

#error #content { color: #999; }
#error #pageTitle { font-size: 2em; font-family: "Arial Black", Arial, Helvetica, sans-serif; color: #000; }
#error #content em { font-style: normal; color: #000; }

#registrationDone { width: 606px; height: 435px; background: url(../images/bg_registration_done.jpg); text-align: center; padding: 20px 0 0; }
#registrationDone  p { width: 450px; margin: 0 auto 7px auto; }
#registrationDone em { font-weight: bold; font-style: normal; color: #009de3; }
#registrationDone .alt { font-size: 1.3em; margin-bottom: 240px; }
#registrationDone .alt em { color: #d61f10; }

#pl_2, #pl_3 { margin-right: 31px; }

/**
Insertion for Gurgle Malaysia
**/
.tableColumnTitle{
	COLOR: #0398db; FONT-SIZE: 1em; font-weight:bold;
}
#gurglemalaysia #header {
	BACKGROUND-IMAGE: url(../images/bg_header_gurglemalaysia.jpg)
}
#gurglemalaysia #slider .navigation {
	MARGIN: 0px
}
#gurglemalaysia .scrollContainer DIV.panel {
	PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; WIDTH: 584px; PADDING-RIGHT: 20px; HEIGHT: 200px; PADDING-TOP: 20px
}
#gurglemalaysia .scroll {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH: 622px; HEIGHT: 250px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; -moz-border-radius: 4px; -webkit-border-radius: 4px
}
#gurglemalaysia #slider H3 {
	MARGIN: 0px
}
#gurglemalaysia #slider STRONG {
	COLOR: #26408d; FONT-SIZE: 1.1em
}

/**** survey ****/
#survey { width: 73px; height: 89px; left:225px; top:45px; z-index:10; position: absolute; display:block;}
#survey img { cursor:hand; }