@charset "UTF-8";
/* CSS Document */

#productslides{width: 530px; height: 290px;overflow:hidden;}
ul.prodnav{ background:url(/new/images/prodTemplate/bg-leftNav.png) bottom no-repeat; width:202px; padding:0px 0 10px 0; list-style:none; float:left; clear:left; margin:0 0 10px;}
ul.prodnav li { height:18px; width:100%}
ul.prodnav li a{ color:#000000; font-weight:normal; font-size:11px; height:16px; width:183px; margin-left:1px; padding:2px 0 0 17px; display:block;}
ul.prodnav li a:hover {  background:url(/new/images/prodTemplate/bg-leftNavHover.png) bottom; text-decoration:none; color:#FFFFFF;}
ul.prodnav li a.current{  background:url(/new/images/prodTemplate/bg-leftNavHoverLarge.png) bottom; text-decoration:none; color:#FFFFFF;}

ul.prodnav li.sub { height:auto; width:100%; padding:0; margin:0;}

ul.prodnav li.sub ul{ background:#ffffff; list-style:none; padding:0; width:200px; margin:0 0 0 1px; float:none; clear:both; height:auto; }
ul.prodnav li.sub ul li { width:100%; margin:0;height:18px;}
ul.prodnav li.sub ul li a{ color:#666666; font-weight:normal; font-size:11px; height:16px; width:182px; margin-left:0px; padding:2px 0 0 19px; display:block;}
ul.prodnav li.sub ul li a:hover{background:none; text-decoration:none; color:#db1e23;}
ul.prodnav li.sub ul li a.current{background:url(/new/images/prodTemplate/bg-leftNavSubCurrent.png); font-weight:bold; color:#db1e23;}
.rightCol{float:right; width:190px; }
.rightCol img{ margin-bottom:10px;} 
.rightCol #newProducts{border:#dddddd 1px solid; border-top:none; padding:10px 0 10px 10px; margin-bottom:10px;}
.rightCol #newProducts.bathroom {margin-bottom:0px}


.rightCol #newProducts p.intro{ color:#999999; margin:0 0 10px}
.rightCol #newProducts .item {padding:5px 10px; margin:0;}
.rightCol #newProducts .item a{font-size:11px; color:#000000; }
.rightCol #newProducts .item a:hover{text-decoration:none;}
.rightCol #newProducts .item a strong{ color:#db1e23}
.rightCol #newProducts .item h3{font-size:12px; color:#db1e23; margin:0; padding:0;}
.rightCol #newProducts.brand {border-top:#dddddd 1px solid; padding-top:0px;}
.rightCol #newProducts a#moreBtn{width:128px; height:18px; display:block; padding:4px 0 0 10px; font-size:11px; font-weight:bold; color:black; background:url(/new/images/prodTemplate/btn-newProducts.png) top; margin-top:10px;}
.rightCol #newProducts a#moreBtn:hover{background-position:bottom; text-decoration:none; color:#fff;}
.rightCol ul#related{margin:0; padding:0; list-style:none;}
.rightCol ul#related li{margin:7px 0; width:189px; height:21px; }
.rightCol ul#related li a{font-size: 11px;background:#e1e1e1; width:179px; height:16px; padding:4px 0 2px 10px; display:block; color:#424242;border:1px solid #e1e1e1}
.rightCol ul#related li a:hover{border:1px solid #e1e1e1;text-decoration:none;background:white}
.rightCol ul#related h3{font-size:12px;font-weight:bold; color:#424242}
.rightCol h2{ background:url(/new/images/prodTemplate/header-feature.png); color:#FFFFFF; padding:3px 0 0 17px; width:173px; height:18px; font-size:14px; font-weight:normal; }

#main h2.prodnav-head{ background:url(/new/images/prodTemplate/bg-leftNavHead.png); color:#FFFFFF; padding:3px 0 0 17px; width:185px; height:19px; font-size:14px; font-weight:normal; float:left; clear:left}
.prodnav-btn{ color:#FFFFFF; font-size:14px; font-weight:normal; float:left; clear:left}
.prodnav-btn a{ color:#FFFFFF; font-weight:normal; font-size:14px; text-decoration:none; padding:3px 0 0 17px; width:183px; height:19px; background:url(/new/images/prodTemplate/btn-leftNav.png) top; display:block}
.plumnavbtn a {background:url(/new/images/prodTemplate/plumbleftNav.png) top;}

.prodnav-btn a:hover, .prodnav-btn a.current{background-position:bottom; text-decoration:none;}
#products{width:530px;float:left;}
#products p{margin:5px 0 15px 0}
#products .gettingStarted a.space {width:480px; display:block; background:#f5f5f5; padding:4px; color:#db1e23;}
#products .gettingStarted .space-div{display:none;}
#products .gettingStarted .space-div p.desc{width:300px; float:right; padding-top:50px;}
#products .gettingStarted .space-div img{float:left;}


#products .gettingStarted div.gsItem {height:180px;width:190px;padding:10px;text-align:left;margin-left:10px;float:left;border:1px dashed red;}
#products .gettingStarted div.gsItem p{color:#464646;margin-left:10px;margin-top:10px;width:180px;}
#products .gettingStarted div.gsItem img{margin-left:20px;}
#products .gettingStarted div.gsItem span{font-size:11px;}



#products ul.gettingStarted{height:31px;list-style:none; padding:0; margin:0;}

/*#products ul.gettingStarted li a#gs-wels {background:url(/new/images/prodTemplate/bg-tabGettingstarted.png);height:22px;}*/

#products ul.gettingStarted li{height:31px; border-left:#dddddd 1px solid; float:left; }

#products ul.gettingStarted li a{ height:22px;background:url(/new/images/prodTemplate/bg-tabGettingstarted.png); padding:9px 10px 0; color:#fff; display:block; line-height:12px;margin-left:-1px;font-weight:bold;text-decoration:none;}

/*
#products ul.gettingStarted li a{ height:26px; padding:9px 10px 0; color:#fff; display:block; line-height:12px; border-top:#999 1px solid;margin-left:-1px;font-weight:bold;}
#products ul.gettingStarted li a:hover{ background:#eeeeee; color:#464646; text-decoration:none; border-top:#ddd 1px solid;} 
*/


#products ul.gettingStarted li a.current{ background:#eeeeee; color:#464646; text-decoration:none;}
#products ul.gettingStarted li.end a{width:68px;}


#products div.gettingStarted-intro{padding:10px 20px 0px; border:#ddd 1px solid; border-bottom-color:#fff}
#products div.gettingStarted-intro h3{color:#db1e23}

#products div.gettingStarted{ background:url(/new/images/prodTemplate/bg-gettingStarted.png) top; padding:10px 20px;border:1px solid #eeeeee}
#products div.gettingStarted h3{ color:#db1e23; font-weight:bold;}
 /* #products div.gettingStarted div{display:none;} */
#products div.gettingStarted div#hide{display:none;} 
 
#products div.gettingStarted p.softBreak{margin-bottom:2px;padding-bottom:0px;margin-top:2px;padding-top:0px;}

#products div.brand{ background:url(/new/images/prodTemplate/border-brand.png) top no-repeat; padding:15px 10px; margin-top:10px;}
#products img {border:none;}

#products.description ul#tools{padding:0;margin:0; clear:both; width:530px; height:50px;list-style-type:none;}
#products.description ul#tools li{float:left; margin:0; width:auto; _width:90px; margin:0; }
#products.description ul#tools li a{background:url(/new/images/prodTemplate/bg-related.png) top; padding:4px 10px 0px 10px; _padding:4px 0px 0px 10px; margin:0 1px; height:17px;display:block; color:white;}
#products.description ul#tools li a:hover{background-position:bottom; text-decoration:none;}
#products.description ul#tools li.planner {float:left;}
#products.description ul#tools li.planner a{background-image:url(/new/images/prodTemplate/bg-tools.png);}

#products.description {background:url(/new/images/prodTemplate/bg-description.png) top no-repeat;}
#products.description h2{padding:0px 10px 0px 15px; font-weight:normal;}
#products.description h3{padding:0px 10px 10px 15px; font-size:16px; color:#424242; font-weight:normal;}
#products.description div strong{color:#424242; font-size:14px}
#products.description div.description-images img{margin:0 0 20px 0;}
#products.description div.summary{padding:0 20px 10px 10px;}
#products.description div.column{float:left; width:230px;padding:0 20px 0 10px;}
#products.description div.column.left{background:url(/new/images/prodTemplate/divider.png) right top no-repeat;}

#products div.range {height:169px; margin:10px 10px 0 0; float:left; padding:0 1px; background:url(/new/images/prodTemplate/bg-productItemBorder.png) bottom repeat-x; }
#products div.range.endProduct {margin-right:0; }
#products div.range a{width:100px; height:133px; padding-top:15px; display:block; float:left;background:url(/new/images/prodTemplate/bg-productItem.png) repeat-x 0 22px; border-bottom:#cacaca 2px solid;  }
#products div.range a:hover{text-decoration:none; background-position:0 -150px; border-bottom:#db1e23 2px solid;}
#products div.range a p.item{padding:1px 0px 1px 0px; margin:0; text-align:center;color:#db1e23;height:33px;font-size:11px}
#products div.range a:hover p.item{color:#474747;}
#products div.range a img{margin:0 0 10px 5px;}
#products div.range a p.new{background:url(/new/images/prodTemplate/bg-product-new.png); width:90px; color:#fff; font-weight:bold; font-size:10px;  padding:0px 0px 1px 10px; }
#products div.range a p.sale{background:url(/new/images/prodTemplate/bg-product-sale.png); width:90px; color:#fff; font-weight:bold; font-size:10px;  padding:0px 0px 1px 10px; _margin:3px 0 0 0; }
#products div.range a p.highlight{background:url(/new/images/prodTemplate/ph.png); width:90px; color:#fff; font-weight:bold; font-size:10px;  padding:0px 0px 2px 10px; _margin:3px 0 0 0; }


#products div.range a:hover p.sale{background:white; color:#db1e23;padding-bottom:0px; border-bottom:2px solid #db1e23;}


#products div.range h3{color:#424242; font-weight:normal; font-size:14px;padding:1px 0px 1px 10px;}

/* Plumbing styles */

#main.plumbing ul.prodnav li.sub ul li a:hover, 
#main.plumbing ul.prodnav li.sub ul li a.current, 
#main.plumbing .rightCol #newProducts .item a strong, 
#main.plumbing .rightCol #newProducts .item h3, 
#main.plumbing #products h2,
#main.plumbing h4,
#main.plumbing #products .gettingStarted a.space,
#main.plumbing #products div.range a p.item,
#main.plumbing .specialContent .specialSlide a strong { color:#0D2E56;}

#main.plumbing #products div.range a:hover{border-bottom:#0D2E56 2px solid;}
#main.plumbing ul.prodnav li a:hover, #main.plumbing ul.prodnav li a.current{  background:url(/new/images/prodTemplate/bg-leftNavHoverBlue.png) bottom;}
#main.plumbing .rightCol h2{ background:url(/new/images/prodTemplate/header-featureBlue.png);}

#main.plumbing ul.prodnav li.sub ul li a:hover{background:none; text-decoration:none;}
#main.plumbing ul.prodnav li.sub ul li a.current{background:url(/new/images/prodTemplate/bg-leftNavSubCurrent.png); font-weight:bold; }


/* irrigation styles */

#main.irrigation ul.prodnav li.sub ul li a:hover, 
#main.irrigation ul.prodnav li.sub ul li a.current, 
#main.irrigation .rightCol #newProducts .item a strong, 
#main.irrigation .rightCol #newProducts .item h3, 
#main.irrigation #products h2,
#main.irrigation h4,
#main.irrigation #products .gettingStarted a.space,
#main.irrigation #products div.range a p.item{ color:#5E792D;}

#main.irrigation #products div.range a:hover{border-bottom:#5E792D 2px solid;}
#main.irrigation ul.prodnav li a:hover, #main.irrigation ul.prodnav li a.current{  background:url(/new/images/prodTemplate/bg-leftNavHoverIrrigation.png) bottom;}
#main.irrigation .rightCol h2{ background:url(/new/images/prodTemplate/header-featureIrrigation.png);}

#main.irrigation ul.prodnav li.sub ul li a:hover{background:none; text-decoration:none;}
#main.irrigation ul.prodnav li.sub ul li a.current{background:url(/new/images/prodTemplate/bg-leftNavSubCurrent.png); font-weight:bold; }


/* civil styles */

#main.civil ul.prodnav li.sub ul li a:hover, 
#main.civil ul.prodnav li.sub ul li a.current, 
#main.civil .rightCol #newProducts .item a strong, 
#main.civil .rightCol #newProducts .item h3, 
#main.civil #products h2,
#main.civil h4,
#main.civil #products .gettingStarted a.space,
#main.civil #products div.range a p.item{ color:#B65312;}

#main.civil #products div.range a:hover{border-bottom:#B65312 2px solid;}
#main.civil ul.prodnav li a:hover, #main.civil ul.prodnav li a.current{  background:url(/new/images/prodTemplate/bg-leftNavHoverCivil.png) bottom;}
#main.civil .rightCol h2{ background:url(/new/images/prodTemplate/header-featureCivil.png);}

#main.civil ul.prodnav li.sub ul li a:hover{background:none; text-decoration:none;}
#main.civil ul.prodnav li.sub ul li a.current{background:url(/new/images/prodTemplate/bg-leftNavSubCurrent.png); font-weight:bold; }


/* onsite styles */

#main.onsite ul.prodnav li.sub ul li a:hover, 
#main.onsite ul.prodnav li.sub ul li a.current, 
#main.onsite .rightCol #newProducts .item a strong, 
#main.onsite .rightCol #newProducts .item h3, 
#main.onsite #products h2,
#main.onsite h4,
#main.onsite #products .gettingStarted a.space,
#main.onsite #products div.range a p.item{ color:#F47836;}

#main.onsite #products div.range a:hover{border-bottom:#F47836 2px solid;}
#main.onsite ul.prodnav li a:hover, #main.onsite ul.prodnav li a.current{  background:url(/new/images/prodTemplate/bg-leftNavHoverOnsite.png) bottom;}
#main.onsite .rightCol h2{ background:url(/new/images/prodTemplate/header-featureOnsite.png);}

#main.onsite ul.prodnav li.sub ul li a:hover{background:none; text-decoration:none;}
#main.onsite ul.prodnav li.sub ul li a.current{background:url(/new/images/prodTemplate/bg-leftNavSubCurrent.png); font-weight:bold; }


/* hvac styles */

#main.hvac ul.prodnav li.sub ul li a:hover, 
#main.hvac ul.prodnav li.sub ul li a.current, 
#main.hvac .rightCol #newProducts .item a strong, 
#main.hvac .rightCol #newProducts .item h3, 
#main.hvac #products h2,
#main.hvac h4,
#main.hvac #products .gettingStarted a.space,
#main.hvac #products div.range a p.item{ color:#0397D7;}

#main.hvac #products div.range a:hover{border-bottom:#0397D7 2px solid;}
#main.hvac ul.prodnav li a:hover, #main.hvac ul.prodnav li a.current{  background:url(/new/images/prodTemplate/bg-leftNavHoverHvac.png) bottom;}
#main.hvac .rightCol h2{ background:url(/new/images/prodTemplate/header-featureHvac.png);}

#main.hvac ul.prodnav li.sub ul li a:hover{background:none; text-decoration:none;}
#main.hvac ul.prodnav li.sub ul li a.current{background:url(/new/images/prodTemplate/bg-leftNavSubCurrent.png); font-weight:bold; }



/*/ styles for new product pages /*/
.specialHero        { height:427px; position:relative;}

.specialHero#hideawayHero { background:url(/new/images/prodTemplate/bg-hideawaySpecial.jpg); }
.specialHero#slotdrainHero  { background:url(/new/images/prodTemplate/bg-slotdrainSpecial.jpg); }
.specialHero .copy      { width:390px; background:url(/new/images/prodTemplate/bg-trans.png); padding:20px; margin:0 0 0 10px; color:#fff; }
.specialHero .copy h3   { color:#fff; font-size:23px; }
.specialHero .copy h3 span  { color:#ccc; font-weight:normal; }
.specialHero#grafHero .copy a     { color:#94d042; }
.specialHero#hideawayHero .copy a   { color:#e8ba00; }

.specialHero ul.specialNav        {height:31px; margin:0 0 0 5px; padding:0; list-style:none; position:absolute; top:397px;}
.specialHero ul.specialNav li     {float:left; border-left:#fff 1px solid; border-collapse:collapse; width:125px;}
.specialHero ul.specialNav li a     {height:24px; padding:8px 0px 0; background:url(/new/images/prodTemplate/btn-specialised.png) top repeat-x; display:block; color:#fff; text-align:center;}
.specialHero ul.specialNav li a:hover,
.specialHero ul.specialNav li a.current {background-position:bottom; color:#666; text-decoration:none;}

.specialContent             { padding:15px 0px 0; background:url(/new/images/prodTemplate/bg-specialBottom.png) top repeat-x #eeeeee; margin-bottom:10px;  }
.specialContent .specialSlide       { display:none; clear:both; }
.specialContent .specialSlide.current   { display:block; }
.specialContent .specialSlide a.thumb { font-size:12px; float:left; color:#424242; padding: 0 10px 0 20px; background:url(/new/images/prodTemplate/specialised-seperator.png) right no-repeat; width:205px; text-align:left;  }
.specialContent .specialSlide a.end   { background:none; }
.specialContent .specialSlide a.thumb:hover { text-decoration:none }
.specialContent .specialSlide a strong  { color:#db1e23; }
.specialContent .specialSlide a img   { float:left; margin-right:10px; }
.specialContent .specialSlide p,
.specialContent .specialSlide h3,
.specialContent .specialSlide hr    { margin:8px 20px }

.specialContent .specialFooter { background:url(/new/images/prodTemplate/special-footer.png) bottom no-repeat; height:15px; }


.result {cursor:pointer}
 /* .hover {background:#e9e9e9 !important;} */



.sBox {background:url('/new/images/prodTemplate/searchRound.png') no-repeat;height:22px;margin-bottom:6px;margin-left:5px}
.sBox input {height:14px;font-size:11px;width:148px;border:none;*border:0;margin-left:25px;*margin-left:22px;margin-top:5px;*margin-top:4px;color:#999999;}

ul.menu_body, .menubody li {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
.menu_head {cursor:pointer;}

.menu_body {margin-top:2px;display:none;width:221px;opacity:0.9;filter:alpha(opacity=90);}
.menu_body li {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding; }
.menu_body li.alt {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;}
#toggle .container .menu_body li a {color:#000;font-size:0.8em;display:block;padding:5px 10px;margin-left:1px;text-decoration:none;}
#toggle .container .menu_body li a:hover {color:#ffffff;text-decoration:none; background:#424242; margin-left:1px;padding:5px 10px;}

.pThumb {border:1px solid white;font-size:15px;margin-left:14px;margin-bottom:15px;width:110px;height:143px;}

#toggle .container { background: url(/new/images/prodTemplate/filterBg.png) bottom left no-repeat; padding-bottom:2px; }

.dropdown { }
.dropdown dd { position:relative; margin-left:0px;padding:0px;  }
.dropdown dt { opacity:0.9;filter:alpha(opacity=90);color:#000;width:221px !important;padding:7px 0; background: url(/new/images/prodTemplate/filterTop.png) top left no-repeat;}
.dropdown dt span {margin-left:35px;color:#000; font-weight:normal}

.hack{position:relative;z-index:-1}

div.brand ul {padding-left:30px;}

#products a {text-decoration:none;color:black}
.productContainer {border: 1px solid #c1c1c1;;-moz-border-radius:5px;-webkit-border-radius:5px;}


.pageChoice {border:1px solid #ababab;padding:1px 3px;color:#657676;cursor:pointer;background:#f0eeee;}
.pageChoice:hover {background: #deefff; border-color: #a5ceff}
.currentPage {border-color: #a5ceff;background:#deefff; color:#426060}

#cc {background:#f1f1f1;width:715px;margin-left:142px;border:1px solid #c1c1c1;height:95px;position:fixed;z-index:5;bottom:-97px;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;}
#comProds {float:left;width:633px;}
#comButtons {float:right;width:66px;padding-left:6px;padding-top:25px;margin-left:7px;border-left:1px solid #c1c1c1;height:70px;background:#e5e4e4;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;}

#compareCodes {float:left;background:#f1f1f1;width:715px;border:1px solid #c1c1c1; margin-left:6px;_margin-left:11px;margin-top:10px;margin-bottom:5px;height:95px;position:relative;z-index:5;-moz-border-radius:5px;-webkit-border-radius:5px}
#compareCodes #comButtons {-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}


#tab {background:#dcd9d9;border:1px solid #c1c1c1;border-bottom:none;position:absolute;top:-36px;right:100px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-webkit-border-top-left-radius:10px;}
#tab #down, #tab #up {float:left;cursor:pointer;}
#comCount {float:left;font-size:14px;margin-top:8px;color:#db1e23;}
#tabCompare {margin-top:10px;cursor:pointer;float:left;margin-left:17px}

a#emailFriend {float:left;width:105px;height:20px;display:block;background:url(/new/images/prodTemplate/email.png)}
a#emailFriend:hover {background:url(/new/images/prodTemplate/email-active.png)}


#smallBrandWarranty {padding:10px;height:50px;margin-bottom:10px;background:url('/new/images/prodTemplate/ProductWarranty/brandLvl/background.png') repeat-x;height:135px}
#smallBrandWarranty img {margin-left:5px}
#smallBrandWarranty p {margin-top:-15px;margin-left:15px;font-size:11px;width:145px;color:#464646}
#smallBrandWarranty p a {color:#db1e23;font-weight:bold}

.warrantyBlock {
  float: left;
  width: 530px;
  height: 124px;
  background: url('/new/images/prodTemplate/ProductWarranty/background.jpg');
  color: #fff;
  font-size: 11px;
  position: relative;
}
.warrantyBlock #badgeCycle {
  float: left;
  margin-left: 24px;
  margin-top: 3px;
  width: 120px;
  height: 120px;
  overflow: hidden;
}
.warrantyBlock #badgeCycle .cItem {
  position: relative;
}
.warrantyBlock #badgeCycle .cItem div {
  position: absolute;
  width: 120px;
  height: 120px;
  z-index: 1;
  background-color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0); /* For IE */
}
.warrantyBlock .textBlock {
  float: left;
  width: 340px;
  margin-left: 25px;
  margin-top: 15px;
}
.warrantyBlock .textBlock span {
  color: #DB1E23;
  font-size: 16px;
  font-weight: bold;
}
.warrantyBlock .textBlock a {
  font-size: 12px;
  position: absolute;
  bottom: 15px;
  right: 45px;
}