/*
#------------------------------------------------------------------------
# music - November 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 
*/


/* Basic elements */
::selection { }
::-moz-selection {}
::-webkit-selection { }
body { min-height:100%; background: #f6f6f6; font: normal 13px/1.5 Arial, Helvetica, sans-serif; color: #555; }
a { text-decoration: none; color: #0099CC; -webkit-transition: color 0.15s linear; -moz-transition: color 0.15s linear; -o-transition: color 0.15s linear; transition: color 0.15s linear; }
a:hover, a:active, a:focus { color: #0099CC; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-weight: normal; color: #333 }
h1, h2 { text-transform: ; margin: 0 0 8px}
h1 { font-size:48px; line-height: 42px;  }
h2 { font-size:24px; line-height: 36px;  }
h3 { font-size:20px }
h4 { font-size:110% }
h5 { font-size:100% }
ul { list-style:none; }
ul li { line-height:2.6; }
p { margin: 0.5em 0 }
/* Containers */
#gkPage { margin-top: 0px; padding-top: 4px; /*background: transparent url('../images/style1/colorbar.png') repeat-x center top;*/ }
#gkPageWrap { background: #fff; padding: 0 30px 30px 30px;  border-bottom: 4px solid #333 }
#gkTopNav { margin: 20px 0 40px 0; padding: 0 12px; }
#gkTopNav li { float: left; margin-right: 20px; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #646464; line-height: 12px; }
#gkTopNav li a { color: #646464; }
#gkTopNav li a:active, #gkTopNav li a:focus, #gkTopNav li a:hover { color: #fc764a; }
#mainContent { background: #fff; overflow: hidden; }
#gkHeader { padding: 22px 0; }
#gkTopNav + #gkHeader { padding-top: 0!important; }
#gkMain { padding: 0; overflow: hidden; clear:both; }
#gkBottom1 { margin-top: 20px; }
/* Logo  */
h1#gkLogo { float: left; margin: 22px 0 12px 0; position:relative; }
h1#gkLogo a img { display: block; height: auto; margin: 0; width: auto; }
h1#gkLogo a.cssLogo { background: url('../images/logo.png') no-repeat 0 0; display: block; height: 100px; margin: 0; text-indent: -999em; width:468px; }
h1#gkLogo a.cssLogo + span { display: none; text-indent: -999em; }
h1#gkLogo.text { width: auto; float: left; }
h1#gkLogo.text a { display: block; font-weight:normal; text-indent: 0; float: left; }
h1#gkLogo.text a { padding: 0; width: auto!important; }
h1#gkLogo.text a > span { color: #222; display: block; font-size: 32px; line-height: 32px; float: left; }
h1#gkLogo.text .gkLogoSlogan { font-size: 10px!important; line-height: 14px; color: #222; margin: 0 0 0 4px; height: 14px; display: block; clear: both; float:left; }
/* TOP */
#gkSearch, #gkButtons { float: right; margin-top: 32px; }
#gkButtons { margin-top: 37px; display:none;}
#gkButtons div a { font-size: 11px; font-weight: bold; color: #333; text-transform: uppercase; margin: 0 0 0 18px; }
#gkButtons div a:first-child { margin-left: 44px; }
#gkButtons a:hover { color: #fc764a; }
#gkSearch { position: relative; }
#gkSearch .button { position: absolute; top: 6px; right: 16px; width: 35px; height: 24px; text-indent: -9999px; margin: 0; padding: 0; background: #7b9ef8 url('../images/searchbtn.png') no-repeat 0 0; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#gkSearch .button:hover { background-color: #fc764a; }
#gkSearch #mod-search-searchword { width: 208px; height: 34px; border: 1px solid #e5e5e5; padding: 0 10px; margin: 0 10px 0 0; display: block; -webkit-transition: background 0.5s linear, border-color 0.5s linear; -moz-transition: background 0.5s linear, border-color 0.5s linear; -o-transition: background 0.5s linear, border-color 0.5s linear; transition: background 0.5s linear, border-color 0.5s linear; background: #fbfbfb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#gkSearch #mod-search-searchword:hover, #gkSearch #mod-search-searchword:active, #gkSearch #mod-search-searchword:focus { background: #fff; border-color: #ccc; }
/* standard breadcrumb */
#gkBreadcrumb { clear: both; min-height: 18px; border: 0px solid #EBEBEB; border-radius: 3px; overflow: hidden; padding: 5px 0px; cursor: pointer; margin: 0; font-size: 10px; font-weight: bold; margin-bottom:25px;}
#gkBreadcrumb > div { overflow: hidden; padding: 5px; background: #f9f9f9 }
#gkBreadcrumb .breadcrumbs { width: auto; float: left; color: #333; }
#gkBreadcrumb .breadcrumbs li.separator { display: block; float: left; margin: 0 10px; color:#d7d7d7; }
#gkBreadcrumb .breadcrumbs > ul { margin-left: 0; height: 24px; line-height: 24px; padding: 0; }
#gkBreadcrumb .breadcrumbs > ul > li { float: left; width: auto; clear: none; height: 24px; line-height: 24px; }
#gkBreadcrumb .breadcrumbs > ul > li a { color: #888; }
#gkBreadcrumb .breadcrumbs > ul > li a:hover { color: #fc764a; }
#gkBreadcrumb .breadcrumbs > ul > li:first-child { margin-right: 0px; }
#gkBreadcrumb .breadcrumbs > ul > li:first-child > span { padding: 0 10px 0; display: block; color: #fc764a; }
#gk-ft{position: absolute; top: 0px; left: -5000px;}
/* tools */
#gkTools { float: right; margin-right: 10px; display:none;}
#gkTools a { display: block; float: left; width: 11px; height: 9px; margin: 7px 0 0 3px!important; text-indent: -99999em; background: transparent url('../images/font_size.png') no-repeat -44px 0; }
a#gkToolsReset { background-position: -24px 0; margin-left: 6px }
a#gkToolsDec { background-position: 0 0 }
/* footer */

#gkFooterWrap { margin: 20px auto; overflow: hidden;  font-size: 11px; }
#gkCopyrights span { float: right; line-height: 14px; }
#gkFooterNav { float: left; }
#gkFooterNav li { display: inline; margin-left: 16px; line-height: 11px; }
#gkFooterNav li:first-child { margin: 0; padding: 0; }
#gkStyleArea { clear: both; float: right; }
#gkColors { padding-top: 2px; }
#gkColors a { padding-left: 6px; }
#gkFrameworkLogo { display: block; width: 140px; height: 42px; background: url('../images/framework-logo.png') no-repeat 0 0; text-indent: -9999em; margin: 96px auto 0; padding-bottom: 40px; opacity: 0.3; clear: both; }

/* Suffixes */
.box, .box_text, .box_menu { overflow: hidden; margin-top:20px; }
.box:first-child, .box_menu:first-child, .box_text:first-child { margin-top: 0!important; }
#gkPage .box > div, #gkPage .box_text > div, #gkPage .box_menu > div { overflow: hidden; border: 0px solid #ebebeb; padding: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div.content { clear: both }
.box_content { padding: 0; overflow: hidden; color:#555; font-size:13px; line-height:1.2; }
.box li, .box_text li { list-style-type: disc; list-style-position: inside; line-height: 28px; font-weight:normal; padding-left: 3px; }
.box li a, .box_text li a { text-decoration: none; }
.box a, .box_text a { text-decoration: none; }
/*--- default */
.box h3.header, .box_menu h3.header, .box_text h3.header { font-size: 24px; font-weight: normal; letter-spacing: -0.5px; line-height: 26px; color: #333; margin-bottom: 20px; }
/* suffix border0 - go to line 122 */
/* suffix border1 */
.box.border1 > div { background: transparent; border: none!important; padding: 0!important; }
.box.border1 h3.header { padding-bottom: 12px;border-bottom: 4px solid #f0f0f0; }
.box.border1 h3.header > span { color: #fc764a; }
/* suffix border2 */
.box.border2 > div { padding: 0px !important; }
.box.border2 > div > div { background: #f7f7f7; padding: 22px; }
.box.border2 h3.header { padding-bottom: 6px;color: #999; border-bottom:1px solid #dfdfdf; }
.box.border2 h3.header > span { color: #333; }
/* suffix title1, title2, title3, suffix title1a, title2a, title3a, title1b, title2b, title3b */
.box.title1a h3.header, .box.title2a h3.header, .box.title3a h3.header, .box.title1b h3.header, .box.title2b h3.header, .box.title3b h3.header, .box.title1 h3.header, .box.title2 h3.header, .box.title3 h3.header { float: left; width: auto; height: 64px; margin:0 0 16px; padding: 0; background: url('../images/style1/coltitle.png') no-repeat 0 0; text-align: center; }
.box.title2a h3.header, .box.title2b h3.header { background-position: 0 -67px }
.box.title3a h3.header, .box.title3b h3.header { background-position: 0 -134px }
.box.title1a h3.header span, .box.title2a h3.header span, .box.title3a h3.header span, .box.title1b h3.header span, .box.title2b h3.header span, .box.title3b h3.header span, .box.title1 h3.header span, .box.title2 h3.header span, .box.title3 h3.header span { display: block; height: 51px; line-height: 51px; margin: 0 0 0 2px; padding: 0 18px; background: #222; border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; color: #fff; }
.box.title2a h3.header span, .box.title2b h3.header span { background: #fc764a; }
.box.title3a h3.header span, .box.title3b h3.header span { background: #7b9ef8; }
/* title 1, 2, 3 */
.box.title1 h3.header, .box.title2 h3.header, .box.title3 h3.header { height: 50px; background-position: 0 -211px; }
.box.title2 h3.header { background-position: 0 -278px }
.box.title3 h3.header { background-position: 0 -345px }
.box.title1 h3.header span, .box.title2 h3.header span, .box.title3 h3.header span { height: 41px; line-height: 41px; padding: 0 12px; font-size: 20px }
.box.title2 h3.header span { background: #fc764a; }
.box.title3 h3.header span { background: #7b9ef8; }
.box.title1 > div, .box.title2 > div, .box.title3 > div, .box.border0 > div, .box_text.border0 > div, .box_menu.border0 > div { padding: 10px !important }
/* title 1b, 2b,3b*/
.box.title1b, .box.title2b, .box.title3b { position: relative; }
.box.title1b > div, .box.title2b > div, .box.title3b > div { margin: 26px 0 0 17px; padding: 52px 26px 26px !important }
.box.title1b h3.header, .box.title2b h3.header, .box.title3b h3.header { position: absolute; top: 0; left: 0; }
/* suffix _menu */

.box_menu { border: none; border-radius: 3px 3px 3px 3px; overflow: hidden; padding: 0; }
.box_menu h3.header { color: #555 }
.box_menu > div { border-color: #fff !important; background: #fff; border: none; padding: 0; }
.box_menu ul { margin: 0 }
.box_menu ul li { background: url('../images/style1/bullet.png') no-repeat 0 18px; /*border-bottom: 1px solid #ddd;*/ margin: 0; padding: 0 0 0 16px; line-height: 2.4; font-weight: bold; font-size: 12px; }
.box_menu ul li:hover { background-position: 0 -559px }
.box_menu ul li a { display: block; margin: 0 2px; padding: 9px; color: #555 }
.box_menu ul li a:hover {color: #fc764a; font-weight: bold; }
.box_menu ul li li { border: none; border-top: 1px solid #f1efd9;}

/* - clear */
.box.clear, .box.clear > div, .box.clear > div > .box_content { padding: 0 !important; background: none !important; border: none !important; margin: 0!important; }
.box.clear > div > h3 { display: none; }
/* bottom modules */

#gkBottom2 { overflow: hidden; }
#gkBottom1, 
#gkBottom2 { overflow: hidden; }
#gkBottom2 > div > div { padding: 20px 6px; }
#gkBottom2 { color: #888; font-size: 12px;border-bottom: 1px solid #e5e5e5; }
#gkBottom2 a { color: #777; }
#gkBottom2 a:hover, 
#gkBottom2 a:active, 
#gkBottom2 a:focus { color: #333; }
#gkBottom2 li { list-style: none; background: url('../images/bullet.png') no-repeat 0 12px; padding-left: 18px}
#gkBottom2 li a { color: #888; }
#gkBottom2 .box > div > h3.header, 
#gkBottom2 .box_menu > div > h3.header, 
#gkBottom2 .box_text > div > h3.header { color: #444; font-size: 15px; text-shadow: 0 1px 0 #fff }
#gkBottom2 .nspArt h4.nspHeader { font-size: 13px;}


/* Suffix advertisement */
.box.advertisement h3.header { font-family: Arial, Verdana, sans-serif; border-bottom: 1px solid #ebebeb; color: #ccc; text-transform: uppercase; letter-spacing: 0; font-size: 9px; line-height: 22px; text-align: right; font-weight: normal; }
.box.advertisement > div, .box.tab > div, .box.tab1 > div, .box.tab2 > div { border: none!important; padding: 0!important; }
/* popup */
#gkPopupOverlay, #gkPopupLogin, #gkPopupRegister { display: none; overflow: hidden; width: 505px; margin-left: -250px; position: fixed; z-index: 1000002; left: 50%; top: 50%; background: #fff; }
#gkPopupLogin { width: 600px; margin-left: -300px; }
.gkPopupWrap { padding: 25px; }
#gkPopupOverlay { width: 100%; height: 100%; position: fixed; z-index:1000001; top:0; left:0; background:#000; opacity:0.3; filter:alpha(opacity=33); margin-left:0; }
.gkPopupWrap h3 { font-size: 28px; text-transform: uppercase; border-bottom: 1px solid #e7e7e7; margin: 0 0 20px; }
.gkPopupWrap h3 small { font: normal 12px Arial, Helvetica, sans-serif !important; }
.gkPopupWrap h3 small a { text-decoration: underline }
.gkPopupWrap h4 { font-size: 18px; margin: 0 0 12px; }
.gkPopupWrap ul li { }
#gkPopupLogin fieldset { padding: 0!important; }
#gkPopupLogin fieldset label { font-size: 12px }
#gkFBLogin { float: left; width: 45%; }
#gkFBLogin p { line-height: 18px; margin: 14px 0 20px }
#gkFBLogin + #login-form, #gkFBLogin + #com-login-form { float: left; width: 45%; margin-left: 4%; padding-left: 30px; border-left: 1px solid #e7e7e7 }
#form-login-remember { margin: 30px 0 4px; }
#form-login-remember label { color: #777; font-size: 11px; font-weight: normal; vertical-align: top; }
#login-form ul { border-top: 1px solid #E7E7E7; margin: 20px 0; overflow: hidden; padding: 2px 0 0; }
#login-form ul li { float: left; font-size: 11px; }
#login-form ul li:first-child { margin-right: 10px; }
#login-form ul li a { text-decoration: underline }
label#jform_spacer-lbl { font-size: 11px; font-weight: normal; color: #666 }
.logout-button .login-greeting { float: left; margin-right: 32px; font-size: 14px; }
#gkPopupRegister dl dt:first-child { font-size: 10px; display:block; width:100%; }
#gkPopupRegister dt { float: left; width: 35%; clear: both; }
#gkPopupRegister dt, #gkPopupRegister dd { line-height: 41px; height: 41px; }
#gkPopupRegister legend { display: none; }
#member-registration fieldset { padding: 0 0 24px }
#member-registration label { padding: 0 0 0 2px; font-size: 12px; }
#member-registration > div { line-height: 30px; }
#member-registration > div > button { margin-right: 12px; }
#member-registration > div a { text-decoration: underline }
#gkPopupLogin input[type="text"], #gkPopupLogin input[type="password"] { clear: both; display:block; width: 220px; }
#gkPopupRegister input[type="text"], #gkPopupRegister input[type="password"] { width: 250px; }
#gkPopupRegister dd:last-child {height: 130px; width: 100%; clear: both}


#gkPageTop { background: url('../images/bg.png') no-repeat 0 0; }
.catItemTitle {}
.gkmenu ul li { line-height:1.6; }
#itemListLinks h4 { display:none; }