/* cst-quote-forms.css
   Shared stylesheet for the single-form responsive quote pages
   Large_Dia_Tubes.php, metric-quote.php and Custom_Tooling.php (CarbonScopeTubes.com).
   One markup (one form per page), reflowed with media queries:
     phone   < 600px  : one column, hamburger menu
     tablet  600-799px: two-column fields, hamburger menu
     desktop >= 800px : the original sandbox desktop layout (fixed 1006px page, fixed header,
                        full menu bar, sandbox field positions, sandbox footer). Between 800 and
                        1029px the page is zoomed down exactly like the sandbox merged.css.
   Colours and type are taken from the sandbox page CSS
   (Large_Dia_Tubes.css / Custom_Tooling.css and m/large_dia_tubes.css / m/custom_dia_tubes.css). */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.35;text-align:left}
a{color:#483D8B;text-decoration:none}
a:visited{color:#6A5ACD}
a:hover{color:#6A5ACD;text-decoration:underline}
a:active{color:#0000FF}
img{max-width:100%;height:auto;border:0}
h1{font-family:Arial;font-weight:bold;font-style:italic;font-size:21px;line-height:1.2;color:#4F4F4F;margin:0 0 14px;text-align:center}
h2{font-family:Arial;font-weight:bold;font-style:italic;font-size:18px;line-height:1.25;color:#000000;margin:0 0 8px}
h4{font-family:Arial;font-weight:bold;font-size:13px;margin:0}
.FormStyle{font-family:Arial;font-weight:bold;font-size:13px;color:#000080}

/* ---------- header + menu ---------- */
.site-header{background:#2D2D2D;border:3px solid #FFFFFF;position:relative;z-index:50}
.hdr-inner{display:flex;align-items:center;gap:8px;max-width:1000px;margin:0 auto;padding:6px 8px}
.nav-toggle{flex:0 0 auto;width:42px;height:42px;padding:0;border:1px solid #F5F5F5;border-radius:4px;background:#4F4F4F;color:#FFFFFF;font-size:22px;line-height:40px;cursor:pointer}
.nav-toggle:focus-visible{outline:3px solid #FFD700;outline-offset:2px}
.brand{flex:1 1 auto;min-width:0;font-size:20px;font-weight:bold;font-style:italic;line-height:1.1}
a.CSTHomeLink,a.CSTHomeLink:visited{color:#000000;text-decoration:none;text-shadow:2px 2px 5px rgba(255,255,255,1)}
a.CSTHomeLink:hover{color:#4F4F4F;text-decoration:none}
.hdr-phone{display:none;font-size:24px;white-space:nowrap}
.hdr-phone a,.hdr-phone a:visited{color:#F5F5F5}
.hdr-cart,.hdr-cart:visited{flex:0 0 auto;width:42px;height:42px;line-height:42px;text-align:center;color:#F5F5F5;font-size:24px}
.hdr-cart:hover{color:#FFD700;text-decoration:none}
.site-nav{display:none;background:#000000;border-top:1px solid #F5F5F5}
.site-nav.open{display:block}
.site-nav ul{list-style:none;margin:0;padding:0}
.site-nav a,.site-nav a:visited{display:block;padding:12px 16px;color:#FFFFFF;background:#2D2D2D;font-family:Arial;font-size:15px;border-bottom:1px solid #000000}
.site-nav a:hover,.site-nav a:focus,.site-nav a.active{color:#FFD700;background:#000000;text-decoration:none}

/* ---------- page body ---------- */
.page{display:block;max-width:1000px;margin:0 auto;padding:16px 12px 24px}
.intro-body{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}
.intro-img{text-align:center}
.intro-img img{border-radius:4px}
@media (min-width:600px) and (max-width:799px){.intro-body{grid-template-columns:1fr 1fr}}

/* ---------- the one quote form ---------- */
.quote-form{margin:18px 0 0}
.qf-panel{border:1px solid #7B68EE;border-radius:8px;background:#F8F8FC;padding:12px 14px;margin:0 0 14px}
.qf-head{display:block;font-size:16px;margin:0 0 10px}
.qf-grid{display:grid;grid-template-columns:1fr;gap:10px 14px}
.qf-field label{display:block;margin:0 0 4px}
@media (min-width:600px) and (max-width:799px){
 .qf-grid-dims,.qf-grid-contact{grid-template-columns:1fr 1fr}
 .qf-grid-dims .qf-wide{grid-column:1 / -1}
}
.qf-shape{display:none}
.cp-d{display:none}
.quote-form input[type="text"],.quote-form input[type="email"],.quote-form input[type="tel"],.quote-form input[type="number"],.quote-form select,.quote-form textarea{display:block;width:100%;min-height:36px;margin:0;padding:6px 8px;border:1px solid #6A5ACD;border-radius:4px;background:#FFFFFF;color:#000000;font-family:Arial;font-size:13px;line-height:1.3}
.quote-form select{border-color:#7B68EE;color:#483D8B;font-weight:bold;font-size:16px}
.quote-form textarea{min-height:110px;resize:vertical}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#66AFE9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.qf-dims-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 0}
.qf-weight{margin:0;color:#000080;font-family:Arial;font-size:16px}
a.qf-metric,a.qf-metric:visited{display:inline-block;padding:6px 14px;border:1px solid #2E6DA4;border-radius:4px;background:#FFFFFF;color:#483D8B;font-family:Arial;font-size:15px}
a.qf-metric:hover{background:#F0F0FA;text-decoration:none}
@media (max-width:799px){.quote-form>a.qf-metric{display:table;margin:0 auto 14px}}
.qf-opt{display:grid;grid-template-columns:22px 1fr auto;gap:4px 8px;align-items:start;padding:8px 0;border-top:1px solid #E1E1EE}
.qf-head + .qf-opt{border-top:0}
.qf-opt input[type="checkbox"],.qf-opt input[type="radio"]{width:18px;height:18px;margin:0;cursor:pointer}
.qf-opt label{cursor:pointer}
.qf-tip{display:inline-block;width:18px;height:18px;cursor:help;line-height:0}
.qf-tip:focus-visible{outline:2px solid #66AFE9;outline-offset:2px}
.qf-desc{grid-column:2 / -1;margin:2px 0 0;color:#000000;font-family:Arial;font-size:12px;line-height:1.35}
@media (max-width:799px){.qf-tip{display:none}.qf-opt{grid-template-columns:22px 1fr}}
.qf-comments-head{margin:0 0 8px}
.qf-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 0}
.quote-form input[type="reset"]{padding:8px 16px;border:1px solid #FF0000;border-radius:4px;background:#FFFFFF;color:#FF0000;font-family:Arial;font-size:13px;cursor:pointer}
.quote-form input[type="submit"]{padding:10px 36px;border:1px solid #2E6DA4;border-radius:4px;background:#3370B7;color:#FFFFFF;font-family:Arial;font-size:15px;cursor:pointer}
.quote-form input[type="submit"]:hover{background:#286090}
@media (max-width:599px){.qf-actions{flex-direction:column-reverse;align-items:stretch}.qf-actions input{width:100%}}

/* jQuery UI tooltips on the info icons (desktop) */
.ui-tooltip.cst-tip{max-width:340px;padding:8px 10px;background:#FFFFFF;border:1px solid #CCCCCC;box-shadow:0 2px 8px rgba(0,0,0,.2)}

/* length x quantity notice */
.modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,.4)}
.modal-content{position:relative;background:#FEFEFE;margin:12vh auto 0;padding:20px 20px 16px;border:1px solid #888888;border-radius:10px;width:calc(100% - 24px);max-width:500px;font-size:14px;line-height:1.4}
.modal-content .close{position:absolute;right:12px;top:4px;color:#AAAAAA;font-size:28px;font-weight:bold;cursor:pointer;background:none;border:0;padding:0;line-height:1}
.modal-content .close:hover,.modal-content .close:focus{color:#000000}
.modal-content p{margin:14px 0 0}

/* length warning box from rfq-length-check.js: keep it on screen on phones */
@media (max-width:799px){#cstLenWarn{white-space:normal!important;max-width:calc(100vw - 24px)!important;left:0!important}}

/* Custom_Tooling.php tooling-cost notice (jQuery UI dialog #Layer3) */
.ui-dialog.Layer3{max-width:calc(100vw - 24px);padding:0;background:#FBFBFB;border:1px solid #CCCCCC;z-index:10001}
.ui-dialog.Layer3 .ui-dialog-titlebar{display:none}
#Layer3{padding:28px 20px 22px!important;text-align:center;background:#FBFBFB}
#Layer3 #wb_Text3 span{font-size:21px;line-height:1.3}
#Layer3 #Button2{display:block;margin:24px auto 0;width:110px;height:36px;border:1px solid #2E6DA4;border-radius:4px;background:#3370B7;color:#FFFFFF;font:14px Arial;cursor:pointer}
@media (max-width:599px){#Layer3 #wb_Text3 span{font-size:18px}}

/* ---------- footer ---------- */
.site-footer{background:#DCDCDC;border:1px solid #808080;margin:24px 0 0}
.ft-inner{display:grid;grid-template-columns:1fr;gap:18px;max-width:1000px;margin:0 auto;padding:18px 12px}
.ft-logos{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 0}
.ft-nav ul{list-style:none;margin:6px 0 0;padding:0}
.ft-nav li{margin:0 0 6px;font-size:13px}
.ft-head{margin:0}
.ft-icons{margin:10px 0 0}
.ft-icons a,.ft-icons a:visited{display:inline-block;width:44px;height:44px;margin:0 6px 0 0;line-height:44px;text-align:center;font-size:26px;color:#2779AA;background:#FFFFFF;border:1px solid #AED0EA;border-radius:6px}
.ft-icons a:hover{color:#FFFFFF;background:#2779AA;text-decoration:none}
.ft-copy{grid-column:1 / -1;margin:0;text-align:center;font-family:Tahoma;font-size:11px;color:#000000}
@media (min-width:600px) and (max-width:799px){.ft-inner{grid-template-columns:1fr 1fr}}
/* mobile (< 800px): lay the shared footer out like the site's sandbox mobile footer
   (m_FlexGrid2 in m/large_dia_tubes.css, custom_dia_tubes.css, metric_dia_tubes.css) */
@media (max-width:799px){
 .site-footer{margin:50px 0 0;border:1px solid #A9A9A9;background:#DCDCDC}
 .ft-inner{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:100px auto 50px;grid-template-areas:"contact contact ids ids" "sam piee wawf dla" "call copy copy email";gap:0;max-width:none;margin:0;padding:0}
 .ft-ids,.ft-logos,.ft-contact,.ft-icons{display:contents}
 .ft-nav{display:none}
 .ft-contact>p{grid-area:contact;justify-self:center;align-self:start;width:168px;margin:16px 0 0 10px!important;line-height:16px;text-align:left}
 .ft-contact>p>span:nth-child(2),.ft-contact>p>span:nth-child(n+5){display:none}
 .ft-contact>p>span:first-child{font-size:15px!important;line-height:16px!important}
 .ft-contact>p>span:nth-child(3),.ft-contact>p>span:nth-child(4){line-height:17px!important}
 .ft-idbox{grid-area:ids;justify-self:center;align-self:start;display:block;box-sizing:content-box;width:150px;height:67px;margin:10px 10px 0 0;padding:10px 5px 10px 10px;border:2px solid #696969;border-radius:10px;line-height:normal;text-align:left}
 .ft-logos img{display:block;align-self:center;justify-self:center}
 .ft-logos img:nth-child(1){grid-area:piee;width:75px;height:30px;margin:15px 0 0}
 .ft-logos img:nth-child(2){grid-area:sam;width:82px;height:30px;margin:18px 0 0 10px}
 .ft-logos img:nth-child(3){grid-area:wawf;width:69px;height:56px;margin:15px 0 0}
 .ft-logos img:nth-child(4){grid-area:dla;width:47px;height:57px;margin:0;align-self:end}
 .ft-icons a,.ft-icons a:visited{align-self:center;box-sizing:border-box;width:43px;height:43px;margin:0;line-height:41px;font-size:27px;color:#6A5ACD;background:#DCDCDC;border:1px solid #FFFFFF;border-radius:4px}
 .ft-icons a:first-child{grid-area:call;justify-self:end}
 .ft-icons a:last-child{grid-area:email;justify-self:start}
 .ft-icons a:hover{color:#0070A3;background:#E4F1FB;border-color:#74B2E2}
 .ft-icons a:active{color:#FFFFFF;background:#3BAAE3;border-color:#2694E8}
 .ft-copy{grid-area:copy;align-self:center}
}
/* =====================================================================
   DESKTOP (>= 800px): the original sandbox desktop design
   (sandbox Large_Dia_Tubes.css / Request_Quote_Metric.css / Custom_Tooling.css,
   merged-header.css, desktop-cart.css). Same single form, re-positioned.
   ===================================================================== */
/* sandbox merged.css: scale the fixed 1006px desktop page between 800 and 1029px */
@media (min-width:800px) and (max-width:809px){ body{zoom:0.7753} }
@media (min-width:810px) and (max-width:819px){ body{zoom:0.7853} }
@media (min-width:820px) and (max-width:829px){ body{zoom:0.7952} }
@media (min-width:830px) and (max-width:839px){ body{zoom:0.8052} }
@media (min-width:840px) and (max-width:849px){ body{zoom:0.8151} }
@media (min-width:850px) and (max-width:859px){ body{zoom:0.8250} }
@media (min-width:860px) and (max-width:869px){ body{zoom:0.8350} }
@media (min-width:870px) and (max-width:879px){ body{zoom:0.8449} }
@media (min-width:880px) and (max-width:889px){ body{zoom:0.8549} }
@media (min-width:890px) and (max-width:899px){ body{zoom:0.8648} }
@media (min-width:900px) and (max-width:909px){ body{zoom:0.8748} }
@media (min-width:910px) and (max-width:919px){ body{zoom:0.8847} }
@media (min-width:920px) and (max-width:929px){ body{zoom:0.8946} }
@media (min-width:930px) and (max-width:939px){ body{zoom:0.9046} }
@media (min-width:940px) and (max-width:949px){ body{zoom:0.9145} }
@media (min-width:950px) and (max-width:959px){ body{zoom:0.9245} }
@media (min-width:960px) and (max-width:969px){ body{zoom:0.9344} }
@media (min-width:970px) and (max-width:979px){ body{zoom:0.9443} }
@media (min-width:980px) and (max-width:989px){ body{zoom:0.9543} }
@media (min-width:990px) and (max-width:999px){ body{zoom:0.9642} }
@media (min-width:1000px) and (max-width:1009px){ body{zoom:0.9742} }
@media (min-width:1010px) and (max-width:1019px){ body{zoom:0.9841} }
@media (min-width:1020px) and (max-width:1029px){ body{zoom:0.9940} }
@keyframes animate-border{0%{border-color:#000000}100%{border-color:#FF0000}}
@media (min-width:800px){
 body{font-family:Arial;font-size:11px;line-height:1.1875;text-align:center;background:#FFFFFF}
 h1{display:block;margin:0;font-size:27px;line-height:1.1875;color:#4F4F4F}
 h2{display:inline;margin:0;font-size:21px;line-height:1.1875}

 /* header: sandbox #Layer1 (fixed, 110px + 3px white border), #wb_Text2, #wb_Text8, #cst-dcart, #wb_CssMenu1 */
 .site-header{position:fixed;left:0;right:0;top:0;height:116px;box-sizing:border-box;border:3px solid #FFFFFF;background:#2D2D2D;z-index:72;text-align:center}
 .hdr-inner{display:block;position:relative;width:1000px;max-width:none;height:110px;margin:0 auto;padding:0;text-align:left}
 .nav-toggle{display:none}
 .brand{position:absolute;left:8px;top:8px;width:775px;height:47px;font-size:43px;line-height:1.1875;font-weight:bold;font-style:italic;color:#B4C0CB}
 a.CSTHomeLink:visited{background:transparent}
 .hdr-phone{display:block;position:absolute;left:747px;top:28px;width:182px;height:27px;text-align:right;font-size:24px;line-height:1.1875;color:#F5F5F5}
 .hdr-phone a,.hdr-phone a:visited,.hdr-phone a:hover{color:#F5F5F5;text-decoration:none}
 .hdr-cart,.hdr-cart:visited{position:absolute;left:939px;top:20px;width:40px;height:43px;line-height:43px;border-radius:4px;text-align:center;font-size:24px;color:#F5F5F5}
 .hdr-cart:hover{color:#0070A3}
 .hdr-cart:active{color:#FFFFFF}
 .site-nav,.site-nav.open{display:block;position:absolute;left:50%;top:68px;width:990px;height:30px;margin-left:-496px;box-sizing:content-box;border:1px solid #F5F5F5;border-top:1px solid #F5F5F5;background:#000000;text-align:center}
 .site-nav ul{display:block;max-width:none;margin:0;padding:0;list-style:none}
 .site-nav li{float:left;width:12.49%;min-width:0;margin:0;padding:0}
 .site-nav li.nav-home{display:none}
 .site-nav a,.site-nav a:visited{display:block;float:left;width:100%;height:28px;box-sizing:border-box;margin:0;padding:0 5px;border:0;background:#2D2D2D;color:#FFFFFF;font-family:Arial;font-size:12px;font-weight:normal;line-height:28px;text-align:center;text-decoration:none}
 .site-nav li:hover a,.site-nav a:hover,.site-nav a:focus,.site-nav a.active{color:#FFD700;background:#000000;text-decoration:none}

 /* page: sandbox #container (1006px, absolute children; the page height is the sandbox footer top) */
 .page{display:block;position:relative;width:1006px;max-width:none;margin:0 auto;padding:0;text-align:left}
 .intro-body,.qf-panel,.qf-grid,.qf-field,.qf-opt,.qf-dims-foot,.qf-actions,.ft-ids,.ft-logos{display:contents}
 .page > h1{position:absolute;z-index:2;text-align:center}
 .intro-text{position:absolute;z-index:2;text-align:left}
 .intro-img{position:absolute;z-index:1;text-align:left}
 .intro-img img{display:block;width:100%;height:100%;border-radius:0}

 /* the one form, laid out like the sandbox desktop form */
 .quote-form{position:absolute;margin:0;padding:0}
 .qf-head{position:absolute;display:block;margin:0;font-size:13px;line-height:1.1875;white-space:nowrap}
 .qf-shape{display:block;position:absolute;background:url(images/0001.png) no-repeat 0 0;background-size:100% 100%}
 .pg-metric .qf-shape{background-image:url(images/0002.png)}
 .pg-custom .qf-shape{background-image:url(images/0004.png)}
 .quote-form label{position:absolute;display:block;margin:0;cursor:pointer;line-height:1.1875}
 #Label1,#Label16,#Label17,#Label18,#Label19,#Label26,#Label27{line-height:19px;vertical-align:top}
 .pg-metric #Label19,.pg-metric #Label26,.pg-metric #Label27{line-height:14px}
 .pg-custom label[for^="Custom"]{text-align:right}
 .quote-form input[type="text"],.quote-form input[type="email"],.quote-form input[type="tel"],.quote-form input[type="number"]{position:absolute;display:block;box-sizing:content-box;min-height:0;margin:0;padding:4px;border:1px solid #6A5ACD;border-radius:4px;background:#FFFFFF;color:#000000;font-family:Arial;font-size:13px;font-weight:normal;line-height:16px;text-align:left}
 .pg-custom input#CustomID,.pg-custom input#CustomLen,.pg-custom input#CustomWall,.pg-custom input#CustomQty{padding:0 0 0 4px;line-height:24px}
 .quote-form select{position:absolute;display:block;box-sizing:border-box;min-height:0;margin:0;padding:4px;border:1px solid #7B68EE;border-radius:4px;background:#FFFFFF;color:#483D8B;font-family:Arial;font-size:16px;font-weight:bold;animation:animate-border 1000ms linear 5000ms 12 normal both}
 .quote-form textarea{position:absolute;display:block;box-sizing:content-box;min-height:0;margin:0;padding:4px;border:1px solid #6A5ACD;border-radius:4px;background:#FFFFFF;color:#000000;font-family:Arial;font-size:12px;line-height:normal;overflow:auto;resize:none}
 .quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#66AFE9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
 .quote-form input[type="checkbox"],.quote-form input[type="radio"]{position:absolute;width:13px;height:13px;margin:0;cursor:pointer}
 .qf-tip{position:absolute;display:block;line-height:0}
 .qf-tip img{display:block;width:18px;height:18px;border-radius:0}
 .qf-desc{display:none}
 .qf-weight{position:absolute;margin:0;color:#000080;font-family:Arial;font-size:16px;line-height:1.1875}
 .qf-comments-head{position:absolute;margin:0;text-align:left}
 a.qf-metric,a.qf-metric:visited{position:absolute;display:block;box-sizing:border-box;margin:0;padding:1px 6px;border:1px solid #2E6DA4;border-radius:4px;background:#FFFFFF;color:#483D8B;font-family:Arial;font-size:15px;line-height:21px;text-align:center;text-decoration:none;cursor:pointer}
 a.qf-metric:hover{background:#FFFFFF;color:#483D8B;text-decoration:none}
 .quote-form input[type="reset"],.quote-form input[type="submit"]{position:absolute;display:block;box-sizing:border-box;width:96px;height:25px;margin:0;-webkit-appearance:none;appearance:none;font-family:Arial;font-weight:normal;text-align:center;cursor:pointer}
 .quote-form input#ClearForm{padding:0;border:1px solid #FF0000;border-radius:4px;background:transparent;color:#FF0000;font-size:11px}
 .quote-form input#Button3{padding:0;border:1px solid #808080;border-radius:14px;background:#F5F5F5;color:#FF0000;font-size:13px}
 .quote-form input[type="submit"]{padding:1px 6px;border:1px solid #2E6DA4;border-radius:4px;background:#3370B7;color:#FFFFFF;font-size:11px}
 .quote-form input#Submit{padding:0}
 .quote-form input[type="submit"]:hover{background:#3370B7}

 /* Custom_Tooling.php tooling-cost notice: sandbox #Layer3 (477 x 356, text at 45/51, Got it at 201/292) */
 .ui-dialog.Layer3{width:477px!important;max-width:none}
 #Layer3{position:relative!important;height:356px!important;padding:0!important;text-align:left;overflow:visible}
 #Layer3 #wb_Text3{position:absolute;left:45px;top:51px;width:387px;height:167px;text-align:center}
 #Layer3 #wb_Text3 span{font-size:21px;line-height:1.1875}
 #Layer3 #Button2{position:absolute;left:201px;top:292px;display:block;width:96px;height:25px;margin:0;padding:1px 6px;border:1px solid #2E6DA4;border-radius:4px;background:#3370B7;color:#FFFFFF;font:11px Arial;-webkit-appearance:none;appearance:none}

 /* footer: sandbox #PageFooter1 (203px, 1004px inner, absolute children) */
 .site-footer{position:relative;height:203px;margin:0;box-sizing:border-box;border:1px solid #808080;background:#DCDCDC;overflow:hidden;text-align:center}
 .ft-inner{display:block;position:relative;width:1004px;max-width:none;height:201px;margin:0 auto;padding:0;text-align:left}
 .ft-idbox{position:absolute;left:17px;top:16px;width:149px;height:67px;box-sizing:content-box;padding:10px 5px 10px 10px;border:2px solid #696969;border-radius:10px;text-align:left}
 .pg-custom .ft-idbox{left:17px}
 .ft-logos img{position:absolute;margin:0;max-width:none;border-radius:0}
 .ft-logos img:nth-child(1){left:131px;top:116px;width:104px;height:42px}
 .ft-logos img:nth-child(2){left:18px;top:116px;width:103px;height:39px;box-sizing:content-box;padding:1px 0 2px 2px;background:#FFFFFF}
 .ft-logos img:nth-child(3){left:243px;top:117px;width:62px;height:35px;box-sizing:content-box;padding:4px 4px 1px 2px;background:#FFFFFF}
 .ft-logos img:nth-child(4){left:238px;top:16px;width:77px;height:95px}
 .ft-nav{position:absolute;left:404px;top:15px;width:250px;height:150px}
 .ft-head{position:absolute;left:0;top:0;width:250px;height:18px;margin:0}
 .ft-nav ul{position:absolute;left:21px;top:29px;width:229px;margin:0;padding:0;list-style:none}
 .ft-nav li{display:block;margin:0 0 5px;font-size:12px;line-height:15px}
 .ft-contact{position:absolute;left:715px;top:15px;width:269px;height:140px;text-align:right}
 .ft-icons{display:none}
 .ft-copy{position:absolute;left:163px;top:177px;width:670px;height:13px;margin:0;text-align:center;font-family:Tahoma;font-size:11px;line-height:1.1875;color:#000000}
 .cp-m{display:none}
 .cp-d{display:inline}

 /* pg-large: positions copied from the sandbox desktop layout */
 .pg-large .page{height:1441px}
 .pg-large .page > h1{left:105px;top:132px;width:797px;height:59px}
 .pg-large .intro-text{left:115px;top:233px;width:385px;height:167px}
 .pg-large .intro-img{left:483px;top:186px;width:462px;height:256px}
 .pg-large .quote-form{left:37px;top:463px;width:891px;height:944px}
 .pg-large #ComboboxEnglish{left:265px;top:66px;width:399px;height:33px}
 .pg-large #LenEnglish{left:201px;top:137px;width:65px;height:16px}
 .pg-large #WallEnglish{left:456px;top:137px;width:65px;height:16px}
 .pg-large #Button4{left:417px;top:887px;width:96px;height:25px}
 .pg-large .qf-head-dims{left:80px;top:11px;width:245px;height:15px}
 .pg-large .qf-shape{left:103px;top:48px;width:722px;height:136px}
 .pg-large #Label1{left:129px;top:73px;width:122px;height:27px}
 .pg-large #Label18{left:129px;top:139px;width:62px;height:27px}
 .pg-large #Label16{left:331px;top:139px;width:114px;height:27px}
 .pg-large #Label17{left:625px;top:139px;width:73px;height:27px}
 .pg-large #QtyEnglish{left:707px;top:137px;width:65px;height:16px}
 .pg-large #Unsure{left:171px;top:210px}
 .pg-large #Imaging{left:171px;top:241px}
 .pg-large #Black{left:105px;top:463px}
 .pg-large #Holes{left:105px;top:496px}
 .pg-large #Clearcoat{left:105px;top:401px}
 .pg-large #Sanded{left:105px;top:431px}
 .pg-large label[for="Unsure"]{left:201px;top:212px;width:625px;height:15px}
 .pg-large label[for="Imaging"]{left:201px;top:243px;width:398px;height:15px}
 .pg-large label[for="Black"]{left:135px;top:465px;width:660px;height:15px}
 .pg-large label[for="Holes"]{left:135px;top:498px;width:660px;height:30px}
 .pg-large label[for="Clearcoat"]{left:134px;top:403px;width:660px;height:15px}
 .pg-large label[for="Sanded"]{left:135px;top:433px;width:660px;height:15px}
 .pg-large #tipUnsure{left:145px;top:209px;width:18px;height:18px}
 .pg-large #tipImaging{left:145px;top:240px;width:18px;height:18px}
 .pg-large #tipClearcoat{left:79px;top:400px;width:18px;height:18px}
 .pg-large #tipSanded{left:79px;top:430px;width:18px;height:18px}
 .pg-large #tipBlack{left:79px;top:461px;width:18px;height:18px}
 .pg-large #tipHoles{left:79px;top:494px;width:18px;height:18px}
 .pg-large .qf-head-opts{left:80px;top:359px;width:245px;height:15px}
 .pg-large .qf-weight{left:359px;top:290px;width:366px;height:41px}
 .pg-large .qf-comments-head{left:105px;top:554px;width:720px;height:60px}
 .pg-large #Comments{left:105px;top:627px;width:711px;height:90px}
 .pg-large #ClearForm{left:105px;top:738px;width:96px;height:25px}
 .pg-large #Label26{left:105px;top:801px;width:60px;height:27px}
 .pg-large #Label27{left:382px;top:801px;width:60px;height:27px}
 .pg-large #Label19{left:655px;top:801px;width:60px;height:27px}
 .pg-large #Name{left:106px;top:831px;width:190px;height:16px}
 .pg-large #Email{left:382px;top:831px;width:190px;height:16px}
 .pg-large #Phone{left:655px;top:831px;width:160px;height:16px}
 .pg-large #Button2{left:368px;top:-17px;width:190px;height:25px}
 /* pg-metric: positions copied from the sandbox desktop layout */
 .pg-metric .page{height:1568px}
 .pg-metric .page > h1{left:84px;top:133px;width:836px;height:60px}
 .pg-metric .intro-text{left:116px;top:254px;width:360px;height:167px}
 .pg-metric .intro-img{left:483px;top:211px;width:462px;height:256px}
 .pg-metric .quote-form{left:36px;top:491px;width:891px;height:946px}
 .pg-metric #ComboboxMetric{left:253px;top:65px;width:422px;height:33px}
 .pg-metric #LenMetric{left:201px;top:137px;width:65px;height:16px}
 .pg-metric #WallMetric{left:456px;top:137px;width:65px;height:16px}
 .pg-metric #Submit{left:416px;top:887px;width:96px;height:25px}
 .pg-metric .qf-head-dims{left:80px;top:11px;width:245px;height:15px}
 .pg-metric .qf-shape{left:103px;top:48px;width:722px;height:136px}
 .pg-metric #Label1{left:117px;top:74px;width:122px;height:27px}
 .pg-metric #Label18{left:125px;top:139px;width:66px;height:27px}
 .pg-metric #Label16{left:325px;top:139px;width:120px;height:27px}
 .pg-metric #Label17{left:619px;top:139px;width:79px;height:27px}
 .pg-metric #QtyEnglish{left:707px;top:137px;width:65px;height:16px}
 .pg-metric #Unsure{left:173px;top:213px}
 .pg-metric #Imaging{left:173px;top:244px}
 .pg-metric #Black{left:105px;top:467px}
 .pg-metric #Holes{left:105px;top:499px}
 .pg-metric #Clearcoat{left:105px;top:405px}
 .pg-metric #Sanded{left:105px;top:435px}
 .pg-metric label[for="Unsure"]{left:203px;top:215px;width:592px;height:15px}
 .pg-metric label[for="Imaging"]{left:203px;top:246px;width:382px;height:15px}
 .pg-metric label[for="Black"]{left:135px;top:469px;width:660px;height:15px}
 .pg-metric label[for="Holes"]{left:135px;top:501px;width:660px;height:30px}
 .pg-metric label[for="Clearcoat"]{left:134px;top:407px;width:660px;height:15px}
 .pg-metric label[for="Sanded"]{left:135px;top:437px;width:660px;height:15px}
 .pg-metric #tipUnsure{left:148px;top:211px;width:18px;height:18px}
 .pg-metric #tipImaging{left:148px;top:242px;width:18px;height:18px}
 .pg-metric #tipClearcoat{left:80px;top:403px;width:18px;height:18px}
 .pg-metric #tipSanded{left:80px;top:433px;width:18px;height:18px}
 .pg-metric #tipBlack{left:80px;top:464px;width:18px;height:18px}
 .pg-metric #tipHoles{left:80px;top:496px;width:18px;height:18px}
 .pg-metric .qf-head-opts{left:80px;top:369px;width:245px;height:15px}
 .pg-metric .qf-weight{left:361px;top:298px;width:366px;height:41px}
 .pg-metric .qf-comments-head{left:105px;top:555px;width:720px;height:59px}
 .pg-metric #Comments{left:105px;top:627px;width:711px;height:90px}
 .pg-metric #ClearForm{left:105px;top:738px;width:96px;height:25px}
 .pg-metric #Label26{left:105px;top:801px;width:60px;height:22px}
 .pg-metric #Label27{left:382px;top:801px;width:60px;height:22px}
 .pg-metric #Label19{left:655px;top:801px;width:60px;height:22px}
 .pg-metric #Name{left:106px;top:831px;width:190px;height:16px}
 .pg-metric #Email{left:382px;top:831px;width:190px;height:16px}
 .pg-metric #Phone{left:655px;top:831px;width:160px;height:16px}
 .pg-metric #Button2{left:369px;top:-14px;width:190px;height:25px}
 .pg-metric .ft-contact{top:14px}
 /* pg-custom: positions copied from the sandbox desktop layout */
 .pg-custom .page{height:1271px}
 .pg-custom .page > h1{left:0px;top:135px;width:999px;height:30px}
 .pg-custom .intro-text{left:136px;top:221px;width:358px;height:161px}
 .pg-custom .intro-img{left:483px;top:174px;width:462px;height:256px}
 .pg-custom .quote-form{left:141px;top:440px;width:760px;height:781px}
 .pg-custom .qf-head-dims{left:-1px;top:-8px;width:245px;height:15px}
 .pg-custom .qf-shape{left:2px;top:14px;width:757px;height:50px}
 .pg-custom label[for="CustomID"]{left:7px;top:31px;width:128px;height:15px}
 .pg-custom label[for="CustomLen"]{left:220px;top:31px;width:101px;height:15px}
 .pg-custom label[for="CustomWall"]{left:413px;top:31px;width:117px;height:15px}
 .pg-custom label[for="CustomQty"]{left:614px;top:31px;width:76px;height:15px}
 .pg-custom #CustomID{left:144px;top:26px;width:69px;height:24px}
 .pg-custom #CustomLen{left:330px;top:26px;width:69px;height:24px}
 .pg-custom #CustomWall{left:539px;top:26px;width:69px;height:24px}
 .pg-custom #CustomQty{left:699px;top:26px;width:39px;height:24px}
 .pg-custom #Unsure{left:79px;top:90px}
 .pg-custom #Imaging{left:79px;top:120px}
 .pg-custom #Black{left:29px;top:324px}
 .pg-custom #Holes{left:29px;top:360px}
 .pg-custom #Clearcoat{left:29px;top:261px}
 .pg-custom #Sanded{left:29px;top:291px}
 .pg-custom label[for="Unsure"]{left:109px;top:90px;width:621px;height:15px}
 .pg-custom label[for="Imaging"]{left:109px;top:120px;width:351px;height:15px}
 .pg-custom label[for="Black"]{left:59px;top:324px;width:660px;height:15px}
 .pg-custom label[for="Holes"]{left:59px;top:360px;width:660px;height:30px}
 .pg-custom label[for="Clearcoat"]{left:59px;top:261px;width:660px;height:15px}
 .pg-custom label[for="Sanded"]{left:59px;top:291px;width:660px;height:15px}
 .pg-custom #tipUnsure{left:47px;top:88px;width:18px;height:18px}
 .pg-custom #tipImaging{left:47px;top:118px;width:18px;height:18px}
 .pg-custom #tipClearcoat{left:-3px;top:259px;width:18px;height:18px}
 .pg-custom #tipSanded{left:-3px;top:289px;width:18px;height:18px}
 .pg-custom #tipBlack{left:-3px;top:322px;width:18px;height:18px}
 .pg-custom #tipHoles{left:-3px;top:358px;width:18px;height:18px}
 .pg-custom .qf-head-opts{left:-1px;top:231px;width:245px;height:15px}
 .pg-custom .qf-weight{left:304px;top:160px;width:366px;height:41px}
 .pg-custom .qf-comments-head{left:26px;top:422px;width:720px;height:59px}
 .pg-custom #Comments{left:25px;top:491px;width:711px;height:90px}
 .pg-custom #Button3{left:26px;top:605px;width:96px;height:25px}
 .pg-custom #Label26{left:26px;top:646px;width:60px;height:27px}
 .pg-custom #Label27{left:303px;top:646px;width:60px;height:27px}
 .pg-custom #Label19{left:576px;top:646px;width:60px;height:27px}
 .pg-custom #Name{left:27px;top:676px;width:190px;height:16px}
 .pg-custom #Email{left:303px;top:676px;width:190px;height:16px}
 .pg-custom #Phone{left:576px;top:676px;width:160px;height:16px}
 .pg-custom #Button5{left:338px;top:732px;width:96px;height:25px}
}