img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} :root { --main-bg: #fff; --light: #f5f5f5; --light-comp: #4d4d4d; --dark: #0d1539; --dark-comp: #fff; --primary: #273259; --primary-comp: #fff; --secondary: #546bbf; --secondary-comp: #fff; --accent: #1ba2b6; --dark-accent: #1ba2b6; --warning: #A30404; --merica: #DA291C } html, body { min-width: 320px; }html { scroll-behavior: smooth; }body { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.6; text-align: center; }body, nav a { color: var(--light-comp, #4d4d4d); }body, header ul, .hero h1, .hero p { padding: 0; margin: 0; }h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote { text-align: left; }h1, h2, h3, h4, h5, h6 { color: var(--primary); }img, iframe, svg { max-width: 100%; height: auto; display: block; margin: 0 auto }iframe { display: block; aspect-ratio: auto 16 / 9; width: 100%; margin: 1em auto; }.fullwidth { width: 100%; }a img, iframe { border: none; }a, .row1 h3, .row3 img { transition: ease-in-out .3s; }a, header a:hover, form input[type=submit]:hover, .btn:hover, .admin a:hover, .cartbtn:hover { text-decoration: none; }a, nav a:hover { color: var(--secondary); }a:hover { text-decoration: underline; }hr { border-width: 1px; border-color: #eee; border-style: none none solid; margin: 40px 0; }.imgLeft, .imgRight { max-width: 45%; }.imgLeft { float: left; margin: 10px 4% 2% 0; }.imgRight { float: right; margin: 10px 0 2% 4%; }.clear { clear: both; }.nowrap, a[href^=tel] { white-space: nowrap; }sup { line-height: 0; }.hide { display: none !important; }.center, .ccpaNotice, .hero h1, .hero p { text-align: center; }.wrap { display: block; max-width: 1180px; margin: 0 auto; position: relative; }.bg-dark, .bg-dark a, .bg-primary, .bg-primary a, .top a:hover, .hero h1, .hero p, .tips h2, .comments h2 { color: var(--dark-comp, #fff); }.bg-dark, .tips .btn { background-color: var(--dark); }.bg-primary { background-color: var(--primary); }.bg-secondary { background-color: var(--secondary); }.bg-light { background-color: var(--light, #f5f5f5); color: var(--light-comp, #4d4d4d); }.mid { align-items: center; align-self: center; }.grid { display: grid; grid-gap: 10px 40px; }.grid.half { grid-template-columns: repeat(2,1fr); }.grid.third { grid-template-columns: repeat(3,1fr); }.grid.fourth { grid-template-columns: repeat(4,1fr); }.grid.fifth { grid-template-columns: repeat(5,1fr); }.grid.sixth { grid-template-columns: repeat(6,1fr); }.grid.twoThird { grid-template-columns: 8fr 2fr; }.grid.small { grid-template-columns: 2fr 8fr; }.flex { display: flex; flex-wrap: wrap; }.row { flex-direction: row; }.column { flex-direction: column; }.bgimg { position: relative }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; z-index: 0; object-position: 50% 20% }.bgimg .wrap { z-index: 2; position: relative } header { box-shadow: #0d1539 0 0 20px; z-index: 999; position: relative; background-color: #fff; }header .wrap { padding: 10px; }header .grid { grid-template-columns: 200px 1fr; }header ul { text-align: right; }header li { display: inline-block; vertical-align: bottom }header li a { margin: 5px; padding: 5px; display: block }.top, footer, .featured { font-size: 16px; }.top { display: block; padding: 0 10px; } .hero { background-size: cover; background-position: center; position: relative; padding: 10px 0 }.hero:before { content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); position: absolute; inset: 0; z-index: 1 }.hero { width: 100%; position: relative; }.hero h1, .hero p { padding: 0 10px; text-shadow: 2px 2px 3px rgba(0,0,0,.3); }.hero h2 { font-size: 32px; line-height: 1.3; text-align: center; color: var(--light); text-shadow: #0d1539 0 0 5px; }.hero form { width: 600px; display: block; margin: 0 auto; }details { text-align: left; border: 1px solid #f5f5f5; padding: 20px; }details summary { font-weight: bold; } .home > div { padding: 40px 0 50px; }.tips h2 { margin-bottom: 10px; }.tips .grid { grid-template-columns: 1fr 250px; }.featured .grid ul { grid-gap: 0 20px; }.featured .grid > div:nth-of-type(1) img, .featured .grid > div:nth-of-type(2) img { object-fit: cover; width: 100%; max-height: 320px; }.featured .grid > div:nth-of-type(3) img { width: 240px; height: auto; margin: 5px 0; }.brands a:hover { text-decoration: none; }.brands a img { max-width: 200px; display: inline-block; margin: 0 auto; padding: 20px; vertical-align: middle; } form { margin: 20px 0; }form .grid { grid-gap: 0 10px; }form label { display: block; }form input[type=text], form input[type=email], form input[type=tel], form input[type=submit], form textarea, .btn, form select, form input[type=number] { font-family: 'Montserrat', sans-serif; font-size: 16px; border-radius: 3px; }form input[type=text], form input[type=email], form input[type=tel], form textarea, form select, form input[type=number] { background-color: var(--light); margin-bottom: 10px; padding: 0 10px; border: none; }form input[type=text], form input[type=email], form input[type=tel], form select, form input[type=number] { height: 50px; }form input[type=text], form input[type=email], form input[type=tel], form textarea, form select, form input[type=number] { width: calc(100% - 20px); }form textarea { height: 150px; padding: 15px 10px; }form input[type=submit], .btn { display: inline-block; min-width: 110px; text-align: center; line-height: 1.6; background-color: var(--primary); color: var(--primary-comp); padding: 10px 40px; margin: 10px 0; border: none; transition: ease-in-out .3s; }form input[type=submit] { min-width: 250px; margin: 0; }form input[type=submit]:hover, .btn:hover { cursor: pointer; background-color: var(--secondary); }form input, form textarea, ::placeholder { color: var(--dark); }form input[type=submit]:hover, .btn:hover { color: var(--primary-comp); }form input, form textarea { outline: none; }.sitesearch label { display: inline-block; vertical-align: baseline; }form.sitesearch { margin: 0; }form.sitesearch input, form.sitesearch button { height: 35px; vertical-align: bottom; } .productCat h2, .productCat p { color: #fff; margin: 0 5%; text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5); }.productCat div { display: grid; align-content: center; border-radius: 3px; }.productCatLinks { width: 100%; height: 200px; cursor: pointer; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); transition: all 0.5s ease; position: relative; overflow: hidden }.productCatLinks a:hover { text-decoration: none; }.productCatLinks:after { content: ""; background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)); position: absolute; width: 100%; height: 100%; inset: 0; z-index: 1; }.productCatLinks:hover { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); }.productCatLinks.bgimg > img:first-of-type { z-index: -1; object-position: 50% 50% }.productCatLinks a { z-index: 2 }#paintaccessories img { object-position: 50% 90% }.productSizes { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px 10px; font-weight: bold; }.productSizes img { display: block; height: 250px; width: 250px; overflow: hidden; margin: 10px auto; } footer .wrap { padding: 20px 10px; }.subfoot .grid { grid-template-columns: 1fr 150px; }footer hr { margin: 0 0 30px; }.ccpaNotice { background-color: var(--light, #f5f5f5) !important; text-align: center !important; border-color: var(--light, #f5f5f5) !important; } main { padding: 40px 10px; }main h1, main h2 { font-size: 24px; }main h3 { font-size: 20px; }main h4 { font-size: 18px; }main ul, main ol { padding-left: 25px; }main li { margin: 5px 0; }.nolist, .contact ul { list-style: none; padding-left: 0; }.contact .grid { grid-template-columns: 300px 1fr; margin-top: 30px; }.contact ul { margin: 30px 0; }.a8b-table { border-collapse: collapse; width: 100%; padding: 0; line-height: 1.4; }.a8b-table th, .a8b-table td { padding: 10px; }.a8b-table th { background-color: #0D1539; color: #fff; }.a8b-table td, .a8b-table th { border: 1px solid #eee; }.addtocart { background-color: var(--primary); color: var(--primary-comp); padding: 10px 10px; border-radius: 3px; margin: auto; border: none; font-size: 14px; }.addtocart:hover { background-color: var(--dark); transition: ease-in-out .3s; text-decoration: none; cursor: pointer; }.banner form label { color: var(--light) }#search select { display: block; margin: auto; padding: 10px }#search .submit:disabled { opacity: 0.5 }form#search label { margin: 5px auto; display: grid; grid-template-columns: 140px 1fr; align-items: center; text-shadow: 1px 1px 1px #000 }#search strong { font-weight: normal; text-align: left; font-size: 1.2em; }#search strong span { font-weight: bold; }#accountDetails { text-align: left; }.howto { text-align: center; }.help h3 { margin: 0; color: var(--light); background-color: var(--light-comp); text-align: center; padding: 5px; }.help p { margin: 5px 10px; }.help { text-align: center; margin: 0 0 20px 0; line-height: normal; border: 1px solid #4d4d4d; }.sidebar h1 { border-bottom: 1px solid black; }.sidebar details { text-align: left; }.sidebar { display: grid; grid-template-columns: 1fr; gap: 50px; }.sticky { position: sticky; top: 100px }.grid.small img { align-self: center; margin: auto; }details { cursor: pointer; }details > details { margin: 10px 0 }details > details, details > details p, details > details li, details p { padding-left: 20px; }details > details li { list-style-position: inside; }.standout { padding: 30px 10px; background-color: var(--primary); color: var(--light) }.product input[name=search], .product select, .product section > label, .shoppingcart input[name=search], .shoppingcart select, .shoppingcart section > label { padding: 10px; margin: 10px }.paging ul { display: flex; flex-direction: row; justify-content: space-around; list-style: none; }.product label > a { cursor: pointer; }.pop { color: var(--primary); font-weight: bold; }.warning { color: var(--warning) }.error { display: none; color: var(--warning) }.success { color: var(--primary) }.color { margin: 20px 0; width: 100%; height: 200px; } .admin .flex.row { justify-content: space-around; }.success { display: none; }.options .flex.column { text-align: left; }.around { justify-content: space-around; }.options .flex.column, .options .flex.column label { margin: 10px 0; }.options .flex.column input { width: 50%; height: 25px }.spinner { animation: spin 2s linear infinite; width: 50%; margin: auto; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }} .prod > div, .prod > a { border-radius: 5px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); padding: 20px; display: flex; flex-direction: column; }.prod > div > *:not(.btn) { text-align: center; flex-grow: 1; }.qty { position: absolute; top: 8px; background-color: red; border-radius: 50%; width: 15px; height: 10px; text-align: center; padding-bottom: 5px; right: 2px; font-size: 10px; font-weight: bold; }.topnav { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }.sitesearch { justify-self: flex-start; }.sitesearch input::placeholder { color: var(--light-comp); }form.sitesearch input[type=text] { width: 350px; }.cart .flex.row button { background-color: #fff; border: none; font-size: 24px; }.cart .flex.row > * { margin: auto; }input[name=qty]::-webkit-outer-spin-button, input[name=qty]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; -moz-appearance: textfield; appearance: none; }input[name=qty] { text-align: center; border: none }.chip { border: 1px solid black; height: 50px; width: 50px; margin: 0 auto; border-radius: 10px; }.shoppingcart .chip { height: 200px; border-radius: 10px; width: 100%; max-height: 200px; }.productview section > label a { display: none; }.productview input[name=search], .productview select, .productview section > label { padding: 10px; margin: 10px }.productview.add select { width: 100% }.productview.add label { text-align: left; }.productview.add input[type=color] { width: 100%; height: 50px; }.productview.edit select { width: 100% }.productview.edit label { text-align: left; }.productview.edit input[type=color] { width: 100%; height: 50px; }.orders section > label a { display: none; }.orders input[name=search], .orders select, .orders section > label { padding: 10px; margin: 10px }.spinner { width: 10% }.orderstoday { text-align: left !important; }.orderstoday input, .exportcsv input { padding: 10px; display: block; }.exportcsv { display: flex; justify-content: flex-start; }.options section > label a { display: none; }.options input[name=search], .options select, .options section > label { padding: 10px; margin: 10px }.manufacturers section > label:nth-of-type(1), .manufacturers section > label:nth-of-type(2) { display: none; }.invoice section > label a { display: none; }.invoice input[name=search], .invoice select, .invoice section > label { padding: 10px; margin: 10px }.modelview form label { text-align: left; }.modelview section > label a { display: none; }.modelview input[name=search], .modelview select, .modelview section > label { padding: 10px; margin: 10px }.account form label { font-weight: bold; text-align: left; margin: 5px auto }.categories section > label:nth-of-type(1), .categories section > label:nth-of-type(2) { display: none; }.applications form label { text-align: left; } .coloryear section > label:nth-of-type(1), .coloryear section > label:nth-of-type(2) { display: none; }fieldset { border: none; } .alert { color: var(--warning); font-weight: bold; }header .sitesearch .btn { background-color: var(--light); color: var(--primary); padding: 0; }.products .prod img { object-fit: cover; width: 300px; height: 200px; }.products table, .product table { border-collapse: collapse; }.prod img { object-fit: cover; height: 200px; overflow: hidden; }.prod p:nth-of-type(1), .product .prod p:nth-of-type(1) { margin-top: 0; padding-top: 0; color: #aaa; font-size: .8em; }.prod p:nth-of-type(2) { font-weight: bold; font-size: 20px; margin-bottom: 0; padding-bottom: 0; }.prod p:nth-of-type(3) { font-weight: normal; margin-top: 0; padding-top: 10px; }.prod p:nth-of-type(3) strong { font-weight: normal; } .products table th, .product table th { background-color: #0d1539; color: #f5f5f5; border: 1px solid #0d1539; }.products table td .containerdiv { display: grid; grid-template-columns: 50px 1fr; gap: 10px; font-weight: bold; color: var(--light-comp); }.products table td div p { font-weight: bold; }.products table td div.chip { width: 50px; height: 50px; border-radius: 3px; }.product table img { width: 200px; }.product .productImageTitle { display: grid; grid-template-columns: 200px 1fr; gap: 10px; align-items: center; }.product .productImageTitle span { font-weight: bold; }.product .productImageTitle > details { grid-template-columns: 400px 1fr; }form .co-subtotal, form .co-tax, form .co-shipping, form .co-total { font-weight: bold; text-align: left; }form .co-subtotal input, form .co-tax input, form .co-shipping input, form .co-total input { background-color: var(--main-bg); display: block; width: 100%; padding: 0; margin: 0; height: auto; text-align: left; }form .co-total { margin-top: 20px; padding-top: 5px; border-top: 1px solid #f5f5f5; }form .co-account { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; line-height: 1; }form .co-account span { cursor: pointer; } nav.paging ul { list-style-type: none; }nav.paging ul li { display: inline-block; }nav.paging ul li button { border: none; background: none; cursor: pointer; }.createAccount { border: none; } .bg-standout { background-color: var(--merica); color: #fff; margin: -25px auto; line-height: 1.6; }.bg-standout p { text-align: center; font-size: 24px; padding: 10px 10px; }.bg-standout span img { display: inline; vertical-align: middle; } .newprod > div { display: flex; flex-direction: row; flex-wrap: wrap; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); margin: 10px 0; justify-content: flex-end; }.newprod > div > img { max-width: 100px; width: 100% }.newprod > div > p { flex-direction: column; }.newprod > div .cart { margin-right: 5px; }.left { text-align: left; }.flexwrap { flex-wrap: wrap; }.test { display: grid; grid-template-columns: 1fr !important; gap: 50px; }.extraDetails { position: relative; cursor: pointer; }.product .extraDetails .flex.row img { margin: 0 }.extraDetails .tip { position: absolute; left: 0; display: none; padding: 20px 30px; bottom: 35px; line-height: 1.5; white-space: normal; z-index: 9998; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); border-radius: 10px; font-weight: 100; }.extraDetails:hover .tip { display: block; }.paint { justify-content: space-around; }.full-chip { width: 100%; height: 50px; border: 1px solid black; margin-bottom: 20px }.containerdiv p { color: var(--dark) !important; font-size: 18px !important; }.pill { margin-top: 30px; width: 70px; background-color: var(--primary); padding: 10px 30px; border-radius: 16px; color: #fff !important; }.notcenter { display: flex; }.accountLogin div { border: 1px solid #eee; border-radius: 5px; padding: 20px; } .instructions .grid div ul { float: right; }.instructions .grid div ul li::before { content: counter(step-counter); margin-right: 30px; font-size: 24px; background-color: #273259; color: #eee; font-weight: bold; padding: 10px 20px; border-radius: 50%; }.instructions .grid div ul li { counter-increment: step-counter; margin-bottom: 5px; font-size: 20px; font-weight: bold; }.instructions .grid div ul li p { text-indent: 100px; font-size: 16px; font-weight: normal; margin-top: 0px; }.instructions .grid div img { float: left; height: 480px; width: 260px; }.instructions .grid span { color: #A30404; }.instructions fieldset { border: 1px solid #273259; border-radius: 10px; }.instructions fieldset legend { font-weight: bold; color: #273259; font-size: 40px; text-align: right; text-shadow: 2px 2px 3px rgba(0,0,0,.8); }.instructions { margin-left: 120px; margin-right: 120px; }.instructions a { color: #273259; }.instructions a:hover { text-decoration: none; color: #4d4d4d; } @media(max-width:1200px) { .account table, .account thead, .account tbody, .account th, .account td, .account tr { display: block; } .account thead tr { display: none; } .account tr { border: 1px solid #ccc; } .account td { border: none; border-bottom: 1px solid #eee; position: relative; } .account table td { padding: 10px 0 !important; } .account td:before { margin-right: 15px; white-space: nowrap; background-color: #0D1539; color: #fff; } .account td:nth-of-type(1):before { content: "Customer ID"; font-weight: bold; padding: 11px 8px 12px 5px; } .account td:nth-of-type(2):before { content: "First Name"; font-weight: bold; padding: 11px 22px 12px 5px; } .account td:nth-of-type(3):before { content: "Last Name"; font-weight: bold; padding: 11px 25px 12px 5px; } .account td:nth-of-type(4):before { content: "Email"; font-weight: bold; font-size: 18px; padding: 11px 72px 12px 5px; } .account td:nth-of-type(5):before { content: "City"; font-weight: bold; padding: 11px 88px 12px 5px; } .account td:nth-of-type(6):before { content: "State"; font-weight: bold; padding: 11px 76px 12px 5px; } .account td:nth-of-type(7):before { content: "Price Level"; font-weight: bold; padding: 11px 24px 12px 5px; } .account td:nth-of-type(8):before { content: "Active"; font-weight: bold; padding: 11px 66px 12px 5px; } .account td:nth-of-type(9):before { content: "Details"; font-weight: bold; padding: 11px 60px 12px 5px; }} @media(max-width:1075px) { .qty { top: unset; right: unset; }} @media(max-width:999px) { main .wrap .wrap { padding: 0 20px; } .contact .grid.mid.half { grid-template-columns: 1fr; } .contact li { text-align: center; } .shoppingcart .grid.third { grid-template-columns: repeat(2,1fr); }} @media(max-width:900px) { .sidebar { grid-template-columns: 1fr; } .help p { text-align: center; } .applications table, .applications thead, .applications tbody, .applications th, .applications td, .applications tr { display: block; } .applications thead tr { position: absolute; top: -9999px; left: -9999px; } .applications table td { padding: 10px 10px 10px 0 !important; } .applications tr { border: 1px solid #ccc; } .applications td { border: none; border-bottom: 1px solid #eee; position: relative; } .applications td:before { margin-right: 15px; white-space: nowrap; background-color: #0D1539; color: #fff; } .applications td:nth-of-type(1):before { content: "Type"; font-weight: bold; padding: 11px 92px 12px 5px; } .applications td:nth-of-type(2):before { content: "Manufacturer"; font-weight: bold; padding: 11px 10px 12px 5px; } .applications td:nth-of-type(3):before { content: "Model"; font-weight: bold; padding: 11px 79px 12px 5px; } .applications td:nth-of-type(4):before { content: "Street"; font-weight: bold; padding: 11px 81px 12px 5px; } .applications td:nth-of-type(5):before { content: "Dirt"; font-weight: bold; padding: 11px 101px 12px 5px; } .applications td:nth-of-type(6):before { content: "Status"; font-weight: bold; padding: 11px 78px 12px 5px; } .applications td:nth-of-type(7):before { content: "Year"; font-weight: bold; padding: 11px 97px 12px 5px; } .applications td:nth-of-type(8):before { content: "Edit"; font-weight: bold; padding: 11px 100px 12px 5px; } .applications td:nth-of-type(9):before { content: "Matrix"; font-weight: bold; padding: 11px 78px 12px 5px; } .instructions .grid.half { grid-template-columns: 1fr; padding: 0 8vw; } .instructions .grid div ul { float: none; } .instructions fieldset { width: 50%; margin: 0 auto; } .instructions { margin-left: 0; margin-right: 0; } .instructions fieldset legend { text-align: center; }} @media(max-width:800px) { main .admin > .row { flex-direction: column; } .admin a { padding-bottom: 15px; } .products .grid.prod { grid-template-columns: repeat(2, 1fr); } .instructions .grid.half { padding: 0 5vw; }} @media(max-width:767px) { .grid.fourth { grid-template-columns: 1fr 1fr } .grid.sixth { grid-template-columns: 1fr 1fr 1fr } header .grid, form#search label { grid-template-columns: 1fr !important } #search strong { text-align: center; } header ul, header li, nav ul, nav li, .new h2, .new p { text-align: center !important } header li { margin: 15px 4%; } header img:first-of-type:not(img[src="/images/flag-united-states.svg"]) { width: 250px; } .topnav { justify-content: center; } .logo img { margin: 0 auto } .product .productImageTitle { grid-template-columns: 1fr; } .productImageTitle div:nth-of-type(2) p { padding: 0 10px }} @media(max-width:700px) { .products .grid.prod { grid-template-columns: 1fr; } .hero form { width: auto; } .new .grid > div { order: unset !important } table, thead, tbody, th, td, tr { display: block; margin: 0; } thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border: 1px solid #ccc; } table td { padding: 10px 0 !important; } td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } td:before { display: inline; margin-right: 15px; white-space: nowrap; background-color: #0D1539; color: #fff; } .orders-tbl td:nth-of-type(1):before { content: "Invoice"; font-weight: bold; padding: 12px 51px 12px 6px; } .orders-tbl td:nth-of-type(2):before { content: "Order Date"; font-weight: bold; padding: 12px 14px 12px 6px } .orders-tbl td:nth-of-type(3):before { content: "Order Total"; font-weight: bold; padding: 12px 13px 12px 6px } .options td:nth-of-type(1):before { content: "Name"; font-weight: bold; padding: 11px 62px 13px 5px; } .options td:nth-of-type(2):before { content: "Description"; font-weight: bold; padding: 11px 10px 13px 5px; } .options td:nth-of-type(3):before { content: "Status"; font-weight: bold; padding: 11px 59px 13px 5px; } .options td:nth-of-type(4):before { content: "Edit"; font-weight: bold; padding: 11px 81px 13px 5px; } .productview td:nth-of-type(1):before { content: "SKU"; font-weight: bold; padding: 11px 112px 13px 5px; } .productview td:nth-of-type(2):before { content: "Product Title"; font-weight: bold; font-size: 18px; padding: 11px 30px 13px 5px; } .productview td:nth-of-type(3):before { content: "Status"; font-weight: bold; padding: 11px 91px 13px 5px; } .productview td:nth-of-type(4):before { content: "Edit"; font-weight: bold; padding: 11px 113px 13px 5px; } .productview td:nth-of-type(5):before { content: "Attach Options"; font-weight: bold; padding: 11px 10px 13px 5px; } .manufacturers td:nth-of-type(1):before { content: "Manufacturer"; font-weight: bold; padding: 12px 14px 12px 6px } .manufacturers td:nth-of-type(2):before { content: "Status"; font-weight: bold; padding: 12px 82px 12px 6px } .coloryear td:nth-of-type(1):before { content: "Year"; font-weight: bold; padding: 11px 55px 13px 5px; } .products tbody { margin: 0; } .products td:nth-of-type(1):before { content: "Code"; font-weight: bold; padding: 12px 55px 12px 6px; } .products td:nth-of-type(2):before { content: "Top"; font-weight: bold; padding: 12px 69px 12px 6px; } .products td:nth-of-type(3):before { content: "Base"; font-weight: bold; padding: 12px 58px 12px 6px; } .products td:nth-of-type(4):before { content: "Comment"; font-weight: bold; padding: 12px 10px 12px 6px; } .products td:nth-of-type(5):before { content: "Color"; font-weight: bold; margin-right: 0; height: 40px; width: 105px; vertical-align: middle; align-items: end; padding: 15px 0 0 5px; } .coloryear td:nth-of-type(2):before { content: "Status"; font-weight: bold; padding: 11px 10px 13px 5px; } .account td:nth-of-type(4) { font-size: 15px } .products table td div { grid-template-columns: 1fr; margin-top: 15px; } .products table td div p { text-align: center; } .product table img { width: 100%; } .product td { text-align: center; } .shoppingcart .grid.third { grid-template-columns: 1fr; } .products td:nth-of-type(5) { display: flex; align-items: baseline; margin: 0; padding: 0 !important; } .containerdiv { display: flex; justify-content: space-between; flex-wrap: wrap; align-self: center; padding: 0 10px; flex-direction: row; width: 100% } .products table td div.chip { height: 40px; margin: 5px } .instructions .grid.half { padding: 0 3vw; }} @media(max-width:600px) { .grid.sixth { grid-template-columns: 1fr 1fr } .grid.half, .grid.mid, .grid.third, .grid.small { grid-template-columns: 1fr; } .subfoot p, .new h2, .new h3 { text-align: center } .imgRight, .imgLeft { float: none; margin: 0 auto; max-width: 100%; } form .co-account { grid-template-columns: 1fr; } .instructions .grid.half { padding: 0 1vw; } .instructions fieldset legend { font-size: 35px; }} @media(max-width:500px) { .grid.fourth { grid-template-columns: 1fr; } .options td:nth-of-type(2):before { font-size: 18px; margin-right: 5px; } .options td:nth-of-type(2) { font-size: 69%; }} @media(max-width:400px) { .grid.sixth { grid-template-columns: 1fr } form.sitesearch input[type=text] { width: 280px; } .applications td:nth-of-type(3):before { font-size: 18px; margin-right: 5px } .applications td:nth-of-type(3) { font-size: 75%; } .productview td:nth-of-type(2):before { font-size: 18px; margin-right: 5px; } .productview td:nth-of-type(2) { font-size: 85% }}