/* SourceSupply colors, font colors and sizing */
/* COLORS 
ROYAL: #0d5997
LIME: #78d04b
DARK BLUE dkblu: #063861
LIGHT BLUE blu: #1b87c8
*/
.highlight {color:#78d04b}

.lime {color:#78d04b;}
.royal {color:#0d5997;}
.dkblu {color: #063861;}
.ltblu {color: #1b87c8;}

/* TYPOGRAPHY ///////////////////////////////////////////*/
h1,.h1,h2,.h2,h3,.h3,h4,.h4, h5, .h5 {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	color: #0d5997;
}
h5 {margin:0 0 5px 0;}
p {
	font-size: 12px;
	line-height: 20px;
}
#pagination p {color:#0d5997}


#site-header,
#mobile-header {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#063861+0,063861+0,063861+25,0d5895+100 */
	background: #063861; /* Old browsers */
	background: -moz-linear-gradient(top,  #063861 0%, #063861 0%, #063861 25%, #0d5895 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #063861 0%,#063861 0%,#063861 25%,#0d5895 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #063861 0%,#063861 0%,#063861 25%,#0d5895 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#063861', endColorstr='#0d5895',GradientType=0 ); /* IE6-9 */
}
.item_count {
	background:#78d04b;
}
#mobile-header a:hover,
#mobile-header a:focus,
#mobile-header a:active {
	color: #FFF;
}
#site-nav {
	background: #1b87c8;
}
#site-nav a {
	font-weight: bold;
	color: #FFF;
	font-size: 12px;
	line-height: 1.2;
}
#site-nav .megamenu a:not(.btn) {
	font-weight: bold;
	color: #1b87c8;
	font-size: 12px;
	line-height: 1.1;
}
#site-footer {
	background: #063861;
	padding: 30px 0 35px;
}
#site-footer h3 {
	color: #1b87c8;
	font-weight: 700;
	font-size: 20px;
}	
#site-footer a {
	color: #FFF;
	display: block;
	margin-bottom: 10px;
}
#site-footer .top_searches a {
	display: inline-block;
	margin: 0px 3px 6px 0px;
	background: #11649a;
	padding: 3px 7px;
}
.social a {
	display: inline-block !important;
	margin-right: 20px;
	font-family: 'Roboto Slab', serif;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
}
.social a img {
	margin-right: 3px;
}
#bottom-footer {
	background: #042e51;
	padding: 25px 0;
	color: #57bcf9;
}
#bottom-footer p {
	margin: 0;
	padding: 0;
}
#bottom-footer a {
	color: #57bcf9;
}
#bottom-footer .links a {
	color: #FFF;
	font-weight: bold;
	margin-right: 15px;
}
.pay_methods {
	text-align: right;
}
.pay_methods img {
	margin-left: 3px;
}
.navbar {
	margin-bottom: 0;
}
.questions p {
	color: #aec6da;
	font-weight: 400;
	padding: 5px 0;
	margin-bottom: 16px;
	font-weight: bold;
}
.questions a {
	color: #FFF;
	margin-left: 22px;	
}
.questions a.no-pad {
	margin: 0;
}
#hero-wrapper,
#specials-wrapper {
	border-bottom: 4px solid #78d04b;
	box-shadow: 0 15px 20px #DDD;
}
.callout-full {
	background: url('../img/go_green.jpg') center top no-repeat #2a810a;
	background-size: cover;
	font-family: 'Roboto Slab', serif;
}
.callout-full h2 {
	font-size: 48px;
	color: #FFF;
}
.callout-full p {
	font-size: 28px;
	line-height: 1.2;
	font-weight: 300;
	color: #FFF;
}
.callout-full .btn-primary {
	font-family: 'Roboto Slab', serif;
	background: #FFF;
	color: #2a810a;
	border: none;
	margin-top: 20px;
}
#nav-sort {
	border-top: 1px solid #78d04b;
}

/* PRODUCT / SPECIAL ///////////////////*/
.special .price, .product .price {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	color: #fa872d;
	font-size: 18px;
}

/*wsd-start-20200406*/
.special .price .uom, .product .price .uom {
	font-family: 'Roboto Slab', serif;
	/*font-family: arial;*/
	color: #000000;
	font-size: 12px;
	font-weight: 400;
}
/*wsd-start-20200406*/


/* BUTTONS ///////////////////////////////////////////*/
.btn-xs {
	background:#FFF;
}
.btn-highlight, .btn-highlight:hover {
	background: #78d04b;
	color: #FFF;
	border: none;
	font-family: 'Arial', sans-serif;
	font-weight:bold;
}
.btn-highlight .item_count {color:#78d04b; background-color:#FFF;}
.search {	font-family: 'Roboto Slab', serif;
}
a.button_expand:hover, a.button_expand:focus {
    color: #999;
}
a.button_expand[aria-expanded=true] .glyphicon .glyphicon-plus-sign {
   display: none;
}
a.button_expand[aria-expanded=false] .glyphicon .glyphicon-minus-sign {
   display: none;
}
.btn-secondary {
	color:#1b87c8;
	background-color: #b8e3fd;
	font-weight:bold;
	}
.btn-secondary:hover {
	color:#0d5997;
}
/* PRODUCT DETAIL ///////////////////////////////*/
.product_msrp, .product_price, .product_summary, .product_savings {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
}
.product_msrp {
	color:#999;
}
.product_price {
	color:red;
    font-size: 30px;
}
.product_savings {
	color:#78d04b;
}
.product_summary {}
.product_supportlinks {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 10px 0;
	margin: 10px 0;
}
.product_supportlinks a {
	font-weight:bold;
}

/* TABS /////////////////////////////////////////////////*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #FFF;
	font-family: 'Roboto Slab', serif;
    cursor: default;
    background-color: #1b87c8;
    border: none;
    border-bottom-color: transparent;
}
.nav-tabs {
}
.nav-tabs > li > a {
	font-family: 'Roboto Slab', serif;
    margin-right: 2px;
    line-height: 1.42857143;
    border: none;
    border-radius: 4px 4px 0 0;
	color: #666;
	background-color:#e5e5e5;
}
.nav-tabs > li > a:hover {
	background-color:#063861;
	color:#FFF;
}
.nav-tabs > li {
    margin-bottom: -1px;
}
.tab-content {
	padding: 10px;
	border: 1px solid #1b87c8;
	border-top-left-radius:0;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px; 	
}

/* ACCORDION ///////////////////////////////////////////////*/
.panel-default > .panel-heading {
    color: #FFF;
    background-color: #1b87c8;
    border:none;
	border-radius: 0px;
}
.panel-default > .panel-heading:hover {
    background-color: #063861;
}
h4.panel-title {
	font-weight:400;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
	border: 1px solid #1b87c8;
}
h4.panel-title a:hover, a:focus {
    text-decoration: none;
}
/* MOBILE MENU /////////////////////////////////////*/

.animated-arrow span, .animated-arrow span::before, .animated-arrow span::after, .animated02-arrow span, .animated02-arrow span::before, .animated02-arrow span::after {
    background: #337ab7;
}
.mobile_about hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: #0d5997 solid 1px;
}
.mobile_about span {
	color:#1b87c8;
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.wsmenu {
	background-color:#063861;
	}

	/*wsd-start-20200407*/
	#site-nav .narrowsearch_group ul li a {
		/*color: #0d5997 !important;*/
		color: #809CDC !important;
	}
	/*wsd-start-20200407*/

	.pay_methods {
		text-align: center;
		margin-top: 20px;
	}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	
	.callout-full {
		padding: 35px 10px;
	}
	.callout-full h2 {
		font-size: 28px;
	}
	.callout-full p {
		font-size: 18px;
	}
	.callout-full .btn-primary {
		margin-top: 10px;
	}
	#site-footer {
		padding: 20px 0;
	}
	h2 {
		font-size:16px;
		line-height: 21px;
	}
	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
}


/* Added 4/11 */
.closex {
	color: #337ab7 !important;
}

a.btn.cart:hover {
	color: #FFF;
	background: #78d04b;
}

a.btn.btn-close {
	border: none;
	color: #FFF;
	background: #78d04b;
}


/*wsd-start-20200406*/
@media only screen and (max-width : 480px) {

	.glyphicon {
		padding: 0px 5px 0px 5px;
	}
}
/*wsd-end-20200406*/

input[type=button], input[type=submit], input[type=reset] {
	padding: 10px 10px;
}