.productpicture {border: 0; width: 100px; height: 100px; float: left; margin: 5px;}table {text-align: left;}.prodhead, .prodhead a {font-size: 14px; font-weight: bold; color: #a00;}.shoplink {clear: both;}.pheadline {color: #fff; background: #a00; font-size: 16px; padding: 3px;}.justify {text-align:justify;}.price1{font-weight: bold; vertical-align: top; color: #000; font-size: 11px; margin-right: 8px;}.price2{font-weight: bold; color: #c00; font-size: 20px;}select {width: 122px;}/* style the outer div to give it width */.menu {width:155px !important;height:20px;font-size:0.85em;}/* remove all the bullets, borders and padding from the default list styling */.menu ul {padding:0;margin:0;list-style-type:none;}.menu ul ul{width:150px !important;}/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */.menu li{float:left;width:150px !important;position:relative;}/* style the links for the top level */.menu a, .menu a:visited{display:block;font-size: 10px;text-decoration:none; color:#fff; width:143px !important; height:17px; border:1px solid #a00; background:#a00; padding-left:10px; line-height:16px;}/* a hack so that IE5.5 faulty box model is corrected */* html .menu a, * html .menu a:visited{width:150px;w\idth:139px;}/* style the second level background */.menu ul ul a.drop, .menu ul ul a.drop:visited{background:#a00;}/* style the second level hover */.menu ul ul a.drop:hover{background:#500;}.menu ul ul :hover > a.drop{background:#500;}/* style the third level background */.menu ul ul ul a, .menu ul ul ul a:visited{background:#a00;}/* style the third level hover */.menu ul ul ul a:hover{background:#500;}.menu ul ul ul :hover > a{background:#500;}/* style the table so that it takes no part in the layout - required for IE to work */.menu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}/* 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;left:155px; width:150px;}* html .menu ul ul{bottom:-1px;}/* position the third level flyout menu */.menu ul ul ul{left:165px; bottom:0;width:150px;}/* position the third level flyout menu for a left flyout */.menu ul ul ul.left{left:-150px;}/* style the second level links */.menu ul ul a, .menu ul ul a:visited{background:#a00; color:#fff; height:auto; line-height:1em; padding:2px 10px; width:129px/* yet another hack for IE5.5 */}* html .menu ul ul a{font-size: 10px;width:150px;w\idth:129px;}/* style the top level hover */.menu a:hover, .menu ul ul a:hover{color:#fff;font-size: 10px;background:#500;}.menu :hover > a, .menu ul ul :hover > a{color:#fff;font-size: 10px;background:#500;}/* make the second level visible when hover on first level list OR link */.menu ul :hover ul{visibility:visible;height:auto;}/* keep the third level hidden when you hover on first level list OR link */.menu ul :hover ul ul{display:none;}/* keep the fourth level hidden when you hover on second level list OR link */.menu ul :hover ul :hover ul ul{display:none;}/* make the third level visible when you hover over second level list OR link */.menu ul :hover ul :hover ul{ display:block;bottom:0;}/* make the fourth level visible when you hover over third level list OR link */.menu ul :hover ul :hover ul :hover ul{ display:block;bottom:0;}