ul.industries { font-family:arial, helvetica, sans-serif; font-size:13px; color:#7c6d64; list-style:none; padding:0 25px 0 0; margin:0 0 0 30px; width:300px; } ul.industries li { padding:19px 5px 21px 40px; text-transform:uppercase; } ul.industries li:hover { padding:19px 5px 21px 40px; text-transform:uppercase; } ul.industries li a { font-family:arial, helvetica, sans-serif; font-size:13px; line-height:13px; color:#7c6d64; list-style:none; text-decoration:none; font-weight:normal; } ul.industries li.first-item { border-bottom:1px solid #ffffff; padding:0; } ul.industries li.previous { border-bottom:1px solid #7c6e65; } /* Icon styles */ li#construction { background: url(../images/icons-residential-blue.png) #ffffff no-repeat; } li#construction:hover { background: url(../images/icons-residential-brown.png) #fbe582 no-repeat; } li#pet-care { background: url(../images/icons-pets-blue.png) #ffffff no-repeat; } li#pet-care:hover { background: url(../images/icons-pets-brown.png) #fbe582 no-repeat; } li#environmental { background: url(../images/icons-conservation-blue.png) #ffffff no-repeat; } li#environmental:hover { background: url(../images/icons-conservation-brown.png) #fbe582 no-repeat; } li#data { background: url(../images/icons-data-blue.png) #ffffff no-repeat; } li#data:hover { background: url(../images/icons-data-brown.png) #fbe582 no-repeat; } li#commerce { background: url(../images/icons-commerce-blue.png) #ffffff no-repeat; } li#commerce:hover { background: url(../images/icons-commerce-brown.png) #fbe582 no-repeat; } li#gaming { background: url(../images/icons-gaming-blue.png) #ffffff no-repeat; } li#gaming:hover { background: url(../images/icons-gaming-brown.png) #fbe582 no-repeat; } li#restaraunts { background: url(../images/icons-restaraunts-blue.png) #ffffff no-repeat; } li#restaraunts:hover { background: url(../images/icons-restaraunts-brown.png) #fbe582 no-repeat; } li#publishing { background: url(../images/icons-publishing-blue.png) #ffffff no-repeat; } li#publishing:hover { background: url(../images/icons-publishing-brown.png) #fbe582 no-repeat; } li#water-conservation { background: url(../images/icons-water-blue.png) #ffffff no-repeat; } li#water-conservation:hover { background: url(../images/icons-water-brown.png) #fbe582 no-repeat; } li#supply { background: url(../images/icons-supply-blue.png) #ffffff no-repeat; } li#supply:hover { background: url(../images/icons-supply-brown.png) #fbe582 no-repeat; } li#it-consulting { background: url(../images/icons-it-blue.png) #ffffff no-repeat; } li#it-consulting:hover { background: url(../images/icons-it-brown.png) #fbe582 no-repeat; } /* Vertical Mega Menu Styles */ .mega-menu{ position: relative; /* Required */ } .mega-menu li a { display: block; margin:0; padding: 0; } .mega-menu li { border-top:1px solid#ffffff; border-bottom:1px solid #86c1d4; } .mega-menu li:hover, .mega-menu li.mega-hover { background: #fbe582; border-top:1px solid #fbe582; border-bottom:1px solid #7c6e65; } .mega-menu li a.dc-mega { position: relative; } /* Add arrow icon to parent links */ .mega-menu li a .dc-mega-icon { display:none; } /* Mega menu container */ .mega-menu li .sub-container { position: absolute; /* Required */ background: none; padding: 0; border:0; padding:3px 25px 0 0; } .mega-menu li .sub-container .sub { background: url(../images/yellow-flyout-bg.png) no-repeat right top; padding:0 45px 0 12px !important; height:93px; list-style:none; } .mega-menu li .sub li { float: none; font-family: Arial. helvetica, sans-serif; font-size: 12px; line-height:12px; font-weight: normal; border:none !important; padding:9px 2px !important; text-transform:none !important; background:url("../images/blue-dashed-line.gif") repeat-x scroll bottom left transparent; white-space: nowrap; } .mega-menu li .sub li:last-child { background:none !important; } .mega-menu li .sub li.mega-hdr { float: left; /* Required */ margin: 0 5px 10px 5px; } .mega-menu li .sub a, .mega-menu.left li .sub a { float: none; display: block; text-decoration: none; color:#333333; margin:0 !important; padding:0 !important; } .mega-menu li .sub li.mega-hdr a.mega-hdr-a { padding: 5px 5px 5px 15px; margin-bottom: 5px; background: #E88221; text-transform: uppercase; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #333; } .mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover { color: #000; text-shadow: none; } .mega-menu .sub li.mega-hdr li a:hover { color: #a32403; background: ; } .mega-menu .sub ul li { padding-right: 0; } /* Styling for menu items with only 2 levels */ .mega-menu li .sub-container.non-mega .sub { padding: 10px; } .mega-menu li .sub-container.non-mega li a:hover { color: #333333; }