/* #------------------------------------------------------------------------ # boutique - September 2011 template (for Joomla 1.6/1.7) # # Copyright (C) 2007-2011 Gavick.com. All Rights Reserved. # License: Copyrighted Commercial Software # Website: http://www.gavick.com # Support: support@gavick.com */ div#gkDropMain { float: left; } #gkMainMenu { float: none; clear: both;} #gkMainMenu .gk-menu { float: right; } #gkMainMenu, #gkMainMenu > div > ul { height: 46px; background:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #gkMainMenu > div > ul > li:first-child { margin-left: 2px; } #gkMainMenu > div > ul > li { height: 46px; margin-left: 16px; } #gkMainMenu > div > ul > li:hover > a, #gkMainMenu > div > ul > li:active > a, #gkMainMenu > div > ul > li:focus > a { color: #006BB7; } #gkMainMenu > div > ul > li:first-child > a { border-left: none; background:none;} #gkMainMenu > div > ul > li > a { padding: 0; display: block; height: 26px;line-height:28px; font-weight:bold; font-size: 14px; color:#0C60A4; margin: 13px 0 0 0; background: transparent url('../images/menu-border.png') top left no-repeat; padding-left: 16px; } #gkMainMenu > div > ul > li.active a { color: #006BB7; } #gkMainMenu > div > ul div.childcontent { padding-top: 0px; } #gkMainMenu > div > ul div.childcontent-inner-wrap { width:200px; border-top: 1px solid #0C60A4; position: relative; /*-moz-box-shadow: 0 0 6px #c1c1c1; -webkit-box-shadow: 0 0 6px #c1c1c1; box-shadow: 0 0 6px #c1c1c1;*/ } #gkMainMenu > div > ul div.childcontent-inner { overflow: hidden; background: transparent url('../images/menu-bg.png') bottom center no-repeat; padding: 8px 0; } /*-----------Second Level Menu-------------*/ #gkMainMenu > div > ul div.childcontent div.childcontent .childcontent-inner-wrap { width:200px; position: relative; border: 2px solid #ffff01; } #gkMainMenu > div > ul div.childcontent div.childcontent .childcontent-inner{background:#0C60A4; } #gkMainMenu > div > ul div.childcontent div.childcontent a, #gkMainMenu > div > ul div.childcontent div.childcontent span { font-size: 12px; color:#ffffff!important; display: block;} #gkMainMenu > div > ul div.childcontent div.childcontent li > a:hover > span, #gkMainMenu > div > ul div.childcontent div.childcontent li > span:hover > span { color: #ffff01!important;} #gkMainMenu > div > ul div.childcontent div.childcontent li { padding: 0; min-height: 17px; line-height: 17px; border-bottom: none; margin: 0 5px 6px 5px; background: url('../images/bullet-y.png') no-repeat left; } /*-----------Second Level Menu--END-----------*/ div.gk-menu > ul.level0 > li > .childcontent .gkcol { padding-bottom: 0; } #gkMainMenu > div > ul div.childcontent a, #gkMainMenu > div > ul div.childcontent span { font-size: 12px; color: #013778; display: block; } #gkMainMenu > div > ul div.childcontent li { padding: 0; min-height: 17px; line-height: 17px; border-bottom: none; margin: 0 5px 6px 5px; background: url('../images/bullet.png') no-repeat left; } #gkMainMenu > div > ul div.childcontent li.group { padding: 0; margin: 0; height: auto; border: none!important; } #gkMainMenu > div > ul div.childcontent li > a, #gkMainMenu > div > ul div.childcontent li > span { display:inline-block; min-height: 17px; color:#013778; padding: 0 3px; margin:0 10px; } #gkMainMenu > div > ul div.childcontent li.active > a, #gkMainMenu > div > ul div.childcontent li.active > span, #gkMainMenu > div > ul div.childcontent li:hover > a, #gkMainMenu > div > ul div.childcontent li:hover > span, #gkMainMenu > div > ul div.childcontent li > a:hover, #gkMainMenu > div > ul div.childcontent li > span:hover, #gkMainMenu > div > ul div.childcontent li.active > a > span, #gkMainMenu > div > ul div.childcontent li.active > span > span, #gkMainMenu > div > ul div.childcontent li:hover > a > span, #gkMainMenu > div > ul div.childcontent li:hover > span > span, #gkMainMenu > div > ul div.childcontent li > a:hover > span, #gkMainMenu > div > ul div.childcontent li > span:hover > span { color: #689fd8!important;/* background: #e9403b url('../images/bullet.png') no-repeat left;*/ } #gkMainMenu > div > ul div.childcontent .group-title { padding:0; margin: 0px 15px 15px 15px; border-bottom: 1px solid #ebeaea; } #gkMainMenu > div > ul div.childcontent .group-title .menu-title { font-size: 18px; text-transform: uppercase; font-weight: normal; line-height: 22px; display: block; color: #333; } #gkMainMenu > div > ul div.childcontent .group-title .menu-desc { font-size: 12px; line-height: 12px; display: block; color: #777; } #gkMainMenu .module p {font-size: 12px; line-height: 18px; } /* split menu */ #gkSubmenu { height: 18px; background: transparent url('../images/dropline_bg.png') repeat-x left bottom; margin:0; } #gkSubmenu > div > ul { float: left; font-size: 13px; } #gkSubmenu > div > ul li { padding: 0 10px; text-transform: uppercase; line-height: 18px!important; } #gkSubmenu > div > ul ul { padding-top: 5px; } #gkSubmenu > div > ul li li { line-height: 26px!important; min-height:26px!important; } #gkSubmenu > div > ul li a { line-height:18px!important; color: #444; display: block; } #gkSubmenu > div > ul > li a:hover { color: #151515; } #gkSubmenu > div > ul > li:first-child { padding-left: 5px; background:none; } #gkSubmenu.dark > div > ul { float: left; font-size: 11px; } #gkSubmenu.dark { margin: 0 -15px 0 -15px; } #gkSubmenu.dark > div > ul > li:first-child { padding-left: 35px; background:none; } /* Sub Nav (lv2) */ #gkSubmenu ul li li { display:block; min-height: 20px; padding-left: 16px; clear: both!important; text-transform: none!important; } #gkSubmenu ul li li > a { display: inline; padding: 1px 2px; } #gkSubmenu ul li li > a:hover, #gkSubmenu ul li li > a:hover > span { color: #fff!important; background: #e9403b; } #gkSubmenu ul li ul, #gkSubmenu ul li ul ul, #gkSubmenu ul li ul ul ul { background: #fff; border: 1px solid #dfdfdf; padding: 10px 5px!important; position: relative; -moz-box-shadow: 0 0 6px #c1c1c1; -webkit-box-shadow: 0 0 6px #c1c1c1; box-shadow: 0 0 6px #c1c1c1; font-size: 12px; } #gkSubmenu ul>li.hover>ul { display:block; height:auto; left:auto; position:absolute; } #gkSubmenu ul ul { padding: 12px 0 10px 0; } #gkSubmenu > div > ul > ul { margin-left: -20px!important; } #gkSubmenu ul ul ul { display:none!important; left:-999px!important; } #gkSubmenu ul ul li:hover>ul { margin-left:200px!important; margin-top:-25px!important; left:0!important; display:block!important; } #gkSubmenu ul li:hover ul, #gkSubmenu ul li:hover ul ul, #gkSubmenu ul li:hover ul ul ul { left: auto; }