.image-l {background-color:#fff; display:block; float:left; margin:0 15px 10px 0;padding:0px;}

#captionarea, #messagearea, #info-div {margin:4px 4px 3px; /*border-bottom:1px #fff solid;*/} /* 1px is used to prevent Margin Folding */

#bodycontent {float:right; width:550px;}
#bodyshell {background-color:#ffffff; border-left:182px solid #336633; float:left; zoom:1; margin:0;*position:relative;}

#nav-product {_display:inline; float:left; margin-left:-182px; overflow:hidden; position:relative; width:182px; z-index:100;} /* IE Experiences the pixel doubling bug here. "display: inline;" fixes this. Position Relative and Z-Index are needed for IE in order to display the background colors */

#nav-product ul li a {border-bottom:1px solid #333333; color:#ccffcc; display:block; font-weight:normal; font-family:Helvetica Neue, Tahoma; font-size:13px; height:18px; margin:0; min-height:18px; padding:4px 4px 4px 4px; text-decoration:none;width:182px;}

html>body #nav-product a {height:auto;}

#nav-product ul li a:hover {background-color:#83a338; color:#ffffff;}

#nav-product li {margin:0;}

#nav-product ul {list-style:none;}

 * html #nav-product ul li a {  /* make hover effect work in IE */
	width: 156px;
}
#htmltop, #htmlbottom, #htmltop a, #htmlbottom a{padding:5px;color:#ffffff}

#nav-product ul li a{width:180px; background-color: #336633;}

* html #nav-product ul li a{width:156px; height:100%; overflow:hidden; background-color: #336633; overflow:hidden;}

* html #nav-product { overflow:visible; width:182px; }