@charset "utf-8";

.offcanvas-header .row {
	--bs-gutter-x: 0px !important;

}

#header_sub_menu {
	float: none;
	width: 100%;
	height: 35px;
	background-color: #DDDDDD;
	border-bottom: 6px solid #369;
	display: flex;
	justify-content: center;

}




.oversize::before {
	content: "*";
	color: red;
	text-decoration: none;
	display: inline-block;
	font-size: larger;
}

.oversized::before {
	content: "*";
	color: red;
	text-decoration: none;
	display: inline-block;
	font-size: larger;
}

.oversized_note::after {
	content: "*Shipping Note: Oversized items 48\" in length or larger will automatically have a shipping surcharge of $18.99 added to the order.";
}

.oversized_note_alt::after {
	content: "*Shipping Note: Oversized items will automatically have a shipping surcharge of $18.99 added to the order.";
}

.oversized_note {
	font-weight: bold;
	padding: 12px 33px;
	color: red;
	font-style: italic;
	text-align: center;

}

.oversized_note_alt {
	font-weight: bold;
	padding: 12px 33px;
	color: red;
	font-style: italic;
	text-align: center;
}

#PageHeader {
	padding-top: 22px;
}

.mobile_nav_item {
	border-bottom: 1px solid #8d8d8d;
}

.btn-search {
	margin-left: -42px;
	border-top: 1px solid rgb(110, 110, 110) !important;
	border-bottom: 1px solid rgb(110, 110, 110) !important;
	border-right: 1px solid rgb(110, 110, 110) !important;
}



#mobile_search_form {
	display: flex;
}

#mobile_search_form input {
	width: 55vw;
	padding-right: 45px;
}

#mobile_search_form_inner {
	width: 100vw;
	padding-right: 57px;
}

.offcanvas-header {
	background-color: #369;
	color: white;
	font-size: 17px;
	line-height: 1.8;
	padding: 12px !important;
	border-bottom: 1px solid #333;
}



.offcanvas-header a {
	text-decoration: none;
	color: white;
}

.offcanvas-header a:hover {
	color: white;
}

.offcanvas .fa-xmark {
	background-color: firebrick;
	padding: 12px;
	border-radius: 6px;
	font-weight: bold;
	cursor: pointer;
}

.scratch-dent-mobile-wrap {
	background-color: #345c64;
	display: block;
}

.edirect-mobile-wrap {
	background-color: #369;
	display: block;
}

.scratch-dent-mobile-wrap img[src="images/scratch-n-dent-mini.jpg"] {
	border: 12px solid #345C64;
}

#mobile_search_form .btn-search {
	background-color: #e9e9e9;
	padding: 0 12px !important;
}

.navbar-toggler:not(.collapsed) {
	background-color: firebrick;
}

#hiWrapper {
	padding-top: 12px;
}



#product_index:hover {
	color: white;
}

.btn-search {
	background-color: #6c757d;
}

#mobile_search_form {

	margin-top: 15px;
	margin-bottom: 15px;

}


#mobile_search_form input::placeholder {
	font-size: large;
}

#mobile_search_form input {
	font-size: large;
}

.fa-magnifying-glass {
	color: black;
}

.index_header {
	padding: 12px 0;
}

.index-row {
	text-align: center;
}

.fa-xmark {
	padding: 15px 6px;
}



.navbar {
	background-color: #ddd;
	padding: 12px;
}

.navbar-light .navbar-nav .nav-link {
	color: black;
}

#mobile_header {

	scrollbar-width: none;
	/* Firefox */
}

#mobile_header::-webkit-scrollbar {
	display: none;
	/* Safari and Chrome */
}

.modal-open-noscroll {
	overflow: hidden;
}


#mobile_header {
	position: sticky;
	top: 0;
	z-index: 12;
	overflow-y: auto;
	max-height: 100vh;
	border-bottom: 1px solid #a7a7a7;
	transition: all 0.3s;
}

/*
#mobile_header.scroll_up {
	opacity: 1;
}

#mobile_header.scroll_down {
	opacity: 0;
}
*/
#logo {

	transition: 0.4s;
	/* Add a transition effect (when scrolling - and font size is decreased) */
}


form+.multiples {
	display: none !important;
}

.priceheader .multiples {
	display: none !important;
}

.table_alt_header .multiples {
	color: #333333;
	margin-bottom: 0px;
	margin-top: 3px;
	text-decoration: underline;
}

.multiples:empty {
	grid-area: HEADER;
	display: none;
}

.nav_wrap {
	background-color: #DDDDDD;
}

.mobile_nav_item {
	display: block;
	color: black !important;
	text-align: left;
	font-size: 18px;
	text-decoration: none;
	padding: 12px;
}


.dropdown-toggle {
	font-size: 21px !important;
}

.navbar-nav .nav-link {
	font-size: 21px;
}

.navbar-nav .dropdown-menu {
	position: static;
	width: 60%;
	margin: 0 auto;
	min-width: 300px;
}

.mobile_search_form {
	margin: 0 auto;

}

.navbar-collapse {
	text-align: center;
}

.dropdown-menu .mobile_nav_item a {
	color: black;
	text-align: center;
	margin: 0 auto;
	font-size: 18px;
}

#main_wrapper {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#header_wrapper {
	float: left;
	width: 900px;
	background-image: url(https://www.ptreeusa.com/images/Buttons_banners/header_background_image.jpg);
	height: 160px;
	background-repeat: no-repeat;
	background-color: #336699;
}

#headerHome {
	float: left;
	width: 450px;
	height: 100px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

#header_login {
	width: auto;
	margin-left: 500px;
	height: 65px;
}

.header_li {
	display: inline;
	float: left;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding-right: 15px;
	padding-top: 40px;
	text-decoration: none;
}

.header_li a {
	color: #FFFFFF;
	text-decoration: none;
}

.header_li a:hover {
	color: #FFE2BA;
	font-style: italic;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#header_phone {
	margin-left: 500px;
	float: left;
	height: 25px;
	width: 200px;
	margin-right: 0px;
	padding-left: 0px;
	color: #FFFFFF;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-top: -30px;
}

#header_cart {
	margin-left: 700px;
	padding-left: 90px;
}


.header_sub_menu_li {
	display: inline;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 7px;
	text-decoration: none;
}

.header_sub_menu_li a {
	color: #000000;
	text-decoration: none;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
}

.header_sub_menu_li a:hover {
	color: #336699;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: italic;
	text-shadow: 0px 0px;
}



#mid_wrapper {
	width: 900px;
	border-right: 2px solid #336699;
	float: left;
	height: 100%;
	background-image: url(../../images/Buttons_banners/homePageImages/nav_background.jpg);
}



#leftNav_wrapper {
	width: 190px;
	background-color: #336699;
	padding-bottom: 20px;
	opacity: 1;
	float: left;
}

#leftNav_content_wrapper_search {
	margin-top: 20px;
	margin-bottom: 50px;
}

#leftNav_content_wrapper {
	margin-left: 5px;
	margin-right: 5px;
	float: left;

}

.leftNav_content_wrapper_menu {
	text-align: center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #DDDDDD;
	margin-top: 20px;
	margin-bottom: 5px;
	padding-top: 5px;
}

.leftNav_content_wrapper_li a {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 11px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.leftNav_content_wrapper_li a:hover {
	text-decoration: none;
	color: #336699;
	font-style: italic;
	line-height: 11px;
	padding-left: 10px;
	background-color: #DDDDDD;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}

.leftNav_content_wrapper_li a:visited {}

#content_wrapper {
	float: left;
	width: 688px;
	margin-left: 9px;
	margin-right: 9px;
	min-height: 500px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#content_wrapper2 {
	float: left;
	width: 800px;
	margin-left: 9px;
	margin-right: 9px;
	min-height: 500px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: thin solid #336699;
}

#footerWrapper {
	background-color: #336699;
	width: 900px;
	height: 100%;
	margin-bottom: 20px;
	float: left;
}



#footerWrapper #topinfoWrapper {
	width: 100%;
	float: left;
}

#woodGuildWrapper {
	float: left;
	width: 190px;
	text-align: center;
	margin-top: 10px;
}

#woodGuildWrapper #guildLogo {}

#woodGuildWrapper #guildMeetsHere {
	float: left;
}

#woodGuildWrapper #guildMeetsHere a {
	text-decoration: none;
	color: #FDFDFD;
	font-size: 15px;
}

#woodGuildWrapper #guildMeetsHere a:hover {
	color: #DDDDDD;
	font-style: italic;
}


#companyInfo {
	float: left;
	width: 200px;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 10px;
	padding-bottom: 0px;
}

#companyInfo #generalInfo {
	color: #FFFFFF;
	text-align: left;
	font-size: 20px;
	margin-right: 0px;
	padding-bottom: 15px;
	float: left;
	width: 100%;
}

#companyInfo .footerNav {
	float: left;
	width: 195px;
	padding-top: 5px;
	padding-left: 5px;
}

#companyInfo .footerNav a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: medium;
}

#companyInfo .footerNav a:hover {
	color: #DDDDDD;
	font-style: italic;
}


#SocialWrapper {
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-right: 30px;
}

#SocialWrapper .followUs {
	color: #FFFFFF;
	text-align: center;
	font-size: 20px;
	padding-bottom: 25px;
	float: left;
	width: 100%;
}

#SocialWrapper .socialIcons {
	float: left;
	padding-left: 8px;
	padding-right: 8px;
}

#SecurityLogo {
	float: left;
	width: 200px;
	margin-top: 10px;
}

#SecurityLogo #privacyImportant {
	padding-bottom: 10px;
	color: #FFFFFF;
	font-size: 20px;
	float: left;
	width: 100%;
}

#SecurityLogo #norton {
	float: left;
	width: 100%;
}

#SecurityLogo #bbb {
	float: left;
	width: 100%;
}

#marketresource {
	text-align: center;
	color: #FFFFFF;
	font-size: small;
	margin-top: 26px;
	margin-bottom: 5px;
	float: left;
	width: 100%;
}

#copyright {
	text-align: center;
	color: #FFFFFF;
	font-size: small;
	width: 100%;
	padding-bottom: 5px;
}


.new {
	color: #FFFFFF;
	background-color: #FF3033;
	width: 75px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: x-large;
	padding-bottom: 4px;
	padding-top: 4px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom-right-radius: 20px;
	border-top-left-radius: 20px;
	text-shadow: 0.5px 0.5px #000000;
	text-align: center;
}

.prop65 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: medium;
	margin-top: 15px;
}

.prop65 a {
	text-decoration: none;
	color: #000000;
}

.prop65 a:hover {
	text-decoration: none;
	color: #CC272A;
	text-align: center;
}

.link {
	color: #000000;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.link:hover {
	color: #336699;
	text-decoration: none;
}

#previos {
	padding-top: 20px;
	padding-bottom: 20px;
}

#previos a {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 25px;
	background-color: #336699;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
	padding-left: 20px;
}

#previos a:hover {
	color: #95BFE9;
}

.videoWrapper {
	float: left;
	margin-bottom: 10px;
	margin-top: 5px;
}

.videoDisplay {
	width: 340px;
	float: left;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	background-color: #336699;
	text-align: center;
	padding-top: 3px;
}

.playVideo {
	width: 330px;
	height: 178px;
}

.woodworking {
	float: left;

}

.header_mobile {
	background-color: #369;
}

.header_mobile a {
	color: white;
}

.phoneNumber {
	color: white;
}

#mobile_footer a:hover {
	color: white;
}

/*  Mobile Menu --- Mobile Menu --- Mobile Menu --- Mobile Menu --- Mobile Menu --- Mobile Menu --- Mobile Menu */
.mobile_nav_item {

	color: black;
}

.mobile_nav_item a {

	color: black;
}

.phone {
	text-align: center;
	color: white;
	margin-bottom: 9px;

}

.topnav {
	overflow: hidden;
	background-color: #333;
}

.topnav a {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
}

.topnav a:hover {
	background-color: #ddd;
	color: black;
}

.topnav a.active {
	background-color: #333333;
	color: white;
}

.topnav .icon {
	display: none;
}



@media only screen and (min-width: 911px) {

	#mobile_nav {
		display: none !important;

	}

}


@media only screen and (max-width: 910px) {

	.right-nav,
	.topTopHeader,
	.header_sub_menu {
		display: none !important;

	}

	#header_sub_menu {
		display: none !important;
		padding: 12px 0 !important;
	}

	#header {
		position: sticky;
		top: 0;
		z-index: 12;
		overflow-y: auto;
		max-height: 100vh;
		border-bottom: 1px solid #a7a7a7;
		transition: all 0.3s;
	}
}

@media screen and (max-width: 900px) {

	/* .price.table_alt_header {
		font-size: 15px;
		background-color: #f4f4f4;
		font-weight: normal;
		border-top: 1px solid #c3c3c3;
		border-bottom: 1px solid #c3c3c3;
		border-left: 1px solid #369;
		border-right: 1px solid #369;

	} */
	.info {
		padding: 12px;
	}

	.container table {
		background-color: #f4f4f4;
		text-align: center;
		margin: 0 auto;
	}


	.container td:first-child {
		font-weight: bold;
	}

	.table td:first-child {
		font-weight: bold;
	}

	.topnav a:not(:first-child) {
		display: none;
	}

	.topnav a.icon {
		float: right;
		display: block;
	}

	.topnav.responsive {
		position: relative;
	}

	.footerBottomMiddle a {
		color: white;
	}

	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}

	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}



	#PageHeader h1 {
		padding: 24px 0px !important;

	}

	.hero-col-cart input {
		max-width: 300px;
	}

	.modal-body iframe {
		width: 100%;
	}

	.forminput {
		margin: 0 auto;
	}
}

@media only screen and (max-width: 900px) {
	.noStock {
		color: firebrick;
		font-weight: bold;
	}

	#imagecontainer,
	.imagecontainer {
		display: block;
		width: 100%;
	}

	.bigBlock {
		display: none !important;
	}

	.bulkBuy {

		border-right: thin solid #336699;

	}

	.priceheader[data-header="Price"] {
		display: none;
	}

	.priceheader[data-header="Quantity"] {
		display: none;
	}

	em {
		display: block;
	}


	.modal-header .pdfType {
		margin-bottom: 30px;
	}

	.hero-columns {

		margin: 0 auto !important;
		text-align: center;
	}

	.hero-col {
		text-align: center;
	}

	.multiples {
		color: #369;
		margin-bottom: 6px;
		font-weight: bold;
	}


	.table_alt_header:not(.multiples):not(.noStock) {
		font-weight: normal;
	}


	.footerMiddle {
		text-align: center;
		background-color: #274F76;
		padding: 15px 0;
		width: 100%;
		margin: 0 auto;
	}

	.footerTop {
		text-align: center;
		background-color: #369;
		padding: 15px;
		width: 100%;
		margin: 0 auto;
	}

	.mobile_hide {
		display: none;
	}

	.card-body tr {
		width: 100%;
	}

	.btn-link:hover {
		color: #fff !important;
	}

	.btnMoreOptions[aria-expanded="false"] {
		width: 100% !important;
	}

	.btnMoreOptions:hover {
		color: white !important;
	}

	.btnMoreOptions[aria-expanded="true"] {
		width: 100% !important;
	}

	.modal-body {
		padding: 36px !important;
	}

	.prop65 {
		opacity: 0.7;
	}

	.tab {

		width: 70% !important;

	}

	.tab_alt {
		float: right !important;
		margin: 0 auto !important;
		width: 30% !important
	}

	.select_size {
		float: none !important;

	}

	.template-title {
		padding-top: 12px;
	}

	.column2 {
		width: 100% !important;

		margin: 0 auto;
	}

	.largeWhiteText {

		padding: 21px 12px;
	}

	.img_row {
		max-width: 300px;

	}

	.itemWrapper ul {
		text-align: left;
	}

	#leftNav_content_wrapper {
		margin-left: 5px;
		margin-right: 5px;
		float: left;
		display: none;
	}

	#leftNav_wrapper {
		width: 0px;
		background-color: #fff;
		padding-bottom: 20px;
		opacity: 1;
		float: left;
		display: none;
	}

	#mid_wrapper {


		width: 100%;
		border-right: none;
		height: 100%;
		background-image: none;
	}

	#header_wrapper {
		display: none;
	}

	.itemNumber[data-header*="Item#"] {
		color: #336699;
		padding-top: 4px;

	}

	.offers {
		border-top: 3px solid #369;
	}

	.itemNumber,
	.price {
		font-weight: bold;

		border-right: 1px solid #369;
		border-bottom: none;
	}

	.price[data-header="Price"] {

		font-size: 21px;

	}


	.description {
		text-align: center;
		padding: 12px 12px;
		border-right: 1px solid #369;
		border-bottom: none;
	}

	.qty form {

		width: 100%;
		margin: 12px auto;

	}

	.priceheader:nth-child(2) {
		display: none;
	}

	.priceheader:nth-child(3) {
		display: none;
	}

	.priceheader:nth-child(4) {
		display: none;
	}

	.priceheader:nth-child(5) {
		display: none;
	}

	.priceheader:nth-child(6) {
		display: none;
	}

	img[src="images/Buttons/product_divider.png"] {
		width: 100%;
		object-fit: contain;
	}

	table,
	thead,
	tbody,
	th:not([bgcolor="#cccccc"]),
	tr:not(.spec_row):not(.hide):not(.numbers_parent) {
		display: block;
	}


	td:not(:has(img, div > span, span > strong)):not(.numbers) {
		display: block;
		width: 100%;
		margin: 0 auto;
		height: 100%;
	}





	td:has(.main-pic) {
		display: block !important;
		width: 100%;
		margin: 0 auto;
		height: 100%;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {
		width: 90%;
		margin: 0 auto;
	}


	tr:nth-child(odd) {}


	tr td {
		width: 700px;
		margin: 0 auto !important;

	}

	th[bgcolor="#cccccc"] {
		text-align: center;
		font-size: 15px;
	}

	td:has(+ div) {
		color: gray;
		background-color: gold;
		border: 2px dotted red;
	}


	#footerWrapper {
		display: none !important;
	}


	.btnMoreCutters {
		width: 100% !important;
	}

	#main_wrapper {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	#content_wrapper {
		float: left;
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		min-height: 500px;
		padding-top: 0px;
		padding-bottom: 0px;

	}

	#content_wrapper2 {
		float: left;
		width: 100%;
		margin: 0 auto;
		min-height: 500px;
		padding-top: 0px;
		padding-bottom: 0px;
		border: thin solid #336699;
	}

	.header_mobile a {
		color: white;
	}

	.itemWrapper {
		width: 100%;
		margin: 0 auto;
	}

	input[src="https://ptreeusa.com/images/cart-button.png"] {

		width: 75%;
		max-width: 300px;
		height: auto;
		margin: 0 auto;
		text-align: center;
	}

	input[name="Txtquanto"] {
		float: none;
		text-align: center;
		display: none;
	}


	.specs {

		/* Already set in HTML, but good practice to include */
		border-collapse: collapse;
		/* Collapse borders for cleaner look */

	}

	.specs th,
	.specs td {
		padding: 8px;
		text-align: center;
		border: 1px solid #ddd;
		/* Add a basic border  */
		word-break: keep-all;
		white-space: nowrap;
		/*Prevent wrapping for header*/
	}


	.specs td:before {
		content: attr(data-th);
		font-weight: bold;
		text-decoration: underline;
	}

	.specs td {
		background-color: #f4f4f4;
	}

	.specs th {
		display: none;
	}

	.spec_row td {
		display: block;

	}

	.spec_row,
	td[data-th] {
		display: block;
		width: 100% !important;

	}
}


@media (max-width: 650px) {
	.banner-wrap-desktop {
		display: none;
	}
}

@media (max-width: 380px) {
	#mobile_search_form input {
		width: 40vw;
		padding-right: 45px;
	}

	.navbar {
		padding: 12px;
	}
}

@media (max-width: 460px) {
	#mobile_search_form {
		display: none;
	}


}

@media (max-width: 400px) {
	#mobile_search_form input {
		width: 50vw;
		padding-right: 45px;
	}

}






.footerBottomRight {
	font-size: 12px;
	text-align: center;
}

.footerBottomLeft {}

.footerBottomMiddle i {
	font-size: 34px;
	padding: 12px;
}

.footerMiddle {
	text-align: center;
	background-color: #274F76;
	padding: 15px 0;
	max-width: 2200px;
	margin: 0 auto;
}

.footerMiddle a {
	color: white;
	display: block;
	text-decoration: none;
	padding: 6px 0;
}

.footerBottom {
	padding: 15px;
	background-color: #172F47;
	max-width: 2200px;
	margin: 0 auto;
}

.footerTop {
	text-align: center;
	background-color: #369;
	padding: 15px;
	max-width: 2200px;
	margin: 0 auto;
}

.forminput {
	width: 300px;

	text-align: left
}

.footerTopLeft {
	text-align: right;
}

.footerTopRight {
	text-align: left;

}

.adm_header,
.footerBottom {
	color: white;
}

@media only screen and (max-width: 767px) {

	footer,
	.footerBottomRight,
	form,
	.forminput {
		text-align: center;
	}

	.forminput {
		margin: 0 auto;
	}


}