/* ELEMENTS */
#main { margin: 26px 44px 26px 110px; }

/* PRODUCTMENU */
ul#productmenu { width: 750px; float: left; display: inline; }
ul#productmenu li { width: 200px; height: 124px; margin: 0 45px 15px 0; display: inline-block; position: relative; white-space: nowrap; }
ul#productmenu a { font: 13px Arial, Helvetica, Verdana, sans-serif; font-weight: bold; line-height: normal; color: #fff; text-decoration: none; padding: 4px 2px 0 2px; display: block; z-index:10; }
ul#productmenu img { margin: 4px 0 -3px 0; position: absolute; left: 0; z-index:10; }
ul#productmenu li:hover, ul#productmenu li.over, ul#productmenu li.current { background: url(../main/images/productmenu-bg.png); }

/* PRODUCTSUBMENU'S */
ul#productmenu ul { width: 200px; background: url(../main/images/productmenu-bg.png); position: absolute; top: 100%; left: 0; z-index: 100; }
ul#productmenu ul li { height: auto; margin: 0; display: block; z-index:100; }
ul#productmenu ul a { font-size: 10px; padding: 5px; z-index:100; }
ul#productmenu ul li:hover, ul#productmenu ul li.over, ul#productmenu ul li.current { background: #6a81a2; z-index:100; }

/* Fix IE. Hide from IE Mac \*/
ul#productmenu li { float: left; }
ul#productmenu li a { height: 1%; z-index:10; }
/* End */

ul#productmenu ul, ul#productmenu ul ul, ul#productmenu ul ul ul, ul#productmenu ul ul ul ul,
ul#productmenu li:hover ul ul, ul#productmenu ul li:hover ul ul, ul#productmenu ul ul li:hover ul ul, ul#productmenu ul ul ul li:hover ul ul { display: none; z-index:300; }

ul#productmenu li:hover ul, ul#productmenu ul li:hover ul, ul#productmenu ul ul li:hover ul, ul#productmenu ul ul ul li:hover ul { display: block; z-index:300; }
ul#productmenu li.over ul, ul#productmenu ul li.over ul, ul#productmenu ul ul li.over ul, ul#productmenu ul ul ul li.over ul { display: block; z-index:300; }

#colRight { width: 388px; float: right; display: inline; }