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

/* Here you can include your override CSS styles */

a {
    color: #3B6197;
}

a:visited {
    color: #551A8B;
}

h3 {
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 1.5em;
    margin-top: 20px;
    color: #3b6197;
}

}

b, strong {
    font-weight: 600;
}

#gkLogo {
    background: none repeat scroll 0 0 transparent;
     width: 419px;
}

.gkIsButtons {
    background: none repeat scroll 0 0 #ffcc33;
}

.box.colortitle h3.header {
    background: none repeat scroll 0 0 #ffcc33;
}

html {
    background: url("../images/trim/bg_base.jpg") no-repeat scroll center bottom #336699;
}

body {
    color: #666666;
    font-weight: normal;
    background: url("../images/trim/bg_abstract.png") no-repeat scroll top right transparent;
    line-height: normal;
}

body h1 {
    line-height: 1.5em;
}

body p{
    line-height: 1.5em;
}

.gkMenu > ul > li > a {
    color: #FFCC33;
    text-shadow: 0 1px 0 #204060;
}

#gkTopLinks a {
    color: #999999;
}

#gkMainMenu {
    border-top: 3px solid #FFCC33;
}

#gkBottom3 {
    border-top: 3px solid #FFCC33;
}

.category-view .row .category .spacer h2 a:hover {
    color: #212121;
}

.product_s_desc {
    font-size: 14px;
    line-height: 1.25em;
}
/*
ul.gkBullet1 li {
    background: url("../../images/style2/typography/bullet1.png") no-repeat scroll 0 7px transparent !important;
}*/

ul.gkBullet1, ul.gkBullet2, ul.gkBullet3, ul.gkBullet4, ul.gkCircle1, ul.gkCircle2, ul.gkSquare1, ul.gkSquare2, ul.gkSquare3, div.product-description ul, #k2Container .itemFullText ul, #k2Container .itemIntroText ul {
    margin: 10px 0px 20px 20px;
}

ul.gkBullet1 li, ul.gkBullet2 li, ul.gkBullet3 li, ul.gkBullet4 li, ul.gkCircle1 li, ul.gkCircle2 li, ul.gkSquare1 li, ul.gkSquare2 li, div.product-description ul li, #k2Container .itemFullText ul li, #k2Container .itemIntroText ul li {
    padding: 5px 0 0 20px;
    line-height: 1.5em !important;
}

#ul.gkCircle1 li,
div.product-description ul li {
    background: url("../images/trim/bullet-circle1.png") no-repeat scroll 0 7px transparent !important;
}

ol {
    list-style-position: outside;
    padding: 0 0 0 40px;
}

ol.noindent {
    padding: 0 0 0 20px;
}

ol.gkDec {
    margin: 0.5em 0;
}

ol.gkDec li{
    margin: 0.5em 0;
}

.product-description tbody tr {
        font-size: 12px;
	color: #212121;
}

.parts tbody tr {
	font-size: 12px;
	color: #212121;
}

.parts tbody tr:first-child {
	font-size: 14px;
	color: #224971;
	background-color: #ffefbf;
}

td.partsHead{
	font-size: 14px;
	color: #224971;
	background-color: #ffefbf;
}

.trimbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcc33), color-stop(1, #cca42d) );
	background:-moz-linear-gradient( center top, #ffcc33 5%, #cca42d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc33', endColorstr='#cca42d');
	background-color:#ffcc33;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#6b6b6b;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none !important;
	text-shadow:1px 1px 0px #ffffff;

}

.trimbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cca42d), color-stop(1, #ffcc33) );
	background:-moz-linear-gradient( center top, #cca42d 5%, #ffcc33 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cca42d', endColorstr='#ffcc33');
	background-color:#cca42d;
}

.trimbutton:active {
	position:relative;
	top:1px;
}

.gkBlockTextLeft, .gkBlockTextRight, .gkBlockTextCenter {
    color: #336699;
    display: block;
    font-size: 16px;
    font-style: normal;
    line-height: 150%;
    width: 33%;
}

.gkblock-1, .gkblock-2, .gkblock-3, .gkblock-4, .gkblock-5, .gkblock-6, .gkblock-7, .gkblock-8, .gkblock-9 {
    margin: 0 20px 20px 0;
    padding: 20px;
}

article.item-page ul:not(.pagenav) {
    margin: 0;
}

select, textarea, input[type="text"], input[type="password"], input[type="url"], input[type="email"] {
        line-height: 1.25em;
}

.product-price {
    background: none repeat scroll 0 0 #EFEFEF;
}

.nn_sliders_container {
    font-size: 12px;
}

.featured-view .spacer h3 a:hover,
.latest-view .spacer h3 a:hover,
.topten-view .spacer h3 a:hover,
.related-products-view .spacer h3 a:hover,
.browse-view .row .product .spacer h2 a:hover,
h3.catProductTitle a:hover {
	color: #CC9933;
}

.pagination ul li a {
    background: none repeat scroll 0 0 #cc9933;
}

#gkBreadcrumb .breadcrumbs a:active,
#gkBreadcrumb .breadcrumbs a:focus,
#gkBreadcrumb .breadcrumbs a:hover {
	color: #336699;
}

#gkTop2 a:hover img,
#gkBottom2 a:hover img {
opacity: 0.5;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.gkIsWrapper-gk_bikestore figure.active figcaption {
    z-index: 50;
}

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 {
	background: #CC9933;
}
.gkmenu #menu685 {
    text-transform: inherit;
}

/*#gkTopLinks {
    display: none !important;
}*/

.box .header {
    text-transform: inherit;
}

.featured-view h4, .latest-view h4, .topten-view h4, .related-products-view h4, .browse-view h1, h2.catSub, .category-view h4 {
    text-transform: inherit;
}

.category-view .row .category.floatleft.width20.vertical-separator .spacer .catSub a {
	vertical-align: middle;
}

div#aiContactSafe_mainbody_4 div#aiContactSafeBtns input {
    padding: 0px;
}

/* Virtuemart Overrides */

.category-view .row .category .spacer h2 a {
    font-size: 24px;
    font-weight: inherit;
    line-height: 26px;
    color: #336699;
}

.category-view .row .category .spacer img {
    display: none;
}

.mainProduct .category-view .row .category .spacer img {
    display: block !important;
}

.category-view .row .category .spacer {
    padding: 10px 0 0 0 !important;

}

.featured-view h4, .latest-view h4, .topten-view h4, .related-products-view h4, .browse-view h1, h2.catSub, .category-view h4 {
    font-size: 24px;
}

.catProductPrice {
    display: none;
}

.catProductDetails:hover {
	background: #CC9933;
}

.featured-view .spacer h3, .latest-view .spacer h3, .topten-view .spacer h3, .related-products-view .spacer h3, .browse-view .row .product .spacer h2, h3.catProductTitle {
    font-size: 18px;
    font-weight: 300;
}

.category-view .row .category .spacer, .featured-view .spacer, .latest-view .spacer, .topten-view .spacer, .related-products-view .spacer, .browse-view .row .product .spacer {
    padding: 12px 17px;
    min-height: 62px;
}

.box.gkmod-5 {
    width: 20%;
}

.box.gkmod-6 {
    width: 16.66%;
}

@media all and (min-width: 901px) {
.box.gkmod-more.gkmod-last-2:last-child, .box.gkmod-more.gkmod-last-2:nth-last-child(2) {
    width: 20% !important;
}
}

@media all and (max-width: 540px) {
.box.gkmod-more.gkmod-last-2:last-child, .box.gkmod-more.gkmod-last-2:nth-last-child(2) {
    width: 100% !important;
}
}

.box.gkmod-more:nth-child(4n+1) {
    clear: none;
}

#gkTop2 .box > div {
    padding: 10px;
}

#gkTop1 .box > div {
    padding: 0;
}

div.featureditem {
    border: none;
    margin-right: 2%;
    padding: 8px 0;
}

.orderlistcontainer {
    display: none;
}

.triangle-border.left:after {
    border-color: transparent #FFFFFF;
    border-width: 9px 21px 9px 0;
    bottom: auto;
    left: -21px;
    top: 16px;
}
.triangle-border:after {
    border-color: #FFFFFF transparent;
    border-style: solid;
    border-width: 13px 13px 0;
    bottom: -13px;
    content: "";
    display: block;
    left: 47px;
    position: absolute;
    width: 0;
}
.triangle-border.left:before {
    border-color: transparent #FFCC33;
    border-width: 15px 30px 15px 0;
    bottom: auto;
    left: -30px;
    top: 10px;
}
.triangle-border:before {
    border-color: #FFCC33 transparent;
    border-style: solid;
    border-width: 20px 20px 0;
    bottom: -20px;
    content: "";
    display: block;
    left: 40px;
    position: absolute;
    width: 0;
}
.triangle-border.left {
    margin-left: 82px;
}
.triangle-border {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #FFCC33;
    border-radius: 10px 10px 10px 10px;
    margin: 1em 0 3em;
    padding: 15px;
    position: relative;
    text-align: left;
    width: 180px;
}

.ask-a-question {
    margin: 0;
    text-align: left;
}

.general-bg, input.vm-default, a.product-details, a.details, div.details {
    color: #CC9933;
}

.vm-button-correct:hover {
    background: none repeat scroll 0 0 #CC9933;
}

.box.double {
width: 66.666666%!important;
}

.box.double + .box {
width: 33.333333%!important;
}

@media all and (max-width: 540px) {
.box.double {
width: 100%!important;
}

.box.double + .box {
width: 100%!important;
float: none !important;
text-align: center;

}
}

.noPageContent #gkPageContent {
display: none !important;
}

div#gkTopLinks {
    display: none;
}

#gkPageWrap {
    padding-top: 22px;
}

#gkPageTop {
    margin-bottom: 0px !important;
}

#gkTop1 {
    margin-bottom: 0px !important;
}

div .content .custom.alpha h3 {
    background: #040c62;
    color: #FFFFFF;
    font-size: 19px;
}

div .content .custom.alpha.white h3 {
    background: #040c62;
    color: #FFFFFF;
    font-size: 19px;
    line-height: 1.2em;
    padding: 5px;
    min-height: 44px;
}

div .content .custom.alpha a,
div .content .custom.alpha p {
    color: #3B6197;
    margin: 0;
}

#gkBottom3 h3.header {
    line-height: 0;
    margin-bottom: 22px;
}

#gkBottom3 p {
    margin-bottom: 0;
}

#gkBottom3 .box > div {
    padding: 22px 0 11px 0;
}

.gkFooter {
    padding-top: 11px;
}

.lof-ass .lof-description {
	top:20px;
	bottom: inherit !important;
	max-width: 360px !important;
	line-height: 1.4em;
}

@media all and (max-width: 540px) {
.lof-ass {
    font-size: 80%;
}

div.lof-navigator-outer {
    width: 125px !important;
}

.lof-ass .lof-description {
    max-width: 220px !important;
}

.floatright {
    float: none !important;
}

#gkTop1 .box > div {
    margin-left: 0;
}

div.featureditem {
    margin-right: 0;
}
}

/* suffix alpha */
.box.alpha > div {
	background: transparent url('../images/style1/bg_alpha_almost_white.png') repeat 0 0!important;
}

.box.alpha.white > div {
	background: transparent url('../images/style2/bg_alpha.png') repeat 0 0!important;
	padding: 10px;
}

.box.no-margin > div {
	padding: 0;
}

.get-a-quote {
	color: #FFFFFF !important;
	width: 39%;
	height: 30px;
	text-align: center;
	float: left;
	display: block;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #606060), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #606060 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#000000');
	background-color:#000000;
	text-shadow:1px 1px 0px #606060;
}

.get-a-quote:hover {
	color: #FFFFFF !important;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #606060) );
	background:-moz-linear-gradient( center top, #000000 5%, #606060 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#606060');
	background-color:#cca42d;
}