/*

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

# 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-border-radius: 2px;

	-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;*/

	margin: 5px 0;

	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;
	
/*//	width:100%;
*/
	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{

	display:none;

}

#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

}

#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

}

#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 {

	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

}

.tip {

	background: #fff;

	border: 1px solid #eee;

	max-width: 350px;

	min-width: 160px;

	padding: 8px

}

.tip-text {

	color: #555;

	font-size: 12px;

	padding: 5px 0

}

.tip-title {

	background: #f47953;

	color: #fff;

	font-size: 14px;

	font-weight: 700;

	line-height: 20px;

	padding: 5px 10px

}

.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: 25px;

	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.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.tooltip:hover span {

     border: 1px solid #ccc;

     background: rgba(255, 255, 255, 0.9);

    display:inline;

    position:absolute;

    color:#111;

}

div.tags.tagcloud a.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;

}