@charset "utf-8";
/* CSS Added for customization of Miva Pages with Update as of June 2015 CSSUI */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
body {
	background-color: #f5f5f5;
	color: #303030;
	font-family: Lato,Helvetica,Arial,sans-serif;
	font-size: 16px;
	}
@media print {
  a[href]:after {
    content: none !important;
  }
}

a, a:visited {
	color: #086533;
	}
	a:hover {
	/* color: rgba(64, 47, 4, 0.48); */
	color: #06542a;
	}
a.onhold-pill, a:visited.onhold-pill, a:hover.onhold-pill, .cancel-pill {
	background-color: #B00000;
	color: #fff;
	padding: 3px;
    	border-radius: 8px;
}
.onhold-pill {
background-color: #B00000;
	color: #fff;
	padding: 3px;
    	border-radius: 8px;
}

.processing-pill {
	background-color: #00843d;
	color: #fff;
	padding: 4px 8px;
    	border-radius: 8px;
	font-weight: 900;
}

.bold {
	font-weight: bold;
	}
#maintenance {
	margin-top:.5em;
	margin-bottom: 1em;
}

/* Adjusting Heading Tags from style.css */
h1, h2, h3, h4, h5, h6 {
	font-family: Lato,Helvetica,Arial,sans-serif;
	color: #212121;
	font-weight: 900;
	}
h1 {
	font-size: 1.5em;
	}
.content h1 {
	font-size: 1.2em;
	line-height: 1.1;
	color: #3c2104;
	}
h1 small, .h1 small {
	font-size: 85%;
	font-style: italic;
	}
	@media (max-width: 767px) {
		h1 small, .h1 small {
		font-size: 55%;
		line-height: .6;
	}
	}

h1.productname {
	font-size: 1.6em;
	letter-spacing: -1px;
}

.text-shadow {
    	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
}

@media (max-width: 767px) {
		h1.productname {
		font-size: 1.2em;
	}
}

/* These are used in the wordpress blog */
h1.postheadline, h2.postheadline, h3.postheadline, h4.postheadline, h5.postheadline, h6.postheadline {
    font-weight: 300;
    letter-spacing: -1.5px;
    color: #00843d;
    margin-top: .65em;
    margin-bottom: .65em;
    border-left: #00843d solid 12px;
    padding-left: 12px;
}

div.post div.page-header h2 {
	letter-spacing: -1px;
	font-size: 1.8em;
    	line-height: initial;
}

div.post div.category-bump h2 {
	letter-spacing: -1px;
	font-size: initial;
    	line-height: initial;
}
cite {
	font-size: .85em;
	font-style: italic;
    	font-variant-caps: all-petite-caps;
}

/* End wordpress blog headings */

h3.check-headings, span.check-headings {
	font-weight: 300;
	font-size: 18px;
	color: #00843d;
	margin-bottom: .5em;
	text-transform: uppercase;
}

h4 {
	line-height: 18px;
	}

.content h4 {
	color: #212121;
	font-size: 1.1em;
}

.payment-icons h4 {
	color: #00843d;
	font-size: 1.8em;
	font-weight: 300;
}
.content .heading h4 {
	color: #212121; /* #295190 */
	font-style: italic;
}
h5 {
	font-size: 1em;
	line-height: normal;
	font-weight: 600;
	letter-spacing: -1px;
}
.heading h5{
	color: #212121;
	font-style: italic;
	}
#lumbernotes h5{
	color: #00843d;
	}


h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
	color: #999999;
	}

span.percentSavings {
	margin-right: 15px;
    	padding: 5px 14px;
    	font-size: .85em;
	font-weight: 900;
    	color: #212121;
	background-color: #ffc107;
	border-radius: 16px;
}

span.percentSavings2 {
	margin-right: 15px;
    	padding: 5px 14px;
    	font-size: .85em;
	font-weight: 900;
    	color: #fff;
	background-color: #3c2104;
	border-radius: 16px;
}

/* End Adjusting Heading Tags from style.css */
/* Adjusting global btmheader from style.css */
/* btmheader */
header.btmheader {
	color: #272727;
	height: 130px;
	background-color: #dfddd7
}

header .logo {
	padding: 0px;
}


header .logo img {
	height: 50px;
	padding-top: 2px;
	/* padding-bottom: 10px;  edit padding and height to change logo size*/
}

@media (min-width: 768px) {
header.btmheader {
	background-color: #f9f8f7;
	}
header .logo img {
	height: 110px;
	padding-top: 12px;
	/* padding-bottom: 10px;  edit padding and height to change logo size*/
}
}

header .search-row {
	margin-bottom: 1em;
	}
@media (max-width: 768px) {
header .search-row {
	margin-bottom: 0px;
	}
}
/* End Adjusting global btmheader */

/* Adjust Content Area */
.items .content .container {
	background-color: #fff;
}

.content p {
	margin-bottom: 1.6em;
	}

.note {
    font-size: .80em;
    color: #848181;
}
div.pbox>div.inner {
	background-color: #f5f5f5;
	padding: 0px 0px 3px 0px;
}

div.pbox>div.inner>p {
	padding: 0px 22px;
}

/* END Adjust Content Area */

/* Adjusting Footer */
footer {
	background-color: #d4c2ac;
	color: #000;
	font-size: 16px;
	}

footer a, footer a:visited {
    color: #3b2104;
}

footer a:hover {
    text-decoration: underline;
	color: #3b2104;
}

footer hr {
	border-top: 1px solid rgba(150, 109, 6, 0.4);
	}

footer h3 {
    font-style: italic;
	}

footer .payment-icons img {
	max-width: none;
	}

/* End adjusting Footer */

.breadcrumb {
	background-color: #FFF;
	border-radius: 0px;
	padding-bottom: 2px;
}
.heading {
	background-color: #00843d;
	color: #fff;
	padding-top: 6px;
	padding-right:8px;
	padding-bottom: 6px;
	padding-left: 8px;
	margin-bottom: 1.3em;
	}
.heading a, .heading a:visited {
	color: #fff;
}


/* Adjust Navigation Tabs from bootstrap.css */
.nav-tabs {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003300;
	font-size: 1.2em;
	font-weight: bold;
}

@media (max-width: 767px) {
	.nav-tabs {
		font-size: .9em;
		font-weight: 300;
	}
}



.nav-tabs>li>a {
	border: 1px solid #e3e3e3;
	background-color: #d4c2ac;
	}
	.nav-tabs > li > a:hover  {
		background-color: #a57235;
		color: #fff;
		}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
	background-color: #71583e;
	border: 1px solid #71583e;
	color: #fff;
}
.navbar-2 {
	background-color: #3c2104;
}
.navbar {
	min-height: 40px;
	max-height: 42px;
	background-color: #3c2104;
	font-family: Lato,Helvetica,Arial,sans-serif;
	font-size: .8em;
	text-transform: none;
	margin-bottom: 0px;
	position: -webkit-sticky; /* Safari */
  	position: sticky;
  	top: 0;
	}
	.navbar ul {
		/* background-color: #4e5555; */
		background-color: #3c2104;
		font-size: 1em;
		/* letter-spacing: -1px; */
		}
.navbar .nav li {
	/* text-align: left; */
	transition: background .2s ease;
	}
	.navbar .nav > li > a {
	padding: 5px;
		}
.navbar .nav li:hover {
	background-color:#d4c2ac;
			}
.nav-justified>li>a {
	/* text-align: left; */
}
@media (min-width: 768px) {
.nav-justified >li {
	vertical-align: text-top }
}
.navbar .nav li ul li {
	line-height: 1.1em;
	padding: 1.1em;
	border-bottom: thin dotted #003300;
}
.navbar .nav li ul li a {
	color: #003300;
	}
	.navbar .nav li ul li a:hover {
	color: #fff;
	}

/* Adjust Seconday Navigation Header */
#top-menu-wws .list-inline>li {
	padding-right: 22px;
	letter-spacing: -1px;
}
@media only screen and (max-width: 991px) {
	.navbar ul{
		font-size: .85em;
	}
}
@media only screen and (min-width: 1200px) {
	.navbar ul{
		font-size: 1.2em;
	}
}

#top-menu-wws .list-inline>li>a{
	color: #003300;
}

#top-menu-wws .list-inline>li>a>i.fa {
	color: #3b2104;
	padding-right: 4px;
}

/* Nav Left Category Tree */
/* CATTREE */

/* nav menu styles */
#nav {
  display: block;
  width: 100%;
  background:transparent;
  margin: 10px auto;
}

#nav{
margin: 0px;
padding: 0px;
}

#nav li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#nav > li > a {
  display: block;
  padding: 8px 8px;
  color: #00843d;
  text-decoration: none;
  background-color: #f3f3f3;
  font-weight: 300;
  text-transform: uppercase;
}

#nav > li > a:hover,
#nav > li > a.open {
  color: #00843d;
  font-weight: 300;
  text-transform: uppercase;
  border-bottom: 1px solid #eee;
}
/* Level 2 */
#nav li.level-2 {
	padding-left: 0;
	border-bottom: 1px solid #f1f1f1;
}

#nav li.level-2 a {
  display: block;
  background: none;
  padding: 10px 5px 10px 20px;
  text-decoration: none;
  border-bottom: none;
  color: #3b2104;
}
#nav li.level-2 a:hover,
#nav > li.level-2 > a:hover {
  background: rgba(212, 205, 172, 0.2);
  border-bottom: none;
}
#nav > li.level-2 > a:hover,
#nav > li.level-2 > a.open {
  color: #3b2104;
  background-color: rgba(212, 205, 172, 0.2);
  border-bottom: none;
  font-weight: 900;
}

/* Level 3 */
#nav li.level-3 {
	padding-left: 0;
	border-bottom: 1px solid #f1f1f1;
}

#nav li.level-3 a {
  display: block;
  background: none;
  padding: 10px 5px 10px 30px;
  text-decoration: none;
  border-bottom: none;
  color: #3b2104;
}
#nav li.level-3 a:hover,
#nav > li.level-3 > a:hover {
  background: rgba(212, 205, 172, 0.2);
  border-bottom: none;
}
#nav > li.level-3 > a:hover,
#nav > li.level-3 > a.open {
  color: #3b2104;
  background-color: rgba(212, 205, 172, 0.2);
  border-bottom: none;
  font-weight: 900;
}

/* Level 4 */
#nav li.level-4 {
	padding-left: 0;
	border-bottom: none;
	border-top: none;
	font-size: .8em;
	font-style: italic;
}

#nav li.level-4 a {
  display: block;
  background: none;
  padding: 10px 5px 10px 40px;
  text-decoration: none;
  border-bottom: none;
  color: #3b2104;
}
#nav li.level-4 a:hover,
#nav > li.level-4 > a:hover, #nav > li.level-4 > a.open {
  background: rgba(212, 205, 172, 0.2);
  border-bottom: none;
  border-top: none;
}


/* End NAVTREE */

.page-head {
	background-color: #e0ddd8;
	border-top: 1px solid #030;
	border-bottom: 1px solid #030;
	box-shadow: none;
	margin-bottom: 0;
	text-align: center;
	font-style: italic;
	line-height: normal;
	padding: 6px 0;
	}

.page-head h1 {
	font-size: 1.2em;
	}

@media (max-width : 767px) {
	.page-head h1 {
	font-size: .9em;
	}
}

.page-head h1 small {
	color: initial;
	}
/* Promo Banner under navbar */
#promoBanner {
	background: #f8d58e; /* #FFC107 (yellow) */
	color: #000; /* #563F05; */
	border-bottom: 1px solid #d4c2ac;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:0.06em;
	font-size:0.8em;
	position:relative;
	transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	overflow:hidden;
	}

	#promoBanner  p {
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	#promoBanner  a {
		color:#032B7D;;
		text-decoration:underline;
		margin-left:5px;
	}
		#promoBanner a:hover {
	font-style: italic;
}

	.promobannerPadding {
		padding: 0px;
	}

/* End Promo Banner under navbar */

/* Top Promo Banner global header */
@media (max-width : 767px) {
	#salebanner{
		font-size: .7em;
    line-height: initial;
	}
	}
/* End Top Promo Banner global header */

/* Fix product layout on product lists (orig in style.css) */

.content {
    margin: 0px;
}

.category-item {
	min-height: 320px;
	max-height: 320px;
	margin-bottom: 12px;
	padding: 0px;
	}
	.category-item .item-image {
	border: none;
	/* height: 150px;
	max-height: 150px; */
	overflow: hidden;
	box-shadow: initial;
	}

	/* make promo text float on image */
	.sale-text {
	position: relative;
  	text-align: center;
	}

	.sale-top-right {
	position: absolute;
  	top: 4px;
  	right: 4px;
	font-size: .6em;
	color: #000;
	background-color: #ffc107;
	text-transform: uppercase;
	padding: 2px 5px;
	line-height: normal;
	border-radius: 6px;

}

.nav-promo-pill {
	position: absolute;
  	top: 10px;
  	left: 34px;
	font-size: 1em;
	color: #fff;
	background-color: #b00000;
	text-transform: uppercase;
	padding: 4px 10px;
	line-height: normal;
	border-radius: 12px;

}

/* Pagination Override from default bootstrap */
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #3c2104;
    border-color: #3c2104;
}

/* Out of Stock Message on CTGY */
.out-of-stock {
	margin-top: 16px;
}
.out-stock-middle {
	position: absolute;
  	top: 45px;
  	right: 20%;
	font-size: .6em;
    	color: #7d7d7d;
    	background-color: #d0d0d099;
	padding: 4px 5px;
	line-height: normal;

}

.out-stock-fade {
	opacity: 0.33;
}

.category-item .item-details {
	padding: 0px 10px 10px 10px;

}

.category-item:hover {
	box-shadow: initial;
}
.category-item:hover {
	box-shadow: 0px 0px 5px #ccc;
	-webkit-transition: box-shadow .3s ease;
	-moz-transition: box-shadow .3s ease;
	-o-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
}

.category-item .item-image:hover {
	box-shadow: initial;
}

.category-item .item-image a img:hover {
	/* Hover On */
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
}

	.category-item .item-image img {
	max-height: 200px;
	padding: initial;
}

.category-item .item-details h5, .category-item .item-price, .category-item .item-details p {
		text-align: left;
	}

	.category-item .item-details h5 a, .category-item .item-details h5 a:visited {
		color: #2b2e2e;
		}
	.category-item .item-details h5 a:hover {
		text-decoration: underline;
		}
/* Subcategory listing areas */
.subcategory-item {
	min-height: 90px;
	}

.subcategory-item .item-details h5 a:hover, .category-item .item-details h5 a:hover {
	text-decoration: underline;
}

/* Fix styling in global header */
header.topheader{
	padding:0;
	background-color: #e0ddd8;
	color:#00843d;
	height: 44px;
	font-size: .90em;
	border-bottom: solid #00843d 2px;
}

@media (max-width : 991px) {
header.topheader{
	background-image: none;
	background-color: #e0ddd8;
}
}

header .hlinks a {
	line-height: 44px;
	}
.phone a {
	color: #00843d;
	text-decoration: none;
	line-height: 44px;
	}
header.topheader .hlinks a:hover, .phone a:hover {
	color: #3c2104;
	text-decoration: underline;
}
header .hlinks a:hover {
	color: #3c2104;
}
header .search-row div.v-center {
	height: auto;
}
.iconbar i {
	color: #00843d;
	width: calc(25% - 2px);
}
.iconbar2 {
	text-align: right;
}
.iconbar2 i {
	color: #dddddd;
	width: calc(40% - 2px);
	text-align: right;
	display: inline-block;
    	padding: 10px 0px;
    	vertical-align: middle;
}

/* Social */
header .hlinks > span.social-head {
		background: none;
		border: none;
		padding: 0;
		margin-right: 25px;
	}
.social-head {
	font-size: 13px;
	margin: 5px 0;
}
	.social-head i {
		border-radius: 3px;
		box-shadow: inset 0 0 1px #333;
		color: #fff;
		display: inline-block;
		line-height: 25px;
		margin: 0 5px 0 0;
		text-align: center;
		-webkit-transition: background 1s ease;
		-moz-transition: background 1s ease;
		-o-transition: background 1s ease;
		transition: background 1s ease;
		width: 25px;
		height: 25px;
	}
	.social-head i.facebook {
		background: #3c5b9b;
	}
	.social-head i.twitter {
		background: #2daae1;
	}
	.social-head i.google-plus {
		background: #f63e28;
	}
	.social-head i.pinterest {
		background: #cb2027;
	}
	.social-head i.vimeo{
		background: #aad450;
	}
	.social-head i.youtube{
		background: #bb0000;
	}
	.social-head i.flickr{
		background: #ff0084;
	}
	.social-head i.instagram{
		background: #517fa4;
	}
	.social-head i.linkedin {
		background: #0173b2;
	}
		.social-head i:hover {
			background: #000;
			-webkit-transition: background 1s ease;
			-moz-transition: background 1s ease;
			-o-transition: background 1s ease;
			transition: background 1s ease;
		}
	.social-head a,
	.social-head a:visited,
	.social-head a:hover {
		color: #fff;
		text-decoration: none;
		margin-bottom:5px;
		display: inline-block;
	}

	/* Social footer */
	.social {
	font-size: 24px;
}
	.social i {
	height: 50px;
	width: 50px;
	line-height: 50px;
}
	.social p {
	font-size: 16px;
}


div.hlinks a.basket-count, div.hlinks a.basket-count:visited {
	color: #00843d;
	line-height: normal;
	}

	div.hlinks a.basket-count:hover {
	color: #fff;
	}

.tab-content p {
	margin-top: 1.3em;
	margin-bottom: .8em;
}
.tab-content .media-body p {
	margin: 0px;
}

.media-heading {
	font-weight: bold;
	color: #8C670B;
	font-size: 1.5em;
}

.about .row {
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
}

/* Add custom wells & alerts */
.alert {
	border-radius: 0px;
	 }
.rustic {
	background-image: url('../../graphics/backgrounds/rustic2.jpg');
    background-position: center;
	}

.alert-success, .alert-success-2 {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-warning {
	border-color: #d4c2ac;
}

.alert-rustic {
	background-image: url('../../graphics/backgrounds/panel-head-1.jpg');
    background-position: top left;
	}
.transBlack {
    background-color: rgba(0, 0, 0, 0.45);
	color: #fff;
	border: none;
}
.transWhite {
    background-color: rgba(255, 255, 255, 0.45);
	color: #000;
	border: none;
}
.transWhite h1, .transWhite h2, .transWhite h3, .transWhite h4, .transWhite h5, .transBlack h1, .transBlack h2, .transBlack h3, .transBlack h4, .transBlack h5 {
		text-shadow: 2px 2px 2px #000;
    	color: #ffc107;
	}

	.transBlack h1 small, .transBlack h2 small, .transBlack h3 small, .transBlack h4 small, .transBlack h5 small {
	text-shadow: 2px 2px 2px #000;
	color: #FFD300;
	font-style: italic;
	padding-left: 1.5em;
	}

.invc-cust {
	font-size: .85em;
}


/* Lumber Comparison Module i.e. walnut types and white oak types */
.wood-compare {
	position: relative;
}
.wood-compare h4 {
	color: white;
	font-weight: 300;
}
.wood-compare-text-block {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #00000078;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
#walnut_types, #white_oak_types {
	margin-top: 1em;
	margin-bottom: 1.3em;
}

#walnut_types .details, #white_oak_types .details {
	font-size: .85em;
	padding-left: 16px;
}
#walnut_types .details .details-link, #white_oak_types .details .details-link {
	font-weight: 900;
	padding: 6px 0px 0px 18px;
}

/* end Lumber Comparison Module */

/* Fix button color from default.css */
.btn {
	font-weight: 900;
	border-radius: 0;
}

#basket-contents .btn {
	width: 100%;
}

.btn-primary {
	background-color: #ffc107;
	border-color: #3c2104;
	padding-right: 40px;
	padding-left: 40px;
	color: #3c2104;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	background-color: #ffd75f;
	border-color: #3c2104;
	color: #3c2104;
}

.btn-gray {
	background-color: #f5f5f5;
	border-color: #c0c0c0;
	padding-right: 8px;
	padding-left: 8px;
	color: #000;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {
	background-color: #c0c0c0;
	border-color: #fff;
	color: #fff;
}

a.btn-gray, a.btn-gray:visited {
	color: #000;
}

.btn-gray1 {
	background-color: #f5f5f5;
	border-color: #c0c0c0;
	padding-right: 8px;
	padding-left: 8px;
	color: #000;
}
.btn-gray1:hover,
.btn-gray1:focus,
.btn-gray1:active,
.btn-gray1.active,
.open .dropdown-toggle.btn-gray1 {
	background-color: #c0c0c0;
	border-color: #fff;
	color: #fff;
}

a.btn-gray1, a.btn-gray1:visited {
	color: #000;
}


.btn-default {
	background-color: #fff;
	border-color: #008a407a;
	color: #00843d;
}
a.btn-default, a.btn-default:visited {
	color: #00843d;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
a.btn-default:hover,
a.btn-default:focus,
a.btn-default:active

.open .dropdown-toggle.btn-default {
    border-color: #00843d;
    color: #FFFFFF;
    background-color: #05AD05;
}




.btn-danger {
	background-color: #990000;
	border-color: #990000;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
	background-color: rgba(153, 0, 0, 0.90);
	border-color: #fff;
}
.btn-info {
	background-color: #295190;
	border-color: #115779;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
	background-color: #105373;
	border-color: #fff;
}
.btn-warning {
	background-color: #ffc107;
	border-color: #dea703;
	color: #000 !important;
}
a.btn-warning {
	color: #000 !important;
}

.promo a.btn-warning, .promo a.btn-warning:visited, a.btn-warning:visited, a.btn-warning:hover {
	color: #000 !important;
}

.btn-success {
	background-color: #00843d; /* #5cb85c */
	border-color: #026d34;
}

.btn-nav {
	background-color: #D4CDAC;
	color: #454545;
	border-color: #9f9a80;
	padding-right: 40px;
	padding-left: 40px;
}
.btn-nav:hover,
.btn-nav:focus,
.btn-nav:active,
.btn-nav.active,
.open .dropdown-toggle.btn-nav {
	background-color: #ebe6cd;
	border-color: #9f9a80;
}

.btn-wws, a.btn-wws, a.btn-wws:visited, #cart a.btn-wws, #cart a.btn-wws:visited {
  color: #FFFFFF;
  background-color: #00843D;
  border-color: #046E36;
}

.btn-wws:hover,
.btn-wws:focus,
.btn-wws:active,
a.btn-wws:hover,
a.btn-wws:focus,
a.btn-wws:active,
.open .dropdown-toggle.btn-wws {
  color: #FFFFFF;
  background-color: #05AD05;
  border-color: #046E36;
}

.btn-wws:active,
.btn-wws.active,
.open .dropdown-toggle.btn-wws {
  background-image: none;
}

.btn-wws.disabled,
.btn-wws[disabled],
fieldset[disabled] .btn-wws,
.btn-wws.disabled:hover,
.btn-wws[disabled]:hover,
fieldset[disabled] .btn-wws:hover,
.btn-wws.disabled:focus,
.btn-wws[disabled]:focus,
fieldset[disabled] .btn-wws:focus,
.btn-wws.disabled:active,
.btn-wws[disabled]:active,
fieldset[disabled] .btn-wws:active,
.btn-wws.disabled.active,
.btn-wws[disabled].active,
fieldset[disabled] .btn-wws.active {
  background-color: #00843D;
  border-color: #046E36;
}

.btn-wws .badge {
  color: #00843D;
  background-color: #FFFFFF;
}
.btn-gray {
	font-weight: 300;
}

.btn-md {
    padding: 10px 8px;
    font-size: 16px;
    line-height: 1.33;
}


.dropdown-menu a:hover, .dropdown-menu a:focus {
    background: #eae9e6 !important;
    filter: none !important;
    -webkit-transition: background .4s ease;
    -moz-transition: background .4s ease;
    -o-transition: background .4s ease;
    transition: background .4s ease;
}
a.dropdown-toggle {
	background: none !important;
}
a.dropdown-toggle:hover, a.dropdown-toggle:focus, a.dropdown-toggle:active,.dropdown-menu>li>a:hover {
	color: #00843d !important;

}

/* dropdown animation */
.dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown.open .dropdown-menu {
    max-height: 330px;
    opacity: 1;
}
/* end dropdown animation */
header .hlinks>span.AccountLinksDrop {
	background: none;
    	border: none;
}
.AccountLinksDrop>ul>li>a {
	line-height: initial;
}

.text-info {
	color: #295190;
}

.text-info-wws {
	color: #00843d;
}
.text-info-gray {
	color: #808080;
}
.mivaCatHeaderNew .media-body {
	line-height: initial;
}
.mivaCatHeaderNew #ctgyImgLg {
	float: left;
	max-width: 100%;
}
/* Customize Bootstrap Carousel */
div.carousel-caption {
	background-image: url(../../graphics/carousel/bg.png);
}
.carousel-caption h3 {
	color: #d4c2ac;
	}
/* END Customize Bootstrap Carousel */
/* Species Category Wood Information Area */
.speciesInformation {
	clear: both;
	border: 1px solid #A8A8A8;
	border-radius: 1em;
	padding: 2%;
}
.speciesInformation h2 {
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
	line-height: .9;
	letter-spacing: 0px;
	margin-bottom: 0px;
	margin-left: -1.3em;
	text-transform: capitalize;
	}

.media-species {
	font-size: .85em;
}
.speech-bubble {
	position: relative;
	background: #f5f5f5;
	border-radius: .4em;
	padding: 1.3em;
	line-height: 1.1;
	letter-spacing: -.03em;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom-color: #f5f5f5;
	border-top: 0;
	border-right: 0;
	margin-left: -10px;
	margin-top: -20px;
}


/* End Species Category Wood Information Area */
.speciesImgLg {
	width: 500px;
	max-width: 100%;
	float: left;
	}
.speciesImgLg img {
	width: 500px;
	max-width: 100%;
	height: auto;
	}
/* Category Extra Images, tiny thumbs for additional views */
.CatExtraImg2 {
	height: 45px;
}
/* Category Review Container */
.catSpeciesRatingContainer2 {
	min-width: 255px;
	max-width: 100%;
	margin-top: 0px;
	margin-bottom: .8em;
	padding-top: 1%;
	padding-right: 0px;
	padding-bottom: 1%;
	padding-left: 0px;
}
.catSpeciesRating2 {
	width: 100%;
	font-size: .8em;
	margin-right: 1%;
	margin-left: 1%;
	padding-right: 4px;
	padding-left: 4px;
	display: block;
	border-radius: 1em;
	margin-top: 1%;
	margin-bottom: 2%;
	border: thin solid #D5D5D5;
	background-color: #FFF;
}
/* End Category Review Container */
/* Category Species Graphs CTGYSPECIES page template */
.compTable {
  vertical-align: top;
  text-align: center;
  padding: 1%;
  font-size: .85em;
  color: #00843d;
}
.compTable a, .compTable a:visited {
 color: #65769d;
}


.compTable h4 {
	font-size: 2em;
	font-weight:900;
	color: #00843d;
}
div.chartCompare {
	font-size: .85em;
	font-style: italic;
	display: block;
	line-height: 95%;
}
div.graph h2 {
	font-size: 1.4em;
	margin: 5px 0px 8px 0px;
}
.compareTable {
	width: 100%;
	border-radius: 3px;
}
.compareTable .progress {
	margin-bottom: 1px;
	border-radius: 0;
}
.compareTable .progress .progress-bar {
	text-align: left;
	padding-left: 12px;
	background-color: #00843d;
	border-top-left-radius:0;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:0;
	text-shadow: 2px 2px 4px #484848;
}
.compareTable .comparedOak {
	height: 15px;
}
.compareTable .comparedOak .progress-bar {
	text-align: left;
	padding-left: 12px;
	font-size: 9px;
	font-style: italic;
	color: #966D06;
}
.compareTable .comparedOak .progress-bar-warning {
	background-color: rgba(214, 199, 128, 0.36);
 }
.graphTitle .mivaBigItalics {
	line-height: 1;
}
.graphBars {
	width: 255px;
	background-image: URL("../../graphics/category_graphs/graphgrad-bg.png");
	background-position: left top;
	background-repeat: repeat-x;
}
/* End Category Species Graphs */
/* Show or Hide Category Species Data based on screen size */
@media (max-width: 767px) {
}
/* Show or Hide Category Species Data based on screen size */
/* Miva Fonts and Heading Tags */
h1 span {
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
}
.mivaBigBold {
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
}
.mivaBigItalics {
	font-size: 1.2em;
	font-style: italic;
	letter-spacing: -.09em;
}
.mivaBigBoldStrike {
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	text-decoration: line-through;
}
.mivaBigBoldRed {
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	color: #B00000;
}
.mivaBigBoldBlue {
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	color: #295190;
}
.mivaRed {
	color: #B00000; /* #ED5A00 */
}
.mivaItalics {
	font-style: italic;
}
.mivaSaleCaps {
	text-transform: uppercase;
	}
.qtyLabel {
	font-size: .7em;
}
.item-discount {
	color: #00843d;
	}

.salestatement {
	margin-bottom: 1.3em;
	padding: 8px 0px;
}
/* End Miva fonts */
/* Product Page customizations */
.customFieldshipping {
	font-size: .75em;
	font-weight: 900;
	color: #5e5e5e;
	text-transform: uppercase;
}
.shipping-note {
	font-size: .9em;
	line-height: normal;
	padding:2px;
	/* background-color: #eee; */
	/* border: 1px solid #ccc; */
	/* border-radius: 4px; */
}
.shipping-note strong {
	font-size: 1.2em;
	color: #3f3f3f;
}
ul.prodbenefitlist {
	list-style-type: none;
	padding-inline-start: 0px;
}
ul.prodbenefitlist li.prodbenefit {
	list-style-type: none;
	display: inline-block;
	font-size: .75em;
	color: #212121;
	border-radius: 8px;
	border: 1px solid;
	padding: 5px 14px;
	margin-right:  4px;
	background-color: #f3f3f3;
}

table.discTable {
	margin-bottom: 0px;
	font-size: .80em;
	}

	@media (max-width: 767px) {
		table.discTable {
			font-size: .80em;
		}
	}
table.discTable tr td.rightp {
	padding-left: 10px;
	}

.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
    padding: 3px 6px;
}
.thumbnails li {
	border: none;
	/* width: 50px;
    height: 50px; */
	}
	@media (max-width: 767px)  {
		.thumbnails li {
		width: 45px;
		height: 45px;
		}
	}

#videobox_lg {
	padding-top: 10px;
}




/* Bootstrap Panel & Well Mods */
.card {
	padding: 6px;
	border: 1px #e4e4e4 solid;
	margin: 15px;
}
.card-body {
	font-size: .85em;
}

.jumbotron {
	border-radius: 0;
	background:none;
	}

	.container .jumbotron {
	border-radius: 0;
	}

	.jumbotron-white {
	background-color: #FFF;
	}

	.jumbotron-orange {
	background-color: #F0AD4E;
	}

	.jumbotron-dark {
	background-color: #5A2C14;
	color: #d4c2ac;
	}
	.jumbotron-shaded {
	background-color: #e9e9e9;
	}
.jumbotron p a {
	text-decoration: underline;
}
.jumbotron p a:hover {
	text-decoration: none;
}

.panel {
	border-radius: 0;
}

.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
	}

.panel-footer {
		background-color: #d4c2ac;
		}

.panel-primary {
	border-color: #295190;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #295190;
    border-color: #295190;
	}

.panel-wood {
	background-color: #fff;
	}

.panel-wood>.panel-heading {
	background-image: url(../../graphics/backgrounds/panel-head-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	color: #d4c2ac;
	}

	.panel-wood>.panel-heading small {
		color: #FFC107;
		font-size: 75%;}

.panel-wood>.panel-body {
	padding: 3px;
	}

.panel-wood-summary {
	background-color: #f5f5f5;
	}

.panel-wood-summary h6 {
	font-weight: 300;
	font-size: .8em;
}

.panel-wood-summary>.panel-heading {
	background-image: url(../../graphics/backgrounds/panel-head-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: 300;
	color: #FBF4D3;
	}

	.panel-wood-summary>.panel-heading small {
		color: #FFC107;}
	.panel-wood-summary>.panel-heading a {
		color:#fff;
	}

.panel-wood-summary .img-summary {
	margin-bottom: 6px;
}
.panel-wood-summary .summary-name {
	font-size: .8em;
	font-weight: 700;
    	line-height: initial;
}
.panel-wood-summary .summary-name-invc {
	font-size: 1.1em;
	font-weight: 300;
    	line-height: initial;
}
.panel-wood-summary .approx {
	color: #1246e1;
	font-style: italic;
	font-size: .80em;
}

.panel-wood-summary .invc-pq {
	font-size: .9em;
	font-weight: 300;
    	line-height: initial;
}

.panel-wood-summary .summary-notes {
	font-size: .65em;
	font-style: italic;
	line-height: initial;
	padding: 4px 0px 8px 4px;
	color: #7b7b7b;
}
.panel-wood-summary .summary-notes-invc {
	font-size: .85em;
	font-style: italic;
	line-height: initial;
	padding: 4px 0px 8px 4px;
	color: #7b7b7b;
}
.panel-wood-summary .product-row {
	margin-bottom: 10px;
	border-bottom: 1px solid #00843d;
}
.panel-wood-summary .subtotal-row {
	padding-top: 8px;
	margin-bottom: 12px;
}
.panel-wood-summary .summary-charge {
	font-size: .8em
}
.panel-wood-summary .item-subtotal {
	border-top: 1px solid #dadada;
}

.panel-wood-summary .helpfulinfo {
	font-size: .85em;
	margin-top: 1.8em;
	font-weight: 300;
}

.panel-ctgy {
	min-height: 300px;
	background-repeat: no-repeat;
}

.panel-ctgy .panel-body a:hover {
	font-style: italic;
	text-decoration: none;
	}

.panel-ctgy .transWhite, .panel-ctgy .transBlack {
		padding: 1.3em;
		text-align: center;
		margin-top: 35%;
	}

	.panel-ctgy .transWhite h3, .panel-ctgy .transBlack h3 {
		line-height: normal;
	}

	.panel-ctgy .transWhite h3 small, .panel-ctgy .transBlack h3 small {
	color: #FFF;
}

.panel-nav {
	min-height: 200px;
	background-repeat: no-repeat;
}
	.panel-nav .transWhite, .panel-nav .transBlack {
		padding: 1em;
		text-align: center;
		margin-top: 10%;
	}

	.panel-nav a:hover {
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	}

.panel-wood-summary>.panel-heading {
	background-image: url(../../graphics/backgrounds/panel-head-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: 300;
	color: #FBF4D3;
	}

	.panel-wood-summary>.panel-heading small {
		color: #FFC107;}
	.panel-wood-summary>.panel-heading a {
		color:#fff;
	}

#cart .img-summary {
	margin-bottom: 6px;
}

.img-responsive-status {
	max-height: 50px;
	display:block;
}

.panel-wood-summary h6, #cart h6 {
	font-weight: 300;
	font-size: .85em;
}

#cart h6.minibasktotal {
	font-weight: 500;
	font-size: .75em;
}

#cart h6.minibasktotal small {
	font-weight: 300;
	font-size: .65em;
	color: initial;
}

#cart .summary-name {
	font-size: .85em;
	font-weight: 700;
    	line-height: initial;
}
#cart .summary-notes {
	font-size: .7em;
	font-style: italic;
	line-height: initial;
	padding: 4px 0px 8px 4px;
	color: #7b7b7b;
}

.well {
	border-radius: 0;
	background-color: #f5f5f5;
}

/* Bootstrap Form Mods */
.form-control {
	background-color: #FFF;
	font-size: 18px;
}

select.form-control {
	height: auto;
    background-color: #ececec;
}
#customer-fields .form-control, #payment-fields .form-control, #opay-bill-to-form .form-control {
	font-size: 1.2em;
	height: 44px;
}

.input-xl {
    height: 65px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 6px;
}

input[type="text"], input[type="radio"], input[type="password"], input[type="number"], textarea {
    background-color: #FFF;
}

input[type="radio"] {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
}

.facets-tree form label input {
	margin-right: 12px;
}
.invalid {
	font-weight: 900;
	text-decoration: underline;
}


/* Order Form */
.orderForm {
	margin-top: 0;
}
#orderform {
	margin-top: 18px;
}
.orderForm form .btn-wws {
	font-size: 1.3em !important;
}
	@media (max-width: 767px){
	.orderForm form .btn-wws {
		font-size: .9em !important;
		}
	}
.orderForm form .btn i {
	font-size: 1em !important;
}

.orderForm form#bdform .btn {
	font-size: 1em !important;
}

.orderForm .formlinks {
	font-weight: normal;
}

.input-group-addon {
	font-size: 16px;
}
.order-qty {
	padding: 12px 0px 0px 0px;
}

#bdform label > small {
	font-weight: 300;
}

input#bd_rec_bdft[disabled] {
	font-weight: 900;
	color: #000;
}

.prod_result_list {
	border: solid 1px #e7e7e7;
    	padding: 6px;
}
.prod_result_list #prod_result_list {
	font-size: 1.1em;
	color: #00843d;
        margin-bottom: 0;
	padding-left: 1.4em;
}

.prod_result_list #prod_result_list button {
	font-size: 0.8em;
	margin-left: 0.5em;
	color: #d39e01;
	border: 1px solid currentColor;
	background: none;
	font-weight: bold;
	border-radius: 6px;
}

.product-attributes {
	/* background-color: rgba(255, 255, 255, 0.88); 
	padding-right: .65em;
	padding-left: .65em;
	padding-top: 1em;
	padding-bottom: 1em; */
	margin-bottom: 1em;
}

.product-attributes label.radio {
	font-weight: 300;
}

.product-attributes label.control-label {
	font-weight: bold;
}

.product-attributes h7 {
	font-style: italic;
	color: #787878;
}
.product-attributes hr {
	margin-top: 0px;
	margin-bottom: 2px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}

.product-attributes span.media-heading {
	font-weight: normal;
    color: #000;
    font-size: 1em;
	}

#storestock {
	font-size: .90em;
	line-height: normal;
	padding: 10px;
	background-color: #fdfdfd;
}
.box-status {
	padding: 7px;
	border: dashed 1px #b7b7b7;
	text-align: center;
	line-height: initial;
}

.attribute-selector .store-only-4848 {
	display: none;
	font-size: .80em;
}

.attribute-selector .store-only-4896 {
	display: none;
	font-size: .80em;
}

.attribute-selector input[value="4848"]:checked ~ .store-only-4848 {
	display: block;
}


.attribute-selector input[value="4896"]:checked ~ .store-only-4896 {
	display: block;
}

/* Attribute Radio Selection on Product Page */
.attribute-selector {

}

.attribute-selector input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.attribute-selector label {
    display: inline-block;
    background-color: #fff;
    padding: 4px 14px;
    font-size: .90em;
    border: 1px #cfcfcf solid;
}

.attribute-selector label:hover {
  background-color: #ececec;
}

.attribute-selector input[type="radio"]:focus + label {

}

.attribute-selector input[type="radio"]:checked + label {
    background-color: #3f3f3f;
	color: #fff;
	font-weight: bold;
	border: 1px #212121 solid;
}

.attribute-selector input[type="radio"]:disabled + label {
    background: #f1f1f1;
    text-decoration: line-through;
    color: #adadad;
    cursor: not-allowed;
}
.attribute-selector .radio {
	margin-top: 0px;
	margin-bottom: 4px;
}



/* End Attribute Radio Selection on Product Page */

/* Attribute Checkmark */
.attribute-check {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.attribute-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.attribute-check:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.attribute-check input:checked ~ .checkmark {
  background-color: #00843d;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.attribute-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.attribute-check .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

small.attribute-price {
	font-size: .65em;
	line-height: 1;
}

/* Bootstrap Modal Mods */

.modal-backdrop {
	background-color: #181818;
}

.modal-backdrop.in {
	opacity: 0.7;
}

.modal-header {
	border-color: #003300;
	background-image: url(../../graphics/backgrounds/panel-head-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	color: #FBF4D3;
	padding: 6px 15px 6px 15px;

	}
h4.modal-title, h3.modal-title {
	font-size: 1em;
	font-weight: 300;
	color: #FBF4D3;
	}

.close {
    color: #FBF4D3;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
	}

.modal-footer {
		background-color: #f5f5f5;
		padding: 6px 12px 6px 15px;
		}
#phone-modal .modal-body {
	font-size: 1.4em;
	line-height:normal;
}

.modal-body p {
	margin-bottom: 1.2em;
}
#phone-modal .modal-body h3 {
	font-size: 1.1em;
	font-style: italic;
}
#phone-modal .modal-body small {
	font-size: 65%;
	line-height: 0.75;
	color: #A2A2A2;
}

/* minibasket modal mods */

#cart.fade.in {
    opacity: 1;
}

#cart.fade {
    opacity: 0;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
}

img.plan {
	max-width: 78px;
	}

/* For display of the feeds display on the subscription area for newsletter via FeedBurner added by Mark Stephens */
div.feedburnerFeedBlock ul {
	list-style-type: none;
	padding:0px;
	margin: 0px;
}
div.feedburnerFeedBlock ul li {
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 12px;
	margin-bottom: 12px;
	display: inline-block;
	width: 100%;
}
div.feedburnerFeedBlock ul li span.headline {
	padding-left: .8em;
	font-weight: bold;
	font-size: 1.5em;
	}

	div.feedburnerFeedBlock ul li span.headline a {
	color: #fff;
		}
	div.feedburnerFeedBlock ul li span.headline a:hover {
	color: #fff;
		}

div.feedburnerFeedBlock ul li p.date {
	font-size: .8em;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
}
div.feedburnerFeedBlock ul li div {
	font-size: .6em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
}

div.feedburnerFeedBlock ul li div img {
}

/*end */

/* For display of the feeds display on the subscription area for newsletter via FeedBurner added by Mark Stephens */
/* For display of the feeds from newsletter and blog via FeedBurner added by Mark Stephens */
.blogGallery {
	letter-spacing: -1px;
}
.blogGallery .feedburnerFeedBlock ul {
	list-style-type: none;
	padding:0px;
	margin: 0px;
}
.blogGallery .feedburnerFeedBlock ul li {
	list-style-type: none;
	padding-top: 0px;
	padding-bottom: 25px;
	margin-top: 0px;
	margin-bottom: 12px;
	display: inline-block;
	width: 100%;
}
.blogGallery .feedburnerFeedBlock ul li span.headline {
	padding-left: 0px;
	font-weight: bold;
	font-size: 1.1em;
	}

	.blogGallery .feedburnerFeedBlock ul li span.headline a {
	color: #086533;
		}
	.blogGallery .feedburnerFeedBlock ul li span.headline a:hover {
	color: #086533;
		}

.blogGallery .feedburnerFeedBlock ul li p.date {
	font-size: .9em;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
}
.blogGallery .feedburnerFeedBlock ul li div {
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	min-height: 80px;
}

.blogGallery .feedburnerFeedBlock ul li div img {
	max-width: 150px;
	margin-right: 1.4em;
	float: left;
}
#creditfooter {
	display: none;
}

/*end */



hr {
	border-bottom: 1px solid #d8d8d8;
	}
/* Wishlists */
.darkgrey		{ color:#555555; }
.inlineblock	{ display:inline-block; }
.GFTL .header-message,
.WLGN .header-message{
	position:relative;
	display:block;
	margin-bottom:25px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.WLGN .error-message,
.WLST .error-message {
	margin:12px 24px;
	width:auto;
}
.WLGN .information-message,
.WLST .information-message {
	margin:12px 24px;
	width:auto;
}
.WLST .wishlists_search_container{

}
.WLGN .section {
	float:left;
	height:220px;
	width:49%;
}
.WLST .section_container{

}
.WLST .section{
	position:relative;
	display:inline-block;
	vertical-align:top;
	padding:10px 0;
	margin-bottom:20px;
	width:240px;
}
.WLST .wlst-search {
	width:50%;
	margin:0 0.25em;
	display:inline-block;
}
/*
.WLGN label,
.WLST .signin label {
	float:left;
	clear:both;
	text-align:right;
	padding:3px 5px;
}
*/
.purchase-buttons input.button{
	margin:5px 2px 0;
}
.wishlists_search_container{
	/* margin:5px 0; */
}
.wishlists_actions_container{
	margin-right:8px;
	margin-bottom:20px;
	display:block;
}
.wishlists_container{
	margin:15px 0 0;
	text-align:center;
}
.wishlists_empty{
	font-size:16px;
	color:#666;
}
.wishlists_container table{
	text-align:left;
	width:100%;
}
.wishlists_container table tr td.title	{ white-space:nowrap; }
.wishlists_container table tr td.name	{ white-space:nowrap; }
.wishlistitems_empty{
	text-align:center;
	font-size:16px;
	color:#666;
}
.wishlistitems_container table{
	width:100%;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
	border-collapse:collapse;
}
.wishlistitems_container table tr td{
	background-color:#FEFEFE;
	vertical-align:top;
	padding:6px;

}
.wishlistitems_container table tr.heading td{
	background-color: #00843d;
	color:#fff;
	font-weight:300;
	font-size: .85em;
	white-space:nowrap;
}
.wishlistitems_container .item-preview{
	width:8%;
	vertical-align:top;
}
.wishlistitems_container .note{
	display:block;
	color:#666;
	font-style:italic;
	margin-top:4px;
}
.wishlistitems_container .edit{
	display:inline-block;
	margin-top:12px;
}
.wishlistitems_container .qty-input{
	width:34px;
}
.wishlistitems_container .editable_note_container{
	padding-right:10px;
}
.wishlistitems_container .editable_note{
	margin:0;
	width:100%;
	height:75px;
	padding:4px;
}
.wishlistitems_container select.wishlist_move{
	max-width:120px;
}
.wishlistitems_container table tr.alt_row td{
	background-color: #F9F9F9;
}
.wishlistitems_container table tr.heading td.item-name { text-align:left; }
.wishlistitems_container table tr td.item-move		{ white-space:nowrap; text-align:center; }
.wishlistitems_container table tr td.item-quantity	{ white-space:nowrap; text-align:center; }
.wishlistitems_container table tr td.item-action	{ text-align:center; }
.wishlistitems_container table tr td.item-price		{ text-align:right; }
.wishlistitems_container table tr td.item-name table{
	border-collapse:collapse;
	border:none;
}
.wishlistitems_container table tr td.item-name table tr td{
	border:none;
	padding:0;
}
.wishlistitems_container .item-discount{
	white-space:nowrap;
	font-size:x-small;
	font-style:italic;
}
.wishlistitems_container .item-option{
	padding-left:16px;
}
#wishlist-fields .prompt{
	display:inline-block;
	vertical-align:top;
	padding:2px 5px 3px 0;
	text-align:right;
	width:75px;
}
#wishlist-fields .field{
	display:inline-block;
	vertical-align:top;
	width:256px;
	text-align:left;
}
#wishlist-fields .form_row .textfield,
#wishlist-fields .form_row .textarea{
	width:100%;
	padding:2px 2px;
}
#wishlist-fields .form_row .textarea{
	height:150px;
}
.action_all_container{
	margin-top:10px;
	text-align:right;
}
.WLST #filter-items-container div {
	display:inline-block;
	float:left;
	margin-bottom: 1em;
	margin-right: 1em;
}
.WPCK .content .col-md-12 .save-button {
	margin-top:1em;
}
.BASK .table-responsive a.btn-move-to-wishlist {
	display:block;
	font-size:0.85em;
	font-style:italic;
	margin-top:0.25em;
}

.subscribeSFNT {
	background-image: url(../../graphics/backgrounds/walnut-boards-bg.jpg);
	background-repeat: no-repeat;
	margin-bottom: 6%;
	padding-bottom: 18%;
}

.subscribeSFNT div.well {
	background-color: #f1ebe4;
	}

#cart a, #cart a:visited {
	color: #00843d;
	}

#cart a:hover {
	text-decoration:underline;

	}
#cart a.btn-default:hover {
	color: #fff;
}
.cart .tcart img  {
	max-height: 70px;
	}

.nameinfo {
	line-height: initial;
}
@media (max-width: 767px) {
	.nameinfo {
		font-size: .85em;
}
}
.formatted-total {
	font-weight: 900;
	font-size: 1.1em;
}
p.formatted-total, p.basket-charges {
	margin-bottom: 0px;
	}
#basket-totals {
	margin-bottom: 14px;
}
#basket-footer div#basket-totals .basket-charges {
	font-size: 0.65em;
	font-style: italic;
	padding: 0px;
	}

.basketsummary {
	padding: 12px;
	overflow: auto;
	background-color: #f5f5f5;
	font-size: 1.2em;
	margin:	6px 0px;
}

.basket-charges h3 {
	font-weight: 300;
	font-size: 18px;
}
#basket-totals h6 {
	font-size: .75em;
	line-height: unset;
}

@media (max-width: 767px){
	.basketsummary {
	padding: 3px;
}
}


.baskitem {
	margin-top: 6px;
	margin-bottom: 1.1em;
	border-top: 1px solid #00843d;
	padding: 6px 2px 0px 2px;
}

.baskimage {

}

.trust img {
	max-height: 38px;
}

.qtytotal {
	padding-bottom:14px;
	overflow: auto;

}

.baskitem .qty {
	border-right: 1px solid #d4c2ac;
	padding-left: 4px;
}

.itemtotal h5 {
	color: #966D06;
	font-size: 14px;
}

.baskdiscounts {
	font-size: .75em;
	font-style: italic;
	padding-top: 5px;
	text-align: right;
}

span.sku-srch {
	font-weight: 300;
	font-size: .9em;
	color: #a2a2a2;	
	
}


.saleBox {
	text-align: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #800000;
	border-bottom-color: #800000;
	}

.responsiveCal {
	position: relative; padding-bottom: 75%; height: 0; overflow: hidden;
}

.responsiveCal iframe {
	position: absolute; top:0; left: 0; width: 100%; height: 100%;
}

blockquote {
	border: 5px solid #eee;
	margin-top: 12px;
}

blockquote ul li {
    font-size: 17.5px;
    font-weight: 300;
    line-height: 1.5em;
}
blockquote ol li {
    font-size: 17.5px;
    font-weight: 300;
    line-height: 1.5em;
}

blockquote.featuredwood  {
	border: none;
	margin-top: 2px;
	background-color: #00843d;
	color: #ffc107;
	font-weight: 300;
		}

span.feature {
	font-size: .8em;
	font-weight: 800;
	color: #00843d;
    	background-color: #ffc107;
    	text-transform: uppercase;
    	padding: 0px 8px;
    	line-height: normal;
    	border-radius: 12px;
	margin-right: 2em;
}

@media (max-width: 767px){
		blockquote.featuredwood span {
		font-size: 65%;
		margin-right: auto;
		margin-left: auto;
		display: block;
		width: fit-content;
	}
}


.lumberHelpCenter {
}

.lumberHelpCenter h7 {
	color: #00843d;
	font-weight: 900;
}

.lumberHelpCenter .panel-heading {

}

.lumberHelpCenter .panel-heading h4 {
	color: #00843d;
}

.lumberHelpCenter .panel-heading h7 {
	color: #00843d;
	font-weight: 900;
}

.lumberHelpCenter .panel-body {
	font-size: .95em;
	line-height: 1.5em;
}

.marketingbanner {

}

.lumberlinks {
	padding-top: 1em;
	padding-bottom: 1em;
}

.extrainfo {
	line-height: initial;
}

.extrainfo .well {
	background-color: initial;
	border-top: #ddd 2px solid;
	border-bottom: none;
	border-right: none;
	border-left: none;
	padding: 4px;

}


/* Fade in banner function */
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; height:0px; } to { opacity:1; height:22px; } }
@-moz-keyframes fadeIn { from { opacity:0; height:0px; } to { opacity:1; height:22px; } }
@keyframes fadeIn { from { opacity:0; height:0px; } to { opacity:1; height:22px; } }

.fade-in {
  height:0px;
	opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in.one {
  -webkit-animation-delay: 2.7s;
  -moz-animation-delay: 2.7s;
  animation-delay: 2.7s;
}

/*---make a basic fading box ---*/
.box{
  width: 100%;
  height: 0%;
  position: relative;
  margin: 0px;
}

.readytheme-banner a {
	color: #FFC107; /*--- #B00000; with yellow background --- */


}

div.facets-tree form label {
	font-weight: 300;
}

.facets-name {
	color: #3b2104;
    	background-color: rgba(212, 205, 172, 0.2);
    	font-weight: 900;
    	display: block;
    	padding: 10px;
    	text-transform: uppercase;
}

/*--- How it works module ---*/
.howitworks1 {
	background-color: #f5f5f5;
	padding: 26px 0;
	border: #fff 4px solid;
}
.howitworks1 p a {
	text-decoration: underline;
}
.howitworks1 h2 {
	color: #d4c2ac;
    	font-size: 1.8em;
    	background: #3c2104;
    	padding: .3em;
	border-radius: 22px 0px 0px 22px;
}
.howitworks1 h2 small {
	font-size: .85em;
	letter-spacing: -1.2px;
	font-style: italic;
}
.howitworks1 h3 {
	color: #00843d;
	font-size: 1.5em;
	margin: .7em 0 1em 0;
	line-height: 1em;
}
@media (max-width: 767px) {
	.howitworks1 h3 {
	font-size: 1.4em;
	}

	.howitworks-title {
	margin-top:-50px;
	}

}
.howitworks1 p {
	font-weight: 300;
	font-size: 1.2em;
}

.content ul.howitworks li {
  list-style: none;
  font-size: 1.2em;
  font-weight: 300;
}

ul.howitworks li:before {
  content: '✓';
}
div.howitworks1 table {
	font-size: 1.2em;
}

#lumber_help_articles {
	letter-spacing: -1px;
}

@media (max-width: 767px) {
	#globalMiniBask {
	font-size: .85em;
}
}

hr.title-bask {
    border-bottom: 2px solid #dfe0e0;
}

div#acctlog {
	margin-top: 1.2em;
	margin-bottom: 45px;
}

/* Toggle Switch styles on Checkboxes */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ababab;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #00843d;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 36px;
}

.slider.round:before {
  border-radius: 50%;
}
/* END Toggle Switch styles on Checkboxes */

#fields-key {
	color: #00843d;
    	padding: 3px 12px;
	background-color: #f5f5f5;
}
#fields-key>div {
    background-color: #f5f5f5;
}

.AddToWishList {
	width:100%;
}
/* Waitlist mods */
#waitlistForm {
	margin-top: 16px
}

/* Tooltip modifications */
.tooltip-inner{
	max-width:200px;
	padding:3px 8px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	background-color:#086533;
	border-radius:4px;
	}
.tooltip.top .tooltip-arrow{
bottom:0;left:50%;margin-left:-5px;border-top-color:#086533;border-width:5px 5px 0;
}
.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-top-color:#086533;border-width:5px 5px 0;
	}
.tooltip.top-right .tooltip-arrow{
	right:5px;bottom:0;border-top-color:#086533;border-width:5px 5px 0;
	}
.tooltip.right .tooltip-arrow{
	top:50%;left:0;margin-top:-5px;border-right-color:#086533;border-width:5px 5px 5px 0;
	}
.tooltip.left .tooltip-arrow{
	top:50%;right:0;margin-top:-5px;border-left-color:#086533;border-width:5px 0 5px 5px;
	}

.tooltip.bottom .tooltip-arrow{
	top:0;left:50%;margin-left:-5px;border-bottom-color:#086533;border-width:0 5px 5px;
}
.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-bottom-color:#086533;border-width:0 5px 5px;
	}
.tooltip.bottom-right .tooltip-arrow{
	top:0;right:5px;border-bottom-color:#086533;border-width:0 5px 5px;
	}

/* Fix alignment of credit card expiration date on OPAY */
#js-cc_exp .col-md-6:last-child {margin-top:-22px;}

.print-only {
	display: none;
}

[x-cloak] { display: none !important; }

/* Order form */
.OrderForm_tabs {
	display: flex;
	gap: 6px;
}

.OrderForm_well {
	margin-top: 0;
}

.OrderForm_tabs button {
	border: 0;
	background-color: #d5d5d5;
    font-weight: bold;
	padding: 10px 15px;
    color: #5e5e5e;
    position: relative;
    border-radius: 4px 4px 0 0;
    box-shadow: inset 0 -5px 9px -7px rgba(0,0,0,0.4);
}

.OrderForm_tabs button:hover {
	background-color: #b7b7b7;
}

.OrderForm_tabs button:focus-visible {
    outline: 1px solid #66afe9;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    background-color: #d5d5d5;
}

.OrderForm_tabs button.active {
	background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0.13), transparent);
    box-shadow: none;
    color: black;
}

/* Cover the slight box shadow from .well */
.OrderForm_tabs button.active::after {
	content: '';
    background: #f5f5f5;
    width: 100%;
    position: absolute;
    height: 4px;
    bottom: -2px;
    left: 0;
}

.blur {
  filter: blur(3px);
}