/*
#------------------------------------------------------------------------
# penguinMail - December 2010 (for Joomla 1.6)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Extra menu */

div.gk-menu { height: 52px; }
div.gk-menu > ul.level0 > li { height:52px; margin:0; padding:0 0 0 0px; text-transform: uppercase }
div.gk-menu > ul.level0 > li:first-child { background: none; }
div.gk-menu > ul.level0 > li > a { display:block; height:34px; margin:10px 0 0 0; padding:0 14px 8px 10px; line-height:34px; color:#fff; }
div.gk-menu > ul.level0 > li > a > span.menu-desc { display: none; }
div.gk-menu > ul.level0 > li > .childcontent { margin-left:0!important; margin-top:0px!important; padding:0 0 6px 0; text-transform: none; }
div.gk-menu > ul.level0 > li > .childcontent .childcontent { margin-left:170px!important; margin-top:-20px!important; padding:0 0 6px 0;  }
div.gk-menu > ul.level0 > li > .childcontent .module { font-size: 90%; font-weight: normal; line-height: 1.2;   } 
div.gk-menu > ul.level0 > li .childcontent ul { margin:0 16px; }
div.gk-menu > ul.level0 > li .childcontent ul li { border-bottom: 1px dotted #e1e1e1; line-height:30px; color:#656565; }
div.gk-menu > ul.level0 > li .childcontent ul li.first { padding-top: 6px; line-height:36px; }
div.gk-menu > ul.level0 > li .childcontent ul li:hover>a { color:#222!important; }
div.gk-menu > ul.level0 > li .childcontent ul li a { color:#656565; }
div.gk-menu > ul.level0 > li .childcontent ul li li { border-bottom: 1px dotted #e1e1e1; }
div.gk-menu > ul.level0 > li .childcontent ul li a span.menu-desc { display: block; margin: 0; color: #656565 }
div.gk-menu > ul.level0 > li .childcontent .gkcol ul { padding:0!important; }
div.gk-menu > ul.level0 > li li.group { height: auto!important; }
div.gk-menu > ul.level0 > li ul.level1 li.group { border: none !important; }
div.gk-menu > ul.level0 > li li.group .group-title { margin:12px 0 0 0; padding:4px 10px; line-height:1.2; background:#fff; }
div.gk-menu > ul.level0 > li li.group .group-title .menu-title { color:#222; line-height:14px; font-weight:bold; }
div.gk-menu > ul.level0 > li li.group .group-title .menu-desc { line-height:12px; font-size:10px; }
div.gk-menu > ul.level0 > li li.group .gk-group-content > ul { margin:0!important; padding: 0; }

/* Dropline & Split menu */
div#gkDropMain { height: 52px; }
div#gkDropMain > ul > li { height:52px; margin:0; padding:0 0 0 12px; text-transform: uppercase }
div#gkDropMain > ul > li:first-child { background: none; }
div#gkDropMain > ul > li > a { display:block; height:34px; margin:10px 0 0 0; padding:0 14px 8px 10px; line-height:34px; color:#fff; }
div#gkDropMain > ul > li > a > span.menu-desc { display: none; }
div#gkSubmenu { height: 30px; width:99%; margin: 0 0.5%; border-bottom: 1px solid #bebebe; clear: both; }
div#gkDropSub { height:30px; clear:both; font-size:11px; }
div#gkDropSub .menu-desc { display:none!important }
div#gkDropSub > ul { background:none; height:20px; padding:0; line-height:20px; }
div#gkDropSub > ul ul ul { margin-top: -24px; }
div#gkDropSub > ul ul { padding-bottom: 5px; }
div#gkDropSub > ul.active { background:none }
div#gkDropSub > ul > li { display:block; float:left; height:20px; margin:6px 0; padding:0 3px; line-height:20px; }
div#gkDropSub > ul > li:first-child{ padding:0 11px 0 10px; } 
div#gkDropSub > ul > li li { float: none; }
div#gkDropSub > ul > li li:first-child { margin-top:4px; }
div#gkDropSub > ul > li a { display:block; height:20px; padding:0 7px; line-height:20px; text-decoration:none; font-weight:normal; color: #656565 }
div#gkDropSub > ul > li a > span.menu-desc { margin-top: -8px; padding-bottom: 8px; line-height: 0; font-size: 9px; color: #ccc; }
div#gkDropSub > ul > li li a { height: 24px; padding: 0 14px; line-height:  24px; }
div#gkDropSub > ul li.active>a,
div#gkDropSub > ul li.active>a span,
div#gkDropSub > ul li:hover>a,
div#gkDropSub > ul li:hover>a span { color:#222!important; }
div#gkDropSub > ul > li.haschild:hover > a,
div#gkDropSub > ul > li.haschild > a:active,
div#gkDropSub > ul > li.haschild > a:focus { background: #fffdf2; }