#Nav { position: relative; background: url(../img/nav/nav-sm/nav_bg.gif) no-repeat; height: 22px; z-index: 100; } #Nav ul { position: relative; margin: 0; padding: 0; list-style: none; clear: both; height: 22px; display: inline; } #Nav ul li { position: relative; float: left; margin-left: -2px; } #NavMain li#N_home { margin-left: 0px; } #Nav ul li a { position: relative; display:block; text-indent:-99999px; outline:none; height:22px; background-position:top left; background-repeat:no-repeat; color:#000; } #Nav ul li ul { position: absolute; top: 22px; left: 2px; z-index: 101; background: none; background-color: #535353; background-color: #000000; background-repeat: no-repeat; padding: 5px 0; display: none; } #Nav ul li.over ul { width: 100px; } #Nav ul li.over ul, #Nav ul li:hover ul { display: block; } #Nav ul li ul li { position: relative; display: block; float: none; height: 22px; margin: 0; padding: 5px 0; background-color: #000000; } #Nav ul li ul li a { position: relative; display: block; float: none; height: 22px; margin-left: 0px; } /* Main nav */ #NavMain li#N_home a { background-image:url(../img/nav/nav-sm/nav_home.gif); width:53px; background-repeat: no-repeat; } #NavMain li#N_home a:hover, #NavMain li#N_home a.selected { background-image:url(../img/nav/nav-sm/nav_home_over.gif); background-repeat: no-repeat; } #NavMain li#N_inTheKnow a { background-image:url(../img/nav/nav-sm/nav_news.gif); width: 100px;background-repeat: no-repeat; } #NavMain li#N_inTheKnow a:hover, #NavMain li#N_inTheKnow a.selected{ background-image:url(../img/nav/nav-sm/nav_news_over.gif); background-repeat: no-repeat; } #NavMain li#N_magazine a { background-image:url(../img/nav/nav-sm/nav_mag.gif); width: 167px;background-repeat: no-repeat; } #NavMain li#N_magazine a:hover, #NavMain li#N_magazine a.selected{ background-image:url(../img/nav/nav-sm/nav_mag_over.gif); background-repeat: no-repeat; } #NavMain li#N_getTheLook a { background-image:url(../img/nav/nav-sm/nav_look.gif); width: 107px; background-repeat: no-repeat; } #NavMain li#N_getTheLook a:hover, #NavMain li#N_getTheLook a.selected{ background-image:url(../img/nav/nav-sm/nav_look_over.gif); background-repeat: no-repeat; z-index: 10; } #NavMain li#N_myBeauty a { background-image:url(../img/nav/nav-sm/nav_mybeauty.gif); width: 87px; background-repeat: no-repeat; } #NavMain li#N_myBeauty a:hover, #NavMain li#N_myBeauty a.selected{ background-image:url(../img/nav/nav-sm/nav_mybeauty_over.gif); background-repeat: no-repeat; } #NavMain li#N_community a { background-image:url(../img/nav/nav-sm/nav_community.gif); width: 97px;background-repeat: no-repeat; } #NavMain li#N_community a:hover, #NavMain li#N_community a.selected{ background-image:url(../img/nav/nav-sm/nav_community_over.gif); background-repeat: no-repeat; } #NavMain li#N_studioSecrets a { background-image:url(../img/nav/nav_secrets.gif); width: 126px;background-repeat: no-repeat; } #NavMain li#N_studioSecrets a:hover, #NavMain li#N_studioSecrets a.selected{ background-image:url(../img/nav/nav_secrets_over.gif); background-repeat: no-repeat; } #NavMain li#N_compOffers a { background-image:url(../img/nav/nav-sm/nav_comp.gif); width: 171px; background-repeat: no-repeat; } #NavMain li#N_compOffers a:hover, #NavMain li#N_compOffers a.selected { background-image:url(../img/nav/nav-sm/nav_comp_over.gif); background-repeat: no-repeat; } /*x-factor*/ #NavMain li#N_xFactor a { background-image:url(../img/nav/nav_xfactor.gif); width: 84px;background-repeat: no-repeat; } #NavMain li#N_xFactor a:hover, #NavMain li#N_xFactor a.selected{ background-image:url(../img/nav/nav_xfactor_over.gif); background-repeat: no-repeat; } /*campaign for colour*/ #NavMain li#N_campaignColour a { background-image:url(../img/nav/nav-sm/nav_campaign.gif); width: 170px;background-repeat: no-repeat; } #NavMain li#N_campaignColour a:hover, #NavMain li#N_campaignColour a.selected{ background-image:url(../img/nav/nav-sm/nav_campaign_over.gif); background-repeat: no-repeat; } /*NMA Gallery*/ #NavMain li#N_nmaGallery a { background-image:url(../img/nav/nav-sm/nav_nma.gif); width: 124px;background-repeat: no-repeat; } #NavMain li#N_nmaGallery a:hover, #NavMain li#N_nmaGallery a.selected{ background-image:url(../img/nav/nav-sm/nav_nma_over.gif); background-repeat: no-repeat; } /*in the know*/ #Nav_S3 li#S3_newsRoom a { background-image:url(../img/nav/news/subnav_newsroom.gif); width: 171px; } #Nav_S3 li#S3_newsRoom a:hover, #Nav_S3 li#S3_newsRoom a.selected { background-image:url(../img/nav/news/subnav_newsroom_over.gif); } #Nav_S3 li#S3_latestInnovations a { background-image:url(../img/nav/news/subnav_innovations.gif); width: 171px; } #Nav_S3 li#S3_latestInnovations a:hover, #Nav_S3 li#S3_latestInnovations a.selected { background-image:url(../img/nav/news/subnav_innovations_over.gif); } /*#Nav_S3 li#S3_styleUpdates a { background-image:url(../img/nav/news/bt_trend_reports_off.gif); } #Nav_S3 li#S3_styleUpdates a:hover, #Nav_S3 li#S3_styleUpdates.selected a { background-image:url(../img/nav/in-the-know/bt_trend_reports_on.gif); }*/ #Nav_S3 li#S3_feature a { background-image:url(../img/nav/news/subnav_feature.gif); width: 171px; } #Nav_S3 li#S3_feature a:hover, #Nav_S3 li#S3_feature a.selected { background-image:url(../img/nav/news/subnav_feature_over.gif); } #Nav_S3 li#S3_featureSegment a { background-image:url(../img/nav/news/subnav_beauty.gif); width: 171px; } #Nav_S3 li#S3_featureSegment a:hover, #Nav_S3 li#S3_featureSegment a.selected { background-image:url(../img/nav/news/subnav_beauty_over.gif); } #Nav_S3 li#S3_exclusives a { background-image:url(../img/nav/news/subnav_top10.gif); width: 171px; } #Nav_S3 li#S3_exclusives a:hover, #Nav_S3 li#S3_exclusives a.selected { background-image:url(../img/nav/news/subnav_top10_over.gif); } #Nav_S3 li#S3_fromJudith a { background-image:url(../img/nav/news/subnav_blog.gif); width: 171px; } #Nav_S3 li#S3_fromJudith a:hover, #Nav_S3 li#S3_fromJudith a.selected { background-image:url(../img/nav/news/subnav_blog_over.gif); } /*Get the look*/ #Nav_S2 li#S2_forYou a { background-image:url(../img/nav/getthelook/subnav_adapt.gif); width:201px; } #Nav_S2 li#S2_forYou a:hover, #Nav_S2 li#S2_forYou a.selected { background-image:url(../img/nav/getthelook/subnav_adapt_over.gif); } #Nav_S2 li#S2_monthLook a { background-image:url(../img/nav/getthelook/subnav_look.gif); width:201px; } #Nav_S2 li#S2_monthLook a:hover, #Nav_S2 li#S2_monthLook a.selected{ background-image:url(../img/nav/getthelook/subnav_look_over.gif); } #Nav_S2 li#S2_idealLook a { background-image:url(../img/nav/getthelook/subnav_ideal.gif); width:201px; } #Nav_S2 li#S2_idealLook a:hover, #Nav_S2 li#S2_idealLook a.selected{ background-image:url(../img/nav/getthelook/subnav_ideal_over.gif); } #Nav_S2 li#S2_quiz a { background-image:url(../img/nav/getthelook/subnav_quiz.gif); width:201px; } #Nav_S2 li#S2_quiz a:hover, #Nav_S2 li#S2_quiz a.selected{ background-image:url(../img/nav/getthelook/subnav_quiz_over.gif); } #Nav_S2 li#S2_videoGallery a { background-image:url(../img/nav/getthelook/subnav_video.gif); width:201px; } #Nav_S2 li#S2_videoGallery a:hover, #Nav_S2 li#S2_videoGallery a.selected{ background-image:url(../img/nav/getthelook/subnav_video_over.gif); } /*#Nav_S2 li#S2_backstage a { background-image:url(../img/nav/getthelook/sub_nav_backstage.gif); width:121px; } #Nav_S2 li#S2_backstage a:hover, #Nav_S2 li#S2_backstage.selected a{ background-image:url(../img/nav/getthelook/sub_nav_backstage_over.gif); }*/ /* my beaty */ #Nav_S4 li#S4_login a { background-image:url(../img/nav/mybeauty/subnav_login.gif); width:190px; } #Nav_S4 li#S4_login a:hover, #Nav_S4 li#S4_login a.selected { background-image:url(../img/nav/mybeauty/subnav_login_over.gif); } #Nav_S4 li#S4_myDetails a { background-image:url(../img/nav/mybeauty/subnav_details.gif); width:190px; } #Nav_S4 li#S4_myDetails a:hover, #Nav_S4 li#S4_myDetails a.selected { background-image:url(../img/nav/mybeauty/subnav_details_over.gif); } #Nav_S4 li#S4_myProfile a { background-image:url(../img/nav/mybeauty/subnav_profile.gif); width:190px; } #Nav_S4 li#S4_myProfile a:hover, #Nav_S4 li#S4_myProfile a.selected { background-image:url(../img/nav/mybeauty/subnav_profile_over.gif); } #Nav_S4 li#S4_myFavorites a { background-image:url(../img/nav/mybeauty/subnav_favourite.gif); width:190px; } #Nav_S4 li#S4_myFavorites a:hover, #Nav_S4 li#S4_myFavorites a.selected { background-image:url(../img/nav/mybeauty/subnav_favourite_over.gif); } /*community*/ #Nav_S5 li#S5_meetCommunity a { background-image:url(../img/nav/community/subnav_meet.gif); width:168px; } #Nav_S5 li#S5_meetCommunity a:hover, #Nav_S5 li#S5_meetCommunity a.selected { background-image:url(../img/nav/community/subnav_meet_over.gif); } #Nav_S5 li#S5_yourReviews a { background-image:url(../img/nav/community/subnav_reviews.gif); width:168px; } #Nav_S5 li#S5_yourReviews a:hover, #Nav_S5 li#S5_yourReviews a.selected { background-image:url(../img/nav/community/subnav_reviews_over.gif); } #Nav_S5 li#S5_memberExclusive a { background-image:url(../img/nav/community/subnav_member.gif); width:168px; } #Nav_S5 li#S5_memberExclusive a:hover, #Nav_S5 li#S5_memberExclusive a.selected { background-image:url(../img/nav/community/subnav_member_over.gif); } #Nav_S5 li#S5_joinPanel a { background-image:url(../img/nav/community/subnav_panel.gif); width:168px; } #Nav_S5 li#S5_joinPanel a:hover, #Nav_S5 li#S5_joinPanel a.selected { background-image:url(../img/nav/community/subnav_panel_over.gif); } #Nav_S5 li#S5_askExperts a { background-image:url(../img/nav/community/subnav_askexperts.gif); width:168px; } #Nav_S5 li#S5_askExperts a:hover, #Nav_S5 li#S5_askExperts a.selected { background-image:url(../img/nav/community/subnav_askexperts_over.gif); } #Nav_S5 li#S5_faq a { background-image:url(../img/nav/community/subnav_faqs.gif); width:168px; } #Nav_S5 li#S5_faq a:hover, #Nav_S5 li#S5_faq a.selected { background-image:url(../img/nav/community/subnav_faqs_over.gif); } #Nav_S7 li#S7_theRange a { background-image:url(../img/nav/studiosecrets/subnav_range.gif); width:124px; } #Nav_S7 li#S7_theRange a:hover, #Nav_S7 li#S7_theRange a.selected { background-image:url(../img/nav/studiosecrets/subnav_range_over.gif); } #Nav_S7 li#S7_yourReviews a { background-image:url(../img/nav/studiosecrets/subnav_reviews.gif); width:124px; } #Nav_S7 li#S7_yourReviews a:hover, #Nav_S7 li#S7_yourReviews a.selected { background-image:url(../img/nav/studiosecrets/subnav_reviews_over.gif); } /*competitions and offers*/ #Nav_S6 li#S6_competitions a { background-image:url(../img/nav/competitions-offers/sub_nav_comp.gif); width:159px; } #Nav_S6 li#S6_competitions a:hover, #Nav_S6 li#S6_competitions.selected a { background-image:url(../img/nav/competitions-offers/sub_nav_comp_over.gif); } #Nav_S6 li#S6_currentOffers a { background-image:url(../img/nav/competitions/subnav_current.gif); width:159px; } #Nav_S6 li#S6_currentOffers a:hover, #Nav_S6 li#S6_currentOffers a.selected { background-image:url(../img/nav/competitions/subnav_current_over.gif); } #Nav_S6 li#S6_freeSamples a { background-image:url(../img/nav/competitions/subnav_samples.gif); width:159px; } #Nav_S6 li#S6_freeSamples a:hover, #Nav_S6 li#S6_freeSamples a.selected { background-image:url(../img/nav/competitions/subnav_samples_over.gif); } #Nav_S6 li#S6_goodieBag a { background-image:url(../img/nav/competitions/subnav_goody.gif); width:159px; } #Nav_S6 li#S6_goodieBag a:hover, #Nav_S6 li#S6_goodieBag a.selected { background-image:url(../img/nav/competitions/subnav_goody_over.gif); } #Nav_S6 li#S6_competition a { background-image:url(../img/nav/competitions/subnav_competition.gif); width:159px; } #Nav_S6 li#S6_competition a:hover, #Nav_S6 li#S6_competition a.selected { background-image:url(../img/nav/competitions/subnav_competition_over.gif); } #Nav_S6 li#S6_offers a { background-image:url(../img/nav/competitions/subnav_offers.gif); width:159px; } #Nav_S6 li#S6_offers a:hover, #Nav_S6 li#S6_offers a.selected { background-image:url(../img/nav/competitions/subnav_offers_over.gif); } /*magazine*/ /* Admin nav */ #NavAdmin li#N_ambassadors a { background-image:url(../img/nav/admin/nav_ambassadors.gif); width:176px; } #NavAdmin li#N_ambassadors a:hover, #NavAdmin li#N_ambassadors.selected a { background-image:url(../img/nav/admin/nav_ambassadors_over.gif); } #NavAdmin li#N_sms a { background-image:url(../img/nav/admin/nav_sms.gif); width:60px; } #NavAdmin li#N_sms a:hover, #NavAdmin li#N_sms.selected a { background-image:url(../img/nav/admin/nav_sms_over.gif); } #NavAdmin li#N_usertest a { background-image:url(../img/nav/admin/nav_usertest.gif); width:136px; } #NavAdmin li#N_usertest a:hover, #NavAdmin li#N_usertest.selected a { background-image:url(../img/nav/admin/nav_usertest_over.gif); } #NavAdmin li#N_looks a { background-image:url(../img/nav/admin/nav_looks.gif); width:92px; } #NavAdmin li#N_looks a:hover, #NavAdmin li#N_looks.selected a { background-image:url(../img/nav/admin/nav_looks_over.gif); } #NavAdmin li#N_segmentation a { background-image:url(../img/nav/admin/nav_segmentation.gif); width:206px; } #NavAdmin li#N_segmentation a:hover, #NavAdmin li#N_segmentation.selected a { background-image:url(../img/nav/admin/nav_segmentation_over.gif); } #NavAdmin li#N_samples a { background-image:url(../img/nav/admin/nav_samples.gif); width:119px; } #NavAdmin li#N_samples a:hover, #NavAdmin li#N_samples.selected a { background-image:url(../img/nav/admin/nav_samples_over.gif); } #NavAdmin li#N_extract a { background-image:url(../img/nav/admin/nav_extract.gif); width:166px; } #NavAdmin li#N_extract a:hover, #NavAdmin li#N_extract.selected a { background-image:url(../img/nav/admin/nav_extract_over.gif); } #NavAdmin li#N_stats a { background-image:url(../img/nav/admin/nav_stats.gif); width:87px; } #NavAdmin li#N_stats a:hover, #NavAdmin li#N_stats.selected a { background-image:url(../img/nav/admin/nav_stats_over.gif); }