/*--------------------------------------------------------------
# Products Page
--------------------------------------------------------------*/

@media (min-width: 1200px)
.site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .product-site-main {
    max-width: 1200px;
}
@media (min-width: 992px)
.site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .product-site-main {
    max-width: 992px;
}
@media (min-width: 768px)
.site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .product-site-main {
    max-width: 768px;
}
@media (min-width: 576px)
.site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .product-site-main {
    max-width: 576px;
}

.product-container, .sort-container{
	max-width: 62.9em;
}

.sort-container{
	margin-top: 2.5em;
}

.page-template-page-products p.large{
    font-size:1.5625em;
    text-align:center;
    margin-top:0.5em;
    padding:0em 1em;
}

@media (min-width:768px){
    .page-template-page-products p.large{
        padding:0em 3em;
    }
}


.page-template-page-products .tty-number{
    font-size: 0.6em;
}

.page-template-page-products #batteries-block{
    margin-top:3em;
}

@media (min-width:1020px){
	.product-container a{
		width:13.375em;
	  	margin: 2% 1.62% 0%;
	}
}

@media (min-width:685px) and (max-width:1019px){
	.product-container a{
		width:30%;
		margin: 2% 1.66% 0%;
	}
}

@media (min-width:481px) and (max-width:684px){
	.product-container a{
		width:45%;
		margin: 2% 2.5% 0%;
	}
}

@media (max-width:480px){
	.product-container a{
		width:90%;
		margin: 2% 5% 0%;
	}
	
	.product-container, .sort-container{
		max-width:22em;
	}
}

.product-container a{
    color: #000000;
    text-decoration: none;
    display: inline-block;
    float: left;
}

.grid-container.sort-container{
	width:100%;
	padding: 0em 4%;
}

@media (min-width: 768px){
	.grid-container.sort-container{
		padding:0em;
	}
}

.sort-container p#filtersLabel{
	margin: 0em;
    padding: 0.5em 0em;
    font-weight: bold;
}

.sort-container select{
	margin: 1em 0em;
	display:inline-block;
}

@media (min-width:768px) and (max-width: 1019px){
	.sort-container select{
		margin: 0em 1.5%;
	}

	.sort-container p#filtersLabel{
		width:12.4%;
		margin: 0em 0em 0em 2.5%;
	}
}

@media (min-width:1020px){
	.sort-container select{
		margin: 0em 2.5%;
	}

	.sort-container p#filtersLabel{
		width:7.5%;
		margin: 0em 0em 0em 2.5%;
	}
}

.product-wrapper{
	width:100%;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #00b551;
    text-align:center;
    margin: 3em 0em 0em;
    float:left;
}

.product-wrapper .image-wrapper{
	position: relative;
    top: -3em;
    margin: 1em 0em -3em;
    z-index: 0;
    overflow: hidden;
    height: 6em;
    width: 100%;
}

.product-wrapper .image-wrapper img{
	max-height: 8em;
    background-color: #FFFFFF;
    margin-top: -1em;
    padding: 0em 0.75em;
}

.product-wrapper .banner{
    display: block;
    width: 11.5em;
    margin: 0em auto;
    height: 2.8em;
}

.product-wrapper .banner img{
    float: left;
    height: 100%;

}

.product-wrapper p.manufacturer {
	clear:none;
    font-size: 0.8125em;
    font-weight: 300;
    color: #FFFFFF;
    background-color: #00b551;
    display: inline-block;
    padding: 0.5em 1em;
    width: 89%;
    line-height: 1.2;
    float:left;
    margin:0em;
    height:100%;
}

.product-wrapper p.manufacturer strong {
    display: block;
}

.product-wrapper h2 {
    font-size: 0.875em;
    font-weight: bold;
    margin-top:1.25em;
    padding: 0em 1em;
}

.product-wrapper p {
    font-size: 0.875em;
    clear: both;
    margin: 0.2em 0em;
    padding: 0em 1em;
}

.product-wrapper span.left {
    float: left;
}

.product-wrapper span.right {
    float: right;
}

.product-wrapper span.right:after {
    clear: both;
}

.product-wrapper p.save-price {
    color: #00b551;
    font-weight: bold;
}

p.tru-price {
    font-weight: bold;
}

.product-wrapper p.tier{
	padding: 0.5em 1em 0.25em;
    border-top: 1px solid #00b551;
    margin-top: 0.4em;
}

ul#page-select {
    list-style-type: none;
    display: block;
    width: 100%;
    padding: 0em;
    margin: 1em auto 0em;
    max-width: 62.75em;
    text-align:center;
}

li.page-number{
    display: inline-block;
    font-weight:300;
    font-size:1em;
}

li.page-number p.active-page, li.page-number span.current{
    font-weight:bold;
}

li.page-number.divider{
    padding:0em;
    margin:0em;
}

.page-number a, .page-number p, .page-number span {
    padding: 0em 0.25em;
    text-decoration:none;
    color:#000000;
}

.page-number a:hover, .page-number a:focus{
    text-decoration:underline;
}

#pricing-text p {
    width: 93%;
    margin: 0.75em auto;
}

#product-overlay #pricing-text h3{
    margin-left: 0.6em;
    margin-top:1em;
    font-size: 1em;
}

#product-overlay #brand-logo{
    width: 70%;
    margin: 0em 0em 2em;
    max-width: 200px;
}

@media(min-width:768px){
    #product-overlay #brand-logo{
        margin:2em 0em 0em;
    }

    #product-overlay-wrapper{
        padding:0em 3em;
    }
}

#product-overlay div#product-page-bottom{
    border-top: 1px solid #555555;
    padding-top: 2em;
    margin-top: 2em;
    clear: both;
    display: inline-block;
}

#product-overlay #product-page-bottom p{
    font-size: 1.56em;
    margin: 0.3em 0em;
}

#product-overlay #product-page-bottom img{
    max-height: 3em;
}


/*--------------------------------------------------------------
# Products Page - Product Overlay
--------------------------------------------------------------*/
#product-overlay{
    position: fixed;
    top:0;
    right:0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.85);
    padding: 9em 0em 11em;
    z-index: 10000;
    overflow-y: scroll;
    display:none;
}

.ie-8 #product-overlay{
    background-image:url(img/ie8-lightbox-bkg.png);
    background-repeat:repeat;
}

#white-bkg{
    background-color: #FFFFFF;
    padding: 4em 0em;
    position:relative;
}

#product-overlay h1 {
    font-size: 1.5625em;
    font-weight: bold;
}

#product-overlay #product-img-wrapper {
    text-align: center;
}

#product-overlay #product-img-wrapper img {
    max-height: 16em;
    max-width: 45em;
    width: 100%;
}

#product-overlay-wrapper h1{
    margin-top:2em;
}

@media (min-width:768px){
    #product-overlay #product-img-wrapper img{
        margin-top:-3em;
    }

    #product-overlay-wrapper h1{
        margin-top:0.67em;
    }
}

#product-overlay h3 {
    display: inline-block;
    margin:0em;
}

#product-overlay span.right {
    float: right;
}

#product-overlay span.left {
    float: left;
}

#product-overlay .channels-wrapper span.right{
    font-weight:bold;
    color:#f14a41;
    line-height: 1.9;
}

#product-overlay #pricing-text {
    padding-top: 1em;
    border-top: 1px solid #555555;
}

#product-overlay .tru-price{
    font-weight:bold;
}

#product-overlay .save-price{
    color:#FFFFFF;
    font-weight:bold;
    background-color: #00b551;
    padding: 0.5em 0.75em;
    position:relative;
    width:100%;
    text-transform:uppercase;
}

#product-overlay .save-price img{
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
}

#product-overlay #accessories-text {
    margin-bottom: 3em;
}

.grid-container.product-info-wrapper {
    padding-top: 3em;
    border-top: 1px solid #555555;
}

#product-overlay-wrapper {
    max-width: 1150px;
    margin: 0em auto;
    padding: 0em 1em;
}

.grid-container.channels-wrapper{
    max-width: 8em;
    margin: 0em 0em 3em;
    padding: 0em;
}

#product-overlay-wrapper .block{
    width: 100%;
    clear: both;
    display: block;
    padding: 0em;
}

#product-overlay #close-btn {
    font-size: 1.9em;
    position: absolute;
    top: 1em;
    right: 1em;
    text-decoration: none;
    color: #f14a41;
}

#product-overlay #close-btn .fa{
    font-size:1.2em;
}

#product-overlay span.list-item {
    display: inline-block;
    width: 100%;
    margin: 0.25em 0em;
    line-height: 1.2;
}

#carecredit-block {
    margin: 3em auto;
    padding: 0em 3em;
    max-width:1200px;
}

#carecredit-block p{
    font-size:1.25em;
    margin:0em;
}


/*--------------------------------------------------------------
## HEADING BLOCK
--------------------------------------------------------------*/
#heading-block.greenBkg{
	background-color:#00b551;
	padding:0em;
}

.archive.category #heading-block h1{
    margin-bottom:0em;
}

#heading-block h2{
    margin-top:0em;
    font-style:italic;
    font-weight:300;
}

#heading-block{
	background-size:cover;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left top;
    padding-top: 28%;
    position:relative;
}

#heading-block .th-seal{
    display:none;
}

.ie-8 #heading-block .th-seal{
    top:25%;
}

#heading-block .content-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0em auto;
    position: relative;
    padding:0em 2em;
}

@media (min-width:768px){
    #heading-block .content-wrapper{
        padding:0em 3em;
    }
}

@media(min-width:1201px){
	#heading-block #heading-text{
		margin:4em 0em;
		width:58%;
	}
}

@media (min-width: 768px) and (max-width:1200px){
	#heading-block #heading-text{
        margin: 2em 0em 2em;
	    width: 55%;
	}
}

@media (min-width:768px){
	#heading-block{
		background-size:cover;
		padding-top:0em;
	}

	#heading-block.greenBkg #heading-text{
		margin: 2em 0em;
	}	

	#heading-block.bkg-right{
		background-position:right center;
	}

	#heading-block.bkg-left{
		background-position:left center;
	}

	#heading-block .th-seal{
        position:absolute;
	    top: 50%;
	    left: 5%;
	    width: 5em;
	    display:block;
	    -moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

    #heading-block .light-text{
        color:#FFFFFF;
    }
}

#heading-text{
	margin: 1em 3% 0em 0em;
    display: inline-block;
}

#heading-text #noPage{
    width: 24em;
    
    margin: 0em auto 1em;
}

@media (min-width: 768px){
    #heading-text #noPage{
        float: right;
        margin:0em;
    }
}

@media (min-width:768px) and (max-width:1025px){
	#heading-block #heading-text{
	    width: 63%;
	}

	#heading-block.greenBkg #heading-text{
	    width: 58%;
	}
}

#heading-block .floatRight{
	float:right;
	text-align:right;
}

#heading-block .floatLeft{
	float:left;
	text-align:left;
}

@media (max-width:767px){
	#heading-block.greenBkg .floatRight{
		float:none;
		text-align:center;
		width:100%;
		padding:0em;
		margin:0em;
	}

    #heading-block .floatRight{
        float:none;
        text-align:left;
        width:100%;
        margin: 0em 0em 0em 1em;
        padding: 0em;
    }

	#heading-block.grid-container{
		padding-left:0em;
		padding-right:0em;
	}

	#heading-block.greenBkg .floatLeft{
		float:none;
		text-align:center;
		width:100%;
		margin:0em;
		padding:0em;
	}

	#heading-text h1{
		margin-bottom:0em;
	}

	.greenBkg #heading-text h1{
		margin-bottom:0.67em;
	}

    #heading-block .light-text{
        color:#000000;
    }

    #heading-block.greenBkg .light-text{
        color:#FFFFFF;
    }
}

#heading-block .dark-text{
	color:#000000;
}


@media (min-width: 768px){
    #heading-block .light-text span,
	#heading-block .light-text strong{
     color:#FFFFFF !important;
    }
}