Hi, sorry for my english !!

I want my ari ext menu in joomla 3 (KC CUfon 2.3.1) with a diferent true type font (Square Font).

The CSS of the component menu is:

.ux-menu-init-hidden{visibility:hidden;position:absolute;}
.ux-menu-container{position:relative;}
.ux-menu,.ux-menu ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;line-height:1; font-size:12px;}
.ux-menu li{position:relative;float:left; }
.ux-menu ul{position:absolute;top:0;left:0;}
.ext-border-box .ux-menu-ie-iframe,.ext-ie7 .ux-menu-ie-iframe{padding:0;margin:0;position:absolute;top:0;left:0;display:none;z-index:-1;}
.ux-menu-vertical .ux-menu-item-main{clear:left;}
.ux-menu a{display:block;position:relative;text-decoration:none;color:#97365D;/*border-left:1px solid #e3dad1;border-top:1px solid #e3dad1;border-bottom:1px solid #e3dad1;/*background:#f3efec url(images/menu-item-bg.png) repeat;*/ font-size:18px !important; font-family:Verdana, Geneva, sans-serif; line-height:12px;padding:10px 14px;}
.ux-menu a.ux-menu-link-last{/*border-right:1px solid #e3dad1;*/}ux.menu ul a{width:100%;}
.ux-menu a:focus,.ux-menu a:hover,.ux-menu a.ux-menu-link-hover{/*border-color:#d2e3f4;background:url(images/menu-item-bg-over.png) repeat;*/outline:0; color:#000;}
.ux-menu-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.ux-menu a.ux-menu-link-parent{padding-right:24px;min-width:1px;}
.ux-menu ul a,.ux-menu.ux-menu-vertical a{font-size:12px !important; font-family:Verdana, Geneva, sans-serif; color:#97365D; border-bottom:0;border-right:1px solid #e3dad1; overflow:visible !important; background:#FAE8CE; z-index:1 !important;}
.ux-menu ul a.ux-menu-link-last,.ux-menu.ux-menu-vertical a.ux-menu-link-last{border-bottom:1px solid #97365D; overflow:visible !important;}
.ux-menu-arrow{display:block;width:8px;height:6px;right:10px;top:14px;position:absolute;/*background:url(images/menu-arrow-down.png) no-repeat;*/font-size:0;}.ux-menu.ux-menu-vertical .ux-menu-arrow,.ux-menu ul .ux-menu-arrow{width:6px;height:8px;top:13px;background:url(images/menu-arrow-right.png) no-repeat;}.ext-border-box .ux-menu-arrow{top:17px;}.ext-border-box .ux-menu.ux-menu-vertical .ux-menu-arrow,.ext-border-box .ux-menu ul .ux-menu-arrow{top:16px;}.ux-menu ul.ux-menu-hidden{display:none;}.ux-menu a.current{/*background-image:url('images/menu-item-bg-current.png');*/ border-color:#97365D; background:#FAE8CE; overflow:visible !important;}


What´s the css style and how can I put it in the cufon plugin to change my first level menu font??

Thanks !!!

Hello,

Information about menu HTML layout and CSS classes is available here. You can use it if want to customize the menu.

Regards,
ARI Soft