.productpicture {border: 0; width: 140px; float: left;}table {text-align: left;}.prodhead, .prodhead a {font-size: 16px; font-weight: bold; color: #7792c7;}.shoplink {font-size: 12px; font-weight: bold; color: #fff; background: #7792c7; padding: 4px;}.pheadline {color: #fff; background: #7792c7; font-size: 20px; padding: 3px;}table {text-align: left;}.menu {z-index:1000;font-size:10px;}/* remove all the bullets, borders and padding from the default list styling */.menu ul {padding:0;margin:0;list-style-type:none;width:152px;}/* hack for IE5.5 */* html .menu ul {margin-left:-16px; ma\rgin-left:0;}/* position relative so that you can position the sub levels */.menu li {position:relative;background:#7792c7;height:165%;margin: 0;}.menu li ul {border-top: #fff;border-left: #fff;border-bottom: #fff;border-right: #fff;background: #7792c7;}/* get rid of the table */.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size: 1em;}/* style the links */.menu a, .menu a:visited {display:block; text-decoration:none;height:164%;line-height:164%;width:154px;color:#fff;text-indent:2px;font-size:10px;margin: 0;}/* hack for IE5.5 */* html .menu a, * html .menu a:visited {background:#7792c7; width:154px; w\idth:154px;}/* style the link hover */* html .menu a:hover {font-size:10px;color:#000; background:#edf1fa;margin: 0;}.menu :hover > a {color:#000;font-size:10px;background:#edf1fa;}/* hide the sub levels and give them a positon absolute so that they take up no room */.menu ul ul {visibility:hidden;position:absolute;bottom:0;/bottom: -16px;left:154px; }* + html .menu ul ul {bottom: -1px;}/* make the second level visible when hover on first level list OR link */.menu ul :hover ul{visibility:visible;}/* keep the third level hidden when you hover on first level list OR link */.menu ul :hover ul ul{visibility:hidden;}/* keep the fourth level hidden when you hover on second level list OR link */.menu ul :hover ul :hover ul ul{visibility:hidden;}/* make the third level visible when you hover over second level list OR link */.menu ul :hover ul :hover ul{ visibility:visible;}/* make the fourth level visible when you hover over third level list OR link */.menu ul :hover ul :hover ul :hover ul { visibility:visible;}* + html .menu li.sub {margin-bottom:-2px;}
