#sidebar { display:none; } .cat-col a { display:block; font-weight:bold; margin:5px 0; height:55px; } .cat-col span.img { display:inline-block; vertical-align:middle; width:85px; text-align:center; height:55px; } .cat-col span:last-child { width:calc(100% - 90px); display:inline-block; vertical-align:middle; } .category-landing h4 { background:#EDF0F7; text-transform:uppercase; font-size:19px; padding:10px; line-height:19px; margin:0 0 25px; font-weight:normal; } .tabbed-row { background:#EDF0F7; padding:10px; } ul#inches { padding-left:10px; } ul#inches p { margin:30px 0; display:block; } .tabbed-row span { text-transform:uppercase; color:#3B3E45; font-size:20px; } #example-one ul { list-style:none; padding-left:0; } #example-one .nav li { display:inline-block; border-right:1px solid #0383C4; margin-top:2px; margin-right:-4px; width:32%; padding:0 8px; text-align:center; font-size:12px; font-weight:bold; vertical-align:middle; } #example-one ul li a.current { color:#3A3F45; } #example-one .nav li:last-child { border:0; } .sort-by { background:#515964; padding:7px 10px 5px; color:#fff; } #product-intro-section>img, .singleproductimage { display:block; margin:5px auto; } div#gallery #feature { display:none; } #gallery { width:100%; } #gallery .thumbs { text-align:center; } #product-dimensions-table { background:#EDF0F7; margin-bottom:40px; border-spacing:0; font-size:15px; } #product-dimensions-table th { background:#515964; color:#fff; line-height:15px; font-weight:normal; padding:10px; text-align:left; } #product-dimensions-table th strong { text-transform:uppercase; font-size:20px; font-weight:normal; } #product-dimensions-table td { padding:3px 10px; border-bottom:1px solid #B6B9BE; border-right:1px solid #B6B9BE; color:#3C3F46; } td.subhead, #product-dimensions-table td.subhead { background:#7D91CE; color:#fff!important; border-bottom:0; border-right:1px solid #6C7DA9; } #product-dimensions-table td.noborder, .table td.noborder { border-right:0; } .tabbed-row2 { text-align:center; } .tabbed-row2 ul { display:block; text-align:left; border-bottom:1px solid #515964; padding-left:10px; } .tabbed-row2 li { display:inline-block; width:28%; text-align:center } .tabbed-row2 li.tab1 { width:27%; } .tabbed-row2 li.tab2 { width:30%; } .tabbed-row2 li.tab3 { width:32%; } .tabbed-row2 a { display:block; background:#7C92CE; border:1px solid #7C92CE; color:#fff; padding:6px 2px; border-top-left-radius:4px; border-top-right-radius:4px; -moz-border-top-left-radius:4px; -moz-border-top-right-radius:4px; border-bottom:0; } .tabbed-row2 a:active { color:#3C3F44; background:#fff; border:1px solid #3C3F44; border-bottom:0; text-decoration:none; } .tabbed-row2 a.current { color:#3C3F44; background:#fff; border:1px solid #3C3F44; border-bottom:1px solid #fff; margin-bottom:-1px; } ul#available-sizes div.row { margin:15px 0; } ul#available-sizes div.row label { vertical-align:middle; line-height:20px; } div#example-two div.list-wrap>ul { display:none; padding:15px 0; } div#example-two div.list-wrap>ul:first-child { display:block; } table#main-tech-table, table#main-tech-table>tbody, table#main-tech-table>tbody>tr, table#main-tech-table>tbody>tr>th, table#main-tech-table>tbody>tr>td { display:block; padding:0; border-spacing:0; } table#main-tech-table table { width:100%; border-spacing:0; } td#techcolspacer { display:none !important; } table#main-tech-table>tbody>tr>td { border:1px solid #85898C; margin-bottom:10px; } .table th { background:#515964; color:#fff; padding:10px; } table#tech1 td { padding:5px; } #techcol2 td { border-bottom:1px solid #85888D; padding:5px; } .table td.blue1 { background:#E2E6F1; } .table td.blue2 { background:#EDF0F7; } .table td.rightborder { border-right:1px solid #85888D; } ul#custom-size div.row { margin:5px 10px 5px 0; display:inline-block; } ul#custom-size div.row label { display:block; } ul#custom-size div.row span.cost-piece input { width:102px; } #add-to-cart-section { padding:20px 10px; background:#EDF0F7; text-align:center; margin-bottom:25px; } #add-to-cart-section h3 { font-weight:normal; font-size:19px; color:#3C3F46; margin:0 0 10px; } #add-to-cart-section input#add-to-cart { color:#fff; font-size:19px; line-height:19px; text-align:center; background:#B65A03 url(http://www.onlinemetals.com/images/cart2.png) no-repeat; background-position:right center; border:1px solid #874200; padding:6px 40px 6px 20px; } #add-to-cart-section label { font-weight:normal; font-size:20px; color:#3C3F46; line-height:35px; display:block; } input#qty { width:50px; display:inline-block; text-align:center; height:33px; vertical-align:top; } p.message { text-align:center; font-size:16px; margin-bottom:35px; } body>div.evergage-top.evergage-tooltip-bar, body>.evergage-tooltip.evergage-jgrowl.evergage-tooltip-bar { background:#fff; position:fixed !important; width:90vw !important; max-width:90vw !important; left:5vw !important; padding:25px 15px 15px !important; top:125px !important; border:2px solid #ccc; box-shadow:1px 4px 10px rgba(0,0,0,0.4); } body>div.evergage-top.evergage-tooltip-bar>div { position:relative !important; top:auto !important; } img.skype_c2c_logo_img { display:none; } form#contactus td { display:block; } form#contactus td input[type="text"], form#contactus td input[type="email"], form#contactus td input[type="tel"], form#contactus td input[type="number"], form#contactus textarea { width:100%; margin-bottom:10px; } img[src*="spacer.gif"] { display:none; } div#surveyMonkeyInfo { width:100%; max-width:calc(100vw - 20px); } h3.sd-title { display:none; } .sd-content li { display:inline-block; } .summary-post.clearfix h1 { margin:30px 0 0; font-size:24px; } #nav-below .nav-previous a, #nav-below .nav-next a { display:inline-block; background:#7993CC; color:#fff; text-transform:uppercase; font-weight:500; padding:8px 15px 5px; font-size:18px; line-height:18px; } span.video-link-text, span.video-link-text-center { display:block; font-weight:bold; margin-top:10px; } div[class*="video-thumb-"] iframe { width:90% !important; height:auto !important; min-height:50vw; margin:0 auto 20px; display:block; } body.video-landing-page #content { text-align:center; } form[name="quoteform"] td, form[name="quoteform"] th, form[name="weightcalc"] td, form.accountsignup td { display:block; } form[name="quoteform"] td.inline, form[name="quoteform"] th.inline, form[name="weightcalc"] td.inline, form[name="weightcalc"] th.inline { display:inline-block; } form[name="quoteform"] input[type="text"], form[name="quoteform"] input[type="tel"], form[name="quoteform"] select, form[name="quoteform"] textarea, form[name="weightcalc"] input[type="text"], form[name="weightcalc"] input[type="tel"], form[name="weightcalc"] select, form[name="weightcalc"] textarea, form.accountsignup input[type="text"], form.accountsignup input[type="tel"], form.accountsignup select, form.accountsignup textarea, form.accountsignup input[type="number"], form.accountsignup input[type="password"] { width:100%; margin-bottom:10px; } input[name="phone"] { max-width:60%} input[name="phone_ext"], input#extension {max-width:20%} input[name*="dim"] {max-width:98px} form.accountsignup td font br { display:none; } input[name="budgetamt"] { width:calc(100% - 8px) !important; display:inline-block; } td.block { display:block; } td { font-weight:normal; vertical-align:top; } .evergage-tooltip-page { position:relative; left:0; top:0; z-index:inherit !important; display:inline-block; } div[id*="evergage-tooltip-amb"]>div { height:auto !important; width:auto !important; position:relative !important; top:auto !important; left:auto !important; } body.packship h1, body.packship b { text-align:center; display:block; } img.block { float:none !important; display:block; margin:5px auto; } img[hspace="25"] { margin:5px auto; } div.container { width:100% !important; } img[src*="/OnlineMetals-Logo-email.png"] { display:none; } #full-width h1 { text-transform:uppercase; color:#3B3E45; font-size:26px; margin:0 0 20px; font-weight:normal; line-height:31px; } #innerpadding35 h1 { margin-bottom:0; } .login-form { background:#EDF0F7; padding:10px; margin-bottom:20px; } #full-width .login-form h2, .reset-password h2 { color:#3C4147; font-size:25px; line-height:25px; font-weight:normal; margin:0 0 10px; } #full-width .login-form input { display:block; width:100%; margin-bottom:10px; } #existing-customer input#signin-button { background:#B65A03; color:#fff; font-size:20px; line-height:20px; border:1px solid #874200; font-family:'PT Sans', sans-serif; -webkit-appearance:none; } .form-error { display:block; display:none; background:red; color:white; width:100%; padding:7px; text-align:center; margin:0 0 20px; } .forgot-error { font-size:17px; line-height:23px; } .myaccount .search { display:none; } .myaccount #contentarea { margin-top:70px; } .header-notification { color:#fff; font-size:17px; line-height:24px; background:#515964; padding:10px; margin:10px 0 0; } .portal-section { border:1px solid #515964; margin:20px 0 10px; position:relative; float:none !important; } .portal-section h2 { background:#0283C4; color:#fff; font-size:23px; font-weight:normal; margin:0; } .portal-section>* { padding:5px 10px; } .more-social { background:#eee; border-top:1px solid #515964; padding:8px 10px; font-size:14px; line-height:17px; margin-top:10px; } .more-social img { display:inline-block; margin-right:3px; float:right; } .more-social span { display:inline-block; margin:6px 0; } .portal-section.twitter-feed h3 { background:url(http://www.onlinemetals.com/images/portal-twitter.png) no-repeat; background-position:left center; padding-left:45px; } .portal-section.blog-feed h3 { background:url(http://www.onlinemetals.com/images/portal-feed.png) no-repeat; background-position:left center; padding-left:45px; font-weight:200; } table#order-summary-table input, table#order-summary-table select { margin-bottom:10px; width:100%; } table#order-summary-table br { display:none; } table#order-summary-table input[type="checkbox"] { display:inline-block; width:20px; vertical-align:middle; } div#product-sidebar { border:1px solid #ccc; padding:0 10px; border-radius:5px; background:#eee; width:85%; margin:0 auto; } div#product-sidebar a { display:block; margin:10px 0; padding:4px 6px; } ul.product-nav li.product-nav-active { background:url(http://www.onlinemetals.com/images/bg-blue-arrow.png) no-repeat; height:26px; width:248px; } ul.product-nav li.product-nav-active a { color:#fff; } div#order-search { background:#EDF0F7; padding:10px; margin-bottom:20px; font-size:16px; line-height:21px; } div.order-history, div.order-history table, div.order-history tbody, div.order-history tr, div.order-history td, div.order-history input { display:block; width:100%; } #order-search input.mtrsearch, #order-search input.reset { float:right; margin-left:10px; display:inline-block!important; background:#7C92CE; color:#fff; width:auto; font-weight:bold; border:0; max-width:500px; font-size:17px; line-height:17px; padding:8px 20px; font-family:'PT Sans', sans-serif; } #order-history-header { text-align:center; position:relative; height:60px; } #order-history-header h2 { color:#3B3E45; font-size:26px; margin:8px 0 0; font-weight:normal; line-height:31px; } .next, .previous { position:absolute; left:0; bottom:0; display:inline-block; width:120px; text-align:left; font-size:15px; line-height:22px; } .next { left:auto; right:0; text-align:right; } .next a:hover, .previous a:hover { text-decoration:none; } .prev-beginning { height:19px; width:16px; background:url(http://www.onlinemetals.com/images/nav-prev1.png) no-repeat; display:inline-block; float:left; } .prev-back { height:19px; width:12px; background:url(http://www.onlinemetals.com/images/nav-prev2.png) no-repeat; display:inline-block; float:left; margin:0 5px 0 10px; } .next-end { height:19px; width:16px; background:url(http://www.onlinemetals.com/images/nav-next1.png) no-repeat; display:inline-block; float:right; } .next-forward { height:19px; width:12px; background:url(http://www.onlinemetals.com/images/nav-next2.png) no-repeat; display:inline-block; float:right; margin:0 10px 0 5px; } .prev-beginning-off { height:19px; width:16px; background:url(http://www.onlinemetals.com/images/nav-prev1_off.png) no-repeat; display:inline-block; float:left; } .prev-back-off { height:19px; width:12px; background:url(http://www.onlinemetals.com/images/nav-prev2_off.png) no-repeat; display:inline-block; float:left; margin:0 5px 0 10px; } .next-end-off { height:19px; width:16px; background:url(http://www.onlinemetals.com/images/nav-next1_off.png) no-repeat; display:inline-block; float:right; } .next-forward-off { height:19px; width:12px; background:url(http://www.onlinemetals.com/images/nav-next2_off.png) no-repeat; display:inline-block; float:right; margin:0 10px 0 5px; } div#order-history-table table { display:table; } div#order-history-table tbody { display:table-row-group; } div#order-history-table tr { display:table-row; } #grid-table th { background:#3B4046; color:#fff; border:0 !important; font-size:17px; } div#order-history-table th, div#order-history-table td { display:table-cell; } #grid-table { width:100%; border-bottom:1px solid #0182c3; } table#grid-table { border-spacing:0; border-collapse:collapse; } #grid-table th a { color:#fff; } #grid-table td { border-left:1px solid #0182c3; line-height:20px; font-size:16px; padding:3px; } #grid-table td:last-child { border-right:1px solid #0182c3; } div.order-history input { margin-bottom:10px; } table#order-summary-table { font-size:13px; } table#order-summary-table th { background:#EDF0F7; text-transform:uppercase; color:#3C4147; font-size:14px; font-weight:normal; padding:5px; text-align:left; } table#order-summary-table th:last-child, table#order-summary-table tr#summary-row td:last-child { text-align:right; } table#order-summary-table td:first-child { } tr#summary-row { background:#515964; color:#fff; border:0; padding:5px; } table#order-summary-table td { padding:5px; position:relative; } .reference-div { display:none; margin-top:-25px; background:#EDF0F7; padding:10px; position:relative; z-index:3; } table#order-summary-table tr>td.reftable { border-bottom:1px solid #AAADB2; font-size:12px; } .table td.nobottomborder, tr.nobottomborder>td { border-bottom:0 solid #85888D!important; } .table td.nobottomborder, tr.nobottomborder>td:last-child { text-align:right; } table#order-summary-table a.hide-row { position:absolute; top:30px; right:5px; width:60px; padding-top:10px; } a.popup-window { display:inline-block; } .checkout-proceed { display:inline-block; background:#B65A03; color:#fff; font-size:18px; line-height:20px; border:1px solid #874200; padding:10px; text-align:center; margin:10px 5px; font-family:arial; -webkit-appearance:none; } #changeqty { display:inline-block; width:auto !important; font-size:14px; border:1px solid #874200; border-radius:0; padding:10px; margin:10px 0; font-size:18px; -webkit-appearance:none; } table#order-summary-table hr { display:none; } table#order-summary-table p { margin:0; text-align:right; font-size:12px; } table#order-summary-table>tbody>tr:last-child>td { border-top:1px solid #ccc; } table#steps-sub-total-table { width:100%; } table#steps-sub-total-table td:last-child { text-align:right; padding-right:0; font-weight:bold; color:#B65A03; font-size:16px; } .checkout-proceed-container { text-align:right; padding:10px 0; } div#innerpadding35 br { display:none; } #quote-nav a, .summary-print-pdf a, .popup-buttons a { display:inline-block; margin:4px; background:#7D8FCF; color:#fff; text-align:center; font-size:14px; line-height:19px; padding:6px 12px; border-radius:4px; } #quote-nav a.active-order-tab { background:#fff; color:#000; border:solid 1px #111; } #quote-basket { display:block; position:fixed; top:120px; left:10px; right:10px; background:#fff; border:solid 3px #eee; padding:0 10px 20px; box-shadow:1px 5px 21px #000; z-index:5200; } [class*="basket"] .search, .signup .search, .ccsecure .search { display:none; } [class*="basket"] #contentarea, .signup #contentarea, .ccsecure #contentarea { margin-top:70px; } .signup .checkbox { display:inline-block; margin:5px 0; } .signup .checkbox td { float:right; text-align:middle; } .signup [type="submit"] { margin:20px 0; } .add-ref { display:block; margin-bottom:4px; } table.four-cart-steps.second-step td[colspan] label:nth-child(3), td[colspan] label.select-label { display:block; } label.smlabel { margin:0 5px 0 10px; } table#order-summary-table input[type="radio"] { width:20px; vertical-align:middle; } td.shipping-options span { display:inline-block; width:calc(100% - 30px); vertical-align:middle; } form#UPS_Addr_Correction>input { display:none; } form#UPS_Addr_Correction>input[type="submit"] { display:block; } th.shipping-header { text-align:left !important; } table#order-summary-table { width:100%; } table#order-summary-table.third-step tr.shipselect { background:#F1F1F1; } table#order-summary-table.third-step tr.shipselect td { border-top:2px solid #fff; } table#order-summary-table tr { border-bottom:1px solid #AAADB2; } .selected-shipping-option { font-weight:bold; display:none; } .white-popup-block { background:#FFF; text-align:left; position:relative; } .mfp-hide { display:none !important; } .mfp-wrap { width:90%; width:90vw; height:90%; height:90vh; z-index:1043; position:fixed; outline:none !important; left:5vw; top:5vh; overflow:scroll; background:#fff; } .mfp-container { text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .mfp-bg { top:0; left:0; width:100%; width:100vw; height:100%; height:100vh; z-index:1042; overflow:hidden; position:fixed; background:#0b0b0b; opacity:0.7; filter:alpha(opacity=70); } button.mfp-close, button.mfp-arrow { overflow:visible; background:transparent; border:0; -webkit-appearance:none; display:block; outline:none; padding:0; z-index:1046; -webkit-box-shadow:none; box-shadow:none; } .mfp-close { width:20px; height:20px; position:absolute; right:0; top:0; font-size:28px; font-family:Arial, Baskerville, monospace; color:#000; } #special-instructions, #require-signature { background:#EDF0F7; padding:10px; margin:20px 0 10px; font-size:16px; } #special-instructions span, #require-signature span { color:#3C3F46; font-weight:normal; text-transform:uppercase; background:url(https://www.onlinemetals.com/images/arrow-right.png) no-repeat; background-position:left center; padding-left:20px; } table.four-cart-steps.fourth-step td>strong { display:block; } table#payments>tbody>tr>td { display:block; } table#payments td.payment-options { padding:10px; background:#EDF0F7; } td.payment-options.paymentcc h2 { margin-top:0; } .select-style.month, .select-style.year { width:100px; display:inline-block; } td.payment-options.paymentcc form#basket5 label { display:block; } input#code { width:100px !important; display:inline-block; vertical-align:top; } table#payments input#submitcc { background:#B65A03; color:#fff; font-size:19px; line-height:19px; border:1px solid #874200; padding:10px; max-width:270px; margin:40px auto 30px; float:none; display:block; } td.payment-options.paypal-options h2, td.payment-options.paypal-options form, td.payment-options.paypal-options p { text-align:center !important; } table#payments h2 { text-transform:uppercase; color:#3B3E45; font-size:20px; margin:0; font-weight:normal; } .pppadding { max-width:260px; margin:0 auto; } .paypal-options form input#submitpo { background:#B65A03; color:#fff; font-size:19px; line-height:19px; border:1px solid #874200; padding:6px 10px; max-width:260px; margin:0 auto !important; } td.payment-options.paypal-options .pppadding p, td.payment-options.paypal-options .pppadding form { text-align:left !important; } table#billing-summary td { display:block; } .send-mtr {display:block; } #content div#footer { display:none; } body.productguides.stainlessguide td.main td { padding:5px 3px; } table#cattable, #cattable tbody, #cattable tr, #cattable td { display:block; } td #catbutton li a { background-position-y:center; } #cattable td:after { content:''; display:block; clear:both; } .wompPanner { position:relative; margin:10px -10px; } .wompPanner .panContainer { text-align:center; width:100vw; overflow:scroll; -webkit-overflow-scrolling:touch; } .wompPanner .panContent { padding-right:20px; min-width:500px; } .wompPanner:after { content:''; position:absolute; top:-5px; right:-19px; width:20px; height:calc(100% + 10px); background:rgba(255,255,255,.8); -webkit-box-shadow:-10px 0 30px 0 rgba(255,255,255,1); -moz-box-shadow:-10px 0 30px 0 rgba(255,255,255,1); box-shadow:-10px 0 30px 0 rgba(255,255,255,1); z-index:1; }