body { font-family:Arial,Helvetica,sans-serif; margin:0px; background-color:#fff; height:100% } html { height:100% } .f-bb { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #PageDiv { position:relative; min-height:100%; margin:auto } #SlideWrapper { position:relative; width:100%; height:525px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#fff; border-bottom:solid #f5f5f5 3px } #InitialImage1 { position:absolute; left:0px; top:0px; width:100%; min-height:525px; z-index:1; background-image:url(../Resources/sun-rise.jpeg); background-position:left; background-repeat:no-repeat; background-size:cover } #Image1 { position:absolute; left:0px; top:0px; width:100%; min-height:525px; z-index:2; background-image:url(../Resources/sun-rise.jpeg); background-position:left; background-repeat:no-repeat; background-size:cover } #Image2 { position:absolute; left:0px; top:0px; width:100%; min-height:525px; z-index:3; background-image:url(../Resources/ladyrelaxinginpo.jpeg); background-position:left; background-repeat:no-repeat; background-size:cover } #Image3 { position:absolute; left:0px; top:0px; width:100%; min-height:525px; z-index:4; background-image:url(../Resources/flowers-bypool.jpeg); background-position:left; background-repeat:no-repeat; background-size:cover } #Image4 { position:absolute; left:0px; top:0px; width:100%; min-height:525px; z-index:5; background-image:url(../Resources/summer-fountain.jpeg); background-position:left; background-repeat:no-repeat; background-size:cover } #threeWrapper { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto; border-bottom:solid #004785 1px } #threeLeft { width:28.25%; z-index:0; float:left; padding:2%; background-color:#fff } #balancepak1001kg { max-width:100%; overflow:hidden } #threeMiddle { width:28.25%; z-index:0; float:left; padding:2%; margin-left:1.6%; background-color:#fff } #balancepak2001kg { max-width:100%; overflow:hidden } #threeRight { width:28.25%; z-index:0; float:right; padding:2%; background-color:#fff } #balancepak3004kg { max-width:100%; overflow:hidden } #threeWrapper1 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto; border-bottom:solid #004785 1px } #threeLeft1 { width:28.25%; z-index:0; float:left; padding:2%; background-color:#fff } #lonslo { max-width:100%; overflow:hidden } #threeRight1 { width:28.25%; z-index:0; float:right; padding:2%; background-color:#fff } #poolmagnet { max-width:100%; overflow:hidden } #threeMiddle1 { width:28.25%; z-index:0; float:left; padding:2%; margin-left:1.6%; background-color:#fff } #balancepak2001kg1 { max-width:100%; overflow:hidden } #threeWrapper2 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto; border-bottom:solid #004785 1px } #threeLeft2 { width:28.25%; z-index:0; float:left; padding:2%; background-color:#fff } #scaleinhibitor { max-width:100%; overflow:hidden } #threeMiddle2 { width:28.25%; z-index:0; float:left; padding:2%; margin-left:1.6%; background-color:#fff } #algaekiller { max-width:100%; overflow:hidden } #threeRight2 { width:28.25%; z-index:0; float:right; padding:2%; background-color:#fff } #msaIIalgaecide { max-width:100%; overflow:hidden } #threeWrapper3 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto; border-bottom:solid #004785 1px } #threeLeft3 { width:28.25%; z-index:0; float:left; padding:2%; background-color:#fff } #SynergySystemTabs { max-width:100%; overflow:hidden } #threeMiddle3 { width:28.25%; z-index:0; float:left; padding:2%; margin-left:1.6%; background-color:#fff } #SynergySystemFloater { max-width:100%; overflow:hidden } #threeRight3 { width:28.25%; z-index:0; float:right; padding:2%; background-color:#fff } #SynergySystem { max-width:100%; overflow:hidden } #threeWrapper4 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto; border-bottom:solid #004785 1px } #threeLeft4 { width:28.25%; z-index:0; float:left; padding:2%; background-color:#fff } #smarttabs1 { max-width:100%; overflow:hidden } #threeRight4 { width:28.25%; z-index:0; float:right; padding:2%; background-color:#fff } #SwimClearFloaterANGAPNG { max-width:100%; overflow:hidden } #threeMiddle4 { width:28.25%; z-index:0; float:left; padding:2%; margin-left:1.6%; background-color:#fff } #SilkTabs { max-width:100%; overflow:hidden } #threeWrapper5 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto; border-bottom:solid #004785 1px } #threeLeft5 { width:28.25%; z-index:0; float:left; padding:2%; background-color:#fff } #ultraswim225kg { max-width:100%; overflow:hidden } #threeRight5 { width:28.25%; z-index:0; float:right; padding:2%; background-color:#fff } #SuperSoluble { max-width:100%; overflow:hidden } #threeMiddle5 { width:28.25%; z-index:0; float:left; padding:2%; margin-left:1.6%; background-color:#fff } #Varitab12kg { max-width:100%; overflow:hidden } #threeWrapper6 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto; border-bottom:solid #004785 1px } #threeLeft6 { width:28.25%; z-index:0; float:left; padding:2%; background-color:#fff } #BioChlorPlus { max-width:100%; overflow:hidden } #threeRight6 { width:28.25%; z-index:0; float:right; padding:2%; background-color:#fff } #SynergySystemClear1 { max-width:100%; overflow:hidden } #threeMiddle6 { width:28.25%; z-index:0; float:left; padding:2%; margin-left:1.6%; background-color:#fff } #LitemltPurpShock { max-width:100%; overflow:hidden } #threeWrapper7 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto; border-bottom:solid #004785 1px } #threeLeft7 { width:28.25%; z-index:0; float:left; padding:2%; background-color:#fff } #burnout1 { max-width:100%; overflow:hidden } #threeRight7 { width:28.25%; z-index:0; float:right; padding:2%; background-color:#fff } #Oxysheen12 { max-width:100%; overflow:hidden } #threeMiddle7 { width:28.25%; z-index:0; float:left; padding:2%; margin-left:1.6%; background-color:#fff } #BioChlorPlus1 { max-width:100%; overflow:hidden } #threeWrapper8 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto; border-bottom:solid #004785 1px } #threeLeft8 { width:28.25%; z-index:0; float:left; padding:2%; background-color:#fff } #AlgiShield2LPNG { max-width:100%; overflow:hidden } #threeMiddle8 { width:28.25%; z-index:0; float:left; padding:2%; margin-left:1.6%; background-color:#fff } #balancepak2001kg2 { max-width:100%; overflow:hidden } #threeRight8 { width:28.25%; z-index:0; float:right; padding:2%; background-color:#fff } #polysheenblue { max-width:100%; overflow:hidden } #threeWrapper9 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto; border-bottom:solid #004785 1px } #threeLeft9 { width:28.25%; z-index:0; float:left; padding:2%; background-color:#fff } #superclear { max-width:100%; overflow:hidden } #threeRight9 { width:28.25%; z-index:0; float:right; padding:2%; background-color:#fff } #AlumPowder1kg { max-width:100%; overflow:hidden } #threeMiddle9 { width:28.25%; z-index:0; float:left; padding:2%; margin-left:1.6%; background-color:#fff } #kwikclearAng1PNG { max-width:100%; overflow:hidden } #threeWrapper10 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto; border-bottom:solid #000 1px } #threeLeft10 { width:28.25%; z-index:0; float:left; padding:2%; background-color:#fff } #SparkleUpPNG { max-width:100%; overflow:hidden } #threeRight10 { width:28.25%; z-index:0; float:right; padding:2%; background-color:#fff } #stripkwik1L { max-width:100%; overflow:hidden } #threeMiddle10 { width:28.25%; z-index:0; float:left; padding:2%; margin-left:1.6%; background-color:#fff } #PoolVelvet5kgPNG { max-width:100%; overflow:hidden } #threeWrapper11 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto; border-bottom:solid #000 1px } #threeLeft11 { width:28.25%; z-index:0; float:left; padding:2%; background-color:#fff } #salcellcleaner1L { max-width:100%; overflow:hidden } #threeRight11 { width:28.25%; z-index:0; float:right; padding:2%; background-color:#fff } #ChlorineReducerLRPNGfront { max-width:100%; overflow:hidden } #threeMiddle11 { width:28.25%; z-index:0; float:left; padding:2%; margin-left:1.6%; background-color:#fff } #offthewall500ml { max-width:100%; overflow:hidden } #PageDiv #twoLeft2 { width:NaN% } #PageDiv #twoRight2 { width:NaN% } #navigation2 { height:auto; overflow:visible; position:relative } #fwNav1 { float:right; padding:0; margin:0; list-style:none } #fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 } #fwNav1 .fwNavItem a { display:block; color:#000000; text-decoration:underline; padding:3px 17px 3px 17px } #fwNav1 .fwFirstChild { border-left:0 } #fwNav1 .fwLastChild { border-right:0 } #fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { text-decoration:none } #fwNav1 .fwNavItem a:active { text-decoration:none } #fwNav1-toggle, .fwNav1-toggle-label { display:none } .fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-repeat:no-repeat; background-size:100%; float:right } @media screen and (max-width:920px) { #threeLeft { width:45% } #threeMiddle { width:45%; float:right; margin-left:0px } #threeRight { width:96%; float:left; clear:both; margin-top:20px } #threeLeft1 { width:45% } #threeRight1 { width:96%; float:left; clear:both; margin-top:20px } #threeMiddle1 { width:45%; float:right; margin-left:0px } #threeLeft2 { width:45% } #threeMiddle2 { width:45%; float:right; margin-left:0px } #threeRight2 { width:96%; float:left; clear:both; margin-top:20px } #threeLeft3 { width:45% } #threeMiddle3 { width:45%; float:right; margin-left:0px } #threeRight3 { width:96%; float:left; clear:both; margin-top:20px } #threeLeft4 { width:45% } #threeRight4 { width:96%; float:left; clear:both; margin-top:20px } #threeMiddle4 { width:45%; float:right; margin-left:0px } #threeLeft5 { width:45% } #threeRight5 { width:96%; float:left; clear:both; margin-top:20px } #threeMiddle5 { width:45%; float:right; margin-left:0px } #threeLeft6 { width:45% } #threeRight6 { width:96%; float:left; clear:both; margin-top:20px } #threeMiddle6 { width:45%; float:right; margin-left:0px } #threeLeft7 { width:45% } #threeRight7 { width:96%; float:left; clear:both; margin-top:20px } #threeMiddle7 { width:45%; float:right; margin-left:0px } #threeLeft8 { width:45% } #threeMiddle8 { width:45%; float:right; margin-left:0px } #threeRight8 { width:96%; float:left; clear:both; margin-top:20px } #threeLeft9 { width:45% } #threeRight9 { width:96%; float:left; clear:both; margin-top:20px } #threeMiddle9 { width:45%; float:right; margin-left:0px } #threeLeft10 { width:45% } #threeRight10 { width:96%; float:left; clear:both; margin-top:20px } #threeMiddle10 { width:45%; float:right; margin-left:0px } #threeLeft11 { width:45% } #threeRight11 { width:96%; float:left; clear:both; margin-top:20px } #threeMiddle11 { width:45%; float:right; margin-left:0px } } @media screen and (max-width:720px) { #PageDiv #twoLeft2 { width:NaN% } #PageDiv #twoRight2 { width:NaN% } } @media screen and (max-width:570px) { #threeLeft { width:auto; float:none; padding:4% } #threeMiddle { width:auto; float:none; padding:4%; margin-top:20px } #threeRight { width:auto; float:none; padding:4% } #threeLeft1 { width:auto; float:none; padding:4% } #threeRight1 { width:auto; float:none; padding:4% } #threeMiddle1 { width:auto; float:none; padding:4%; margin-top:20px } #threeLeft2 { width:auto; float:none; padding:4% } #threeMiddle2 { width:auto; float:none; padding:4%; margin-top:20px } #threeRight2 { width:auto; float:none; padding:4% } #threeLeft3 { width:auto; float:none; padding:4% } #threeMiddle3 { width:auto; float:none; padding:4%; margin-top:20px } #threeRight3 { width:auto; float:none; padding:4% } #threeLeft4 { width:auto; float:none; padding:4% } #threeRight4 { width:auto; float:none; padding:4% } #threeMiddle4 { width:auto; float:none; padding:4%; margin-top:20px } #threeLeft5 { width:auto; float:none; padding:4% } #threeRight5 { width:auto; float:none; padding:4% } #threeMiddle5 { width:auto; float:none; padding:4%; margin-top:20px } #threeLeft6 { width:auto; float:none; padding:4% } #threeRight6 { width:auto; float:none; padding:4% } #threeMiddle6 { width:auto; float:none; padding:4%; margin-top:20px } #threeLeft7 { width:auto; float:none; padding:4% } #threeRight7 { width:auto; float:none; padding:4% } #threeMiddle7 { width:auto; float:none; padding:4%; margin-top:20px } #threeLeft8 { width:auto; float:none; padding:4% } #threeMiddle8 { width:auto; float:none; padding:4%; margin-top:20px } #threeRight8 { width:auto; float:none; padding:4% } #threeLeft9 { width:auto; float:none; padding:4% } #threeRight9 { width:auto; float:none; padding:4% } #threeMiddle9 { width:auto; float:none; padding:4%; margin-top:20px } #threeLeft10 { width:auto; float:none; padding:4% } #threeRight10 { width:auto; float:none; padding:4% } #threeMiddle10 { width:auto; float:none; padding:4%; margin-top:20px } #threeLeft11 { width:auto; float:none; padding:4% } #threeRight11 { width:auto; float:none; padding:4% } #threeMiddle11 { width:auto; float:none; padding:4%; margin-top:20px } #PageDiv #twoLeft2 { width:NaN% } #PageDiv #twoRight2 { width:NaN% } } @media screen and (max-width:480px) { #PageDiv #twoLeft2 { width:NaN% } #PageDiv #twoRight2 { width:NaN% } } @media screen and (max-width:320px) { #PageDiv #twoLeft2 { width:NaN% } #PageDiv #twoRight2 { width:NaN% } }