@charset "UTF-8";

hr {margin: 1.5em 0}
h1 {margin:0}

main.product-page > .wrap #content {max-width: 67.9375rem; padding: 0.75rem 0 8rem}

.product-heading {font-size: 1.125rem;font-weight:600; color: #666666;letter-spacing: 0;}

body>header {border-bottom:2px solid #F7F5F5}

.product-page .product-top {padding:2.5625rem 1rem; position:relative; z-index:1; overflow:hidden}
.product-page .product-top .wrap {max-width:71rem; padding-left: 2.1875rem; position:relative; width:100%; margin:0 auto;  display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
.product-page .product-top select::-ms-expand {display: none;}
.product-page .product-top .title-and-images {width:calc(100% - 24.75rem); padding-right:3.125rem}
.product-page .product-top .title-and-images .breadcrumb {font-size:0.75rem; margin-bottom:1rem; color:#838383}
.product-page .product-top .title-and-images .breadcrumb span {display: inline-block; margin: 0 0.25em}
.product-page .product-top .title-and-images h1 {font-size:2.0625rem; line-height: 1em; margin-bottom:1rem; position: relative;}
.product-page .product-top .title-and-images h1:before {content:""; display: block; position:absolute; left:-2.1875rem; top:0.6875rem; width: 1.375rem; height: 1.1875rem; background: url(/images/red-triangle.svg) no-repeat bottom left / contain;}
.product-page .product-top .title-and-images .mk-info {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.product-page .product-top .title-and-images .mk-info .part-number {display: block; margin-right:1.125rem; font-size:1.125rem; font-weight:600; color: #666666; letter-spacing: 0; line-height: 1em;}
.product-page .product-top .title-and-images .mk-info .part-number span {display: block; font-weight:400; font-size: 0.6875rem; font-style: italic}
.product-page .product-top .title-and-images .operating-manual {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.product-page .product-top .title-and-images .operating-manual.cad-model {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}
.product-page .product-top .title-and-images #DrawingSelectForm {margin-right: 0.625rem; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.product-page .product-top .title-and-images #DrawingSelectForm span {display: block; font-style: italic; font-size: 0.8125rem; color: #666666; letter-spacing: 0;}
.product-page .product-top .title-and-images #DrawingSelectForm select {height: 2.5rem; cursor:pointer; max-width:10.3125rem; border:1px solid #CC3333; background:#fff url(/images/products/select-arrow.svg) no-repeat center right; padding: 0 2.5em 0 0.5em; font-weight: 400; font-size: 0.8125rem; color: #333333; letter-spacing: 0;}
.product-page .product-top .title-and-images #DrawingSelectForm select:hover {background-color: #EFEFEF;}
.product-page .product-top .title-and-images #DrawingSelectForm button {line-height: calc(2.5rem - 2px); height: 2.5rem; border:1px solid #CC3333; border-left: 0; background:#fff; padding: 0 1em; font-weight: 700; font-size: 0.8125rem; color: #333333; letter-spacing: 0;}
.product-page .product-top .title-and-images #DrawingSelectForm button:before {content:""; padding-left: 1em; margin-right: 0.25em; background: url(/images/products/icon-cad-model-generator.svg) no-repeat center}
.product-page .product-top .title-and-images #DrawingSelectForm button:hover {background-color: #EFEFEF;}
.product-page .product-top .title-and-images .operating-manual-link {display: inline-block; line-height: calc(2.5rem - 2px); height: 2.5rem; border: 1px solid #3399CC; padding: 0 1em; font-weight: 700; font-size: 0.8125rem; color: #333333; letter-spacing: 0;}
.product-page .product-top .title-and-images .operating-manual-link:before {content:""; padding-left: 1em; margin-right: 0.25em; background: url(/images/products/icon-operating-manual.svg) no-repeat center}
.product-page .product-top .title-and-images .operating-manual-link:hover {background-color: #EFEFEF;}

.product-page .product-top .title-and-images .gallery-container {margin-top:1.875rem; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.product-page .product-top .title-and-images #gallery-thumbs {position: relative; width:4.0625rem; margin-right:3.4375rem}
.product-page .product-top .title-and-images #gallery-thumbs.show-arrows {padding: 2.5rem 0;}
.product-page .product-top .title-and-images #gallery-thumbs .thumbnail-container {padding: 2.5rem 0 calc(2.5rem - 9px); position:relative; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.product-page .product-top .title-and-images #gallery-thumbs .thumbnail-container.no-arrows {padding:0}
.product-page .product-top .title-and-images #gallery-thumbs .thumbnail {transition:ease all 200ms; background:#fff; cursor: pointer; float: left; position:relative; margin:0 0.125rem; width:4.0625rem; padding: 0 0 9px}
.product-page .product-top .title-and-images #gallery-thumbs .thumbnail.slick-current img {border-color:#333}
.product-page .product-top .title-and-images #gallery-thumbs .thumbnail img {transition:ease all 200ms; border:1px solid #E1E1E1; display: block; width: 100%; height: auto; opacity:0.5}
.product-page .product-top .title-and-images #gallery-thumbs .thumbnail.on img,
.product-page .product-top .title-and-images #gallery-thumbs .thumbnail:hover img,
.product-page .product-top .title-and-images #gallery-thumbs .thumbnail.slick-current img {opacity:1}
.product-page .product-top .title-and-images #gallery-thumbs .slick-list {overflow: hidden;}
.product-page .product-top .title-and-images #gallery-thumbs .slick-arrow {padding:0; position:absolute; left:0; width: 100%; height:2.5rem; overflow:hidden; color:transparent}
.product-page .product-top .title-and-images #gallery-thumbs .slick-prev {top: 0; background: url(/images/products/chevron-up.svg) no-repeat center #fff}
.product-page .product-top .title-and-images #gallery-thumbs .slick-next {bottom: 0; background: url(/images/products/chevron-down.svg) no-repeat center #fff}
.product-page .product-top .title-and-images #gallery {width: 68.7%; order:2}
.product-page .product-top .title-and-images #gallery .slick-list {width: 100%;}
.product-page .product-top .title-and-images #gallery .slide {float: left; width:28.125rem; text-align: center;}
.product-page .product-top .title-and-images #gallery .slide .image {cursor:zoom-in; position: relative; display: block; width: 100%; padding-bottom: 100%; height: auto; background-size: cover; background-position: center; margin-bottom: 1em;}
.product-page .product-top .title-and-images #gallery .slide .image:after {content:""; position:absolute; bottom:0; right:0; z-index:2; display: block; width:2.5rem; height: 2.5rem; background: rgba(255,255,255,0.70) url(/images/products/enlarge-image.svg) no-repeat center;}
.product-page .product-top .title-and-images #gallery .slide .image img {position: absolute; z-index:1; width: 100%; height: 100%;top:0; left:0; object-fit: cover; object-position: center;}
.product-page .product-top .title-and-images #gallery .slide span {display: block; padding: 0 4rem}
.product-page .product-top .title-and-images #gallery .slide .title {font-size: 1.125rem; font-weight: 700; line-height: 1.38rem; color: #3399CC}
.product-page .product-top .title-and-images #gallery .slide .brief {font-size: 0.875rem;color: #666666;letter-spacing: 0; line-height:1em; text-align: center;}
     @media screen and (max-width: 850px) {
     #gallery .slide span {padding: 0}
     }

/*
.product-page .product-top .product-actions {width:calc(100% - 32.875rem); padding:0.75rem 0 0; margin: 0 0 1.875rem}
.product-page .product-top .product-actions > .product-form,
.product-page .product-top .product-actions > .product-form > contact-form,
.product-page .product-top .product-actions > .product-form > contact-form > form {width:100%}
.product-page .product-top .product-actions .contact-form {max-width:24.75rem}
.product-page .product-top .product-actions .product-info .product-logo {text-align: center; display: block;}
.product-page .product-top .product-actions .product-info .product-logo img {max-width: 13.4375rem; height: auto; display: block; margin: 0 auto}
*/
.product-page .contact-form {padding:2.4375rem 1.5rem; width:24.75rem; background:#EFEFEF; min-width: 20.9375rem}
.product-page .contact-form h2 {font-weight: 600;text-align:center; font-size: 1.25rem; color: #000000; letter-spacing: 0; text-align: center;line-height: 1.75rem; margin:0 0 0.5rem}
.product-page .contact-form table {color:#000; width:100%}
.product-page .contact-form table td {padding:0 0 .5em .75em}
.product-page .contact-form table td:first-child {padding-left:0}
.product-page .contact-form table td[colspan="2"] {width:100%}
.product-page .contact-form table .req {color:#ff0000}
.product-page .contact-form table label {display: block; font-size: 0.75rem; color: #333333; letter-spacing: 0; line-height:1.25em;}
.product-page .contact-form table input,
.product-page .contact-form table select,
.product-page .contact-form table textarea {font-style: normal;}
.product-page .contact-form table input:not([type="submit"]):not([type="radio"]):not([type="file"]),
.product-page .contact-form table select,
.product-page .contact-form table textarea {background:#fff; height:2.3125rem; margin:0.125em 0 0; padding: 0 0.5em; font-size: 0.875rem; background: #FFFFFF; border: 1px solid #E0E0E0;}
.product-page .contact-form table select {background:#fff url(/images/products/select-arrow.svg) no-repeat center right}
.product-page .contact-form table textarea {padding: 0.5em; height: auto; min-height: 3.75rem;}
.product-page .contact-form table input[type="file"] {font-size: 0.875rem; margin: 0.25em 0}
.product-page .contact-form table .multiple-options {width:100%;}
.product-page .contact-form table .multiple-options > input {width:65%; margin-right: 0.25rem}
.product-page .contact-form table .multiple-options > .radios {width: 35%; float:right}
.product-page .contact-form table .button {width:100%; text-align: center; margin:1.25rem 0 0.5rem}
.product-page .contact-form table .contact-text {text-align: center; line-height:1.45em; font-size: 0.875rem; color:#333}

.product-page .product-top .product-info .button {display: block; margin-bottom: 1rem; text-align: center; line-height: 3.13rem; padding: 0 1em;}

.product-page .product-top .product-info p {margin: 2.5em 0 2em; font-size: 1rem; color: #2C2C2C; line-height: 1.5em}
.product-page .product-top .product-info p.here-to-help {text-align:center}
.product-page .product-top .product-info p strong {color:#000; font-size: 1.125em; font-weight: 700;}
.product-page .product-top .product-info p a {color:#3399CC; font-size: 1.125em; font-weight: 700;}
.product-page .product-top .product-info p a:hover {color:#CC3333}
.product-page .product-top .product-info li {padding-left: 1.75em; font-weight:500; margin: 0}
.product-page .product-top .product-info li:before {left: 0.31em}

.product-page .product-top .product-info .form-thank-you-text p {text-align:center; margin: 1rem 0}
.product-page .product-top .product-info .form-thank-you-text p a,
.product-page .product-top .product-info .form-thank-you-text p strong {font-weight:600; font-size: 1rem}

#content .product-top .product-info.quotes h2 {font-size: 1.125em}
#content .product-top .product-info.quotes tr {background: #fff}
#content .product-top .product-info.quotes tr.even {background: rgba(0,0,0,.06)}
#content .product-top .product-info.quotes th {font-size: 0.75rem; padding: 0.5rem 0.5rem; white-space: nowrap; background: #4B5257; color:#fff; text-align: center; font-style: italic}
#content .product-top .product-info.quotes th:first-child {text-align: left}
#content .product-top .product-info.quotes td {border-bottom: 1px dashed #ccc; line-height: 1.2em; padding:0.25rem 0.5rem; vertical-align: middle}
#content .product-top .product-info.quotes td:not([colspan="3"]) {padding-top: 0.75rem;}
#content .product-top .product-info.quotes td:first-child:not([colspan="3"]) {color: #000; font-weight:600}
#content .product-top .product-info.quotes tr.even:nth-of-type(even) td,
#content .product-top .product-info.quotes tr.odd:nth-of-type(even) td {border: 0}
#content .product-top .product-info.quotes td[colspan="3"] {font-size: 0.7em; color: #5e5e5e; padding-top: 0; padding-bottom: 0.75rem;}
#content .product-top .product-info.quotes td input,
#content .product-top .product-info.quotes td select {font-size: 0.875rem; text-align: center; border: 1px solid rgba(0,0,0,0.25); height: 2.5em; padding: 0 0.5em}
#content .product-top .product-info.quotes td input:focus {border-color: #3399CC}
#content .product-top .product-info.quotes td select {width: auto; padding: 0.5em 0.25em}
#content .product-top .product-info.quotes td .flex {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
#content .product-top .product-info.quotes td .flex > * { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;}
#content .product-top .product-info.quotes td .flex > input {width: calc(100% - 4.5em); margin-right: 0.25em}
#content .product-top .product-info.quotes button {margin-top: 1em; display: block; width: 100%}
#content .product-top .product-info .contact-box {padding: 1em;background: #f1f1f1;text-align: center;}
#content .product-top .product-info .contact-box .button {max-width: 20.5rem; border:1px solid rgba(0,0,0,0.25); margin: 0 auto 1em}
#content .product-top .product-info .contact-box p {margin: 0; font-size: 1rem; color: #2C2C2C; line-height: 1.5em}
#content .product-top .product-info .contact-box p strong {color:#000; font-size: 1.125em; font-weight: 700;}
#content .product-top .product-info .contact-box p a {color:#3399CC; font-size: 1.125em; font-weight: 700;}
#content .product-top .product-info .contact-box p a:hover {color:#CC3333}

#products-landing-page #landing-top {text-align: center; background:#E8E8E8;}
#products-landing-page #landing-top .wrap h1 {font-weight: 900; color: #000000;letter-spacing: 0;text-align: center;}
#products-landing-page #landing-top .wrap .product-categories li a .product-image {border:1px solid #999999; border-bottom:0; position:relative; padding-bottom:114%; background-size: cover; background-position:center}
#products-landing-page #landing-top .wrap .product-categories li a .product-image:before {content:""; display: block ;width: 100%; height:33%; bottom: 0; left:0; position:absolute; opacity: 0.4; background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 99%);}
#products-landing-page #landing-bottom .wrap h2 {font-weight: 700; color: #000000;letter-spacing: 0;text-align: center;}
#products-landing-page #landing-bottom .wrap .landing-page-text h2 {max-width: 44.125rem; margin:0 auto;}
#products-landing-page #landing-bottom .wrap .landing-page-text h2:after {content:""; display: block; margin:1em auto 1.5em; width: 6.6875rem; height: 0.375rem; background: #CC3333;}
#products-landing-page #landing-bottom .wrap .help-callout {border: 1px solid #3399CC;border-radius: 8px;}
#products-landing-page #landing-bottom .wrap a {font-weight:500}

.product-bottom {margin-top: 1.81em}

.product-bottom .ribbon {padding:3.125rem 1em}
.product-bottom .ribbon:nth-child(odd) {background:#EFEFEF}
.product-bottom .ribbon .wrap {max-width: 51.5rem; margin:0 auto}
.product-bottom .ribbon h2 {font-weight: 700; position:relative; margin-bottom:1.5rem; font-size: 1.875rem; color: #000000; letter-spacing: 0;}
.product-bottom .ribbon h2:before {content:""; display: block; position:absolute; right:calc( 100% + 1rem); top:0;}
     .product-bottom #product-info h2:before {width:1.875rem; height:1.875rem; top:2px; background: url(/images/products/header-icon-product-informations-blue.svg) no-repeat center}
     .product-bottom #product-info:nth-child(odd) h2:before {background: url(/images/products/header-icon-product-informations-red.svg) no-repeat center}
     .product-bottom #technical-specs h2:before {width:1.875rem; height:1.875rem; top:2px; background: url(/images/products/header-icon-technical-specs-blue.svg) no-repeat center}
     .product-bottom #technical-specs:nth-child(odd) h2:before {background: url(/images/products/header-icon-technical-specs-red.svg) no-repeat center}
     .product-bottom #product-options h2:before {width:2.375rem; height:2rem; top:2px; background: url(/images/products/header-icon-product-options-blue.svg) no-repeat center}
     .product-bottom #product-options:nth-child(odd) h2:before {background: url(/images/products/header-icon-product-options-red.svg) no-repeat center}
     .product-bottom #resources h2:before {width:2.375rem; height:2.625rem; top:2px; background: url(/images/products/header-icon-resources-blue.svg) no-repeat center}
     .product-bottom #resources:nth-child(odd) h2:before {background: url(/images/products/header-icon-resources-red.svg) no-repeat center}
.product-bottom .ribbon h3 {font-weight: 700;font-size: 22px;color: #333333;letter-spacing: 0;}
.product-bottom .ribbon h2+h3 {margin-top:1em}
.product-bottom .ribbon p+h2,
.product-bottom .ribbon p+h3,
.product-bottom .ribbon p+h4,
.product-bottom .ribbon ul+h2,
.product-bottom .ribbon ul+h3,
.product-bottom .ribbon ul+h4 {margin-top: 1.75rem}
.product-bottom .ribbon p,
.product-bottom .ribbon ul li {font-size: 1.125rem;color: #000000;letter-spacing: 0;line-height: 1.625rem;}
.product-bottom .ribbon ul li {text-indent:0; position:relative; break-inside: avoid; display: inline-block; width:100%; margin-bottom: 0.9375rem}
.product-bottom .ribbon ul li:before {margin:0; position:absolute; top:0.1875rem; left:0.8125rem;}
.product-bottom .ribbon ul li + li {margin-top:0}
.product-bottom .ribbon ul li ul li:last-child {margin-bottom:0}
.product-bottom .ribbon .wrap > ul {columns:2;}
.product-bottom #technical-specs.ribbon .wrap > ul,
#tinymcs .ribbon .wrap > ul {columns:auto;}
.product-bottom .ribbon ul {margin:0}
.product-bottom .ribbon ul ul {margin: 0.625rem 0 0}
/* bullet styles */
.product-bottom .ribbon ul li:before {background: url(/images/products/bullet-style-blue.svg) no-repeat center}
.product-bottom .ribbon:nth-child(odd) ul li:before {background: url(/images/products/bullet-style-red.svg) no-repeat center}
/* checkboxes */
.product-bottom .ribbon ul.checkboxes li:before {left:0.5rem; background: url(/images/products/bullet-style-check-blue.svg) no-repeat center}
.product-bottom .ribbon:nth-child(odd) ul.checkboxes li:before {background: url(/images/products/bullet-style-check-red.svg) no-repeat center}
/* pdf links */
.product-bottom .ribbon ul.resource-links li,
.product-bottom .ribbon:nth-child(odd) ul.resource-links li {padding-left:0}
.product-bottom .ribbon ul.resource-links li:before,
.product-bottom .ribbon:nth-child(odd) ul.resource-links li:before {display: none}
.product-bottom .ribbon ul.resource-links li a[href$=".pdf"] {color:#3399CC; font-weight:700; padding-left:2em; display: block; position:relative}
.product-bottom .ribbon:nth-child(odd) ul.resource-links li a[href$=".pdf"] {color:#CC3333}
     .product-bottom .ribbon ul.resource-links li a[href$=".pdf"]:hover,
     .product-bottom .ribbon:nth-child(odd) ul.resource-links li a[href$=".pdf"]:hover {color:#000}
.product-bottom .ribbon ul.resource-links li a[href$=".pdf"] span {display: block; font-weight:400; color:#666666; font-size:0.875rem; line-height:1em}
.product-bottom .ribbon ul.resource-links li a[href$=".pdf"]:before {content:""; display: block; width:1em; height:1em; position:absolute; top: 0.1875rem; left:0.625rem; background: url(/images/products/bullet-style-pdf-blue.svg) no-repeat center}
.product-bottom .ribbon:nth-child(odd) ul.resource-links li a[href$=".pdf"]:before {background: url(/images/products/bullet-style-pdf-red.svg) no-repeat center}
/* tier2 bullets */
.product-bottom .ribbon ul li li:before,
.product-bottom .ribbon ul.checkboxes li li:before,
.product-bottom .ribbon ul.resource-links li li:before,
.product-bottom .ribbon:nth-child(odd) ul li li:before,
.product-bottom .ribbon:nth-child(odd) ul.checkboxes li li:before,
.product-bottom .ribbon:nth-child(odd) ul li li:before {opacity:1; background: url(/images/products/bullet-style-sub-bullet.svg) no-repeat center}



.product-information {clear: both; padding-top: 1.69em; border-top: 2px solid #4B5257}
.product-information p+h2,
.product-information p+h3,
.product-information p+h4,
.product-information ul+h2,
.product-information ul+h3,
.product-information ul+h4 {margin-top: 1rem}
.product-information > * > ul > li {font-size: 1.125em}
.product-information > * > ul > li li {font-size: 0.875em}

.cartTable td{padding:.2em 0}
.cartTable input, .cartTable select, .cartTable textarea,.cartTable table{width:100%;max-width:400px;max-width:30rem}
.cartTable td:first-child{width:1%; white-space:nowrap;padding-right:.2em}
.cartTable table td{width:50%;padding-left:.2em}
.cartTable table td:first-child{width:50%;padding-right:.2em;padding-left:0}
#content .checkout .left50{float:left;width:50%;padding:0 2em 0 0;margin-bottom:1em}
#content .checkout .left50+.left50{padding:0 0 0 2em}
#content .checkout .left50+hr{clear:both}

.cartTabs{white-space:nowrap;}
.cartTabs>*{margin-right:1em; color: #333; font-weight: 700}
.cartTabs>span.arrow{margin-right:1em;opacity:.5}
.cartTabs .on {background:#EFEFEF; color: #333; padding:.5em .8em}
.cartTabs .button {color: #fff; padding:.5em .8em}


.checkout .twoCol{margin-top:4em}
#content .twoCol section, #content .threeCol section{display:inline-block;margin:0;width:100%;margin-top:0}
.twoCol section, .threeCol section{padding-bottom:2em;display:inline-block;}
.createAccountBtn{line-height:2em;padding-top:2em}
.cartTotal{font-size:1.5em;font-weight:bold}
table input{width:100%}
.checkout table input[type="submit"], .checkout table input[type="radio"], .checkout table input[type="checkbox"],table input[type="submit"], table input[type="radio"], table input[type="checkbox"]{width:auto}
.checkout hr{clear:both; width: 100%; float: left}
.threeCol td{width:50%}

.cartRedText  { color:#CC0000; }
.cartGreenText  { color:#006600; }

.wsProductsTable3 {border-collapse:collapse; margin:20px 0; width:100%}

.wsProductsTable { border-collapse:collapse;width:100%; margin:20px 0 20px;border-bottom:1px dashed #dadada}
.wsProductsTable tr>*{text-align:right;padding:.5em 0 .5em 1em}
.wsProductsTable tr>*:first-child, .wsProductsTable tr>td:first-child+td{text-align:left;padding-left:0; padding-right:0.5em}
.wsProductsTable th {padding-bottom:5px}
.wsProductsTable td {border-top:1px dashed #dadada}
.wsProductsTable em, .wsProductsTable td>span {line-height:1.3em;}
.wsProductsTable em, .wsProductsTable td>span, .wsProductsTable2 em, .wsProductsTable3 table tr>td:first-child, .wsProductsTable4 tr>td:first-child {font-size:.9em;opacity:.65;filter:alpha(opacity=65);}
.wsProductsTable3 table tr>td:first-child, .wsProductsTable4 tr>td:first-child  {font-style:italic}
strong.bulky {font-size:1.5em}
.discountCode{white-space:nowrap;float:left}
.updateTotal{float:right}
.products .threeCol section{display:inline-block}
.cartTabs img {position:relative;bottom:-3px}

.wsProductsTable3 table tr>td:first-child.text {opacity:1;filter:alpha(opacity=100); font-style:normal}

#content #wsDashboardChartTable tr+tr li {background:none; padding:0 0 0 25px; text-indent:-25px}
#content #wsDashboardChartTable tr+tr ul {background:none; margin-left:30px;}
#content #wsDashboardChartTable tr+tr strong {color:#000; font-size:1.6em}

#wsDashboardButtons, #wsDashboardLinks {position:relative}
#wsDashboardButtons>div, #wsDashboardLinks>div {float:right;position:relative;left:-50%;}
#wsDashboardButtons>div>ul, #wsDashboardLinks>div>div {position:relative;left:50%}
#wsDashboardButtons>div>ul>li, #wsDashboardLinks>div>div>ul {float:left;position:relative;background:none;}
#wsDashboardButtons>div>ul>li>a , #wsDashboardLinks>div>div>ul {padding:15px 0 10px;width:170px; margin:0 25px 20px;}

#wsDashboardButtons>div>ul>li {padding:0}
#wsDashboardButtons>div>ul>li>a {display:block;border:1px solid #e6e6e6; text-decoration:none;text-align:center;color:#999;
	-moz-border-radius: .5em;border-radius: .5em;
	background: #efefef; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e6e6e6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e6e6e6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f2f2f2,  #e6e6e6); /* for firefox 3.6+ */
	-moz-box-shadow: 0px 3px 8px rgba(0,0,0,0.25), inset 0 0 0 rgba(49,101,155,0);-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.25), inset 0 0 0 rgba(49,101,155,0);box-shadow: 0px 3px 8px rgba(0,0,0,0.25), inset 0 0 0 rgba(49,101,155,0);
	-webkit-transition: all 300ms ease-out;
	   -moz-transition: all 300ms ease-out;
	     -o-transition: all 100ms ease-out;
	        transition: all 300ms ease-out;
	}
#wsDashboardButtons>div>ul>li>a>strong { font-size:1.6em;color:#333}
#wsDashboardButtons>div>ul>li>a>img { margin:5px 0 0}
#wsDashboardButtons>div>ul>li>a:hover {color:#666;
-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.25), inset 0 0 45px rgba(49,101,155,0.15);
   -moz-box-shadow: 0px 3px 8px rgba(0,0,0,0.25), inset 0 0 45px rgba(49,101,155,0.15);
        box-shadow: 0px 3px 8px rgba(0,0,0,0.25), inset 0 0 45px rgba(49,101,155,0.15);
	}

#wsDashboardLinks>div>div>ul>li{ background:none}
#wsDashboardLinks>div>div>ul>li>a{text-decoration:none}
#wsDashboardLinks>div>div>ul>li img{position:relative;bottom:-3px;margin:0 5px 0 0}



@media screen and (max-width:1400px) { 
     main > .wrap > aside {min-width: 14.44em}
}
@media screen and (max-width:1024px) { 
     .product-page .product-top .title-and-images .mk-info {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
     .product-page .product-top .title-and-images .mk-info .part-number {width:100%; margin-bottom:1rem}
     .product-page .product-top .title-and-images .mk-info .part-number span {display: inline; font-size:0.875em}
     .product-page .product-top .title-and-images .operating-manual.cad-model {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
     .product-page .product-top .title-and-images #DrawingSelectForm,
     .product-page .product-top .title-and-images .operating-manual-link {margin-top:0.5rem}
     .product-page .product-top .title-and-images .operating-manual-link {padding:0 0.75em}
     .product-page .product-top .title-and-images #DrawingSelectForm {margin-right:0.25rem}
     .product-page .contact-form {width:20.9375rem}
}
@media screen and (max-width:1000px) { 
     .product-page .product-top .wrap {display: block; padding:0}
     .product-page .product-top .title-and-images {width:100%; margin: 0 0 1.875rem; padding:0}
     .product-page .product-top .title-and-images h1::before {display: none}
     .product-page .contact-form {max-width: 24rem; width:100%; min-width:0; margin:0 auto}
     .product-page .contact-form table td {padding: 0 0 0.5em}
     #content .product-top .title-and-images #DrawingSelectForm span {width:100%; text-align: center;}
     #content .product-top .product-info .contact-form {margin:0 auto}
     .product-page .product-bottom h2 {padding-left:1.25em}
     .product-page .product-bottom #product-info h2:before,
     .product-page .product-bottom #product-info:nth-child(odd) h2:before,
     .product-page .product-bottom #technical-specs h2:before,
     .product-page .product-bottom #technical-specs:nth-child(odd) h2:before,
     .product-page .product-bottom #product-options h2:before,
     .product-page .product-bottom #product-options:nth-child(odd) h2:before,
     .product-page .product-bottom #resources h2:before,
     .product-page .product-bottom #resources:nth-child(odd) h2:before {left:0; right:auto; width: 1em; height:1em; background-size: contain}

}
@media screen and (max-width:850px) { 
     .product-page .product-top {padding-top:1em}
     .product-page .product-top .title-and-images h1 {font-size:1.75em}
     .product-page .product-top .title-and-images .gallery-container {display: block; overflow:hidden}
     .product-page .product-top .title-and-images #gallery {width:100%}
     .product-page .product-top .title-and-images #gallery-thumbs {float:left; clear: both; width:100%; height: auto; margin: 1rem 0 0;}
     .product-page .product-top .title-and-images #gallery-thumbs .thumbnail-container {padding: 0 2rem; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
     .product-page .product-top .title-and-images #gallery-thumbs .thumbnail-container .thumbnail {width:auto; height:auto; margin:0; padding:0 3px}
     .product-page .product-top .title-and-images #gallery-thumbs .thumbnail-container .thumbnail img {width:100%; height:auto; display: block}
     .product-page .product-top .title-and-images #gallery-thumbs .slick-list {width: 100%;}
     .product-page .product-top .title-and-images #gallery-thumbs .slick-track {min-width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
     .product-page .product-top .title-and-images #gallery-thumbs .slick-arrow {width: 2rem; left:auto; height:2rem; top:50%; bottom:0; transform: translateY(-50%) rotate(-90deg)}
     .product-page .product-top .title-and-images #gallery-thumbs .slick-prev {left:0;}
     .product-page .product-top .title-and-images #gallery-thumbs .slick-next {right:0;}
     .product-page .contact-form {width:100%; margin-top:3em; min-width:100%;clear:both; float:left}
     .product-page .product-bottom {width:100%; min-width:100%;clear:both; float:left}

     .product-bottom .ribbon h2 {font-size:1.5rem}
     .product-bottom .ribbon h3 {font-size:1.25rem}
     .product-bottom .ribbon p, 
     .product-bottom .ribbon ul li {font-size:1rem}
     .product-bottom .ribbon ul li {margin-bottom: 0.3125rem}
     .product-bottom .ribbon .wrap > ul {columns:1}

     .product-bottom .tab {width: 100%; margin-bottom: 2px}
     .product-top .product-info.quotes {width: 100%}
     .product-top .product-info,
     .product-top .product-info.quotes {width: 100%; min-width:100%; max-width:100%}


     .checkout .twoCol, .checkout .threeCol{
          -webkit-columns:1;
             -moz-columns:1;
                  columns:1;
          -webkit-column-gap:0;
             -moz-column-gap:0;
                  column-gap:0;
          -webkit-column-rule:0;
             -moz-column-rule:0;
                  column-rule:0;
          }
          #content .checkout section+section{margin-top:2em;padding-top:2em;border-top:1px solid #ccc}
          #content .checkout .left50, #content .checkout .left50+.left50{float: none;width:100%;padding:0}
          }
@media screen and (max-width:600px) { 


     
.noMobile{display:none}
.wsProductsTable th{font-size:1em}
.wsProductsTable tr>*{text-align:right;padding:.2em 0 .2em .5em}
.cartTabs>*{margin-right:.5em}
.cartTabs>*:before{margin-right:.5em}
}