/*
Theme Name: BlankSlate - Child
Description: BlankSlate Theme
Template: blankslate
Text Domain: blankslate
*/

/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}*/

@import url("https://fonts.googleapis.com/css2?family=Port+Lligat+Sans&display=swap");

/* Force consistent box sizing across hosting providers */
* {
  box-sizing: content-box;
}

/* Remove meta data */
.entry-footer,
.entry-meta,
#site-title,
#site-description {
    display: none !important;
}

/* BWF Asana Product Bundles */

.asnp-BundleGridItemTwo-imageBox.asnp-medium {
	height: auto !important;
}

.asnp-BundleGridItemTwo-ProductBox.asnp-medium {
	width: 135px !important;
	min-height: 280px !important;
}

.asnp-product-name {
	-webkit-line-clamp: unset !important;
	flex: auto;
}

.asnp-product-deleteIcon {
	background-color: #e52337 !important;
	border: 2px solid #fff !important;
}

.asnp-product-deleteIcon:hover {
	background-color: #e52337 !important;
	border: 2px solid #e52337 !important;
}

.asnp-product-deleteIcon.dashicons-no-alt:before {
	color: #fff !important;
}

.asnp-BundleGridItemTwo-ProductBox {
	box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
	border-radius: 5px !important;
	background-color: #fff !important;
}

.asnp-BundleGridItemTwo-imageBox {
	background-color: #fff !important;
}

.asnp-product-addIcon {
	color: #ccc !important;
}

.asnp-emptyList-optional.asnp-medium {
	display: none !important;
}

.asnp-bundleGridItem-productInfo-size.asnp-medium, .asnp-bundleGridItem-productInfo-size.asnp-medium ins {
	padding: 5px 0 0 0 !important;
	color: #3d2510 !important;
	font-family: Arial, "sans-serif" !important;
}

.asnp-bundleGridItem-productSelect-size.asnp-medium {
	padding: 5px 0 10px 0 !important;
	color: #999 !important;
	font-family: Arial, "sans-serif" !important;
}

.asnp-product-Price>.woocommerce-Price-amount.amount {
	font-size: 13px !important;
	margin: 0 0 10px 0 !important;
	color: #999 !important;
	font-family: "Port Lligat Sans", sans-serif !important;
	font-weight: normal !important;
}

.asnp-totalPrice-section .woocommerce-Price-amount.amount {
	color: #457829 !important;
	font-family: "Port Lligat Sans", sans-serif !important;
}

.asnp-BundleGridItemTwo-product-info .asnp-product-quantity-field {
	margin: 10px 0 !important;
	width: 100% !important;
}

.asnp-onHover {
	background-color: #ca9659 !important;
	transition: none !important;
}

.asnp-BundleGridItemTwo-ProductBox:hover {
	filter: none !important;
}

.asnp-App-GridItem-wrapper {
	padding-bottom: 20px !important;
}

hr {
	display: none !important;
}

.asnp-modal-header-title h3 {
	font-weight: normal !important;
	text-transform: uppercase !important;
	font-size: 22px !important;
	font-family: "Port Lligat Sans", sans-serif !important;
	text-align: center !important;
	line-height: 40px !important;
	margin: 30px 0 !important;
}

.asnp-modal-header, .asnp-modal-wrapper {
	background-color: #f9f7eb !important;
}

.asnp-modal-header {
	border-bottom: 0 !important;
}

.asnp-post-grid-wrapper {
	box-shadow: none !important;
}

.asnp-post-grid-wrapper:hover {
	filter: none !important;
}

.asnp-post-grid-info h3 {
	color: #3d2510 !important;
	font-family: Arial, "sans-serif" !important;
}

.asnp-post-grid-price {
	color: #3d2510 !important;
	font-family: Arial, "sans-serif" !important;
	margin: 10px !important;
}

.asnp-post-grid-price bdi {
	font-weight: normal !important;
}

.asnp-post-grid-img {
	height: auto !important;
	margin-bottom: 20px !important;
}

.asnp-post-grid-img img {
	border-bottom: 0 !important;
}

.asnp-post-grid-content {
	padding: 0 10px 10px !important;
}

.asnp-BundleGridItemTwo-product-info.asnp-medium {
	padding: 10px !important;
}

.asnp-modal-quickView-wrapper .asnp-productInfo .asnp-productInfo-name {
	font-weight: normal !important;
	letter-spacing: 0 !important;
	color: #3d2510 !important;
}

.asnp-modal-quickView-wrapper .asnp-productInfo .asnp-productInfo-price bdi {
	color: #457829 !important;
	font-family: "Port Lligat Sans", sans-serif !important;
	font-weight: normal !important;
}

.asnp-modal-quickView-wrapper .asnp-productInfo .asnp-productInfo-description {
	font-family: Arial, "sans-serif" !important;
	font-size: 12px !important;
	line-height: 20px !important;
}

.asnp-modal-quickView-wrapper .asnp-quickView-addProduct-wrapper .asnp-quickView-addButton .asnp-addButton-icon {
	display: none !important;
}

.asnp-modal-quickView-wrapper .asnp-quickView-addProduct-wrapper .asnp-quickView-addButton .asnp-addButton-text {
	border-radius: 10px !important;
	background-color: #ca9659 !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: normal !important;
	height: 35px !important;
	letter-spacing: 0 !important;
	padding: 0 !important;
	font-family: "Port Lligat Sans", sans-serif;
	text-transform: none !important;
	line-height: 35px !important;
	width: 155px !important;
}

.asnp-modal-quickView-wrapper .asnp-quickView-addProduct-wrapper .asnp-quickView-addButton {
	border-radius: 10px !important;
    padding: 0 !important;
	width: 155px !important;
}

.asnp-modal-quickView-wrapper .asnp-quickView-addProduct-wrapper .asnp-quickView-addButton:hover {
  	box-shadow: none !important;
}

.product_cat-accessory_type_3_kit .woocommerce-product-gallery {
    display: none !important;
}

.woocommerce #content div.product.product_cat-accessory_type_3_kit div.summary, .woocommerce div.product.product_cat-accessory_type_3_kit div.summary, .woocommerce-page #content div.product.product_cat-accessory_type_3_kit div.summary, .woocommerce-page div.product.product_cat-accessory_type_3_kit div.summary {
	width: 100% !important;
}

p.price .asnp-totalPrice-section .woocommerce-Price-amount.amount {
	display: none !important;
}

/* BWF Dealer Locator */

.wpsl-search {
	margin-bottom: 30px !important;
	background: #f3e1bb !important;
	border-radius: 15px !important;
	padding: 15px 30px 0 30px !important;
}

#wpsl-search-btn {
	background: #ca9659 !important;
	border: 0 !important;
	border-radius: 10px !important;
	display: block !important;
	width: 100px !important;
	height: 35px !important;
	text-align: center !important;
	text-decoration: none !important;
	color: #fff !important;
	font-size: 18px !important;
	line-height: 35px !important;
	padding: 0 !important;
	font-family: "Port Lligat Sans", sans-serif !important;
	margin: 0 auto !important;
	font-weight: normal !important;
	background-image: none !important;
	box-shadow: 0 0 0 rgba(64,64,64,.1) !important;
}

#wpsl-search-btn:active, #wpsl-search-btn:focus {
	color: #3d2510 !important;
}

#wpsl-search-input {
	appearance: searchfield !important;
	box-sizing: border-box !important;
	background: #fff !important;
	margin: 0 5px 0 0 !important;
	padding: 5px !important;
	color: #999 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	border: 0 !important;
	border-bottom: 1px solid #ca9659 !important;
	border-radius: 0 !important;
	height: 35px !important;
}

.wpsl-store-location p strong {
	color: #3d2510;
	font-family: "Port Lligat Sans", sans-serif;
	font-size: 24px;
	line-height: 22px;
	font-weight: normal;
}

.wpsl-store-location p strong a {
	font-weight: normal;
}

.wpsl-store-location p.wpsl-contact-details strong {
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

/* BWF Product Required 12.17.24 */

.sheenWidth {
	height: 85px;
}
.productChangeCol1 {
	width:100px !important;
}
.productChangeCol2 {
	width:580px !important;
	margin-top:30px;
	text-align:center;
}
.productChangeCol3 {
	width:100px !important;
}
.productReqIcon {
	width: 70px;
	float: left;
	margin-right: 20px;
	padding-left: 20px;
}
.productReqIcon img {
	width: 70px!important;
	height: 70px!important;
}
.productReqDetails {
	float: left;
	width: 690px;
	padding-top: 10px;
	padding-right: 20px;
}

.productReqDetailsNoIcon {
	padding-top: 10px;
	padding-right: 20px;
}

.productReqDetails p, .productReqDetailsNoIcon p {
	font-family: "Port Lligat Sans", sans-serif;
	color: #666;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
}
.coats {
	margin: 20px auto 0 auto;
	text-align: center;
}
.coats_finish1 {
	width: 450px;
}
.coats_finish2 {
	width:540px;
}
.coats_finish3 {
	width:680px;
}
.coats_finish4 {
	width:820px;
}
.coats_urethane {
	width:430px;
}
.coats h2 {
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	display: block!important;
	margin: 0 0 20px 0;
}
.coat1 {
	width: 90px;
	float: left;
	margin-top: 0!important;
	background: #f9f7eb !important;
}
.coatPlus {
	width: 100px;
	float: left;
	padding-top: 90px;
}
.coat2_1prod {
	width: 140px;
	float: left;
	margin-top: 0!important;
	background: #f9f7eb !important;
}
.coat2_2prod {
	width: 230px;
	float: left;
	margin-top: 0!important;
	background: #f9f7eb !important;
}
.coat2_3prod {
	width: 370px;
	float: left;
	margin-top: 0!important;
	background: #f9f7eb !important;
}
.coat2_4prod {
	width: 510px;
	float: left;
	margin-top: 0!important;
	background: #f9f7eb !important;
}
.coat2_single {
	width:90px;
	float:left;
}
.coat2_or {
	width:50px;
	float:left;
	padding-top:20px;
}

/* BWF Add to Cart Popup */

.custom-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    text-align: center;
}

.custom-popup .close-popup {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #007cba;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

.custom-popup .close-popup:hover {
    background-color: #005a9c;
}

/* BWF Product Table */

.wc-product-table .col-add-to-cart {
	text-align: left !important;
}

.wc-product-table-title a:link, .wc-product-table-title a:visited {
	font-family: "Port Lligat Sans", sans-serif !important;
	font-size: 22px !important;
	font-weight: normal !important;
	line-height: 26px !important;
}

.wc-product-table-title {
	width: 650px !important;
}

.wc-product-table-price {
	width: 100px !important;
}

.wc-product-table-cart {
	width: 250px !important;
}

.wc-product-table-type a:link, .wc-product-table-type a:visited {
	font-family: Arial, sans-serif !important;
	font-weight: bold !important;
}

table.dataTable thead th, table.dataTable thead td {
	padding: 0 10px !important;
	border-bottom: 0 !important;
  	background-color: #999 !important;
  	font-weight: normal !important;
  	color: #fff !important;
  	text-transform: uppercase !important;
  	font-size: 16px !important;
  	font-family: "Port Lligat Sans", sans-serif !important;
  	height: 40px !important;
  	line-height: 40px !important;
}

table.dataTable tbody td {
  	padding: 20px 10px 10px !important;
  	border-bottom: 1px solid #DDD !important;
}

.wc-product-table td, .wc-product-table th {
  	vertical-align: top !important;
}

.wc-product-table th .bulkOrderCart {
  	padding: 0px 10px !important;
}

.wc-product-table td.col-Product a:link {
  	font-size: 20px !important;
  	line-height: 24px !important;
  	font-family: "Port Lligat Sans", sans-serif !important;
  	font-weight: normal !important;
}

table.dataTable tbody td.col-image {
	padding:20px 10px 15px 0 !important;
}

.wc-product-table-controls input[type="search"] {
 	padding: 8px !important;
  	height: 35px !important;
  	float: right !important;
  	margin: -6px 0 0 6px !important;
}

.wc-product-table-controls select {
  	min-width: 60px !important;
  	margin: 2px 3px;
  	padding: 8px !important;
  	height: 35px !important;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 13px;
}

.wc-product-table-select-filters label {
  	font-family: Arial, Helvetica, sans-serif !important;
  	font-size: 15px !important;
  	font-weight: bold !important;
}

.wc-product-table-controls .dataTables_info {
  	margin-top: 1.1em !important;
  	font-family: Arial, Helvetica, sans-serif !important;
  	text-transform: none !important;
  	color: #999 !important;
  	font-size: 12px !important;
  	clear: left !important;
}

table.dataTable.no-footer {
  	border-bottom: 0 !important;
}

.wc-product-table-controls label {
  	margin-top: 2px !important;
  	font-family: Arial, Helvetica, sans-serif !important;
  	font-size: 15px !important;
  	font-weight: bold !important;
  	padding-top: 6px;
}

.wc-product-table .cart .quantity:not(.buttons_added) .qty {
  	max-width: 4.25em !important;
}

.woocommerce .quantity .qty {
  	width: 4.25em !important;
}

.wc-product-table .cart .quantity {
  	margin: 0 0 5px 0 !important;
}

/*.wc-product-table-above {
  	background: #FFF !important;
  	border-radius: 15px !important;
  	padding: 25px 30px !important;
  	margin: 0 0 20px 0 !important;
}*/

.wc-product-table-wrapper .cart.variations_form .tawcvs-swatches .swatch.selected::before {
	border-color: #CA9659 !important;
	border: 2px solid #CA9659 !important;
}

.wc-product-table-wrapper {
	margin-top: 0 !important;
}

.wc-product-table .out-of-stock {
  	background: #e52337 !important;
  	padding: 10px 20px !important;
  	border-radius: 10px !important;
  	margin: 0 0 10px 0 !important;
  	font-family: Arial,Helvetica,sans-serif !important;
  	font-size: 12px !important;
  	line-height: 20px !important;
  	color: #fff !important;
  	text-align: left !important;
}

/* BWF Sample Kit */

#woosuite-mix-and-match-wrapper.enabled-popup {
   	top: 180px !important;
   	width: 940px !important;
   	height: auto !important;
   	right: 0 !important;
  	margin-inline: auto !important;
	border-radius: 10px !important;
	background: #f9f7eb !important;
}

/* BWF Product Filters */

.categoryTitle {
	margin-bottom: 10px;
	padding: 10px 0;
	font-size: 15px;
	color: #000;
	text-transform: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

.categoryName {
	font-size: 13px;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 28px;
	text-align: left;
}

.categoryContainer {
	width: auto;
}

/* Gravity Forms Styles */

.gform_wrapper.gravity-theme .gfield_label {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

.gform_wrapper.gravity-theme input {
    height: 40px !important;
    border-radius: 5px !important;
    border: 1px solid #ccc !important;
}

.gform_wrapper.gravity-theme input.gfield-choice-input {
    height: 25px !important;
    border-radius: 5px !important;
}

.gform_wrapper.gravity-theme .ginput_complex select {
    height: 40px !important;
    border-radius: 5px !important;
}

.gform_wrapper.gravity-theme .gfield textarea.large {
    border-radius: 5px !important;
    border: 1px solid #ccc !important;
}

.gform_wrapper.gravity-theme .ginput_complex label {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 25px !important;
}

.gform_wrapper.gravity-theme .gfield_radio label {
    font-size: 14px !important;
}

.gform_footer input.button {
    background: #ca9659;
    border-radius: 10px !important;
    border: 0 !important;
    display: block;
    width: 155px !important;
    height: 35px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    padding: 0;
    font-family: "Port Lligat Sans", sans-serif;
    margin: 0 auto;
    font-weight: normal;
}

.gform_wrapper.gravity-theme .validation_error {
	border-bottom: 0 !important;
	border-top: 0 !important;
	color: #c02b0a !important;
	font-weight: 300 !important;
	margin-bottom: 0 !important;
	text-align: left !important;
	background-color: #f3e1bb !important;
}

.gform_wrapper.gravity-theme .validation_error p {
	font-size: 30px !important;
	text-align: center !important;
	font-family: "Port Lligat Sans", sans-serif !important;
	line-height: 30px !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
	background: #c02b0a !important;
	border: 0 !important;
	box-shadow: none !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
  	color: #fff !important;
  	font-size: 15px !important;
  	line-height: 18px !important;
}

.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
	background: #c02b0a !important;
	border: 1px solid #c02b0a !important;
	margin-top: 8px !important;
	padding: 12.992px 24px !important;
	color: #fff !important;
	border-radius: 5px !important;
	font-size: 1em !important;
}

.guideFieldWrapper {
    background-color: rgba(243, 225, 187, 0.5) !important;
    border-radius: 15px !important;
    padding: 25px 30px !important;
    margin: 0 !important;
}

.gform_wrapper.gravity-theme .guideFieldWrapper legend, .gform_wrapper.gravity-theme .guideFieldWrapperLeft legend, .gform_wrapper.gravity-theme .guideFieldWrapper .gfield_label {
  	float: left !important;
  	width: 100% !important;
	font-size: 26px !important;
  	font-family: "Port Lligat Sans", sans-serif !important;
	line-height: 28px !important;
  	font-weight: normal !important;
	margin-bottom: 20px !important;
}

.gform_wrapper.gravity-theme .guideFieldWrapper .gfield-choice-input + label {
  	margin-bottom: 3px !important;
  	margin-top: 3px !important;
}

.gform_wrapper.gravity-theme .col9 {
  	grid-column: span 9 !important;
}

.gform_wrapper.gravity-theme .col3 {
  	grid-column: span 3 !important;
}

.gform_wrapper.gravity-theme .guideFieldWrapper .ginput_complex {
  	clear: left !important;
}

.gform_wrapper.gravity-theme input.gform_button, .gform_wrapper.gravity-theme input.gform_next_button, .gform_wrapper.gravity-theme input.gform_previous_button {
	background: #ca9659 !important;
  	border-radius: 10px !important;
  	border: 0 !important;
  	width: 155px !important;
  	height: 35px;
  	text-align: center;
  	text-decoration: none;
  	color: #fff !important;
  	font-size: 18px;
  	line-height: 35px;
  	padding: 0;
  	font-family: "Port Lligat Sans", sans-serif;
  	margin: 0 auto 10px auto !important;
  	font-weight: normal;
	float: none !important;
	display: block !important;
}

.gform_wrapper.gravity-theme input.gform_next_button, .gform_wrapper.gravity-theme input.gform_previous_button {
	background: #999 !important;
}

.gform_wrapper.gravity-theme input.gform_button:active, .gform_wrapper.gravity-theme input.gform_button:focus {
  	color: #3d2510 !important;
}

.gform_wrapper.gravity-theme input.gform_next_button:active, .gform_wrapper.gravity-theme input.gform_previous_button:active, .gform_wrapper.gravity-theme input.gform_next_button:focus, .gform_wrapper.gravity-theme input.gform_previous_button:focus {
  	color: #000 !important;
}

.gform_wrapper.gravity-theme .gform_page_footer {
  	margin: 6px 0 0 0 !important;
	padding: 16px 0 0 0 !important;
}

/* WooCommerce Styles */

.ajax_add_to_cart input {
	float: none !important;
}

.woocommerce div.product form.cart .variations select {
	background-color: #fff !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
  margin: 0 !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	text-align: center !important;
}

.productFamily .woocommerce ul.products li.product a img {
	width: auto !important;
	margin: auto !important;
}

.woocommerce.columns-3 ul.products li.product {
  	width: 100%;
}

.dynamic-pricing-table {
	display: none !important;
}

.woocommerce div.product p.stock {
  	font-weight: normal;
  	text-transform: uppercase;
  	font-size: 16px;
  	font-family: "Port Lligat Sans", sans-serif;
  	text-align: center;
  	position: relative;
  	width: 175px;
  	height: 30px;
  	line-height: 30px;
	display: block;
}

/*.woocommerce div.product p.stock:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid #f3e1bb;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.woocommerce div.product p.stock:before {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 10px solid #f3e1bb;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}*/

.woocommerce div.product p.in-stock {
	display: none !important;
}

.woocommerce div.product p.out-of-stock {
	background-color: #e52337 !important;
	color: #fff !important;
}

.woocommerce div.product p.available-on-backorder {
	background-color: #666 !important;
	color: #fff !important;
	width: 250px !important;
}

/*.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
  	background-color: #457829 !important;
	color: #fff !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .out-of-stock {
  	background-color: #e52337 !important;
	color: #fff !important;
}*/

.woocommerce span.onsale {
  	font-size: 1em !important;
	font-family: "Port Lligat Sans", sans-serif !important;
  	background-color: #457829 !important;
}

.woocommerce ul.products li.product .onsale {
  	right: auto !important;
  	left: -.5em !important;
}

.woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce ul.products li.product .price ins {
  	text-decoration: none !important;
}

.woocommerce-variation-description {
	font-family: Arial, "sans-serif";
	font-size: 12px;
	padding-bottom: 10px;
}

.arial {
	font-family: Arial, "sans-serif";
}

.productDetails {
	margin: 40px auto 60px auto;
}

.productDetailsTitle {
	text-align: center;
	margin: 0 50px 5px 50px;
	font-size: 18px;
	line-height: 28px;
}

.productDetailsTitleAlone {
	text-align: center;
	margin: 0 50px 20px 50px;
	font-size: 18px;
	line-height: 28px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 20px 0;
}

.productDetailsText {
	text-align: center;
	margin: 10px 50px 20px 50px;
	font-size: 13px;
	line-height: 20px;
	font-family: Arial, "sans-serif";
	border-bottom: 1px solid #ccc;
	padding: 0 0 20px 0;
}

.productDetailsTextLast {
	text-align: center;
	margin: 10px 50px 20px 50px;
	font-size: 13px;
	line-height: 20px;
	font-family: Arial, "sans-serif";
}

.productDetailsColumn {
	text-align: left;
	margin: 0 0 30px 0;
	font-size: 14px;
	line-height: 20px;
}

.cnumHidden {
	display:none;
}

.woocommerce ul.products li.product a {
	text-decoration: none;
	font-family: "Port Lligat Sans", sans-serif !important;
	font-size: 14px;
	line-height: 16px;
}

.woocommerce-result-count {
 	margin: 10px 0 !important;
  	font-family: Arial, Helvetica, sans-serif;
  	text-transform: none;
  	color: #999;
	font-size: 12px;
}

.viwcpf_wrap_filter-content .viwcpf_filter-title {
  	margin-bottom: 10px;
  	padding: 10px 0;
  	font-size: 15px;
  	color: #000;
  	text-transform: none;
  	font-weight: bold;
  	font-family: Arial, Helvetica, sans-serif;
  	letter-spacing: 0;
}

.product .twoColLeft li, .product .twoColRight li {
	color: #000 !important;
  	font-family: Georgia, "Times New Roman", Times, serif !important;
  	font-size: 14px !important;
  	line-height: 20px !important;
	text-align: left !important;
}

.upsellsIntro {
  	width: 100%;
	border-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 13px;
	padding-bottom: 20px;
}

.myAccountContainer {
	width: auto !important;
	background: #f3e1bb !important;
	border-radius: 15px !important;
	padding: 25px 30px;
	margin: 40px 0 0 0;
	clear: both;
}

.recommendedProductsContainer {
	width: auto !important;
	background: #fff !important;
	border-radius: 15px !important;
	padding: 5px 10px;
	margin: 10px 0 15px 0;
	clear: both;
	min-height: 80px;
}

.woocommerce.single-product .cart.variations_form .tawcvs-swatches {
	margin-bottom: 0px !important;
}

ul.xoxo {
	margin: 0;
	background: #fff;
	border-radius: 15px;
	padding: 10px 15px;
}

ul.xoxo li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_checkbox a {
	font-size: 13px !important;
	color: #999 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	line-height: 28px !important;
}

.product-item .price {
  	color: #999;
  	display: block;
  	font-weight: 400;
  	margin-bottom: .5em;
  	font-size: 14px;
	font-family: "Port Lligat Sans", sans-serif;
	margin-bottom: 20px;
}

.woocommerce ul.products li.product .price {
  	color: #999;
  	display: block;
  	font-weight: 400;
  	margin-bottom: .5em;
  	font-size: 14px;
	font-family: "Port Lligat Sans", sans-serif;
}

h2.woocommerce-loop-product__title {
	padding: .5em 0;
  	margin: 0;
  	font-size: 20px;
  	line-height: 24px;
}

h2.woocommerce-loop-product__title a:link, h2.woocommerce-loop-product__title a:visited  {
	font-weight: normal;
	color: #3d2510;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: .5em 0;
  	margin: 0;
  	font-size: 20px;
  	line-height: 24px;
}

.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
	text-align: center;
}

.product li {
	font-family: "Port Lligat Sans", sans-serif;
	text-align: center;
}

.woocommerce .upsells ul.products li.product, .woocommerce-page .upsells ul.products li.product, .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product {
  margin: 0 3.8% 10px 0;
}

.woocommerce .upsells .products ul, .woocommerce .upsells ul.products, .woocommerce .related .products ul, .woocommerce .related ul.products {
  margin: 0;
}

.woocommerce div.product form.cart {
	width: auto;
	background: #f3e1bb;
	border-radius: 15px;
	padding: 25px 30px;
}

/* Style for WOO Cart 

.cart {
	float: none !important;
}

*/

.woocommerce div.product form.cart .variations th {
  	border: 0;
  	line-height: 2em;
  	vertical-align: top;
  	text-align: left !important;
	width: 60px !important;
}

.woocommerce-variation-price {
	margin: 0 0 20px 0;
}

.woocommerce div.product span.price {
	color: #457829 !important;
}

.woocommerce div.product form.cart div.quantity {
  	float: left;
  	margin: 0 20px 0 0;
}

.product_meta {
	font-family: Arial, Helvetica, sans-serif !important;
	line-height: 30px !important;
}

.sku_wrapper::after{
    content: "\a";
    white-space: pre;
}

.sku_wrapper {
	font-weight: bold !important;
}

.sku {
	font-weight: normal !important;
}

.posted_in {
	font-weight: bold !important;
}

.myAccountColLeft {
	width: 80px !important;
	float: left !important;
	padding: 0 20px 0 0;
}

.myAccountColMiddle {
	width: 340px !important;
	float: left !important;
	padding: 0 20px 0 0;
}

.myAccountColRight {
	width: 420px !important;
	float: left !important;
}

.recentProductsColLeft {
	width: 150px !important;
	padding: 0 20px 20px 0 !important;
}

.recentProductsColRight {
	width: 650px !important;
	float: left !important;
}

.product-name {
	font-family: "Port Lligat Sans", sans-serif;
	font-size: 20px;
}

.productHeadline {
    text-align: center;
    margin: 0 0 10px 0;
	padding: 50px 0 40px 0;
	font-size: 35px; 
	line-height: 40px; 
	font-family: Port Lligat Sans, sans-serif; 
	color: #999;
}

.productHeadlineBorder {
    text-align: center;
    margin: 0 0 10px 0;
	padding: 50px 0 40px 0;
	font-size: 35px; 
	line-height: 40px; 
	font-family: Port Lligat Sans, sans-serif; 
	color: #999;
	border-top: 1px solid #ccc;
}

.myAccountFeatured {
	background: #f6d69b;
	padding: 10px 20px 10px 20px;
	border-radius: 10px;
	margin: 20px 0 10px 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: left;
}

.myAccountFeatured::after {
	clear: left;
}

.add-to-cart-button {
	font-size: 13px;
	margin: 0;
	line-height: 1;
	cursor: pointer;
	text-decoration: none;
	font-family: "Port Lligat Sans", sans-serif;
	padding: .618em 1em;
	font-weight: normal;
	border-radius: 7px;
	color: #fff;
	background-color: #ca9659;
	border: 0;
	background-image: none;
	box-shadow: none;
	text-shadow: none;
	height: 35px;
}

.woocommerce a.button, .woocommerce a.button:hover, .woocommerce a.button:visited {
	font-size: 100%;
	margin: 0;
	line-height: 1;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	font-family: "Port Lligat Sans", sans-serif;
	overflow: visible;
	padding: .618em 1em;
	font-weight: normal;
	border-radius: 7px;
	left: auto;
	color: #fff;
	background-color: #ca9659;
	border: 0;
	display: inline-block;
	background-image: none;
	box-shadow: none;
	text-shadow: none;
}

.woocommerce a.button:active, .woocommerce a.button:focus {
	color: #3d2510;
	background-color: #ca9659;
	text-decoration: none;
}

.enu_warning {
 	width: auto;
  	background: #457829;
	padding: 10px 20px 10px 20px;
	border-radius: 10px;
	margin: 20px 0 10px 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: left;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
	padding: 10px 10px 10px 20px;
	border-radius: 10px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	text-align: left;
  	border-top: 0;
	list-style: none outside;
 	width: auto;
  	word-wrap: break-word;
	position: relative;
}

.woocommerce-error {
  	background: #e52337;
	color: #fff;
}

.woocommerce-info {
 	background: #e3e3e3;
	color: #333;
}

.woocommerce-message {
 	background: #457829;
	color: #fff;
}

.woocommerce-error a:link, .woocommerce-message a:link, .woocommerce-error a:visited, .woocommerce-message a:visited {
  	color: #fff;
	text-decoration: underline;
}

.woocommerce-info a:link, .woocommerce-info a:visited {
 	color: #ca9659;
	text-decoration: none !important;
}

.woocommerce-error::before, .woocommerce-message::before, .woocommerce-info::before {
  content: none !important;
}

.afreg_field_message {
	padding: 10px 20px 10px 20px !important;
	border-radius: 10px !important;
	font-family: Arial,Helvetica,sans-serif !important;
	font-size: 12px !important;
	line-height: 20px !important;
	text-align: left !important;
  	border-top: 0 !important;
	list-style: none outside !important;
  	width: auto !important;
  	word-wrap: break-word !important;
	background: #e3e3e3 !important;
	color: #333 !important;
	display: block !important;
	margin-top: 50px !important;
}

.accountTypeAlert {
	font-family: "Port Lligat Sans", sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #3d2510;
	text-transform: uppercase;
	margin: 20px 0;
}

.action {
	text-transform: normal;
	font-family: Arial, "sans-serif";
	font-size: 12px;
	line-height: 28px;
	text-decoration: none;
	font-weight: bold;	
}

.reset_variations {
	text-transform: normal;
	font-family: Arial, "sans-serif";
	font-size: 12px;
	line-height: 28px;
	text-decoration: none;
	font-weight: bold;
}

.textAlignLeft {
	float: left;
}

.woocommerce .woocommerce-customer-details address {
  	font-style: normal;
  	margin-bottom: 0;
  	border: 1px solid rgba(0,0,0,.1);
  	text-align: left;
  	width: auto;
  	border-radius: 5px;
 	padding: 12px 12px;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  	text-align: left !important;
	background: #f3e1bb;
	border-radius: 15px !important;
	padding: 25px 30px 25px 30px !important;
	margin: 40px 0 0 0 !important;
	clear: both !important;
	border: 0 !important;
}

.woocommerce form.register {
	background: #fff !important;
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
 	display: block;
  	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-weight: bold !important;
}

.woocommerce form input, .woocommerce form textarea {
  	background: #fff;
  	float: left;
  	width: 100%;
  	margin: 0;
 	color: #999;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 8px !important;
	height: 40px !important;
	border-radius: 5px !important;
	border: 1px solid #ccc !important;
}

.woocommerce form input.input-radio {
  	width: auto !important;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 1em auto;
	gap: 0.5em;
	height: auto !important;
	margin-top: 13px !important;
}

.woocommerce form input.woocommerce-form__input-checkbox {
  	width: 20px !important;
	padding: 0 !important;
	height: 20px !important;
	margin: 8px !important;
	font-size: 12px !important;
}

#add_payment_method #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
	line-height: 40px;
	font-family: "Port Lligat Sans", sans-serif;
	font-size: 20px;
	color: #3d2510;
}

.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
  	float: none !important;
  	clear: none;
  	font-family: Arial, Helvetica, sans-serif !important;
  	font-size: 15px !important;
  	font-weight: bold !important;
  	line-height: 35px !important;
  	padding: 10px 30px 10px 20px;
  	border-radius: 10px;
  	text-align: left;
  	border-top: 0;
  	list-style: none outside;
  	width: 85%;
	word-wrap: break-word;
 	position: relative;
 	background-color: #e3e3e3;
 	margin: 25px 0;
}

.orderNotes textarea {
	height: 200px;
}

.woocommerce button.button {
	background: #ca9659;
 	border-radius: 10px !important;
  	border: 0 !important;
  	display: block;
 	width: 155px !important;
 	height: 35px;
 	text-align: center;
 	text-decoration: none;
  	color: #fff;
  	font-size: 18px;
  	line-height: 35px;
  	padding: 0;
  	font-family: "Port Lligat Sans", sans-serif;
 	margin: 0 auto;
    margin-bottom: 0px;
  	font-weight: normal;
}

.wc-product-table-wrapper a.wc-forward {
	background-color: #457829 !important;
	color: #FFF !important;
	border-radius: 10px !important;
	padding: 3px 10px 5px 15px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:12px !important;
	text-align:left !important;
	text-decoration: underline !important;
	margin: 5px 0 !important;
}

.wc-product-table a.wc-forward:hover {
	background-color: #457829 !important;
}

.woocommerce .button a:link, .woocommerce .button a:hover, .woocommerce .button a:visited {
	background: #ca9659;
  	border-radius: 10px !important;
  	border: 0 !important;
  	display: block;
  	width: 155px !important;
  	height: 35px;
  	text-align: center;
 	text-decoration: none;
  	color: #fff;
  	font-size: 18px;
  	line-height: 35px;
 	padding: 0;
 	font-family: "Port Lligat Sans", sans-serif;
 	margin: 0 auto;
    margin-bottom: 0px;
  	font-weight: normal;
}

.woocommerce .button a:active, .woocommerce .button a:focus {
	background-color: #ca9659 !important;
  	color: #3d2510 !important;
}

.woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce button.button.alt:visited  {
	background-color: #ca9659 !important;
  	color: #fff !important;
	width: 100px !important;
}

.woocommerce button.button.alt:active, .woocommerce button.button.alt:focus {
	background-color: #ca9659 !important;
  	color: #3d2510 !important;
}

.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt.disabled:visited {
	background-color: #ca9659 !important;
  	color: #fff !important;
}

.woocommerce button.button.alt.disabled:active, .woocommerce button.button.alt.disabled:focus, .woocommerce button.button.disabled:visited {
	background-color: #ca9659 !important;
  	color: #3d2510 !important;
}

.woocommerce button.button.disabled, .woocommerce button.button.disabled:hover {
	padding: 0 !important;
}

.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce button.button:disabled:visited, .woocommerce button.button:disabled[disabled]:visited {
	color: #fff !important;
	padding: 0 !important;
	background:#dcc7a6 !important;
}

.woocommerce button.button:disabled:active, .woocommerce button.button:disabled:focus, .woocommerce button.button:disabled[disabled]:active, .woocommerce button.button:disabled[disabled]:focus {
	color: #3d2510 !important;
	padding: 0 !important;
	background:#dcc7a6 !important;
}

.woocommerce-form-login__rememberme span {
	line-height: 35px !important;
	font-size: 12px !important;
}

.woocommerce button.button:hover  {
	background: #ca9659;
  	color: #fff;
}

.woocommerce button.button:active, .woocommerce button.button:focus  {
	background: #ca9659;
  	color: #3d2510;
}

.woocommerce-privacy-policy-text {
	margin: 20px 0 20px 0 !important;
	font-family: Arial,Helvetica,sans-serif !important;
	font-size: 12px !important;
	line-height: 20px !important;
	color: #333 !important;
	text-align: left !important;
}

.woocommerce form input[type="search"] {
    appearance: searchfield;
    box-sizing: border-box;
    height: 30px !important;
    background: #fff;
    float: left;
    width: 165px;
    margin: 0 5px 0 0;
    padding: 5px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	border: 0 !important;
	border-bottom: 1px solid #ca9659 !important;
	border-radius: 0 !important;
}

.woocommerce form input.search-submit, input.search-submit {
    height: 30px !important;
    border: 0 !important;
    float: left;
    width: 30px !important;
    margin: 0;
    padding: 0;
    background: url(./images/search.png) no-repeat;
    font-size: 0;
    line-height: 0;
	background-size: 30px;
}

.woocommerce form .form-row select {
	background: #fff;
  	width: 100%;
  	margin: 0;
  	color: #999;
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 8px;
	height: 40px;
	border-radius: 5px;
	border: 1px solid #ccc;
}

.select2-hidden-accessible {
  	border-radius: 5px !important;
	border: 1px solid #ccc !important;
	color: #999 !important;
  	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
 	clip: rect(0 0 0 0) !important;
	height: 1px !important;
 	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #999;
  line-height: 28px;
}

.select2-container--default .select2-selection--single {
  	border-radius: 5px !important;
	border: 1px solid #ccc !important;
	color: #999 !important;
  	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
}

p.form-row.form-row-wide b {
	display: block;
	background: #fff;
	width: auto;
  	margin: 5px 0;
  	color: #999;
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal !important;
	padding: 8px;
	height: auto;
	border-radius: 5px;
	border: 1px solid #ccc;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
  	font-family: "Port Lligat Sans", sans-serif;
	color: #999;
 	font-size: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	padding: 0 !important;
	border-radius: 0 !important;
}

.woocommerce .quantity .qty {
  	height: auto !important;
}

table.woocommerce-MyAccount-paymentMethods td.woocommerce-PaymentMethod--actions {
  	text-align: left !important;
}

table.woocommerce-MyAccount-paymentMethods th.woocommerce-PaymentMethod--expires {
  	text-align: left !important;
}

table.woocommerce-MyAccount-paymentMethods td.woocommerce-PaymentMethod--expires {
  	text-align: left !important;
}

table.woocommerce-MyAccount-paymentMethods td.woocommerce-PaymentMethod--default mark {
	background-color: #ccc !important;
    font-weight: normal !important;
    color: #000 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    font-family: "Port Lligat Sans", sans-serif !important;
    text-align: center !important;
    position: relative !important;
    width: auto !important;
    height: 20px !important;
    line-height: 20px !important;
    margin: 0 !important;
	padding: 2px 15px !important;
	border-radius: 0 !important;
}

table.woocommerce-MyAccount-paymentMethods td.woocommerce-PaymentMethod--default mark:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
  	border-left: 5px solid #fff;
  	border-top: 12px solid transparent;
  	border-bottom: 12px solid transparent;
}

table.woocommerce-MyAccount-paymentMethods td.woocommerce-PaymentMethod--default mark:before {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 0;
    height: 0;
  	border-right: 5px solid #fff;
 	border-top: 12px solid transparent;
  	border-bottom: 12px solid transparent;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
	border-bottom:0 !important;
}

.woocommerce-checkout #payment ul.payment_methods {
	padding:0 !important;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	float:none !important;
}

.woocommerce-checkout #payment div.payment_box {
	background-color:#FFF !important;
}

.woocommerce-checkout #payment div.payment_box::before {
	content: "";
	display: block;
	border: 1em solid #FFF;
  	border-top-color: rgb(255, 255, 255);
  	border-right-color: rgb(255, 255, 255);
  	border-left-color: rgb(255, 255, 255);
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
	position: absolute;
	top: -.75em;
	left: 0;
	margin: -1em 0 0 2em;	
}

.woocommerce-checkout #payment div.form-row {
  padding: 0 !important;
}

.woocommerce-cart table.cart img {
	width: 80px !important;
}

.woocommerce a.remove:hover {
  	line-height:.9em !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	display: block;
	border-radius: 10px !important;
	background: #ca9659;
	width: 155px !important;
	height: 35px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 18px !important;
	line-height: 35px;
	padding: 0 !important;
	margin: 0 auto !important;
}

.woocommerce a.button.alt:hover {
	background: #ca9659 !important;
	color: #fff !important;
}

.woocommerce a.button.alt:active, .woocommerce a.button.alt:focus {
	background: #ca9659 !important;
	color: #3d2510 !important;
}

.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
	width: 110px !important;
}

.woocommerce td.product-name dl.variation:last-child, .woocommerce td.product-name .wc-item-meta:last-child {
  	margin-top: 0 !important;
}

.woocommerce .product-item {
	margin: 0 5% 10px 0;
	float: left;
	padding: 0;
	width:27%;
	height: 200px;
}

.woocommerce .product-item img {
	width: 100%;
	margin: 0 0 .7em;
}

.woocommerce .product-item h3 {
	font-family: "Port Lligat Sans", sans-serif;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}

.wcprbl-location-selector .dropdown-menu, .wcprbl-location-selector .sub-menu {
  	z-index: 99;
  	width: 100%;
 	min-width: 255px !important;
  	margin: 0;
  	list-style: none;
  	max-height: 240px;
 	overflow-y: scroll;
 	background: #f3e1bb !important;
	border-radius: 15px !important;
	padding: 10px;
}

.wcprbl-location-selector input.wcprbl-zip-code-input {
  	background: #fff !important;
	width: 92% !important;
	margin: 0 0 10px 0 !important;
	color: #999 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	padding: 0 8px !important;
	height: 40px !important;
	border-radius: 5px !important;
	border: 1px solid #ccc !important;
  	box-shadow: none;
}

button.wcprbl-submit-zip-code {
  	background: #ca9659 !important;
  	border-radius: 10px !important;
  	border: 0 !important;
  	display: block !important;
  	width: 155px !important;
  	height: 35px !important;
 	text-align: center !important;
  	text-decoration: none !important;
  	color: #fff !important;
 	font-size: 18px !important;
	line-height: 35px !important;
	padding: 0 !important;
 	font-family: "Port Lligat Sans", sans-serif !important;
 	margin: 0 auto !important;
  	font-weight: normal !important;
}

.wcprbl-location-selector-popup.wcprbl-visible {
  background: #f3e1bb !important;
  border-radius: 10px !important;
  border: 0 !important;
}

.white {
	background: #fff !important;
}

.gray {
	background: #ccc !important;
	color: #d31145 !important;
}

.red {
	background: #e52337 !important;
	color: #fff !important;
}

.red a:link, .red a:visited {
	font-weight: bold !important;
	text-decoration: underline !important;
	color: #fff !important;
}

.noMargin {
	margin: 0 !important;
}

.noPadding {
	padding: 0 !important;
}

.bottomMargin {
	margin-bottom: 30px !important;
}

/* WooCommerce Styles - Hide tab navigation on WooCommerce single product page */

.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: none;
}

/* WooCommerce Styles - Hide description on WooCommerce single product page */

.single-product .woocommerce-tabs .panel h2 {
    display: none;
}

.single-product .woocommerce-tabs .panel h2.bottonBorder, .single-product .woocommerce-tabs .panel h2.mediumGray {
    display: block;
}

.titleBanner {
    background-color: #999;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-family: "Port Lligat Sans", sans-serif;
    text-align: center;
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 30px 0;
}

.titleBanner:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid #f9f7eb;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.titleBanner:before {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 10px solid #f9f7eb;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.bannerTan, .bannerWhite {
	margin: 0 0 20px 0;
}

.bannerTan:after {
    border-left: 10px solid #f3e1bb;
}

.bannerTan:before {
    border-right: 10px solid #f3e1bb;
}

.bannerWhite:after {
    border-left: 10px solid #fff;
}

.bannerWhite:before {
    border-right: 10px solid #fff;
}

.titleBannerHome {
    background-color: #e52337;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-family: "Port Lligat Sans", sans-serif;
    text-align: center;
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 30px 0;
}

.titleBannerHome:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid #452109;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.titleBannerHome:before {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 10px solid #452109;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.woocommerce-account .woocommerce-MyAccount-content {
  	float: left;
	width: 100%;
}

.select2-container--default .select2-results > .select2-results__options {
  	max-height: 200px;
  	overflow-y: auto;
  	margin-left: -1px !important;
  	margin-top: 30px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
  	background-color: #f2f2f2 !important;
  	color: #000;
  	margin-left: 1px !important;
}

.select2-container--default .select2-results__option[data-selected="true"] {
	background-color: #f3e1bb;
	margin-left: 1px !important;
}

.select2-results {
  	display: block;
  	font-family: Arial, "sans-serif" !important;
}

.select2-results__option {
	padding: 6px;
	user-select: none;
	-webkit-user-select: none;
	margin-left: 1px !important;
}

.has-text-align-center {
	text-align: center;
	font-family: Arial,"sans-serif" !important;
}

.product .productDetailsColumn {
	margin-bottom: 30px !important;
}

.product .productDetailsColumn, .product .productDetailsColumn li, .product .productDetailsColumn p  {
	text-align: left !important;
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-size: 14px !important;
	line-height: 20px !important;
}

.product .productDetailsColumn li, .productDetailsColumn li {
	margin: 0 0 5px -20px !important;
}

/* Header Styles */

.extraMenu {
	float: left;
	width: 430px;
	margin: 0;
	padding: 20px 0 0 0;
}

.extraMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.extraMenu ul li {
    /*display:inline;
	width:auto;
	margin: 0;*/
    float: left;
    padding: 0;
    margin: 0;
}

.extraMenu ul li a:link,

.extraMenu ul li a:visited,

.extraMenu a:link {
    color: #ca9659;
    text-transform: normal;
    font-family: Arial, "sans-serif";
    font-size: 12px;
    line-height: 28px;
    padding: 10px 0 10px 15px;
    text-decoration: none;
    font-weight: bold;
}

.extraMenu ul li a:hover,

.extraMenu ul li a:active,

.extraMenu ul li a:link.selected,

.extraMenu ul li:active {
    /*script dynamically adds a class of "selected" to the current active menu item*/
    color: #3d2510;
    /*THEME CHANGE HERE*/
}

.accountMenu {
	float: left;
	width: 100%;
	margin: 0 0 40px 0;
	padding: 10px 0 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.accountMenu ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    width: 100%;
	text-align: center;
}

.accountMenu ul li {
    display:inline;
    padding: 0;
    margin: 0 5px 0 0;
	width: auto;
}

.accountMenu ul li a:link,

.accountMenu ul li a:visited,

.accountMenu a:link {
    color: #ca9659;
    text-transform: normal;
    font-family: Arial, "sans-serif";
    font-size: 12px;
    line-height: 28px;
    padding: 10px;
    text-decoration: none;
    font-weight: bold;
}

.accountMenu ul li a:hover,

.accountMenu ul li a:active,

.accountMenu ul li a:link.selected,

.accountMenu ul li:active {
    /*script dynamically adds a class of "selected" to the current active menu item*/
    color: #3d2510;
	background: #f3e1bb;
	border-radius: 10px;
    /*THEME CHANGE HERE*/
}

.phone {
    float: left;
    width: 200px;
    color: #3d2510;
    font-size: 35px;
    line-height: 38px;
    font-family: "Port Lligat Sans", sans-serif;
	margin: 0 5px;
 	padding: 20px 0 0 0;
}

.logo {
    float: left;
    width: 245px;
    height: 115px;
    margin: 0;
}

.headerRight {
    float: left;
    margin: 0;
    width: 695px;
}

/* Waterlox.com Styles */
body {
    font: 100%/1.4 Georgia, "Times New Roman", Times, serif;
    margin: 0;
    padding: 0;
    color: #000;
    background: #f9f7eb;
}

.bkgrd {
    background: #f9f7eb url('./images/site_bkgrd.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/site_bkgrd.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/site_bkgrd.jpg', sizingMethod='scale')";
}

.bkgrd_top {
    background: url('./images/header_bkgrd.png') repeat-x top;
}

.bkgrd_top_alert {
    background: url('./images/header_bkgrd_alert.png') repeat-x top;
}

aside#sidebar {
    display: none;
}

.wp-block-columns aside#sidebar {
    display: block;
}

p {
    margin-top: 0;
}

@font-face {
    font-family: "Port Lligat Sans";
    font-weight: normal;
    font-style: normal;
}

fieldset {
    border: none;
    margin: 10px 0px;
    padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    font-family: "Port Lligat Sans", sans-serif;
    font-weight: normal;
}

h1 {
    color: #3d2510;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 15px;
}

h1.home {
    color: #ca9952;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 15px;
    text-align: center;
    padding: 0 20px;
}

h1.flex-caption {
    font-size: 50px;
    line-height: 50px;
    color: #e7dcbc;
    margin: 0 0 20px 0;
}

h2 {
    color: #3d2510;
    font-size: 30px;
    line-height: 34px;
    margin-top: 20px;
    margin-bottom: 0;
}

h2.home {
    color: #ca9953;
    font-size: 40px;
    line-height: 40px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

h2.small,
h2 .small {
    font-size: 20px;
    line-height: 24px;
}

h2.border {
    border-bottom: solid 1px #d4c0a6;
    box-sizing: border-box;
    margin: 30px 10px 20px 0;
    padding-bottom: 25px;
}

h2.entry-title {
    text-align: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    margin: 0;
}

h2.entry-title a:link,
h2.entry-title a:visited {
    font-weight: bold;
    color: #ca9659;
}

h2.entry-title a:hover {
    font-weight: bold;
    color: #3d2510;
}

.homeCol h2,
.home2Col h2 {
    margin-bottom: 20px;
}

.second h2,
.third h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 25px;
    line-height: 30px;
    color: #666;
}

.third h2.landing {
    font-family: "Port Lligat Sans", sans-serif;
    color: #666;
    font-size: 30px;
    line-height: 34px;
    margin: 15px 0;
}

h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    color: #000;
    margin: 0;
}

h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #000;
    margin: 0;
}

h4.product {
    margin: 0 0 10px 0;
}

h5 {
    font-size: 30px;
    line-height: 35px;
    color: #fff;
    margin-bottom: 15px;
}

h5.mobile {
    display: none;
}

a img,
a,
img {
    border: none;
}

a:link {
    color: #ca9659;
    font-weight: bold;
    text-decoration: none;
}

a:visited {
    color: #ca9659;
    font-weight: bold;
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    color: #3d2510;
    text-decoration: none;
}

a.btnBuyNow {
    background: #ca9659;
    border-radius: 10px;
    display: block;
    width: 125px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    padding: 0;
    font-family: "Port Lligat Sans", sans-serif;
    margin: 0 auto;
    font-weight: normal;
}

a.btnBuyNow:active, a.btnBuyNow:focus {
    color: #3d2510;
    text-decoration: none;
}

a.btn {
    background: #ca9659;
    border-radius: 10px;
    display: block;
    width: 155px;
    height: 35px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    padding: 0;
    font-family: "Port Lligat Sans", sans-serif;
    margin: 0 auto;
    font-weight: normal;
}

a.btn:active, a.btn:focus {
    color: #3d2510;
    text-decoration: none;
}

a.btn2 {
    background: #ca9659;
    border-radius: 10px;
    display: block;
    width: 155px;
    height: 35px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    padding: 0;
    font-family: "Port Lligat Sans", sans-serif;
    margin: 0;
    font-weight: normal;
}

a.btn2:active, a.btn2:focus {
    color: #3d2510;
    text-decoration: none;
}

a.btn3 {
    background: #ca9659;
    border-radius: 10px;
    display: block;
    width: 250px;
    height: 35px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    padding: 0;
    font-family: "Port Lligat Sans", sans-serif;
    margin: 0 20px 20px 0;
    font-weight: normal;
    float: left;
}

a.btn3:active, a.btn3:focus {
    color: #3d2510;
    text-decoration: none;
}

a.btn4 {
    background: #ca9659;
    border-radius: 10px;
    display: block;
    width: 110px;
    height: auto;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    padding: 5px;
    font-family: "Port Lligat Sans", sans-serif;
    margin: 0 0 30px 0;
    font-weight: normal;
}

a.btn4:active, a.btn4:focus {
    color: #3d2510;
    text-decoration: none;
}

a.btn5:active, a.btn5:focus {
    color: #3d2510;
    text-decoration: none;
}

a.btn5 {
    background: #999;
    border-radius: 10px;
    display: block;
    width: 155px;
    height: 35px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    padding: 0;
    font-family: "Port Lligat Sans", sans-serif;
    margin: 0 auto;
    font-weight: normal;
}

.leftBtn {
    float: left;
}

a.btnCenter {
    background: #ca9659;
    border-radius: 10px;
    display: block;
    width: 240px;
    margin: 30px auto;
    height: 60px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    line-height: 60px;
    padding: 0;
    font-family: "Port Lligat Sans", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

a.btnCenter:active, a.btnCenter:focus {
    color: #3d2510;
    text-decoration: none;
}

img.fullwidth {
    margin-left: -30px;
    max-width: 940px !important;
}

.faqBtnWrap {
    background: #ca9659;
    border-radius: 10px;
    width: 140px;
    height: auto;
    float: left;
    margin: 0 20px 20px 0;
    padding: 5px;
}

a.faqBtn {
    display: block;
    padding: 15px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    font-family: "Port Lligat Sans", sans-serif;
    font-weight: normal;
}

a.faqBtn:active, a.faqBtn:focus {
    color: #3d2510;
    text-decoration: none;
}

.wForm .askQuestionBox {
    width: 100%;
    box-sizing: border-box;
}

select {
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 30px;
    width: 240px;
    background-color: #fff;
}

select.shopList {
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 30px;
    width: 240px;
    background-color: #fff;
    margin: 0 auto;
}

iframe {
    border: none;
}

input {
    height: 23px;
    border: 1px solid #ccc;
    background: #fff;
    float: left;
    width: 90px;
    margin: 0 5px 0 0;
    padding: 5px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

input.btn {
    background: #ca9659;
    border-radius: 10px;
    border: 0;
    display: block;
    width: 155px;
    height: 35px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    line-height: 33px;
    padding: 0;
    font-family: "Port Lligat Sans", sans-serif;
    margin: 0 auto;
    font-weight: normal;
}

input.search {
    height: 18px;
    border: 1px solid #ccc;
    background: #fff;
    float: left;
    width: 165px;
    margin: 0 5px 0 0;
    padding: 5px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

input.searchsubmit {
    height: 30px;
    border: 0;
    background: none;
    float: left;
    width: 30px;
    margin: 0;
    padding: 0;
}

input[type="search"] {
    appearance: searchfield;
    box-sizing: border-box;
    height: 30px;
    background: #fff;
    float: left;
    width: 165px;
    margin: 0 5px 0 0;
    padding: 5px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	border: 0 !important;
	border-bottom: 1px solid #ca9659 !important;
	border-radius: 0 !important;
}

.fieldname_comment textarea {
    width: 97%;
}

.defaultText {
    color: #999;
}

.defaultTextActive {
    color: #222 !important;
}

/* Project Help Search Styling */

.wp-block-search__button {
    background: #ca9659;
    border: 0;
    border-radius: 10px;
    width: 90px;
    height: 35px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    padding: 0;
    font-family: "Port Lligat Sans", sans-serif;
    margin: 0;
    font-weight: normal;
}

.wp-block-search__input {
    height: 35px !important;
    border-radius: 5px !important;
}

/* End Project Help Search Styling */

.container {
    width: 940px;
    margin: 0 auto;
    padding: 0 30px 30px 30px;
}

.containerShopTop {
    width: 940px;
    margin: 0 auto;
    padding: 0 30px 0 30px;
}

.containerShopBottom {
    width: 940px;
    margin: 0 auto;
    padding: 0 30px 30px 30px;
}

.headerContainer {
    height: 180px;
    width: 100%;
    margin: 0;
}

.headerTop {
    margin: 0 auto;
    width: 950px;
    padding: 0 30px 0 20px;
}

.social {
    float: left;
    width: 215px;
    margin: 0 10px 0 0;
    padding-left: 10px;
}

.social img {
    width: 30px;
    height: 30px;
    display: inline;
    margin: 0 2px 0 0;
}

.pinterest>span {
    width: 100% !important;
    display: block;
}

.cart {
    float: left;
    width: 135px;
    margin: 0;
	padding: 20px 0 0 0;
}

.cart img {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0;
}

.cartItems {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    width: 105px;
    padding-top: 0;
}

.distributor {
    float: right;
    width: 180px;
    margin-top: 0;
	height:20px;
}

.distributor a, .distributor a:link, .distributor a:visited, .distributor a:hover, .distributor a:active, .distributor a:focus {
	background:#0055a4;
	padding:2px 10px;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	font-family: "Port Lligat Sans", sans-serif;
	font-weight:normal;
	border-radius: 0 0 5px 5px;
	text-align: center;
	text-transform: uppercase;
}

.conversionChart {}

.conversionAmount {
    color: #999;
    float: left;
    width: 160px;
    box-sizing: border-box;
}

header nav {
    margin: 0;
    padding: 12px 0 0 0;
    width: 99%;
}

header nav:after {
    /*Add margin between menu and rest of content in Firefox*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

header nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

header nav ul li {
    /*display:inline;
	width:auto;
	margin: 0;*/
    float: left;
    padding: 0;
    margin: 0;
}

header nav ul li a:link,
header nav ul li a:visited {
    color: #3d2510;
    text-transform: uppercase;
    font-family: "Port Lligat Sans", sans-serif;
    font-size: 19px;
    line-height: 24px;
    padding: 10px 6px;
    text-decoration: none;
    font-weight: normal;
}

header nav ul li a:hover,
header nav ul li a:active,
header nav ul li a:link.selected,
header nav ul li:active {
    /*script dynamically adds a class of "selected" to the current active menu item*/
    color: #d31145;
    /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

header nav ul ul {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 99999;
    width: 200px;
    background: #f3efd9;
    color: #3d2510;
    margin: 0;
}

header nav ul ul li {
    float: none;
    display: block;
}

header nav ul ul a:link,
header nav ul ul a:visited {
    width: auto;
    display: block;
    text-indent: 3px;
    padding: 5px;
    text-decoration: none;
    font-weight: bold;
    color: #3d2510;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-transform: none;
}

header nav ul ul a:hover {
    display: block;
    color: #d31145;
}

header nav ul li:hover>ul {
    display: block;
    color: #d31145;
}

header nav li {
    position: relative;
}

.dropmenudiv {
    position: absolute;
    top: 0;
    color: #3d2510;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    z-index: 100;
    background: #f3efd9;
    width: 200px;
    visibility: hidden;
    margin: -3px 0 0 0;
}

.dropmenudiv a {
    width: auto;
    display: block;
    text-indent: 3px;
    padding: 5px;
    text-decoration: none;
    font-weight: bold;
    color: #3d2510;
}

* html .dropmenudiv a {
    /*IE only hack*/
    width: 100%;
}

.dropmenudiv a:hover {
    /*THEME CHANGE HERE*/
    color: #d31145;
}

.thirdLevelNav {
    padding-left: 30px !important;
}

.recaptcha {
    width: 304px;
    margin: 10px auto 0px;
}

.rc-anchor-light.rc-anchor-normal {
    border: 1px solid #f1d5a1;
}

.slider {
    height: auto;
    margin: 0;
}

p.flex-caption {
    font-family: "Port Lligat Sans", sans-serif;
    font-size: 80px;
    line-height: 78px;
    color: #3d2510;
    margin: 0 0 20px 0;
}

.support {
    font-family: "Port Lligat Sans", sans-serif;
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    margin: 0;
}

.homeCallouts {
    margin: 0;
    background-image: url(./images/homepage/tan_background.png);
}

.homeCallouts p {
    margin: 0;
}

.homeCallouts ul {
    margin: 0;
    padding: 0 0 0 7px;
    list-style: none;
}

.homeCallouts ul li {
    float: left;
    width: 145px;
    margin: 0 10px 0 0;
    padding: 0;
}

.homeCallouts ul li a {
    color: #e7dcbc;
    font-size: 20px;
    line-height: 24px;
    display: block;
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000;
    text-decoration: none;
    width: 145px;
    padding: 5px 0;
    text-align: center;
    font-family: "Port Lligat Sans", sans-serif;
    font-weight: normal;
}

.homeCallouts ul li a:hover {
    background: #ca9659;
    color: #3d2510;
}

.homeProjectTypes {
    margin: 20px auto;
    width: 915px;
}

.homeProjectTypes .project {
    float: left;
    width: 175px;
    margin: 0 10px 0 0;
}

.homeProjectTypes .project p {
    margin: 0 0 10px 0;
    text-align: center;
    color: #fff;
    font-family: "Port Lligat Sans", sans-serif;
    font-weight: normal;
}

.homeProjectTypes .noMargin {
    margin-right: 0;
}

.homeProjectTypes .project p a:link {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.homeProjectTypes .project p a:visited {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.homeEvents {
    margin: 20px auto;
    width: 940px;
}

.homeEventsMobile {
    display: none;
}

.content {
    padding: 20px;
    background: #f9f7eb;
    border-radius: 10px;
    color: #000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 20px;
}

.contentShopTop {
    padding: 20px 20px 0 20px;
    background: #f9f7eb;
    border-radius: 10px 10px 0 0;
    color: #000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 20px;
}

.contentShopBottom {
    padding: 0 20px 0 20px;
    background: #f9f7eb;
    border-radius: 0 0 10px 10px;
    color: #000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 20px;
}

.noRadius {
    border-radius: 0 0 10px 10px;
}

.howToShop {
    text-align: center;
    margin: 0;
    width: 100%;
    padding: 0;
}

.second {
    background: #f9f7eb url(./images/second_border_bkgrd.jpg) repeat-y;
}

.third {
    background: #f9f7eb url(./images/single_col_border_bkgrd.jpg) repeat-y;
}

.third .headerImg img {
    width: 100%;
}

.twoCol,
.twoColLeft {
    box-sizing: border-box;
    width: 430px;
    margin-right: 20px;
    float: left;
}

.twoColRight {
    box-sizing: border-box;
    width: 430px;
    margin-right: 0px;
    float: left;
}

.centerColumn {
    box-sizing: border-box;
    width: 310px;
    padding: 0px 40px;
    float: none;
    margin: 0px auto;
}

.askQuestionLeftCol {
    box-sizing: border-box;
    width: 310px;
    padding: 0px 40px;
    margin-left: 130px;
    float: left;
}

.askQuestionRightCol {
    box-sizing: border-box;
    width: 310px;
    padding: 0px 40px;
    margin-right: 130px;
    float: left;
}

.fullWidthHeaderImg img {
    width: 100%;
    margin-bottom: 10px;
    display: block;
}

.homeCol {
    width: 194px;
    padding: 0 20px;
    float: left;
    border-right: 1px solid #ccc;
    text-align: center;
    height: 500px;
}

.home2Col {
    width: 429px;
    padding: 0 20px;
    float: left;
    border-right: 1px solid #ccc;
    text-align: center;
    height: auto;
}

.homeColFirst {
    padding-left: 0;
}

.homeColLast {
    padding-right: 0;
    border-right: 0;
}

.capital {
    text-transform: uppercase;
}

.leftCol {
    float: left;
    margin: 0;
    width: 120px;
    padding: 0 20px 0 9px;
}

.singleColumn>.leftCol {
    display: none;
}

.singleColumn #sectionName {
    display: none;
}

.middleCol {
    float: left;
    margin: 0;
    width: 560px;
    padding: 0 21px;
}

.doubleCol {
    float: left;
    margin: 0;
    width: 713px;
    padding: 0 21px 0 9px;
}

.rightCol {
    float: left;
    margin: 0;
    width: 120px;
    padding: 0 9px 0 20px;
}

.middleCol p img {
    margin-bottom: 15px;
}

.middleCol p.smallMargin img {
    margin-bottom: 5px;
}

.middleCol p.headerImg img {
    width: 560px;
}

.productCol {
    width: 120px;
    margin: 0 15px 40px 0;
    float: left;
    text-align: left;
}

ul.sectionNav {
    margin: 0;
    padding: 0;
}

ul.sectionNav li {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}

ul.sectionNav li a {
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ca9659;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
}

ul.sectionNav li a.selected,
ul.sectionNav li a.selected:hover {
    color: #d31145;
}

ul.sectionNav li a:hover {
    color: #3d2510;
}

ul.sectionNav ul {
    margin: 0;
    padding: 10px 0 0 10px;
}

ul.sectionNav ul li {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}

ul.sectionNav ul li a {
    font-size: 12px;
    line-height: 18px;
    text-transform: none;
    font-weight: normal;
    color: #ca9659;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
}

ul li.selected>a,
ul li.selected>a:hover,
ul.sectionNav ul li a.selected,
ul.sectionNav ul li a.selected:hover {
    color: #d31145;
}

ul.sectionNav ul li a:hover {
    color: #3d2510;
}

.featured {
    background: #f6d69b;
    padding: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #000;
}

.success {
    background: #b7eebb;
    padding: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #000;
}

p.smallMargin {
    margin: 0 0 5px 0;
}

.sideItem {
    margin: 0 0 40px 0;
}

.solutionItem {
    margin: 0 0 15px 0;
    color: #ca9659;
    text-decoration: none;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

a.caps {
    text-transform: uppercase;
    color: #ca9659;
    text-decoration: none;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

a.caps:hover {
    color: #3d2510;
}

.productLeft {
    float: left;
    width: 140px;
    margin: 0 30px 30px 0;
}

.productRight {
    float: left;
    width: 390px;
    width: 300px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #000;
}

.purchaseAsst {
    margin: 0 0 30px 0;
}

.purchaseAsst img {
    width: 560px;
}

.purchaseAsstMobile {
    margin: 0 0 30px 0;
    display: none;
}

.mobileShow {
    display: none;
}

.tableItem {
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
}

.tableHead {
    background: #6b5946;
    padding: 10px;
    color: #fff;
}

.tableHead a:hover {
    text-decoration: underline;
}

.tableSub {
    float: left;
    margin: 0;
    width: 25%;
}

.tableSub p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    padding: 0 10px;
}

.tableSub p.tableSubHead {
    background: #f5d59e;
    padding: 10px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs {
    padding: 3px 0;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left;
    /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li {
    display: inline;
    margin: 0;
    background: #ca9659;
}

.shadetabs li a {
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 5px;
    margin-right: 2px;
    background: #ca9659;
    color: #fff;
    font-size: 20px;
    line-height: 23px;
    font-family: "Port Lligat Sans", sans-serif;
    font-weight: normal;
    text-align: center;
    float: left;
    width: 95px;
    height: 46px;
}

.shadetabs li a:visited {
    color: #2d2b2b;
}

.shadetabs li a:hover {
    text-decoration: none;
    color: #3d2510;
}

.shadetabs li a.selected {
    /*selected main tab style */
    position: relative;
}

.shadetabs li a.selected {
    /*selected main tab style */
    background: #f6d69b;
    color: #3d2510;
}

.shadetabs li a.selected:hover {
    /*selected main tab style */
    text-decoration: none;
}

.shadetabs li a.last {
    margin: 0;
}

.tabContainer {
    background: #f6d69b;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    clear: left;
    min-height: 200px;
}

.tabContainer ul {
    margin: 0;
    padding: 0 0 0 15px;
}

.tabContainer ul li {
    margin: 0 0 10px 0;
}

.tabcontent {
    display: none;
}

.tabContainer p.redHeader {
    color: #ba0026;
    font-size: 21px;
    line-height: 30px;
    margin: 0;
    font-family: "Port Lligat Sans", sans-serif;
    font-weight: normal;
}

.footnote {
    font-size: 10px;
    line-height: 16px;
    margin: 20px 0;
}

/* Third Party Landing Page Styles */

.landTopLeft {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
    margin: 0 0 20px 0;
}

p.landSideLink {
    background: #f7deb4;
    margin: 0;
    font-family: Arial, sans-serif;
    text-align: center;
    padding: 5px;
    font-size: 12px;
    line-height: 16px;
}

p.landSideLink a {
    color: #3d2510;
    display: block;
}

p.landSideLink a:hover {
    color: #ca9659;
}

p.landText {
    color: #000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 26px;
}

p.landCallout {
    background: #754f38;
    font-size: 20px;
    line-height: 25px;
    margin: 25px 0;
    color: #fff;
    font-family: "Port Lligat Sans", sans-serif;
    text-align: center;
    padding: 10px;
}

p.landCallout a {
    color: #fff;
    font-weight: normal;
    display: block;
}

.landCol {
    float: left;
    width: 175px;
    margin: 0;
}

p.landProduct {
    color: #402713;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    font-family: "Port Lligat Sans", sans-serif;
    margin: 10px 0 5px 0;
}

p.landProduct a {
    color: #402713;
    font-weight: normal;
}

p.landProduct a:hover {
    color: #ca9659;
    font-weight: normal;
}

p.landSupport {
    color: #402713;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    font-family: "Port Lligat Sans", sans-serif;
    padding: 0 5px;
}

p.landLink {
    text-align: center;
}

p.landLink a.btn2 {
    margin: 0 auto;
}

.landBenefits {
    float: left;
    width: 340px;
    margin: 0 0 20px 0;
}

ul.land {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    padding-left: 15px;
}

ul.land li {
    color: #000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 26px;
}

.footerContainer {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #f9f7eb;
}

.footerBarBkgrd {
    background: #5f4732;
}

.footer {
    margin: 0 auto;
    width: 940px;
    padding: 10px 30px 5px 30px;
}

.footer .social {
    float: right;
    width: 170px;
    padding-left: 10px;
}

.footer .social img {
    width: 20px;
    height: 20px;
    display: inline;
    margin: 0 5px 0 0;
}

.footer p {
    margin: 0;
    color: #ca9659;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
}

.footerBarBkgrd .footer p {
    color: #fff;
}

.footerLinks {
    float: left;
    width: 180px;
    margin: 0 10px 0 0;
}

.footerLinks ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footerLinks ul li {
    margin: 0 0 2px 0;
    padding: 0;
}

.footerLinks ul li a {
    color: #ca9659;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}

.footerLinks ul li a:hover {
    text-decoration: none;
    color: #3d2510;
}

.footerLogo {
    float: left;
    width: 150px;
    margin: 0;
}

.last,
.social img.last {
    margin: 0;
}

.fltrt {
    float: right;
    margin-left: 8px;
}

.fltlft {
    float: left;
    margin-right: 8px;
}

.clearfloat,
.clear {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.mobileNavLink,
.mobileNavLinkSide {
    display: none;
}

.attachment {
    border: solid 1px #666;
    background-color: #fff !important;
}

.attachment a {
    display: block;
}

.link {
    border: solid 1px #666;
    background-color: #fff !important;
    padding: 4px 12px;
}

.link a {
    display: block;
}

.searchoptions {
    display: block;
    margin: 0 0 30px 0;
}

.row {
    margin-bottom: 25px;
}

.date {
    font-weight: bold;
}

.guideBody {
    margin-top: 10px;
    margin-bottom: 20px;
}

.projectTypeContainer {
    float: left;
    width: 210px;
    background-color: #cac4b6;
    border-radius: 20px;
    padding: 15px 135px 15px 75px;
    margin-right: 20px;
}

.projectTypeContainer>select {
    font-size: 14px;
}

.projectTypeList {
    height: 31px;
}

.searchContainer {
    float: left;
    width: 230px;
    background-color: #cac4b6;
    border-radius: 20px;
    padding: 15px 90px 15px 120px;
    font-size: 14px;
}

.searchContainer>input {
    font-size: 14px;
}

.noResults {
    margin-top: 20px;
}

.singleColumn {
    padding: 10px;
    background: #f9f7eb;
    background-image: none;
}

.singleColumn .headerImg img {
    width: 100%;
}

.entry-title {
    text-align: center;
}

.entry-title a:link,
.entry-title a:hover,
.entry-title a:visited {
    color: #3d2510;
    font-weight: normal;
    text-decoration: none;
}

.centerText {
    text-align: center;
}

.centerText p {
    text-align: center;
	margin: 0 0 30px 0;
	font-size: 18px !important;
	line-height: 28px;
}

.centerTextSmall {
    text-align: center;
}

.centerTextSmall p {
    text-align: center;
	margin: 0 0 30px 0;
	font-size: 14px !important;
	line-height: 20px;
}

.blockLink {
    cursor: pointer;
}

.guideCard {
    font-family: "Port Lligat Sans", sans-serif;
    color: #3d2510;
    box-sizing: border-box;
    width: 200px;
    float: left;
    background-color: #f3e1bb;
    padding: 15px 20px 0 20px;
    border-radius: 20px;
    height: 255px;
    margin: 0px 20px 0px 0;
}

.guideCardSelected {
    background-color: #3a2512 !important;
    color: #f1d5a1;
}

.guideCardSelected .guideCardDesc {
    color: #cbc2b5;
}

.guideCardLast {
    background-color: #cbc2b5;
    margin-right: 0px;
}

.guideCardNum {
    font-weight: normal;
    font-size: 40px;
    line-height: 42px;
    color: #fff;
    text-align: center;
    margin-bottom: 5px;
}

.guideCardTitle {
    font-weight: normal;
    font-size: 32px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 10px;
    padding: 0px 5px;
	font-family: "Port Lligat Sans", sans-serif;
}

.guideCardDesc {
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

.tallCard {
    height: auto;
}

.noticeExpand {
    margin-bottom: 10px;
}

.noticeTitle {
    background-color: #f6ac48;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    font-family: Arial, "Times New Roman";
    cursor: pointer;
	margin-bottom: 20px;
}

.noticeExpandTrigger {
    font-weight: normal;
    cursor: pointer;
    color: #fff;
    text-decoration: underline;
    font-size: 12px;
}

.noticeContent {
    background-color: #f6d69b;
    padding: 20px;
    font-family: Arial, "Times New Roman";
    display: none;
    margin-bottom: 0;
  	font-weight: normal;
  	margin-top: 10px;
}

.noticeCallout {
    border: solid 1px #eedfc6;
    margin: 0 0 20px;
    border-radius: 10px;
    box-sizing: border-box;
    font-family: Arial, "Times New Roman";
    font-size: 12px;
    padding: 15px;
}

.noticeLeftHalf {
    float: left;
    width: 430px;
    box-sizing: border-box;
    margin-right: 20px;
    margin-bottom: 20px;
}

.noticeRightHalf {
    float: left;
    width: 430px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.oneThird {
    box-sizing: border-box;
    width: 280px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}

.oneThird img,
.oneThirdLast img {
    box-sizing: border-box;
    max-width: 100%;
}

.oneThirdLast {
    box-sizing: border-box;
    width: 280px;
    margin-right: 0px;
    margin-bottom: 20px;
    float: left;
}

.oneThirdVideo {
    box-sizing: border-box;
    width: 273px;
    margin: 0px 10px 20px;
    float: left;
    text-align: center;
}

.oneThirdVideo img {
    box-sizing: border-box;
    max-width: 100%;
}

.twoThirds {
    box-sizing: border-box;
    width: 500px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}

.twoThirds img,
.twoThirdsLast img {
    box-sizing: border-box;
    max-width: 100%;
}

.twoThirdsLast {
    box-sizing: border-box;
    width: 560px;
    margin-right: 0px;
    margin-bottom: 20px;
    float: left;
}

.oneFourth {
    box-sizing: border-box;
    width: 190px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}

.oneFourth img,
.oneFourthLast img {
    box-sizing: border-box;
    max-width: 100%;
}

.oneFourthLast {
    box-sizing: border-box;
    width: 210px;
    margin-right: 0px;
    margin-bottom: 20px;
    float: left;
}

.threeFourths {
    box-sizing: border-box;
    width: 590px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}

.threeFourths img,
.threeFourthsLast img {
    box-sizing: border-box;
    max-width: 100%;
}

.threeFourthsLast {
    box-sizing: border-box;
    width: 610px;
    margin-right: 0px;
    margin-bottom: 20px;
    float: left;
}

.oneFifth {
    box-sizing: border-box;
    width: 144px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}

.fourFifths {
    box-sizing: border-box;
    width: 636px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}

.oneFifth img,
.fourFifths img,
.oneFifthLast img,
.fourFifthsLast img {
    box-sizing: border-box;
    max-width: 100%;
}

.fourFifthsLast {
    box-sizing: border-box;
    width: 610px;
    margin-right: 0px;
    margin-bottom: 20px;
    float: left;
}

.firstRow {
    margin-top: 40px;
}

.firstRow2 {
    margin-top: 40px;
}

.leftContent {
    text-align: left;
}

.centerContent {
    text-align: center;
}

.rightContent {
    text-align: right;
}

.centerLeftContent,
a.centerLeftContent {
    margin: 30px auto 30px 20px;
}

.centerRightContent,
a.centerRightContent {
    margin: 30px 20px 30px auto;
}

.topicButton a {
    font-family: "Port Lligat Sans", sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    color: #3a2512;
    background-color: #f1d5a1;
    box-sizing: border-box;
    width: 200px;
    height: 80px;
    float: left;
    border-radius: 15px;
    padding: 20px 20px;
    margin: 0px 20px 20px 0;
    cursor: pointer;
    color: #3a2512;
    display: block;
}

.topicButtonSelected a {
    background-color: #3a2512;
    color: #f1d5a1;
}

.topicButtonLast a {
    margin-right: 0px;
}

.featuredThumb {
    width: 100px;
    float: left;
    margin: 0px 20px 20px 0;
}

.featuredContent {
    width: 760px;
    float: left;
}

.guideResultTitle {
    margin-bottom: 2px;
    font-size: 16px;
}

.guideResultDesc {
    margin-bottom: 20px;
}

/* ARTICLE DETAILS - USER COMMENTS



----------------------------------------------------------*/

.article_comments_bg {
    padding: 10px 20px 0;
}

.article_comment_bar {
    background-color: #ca9659;
    padding: 6px 10px;
    color: #fff;
}

.article_comment_user {
    float: left;
    width: 200px;
    color: #fff;
    overflow: hidden;
}

.article_comments_subhead {
    margin-top: 20px;
}

.article_comment_time {
    float: right;
    width: 150px;
    text-align: right;
}

.article_comment_content {
    padding: 10px 20px 20px;
    background-color: #fff;
}

.article_new_comment .field .label {
    display: none;
}

.article_comment {
    border-bottom: 3px dashed #ca9659;
    margin-bottom: 20px;
}

#commentarticletitle {
    display: none;
}

/* Form Styling */

.wFormContainer {
    margin: 0;
    width: 300px;
}

.wForm {
    padding: 0;
}

.wForm .oneField {
    border: 0;
    padding: 0;
    margin: 0 0 15px 0;
}

.wForm input {
    height: 18px;
    border: 1px solid #f1d5a1;
    border-radius: 5px;
    background: #fff;
    float: none;
    width: 230px;
    margin: 0 5px 0 0;
    padding: 5px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.wForm textarea {
    border: 1px solid #f1d5a1;
    border-radius: 5px;
    background: #fff;
    float: none;
    width: 230px;
    margin: 0 5px 0 0;
    padding: 5px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.wForm input[type="checkbox"],
input[type="radio"] {
    height: 14px;
    border: 1px solid #ccc;
    background: #fff;
    float: none;
    width: 18px;
    margin: 0 5px 0 0;
    padding: 5px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.wForm form .oneChoice {
    display: block;
}

.wForm form .oneChoice label,
.wForm form .oneChoice .label {
    white-space: normal;
    display: inline-block;
}

.wForm input.primaryAction {
    background: #ca9659;
    border-radius: 10px;
    border: 0;
    display: block;
    width: 155px;
    height: 35px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    line-height: 33px;
    padding: 0;
    font-family: "Port Lligat Sans", sans-serif;
    margin: 0;
    font-weight: normal;
}

.wForm .status {
    margin-top: 20px;
    color: #d31145;
    font-weight: bold;
}

.wForm .reqMark .label:after {
    content: " *";
    color: #f00;
    font-size: 90%;
}

.wForm .errorMsg {
    color: #f00;
    font-size: 90%;
    display: none;
}

.resultsSection {
    margin-bottom: 20px;
}

.label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

label.preField {
    text-transform: uppercase;
    color: #666;
    padding-bottom: 5px;
}

label.preDesc {
    color: #000;
    font-weight: bold;
}

.spacer {
    height: 6px;
}

.sampleSwatch {
    float: left;
    width: 40%;
    margin: 0 20px 20px 0;
}

.accessoryContainer {
    margin: 0px 20px;
}

.accessoryCol {
    width: 120px;
    height: 260px;
    margin: 0 10px 20px;
    float: left;
    text-align: left;
    box-sizing: border-box;
    overflow: hidden;
}

.accessoryCol img {
    max-width: 120px;
    max-height: 120px;
}

.accessoryHeader {
    background: #f3e1bb;
    border-radius: 15px;
    padding: 15px 20px 10px;
    margin: 25px 0 20px 0;
    font-family: Arial, "Times New Roman";
}

.accessoryHeaderTitle {
    font-family: "Port Lligat Sans", sans-serif;
    font-size: 30px;
    line-height: 30px;
    color: #3d2510;
    text-align: center;
    margin-bottom: 15px;
    font-weight: normal;
}

.accessoryBorder {
    border-bottom: solid 2px #d0c3ab;
    padding-bottom: 10px;
}

.accessoryCheckContainer {
    width: 30%;
    float: left;
    box-sizing: border-box;
    margin-right: 20px;
    font-size: 12px;
    font-weight: bold;
}

.accessoryCheck {
    margin-top: 5px;
    line-height: 30px;
    height: 40px;
}

.accessoryCheckBox {
    width: inherit;
    margin: 4px 15px 0 0;
}

#ProductLineFiltersContainer {
    margin-bottom: 10px;
}

.boxIcon {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    margin-bottom: 12px;
    box-sizing: border-box;
}

.boxIconLarge {
    float: left;
    width: 173px;
    height: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    font-family: Arial;
}

.noProductsMsg {
    font-weight: normal;
}

.productCategoryFlags {
    float: left;
    width: 380px;
    margin: 0 0 40px 20px;
}

.productsUsedTitle {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #000;
    margin: 8px 0 10px 0;
    font-weight: normal;
}

.productLineUTOS {
    background-color: #583316;
    color: #fff;
}

.productLineH2OLOX {
    background-color: #6d8146;
    color: #fff;
}

.productLineMARINE {
    background-color: #1d4b87;
    color: #fff;
}

.productLineURETHANE {
    background-color: #8a6338;
    color: #fff;
}

.productLineORIGINAL {
    background-color: #b4453a;
    color: #fff;
}

.productLineSAMPLE {
    background-color: #666;
    color: #fff;
}

.productSizeLarge {
    background-color: #fff;
    border: solid 1px #8f9092;
    color: #8f9092;
    padding-left: 8px;
    font-family: Arial;
}

.productSizeSmall {
    background-color: #fff;
    border: solid 1px #8f9092;
    color: #8f9092;
    padding-left: 7px;
    font-family: Arial;
}

.accessoryFilterLarge {
    font-size: 20px;
    line-height: 14px;
    font-weight: normal;
    width: 30px;
    height: 30px;
    padding-left: 8px;
    padding-top: 7px;
}

.accessoryFilterSmall {
    font-size: 20px;
    line-height: 14px;
    font-weight: normal;
    width: 30px;
    height: 30px;
    padding-left: 7px;
    padding-top: 7px;
}

.productIcon {
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    width: 15px;
    height: 15px;
    padding-left: 3px;
}

.quiz-body {
    /*min-height:1600px;*/
}

.quiz-question {
    border-top: 0;
    padding-top: 10px;
    margin-top: 20px;
}

.quiz-disabled {
    background-color: #ddd !important;
    color: #999 !important;
}

.quiz-question h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 15px;
    color: #666;
}

.question-container {
    box-sizing: border-box;
    width: 50%;
    float: left;
}

.question-center {
    float: none;
    margin: 0px auto;
}

.containerLast {
    margin-right: 0;
}

.quiz-button {
    text-align: center;
    color: #3a2512;
    border: solid 1px #f1d5a1;
    border-radius: 5px;
    font-size: 24px;
    font-family: "Port Lligat Sans", sans-serif;
    margin-right: 20px;
    margin-bottom: 10px;
    padding: 10px 0;
    font-weight: normal;
    cursor: pointer;
    background-color: #f1d5a1;
}

.question-container-fixed {
    /*height: 110px;*/
}

.quiz-selected {
    background-color: #3a2512;
    border: solid 1px #3a2512;
    color: #f1d5a1;
}

.quiz-button-desc {
    text-align: center;
    font-size: 14px;
    color: #777;
    margin-bottom: 10px;
    margin-right: 20px;
}

.quiz-input {
    text-align: center;
    color: #3a2512;
    border: solid 1px #f1d5a1;
    border-radius: 5px;
    font-size: 24px;
    font-family: "Port Lligat Sans", sans-serif;
    margin-right: 20px;
    margin-bottom: 10px;
    padding: 10px 0;
    font-weight: normal;
    cursor: pointer;
    background-color: #fff;
    width: 94%;
}

.calculate-btn,
.center-btn {
    margin: 30px auto 20px !important;
    width: 155px !important;
    padding-right: 20px;
}

.calculate-btn a,
.center-btn a {
    margin: 0px;
}

.quiz-next-btn {
    margin: 30px auto 20px;
    width: 155px;
    padding-right: 20px;
}

.quiz-separator {
    margin: 30px 0 20px;
    border-top: solid 1px #ddd;
}

.quiz-result,
.quiz-result-alt {
    border-top: solid 1px #d4c0a6;
    padding-top: 20px;
    box-sizing: border-box;
    width: 120px;
    float: left;
    margin: 10px 10px 20px 0;
}

.quiz-result-alt {
    border-top: solid 1px #e5e1db;
}

.quiz-result-title {
    padding: 10px 0;
    text-align: center;
    color: #fff;
    background-color: #d9be9d;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.quiz-result-coat-no {
    color: #989793;
    font-size: 30px;
    font-family: "Port Lligat Sans", sans-serif;
    text-align: center;
    margin-bottom: 5px;
}

.quiz-result-coat {
    text-transform: uppercase;
    color: #38352d;
    font-size: 12px;
    text-align: center;
    font-family: Verdana;
    margin-bottom: 10px;
}

.quizProduct {
    border-top: solid 1px #d4c0a6;
    padding-top: 20px;
    box-sizing: border-box;
    margin: 10px 10px 20px 0;
}

.quizResultName,
.quizProductName {
    text-align: left;
    font-weight: bold;
    margin: 10px 0 5px 0;
    font-size: 12px;
}

.quizProductName {
    font-size: 14px;
}

.quizResultName a,
.quizProductName a {
    font-family: Arial, Helvetica, sans-serif;
}

.quizResultDesc {
    text-align: center;
}

.guideContent {
    margin-bottom: 25px;
}

/* Document Icons */

.icon_pdf,
.icon_zip,
.icon_doc,
.icon_txt,
.icon_mp3,
.icon_xls,
.icon_img,
.link {
    display: block;
    height: auto;
    margin: 10px 0;
    padding: 5px 45px 5px;
}

.icon_pdf {
    background: url(./images/pdf_icon.jpg) no-repeat 8px 7px;
}

.link {
    background: url(./images/web_icon.jpg) no-repeat 8px 7px;
}

.icon_zip {
    background: url(./images/zip.png) no-repeat 8px 3px;
}

.icon_doc {
    background: url(./images/doc.png) no-repeat 8px 3px;
}

.icon_txt {
    background: url(./images/text.png) no-repeat 8px 3px;
}

.icon_mp3 {
    background: url(./images/mp3.png) no-repeat 8px 3px;
}

.icon_xls {
    background: url(./images/excel.png) no-repeat 8px 3px;
}

.icon_img {
    background: url(./images/img.png) no-repeat 8px 3px;
}

/* PRODUCT OVERVIEW */

.topTanFeature {
    background: #f3e1bb;
    border-radius: 15px;
    padding: 25px 30px 10px 30px;
    margin: 40px 0 20px 0;
}

.topTanFeatureShop {
    background: #f3e1bb;
    border-radius: 15px;
    padding: 25px 30px 10px 30px;
    margin: 0 0 20px 0;
}

.topTanTitle {
    font-size: 25px;
    line-height: 30px;
    font-family: Port Lligat Sans, sans-serif;
    color: #999;
    text-align: center;
    text-transform: uppercase;
}

.size260 {
    width: 260px;
}

.size280 {
    width: 280px;
}

.size190 {
    width: 190px;
}

a.topTanButton {
    text-transform: none;
    width: 260px;
    margin: 0;
}

.size190 a.topTanButton {
    text-transform: none;
    width: 190px;
    margin: 0;
    font-size: 24px;
}
.size190Centered {
	width:610px;
	margin: 0 auto;
}

h2.bottonBorder {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 20px;
    text-align: center;
}

.grayBanner {
    background: #dbd8cf;
    color: #666;
    text-transform: none;
}

.lightGray {
    margin-top: 40px;
    color: #999;
    text-align: center;
}

.guardCardTitleBorder {
    border-bottom: 1px solid #f9f7eb;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-top: 5px;
}

.helpText {
    margin: 0;
    font-family: Georgia, Times New Roman, Times, serif !important;
}

a.buttonSize100 {
    width: 100px;
    margin: 0 auto;
}

h2.mediumGray {
    color: #999;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.centerTextNaming {
    text-align: center;
    margin: 40px 30px 0 30px;
    font-size:14px;
    line-height: 22px;
}

.size400 {
    width: 400px;
}

.size590 {
    width: 590px;
	margin-right:0;
}

.size400 p, .size590 p {
    font-family:Arial, sans-serif; 
	margin-top:20px;
	text-align:center;
	font-size:13px;
}

/* BEGIN PAGING NAV STYLES */

.pagingNav {
    font-size: 11px;
}

.pagingNavItemsPerPage {
    float: left;
    padding: 7px 10px 15px 0px;
}

.pagingNavPages {
    float: left;
    padding: 0px 5px 15px 0;
    font-weight: bold;
    color: #666;
}

.pagingNavPrev {
    float: left;
    text-align: center;
    padding: 0px 6px 15px 6px;
    cursor: pointer;
}

.pagingNavNext {
    float: left;
    text-align: center;
    padding: 0px 6px 15px 6px;
    cursor: pointer;
}

.pagingNavFirst {
    float: left;
    text-align: center;
    padding: 0px 6px 15px 6px;
    cursor: pointer;
}

.pagingNavLast {
    float: left;
    text-align: center;
    padding: 0px 6px 15px 6px;
    cursor: pointer;
}

.pagingNavJumpBack {
    display: none;
}

.pagingNavJumpForward {
    display: none;
}

.pagingNavDisabled {
    float: left;
    text-align: center;
    padding: 0px 6px 15px 6px;
    color: #bbb;
    cursor: default;
}

.pagingNavLink {
    float: left;
    text-align: center;
    padding: 0px 6px 15px 6px;
    cursor: pointer;
}

.pageSelected {
    font-weight: bold;
    color: #000;
    cursor: default;
}

/* END PAGING NAV STYLES */

img.sheen {
    width: 550px;
}

/* June 2020 Products Page */

.normal {
    text-transform: none;
}

.left150 {
    width: 150px;
    float: left;
    margin: 0 20px 20px 0;
}

.middle540 {
    width: 540px;
    float: left;
    margin: 0 20px 20px 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.right150 {
    width: 150px;
    float: left;
    margin: 0 0 20px 0;
}

.ideal {
    padding: 10px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 10px;
    margin-top: 30px;
}

.ideal p {
    margin: 0;
}

.productOverviewAtts {
    width: 540px;
}

.productOverviewSheens {
    width: 270px;
}

.productOverviewPic {
    width: 150px;
}

a.productOverview {
    width: 150px;
}

/* June 2020 Projects Pages */

.grayBorderBox {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 20px;
    margin: 0 30px 30px 30px;
}

.grayBorderBox p {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}

.productOption {
    width: 100px;
    height: 240px;
    float: left;
    margin: 0 10px 0 0;
}

.productOption p {
    text-align: center;
    margin-bottom: 10px;
}

.productOption3 {
    width: 330px;
    margin: 0 auto;
}

.productOption4 {
    width: 440px;
    margin: 0 auto;
}

.productOption5 {
    width: 550px;
    margin: 0 auto;
}

.productOption6 {
    width: 660px;
    margin: 0 auto;
}

.productOption7 {
    width: 770px;
    margin: 0 auto;
}

.productOption8 {
    width: 880px;
    margin: 0 auto;
}

img.productLabel {
    width: 100px;
}

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

/* Product Name and Label Updates */

.labelUpdateBorder {
	border-bottom:1px solid #e5e5e5;
}

.size245 {
	width:245px;
	padding-top:25px;
}

.size245First {
	width:245px;
	padding-top:0;
}

.size245Last {
	width:245px;
	padding-top:25px;
}

.size100 {
	width:100px;
	padding-top:25px;
}

.size100First {
	width:100px;
	padding-top:0;
}

.size50 {
	width:50px;
	padding-top:25px;
}

.size50First {
	width:50px;
	padding-top:0;
}

.size30 {
	width:30px;
	padding-top:20px;
}

.size380 {
	width:380px;
}

/* Home Page Flex Slider Styles */

/*
 * jQuery FlexSlider v2.4.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * 
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
    font-family: "flexslider-icon";
    src: url("fonts/flexslider-icon.eot");
    src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"),
        url("fonts/flexslider-icon.woff") format("woff"),
        url("fonts/flexslider-icon.ttf") format("truetype"),
        url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
    outline: none;
}

.slides,
.slides>li,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides>li {
    display: block;
    /*-webkit-backface-visibility: hidden;*/
}

.flexslider .slides>li.flex-background1 {
    display: block;
    /*-webkit-backface-visibility: hidden;*/
    background-image: url("./images/homepage/slide1.jpg");
    height: 310px;
}

.flexslider .slides>li.flex-background2 {
    display: block;
    /*-webkit-backface-visibility: hidden;*/
    background-image: url("./images/homepage/slide2.jpg");
    height: 310px;
}

.flexslider .slides>li.flex-background3 {
    display: block;
    /*-webkit-backface-visibility: hidden;*/
    background-image: url("./images/homepage/slide3.jpg");
    height: 310px;
}

.flexslider .slides>li.flex-background4 {
    display: block;
    /*-webkit-backface-visibility: hidden;*/
    background-image: url("./images/homepage/slide4.jpg");
    height: 310px;
}

.flexslider .slides img {
    float: left;
    width: 355px;
    margin: 0;
}

.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .flexslider .slides {
    display: block;
}

* html .flexslider .slides {
    height: 1%;
}

.no-js .flexslider .slides>li:first-child {
    display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
    margin: 0;
    position: relative;
    zoom: 1;
}

.flexslider .slides {
    zoom: 1;
}

.flexslider .slides img {
    height: auto;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    border-radius: 10px 10px 0 0;
}

.loading .flex-viewport {
    max-height: auto;
}

.carousel li {
    margin-right: 5px;
}

.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 45px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(255, 255, 255);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: "\f001";
    color: rgba(255, 255, 255);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a.flex-next:before {
    content: "\f002";
}

.flex-direction-nav .flex-prev {
    left: -50px;
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: "\f004";
}

.flex-pauseplay a:hover {
    opacity: 1;
}

.flex-pauseplay a .flex-play:before {
    content: "\f003";
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
    display: none;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0.7;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

.captionContainer {
    float: left;
    width: 435px;
    margin: 10px 30px 0 0;
    padding-left: 70px;
    padding-top: 20px;
}

.noTitle {
	padding: 0;
	background: none;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/

@media only screen and (max-width: 768px) {
	
	.wpsl-search {
		margin-bottom: 30px !important;
		background: #f3e1bb !important;
		border-radius: 15px !important;
		padding: 15px 30px 15px 30px !important;
}
	
    header nav {
        margin: 0;
        padding: 0;
        position: absolute;
        width: 100%;
        left: 0px;
        top: 50px;
        z-index: 99999;
    }
    header nav ul {
        margin: 0;
        width: 100%;
        padding: 20px;
        list-style-type: none;
        display: none;
        background: #F3EFDA;
        box-sizing: border-box;
        border-top: 3px solid #CA9953;
        border-bottom: 3px solid #CA9953;
        text-align: left;
    }
    header nav ul li {
        float:none;
        padding: 0;
        margin: 0;
    }
    header nav ul ul {
        display:block;
        position: relative;
        z-index: 99999;
        background: none;
        color: #3D2510;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 18px;
        visibility: visible;
        width: 100%;
        margin: 0px;
        border-top: none;
        border-bottom: none;
        top:0px;
    }

    header nav ul ul li {
        float: none;
        display: block;
    }

    header nav ul ul a:hover {
        display: block;
        color: #D31145;
    }

    header nav ul li:hover>ul {
        display: block;
        color: #D31145;
    }

    header nav li {
        position: relative;
    }

    .captionContainer {
        float: none;
        width: auto;
        margin: 0;
        padding: 20px;
        text-align: center;
    }

    .flexslider .slides img {
        float: none;
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    .flex-direction-nav .flex-prev {
        left: 10px;
    }

    .flex-direction-nav .flex-next {
        right: 10px;
    }

    .flexslider .slides>li.flex-background1 {
        display: block;
        /*-webkit-backface-visibility: hidden;*/
        background-image: url("./images/homepage/slide1.jpg");
        height: auto;
    }

    .flexslider .slides>li.flex-background2 {
        display: block;
        /*-webkit-backface-visibility: hidden;*/
        background-image: url("./images/homepage/slide2.jpg");
        height: auto;
    }

    .flexslider .slides>li.flex-background3 {
        display: block;
        /*-webkit-backface-visibility: hidden;*/
        background-image: url("./images/homepage/slide3.jpg");
        height: auto;
    }

    .flexslider .slides>li.flex-background4 {
        display: block;
        /*-webkit-backface-visibility: hidden;*/
        background-image: url("./images/homepage/slide4.jpg");
        height: auto;
    }
	
	.woocommerce .upsells ul.products li.product, .woocommerce-page .upsells ul.products li.product, .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product {
  		margin: 0 0 10px 0;
	}
	
	.topTanFeatureShop {
    	background: #f3e1bb;
    	border-radius: 15px;
   	 	padding: 25px 30px 10px 30px;
   	 	margin: 0 0 10px 0;
	}
	
	.woocommerce .quantity .qty {
  		height: auto !important;
  		float: right !important;
  		margin-bottom: 10px;
  		padding: 0 !important;
	}
	
	.woocommerce table.shop_table td.product-subtotal {
  		border-bottom: 1px solid rgba(0,0,0,.1) !important;
	}
	
	.woocommerce table.shop_table td {
  		border-top: 0 !important;
	}
	
	.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
  		background-color: #f9f7eb;
	}
	
/*12.17.24*/	
	.sheenWidth {
		width:100%;
		height:auto;
	}
	.productChangeCol1 {
		width:100px !important;
		float:none;
		margin: 0 auto 20px auto !important;
}
	.productChangeCol2 {
		width:auto !important;
		float:none;
		margin: 0 auto 20px auto !important;
	}
	.productChangeCol3 {
		width:100px !important;
		float:none;
		margin: 0 auto 20px auto !important;
	}
	.productReqIcon {
		width: 70px;
		float: none;
		margin: 0 auto 10px auto;
		padding:0;
	}
	.productReqDetails {
		float: none;
		width: auto;
		padding:0;
		margin: 0 auto 30px auto;
	}
	.productReqDetails p {
		font-family: "Port Lligat Sans", sans-serif;
		color: #666;
		font-size: 20px;
		line-height: 24px;
		text-align:center;
	}
	.coats_finish1 {
	width: auto;
	}
	.coats_finish2 {
		width:auto;
	}
	.coats_finish3 {
		width:auto;
	}
	.coats_finish4 {
		width:auto;
	}
	.coats_urethane {
		width:auto;
	}
	.coat1 {
		width: auto;
		float: none;
		margin: 0 auto!important;
		background: #f9f7eb !important;
	}
	.coatPlus {
		width: auto;
		float: none;
		padding-top: 0;
		margin: 0 auto!important;
	}
	.coat2_1prod, .coat2_2prod, .coat2_3prod, .coat2_4prod {
		width: auto;
		float: none;
		margin: 0 auto 30px auto!important;
		background: #f9f7eb !important;
	}
	.coat2_single {
		width:auto;
		float:none;
	}
	.coat2_or {
		width:auto;
		float:none;
		padding:0;
	}
}

@media only screen and (max-width: 480px) {
	
	.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count, .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
  		float: none !important;
	}

    .captionContainer {
        float: none;
        width: auto;
        margin: 0;
        padding: 20px;
        text-align: center;
    }

    .flexslider .slides img {
        float: none;
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    .flex-direction-nav .flex-prev {
        display: none;
    }

    .flex-direction-nav .flex-next {
        display: none;
    }

    .flexslider .slides>li.flex-background1 {
        display: block;
        /*-webkit-backface-visibility: hidden;*/
        background-image: url("./images/homepage/slide1.jpg");
        height: auto;
    }

    .flexslider .slides>li.flex-background2 {
        display: block;
        /*-webkit-backface-visibility: hidden;*/
        background-image: url("./images/homepage/slide2.jpg");
        height: auto;
    }

    .flexslider .slides>li.flex-background3 {
        display: block;
        /*-webkit-backface-visibility: hidden;*/
        background-image: url("./images/homepage/slide3.jpg");
        height: auto;
    }

    .flexslider .slides>li.flex-background4 {
        display: block;
        /*-webkit-backface-visibility: hidden;*/
        background-image: url("./images/homepage/slide4.jpg");
        height: auto;
    }
	
}

/* Mobile Styles */

@media only screen and (max-width: 800px) {
    .tableSub p.tableSubHead {
        background: #f5d59e;
        padding: 10px;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        height: 40px;
    }
}

/*@media only screen and (min-width: 768px) and (max-width: 1000px) {

    .container {
        width: 100%;
        margin: 0 auto;
        padding: 0 30px 30px 30px;
        box-sizing:border-box;
    }

}*/

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .productCategoryFlags {
        margin-left: 7px;
        width: 100%;
    }

    .accessoryCheckContainer {
        width: 45%;
    }

    .distributor {
        display: none;
    }

    .askQuestionLeftCol,
    .askQuestionRightCol {
        float: none;
        margin: 0px auto;
    }

    img,
    img.fullwidth {
        max-width: 100% !important;
        margin-left: 0px;
		height:auto;
    }

    .headerContainer {
        height: auto;
    }

    .bkgrd_top {
        background: url(./images/header_bkgrd.png) 0 130px;
        background-repeat: repeat-x;
    }
	
	 .bkgrd_top_alert {
        background: url(./images/header_bkgrd_alert.png) 0 130px;
        background-repeat: repeat-x;
    }

    .headerTop {
        width: 100%;
        max-width: 768px;
        min-width: 480px;
        padding: 20px 0 0 0;
        background: #f3f0df;
    }

    .logo {
        float: none;
        width: 245px;
        height: 115px;
        margin: 5px auto 15px auto;
    }

    .container {
        width: 100%;
        margin: 60px auto 0 auto;
        padding: 0 0 20px 0;
        box-sizing: border-box;
    }
	
	.containerShopTop {
        width: 100%;
        margin: 60px auto 0 auto;
        padding: 0;
        box-sizing: border-box;
    }
	
	.containerShopBottom {
        width: 100%;
        margin: 0 auto 0 auto;
        padding: 0 0 20px 0;
        box-sizing: border-box;
    }

    .slider {
        height: auto;
        margin: 0;
        padding: 0 20px;
    }

    .headerRight {
        width: 400px;
        float: none;
        margin: 0 auto;
    }

    .social {
        display: none;
    }

    .phone {
        margin: 0 auto;
    	text-align: center;
    	width: 210px;
    	float: none;
    	padding: 0;
    }
	
	.cart {
        float: none;
        width: 135px;
        margin: 0 auto;
    }

    .support {
        margin: 0 10px 20px 10px;
    }

    .homeCallouts {
        margin: 0 10px;
        padding: 0 10px;
    }

    .homeCallouts img {
        max-width: 100%;
        width: auto;
        height: auto;
    }

    .homeCallouts ul {
        margin: 0 auto;
        width: 405px;
        text-align: center;
    }

    .homeCallouts ul li {
        width: 125px;
        margin-bottom: 10px;
    }

    .homeCallouts ul li a {
        width: 125px;
    }

    .homeEvents {
        margin: 20px;
        width: auto;
    }

    .content {
        padding: 20px 10px;
        margin: 0 20px;
    }
	
    .contentShopTop {
        padding: 20px 10px;
        margin: 0 20px;
    }
	
    .contentShopBottom {
        padding: 0 10px;
        margin: 0 20px;
    }

    .homeCol {
        width: 35%;
        padding: 0 30px;
        float: left;
        border-right: 0;
        text-align: center;
        margin: 0 0 30px 0;
        height: 500px;
    }

    .home2Col {
        width: 36%;
        padding: 0 30px;
        float: left;
        border-right: 0;
        text-align: center;
        margin: 0 0 30px 0;
        height: auto;
    }

    .homeColFirst {
        padding-left: 30px;
    }

    .homeColLast {
        padding-right: 30px;
    }

    .homeCol img,
    .home2Col img {
        width: auto;
        height: auto;
    }

    .homeProjectTypes {
        margin: 20px auto;
        width: 370px;
    }

    .homeProjectTypes .project {
        float: left;
        width: 175px;
        margin: 0 10px 10px 0;
    }

    .second {
        background-image: none;
    }

    .featuredSide {
        display: none;
    }

    .twoColLeft {
        box-sizing: border-box;
        width: 100%;
        margin-right: 0px;
        float: none;
    }

    .twoColRight {
        box-sizing: border-box;
        width: 100%;
        margin-right: 0px;
        float: none;
    }

    .oneThird,
    .oneThirdVideo,
    .twoThirds,
    .oneFourth,
    .threeFourths,
    .oneFifth,
    .fourFifths {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .firstRow {
        margin-top: 40px;
    }

    .firstRow2 {
        margin-top: 0px;
    }

    .oneThirdLast,
    .twoThirdsLast,
    .oneFourthLast,
    .threeFourthsLast {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .leftContent {
        text-align: center;
        margin-bottom: 20px;
    }

    .centerContent {
        text-align: center;
        margin-bottom: 20px;
    }

    .rightContent {
        text-align: center;
        margin-bottom: 20px;
    }

    .centerLeftContent,
    a.centerLeftContent {
        margin: 30px auto;
    }

    .centerRightContent,
    a.centerRightContent {
        margin: 30px auto;
    }

    .leftCol {
        float: none;
        margin: 0 0 20px 0;
        width: 100%;
        padding: 0;
    }

    .singleColumn>.leftCol {
        display: none;
    }

    .doubleCol {
        float: none;
        margin: 0 0 20px 0;
        width: 100%;
        padding: 0;
    }

    .middleCol {
        float: none;
        margin: 0 0 20px 0;
        width: 100%;
        padding: 0;
    }

    .middleCol p.headerImg img {
        width: auto;
    }

    .rightCol {
        float: none;
        margin: 0;
        width: 100%;
        padding: 0;
    }

    .sideItem {
        margin: 0 15px 20px 0;
        float: left;
        width: 120px;
    }

    .leftCol .sideItem {
        margin: 0 0 20px 0;
        float: none;
        width: 100%;
    }

    .rightCol .sideItem {
        margin: 0 15px 20px 0;
        float: left;
        width: 120px;
        min-height: 230px;
    }

    .featured {
        padding: 10px;
    }

    .productLeft {
        float: left;
        width: 140px;
        margin: 0 20px 30px 0;
    }

    .productRight {
        float: left;
        width: 60%;
        width: 300px;
    }

    .productRight p input {
        margin-bottom: 15px;
    }

    .purchaseAsst img {
        width: auto;
    }

    h5.mobile {
        display: block;
    }

    ul.shadetabs {
        display: none;
    }

    .tabContainer {
        padding: 10px;
    }

    .tabcontent {
        display: block !important;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #f9f7eb;
    }

    .empty {
        display: none !important;
    }

    .footer {
        margin: 0 auto;
        width: 100%;
        padding: 10px 0;
    }

    .footer .social {
        float: none;
        width: 170px;
        margin: 0 auto;
        padding-left: 0;
        display: block;
    }

    .footer p {
        padding: 0 20px;
        text-align: center;
    }

    .footerLinks ul {
        margin: 0;
        padding: 0 0 0 20px;
        list-style: none;
    }

    .footerLogo {
        margin-top: 10px;
        padding: 20px 0 0 0;
        float: none;
        margin: 10px auto 0 auto;
        text-align: center;
        clear: left;
    }

    header nav ul,
    ul.sectionNav {
        display: none;
    }

    /* ######### Style for Mobile Drop Down Menu ######### */

    .dropmenudiv {
        position: relative;
        color: #3d2510;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 18px;
        background: none;
        visibility: visible;
        width: 100%;
        margin: 5px 15px 20px 15px;
    }

    .dropmenudiv a {
        width: auto;
        display: block;
        text-indent: 3px;
        padding: 5px;
        text-decoration: none;
        font-weight: bold;
        color: #3d2510;
    }

    .dropmenudiv a:hover {
        /*THEME CHANGE HERE*/
        color: #d31145;
    }

    .mobileNavLink {
        position: absolute;
        top: -5px;
        right: 30px;
        width: 26px;
        height: 14px;
        cursor: pointer;
        display: inline;
        font-size: 40px;
    }

    .mobileNav {
        position: absolute;
        z-index: 500;
        top: 50px;
        left: 0px;
        width: 100%;
        margin: 0;
    }

    .mobileNav ul {
        margin: 0;
        padding: 20px;
        list-style-type: none;
        display: block;
        background: #f3efda;
        box-sizing: border-box;
        border-top: 3px solid #ca9953;
        border-bottom: 3px solid #ca9953;
        text-align: left;
    }

    .mobileNav ul li {
        width: 100%;
        height: 30px;
        background: none;
        box-sizing: border-box;
        margin: 0px;
        text-align: left;
        display: block;
        padding: 0;
        margin: 0;
    }

    .mobileNav ul li.alt {
        background: none;
    }

    .mobileNav ul li :hover {
        background-color: none;
        text-decoration: none;
    }

    .mobileNav ul li a {
        display: block;
        padding: 5px 0;
        color: #3d2510;
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        background: none;
        font-family: "Arial", sans-serif;
        font-weight: bold;
        border-left: 0;
    }

    .mobileNav ul li a:hover {
        color: #d31145;
    }

    .mobileNavLinkSide {
        cursor: pointer;
        display: none;
        border: 0;
        background: #ca9659;
        border-radius: 10px;
        display: block;
        width: 100%;
        height: 35px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        line-height: 35px;
        padding: 0;
        font-family: "Port Lligat Sans", sans-serif;
        margin: 0 auto;
        font-weight: normal;
    }

    .mobileNavSide {
        position: relative;
        z-index: 500;
        top: 0px;
        left: 0px;
        width: 100%;
        margin: 0;
    }

    .mobileNavSide ul {
        margin: 0 20px;
        padding: 20px 0;
        list-style-type: none;
        display: block;
        background: #fff;
        box-sizing: border-box;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
        border: 1px solid #3d2510;
        text-align: center;
    }

    .mobileNavSide ul li {
        width: 100%;
        height: 30px;
        background: none;
        box-sizing: border-box;
        margin: 0px;
        text-align: center;
        display: block;
        padding: 0;
        margin: 0;
    }

    .mobileNavSide ul li.alt {
        background: none;
    }

    .mobileNavSide ul li :hover {
        background-color: none;
        text-decoration: none;
    }

    .mobileNavSide ul li a {
        display: block;
        padding: 5px 0;
        color: #3d2510;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        background: none;
        font-family: "Arial", sans-serif;
        font-weight: bold;
        border-left: 0;
    }

    .mobileNavSide ul li a:hover {
        color: #d31145;
    }

    .mobileNavSide ul li ul {
        display: none;
    }

    .landBenefits {
        float: none;
        width: auto;
        margin: 0;
    }

    .landBenefitsLeft {
        margin: 0;
    }

    .landProductContainer {
        width: 350px;
        margin: 0 auto;
    }

    .wForm .askQuestionBox {
        width: 100%;
        box-sizing: border-box;
    }

    .projectTypeContainer {
        margin-right: 0px;
        margin-bottom: 20px;
        padding: 15px 110px 15px 120px;
    }

    .titleBanner {
        font-size: 16px;
    }

    .titleBannerHome {
        background-color: #e52337;
        font-weight: normal;
        color: #fff;
        text-transform: uppercase;
        font-size: 22px;
        font-family: "Port Lligat Sans", sans-serif;
        text-align: center;
        position: relative;
        width: auto;
        height: auto;
        line-height: 28px;
        margin: 10px 0 30px 0;
        padding: 10px 15px;
    }

    .titleBannerHome:after {
        display: none;
    }

    .titleBannerHome:before {
        display: none;
    }

    .featuredContent {
        width: 100%;
    }

    .guideCard {
        font-family: "Port Lligat Sans", sans-serif;
        color: #3d2510;
        box-sizing: border-box;
        width: auto;
        float: none;
        background-color: #f3e1bb;
        padding: 15px 20px;
        border-radius: 20px;
        height: auto;
        margin: 0 0 20px 0;
    }

    .guideCardSelected {
        background-color: #3a2512 !important;
        color: #f1d5a1;
    }

    .guideCardSelected .guideCardDesc {
        color: #cbc2b5;
    }

    .guideCardLast {
        width: auto;
        background-color: #cbc2b5;
        margin: 0 0 20px 0;
    }

    .topicButton a {
        font-family: "Port Lligat Sans", sans-serif;
        font-size: 18px;
        font-weight: normal;
        text-align: center;
        color: #3a2512;
        background-color: #f1d5a1;
        box-sizing: border-box;
        width: auto;
        height: auto;
        float: none;
        border-radius: 15px;
        padding: 20px 20px;
        margin: 0 auto 20px auto;
        cursor: pointer;
        color: #3a2512;
        display: block;
    }

    .topicButtonSelected a {
        background-color: #3a2512;
        color: #f1d5a1;
    }

    .centerText {
        text-align: center;
        margin: 0 30px;
        font-size: 18px;
        line-height: 28px;
    }

    .quiz-button {
        font-size: 18px;
    }

    .quiz-button-desc {
        font-size: 16px;
    }

    .size260 {
        float: none;
        margin: 0 auto 20px auto;
        width: 260px;
    }

    .size190 {
        float: none;
        margin: 0 auto 20px auto;
        width: 190px;
    }
	
	.size400, .size590 {
    	float: none;
        margin: 0 auto 20px auto;
		width: auto;
	}
	.size190Centered {
		width:auto;
		margin: 0 auto;
		}

    img.sheen {
        width: 100%;
    }

    /*June 2020 */

    .left150 {
        width: 150px;
        float: none;
        margin: 0 auto 20px auto;
        text-align: center;
    }

    .middle540 {
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
    }

    .right150 {
        width: 150px;
        float: none;
        margin: 0 auto 20px auto;
    }

    /* June 2020 Projects Pages */

    .productOption3,
    .productOption4,
    .productOption5,
    .productOption6,
    .productOption7,
    .productOption8 {
        width: auto;

        margin: 0 auto;
    }

    .pinterest {
        /*width:620px;*/

        margin: 0 auto;
    }

    .noticeLeftHalf,
    .noticeRightHalf {
        width: 100%;
    }
	
/* Product Name and Label Updates */
	
.size245, .size245First {
	width:100% !important;
	float:none !important;
}

.size100, .size100First {
	width:100px !important;
	margin-bottom:0 !important;
}

.size50, .size50First {
	width:50px !important;
	margin-bottom:0 !important;
}

.size245Last {
	width:100% !important;
	float:none !important;
	clear:left !important;
}
	
.size30 {
	width: 30px !important;
	margin-right: 10px !important;
}
	
.size380 {
	width: 90% !important;
}	
	
	
}

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

/*WooCommerce Styling */

table.wc-product-table.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child {
	padding-left: 0 !important;
}

table.wc-product-table.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
	display: none !important;
}

table.dataTable tbody td.col-image {
  width: 100% !important;
  display: block !important;
}

table.dataTable tbody td {
  width: 100% !important;
  box-sizing: border-box !important;
  border-bottom: 0 !important;
  padding: 0 0 10px 0 !important;
}

table.dataTable tbody td.col-Product {
  display: block !important;
}

.wc-product-table .col-add-to-cart {
  display: block !important;
  border-bottom: 1px solid #ddd !important;
}

table.dataTable thead th, table.dataTable tfoot th {
  display: block !important;
}

.wc-product-table th.bulkOrderCart {
  display: none !important;
}

.bulkOrderCart .swatch {
  margin: 5px 10px 15px 0 !important;
}

.wc-product-table-wrapper .cart.variations_form .tawcvs-swatches .swatch:first-child {
 margin-left:4px !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child {
  display:none !important;		
}

table.dataTable thead th.col-image, table.dataTable thead th.col-Product {
  display: none !important;
}
	
table.dataTable tbody td.wc-product-table-title {
	width: auto !important;
	border-bottom: 1px solid #DDD !important;
    padding: 10px !important;
}

table.dataTable tbody td.wc-product-table-price {
	width: auto !important;
	border-bottom: 1px solid #DDD !important;
    padding: 10px !important;
}

table.dataTable tbody td.wc-product-table-cart {
	width: auto !important;
    display: table-cell !important;
	border-bottom: 1px solid #DDD !important;
    padding: 10px !important;
}	
}

@media only screen and (min-width: 480px) and (max-width: 640px) {
    .productthumb {
        max-width: 150px !important;
        display: block !important;
        margin: 0 auto 15px auto !important;
    }

    .productCategoryFlags {
        margin-left: 7px;
        width: 100%;
    }

    .accessoryCheckContainer {
        width: 100%;
    }

    .quiz-button {
        font-size: 14px;
    }

    .quiz-button-desc {
        font-size: 14px;
    }

    .quiz-input {
        font-size: 16px;
    }

    .noticeLeftHalf,
    .noticeRightHalf {
        width: 100%;
    }
	
	.gform_wrapper.gravity-theme .col9 {
  		grid-column: span 12 !important;
	}

	.gform_wrapper.gravity-theme .col3 {
  		grid-column: span 12 !important;
	}
}

@media only screen and (max-width: 480px) {
    .productthumb {
        max-width: 150px !important;
        display: block !important;
        margin: 0 auto 15px auto !important;
    }

    .productCategoryFlags {
        margin-left: 7px;
        width: 100%;
    }

    .accessoryCheckContainer {
        width: 100%;
    }

    .distributor {
        display: none;
    }

    .askQuestionLeftCol,
    .askQuestionRightCol {
        float: none;
        margin: 0px auto;
    }

    a.topTanButton {
        text-transform: none;
        width: 260px;
        margin: 0 auto;
    }

    img,
    img.fullwidth {
        max-width: 100% !important;
        margin-left: 0px;
		height:auto;
    }

    h1.flex-caption,
    p.flex-caption {
        font-size: 60px;
        line-height: 55px;
        color: #e7dcbc;
        margin: 0 10px 20px 10px;
    }

    .headerContainer {
        height: auto;
    }

    .bkgrd_top {
        background: url('./images/header_bkgrd.png') 0 130px;
        background-repeat: repeat-x;
    }

    .headerTop {
        width: 100%;
        max-width: 480px;
        min-width: 320px;
        padding: 20px 0 0 0;
        margin: 0;
        background: #f3f0df;
    }

    .headerRight .social {
        display: none;
    }

    .headerRight {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .phone {
        width: 210px;
   	    margin: 0 auto;
        padding: 0;
        float: none;
    }

    .cart {
        float: none;
        width: 135px;
        margin: 0 auto;
    }

    .cartItems {
        width: 100px;
    }

    input.search {
        width: 100px;
    }

    input[type="search"] {
        appearance: searchfield;
        box-sizing: border-box;
        height: 30px;
        border: 1px solid #ccc;
        background: #fff;
        float: left;
        width: 165px;
        margin: 0 5px 0 0;
        padding: 5px;
        color: #999;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
    }
	
	 .extraMenu {
    	float: none;
   		width: 430px;
    	margin: 0 auto;
    	padding: 20px 0 0 0;
    }

    .logo {
        float: none;
        width: 245px;
        height: 115px;
        margin: 5px auto 15px auto;
    }

    .container {
        width: 100%;
        max-width: 480px;
        min-width: 320px;
        margin: 60px auto 0 auto;
        padding: 0 0 20px 0;
        box-sizing: border-box;
    }
	
	.containerShopTop {
        width: 100%;
        max-width: 480px;
        min-width: 320px;
        margin: 60px auto 0 auto;
        padding: 0;
        box-sizing: border-box;
    }
	
	.containerShopBottom {
        width: 100%;
        max-width: 480px;
        min-width: 320px;
        margin: 0 auto 0 auto;
        padding: 0 0 20px 0;
        box-sizing: border-box;
    }

    .slider {
        height: auto;
        margin: 0;
        padding: 0 20px;
    }

    .support {
        margin: 0 10px 20px 10px;
    }

    .homeCallouts {
        margin: 0 10px;
        padding: 0 10px;
    }

    .homeCallouts img {
        max-width: 100%;
        width: auto;
        height: auto;
    }

    .homeCallouts p {
        display: block;
    }

    .homeCallouts ul {
        padding: 0;
    }

    .homeCallouts ul li {
        float: none;
        width: 100%;
        margin: 0 0 10px 0;
        display: block;
    }

    .homeCallouts ul li a {
        border: 0;
        background: #ca9659;
        border-radius: 10px;
        display: block;
        width: 100%;
        height: 35px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        line-height: 35px;
        padding: 0;
        font-family: "Port Lligat Sans", sans-serif;
        margin: 0 auto;
        font-weight: normal;
    }

    .homeCallouts ul li a:hover {
        color: #3d2510;
        text-decoration: none;
    }

    .homeCol,
    .home2Col {
        width: auto;
        padding: 0 10px 10px 10px;
        float: none;
        border-right: 0;
        text-align: left;
        border-bottom: 1px dotted #ccc;
        min-height: 120px;
        height: auto;
    }

    .homeColFirst {
        padding-left: 10px;
    }

    .homeColLast {
        padding-right: 10px;
        border-right: 0;
    }

    .description {
        display: none;
    }

    .homeCol h2,
    .home2Col h2 {
        float: right;
        width: 170px;
        margin: 0 20px 0 0;
        position: absolute;
        top: 0px;
        left: 120px;
        font-size: 25px;
        line-height: 30px;
    }

    h2 .small {
        font-size: 15px;
    }

    .homeCol img,
    .home2Col img {
        float: left;
        width: 100px;
        height: auto;
    }

    .homeCol,
    .home2Col {
        position: relative;
    }

    .homeCol p a.btn,
    .home2Col p a.btn {
        position: absolute;
        top: 50%;
        left: 120px;
    }

    .content {
        padding: 10px;
        margin: 0 20px;
    }
	
    .contentShopTop {
        padding: 20px 10px;
        margin: 0 20px;
    }
	
    .contentShopBottom {
        padding: 0 10px;
        margin: 0 20px;
    }

    .homeProjectTypes {
        margin: 20px auto;
        width: auto;
    }

    .homeProjectTypes .project {
        float: none;
        width: 175px;
        margin: 0 auto 20px auto;
    }

    .homeEvents {
        display: none;
    }

    .homeEventsMobile {
        margin: 20px;
        display: block;
        width: auto;
    }

    .second {
        background-image: none;
    }

    .featuredSide {
        display: block;
    }

    .twoColLeft {
        box-sizing: border-box;
        width: 100%;
        margin-right: 0px;
        float: none;
    }

    .twoColRight {
        box-sizing: border-box;
        width: 100%;
        margin-right: 0px;
        float: none;
    }

    .leftCol {
        float: none;
        margin: 0 0 20px 0;
        width: 100%;
        padding: 0;
    }

    .singleColumn>.leftCol {
        display: none;
    }

    .oneThird,
    .oneThirdVideo {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .firstRow {
        margin-top: 40px;
    }

    .firstRow2 {
        margin-top: 0px;
    }

    .oneThirdLast {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .leftContent {
        text-align: center;
        margin-bottom: 20px;
    }

    .centerContent {
        text-align: center;
        margin-bottom: 20px;
    }

    .rightContent {
        text-align: center;
        margin-bottom: 20px;
    }

    .centerLeftContent,
    a.centerLeftContent {
        margin: 30px auto;
    }

    .centerRightContent,
    a.centerRightContent {
        margin: 30px auto;
    }

    .doubleCol {
        float: none;
        margin: 0 0 20px 0;
        width: 100%;
        padding: 0;
    }

    .middleCol {
        float: none;
        margin: 0 0 20px 0;
        width: 100%;
        padding: 0;
    }

    .rightCol {
        float: none;
        margin: 0;
        width: 100%;
        padding: 0;
    }

    .featured {
        padding: 10px;
    }

    .sideItem {
        margin: 0 15px 20px 0;
        float: left;
        width: 120px;
    }

    .leftCol .sideItem {
        margin: 0 0 20px 0;
        float: none;
        width: 100%;
    }

    .rightCol .sideItem {
        margin: 0 15px 20px 0;
        float: left;
        width: 120px;
        min-height: 230px;
    }

    .productLeft {
        float: none;
        width: 140px;
        margin: 0 auto 30px auto;
    }

    .productRight {
        float: left;
        width: 60%;
        width: 300px;
    }

    .productRight p input {
        margin-bottom: 15px;
    }

    .purchaseAsst {
        display: none;
    }

    .purchaseAsstMobile {
        margin: 0 0 30px 0;
        display: block;
    }

    h5.mobile {
        display: block;
    }

    .tableItem {
        margin: 0 0 40px 0;
    }

    .tableSub {
        float: none;
        margin: 0;
        width: 100%;
    }

    .tableSub p.tableSubHead {
        background: none;
        padding: 10px 10px 0 10px;
        margin: 0;
        height: inherit;
    }

    .tableSub p.familyHead {
        background: #f5d59e !important;
        padding: 10px 10px 0 10px;
    }

    .tableSub p.family {
        background: #f5d59e !important;
        padding: 0 10px 10px 10px;
    }

    .mobileHide {
        display: none;
    }

    .mobileShow {
        display: block;
    }

    .tableSub {
        width: 100% !important;
    }

    ul.shadetabs {
        display: none;
    }

    .tabContainer {
        padding: 10px;
    }

    .tabcontent {
        display: block !important;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #f9f7eb;
    }

    .empty {
        display: none !important;
    }

    .footer {
        margin: 0 auto;
        width: 100%;
        padding: 10px 0;
    }

    .footer .social {
        float: none;
        width: 170px;
        margin: 0 auto;
        padding-left: 0;
        display: block;
    }

    .footer p {
        padding: 0 20px;
        text-align: center;
    }

    .footerLinks ul {
        margin: 0;
        padding: 0 0 0 20px;
        list-style: none;
    }

    .footerLogo {
        margin-top: 10px;
        padding: 20px 0 0 0;
        float: none;
        margin: 10px auto 0 auto;
        text-align: center;
        clear: left;
    }

    .nav {
        margin: 0;
        padding: 25px 0 0 0;
    }

    .nav ul,
    ul.sectionNav {
        display: none;
    }

    .mobileNavLink {
        position: absolute;
        top: -5px;
        right: 30px;
        width: 26px;
        height: 14px;
        cursor: pointer;
        display: inline;
        font-size: 40px;
    }

    .mobileNav {
        position: absolute;
        z-index: 500;
        top: 50px;
        left: 0px;
        width: 100%;
        margin: 0;
    }

    .mobileNav ul {
        display: none;
        margin: 0;
        padding: 20px;
        list-style-type: none;
        display: block;
        background: #f3efda;
        box-sizing: border-box;
        border-top: 3px solid #ca9953;
        border-bottom: 3px solid #ca9953;
        text-align: left;
    }

    .mobileNav ul li {
        width: 100%;
        height: 30px;
        background: none;
        box-sizing: border-box;
        margin: 0px;
        text-align: left;
        display: block;
        padding: 0;
        margin: 0;
    }

    .mobileNav ul li.alt {
        background: none;
    }

    .mobileNav ul li :hover {
        background-color: none;
        text-decoration: none;
    }

    .mobileNav ul li a {
        display: block;
        padding: 5px 0;
        color: #3d2510;
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        background: none;
        font-family: "Arial", sans-serif;
        font-weight: bold;
        border-left: 0;
    }

    .mobileNav ul li a:hover {
        color: #d31145;
    }

    .mobileNavLinkSide {
        cursor: pointer;
        display: none;
        border: 0;
        background: #ca9659;
        border-radius: 10px;
        display: block;
        width: 100%;
        height: 35px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        line-height: 35px;
        padding: 0;
        font-family: "Port Lligat Sans", sans-serif;
        margin: 0 auto;
        font-weight: normal;
    }

    /* ######### Style for Mobile Drop Down Menu ######### */

    .dropmenudiv {
        position: relative;
        color: #3d2510;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 18px;
        background: none;
        visibility: visible;
        width: 100%;
        margin: 5px 15px 20px 15px;
    }

    .dropmenudiv a {
        width: auto;
        display: block;
        text-indent: 3px;
        padding: 5px;
        text-decoration: none;
        font-weight: bold;
        color: #3d2510;
    }

    .dropmenudiv a:hover {
        /*THEME CHANGE HERE*/
        color: #d31145;
    }

    .mobileNavSide {
        position: relative;
        z-index: 500;
        top: 0px;
        left: 0px;
        width: 100%;
        margin: 0;
    }

    .mobileNavSide ul {
        margin: 0 20px;
        padding: 20px 0;
        list-style-type: none;
        display: block;
        background: #fff;
        box-sizing: border-box;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
        border: 1px solid #3d2510;
        text-align: center;
    }

    .mobileNavSide ul li {
        width: 100%;
        height: 30px;
        background: none;
        box-sizing: border-box;
        margin: 0px;
        text-align: center;
        display: block;
        padding: 0;
        margin: 0;
    }

    .mobileNavSide ul li.alt {
        background: none;
    }

    .mobileNavSide ul li :hover {
        background-color: none;
        text-decoration: none;
    }

    .mobileNavSide ul li a {
        display: block;
        padding: 5px 0;
        color: #3d2510;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        background: none;
        font-family: "Arial", sans-serif;
        font-weight: bold;
        border-left: 0;
    }

    .mobileNavSide ul li a:hover {
        color: #d31145;
    }

    .mobileNavSide ul li ul {
        display: none;
    }

    .projectTypeContainer {
        float: left;
        width: 230px;
        margin-bottom: 10px;
        padding: 15px;
    }

    .projectTypeList {
        width: 230px;
    }

    .searchContainer {
        padding: 15px;
    }

    .searchContainer .search {
        width: 182px;
    }

    .landBenefits {
        float: none;
        width: auto;
        margin: 0;
    }

    .landBenefitsLeft {
        margin: 0;
    }

    .landTopLeft {
        padding: 0 0 20px 0;
        border-bottom: 1px solid #ccc;
        margin: 0 auto 20px auto;
        width: 120px;
    }

    .landCol {
        float: none;
        width: auto;
        margin: 0 auto 30px auto;
        text-align: center;
    }

    .landProductContainer {
        width: 175px;
        margin: 0 auto;
    }

    .wForm .askQuestionBox {
        width: 100%;
        box-sizing: border-box;
    }

    .titleBanner {
        background-color: #999;
        font-weight: normal;
        color: #fff;
        text-transform: uppercase;
        font-family: "Port Lligat Sans", sans-serif;
        text-align: center;
        position: relative;
        width: auto;
        height: auto;
        line-height: 28px;
        margin: 10px 0 30px 0;
        padding: 10px 15px;
    }

    .titleBanner:after {
        display: none;
    }

    .titleBanner:before {
        display: none;
    }

    .titleBannerHome {
        background-color: #e52337;
        font-weight: normal;
        color: #fff;
        text-transform: uppercase;
        font-size: 22px;
        font-family: "Port Lligat Sans", sans-serif;
        text-align: center;
        position: relative;
        width: auto;
        height: auto;
        line-height: 28px;
        margin: 0 0 30px 0;
        padding: 10px 15px;
    }

    .titleBannerHome:after {
        display: none;
    }

    .titleBannerHome:before {
        display: none;
    }

    .featuredContent {
        width: 100%;
    }

    .centerText {
        text-align: center;
        margin: 0;
        font-size: 18px;
        line-height: 28px;
    }

    .question-container {
        box-sizing: border-box;
        width: 100%;
        float: none;
    }

    .quiz-button {
        margin-right: 0;
    }

    .twoCol {
        box-sizing: border-box;
        width: auto;
        margin-right: 0;
        float: none;
        margin-bottom: 40px;
    }

    .twoCol h2 {
        text-align: center;
    }

    .quiz-result,
    .quiz-result-alt {
        width: auto;
        float: none;
        text-align: center;
        margin: 0 0 30px 0;
    }

    .quizResultName,
    .quizProductName {
        text-align: center;
    }

    .quiz-button {
        font-size: 24px;
        line-height: 24px;
    }

    .quiz-button-desc {
        font-size: 14px;
    }

    .quiz-input {
        font-size: 16px;
    }

    .calculate-btn,
    .center-btn {
        margin: 30px auto 20px auto;
        float: none;
        width: 155px;
    }

    .guideCard {
        font-family: "Port Lligat Sans", sans-serif;
        color: #3d2510;
        box-sizing: border-box;
        width: auto;
        float: none;
        background-color: #f3e1bb;
        padding: 15px 20px;
        border-radius: 20px;
        height: auto;
        margin: 0 0 20px 0;
    }

    .guideCardSelected {
        background-color: #3a2512 !important;
        color: #f1d5a1;
    }

    .guideCardSelected .guideCardDesc {
        color: #cbc2b5;
    }

    .guideCardLast {
        background-color: #cbc2b5;
        margin-right: 0px;
    }

    .topicButton a {
        font-family: "Port Lligat Sans", sans-serif;
        font-size: 18px;
        font-weight: normal;
        text-align: center;
        color: #3a2512;
        background-color: #f1d5a1;
        box-sizing: border-box;
        width: auto;
        height: auto;
        float: none;
        border-radius: 15px;
        padding: 20px 20px;
        margin: 0 auto 20px auto;
        cursor: pointer;
        display: block;
    }

    .topicButtonSelected a {
        background-color: #3a2512;
        color: #f1d5a1;
    }

    .size260 {
        float: none;
        margin: 0 auto 20px auto;
        width: auto;
    }

    .size190 {
        float: none;
        margin: 0 auto 20px auto;
        width: 190px;
    }
	.size190Centered {
		width:auto;
		margin: 0 auto;
		}
	.size400, .size590 {
    	float: none;
        margin: 0 auto 20px auto;
		width: auto;
	}

    img.sheen {
        width: 100%;
    }

    .grayBanner {
        background: #dbd8cf;
        color: #666;
        text-transform: none;
    }

    /*June 2020 */

    .left150 {
        width: 150px;
        float: none;
        margin: 0 auto 20px auto;
        text-align: center;
    }

    .middle540 {
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
    }

    .right150 {
        width: 150px;
        float: none;
        margin: 0 auto 20px auto;
    }

    .productOverviewAtts {
        width: 100%;
    }

    .productOverviewSheens {
        width: 100%;
    }

    /* June 2020 Projects Pages */

    .productOption3,
    .productOption4,
    .productOption5,
    .productOption6,
    .productOption7,
    .productOption8 {
        width: auto;
        margin: 0 auto;
    }

    .noticeLeftHalf,
    .noticeRightHalf {
        width: 100%;
    }
	
	.gform_wrapper.gravity-theme .col9 {
  		grid-column: span 12 !important;
	}

	.gform_wrapper.gravity-theme .col3 {
  		grid-column: span 12 !important;
	}
	
/* Product Name and Label Updates */
	
	.size245, .size245First {
	width:100% !important;
	float:none !important;
}

.size100, .size100First {
	width:100px !important;
	margin-bottom:0 !important;
}

.size50, .size50First {
	width:50px !important;
	margin-bottom:0 !important;
}

.size245Last {
	width:100% !important;
	float:none !important;
	clear:left !important;
}
	
.size30 {
	width: 30px !important;
	margin-right: 10px !important;
}
	
.size380 {
	width: 90% !important;
}	
}

@media print {
    .tabcontent {
        display: block !important;
    }

    .bkgrd,
    .content, .content, .contentShopTop, .contentShopBottom,
    .singleColumn {
        background: #fff;
        background-image: none;
    }

    .headerContainer {
        background: #fff;
        background-image: none;
    }

    .headerTop {
        width: 100%;
        padding: 20px 0 0 0;
        margin: 0 auto;
    }

    .logo {
        float: none;
        width: 245px;
        height: 115px;
        margin: 0 auto;
    }

    .pinterest {
        /*width:320px;*/
        margin: 0 auto;
    }
}