/*MAIN SEARCH-------------------------------------------------------*/ .msgRow { margin-top: -15px; margin-bottom: 0px; color: red; } .formHolder { display: block; width: 100%; margin-bottom: 16px; } .formBlock { float: left; text-align: left; padding-right: 16px; padding-bottom: 22px; } .colHead { color: #F5861D; font-weight: bold; font-size: 32px; } .blueLine { background-color: #3EA3D1; height: 4px; display: block; clear: both; width: 100%; margin-top: 12px; } .sbutton { background-color: #F5861D !important; color: #fff; font-size: 16px; font-weight: bold; margin-top: 6px; } /*RESULTS--------------------------------------------------------------*/ .formBox { width: 100%; border-style: solid; border-width: 1px; border-color: #BFBFBF; padding: 12px; margin-bottom: 18px; font-size: 13px; } .formBoxHeader { font-size: 16px; font-weight: bold; color: #00539F; margin-bottom: 8px; } .search-form-wrap {} .search-form-block {} .search-form-block input[type=text] { width: 100%; } .search-form-block select { width: 100%; height: 36px; } .msg { color: red; font-weight: normal; font-size: 11px; } .sbutton { background-color: #F5861D !important; color: #fff; font-size: 18px; font-weight: bold; margin-top: 6px; border-radius: 0 !important; border: none !important; text-transform: uppercase; line-height: 1; } .sbuttonCamel{ text-transform: none; } .sbutton:hover { background-color: #333 !important; } .colHead { color: #F5861D; font-weight: bold; font-size: 32px; } .secondary { color: #F5861D; font-weight: bold; font-size: 18px; } .restultNote { color: black; font-size: 17px; font-weight: normal; } .blueLine { background-color: #3EA3D1; height: 4px; display: block; clear: both; width: 100%; margin-top: 12px; } .qaResult { float: left; background-color: #C7E3EF; font-weight: bold; font-size: 11px; width: 125px; height: 125px; text-align: center; padding: 10px; } .qaResult span { display: block; } .resultCopy { float: left; padding: 0 15px 0; width: calc(100% - 165px); } .resultCopy { float: left; padding-left: 16px; width: calc(100% - 165px); } .resultBox.qa .resultCopy { width: calc(100% - 290px); } .search-div { width: 240px; float: left; } .formBox:after { content: ""; display: table; clear: both; } .results-div { width: calc(100% - 272px); float: right; overflow-x: auto; } #qaSelect { background-color: #C7E3EF; display: block; /*min-height: 90px;*/ } #qaSelect:after { display: table; content: ""; clear: both; } /*.qa-checkbox { float: left; padding-top: 18px; padding-left: 18px; width: 36px; }*/ .qa-checkbox { float: left; margin: 23px 3px 0 15px; width: 26px; height: 26px; } .qa-checkbox input[type='checkbox'] { display: none; } .qa-checkbox input[type='checkbox'] + label { display: inline-block; width: 26px; height: 26px; cursor: pointer; background-image: url('/images/checkbox-empty.png'); background-repeat: no-repeat; background-position: left top; } .qa-checkbox input[type='checkbox']:checked + label { background-image: url('/images/checkbox-checked.png'); } .qa-small-logo { float: left; width: 81px; } .qa-select-content { float: left; padding: 14px 10px 10px 0; width: calc(100% - 125px); line-height: 1.3; } .resultBox { background-color: #EEEEEE; display: block; width: 100%; min-height: 120px; margin-bottom: 12px; } .resultBox:after { content: ""; display: table; clear: both; } .cname { margin: 0; font-weight: bold; color: #00539F; font-size: 18px; } .resultCopy .cname { padding-top: 12px; } .distance { margin: 0; font-style: italic; font-size: 11px; padding-top: 5px; } .adr { margin: 0; font-weight: bold; font-size: 12px; padding-top: 3px; } .adrBreak { display: inline-block; font-weight: bold; font-size: 18px; padding-left: 3px; padding-right: 4px; position: relative; top: -2px; } .cinfo { margin: 0; font-weight: bold; font-size: 13px; padding-top: 6px; } .cinfoLink { display: inline; font-weight: bold; font-size: 15px; color: #F5861D; text-decoration: none; } .coproLinkBlock { float: right; margin-top: 14px; width: 165px; padding: 15px; } .coproLink { padding: 8px 42px 7px 42px; background-color: #015696 !important; color: #fff !important; font-size: 16px; font-weight: normal; margin-top: 6px; text-align: center; text-decoration: none; } .coproLink:hover { color: #FFF !important; background-color: #F5861D !important; } ul.contact-info { float: left; display: none; margin: 0 0 15px; list-style: none; padding: 0; } ul.contact-info li { display: inline; margin: 0px 10px 5px 0; padding: 0; font-weight: bold; font-size: 12px; } ul.contact-info2 { float: left; margin: 0 0 15px; list-style: none; padding: 0; } ul.contact-info2 li { display: inline; margin: 0px 10px 5px 0; padding: 0; font-weight: bold; font-size: 12px; } ul.contact-info2 li.phone-number{ display: none; } .copro-expand { background-color: #eaeaea; padding: 30px 0; margin-top: -30px; } .company-info-only { padding: 40px; margin: auto; max-width: 740px; font-size: 18px; border: 1px #CCC solid; background-color: #FFF; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.27); -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.27); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.27); } .company-info-only:after { display: table; content: ""; clear: both; } .company-info-only .cname { font-size: 22px; margin-bottom: 10px; } .company-info-only .adr { font-size: 16px; margin-bottom: 10px; } .company-info-only .cinfo { font-size: 15px; font-weight: 700; color: #00539F; } .company-info-only .cinfo a.tel { color: #00539F; text-decoration: none; } .company-info-only .cinfo a { color: #00539F; text-decoration: none; } .company-info-only .cinfo a:hover { color: #3EA3D1; } .company-info-only ul.cinfo { margin: 0; padding: 0; list-style: none; } .company-info-only ul.cinfo li { margin: 0; padding: 10px 0 0; list-style: none; } .company-info-only .qaBox {margin-right: 30px; } .company-info-only i { font-size: 18px; margin-right: 10px; color: #3EA3D1; min-width: 21px; } ul.no-list { margin: 0; padding: 0; list-style: none; } ul.no-list li { margin: 0; padding: 2px 0; list-style: none; } ul.formbox-list { -moz-column-count: 3; -moz-column-gap: 40px; -webkit-column-count: 3; -webkit-column-gap: 40px; column-count: 3; column-gap: 40px; } ul.formbox-list.only2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } ul.formbox-list li { -webkit-column-break-inside: avoid; /* Chrome, Safari */ page-break-inside: avoid; /* Theoretically FF 20+ */ break-inside: avoid-column; /* IE 11 */ } ul.formbox-list:after { content: ""; display: table; clear: both; } @media (max-width:640px) { ul.formbox-list { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; } } #filter-wrap {} #filter-wrap h2 { text-align: left; margin: 0 0 5px; padding: 0; font-size: 20px; } ul.filter-list { list-style: none; padding: 0; margin: 0; } ul.filter-list li { list-style: none; padding: 0; margin: 0 0 2px; } ul.filter-list li label { font-weight: normal; } .filter-toggle { position: fixed; display: none; width: 40px; height: 40px; top: 280px; right: 0; background-color: #F5861D; background-repeat: no-repeat; background-position: center center; background-image: url("../images/filter-toggle.png"); background-size: 40px; } .filter-toggle:hover { background-color: #333; } .filter-close { display: none; color: #666; text-decoration: none; font-weight: bold; padding: 0 0 0 24px; font-size: 14px; margin: 0 0 10px 0; background-repeat: no-repeat; background-size: 41px; background-position: -11px center; background-image: url(../images/filter-close.png); } .main-search {} .main-search .formBlock { width: 30%; max-width: 160px; margin-right: 1%; } .main-search .formBlock input, .main-search .formBlock select { width: 100%; height: 42px; margin-top: 0; } .main-search .formBlock label { display: block; font-weight: bold; } @media (max-width:980px) { .resultCopy { float: left; padding-left: 16px; width: 100%; } .resultBox.qa .resultCopy { width: calc(100% - 125px); } .coproLinkBlock { width: auto; float: none; clear: both; /*margin-left: 125px;*/ } .resultBox.qa .coproLinkBlock { margin-left: 125px; } } @media (max-width:890px) { .restultNote { display: block; } } @media (max-width:767px) { .results-div { float: none; width: auto; } .search-div { float: none; width: auto; } .search-div .search-form-block { float: left; width: calc(50% - 40px); padding-right: 20px; } .search-div .search-form-block.button { width: 80px; float: right; padding-right: 0px; margin-top: 12px; } #filter-wrap { border-left: 1px solid #ccc; background-color: #fff; width: 70%; padding: 30px; position: fixed; top: 0; right: -70%; height: 100%; overflow-y: scroll; z-index: 99999; transition: all 0.5s ease; } #filter-wrap.active { right: 0; } .filter-toggle { display: block; } .filter-close { display: inline-block; } } @media (max-width:640px) { .main-search .formBlock { float: none; width: 100%; max-width: 100%; margin-right: 0; } .main-search .formBlock input, .main-search .formBlock select { width: 100%; height: 35px; margin-top: 0; } .search-div .search-form-block { float: left; width: calc(50% - 10px); padding-right: 20px; } .search-div .search-form-block.button { width: 80px; float: none; padding-right: 0px; margin-top: 12px; } .qaResult { float: none; } .resultBox.qa .coproLinkBlock { margin-left: 0px; } .resultBox.qa .resultCopy { width: 100%; } } .text-banner { background-color: #2a5b94; color: #FFF; padding: 70px 0 0; text-shadow: 2px 1px 1px #11417b; min-height: 220px; text-align: center; background-repeat: no-repeat; background-position: center top; background-image: url("../images/locator-banner.jpg"); } @media (min-width:1500px) { .text-banner { background-size: cover; } } @media (max-width:991px) { .text-banner { text-align: center; height: auto; padding-bottom: 20px; } } h1#PageTitleH1 { font-weight: 700; margin: 0 auto 10px !important; color: #ee852a; background: none; padding: 0; height: auto; font-size: 32px; text-transform: uppercase; } .text-banner h2 { font-size: 20px; font-weight: normal; } /*@media (max-width:600px) { h1#PageTitleH1 { font-size: 32px; } .text-banner h2 { font-size: 24px; } }*/ .text-banner a { color: #FFF; text-decoration: none; font-size: 18px; } .text-banner a:hover { color: #ee852a; } .join-box { background-color: #ee852a; border-top: 14px solid #cd5f00; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; color: #FFF; text-shadow: 1px 2px 1px #994c0a; text-align: center; font-size: 22px; padding: 20px 5px 15px; margin-bottom: 20px; margin-top: -30px; } .join-box p { margin-bottom: 10px; } .join-box-heading { font-size: 24px; line-height: 1.1; font-weight: 700; } .join-btn { border: 1px solid #002550; -webkit-box-shadow: inset 0px 3px 0px 0px rgba(10, 66, 130, 1); -moz-box-shadow: inset 0px 3px 0px 0px rgba(10, 66, 130, 1); box-shadow: inset 0px 3px 0px 0px rgba(10, 66, 130, 1); background: #002550; background: -moz-linear-gradient(top, #002550 0%, #083a73 66%, #002550 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #002550), color-stop(66%, #083a73), color-stop(100%, #002550)); background: -webkit-linear-gradient(top, #002550 0%, #083a73 66%, #002550 100%); background: -o-linear-gradient(top, #002550 0%, #083a73 66%, #002550 100%); background: -ms-linear-gradient(top, #002550 0%, #083a73 66%, #002550 100%); background: linear-gradient(to bottom, #002550 0%, #083a73 66%, #002550 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#002550', endColorstr='#002550', GradientType=0); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-shadow: 2px 1px 1px #011730; } .join-btn2 { border: 1px solid #cd5f00; -webkit-box-shadow: inset 0px 3px 0px 0px rgba(238, 133, 42, 1); -moz-box-shadow: inset 0px 3px 0px 0px rgba(238, 133, 42, 1); box-shadow: inset 0px 3px 0px 0px rgba(238, 133, 42, 1); background: #cd5f00; background: -moz-linear-gradient(top, #cd5f00 0%, #ee852a 68%, #cd5f00 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #cd5f00), color-stop(68%, #ee852a), color-stop(100%, #cd5f00)); background: -webkit-linear-gradient(top, #cd5f00 0%, #ee852a 68%, #cd5f00 100%); background: -o-linear-gradient(top, #cd5f00 0%, #ee852a 68%, #cd5f00 100%); background: -ms-linear-gradient(top, #cd5f00 0%, #ee852a 68%, #cd5f00 100%); background: linear-gradient(to bottom, #cd5f00 0%, #ee852a 68%, #cd5f00 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cd5f00', endColorstr='#cd5f00', GradientType=0); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-shadow: 2px 1px 1px #a44d03; } .join-btn, .join-btn2 { display: inline-block; font-weight: 800; text-transform: uppercase; color: #FFF; text-decoration: none; padding: 12px 50px; font-size: 28px; line-height: 1.1; font-family: "proxima-nova"; } .join-btn:hover, .join-btn2:hover { border: 1px solid #333; -webkit-box-shadow: inset 0px 3px 0px 0px rgba(80, 80, 80, 1); -moz-box-shadow: inset 0px 3px 0px 0px rgba(80, 80, 80, 1); box-shadow: inset 0px 3px 0px 0px rgba(80, 80, 80, 1); background: #222; background: -moz-linear-gradient(top, #222 0%, #666 68%, #222 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #222), color-stop(68%, #666), color-stop(100%, #222)); background: -webkit-linear-gradient(top, #222 0%, #666 68%, #222 100%); background: -o-linear-gradient(top, #222 0%, #666 68%, #222 100%); background: -ms-linear-gradient(top, #222 0%, #666 68%, #222 100%); background: linear-gradient(to bottom, #222 0%, #666 68%, #222 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#222', GradientType=0); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #FFF; text-shadow: 2px 1px 1px #000; } .main-search-left { width: calc(100% - 450px); float: left; } .main-search-right { width: 410px; float: right; } .side-box { padding: 15px 15px 15px 128px; margin: 0 0 20px; color: #FFF; font-size: 12px; background-repeat: no-repeat; background-position: left top; } .side-box h2 { font-size: 18px; } .side-box.for-home { background-color: #4ea3cb; background-image: url("../images/for-home.png"); } .side-box.for-building { background-color: #1e5494; background-image: url("../images/for-building.png"); } .side-box-btn { display: inline-block; padding: 5px 8px; text-decoration: none; background-color: #F5861D !important; color: #fff; font-size: 18px; font-weight: bold; margin-top: 6px; border-radius: 0 !important; border: none !important; text-transform: uppercase; line-height: 1; } .side-box-btn:hover { background-color: #333 !important; color: #fff; } @media (max-width:1000px) { .main-search-left, .main-search-right { float: none; width: 100%; } .join-box { margin-top: 0; } } /****qa sidebar****/ .qa-side-block-wrap { margin: -29px 0 20px 0;} .qa-side-block { background-color: #4ea3cb; margin-bottom: 1px; overflow: hidden; color: #FFF;} .qa-side-block:after { display: table; content: ""; clear: both;} .qa-side-block a.btn { background-color: #ee852a; display: block; margin: 10px 15px; color: #FFF; font-weight: bold; font-size: 15px; clear: both;} .qa-side-block a.btn:hover { background-color: #253663;} .qa-side-block:nth-child(2) { background-color: #2a5b94;} .qa-side-block:nth-child(3) { background-color: #2a947c;} .qa-side-block:nth-child(4) { background-color: #4a5d73;} .qa-side-block:nth-child(5) { background-color: #2b3d57;} .qa-side-block-icon { float: left; width: 80px;} .qa-side-block-content { float: left; padding-top: 15px; font-size: 18px; width: calc(100% - 80px);} .qa-side-block-content a { color: #fff; text-transform: uppercase; text-decoration: none;} .qa-side-block-content a:hover { color: #fff; text-transform: uppercase; text-decoration: underline;} .qa-side-block-content p { margin-bottom: 10px;} .qa-side-block-content p.small { margin-bottom: 0px;} /*****FROM ROBERT but already in this doc .formBox {width: 100%; border-style: solid; border-width: 2px; border-color: #BFBFBF; padding: 12px; margin-bottom: 18px; font-size: 13px;} .formBoxHeader {font-size: 16px; font-weight: bold; color: #00539F; margin-bottom: 8px;} .msg {color:red; font-weight: normal; font-size: 11px;} .sbutton {background-color: #F5861D !important; color: #fff; font-size: 16px; font-weight: bold; margin-top: 6px;} .colHead {color: #F5861D; font-weight: bold; font-size: 32px;} .secondary {color: #F5861D; font-weight: bold; font-size: 18px;} .restultNote {color:black;font-size:17px;font-weight:normal;} .blueLine {background-color: #3EA3D1; height: 4px; display: block; clear: both; width: 100%; margin-top: 12px;} .qaResult {float: left; background-color: #C7E3EF; font-weight: bold; font-size: 11px; height: 119px;} .resultCopy {float: left; padding-left: 16px;} .search-div {width: 240px; float: left; margin-right: 32px;} .results-div {width: calc(100% - 272px); float: left; overflow-x: auto;} #qaSelect {background-color: #C7E3EF; display: block; height: 90px;} .resultBox {background-color: #EEEEEE; display: block; width: 100%; height: 120px; margin-bottom: 12px;} .cname {margin: 0; font-weight: bold; color: #00539F; font-size: 18px; padding-top: 12px;} .distance {margin: 0; font-style: italic; font-size: 11px; padding-top: 5px;} .adr {margin: 0; font-weight: bold; font-size: 12px; padding-top: 3px;} .adrBreak {display:inline-block ;font-weight: bold; font-size: 18px; padding-left: 3px; padding-right: 4px; position:relative; top:-2px; } .cinfo {margin: 0; font-weight: bold; font-size: 13px; padding-top: 6px;} .cinfoLink {font-weight: bold; font-size: 15px; color: #F5861D; text-decoration: none;} .coproLinkBlock {float: right; margin-top: 14px;} .coproLink {padding: 8px 42px 7px 42px; margin: 24px 24px 0 0; float:right; background-color: #015696 !important; color: #fff; font-size: 16px; font-weight: normal; margin-top: 6px; text-align: center; text-decoration: none;} ******/ .rfq-bar{ width: 100%; background-color: #F5861D; min-height: 60px; padding: 10px; font-weight: bold; color: #FFF; font-size: 14px; padding-left: 13px; } .rfq-bar a{ color:#FFF; } .rfq-bar table{ border:none !important; border-collapse: collapse; margin: 0 !important; } .rfq-bar table td{ border:none !important; } .create-rfq-btn { padding: 10px; background-color: #015696 !important; color: #fff !important; font-size: 16px; font-weight: normal; margin-top: 6px; text-align: center; text-decoration: none;border:none !important; } .create-rfq-btn:hover { color: #FFF !important; background-color: #666 !important; } .rfq-checkbox { } .rfq-checkbox input[type='checkbox'] { display: none; } .rfq-checkbox input[type='checkbox'] + label { display: inline-block; cursor: pointer; background-image: url('/images/checkbox-empty.png'); background-repeat: no-repeat; background-position: left top; padding: 0px 0px 0px 26px; background-size: 20px; font-size: 15px; } .rfq-checkbox input[type='checkbox']:checked + label { background-image: url('/images/checkbox-checked.png'); } #theRFIform .title{ color: #F5861D; font-weight: bold; font-size: 24px; } #theRFIform textarea{ width:100%; height:100px; } #theRFIform textarea.singleLineTA { max-height: 40px; } #theRFIform input[type=button] { padding: 10px; background-color: #015696 !important; color: #fff !important; font-size: 16px; font-weight: normal; margin-top: 6px; text-align: center; text-decoration: none; border: none; } #theRFIform input[type=button]:hover { color: #FFF !important; background-color: #F5861D !important; } #theRFIformResponse .title{ color: #F5861D; font-weight: bold; font-size: 24px; } #theRFIform table { margin: 0; padding: 0; border: none; } #theRFIform table th { padding: 0 5px 5px 0; background-color: #FFF; border: none; width: 85px; } #theRFIform table td { padding: 0 0 5px 0; background-color: #FFF; border: none; } #theRFIform input[type=text] { border: 1px solid #CCC; line-height: 1.2; background-color: #FFF; color: #333; padding: 7px 9px 7px 9px; } #theRFIform input[type=file] { border: none; padding: 0; } #theRFIform textarea { width: 98%; border: 1px solid #CCC; color: #333; } .field-sml { width: 150px; } .field-med { width: 300px; } .field-lrg { width: 450px; } .field-exp { width: 98%; } #theRFIform iframe { border: 1px solid #CCC; width: 100%; } #theRFIform input[type=checkbox], #theRFIform input[type=radio] { margin-right: 4px; } #theRFIform label { margin-right: 12px; } #theRFIform select { margin: 0; background: transparent; background-color: #FFF; background-image: url(../images/form-images/select-arrow.png); background-repeat: no-repeat; background-position: right center; padding: 7px 30px 7px 9px; line-height: 1.2; border: 1px solid #CCC; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } @-moz-document domain('aimgbeta.com'), domain('acca.org') { #theRFIform select { padding-top: 0; padding-bottom: 0; } } #theRFIform select option { padding: 7px 30px 7px 9px; } span.small-form-text { display: block; font-size: 12px; } span.small-form-text.inline { display: inline-block; font-size: 12px; margin-left: 10px; } /**** epa 608 ********/ .table-wrap { margin: 40px auto; min-height: 80px; background-image:url("../images/loading_spinner-sml.gif"); background-position: center center; background-repeat: no-repeat; } .table-wrap table { background-color: #FFF; } .card-cta { padding: 20px 40px; margin: 30px auto; border: 1px solid #CCC; font-size: 15px; } .card-cta .title { font-size: 24px; } .card-cta p { margin: 22px 0; } .card-cta .tel { color: #333; text-decoration: none; white-space: nowrap; } .card-cta img { max-width: 250px; width: 100%; margin-top: -10px; } @media (max-width:560px) { .card-cta img.alignright { float: none; margin: 0 auto; } } .loadBG { z-index: -1; position: absolute; height: 1px; width: 1px; }