.menu { background: transparent; width:110px; margin:0 10px; text-align:center; cursor:pointer; float:left; } .menu .top, .menu .bottom {display:block; background:transparent; font-size:1px;} .menu .b1, .menu .b2, .menu .b3, .menu .b4, .menu .b1b, .menu .b2b, .menu .b3b, .menu .b4b {display:block; overflow:hidden;} .menu .b1, .menu .b2, .menu .b3, .menu .b1b, .menu .b2b, .menu .b3b {height:1px;} .menu .b2 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #eee;} .menu .b3 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #ddd;} .menu .b4 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #aaa;} .menu .b4b {background:#fc0; border-left:1px solid #eee; border-right:1px solid #00e;} .menu .b3b {background:#fc0; border-left:1px solid #ddd; border-right:1px solid #00e;} .menu .b2b {background:#fc0; border-left:1px solid #aaa; border-right:1px solid #00e;} .menu .b1 {margin:0 5px; background:#fc0;} .menu .b2, .menu .b2b {margin:0 3px; border-width:0 2px;} .menu .b3, .menu .b3b {margin:0 2px;} .menu .b4, .menu .b4b {height:2px; margin:0 1px;} .menu .b1b {margin:0 5px; background:#00e;} .menu .boxcontent { display:block; font-family:Arial; background:#fc0; border-left:1px solid #fff; border-right:1px solid #00e; height:20px; } #smenu2 { background: transparent; width:160px; margin-top:6px; text-align:left; float:left; } #smenu2 h1, .menu p {margin:0 10px;} #smenu2 h1 {font-size:2em; color:#fff; letter-spacing:1px;} #smenu2 p {padding-bottom:0.5em;} #smenu2 .top, #smenu2 .bottom {display:block; background:transparent; font-size:1px;} #smenu2 .b1, #smenu2 .b2, #smenu2 .b3, #smenu2 .b4, #smenu2 .b1b, #smenu2 .b2b, #smenu2 .b3b, #smenu2 .b4b {display:block; overflow:hidden;} #smenu2 .b1, #smenu2 .b2, #smenu2 .b3, #smenu2 .b1b, #smenu2 .b2b, #smenu2 .b3b {height:1px;} #smenu2 .b2 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #eee;} #smenu2 .b3 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #ddd;} #smenu2 .b4 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #aaa;} #smenu2 .b4b {background:#fc0; border-left:1px solid #eee; border-right:1px solid #00e;} #smenu2 .b3b {background:#fc0; border-left:1px solid #ddd; border-right:1px solid #00e;} #smenu2 .b2b {background:#fc0; border-left:1px solid #aaa; border-right:1px solid #00e;} #smenu2 .b1 {margin:0 5px; background:#fff;} #smenu2 .b2, #smenu2 .b2b {margin:0 3px; border-width:0 2px;} #smenu2 .b3, #smenu2 .b3b {margin:0 2px;} #smenu2 .b4, #smenu2 .b4b {height:2px; margin:0 1px;} #smenu2 .b1b {margin:0 5px; background:#00e;} #smenu2 .boxcontent { display:block; font-family:Arial; background:#fc0; border-left:1px solid #fff; border-right:1px solid #00e; height:120px; } #smenu2 .boxcontent a { margin-left:8px; } #smenu1 { background: transparent; width:110px; margin-top:6px; text-align:left; float:left; } #smenu1 .top, #smenu1 .bottom {display:block; background:transparent; font-size:1px;} #smenu1 .b1, #smenu1 .b2, #smenu1 .b3, #smenu1 .b4, #smenu1 .b1b, #smenu1 .b2b, #smenu1 .b3b, #smenu1 .b4b {display:block; overflow:hidden;} #smenu1 .b1, #smenu1 .b2, #smenu1 .b3, #smenu1 .b1b, #smenu1 .b2b, #smenu1 .b3b {height:1px;} #smenu1 .b2 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #eee;} #smenu1 .b3 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #ddd;} #smenu1 .b4 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #aaa;} #smenu1 .b4b {background:#fc0; border-left:1px solid #eee; border-right:1px solid #00e;} #smenu1 .b3b {background:#fc0; border-left:1px solid #ddd; border-right:1px solid #00e;} #smenu1 .b2b {background:#fc0; border-left:1px solid #aaa; border-right:1px solid #00e;} #smenu1 .b1 {margin:0 5px; background:#fff;} #smenu1 .b2, #smenu1 .b2b {margin:0 3px; border-width:0 2px;} #smenu1 .b3, #smenu1 .b3b {margin:0 2px;} #smenu1 .b4, #smenu1 .b4b {height:2px; margin:0 1px;} #smenu1 .b1b {margin:0 5px; background:#00e;} #smenu1 .boxcontent { display:block; font-family:Arial; background:#fc0; border-left:1px solid #fff; border-right:1px solid #00e; height:82px; } #smenu1 .boxcontent a { margin-left:8px; } #menus { display:table-row; height:36px; }