/******************************************************************************* NEARLY ANY AND ALL GLOBAL & DEFAULT STYLES ARE SET IN base.css MOST STYLES CAN BE OVERWRITTEN HERE IN style.css NOTES & THINGS TO KEEP IN MIND ABOUT base.css & style.css: ALL MARGINS & PADDING ARE RESET TO EITHER 0 OR A GLOBAL DEFUALT THAT YOU CAN OVERWRITE IN THIS STYLE SHEET FONT-SIZE IS SET TO A DEFAULT OF 12px FONT-COLOR IS SET TO A DEFAULT OF #333, OVER-WRITE THE COLOR BELOW *******************************************************************************/ /* HOMEPAGE NO SCRIPT *******************************************************************************/ #no-flash-backup { position:relative; display:block; width:960px; height:440px; background:url(/assets/images/layout/home/wolfgang_backup.jpg) no-repeat left top; } #no-flash-backup #home-subnav { position:absolute; left:0; top:404px; width:960px; height:36px; } #no-flash-backup #home-subnav a { display:block; float:left; margin-left:37px; height:36px; text-decoration:none; } #no-flash-backup #home-subnav a span { display:none; } #no-flash-backup #home-subnav #recipes { width:48px; } #no-flash-backup #home-subnav #meet-wolfgang { width:104px; } #no-flash-backup #home-subnav #press-room { width:76px; } #no-flash-backup #home-subnav #company-information { width:145px; } #no-flash-backup #home-subnav #careers { width:54px; } #no-flash-backup #home-subnav #contact-us { width:75px; } #no-flash-backup #home-subnav #franchise-opportunities { width:163px; } /* NAVIGATION *******************************************************************************/ .zia-menu li, .zia-menu li a, .zia-menu li span.space { cursor:pointer; } /* MAIN NAV */ #nav-wrap { display:block; width:960px; min-height:164px; padding:0; z-index:100; background:#000; } /* UL */ .mainnav { display:block; float:left; margin:34px 0 0 11px; width:583px; } .mainnav ul { display:none; margin:0; text-align:left; } .mainnav ul ul, .mainnav ul ul ul { background:transparent !important; } .mainnav li.restaurants ul { width:399px; height:385px; background:url(/assets/images/nav/restaurants-1.gif) no-repeat left top; filter:alpha(opacity=97); -moz-opacity:.97; opacity:.97; } .mainnav li.catering-and-events ul { width:399px; height:530px; background:url(/assets/images/nav/catering-and-events-1.gif) no-repeat left top; filter:alpha(opacity=97); -moz-opacity:.97; opacity:.97; } .mainnav li.shop ul { width:399px; height:268px; background:url(/assets/images/nav/shop-1.gif) no-repeat left top; filter:alpha(opacity=97); -moz-opacity:.97; opacity:.97; } /* LI */ .mainnav li { float:left; position:relative; display:block; font-family:arial,verdana,sans-serif; height:36px; z-index:100; } .mainnav li.has-submenu { background:url(/assets/images/nav/arrow.gif) no-repeat 14px top; } .mainnav li.has-submenu:hover, .mainnav li.has-submenu.active { background:url(/assets/images/nav/arrow-active.gif) no-repeat 14px top; } .mainnav li.fine-dining, .mainnav li.locations { background:url(/assets/images/nav/arrow.gif) no-repeat 14px 20px; } .mainnav li.fine-dining:hover, .mainnav li.locations:hover, .mainnav li.fine-dining.active, .mainnav li.locations.active { background:url(/assets/images/nav/arrow-active.gif) no-repeat 14px 20px !important; } .mainnav li.spago, .mainnav li.atlanta { background:url(/assets/images/nav/arrow.gif) no-repeat 14px 20px; } .mainnav li.spago:hover, .mainnav li.atlanta:hover, .mainnav li.spago.active, .mainnav li.atlanta.active { background:url(/assets/images/nav/arrow-active.gif) no-repeat 14px 20px; } /* A */ .mainnav li a { display:block; text-decoration:none; } .mainnav li a:hover { color: #8fd400; } .mainnav li a:hover ul { display:block; } .mainnav li a.mainnav-reservations, .mainnav li a.mainnav-restaurants, .mainnav li a.mainnav-catering, .mainnav li a.mainnav-shop { height:36px; background:url(/assets/images/nav/mainnav.gif); } /* SPAN */ .mainnav li a span.menu-text { display:none; } .mainnav li span.space { position:absolute; top:0; left:0; } .mainnav ul li a span.menu-text { display:block; } /* INITIAL POSITION */ .mainnav li.reservations a { background-position:0px 0px; width:157px; } .mainnav li.restaurants a { background-position:-157px 0px; width:153px; } .mainnav li.catering-and-events a { background-position:-310px 0px; width:202px; } .mainnav li.shop a { background-position:-512px 0px; width:71px; } /* MAINTAIN HOVER ON MAINNAV WHILE ON CHILDREN */ .current { background:url(/assets/images/nav/mainnav.gif); } .mainnav li.reservations:hover a, .mainnav li.reservations a:hover { background-position: 0px -72px !important; background-repeat:no-repeat !important; width:157px; } .mainnav li.restaurants .current, .mainnav li.restaurants:hover a, .mainnav li.restaurants a:hover { background-position: -157px -72px !important; } .mainnav li.catering-and-events .current, .mainnav li.catering-and-events:hover a, .mainnav li.catering-and-events a:hover { background-position: -310px -72px !important; } .mainnav li.shop .current, .mainnav li.shop:hover a, .mainnav li.shop a:hover { background-position:-512px -72px !important; } /* ACTIVE STATES */ .mainnav li.reservations a.active { background-position:-0px -36px; width:157px; } .mainnav li.restaurants a.active { background-position:-157px -36px; width:153px; } .mainnav li.catering-and-events a.active { background-position:-310px -36px; width:202px; } .mainnav li.shop a.active { background-position:-512px -36px; width:71px; } /* DROP DOWNS */ .mainnav ul { position:absolute; top:0; left:0; padding:17px 0 0 0; } .mainnav ul li, .mainnav ul li a, .mainnav ul li span.space { float:none; } /* Sublevel Spacing */ .mainnav ul li { padding:0; width:186px; height:auto; text-align:left; } .mainnav ul li a { display:block; padding:0 0 0 28px; width:156px !important; height:36px; background:none; color:#fff; } .mainnav ul ul li { width:210px; } .mainnav ul ul li a { display: block; padding:0 0 0 28px; width:183px !important; height:23px; } .mainnav ul ul ul li a { display: block; padding:0 0 0 15px; width:130px !important; } .mainnav ul ul { width:360px !important; top:0; } .mainnav ul ul li { margin:0; padding:0; } .mainnav li:hover ul ul ul, .mainnav ul li:hover ul ul { top:0; left:210px; } /* positions second level drop downs horizontally */ /* Font styling */ .mainnav ul li a { text-transform:uppercase; font-weight:bold; font-size:11px; } .mainnav ul ul li a { text-transform:none; font-weight:normal; } /* First Sublevel Display */ .mainnav li:hover ul ul { display:none; top:0; left: 186px; } .mainnav ul li:hover ul { top:0; left: 186px; } /* positions second level drop downs horizontally */ .mainnav li:hover ul ul ul { display:none; } .mainnav li:hover ul, .mainnav li.sfHover ul { display: block; top: 36px; } /* Second Sublevel */ .mainnav ul li:hover ul { display: block; } .mainnav ul li:hover ul ul { display:none; } .mainnav ul ul { padding:0; } /* Third Sublevel Display */ .mainnav ul ul li:hover ul { display:block; } .mainnav ul ul li { position:relative !important; } .mainnav ul ul ul { width:180px !important; position:absolute !important; top:0 !important; } .mainnav li.restaurants ul ul { width:370px !important; background:url(/assets/images/nav/second-column.gif) no-repeat top left !important; } .mainnav li.restaurants ul ul ul { background:none !important; } .mainnav li.catering-and-events ul ul { width:370px !important; background:url(/assets/images/nav/second-column-lg.gif) no-repeat top left !important; } .mainnav li.catering-and-events ul ul ul { width:155px !important; background:none !important; } .mainnav ul { width:580px !important; padding-top:0 !important } .mainnav li.shop ul { width:410px !important; } .mainnav li.shop ul ul { width:215px !important; } .mainnav li.fine-dining, .mainnav li.locations, .mainnav li.cookbooks, .mainnav li.atlanta, .mainnav li.atlanta ul, .mainnav li.spago, .mainnav li.spago ul { padding-top:20px !important; } .mainnav li.casual-dining ul { margin-top:-56px; } .mainnav li.casual-dining ul { margin-top:expression(-59+"px"); } .mainnav li.bistros { margin-top:60px; } .mainnav li.bistros ul, .mainnav li.express ul { margin-top:0; } .bar-and-grille ul li, .bar-and-grille ul li a, .boston ul li, .boston ul li a, .chicago ul li, .chicago ul li a, .st-louis ul li, .st-louis ul li a, .bistros ul li, .bistros ul li a { height:38px !important; } .bar-and-grille ul li a, .boston ul li a, .chicago ul li a, .st-louis ul li a, .bistros ul li a { padding-bottom:7px !important; } .two-line { height:32px !important; } .two-line a { height:37px !important; } .three-line { padding-bottom:8px !important; } .three-line a { padding-bottom:14px !important; } html>body .three-line a { padding-bottom:14px !important; } .four-line a { padding-bottom:40px !important; } .mainnav li li li.los-angeles ul { margin-top:-186px; } .mainnav li li li.los-angeles ul li { } .mainnav li li li.los-angeles ul li a { } .mainnav ul li, .mainnav ul li a { height:expression(36+"px"); } .mainnav ul ul li { height:expression(20+"px"); } .mainnav ul ul li a { height:expression(26+"px"); } html>body .four-line {*padding-bottom:40px !important;} /* .restaurants-menu-lg { width:546px !important; background:url(/assets/images/nav/restaurants-2.gif) no-repeat left top !important; } .catering-events-menu-lg { width:546px !important; background:url(/assets/images/nav/catering-and-events-2.gif) no-repeat left top !important; } .shop-menu-lg { width:546px !important; background:url(/assets/images/nav/shop-2.gif) no-repeat left top !important; } .restaurants-menu-sm { background:url(/assets/images/nav/restaurants-1.gif) no-repeat left top; } .catering-events-menu-sm { background:url(/assets/images/nav/catering-and-events-1.gif) no-repeat left top; } .shop-menu-sm { background:url(/assets/images/nav/shop-1.gif) no-repeat left top; } */ /* tier2-nav */ .tier2-nav { display:block; float:none; margin:0; width:960px; height:36px; z-index:1; } .tier2-nav li { float:left; height:36px; } .tier2-nav li a { display:block; height:36px; text-decoration:none; background:transparent url(/assets/images/nav/subnav.gif); } .tier2-nav li a span.menu-text { display:none; } .tier2-nav li span.space { z-index:1; position:absolute; left:0; top:0; display:block; height:36px; } .tier2-nav li.recipes a { background-position:left top; width:89px; } .tier2-nav li.meet-wolfgang a { background-position:-89px 0; width:146px; } .tier2-nav li.press-room a { background-position:-235px 0; width:119px; } .tier2-nav li.green a { background-position:-354px 0; width:89px; } .tier2-nav li.company-information a { background-position:-443px 0; width:89px; } .tier2-nav li.careers a { background-position:-540px 0; width:96px; } .tier2-nav li.contact-us a { background-position:-636px 0; width:113px; } .tier2-nav li.franchise-opportunities a { background-position:-749px 0; width:218px; } /* Hover */ .tier2-nav li.recipes:hover a, .tier2-nav li.recipes a.active { background-position: 0 -36px; } .tier2-nav li.meet-wolfgang:hover a, .tier2-nav li.meet-wolfgang a.active { background-position: -89px -36px; } .tier2-nav li.press-room:hover a, .tier2-nav li.press-room a.active { background-position: -235px -36px; } .tier2-nav li.green:hover a, .tier2-nav li.green a.active { background-position:-354px -36px; width:89px; } .tier2-nav li.company-information:hover a, .tier2-nav li.company-information a.active { background-position: -443px -36px; } .tier2-nav li.careers:hover a, .tier2-nav li.careers a.active { background-position: -540px -36px; } .tier2-nav li.contact-us:hover a, .tier2-nav li.contact-us a.active { background-position: -636px -36px; } .tier2-nav li.franchise-opportunities:hover a, .tier2-nav li.franchise-opportunities a.active { background-position: -749px -36px; } /* SECTION NAV *******************************************************************************/ #section-nav-wrapper { display:block; margin:0; width:960px; height:58px; } #section-nav-wrapper .section-nav { display:block; margin:0; padding:0; width:960px; height:58px; } #section-nav-wrapper ul li { float:left; margin:0; padding:0; } #section-nav-wrapper ul li a { display:block; height:58px; text-decoration:none; } #section-nav-wrapper ul li a span.menu-text { display:none; } #section-nav-wrapper ul li a span.space { z-index:1; position:absolute; left:0; top:0; } /* Specific to Career, Contact Us, and Company Information*/ #section-nav-wrapper.contact-us, #section-nav-wrapper.careers { width:960px; height:58px; background:transparent url(/assets/images/nav/section-nav/company-info.jpg); background-repeat:no-repeat; } /* Specific to Franchise Opportunities */ #section-nav-wrapper.franchise-opportunities, #section-nav-wrapper.franchise-opportunities a { background:transparent url(/assets/images/nav/section-nav/franchise-opportunities.jpg); background-repeat:no-repeat; } /* Position */ #section-nav-wrapper #franchise-opportunities li.franchise-opportunities a { width:380px; background-position:0 0; } /* Specific to Meet Wolfgang */ #section-nav-wrapper.meet-wolfgang, #section-nav-wrapper.meet-wolfgang a { background:url(/assets/images/nav/section-nav/meet-wolfgang.jpg); background-repeat:no-repeat; } /* Position */ #section-nav-wrapper #meet-wolfgang li.meet-wolfgang a { width:268px; background-position:0 0; } #section-nav-wrapper #meet-wolfgang li.biography a { width:89px; background-position:-268px top; } #section-nav-wrapper #meet-wolfgang li.wolfgang-gives-back a { width:163px; background-position:-357px top; } #section-nav-wrapper #meet-wolfgang li.photos-and-videos a { width:122px; background-position:-520px top; } #section-nav-wrapper #meet-wolfgang li.pucks-playlist a { width:122px; background-position:-647px top; } #section-nav-wrapper #meet-wolfgang li.wolfgang-on-tv a { width:132px; background-position:-769px top; } /* Hover/Active states */ #section-nav-wrapper #meet-wolfgang li.meet-wolfgang:hover a, #section-nav-wrapper #meet-wolfgang li.meet-wolfgang a.active { background-position:0 0; } #section-nav-wrapper #meet-wolfgang li.biography:hover a, #section-nav-wrapper #meet-wolfgang li.biography a.active { background-position:-268px -58px; } #section-nav-wrapper #meet-wolfgang li.wolfgang-gives-back:hover a, #section-nav-wrapper #meet-wolfgang li.wolfgang-gives-back a.active { background-position:-357px -58px; } #section-nav-wrapper #meet-wolfgang li.photos-and-videos:hover a, #section-nav-wrapper #meet-wolfgang li.photos-and-videos a.active { background-position:-520px -58px; } #section-nav-wrapper #meet-wolfgang li.pucks-playlist:hover a, #section-nav-wrapper #meet-wolfgang li.pucks-playlist a.active { background-position:-647px -58px; } #section-nav-wrapper #meet-wolfgang li.wolfgang-on-tv:hover a, #section-nav-wrapper #meet-wolfgang li.wolfgang-on-tv a.active { background-position:-769px -58px; } /* Specific to Catering and Events */ #section-nav-wrapper.catering-events, #section-nav-wrapper.catering-events a { background:url(/assets/images/nav/section-nav/catering-events.jpg); background-repeat:no-repeat; } /* Position */ #section-nav-wrapper #catering-events li.catering-events a { width:297px; background-position:0 0; } #section-nav-wrapper #catering-events li.locations a { width:86px; background-position:-297px 0; } #section-nav-wrapper #catering-events li.destination-events a { width:147px; background-position:-383px top; } #section-nav-wrapper #catering-events li.weddings a { width:86px; background-position:-530px top; } #section-nav-wrapper #catering-events li.realdelicious a { width:175px; background-position:-616px top; } #section-nav-wrapper #catering-events li.about-wolfgang-puck-catering a { width:220px; background-position:-617px top; } #section-nav-wrapper #catering-events li.blog a { width:51px; background-position:-837px top; } /* Hover/Active states */ #section-nav-wrapper #catering-events li.catering-events:hover a, #section-nav-wrapper #catering-events li.catering-events a.active { background-position:0 -58px; } #section-nav-wrapper #catering-events li.locations:hover a, #section-nav-wrapper #catering-events li.locations a.active { background-position:-297px -58px; } #section-nav-wrapper #catering-events li.destination-events:hover a, #section-nav-wrapper #catering-events li.destination-events a.active { background-position:-383px -58px; } #section-nav-wrapper #catering-events li.weddings:hover a, #section-nav-wrapper #catering-events li.weddings a.active { background-position:-530px -58px; } #section-nav-wrapper #catering-events li.realdelicious:hover a, #section-nav-wrapper #catering-events li.realdelicious a.active { background-position:-616px -58px; } #section-nav-wrapper #catering-events li.about-wolfgang-puck-catering:hover a, #section-nav-wrapper #catering-events li.about-wolfgang-puck-catering a.active { background-position:-617px -58px; } #section-nav-wrapper #catering-events li.blog:hover a {background-position: -837px -58px; } /* Specific to Press Room */ #section-nav-wrapper.press-room, #section-nav-wrapper.press-room a { background:transparent url(/assets/images/nav/section-nav/press-room.jpg); background-repeat:no-repeat; } /* Position */ #section-nav-wrapper #press-room li.press-room a { width:206px; background-position:0 0; } #section-nav-wrapper #press-room li.press-releases a { width:120px; background-position:-206px top; } #section-nav-wrapper #press-room li.press-kit a { width:78px; background-position:-326px top; } #section-nav-wrapper #press-room li.media-requests a { width:122px; background-position:-404px top; } #section-nav-wrapper #press-room li.wolfgang-in-the-news a { width:164px; background-position:-526px top; } /* Hover/Active states */ #section-nav-wrapper #press-room li.press-room:hover a, #section-nav-wrapper #press-room li.press-room a.active { background-position:0px -58px; } #section-nav-wrapper #press-room li.press-releases:hover a, #section-nav-wrapper #press-room li.press-releases a.active { background-position:-206px -58px; } #section-nav-wrapper #press-room li.press-kit:hover a, #section-nav-wrapper #press-room li.press-kit a.active { background-position:-326px -58px; } #section-nav-wrapper #press-room li.media-requests:hover a, #section-nav-wrapper #press-room li.media-requests a.active { background-position:-404px -58px; } #section-nav-wrapper #press-room li.wolfgang-in-the-news:hover a, #section-nav-wrapper #press-room li.wolfgang-in-the-news a.active { background-position:-526px -58px; } /* Specific to Recipes*/ #section-nav-wrapper.recipes, #section-nav-wrapper.recipes a { background:transparent url(/assets/images/nav/section-nav/recipes.jpg); background-repeat:no-repeat; } /* Position */ #section-nav-wrapper #recipes li.recipes a { width:130px; background-position:0 0; } #section-nav-wrapper #recipes li.my-recipes a { width:100px; background-position:-130px 0; } /* Hover/Active states */ #section-nav-wrapper #recipes li.my-recipes:hover a, #section-nav-wrapper #recipes li.my-recipes a.active { background-position:-130px -58px; } /* Specific to Restaurants */ #section-nav-wrapper.restaurants, #section-nav-wrapper.restaurants a { background:transparent url(/assets/images/nav/section-nav/restaurants.jpg); background-repeat:no-repeat; } /* Specific to Soups */ #section-nav-wrapper.soups, #section-nav-wrapper.soups a { background:transparent url(/assets/images/nav/section-nav/soups.jpg); background-repeat:no-repeat; } /* Position */ #section-nav-wrapper #soups li.soups_main a { width:100px; background-position:0 0; } #section-nav-wrapper #soups li.organic_soups a { width:112px; background-position:-102px 0; } #section-nav-wrapper #soups li.all_natural_stocks a { width:160px; background-position:-214px 0; } #section-nav-wrapper #soups li.organic_broths a { width:125px; background-position:-376px 0; } #section-nav-wrapper #soups li.soups_faqs a { width:96px; background-position:-499px 0; } #section-nav-wrapper #soups li.contact_wp_soups a { width:140px; background-position:-591px 0; } /* Hover/Active states */ #section-nav-wrapper #soups li.organic_soups:hover a, #section-nav-wrapper #soups li.organic_soups a.active { width:112px; background-position:-102px -58px; } #section-nav-wrapper #soups li.all_natural_stocks:hover a, #section-nav-wrapper #soups li.all_natural_stocks a.active { width:160px; background-position:-214px -58px; } #section-nav-wrapper #soups li.organic_broths:hover a, #section-nav-wrapper #soups li.organic_broths a.active { width:125px; background-position:-376px -58px; } #section-nav-wrapper #soups li.soups_faqs:hover a, #section-nav-wrapper #soups li.soups_faqs a.active { width:96px; background-position:-499px -58px; } #section-nav-wrapper #soups li.contact_wp_soups:hover a, #section-nav-wrapper #soups li.contact_wp_soups a.active { width:140px; background-position:-591px -58px; } /* Position */ #section-nav-wrapper #restaurants li.restaurants a { width:225px; background-position:0 0; } #section-nav-wrapper #restaurants li.fine-dining a { width:99px; background-position:-225px 0; } #section-nav-wrapper #restaurants li.casual-dining a { width:101px; background-position:-324px top; } /* Hover/Active states */ #section-nav-wrapper #restaurants li.restaurants:hover a, #section-nav-wrapper #restaurants li.restaurants a.active { background-position:0px -58px; } #section-nav-wrapper #restaurants li.fine-dining:hover a, #section-nav-wrapper #restaurants li.fine-dining a.active { background-position:-225px -58px; } #section-nav-wrapper #restaurants li.casual-dining:hover a, #section-nav-wrapper #restaurants li.casual-dining a.active { background-position:-324px -58px; } /* Specific to Shop */ #section-nav-wrapper.shop, #section-nav-wrapper.shop a { background:transparent url(/assets/images/nav/section-nav/shop.jpg); background-repeat:no-repeat; } /* Position */ #section-nav-wrapper #shop li.shop a { width:90px; background-position:0 0; } /* Specific to Sitemap */ #section-nav-wrapper.sitemap { background:transparent url(/assets/images/nav/section-nav/sitemap.jpg); background-repeat:no-repeat; } /* Position */ #section-nav-wrapper #sitemap li.sitemap a { width:130px; background-position:0 0; } /* Specific to Company Information */ #section-nav-wrapper.company-info, #section-nav-wrapper.company-info a { background:transparent url(/assets/images/nav/section-nav/company-info.jpg); background-repeat:no-repeat; } /* Specific to Company Information */ #section-nav-wrapper.green, #section-nav-wrapper.green a { background:transparent url(/assets/images/nav/section-nav/green.jpg); background-repeat:no-repeat; } /* Position */ #section-nav-wrapper #company-info li.company-info a { width:335px; background-position:0 0; } /* Specific to Where's Wolf */ #section-nav-wrapper.wheres-wolf { background:transparent url(/assets/images/nav/section-nav/wheres-wolf.jpg); background-repeat:no-repeat; } #section-nav-wrapper #wheres-wolf li a span.space { z-index:1; position:absolute; left:0; top:0; display:block; height:58px; background:transparent url(/assets/images/nav/section-nav/wheres-wolf.jpg); background-repeat:no-repeat; } #section-nav-wrapper #wheres-wolf li.wheres-wolf span.space { background-position:-20px top; } #section-nav-wrapper #wheres-wolf li.wheres-wolf, #section-nav-wrapper #wheres-wolf li.wheres-wolf a, #section-nav-wrapper #wheres-wolf li.wheres-wolf span.space { width:214px; } /* Specific to Sign Up */ #section-nav-wrapper.sign-up { background:transparent url(/assets/images/nav/section-nav/sign-up.jpg); background-repeat:no-repeat; } #section-nav-wrapper #sign-up li a span.space { z-index:1; position:absolute; left:0; top:0; display:block; height:58px; background:transparent url(/assets/images/nav/section-nav/sign-up.jpg); background-repeat:no-repeat; } #section-nav-wrapper #sign-up li.sign-up span.space { background-position:-18px top; } #section-nav-wrapper #sign-up li.sign-up, #section-nav-wrapper #sign-up li.sign-up a, #section-nav-wrapper #sign-up li.sign-up span.space { width:70px; } /* LEFTNAV *******************************************************************************/ /* If this style causes excessive highlighting somewhere, duplicate it and wrap with #shop-tert-nav */ .parent-nav li { margin:0 0 8px 0; } .parent-nav li a { text-decoration:none; text-transform:uppercase; font:normal normal 11px arial; color:#b2b2b2; } .parent-nav li a:hover, .parent-nav li.active a.parent-link, .parent-nav li.active ul.child-nav li.active a.child-link, .parent-nav li.active ul.child-nav li.active ul li a.active { color:#659100 !important; } .parent-nav li ul { display:none; } .parent-nav li.active ul { display:block; margin:3px 0 0 8px; } .parent-nav li li a { text-decoration:none; text-transform:none; color:#b2b2b2; } .parent-nav-title { margin:30px 0 14px 20px; } #three-column #catering-venue-tert-nav { margin:20px 0 0 0; }