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

/* BEGIN - TEMP BORDERS UNTIL I CAN FIX BUTTON VISIBILITY */
.quantity-controls input[type="button"] {
	border-width: 2px;
	border-style: solid;
	padding: 0 2px;
	width: 15px;
}
/* END - TEMP BORDERS UNTIL I CAN FIX BUTTON VISIBILITY */


/* PRODUCT DETAILS BUTTON */
.general-bg, input.vm-default, a.product-details, a.details, div.details {
	background-color: lightgray;
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
}

input.quantity-input {
	padding: 6px 8px !important;
	width: 50px;
	text-align: center;
}

input.addtocart-button {
	border: none;
	float: right;
	color: #fff !important;
	font-weight: 600;
	height: 30px !important;
	min-width: 50%;
	padding: 0 9px 0 9px;
	/*margin: 8px 0 0 -40px;*/
	margin: 0 0 0 -30px;
	line-height: 32px;
	border-radius: 10% / 50%;
}
.productdetails-view .addtocart-bar input.addtocart-button {
	margin: 0;
}
/*input.addtocart-button.productdetails.childItems {*/
/*	margin: 0 0 0 0;*/
/*	!*background: green;*!*/
/*	width: 20%;*/
/*}*/

div.PricesalesPrice {
	margin: 0 0 0 0;
	padding: 0 0 0;
	font-weight: bold;
}

/* NEED TO FIND CORRECT TAG - TRYING TO FIX WIDTH ISSUES ON CATEGORY VIEW
product_s_desc {
    font-size: 14px;
    margin: 0;
}
*/


h2 {
	font-size: 14px;
	/*padding: 10px 0 5px;*/
}

/*.availability {
	margin: 4px 0 0 13%;
	width: 65%;
	display: flex;
	justify-content: center;
	margin: 0 0 0 5px;
}*/
.browse-view .availability {
	margin: 0 0 0 5px;
}
/*.spacer-buy-area .availability {
	margin: 10px 0 0 -33px;
}*/

.product-price span.PricesalesPrice {
	color: #E81F00;
	font-size: 32px;
	font-weight: 400;
	margin: 10px 0 0 2px;
}

div.PricesalesPrice {
	color: #E81F00;
	font-size: 14px;
}
.PricesalesPrice.vm-display.vm-price-value {
	margin-top: 15px;
}
.productdetails-view .addtocart-bar, .write-reviews, ul#tabs {
	margin: 5px 0 0;
}

#gkHeaderTop {
	height: 38px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10001;
}

#gkHeaderTop > .gkPage {
	position: relative;
}

#gkHeaderNav {
	background: url('../images/header_wave_jdvnew.png');
	position: fixed;
	top:38px;
	height:135px;
	width: 100%;
	z-index: 10000;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

#gkSidebar .box {
	border:0 solid #e5e5e5;
	padding: 0;
}

#gkSidebar {
	padding-left: 25px;
}

tbody tr td {
	border-bottom: 1px solid #e5e5e5;
	padding: 2px;
}

/*Sets product grid view to uniform widths*/
.product {
	width: 25%;
	/*width: 292px;*/
}
/*Modifications to Add to Cart Area*/
/*Centers add to cart area*/
form.product.js-recalculate {
	text-align: center;
}
/*div.addtocart-area {*/
/*    position: center;*/
/*    text-align: center;*/
/*    background-color: #890202;*/
/*    padding-left: 50%;*/
/*}*/
/*div.addtocart-bar {*/
/*    position: center;*/
/*    text-align: center;*/
/*    background-color: #890202;*/
/*    padding-left: 50%;*/
/*    width: 300%;*/
/*}*/
.addtocart-bar{
	margin: 0 0 4px;
	padding: 0;
	position: static;
	text-align: center;
	line-height: 14px;
	width: 125%;
	display: inline-block;
}

.productdetails-view .addtocart-bar{
	margin: 24px 0 0;
	padding: 0;
	position: relative;
	bottom: 0;
	text-align: left;
	width: 16%;
	display: inline;
}

.vmgroup .addtocart-bar{
	bottom: 0;
	position: relative;
	margin: 32px -20px 0 0;
	width: 16%;
	display: inline;
	/*background-color: #000;*/
}


span.quantity-controls input.quantity-controls {
	height: 14px;
	width: 15px;
	border: none;
	cursor: pointer;
}
span.quantity-controls {
	width: 15px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 1px;
}
.quantity-controls.js-recalculate {
	/*margin: 0 5px 2px 15px;*/
	/*padding: 0 12px;*/
}
span.quantity-controls input.quantity-plus {
	background: url(../images/vm/quantity-controls-plus.png) no-repeat;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	margin: 0 5px 2px -11px;
	padding: 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 15px !important;
}
span.quantity-controls input.quantity-minus {
	background: url(../images/vm/quantity-controls-minus.png) no-repeat;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	margin: 0 5px 2px -11px;
	padding: 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 15px !important;
}

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, .button.invert, .gkShowCart a:hover {
	background: #e81f00;
	border-color: #e81f00;
	border-radius: 4px;
}
.quantity-controls input[type="button"]:active, .quantity-controls input[type="button"]:focus, .quantity-controls input[type="button"]:hover {
	background: #e81f00 !important;
}

/*End Add to Cart Area mods*/


/*p.product_s_desc {*/
/*    margin: 50px 0 0 0;*/
/*}*/

div.h5 {
	color: #1B1D1F;
	font-weight: 400;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}



/*This should make the links red on hover*/
a.hover {
	color: #e81f00;
}
#gkBottom5 .box a:active, #gkBottom5 .box a:focus, #gkBottom5 .box a:hover{
	color: #e81f00;
}
/*This will remove the indent of the social icons in the footer*/
.gk-social-icons {
	float: left;
}


/*Change Item View Short Description*/

/* text in product details*/
div.productDetails span.product-short-description{
	font-size: 20px;
	border-bottom: 0;
}

/* text in product description*/
div.product-short-description{
	font-size: 20px;
}

/*End of Change Item View Short Description*/


/*Product Details Button on Category View*/
a.product-details{
	max-width: 50%;
	background-color: #E81F00;
	/*border-radius: 10% / 50%;*/
	border-radius: 15% / 80%;
	margin: 0 auto 1px;
	color: white;
}
a.product-details:hover {
	background: #1B1D1F !important;
	color: #FFFFFF;
	transition: all .3s ease-out;
	border-radius: 3px;
}

/*removes the Back to Category button that appeared with the Product Detail button*/
.back-to-category {
	display: none;
}

/*End of Product Details Button on Category View*/

/*Lowers the product neighbor links slightly for better accessibility*/

#productdetails_holder .product-neighbours {
	width: 100%;
	padding-top: 10px;
	border: 0;
	width: 100%;
}

/*Minor adjustments to category view title and short description positioning*/
.browse-view .row .product .spacer h2 {
	padding: 10px 0 5px 0 !important;
/*	height: 48px;  */
}
.browse-view  p.product_s_desc {
	margin: 5px 0 5px 0;
	height: 46px;
}
.browse-view .addtocart-area {
	height: 80px;
	margin-top:0px;
}
.browse-view .product-fields {
	margin: 0;
	padding: 0;
}
.vm-product-descr-container-1 > p {
	margin: 0;
}
.browse-view .addtocart-bar {
	width: 100%;
}
.browse-view input.addtocart-button {
	margin: 0 20px 0 0;
}

.browse-view .vm-product-rating-container {

}
.browse-view .vm-product-rating-container img {
	width: 119px;
}
.ask-a-question.bold {
	margin-bottom: 40px;
	display: block;
}
.browse-view .product .spacer {
	overflow: visible;
}
/*Adjusted width of child items' add to cart area for legibility*/
form.product.js-recalculate {
	width: 70%;
}

/*Attempts to remove Base Price from grid view*/
/*span.vm3pr-3.product-prices.PricebasePrice.vm-display.vm-price-value {
/*	display: none;
/*}
/*div.PricebasePrice.vm-display.vm-price-value{
/*	/*display: none;*/
/*}
p.product_s_desc.vm3pr-3.product-price.PricebasePrice.vm-display.vm-price-value{
	display:none;
}

/*Attempts to remove unnecessary & duplicate related product area*/
div#product-tabs-content .product-related-products {
	display: none;
}

/*Lowers menu to red bar*/
div#gkMainMenu.gkMenuClassic {
	/*padding-top: 36px;*/
	margin-top: -12px;
}
.first.haschild.active .childcontent {
	margin-left: 0 !important;
}
/*Added invisible text to have the menu bar text selectable*/
div.textBookmark {
	color: transparent;
	line-height: 3px;
}
#textBookmark-Name {
	font-size: 140%;
	position: fixed;
	top: -4px;
	left: 11.5%;
	/*height: 135px;*/
	height: 0;
	width: 100%;
	z-index: 10001;
	background-color: #212425;
}
#textBookmark-Phone {
	position: fixed;
	top: 5px;
	left: 12%;
	/*height: 135px;*/
	height: 0;
	width: 100%;
	z-index: 10001;
	background-color: #212425;
}
#textBookmark-Email {
	font-size: 110%;
	position: fixed;
	top: -12px;
	left: 19%;
	/*height: 135px;*/
	height: 0;
	width: 100%;
	z-index: 10001;
	background-color: #212425;
}
@media only screen and (max-width: 1440px) {
	#textBookmark-Name {
		top: -4px;
		left: 15.5%;
	}
	#textBookmark-Phone {
		top: 5px;
		left: 16%;
	}
	#textBookmark-Email {
		top: -10px;
		left: 25.5%;
	}
}
/*Ends mods that make the menu bar text selectable*/

/* Formatting front page - move Spotlight section down from the "a bit for every job" content */

#gkBottom1{
	padding: 90px 0;
}

/* End of Spotlight fix*/



/* Formatting front page - scroll box color design i.e "a bit for every job" content */

/* Headers*/
div.box.parallax h3.header.scroll-revealed {
	-webkit-text-stroke: 1.5px red !important ;
}

/*Descriptions*/

div.box.parallax div.gklegend1 {
	-webkit-text-stroke: .65px rgb(0, 0, 0) !important;
}

/*Removes gap in main menu drop down*/
.gkMenu > ul > li > a {
	height: 46px;
}

/* End of scroll box format fix */

.proopc-btn.proopc-btn-inverse {
	background-image: none;
	background-color: #E81F00;
	color: white !important;
	/*border-radius: 10% / 50%;*/
	border-radius: 8% / 80%;
	margin: 5px auto;
}
.proopc-btn.proopc-btn-inverse:hover {
	background-image: none !important;
	background-color: #1B1D1F !important;
	color: #FFFFFF;
	transition: all .3s ease-out;
	border-radius: 3px;
}

.vm3pr-2 {
	margin-top: 10px;
}

a.showcart {
	right: 20px !important;
	transition: all .3s ease-out;
	border-radius: 3px;
}
a.showcart:hover {
	background: #222 !important;
}
a.continue_link {
	transition: all .3s ease-out;
	border-radius: 3px;
	/*background: red !important;*/
}
a.continue_link:hover {
	/*transition: all .3s ease-out;*/
	/*border-radius: 3px;*/
	background: red !important;
}
/* Check line 1824 for adjustments made to make buttons uniform in this file:
/vesseltools.com/public_html/templates/gk_storefront/css/vm.css*/

/*Adjustments for Anti Static Hand Held tabs*/
/*Sets active tab to red*/
[data-rlta-element="container"][data-rlta-theme="colorful"][data-rlta-type="accordions"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]), [data-rlta-element="container"][data-rlta-theme="colorful"][data-rlta-type="accordions"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]):hover, [data-rlta-element="container"][data-rlta-theme="colorful"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]), [data-rlta-element="container"][data-rlta-theme="colorful"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]):hover {
	background-color: #e71f20;
}
/*Sets active tab text to off-white*/
[data-rlta-element="container"][data-rlta-theme="colorful"][data-rlta-type="accordions"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]) > h3,
[data-rlta-element="container"][data-rlta-theme="colorful"][data-rlta-type="accordions"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]):hover > h3,
[data-rlta-element="container"][data-rlta-theme="colorful"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]) > h3,
[data-rlta-element="container"][data-rlta-theme="colorful"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]):hover > h3 {
	color: #f4f5f6;
}


/*Adjustments to elements in shopping module on home page*/
.nspImageWrapper {
	margin: 0 0 0 0 !important;
	width: 100%;
}

/*Adjustments to three display area links second from top of home page*/
.gk-banners li div strong {
	width: 60%; /* Larry mod
	width: 63%; */
	display: inline-grid;
	align-items: center;
	justify-content: center;
	right: 10px; /*Larry mod */
}
.gk-banners li div {
	border: 2px solid #d60f1a;
	border-radius: 10px;
}


/*Attempts to fix the filtering for the blades*/
/*#cf_flt_wrapper_custom_f_58_880 {*/
/*	float: right;*/
/*}*/
.products .addtocart-button, .addtocart-button {
	margin-top: 5px !important;
}
form.product.js-recalculate {
	width: 77%;
}
.browse-view .product.js-recalculate {
	width: 100%;
}
.browse-view .product.js-recalculate .chosen-container{
	width:70% !important;
}
/*Fixed the Custom Filter CSS*/
#cf_list_custom_f_56_880 {
	overflow: auto;
	height: auto;
	word-wrap: normal;
	box-sizing: border-box;
}
a.cf_option .cf_button {
	height: 85px;
}
.cf_link {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}
html.com_virtuemart.category.j4.js.canvas.no-touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.search_plugin_added div.gkBg div#gkPageContent div.gkPage section#gkContent aside#gkSidebar.gkOnlyOne div div.box.double div.content div#cf_wrapp_all_880.cf_wrapp_all.cf_wrapp_alldouble form#cf_form_880.cf_formdouble div#cf_flt_wrapper_custom_f_56_880.cf_flt_wrapper.cf_flt_wrapper_id_880.cf_flt_wrapper_ltr {

}
#custom_f_56_880_elid373136_a {
	width: 73px;
}
/*Moved from cf_link to this because it effected different parts of the custom filtering adversely*/
div#cf_flt_wrapper_custom_f_56_880 .cf_link {
	display: inline-block;
}

/*Changes size of items in Related Products custom field to make them all fit on the same line (6x1 instead of 3x2)*/
.product-related-products > div, .product-related-categories > div {
	width: 8%;
}
/*div.product-related-products div.product-field.product-field-type-R {
	width: auto !important;
}*/
/*Start newsletter sign up custom styling*/
.newsletterSignup:target::before {
	/*border-style: solid;*/
	/*border-radius: 10px;*/
	/*border-color: #000000;*/
}
.box.gkmod-2:has(.newsletterSignup) {
	border-style: solid;
	border-width: 3px;
	border-color: #5b5a5a;
	padding: 10px;
	border-radius: 10px;
	width: 28%;
}
@-moz-document url-prefix() {
	.newsletterSignup {
		border-style: solid;
		border-width: 3px;
		border-color: #5b5a5a;
		padding: 10px;
		border-radius: 10px;
		width: 70%;
	}
}
td.onefield.acyfield_1.acyfield_text label.cell.margin-top-1 input.cell,
td.onefield.acyfield_2.acyfield_text label.cell.margin-top-1 input.cell {
	max-height: 25px;
	padding-left: 5px;
}
div.acym_module_form table.acym_lists {
	line-height: 15%;
}
td.acysubbuttons input.btn.btn-primary.button.subbutton {
	background-color: #e81f00 !important;
	border-color: #e81f00 !important;
	border-radius: 10% / 50%;
	color: #FFFFFF !important;
}
td.acysubbuttons input.btn.btn-primary.button.subbutton:hover {
	background-color: #1B1D1F !important;
	border-color: #1B1D1F !important;
	border-radius: 3px;
	transition: all .3s ease-out;
}
/*End newsletter sign up custom styling*/

form.product.js-recalculate {
	/*display: none;*/
}

/*Changes for things that were slightly changed on the 4.2.0 Virtuemart update*/
#ProOPC .proopc-input-append input[type="text"].proopc-qty-input, #ProOPC .proopc-input-append input[type="number"].proopc-qty-input {
	max-width: 100px;
	min-width: 50px;
}

/*TODO make the child items more mobile and small screen friendly - will continue to work on when deemed necessary*/
#gkSearch {
	background: #d92929;
	border-radius: 15px;
	border-color: #fff;
 	border-style: double;
	width: 40%;

}
/* Search bar styling */
#gkSearch input {
	margin: 15px 70px 15px 0;
	width: 80%;
	border-bottom: 1px solid #fff;
}
/* Search bar styling */
#gkSearch .search::after {
	color: #fff;
	width: 55px;
}

/*Attempt to center shipping option images*/
.proopc-shipments label span.vmshipment::before {
	bottom: 7px
}

#gkMobileMenu #mobile-menu-toggler {
	color: #000000;
}

/*Start mobile styling*/
@media only screen and (max-width: 1334px) {
	input.addtocart-button {
		padding: 0 0 0 0;
	}
	/* Adding white background to mobile menu to make it standout more */
	.fa-bars::before {
		background: white;
		padding: 5px;
		border: 2px solid black;
		border-radius: 10px;
	}
}

@media only screen and (max-width: 1298px) {
	input.addtocart-button {
		padding: 0 0 0 0;
	}
}
@media only screen and (min-width: 536px) {
	input.addtocart-button {
		padding: 0 0 0 0;
	}
}
@media only screen and (max-width: 600px) {
	.product .vm-col .vm-col-4 .vertical-separator {
		width: 75%;
	}
}
@media only screen and (max-width: 600px) and (min-width: 430px) {
	/* Adding white background to mobile menu to make it standout more */
	.fa-bars::before {
		background: white;
		padding: 5px;
		border: 2px solid black;
		border-radius: 10px;
		position: relative;
		top: 25px;
		right: 20px;
	}
}
@media only screen and (max-width: 428px) and (min-width: 250px) {
	.product {
		width: 50%;
	}
	.product-related-products > div, .product-related-categories > div {
		width: auto !important;
	}
	#gkMobileMenu #mobile-menu-toggler {
		/*padding: 40px 0 0 0 !important;*/
	}
	.row > div {
		float: left !important;
	}
	#gkHeaderNav {
		background: url('../images/header_wave_jdv_mobile-3.png');
		height: 107px;
	}
	#gkMobileMenu {
		/*margin-top: -35px !important;*/
	}
	.addtocart-bar {
		width: 130%
	}
	a.product-details {
		max-width: 80%;
	}

	/* Adding white background to mobile menu to make it standout more */
	.fa-bars::before {
		background: white;
		padding: 5px;
		border: 2px solid black;
		border-radius: 10px;
		position: relative;
		top: 30px;
	}
}

@media only screen and (max-width: 390px) and (min-width: 360px) {
	#gkHeaderNav {
		background: url('../images/header_wave_jdv_mobile-4.png');
		height: 88px;
	}
	#gkMobileMenu {
		margin-top: -40px !important;
	}
}
@media only screen and (max-width: 360px) {
	#gkHeaderNav {
		background: url('../images/header_wave_jdv_mobile-5.png');
		height: 92px;
	}
}
@media only screen and (max-width: 600px) and (min-width: 428px) {
	.product {
		width: 50%;
	}
	.row > div {
		float: left !important;
	}
	.product-related-products > div, .product-related-categories > div {
		width: auto;
	}
	#gkHeaderNav {
		background: url('../images/header_wave_jdv_mobile-6.png');
		height: 92px;
	}
	#gkMobileMenu {
		margin-top: -30px !important;
	}
}
@media only screen and (max-width: 1400px) and (min-width: 600px) {
	#gkMobileMenu {
		margin-top: 30px !important;
	}
}
#gkBreadcrumb {
    margin-bottom: 0px;
    margin-top: 52px;
}

/* LARGER CART ICON */
#gkCart .gk-icon-cart-add {
    color: #e81f00;
    font-size: 64px;
    z-index: 1000;
    -webkit-text-stroke-color: antiquewhite;
    -webkit-text-stroke-width: thin;
    text-shadow: -2px -3px 2px rgba(0, 0, 0, 1);
}

#gkCartCounter {
    font-size: 14px;
}

#gkTopMenu .menu li a {
    font-size: 12px;
}

#gkSearchBtn {
    font-size: 22px;
    padding-right: 20px;
}

/** ADD SHIPPING OPTION LOGOS */
.proopc-shipments label:nth-child(n+3) span.vmshipment {
    vertical-align: top;
    display: flex;
	min-height: 32px;
}

.proopc-shipments label span.vmshipment::before {
    content: "";
    background-image: none;
    background-size: contain;
    background-position: center;
    display: inline-block;
    height: auto;
    width: 25px;
    background-repeat: no-repeat;
    right: 5px;
    position: relative;
    margin-top: -3px;
}

/** LOGOS */
.proopc-shipments label[for*="10"] span.vmshipment::before {
    background-image: url(/images/virtuemart/shipment/in_person.png);
	margin-right: 5px;

	height: 30px;
}
.proopc-shipments label[for*="22"] span.vmshipment::before {
    background-image: url(/images/virtuemart/shipment/customeraccount.png);
	height: 36px;
	margin-left:20px;
}
.proopc-shipments label[for^="shipment_id_USPS"] span.vmshipment::before {
    background-image: url(/images/virtuemart/shipment/usps.png);
	height: 28px;
    float: left;
    margin-top: 1px;	
}
.proopc-shipments label[for^="shipment_id_Ground"] span.vmshipment::before {
    background-image: url(/images/virtuemart/shipment/ups.png);	
}
.proopc-shipments label[for*="FedEx"] span.vmshipment::before {
    background-image: url(/images/virtuemart/shipment/fedex_express.png);
}
.proopc-shipments label[for*="FedEx\ Ground"] span.vmshipment::before {
    background-image: url(/images/virtuemart/shipment/fedex_ground.png);	
}
.proopc-shipments label[for*="3-Day\ Select"] span.vmshipment::before {
    background-image: url(/images/virtuemart/shipment/ups_3Day.png);	
}
.proopc-shipments label[for*="2nd\ Day\ Air"] span.vmshipment::before {
    background-image: url(/images/virtuemart/shipment/ups_2DayAir.png);	
}
.proopc-shipments label[for*="Next\ Day\ Air"] span.vmshipment::before {
    background-image: url(/images/virtuemart/shipment/ups_nextDayAir.png);	
}
.proopc-shipments label[for*="Next\ Day\ Air\ Saver"] span.vmshipment::before {
    background-image: url(/images/virtuemart/shipment/ups_nextDayAirSaver.png);	
}
#proopc-shipment-form > div:nth-child(1) > fieldset:nth-child(1) > label:nth-child(2) > span:nth-child(1) > span:nth-child(1) {
	bottom: 20px;
	position: relative;
}
#proopc-shipment-form > div:nth-child(1) > fieldset:nth-child(1) > label:nth-child(5) > span:nth-child(1) > span:nth-child(1) {
	display: block;
}

/** fixing GT-3500GE-V-US from being justified right due to vm.css**/
#productdetails_holder {
	width: 100%;
}
.productDetails {
	width:100%;
}
.prod_details_topcol {
	width: 50%;
	float: left;
}
/*div.product-description table tbody tr td table.roundedCorners tbody tr th*/
html.com_virtuemart.productdetails.j4.js.canvas.no-touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body div.gkBg div#gkPageContent div.gkPage section#gkContent div#gkContentWrap section#gkMainbody div#bd_results div#productdetails_holder.product-container.productdetails-view.productdetails div#product-tabs-content div.product-description.gk-product-tab.active div.product-description table tbody tr td table.roundedCorners tbody tr th {
	border: red 10px;
	border-radius: 10px;
}
/* ROUNDED TABLE HEADER TOP */
td.rounded_header {
	border-radius: 10px 10px 0 0;
}

/*Put in place for product page Availability icon while we're deciding on what to do with Availability on the site*/
html.com_virtuemart.productdetails.j4.js.canvas.no-touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body div.gkBg div#gkPageContent div.gkPage section#gkContent div#gkContentWrap section#gkMainbody div#bd_results div#productdetails_holder.product-container.productdetails-view.productdetails div.productDetails div#prod_details_info.prod_details_topcol div.vm-product-details-container div.spacer-buy-area div.availability {
	max-width: 40%;
}
/*Reduce space between module positions*/
#gkTop1, #gkTop2 {
padding: 0;
}

/*For new child item availability*/
tr.productdetails .availability {
	margin: 4px 0 0 0;
}


/*Setting text size in the sliding side-panel sidebar*/
/*@media only screen and (max-width: 390px) and (min-width: 360px) {*/
@media only screen and (max-width: 600px) {
	section#side-panel.side-panel_position_right.ps.ps--active-y.side-panel_active.side-panel_open div.side-panel_sidebar span.cf_flt_header_text {
		font-size: .75em;
	}

	html.com_virtuemart.category.j4.js.canvas.touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.side-panel_active div.gkBg header#gkHeader div#gkBreadcrumb div.gkPage section#side-panel.side-panel_position_right.ps.ps--active-y.side-panel_active.side-panel_open div.side-panel_sidebar .cf_option.cf_button {
		font-size: 0.01em;
		height: 80px !important;
		width: 75px !important;
	}

	li.cf_filters_list.cf_filters_list_li {
		height: 80px;
		width: 80px;
	}

	html.com_virtuemart.category.j4.js.canvas.touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.side-panel_active div.gkBg header#gkHeader div#gkBreadcrumb div.gkPage section#side-panel.side-panel_position_right.ps.ps--active-y.side-panel_active.side-panel_open div.side-panel_sidebar div.cf_wrapper_inner ul.cf_filters_list.cf_btn_list li.cf_filters_list_li a.cf_link {
		height: 80px;
		width: 80px;
	}

	/*Specific to only the Straight blade filter in mobile Blade Style filters*/
	html.com_virtuemart.category.j4.js.canvas.touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.side-panel_active div.gkBg header#gkHeader div#gkBreadcrumb div.gkPage section#side-panel.side-panel_position_right.ps.ps--active-y.side-panel_active.side-panel_open div.side-panel_sidebar div#cf_wrapp_all_919.cf_wrapp_all.cf_wrapp_alldouble form#cf_form_919.cf_formdouble div#cf_flt_wrapper_custom_f_56_919.cf_flt_wrapper.cf_flt_wrapper_id_919.cf_flt_wrapper_ltr div#cf_wrapper_inner_custom_f_56_919.cf_wrapper_inner ul#cf_list_custom_f_56_919.cf_filters_list.cf_btn_list li#cf_option_li_custom_f_56_919_elid373130.cf_filters_list_li {
		height: 80px;
		width: 80px;
	}

	html.com_virtuemart.category.j4.js.canvas.touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.side-panel_active div.gkBg header#gkHeader div#gkBreadcrumb div.gkPage section#side-panel.side-panel_position_right.ps.ps--active-y.side-panel_active.side-panel_open div.side-panel_sidebar div#cf_wrapp_all_919.cf_wrapp_all.cf_wrapp_alldouble form#cf_form_919.cf_formdouble div#cf_flt_wrapper_custom_f_56_919.cf_flt_wrapper.cf_flt_wrapper_id_919.cf_flt_wrapper_ltr div#cf_wrapper_inner_custom_f_56_919.cf_wrapper_inner ul#cf_list_custom_f_56_919.cf_filters_list.cf_btn_list,
	html.com_virtuemart.category.j4.js.canvas.touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.side-panel_active div.gkBg header#gkHeader div#gkBreadcrumb div.gkPage section#side-panel.side-panel_position_right.ps.ps--active-y.side-panel_active.side-panel_open div.side-panel_sidebar div#cf_wrapp_all_919.cf_wrapp_all.cf_wrapp_alldouble form#cf_form_919.cf_formdouble div#cf_flt_wrapper_custom_f_58_919.cf_flt_wrapper.cf_flt_wrapper_id_919.cf_flt_wrapper_ltr div#cf_wrapper_inner_custom_f_58_919.cf_wrapper_inner ul#cf_list_custom_f_58_919.cf_filters_list.cf_btn_list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: minmax(30px, auto);
		/*grid-gap: 1em;*/
	}

	html.com_virtuemart.category.j4.js.canvas.touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.side-panel_active div.gkBg header#gkHeader div#gkBreadcrumb div.gkPage section#side-panel.side-panel_position_right.ps.ps--active-y.side-panel_active.side-panel_open div.side-panel_sidebar div#cf_wrapp_all_919.cf_wrapp_all.cf_wrapp_alldouble form#cf_form_919.cf_formdouble div#cf_flt_wrapper_custom_f_56_919.cf_flt_wrapper.cf_flt_wrapper_id_919.cf_flt_wrapper_ltr div#cf_wrapper_inner_custom_f_56_919.cf_wrapper_inner ul#cf_list_custom_f_56_919.cf_filters_list.cf_btn_list .cf_filters_list_li span.cf_link {
		font-size: 18px;
	}

	html.com_virtuemart.category.j4.js.canvas.touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.side-panel_active div.gkBg header#gkHeader div#gkBreadcrumb div.gkPage section#side-panel.side-panel_position_right.ps.ps--active-y.side-panel_active.side-panel_open div.side-panel_sidebar .cf_wrapp_all.cf_wrapp_alldouble .cf_formdouble .cf_wrapper_inner .cf_filters_list.cf_btn_list .cf_filters_list_li span.cf_link {
		font-size: 21px;
	}
}

/*Added transparent container with link over the JDV logo so users can now click it to go home.*/
.textBookmark-linkContainer {
	position: relative; /* Parent container must be positioned */
	/*width: 500px; !* Example width *!*/
	/*height: 300px; !* Example height *!*/
}
#clickableLogoForHomeBookmark-link {
	position: absolute; /* Absolutely position the link */
	top: 26px; /* Positioning from the top of the container */
	left: 28px; /* Positioning from the left of the container */
	width: 160px; /* Width of the clickable area */
	height: 73px; /* Height of the clickable area */
	background: transparent; /* Ensures the link is invisible */
	overflow: hidden; /* Ensures text is not visible */
	cursor: pointer; /* Changes cursor to indicate clickable area */
	padding: 12px;
	opacity: 0;
}

/*Making the 'Follow Us' icons in the footer bigger*/
.gk-social-icons .icon-fb::before,
.gk-social-icons .icon-youtube::before {
	font-size: 40px;
}
.gk-social-icons li {
	height: 40px;
	width: 40px;
}

/*Fixing the mobile view of homepage spotlights*/
@media only screen and (max-width: 600px) {
	#gkTop2 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1),
	#gkBottom1 > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > ul:nth-child(1) {
		margin: 0 -50px;
	}
}

@media only screen and (max-width: 600px) {
	#clickableLogoForHomeBookmark-link {
		position: absolute; /* Absolutely position the link */
		top: 10px; /* Positioning from the top of the container */
		left: 21px; /* Positioning from the left of the container */
		width: 140px; /* Width of the clickable area */
		height: 85px; /* Height of the clickable area */
		background: transparent; /* Ensures the link is invisible */
		overflow: hidden; /* Ensures text is not visible */
		cursor: pointer; /* Changes cursor to indicate clickable area */
		padding: 0;
		opacity: 0;
	}
}

#gkBottom5 > div {
    padding: 15px 0 15px 0;
}
#gkFooter > div {
    padding: 10px 0;
}
#gkBottom5 .box .header {
    padding-bottom: 10px;
}
#gkFooterNav {
    margin: 5px auto 5px auto;
}

/*Old Mobile Menu*/
#gkMobileMenu.gkPage,
#mobile-menu-toggler.fa.fa-bars {
	display: none;
	pointer-events: none;
	cursor: not-allowed;
}

/*New Mobile Menu*/
body.offside-js--init.offside_926.offside-js--interact.offside-js--is-open.offside-js--is-right div#jmpOffset926.offside.offside--right.is-open .menu li a {
	border: solid red 2px;
	border-radius: 10px;
	display: grid;
	justify-content: center;
}

body.offside-js--init.offside_926.offside-js--interact.offside-js--is-open.offside-js--is-right div#jmpOffset926.offside.offside--right.is-open ul.menu li {
	padding: 10px;
	font-size: large;
}

/*This new button is kind of a pain to position in a place that works for multiple devices*/
/*html.com_content.featured.j4.js.canvas.touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.offside-js--init div#content-container.offside-sliding-element div.gkBg div#gkPageContent div.gkPage section#gkContent div#gkContentWrap section#gkMainbodyTop div.box div.content div.custom p button.obtn926,*/
/*html.com_content.featured.j4.js.canvas.no-touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.offside-js--init div#content-container.offside-sliding-element div.gkBg div#gkPageContent div.gkPage section#gkContent div#gkContentWrap section#gkMainbodyTop div.box div.content div.custom button.obtn926,*/
body.offside-js--init div#content-container.offside-sliding-element div.gkBg div#gkPageContent div.gkPage section#gkContent div#gkContentWrap section#gkMainbodyTop div.box div.content div.custom button.obtn926 {
	position: fixed; /* Makes the button position independent of the scrolling */
	top: 23%; /* Positions the button halfway down the screen */
	transform: translateY(-50%); /* Ensures the button is centered vertically around its middle */
	z-index: 1000; /* Keeps the button above other content */
	right: 0; /* Place it on the right side of the screen, or change to 'left: 0;' for the left side */
	cursor: pointer; /* Makes it clear that the button is clickable */
	border: solid black 2px;
	border-radius: 10px;
	content: "";
}

body.offside-js--init.offside-js--interact.offside_926.offside-js--is-open.offside-js--is-right div#jmpOffset926.offside.offside--right.is-open {
	width: 100%;
	left: 200px;
}

#jmpOffset926 {
	background: #edf2f7;
	/*width: 50%;*/
}
.offside-js--is-open .site-overlay {
	height: 100%
}

html.com_content.featured.j4.js.canvas.no-touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.offside-js--init.offside-js--interact div.site-overlay {
	/*height: 1000000000px;*/
}


@media only screen and (min-width: 600px) {
	#jmpOffset926 {
		display: none;
	}
}
#gkTop1 .box, #gkTop2 .box, #gkBottom1 .box, #gkBottom2 .box, #gkBottom3 .box, #gkBottom4 .box, #gkBottom5 .box {
    float: right;
}

@media only screen and (max-width: 428px) and (min-width: 390px) {

}

/*Trying to fix the broken VPFrameworkIcon icons*/
.vpfrs-theme .owl-controls .owl-buttons .owl-next::before,
.carousel-nav-top .owl-controls .owl-buttons .owl-next::before {
	content: "\f061";
	font-family: FontAwesome;
}

.vpfrs-theme .owl-controls .owl-buttons .owl-prev::before,
.carousel-nav-top .owl-controls .owl-buttons .owl-prev::before {
	content: "\f060";
	font-family: FontAwesome;
}
/* MOD - RSMAIL Newsletter Module */
.box.box.newsletter.gkmod-2.gkmod-2 {
    border-style: solid;
    border-width: 3px;
    border-color: #5b5a5a;
    padding: 25px;
    border-radius: 10px;
    width: 28%;
}

/*Adjustments to the new Newletter Sign up section*/
div.gkCols6.gkPage div.box.myNewsletter.gkmod-2 {
	width: 25%;
	margin-bottom: 1px;
    float: right;
}
html.com_content.featured.j4.js.canvas.no-touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.offside-js--init div#content-container.offside-sliding-element div.gkBg section#gkBottom5 div.gkCols6.gkPage div.box.myNewsletter.gkmod-2 div.content {
	border: solid 3px #5b5a5a;
	padding: 10px;
	border-radius: 10px;
}
html.com_content.featured.j4.js.canvas.no-touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.offside-js--init div#content-container.offside-sliding-element div.gkBg section#gkBottom5 div.gkCols6.gkPage div.box.myNewsletter.gkmod-2 h3.header {
	color: #e71f20;
}

html.com_content.featured.j4.js.canvas.no-touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.offside-js--init div#content-container.offside-sliding-element div.gkBg section#gkBottom5 div.gkCols6.gkPage div.box.myNewsletter.gkmod-2 div.content div.rsm-modulemyNewsletter form#rsm-subscriber-form934 div#rsm-module-button.control-group.mt-3 div.controls button.btn.btn-primary {
	background: #000000;
	color: #ffffff !important;
}

div.vm-details-button a.product-details.readon {
	color: #ffffff !important;
}

/*Changes made to support gk_template version 4.4*/
.browse-view .row .product a.readon {
	margin: 0;
}
html.com_virtuemart.category.j4.js.canvas.no-touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.offside-js--init div#content-container.offside-sliding-element div.gkBg div#gkPageContent div.gkPage section#gkContent div#gkContentWrap section#gkMainbody div#bd_results div.browse-view div.row div.product.vm-col.vm-col-4.vertical-separator div.spacer.product-container {
	height: 502px;
}
@media only screen and (max-width: 428px) and (min-width: 390px) {
	.browse-view input.addtocart-button {
		margin: 0 50px 0 0;
	}
	form.product.js-recalculate {
		width: 100%;
	}
}
/* JIS DRIVE ARTICLE STYLING */
.jisdrive-box {
    display: flex;
    margin: 10px 15px;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
}
div.jisdrive-box p {
	display: inline;
}
h3.jisdrive {
    background-color: #e71f20;
    padding: 3px 3px 3px 10px;
    border-radius: 10px;
    color: white;
    box-shadow: 5px 5px 5px #666;
}
img.jisdrive-img {   
	object-fit: contain;
}
ul.jisdrive-list {
	width: 50%;
}

/**/
.jisdriveicon {
	content: url("/../images/JIS-Icon_Black_sm.png");
	width: 62%;
	position: relative;
	top: 5px;
	transition: all .3s ease-in-out;
}
.jisdriveicon:hover {
	content: url("/../images/JIS-Icon_Red_sm.png");
	transition: 1s;
}

html.com_virtuemart.category.j4.js.canvas.no-touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.offside-js--init div#content-container.offside-sliding-element div.gkBg div#gkPageContent div.gkPage section#gkContent div#gkContentWrap section#gkMainbodyTop div.box div.content,
html.com_virtuemart.category.j4.js.canvas.no-touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.offside-js--init div#content-container.offside-sliding-element div.gkBg div#gkPageContent div.gkPage section#gkContent div#gkContentWrap section#gkMainbodyTop div.box {
	clear: none;
}
html.com_virtuemart.category.j4.js.canvas.no-touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.offside-js--init div#content-container.offside-sliding-element div.gkBg div#gkPageContent div.gkPage section#gkContent div#gkContentWrap section#gkMainbodyTop div.box div.content div.vmgroup ul.vmproduct.productdetails li.product-container.width16 {
	float: left;
	padding: 0 50px 0 50px;
}

/*Changed search bar icon at top of all pages*/
.gk-icon-search::before {
	content: url("/../images/vesselSearch.svg");
	position: relative;
	height: 75px;
	width: 75px;
	padding: 5px;
}

#gkSearchBtn {
	height: 75px;
	width: 75px;
	padding: 5px;
}