Wayfinder адаптация стилей текста внутри тега

<div class="menu_top">
                <ul>
    <li class="active">

                    <a href="http://site.ru/" title="Главная">
                            <span class="bg_right">
                                    <span class="bg_left">
                                            <span class="bg_center">
                                                Главная
                                            </span>
                                    </span>
                            </span>
                    </a>
            </li>
            
            <li>
                    <a href="http://site.ru/link1" title="Вторая">
                            <span class="bg_right">
                                    <span class="bg_left">
                                            <span class="bg_center">
                                                Вторая
                                            </span>
                                    </span>
                            </span>
                    </a>
            </li>
</div>

.menu_top { background: #FF7A00; font-size: 15px;  height: 48px; overflow:hidden; }
.menu_top ul { margin: 0 auto; padding: 0 0 0 50px; width: 1026px; min-width: 1092px; }
.menu_top ul li { float: left; margin: 0px 0px 0px 2px; line-height: 29px; padding: 9px 0px 10px 0px; }
.menu_top ul li a { color: #FFF; cursor: pointer; }
.menu_top ul li:first-child { margin: 0; }  
.menu_top ul li .bg_left { background: none; padding: 0px 15px 0px 0px; }
.menu_top ul li .bg_right { background: none; padding: 0px 0px 0px 15px; }
.menu_top ul li .bg_center { background: none; }
.menu_top ul li.active a,
.menu_top ul li a:hover { color: #FF7A00; }
.menu_top ul li.active .bg_left,
.menu_top ul li a:hover .bg_left{ background: url(menu_sel.png) left center no-repeat; height: 29px; padding: 0px 0px 0px 15px; display:block;}
.menu_top ul li.active .bg_right,
.menu_top ul li a:hover .bg_right  { background: url(menu_sem.png) right center no-repeat; height: 29px; padding: 0px 15px 0px 0px; display:block; }
.menu_top ul li.active .bg_center, 
.menu_top ul li a:hover .bg_center { background: url(menu_sen.png) center top repeat-x; height: 29px; display:block; }

<li[+wf.id+][+wf.classes+]>
    <a href="[+wf.link+]" title="[+wf.title+]" [+wf.attributes+]>
        <span class="bg_right">
            <span class="bg_left">
                <span class="bg_center">
                    [+wf.linktext+]
                </span>
            </span>
        </span>
    </a>
[+wf.wrapper+]
</li>