/*

#------------------------------------------------------------------------

# 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 { background: #fdbc72; color: #fff; }

::-moz-selection { background: #fdbc72; color: #fff; }!important

::-webkit-selection { background: #fdbc72; color: #fff; }

body {min-height:100%; font: normal 14px/1.75 Arial, Helvetica, sans-serif; color: #333;}

a { text-decoration: none; color: #333; -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: #fc764a; }

h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-weight: normal; color: #333 }

h1, h2 { /*text-transform: uppercase; margin: 0 0 8px; */}

h1 { font-size:25px; line-height: 30px;  }

h2 { font-size:25px; margin-top:150px; /*line-height: 30px;*/  }

h3 { font-size:135% }

h4 { font-size:120% }

h5 { font-size:100% }

ul { list-style:none;}

ul li { line-height:1.85; }

p { margin-bottom: 1em}

/* Containers */

#gkPage { margin-top: 0; padding-top: 4px;  }

#gkPageWrap { background: #E5E5E5; padding: 0 0px 30px 0px;  border-bottom: 4px solid #333 }

#gkTopNav { margin: 0; padding: 0; }

#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 0 0; }

#gkTopNav + #gkHeader { padding-top: 0!important; }

#gkMain { padding: 0 20x!important; /*overflow: hidden;*/ clear:both; background-color:#E5E5E5 ; }

#gkMain_2222 { padding: 0 20x!important; /*overflow: hidden;*/ clear:both; background-color:#fff ; }

#gkBottom1 { margin-top: 20px; }

/* Logo  */

h1#gkLogo { float: left; margin: 50px 0 5px 20px; 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: 52px; margin: 0; text-indent: -999em; width:138px; }

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{ float: right; margin-top: 0px; padding-right:8px;}

#gkButtons { padding-top:8px; padding-right:20px; text-align:right; }

#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: 365px; 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: 1px solid #EBEBEB; border-radius: 3px; overflow: hidden; padding: 5px; cursor: pointer; margin: 0 0 30px!important; font-size: 10px; text-transform: uppercase; font-weight: bold; }

#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: 12px; }

#gkBreadcrumb .breadcrumbs > ul > li:first-child > span { padding: 0 10px 0; display: block; color: #fc764a; }

/* tools */

#gkTools { float: right; margin-right: 10px; }

#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-top: 10px; margin-left:10px; 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: 1px solid #ebebeb; padding: 26px; -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; text-transform: uppercase; 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: 10px !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: 34px; 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: 30px; line-height: 30px; 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; background-color:#fff;}

.box.title1b > div, .box.title2b > div, .box.title3b > div { margin: 18px 0 0 12px; padding: 25px 0 0 0!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: #EAE8CC !important; background: #FFFEF4; 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 #f1efd9; 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}



.RoseSlide h4 { width:200px}

.RoseSlide h4.nspHeader { padding-top:10px}

.RoseSlide h4.nspHeader a{ color:#FFF; font-size:16px;}

.RoseSlide div { background:black}

.RoseSlide img {background:none; border:none; margin:0; padding:0!important}

.RoseSlide div p.nspInfo { font-size:180%!important; background: #DFDFDF!important; margin:0; padding-left:15px}

.RoseSlide div p.nspText { width:200px; float:right; color:#FFF}

.RoseSlide div.nspTopInterface div { background:none; position: absolute!important; right: auto; top: auto!important;}

.RoseSlide div.nspTopInterface div ul.nspPagination { position: relative!important; left: 523px; top: 13px!important;}

.RoseSlide span.nspNext {left: 480px; position: relative; top: 274px;}

.RoseSlide span.nspPrev{left: 314px; position: relative; top: 274px;}



.RosebudBack {position:relative; top:58px;}

#RosebudBack a {color:#fc764a!important}

#RosebudBack a:hover { color:#227fa1!important}





.RosebudSpecialText p {margin-right: 0!important;

width:100%!important;}



.itemFullText p.RosebudSpecialText {width:100%!important;}