/* #------------------------------------------------------------------------ # appPhone - June 2011 template (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 */ #gkNav { float: right; height: 70px; line-height: 70px; } #gkNav #gkMainNav, #gkNav #gkMainNav > div > ul, #gkNav #gkMainNav > div > ul > li { height: 76px; line-height: 70px; font-size: 20px; margin-left: 4px; padding-left: 15px; } #gkNav #gkMainNav > div > ul > li:first-child { margin-left: 0; } #gkNav #gkMainNav > div > ul > li > a, #gkNav #gkMainNav > div > ul > li > span { padding-right: 19px; padding-left: 4px; display:block; height:76px; line-height: 76px; text-shadow: 2px 2px 0 #7e7e7e; } #gkNav #gkMainNav > div > ul > li.active, #gkNav #gkMainNav > div > ul > li:hover { background: transparent url('../images/style1/menu_active_left.png') no-repeat 0 center; } #gkNav #gkMainNav a:hover { text-decoration: none; } #gkNav #gkMainNav > div > ul > li.active > a, #gkNav #gkMainNav > div > ul > li.active > span, #gkNav #gkMainNav > div > ul > li:hover > a, #gkNav #gkMainNav > div > ul > li:hover > span { background: transparent url('../images/style1/menu_active_right.png') no-repeat right center; color:#fff; } #gkNav #gkMainNav > div > ul div.childcontent { border-radius: 3px 8px 8px 8px; -moz-border-radius: 3px 8px 8px 8px; -webkit-border-radius: 3px 8px 8px 8px; background: #bfbab0; padding: 0 3px 8px 2px!important; } #gkNav #gkMainNav > div > ul > li > div.childcontent { margin-left: -15px; } #gkNav #gkMainNav > div > ul div.childcontent div.childcontent { margin-top: -25px; padding-top: 2px !important } #gkNav #gkMainNav > div > ul div.childcontent-inner { background: transparent url('../images/style1/header_bg.png') repeat 0 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:15px 0 20px 0; } #gkNav #gkMainNav > div > ul div.childcontent-inner {min-height: 105px; overflow: hidden } #gkNav #gkMainNav > div > ul div.childcontent-inner-wrap {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} div.gk-menu > ul.level0 > li > .childcontent .gkcol { background: transparent url('../images/style1/header_bg.png'); padding-bottom: 0px} #gkNav #gkMainNav > div > ul div.childcontent a, #gkNav #gkMainNav > div > ul div.childcontent span { font-size: 14px; color: #75726d; } #gkNav #gkMainNav > div > ul div.childcontent li { padding: 5px 16px 0 20px; height: 30px; line-height: 32px; } #gkNav #gkMainNav > div > ul div.childcontent li.group { padding: 0; height: auto; } #gkNav #gkMainNav > div > ul div.childcontent li > a, #gkNav #gkMainNav > div > ul div.childcontent li > span { padding-left: 5px; background: transparent url('../images/style1/menu_item_left.png') no-repeat 0 0; display:block; height: 30px; color:#75726d; text-shadow: 1px 1px 0 #f7f5f0; } #gkNav #gkMainNav > div > ul div.childcontent li > a > span, #gkNav #gkMainNav > div > ul div.childcontent li > span > span { background: transparent url('../images/style1/menu_item_right.png') no-repeat right 0; display:block; height: 30px; padding-left: 8px; color: #75726d; text-shadow: 1px 1px 0 #f7f5f0; } #gkNav #gkMainNav > div > ul div.childcontent li.active > a, #gkNav #gkMainNav > div > ul div.childcontent li.active > span, #gkNav #gkMainNav > div > ul div.childcontent li:hover > a, #gkNav #gkMainNav > div > ul div.childcontent li:hover > span, #gkNav #gkMainNav > div > ul div.childcontent li > a:hover, #gkNav #gkMainNav > div > ul div.childcontent li > span:hover { background-position: 0 bottom; color: #fff!important; text-shadow: 1px 1px 0 #918f8a; } #gkNav #gkMainNav > div > ul div.childcontent li.active > a > span, #gkNav #gkMainNav > div > ul div.childcontent li.active > span > span, #gkNav #gkMainNav > div > ul div.childcontent li:hover > a > span, #gkNav #gkMainNav > div > ul div.childcontent li:hover > span > span, #gkNav #gkMainNav > div > ul div.childcontent li.active > a > span > span, #gkNav #gkMainNav > div > ul div.childcontent li.active > span > span > span, #gkNav #gkMainNav > div > ul div.childcontent li:hover > a > span > span, #gkNav #gkMainNav > div > ul div.childcontent li:hover > span > span > span { background-position: right bottom; color: #fff!important; text-shadow: 1px 1px 0 #918f8a; } #gkNav #gkMainNav > div > ul div.childcontent .group-title { padding: 0 20px 5px 20px; } #gkNav #gkMainNav > div > ul div.childcontent .group-title .menu-title { font-size: 14px; line-height: 18px; text-shadow: 1px 1px 0 #f7f5f0; display: block } #gkNav #gkMainNav > div > ul div.childcontent .group-title .menu-desc { font-size: 14px; line-height: 18px; text-shadow: 1px 1px 0 #f7f5f0; display: block} #gkNav #gkMainNav .module p {font-size: 12px; line-height: 18px; font-family: Verdana,Geneva,sans-serif !important; text-shadow: 1px 1px 0 #fff} /* split menu */ #gkSubmenu { height:43px; font-size:14px; text-align: left; background: #f1ede5; position: absolute; z-index: -1010; width: 100%; top: 75px; } #gkSubmenu > div { line-height:43px; height: 43px; } #gkSubmenu .menu-desc { display:none!important } #gkSubmenu .main { line-height:1; z-index:100 } #gkSubmenu ul { background:none; height:43px; line-height:43px; padding:0; float: right; } #gkSubmenu ul.active { background:none } #gkSubmenu li { display:block; float:left; margin:0; padding:0; height:43px; line-height:43px; } #gkSubmenu>.sublevel>ul>li>a { height:43px; line-height:43px; } #gkSubmenu li.first-item { border-left:0; background:none!important } #gkSubmenu > div > ul > li > a { display:block; padding:0; text-decoration:none; font-weight:normal; color: #b9b9b9; border-right: 1px solid #fff; font-size: 16px; color: #75726d; height: 43px; line-height: 43px } #gkSubmenu > div > ul > li > a > span:first-child { padding:0 20px; display: block; height: 43px; line-height:43px; border-right: 1px solid #d2cec5; } #gkSubmenu > div > ul > li:first-child > a { border-left: 1px solid #fff; } #gkSubmenu > div > ul > li:first-child > a > span:first-child { border-left: 1px solid #d2cec5; } #gkSubmenu ul li li { float: none; } #gkSubmenu > div > ul > li:hover>a, #gkSubmenu > div > ul > li>a:active, #gkSubmenu > div > ul > li>a:focus { color: #bf7233; } /* Sub Nav (lv2) */ #gkSubmenuWrap { background: #f1ede5; position: absolute; z-index: 98; width: 100%; top: 75px; height: 43px; border-bottom: 1px solid #d2cec5; box-shadow:0 1px 0 #fff; -moz-box-shadow:0 1px 0 #fff; -webkit-box-shadow:0 1px 0 #fff; } #gkSubmenu ul li li { line-height: 24px; height: 24px; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 3px 0!important; border-top: 1px solid #d2cec5; color: #75726d; } #gkSubmenu ul li li:first-child { border-top: none; } #gkSubmenu ul li li > a { color: #75726d!important; } #gkSubmenu ul li li > a:hover, #gkSubmenu ul li li > a:hover > span { color: #bf7233!important; } #gkSubmenu ul li ul, #gkSubmenu ul li ul ul, #gkSubmenu ul li ul ul ul { display:block; background: #f1ede5; height:auto; left:-999px; position:absolute; width:200px; padding: 5px 18px; z-index: 999; } #gkSubmenu ul>li.hover>ul { display:block; height:auto; left:auto; position:absolute; } #gkSubmenu ul ul { border: 1px solid #d2cec5; margin-top: 0; box-shadow:1px 1px 0 #fff; -moz-box-shadow:1px 1px 0 #fff; -webkit-box-shadow:1px 1px 0 #fff; margin-left: 1px; } #gkSubmenu ul ul ul { background: #f1efe5; display:none!important; left:-999px!important; border: 1px solid #d2cec5!important; box-shadow:1px 1px 0 #fff; -moz-box-shadow:1px 1px 0 #fff; -webkit-box-shadow:1px 1px 0 #fff; } #gkSubmenu ul ul li:hover>ul { margin-left:200px!important; margin-top:-24px!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; } div#gkDropSub > ul.active {right: 0}