Text staat dubbel in mijn menubalk

in een oogopslag ziet de text in de menubalk van mijn site http://www.bnh-beauty.nl/webshop en normaal uit. Maarrr als ik inzoom zie ik dat de text er twee keer staat. Het ziet eruit als een soort shadow text. Dit wil ik weg halen alleen ik het overal gezocht en kom nergens in mijn css text-shadow tegen.

Ik heb gekeken bij 2.2 Navigation
de code ziet er als volgt uit:

/* 2.2 Navigation */
#navigation{z-index:9999; background:#dfdfdf url(images/bg-nav.png) repeat-x bottom; font:14px/14px BauhaulightCTT, Arial, sans-serif; border:1px solid #e9e9e9; padding:0; width:958px !important; border-top-left-radius: 6px; border-top-right-radius: 6px;}

#navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 5px;padding:6px 15px 3px 0;margin-right:10px;}
#navigation ul.rss li{display:inline;padding:0 10px 0 0;}
#navigation ul.rss li a{color:#c63f00;text-decoration:none;}
#navigation ul.rss li a:hover{text-decoration:underline;}

.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; border-left:1px solid #ccc; border-right:1px solid #eee;}
.nav a { position:relative; color:#555 !important; display:block; z-index:100; padding:6px 15px 4px; line-height:36px!important; text-decoration:none; font-weight: bold; border-right:1px solid #ccc; border-left:1px solid #eee; }
.nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a{ color:#222 !important; background: #ddd; text-decoration: none !important;}
.nav li { float:left; width: auto; }
.nav li a.sf-with-ul { padding-right:25px; }

ook kwam ik deze code tegen daar zie je wel text-shadow alleen staat die op none…

/* 2.2.2 Top Navigation (optional) */
#top { background: #000; }
#top .nav { border:0; }
#top .nav a { color:#ddd !important; padding:8px 10px; line-height:18px; text-decoration:none; text-shadow:none; border:0; text-shadow:none; }
#top .nav li { }
#top .nav li a.sf-with-ul { padding-right:20px; }

#top .nav a:hover,
#top .nav li.current_page_item a,
#top .nav li.current_page_parent a,
#top .nav li.current-menu-ancestor a,
#top .nav li.current-cat a,
#top .nav li.current-menu-item a,
#top .nav li.sfHover { background: #222 !important; }

#top .nav li ul { background: #222 !important; margin:0; padding:0px; width: 180px; border: none; z-index:999;
/* Box Shadow */
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
box-shadow: 0 2px 2px rgba(0,0,0,.1);
}
#top .nav li ul, #top .nav li ul li:last-child a {
/* Border Radius */
border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;
}
#top .nav li ul li { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background: #222; border:0; }
#top .nav li ul li a { padding:8px 10px; width:160px; color:#ddd; background: none; font-size:0.9em; background: #222; }
#top .nav li ul li a:hover { background: #000 !important; }
#top .nav li ul li a.sf-with-ul { padding-right:10px; }
#top .nav li ul ul { margin: -34px 0 0 180px; }

#top .nav li:hover, #top .nav li.hover { position:static; }
#top .nav li:hover ul ul, #top .nav li.sfhover ul ul,
#top .nav li:hover ul ul ul, #top .nav li.sfhover ul ul ul,
#top .nav li:hover ul ul ul ul, #top .nav li.sfhover ul ul ul ul { left:-999em; }
#top .nav li:hover ul, #top .nav li.sfhover ul,
#top .nav li li:hover ul, #top .nav li li.sfhover ul,
#top .nav li li li:hover ul, #top .nav li li li.sfhover ul,
#top .nav li li li li:hover ul, #top .nav li li li li.sfhover ul { left:auto; }

Wie weet hoe ik dit kan oplossen want het leest een beetje dubbel…