Sorry, i have a problem the font menu in safari is more weiht than chrome... why?
#------------------------------------------------------------------------
# Black and White - October 2010 template (for Joomla 1.6)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/
/* Extra menu */
/* menu */
#gkMenu { font-weight: normal; font-style: normal;} /* I have add font-style */
#gkMenu .level0>li { color: #fff; line-height:48px!important; }
#gkMenu .level0>li>a { font-size: 15px; color: #fff; background: transparent url('../images/style1/menu_separator.png') no-repeat 0 0; }
#gkMenu .level0>li:first-child>a { background:none; }
#gkMenu .level0>li>a>span { padding:0 18px; }
#gkMenu .level0>li.haschild>a>span,
#gkMenu .level0>li.haschild-over>a>span { background: transparent url('../images/style1/menu_bullet.png') no-repeat right center; padding:0 22px 0 18px; margin-right: 11px; }
#gkMenu .level0>li.haschild-over:hover>a>span { background: transparent url('../images/style1/menu_bullet_hover.png') no-repeat right center; }
#gkMenu .level0>li.active>a { color: #e2bc67!important; }
#gkMenu .level0>li.active:hover>a { color:#e2bc67!important; }
#gkMenu .level0>li:hover { background: #e2bc67; color: #fff; }
#gkMenu .level0>li:hover>a { color: #fff; }
#gkMenu .level0>li .menu-desc { display: none; }
#gkMenu a:hover {text-decoration: none !important}
#gkMenu div.module {background-image: none !important; background: #e2bc67 !important}
#gkMenu ul.level0>li>div.childcontent { margin:0 0 0 1px!important; }
#gkMainNav ul.level0>li>div.childcontent li.haschild,
#gkMainNav ul.level0>li>div.childcontent li.haschild-over { background: transparent url('../images/style1/bullet_submenu.png') no-repeat 95% center; }
#gkMainNav ul.level0>li>div.childcontent li.haschild-over:hover { background-image: url('../images/style1/bullet_submenu_hover.png')!important; }
#gkMenu ul.level0 div.childcontent { background: #a39f8c; font-size: 12px; font-weight:normal; z-index:10000; }
#gkMenu ul.level0 div.childcontent a { color: #f1eede; }
#gkMenu ul.level0 div.childcontent ul { margin: 10px 0 3px; }
#gkMenu ul.level0 div.childcontent ul li:hover,
#gkMenu ul.level0 div.childcontent ul li:hover>a { color: #fff; }
#gkMenu ul.level0 div.childcontent ul li { line-height:32px; margin:0 18px; padding: 0 5px; border-top: 1px solid #908c7a; }
#gkMenu ul.level0 div.childcontent ul li:first-child { margin:0 18px; border: none }
#gkMenu ul.level0 div.childcontent div.group-title .menu-title { font-weight:bold; color:#F1EEDE; }
#gkMenu ul.level0 div.childcontent div.group-title .menu-desc { line-height:12px; font-size:90%; color:#F1EEDE; }
#gkMenu ul.level0 div.childcontent div.group-title { margin:0 22px; }
#gkMenu ul.level0 div.childcontent div.childcontent { margin-top:-20px; border: 1px solid #908c7a; margin-left: 165px }
#gkMenu ul.level0 div.childcontent ul li.group { background:none !important; padding:0 !important; margin:0 !important; }
