/* HTH - ARCH Chemicals SUB PAGE Stylesheet 
(c) ARCH Chemcials
[Table of contents]
1. Body
2. Container / #container (968px)
3. Header / #header
4. Utility Navigation / .utilityNav
5. Global Navigation / #nav
6. Article (Center Content) / #article
7. 4-Step / #stepArea
8. Bottom Three / #bottomThree
*/
/* 1. Body */
body{background:#0085cf url(/FedFiles/en/HTH/Images/bak_sub.png) no-repeat top center;}
/* 2. Container*/
#container{width:978px;margin:0 auto;text-align:center;background:transparent url(/FedFiles/en/HTH/Images/bak_sub.png) no-repeat top center;position:relative;}
#logo{z-index:99;position:absolute;height:179px;float:left;display:inline;}
#logo a {height:100px;width:150px;float:left;position:relative;top:40px;left:50px;}
body.spa #logo{z-index:99;position:absolute;height:165px;width:195px;float:left;display:inline;}
/* hth logo*/
#logo{top:34px;left:-36px;width:263px;background:transparent url(/FedFiles/en/HTH/Images/bak_logo_hth.png) no-repeat 0 0;}
/* spa logo */
body.spa #logo{top:32px;left:0;background:transparent url(/FedFiles/en/HTH/Images/bak_logo_spa.png) no-repeat 0 0;}
body.spa #logo a {height:100px;width:150px;float:left;position:relative;top:40px;left:30px;}
/* 3. Header */
#header{padding-top:42px;text-align:left;height:46px;}
form#cse-search-box { position:absolute; top:46; right:26px;}
/* utility nav*/
ul.utilityNav{padding-left: 310px;width:375px;}
ul.utilityNav li.last{width:155px;}
/* 5. Global Navigation */
ul#nav{margin-left:210px;}
/* Content Container (Navigation */
#contentContainer{width:978px;float:left;text-align:left;margin-left:0;}
/* hth pages*/
#contentContainer.leftNav{background:transparent url(/FedFiles/en/HTH/Images/bak_sub_content_nav.png) repeat-y 0 0;}
/* spa pages */
body.spa #contentContainer.leftNav{background:transparent url(/FedFiles/en/HTH/Images/bak_sub_content_nav_spa.png) repeat-y 0 0;}
#subContentFoot{position:relative;width:978px;height:15px;float:left;background:transparent url(/FedFiles/en/HTH/Images/bak_sub_content_foot.png) no-repeat 0 0;top:0;left:0;text-align:left;}
#contentContainer.leftNav #extra{position:relative;left:15px;float:left;}
#contentContainer.leftNav #extra{background:transparent url(/FedFiles/en/HTH/Images/rotate_sub_left_column.jpg) no-repeat bottom left;}
/* for spa */
body.spa #contentContainer.leftNav #extra{background:transparent url(/FedFiles/en/HTH/Images/rotate_sub_left_column_two.png) no-repeat bottom left;}
/* Left Navigation*/
#navContainer{position:relative;top:0;left:9px;width:195px;float:left;padding:100px 0 0 0;margin-left:0;}
#navContainer ul{padding-bottom:30px;float:left;font-size:110%;}
#navContainer ul li ul{padding-bottom:0;}
#navContainer ul,#navContainer ul li ul{list-style:none;}
#navContainer ul li{background:transparent url(/FedFiles/en/HTH/Images/sep_nav.png) no-repeat bottom left;}
#navContainer ul li,#navContainer a{float:left;position:relative;left:0;}
#navContainer ul li{width:185px;}
#navContainer ul li a{padding:10px 5px 10px 40px;background-color:#ceeffe;background:transparent url(/FedFiles/en/HTH/Images/blt_left_nav.png) no-repeat 13px 12px;text-decoration:none;}
#navContainer ul li.active a{color:red;padding-bottom:10px;}
img.customerSupport{position:relative;top:30px;left:5px;display:inline;}
#navContainer ul li ul{margin-top:-8px;padding-bottom:7px!important;font-size:80%;}
#navContainer ul li ul li{background:none;clear:both;}
#navContainer ul li ul li a{padding:4px 5px 4px 50px!important;color:#0085cf !important;background:transparent url(/FedFiles/en/HTH/Images/blt_blue_square.gif) no-repeat 42px 11px !important}
#navContainer ul li.active a{font-weight:bold;}
#navContainer ul li.inactive a{font-weight:normal;}
/*Center Content */
#article{width:721px;float:none;margin:28px 0 0 195px !important;padding-left:34px !important;height:auto; min-height:700px;}
h1{position:relative;top:-5px;float:left;width:auto;font-size:180%;color:#0b76aa;font-weight:normal;}
/* add this styles */
.addThis{float:right;background:url(/FedFiles/en/HTH/Images/blt_share.gif) no-repeat 5px 4px !important;padding:0 0 10px 20px;}
.addThis a{vertical-align:top;}
a.addthis_button span{display:inline;float:left;}
a.addthis_button{color:#000;/*font-size:80%;*/text-decoration:none;}
.center{float:left;width:704px;padding-top:0px;}
.description{position:relative;float:left;width:671px;margin:5px 5px 0 5px;}
body.contact .description, body.single .description {float:none;width:100%; margin:0;}
.description p{padding-top:15px;}
body.products.landing #contentMain p.description{padding-top:15px;padding-bottom:15px;width:671px}
#contentMain a{color:#0085cf;}
/* ------------------ 4-Step Pool Care Content Section ------------------ */
/* Gradient Section*/
.top{float:left;top:0;width:704px;margin:0;display:block;min-height:400px;min-height:24px;}
.top.balance{background:transparent url(/FedFiles/en/HTH/Images/bak_balance_top.png) no-repeat top left;}
.top.sanitizers{background:transparent url(/FedFiles/en/HTH/Images/bak_sanitizers_top.png) no-repeat top left;}
.top.shocks{background:transparent url(/FedFiles/en/HTH/Images/bak_shocks_top.png) no-repeat top left;}
.top.algaecides{background:transparent url(/FedFiles/en/HTH/Images/bak_algaecides_top.png) no-repeat top left;}
#centerContainer .inner{float:left;padding:0 20px;min-height:399px;}
#centerContainer .inner.balance{background:transparent url(/FedFiles/en/HTH/Images/bak_balance_center.png) no-repeat top left;}
#centerContainer .inner.sanitizers{background:transparent url(/FedFiles/en/HTH/Images/bak_sanitizers_center.png) no-repeat top left;}
#centerContainer .inner.shocks{background:transparent url(/FedFiles/en/HTH/Images/bak_shocks_center.png) no-repeat top left;}
#centerContainer .inner.algaecides{background:transparent url(/FedFiles/en/HTH/Images/bak_algaecides_center.png) no-repeat top left;}
#centerContainer{min-height:199px;float:left;margin:0;}
body.balance #centerContainer{background:transparent url(/FedFiles/en/HTH/Images/bak_balance_center_repeat.png) repeat-y bottom left;}
body.sanitizers #centerContainer{background:transparent url(/FedFiles/en/HTH/Images/bak_sanitizers_center_repeat.png) repeat-y bottom left;}
body.shocks #centerContainer{background:transparent url(/FedFiles/en/HTH/Images/bak_shocks_center_repeat.png) repeat-y bottom left;}
body.algaecides #centerContainer{background:transparent url(/FedFiles/en/HTH/Images/bak_algaecides_center_repeat.png) repeat-y bottom left;}
.bottom{min-height:25px;float:left;width:704px;top:0px;display:block;margin-bottom:50px;}
.bottom.balance{background:transparent url(/FedFiles/en/HTH/Images/bak_balance_bottom.png) no-repeat bottom left;}
.bottom.sanitizers{background:transparent url(/FedFiles/en/HTH/Images/bak_sanitizers_bottom.png) no-repeat bottom left;}
.bottom.shocks{background:transparent url(/FedFiles/en/HTH/Images/bak_shocks_bottom.png) no-repeat bottom left;}
.bottom.algaecides{background:transparent url(/FedFiles/en/HTH/Images/bak_algaecides_bottom.png) no-repeat bottom left;}
/* white background section*/
.whiteTop{float:left;width:666px;margin:50px 0 0 0;min-height:400px;min-height:25px;}
.whiteTop{background:transparent url(/FedFiles/en/HTH/Images/bak_balance_white_top.png) no-repeat top left;}
.whiteCenterContainer .inner{float:left;padding:0 25px;min-height:400px;}
.whiteCenterContainer.balance .inner.balance{background:transparent url(/FedFiles/en/HTH/Images/bak_balance_white_center.png) no-repeat top left!important;}
.whiteCenterContainer.sanitizers .inner.sanitizers{background:transparent url(/FedFiles/en/HTH/Images/bak_sanitizers_center_white.png) no-repeat top left!important;}
.whiteCenterContainer.shocks .inner.shocks{background:transparent url(/FedFiles/en/HTH/Images/bak_shocks_center_white.png) no-repeat top left!important;}
.whiteCenterContainer.algaecides .inner.algaecides{background:transparent url(/FedFiles/en/HTH/Images/bak_algaecides_center_white.png) no-repeat top left!important;}
.whiteCenterContainer{min-height:199px;float:left;margin:0;width:666px;}
.whiteCenterContainer p{padding-bottom:15px;}
.whiteCenterContainer.balance{background:transparent url(/FedFiles/en/HTH/Images/bak_balance_center_white_repeat.png) repeat-y bottom left;}
.whiteCenterContainer.sanitizers{background:transparent url(/FedFiles/en/HTH/Images/bak_sanitizers_center_white_repeat.png) repeat-y bottom left;}
.whiteCenterContainer.shocks{background:transparent url(/FedFiles/en/HTH/Images/bak_shocks_center_white_repeat.png) repeat-y bottom left;}
.whiteCenterContainer.algaecides{background:transparent url(/FedFiles/en/HTH/Images/bak_algaecides_center_white_repeat.png) repeat-y bottom left;}
.whiteCenterContainer h2{font-size:165%;margin-bottom:10px;}
.whiteCenterContainer h3{font-size:135%;padding-bottom:20px;}
.whiteCenterContainer h4{font-size:135%;padding-bottom:10px;}
.whiteCenterContainer h4{color:#0085cf;}
.smaller{font-size:80%;}
.small{font-size:95%;}
.large{font-size:105%;}
.larger{font-size:125%;}
.breadCrumbText {font-size:95%!important;color: #505050;}
.general{color:#505050;}
.redtext{color:#990000;}
.divider{border-bottom:#E1E1E1 1px solid;}
.newstitle{font-weight:700;font-size:110%;}
.corplink{font-size:90%;}
.header{font-size:90%;color: #000;}
.sitenav {color: #595959;}
.noline{text-decoration: none;}
.headline{font-weight: bold;font-size: 110%;color: #0B76AA;font-style: normal;}
.lgheadline{font-weight: bold;font-size: 120%;color: #0B76AA;font-style: normal;}
.viewLarger{display:block;padding-top:5px;clear:both;}
.selectField{color:#6C6C6C;font-size: 90%;}
p.backtop{background: transparent url(/FedFiles/en/HTH/Images/arrow_up.png) no-repeat scroll 0 5px;float:right;padding-left:12px;text-transform:uppercase;width:100px;}
.whiteCenterContainer.balance h2,.whiteCenterContainer.balance h3{color:#6c217f;}
.whiteCenterContainer.sanitizers h2,.whiteCenterContainer.sanitizers h3{color:#F3CD17;}
.whiteCenterContainer.shocks h2,.whiteCenterContainer.shocks h3{color:#D3261C;}
.whiteCenterContainer.algaecides h2,.whiteCenterContainer.algaecides h3{color:#609a3c;}
.whiteBottom{min-height:25px;float:left;width:666px;top:0px;display:block;margin-bottom:10px;}
.whiteBottom.balance{background:transparent url(/FedFiles/en/HTH/Images/bak_balance_white_bottom.png) no-repeat bottom left;}
.whiteBottom.sanitizers{background:transparent url(/FedFiles/en/HTH/Images/bak_sanitizers_white_bottom.png) no-repeat bottom left;}
.whiteBottom.shocks{background:transparent url(/FedFiles/en/HTH/Images/bak_shocks_white_bottom.png) no-repeat bottom left;}
.whiteBottom.algaecides{background:transparent url(/FedFiles/en/HTH/Images/bak_algaecides_white_bottom.png) no-repeat bottom left;}
/* 4-Step Tabs */
.whiteCenterContainer .inner ul.fourStepTabs{list-style:none;margin-top:-86px;width:600px;}
.whiteCenterContainer .inner ul.fourStepTabs li{float:left;display:inline;height:68px;width:102px;}
.whiteCenterContainer .inner ul.fourStepTabs li a{display:block;height:68px;width:102px;}
/* up state */
.whiteCenterContainer .inner ul.fourStepTabs li.one{background:transparent url(/FedFiles/en/HTH/Images/4step_tab_trans1.png) no-repeat top left;}
.whiteCenterContainer .inner ul.fourStepTabs li.two{background:transparent url(/FedFiles/en/HTH/Images/4step_tab_trans2.png) no-repeat top left;}
.whiteCenterContainer .inner ul.fourStepTabs li.three{background:transparent url(/FedFiles/en/HTH/Images/4step_tab_trans3.png) no-repeat top left;}
.whiteCenterContainer .inner ul.fourStepTabs li.four{background:transparent url(/FedFiles/en/HTH/Images/4step_tab_trans4.png) no-repeat top left;}
/* active state */
.whiteCenterContainer .inner ul.fourStepTabs li.one.active,.whiteCenterContainer .inner ul.fourStepTabs li.two.active,.whiteCenterContainer .inner ul.fourStepTabs li.three.active,.whiteCenterContainer .inner ul.fourStepTabs li.four.active{height:102px;}
.whiteCenterContainer .inner ul.fourStepTabs li.one.active{background:transparent url(/FedFiles/en/HTH/Images/btn_4step_1over.png) no-repeat top left;}
.whiteCenterContainer .inner ul.fourStepTabs li.two.active{background:transparent url(/FedFiles/en/HTH/Images/btn_4step_2over.png) no-repeat top left;}
.whiteCenterContainer .inner ul.fourStepTabs li.three.active{background:transparent url(/FedFiles/en/HTH/Images/btn_4step_3over.png) no-repeat top left;}
.whiteCenterContainer .inner ul.fourStepTabs li.four.active{background:transparent url(/FedFiles/en/HTH/Images/btn_4step_4over_alt.png) no-repeat top left;}
/* Actual text and images - finally*/
.centerCopy{float:left;width:635px;padding-top:21px;}
.centerCopy .left,.center .left{float:left;width:365px;padding-right:25px;}
.centerCopy .right,.center .right{float:left;width:245px;}
.centerCopy .right p,.center .right p{text-indent:20px;background:transparent url(/FedFiles/en/HTH/Images/ico_pdf.jpg) no-repeat top left;zoom:1;}
.centerCopy .right img,.center .right img,.center .right h4{clear:both!important;display:block;}
/*------------------ END 4-Step Pool Care Content Section END ------------------ */
/* ----------------- Standard White Background ----------------------------------- */
.whiteTop.standard{float:left;width:704px;margin-top:15px;display:block;min-height:304px;min-height:25px;}
.whiteTop.standard{background:transparent url(/FedFiles/en/HTH/Images/bak_whiteBlue_top.png) no-repeat top left;}
.whiteCenterContainer .standard,.whiteCenterContainer .basic{float:left;padding:0 25px;min-height:304px;}
.whiteCenterContainer .basic .zero{padding:0;}
.whiteCenterContainer .inner.standard{width:auto !important;background:transparent url(/FedFiles/en/HTH/Images/bak_whiteBlue_center.png) no-repeat top left;}
.whiteCenterContainer .standard,.whiteCenterContainer .basic{min-height:199px;float:none;margin:0;width:auto;}
.whiteCenterContainer.standard{width:704px;background:transparent url(/FedFiles/en/HTH/Images/bak_whiteBlue_center_repeat.png) repeat-y 0px 0px;}
.whiteBottom.standard,.whiteBottom.basic{min-height:25px;float:left;width:704px;top:0px;display:block;margin-bottom:10px;}
.whiteBottom.standard{background:transparent url(/FedFiles/en/HTH/Images/bak_whiteBlue_bottom.png) no-repeat bottom left;}
/* ----------------- END Standard White Background ------------------------------- */
/* ----------------- Standard White Background Long ----------------------------------- */
.whiteTop.standardLong{float:left;width:854px;margin-top:15px;display:block;min-height:304px;min-height:25px;}
.whiteTop.standardLong{background:transparent url(/FedFiles/en/HTH/Images/bak_whiteBlue_Long_top.png) no-repeat top left;}
.whiteCenterContainer .standardLong{float:left;padding:0 25px;min-height:304px;}
.whiteCenterContainer .inner.standardLong{background:transparent url(/FedFiles/en/HTH/Images/bak_whiteBlue_Long_center.png) no-repeat top left;}
.whiteCenterContainer .standardLong{min-height:199px;float:none;margin:0;width:854px;}
.whiteCenterContainer.standardLong{width:854px;background:transparent url(/FedFiles/en/HTH/Images/bak_whiteBlue_Long_center_repeat.png) repeat-y 0px 0px;}
.whiteCenterContainer.standardLong .center.solutions{width:795px!important;}
.whiteCenterContainer.standardLong .center.solutions img{float:none!important;padding:0!important;}
.whiteCenterContainer.standardLong .center.solutions td span p, .whiteCenterContainer.standardLong .center.solutions td span p span, .whiteCenterContainer.standardLong .center.solutions td p span {/*font-size:100%!important;*/}
.whiteCenterContainer.standardLong .center.solutions td input, .whiteCenterContainer.standardLong .center.solutions td select{/*font-size:100%!important;*/}
.whiteCenterContainer.standardLong .center.solutions .redtext{color:red;/*font-size:100%!important;*/}
.whiteBottom.standardLong{min-height:25px;float:left;width:854px;top:0px;display:block;margin-bottom:10px;}
.whiteBottom.standardLong{background:transparent url(/FedFiles/en/HTH/Images/bak_whiteBlue_Long_bottom.png) no-repeat bottom left;}
.whiteCenterContainer.standardLong .center.solutions div { /*font-size:85%;*/}


.whiteCenterContainer.standardLong .center.solutions div p,
.whiteCenterContainer.standardLong .center.solutions div td span,
.whiteCenterContainer.standardLong .center.solutions div td input, 
.whiteCenterContainer.standardLong .center.solutions div td select,
.whiteCenterContainer.standardLong .center.solutions div td span p, 
.whiteCenterContainer.standardLong .center.solutions div td span p span, 
.whiteCenterContainer.standardLong .center.solutions div td p span {/*font-size:100%;*/}

/* ----------------- END Standard White Background Long------------------------------- */


/* ----------------- contact White Background ----------------------------------- */
.whiteTop.contact{float:left;width:500px;margin-top:15px;display:block;min-height:304px;min-height:25px;}
.whiteTop.contact{background:transparent url(/FedFiles/en/HTH/Images/bak_contact_top.png) no-repeat top left;}
.whiteCenterContainer .contact{float:left;padding:0 25px;min-height:494px!important;}
.whiteCenterContainer .inner.contact{background:transparent url(/FedFiles/en/HTH/Images/bak_contact_center.png) no-repeat top left;}
.whiteCenterContainer .contact{min-height:199px;float:none;margin:0;width:450px;}
.whiteCenterContainer.contact{width:500px;background:transparent url(/FedFiles/en/HTH/Images/bak_contact_center_repeat.png) repeat-y 0px 0px;}
.whiteBottom.contact{min-height:25px;float:left;width:704px;top:0px;display:block;margin-bottom:10px;}
.whiteBottom.contact{background:transparent url(/FedFiles/en/HTH/Images/bak_contact_bottom.png) no-repeat bottom left;}
/* ----------------- END contact White Background ------------------------------- */
/* ----------------- Solutions Section ---------------------------------- */
.center.solutions{width:665px;}
body.contact.main .center.solutions {
	width:450px;
}
body.contact.main .whiteBottom.contact {
	width:500px;
}
body.contact.main #contentContainer #right .center.solutions p{width:auto;}
.center.solutions h2{margin-top:0;margin-left:0 !important;padding:0;}
.center.solutions h2,.center.solutions h3,.center.basic h2,.center.basic h3{color:#0085cf;}
.center.solutions h2 a{text-decoration:none;}
.center.solutions ul{margin:0 20px;}
.center.solutions li img{margin:5px 0 10px 0;}
.center.solutions li.large{padding-top:15px;}
.center.solutions li a{clear:left;float:none!important;text-indent:15px;color:#0085cf;}
.center.solutions table,.center.solutions td{vertical-align:top;}
.troubleshooting .center.solutions li a{display:block !important;}
/* top right image */
#solutionsCallout{float:right;position:relative;top:-45px;left:10px;width:263px;}
#solutionsCallout img{display:block;margin-bottom:0px;}
#solutionsCallout p{width:200px;position:relative;left:30px;color:#0085cf;font-style:italic;}
.center.solutions ul.listNoStyle{width:220px;float:left;margin:0;list-style:none;}
/* ---------------- End Solutions Section ---------------------- */
/* ---------------- Products Section --------------------------- */
/* products main */
body.products.landing #contentMain .whiteTop{float:left;width:704px;margin-top:15px;display:block;min-height:304px;min-height:25px;}
body.products.landing #contentMain .whiteTop{background:transparent url(/FedFiles/en/HTH/Images/bak_whiteBlue_top.png) no-repeat top left;}
body.products.landing #contentMain .whiteCenterContainer .balance,.whiteCenterContainer .sanitizers,.whiteCenterContainer .shock,.whiteCenterContainer .algae{float:left;padding:0 15px;}
/* center no-repeat (4 of them) */
body.products.landing #contentMain .whiteCenterContainer .inner.balance{background:transparent url(/FedFiles/en/HTH/Images/bak_balance_white_center_landing.png) no-repeat top left!important;}
body.products.landing #contentMain .whiteCenterContainer .inner.sanitizers{background:transparent url(/FedFiles/en/HTH/Images/bak_sanitize_white_center_landing.png) no-repeat top left!important;}
body.products.landing #contentMain .whiteCenterContainer .inner.shock{background:transparent url(/FedFiles/en/HTH/Images/bak_shock_white_center_landing.png) no-repeat top left!important;}
body.products.landing #contentMain .whiteCenterContainer .inner.algae{background:transparent url(/FedFiles/en/HTH/Images/bak_algaecides_white_center_landing.png) no-repeat top left!important;}
body.products.landing #contentMain .whiteCenterContainer .balance,.whiteCenterContainer .sanitizers,.whiteCenterContainer .shock,.whiteCenterContainer .algae{min-height:199px;float:none;margin:0;width:auto !important;}
/*center repeat 4 of them*/
body.products.landing #contentMain .whiteCenterContainer.balance{width:704px;background:transparent url(/FedFiles/en/HTH/Images/bak_balance_center_white_repeat_landing.png) repeat-y 0px 0px !important;}
body.products.landing #contentMain .whiteCenterContainer.sanitizers{width:704px;background:transparent url(/FedFiles/en/HTH/Images/bak_sanitize_center_white_repeat_landing.png) repeat-y 0px 0px !important;}
body.products.landing #contentMain .whiteCenterContainer.shock{width:704px;background:transparent url(/FedFiles/en/HTH/Images/bak_shock_center_white_repeat_landing.png) repeat-y 0px 0px !important;}
body.products.landing #contentMain .whiteCenterContainer.algae{width:704px;background:transparent url(/FedFiles/en/HTH/Images/bak_algaecides_center_white_repeat_landing.png) repeat-y 0px 0px !important;}
body.products.landing #contentMain .whiteBottom.balance,body.products.landing #contentMain .whiteBottom.sanitizers,body.products.landing #contentMain .whiteBottom.shock,body.products.landing #contentMain .whiteBottom.algae{min-height:25px;float:left;width:704px;top:0px;display:block;margin-bottom:10px;}
/* bottom (4 of them) */
body.products.landing #contentMain .whiteBottom.balance{background:transparent url(/FedFiles/en/HTH/Images/bak_balance_white_bottom_landing.png) no-repeat bottom left;}
body.products.landing #contentMain .whiteBottom.sanitizers{background:transparent url(/FedFiles/en/HTH/Images/bak_sanitize_white_bottom_landing.png) no-repeat bottom left;}
body.products.landing #contentMain .whiteBottom.shock{background:transparent url(/FedFiles/en/HTH/Images/bak_shock_white_bottom_landing.png) no-repeat bottom left;}
body.products.landing #contentMain .whiteBottom.algae{background:transparent url(/FedFiles/en/HTH/Images/bak_algaecides_white_bottom_landing.png) no-repeat bottom left;}
body.products #contentMain .menu{position:relative;top:-45px;left:-15px;margin-bottom:-45px;width:361px;height:82px;}
body.products.balance #contentMain .whiteCenterContainer .menu,body.products.landing #contentMain .whiteCenterContainer .balance .menu{background:transparent url(/FedFiles/en/HTH/Images/menu_balance.png) no-repeat 0 0;}
body.products.sanitizers #contentMain .whiteCenterContainer .menu,body.products.landing #contentMain .whiteCenterContainer .sanitizers .menu{background:transparent url(/FedFiles/en/HTH/Images/menu_sanitize.png) no-repeat 0 0;}
body.products.shock #contentMain .whiteCenterContainer .menu,body.products.landing #contentMain .whiteCenterContainer .shock .menu{background:transparent url(/FedFiles/en/HTH/Images/menu_shock.png) no-repeat 0 0;}
body.products.algae #contentMain .whiteCenterContainer .menu,body.products.landing #contentMain .whiteCenterContainer .algae .menu{background:transparent url(/FedFiles/en/HTH/Images/menu_preventalgae.png) no-repeat 0 0;}
.whiteCenterContainer .inner.sanitizers h2{color:#F3CD17;}
.whiteCenterContainer .inner.shock h2{color:#d41e34;}
.whiteCenterContainer .inner.algae h2{color:#00904b;}
body.products #contentMain img.productLandingImage{float:right;margin:0 0 0 10px;}
body.products.landing #contentMain p{width:450px;}
body.products a.viewAll{padding-right:8px;background:white url(/FedFiles/en/HTH/Images/arrow_right.png) no-repeat right center;}
/* product extras*/
body.products #contentMain #productExtras{clear:both;}
body.products.landing #contentMain .center.solutions #productExtras ul{float:left;width:220px;list-style:none;background:white url(../images/sep_vertical_landing.png) no-repeat right center;text-align:center;margin:0;padding:0;}
body.products #contentMain #productExtras ul.last{background-image:none;}
body.products #contentMain #productExtras li,body.products #contentMain #productExtras li img{display:block;}
body.products #contentMain #productExtras li.heading{font-size:145%;color:#0085cf;}
/*end products main */
body.products #contentMain .whiteTop{margin-top:25px;}
body.products.balance #contentMain .menu{position:relative;top:-45px;left:-15px;margin-bottom:-45px;width:361px;height:82px;background:transparent url(/FedFiles/en/HTH/Images/menu_balance.png) no-repeat 0 0;}
body.products #contentMain table{float:left;}
table.products{margin-top:25px;}
body.products #contentMain ul{list-style:disc outside;margin-top:0;}
body.products #contentMain ul li{}
body.products .center h2,body.products #contentMain .center p,body.products #contentMain .center ul{margin-left:10px;float:none;display:block;}
body.products #contentMain .center ul{padding-bottom:10px;}
body.products #contentMain .center.solutions ul{width:420px;}
body.products #contentMain .center h2{margin-bottom:10px;}
body.products #contentMain .center h3{margin:10px 0 0 0;padding-bottom:0;}
body.products #contentMain .center p{margin-bottom:0;margin-left:0;padding-bottom:5px;}
body.products #contentMain .center a.addtocart{display:block;height:40px;width:186px;}
body.products #contentMain .center p.backtop{display:inline;float:left;margin-left:570px;width:100px;text-transform:uppercase;padding-left:12px;background:transparent url('/FedFiles/en/HTH/Images/arrow_up.png') no-repeat 0 5px;/*font-size:75%;*/}
body.faq #contentMain p.backtop{width:100px;text-transform:uppercase;padding-left:12px;background:transparent url('/FedFiles/en/HTH/Images/arrow_up.png') no-repeat 0 5px;}
body.faq #article img{float:none;}
body.faq .center.solutions table, body.faq .center.solutions td {vertical-align:middle;}

body.products #contentMain .center p.backtop a{text-decoration:none;}
.productItems{font-size:95%;line-height:1.8em;list-style-type:none !important;margin-left:0!important;}
.productItems li{background:url(/FedFiles/en/HTH/Images/blt_black_circle.gif) no-repeat 3px 6px !important;padding:0 0 0 20px;}
/*----------------- End Products Section ----------------------- */
/* ---------------- Contact Section -------------------------- */
body.contact #contentContainer,body.single #contentContainer{background:transparent url(/FedFiles/en/HTH/Images/bak_one_column.png) repeat-y 0 0;}
body.contact #contentContainer #article,body.single #contentContainer #article{width:908px;margin:28px 0 0 25px !important;min-height:700px;}
/*body.contact #contentContainer .addThis{margin-left:200px;}*/
body.contact #contentContainer h1, body.single #contentContainer h1{top:0px; float:none; width:auto; clear:both; padding-top:18px;}
body.contact #contentContainer .description p, body.single #contentContainer .description p{width:890px;margin:0px 5px 25px 0;}
body.contact #contentContainer #left{position:relative;float:left;width:356px;top:30px;no-repeat 230px 0;}
body.contact #contentContainer #left h3{color:#0085cf;font-size:115%;}
body.contact #contentContainer #left #chatLive{float:left;}
body.contact #contentContainer #left .livePerson{clear:none!important;padding:0;width:auto!important;background-color:transparent!important;background-image:none!important;height:auto!important;overflow:auto;}
body.contact #contentContainer #left .livePerson img{padding:0 0 10px 20px;}
body.contact #contentContainer #left h3, body.contact #contentContainer #left h3{width:195px;}
body.contact #contentContainer #left .call{float:left;width:356px;background:transparent url(/FedFiles/en/HTH/Images/phone_lg.png) no-repeat 250px 0 !important;}
body.contact #contentContainer #left .disclaimer{clear:left;font-size:95%;color:#0085cf;}
body.contact #contentContainer #right{position:relative;float:left;width:500px;left:30px;}
body.contact #contentContainer #right .whiteTop.contact{margin-top:0;}
body.contact #contentContainer #right .header{margin-bottom:25px;background:transparent url(/FedFiles/en/HTH/Images/ico_email.png) no-repeat 0 0 !important; width:450px;}
body.contact #contentContainer #right .header h3,body.contact #contentContainer #right .header p{padding:0 0 0 85px;}
body.contact #contentContainer #right .header p.required{margin-top:25px;color:#0085cf;}
body.contact #contentContainer #right .center.solutions p{width:460px;}
body.contact #contentContainer #right .center.solutions td label{/*font-size:90%;*/float:right;padding-right:10px;color:#0085cf;text-align:right;width:130px;}
body.contact #contentContainer  #right .center.solutions  span{vertical-align:middle;}
body.contact #contentContainer #right .center.solutions input{width:240px;}
body.contact #contentContainer #right .center.solutions input#emailPhone{width:126px;}
body.contact #contentContainer #right .center.solutions input,body.contact #contentContainer #right .center.solutions textarea{margin-bottom:10px;border:1px solid #acd5ed;}
body.contact #contentContainer #right .center.solutions td span{/*font-size:75%;*/}
body.contact #contentContainer #right .center.solutions img.inputButton{width:auto;border:0; padding-top:0px;}
body.contact #contentContainer img{padding:28px 0;}
body.contact #contentContainer h1{color:#0b8bc6;}
/* Style adjustments for Privacy page */
body.contact.generic div.whiteCenterContainer.standardLong div.inner.standardLong div.center.solutions div ul { margin-bottom:15px;}
body.contact.generic div.whiteCenterContainer.standardLong div.inner.standardLong div.center.solutions div ul li { /*font-size:95%;*/}

li.contactUs a{color:#92deff !important;}
.contact .center.solutions ul{float:none;list-style-type:disc;width:auto;padding-left:20px;}
span.mainText p, span.mainText p a{/*font-size:100%;*/}
/* ---------------- End Contact Section ----------------------- */
/*----------------------- Error pages --------------------------*/
body.contact.error #contentMain,  body.contact.error #contentMain ul{/*font-size:90% !important;*/}
body.contact.error #contentMain p{/*font-size:100% !important;*/}
body.contact.error .center.solutions ul {width:auto !important;list-style-type:disc;padding-left:20px!important;line-height:1.4em;}
body.contact.error .center.solutions li a{text-indent:0 !important;display:inline!important;}
body.contact.error .center.solutions li{/*font-size:105% !important;*/}
body.contact.error .whiteCenterContainer.standardLong .center.solutions div {/*font-size:95% !important;*/}

/*-----------------  Preferences ------------------------*/
body.preferences td, body.preferences td p {/*font-size:90% !important;*/}
body.preferences td span, 
body.preferences td span span{/*font-size:90 !important;*/}

/* -------------------  Site map -------------------- */
body.contact.sitemap #contentMain a{/*font-size:90% !important;*/}
body.contact.sitemap #contentMain p a{/*font-size:100% !important;*/}
/* ---------------- Spa Pages ---------------------------*/
table.spaLanding{margin-left:35px;}
table.spaLanding td.information{margin:0;vertical-align:top;}
.oneFiftyFive{width:175px;}
body.spa.products.landing #contentMain td.information p{width:360px;margin-right:20px;}
.center.solutions .maintain,.center.balance .enhance,.center.sanitizers .prevent{position:relative;top:-35px;left:-15px;margin-bottom:-65px;width:70px;height:71px;}
.center.solutions .maintain{background:transparent url(/FedFiles/en/HTH/Images/maintain.png) no-repeat 0 0;}
.center.balance .enhance{background:transparent url(/FedFiles/en/HTH/Images/enhance.png) no-repeat 0 0;}
.center.sanitizers .prevent{background:transparent url(/FedFiles/en/HTH/Images/prevent.png) no-repeat 0 0;}
p.description.threeStep{padding-bottom:45px;}
body.spa h2, body.spa h3, body.spa h4 {color:#0085cf;}
body.spa .center.balance .enhance h2{color:#66337D!important}
body.spa .center.sanitizers .prevent h2{color:#F4912B!important}
body.spa h3.spaThreeSteps{/*font-size:80%;*/}
ul.stepDescription{list-style:none;/*font-size:80%;*/padding-bottom:15px;}
ul.stepDescription li{padding:0 15px 10px 75px;}
.maintainStepDescription{background:transparent url(/FedFiles/en/HTH/Images/spa_step_one_single.png) no-repeat left center;}
.enhanceStepDescription{background:transparent url(/FedFiles/en/HTH/Images/spa_step_two_single.png) no-repeat left center;}
.preventStepDescription{background:transparent url(/FedFiles/en/HTH/Images/spa_step_three_single.png) no-repeat left center;}
.Three{position:relative;top:-83px;left:-25px;margin-bottom:-80px;width:341px;height:164px;}
body.spa.maintain .Three{background:transparent url(/FedFiles/en/HTH/Images/spa_3step_maintain.png) no-repeat 0 0;padding:8px 0 0 8px;}
body.spa.enhance .Three{background:transparent url(/FedFiles/en/HTH/Images/spa_3step_enhance.png) no-repeat 0 0;}
body.spa.prevent .Three{background:transparent url(/FedFiles/en/HTH/Images/spa_3step_prevent.png) no-repeat 0 0;}
.Three  li {display:inline;}
.Three li a {float:left;width:100px; height:55px;text-indent:-9999px;}
.Three li.first a{margin-left:20px;}
div.stepcontent{float:left;position:relative;top:-35px; padding-bottom:35px;}
.whiteCenterContainer .inner.basic{background:transparent url(/FedFiles/en/HTH/Images/bak_white_center_no_border.png) no-repeat top left;}
.whiteCenterContainer.basic{width:704px!important;}
.whiteCenterContainer.basic{background:transparent url('/FedFiles/en/HTH/Images/bak_white_center_repeat_no_border.png') repeat-y top left !important;}
.whiteBottom.basic{background:transparent url(/FedFiles/en/HTH/Images/bak_white_bottom_no_border.png) no-repeat bottom left;}
body.spa .left{width:330px;}
body.spa .right .topLeft{float:left;position:relative;top:0px;width:245px;display:block;margin:0 auto;}
/*top left for maintain(blue) enhance(purple) prevent(orange) */
body.spa.maintain .right .topLeft{background:transparent url(/FedFiles/en/HTH/Images/bak_spa_3step_maintain_top_left.png) no-repeat top left;}
body.spa.enhance .right .topLeft{background:transparent url(/FedFiles/en/HTH/Images/bak_spa_3step_enhance_top_left.png) no-repeat top left;}
body.spa.prevent .right .topLeft{background:transparent url(/FedFiles/en/HTH/Images/bak_spa_3step_prevent_top_left.png) no-repeat top left;}
body.spa .right .topRight{width:100%;float:left;padding-left:0px;display:block;}
/*top right for maintain(blue) enhance(purple) prevent(orange) */
body.spa.maintain .right .topRight{background:url(/FedFiles/en/HTH/Images/bak_spa_3step_maintain_top_right.png) no-repeat top right;}
body.enhance .right .topRight{background:url(/FedFiles/en/HTH/Images/bak_spa_3step_enhance_top_right.png) no-repeat top right;}
body.spa.prevent .right .topRight{background:url(/FedFiles/en/HTH/Images/bak_spa_3step_prevent_top_right.png) no-repeat top right;}
body.spa .right .article{float:left;position:relative;top:24px;width:223px;padding-left:20px;}
body.spa.maintain .right .article{border-right:1px solid #8abbe3;border-left:1px solid #8abbe3;}
body.spa.enhance .right .article{border-right:1px solid #630266;border-left:1px solid #630266;}
body.spa.prevent .right .article{border-right:1px solid #ef8619;border-left:1px solid #ef8619;}
body.spa .right .bottomLeft{float:left;position:relative;width:245px;top:24px;height:24px;display:block;}
/* bottom left for maintain(blue) enhance(purple) prevent(orange) */
body.spa.maintain .right .bottomLeft{background:transparent url(/FedFiles/en/HTH/Images/bak_spa_3step_maintain_bottom_left.png) no-repeat bottom left;}
body.spa.enhance .right .bottomLeft{background:transparent url(/FedFiles/en/HTH/Images/bak_spa_3step_enhance_bottom_left.png) no-repeat bottom left;}
body.spa.prevent .right .bottomLeft{background:transparent url(/FedFiles/en/HTH/Images/bak_spa_3step_prevent_bottom_left.png) no-repeat bottom left;}
body.spa .right .bottomRight{width:100%;float:left;height:24px;padding-left:0px;display:block;}
/*bottom right for maintain(blue) enhance(purple) prevent(orange) */
body.spa.maintain .right .bottomRight{background:url(/FedFiles/en/HTH/Images/bak_spa_3step_maintain_bottom_right.png) no-repeat bottom right;}
body.spa.enhance .right .bottomRight{background:url(/FedFiles/en/HTH/Images/bak_spa_3step_enhance_bottom_right.png) no-repeat bottom right;}
body.spa.prevent .right .bottomRight{background:url(/FedFiles/en/HTH/Images/bak_spa_3step_prevent_bottom_right.png) no-repeat bottom right;}
/* BREADCRUMB */
#breadcrumb{clear:both;margin:0;padding:10px 0;color:#fff;font-size:95%;border-bottom:1px solid #4daadd;}
#breadcrumb h2{display:inline;color:#fff;padding:0 5px 0 0;}
#breadcrumb ul,#breadcrumb li{display:inline;list-style:none;}
#breadcrumb li{padding:0 0 0 5px;}
#breadcrumb a{color:#fff;text-decoration:none;font-weight:normal;}
/* footer */
.extra{clear:both;}
.extraNeed{width:968px;margin:0 auto;}
/* sitenavigation */
div#sitenavigation{clear:both;margin:0px 0 15px 330px;font-size:95%;color:#fff;overflow:auto;}
#sitenavigation a,#footer a{color:#fff;}
#sitenavigation ul{float:left;margin:10px 35px 10px 0;width:150px;list-style:none !important;}
#sitenavigation ul li{margin:0;padding:3px 0 3px 15px;background:transparent url(/FedFiles/en/HTH/Images/blt_white_circle.gif) no-repeat 0 6px !important;}
.siteTitle{list-style-type:none;list-style-image:none;text-transform:uppercase;line-height:25px;text-indent:-15px;}
#sitenavigation ul li.siteTitle{background-image:none !important;}
li.sharePage{background:url(/FedFiles/en/HTH/Images/blt_share.gif) no-repeat 6px 3px !important;padding:0 0 10px 20px;}

/* FONT SIZER CSS */
.fontResizer{float:right;display:inline;padding:0 30px;}
.fontResizer p{float:left;padding-right:10px;line-height:18px;}
.fontResizer a{display:block;float:left;width:14px;height:16px;text-align:center;line-height:18px;vertical-align:baseline;}
.fontResizer a:hover{color:#000;}
a.medFont{font-size:100%;}
a.largeFont{line-height:20px;font-size:125%;margin-top:-2px;}
a.curFont{color:#ea3b2d !important;text-decoration:underline!important;}


/*live chat */
.livePerson{clear:left;width:167px;height:207px;padding-bottom:358px;background: url('/FedFiles/en/HTH/Images/callout_support_full.png') no-repeat 0 0;}
.livePerson img{padding:45px 0 0 27px;}
.livePerson a.email img{padding:30px 0 0 25px;}

/* shopping list page controls */
.findAndPrint{float:right;padding:0}
.findAndPrint ul{clear:right;float:left;padding:0 5px 0px 0;margin-top:4px;}
.findAndPrint ul{width:360px;}
.findAndPrint ul li{list-style:none;display:inline;padding:0px 0 3px 20px;/*font-size:80%;*/}
.findAndPrint ul li img{vertical-align:middle;}
.findAndPrint ul li{height:25px;}
.findAndPrint ul li.findProducts{background-image:url(/FedFiles/en/HTH/Images/mag-glass-icon.gif);background-repeat:no-repeat; padding-left:0px;}
.findAndPrint ul li.findProducts a{margin:0 0 0 20px;}
.findAndPrint img { padding:0 !important; float:none !important;}
/* SHOPPING LIST TABLE */
#shopping_list{clear:both;}
table.shoppingListHeadTable,table.shoppingListTable{width:100%;}
table.shoppingListHeadTable,table.shoppingListTable{background-image:url(/FedFiles/en/HTH/Images/shoppinglistseparator.gif);background-repeat:no-repeat;background-position:bottom left;}
table.shoppingListTable:hover{background-image:url(/FedFiles/en/HTH/Images/productitembackground.gif);background-repeat:no-repeat;}
table.shoppingListHeadTable th,table.shoppingListTable td{vertical-align:middle;padding:5px 0;}
.countBox{border:1px solid #000;width:23px;padding:4px 0;text-align:center;}
table.shoppingListTable td p{display:inline;padding-left:25px;}
table.shoppingListTable img {padding:0px !important;}

/* added for water testing */
.expandables{float:left;width:701px;background:#fff url(/FedFiles/en/HTH/Images/expandable-bg.png) no-repeat 0 -57px;position:relative;margin-bottom:2px;}
.expandablesBottom{background:#fff url(/FedFiles/en/HTH/Images/expandable-bg.png) no-repeat 0 100%;width:671px;padding:15px;}
.expandablesBottom td {font-size:12px; }
.expandablesBottom td.mainTextBold {
	font-weight:bold !important;
	border-bottom:1px solid #ccc;
}
.expandablesBottom span.mainTextBold, .expandablesBottom span.mainTextBold span.linkedText a {
	font-size:12px;
	font-weight:bold;
}
.expandablesBottom span.maintext {
	font-size:11px;
}
.expandablesBottom table.supplyListTable td {
	border-bottom:1px solid #ccc;
}
#resultAccordian .expOff{height:57px;overflow:hidden;background:#fff url(/FedFiles/en/HTH/Images/expandable-bg.png) no-repeat 0 0;}
.expandables .openClose{position:absolute;top:20px;left:20px;background:url(/FedFiles/en/HTH/Images/expandables-close-bg.png) no-repeat 0 0;width:18px;height:17px;text-indent:-9999px;}
#resultAccordian a.closed{background:url(/FedFiles/en/HTH/Images/expandables-open-bg.png) no-repeat 0 0;}
.expandables h2{height:57px;line-height:57px;text-indent:48px;color:#e7f7fe;}
.expandables ul{list-style:none;}
.expandables #wtResults li{width:671px;height:81px;background:url(/FedFiles/en/HTH/Images/wt-results-li-bg.png) no-repeat 0 0;margin-bottom:6px;text-indent:72px;overflow:hidden;line-height:81px;color:#2184b4;position:relative;}
.expandables #wtResults li.resultGood{background:url(/FedFiles/en/HTH/Images/wt-results-li-bg.png) no-repeat 0 -87px;}
.expandables #wtResults li.resultLow{background:url(/FedFiles/en/HTH/Images/wt-results-li-bg.png) no-repeat 0 -175px;}
.expandables #wtResults li span.result{color:#252525;}
.expandables #wtResults li.resultLow span.result,
.expandables #wtResults li.resultHigh span.result{color:#d50000;}
.expandables p{padding:0 33px;color:#252525;margin:0;line-height:18px;}
.expandables label{display:inline-block;width:114px;color:#0085cf;text-align:right;}
.expandables .leftHalf{float:left;width:324px;background:url(/FedFiles/en/HTH/Images/expandables-lh-bg.png) no-repeat 100% 50%;margin:0;padding-bottom:10px}
.expandables .leftHalf p,.expandables .rightHalf p{padding:0;}
.expandables .rightHalf{float:left;width:280px;padding-left:31px;margin:0;}
.expandablesBottom:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.expandables .poolReadings{border:1px solid #0085cf;width:60px;padding:3px 0;margin-right:6px;}
.expandables select{width:90px;}

.expandables #analyzeReadings{background:url(/FedFiles/en/HTH/Images/analyze-readings-btn.png) no-repeat 0 0;width:152px;height:36px;border:0;text-indent:-9999px;margin-left:114px;*text-indent:0; *font-size:0px;}

.expandables .expHelp{text-indent:-9999px;background:url(/FedFiles/en/HTH/Images/exp-help-bg.png) no-repeat 0 0;width:18px;display:inline-block;}
.expandables h3{color:#272727;}
.expandables .rightHalf ul{margin:6px 0;}
.expandables .rightHalf li a{font-size:11px;}
.expandables .result{width:220px;height:81px;position:absolute;left:215px; top:0px; text-align:left;line-height:39px;text-indent:0;font-size:11px;font-weight:bold;}
.expandables .tips{width:208px;height:75px;position:absolute;left:440px;top:5px;color:#262626;font-size:11px;line-height:12px;text-indent:0;overflow-y:auto;}
.expandables #waitTime{text-align:center;color:#0b8bc6;margin-top:16px}
.expandables .waitTime{color:#2c9f1c;font-size:18px;letter-spacing:.025em;}
.expandables .faci{background:url(/FedFiles/en/HTH/Images/reading_meter_chlorine.png) no-repeat 0px 70%;}
.expandables .pH{background:url(/FedFiles/en/HTH/Images/reading_meter_ph_balance.png) no-repeat 0px 70%;}
.expandables .ta{background:url(/FedFiles/en/HTH/Images/reading_meter_alkalinity.png) no-repeat 0px 70%;}
.expandables .ch{background:url(/FedFiles/en/HTH/Images/reading_meter_calcium_hardness.png) no-repeat 0px 70%;}
.expandables .cya{background:url(/FedFiles/en/HTH/Images/reading_meter_stabilizer.png) no-repeat 0px 70%;}
div.whiteLine{position:absolute;top:30px;left:0px;width:1px;height:25px;background-color:#fff;display:none;}
.faci,.pH,.ta,.ch,.cya{visibility:hidden;}
.expandables .productShot{margin-right:15px;height:142px;display:table-cell;vertical-align:middle;}
.expandables .recoProduct h3{margin-top:24px;}
.expandables .recoProduct p{line-height:18px;padding-right:30px;}
.expandables .centered{text-align:center;}
.expandables #addRecoProds{background:url(/FedFiles/en/HTH/Images/add-reco-prods-btn.png) no-repeat 0 0;width:385px;height:36px;border:0;margin-top:16px; line-height:0px; font-size:0px;}
.expandables hr{border:0;background:#86C5E8;height:1px;width:628px;margin-bottom:16px;}
.expandables h4{text-indent:23px;margin-bottom:6px;font-size:12px;}
.expandables p.disclaimer{padding:0 23px;font-size:11px;line-height:16px;}

/* help pop up on water testing page */
#helpContainer{display:none;position:absolute;left:315px;top:0px;width:325px;margin-top:74px;background:url(/FedFiles/en/HTH/Images/bg_help_container_bottom.png) no-repeat right bottom;min-height:70px;}
#helpContainerContent{background:url(/FedFiles/en/HTH/Images/bg_help_container_top.png) no-repeat right top; color:#0b76aa; line-height:20px;min-height:74px;font-size:12px;padding:16px 20px 16px 33px;margin-top:-74px;}
/*format registration and system pages*/
body.single h1{padding:0 0 0 150px;width:auto;}

body.single #contentMain{padding:10px 25px 0 150px;}