#ddmenu { display:block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align:center; /*Specify the alignment of the whole UL if UL is not width:100%;*/ letter-spacing:normal; margin-top: -25px; width: 500px; } #ddmenu li { height :20px; font-size:16px; display:inline-block; *display:inline; /*for IE6-7*/ position:relative; color:#eee; line-height:46px; /*This determines the height of the menu*/ transition:background-color 0.2s; outline:none; } #ddmenu li.full-width { position: static; } #ddmenu li.over { color:#FFF; } #ddmenu .top-heading { font-weight:bold; white-space:nowrap; margin :3px 17px; color:white; text-decoration:none; display:inherit; outline:0; cursor:pointer; position:inherit; font-size:11px; } /* links of top-heading */ #ddmenu li a, #ddmenu li a:link, #ddmenu li a:hover { color:inherit; } #ddmenu li a:hover { text-decoration:underline; } #ddmenu li a:focus { outline:1px dotted #09F; } /* caret(arrow icon) */ #ddmenu i.caret { margin-top: 1px; color:black; left:-12px; width: 0; height: 0; overflow:hidden;/*for IE6*/ vertical-align:middle; margin-bottom:2px; border-top: 4px solid;/*caret size is 4px now*/ border-right: 4px solid transparent; border-left: 4px solid transparent; display: inline-block; position:relative; } /* sub-menu layout ----------------------------*/ #ddmenu .dropdown { width:auto; left:0px; color:#000; padding:0;margin:0;display:none;position:absolute; top:100%; border:1px solid rgba(255,255,255,0.35); border-top:none; border-radius:2px; background-color:rgba(0,0,0,0.1); background-color:#ccc \9;/*fallback for old IE*/ } #ddmenu li.full-width .dropdown { width:100%; padding:0; margin:0; margin-left:-1px; /*Set to 0 if UL has no border*/ } #ddmenu .offset300 { left:-300px;right:auto; } #ddmenu .right-aligned { left :auto; right:0px; } #ddmenu li.over .dropdown { display:block; } #ddmenu .dd-inner { text-align:center; padding:15px; margin:16px; background-color:#FFF; white-space:nowrap; font-size:13px; line-height:1.35; } /* links in sub menu ----------------------------*/ #ddmenu .dropdown a { color:#000; line-height:15px; text-decoration:none; padding:0; } #ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus { text-decoration:underline; color:#09F; } /* blocks within the sub-menu -----------------------------*/ #ddmenu div.column { text-align:left; vertical-align:top;/*or middle*/ display:inline-block; *display:inline;*zoom:1; white-space:normal; width:auto;min-width:170px; padding:0 20px; border-right:1px solid #999; } #ddmenu div.dd-inner div:last-child { border-right:none; } #ddmenu div.column h3 {text-transform:uppercase;} #ddmenuLink {display:none;}