/* General Styles */
html, body                 								{ height: 100%; margin-bottom:1px; }
body                        							{ margin:0; padding:0; background:#DCD9C8; background-image:url('http://www.kohler.com/services/offsite_ssi/canac//images/bg-dropshadow.gif'); background-position: top center; background-repeat: repeat-y; }

#main                      								{ position:relative; top:0; left:0; background:#FFF; width:944px; min-height: 100%; margin-left: auto; margin-right: auto; text-align: left; }
* html #main                       						{ height: 100%; }

div, form												{ margin:0; padding:0; }


#mainHome												{ width:944px; background-color:#FFF; position:relative; top:0; z-index:1; }

div, td, p												{ font-family:helvetica, arial, verdana, sans-serif; font-size:12px; color:#333; }
a														{ color:#900; text-decoration:none; }
a:href													{ text-decoration:underline; }
a.subHead												{ font-size:10px; }
ul.learnMore											{ margin:0; padding:0; }
ul.pdf													{ margin:0; padding:0; }
a.top													{ font-size:10px; }

h3														{ font-size:15px; color:#333333; font-weight:bold; }

#header													{ width:944px; height:103px; background-color:#474747; /* Safari */ position:relative; top:0; left:0; }
#logo													{ position:absolute; top:14px; left:20px; width:126px; height:53px; }
#logo-print												{ display:none; }
#utility-nav											{ position:absolute; top:12px; right:20px; }
#utility-nav img										{ margin-left:24px; }
#navigation												{ position:absolute; top:82px; left:20px; width:auto; }
#navigation img											{ cursor:pointer; cursor:hand; }
#navigation ul                							{ padding:0; margin:0; }
#navigation ul li             							{ display:inline; color:#FFFFFF; padding:0; margin:0 36px 0 0; }
#navigation ul li a           							{ display:inline-block; }
form                          							{ width:50%; }

#qf														{ position:absolute; top:79px; right:18px; z-index:99; }
* html #qf												{ top:80px; }


#content-area 											{ min-height:460px; }
* htm #content-area										{ height:460px; }
#content												{ padding:0 20px 50px 20px; height:auto; width:904px; }

/* footer in home page with flash */
#footer													{ position:relative; top:0; left:0; border-top:1px solid #E3E3E3; height:101px; width:908px; margin:0 18px; }
#footerHome												{ position:relative; top:0; left:0; border-top:1px solid #E3E3E3; height:101px; width:944px; }
#footer #footer-links									{ position:absolute; top:21px; left:4px; width:500px; }
#footerHome #footer-links				 				{ position:absolute; top:21px; left:22px; width:500px; }
#footer-links span										{ color: #999999; }
#footer-links *											{ color:#333; text-decoration:none; font-size:10px; letter-spacing:0; }
#footer-links a:hover									{ color:#900; }
#footer #copyright										{ position:absolute; top:49px; left:4px; width:500px; font-size:10px; color:#999; letter-spacing:0; }
#footerHome #copyright									{ position:absolute; top:49px; left:22px; width:500px; font-size:10px; color:#999; letter-spacing:0; }
#footer #opinionlab										{ position:absolute; top:21px; right:2px; width:190px; text-align:right; }
#footerHome #opinionlab									{ position:absolute; top:21px; right:18px; width:190px; text-align:right; }
#opinionlab a											{ text-decoration:none; color:#333 !important; font-size:10px; letter-spacing:0; }
#opinionlab a img										{ margin: -1px 8px 0 0 !important; }

.caption												{ font-size:9px; color:#666666; letter-spacing:0; }

/* 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%; }