/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{ border-collapse:collapse; border-spacing:0;}
/*CLEARS*/
#top-banner:after, #slideshow .pager:after, #home-features:after, #learning-center:after, #page-bottom:after, .subcategory-list:after, .additional-categories:after{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
/*HTML
===================================================================================
*/
#content-wrapper {width:950px; margin:0 auto; font-family:"trebuchet ms", arial, helvetica, verdana, sans-serif;}
#content-wrapper p{line-height:1.4em; font-size:12px; font-family:verdana, arial, helvetica, sans-serif; color:#333; margin-bottom:10px;}
#content-wrapper h2, #content-wrapper h3, #content-wrapper h4{color:#1c3664;}
#content-wrapper h4{font-family:arial, helvetica, sans-serif;}
#content-wrapper h2 a, #content-wrapper h3 a{text-decoration:none; color:inherit;}
ul li label{font-size:16px; font-weight:bold;color:#fff; border-bottom:1px solid #fff; display:block; margin-bottom:7px; padding-bottom:3px;}
/*utility*/
.category_sub_active a{text-decoration:underline !important;}
.category_sub_active ul li a{text-decoration:none !important;}
.category_sub-sub_active a{text-decoration:underline !important;}
.short-list li{margin-bottom:3px !important;}
/*LAYOUT
===================================================================================
*/
/*general*/
#page-bottom{margin:15px 0 40px 0;}
#page-bottom h2{text-transform:uppercase;}
#page-bottom div{width:465px; float:left; border:1px solid #ccc; height:200px; background:#ffffff;}
#page-bottom p{font-size:11px;}
#page-bottom img{float:left;}
#page-bottom #guarantee{margin-right:16px;}
#page-bottom #guarantee h2{margin:14px 14px 8px 14px;}
#page-bottom #guarantee h3{margin:25px 0 5px 0; color:#666;}
#page-bottom #guarantee img{margin:0 10px 0 10px; }
#page-bottom #guarantee ol{list-style-type:decimal; margin:10px 10px 0 22px; padding-left:15px; width:350px; float:left; font-weight:bold;}
#page-bottom #guarantee p{margin:0 0 0 15px;}
#page-bottom #guarantee ol li{margin-bottom:5px; font-size:12px; color:#1C3664; font-family:verdana, arial,helvetica, sans-serif; list-style-position:outside; line-height:1.3em}
#page-bottom #meet{position:relative;}
#page-bottom #meet img{margin:0 10px 0 30px; width:90px;}
#page-bottom #meet p{margin:0 45px 0 20px ;}
#page-bottom #meet h2{margin:14px 14px 5px 14px;}
#page-bottom #meet h3{margin-bottom:5px;}
#page-bottom #meet .prev-next-controls{clear:both; position:absolute; top:60px; width:465px; }
#page-bottom #meet .prev-next-controls li{width:15px; height:49px;}
#page-bottom #meet .prev-next-controls li a{display:block; width:15px; height:49px; text-indent:-9999em;}
#page-bottom #meet .prev-next-controls .prev{float:left; background:url(/images/content/grey-arrow-left.png); margin-left:10px;display: none;}
#page-bottom #meet .prev-next-controls .next{float:right; background:url(/images/content/grey-arrow-right.png); margin-right:10px;display: none;}
/*home page*/
#dim{ position:absolute; top:0; left:0; width:100%; z-index:10000; background: url('/images/dim.png'); display:none; text-align:left; }
#top-banner {margin:10px 0;}
#top-banner .banner-ad {display:block; float:left;}
#top-banner #coupon-signup{width:475px; height:30px; float:right; /*COUPON*/}
#top-banner #coupon-signup form{padding-left:288px; padding-top:3px;}
#top-banner #coupon-signup form input{border:1px solid #f3aa43; padding:2px; height:15px;}
#top-banner #coupon-signup form button{text-indent:-9999em; width:24px; height:21px; background:url(/images/signup.gif); border:none; position:relative; top:1px;}
#home-features{margin-top:15px;}
#home-features li{width:224px; height:224px; margin-right:15px; background:#ffffff; border:1px solid #ccc; float:left; position:relative;}
#home-features li.last{margin-right:0; margin-left:1px;}
#home-features li img{margin:14px 0px 10px 1px;}
#home-features li h2{font-size:20px; color:#1c3664; text-transform:uppercase; margin:0 14px;}
#home-features li p{ margin:2px 40px 0 14px;}
#home-features li .a_link {display:block; width:15px; height:50px; position:absolute; text-indent:-9999em; background:url(/images/content/grey-arrow-right.png) no-repeat; left:190px; top:145px;}
#learning-center{ clear:both; margin-top:15px; padding:15px; background:#ffffff; border:1px solid #ccc; height:200px; color:#7579BF !important;}
.pond-nav-popup{display:block; width:230px; height:190px; position:absolute; top:70px; left:10px;}
.water-nav-popup{display:block; width:230px; height:190px; position:absolute; top:70px; left:250px;}
.home-plants-link{display:block; width:224px; height:224px; position:absolute; top:0; left:0;}
#learning-center h2{font-size:18px; margin-bottom:10px; text-transform:uppercase; color:#7579BF !important;}
#learning-center div{float:left; background:#fff; border:1px solid #ccc; margin-right:15px; position:relative;}
#learning-center div h3{margin:14px 14px 0 14px; text-transform:uppercase;color:#7579BF !important;}
#learning-center div h3 a{color:#7579BF !important; background:transparent; font-size:18px; display:inline}
#learning-center div h3 a img{display:inline;}
#learning-center div h4{margin:2px 0 0 14px; font-size:15px; text-transform:none; font-weight:normal; color:#7579BF !important;text-align:left;}
#learning-center #pond-101{width:313px; height:168px;}
#learning-center #pond-101 h3{font-size:25px; padding-right:20px;}
#learning-center #pond-101 p{margin:5px 0 0 14px; width:200px;}
#learning-center #pond-101 img.bottom-image {position:absolute; left:190px; top:65px;}
#learning-center #weed-identification{width:313px; height:168px;}
#learning-center #weed-identification h3{font-size:20px; width:250px;}
#learning-center #weed-identification p{margin:5px 0 0 14px; width:220px;}
#learning-center #weed-identification img.bottom-image {position:absolute; top:90px; left:210px;}
#learning-center #pond-calculator{width:256px; height:168px; margin-right:0; }
#learning-center #pond-calculator h3{font-size:20px; width:220px;}
#learning-center #pond-calculator p{margin:5px 0 0 14px; width:180px;}
#learning-center #pond-calculator img.bottom-image {position:absolute; left:165px; top:105px;}
/*learning center*/
#learning-content{width:745px; float:right;}
#learning-content h1{font-size:24px; height:auto; font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif; color:#7579BF; text-transform:uppercase; border-bottom:3px solid #7579BF; margin:7px 0 10px 0;}
#learning-content .learning-column-a, #learning-content .learning-column-b{width:365px; margin-top:15px;}
#learning-content .learning-column-a{float:left;}
#learning-content .learning-column-b{float:right;}
#learning-content .learning-list li{background:#fff; border:1px solid #ccc; margin-bottom:15px; height:125px;}
#learning-content .learning-list li.recent-articles{height:265px;}
#learning-content .learning-list li form{margin:10px 10px 10px 10px;}
#learning-content .learning-list li li{border:none; height:auto; margin:0;}
#learning-content .learning-list li p{font-family:verdana,helvetica,sans-serif; margin:0 10px 10px 10px; font-size:11px; color:#333; line-height:1.4em;}
#learning-content .learning-list li p.question{font-weight:bold; }
#learning-content .learning-list li p.answer{padding:5px 0 10px 0; }
#learning-content .learning-list li p.answer a{color:#7579BF; text-decoration:none;}
#learning-content .learning-list li li p{margin-bottom:0 !important;}
#learning-content .learning-list .weed-identification{position:relative;}
#learning-content .learning-list .weed-identification img{position:absolute; top:65px; right:5px;}
#learning-content .learning-list .weed-identification p{margin-right:90px;}
#learning-content .learning-list .weed-identification h2{background:url(/images/content/purple-arrow.png) no-repeat 225px 13px;}
#learning-content .learning-list .pond-calculator{position:relative;}
#learning-content .learning-list .pond-calculator img{position:absolute; top:40px; right:10px;}
#learning-content .learning-list .pond-calculator p{margin-right:90px;}
#learning-content .learning-list .pond-calculator h2{background:url(/images/content/purple-arrow.png) no-repeat 210px 13px;}
#learning-content .learning-list .be-inspired h2{background:url(/images/content/purple-arrow.png) no-repeat 215px 13px;}
#learning-content .learning-list .watch-our-videos h2{background:url(/images/content/purple-arrow.png) no-repeat 205px 13px;}
#learning-content .learning-list .recent-articles h2{background:url(/images/content/purple-arrow.png) no-repeat 184px 13px;}
#learning-content .learning-list .get-answers h2{background:url(/images/content/purple-arrow.png) no-repeat 150px 13px;}
#learning-content .learning-list .get-answers p{padding-top:5px;}
#learning-content .learning-list .ask h2{background:url(/images/content/purple-arrow.png) no-repeat 230px 13px;}
#learning-content .learning-list .ask p{padding-top:5px;}
div.ask{background:#fff; border:1px solid #ccc; margin-bottom:0; height:125px; margin-top:15px;}
div.ask h2{background:url(/images/content/purple-arrow.png) no-repeat 230px 13px;font-size:20px; font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif; color:#6666cc; text-transform:uppercase; padding:10px 10px 0 10px; line-height:1.1em; margin-bottom:3px;height:auto;}
div.ask h2 a{color:#6666cc; font-size:20px; height:auto;}
div.ask p {padding-top:5px; font-family:verdana,helvetica,sans-serif; margin:0 10px 10px 10px; font-size:11px; color:#333; line-height:1.4em;}
div.ask form{margin:10px 10px 10px 10px;}
.get-answers p, .ask p{clear:both;}
#learning-content input{display:block; float:left; height:auto;}
#learning-content .go{display:block; float:left; text-indent:-9999em; background:url(/images/content/go.png) no-repeat; border:none; padding:0; margin:0 0 0 5px; width:25px; height:25px; position:relative; top:-1px;}
#learning-content .learning-list h2 {font-size:20px; font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif; color:#7579BF; text-transform:uppercase; padding:10px 10px 0 10px; line-height:1.1em; margin-bottom:3px;height:auto;}
#learning-content .learning-list h2 a{color:#7579BF; font-size:20px; height:auto;}
#learning-content .learning-list h2 a:hover{text-decoration:none;}
#learning-content .learning-list h3{ clear:both; font-family:verdana,arial,helvetica,sans-serif; padding:10px 10px 0 0; font-size:12px; margin:0 10px 7px 10px; color:#333; }
#learning-content .learning-list h3 a{font-weight:normal; font-size:10px; color:#7579BF; padding:0 0 0 5px;}
#learning-content .learning-list h2 span{display:block; text-transform:capitalize; font-weight:normal; font-size:15px;}
#learning-content .learning-list .be-inspired img, #learning-content .learning-list .watch-our-videos img{ float:left; margin:5px 10px 10px 10px;}
#learning-content .article-list li img{float:left; margin:3px 0 0 10px;}
#learning-content .article-list li p{width:280px; float:right;}
/*weed control guide*/
#weed-control-guide {width:745px; }
#weed-control-guide h1{border-bottom: 4px solid #6CB33F; padding-bottom: 6px; font-weight: normal; margin: 7px 0 5px 0; text-transform: uppercase;width:745px; font-size: 26px; color: #6CB33F; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;}
#weed-control-guide div.weed-guide-hero {width: 747px;height: 304px; overflow: hidden;position: relative;}
#weed-control-guide div.weed-guide-hero img {height: 1824px;width: 747px;position: absolute;top: 0px;}
#weed-control-guide div.weed-guide-hero a {z-index: 100;background-color: transparent;position: absolute;height: 30px; width: 100px;display: block;}
#weed-control-guide div.weed-guide-hero a.algae {width: 80px;top: 229px; left: 600px;}
#weed-control-guide div.weed-guide-hero a.chara {width: 80px;top: 153px; left: 210px;}
#weed-control-guide div.weed-guide-hero a.emergent {width: 165px;top: 34px; left: 250px;}
#weed-control-guide div.weed-guide-hero a.floating {width: 155px;top: 145px; left: 330px;}
#weed-control-guide div.weed-guide-hero a.submerged {width: 180px;top: 225px; left: 58px;}
#weed-control-guide h2{border-bottom: 2px solid #6CB33F; padding: 18px 0px 1px 0px; font-weight: normal; margin: 7px 0 5px 0; text-transform: uppercase;width:745px; font-size: 20px; color: #6CB33F; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;}
#weed-control-guide p{font-size: 12px; line-height: 1.4;}
#weed-control-guide .weed-cat-zone {width: 747px;margin: 30px 0px 9px 0px;}
#weed-control-guide .weed-cat-zone .weed-container{float: left; height:165px; width:221px;margin-bottom: 41px; }
#weed-control-guide .weed-cat-zone .weed-container.middle {margin: 0px 41px 0px 41px;}
#weed-control-guide .weed-cat-zone img {height: 165px; width: 221px;}
#weed-control-guide .weed-cat-zone:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.weed-guide-category {font-size: 12px;color: #333;font-family: verdana, arial, helvetica, sans-serif;line-height: 1.2em}
.weed-guide-category .chem-best-practices {margin-top: 20px;}
.weed-guide-category .chem-best-practices h3 {font-weight: bold; font-size: 12px;margin-bottom: 10px;}
.weed-guide-category > .chem-best-practices > ul {list-style-type: disc !important;list-style-position: outset;margin-top: 10px;}
.weed-guide-category > .chem-best-practices > ul > li {list-style-position: outside;margin-left: 30px;}
.weed-guide-category ol {list-style-type: decimal;margin-top: 10px; }
.weed-guide-category ol > li {list-style-position: inside;padding-left: 20px;}
/*category*/
#category-content{width:745px; float:right;}
.pond-and-lake #category-content h1
, body.pond-and-lake-calculators h1 {border-bottom: 3px solid #6CB33F; padding-bottom: 6px; font-weight: normal; margin: 7px 0 5px 0; text-transform: uppercase;width:745px; font-size: 26px; color: #6CB33F; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;}
.water-gardens-fish-ponds #category-content h1.water-gardens
, body.water-gardens-fish-ponds-calculators h1.water-gardens{border-bottom: 3px solid #0084A9; padding-bottom: 6px; font-weight: normal; margin: 7px 0 5px 0; text-transform: uppercase;width:745px; font-size: 26px; color: #0084A9; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;}
.sale-items #category-content h1{border-bottom: 3px solid #C41230; padding-bottom: 6px; font-weight: normal; margin: 7px 0 5px 0; text-transform: uppercase;width:745px; font-size: 26px; color: #C41230; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;}
#category-content .subcategory-list{margin:15px 0 0 0;}
#category-content .subcategory-list li{width:363px; height:123px; border:1px solid #ccc; float:left; margin-right:15px; margin-bottom:15px;}
#category-content .subcategory-list li.algae, #category-content .subcategory-list li.fountains, #category-content .subcategory-list li.treatments, #category-content .subcategory-list li.predator {margin-right:0;}
.water-gardens-fish-ponds #category-content .subcategory-list li.aeration{ background:#fff url(/images/content/category_wg_aeration.jpg) no-repeat bottom right;}
.water-gardens-fish-ponds #category-content .subcategory-list li.algae{ background:#fff url(/images/content/category_wg_algae_control.jpg) no-repeat bottom right;}
.water-gardens-fish-ponds #category-content .subcategory-list li.filtration{ background:#fff url(/images/content/category_wg_filtration.jpg) no-repeat bottom right;}
.water-gardens-fish-ponds #category-content .subcategory-list li.fish-care{ background:#fff url(/images/content/category_wg_fish_care.jpg) no-repeat bottom right; margin-right:0;}
.water-gardens-fish-ponds #category-content .subcategory-list li.plants-snails{ background:#fff url(/images/content/category_wg_plants_snails.jpg) no-repeat bottom right;}
.water-gardens-fish-ponds #category-content .subcategory-list li.predator{ background:#fff url(/images/content/category_wg_predator_control.jpg) no-repeat bottom right;}
.water-gardens-fish-ponds #category-content .subcategory-list li.pumps{ background:#fff url(/images/content/category_wg_pumps.jpg) no-repeat bottom right;}
.water-gardens-fish-ponds #category-content .subcategory-list li.water-treatments{ background:#fff url(/images/content/category_wg_water_treatments.jpg) no-repeat bottom right; margin-right:0;}
#category-content .subcategory-list li h2{ margin:10px 10px 0 10px; font-family:"trebuchet ms", arial, verdana, sans-serif;}
#category-content .subcategory-list li h2 a{font-size:18px; text-transform:uppercase; text-decoration:none;}
.pond-and-lake #category-content .subcategory-list li h2 a {color:#6CB33F;}
.water-gardens-fish-ponds #category-content .subcategory-list li h2 a {color:#0084A9;}
.sale-items #category-content .subcategory-list li h2 a {color:#C41230;}
#category-content .subcategory-list li h2 a{display:block;}
#category-content .subcategory-list li p{width:200px; font-size:12px; margin-left:10px;line-height:1.3em;}
.pond-and-lake #category-content .subcategory-list li.aeration{background: #fff url(/images/content/category_pl_aeration.jpg) no-repeat bottom right;}
.pond-and-lake #category-content .subcategory-list li.algae{background: #fff url(/images/content/category_pl_algae_control.jpg) no-repeat bottom right;}
.pond-and-lake #category-content .subcategory-list li.weeds{background: #fff url(/images/content/category_pl_aquatic_weed_control.jpg) no-repeat bottom right;}
.pond-and-lake #category-content .subcategory-list li.fountains{background: #fff url(/images/content/category_pl_decorative_fountains.jpg) no-repeat bottom right;}
.pond-and-lake #category-content .subcategory-list li.fishcare{background: #fff url(/images/content/category_pl_fish_care.jpg) no-repeat bottom right;}
.pond-and-lake #category-content .subcategory-list li.treatments{background: #fff url(/images/content/category_pl_natural_water_treatments.jpg) no-repeat bottom right;}
.pond-and-lake #category-content .subcategory-list li.dye{background:#fff url(/images/content/category_pl_pond_dye.jpg) no-repeat bottom right;}
.pond-and-lake #category-content .subcategory-list li.predator{background:#fff url(/images/content/category_pl_predator_control.jpg) no-repeat bottom right;}
#category-content .subcategory-list ul{margin:10px 0 10px 10px;}
#category-content .subcategory-list li ul li{display:block; width:auto; height:auto; float:none; border:none; margin-bottom:5px;}
#category-content .subcategory-list li ul li a{font-size:12px; font-family:verdana, arial, helvetica, sans-serif; text-decoration:none; color:#333333;}
#category-content #bottom-categories{clear:both;}
#category-content .additional-categories{margin:15px 0 40px 0;}
#category-content .additional-categories li{float:left; margin:0 0 10px 0; }
#category-content .additional-categories li a{font-family: arial, helvetica, verdana, sans-serif;display:block; text-decoration:none; color:#333; padding-right:15px; background: url(/images/content/black-arrow.png) no-repeat center right; font-size:14px; margin-right:40px;}
#bottom-categories h2 a{color:#000; font-size:18px;}
#bottom-categories h2 a:hover{text-decoration:none;}
.pond-and-lake #bottom-categories h2 a{color:#6CB33F;}
.water-gardens-fish-ponds #bottom-categories h2 a{color:#0084A9;}
.sale-items #bottom-categories h2 a{color:#C41230;}
/*subcategory*/
#subcategory-content-water{width:745px; float:right;}
#subcategory-content-water h1{font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; color:#0084A9; font-size:26px; border-bottom:3px solid #0084A9; font-weight:normal; padding-bottom:6px; margin:7px 0 5px 0; text-transform:uppercase; }
#subcategory-content-water h2{clear:both; font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; color:#0084A9; font-size:20px; border-bottom:3px solid #0084A9; font-weight:normal; padding:10px 0 2px 0; margin:7px 0 5px 0; text-transform:uppercase; }
#subcategory-content-water .category-list-header {clear:both; border-bottom:2px solid #0084A9; padding:10px 0 37px 0; margin:7px 0 5px 0; }
.category-list-header{position:relative; }
.category-list-header .viewall{position:absolute; right:0; top:30px;}
.water-gardens-fish-ponds .category-list-header .viewall{color:#0084A9}
#subcategory-content-pond .category-list-header .viewall{color:#6CB33F}
body.sale-items #subcategory-content-pond .category-list-header .viewall{color:#C41230}
#subcategory-content-water .category-list-header .label {font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; color:#0084A9; font-size:20px; font-weight:normal; text-transform:uppercase; text-decoration:none; float: left; padding-top: 18px; /*tony added top padding of 18 and left float */}
#subcategory-content-water .category-list-header .label a, #subcategory-content-water .category-list-header .choice{padding-top: 0px;/*tony -reduced padding from 18 to 0 to fix hovering text*/ font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; color:#0084A9; font-size:20px; font-weight:normal; text-transform:uppercase; float:left; text-decoration:none;}
#subcategory-content-water .featured-category-products{position:relative;}
#subcategory-content-water .featured-category-products .products-list{width:700px; margin:0 auto; z-index:1000;}
#subcategory-content-water .featured-category-products .products-list li{width:168px; height:205px; background:#fff; float:left; border:1px solid #ccc; position:relative; margin-right:5px; margin-bottom:5px;}
#subcategory-content-water .featured-category-products .products-list li .sale-indicator{display:none;}
#subcategory-content-water .featured-category-products .products-list li.sale .sale-indicator{display:block; position:absolute; top:0;}
#subcategory-content-water .featured-category-products .products-list li.last{margin-right:0 !important;}
#subcategory-content-water .featured-category-products .products-list li .product-image{display:block;width:105px; height:105px; margin:10px auto 0px auto;}
#subcategory-content-water .featured-category-products .products-list li .product-name{display:block; width:148px; margin:0 auto; text-align:center; font-family:verdana,arial, sans-serif; font-size:12px; line-height:1.2em; color:#0084A9;}
#subcategory-content-water .featured-category-products .products-list li .view-all{ display:block; float:none; clear:both; position:absolute; bottom:5px; color:#333; font-size:9px; line-height:1.5em; font-weight:bold; text-transform:uppercase; margin:15px 0 0 0; padding:5px 5px 0 10px; text-decoration:none; }
#subcategory-content-water .featured-category-products .products-list li .view-all span {padding-right:10px; background:url(/images/landing_pages/aeration_landing_blue_arrow.gif) no-repeat right 3px;}
#subcategory-content-water .featured-category-products .prev-next-controls{clear:both; position:absolute; top:50px; width:100%;}
#subcategory-content-water .featured-category-products .prev-next-controls li a{display:block; width:15px; height:49px; text-indent:-9999em;}
#subcategory-content-water .featured-category-products .prev-next-controls li.prev a{float:left; background:url(/images/grey-arrow-left.png); margin-right:10px;}
#subcategory-content-water .featured-category-products .prev-next-controls li.next a{float:right; background:url(/images/grey-arrow-right.png); margin-left:10px;}
#subcategory-content-pond{width:745px; float:right;}
#subcategory-content-pond h1{font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; color:#6CB33F; font-size:26px; border-bottom:4px solid #6CB33F; font-weight:normal; padding-bottom:6px; margin:7px 0 5px 0; text-transform:uppercase; }
body.sale-items #subcategory-content-pond h1{font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; color:#C41230; font-size:26px; border-bottom:4px solid #C41230; font-weight:normal; padding-bottom:6px; margin:7px 0 5px 0; text-transform:uppercase; }
#subcategory-content-pond h2{clear:both; font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; color:#6CB33F; font-size:20px; border-bottom:3px solid #55a51c; font-weight:normal; padding:10px 0 2px 0; margin:7px 0 5px 0; text-transform:uppercase; }
#subcategory-content-pond .category-list-header {clear:both; border-bottom:2px solid #6CB33F; padding:10px 0 37px 0; margin:7px 0 5px 0; }
body.sale-items #subcategory-content-pond .category-list-header {clear:both; border-bottom:2px solid #C41230; padding:10px 0 37px 0; margin:7px 0 5px 0; }
#subcategory-content-pond .category-list-header .label a, #subcategory-content-pond .category-list-header .choice{font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; color:#6CB33F; font-size:20px; font-weight:normal; text-transform:uppercase; float:left; padding-top: 0px;/*tony*/ text-decoration:none;}
#subcategory-content-pond .category-list-header .label {font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; color:#6CB33F; font-size:20px; font-weight:normal; text-transform:uppercase; float:left; padding-top: 18px; text-decoration:none;}
body.sale-items #subcategory-content-pond .category-list-header .label {font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; color:#C41230; font-size:20px; font-weight:normal; text-transform:uppercase; float:left; padding-top: 18px; text-decoration:none;}
#subcategory-content-pond .featured-category-products{position:relative;}
#subcategory-content-pond .featured-category-products .products-list{width:700px; margin:0 auto; z-index:1000;}
#subcategory-content-pond .featured-category-products .products-list li{width:168px; height:205px; background:#fff; float:left; border:1px solid #ccc; position:relative; margin-right:5px; margin-bottom:5px;}
#subcategory-content-pond .featured-category-products .products-list li .sale-indicator{display:none;}
#subcategory-content-pond .featured-category-products .products-list li.sale .sale-indicator{display:block; position:absolute; top:0;}
#subcategory-content-pond .featured-category-products .products-list li.last{margin-right:0 !important;}
#subcategory-content-pond .featured-category-products .products-list li .product-image{display:block;width:105px; height:105px; margin:10px auto 10px auto;}
#subcategory-content-pond .featured-category-products .products-list li .product-name{display:block; width:148px; margin:0 auto; text-align:center; font-family:verdana,arial, sans-serif; font-size:12px; line-height:1.2em; color:#6CB33F;}
body.sale-items #subcategory-content-pond .featured-category-products .products-list li .product-name{display:block; width:148px; margin:0 auto; text-align:center; font-family:verdana,arial, sans-serif; font-size:12px; line-height:1.2em; color:#C41230;}
#subcategory-content-pond .featured-category-products .products-list li .view-all{ display:block; float:none; clear:both; position:absolute; bottom:5px; color:#333; font-size:9px; line-height:1.5em; font-weight:bold; text-transform:uppercase; margin:5px 5px 0 10px; padding:5px 0 0 0; text-decoration:none; }
#subcategory-content-pond .featured-category-products .products-list li .view-all span {padding-right:10px; background:url(/images/landing_pages/aeration_landing_blue_arrow.gif) no-repeat right 3px;}
#subcategory-content-pond .featured-category-products .prev-next-controls{clear:both; position:absolute; top:50px; width:100%;}
#subcategory-content-pond .featured-category-products .prev-next-controls li a{display:block; width:15px; height:49px; text-indent:-9999em;}
#subcategory-content-pond .featured-category-products .prev-next-controls li.prev a{float:left; background:url(/images/grey-arrow-left.png); margin-right:10px;}
#subcategory-content-pond .featured-category-products .prev-next-controls li.next a{float:right; background:url(/images/grey-arrow-right.png); margin-left:10px;}
/*static pages*/
#about-content, #static-page-content{background:#fff; border:1px solid #ccc; padding:20px;}
#about-content h1, #static-page-content h1{font-size:24px; font-family:"trebuchet ms", verdana, arial, helvetica, sans-serif; height:auto; padding-bottom: 5px; border-bottom:2px solid #7877C1; color:#7877C1; margin-bottom:10px;}
#about-content h2, #static-page-content h2{font-family:"trebuchet ms", verdana, arial, helvetica, sans-serif; color:#1c3664; margin:0 0 10px 0;}
#static-page-content h2 a, #static-page-content h2 a:hover{color:#1c3664; font-size:14px; text-decoration:none;}
#about-content h3, #static-page-content h3{font-family:"trebuchet ms", verdana, arial, helvetica, sans-serif; color:#1c3664; margin:0 0 5px 0; font-size:14px; line-height:1.3em;}
#about-content p, #static-page-content p{font-size:13px; color:#333; line-height:1.5em; margin-bottom:15px; margin-right:10px;}
#static-page-content ul{margin-bottom:15px;}
#static-page-content ul li{font-size:13px; line-height:1.5em; color:#333; margin-bottom:10px;}
#static-page-content ul li label{ font-size:13px; color:#333; display:inline;}
#static-page-content table{font-size:12px; color:#333; margin-bottom:10px;}
#static-page-content table td{font-size:12px; text-align:left !important; color:#333}
#static-page-content table td div{text-align:left !important;color:#333 }
#static-page-content caption{text-align:left !important;}
#static-page-content table td strong, #static-page-content table b {display:block; padding-bottom:10px; color:#1C3664;}
#static-page-content table td p strong, #static-page-content table td p b{display:inline;}
#static-page-content table td strong font{color:#1C3664;}
#static-page-content table td input{margin-bottom:10px;}
#static-page-content table td select{height:auto; width:auto; margin-bottom:10px;}
/*learning landing*/
#learning-landing .column{float:left; width:350px; margin-bottom:50px;}
#learning-landing h1{color:#7877C1; font-size:24px; height:auto; padding-bottom:5px; text-transform:uppercase; margin-bottom:10px; border-bottom:3px solid #7877C1; margin-top:15px;}
#learning-landing{width:750px; margin:0 auto;}
#learning-landing .column{width:350px; float:left; margin-bottom:50px; position:relative;}
#learning-landing .column .content-description{position:relative; border-bottom:1px solid #ccc; padding-bottom:15px;}
#learning-landing .column .content-description p{padding-right:50px; font-size:14px; color:#333; line-height:1.3em;}
#learning-landing .link-learn-more{display:block; text-indent:-9999em; text-decoration:none; width:23px; height:62px; background:url(/images/landing_pages/aeration_landing_grey_arrow.png) no-repeat; position:absolute; right:0; top:20px;}
#learning-landing .column h3{font-size:18px; font-weight:bold; margin:15px 0 10px 0; font-family:"trebuchet ms", arial, verdana, helvetica, sans-serif; text-transform:uppercase;}
#learning-landing .ponds-lakes{ padding-right:24px; border-right:1px solid #ccc;}
#learning-landing .ponds-lakes h3{color:#55a51c;}
#learning-landing .water-gardens-fish-ponds{padding-left:24px; }
#learning-landing .water-gardens-fish-ponds h3{color:#0084A9;}
.pond-learning-link{display:block;width:350px; height:320px; position:absolute; top:0; left:0;}
.water-learning-link{display:block;width:350px; height:320px; position:absolute; top:0; left:20px;}
/*product*/
.sku{font-size:16px !important; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; color:#333; padding-bottom:10px;}
/* For the Home Page Popups*/
#popup_overlay_box {
z-index: 99999;
position: fixed;
top:50%;
left:50%;
margin-left:-255px;
margin-top:-175px;
}
#popup_container_aeration {
width: 493px;
}
#popup_container_algae {
width: 493px;
}
#popup_container_aquatic {
width: 493px;
}
#popup_container_treatment {
width: 493px;
}
#popup_container_calculator {
width: 493px;
}
.lightbox_tab {
background:url(/images/content/lightbox_tab_image.png) no-repeat;
height:37px;
width:164px;
float:left;
}
.lightbox_tab_text {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 15px;
color: #1c3664;
font-weight:bold;
text-transform:uppercase;
text-align:center;
padding-top:10px;
}
.lightbox_top_right {
background-image: url(/images/content/lightbox_top_right_image.png);
background-repeat: no-repeat;
float:left;
height: 37px;
width: 329px;
}
.lightbox_center_container {
height: 230px;
width: 493px;
clear: both;
}
.lightbox_center_top_container {
height: 32px;
width: 493px;
float:left;
}
.lightbox_center_container_top_left {
background-image: url(/images/content/lightbox_center_container_top_left_image.gif);
height: 32px;
width: 15px;
float:left;
}
.lightbox_center_container_top_center {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #1c3664;
background-image: url(/images/content/lightbox_center_container_top_center_image.gif);
background-repeat: repeat-x;
text-align: center;
height: 32px;
width: 464px;
float:left;
}
.lightbox_center_container_top_right {
background-image: url(/images/content/lightbox_center_container_top_right_image.gif);
height: 32px;
width: 14px;
float:left;
}
.lightbox_center_container_left {
background-image: url(/images/content/lightbox_center_container_left_image.gif);
height: 198px;
width: 15px;
float:left;
}
.lightbox_center_container_middle_container {
float: left;
height: 210px;
width: 231px;
}
.lightbox_center_line {
background-color: #989898;
height: 197px;
width: 2px;
float:left;
}
.lightbox_center_container_right {
background-image: url(/images/content/lightbox_center_container_right_image.gif);
float: left;
height: 198px;
width: 14px;
}
.lightbox_center_image_holder_left {
background-image: url(/images/content/lightbox_center_image_holder_image.gif);
background-repeat: repeat-x;
text-align: left;
float: left;
height: 119px;
width: 231px;
}
.lightbox_center_image_holder_left a {
text-align: left;
float: left;
height: 119px;
width: 231px;
}
.lightbox_center_image_holder_right {
background-image: url(/images/content/lightbox_center_image_holder_image.gif);
background-repeat: repeat-x;
text-align: right;
float: left;
height: 119px;
width: 231px;
}
.image_caption_area {
background-image:url(/images/content/lightbox_image_caption_area_bg.gif);
background-repeat: repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
height: 79px;
width: 208px;
float:left;
}
.arrow_image_area {
background-image:url(/images/content/lightbox_image_caption_area_bg.gif);
background-repeat: repeat-x;
float: left;
height: 79px;
width: 23px;
}
.lightbox_left_caption_header_area {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #55a51c;
text-align:left;
height: 25px;
width: 208px;
}
.lightbox_right_caption_header_area {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #0084A9;
text-align:left;
height: 25px;
width:198px;
padding-left:10px;
}
.lightbox_left_caption_area {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #000;
float: left;
height: 54px;
width: 208px;
line-height:12px;
}
.lightbox_right_caption_area {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #000;
float: left;
height: 54px;
width: 198px;
line-height:12px;
padding-left:10px;
z-index:1001;
}
.lightbox_bottom_left_corner {
background-image:url(/images/content/bottom_left_corner.png);
float: left;
height: 36px;
width: 21px;
}
.lightbox_bottom_middle_text_area {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #333;
background-image: url(/images/content/lightbox_bottom_middle_bg_image.gif);
background-repeat: repeat-x;
text-align: center;
float: left;
height: 26px;
width: 451px;
padding-top:10px;
}
.lightbox_bottom_middle_text_area a {
background:none!important;
}
.lightbox_bottom_right_corner {
background-image: url(/images/content/lightbox_bottom_right_corner_image.png);
float: left;
height: 36px;
width: 21px;
}
/*PRODUCT TABLE FIX*/
#main-product-table{margin-bottom:30px;}
/*TABS*/
.TabbedPanelsContent p{line-height:1.2em; margin:0 0 10px 0;}
.TabbedPanelsContent p span{line-height:1.2em !important; }
.TabbedPanelsContent ul li{line-height:1.6em; margin:0 0 10px 0;}
.TabbedPanelsContent .lcsubtitle {
color:#7579BF;
font-size:17px;
margin:-5px 0 5px 0;
text-transform:uppercase;
}
.TabbedPanelsContent .lctitle {
border-bottom:2px solid #7579BF;
color:#7579BF;
font-size:17px;
margin:15px 0 5px 0;
text-transform:uppercase;
}
.TabbedPanelsContent .option {
font-size:15px;
font-weight:bold;
text-transform:uppercase;
}
.TabbedPanelsContent .callout {
color:#C41230;
font-weight:bold;
text-transform:uppercase;
}
.pop_aeration, .pop_algae, .pop_aquatic, .pop_treatment {cursor:pointer;}
/* Calculator Styles */
body.water-gardens-fish-ponds-calculators h2 {color: #0084A9;margin-bottom: 15px;}
body.water-gardens-fish-ponds-calculators div.step1:after
, body.water-gardens-fish-ponds-calculators div.step2:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
body.water-gardens-fish-ponds-calculators div.step1 {margin: 15px 0px 0px 0px;}
body.water-gardens-fish-ponds-calculators div.step1 input{float: left;margin: 39px 15px 0px 15px;}
body.water-gardens-fish-ponds-calculators div.step1 label{float: left;}
body.water-gardens-fish-ponds-calculators div.step1 label[for='rdooval'] {margin-top: 8px;}
body.water-gardens-fish-ponds-calculators div.step2 {margin: 25px 0px 0px 0px;display: none;}
body.water-gardens-fish-ponds-calculators div.step2 img {top: 50%;margin: 0px 20px 0px 10px;float: left;}
body.water-gardens-fish-ponds-calculators div.step2 div.inputs {top: 50%;margin-right: 20px;float: left;width: 260px;}
body.water-gardens-fish-ponds-calculators div.step2 div.inputs label {width: 150px;float:left;margin-top: 5px;}
body.water-gardens-fish-ponds-calculators div.step2 div.inputs input {width: 100px;float:left;clear: none; margin-top: 5px;}
body.water-gardens-fish-ponds-calculators div.step2 input.calcbutton {top: 50%;float: left;}
body.water-gardens-fish-ponds-calculators div.step2.step2circ img {margin-left: 40px;}
body.water-gardens-fish-ponds-calculators div.step2.step2circ div.inputs {margin-top: 7px;}
body.water-gardens-fish-ponds-calculators div.step2.step2oval img {margin-left: 15px;margin-top: 15px;}
body.water-gardens-fish-ponds-calculators div.step2.step2circ .calcbutton {margin-top: 40px;}
body.water-gardens-fish-ponds-calculators div.step2.step2oval .calcbutton {margin-top: 45px;}
body.water-gardens-fish-ponds-calculators div.step2.step2rect .calcbutton {margin-top: 45px;}
body.water-gardens-fish-ponds-calculators div.results {margin-top: 20px;display: none;}
body.water-gardens-fish-ponds-calculators div.results > div {font-weight: bold;margin-top: 3px;}
body.water-gardens-fish-ponds-calculators div.results > div > div {font-weight: normal;display: inline;}
body.pond-and-lake-calculators h2 {color: #6CB33F;margin-bottom: 15px;}
body.pond-and-lake-calculators div.step1:after
, body.pond-and-lake-calculators div.step2:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
body.pond-and-lake-calculators div.step1 {margin: 15px 0px 0px 0px;}
body.pond-and-lake-calculators div.step1 input{float: left;margin: 39px 15px 0px 15px;}
body.pond-and-lake-calculators div.step1 label{float: left;}
body.pond-and-lake-calculators div.step1 label[for='rdoother'] {margin-top: 33px;color: #6CB33F;font-size: 22px;}
body.pond-and-lake-calculators div.step2 {margin: 25px 0px 0px 0px;display: none;}
body.pond-and-lake-calculators div.step2 img {top: 50%;margin: 0px 20px 0px 10px;float: left;}
body.pond-and-lake-calculators div.step2 div.inputs {top: 50%;margin-right: 20px;float: left;width: 260px;}
body.pond-and-lake-calculators div.step2 div.inputs label {width: 150px;float:left;margin-top: 5px;}
body.pond-and-lake-calculators div.step2 div.inputs input {width: 100px;float:left;clear: none; margin-top: 5px;}
body.pond-and-lake-calculators div.step2 input.calcbutton {top: 50%;float: left;}
body.pond-and-lake-calculators div.step2.step2circ img {margin-left: 40px;}
body.pond-and-lake-calculators div.step2.step2circ div.inputs {margin-top: 7px;}
body.pond-and-lake-calculators div.step2.step2tri img {margin-left: 15px;margin-top: 15px;}
body.pond-and-lake-calculators div.step2.step2circ .calcbutton {margin-top: 40px;}
body.pond-and-lake-calculators div.step2.step2tri .calcbutton {margin-top: 45px;}
body.pond-and-lake-calculators div.step2.step2rect .calcbutton {margin-top: 45px;}
body.pond-and-lake-calculators div.step2 ol {list-style-type: decimal;margin-top: 15px;}
body.pond-and-lake-calculators div.step2 ol li {list-style-type: decimal;margin-top: 15px;}
body.pond-and-lake-calculators div.results {margin-top: 20px;display: none;}
body.pond-and-lake-calculators div.results > div {font-weight: bold;margin-top: 3px;}
body.pond-and-lake-calculators div.results > div > div {font-weight: normal;display: inline;}