/* fix for clearing contained floated divs */
/* containment approach for div's with floated children */
.clearfix:after 					{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix							{ display: inline-block; }
html[xmlns] .clearfix 				{ display: block; }
* html .clearfix 					{ height: 1%; }
.clearMe							{ overflow:hidden; width:100%; }
.clear {float:left;clear:both;width:100%;}

/* scroll bars by default */
html {overflow-y:scroll;}
html, body {height:100%;}
body {font-family:Arial,Helvetica,Verdana,sans-serif;font-weight:normal;color:#646464;font-size:12px;} 

/* defaults */
div, form {margin:0; padding:0;}
img {border:0;}
h1, h2, h3, h4, h5, h6,p, ul, li, ol {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}

h1 {font-size:26px;color:#6A9f10;font-weight:normal;}
h2 {font-size:26px;color:#6A9f10;font-weight:normal;}
h5 {color:#6a9f10;font-size:22px;font-weight:normal;}
h5 span {font-weight:bold;}
h4 {margin-bottom:10px;font-size:12px;}
a.redlink,span.iconfloat,a.pdf, a.arrow, a.viewAll, a.collapse  {color:#900;font-size:11px;text-decoration:none;line-height:13px;}
a.arrow {background:transparent url(/common/images/rightArrow.gif) no-repeat scroll 0 5px;padding:0 0 0 15px;font-size:10px;}
a:hover.redlink {text-decoration:underline;}
.iconfloat img  {vertical-align:middle;}
img.offsiteIcon {margin:-1px 1px 0 5px;}
h3 {font-size:18px;font-weight:normal;color:#6a9f10;}
h3.black {color:#000;}
p, li {line-height:19px;}
.redunderline {color:#900;font-size:11px;text-decoration:underline;}
.intro {color:#8f8f8f;}
.intro-paragraph {font-size:14px;line-height:20px;color:#8f8f8f;}
.body-paragraph {margin-bottom:30px;}
.body-paragraph img {float:left; margin:0 45px 0 0px;}
.body-paragraph ul {float:left; width:380px; margin:0;}
.body-paragraph ul a {display:block; margin-top:5px; margin-left:6px;}
.body-paragraph ul .waterdrop {margin:0;}
p.green17 {color:#6A9F10;font-size:17px;line-height:22px;}
.fade-border {margin-bottom:25px;}
ul.arrow,ul.arrow-red {list-style-type:none;}
ul.arrow li {padding-left:13px;background:url(/savewater/common/images/bullet-arrow.gif) 0 8px no-repeat;}
ul.arrow-red li {padding-left:13px;background:url(/savewater/common/images/bullet-link.gif) 0 2px no-repeat;}
ul.arrow-red li img {float:right;}
a.copy {text-decoration:underline;color:#6A9F10;}
a:hover.copy {text-decoration:none;}
.small {font-size:11px;}
.notes {font-size:9px;}
sup {vertical-align:text-top;font-size:70%;}
.right {float:right;}

/* background set up */
body.ie7, body.ie0	{margin:0; background:url(/savewater/common/images/bg.gif) #afc8da repeat-x}
body.ie6	{margin:0;background-color: #afc8da }

/* ie 6 pngfix */
.ie6 div.spiff-home, .ie6 .png { behavior: url(/savewater/common/js/iepngfix.htc) }

li.one {background:transparent url(/savewater/common/images/bullet-waterdrop-1.jpg) no-repeat;}
li.two {background:transparent url(/savewater/common/images/bullet-waterdrop-2.gif) no-repeat;}
li.three {background:transparent url(/savewater/common/images/bullet-waterdrop-3.gif) no-repeat;}
li.four {background:transparent url(/savewater/common/images/bullet-waterdrop-4.gif) no-repeat;}
li.five {background:transparent url(/savewater/common/images/bullet-waterdrop-5.gif) no-repeat;}
li.six {background:transparent url(/savewater/common/images/bullet-waterdrop-6.gif) no-repeat;}
li.seven {background:transparent url(/savewater/common/images/bullet-waterdrop-7.gif) no-repeat;}
li.eight {background:transparent url(/savewater/common/images/bullet-waterdrop-8.gif) no-repeat;}
li.nine {background:transparent url(/savewater/common/images/bullet-waterdrop-9.gif) no-repeat;}
li.ten {background:transparent url(/savewater/common/images/bullet-waterdrop-10.gif) no-repeat;}
li.one,li.two,li.three,li.four,li.five,li.six,li.seven,li.eight,li.nine,
li.ten {list-style-type:none;background-position:0 -9px;padding:10px 0 9px 51px;margin:0 0 0 17px;}
li.waterdrop {background:transparent url(/savewater/common/images/bullet-waterdrop.gif) no-repeat 0 -3px;list-style-type:none;padding:0 0 9px 31px;margin:0 0 0 17px;}


/* Center aligned canvas spanning page top to bottom */
div#main,div#main-bottom-content{margin:0pt auto;width:959px;background:transparent;}
div#main {border-top:#2f4484 solid 4px;}
#logo {padding:40px 0px 0px 35px;float:left;}
#header {width:951px;margin-bottom:2px;background-color:#fff;position:relative;z-index:1000;}
#content {position:relative;z-index:900;width:951px;}
.ie7 div#main-bottom, .ie0 div#main-bottom {height:120px;background:url(/savewater/common/images/bg-shadow-bot.png) center bottom no-repeat;}
.ie6 div#main-bottom{height:120px;background:url(/savewater/common/images/bg-shadow-bot.gif) center bottom no-repeat;}
div#main-bottom-content{float:left;}
div#inner,div#inner-home{width:951px;margin:0 4px;}
div#inner{background: #ffffff url(/savewater/common/images/bg-main-fade-inner.gif) center bottom no-repeat;}
.ie7 div#shadow, .ie0 div#shadow {background: url(/savewater/common/images/bg-shadow-top1.png) center repeat-y;}
.ie6 div#shadow {background: url(/savewater/common/images/bg-shadow-top1.gif) center repeat-y;}
div#shadow-fade{margin:0pt auto;}
div#shadow-fade-home{height:652px;margin:0 auto 10px auto;background: transparent url(/savewater/common/images/bg-main-fade.png) center top no-repeat;}
div#wrapper{margin:0pt auto;width:100%;margin:0pt auto;}

/* footer */
div#footer {margin:auto;width:941px;position:relative;top:-7px;left:0;font-size:12px;margin-bottom:10px;padding-left:10px;}
#footer-links {color:#afafaf}
#footer-links a {font-size:12px;text-decoration:none;color:#3d5fac;}
#footer-links a:visited {color:#3d5fac;}
#footer-links  a:hover {text-decoration:underline;color:#3d5fac;}
#footer-sub-links a,#footer-sub-links span {font-size:11px;text-decoration:none;color:#8D8D8D}
#footer-sub-links a:visited {color:#8D8D8D;}
#footer-sub-links  a:hover {text-decoration:underline;color:#8D8D8D;}
.logo-watersense {float:right;}

/* homepage spiffs */
#focus-area {margin:2px 0 0 20px;}
.ie6 #focus-area {margin:2px 0 0 10px;}
.spiff-home { background:url(/savewater/common/images/bg-spiff-home.png) no-repeat; height:144px;width:279px;float:left;padding:2px; margin:0 11px;position:relative;}
.spiff-home-content {padding:10px 0 0 15px;width:149px;position:absolute;}
.spiff-home-bg {position:absolute;text-align:right;width:272px;}
.spiff-home h3 {color:#629c01;font-size:19px;line-height:21px;margin-left:5px;}
.spiff-home-copy {margin:5px 0px 5px 5px;font-size:11px;line-height:14px;color:#646464}
img.spiff-home { background:transparent; margin:0 11px 4px 11px; padding:0; width:283px; height:144px; position:relative; }
img.spiff-home-wide { background:transparent; margin:0 11px 4px 11px; padding:0; width:589px; height:144px; position:relative; }

.nonav {margin-top:92px;}
.spiff {background:url(/savewater/common/images/bg-spiff.png) no-repeat ; float:right;padding:2px;margin-right:25px;margin-bottom:10px;clear:right;}
.spiff-bg-on { position:absolute; margin-left:-2px; margin-top:-2px; }
.spiff div.spiff-bg,.spiff div.spiff-content { margin-right:0;}
.spiff-content {padding:10px 0 120px 15px;width:135px;position:absolute;}
.spiff-bg {position:absolute;text-align:right;width:243px;}
.spiff h3 {color:#629c01;font-size:14px;line-height:16px;margin-left:5px;}
.spiff-copy {margin:5px 0px 5px 5px;font-size:11px;color:#646464;line-height:14px;}
img.spiff { background:transparent; padding:0 4px 4px 0;  }

/* nav */
#navigation {margin-right:28px;}
#main-nav {height:42px; width:600px;position:relative;float:right;margin-top:1px;}
#main-nav-shell {position:absolute;top:1px;left:0;background:url(/savewater/common/images/nav-bar.png); height:42px; width:598px;}
#main-nav-container {position:absolute;top:0;left:0;height:30px; width:592px;margin:5px;}
#main-nav-container a.mainnav-link {height:30px; float:left;display:block;padding:0px 8px 0px 8px;border:0;margin:0;text-decoration:none;color:#081743;font-weight:bold;font-size:12px;font-family:Arial;text-align:center;}
#main-nav-container a.mainnav-link.active {color:#276e00; margin-top:-1px;padding-top:1px;}
#main-nav-container a.mainnav-link span {line-height:27px;vertical-align:middle;top:1px;}
#main-nav-container a#nav-commitment {width:118px}          
#main-nav-container a#nav-savewater {width:110px;}
#main-nav-container a#nav-products {width:132px;padding-right:7px;}
#main-nav-container a#nav-watersense {width:76px;}
#main-nav-container a#nav-calgreen {width:76px;}
#main-nav-container a.active#nav-commitment {background:url(/savewater/common/images/nav-bar-on.gif) no-repeat}
#main-nav-container a.active#nav-savewater {background-image:url(/savewater/common/images/nav-bar-on.gif);background-repeat: no-repeat;background-position:-134px 0;}
#main-nav-container a.active#nav-products {background-image:url(/savewater/common/images/nav-bar-on.gif);background-repeat: no-repeat;background-position:-260px 0;}
#main-nav-container a.active#nav-watersense {background-image:url(/savewater/common/images/nav-bar-on.gif);background-repeat: no-repeat;background-position:-407px 0;}
#main-nav-container a.active#nav-calgreen {background-image:url(/savewater/common/images/nav-bar-on.gif);background-repeat: no-repeat;background-position:-505px 0;padding-right:8px;}
.nav-element {position:relative;float:left;}
.nav-element div {position:absolute;top:28px;left:1px;width:146px; display:none;}
div.subnav-last { left:-51px;}
div.subnav-first { left:0px;}
.nav-element div a {width:135px;padding-left:11px;line-height:12px;height:14px;font-size:12px;color:#d2e7aa;background:url(/savewater/common/images/bg-subnav.gif)}
.nav-element div a:hover {color:#ffffff;}
.nav-element div a, .nav-element div img {display:block;float:left;}

/* Utility Nav */
#utility-nav { width:517px;height:20px;position:relative;float:right;margin-top:22px;}
#utility-nav span {float:right;display:block;width:310px;margin-top:5px;}
#utility-nav span img {margin-left:13px;}
#utility-nav span a {margin-left:3px;font-family:Helvetica,Arial, Verdana, sans-serif;;}
#utility-nav span a,#utility-nav span img {float:left;line-height:12px;vertical-align:top;font-size:10px;text-decoration:none;color:#5b9000;text-transform:uppercase;}
#utility-nav span a:hover {text-decoration:underline;}
#search {float:left;}
#search-box {width: 185px;height: 20px;background: url(/savewater/common/images/bg-search-box.gif);float:left;}
#search-box #search-text {float: left;padding: 0;margin: 4px 0 0 3px;border: 0;width: 154px;background: none;font-size:10px;}
#search-box #search-go {float: right;margin: 0px 0 0 0;}

/* bread */
#breadcrumbs {font-size:9px;color:#646464;}
#breadcrumbs a {color:#646464}
#breadcrumbs a:hover {color:#6A9F10;text-decoration:none;}

#title {margin-top:18px;margin-bottom:11px;}
#left-wrapper-commitment #title {margin-top:18px;margin-bottom:18px}
.doubleTitle h1 {display:inline;width:251px;}
.doubleTitle h2 {display:inline;width:200px; font-style:italic;}


#main-content {margin-top:15px;}
#left-wrapper {float:left;width:584px;padding:0 32px 0 34px;margin:84px 14px 0 0;background:url(/savewater/common/images/border-dot.gif) repeat-y right;position:relative;}
#left-side {position:relative;top:-70px;}
#right-side{float:left;width:287px;overflow:hidden;}
#right-side #splash-image {margin-top:212px;margin-left:6px;}
.backlinks {float:left;font-size:11px;line-height:15px;margin:0;padding:0;border:0}
.movelinks {float:right;font-size:11px;line-height:15px;margin:0;padding:0;border:0}
.bottom-divided {border-bottom:1px solid #e1e1e2;padding-bottom:10px;margin-bottom:5px;}

.watersense-splash {margin:130px 0 0 6px; }

#quicklinks {float:right;margin-right:33px;}
#ql-wrap{position:relative;z-index:20;}
#quicklinks div#ql-link{background:url(/savewater/common/images/bg-quicklinks.png) repeat-y;width:249px;  }
#quicklinks img.splash{position:absolute;right:0px;z-index:25;}
#quicklinks div#ql-top{background:url(/savewater/common/images/quicklinks-top.png) no-repeat;width:249px;height:14px;margin-top:83px; }
#quicklinks div#ql-bottom{background:url(/savewater/common/images/quicklinks-bottom.png) no-repeat;width:249px;height:14px;margin-bottom:23px;  }
#quicklinks div.ql-divider{background:url(/savewater/common/images/quicklinks-divider.png) no-repeat;width:249px;height:19px;  }
#quicklinks div a {font-size:15px;color:#081743; display:block;line-height:15px;font-weight:bold;text-decoration:none;margin-left:20px;padding-left:11px;background:url(/savewater/common/images/bullet-arrow-green.gif) 0 4px no-repeat;}
#quicklinks div a.active,#quicklinks div a:hover {color:#6a9f10; text-decoration:underline;}

#prod-photo {height:376px;border:1px solid #e1e1e2; width:301px;text-align:center;float:left;margin:3px 7px 0 0; }
#prod-photo table { width:300px; height:349px; border-collapse:collapse; border-spacing:0; }
#prod-photo table td { vertical-align:middle; text-align:center; }
#prod-photo .left-option,#prod-photo .right-option {float:left;border:1px solid #e1e1e2;height:20px;padding-top:6px;}
#prod-photo .left-option{width:150px;border-width:1px 1px 0 0;}
#prod-photo .right-option{width:150px;border-width:1px 0 0 0;}
.ie7 #prod-photo .middlemaker,.ie0 #prod-photo .middlemaker {font-size:0px;display:inline-block;width:0px;line-height:0px;}
.ie6 #prod-photo .middlemaker {font-size:0px;display:inline-block;height:350px;}
#prod-details {float:left;width:258px;}
#prod-details .bordered {border-bottom:1px solid #e6e6e7}
#prod-details .bordered, #prod-details .notbordered {padding:5px 0px 5px 10px;}
#prod-details .bordered .iconfloat, #prod-details .notbordered .iconfloat {display:inline-block;width:24px;}
#prod-details .iconfloat, #prod-details .redlinkt {line-height:15px;}

.tab {position:relative;z-index:100;float:left;margin-right:4px;background-color:#beced6;border:1px solid #beced6;border-bottom:1px solid #e1e1e2;}
.tab-active {border:1px solid #e1e1e2;border-bottom:1px solid #ffffff;background-color:#ffffff;}
.tab a {position:relative;top:-1px;left:-1px;display:block; height:30px;background: url(/savewater/common/images/tab-corner-blue.gif) top left no-repeat;text-decoration:none;font-size:11px;color:#000;}
.tab-active a {background: url(/savewater/common/images/tab-corner-white.gif) top left no-repeat;}
.tab a span {display:block;float:left;margin:4px 4px 0 9px;line-height:12px;}
.tab-info,.tab-event-info {display:none;overflow:hidden;}
.tab-info div.tab-info-inner {margin:16px;}
.tab-info.active ,.tab-info-active,.tab-event-info.active {display:block;}


.tab-box-content {float:left;position:relative;z-index:50;top:-1px;border:1px solid #e1e1e2;background-color:#ffffff}
.tab-container {width:100%;overflow:hidden;}
.tab-last {margin-right:0;}
.tab-info ul {margin:15px 8px 0;}
#tab-box {width:565px;margin-top:10px;float:left;overflow:hidden;}
#tab-box .tab {width:134px;}
#tab-box .tab a {width:130px;}
#tab-box-content {width:562px;}

#tab-box-content ul.dot li{margin-left:80px;margin-right:16px;}
.tab-info-header {background-color:#ededed;width:560px;height:22px;border:1px solid #ffffff;}
.tab-info-header span {line-height:22px;margin-left:16px;color:#000;}

#tab-box-small {width:258px;margin-top:3px;float:left;overflow:hidden;}
#tab-box-small .tab {width:80px;}
#tab-box-small .tab a {width:80px;}
#tab-box-content-small {width:256px;}
#tab-box-small .tab-info {height:126px;overflow:auto;width:256px;}

#colorGridText {margin:9px 0 0 10px;}
#colorGridColors {margin:6px 0 1px 2px;}
#tab-box-results {width:578px;margin-top:10px;float:left;overflow:hidden;}
#tab-box-results .tab {width:134px;}
#tab-box-results .tab a {width:130px;}
#tab-box-content-results {width:576px;}
#tab-box-content-results .tab-info {padding:0 5px 0 5px;}

/** Tabs for events **/
#tab-events     {width:581px;margin-top:10px;overflow:hidden;float:left;}
#tab-events .tab {width:134px;}
#tab-events .tab a {width:130px;}
#tab-event-results {width:578px;}
#tab-event-results .tab-info {padding:0 5px 0 5px;}

#tab-box-content .greyPane {float:left;height:auto;margin:0 0 24px 10px;width:auto;}
#tab-box-content .greyPaneTop {background:transparent url(/common/images/detailGreyPaneTop.gif) no-repeat scroll left top;height:6px;line-height:0;width:266px;margin-top:16px;}
#tab-box-content .greyPaneContent {height:175px;background-color:#F3F4F5;width:266px;}
#tab-box-content .greyPaneContent div.heading {color:#333333;font-size:10px;font-weight:bold;padding:7px 0 0 15px;}
#tab-box-content .greyPaneContent div {padding:15px 10px 15px 15px;}
a.pdf {background:transparent url(../images/bullet-pdf.gif) no-repeat scroll 0 -1px;padding:1px 0 2px 24px;}
#tab-box-content .greyPaneContent a {display:block;margin-bottom:5px;padding-left:22px;line-height:19px;}
#tab-box-content .greyPaneContent table {border-collapse:collapse;border-spacing:0;font-size:11px;height:151px;margin:10px 0 0;width:100%;}
#tab-box-content .greyPaneContent table td {border-style:none;font-size:11px;height:14px;line-height:12px;padding:0 10px;}
#tab-box-content .greyPaneContent table td.col1 {padding-left:25px;height:22px;background-color:#EFF1F3;}
#tab-box-content .greyPaneContent table td.col2 {background-color:#EDEFF1;}
#tab-box-content .greyPaneContent table td.col3 {background-color:#E8EAED;}
#tab-box-content .greyPaneContent table td.heading {height:22px;padding-left:20px;}
#tab-box-content .greyPaneContent table td.spacingBottom {height:100%;line-height:10px;}
#disclaimers {font-size:10px;padding:15px;float:left;clear:both;width:554px;}
#disclaimers p {margin-top:10px;color:#000;}
#local-nav {margin-top:12px;}

a.moreViews {background:transparent url(/common/images/bullet-moreViews.gif) no-repeat scroll 0 1px;font-size:10px;padding:0 0 0 19px;line-h}
a.videos {background:transparent url(/common/images/bullet-video.gif) no-repeat scroll 0 -1px;font-size:10px;padding:0 0 0 19px;}

h3.everydayTips {margin-top:19px;margin-bottom:11px;}
h3.productOptions {margin:22px 0 11px 0;}
ul.htsw-tips {margin-top:25px;width:525px;}

.tabular-clickthru {width:525px;}
.tabular-clickthru td {padding-bottom:21px;}
.tabular-clickthru td img {margin-right:20px;}
.tabular-clickthru td ul li {list-style-type:none;background:transparent url(/savewater/common/images/bullet-dblBlueArrow.gif) no-repeat 0 6px;padding:0 0 2px 11px;}
.tabular-clickthru td ul li a {font-size:18px;color:#081743;text-decoration:none;}
.tabular-clickthru td ul li a:hover {color:#6A9F10;}

.tabular-clickthru-calgreen {width:525px;}
.tabular-clickthru-calgreen td {padding-bottom:21px;}
.tabular-clickthru-calgreen td p {margin-left:18px; font-size: 12px; color: #929191; }
.tabular-clickthru-calgreen td img {margin-right:20px;}
.tabular-clickthru-calgreen td ul li {list-style-type:none;background:transparent url(/savewater/common/images/bullet-singlearrow-green.gif) no-repeat 0 6px;padding:0 0 2px 11px;}
.tabular-clickthru-calgreen td ul li a {font-size:17px;color:#6a9f10;text-decoration:none;}
.tabular-clickthru-calgreen td ul li a:hover {color:#081743;}

.calgreen { font-size: 12px; color: #929191; }
.calgreen-residential-subtitle { float: left; font-size: 12px; color: #6a9f10; padding-top:1px; }
.calgreen-residential-products  { padding: 8px 0 0 18px;  }
.calgreen-residential-sublist { float: left; }
.calgreen-sublist { float: left; width: auto !important; padding-left: 5px; }
.calgreen-sublist li { list-style-type: none; background: none !important; padding-left: 0 !important; padding-bottom: 0 !important; }
.calgreen-sublist li a { font-size: 12px !important; color: #929191 !important; margin: 0; }
.calgreen-sublist li img { margin: 0; }
.calgreen-residential-products img { float: none !important;}


.calgreen-spiff { width: 250px; padding: 25px; color: #929191; line-height: 16px; font-size: 11px; }
.calgreen-spiff-title { width: 120px; font-size: 14px; color: #6a9f10; float: left; }
.calgreen-spiff-copy { padding-top: 5px; }
.calgreen-spiff-copy a { color: #88b240; }


/* Kohelr Commitment Styles */
#left-wrapper-commitment {float:left;width:594px;padding:0 22px 0 34px;margin:84px 14px 0 0;background:url(/savewater/common/images/border-dot.gif) repeat-y right;position:relative;}
#left-wrapper-commitment h5 {margin-bottom:5px;}
#bold-strategy, #bold-examples {width:594px;overflow:hidden;padding-top:25px;}
#bold-strategy h5, #bold-examples h5 {margin-bottom:10px;}
.strategy-row, .example-row {width:650px;}
.strategy-row .strategy-info {float:left;width:185px;padding-right:20px;}
.example-row .example-info {float:left;width:280px;padding:0 25px 15px 0;}
.example-row .example-info img {float:left;margin-right:15px;}
.example-row .example-info p {float:left;width:215px;}
#partner-logos {padding-top:30px;}
#partner-logos img {float:left;margin:5px 45px 0 0;}
#partner-logos img.last {margin-right:0;}



.colorTile ,.colorTileSelected {float:left;margin-top:3px;margin-right:7px;padding:2px;}
.colorTileSelected{background:url(/savewater/common/images/chips/chip-active.gif) no-repeat}
.colorTile div {display:none;}

.product-results-toprow {height:36px;border-bottom:1px solid #cccccc;}
.product-results-bottomrow {height:36px;}
.product-results-pagination {float:right; margin-top:10px;}
.product-results-pagination a {float:left; margin-right:5px;}
.product-results-pagination a.pagelink {display:none; width:12px;font-weight:bold; font-size:11px; text-decoration:none; color:#000000;}
.product-results-pagination a.pagelink.active {font-weight:normal; text-decoration:underline;}
.product-results-pagination img {display:block; float:left; margin-top:2px;}

.product-results {border-spacing:0;border-collapse:collapse;display:none;}
.product-results.active  {display:block;}
.product-results td {width:33%;vertical-align:top;border-bottom:1px solid #cccccc;}
.product-results-cell {padding:40px 7px 40px 7px; color:#000000; font-size:11px;}
.product-results-cell img {display:block;margin:0 auto 5px auto;}
.product-results-cell a {color:#000000; text-decoration:none;}
.product-results-cell a:hover {color:#990000; text-decoration:underline;}

.product-results-cell .logo {float:right;display:inline;margin:5px 25px 0 0;}

.calculator {width:582px;overflow:hidden}
.calculator .div-row,.calculator .results,.calcTotal .results,.calcTotal .results-list, .resulthead, .sectionhead,.calculator .infohead,  .infodrawer {width:570px;float:left;padding-left:12px;text-decoration:none;}
.ie6 .calculator .div-row,.ie6 .calculator .results,.ie6 .calcTotal .results,.ie6 .calcTotal .results-list,.ie6  .resulthead,.ie6  .sectionhead,.ie6 .calculator .infohead,.ie6 .infodrawer {float:none;}
div.col1 {width:281px;height:23px;padding-top:10px;}
div.col2 {width:75px;background:url(../images/border-dot.gif) repeat-y right;height:26px;padding-top:7px;padding-left:7px;}
div.col3 {width:71px;background:url(../images/border-dot.gif) repeat-y right;padding-left:23px;height:23px;padding-top:10px;}
div.col4 {padding-left:23px;height:23px;padding-top:10px;}
.rescalc .resulthead div.col4 {padding-top:2px;color:#6a9f10}
.rescalc .results div.col4 {color:#6a9f10}
div.col5{padding-left:0;text-align:left;}
.results-list div.col5{padding-top:20px;font-weight:bold;color:#818285}
div.col5 a{color:#6a9f10}
.calculator .div-row input {width:60px;}
.calculator .div-row select{width:70px;}
div.col1, div.col2, div.col3, div.col4, div.col5  { float:left;}
.resulthead div.col1{padding-left:0;text-align:center;}
.resulthead div.col2{width:82px;padding-left:0;height:23px;padding-top:10px;text-align:center;}
.resulthead div.col3{width:94px;padding-left:0;text-align:center;}
.resulthead div.col4{width:112px;padding-left:0;text-align:center;}
.calculator .sectionhead {display:block;background:url(../images/sprite-calc-bars.gif) 0 -58px no-repeat;height:23px;padding-top:5px;color:#fff;font-size:13px;font-weight:bold;margin-top:1px;}
.calculator .sectionhead-first-open {background-position:0 -29px;}
.calculator .sectionhead-first-close {background-position:0 0;}
.calculator .sectionhead-open {background-position:0 -87px;}
.calculator .sectiondrawer {overflow:hidden;width:582px;float:left;}
.calculator .section {float:left; width:582px;}
.calculator .section-close {display:none;}
.calculator .infohead {display:block;background-color:#f4f4f4;height:26px;padding-top:5px;color:#6a9f10;font-size:17px;margin-top:25px;}
.infosection div.col2 {background:#fff}
.infodrawer {border-bottom:1px solid #efefef;margin-bottom:1px;}
.infosection .div-row {width:363px;}
.calcTotal .sectionhead {display:block;background:url(../images/sprite-calc-bars-result.gif) 0 -29px no-repeat;height:23px;padding-top:5px;color:#fff;font-size:13px;font-weight:bold;margin-top:1px;}
.calcTotal .sectionhead-first-open {background-position:0 0;}
.calcTotal .ul-result {margin:0;list-style-type:none;}
.btn-row{padding:32px 0 45px 12px;border-top:1px solid #c1c1c1;width:570px; overflow:hidden;margin-top:9px;display:inline-block;}

/*--- sIFR ---*/
.sIFR-flash 							{visibility:visible !important;margin:0;padding:0;}
.sIFR-unloading .sIFR-flash 			{visibility:hidden !important;}
.sIFR-replaced, .sIFR-ignore 			{visibility:visible !important;}
.sIFR-alternate 						{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}
.sIFR-replaced div.sIFR-fixfocus 		{margin:0;padding:0;overflow:auto;letter-spacing:0;float:none;width:570px;float:left;}
.sIFR {}

#flash-container {margin-top:30px;}
#flash-container.rebates-flash {margin-left:-15px;}
.splash-container {position:absolute;right:0;}
#left-wrapper.one-column {width:917px;background:none;}

/* Detail page more views layer */
div#detailMoreViews                                         { display:none; position:absolute; z-index:100; }
div#detailMoreViews #detailMoreViewsWhite                   { width:748px; height:488px; margin:6px; background-color:#ffffff; }
div#detailMoreViews .detailMoreViewsTop                     { width:100%; background-color:#ffffff; padding-bottom:5px;  }
div#detailMoreViews .detailMoreViewsTop div.detailMoreViewsProdName       { float:left; padding:5px 0 0 10px; font-size:11px; }
div#detailMoreViews .detailMoreViewsTop div.detailMoreViewsPrintClose     { float:right; padding:5px 10px 0 0; width:130px; }
div#detailMoreViews .detailMoreViewsTop div.detailMoreViewsPrintClose a   { float:right; display:block; margin-left:20px; cursor:pointer; }
div#detailMoreViews #detailMoreViewsLeft                    { float:left; margin-left:6px; width:354px; height:448px; border:1px solid #e6e6e7; }
* html div#detailMoreViews #detailMoreViewsLeft             { display:inline; width:356px; height:450px; }
div#detailMoreViews .detailMoreViewsPhoto                   { width:100%; height:404px; overflow:hidden; }
div#detailMoreViews .detailMoreViewsPhoto table             { width:100%; height:100%; margin:0; }
div#detailMoreViews .detailMoreViewsPhoto table td          { text-align:center; vertical-align:middle; }
div#detailMoreViews #detailMoreViewsEnlargeBtn              { width:100%; border-top:1px solid #e6e6e7; }
div#detailMoreViews #detailMoreViewsEnlargeBtn a            { display:block; margin:15px 0 0 20px; cursor:pointer; }
div#detailMoreViews #detailMoreViewsRight                   { float:left; display:inline; margin-left:25px; width:360px; height:448px; border-top:1px solid #e6e6e7; overflow:auto; }
* html div#detailMoreViews #detailMoreViewsRight            { display:inline; width:350px; height:450px; }
div#detailMoreViews #detailMoreViewsRight span              { display:block; margin:10px 0 0 2px; }
div#detailMoreViews #detailMoreViewsRight img               { float:left; display:inline; width:125px; height:160px; margin:11px 16px 1px 1px; border:1px solid #e6e6e7; }
div#detailMoreViews #detailMoreViewsRight .detailMoreViewsSelected    { border:2px solid #9a2012; margin:10px 15px 0 0; }
div#detailMoreViews #detailMoreViewsEnlarge                 { display:none; position:absolute; top:0px; left:0px; width:560px; background-color:#ffffff; border:1px solid #e6e6e7; }
div#detailMoreViews #detailMoreViewsEnlarge a               { float:right; display:inline; margin:4px 5px 0 0; cursor:pointer; }
div#detailMoreViews #detailMoreViewsEnlarge table           { clear:both; margin:6px; width:548px; height:466px; }
* html div#detailMoreViews #detailMoreViewsEnlarge table    { height:467px; }
div#detailMoreViews #detailMoreViewsEnlarge table td        { text-align:center; vertical-align:middle; }
div#detailMoreViews #detailMoreViewsEnlarge img             { display:block; }
div#detailMoreViews #detailMoreViewNoAlt                                        { width:555px; margin:6px; background-color:#ffffff; }
div#detailMoreViews #detailMoreViewNoAlt div.detailMoreViewsTop                 { border-bottom:1px solid #e6e6e7; }
div#detailMoreViews #detailMoreViewNoAlt div.detailMoreViewsProdName            { width:400px; }
div#detailMoreViews #detailMoreViewNoAlt .detailMoreViewsPhoto                  { height:auto; }

div.detailLayer                                     { left:34px;top:116px; }
div.detailLayer table                               { border-collapse:collapse; border-spacing:0; border:none; }
div.detailLayer table td                            { border:none; margin:0; font-size:11px; }
div.detailLayer table td.detailLayerContent         {  }
div.detailLayer table td.detailLayerRight           { width:8px; background:url('/common/images/detailShadowRight.png') no-repeat top left; behavior: url("/common/htc/iepngfix.htc"); }
div.detailLayer table td.detailLayerBottom          { height:9px; background:url('/common/images/detailShadowBottom.png') no-repeat top left; behavior: url("/common/htc/iepngfix.htc"); }
.layerColor                         { background-color:#F1F4F8; }
#detailPage a.print {background:transparent url(/common/images/bullet-print.gif) no-repeat scroll 0 -1px;padding:0 0 0 18px;}
div.detailLayer table td.detailLayerCorner          { width:8px; height:9px; background:url('/common/images/detailShadowCorner.png') no-repeat top left; behavior: url("/common/htc/iepngfix.htc"); }

/* End detail page more views layer */


#tab-required                        { padding-top:25px; }
#tab-required .tableContainer        { overflow:hidden; }
#tab-required .tableContainer table tr.extraRelatedProds    {  }
#tab-required .tableContainer .additionalProd               { padding:0 15px 0 15px; }
#tab-required .tableContainer table {border-spacing:0; height:auto; margin:0 0 21px; width:562px;}
#tab-required .tableContainer .additionalProdImg            { text-align:center; }
#tab-required .tableContainer .additionalProdImg img        { display:block; margin:auto; }
#tab-required .tableContainer .additionalProdNum            { margin-top:12px; font-size:11px; }
#tab-required .tableContainer .additionalProdDesc           { font-size:11px; font-weight:bold; }
#tab-required .tableContainer .additionalProdDesc a         { color:#000000; }
#tab-required  .tableContainer .addtocart {margin-top:10px;}
#tab-required div.sectionHead {background-color:#F3F3F3;color:#333333;height:22px;margin:0 0 25px;width:100%;}
#tab-required div.sectionHead div {float:left;font-weight:bold;padding:3px 0 0 15px;}
.sectionHead .showingInfo {font-weight:normal}
.tabMouseOverColor                  { background-color:#DCE6EB; }


/**  Detail page color balloons  **/
#colorBalloon { display:none; position:absolute; top:124px; left:258px; z-index:2000; }
#colorBalloon #colorBalloonContainer { position:absolute; top:-118px; left:-50px; width:250px; height:84px; background-color:#ffffff; border:1px solid #bfced6; }
* html #colorBalloon #colorBalloonContainer	{ width:252px; height:86px; }
#colorBalloon #colorBalloonContainer table { float:left; margin:0 8px 0 8px; height:100%; width:179px; vertical-align:middle; }
* html #detailPage #colorBalloon #colorBalloonContainer table	{ display:inline; }
#colorBalloon #colorBalloonText	{ font-size:11px; }
#colorBalloon #colorBalloonColorChip { position: absolute; float:right; width:auto; height:auto; top: -110px; left: 140px; z-index: 5; }
/*.somethingelse { <!--margin:18px 5px 0 0;--> }*/
#colorBalloon #colorBalloonStem	{ position:absolute; top:-33px; left:0px; width:33px; height:34px; background: url(/common/images/detailColorBubbleStem.png) no-repeat 0px 0px; z-index:4; behavior: url(/common/css/iepngfix.htc) }
#colorBalloon #colorBalloonBase	{ position:absolute; top:-15px; left:-17px; width:34px; height:30px; z-index:4; cursor:pointer; }

ul.sitemap,ul.sitemap ul {list-style-type:none;}
ul.sitemap li {margin-bottom:25px;}
ul.sitemap li ul {margin-left:23px;}
ul.sitemap li ul li{margin-bottom:3px;}
ul.sitemap a {color:#6a9f10;}


/** Events pages **/
#kohlerevents-intro {position:relative;left:0px;min-height:224px;margin-top:20px}
.ie6 #kohlerevents-intro {height:224px;}
#kohlerevents-intro img {position:absolute;left:-34px;}
#kohlerevents-intro p {margin-left:274px;}
ul.kohlerevents-list {margin-top:23px;margin-bottom:14px;}

#title-events {margin-top:12px;margin-bottom:11px;}
.doubleTitle h1 {display:inline;width:251px;}
.doubleTitle h2 {display:inline;width:200px; font-style:italic;}

.event-image-right          {float:right;margin-right:20px;display:inline;}
.location-map               {margin-top: 37px;border:1px solid #E1E1E1;}

#tab-eventInfo {padding-left:15px; padding-top:24px;padding-right:15px;}
.divider        {margin-top:7px;margin-bottom:27px;}

/** Event page **/
.event-details              {padding-bottom:32px;}
.event-heading-textContainer    {width:260px; float:left}
.event-where                {float:left;}
.event-where-additional     {float:left;padding-top:37px;width:250px;}
.event-where h3, .event-whereToBuy h3, .event-plumbers h3
                            {font-size:17px;line-height:22px;padding-bottom:7px;}
.event-where h3.green17, .event-whereToBuy h3.green17, .event-plumbers h3.green17
                            {color:#6A9F10;}
.event-where h3.first, .event-whereToBuy h3.first, .event-plumbers h3.first
                            {margin-top:30px;}
.event-where h3.secondary, .event-whereToBuy h3.secondary, .event-plumbers h3.secondary   
                            {margin-top:18px;}
.event-plumbers p.back-to-top           {margin-top:18px;}
.event-heading              {font-size:14px;font-weight:bolder;color:#2B3960;}
.event-subheading           {margin-top:4px;}
.event-bullets ul.kohlerevents-list     {margin-top:7px;}
.event-bullets ul.kohlerevents-list li  {width:435px;}
.event-whereToBuy               {padding-bottom:24px;}
.event-whereToBuy-location      {margin-top:20px;float:left;width:272px;}
.event-plumber-location         {margin-top:20px;float:left;width:167px;height:100px;padding-right:15px;}
.event-whereToBuy-location .offsite-links    {padding-bottom:20px;}
ul.back-to-top                  {list-style-type:none;}
ul.back-to-top li               {margin-left:13px;background:url(/savewater/common/images/bullet-up-arrow-green.gif) 0 8px no-repeat;}
.event-space                    {margin-top:30px}
.eventMonth li.waterdrop        {display:inline;float:left;width:212px;}

/** Archive section of 'events' **/
.archiveBox                 {background-color:#F4F4F4; width:578px;margin-top:25px;}
.archiveBox li.waterdrop    {display:inline;background-image: url(/savewater/common/images/bullet-waterdrop-grey.gif);margin:0 0 0 24px;float:left;width:206px;}
.archiveBox .month-list     {padding:0 24px;width:530px;}

/** Signup page **/
.signup-header                      {background-color:#F4F4F4; padding:8px 12px 5px 12px;}
.signup-header-underscore           {background-color:#E5E5E5;height:1px;line-height:1px;}
.signup-header p.copy               {color:#6A9F10;font-size:18px;}

.signup-input-container             {padding:8px 0 9px 0;}
.signup-container div.button-container  {margin-top:30px;}
.signup-container div.button        {width:80px;margin-right:14px;float:left;}
.signup-input-fields                {width:316px;float:left;padding:6px 0 0 0}
.signup-input                       {margin:0 0 7px 11px;font-size:11px;}
.signup-input img                   {margin-left:3px;margin-bottom:8px;}
.signup-input div.label-container   {float:left; width:130px;padding:6px 0 0 0;}
.signup-input input.text-standard, .signup-input input.text-short   {width:143px;border:1px solid #E7E7E7;}
.signup-input input.text-short      {width:60px;}
#signup-divider                     {float:left}
.signup-input-checkboxes            {float:left;padding:6px 0 0;}
.checkbox-container                 {width:263px;margin-bottom:11px;}
.checkbox-container div.signup-checkbox     {margin-left:28px;float:left;display:inline;}
.checkbox-container div.checkbox-label      {width:194px;float:left;font-size:11px;margin-left:12px;line-height:15px;padding-top:1px;}
.signup-input-underscore            {background-color:#EFEFEF;height:1px;line-height:1px;}
.signup-underscore-separator        {background-color:#FFFFFF;height:1px;line-height:1px;border-top:1px solid #EFEFEF;border-bottom:1px solid #CCCDD0;}
.signup-bottom-underscore           {background-color:#CCCDD0;height:1px;line-height:1px;}

.signup-confirm-text                {font-size:11px;}
.signup-confirm-header              {color:#8F8F8F;margin-bottom:12px;}
.signup-confirm-text #privacy-statement {color:#990000}
#confirmation-browse-products h2    {font-size:17px;margin-top:29px;}
.confirmation-browse-list           {margin-top:16px;}
.confirmation-browse-list li        {line-height:13px;padding-bottom:6px;padding-left:19px;list-style-type:none;font-size:11px;background:transparent url(/savewater/common/images/bullet-arrow-green.gif) no-repeat 0 5px;}