.hidden{display:none;}

img.imgSpinner
{
	width: 50px;
	display: none;
}

.logo-wrap img {
	max-height: 55px;
}
.header-cart .user-links { margin-bottom: 5px; }
.header-cart .APSCtagline {
	color: green;
	font-style: italic;
	font-size: 0.9em;
}
.header-cart .APSCtagline img {
	max-height: 30px;
}

@media (max-width:1200px) {
	.header-cart .APSCtagline {display: none;}
}

@media (max-width:992px) {
	.header-cart .APSCtagline {display: none;}
	.vehicle-selector { display: none; }
}

	@media (min-width:768px) {
	    .header-row .search-wrap {margin-top:1em}
	}
    .header-row .search-wrap .search-box-label { margin-top: 0.5em; color: #909090; }

    /*--- search input/tSearch results group ---*/
    .search-form-group > div {flex-grow:1;position:relative;margin:0 .5em 0 0}
        #search-box {width:100%;margin:0}

/* MY GARAGE */
/* OVERLAY */
span.MMYSelection {
	display: block;
}
.overlay {
	background: #606060;
	opacity: 0.90;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	color: white;
	padding-top: 5%;
}
.overlayClose {
	float: right;
	cursor: pointer;
}
.overlayClose::after {
	content: "X";
	color: red;
	padding: 10px;
	cursor: pointer;
}
#overlay content {
	width: 100%;
	max-width: 350px;
	border: solid 1px #f6f6f6;
	border-radius: 1em;
	background-color: #f9f9f9;
	padding: 1em;
	display: inline-block;
	opacity: 1;
}
/* OVERLAY */

/*--- MY GARAGE ------------------------------------------*/
#my-garage-container {display:flex;justify-content:flex-end;position:relative;margin:10px 0 0}

/*--- toggle button ---*/
#my-garage-container > button {padding:.5em 1em;background-color:transparent;border:0;font-size:15px;color:#555;font-weight:bold}
#my-garage-container > button:hover, #my-garage-container > button:focus {color:#265680}

/*--- item list -------------------*/
#my-garage-container ul {width:100%;padding:0;background-color:#fff;border:1px solid #ccc;border-radius:4px;position:absolute;top:100%;right:0;z-index:1;margin:0;min-width:16em; }
    #my-garage-container li {display:flex;align-items:center;justify-content:space-between}
        #my-garage-container li:not(:first-child) {border-top:1px solid #e6e6e6}

    @media (min-width:768px) {
        #my-garage-container ul {width:250px}
    }

        /*--- links ---*/
        #my-garage-container a {flex:1;display:block;padding:.5em .5em;font-size:15px;font-weight:bold}

            /*--- non-clickable <a>s ---*/
            #my-garage-container a:not([href]):not([onclick]) {color:#555;pointer-events:none}

        /*--- "remove" button ---*/
        #my-garage-container li button {display:block;width:1em;height:1em;padding:0;background-color:#f5f5f5;border:1px solid #e6e6e6;border-radius:2px;font-size:26px;position:relative;margin:0 .5rem 0 .5rem;overflow:hidden;transition:border-color .2s}
            #my-garage-container li button::before {display:block;height:200%;content:""}
            #my-garage-container li button::after {display:block;font-family:'FontAwesome';font-weight:normal;font-size:.6em;line-height:1;color:#c46969;position:absolute;top:.3em;bottom:0;left:0;right:0;margin:0;content:"\f00d";transition:color .2s}
                #my-garage-container li button:hover, #my-garage-container li button:focus {border-color:#ccc}
                #my-garage-container li button:hover::after, #my-garage-container li button:focus::after {color:#ac2626}



/* TOP NAV */
.navbar.navbar-default.topnav { margin: 0; }

.MMY_TopNavContainer {
	border: solid 1px #f6f6f6;
	border-radius: 0;
	background-color: #f9f9f9;
	margin: 0;
	padding-bottom: 0.35em;
	width: 100%;
}

	.MMY_TopNavContainer select, .MMY_TopNavContainer input, #overlay content select, #overlay content input, .wheelTireMMYSelector select {
		margin-top: 0.6em;
		display: inline-block;
		height: 36px;
		padding: 6px 12px;
		font-size: 16px;
		line-height: 1.4285;
		color: #555555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
		-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	.MMY_TopNavContainer select, #overlay content select { width: 100%;}

	.MMY_TopNavContainer input { margin: 0.6em 0.2em 0 0.5em; }

	.MMY_TopNavContainer input.clearVehicle { font-size: 0.7em; padding: 0.4em; height: auto; margin: 0 0 0 0.5em; }

/* HOME */
.home-featured-brands { margin-top: 2em;}
.home-featured-vehicles {
	display: inline-block;
	margin-top: 1em;
}
/*.featured-item-image-wrap .product-image {
	width: 95%;
}
.product-listing .product-image {
	min-height: 205px;
}*/
.product-listing img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	/*position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;*/
	margin: auto;
}
.product-listing .manufactrerpartnumber{
	font-size: 0.8em;
	color: #666;
}
.grid-item-name-wrap {
	min-height: 3em;
}
.grid-item-price-wrap {
	min-height: 3.25em;
}

.compunixSlider > div:not(:first-of-type) {
	display: none;
}

/* ENTITY */

.main-content-wrapper main .category-listing { display: block; margin: 0 0 2em 0; }
.main-content-wrapper main .category-listing div a img { max-width: 100%; }
.main-content-wrapper main .category-listing div a h5 { min-height: 2.5em; }

/* PRODUCT PAGE STYLES */
.product-page .product-brand-img {
	max-height: 80px;
}
#tabContent #fitments ul.productFits li {
	display: inline-block;
	width: 24.5%;
}
@media (max-width: 960px) and (min-width: 501px) {
	#tabContent #fitments ul.productFits li {
		width: 49.5%;
	}
}
@media (max-width: 500px) {
	#tabContent #fitments ul.productFits li {
		width: 100%;
	}
}
.sharethis-inline-share-buttons {
	margin-top: 1.5em;
	text-align: left !important;
}
.email-a-friend-wrap, .sharethis-inline-share-buttons {
	display: inline-block !important;
}
.email-a-friend-wrap .email-a-friend-link {
	background: url('/skins/default/images/mailicon.gif') no-repeat scroll left center;
	font-size: 0.8em;
	margin-left: 0.35em;
}

.product-info-wrap { }
.product-info-wrap .productFitmentNeeded {
	border: solid 2px maroon;
	background-color: #fafafa;
	margin: 0 0 1em 0;
	padding: 1em;
	}
.product-info-wrap .productFitmentNeeded .selectFitment {
	font-weight: normal;
	color: maroon;
	}
.product-info-wrap .productFitmentNeeded .exactFitment, .exactFitment { color: green; }
.product-info-wrap .productFitmentNeeded .doesNotFit { color: red; }

.product-info-wrap .DoesNotFitVehicleSelected {
	font-style: italic;
	font-weight: bold;
	color: maroon;
	margin-bottom: 0.5em;
}

.product-info-wrap .variant-info .VariantDescription {
	padding-left: 1em;
	font-size: 0.9em;
	display: block;
}

.product-info-wrap .variant-info .VariantDescription ul 
{ margin-left:0; padding-left: 0; }
.product-info-wrap .variant-info .VariantDescription li
{ list-style-type: none; }
.product-info-wrap .variant-info .VariantDescription ul.genres
{ margin-left:0; padding-left: 20px; display: flow-root; }
.product-info-wrap .variant-info .VariantDescription ul.genres li
{ list-style-type: square; }

.variant-info-wrap .variantVehicle { margin-bottom: 0.5em; }

.variant-info-wrap .variantPartAvailability {
	background-color: #fafafa;
	padding: 0.5em;
	display: inline-block;
	border-radius: 0.5em;
}

.variant-info-wrap .variantPartAvailability span:nth-of-type(2) {
	font-weight: bold;
}
.variant-info-wrap .variantPartAvailability span.stockInStock { color: green; }

.variant-info-wrap .variantPartAvailability span:nth-of-type(1), .variant-info-wrap .variantPartAvailability span:nth-of-type(3) {
	display: inline-block;
	width: 85px;
}

.variant-info-wrap .price-wrap {
	margin: 1em 0 !important;
}
.variant-info-wrap .price-wrap .variant-price, .variant-info-wrap .price-wrap .sale-price {
	color: maroon;
	font-size: 1.2em;
	font-weight: bold;
}
.variant-info-wrap .price-wrap .variant-price span, .variant-info-wrap .price-wrap .sale-price span {
	color: #555555;
	font-size: 20px;
}
.variant-info-wrap .price-wrap .regular-price {
	margin-bottom: 0;
}
.variant-info-wrap .variantVehicle {
	font-size: 0.9em;
	color: green;
}
.variant-info-wrap .variantVehicleFitmentNotes {
	margin: 0 0 1em 0;
	font-size: 0.9em;
	font-style: italic;
	color: green;
}
.variant-info {
	border-bottom: solid 1px #ddd;
	margin-bottom: 10px;
}

.variant-info img.variantImage{
	display: inline-block;
	float: left;
	margin-right: 1em;
}

	/*--- product variant details list ------------------------*/
	.variant-info .VariantDescription {overflow:hidden}
	.variant-info .genres {
		margin: .5em 0 1em
	}

		.variant-info .genres li {
		}

		.variant-info .genres span {
		}

		/*--- height clamp state ---*/
		.variant-info .genres.clamp {
			height: 200px;
			overflow: hidden
		}

		/*--- button ---*/
		.variant-info .genres + button {
			font-size: 1em;
			margin-bottom: 1em
		}


popup {
	color: black;
}
popup .col-sm-12 {
    width: 100%;
}
.product-info-wrap .productFitmentNeeded .col-sm-12 {
	width: 100%;
}

select.SubModelPickers {
	margin-top: 0.6em;
	display: inline-block;
	height: 36px;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.4285;
	color: #555555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* CHECKOUT */
.shoppingCartLineMMY { font-color: #606060; font-size: 0.8em; padding-left: 0.5em; }
.checkout-content .shoppingCartLineMMY {
	margin-top: -0.2em;
	margin-bottom: 0.5em;
}
.cart-items .cart-item .cart-subtotal-wrap
{
	padding-top: 0.65em;
	font-weight: bold;
	font-size: 0.9em;
}
.cart-items .cart-item .cart-subtotal-wrap .cart-subtotal-label {
	font-weight: normal;
}
.cart-items .cart-item .cart-sku-wrap {
	/*padding-left: 0.5em;*/
}

.minicart-wrap .minicart-total-area .minicart-total {
	color: green;
	font-weight: bold;
}

/* MISC */
div.seal-marker img {
	width: 200px;
}

section .link-listing { margin-bottom: 2em; }
section .link-listing .vehicle-link-inner {
	background-color: #f6f6f6;
	padding: 0 0.5em;
	margin: 1px 0;
}
section .link-listing .vehicle-link-inner:hover { background-color: #fff; }
section .link-listing .vehicle-link-inner a {
	font-size: 0.9em;
}

#order-history-wrap { margin-top: 2em;}

.copyright { font-size: 0.9em; }


/*--- SLICK LIGHTBOX --------------------------*/
.image-controls .product-gallery-items .product-gallery-item { padding: 2px; }
.pop-large-link {
	padding-left: 1.5em;
	line-height: 1.2em;
	font-size: 0.7em;
	background-size: 1.2em;
}

.slick-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: #000;
	transition: opacity 0.5s ease
}

	.slick-lightbox .slick-loading .slick-list {
		background-color: transparent
	}

.slick-lightbox-hide {
	opacity: 0
}

.slick-lightbox-inner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

/*.slick-lightbox-slick-item {
	text-align: center;
	overflow: hidden
}*/
.slick-lightbox-slick-item {display:flex !important;justify-content:center;align-items:center;text-align:center;overflow:hidden}

	/*.slick-lightbox-slick-item:before {
		content: "";
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em
	}*/

.slick-lightbox-slick-item-inner {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%
}

.slick-lightbox-slick-img {
	display: block;
	padding: .5em;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto
}

/*--- close ---*/
.slick-lightbox-close {
	display: block;
	padding: 0;
	height: 2em;
	width: 2em;
	background-color: transparent;
	border: 0;
	line-height: 1;
	font-size: 20px;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	cursor: pointer
}

	.slick-lightbox-close:before {
		display: block;
		height: 200%;
		content: ""
	}

	.slick-lightbox-close:after {
		display: block;
		width: 1em;
		height: 1em;
		background-color: #fff;
		border-radius: 50%;
		font-size: 1.3em;
		line-height: 1;
		color: #c46969;
		font-weight: bold;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		transition: color .2s;
		content: "\00d7";
	}

	.slick-lightbox-close:hover:after, .slick-lightbox-close:focus:after {
		color: #d12e2e
	}



/*--- nav ---*/
.slick-lightbox .slick-prev, .slick-lightbox .slick-next {
	width: 30px;
	height: 30px;
	z-index: 1
}

	.slick-lightbox .slick-prev::before, .slick-lightbox .slick-next::before {
		font-family: 'FontAwesome';
		text-shadow: 0 0 1px rgba(0,0,0,.8), 0 0 .2em rgba(0,0,0,.5);
		transition: opacity .2s;
		content: "\f053"
	}

	.slick-lightbox .slick-prev:focus, .slick-lightbox .slick-next:focus {
		outline: inherit
	}

.slick-lightbox .slick-prev {
	left: 0
}

.slick-lightbox .slick-next {
	right: 0
}

	.slick-lightbox .slick-next::before {
		content: "\f054"
	}

@media (min-width:768px) {
	.slick-lightbox .slick-prev, .slick-lightbox .slick-next {
		width: 50px;
		height: 50px;
		z-index: 1
	}
}


ul.nav .dropdown-menu { min-width: 280px; }


div.wheelAlert { color: green; margin: 0 0 -1em 0.5em; font-size: 0.9em; display: block; font-style: italic; }
div.wheelTireMMYSelector { background-color: #f6f6f6; }
div.wheelTireMMYSelector h4 { margin: 0.25em; }
div.wheelTireMMYSelector select { display: inline-block; margin: 0.5em; }

/*div.CompunixWheelTireSpecs { display: block; font-size: 0.6em; padding: .1em .1em; margin: 0 1em 2em 1em; border: 1px solid #e2e2e2; background-color: #f9f9f9; }
div.CompunixWheelTireSpecs .vehicleSpec { }
div.CompunixWheelTireSpecs .vehicleSpec:nth-child(2n) { background-color: #f2f2f2; }
div.CompunixWheelTireSpecs .vehicleSpec div { padding: 0.3em 0.5em 0.3em 0.2em; border-right: 1px solid #e2e2e2; display: inline-block; }
div.CompunixWheelTireSpecs .vehicleSpec div.SpecNotes, div.CompunixWheelTireSpecs .vehicleSpec div.TireSpecs { border: 0; }*/


/*--- vehicle selection ----------------*/
.CompunixWheelTireSpecs {
	background-color: transparent;
	font-size: .8em;
	border: 1px solid #f6f6f6;
	margin: 0 0 1em;
}

	.CompunixWheelTireSpecs .vehicleSpec {
		padding: 0.1em 0.3em;
		display: flex;
		flex-wrap: wrap
	}
	div.CompunixWheelTireSpecs .vehicleSpec:nth-child(2n) {
		background-color: #f6f6f6;
	}

		.CompunixWheelTireSpecs .vehicleSpec div {
			display: block;
			padding: 0;
			border: 0;
			margin-right: 1em
		}


div.SearchTopicResults { background-color: #f9f9f9; padding: 0.5em 1em; border: solid 1px #f6f6f6; margin: 0.5em 1em 0.5em 1em; border-radius: 0.25em; }
div.SearchTopicResults span { font-size: 0.9em; }

@media (min-width:768px) {
	div#pagecontrols {
		margin-left: -1em;
	}

	div.SearchTopicResults {
		margin-left: 0;
	}
}



/*--- sitewide header ---------------*/
aside.sitewideNotice {
	background-color: #ab4e52;
	color: white;
	padding: 0.5em;
	text-align: center;
}

/*--- search group ----------*/
.search-wrap {
	display: flex;
	align-content: flex-start
}

/*--- menu toggle ---*/
.navbar-toggle {
	float: none;
	border-color: #ddd;
	margin: 0 .5em .5rem 0
}

	.navbar-toggle .icon-bar {
		background-color: #888
	}

/*--- form ---*/
.search-wrap form {
	flex: 1
}

.search-wrap .form-group {
	margin-bottom: .5rem
}

/*--- navbar ---*/
.navbar {
	min-height: 0
}

/*--- VIN ---*/
.VinLookup {
	display: flex;
	align-items: center
}

.TopNavOr {
	margin-top: .6rem
}

#VIN {
	width: 100%;
	flex: 0 1 auto
}

@media (min-width:350px) and (max-width:767px) {
	.VinLookup, .MMY_TopNavContainer .selected-vehicle {
		float: left;
		width: calc(100% - 11rem);
		max-width: 29em;
		padding-right: 0
	}
}

/*--- my garage ---*/
.MyGarage {
}

@media (min-width:350px) and (max-width:767px) {
	.MyGarage {
		float: right;
		padding-left: 0
	}

	#my-garage-container > button {
		padding-left: .5em !important;
		padding-right: .5em !important
	}
}


/*--- add to cart group ---------------------------------*/
.product-add-group {
}

@media (min-width:500px) {
	.product-add-group {
		display: flex
	}
}

/*--- add-to-cart ---*/
.product-add-group .add-to-cart-form {
}

/*--- add group ---*/
.product-add-group .add-to-cart-group {
	margin-bottom: 0
}

/*--- quantity ---*/
.product-add-group .quantity-field {
	max-width: 3em;
	padding-left: 5px;
	padding-right: 5px
}

@media (min-width:500px) {
	/*--- buttons ---*/
	.product-add-group .add-to-cart {
		padding-left: 25px;
		padding-right: 25px
	}
}

/*--- "or" text ---*/
.product-add-group > div:not([class]) {
	padding: 0 0 .8em
}

@media (min-width:500px) {
	.product-add-group > div:not([class]) {
		padding: .8em .5em
	}
}

/*--- service group ---------------*/
.product-add-group .addinstalltocart {
}

	/*--- add group ---*/
	.product-add-group .addinstalltocart .add-to-cart-group {
		margin-bottom: 0
	}

	/*--- quantity ---*/
	.product-add-group .addinstalltocart .add-to-cart-quantity {
		display: none
	}

	/*--- extra links ---*/
	.product-add-group .addinstalltocart > a {
		display: table
	}

@media (min-width:500px) {
	.product-add-group .addinstalltocart {
		text-align: center
	}

		/*--- extra links ---*/
		.product-add-group .addinstalltocart > a {
			margin: 0 auto
		}
}


div.productYoutubeVideo {
	display: block;
	text-align: center;
	margin-top: 1em;
	padding-top: 1em;
	border-top: solid 1px #f9f9f9;
}