/*
#------------------------------------------------------------------------
# Shop and Buy - July Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

button,
.button,
#gkMainbody .itemReadMore,
#gkMainbody .readmore > a,
input.button,
span.button,
button.button,
div.button,
input[type="submit"],
input[type="button"],
.pagenav-prev a,
.pagenav-next a,
.readon,
.pagination ul li a,
.pagination ul li span,
.gkShowCart a {
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	background: #282c2f;
	border: none;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: 400;
	height: 36px;
	line-height: 36px;
	margin: 0 5px 2px 2px;
	padding: 0 15px;
	text-align: center;
	text-transform: uppercase;
}
.readon {
	background: #282c2f;
	color: #fff!important;
	display: inline-block;
	float: none;
	font-size: 11px;
	font-weight: normal;
	height: 28px;
	line-height: 28px;
	margin: 35px 0 0 0;
	padding: 0 12px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	width: auto;
}
button:hover,
.button:hover,
input.button:hover,
span.button:hover,
button.button:hover,
div.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.pagenav-prev a:hover,
.pagenav-next a:hover,
.readon:hover,
#gkMainbody .itemReadMore:active,
#gkMainbody .itemReadMore:focus,
#gkMainbody .itemReadMore:hover,
#gkMainbody .readmore > a:active,
#gkMainbody .readmore > a:focus,
#gkMainbody .readmore > a:hover,
.readon:active,
.readon:focus,
.readon:hover,
.gkShowCart a:hover {
	background: #3c5166;
	color: #fff
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
textarea:focus { background: #fffef4 }
input[type=checkbox],
.checkbox,
input[type=radio],
.radio {
	background: transparent!important;
	border: none!important;
	height: auto!important;
	margin-top: 7px!important
}
label {
	color: #333;
	font-size: 13px;
	font-weight: 400
}
label.invalid {
	background: #fff;
	border: none!important;
	color: #e25527!important
}
legend {
	color: #333;
	font-size: 22px
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"] {
	-moz-border-radius: 4px;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-border-radius: 4px;
	-webkit-box-sizing: border-box;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	box-sizing: border-box;
	color: #9c9c9c;
	font-size: 12px;
	font-weight: 400;
	height: 34px;
	max-width: 100%!important;
	padding: 0 15px
}
select {
	height: inherit;
	padding: 6px
}
select[size="1"] {
	height: 29px!important;
	line-height: 24px
}
select[size] {
	font-size: 12px;
	height: auto
}
html.-moz-select { padding: 3px 5px }
table {
	margin-bottom: 20px;
	width: 100%
}
tbody tr td {
	border-bottom: 1px solid #eee;
	padding: 8px
}
tbody tr td p { margin: .5em 0 }
textarea {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	max-width: 100%!important;
	padding: 14px
}
th {
	background: #282c2f;
	color: #fff;
	font-weight: 400;
	padding: 10px 8px;
	text-align: left
}
th a { color: #fff!important }
th a:active,
th a:focus,
th a:hover,
article header h1 a:hover,
article header h2 a:hover { color: #4c90fe }
tr:hover { background: #fbfbfb }
ul.pagenav {
	margin: 0;
	overflow: hidden;
	padding: 0
}
#advanced-search-toggle {
	display: block;
	font-size: 16px;
	padding: 10px 0;
	text-align: center
}
.article-index {
	border: 2px solid #eee;
	float: right;
	font-size: 14px;
	margin: 0 0 30px 30px;
	padding: 0 24px;
	width: 160px
}
.article-index h3 {
	font-size: 21px;
	line-height: 1;
	margin: 24px 0 6px
}
.article-index li {
	background: none!important;
	border-top: 1px solid #e5e5e5;
	padding: 7px 0
}
.article-index li a.active,
dl#tabs dt.tabs.open a,
dl.tabs dt.tabs.open a { color: #333 }
.article-index li:first-child {
	border-top: none;
	margin-top: 10px
}
#dynamic_recaptcha_1,
#recaptcha_area {
	margin-bottom: -30px;
	max-width: 480px;
	min-height: 112px
}
#finder-filter-select-list label {
	clear: both;
	float: left;
	font-size: 12px;
	line-height: 36px;
	min-width: 140px
}
#finder-filter-select-list li {
	overflow: hidden;
	padding: 0
}
#gkMainbody #dynamic_recaptcha_1,
#gkMainbody #recaptcha_area { margin-bottom: 10px }
#gkMainbody .itemReadMore,
#gkMainbody .readmore > a { display: inline-block }
#gkMainbody .registration { width: 500px }
#gkSocialAPI {
	border-top: 1px solid #e5e5e5;
	clear: both;
	margin: 16px 0;
	padding: 16px 0 0
}
#gkSocialAPI #___plus_0 {
	margin-right: 10px!important;
	position: relative;
	top: -5px;
	vertical-align: top
}
#gkSocialAPI > a { top: -5px }
#gkSocialAPI > iframe,
#gkSocialAPI > #___plusone_0 {
	position: relative;
	top: -5px
}
.fb_iframe_widget iframe {
	max-width: 1000px!important; 
	overflow: visible;
}
#jform_contact_email_copy { margin-left: 10px }
#member-registration dd { min-width: 200px }
#member-registration dd:after {
	content: '\A';
	white-space: pre
}
#member-registration dt { min-width: 170px }
#member-registration dt,
#member-registration dd {
	display: inline-block;
	padding-bottom: 10px
}
#member-registration fieldset + div,
#member-profile > div { line-height: 35px }
#search-form fieldset.word label,
#search-form fieldset.word input,
#search-form fieldset.word button {
	float: left;
	margin-right: 5px
}
#search-query-explained {
	border-bottom: 1px solid #e5e5e5;
	font-size: 16px;
	padding: 10px 0
}
#search-result-empty h2 { font-size: 18px }
#searchForm fieldset input[type="radio"],
#searchForm fieldset input[type="checkbox"] { margin-top: 7px!important }
#searchForm fieldset legend { padding: 0 4px }
#searchForm fieldset,
.search-results dt {
	border-top: 1px solid #e5e5e5;
	margin: 12px 0 0;
	padding: 18px 0 0
}
#searchForm fieldset.word {
	border: none;
	padding: 0 0 42px
}
#searchForm label,
#searchForm input,
#finder-search input {
	float: left;
	line-height: 29px;
	margin: 0 10px 0 0
}
#searchForm .ordering-box { margin-top: 7px !important }
#system-message-container { margin: 0; }
#system-message-container div.alert {
	background: #3c5166;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	min-height: 40px;
	padding: 5px 10px 7px;
	text-align: center
}
#system-message-container div.alert-error { background: #ed6363; }
#system-message-container div.alert-notice { background: #1d1d1d; }
#system-message-container a.close {
	display: none;
}
#system-message-container h4,
#system-message-container p {
	text-align: center;
	color: #fff;
	margin-top:  10px;
}
#system-message-container p  {
	margin: 10px auto;
}
.advanced-search-tip {
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	font-size: 12px;
	margin: 0 0 24px;
	padding: 12px 0
}
.advanced-search-tip p { margin: 0 }
.archive article { padding: 32px 0 0 }
.autocompleter-queried { color: #4c90fe!important }
.bannergroup:first-line,
.bannergroup_text:first-line {
	color: #282c2f;
	font-size: 15px;
	font-weight: 600;
	line-height: 32px
}
.blog article header ul { margin: 0 0 10px }
.box.menu li {
	border-bottom: none!important;
	line-height: 1.6;
	padding: 0
}
.box.menu li a {
	display: inline-block;
	padding: 5px 0 5px 6px;
}
.box.menu li:before {
	content: "\f101";
	font-family: FontAwesome;
}
.contact h3 {
	border-top: 1px solid #e5e5e5;
	margin: 30px 0 12px;
	padding: 24px 0 0
}
.contact-form .button.validate {
	clear: both;
	margin: 20px 0 0
}
.contact-form legend {
	color: #999;
	font-size: 13px;
	margin: 0 0 24px
}
.contact-image {
	border: 10px solid #fff;
	float: right;
	padding: 0
}
.edit fieldset > div {
	clear: both;
	padding: 5px 0
}
.edit fieldset > div label {
	display: block;
	float: left;
	min-width: 120px
}
.filter-search > label { line-height: 32px }
.filters .display-limit select {
	display: inline!important;
	float: none
}
.filters .display-limit,
ul.pagenav .pagenav-next { float: right }
.form-limit {
	float: right;
	margin: 24px 0 0
}
.img-fulltext-none > div,
.img-fulltext-left > div,
.img-fulltext-right > div {
	float: none!important;
	width: 100%!important
}
.img-fulltext-none img,
.img-fulltext-left img,
.img-fulltext-right img {
	display: block;
	height: auto!important;
	max-width: 100%!important;
	width: 100%!important
}
.img-fulltext-none,
.img-fulltext-left,
.img-fulltext-right {
	float: none;
	margin: 0 0 32px;
	overflow: hidden;
	position: relative
}
.img-intro-left,
.img-intro-right,
.img-intro-center {
	margin-bottom: 16px;
	max-width: 100%!important
}
.img-intro-left,
.img-intro-right,
.img-intro-left > img,
.img-intro-right > img,
section.blog div.img_caption { float: none!important }
.img-intro-none { float: none }
.img-intro-none img {
	float: none!important;
	margin: 0 auto
}
.invalid {
	background: #fffef4;
	border: 1px solid #e25527!important;
	color: #282c2f
}
.item-page > div.pagination { display: none!important }
.item-page ul { list-style-type: none }
.items-leading > div {
	clear: both!important;
	margin-top: 50px
}
.mod-languages ul li a img {
	-moz-transform: scale(1);
	-moz-transform-style: preserve-3d;
	-moz-transition: 0 .1s ease-out;
	-ms-transform: scale(1);
	-ms-transform-style: preserve-3d;
	-o-transform: scale(1);
	-o-transition: 0 .1s ease-out;
	-webkit-transform: scale(1);
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 0 .1s ease-out;
	transform: scale(1);
	transform-style: preserve-3d;
	transition: transform .1s ease-out
}
.mod-languages ul li a:hover img {
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-webkit-transition: 0 .6s ease-out;
	transform: scale(1.2);
	transition: transform .6s ease-out
}
.mod-languages ul li.lang-active { font-weight: 700 }
.mod-languages ul li.lang-active a img {
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.mod-languages ul.lang-inline,
.mod-languages ul.lang-block {
	display: inline-block;
	float: left
}
.pagenavcounter { color: #999 }
.pagination {
	clear: both;
	margin: 60px 0 20px;
	padding: 12px 0
}
.pagination ul li {
	background-image: none!important;
	color: #909090;
	cursor: default;
	display: inline-block;
	margin: 0
}
.pagination ul li a { color: #FF7E57!important }
.pagination ul li a,
.pagination ul li span {
	background: none;
	border: 1px solid #eee;
	color: #999;
	margin-right: 2px
}
.pagination ul li a:hover { color: #282c2f!important }
.pagination ul li span { background: #f8f8f8 }
.pagination ul li.counter {
	float: right;
	font-size: 11px;
	line-height: 38px;
	margin-right: 12px
}
.pane-sliders .panel h3 {
	border-bottom: 1px solid #eee;
	color: #282C2F;
	font-size: 16px;
	padding: 16px 0;
	
}
.pane-sliders .panel h3 a { color: #282C2F !important}
.pane-sliders .panel h3 a:hover, .pane-sliders .panel h3.pane-toggler-down a { color: #ED6363 !important}
.pane-sliders .panel p { margin: 1.5em 0 2em}
.profile dd,
.profile-edit dd { padding: 3px 0 }
.profile dt,
.profile-edit dt {
	clear: both;
	color: #282C2F;
	float: left;
	font-size: 12px;
	font-weight: 600;
	line-height: 25px;
	min-width: 200px;
	padding: 3px 0;
	text-transform: uppercase
}
.profile fieldset legend,
.profile-edit fieldset legend { padding: 40px 0 20px }
.profile-edit dt {
	float: left;
	min-width: 30%
}
.result-category,
.result-created {
	color: #AFAFAF;
	font-size: 13px;
	padding: 0 0 8px
}
.result-created {
	float: right;
	margin: 6px 0 0
}
.result-title {
	clear: both;
	color: #333;
	font-size: 24px;
	font-weight: 300
}
.search-results .highlight {
	background-color: #ffc;
	font-weight: 400;
	padding: 1px 4px
}
.search-results dt:first-child,
.box.menu .header + .content ul li:first-child { border-top: none }
.searchintro strong {
	color: #333;
	font-size: 16px;
	font-weight: 400
}
.tooltip {
	background: #fff;
	border: 1px solid #eee;
	max-width: 350px;
	min-width: 160px;
	padding: 8px;
	position: absolute!important;
	opacity: 1;
	z-index: 10;
}
.tooltip-inner {
	color: #555;
	font-size: 12px;
	padding: 5px 0
}
.tooltip-title {
	background: #f47953;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	padding: 5px 10px;
	width: 100%;
     clear: both;
     display: block;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
.tip-wrap { z-index: 101 }
article aside {
	background: #f8f8f8;
	display: block;
	float: left;
	font-size: 13px;
	padding: 15px;
	text-align: center;
	width: 90px
}
article aside.itemAsideInfo > img,
article aside.itemAsideInfo > ul li { margin: 0 0 22px }
article aside.itemAsideInfo a,
article aside.itemAsideInfo .itemPrintEmail a:hover { color: #848484!important }
article aside.itemAsideInfo a:hover,
article aside.itemAsideInfo .itemPrintEmail a { color: #333!important }
article aside.itemAsideInfo p,
article aside.itemAsideInfo li.itemPrintEmail a {
	color: #333;
	font-weight: 400;
	margin: 0 0 2px
}
.itemPrintEmail span {
	display: none!important;
}
article header {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 24px;
	width: 100%
}
article header h1,
article header h2 {
	font-size: 40px;
	font-weight: 300;
	position: relative
}
article header li {
	float: left;
	font-size: 13px;
	margin: 0 24px 0 0 !important
}
article header li a { color: #222 }
article header li a:hover { color: #418CD1 }
article header li:first-child,
.box.menu ul ul { margin-left: 0 }
article header ul { margin: 6px 0 }
article,
article > section { position: relative }
article.item-page ul.content-links li { background: none }
div.articleContent div.content-links ul li {
	background: none!important;
	padding-left: 0!important
}
div.bannerfooter {
	border-top: 1px solid #e5e5e5;
	color: #ed6363;
	padding: 5px 5px 0 0;
	text-align: right;
}
div.banneritem {
	border-top: 1px solid #e5e5e5;
	padding: 8px 0;
}
div.banneritem a { font-size: 15px; }
div.mod-languages { text-align: center }
div.mod-languages > div,
div.mod-languages > form {
	display: inline-block;
	margin: 0 3px
}
div.mod-languages > ul.lang-block > li,
div.mod-languages > ul.lang-inline > li {
	line-height: 32px;
	margin: 0 5px
}
div.mod-languages p { margin-bottom: .5em }
div.search-pages-counter {
	font-size: 12px;
	font-style: italic;
	text-align: center
}
dl#tabs dt.tabs h3:hover a,
dl.tabs dt.tabs h3:hover a { cursor: pointer }
dl#tabs dt.tabs span h3 a,
dl.tabs dt.tabs span h3 a {
	float: left;
	height: 30px;
	line-height: 29px;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0
}
dl#tabs dt.tabs span h3,
dl.tabs dt.tabs span h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	padding: 0;
	text-transform: uppercase
}
dl#tabs dt.tabs,
dl.tabs dt.tabs {
	border-right: 1px solid #e5e5e5;
	float: left;
	margin-right: 24px;
	padding-right: 12px
}
dl#tabs,
dl.tabs {
	border: 1px solid #e5e5e5;
	margin: 0 0 16px;
	min-height: 30px;
	overflow: hidden;
	padding: 12px 24px
}
dt.inline,
dd.inline {
	display: inline-block!important;
	float: left!important;
	width: auto!important
}
fieldset.filters > div > * {
	float: left;
	margin-right: 10px
}
fieldset.filters > div > select { margin-top: 4px }
fieldset.filters,
.blog .leading,
.content-links { margin-bottom: 50px }
fieldset.phrases,
fieldset.only {
	border: 1px solid #e5e5e5;
	padding: 12px 24px 24px!important
}
legend.hidelabeltxt,
.filters .hidelabeltxt,
.contact .jicons-icons,
#system-message dt { display: none }
li.print-icon a,
li.email-icon a {
	position: relative;
	top: 3px
}
p.img_caption {
	color: #999;
	display: block;
	font-size: 11px;
	padding: 8px 0 0
}
section > header {
	margin: 0 0 32px;
	padding: 0
}
section > header div p {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.4;
	text-transform: none
}
section > header h2 small {
	color: #666;
	font-size: 20px
}
section article { margin-top: 20px }
section img {
	height: auto!important;
	max-width: 100%!important
}
section.blog .items-more h3 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 20px
}
section.blog .items-row {
	clear: both;
	margin-bottom: 40px;
	overflow: hidden
}
section.blog .items-row header h2,
section.blog-featured .items-row header h2 { font-size: 28px }
section.blog div.img_caption img.caption {
	display: block;
	float: none!important
}
section.blog-featured .items-row {
	margin-bottom: 0;
	margin-top: 40px
}
section.blog-featured .items-row:first-child,
.items-leading > div:first-child,
section article:first-child,
section.blog .items-more ol { margin-top: 0 }
section.categories-list li > div p,
section.category .children li > div p,
section.blog .children li > div p {
	font-size: 14px;
	margin: .5em 0
}
section.categories-list li > dl > dd,
section.category .children li > dl > dd,
section.blog .children li > dl > dd {
	float: left;
	font-weight: 700;
	margin-left: 5px
}
section.categories-list li > dl > dt,
section.category .children li > dl > dt,
section.blog .children li > dl > dt { float: left }
section.categories-list li > dl,
section.category .children li > dl,
section.blog .children li > dl {
	font-size: 11px;
	margin: 0
}
section.categories-list li,
section.category .children li,
section.blog .children li {
	border-top: 1px solid #e5e5e5;
	clear: both;
	font-size: 16px;
	line-height: 1.4;
	overflow: hidden;
	padding: 12px 0
}
section.categories-list ul ul { margin-left: 20px }
section.categories-list ul ul li {
	border: none;
	border-top: 1px solid #eee;
	padding-left: 6px
}
section.categories-list ul ul li:first-child,
section.blog .items-row article header li { border: none }
section.category .children h3,
section.blog .children h3 {
	font-size: 18px;
	font-weight: 300;
	line-height: 24px;
	margin: 20px 0
}
section.category .children,
section.blog .children {
	clear: both;
	margin-top: 32px
}
section.contentpane iframe {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #eee;
	box-sizing: border-box
}
section.login .login-fields { padding-bottom: 16px }
section.login .login-fields label {
	display: block;
	float: left;
	line-height: 34px;
	min-width: 100px
}
section.login ul {
	font-size: 14px;
	margin-top: 40px
}
section.newsfeed > ol { list-style: none }
section.newsfeed > ol > li {
	border-top: 1px solid #eee;
	padding: 24px 0 0
}
section.newsfeed > ol > li > a { font-size: 42px }



/* tags */
#adminForm div.tags {
     margin-top: 0;
}
div.tags {
     margin-top: 10px;
     overflow: hidden;
}
div.tags > span.tags-label {
     float: left;
     margin-right: 30px;
     line-height: 23px;    
}
.item-page .tags {
     padding-bottom: 15px;
     font-size: 14px;
}
div.tags a {
     display: inline-block;
     float: left;
     margin: 0 8px 0 0;
     color: #ED6363;
}
div.tags a:hover,
div.tags a:focus,
div.tags a:active {
     background-position: 0 100%;
}
span.tag-body p {
     display: inline;
}
div.tags.tagcloud a.gk-tooltip span {
    z-index:10;
    font-weight: bold;
    display:none;
    padding: 15px;
    margin-top: -50px;
    margin-left: 60px;
    width: 240px;
    max-width: 240px;
    line-height:16px;
    font-size: 85%;
    font-weight: normal!important;
    transition: all 1s ease-in;
}

div.tags.tagcloud  a.gk-tooltip:hover span {
     border: 1px solid #ccc;
     background: rgba(255, 255, 255, 0.9);
    display:inline;
    position:absolute;
    color:#111;
}
div.tags.tagcloud a.gk-tooltip span img {
     max-width: 80px!important;
     height: auto;
     float: left;
     margin: 0 10px 10px 0;
}
div.tag-category div.btn-group {
     margin-top: 10px;
}
div.tag-category div.btn-group.pull-right {
     float: right;
}
div.tag-category div.btn-group label {
     margin-top: 10px;
}
div.tag-category h3 {
     font-size: 19px;
     margin: 8px 0;
}
div.tag-category h3 {
     font-size: 19px;
     margin: 8px 0;
}
div.tag-category ul.category li {
     border-bottom: 1px solid #ccc;
     padding: 10px;
     font-size: 90%;
}
div.tag-category ul.category li h3 {
     font-size: 14px;
     margin: 0;
}
div.tags.tagcloud a {
     float: left;
     margin-bottom: 6px;
}