.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body, div, image, span, td { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Arial, Sans-Serif; font-size: 12px; }
body { background-color: #CCB692; background-image: url(../images/backgroundGraphic.jpg); background-repeat: repeat-y; }

div { position: relative; }
div.OuterContainer { text-align: left; width: 1024px; }
div.InnerContainer { width: 878px; left: 62px; margin:44px 11px 0px 11px; }
div.KohlerLabsTitle { width: 216px; height: 28px; background-color: #FFFFFF; margin-bottom:18px; }
div.IntroContent { width:682px; margin:33px 0px 39px 23px; }
div.IntroContent h2 { font-weight:normal; font-size:22px; color:#6a82a4; margin: 0px 0px 16px 0px; }
div.Tab { height:26px; width:121px; float:left; }
div.Tab span { position:relative; font-size:10px; color:#3a3a3a; left:9px; top:6px; }
div.Tab img { position:relative; right:8px; bottom:4px; }
div.ActiveTab { background-image:url(../images/activeTab.gif); }
div.ActiveTabText { background:url(../images/navigationDoubleArrowOn.gif) no-repeat scroll 90% 50%; border-width:0px; }
div.InactiveTab { background-image:url(../images/inactiveTab.gif); }
div.InactiveTabText { background:url(../images/navigationDoubleArrowOff.gif) no-repeat scroll 90% 50%; border-width:0px; }
div.TabbedPane { background-color:#e1e8f1; padding-left: 25px; padding-right: 25px; margin-bottom:10px; }
div.TabbedPaneEntry { padding-top:12px; padding-bottom:30px; }
div.TabbedPaneEntryText { float:left; padding:14px 0px 0px 25px; width:240px; height:auto; }
div.TabbedPaneEntryText img { margin-top:15px; }
div.TabbedPaneEntryText p { font-size:11px; line-height:16px; font-weight:normal; color:#313131; margin: 4px 0px 6px 0px; }
div.TabbedPaneEntryScreenShot { float:left; margin:0px; padding:0px; width:261px; }
div.TabbedPaneEntry h3 { font-size:22px; font-weight:normal; color:#6a82a4; border-bottom: 1px solid #BECCDC; margin:0px 0px 14px 0px; padding:0px 0px 14px 0px; }
div.TabbedPaneEntry h4 { font-size:13px; font-weight:bold; color:#313131; margin:0 0 2px }
div.EmailToFriend { float:right;background:transparent url(../images/bullet-link.gif) no-repeat scroll 0% 50%;font-size:11px;font-weight:normal;line-height:16px !important;list-style-type:none;margin-left:10px;padding:5px 6px 0px 10px; }
div.EmailToFriend a { color:#6A82A4; text-decoration:none }

p.IntroCopy { font-size:17px; line-height:22px; color:black; margin: 0px 0px 0px 0px; }

/* Email to Friend Styles - from uskohler */
div#EmailToFriendMain { background:#FFFFFF none repeat scroll 0%; border:9px solid #DCE6EB; padding-bottom:15px; width:375px; }
#logo-popup { margin:23px 0pt 21px 12px; }
div#EmailToFriendTitleBar { background:#DCE6EB none repeat scroll 0%; height:39px; margin:0pt 12px 14px; padding:20px 0pt 10px 12px; width:339px; }
.popup-content-indented { padding:0pt 23px; }
hr { color:#CCCCCC; height:0pt; margin-bottom:9px; margin-top:15px; padding:0pt; width:100%; }
a.copy { color:#990000; text-decoration:underline; }
.red { color:#990000; }
.popup-textbox { border:1px solid #B4B2B2; height:21px; margin-bottom:15px; width:159px; }
.popup-textbox-wide { border:1px solid #B4B2B2; height:21px; margin-bottom:15px; width:328px; }
.popup-area-wide { border:1px solid #B4B2B2; height:135px; margin-bottom:15px; width:328px; }