/* ---------------------------------------------------------------- Michigan Maple Block Quote Tool quotetool.css Author: Ecliptic Designs (Aaron Levith) updated: February 13th, 2023 ---------------------------------------------------------------- */ /* Resets */ #main ul { list-style: none; } .page-template-template-quotetool p { font-size: 14px; } .page-template-template-quotetool div.page-title { display: none; } .quotetool-page .page-title { display: none; } .quotetool-page .wf-container-main { display: block !important; } /* Generic */ .break { flex-basis: 100%; height: 0; padding: 0; margin: 0 } .mobile-view { display: none; } /* QuoteTool Wrappers */ #main.quotetool_container_wrap {padding: 0;} .quotetool_container_wrap .container {width: 100%;} .quotetool_container_wrap .container .content {float: none;padding: 0;width: 100%;} .quotetool_container_wrap .container .content .post-entry {padding-bottom: 10px;} .quotetool-body-container {margin-bottom: 40px;position: relative;} .quotetool-body-container.crating-container {clear: both;float: none;padding: 0 5%;width: 90%;} #main.quotetool_container_wrap .quotetool-nav ul {align-items: center;border-bottom: 2px dotted rgba( 168, 85, 69, 0.7);border-top: 2px dotted rgba( 168, 85, 69, 0.7);display: flex; flex-wrap: wrap; height: 70px;margin: 0;overflow: hidden;padding: 0;position: relative; place-content: center; justify-content: space-around;gap: 10px;} .quotetool_container_wrap .quotetool-nav li.nav-item {color: #bfbfbf;cursor: default;list-style-type: none;margin: 0;min-width: 44px;padding: 0;position: relative;text-align: center;} .quotetool_container_wrap .quotetool-nav li.nav-item a {color: #919191;padding: 24px 0;} .quotetool_container_wrap .quotetool-nav li.nav-item a:hover {text-decoration: none;} .quotetool_container_wrap .quotetool-nav li.current {color: #000;font-weight: bold;} .quotetool_container_wrap .quotetool-nav li.progress-bar {background: #652a19;border-radius: 0 100px 100px 0;bottom: 7px;height: 12px;left: 0;position: absolute;} .page-shape .quotetool-nav li.progress-bar {width: 10%;} .page-dimensions .quotetool-nav li.progress-bar {width: 20%;} .page-thickness .quotetool-nav li.progress-bar {width: 30%;} .page-backsplash .quotetool-nav li.progress-bar {width: 40%;} .page-edge .quotetool-nav li.progress-bar {width: 50%;} .page-cutouts .quotetool-nav li.progress-bar {width: 60%;} .page-corner .quotetool-nav li.progress-bar {width: 70%;} .page-options .quotetool-nav li.progress-bar {width: 80%;} .page-review .quotetool-nav li.progress-bar {width: 90%;} /* QuoteTool Header Page Title */ .quotetool_container_wrap .quotetool-header { position: relative; z-index: 10; } .quotetool_container_wrap .quotetool-title {display: grid;grid-template-columns: 1fr 1fr;padding: 10px 0;} .quotetool_container_wrap .quotetool-title h2 {color: #322a19;font-size: 20px;font-weight: bold;line-height: 50px;margin: 0 0 0 5%;padding: 0;} .quotetool_container_wrap .quotetool-title .guide-link { display: none; } .quotetool_container_wrap .quotetool-title .top-link-container {display: grid;grid-template-columns: 140px 140px;justify-content: end;text-align: right;gap:10px;} .quotetool_container_wrap .quotetool-title .standard-link {position: relative;} .quotetool-wrapper.page-review .quotetool-title .pro-link {display: none;} .quotetool_container_wrap .quotetool-title .pro-link a, .quotetool_container_wrap .quotetool-title .guide-link a, .quotetool_container_wrap .quotetool-title .standard-link a {background: #8a1e04;color: #fff;display: inline-block;font-size: 14px;font-weight: bold;height: 30px;line-height: 30px;padding: 0px;position: relative;} .quotetool_container_wrap .quotetool-title .top-link-container > div { display: flex; justify-content: flex-end; flex-wrap: wrap; } .quotetool_container_wrap .quotetool-title .top-link-container > div a { background: #8a1e04; color: #fff; display: block; font-weight: bold; line-height: 31px; flex-basis: 130px; text-align: center; } .quotetool_container_wrap .quotetool-title .pro-link a:hover, .quotetool_container_wrap .quotetool-title .standard-link a:hover {text-decoration: none;} .quotetool_container_wrap .page-info .quotetool-title .help {display: none;} /* Default Global Styles */ .quotetool_container_wrap .quotetool-body {;} .quotetool_container_wrap .quotetool-intro {margin: 0 0 25px;min-height: 65px;text-align: justify;} .quotetool_container_wrap .required {color: red;} .quoettool_container_wrap .quotetool-body-container {font-size: 14px;} .quotetool_container_wrap input[type=text], .quotetool_container_wrap input[type=number] {line-height: 20px;padding: 2px 7px;z-index: 1000;} .quotetool_container_wrap .price-change {color: #a62201;} .page-wood.quotetool-wrapper form {gap: 0;grid-template-columns: 1fr;} .quotetool-wrapper form {display: grid;gap: 40px;grid-template-columns: 1fr 280px;position: relative; z-index: 5 } .page-review.quotetool-wrapper form {display: grid;gap: 0;grid-template-columns: 1fr;position: relative;} i.fa {cursor: pointer;} .quotetool-body-container i.fa {float: left;position: relative;z-index: 10;} .quotetool_container_wrap .select-title {font-size: 16px;font-weight: bold;margin: 15px;text-align: center;} span.validation-fail {color: red;display: block;font: 12px/1.7em "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;} span.validation-notification {color: blue;display: block;font: 12px/1.7em "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;} input.lamBox + label, input.lamBox {cursor: pointer;} input.lamBox:disabled + label {color: #ccc;cursor: default;} input.lamBox:disabled {cursor: default;} /* My Account Pages*/ .form-row .required {border: none;} label[for=shipping_company] {font-weight: bold;} #shipping_country_field, .col-1.address, .myaccount_address, #shipping_state_field .avia_select_fake_val {display: none;} .col2-set .col-2.address {float: left;} .after_myaccount_container {font-size: 16px;padding: 30px 0 0 0;text-align: center;} /* Question Tool Tip Image */ .quotetool_container_wrap .quotetool-body .quotetool-body-container label.gfield_label i.fa-question-circle {padding: 0 0 0 5px;} /* QuoteTool Page Wood Body */ .page-wood .quotetool-body-container {float: none;width: 100%;} .wood-thumb-container {height: auto;} .wood-thumb-container > ul {display: grid;grid-template-columns: repeat(6, 1fr);justify-items: center;} .wood-thumb-container i.fa {float: left;} .wood-thumb-container label[for=teak] {display: none;} .wood-thumb-container .wood-species {background-color: transparent;background-image: url(../images/wood-species.jpg);background-repeat: no-repeat;cursor: pointer;margin: 0 14px;padding: 82px 0 0;text-align: center;width: 78px;} .wood-thumb-container .wood-species.ash {background-position: -3px -5px;} .wood-thumb-container .wood-species.walnut {background-position: -99px -5px;} .wood-thumb-container .wood-species.cherry {background-position: -196px -5px;} .wood-thumb-container .wood-species.lyptus {background-position: -295px -5px;} .wood-thumb-container .wood-species.maple {background-position: -397px -5px;} .wood-thumb-container .wood-species.oak {background-position: -496px -5px;} .wood-thumb-container .wood-species.teak {background-position: -584px -5px;} .wood-thumb-container .wood-species.selected {font-weight: bold;} .wood-thumb-container .wood-species span {display: block;} .page-wood .wood-large-container {display: none;margin: 25px 22.2% 25px 2.8%;text-align: center;} .page-wood .wood-large-container.selected {display: block;} .page-wood .wood-large-container img.wood-img {display: inline;margin-bottom: 20px;} .page-wood .wood-large-container p {text-align: justify;} /* QuoteTool Page Shape Body */ .quotetool-body-container .shape-container {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;justify-items: center;} .shape-container .opacity-fix {position: relative;max-width: 290px;min-width: 185px;} .shape-container .opacity-fix label {cursor: pointer;} .shape-container .opacity-fix i.fa {position: absolute;top: 20px;right: 20px;} .shape-container .shape {width: 100%;height: 40px;background-repeat: no-repeat;background-color: transparent;text-align: center;padding: 230px 0 0;max-width: 290px;background-image: url(../images/shapes.jpg);} .shape-container .shape.selected {font-weight: bold;} .shape-container .shape.rectangle {background-position: -85px -30px;} .shape-container .shape.l-shape {background-position: -382px -30px;} .shape-container .shape.u-shape {background-position: -89px -300px;} .shape-container .shape.round {background-position: -390px -288px;} .shape-container .shape span {display: block;} /* QuoteTool Page Dimensions Body */ .page-dimensions.quotetool-wrapper .quotetool-body-container {display: grid;grid-template-columns: 1fr 1fr;gap: 50px;} .page-dimensions .quotetool-select-style {position: relative;z-index: 10;} .page-dimensions .quotetool-select-style .select-options {margin: 0 auto;position: relative;display: grid;grid-template-columns: 1fr 1fr;text-align: center;max-width: 350px;} .page-dimensions .quotetool-select-style .joint-style {padding: 7px 30px;font-size: 14px;margin: 0 10px;cursor: pointer;} .page-dimensions .quotetool-select-style .joint-style.selected {color: #fff;background-color: #652a19;} .page-dimensions .quotetool-select-style .butt-choice-container {width: 85px;height: 30px;position: absolute;text-align: center;right: calc(25% - 43px);top: 32px;display: none;} .page-dimensions .quotetool-select-style .butt-style {font-size: 15px;padding: 4px;display: inline-block;border-radius: 70px;width: 20px;cursor: pointer;} .page-dimensions .quotetool-select-style .butt-style.selected {color: #fff;background-color: #652a19;} .page-dimensions .quotetool-select-style .style-input {position: absolute;visibility: hidden;} .page-dimensions .quotetool-select-style .u-shape-joint-style .joint-style-container {;} .page-dimensions .quotetool-select-style .u-shape-joint-style span {padding: 7px 30px;font-size: 14px;margin: 0 7px;cursor: pointer;text-align: center;width: 35%;display: inline-block;min-width: 40px;} .page-dimensions .quotetool-select-style .u-shape-joint-style span.selected {color: #fff;background-color: #652a19;} .quotetool-select-image {width: 350px;position: relative;grid-row: span 2;} .quotetool-select-image.u-shape-imgs {grid-row: span 2;} .quotetool-select-image > div {min-height: 350px;display: none;background-repeat: no-repeat;background-color: transparent;} /* Rectangle */ .page-dimensions .rectangle-imgs > div { background-image: url(../images/dimensions_rectangle.jpg); background-position: -13px -84px; background-size: 389px; } /* Round */ .page-dimensions .round-imgs > div { background-image: url(../images/dimensions_round.jpg); background-position: -14px -10px; } /* L-Shape */ .page-dimensions .l-shape-imgs > div {background-image: url(../images/dimensions_l-shape.jpg);} .page-dimensions .l-shape-imgs .miter-img {background-position: -16px -10px;} .page-dimensions .l-shape-imgs .butt-img {background-position: -454px -10px;} .page-dimensions .l-shape-imgs .butt-two-img {background-position: -850px -10px;} /* U-Shape */ .page-dimensions .u-shape-imgs > div {background-image: url(../images/dimensions_u-shape.jpg);} .page-dimensions .u-shape-imgs .miter-miter-img {background-position: -44px 13px;} .page-dimensions .u-shape-imgs .miter-butt1-img {background-position: -471px 13px;} .page-dimensions .u-shape-imgs .miter-butt2-img {background-position: -865px 13px;} .page-dimensions .u-shape-imgs .butt1-miter-img {background-position: -51px -688px;} .page-dimensions .u-shape-imgs .butt1-butt1-img {background-position: -458px -688px;} .page-dimensions .u-shape-imgs .butt1-butt2-img {background-position: -865px -689px;} .page-dimensions .u-shape-imgs .butt2-miter-img {background-position: -52px -1405px;} .page-dimensions .u-shape-imgs .butt2-butt1-img {background-position: -472px -1405px;} .page-dimensions .u-shape-imgs .butt2-butt2-img {background-position: -870px -1405px;} .page-dimensions .quotetool-select-image .selected {display: block;} .quotetool-page .input-dimensions {font-size: 15px;} .quotetool-page .input-dimensions.rectangle-inputs {grid-row: span 2;} .quotetool-page .input-dimensions.u-shape-inputs {display: grid;gap: 20px;align-self: center;margin: 0 auto;} .quotetool-page .dimension-item {position: relative;width: 180px;} .quotetool-page .dimension-item i.fa {font-size: 12px;vertical-align: middle;float: none;} .quotetool-page .dimension-item input {width: 45px;text-align: right;min-height: 30px;} .quotetool-page .down-arrow {display: inline-block;width: 60px;line-height: 20px;height: 22px;text-align: right;margin: 0 0 0 10px;padding: 2px 7px;border: 1px solid rgba(101, 42, 25, .2);cursor: pointer;} .down-arrow.frac {;} .down-arrow span {padding-right: 10px;font-size: 13px;} .trans-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;display: none;} .drop-fraction {position: absolute;width: 230px;top: 30px;left: 76px;background: rgba(238, 238, 238, 1);z-index: 100;border: 1px solid #652a19;display: none;} .drop-fraction > div {cursor: pointer;float: left;width: 25%;text-align: center;line-height: 30px;height: 40px;transition: background-color 200ms;} .drop-fraction .zero {line-height: 40px;} .drop-fraction:hover > div {background-color: rgba(101, 42, 25, 1);color: #fff;} .drop-fraction > div:hover ~ div {background: rgba(238, 238, 238, 1);color: #777;} .drop-fraction > div:hover {font-weight: bold;} .quotetool-select-image div.oversized_split_container {display: block;position: absolute;background: none;top: 0px;left: 0px;width: 100%;} .oversized_split_container input {position: absolute;display: none;width: 40px;border-color: blue;} .oversized_split_container input.readonly, .review-container .dimension-item input.readonly {background: #eee;border-color: inherit;pointer-events: none;} .quotetool-select-image .cut-container {position: absolute;} .quotetool-select-image .rect-cut {width: 302px;height: 96px;top: 58px;left: 18px;} .quotetool-select-image .l-shape-cut-1 {width: 290px;height: 85px;top: 46px;left: 25px;} .quotetool-select-image .l-shape-cut-2 {width: 84px;height: 268px;top: 46px;left: 233px;} .quotetool-select-image .u-shape-cut-1 {width: 84px;height: 192px;top: 68px;left: 61px;} .quotetool-select-image .u-shape-cut-2 {width: 86px;height: 192px;top: 68px;left: 222px;} .quotetool-select-image .u-shape-cut-3 {width: 192px;height: 85px;top: 221px;left: 89px;} .quotetool-select-image .butt2-butt2-img .u-shape-cut-1, .quotetool-select-image .butt2-butt2-img .u-shape-cut-2, .quotetool-select-image .butt2-butt1-img .u-shape-cut-1, .quotetool-select-image .butt1-butt2-img .u-shape-cut-2, .quotetool-select-image .butt2-miter-img .u-shape-cut-1 {height: 148px;} .quotetool-select-image .miter-butt1-img .u-shape-cut-1 {height: 188px;} .quotetool-select-image .miter-butt1-img .u-shape-cut-2, .quotetool-select-image .butt1-miter-img .u-shape-cut-1, .quotetool-select-image .butt1-butt1-img .u-shape-cut-1, .quotetool-select-image .butt1-butt1-img .u-shape-cut-2, .quotetool-select-image .butt1-butt2-img .u-shape-cut-1, .quotetool-select-image .butt2-butt1-img .u-shape-cut-2 {height: 240px;} .quotetool-select-image .miter-butt1-img .u-shape-cut-3 {width: 127px;} .quotetool-select-image .miter-butt2-img .u-shape-cut-2 {height: 138px;} .quotetool-select-image .miter-butt2-img .u-shape-cut-3 {width: 245px;left: 62px;} .quotetool-select-image .butt1-miter-img .u-shape-cut-3 {width: 135px;left: 164px;} .quotetool-select-image .butt1-butt1-img .u-shape-cut-3 {width: 85px;left: 140px;} .quotetool-select-image .butt1-butt2-img .u-shape-cut-3 {width: 136px;left: 169px;} .quotetool-select-image .butt2-miter-img .u-shape-cut-3 {width: 240px;left: 59px;} .quotetool-select-image .butt2-butt1-img .u-shape-cut-3 {width: 144px;left: 62px;} .quotetool-select-image .butt2-butt2-img .u-shape-cut-3 {width: 244px;left: 62px;} .quotetool-select-image .selected .line-cut {display: none;position: absolute;} .quotetool-select-image .selected .line-cut.vert {border-left: 2px dashed red;height: 100px;top: -2px;left: 50%;} .quotetool-select-image .selected .line-cut.horz {border-top: 2px dashed red;width: 309px;left: -4px;top: 50%;} .quotetool-select-image .selected .line-cut.vert-long {border-left: 2px dashed red;height: 273px;top: -2px;left: 50%;} .quotetool-select-image .selected .line-cut.horz-sml {border-top: 2px dashed red;width: 92px;left: -4px;top: 50%;} .quotetool-select-image .selected .u-shape-cut-1 .line-cut.vert-long, .quotetool-select-image .selected .u-shape-cut-2 .line-cut.vert-long {height: 223px;} .quotetool-select-image .selected .u-shape-cut-3 .line-cut.horz {width: 225px;} .rectangle-imgs .oversized_split_container input.split-A {top: 10px;} .rectangle-imgs .oversized_split_container input.split-B {left: 330px;} .rectangle-imgs .oversized_split_container input[name=split_A1] {left: 18px;} .rectangle-imgs .oversized_split_container input[name=split_A2] {left: 280px;} .rectangle-imgs .oversized_split_container input[name=split_B1] {top: 40px;} .rectangle-imgs .oversized_split_container input[name=split_B2] {top: 130px;} .l-shape-imgs .oversized_split_container input.split-A {left: -10px;} .l-shape-imgs .oversized_split_container input.split-B {top: 10px;} .l-shape-imgs .oversized_split_container input.split-C {left: 323px;} .l-shape-imgs .oversized_split_container input.split-D {top: 320px;} .l-shape-imgs .oversized_split_container input[name=split_A1] {top: 47px;} .l-shape-imgs .oversized_split_container input[name=split_A2] {top: 107px;} .l-shape-imgs .oversized_split_container input[name=split_B1] {left: 25px;} .l-shape-imgs .oversized_split_container input[name=split_B2] {left: 259px;} .l-shape-imgs .oversized_split_container input[name=split_C1] {top: 50px;} .l-shape-imgs .oversized_split_container input[name=split_C2] {top: 282px;} .l-shape-imgs .oversized_split_container input[name=split_D1] {left: 195px;} .l-shape-imgs .oversized_split_container input[name=split_D2] {left: 297px;} .u-shape-imgs .oversized_split_container input.split-A {left: -7px;} .u-shape-imgs .oversized_split_container input.split-B {top: 20px;} .u-shape-imgs .oversized_split_container input.split-C {top: 20px;} .u-shape-imgs .oversized_split_container input.split-D {left: 320px;} .u-shape-imgs .oversized_split_container input.split-E {left: 198px;} .u-shape-imgs .oversized_split_container input.split-F {top: 320px;} .u-shape-imgs .oversized_split_container input[name=split_A1] {top: 69px;} .u-shape-imgs .oversized_split_container input[name=split_A2] {top: 258px;} .u-shape-imgs .oversized_split_container input[name=split_B1] {left: 30px;} .u-shape-imgs .oversized_split_container input[name=split_B2] {left: 116px;} .u-shape-imgs .oversized_split_container input[name=split_C1] {left: 191px;} .u-shape-imgs .oversized_split_container input[name=split_C2] {left: 279px;} .u-shape-imgs .oversized_split_container input[name=split_D1] {top: 69px;} .u-shape-imgs .oversized_split_container input[name=split_D2] {top: 258px;} .u-shape-imgs .oversized_split_container input[name=split_E1] {top: 220px;} .u-shape-imgs .oversized_split_container input[name=split_E2] {top: 280px;} .u-shape-imgs .oversized_split_container input[name=split_F1] {left: 85px;} .u-shape-imgs .oversized_split_container input[name=split_F2] {left: 227px;} .inputQtyContainer {margin-top: 10px;} .inputQtyContainer input.qtyInput {width: 45px;min-height: 30px;margin-left: 3px;} /* QuoteTool Page Thickness Body */ .thickness-container {width: 95%;min-height: 44px;padding: 0 0 0 5%;margin: 10px 0;} .thickness-container input {margin-top: 14px;} .thickness-container .thickness {width: 153px;min-height: 42px;float: left;margin: 0px 10px;background-repeat: no-repeat;cursor: pointer;background-image: url("../images/thickness.jpg");} .thickness-container.onequart {display: none;} .thickness-container.onequart .thickness {background-position: 0 -2px;} .thickness-container.onehalf {min-height: 50px;} .thickness-container.onehalf .thickness {background-position: 0 -43px;height: 46px;} .thickness-container.onethree {height: 58px;} .thickness-container.onethree .thickness {background-position: 0 -87px;height: 52px;} .thickness-container.twoquart {height: 73px;} .thickness-container.twoquart .thickness {background-position: 0px -136px;height: 60px;} .thickness-container.three {height: 92px;} .thickness-container.three .thickness {background-position: 0 -195px;height: 74px;} .thickness-container .thickness-text, .thickness-container .price-change {margin: 10px;} .thickness-container.selected .thickness-text {font-weight: bold;} .thickness-container .price-change {display: none;} .thickness-container.three .price-change {padding: 0;} /* QuoteTool Page Backsplash Body */ .page-backsplash .quotetool-body-container {display: grid;grid-template-columns: 222px 343px;gap: 30px;} .backsplash-material {;} .backsplash-location-img {height: 410px;position: relative;} .page-backsplash .material-container {float: left;clear: both;} .page-backsplash .material-container span {width: 20px;height: 20px;display: inline-block;text-align: center;line-height: 20px;font-weight: bold;font-size: 16px;} .page-backsplash .material-container label {padding: 7px 24px;cursor: pointer;margin: 7px;display: inline-block;border: solid 1px #ccc;} .page-backsplash .material-container label.selected {color: #fff;background-color: #652a19;} .page-backsplash .material-container input {visibility: hidden;position: absolute;} .backsplash-location-img label {position: absolute;padding: 10px;} /* rectangle */ .backsplash-location-img.rectangle {background: url(../images/edge-location-rectangle.jpg) no-repeat transparent -26px -7px;} .backsplash-location-img.rectangle input#one {top: 122px;left: 168px;} .backsplash-location-img.rectangle input#two {top: 173px;left: 325px;} .backsplash-location-img.rectangle input#three {top: 224px;left: 168px;} .backsplash-location-img.rectangle input#four {top: 173px;left: 4px;} .backsplash-location-img.rectangle label[for=one] {top: 84px;left: 161px;} .backsplash-location-img.rectangle label[for=two] {top: 160px;left: 338px;} .backsplash-location-img.rectangle label[for=three] {top: 236px;left: 161px;} .backsplash-location-img.rectangle label[for=four] {top: 160px;left: -24px;} /* l-shape */ .backsplash-location-img.l-shape {background: url(../images/edge-location-l-shape.jpg) no-repeat transparent 13px 60px/1030px;} .backsplash-location-img.l-shape.butt1 {background-position: -338px 60px;} .backsplash-location-img.l-shape.butt2 {background-position: -689px 60px;} .backsplash-location-img.l-shape input#one {top: 107px;left: 7px;} .backsplash-location-img.l-shape input#two {top: 60px;left: 165px;} .backsplash-location-img.l-shape input#three {top: 198px;left: 331px;} .backsplash-location-img.l-shape input#four {top: 358px;left: 286px;} .backsplash-location-img.l-shape input#five {top: 233px;left: 238px;} .backsplash-location-img.l-shape input#six {top: 155px;left: 132px;} .backsplash-location-img.l-shape label[for=one] {top: 93px;left: -18px;} .backsplash-location-img.l-shape label[for=two] {top: 27px;left: 158px;} .backsplash-location-img.l-shape label[for=three] {top: 184px;left: 342px;} .backsplash-location-img.l-shape label[for=four] {top: 364px;left: 279px;} .backsplash-location-img.l-shape label[for=five] {top: 220px;left: 212px;} .backsplash-location-img.l-shape label[for=six] {top: 162px;left: 125px;} /* u-shape */ .backsplash-location-img.u-shape {background: transparent url("../images/edge-location-u-shape.jpg") no-repeat scroll 14px 64px;} .backsplash-location-img.u-shape.miter-butt1 {background-position: -362px 64px;} .backsplash-location-img.u-shape.miter-butt2 {background-position: -740px 64px;} .backsplash-location-img.u-shape.butt1-miter {background-position: 5px -326px;} .backsplash-location-img.u-shape.butt1-butt1 {background-position: -362px -326px;} .backsplash-location-img.u-shape.butt1-butt2 {background-position: -728px -326px;} .backsplash-location-img.u-shape.butt2-miter {background-position: 14px -719px;} .backsplash-location-img.u-shape.butt2-butt1 {background-position: -362px -719px;} .backsplash-location-img.u-shape.butt2-butt2 {background-position: -740px -719px;} .backsplash-location-img input {position: absolute;} .backsplash-location-img.u-shape input#one {top: 220px;left: 29px;} .backsplash-location-img.u-shape input#two {top: 109px;left: 68px;} .backsplash-location-img.u-shape input#three {top: 200px;left: 110px;} .backsplash-location-img.u-shape input#four {top: 283px;left: 170px;} .backsplash-location-img.u-shape input#five {top: 190px;left: 227px;} .backsplash-location-img.u-shape input#six {top: 82px;left: 268px;} .backsplash-location-img.u-shape input#seven {top: 205px;left: 309px;} .backsplash-location-img.u-shape input#eight {top: 364px;left: 170px;} .backsplash-location-img.u-shape label[for=one] {top: 206px;left: 3px;} .backsplash-location-img.u-shape label[for=two] {top: 75px;left: 61px;} .backsplash-location-img.u-shape label[for=three] {top: 187px;left: 119px;} .backsplash-location-img.u-shape label[for=four] {top: 249px;left: 163px;} .backsplash-location-img.u-shape label[for=five] {top: 177px;left: 204px;} .backsplash-location-img.u-shape label[for=six] {top: 48px;left: 262px;} .backsplash-location-img.u-shape label[for=seven] {top: 192px;left: 317px;} .backsplash-location-img.u-shape label[for=eight] {top: 371px;left: 163px;} /* QuoteTool Page Edge Body */ .page-edge .quotetool-body-container {display: grid;grid-template-columns: 198px 350px;gap: 0px 40px;} .edge-profile-select {;} .edge-profile-select .material-container select {border: 2px solid #652a19;color: #555;margin-left: 5px;} .edge-displays {clear: both;background: transparent url("../images/NEW-Edges.jpg") no-repeat scroll 15% 30px / 540px auto;height: 440px;grid-column: span 2;} .edge-profile-location {height: 380px;position: relative;} .edge-profile-location label {position: absolute;font-size: 15px;padding: 10px;white-space: nowrap;color: #652a19;} .edge-profile-location label.edge {font-weight: bold;} /* rectangle */ .edge-profile-location.rectangle {background: url(../images/edge-location-rectangle.jpg) no-repeat transparent -24px -39px;} .edge-profile-location.rectangle label.edge[for=one-check] {top: 56px;left: 132px;} .edge-profile-location.rectangle label.bsplash[for=one-check] {top: 57px;left: 127px;} .edge-profile-location.rectangle label.edge[for=two-check] {top: 129px;left: 307px;-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);} .edge-profile-location.rectangle label.bsplash[for=two-check] {top: 128px;left: 304px;-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);} .edge-profile-location.rectangle label.edge[for=three-check] {top: 199px;left: 132px;} .edge-profile-location.rectangle label.bsplash[for=three-check] {top: 198px;left: 127px;} .edge-profile-location.rectangle label.edge[for=four-check] {top: 127px;left: -35px;-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);} .edge-profile-location.rectangle label.bsplash[for=four-check] {top: 127px;left: -50px;-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);} /* l-shape */ .edge-profile-location.l-shape {background: transparent url("../images/edge-location-l-shape.jpg") no-repeat scroll 3px 62px/1080px auto;} .edge-profile-location.l-shape.butt1 {background-position: -366px 62px;} .edge-profile-location.l-shape.butt2 {background-position: -733px 62px;} .edge-profile-location.l-shape label.edge[for=one-check] {left: -54px;top: 99px;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);} .edge-profile-location.l-shape label.bsplash[for=one-check] {left: -60px;top: 99px;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);} .edge-profile-location.l-shape label.edge[for=two-check] {left: 119px;top: 34px;} .edge-profile-location.l-shape label.bsplash[for=two-check] {left: 119px;top: 34px;} .edge-profile-location.l-shape label.edge[for=three-check] {left: 318px;top: 205px;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);} .edge-profile-location.l-shape label.bsplash[for=three-check] {left: 309px;top: 205px;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);} .edge-profile-location.l-shape label.edge[for=four-check] {left: 254px;top: 376px;} .edge-profile-location.l-shape label.bsplash[for=four-check] {left: 243px;top: 376px;} .edge-profile-location.l-shape label.edge[for=five-check] {left: 187px;top: 246px;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);} .edge-profile-location.l-shape label.bsplash[for=five-check] {left: 187px;top: 246px;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);} .edge-profile-location.l-shape label.edge[for=six-check] {left: 85px;top: 164px;} .edge-profile-location.l-shape label.bsplash[for=six-check] {left: 85px;top: 164px;} /* u-shape */ .edge-profile-location.u-shape {background: transparent url("../images/edge-location-u-shape.jpg") no-repeat scroll 13px 48px;} .edge-profile-location.u-shape.miter-butt1 {background-position: -364px 48px;} .edge-profile-location.u-shape.miter-butt2 {background-position: -739px 48px;} .edge-profile-location.u-shape.butt1-miter {background-position: 4px -342px;} .edge-profile-location.u-shape.butt1-butt1 {background-position: -362px -341px;} .edge-profile-location.u-shape.butt1-butt2 {background-position: -730px -341px;} .edge-profile-location.u-shape.butt2-miter {background-position: 13px -735px;} .edge-profile-location.u-shape.butt2-butt1 {background-position: -362px -735px;} .edge-profile-location.u-shape.butt2-butt2 {background-position: -741px -735px;} .edge-profile-location.u-shape label[for=one-check] {left: -20px;top: 190px;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);} .edge-profile-location.u-shape label.bsplash[for=one-check] {left: -29px;} .edge-profile-location.u-shape label[for=two-check] {left: 36px;top: 63px;} .edge-profile-location.u-shape label.bsplash[for=two-check] {left: 27px;top: 63px;} .edge-profile-location.u-shape label[for=three-check] {left: 93px;top: 165px;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);} .edge-profile-location.u-shape label.bsplash[for=three-check] {left: 84px;} .edge-profile-location.u-shape label[for=four-check] {left: 136px;top: 237px;} .edge-profile-location.u-shape label.bsplash[for=four-check] {left: 127px;} .edge-profile-location.u-shape label[for=five-check] {left: 178px;top: 152px;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);} .edge-profile-location.u-shape label.bsplash[for=five-check] {left: 170px;} .edge-profile-location.u-shape label[for=six-check] {left: 235px;top: 36px;} .edge-profile-location.u-shape label.bsplash[for=six-check] {left: 226px;} .edge-profile-location.u-shape label[for=seven-check] {left: 291px;top: 175px;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);} .edge-profile-location.u-shape label.bsplash[for=seven-check] {left: 282px;} .edge-profile-location.u-shape label[for=eight-check] {left: 128px;top: 348px;} /* Round */ .edge-profile-location.round {background: transparent url("../images/img_round.jpg") no-repeat scroll 7px 30px;} .edge-profile-location.round label[for=one-check] {display: inline-block;position: relative;text-align: center;width: 93%;} /* QuoteTool Page Cutout Body */ .page-cutouts .quotetool-body-container {display: grid;justify-content: center;} .cutout-profile-location {height: 380px;position: relative;width: 350px;} .cutout-profile-location input {position: absolute;text-align: center;width: 40px;} .cutout-profile-location label {font-size: 17px;font-weight: bold;padding: 10px;position: absolute;} .page-cutouts span.validation-fail {position: relative;} .page-cutouts .l-shape span.validation-fail {left: 50px;top: 110px;} .page-cutouts .u-shape span.validation-fail {left: 100px;top: 310px;} .cutout-profile-location.rectangle {background: url(../images/edge-location-rectangle.jpg) no-repeat transparent -22px -25px;position: relative;} .cutout-profile-location.rectangle input[name=a] {left: 153px;top: 143px;} .cutout-profile-location.rectangle label[for=A] {display: none;} .cutout-profile-location.l-shape {background: transparent url("../images/edge-location-l-shape.jpg") no-repeat scroll 7px 43px / 1060px auto;} .cutout-profile-location.l-shape.butt1 {background-position: -355px 43px;} .cutout-profile-location.l-shape.butt2 {background-position: -717px 43px;} .cutout-profile-location.l-shape input[name=a] {left: 140px;top: 85px;} .cutout-profile-location.l-shape label[for=A] {left: 144px;top: 46px;} .cutout-profile-location.l-shape input[name=b] {left: 272px;top: 210px;} .cutout-profile-location.l-shape label[for=B] {left: 277px;top: 175px;} .cutout-profile-location.u-shape {background: transparent url("../images/edge-location-u-shape.jpg") no-repeat scroll 19px 33px;} .cutout-profile-location.u-shape.miter-butt1 {background-position: -360px 33px;} .cutout-profile-location.u-shape.miter-butt2 {background-position: -735px 33px;} .cutout-profile-location.u-shape.butt1-miter {background-position: 8px -357px;} .cutout-profile-location.u-shape.butt1-butt1 {background-position: -358px -357px;} .cutout-profile-location.u-shape.butt1-butt2 {background-position: -726px -357px;} .cutout-profile-location.u-shape.butt2-miter {background-position: 17px -746px;} .cutout-profile-location.u-shape.butt2-butt1 {background-position: -360px -746px;} .cutout-profile-location.u-shape.butt2-butt2 {background-position: -738px -746px;} .cutout-profile-location.u-shape label[for=A] {left: 63px;top: 129px;} .cutout-profile-location.u-shape input[name=a] {left: 59px;top: 170px;} .cutout-profile-location.u-shape label[for=B] {left: 162px;top: 254px;} .cutout-profile-location.u-shape input[name=b] {left: 157px;top: 295px;} .cutout-profile-location.u-shape label[for=C] {left: 264px;top: 119px;} .cutout-profile-location.u-shape input[name=c] {left: 259px;top: 160px;} /* Round */ .cutout-profile-location.round {background: transparent url("../images/img_round.jpg") no-repeat scroll 4px 10px;} .cutout-profile-location.round label[for=A] {left: 310px;top: 140px;} .cutout-profile-location.round input[name=a] {left: 297px;top: 180px;} /* QuoteTool Page Corner Shapes Body */ .page-corner .quotetool-body-container {display: grid;gap:0 40px;grid-template-columns: 180px 360px;} .corner-select {} .corner-select select {border: 2px solid #652a19;color: #555;margin-left: 5px;padding-right: 30px;} .corner-select .select-title {font-size: 18px;font-weight: bold;margin: 15px;text-align: center;} .corner-select .corner {background-color: transparent;background-image: url(../images/corner-shapes.jpg);background-repeat: no-repeat;cursor: pointer;height: 20px;margin: 0 0 0 10px;padding: 75px 0 10px 4px;width: 200px;} .corner-select .corner input {display: none;} .corner-select .corner.selected {color: #000;font-weight: bold;opacity: 1;} .corner-select .corner.squared {background-position: 0 -3px;} .corner-select .corner.rounded {background-position: 0 -139px;} .corner-select .corner.chamfer {background-position: 0 -275px;} .corner-select .corner:not(.selected) span {margin: 0 15px 0 0;} .corner-location {height: 410px;position: relative;} .corner-location p.legend {font-size: 13px;margin-top: -21px;text-align: center;} .corner-location p.legend span {color: #652a19;} .corner-location label {font-size: 15px;font-weight: bold;padding: 10px;position: absolute;} .corner-location label.bsplash {color: #652a19;font-size: 17px;} /* rectangle */ .corner-location.rectangle {background: url(../images/edge-location-rectangle.jpg) no-repeat transparent -24px -25px;} .corner-location.rectangle label[for=one-check] {left: -13px;top: 79px;} .corner-location.rectangle label[for=two-check] {left: 330px;top: 79px;} .corner-location.rectangle label[for=three-check] {left: 330px;top: 205px;} .corner-location.rectangle label[for=four-check] {left: -13px;top: 205px;} .corner-location.rectangle label.bsplash[for=one-check] {left: -13px;top: 79px;} .corner-location.rectangle label.bsplash[for=two-check] {left: 330px;top: 79px;} .corner-location.rectangle label.bsplash[for=three-check] {left: 330px;top: 205px;} .corner-location.rectangle label.bsplash[for=four-check] {left: -13px;top: 205px;} /* l-shape */ .corner-location.l-shape {background: url(../images/edge-location-l-shape.jpg) no-repeat transparent 3px 50px/1070px;} .corner-location.l-shape.butt1 {background-position: -362px 50px;} .corner-location.l-shape.butt2 {background-position: -726px 50px;} .corner-location.l-shape label[for=one-check] {left: -24px;top: 146px;} .corner-location.l-shape label[for=two-check] {left: -24px;top: 25px;} .corner-location.l-shape label[for=three-check] {left: 335px;top: 25px;} .corner-location.l-shape label[for=four-check] {left: 335px;top: 357px;} .corner-location.l-shape label[for=five-check] {left: 219px;top: 357px;} /* u-shape */ .corner-location.u-shape {background: transparent url("../images/edge-location-u-shape.jpg") no-repeat scroll 14px 66px;} .corner-location.u-shape.miter-butt1 {background-position: -363px 66px;} .corner-location.u-shape.miter-butt2 {background-position: -738px 66px;} .corner-location.u-shape.butt1-miter {background-position: 5px -324px;} .corner-location.u-shape.butt1-butt1 {background-position: -361px -324px;} .corner-location.u-shape.butt1-butt2 {background-position: -729px -324px;} .corner-location.u-shape.butt2-miter {background-position: 14px -717px;} .corner-location.u-shape.butt2-butt1 {background-position: -361px -717px;} .corner-location.u-shape.butt2-butt2 {background-position: -740px -717px;} .corner-location.u-shape label[for=one-check] {left: 9px;top: 368px;} .corner-location.u-shape label[for=two-check] {left: 12px;top: 81px;} .corner-location.u-shape label[for=three-check] {left: 113px;top: 81px;} .corner-location.u-shape label[for=four-check] {left: 211px;top: 55px;} .corner-location.u-shape label[for=five-check] {left: 311px;top: 55px;} .corner-location.u-shape label[for=six-check] {left: 311px;top: 368px;} .corner-displays {background: transparent url("../images/NEW-Corners.jpg") no-repeat scroll 15% 17px / 605px auto;background-size: 100%;clear: both;grid-column: span 2;height: 440px;} /* QuoteTool Page Options Body */ .page-options .option.durakryl {background: url(../images/add-options.jpg) no-repeat transparent 50% 100%/185px;cursor: pointer;height: 300px;margin-bottom: 20px;text-align: center;width: 100%;} .page-options .option.rub-oil, .page-options .option.unfinished {cursor: pointer;float: left;text-align: center;width: 50%;} .page-options .option .select-title {margin: 10px;} /* QuoteTool Page Review Body */ .page-review .quotetool-body-container {float: none;width: 100%;} .page-review .review-container {clear: both;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 40px;min-height: 200px;} .page-review input[type=text] {padding: 2px 7px;} .page-review .wood-container {min-height: 160px;} .page-review .select-title span {font-size: 24px;} .page-review .edge-backsplash-cutouts-container .select-title {text-align: left;width: 100%;} .page-review .edge-backsplash-cutouts-container .select-title.cutouts-title, .page-review .edge-backsplash-cutouts-container .select-title.backsplash-title {display: none;} .page-review .shape-thumb-container {display: grid;grid-template-columns: repeat(4, 1fr);width: 690px;} .page-review .shape-container .shape {background-size: 350px;cursor: pointer;padding: 110px 0 0;width: 165px;} .page-review .shape-container .shape.rectangle {background-position: -17px -28px;} .page-review .shape-container .shape.l-shape {background-position: -185px -37px;} .page-review .shape-container .shape.u-shape {background-position: -15px -179px;} .page-review .shape-container .shape.round {background-position: -185px -179px;} .page-review .joint-style-container.rectangle, .page-review .joint-style-container.round {display: none;} .page-review .joint-style-container .review-joint-style {background: url(../images/review-shape-seems.jpg) no-repeat transparent;background-size: 415px;cursor: pointer;display: none;padding: 115px 0 0;text-align: center;width: 130px;} .page-review .joint-style-container.l-shape .contain-all > label:nth-child(n+4) { margin: 0; } .page-review .joint-style-container.u-shape .contain-all > label:nth-child(-n+3) { margin: 0; } .page-review .joint-style-container.u-shape .review-joint-style {background-size: 309px;padding: 100px 0 0;width: 98px;} .page-review .joint-style-container .contain-all {display: flex;gap: 10px;justify-content: flex-end;margin-left: -10px;width: 100%; flex-wrap: wrap;} .page-review .joint-style-container.l-shape .review-miter-img {background-position: 0 1px;display: block;} .page-review .joint-style-container.l-shape .review-butt1-img {background-position: -142px 1px;display: block;} .page-review .joint-style-container.l-shape .review-butt2-img {background-position: -284px 1px;display: block;} .page-review .joint-style-container.u-shape .review-miter-miter-img {background-position: -1px -99px;display: block;} .page-review .joint-style-container.u-shape .review-miter-butt1-img {background-position: -106px -99px;display: block;} .page-review .joint-style-container.u-shape .review-miter-butt2-img {background-position: -210px -99px;display: block;} .page-review .joint-style-container.u-shape .review-butt1-miter-img {background-position: -1px -224px;display: block;} .page-review .joint-style-container.u-shape .review-butt1-butt1-img {background-position: -106px -224px;display: block;} .page-review .joint-style-container.u-shape .review-butt1-butt2-img {background-position: -210px -224px;display: block;} .page-review .joint-style-container.u-shape .review-butt2-miter-img {background-position: -1px -348px;display: block;} .page-review .joint-style-container.u-shape .review-butt2-butt1-img {background-position: -106px -348px;display: block;} .page-review .joint-style-container.u-shape .review-butt2-butt2-img {background-position: -210px -348px;display: block;} .page-review .joint-style-container .review-joint-style.selected {color: #000;font-weight: bold;} .page-review .contain-all {width: 46%;} .page-review .contain-all:before, .page-review .contain-all:after {content: " ";display: none;} .page-review .contain-all:after {clear: both;} .page-review .input-dimensions {;} .page-review .dimensions-container > .contain-all {display: grid;grid-template-columns: 1fr 1fr;} .page-review .dimension-item {display: none;margin: 0px auto 10px;} .page-review .dimensions-container.rectangle .dimension-item.A-side, .page-review .dimensions-container.rectangle .dimension-item.B-side, .page-review .dimensions-container.round .dimension-item.A-side, .page-review .dimensions-container.round .dimension-item.B-side, .page-review .dimensions-container.l-shape .dimension-item.A-side, .page-review .dimensions-container.l-shape .dimension-item.B-side, .page-review .dimensions-container.l-shape .dimension-item.C-side, .page-review .dimensions-container.l-shape .dimension-item.D-side, .page-review .dimensions-container.u-shape .dimension-item.A-side, .page-review .dimensions-container.u-shape .dimension-item.B-side, .page-review .dimensions-container.u-shape .dimension-item.C-side, .page-review .dimensions-container.u-shape .dimension-item.D-side, .page-review .dimensions-container.u-shape .dimension-item.E-side, .page-review .dimensions-container.u-shape .dimension-item.F-side {display: block;} .page-review .dimensions-container .lamBoxContainer { text-align: center; } .page-review .review_split_container {background: #eee;display: none;margin: 5px 10px 0 0;padding: 10px;width: 170px;} .page-review .dimension-item .review_split_container input {width: 40px;} .page-review .review_split_container input {margin: 0 5px 0 0;} .page-review .dimension-img {cursor: default;display: inline-block;height: 170px;margin: 0 2%;position: relative;width: 225px;} .page-review .dimension-img .cut-container {position: absolute;} .page-review .dimensions-container.rectangle .cutcon1 {height: 63px;left: 13px;top: 54px;width: 191px;} .page-review .dimensions-container.l-shape .cutcon1 {height: 43px;left: 32px;top: 20px;width: 150px;} .page-review .dimensions-container.l-shape .cutcon2 {height: 135px;left: 140px;top: 22px;width: 43px;} .page-review .dimensions-container.u-shape .cutcon1 {height: 100px;left: 50px;top: 22px;width: 44px;} .page-review .dimensions-container.u-shape .cutcon2 {height: 100px;left: 134px;top: 22px;width: 44px;} .page-review .dimensions-container.u-shape .cutcon3 {height: 44px;left: 60px;top: 104px;width: 109px;} .page-review .dimensions-container.rectangle .cutcon2, .page-review .dimensions-container.rectangle .cutcon3, .page-review .dimensions-container.l-shape .cutcon3, .page-review .dimensions-container.rectangle .horz.A-cut, .page-review .dimensions-container.rectangle .vert.B-cut, .page-review .dimensions-container.l-shape .vert.A-cut, .page-review .dimensions-container.l-shape .horz.B-cut, .page-review .dimensions-container.l-shape .vert.C-cut, .page-review .dimensions-container.l-shape .horz.D-cut, .page-review .dimensions-container.u-shape .vert.A-cut, .page-review .dimensions-container.u-shape .horz.B-cut, .page-review .dimensions-container.u-shape .horz.C-cut, .page-review .dimensions-container.u-shape .vert.D-cut, .page-review .dimensions-container.u-shape .vert.E-cut, .page-review .dimensions-container.u-shape .horz.F-cut {display: none !important;} .page-review .cut-container .line-cut {display: none;position: absolute;} .page-review .cut-container .line-cut.vert {border-left: 2px dashed red;height: 69px;left: 50%;top: -2px;} .page-review .cut-container .line-cut.horz {border-top: 2px dashed red;left: -4px;top: 50%;width: 198px;} .page-review .l-shape .cut-container .line-cut.horz.A-cut {width: 158px;} .page-review .l-shape .cut-container .line-cut.vert.D-cut {height: 138px;} .page-review .l-shape .cut-container .line-cut.horz.C-cut {width: 50px;} .page-review .u-shape .cut-container .line-cut.horz:not(.E-cut) {left: -3px;width: 50px;} .page-review .u-shape .cut-container .line-cut.horz.E-cut {width: 117px;} .page-review .u-shape .cut-container .line-cut.vert {height: 110px;} .page-review .l-shape .cut-container .line-cut.vert.B-cut, .page-review .u-shape .cut-container .line-cut.vert.F-cut {height: 48px;} .page-review .dimensions-container.rectangle .dimension-img {background: transparent url("../images/dimensions_rectangle.jpg") no-repeat scroll -7px -35px / 247px auto; grid-row: 1;} .page-review .dimensions-container.l-shape .dimension-img {background: url(../images/dimensions_l-shape.jpg) no-repeat transparent 12px -8px/630px;} .page-review .dimensions-container.l-shape.butt1 .dimension-img {background-position: -212px -8px;} .page-review .dimensions-container.l-shape.butt2 .dimension-img {background-position: -415px -8px;} .page-review .dimensions-container.u-shape .dimension-img {background: transparent url("../images/dimensions_u-shape.jpg") no-repeat scroll -6px -6px / 700px auto;margin-top: 30px;} .page-review .dimensions-container.u-shape.miter-butt1 .dimension-img {background-position: -230px -6px;} .page-review .dimensions-container.u-shape.miter-butt2 .dimension-img {background-position: -437px -6px;} .page-review .dimensions-container.u-shape.butt1-miter .dimension-img {background-position: -6px -378px;} .page-review .dimensions-container.u-shape.butt1-butt1 .dimension-img {background-position: -222px -378px;} .page-review .dimensions-container.u-shape.butt1-butt2 .dimension-img {background-position: -436px -378px;} .page-review .dimensions-container.u-shape.butt2-miter .dimension-img {background-position: -6px -756px;} .page-review .dimensions-container.u-shape.butt2-butt1 .dimension-img {background-position: -229px -756px;} .page-review .dimensions-container.u-shape.butt2-butt2 .dimension-img {background-position: -438px -756px;} .page-review .dimensions-container.round .dimension-img {background: url(../images/dimensions_round.jpg) no-repeat transparent 19px -12px/205px;} .page-review .pieces-container {align-items: center;background: rgba(0, 0, 0, .05);border: 1px solid #ccc;border-radius: 10px;justify-content: space-around;min-height: 90px;padding: 10px 0;} .page-review .pieces-text {display: none;padding: 10px;text-align: center;} .page-review .pieces-text span {font-size: 15px;font-weight: bold;} .page-review .pieces-container.rectangle .piece-1, .page-review .pieces-container.l-shape .piece-1, .page-review .pieces-container.l-shape .piece-2, .page-review .pieces-container.u-shape .piece-1, .page-review .pieces-container.u-shape .piece-2, .page-review .pieces-container.u-shape .piece-3 {display: block;} .page-review .review-container.review-thickness-container {align-content: center;} .page-review .thickness-container {display: block;margin: 0px;padding: 0px;text-align: center;width: auto;} .page-review .thickness-container > label { display: grid; grid-template-columns: 160px 15px 70px; align-items: center; } .page-review .thickness-input {margin: 0;} .page-review .select-title .edge {margin-left: 40px;} .page-review .select-title .backsplash {margin-left: 170px;} .page-review .select-title .cutouts {margin-left: 130px;} .page-review .edge-location, .page-review .backsplash-location {line-height: 24px;margin: 0 0 40px;width: 217px;} .page-review .edge-within, .page-review .backsplash-within {display: none;height: 48px;} .page-review .edge-backsplash-cutouts-container.rectangle .edge-within:nth-child(1), .page-review .edge-backsplash-cutouts-container.rectangle .edge-within:nth-child(2), .page-review .edge-backsplash-cutouts-container.rectangle .edge-within:nth-child(3), .page-review .edge-backsplash-cutouts-container.rectangle .edge-within:nth-child(4), .page-review .edge-backsplash-cutouts-container.rectangle .backsplash-within:nth-child(1), .page-review .edge-backsplash-cutouts-container.rectangle .backsplash-within:nth-child(2), .page-review .edge-backsplash-cutouts-container.rectangle .backsplash-within:nth-child(3), .page-review .edge-backsplash-cutouts-container.rectangle .backsplash-within:nth-child(4), .page-review .edge-backsplash-cutouts-container.l-shape .edge-within:nth-child(1), .page-review .edge-backsplash-cutouts-container.l-shape .edge-within:nth-child(2), .page-review .edge-backsplash-cutouts-container.l-shape .edge-within:nth-child(3), .page-review .edge-backsplash-cutouts-container.l-shape .edge-within:nth-child(4), .page-review .edge-backsplash-cutouts-container.l-shape .edge-within:nth-child(5), .page-review .edge-backsplash-cutouts-container.l-shape .edge-within:nth-child(6), .page-review .edge-backsplash-cutouts-container.l-shape .backsplash-within:nth-child(1), .page-review .edge-backsplash-cutouts-container.l-shape .backsplash-within:nth-child(2), .page-review .edge-backsplash-cutouts-container.l-shape .backsplash-within:nth-child(3), .page-review .edge-backsplash-cutouts-container.l-shape .backsplash-within:nth-child(4), .page-review .edge-backsplash-cutouts-container.l-shape .backsplash-within:nth-child(5), .page-review .edge-backsplash-cutouts-container.l-shape .backsplash-within:nth-child(6), .page-review .edge-backsplash-cutouts-container.u-shape .edge-within:nth-child(1), .page-review .edge-backsplash-cutouts-container.u-shape .edge-within:nth-child(2), .page-review .edge-backsplash-cutouts-container.u-shape .edge-within:nth-child(3), .page-review .edge-backsplash-cutouts-container.u-shape .edge-within:nth-child(4), .page-review .edge-backsplash-cutouts-container.u-shape .edge-within:nth-child(5), .page-review .edge-backsplash-cutouts-container.u-shape .edge-within:nth-child(6), .page-review .edge-backsplash-cutouts-container.u-shape .edge-within:nth-child(7), .page-review .edge-backsplash-cutouts-container.u-shape .edge-within:nth-child(8), .page-review .edge-backsplash-cutouts-container.u-shape .backsplash-within:nth-child(1), .page-review .edge-backsplash-cutouts-container.u-shape .backsplash-within:nth-child(2), .page-review .edge-backsplash-cutouts-container.u-shape .backsplash-within:nth-child(3), .page-review .edge-backsplash-cutouts-container.u-shape .backsplash-within:nth-child(4), .page-review .edge-backsplash-cutouts-container.u-shape .backsplash-within:nth-child(5), .page-review .edge-backsplash-cutouts-container.u-shape .backsplash-within:nth-child(6), .page-review .edge-backsplash-cutouts-container.u-shape .backsplash-within:nth-child(7), .page-review .edge-backsplash-cutouts-container.u-shape .backsplash-within:nth-child(8), .page-review .edge-backsplash-cutouts-container.round .edge-within:nth-child(1) {display: block;} .page-review .edge-backsplash-cutouts-container {gap: 0 20px;justify-content: flex-start;} .page-review .edge-backsplash-cutouts-container .material-container {display: inline-grid;grid-template-columns: 1fr;width: 80%; margin-left: 5%;} .page-review .edge-backsplash-cutouts-container .backsplash-location .material-container {display: inline-block;} .page-review .avia_style_wrap {margin-left: 3%;width: 83%;} .page-review .avia_select_unify {border: 2px solid #652a19;} .page-review .backsplash-location {margin: 0;width: 217px;} .page-review .backsplash-location label {border: #652a19 2px solid;border-radius: 4px;cursor: pointer;margin: 3px 0px 0 10px;padding: 7px 28px 7px 7px;} .page-review .backsplash-location label.selected {background-color: #652a19;color: #fff;} .page-review .edge-backsplash-cutouts-container .shape-review-img {background: url(../images/review-edge-backsplash-cutout.jpg) no-repeat transparent -18px -63px/1000px auto;height: 165px;margin-left: 0;padding: 0 16px;width: 215px;} .page-review .edge-backsplash-cutouts-container.rectangle .shape-review-img { background-size: 898px; } .page-review .edge-backsplash-cutouts-container.round .shape-review-img {background-position: -15px -263px;background-size: 930px;} .page-review .edge-backsplash-cutouts-container.round .select-title .backsplash, .page-review .edge-backsplash-cutouts-container.round .edge-loocation, .page-review .edge-backsplash-cutouts-container.round .backsplash-location {display: none;} .page-review .edge-backsplash-cutouts-container.l-shape .shape-review-img {background-position: -295px -9px;height: 230px;width: 210px;} .page-review .edge-backsplash-cutouts-container.l-shape.butt1 .shape-review-img {background-position: -532px -9px;} .page-review .edge-backsplash-cutouts-container.l-shape.butt2 .shape-review-img {background-position: -771px -9px;} .page-review .edge-backsplash-cutouts-container.u-shape .shape-review-img {background-position: -293px -252px;height: 250px;width: 210px;} .page-review .edge-backsplash-cutouts-container.u-shape.miter-butt1 .shape-review-img {background-position: -525px -252px;} .page-review .edge-backsplash-cutouts-container.u-shape.miter-butt2 .shape-review-img {background-position: -759px -252px;} .page-review .edge-backsplash-cutouts-container.u-shape.butt1-miter .shape-review-img {background-position: -293px -506px;} .page-review .edge-backsplash-cutouts-container.u-shape.butt1-butt1 .shape-review-img {background-position: -525px -506px;} .page-review .edge-backsplash-cutouts-container.u-shape.butt1-butt2 .shape-review-img {background-position: -759px -506px;} .page-review .edge-backsplash-cutouts-container.u-shape.butt2-miter .shape-review-img {background-position: -293px -755px;} .page-review .edge-backsplash-cutouts-container.u-shape.butt2-butt1 .shape-review-img {background-position: -525px -755px;} .page-review .edge-backsplash-cutouts-container.u-shape.butt2-butt2 .shape-review-img {background-position: -759px -755px;} .page-review .edge-location input, .page-review .backsplash-location input {height: 48px;vertical-align: middle;} .page-review .backsplash-location .material-container input {margin-left: -20px;} .page-review .cutouts-location input {display: none;margin: 5px 15px 5px 0;text-align: center;width: 40px;} .page-review .cutouts-location label {display: none;margin-right: 5px;} .edge-backsplash-cutouts-container.rectangle .cutouts-location input#a, .edge-backsplash-cutouts-container.rectangle .cutouts-location label.a, .edge-backsplash-cutouts-container.round .cutouts-location input#a, .edge-backsplash-cutouts-container.round .cutouts-location label.a, .edge-backsplash-cutouts-container.l-shape .cutouts-location input#a, .edge-backsplash-cutouts-container.l-shape .cutouts-location label.a, .edge-backsplash-cutouts-container.l-shape .cutouts-location input#b, .edge-backsplash-cutouts-container.l-shape .cutouts-location label.b, .edge-backsplash-cutouts-container.u-shape .cutouts-location input#a, .edge-backsplash-cutouts-container.u-shape .cutouts-location label.a, .edge-backsplash-cutouts-container.u-shape .cutouts-location input#b, .edge-backsplash-cutouts-container.u-shape .cutouts-location label.b, .edge-backsplash-cutouts-container.u-shape .cutouts-location input#c, .edge-backsplash-cutouts-container.u-shape .cutouts-location label.c {display: inline-block;} .page-review .edge-profile-select .edge-profile {background-color: transparent;background-image: url(../images/edge-profiles.jpg);background-repeat: no-repeat;cursor: pointer;float: left;height: 20px;margin: 0 0 0 10px;opacity: .5;padding: 65px 0 10px 0;width: 115px;} .page-review .corner-select {margin: 15px;padding: 0;} .page-review .review-container.corner-container .contain-all {display: grid;grid-template-columns: 1fr 1fr;} .page-review .corner-container .material-container {display: none;} .page-review .corner-container .material-container:nth-child(1), .page-review .corner-container .material-container:nth-child(2), .page-review .corner-container .material-container:nth-child(3), .page-review .corner-container .material-container:nth-child(4), .page-review .corner-container.l-shape .material-container:nth-child(5), .page-review .corner-container.u-shape .material-container:nth-child(5), .page-review .corner-container.u-shape .material-container:nth-child(6) {display: block;} .page-review .corner-location {height: 240px;position: relative;width: 220px;} .page-review .corner-container.rectangle .corner-location {background: url(../images/edge-location-rectangle.jpg) no-repeat transparent -3px 0/220px;} .page-review .corner-container.l-shape .corner-location {background: url(../images/edge-location-l-shape.jpg) no-repeat transparent 1px 10px/660px;} .page-review .corner-container.l-shape.butt1 .corner-location {background-position: -221px 10px;} .page-review .corner-container.l-shape.butt2 .corner-location {background-position: -444px 10px;} .page-review .corner-container.u-shape .corner-location {background: transparent url("../images/edge-location-u-shape.jpg") no-repeat scroll 8px 5px / 710px auto;} .page-review .corner-container.u-shape.miter-butt1 .corner-location {background-position: -241px 5px;} .page-review .corner-container.u-shape.miter-butt2 .corner-location {background-position: -488px 5px;} .page-review .corner-container.u-shape.butt1-miter .corner-location {background-position: 1px -252px;} .page-review .corner-container.u-shape.butt1-butt1 .corner-location {background-position: -240px -252px;} .page-review .corner-container.u-shape.butt1-butt2 .corner-location {background-position: -482px -252px;} .page-review .corner-container.u-shape.butt2-miter .corner-location {background-position: 6px -510px;} .page-review .corner-container.u-shape.butt2-butt1 .corner-location {background-position: -240px -509px;} .page-review .corner-container.u-shape.butt2-butt2 .corner-location {background-position: -489px -510px;} .page-review .corner-container.rectangle .corner-location label[for=one-check] {left: -7px;top: 40px;} .page-review .corner-container.rectangle .corner-location label[for=two-check] {left: 192px;top: 40px;} .page-review .corner-container.rectangle .corner-location label[for=three-check] {left: 192px;top: 128px;} .page-review .corner-container.rectangle .corner-location label[for=four-check] {left: -7px;top: 128px;} .page-review .corner-container.l-shape .corner-location label[for=one-check] {left: -25px;top: 72px;} .page-review .corner-container.l-shape .corner-location label[for=two-check] {left: -25px;top: -22px;} .page-review .corner-container.l-shape .corner-location label[for=three-check] {left: 210px;top: -22px;} .page-review .corner-container.l-shape .corner-location label[for=four-check] {left: 210px;top: 205px;} .page-review .corner-container.l-shape .corner-location label[for=five-check] {left: 126px;top: 205px;} .page-review .corner-container.u-shape .corner-location label[for=one-check] {left: -4px;top: 202px;} .page-review .corner-container.u-shape .corner-location label[for=two-check] {left: -4px;top: 4px;} .page-review .corner-container.u-shape .corner-location label[for=three-check] {left: 70px;top: 4px;} .page-review .corner-container.u-shape .corner-location label[for=four-check] {left: 127px;top: -14px;} .page-review .corner-container.u-shape .corner-location label[for=five-check] {left: 200px;top: -14px;} .page-review .corner-container.u-shape .corner-location label[for=six-check] {left: 200px;top: 202px;} .page-review .corner-container.rectangle .corner-location label[for=five-check], .page-review .corner-container.rectangle .corner-location label[for=six-check], .page-review .corner-container.l-shape .corner-location label[for=six-check], .page-review .corner-container.round {display: none;} .page-review .options-container .contain-all { display: grid; grid-template-columns: 1fr 1fr 1fr; justify-items: center; } .page-review .option {background-color: transparent;background-image: url(../images/add-options-review.jpg);background-repeat: no-repeat;background-size: 270px;cursor: pointer;padding: 130px 0 0 0;text-align: center;width: 95px;} .page-review .option.selected {color: #000;font-weight: bold;opacity: 1;} .page-review .option input {display: block;margin: 0 auto;} .page-review .option.unfinished {background-position: -167px 0px;} .page-review .option.durakryl {background-position: 0 0;} .page-review .option.rub-oil {background-position: -103px 0;width: 75px;} .page-review .crating-intro {flex-basis: 100%;padding: 40px 40px 0;} .page-review .review-container.crating-container {justify-content: center;} .page-review .review-container.options-container {min-height: 200px;} .page-review .totalprice-container, .page-review .othertopprice-container {height: 70px;text-align: center;} .page-review h1.totalprice-review, .page-review h1.othertopprice-review {background: #fff;border: 1px solid #652a19;display: inline-block;margin: 0 20px 20px 0;padding: 10px;text-align: center;} .page-review h1.totalprice-review span, .page-review h1.othertopprice-review span {font-weight: bold;} .page-review h1.totalprice-review.fixed-price {bottom: 0;left: 50px;position: fixed;z-index: 10000;} .page-review input.qty {font-size: 15px;line-height: 20px;margin-left: 20px;padding: 5px;text-align: center;width: 40px;} .page-review .user-email-container, .page-review .job-name-container, .page-review .notes-container, .page-review .additional-email {font-weight: bold;margin: 0px 0 20px;text-align: center;} .page-review .user-email-container input, .page-review .job-name-container input, .page-review .additional-email input {font-size: 12px;width: 230px;} .page-review .user-email-container label, .page-review .job-name-container label, .page-review .notes-container label {margin-right: 0;vertical-align: top;} .page-review .notes-container textarea {background: #fff;border: 1px solid #777;font-size: 12px;padding: 5px;width: 60%;} .page-review .crating-body {background: #eeeeee;border: 2px solid #ddd;border-radius: 4px;color: #431d07;margin: 0 20%;min-width: 245px;padding: 2%;position: relative;width: 260px;} .page-review .crating-body label {line-height: 22px;} .page-review .crating-body label span.recommend {color: red;padding-left: 20px;} .page-review .freight_body {display: flex;align-items: center;border: none;border-radius: 4px;color: #431d07;flex-wrap: wrap;justify-content: center;margin: 0 80px;min-width: 125px;padding: 2%;position: relative;width: 250px;} .page-review .freight_body label {flex-basis: 42%;} .page-review .freight_body input[type=text] {flex-basis: 24%;max-width: 55px;padding: 2px 0;text-align: center;} .page-review .freight_body .freight_quotes {flex-basis: 100%;} .page-review .dropshipalert {color: red;display: none;margin-top: 10px;text-align: center;} .page-review .overlengthalert {color: red;display: none;flex: 1 1 100%;margin-top: 10px;padding:0;text-align: center;max-width: 300px;} .disable-user {opacity: .4;pointer-events: none;} .get_freight_btn {background: #652a19;border: 1px solid #5a2516;color: #fff;cursor: pointer;font-weight: bold;height: 30px;line-height: 30px;margin-left: 8px;text-align: center;width: 65px;} #main .page-review ul.freight_quotes {display: none;margin-left: 0;margin-top: 5px;} li.freight_quote {text-align: center;} .freight_body .progress {background-color: #652a19;border: 1px solid #ddd;border-radius: 0 0 4px 4px;border-top: none;display: none;height: 7px;left: 0;position: absolute;top: 0px;transition: 1s linear;width: 1%;} .weight-container {display: none;font-size: 14px;font-weight: bold;margin-bottom: 20px;padding-top: 0;text-align: center;} .add-top {background-color: #652a19;border-radius: 5px;color: #fff;cursor: pointer;font-size: 14px;font-weight: bold;line-height: 41px;margin: 20px auto 50px;text-align: center;text-transform: uppercase;width: 200px;} .add-email {margin-left: 7px;margin-right: -15px;} .additional-email {margin-top: 20px;} .crating-container .cover-container {background: rgba(238, 238, 238, 0.7);height: 100%;left: 0;position: absolute;top: 0;width: 100%;} .crating-container .cover-container .calc-package {background: #652a19;border: 1px solid #5a2516;box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .5);color: #fff;cursor: pointer;font-weight: bold;height: 30px;left: 50%;line-height: 30px;margin-left: -70px;margin-top: -15px;position: absolute;text-align: center;top: 50%;width: 140px;} .crating-container i.fa {display: none;font-size: 24px;left: 50%;margin-left: -15px;margin-top: -12px;position: absolute;top: 50%;} .page-review .standard-recommendation { display: grid; justify-content: center; grid-template-rows: 40px auto; min-height: 120px; padding: 20px 0; margin: 20px auto; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; width: 70%; gap: 0 30px; } .page-review .standard-recommendation > p { font-size: 17px; margin-bottom: 10px; } .page-review .standard-recommendation > p.standard-title { font-size: 24px; grid-column: 2 span; font-weight: bold; } .page-review .standard-recommendation > .recommendation_data { display: grid; grid-template-columns: auto auto; grid-template-rows: 80px; gap: 20px; max-height: 80px; } .page-review .standard-recommendation > .recommendation_data .rec_img img { max-width: 80px; } .page-review .standard-recommendation > .recommendation_data .rec_text { align-self: center; } .page-review .standard-recommendation > .recommendation_data .rec_text .rec_size { font-size: 20px; font-weight: bold; } .page-review .standard-recommendation > .recommendation_data .rec_text .rec_price { font-size: 16px; line-height: 30px; } .page-review .standard-recommendation > .recommendation_data .rec_text .rec_button { } /* QuoteTool Sidebar */ .sidebar-quote-container {margin-bottom: 40px;padding-top: 150px;} .sidebar-quote-container .sidebar-body {background: #eee;border-left: 1px solid #652a19;border-right: 1px solid #652a19;border-top: 10px solid #652a19;color: #777;padding-bottom: 10px;} .sidebar-quote-container .sidebar-body .previous-tops {background-color: #f3dfba;} .sidebar-quote-container .sidebar-body .previous-tops td {color: #333;font-weight: bold;} .sidebar-quote-container .sidebar-body table {border-spacing: 0px;padding-top: 10px;width: 100%;} .sidebar-quote-container .sidebar-body td {background: transparent;color: #431d07;font-size: 12px;padding: 4px 15px;text-align: left;} .sidebar-quote-container .sidebar-body .rec-prices td.right {padding: 4px 10px 4px 0;} .sidebar-quote-container .sidebar-body td.right {text-align: right;text-transform: capitalize;} .sidebar-quote-container .sidebar-body .baseprice-sidebar {background-color: #ddd;text-align: center;} .sidebar-quote-container .sidebar-body .backsplash-sidebar {width: 30%;} .sidebar-quote-container .sidebar-body .bs-price {width: 30%;} .sidebar-quote-container .sidebar-body .bs-title {white-space: nowrap;width: 41%;} .sidebar-quote-container .sidebar-body td.piece1-sidebar, .sidebar-quote-container .sidebar-body td.piece2-sidebar, .sidebar-quote-container .sidebar-body td.piece3-sidebar, .sidebar-quote-container .sidebar-body td.piece4-sidebar, .sidebar-quote-container .sidebar-body td.piece5-sidebar, .sidebar-quote-container .sidebar-body td.piece6-sidebar, .sidebar-quote-container .sidebar-body td.piece7-sidebar {text-transform: none;} .sidebar-quote-container .sidebar-total {background: rgb(238, 238, 238) none repeat scroll 0% 0%;border-bottom: 1px solid #652a19;border-left: 1px solid #652a19;border-right: 1px solid #652a19;padding: 5px 15px;text-align: center;} .sidebar-quote-container .sidebar-total span {color: #431d07;font-weight: bold;} .page-wood .sidebar-quote-container .rec-prices tr, .page-shape .sidebar-quote-container .rec-prices tr, .page-dimensions .sidebar-quote-container .rec-prices tr, .page-thickness .sidebar-quote-container tr.edge-row, .page-thickness .sidebar-quote-container tr.cutouts-row, .page-thickness .sidebar-quote-container tr.corners-row, .page-thickness .sidebar-quote-container tr.backsplash-row, .page-backsplash .sidebar-quote-container tr.edge-row, .page-backsplash .sidebar-quote-container tr.cutouts-row, .page-backsplash .sidebar-quote-container tr.corners-row, .page-edge .sidebar-quote-container tr.cutouts-row, .page-edge .sidebar-quote-container tr.corners-row, .page-cutouts .sidebar-quote-container tr.corners-row {opacity: .3;} /* QuoteTool Page Success Body */ .page-success .quotetool-body-container {width: 100%;} .page-success .quotetool-title {padding: 40px 0;text-align: center;} .page-success .quotetool-title h2 {color: rgb(189, 24, 24);float: none;font-size: 300%;font-weight: normal;margin: 0;} .page-success .quotetool-title h2.first {margin-bottom: 20px;} .page-success .quotetool-title p {font-size: 120%;} .page-success .quotetool-title i.fa-spin {color: rgb(189, 24, 24);font-size: 50px;} .page-success table.quote-overview {border: 2px solid #bbb;margin: 20px auto;width: 70%;} .page-success table td {font-size: 130%;text-align: center;width: 33%;} .page-success table td img {display: inline;} .page-success table td.data-title {font-weight: bold;} .page-success table td.seperate {padding: 0;} .page-success table td.data-price-title {background-color: #652a19;color: #fff;font-size: 250%;padding: 30px;text-align: right;} .page-success table td.data-price-text {background-color: #652a19;color: #fff;font-size: 210%;} .page-success table td.data-text {text-transform: capitalize;} .page-success table td.options.data-image {max-width: 100px;} .page-success table td.packaging {height: 100px;} .hidden-value, .hidden-value1, .hidden-value2, .hidden-value3, .hidden-value4, .hidden-value5, .hidden-value6, .hidden-value7, .hidden-value8 {display: none;} .quotetool_container_wrap .page-success .quotetool-title { grid-template-columns: 1fr; gap: 20px; } /* Quotetool Standard Pricing */ .stdPrice-container {display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr 1fr 1fr;justify-items: center;margin: 0 auto;max-width: 80%;} .stdPrice-container a {align-self: center;background: #f5f5f5;border: 1px solid #ccc;border-radius: 5px;color: #333;display: block;margin: 10px;padding: 15px;text-align: center;width: 68%;} .stdPrice-container a:hover {background: #c6c5c5a3;color: #333;text-decoration: none;} .page-stdPrice form { gap: 0; grid-template-columns: 1fr; } /* Success different species */ .species-choices-success {margin: 50px auto;width: 500px;} .species-choices-success p {font-size: 17px;font-weight: bold;text-align: center;} .species-choices-success ul {line-height: 30px;margin: 0 auto;width: 400px;} .species-choices-success ul li {align-items: center;display: flex;padding: 0 10px;} .species-choices-success ul li:hover {background-color: #fdf8f8;} .species-choices-success ul li span {flex: 1 1 auto;} .species-choices-success ul li span.species-img-success {background: url(/wp-content/plugins/countertop-quote-tool/images/wood-species.jpg) no-repeat -3px 50%/540px;display: none;flex: 0 0 50px;height: 20px;margin-right: 10px;padding: 0;} .species-choices-success ul li:nth-child(2) span.species-img-success {background-position: -80px 50%;} .species-choices-success ul li:nth-child(3) span.species-img-success {background-position: -158px 50%;} .species-choices-success ul li:nth-child(4) span.species-img-success {background-position: -235px 50%;} .species-choices-success ul li:nth-child(5) span.species-img-success {background-position: -317px 50%;} .species-choices-success ul li:nth-child(6) span.species-img-success {background-position: -395px 50%;} .species-choices-success ul li:nth-child(7) span.species-img-success {background-position: -472px 50%;} .species-choices-success ul li span.cost-species-success {font-size: 14px;text-align: right;} .species-choices-success ul li span.species {font-weight: bold;text-align: left;} .species-choices-success ul li a {color: rgb(100 41 23);margin-left: 10px;} .species-choices-success ul li a:hover {text-decoration: none;} .footer-success .species-choices-success {display: none !important;} /* QuoteTool Footer */ .quotetool_container_wrap .quotetool-footer {clear: both;grid-column: span 2;text-align: center;} .quotetool_container_wrap .page-review .quotetool-footer {grid-column: auto;} .quotetool_container_wrap .quotetool-wrapper:not(.page-review) .quotetool-footer .submit-container {position: absolute;right: 147px;top: 105px;display: grid;grid-template-columns: 118px 15px;} .quotetool_container_wrap .quotetool-wrapper:not(.page-review) .quotetool-footer .submit-container.back-pages {grid-template-columns: 118px 15px 0px 121px 16px; right: 10px;} .quotetool_container_wrap .quotetool-wrapper.page-wood .quotetool-footer .submit-container {border-left: none;display: flex;right: 65px;top: 350px;} .quotetool_container_wrap .quotetool-footer .submit-container input {border: none;cursor: pointer;} #main.quotetool_container_wrap .quotetool-footer .submit-container input.next_button {background: transparent url("../images/NextButton.jpg") no-repeat scroll 0px 0px;display: inline-block;height: 37px;padding: 0px;position: relative;width: 118px;} a.quick-quote {background: transparent url("../images/quickbutton.jpg") no-repeat scroll 0px 0px;display: inline-block;height: 37px;padding: 0px;position: relative;width: 121px;} body.Firefox .quotetool_container_wrap .quotetool-footer .submit-container input.next_button {top: -13px;} div.before-arrow-container {background-color: #8b1d04;border-color: transparent transparent transparent #fff;border-style: solid;border-width: 18px 0px 19px 15px;display: inline-block;height: 0px;margin-left: -14px;position: relative;width: 0px;z-index: 0;} .quotetool_container_wrap .quotetool-footer .submit-container .arrow-container {border-color: transparent transparent transparent #642917;border-style: solid;border-width: 18px 0px 19px 15px;display: inline-block;height: 0px;position: relative;width: 0px;z-index: 10;vertical-align: bottom;} .quotetool_container_wrap .quotetool-footer .submit-container .arrow-container.last-arrow {border-color: transparent transparent transparent #8b1d04;} .quotetool_container_wrap .quotetool-footer .submit-container input.submit_button {background: #652a19;color: #fff;font-size: 14px;font-weight: bold;opacity: .5;padding: 6px 16px;text-transform: uppercase;} .quotetool_container_wrap .quotetool-footer .meta-options .login-link {font-weight: bold;} .quotetool_container_wrap .quotetool-footer .start-over-btn {background: url("../images/StartOverButton.jpg") no-repeat 0 0/contain;cursor: pointer;height: 77px;margin: 0 auto 40px;width: 516px;} .quotetool_container_wrap .quotetool-footer .meta-options { margin-top: 10px; } /* AJAX login */ form.ajax-auth {border-radius: 8px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);color: #878787;margin: 40px auto;padding: 40px 25px 25px 25px;width: 350px;} .ajax-auth h1 {color: #333333;font-family: 'Georgia', 'Times New Roman', Times, serif;font-weight: 100;line-height: 1;} .ajax-auth h1 {font-size: 27px;margin: 0 0 20px 0;text-align: center;} .ajax-auth input#username, .ajax-auth input#password, .ajax-auth input#signonname, .ajax-auth input#email, .ajax-auth input#signonpassword, .ajax-auth input#password2 {background-color: #F9F9F9;border: 1px solid #EDEDED;border-radius: 3px 3px 3px 3px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;color: #333333;font-family: 'Georgia', 'Times New Roman', Times, serif;font-size: 15px;margin: 7px 0 20px 0;padding: 10px 10px 10px 13px;width: 325px;} .ajax-auth input#username:focus, .ajax-auth input#password:focus, .ajax-auth input#signonname:focus, .ajax-auth input#email:focus, .ajax-auth input#signonpassword:focus, .ajax-auth input#password2:focus {background-color: #FFF;} .ajax-auth label.error {display: none !important;} .ajax-auth input.error {border: 1px solid #FF0000 !important;} .ajax-auth a.guest_button {background: -moz-linear-gradient(top, #903D22, #632a17);background-color: #632a17;border: 1px solid #903D22;border-bottom: 1px solid #4A1F11;border-radius: 3px;border-top: 1px solid #903D22;box-shadow: 0 1px 0 #69352F inset;color: #FFF;display: block;font-size: 13px;margin: 50px 20px 0;padding: 9px 31px 9px 31px;text-align: center;text-shadow: 0 1px 0 #632a17;text-transform: uppercase;} .ajax-auth > div {display: flex;justify-content: space-between;} .ajax-auth input.submit_button {background: -moz-linear-gradient(top, #903D22, #632a17);background-color: #632a17;border: 1px solid #903D22;border-bottom: 1px solid #4A1F11;border-radius: 3px;border-top: 1px solid #903D22;box-shadow: 0 1px 0 #69352F inset;color: #FFF;cursor: pointer;font-size: 13px;padding: 9px 31px 9px 31px;text-shadow: 0 1px 0 #632a17;} .ajax-auth a {text-decoration: none;} .ajax-auth a.text-link {color: #B4B2B2;margin: 10px 0 0 0;} .ajax-auth p.status {display: none;font-weight: 600;margin: -15px 0 20px 0;text-align: center;} /* OVERRIDE */ i.fa.fa-question-circle { display: none !important; } @media (max-width: 1175px){ .review-thickness-container > .select-title { flex-basis: 100%; } } @media (max-width: 1050px){ .page-dimensions.quotetool-wrapper .quotetool-body-container { gap: 40px 0; } .page-edge .quotetool-body-container { gap: 20px; } .page-review .joint-style-container.u-shape .contain-all { flex-wrap: wrap; margin: 0; gap: 0; } .page-review .joint-style-container.u-shape .contain-all > label:not(:last-child) { margin-right: 10px; } .page-review .contain-all { width: auto } } @media (max-width: 992px){ #main .wood-thumb-container > ul { grid-template-columns: repeat(4, 1fr); gap: 30px 10px; justify-items: center; margin: 0; } #main .wood-thumb-container > ul > label[for="oak"], #main .wood-thumb-container > ul > label[for="ash"] { grid-column: span 2; } .page-wood .wood-large-container.selected { margin: 20px 0 0; } .quotetool_container_wrap .quotetool-wrapper.page-wood .quotetool-footer .submit-container { top: 0; right: 0; justify-content: center; position: relative;} .quotetool-select-image > div.rectangle-img { min-height: 190px; } .page-dimensions.quotetool-wrapper form { gap: 20px; } .page-dimensions.quotetool-wrapper .quotetool-body-container, .page-backsplash.quotetool-wrapper .quotetool-body-container, .page-edge.quotetool-wrapper .quotetool-body-container, .page-corner.quotetool-wrapper .quotetool-body-container { grid-template-columns: 1fr; justify-items: center; } .quotetool-select-image.u-shape-imgs { grid-row: auto; margin: 0 auto; } .page-review .thickness-container { width: 50%; } .backsplash-location-img { width: 345px; margin: 0 auto; } .backsplash-material { grid-row: 2; width: 240px; } .backsplash-location-img { height: 280px; } .edge-displays { grid-column: auto; width: 100%; background-size: 100%; max-width: 550px; } .edge-profile-location { width: 350px; grid-row: 1; height: 260px; } .cutout-profile-location { height: 230px; } .page-review .edge-backsplash-cutouts-container .select-title.cutouts-title {display: block;} .page-review .edge-backsplash-cutouts-container .select-title:not(.cutouts-title):not(.backsplash-title) span:last-child { display: none; } .corner-displays { grid-column: auto; width: 100%; max-width: 550px; } .corner-location { width: 340px; height: 300px; } .corner-location.rectangle { grid-row: 1; } .page-review .corner-location { grid-row: 1; } } @media (max-width: 820px){ .quotetool-wrapper form { grid-template-columns: 1fr; } .sidebar-quote-container { padding-top: 0; } .quotetool-wrapper .quotetool-footer { grid-column: span 1; } .quotetool_container_wrap .quotetool-wrapper:not(.page-review) .quotetool-footer .submit-container { position: static; justify-content: center; } .quotetool-wrapper.page-thickness .quotetool-body-container { width: 260px; margin: 0 auto; } } @media (max-width: 768px){ .quotetool_container_wrap .quotetool-title .guide-link { display: block; } .quotetool_container_wrap .select-title { flex-basis: 100%; } .page-review .review-container { justify-content: center; border-top: 1px solid #ccc; padding-top: 25px; } .page-review .joint-style-container.u-shape .contain-all { justify-content: center; } .page-review .edge-backsplash-cutouts-container .select-title { display: flex; justify-content: center; gap: 100px; } .page-review .edge-backsplash-cutouts-container .select-title.cutouts-title {text-align: center;} .page-review .select-title span { margin-left: 0 !important; } .page-review .shape-thumb-container { grid-template-columns: repeat(2, 1fr); width: auto; gap: 20px; } .page-review .joint-style-container .contain-all { justify-content: center; } .page-review .standard-recommendation { border-bottom: none; } .page-review .standard-recommendation > p.standard-title { grid-column: auto; } .page-review .standard-recommendation > .recommendation_data { grid-template-columns: 80px auto; max-width: 280px; justify-self: center; } } @media (max-width: 667px){ .quotetool-nav li.progress-bar { display: none; } form.ajax-auth { width: calc(100% - 50px); } .quotetool_container_wrap .quotetool-footer .start-over-btn { max-width: 100%; width: 100%; background-image: url("/wp-content/plugins/countertop-quote-tool/images/startoverbutton-mobiile.png"); background-position: 50% 50%; height: 175px; } .page-review .joint-style-container.u-shape .contain-all > label { margin-right: 10px; } } @media (max-width: 550px){ .mobile-view { display: block; } #main .wood-thumb-container > ul { grid-template-columns: repeat(3, 1fr); } #main .wood-thumb-container > ul > label[for="oak"], #main .wood-thumb-container > ul > label[for="ash"] { grid-column: auto; } .page-dimensions.quotetool-wrapper .quotetool-body-container { gap: 10px 0; } .page-review .thickness-container { width: 100%; } .page-review .input-dimensions .lamBoxContainer { text-align: center; } .page-review .edge-backsplash-cutouts-container .select-title.backsplash-title { display: block; text-align: center; } .page-review .edge-backsplash-cutouts-container .select-title:not(.cutouts-title):not(.backsplash-title) span:nth-child(2) { display: none; } .page-review .edge-backsplash-cutouts-container.round .edge-location { margin-top: 20px; } .page-review .edge-backsplash-cutouts-container.round > div:nth-child(5){ display: none; } .page-review .review-container.corner-container .contain-all { grid-template-columns: 1fr; } .page-review .freight_body { width: 100%; margin: 0; } .page-review h1.totalprice-review, .page-review h1.othertopprice-review { font-size: 24px; } .page-review .crating-intro { padding: 40px 20px 0; } .page-review .thickness-container > label { justify-content: center; } .page-review .dimensions-container > .contain-all { grid-template-columns: 1fr; } .page-review .joint-style-container.l-shape .contain-all > label { flex-basis: 150px; margin: 20px 0 0px; } .page-review .joint-style-container.l-shape .review-joint-style { margin: 0 auto; } } @media (max-width: 425px){ #main .wood-thumb-container > ul { grid-template-columns: repeat(2, 1fr); } .quotetool_container_wrap .quotetool-title .top-link-container { grid-template-columns: 1fr; } .page-review .shape-container .shape { width: 145px; } .page-review .shape-container .shape.rectangle { background-position: -28px -28px; } .page-review .shape-container .shape.l-shape { background-position: -192px -37px; } .page-review .shape-container .shape.u-shape { background-position: -31px -179px; } .page-review .shape-container .shape.round { background-position: -197px -179px; } .shape-container .opacity-fix { min-width: 100%; } .shape-container .shape { background-size: 500px; padding: 171px 0 0; width: 145px; margin: 0 auto; } .shape-container .shape.rectangle { background-position: -70px -30px; } .shape-container .shape.l-shape { background-position: -302px -36px; } .shape-container .shape.u-shape { background-position: -70px -250px; } .shape-container .shape.round { background-position: -310px -249px; } .edge-displays { height: 320px; } .corner-displays { height: 290px; } .page-review .thickness-container { width: 100%; } } @media (max-width: 375px){ #main.quotetool_container_wrap .quotetool-nav ul { height: 100px; } } @media (max-width: 320px){ }