.BodyHeader {
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    color: var(--text-dark);
    width: 100% !important;
}

.FormButton,
.FormButtonAlternate {
    padding: 5px 7px;
    margin: 2px;
}

.displayAndBtn-class {
    flex-wrap: wrap;
}

.BodyText {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

.CheckOutAddress {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

.CheckOutCCardImage {
    border: 1px ridge var(--black);
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
}

.CheckOutOrderSummaryLabel {
    font-size: 14px;
    font-weight: bold;
    color: var(--text-dark);
    padding: 10px;
    background-color: var(--light-gray);
}

.CheckOutOrderSummaryTable {
    border: 1px solid var(--light-gray);
    padding: 6px;
    width: 90%;
}

.CheckOutOrderSummaryTable TD {
    text-align: left !important;
}
.CheckoutSummaryOrderNumber table,
.CheckOutOrderSummaryTable #Table3 tr:nth-child(4) table {
    margin: 10px 0;
}
.CheckoutSummaryOrderNumber table tr,
.CheckOutOrderSummaryTable #Table3 tr:nth-child(2),
.CheckOutOrderSummaryTable #Table3 tr:nth-child(4) tr {
    display: flex;
    grid-gap: 1em;
}
.CheckoutSummaryOrderNumber table tr td {
    width: auto;
}

    .CheckOutOrderSummaryTable TD {
        text-align: left !important;
    }

.CheckOutPrintOrderLabel {
    font-size: 13px;
    font-weight: bold;
    color: var(--text-color);
    text-align: right;
}

.CheckOutPrintOrderOutput {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

.CheckOutPrintOrderColumnLabel {
    font-size: 15px;
    font-weight: bold;
    color: var(--error);
    text-align: left;
}

.CheckOutSubTotalPrice {
    font-size: 13px;
    font-weight: bold;
    color: var(--text-color);
    text-align: center;
}

.CheckOutSummaryField {
    font-size: 13px;
    font-weight: bold;
    color: var(--text-color);
}

.CheckoutSummaryLabel {
    font-size: 13px;
    font-weight: bold;
    color: var(--text-color);
    text-align: left;
}

#Table3 .CheckoutSummaryField,
#Table3 .CheckoutSummaryLabelShippingOptions {
    padding-left: 10px;
}

#Table4 {
    margin-right: 35px;
    margin-top: 15px;
}

.CheckoutSummaryLabelShippingOptions,
.CheckoutSummaryLabelProductName,
.CheckoutSummaryLabelAlternate {
    font-weight: bold;
}

.CheckOutTotalPrice {
    font-size: 13px;
    font-weight: bold;
    color: var(--text-color);
    text-align: center;
}

.CheckOutTotalPriceLabel {
    font-size: 13px;
    font-weight: bold;
    color: var(--text-color);
    text-align: center;
}

.CheckOutUnitPrice {
    font-size: 13px;
    font-weight: bold;
    color: var(--text-color);
    text-align: center;
}

.ColumnLabel {
    font-size: 14px;
    font-weight: bold;
    color: var(--text-dark);
    text-align: left;
    vertical-align: middle;
    padding: 4px;
}

.Data {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

A.DefaultLink:hover,
A.DefaultLink:link,
A.DefaultLink:visited {
    font-size: 13px;
    font-weight: normal;
    color: var(--error);
    text-decoration: underline;
    text-align: left;
}

.DefaultTable {
    border: 0;
    background-color: var(--white);
    margin-top: 10px;
    border-collapse: separate !important;
}

.DefaultTable TD {
    border-collapse: separate !important;
    border: 0;
}

.DefaultTable2 {
    padding: 0;
}

.OrderSearchPanel {
    float: right;
    width: 65%;
    margin-top: 15px;
}

.OrderSearchLabel {
    font-weight: bold;
}

span.OrderSearchLabel {
    float: left;
    position: relative;
    top: 10px;
    padding: 0 10px;
}

.FormButton {
    font-size: 13px;
    margin-bottom: 10px;
    text-decoration: none;
}

.FormCheckbox {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    background-color: var(--light-gray);
    border: 1px ridge var(--black);
    padding: 0px 0px 0px 0px;
}

table.FormField {
    float: left;
}

.control-group {
    padding: 10px;
}

.FormField {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    background-color: var(--light-gray);
    border: 1px solid var(--gray);
    padding: 0px 0px 0px 0px;
    width: 150px;
}

.FormLabel {
    font-size: 13px;
    font-weight: bold;
    color: var(--text-dark);
    float: left;
}

#ShippingOptionsPanel .FormLabel {
    text-align: left;
}

#RegistrationOptionPanel .DefaultTable tr,
#CustomerAccount2Table tr {
    display: flex;
    flex-direction: column;
}

#CustomerAccount2Table input[type="radio"] {
    margin-right: 5px;
}

#CustomerAccount2Table .FormLabel {
    text-align: left;
}

.DefaultTable#Table1 {
    width: 100%;
}

.LoggedInAsTable .FormLabel,
.LoginFormTable .FormLabel {
    color: var(--text-dark);
    float: left;
    width: 155px;
    text-align: left;
}

TD.FormLabel {
    padding-right: 10px;
}

.FormOutput {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

.FormSelect {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    background-color: var(--white);
    border: 1px solid var(--gray);
    padding: 4px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 86%;
    margin: 5px;
}

.FormSelectExpir {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    background-color: var(--white);
    border: 1px solid var(--gray);
    padding: 4px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 42%;
}

.FormTextArea {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    background-color: var(--white);
    border: 1px solid var(--gray);
    padding: 4px;
    margin: 0 0 2em;
}

.FormTextAreaCV {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    background-color: var(--white);
    border: 1px solid var(--gray);
    padding: 0px 0px 0px 0px;
    margin-right: 5px;
}

div#ShippingOptionsPanel {
    margin-top: 20px;
}

#ShippingOptionsPanel .FormSelect {
    width: 267px;
    margin-left: 0;
}

#PaymentOptionsPanel .FormSelect {
    width: 165px;
    margin-left: 0;
}

#ShippingOptionsPanel .DefaultTable,
#PaymentOptionsPanel table {
    width: auto !important;
}

#PaymentOptionsPanel input {
    width: auto !important;
}

#PaymentOptionsPanel tr {
    margin-bottom: 10px;
    display: block;
}

.dxbButton div.dxb {
    padding: 0;
}

@media screen and (max-width: 728px) {
    #ShippingOptionsPanel tr,
    #PaymentOptionsPanel tr {
        display: flex;
        flex-direction: column;
    }

    #ShippingOptionsPanel .FormLabel,
    #ShippingOptionsPanel input,
    #ShippingOptionsPanel textarea,
    #PaymentOptionsPanel .FormLabel,
    #PaymentOptionsPanel input {
        width: 80vw !important;
    }

    #ShippingOptionsPanel .FormButtonMatte input,
    #PaymentOptionsPanel .FormButtonMatte input {
        width: auto !important;
    }

    #ShippingOptionsPanel .FormSelect,
    #PaymentOptionsPanel .FormSelect {
        margin: 5px 0px 20px;
        width: 80vw;
    }
}

#ccmonthDropDownList.FormSelect,
#ccyearDropDownList.FormSelect {
    border-radius: 2px;
    margin: 5px 5px 5px 0px;
    width: 40%;
}

span#ccverifinstructionLabel {
    padding: 5px;
}

img#ccverificationImage {
    margin: 10px 0;
}

a#ctl01_ctl01_PrintConfirmation {
    margin-bottom: 20px;
}

.qtyFormField,
.ShoppingCartTable .qtyFormField {
    border: solid 1px var(--gray);
    width: 55px !important;
    text-align: center;
    color: var(--text-color) !important;
}


/*Hiding webprice since it is not an available option in the control*/
.ShoppingCartTable #CartItemsDataGrid_DXMainTable>tbody>tr>td:nth-child(7),
#cartList .webPrice,
.cartListHeader .WebPrice {
    display: none;
}

.HighlightTableRow {
    border: 0px ridge var(--gray);
    background-color: var(--light-gray);
}

.SelectedTableRow {
    border: 0px ridge var(--black);
    background-color: var(--white);
}

#ListCategoryIndividual {
    width: 170px;
    height: 150px;
}

.ListCategoryHeader {
    color: var(--text-dark);
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    text-align: left;
    margin-bottom: 3px;
    padding: 0;
}

.ListCategoryHeaderDescription {
    margin-bottom: 20px;
}

.ListCategoryDescription {
    font-size: 11px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
    padding: 4px;
}

.ListCategoryItemCount {
    font-size: 13px;
    font-weight: normal;
    color: var(--error);
    text-align: right;
    background-color: var(--light-gray);
    padding: 2px 4px 4px 4px;
}

.ListCategoryName {
    display: block;
    height: 100%;
    border: 1px solid var(--gray);
}

a.ListCategoryName:hover,
a.ListCategoryName:link,
a.ListCategoryName:visited {
    font-size: 14px;
    font-weight: bold;
    color: var(--text-dark);
    text-decoration: none;
    text-align: left;
    border: 1px solid var(--gray);
}

a.ListCategoryName:hover {
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.ListCategoryDescription {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

.ListCategoryItemCount {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

.NormalTableRow {
    border: 1px ridge var(--black);
    background-color: var(--white);
}

.OnFileLabel {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

.OnFileSelect {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    background-color: var(--light-gray);
    border: 1px ridge var(--black);
    padding: 0px 0px 0px 0px;
}

.RequiredFieldLabel {
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
    color: var(--error);
    text-align: left;
}

.RequiredFieldSummary {
    font-size: 13px;
    font-weight: normal;
    color: var(--error);
    text-align: left;
}

.ShoppingCartTotalPrice {
    font-size: 13px;
    font-weight: bold;
    color: var(--text-color);
    text-align: center;
}

.ShoppingCartUnitPrice {
    font-size: 13px;
    font-weight: bold;
    color: var(--text-color);
    text-align: center;
}

.ShoppingCartLabel TD {
    font-size: 12px;
    color: var(--text-dark);
    text-align: left;
    background-color: var(--light-gray);
    padding-right: 10px;
}

.ShoppingCartTable {
    border: none;
    text-align: left !important;
    width: 100%;
}

    .ShoppingCartTable TD {
        padding: 0px;
    }

.ShoppingCartButton {
    font-size: 11px;
    font-weight: bold;
    color: var(--text-light);
}

.ValidationMessage {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color) !important;
    background-color: var(--white);
    padding: 15px 15px 5px 50px;
    border: solid 1px var(--gray);
    text-align: left;
    height: 54px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 15px;
    background-image: url(/ecommerce/site/themes/images/alertimage.gif);
    background-repeat: no-repeat;
    display: inline-block;
}

.ValidationMessage {
    min-height: 54px;
    height: auto;
}

LI.ValidationMessage {
    background-color: Yellow !important;
    display: inline-block;
}

.InfoMessage {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    background-color: var(--white);
    padding: 15px 15px 5px 50px;
    border: solid 1px var(--gray);
    text-align: left;
    height: fit-content;
    margin: 10px 15px;
    background-image: url(/ecommerce/site/themes/images/infoalert_icon.gif);
    background-repeat: no-repeat;
    display: block;
}

.controlButton {
    margin-top: 10px;
    color: var(--text-light);
}

/* Style Changes for Catalog - MJV 6/28/03 */

.CatalogFeaturedItemTable {
    width: 100%;
    margin-bottom: 20px;
}

.CatalogFeaturedItemHeadlineHighlight {
    text-align: center;
}

.CatalogFeaturedItemWrap {
    margin: 20px 0 0 0;
}

.CatalogFeaturedItemLabel {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

.CatalogFeaturedItemLongDescription {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

.CatalogFeaturedItemPicture {
    border-color: var(--text-color);
    border-width: 0px;
    padding: 30px;
    margin: -15% auto;
    width: 100% !important;
}

.CatalogFeaturedItemPictureNotFound {
    width: 100%;
    background-color: var(--light-gray);
    border: dashed 1px var(--gray);
    font-size: 17px;
    font-weight: bold;
    color: var(--text-muted);
    text-align: center;
    vertical-align: middle;
    padding-top: 45px;
    padding-bottom: 45px;
    margin-right: 20px;
    text-decoration: none;
    display: inline-block;
}

.CatalogFeaturedItemPrice {
    font-size: 13px;
    font-weight: bold;
    color: var(--text-color);
    text-align: center;
}

.CatalogFeaturedItemProductHeadline,
.CatalogHotBuyProductHeadline {
    font-size: 18px;
    font-weight: bold;
    color: var(--text-color);
    text-align: left;
}

.CatalogHotBuyPictureImage {
    margin: 1em;
}

.CatalogHotBuyPictureImage img {
    width: auto !important;
    max-width: 100%;
    height: auto;
    max-height: 200px;
}

.CatalogFeaturedItemProductSubHeadline {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-dark);
    text-align: left;
}

.CatalogFeaturedItemStockCode {
    font-size: 12px;
    font-weight: bold;
    color: var(--text-dark);
    text-align: left;
}

.CatalogItemSpecificationPDFLink {
    background-image: url(/ecommerce/site/themes/images/pdf_icon.gif);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}

.CatalogHotBuyTable {
    width: 100%;
}

    .CatalogHotBuyTable TD .CatalogHotBuyItemTable {
        padding: 15px;
        width: 285px;
        margin: 0 20px 10px;
        border: 1px solid var(--gray);
        border-width: 1px 0;
    }

.CatalogHotBuyHeadlineHighlight,
.CatalogFeaturedItemHeadlineHighlight,
.RelatedItemHeadlineHighlight,
.CatalogHotBuyHeadline,
.OrderStatusSearchHeader,
.RelatedItemHeadline,
.orderdisplayTitle {
    font-size: 14px;
    font-weight: bold;
    color: var(--text-dark);
    padding-top: 4px;
    display: inline-block;
    padding-bottom: 10px;
    margin-top: 10px;
}

.CatalogFeaturedItemHeadline {
    font-size: 36px;
    font-weight: bold;
    padding-top: 4px;
    display: inline-block;
}

div.List2xImage,
div.List4xImage,
div.ListTileImage {
    background: var(--white);
    width: 100%;
    height: auto;
    padding: 0 5px;
}

img.CatalogProduct2xListPicture,
img.CatalogProduct4xListPicture,
img.CatalogProductTileListPicture,
.RelatedItemsImage img {
    position: relative;
    margin: auto;
    top: 5%;
    left: 0;
    right: 0;
    bottom: 0;
}

.relatedItems {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 2em;
    margin: 1em;
}

.relatedItems>span {
    border: 1px solid #d7d7d7;
}

.relatedItems .item {
    padding: 1rem;
    box-sizing: border-box;
}

.Catalog2xListItemHeadline,
.Catalog4xListItemHeadline,
.CatalogTileListItemHeadline {
    font-size: 15px;
    font-weight: bold;
    padding-top: 4px;
    display: inline-block;
    color: var(--text-muted);
    padding-bottom: 10px;
    margin-top: 0px;
}

.GroupModelTable .SkuModel {
    margin: 20px 0px;
}

.CatalogHotBuyLabel {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

A:link.CatalogHotBuyLink,
A:hover.CatalogHotBuyLink,
A:visited.CatalogHotBuyLink {
    font-size: 14px;
    color: var(--text-light);
    font-weight: 700;
    text-align: center;
}

.CatalogHotBuyPictureNotFound {
    width: 180px;
    background-color: var(--light-gray);
    border: dashed 1px var(--light-gray);
    font-size: 17px;
    font-weight: bold;
    color: var(--text-muted);
    text-align: center;
    vertical-align: middle;
    padding: 50px 0;
    margin: 5px;
    text-decoration: none;
    display: inline-block;
}

.CatalogHotBuyPrice {
    font-size: 18px;
    font-weight: bold;
    font-style: oblique;
    color: var(--error);
    text-align: center;
}

.CatalogHotBuyShortDescription {
    margin-bottom: 1em;
}

.CatalogHotBuyAlternatingCell {
    border-left: dashed 1px var(--black);
}

.relatedItemsPricing .CustomerPrice {
    color: var(--brand-red);
    font-weight: bold;
}

#relatedItems .relatedItemsImg {
    text-align: center;
}

.simplePricingRow.CustomerPriceRow {
    display: flex!important;
    align-items: center;
    justify-content: center;
}

.simplePricingRow .label {
    font-weight: normal;
    font-size: 15px;
    padding: 0;
    margin-right: 10px;
}

.simplePricingRow.CustomerPriceRow .label {
    font-weight: bold;
}

.simplePricingRow.CustomerPriceRow {
    font-size: 18px;
}

.simplePricingRow {
    display: flex;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.simplePricingRow.DefaultPriceRow {
    color: var(--text-muted);
    display: flex;
}

.simplePricingRow .DefaultPrice {
    text-decoration: line-through;
}

.relatedItemsName .stock-code {
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 0.5em;
}

A:link.CatalogListNavTrail,
A:hover.CatalogListNavTrail,
A:visited.CatalogListNavTrail {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: inherit;
    display: block;
    margin-top: 1em;
}

A:link.CatalogListPaginationText,
A:visited.CatalogListPaginationText,
A:hover.CatalogListPaginationText {
    font-size: 11px;
    font-weight: normal;
    color: var(--error);
    text-align: left;
}

.CatalogListSortLabel {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
    margin-top: 20px;
    display: inline-block;
}

.CatalogListSortSelect {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    background-color: var(--light-gray);
    border: 1px ridge var(--black);
    padding: 0px 0px 0px 0px;
}

.CatalogProduct2DListButton {
    font-size: 13px;
    font-weight: bold;
    color: var(--text-color);
    background-color: var(--light-gray);
    border: 1px ridge var(--black);
    padding: 0px 0px 0px 0px;
}

.CatalogProduct2DListPicture {
    border: 1px ridge var(--black);
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
}

.CatalogProduct2DListPictureNotFound {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
    text-decoration: underline;
}

.CatalogProduct2DListPrice {
    font-size: 13px;
    font-weight: bold;
    color: var(--text-color);
    text-align: center;
}

.CatalogProduct2DListPriceLabel {
    font-size: 13px;
    font-weight: bold;
    color: var(--text-color);
    text-align: center;
}

.CatalogProduct2DListShortDescription {
    font-size: 11px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

.CatalogProduct2DListStockCode {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

.CatalogProduct2DListStockCodeLabel {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

.CatalogProduct2DListUnitSelect {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    background-color: var(--light-gray);
    border: 1px ridge var(--black);
    padding: 0px 0px 0px 0px;
}

A:link.CatalogDetailNavTrailCategory,
A:hover.CatalogDetailNavTrailCategory,
A:visited.CatalogDetailNavTrailCategory {
    font-size: 13px;
    font-weight: bold;
    color: var(--text-link);
    text-decoration: underline;
    text-align: left;
    padding: 0 10px;
}

.CatalogDetailNavTrailItemName {
    font-size: 13px;
    font-weight: bold;
    color: var(--text-color);
    text-align: left;
}

.CatalogProductDetailHeadline {
    font-size: 18px;
    font-weight: bold;
    color: var(--text-dark);
    text-align: left;
    margin-bottom: 3px;
}

.CatalogProductDetailHeadline2 {
    font-size: 14px;
    font-weight: bold;
    color: var(--text-muted);
    margin-top: 15px;
    text-align: left;
}

.CatalogProductDetailLongDescription,
.CatalogProductDetailTechnicalInformation {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

h4.CatalogProductDetailTechnicalInformationLabel {
    margin-bottom: 5px;
    margin-top: 20px;
}

.CatalogProductDetailPicture {
    border: 0px ridge var(--black);
    margin: 0px;
    vertical-align: middle;
    width: 100%;
}

.CatalogProductDetailPictureNotFound {
    max-width: 100%;
    max-height: 100%;
    background-color: var(--light-gray);
    border: dashed 1px var(--light-gray);
    font-size: 17px;
    font-weight: bold;
    color: var(--text-muted);
    text-align: center;
    vertical-align: middle;
    padding-top: 100px;
    margin: 5;
    text-decoration: none;
    display: inline-block;
}

.CatalogProductDetailPrice {
    font-size: 18px;
    color: var(--error);
    white-space: nowrap;
    margin-right: 5px;
}

.CatalogProductDetailQuantityLabel {
    font-size: 11px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

.CatalogProductDetailStockCode {
    font-size: 12px;
    font-weight: bold;
    color: var(--text-color);
    text-align: left;
}

.CatalogProductDetailSubHeadline {
    font-size: 14px;
    font-weight: normal;
    color: var(--text-muted);
    font-style: italic;
    text-align: left;
}

.CatalogProductDetailUnit {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

.CatalogProductVerticalListField {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    background-color: var(--white);
    border: 1px ridge var(--gray);
    padding: 0px 0px 0px 0px;
    width: 300px;
}

.CatalogProductVerticalListPicture {
    border: 0px ridge var(--black);
    margin: 6px 6px 6px 6px;
    max-width: -webkit-fill-available;
    max-height: -webkit-fill-available;
    width: 100% !important;
}

.HotSpotWrap .CatalogProductVerticalListPicture {
    height: 225px !important;
}

.HotSpotItemDetailPopUp {
    width: 35% !important;
    margin: auto !important;
    left: 33% !important;
}

div#mapster_wrap_0 {
    margin: auto;
    margin-bottom: 30px;
    top: 0px;
    max-width: 1000px;
    max-height: 1204px;
}

img.mapster_el {
    position: relative;
    top: 0px;
}

canvas.mapster_el {
    max-width: 1000px;
    max-height: 1204px;
}

img#HotSpotImageMap {
    max-width: 1000px;
    max-height: 1204px;
}

table#ctl01_ctl02_grdHotSpotListingControl_DXMainTable {
    width: 95% !important;
}

table#ctl01_ctl02_grdHotSpotListingControl {
    background-color: transparent;
}

.CatalogProductVerticalListPictureNotFound {
    width: 150px;
    height: 150px;
    font-size: 0px;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    margin: 5;
    display: inline-block;
    background: url(/ecommerce/site/themes/images/photo-not-found.png);
    background-size: 150px 150px;
}

.CatalogProductVerticalListPrice {
    font-size: 13px;
    font-weight: bold;
    color: var(--error);
    text-align: center;
}

.CatalogProductVerticalListQuantityLabel {
    font-size: 11px;
    font-weight: normal;
    color: var(--text-color);
    text-align: center;
}

.CatalogProductVerticalListShortDescription {
    font-size: 11px;
    font-weight: normal;
    color: var(--text-color);
    text-align: left;
}

.CatalogProductVerticalListStockCode {
    font-size: 11px;
    font-weight: normal;
    color: var(--text-color);
    text-align: center;
}

.CatalogProductVerticalListUnitSelect {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    background-color: var(--light-gray);
    border: 1px ridge var(--black);
    padding: 0px 0px 0px 0px;
}

.CatalogHighlightTableRow TD {
    background-color: var(--white);
}

.CatalogQtyAddTableCell {
    text-align: center;
    white-space: nowrap;
}

.Qty-Price,
.Qty-Amt {
    float: left;
    width: 45%;
}

.CatalogPricingTable {
    width: 45% !important;
    -moz-vertical-align: middle !important;
    -moz-height: 25px !important;
    display: inline-table !important;
}

    .CatalogPricingTable TD {
        vertical-align: bottom !important;
        border-bottom: none;
        border-top: none;
        display: inline-block !important;
    }

.CatalogItemPriceDisplay {
    vertical-align: top !important;
}

/* END - Style Changes for Catalog - MJV 6/28/03 */

table.CatalogProductVerticalListButton {
    vertical-align: top !important;
}

TD.CatalogQtyAddTableCell {
    display: inline-block !important;
    padding-top: 0px !important;
    margin-top: 20px;
}

.LoginFormTable {
    background-color: var(--white);
    border: 1px solid var(--light-gray);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    width: 300px;
    margin: 20px 0px;
}

.LoggedInAsTable {
    background-color: var(--light-gray);
    border: 1px solid var(--light-gray);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    width: 250px;
    float: left;
    margin: 20px;
}

    .LoggedInAsTable TD {
        background-color: var(--white);
        padding: 10px 10px 10px 10px;
    }

.LoginSuccessName {
    font-weight: bold;
    margin-bottom: 10px;
}

.CatalogItemDetailOnHandQuantityDisplay {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    background-color: var(--white);
    padding: 15px 15px 5px 50px;
    border-left: ridge 2px var(--warning);
    border-right: ridge 2px var(--warning);
    border-top: ridge 2px var(--warning);
    border-bottom: ridge 2px var(--warning);
    text-align: left;
    height: 54px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 15px;
    background-image: url(/ecommerce/site/themes/images/infoalert_icon.gif);
    background-repeat: no-repeat;
}

/*
Styles for:
Dovetail.Ecommerce.Control.CatalogOnHandQuantityDisplayControl
bnc*/

.OnHandQuantityHotbuy {
    font-size: 11px;
    color: var(--text-link);
    text-align: center;
    font-weight: bold;
    width: 100%;
}

.OnHandQuantityItemDetail {
    font-weight: bold;
    font-size: 13px;
}

.OnHandQuantityItemVerticleListing {
    font-size: 11px;
    color: var(--text-link);
    text-align: center;
    font-weight: bold;
    width: 100%;
}

.OnHandQuantityFeaturedItem {
    font-size: 11px;
    color: var(--text-link);
    text-align: center;
    font-weight: bold;
    width: 100%;
}

/*OrderSearch Styles*/

.OrderSearchFormLabel {
    font-weight: bold;
    font-size: 13px;
    color: var(--text-color);
}

.OrderSearchInputTable {
    margin-bottom: 20px;
}

.OrderStatusSearchTable {
    width: 450px;
    margin-right: 10px;
}

.OrderStatusSearchSubHeader {
    text-align: left;
}

.OrderStatusSearchTableBody {
    font-weight: normal;
    font-size: 11px;
    color: var(--text-color);
}

.OrderStatusdetailHeader TD {
    font-size: 12px;
    color: var(--text-dark);
    text-align: left;
    background-color: var(--light-gray);
    padding-right: 10px;
    white-space: normal !important;
}

.OrderStatusHighlightTableRow {
    background-color: var(--light-gray);
}

.OrderSearchbutton {
    font-size: 11px;
    font-weight: bold;
    border: none;
    margin: 6px 0px 15px 0px;
    padding: 0px 0px 0px 14px;
    background-image: url(/Ecommerce/site/themes/images/go_button.png);
    height: 30px !important;
    background-repeat: no-repeat;
    width: 30px !important;
    position: relative;
    top: 0px;
}

.dxbButton.OrderSearchbutton {
    background-color: transparent;
}

/* Add to Cart Buttons */

.CatalogFeaturedItemButton,
.CatalogHotBuyButton,
.CatalogProductVerticalListButton,
.CatalogProductDetailButton,
.CatalogAccessoryAddButton,
.CatalogAccessoryCancelButton {
    font-size: 10px !important;
    font-weight: bold !important;
    color: var(--text-dark) !important;
    background-color: transparent !important;
    border: none !important;
    margin: 6px 0px 0px 0px !important;
    padding: 0 0 0 5px !important;
    background-image: url(/ecommerce/site/themes/images/add_to_cart.gif) !important;
    height: 22px !important;
    background-repeat: no-repeat !important;
    text-align: left !important;
    width: 90px !important;
    display: inline-table !important;
}

.CatalogAccessoryCancelButton {
    background-image: url(/ecommerce/site/themes/images/add_to_acc.gif) !important;
    background-position: center !important;
}

.CatalogAccessoryCancelButton {
    display: inline-block;
}

.CatalogAccessoryAddButtonChoices,
.CatalogAccessoryAddButtonChoices:visited {
    display: inline-block;
    color: var(--text-color) !important;
    height: 20px;
    width: 115px;
    font-size: 12px;
    font-style: normal;
    padding: 3px 0px 6px 0px !important;
}

    .CatalogAccessoryAddButtonChoices:hover {
        background-color: var(--light-gray);
        color: var(--text-muted);
    }

.dxpcContentPaddings {
    padding: 5px !important;
    background-color: var(--white) !important;
    border: 1px solid var(--light-gray) !important;
}

.dxpcControl {
    border: none !important;
    height: auto !important;
    width: auto !important;
}

.CatalogSearchHeader {
    background-color: var(--black);
    background-image: -moz-linear-gradient(top, var(--gray), var(--black));
    background-image: -webkit-gradient( linear, 0 0, 0 100%, from(var(--gray)), to(var(--black)) );
    background-image: -webkit-linear-gradient(top, var(--gray), var(--black));
    background-image: -o-linear-gradient(top, var(--gray), var(--black));
    background-image: linear-gradient(to bottom, var(--gray), var(--black));
    background-repeat: repeat-x;
    border-color: var(--black);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff8c8c8c', endColorstr='#ff111111', GradientType=0);
    border: 1px solid var(--light-gray);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    font-size: 13px;
    height: 25px;
    width: 100%;
    display: inline-block;
    padding-top: 3px;
    color: var(--text-light);
    text-indent: 10px;
    font-size: 13px;
    font-weight: bold;
}

.ItemListingHeader TD {
    color: var(--text-dark);
    font-weight: bold;
    padding-right: 15px;
}

.CatalogItemListingByCategoryTable {
    display: inline-block;
    margin-top: 15px;
    border-collapse: separate;
    clear: left;
    display: block;
    border: 0;
}

    .CatalogItemListingByCategoryTable TD {
        padding: 4px;
        border-collapse: separate;
        border: 0;
    }

/* CS 2.0 Hot Buy */

.CatalogHotBuyHeadline {
    color: var(--text-dark);
    font-size: 18px;
    font-weight: 700;
    grid-column: 1 / -1;
}

.CatalogHotBuyProductHeadline {
    font-size: 14px;
    height: 18px;
    width: 100%;
    display: inline-block;
    padding-top: 3px;
    color: var(--text-color);
}

    .CatalogHotBuyProductHeadline P {
        font-weight: 700;
        line-height: 1.1em;
        color: var(--text-dark);
        margin-bottom: 20px;
        text-align: center;
    }

HTML > BODY .CatalogHotBuyLink {
    top: -26px;
}

.CatalogHotBuyPDFLink {
    display: none;
}

/* CS 2.0 Search */

.CatalogSearchDiv.container {
    margin: auto;
    position: relative;
}

.side-bar .CatalogSearchDiv.container {
    width: 100%;
    padding: 0;
}

.block {
    display: inline-block;
    margin: 0 10px 0 0px;
    vertical-align: bottom;
}

.ControlHeader {
    float: left;
    text-transform: uppercase;
    width: 100%;
    font-weight: bold;
}

.side-bar .ControlHeader {
    background: var(--secondary);
    color: var(--text-light);
    width: 100%;
    padding: 10px;
}

.CatalogSearchDiv {
    width: 70%;
    margin: 15px auto;
}

.CatalogSearchHeader {
    float: left;
    text-transform: none;
    width: 100%;
    margin-bottom: 10px;
}

.dropdown.custom-acct-dropdown {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.dropdown.custom-acct-dropdown span {
    color: var(--top-nav-text);
    font-size: 12px;
    text-align: right;
    margin-top: -2px;
}


.CatalogSearchField {
    height: 40px;
    width: 200px;
    font-size: 13px;
    font-weight: normal;
    background: var(--white);
    color: var(--text-muted);
    -webkit-box-shadow: inset 0 1px 3px var(--light-gray);
    -moz-box-shadow: inset 0 1px 3px var(--light-gray);
    box-shadow: inset 0 1px 3px var(--light-gray);
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 3px !important;
    padding: 4px 6px;
    margin: 5px;
    border: 0;
}

#SearchCategoryDIV select {
    width: 200px;
    height: 35px;
    border-radius: 8px !important;
}

.SearchFormSelect {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    background-color: var(--white);
    border: 1px solid var(--gray);
    padding: 5px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    top: -13px;
    margin: 8px 0 0;
    height: 29px;
    width: 165px;
}

.dxeButtonEdit td.dxic {
    width: 90% !important;
}

td.dxeButtonEditButton {
    padding: 0 !important;
}

.SearchCategoryDIV {
    float: right;
}


/* CS 2.0 Catalog Category Navigation */

.CatalogCategoryTitle {
    color: var(--text-dark);
    font-weight: bold;
    padding: 8px 0;
    display: inline-block;
}

.CatalogCategoryItem {
    position: relative;
    left: 0px;
    display: inline-block;
}

.menu {
    display: inline;
    float: left;
    padding-right: 0px;
    margin: 4px 0px;
    width: 100%;
    text-align: left;
}

    .menu .submenutext1 {
        background-image: none;
        padding: 0 0 0 10px;
    }

    .menu .submenutext2 {
        padding: 0 0 0 20px;
    }

    .menu .submenutext3 {
        padding: 0 0 0 30px;
    }

/* CatalogItemCharacteristicTabsDisplayControl */

.CharacteristicDisplayTabContent {
    width: 625px !important;
    height: auto !important;
}

/* CatalogItemCharacteristicDisplayControl */

.CatalogItemCharacteristicHeadline {
    font-size: 14px;
    font-weight: bold;
    color: var(--text-dark);
    text-align: left;
}

.CatalogItemCharacteristicDisplayTable {
    border: solid 0px var(--gray);
    border-collapse: separate;
    width: 100%;
}

    .CatalogItemCharacteristicDisplayTable TD {
        padding: 10px;
    }

.CatalogItemCharacteristicDisplayAlternate TD {
    background-color: var(--white);
}

.CharacteristicName {
    color: var(--text-dark);
    font-weight: bold;
}

.CharacteristicValue {
    color: var(--text-dark);
}

.CharacteristicSuffix {
    color: var(--text-dark);
}

.CharacteristicColorType {
    border: 1px solid var(--light-gray);
    display: inline;
    vertical-align: middle;
    margin-top: -2px;
}

/* CatalogCharacteristicFilterControl */

div#divWrapper_ItemCharacteristicFilter {
    display: block;
    max-width: 180px;
}

.CatalogCharacteristicFilterSearchDIV {
    padding-top: 10px;
    width: 180px;
    padding-right: 20px;
    float: left;
}

.CatalogCharacteristicFilterSearchHeader {
    font-size: 14px;
    font-weight: bold;
    color: var(--text-dark);
    display: inline-block;
}

.CatalogCharacteristicFilterSearchItemHeader {
    padding-right: 20px;
    display: inline;
    float: left;
}

#table2 UL LI {
    list-style-type: none !important;
}

INPUT.disabledFormField {
    background-color: var(--light-gray);
    color: var(--text-muted);
    border: solid 1px var(--gray);
}

.aspNetDisabled {
    background-color: var(--light-gray);
    color: var(--text-muted);
}

.filterControlDiv {
    padding: 5px 0;
}

#Table1 TD {
    position: relative;
    height: auto !important;
}

    #Table1 TD .RequiredFieldLabel {
        position: absolute;
        bottom: 10px;
    }

/* CS2_DistributorSearchControl - Moved these styles out of the control itself */

.DealerListingHeader TD {
    background-color: var(--light-gray);
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    font-weight: bold;
    color: var(--text-dark);
    white-space: nowrap;
}

.DealerListingHighlightRow TD {
    background-color: var(--light-gray);
}

.DealerListingHighlightRow TD,
.DealerListingRow TD {
    font-size: 11px;
    font-weight: normal;
    color: var(--text-color);
    vertical-align: top;
    padding: 4px 0px 4px 4px;
    vertical-align: top;
}

#HighlightCompanyID {
    visibility: hidden;
    z-index: 4;
}

.DealerHighlightBox {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    text-align: center;
    width: 100%;
}

    .DealerHighlightBox TABLE {
        border-collapse: collapse;
        margin-left: 250px;
        margin-right: auto;
        background-color: var(--white);
        border: solid 1px var(--black);
        width: 300px;
    }

    .DealerHighlightBox TD {
        padding: 10px 10px 10px 10px;
    }

.DealerHighlightHeading {
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
}

.DealerHighlightSubHeading {
    font-size: 13px;
    font-weight: bolder;
    text-align: center;
}

.DealerHighlightDescription {
    text-align: left;
}

.DealerHighlightDetail {
    text-align: center;
}

.DealerHighlightContactInfo {
    text-align: center;
}

.DealerListTable {
    width: 75%;
    border: solid 1px var(--gray);
    margin: 15px 0;
}

    .DealerListTable TD {
        border: solid 0px var(--gray);
    }

/* Requested Shipping Date Popup Calendar Styles */

IMG.RequestedShippingDateCalendar {
    position: relative;
    left: 10px;
}

.datepick {
    width: 350px;
    text-align: center;
}

.datepick-month-header {
    white-space: nowrap;
}

.datepick-month TABLE {
    width: 100%;
}

    .datepick-month TABLE TD {
        padding: 4px 6px;
    }

/* Order Lookup Table */

.orderdisplayTable table {
    border: 1px solid var(--gray);
    text-align: left !important;
}

    .orderdisplayTable table td {
        padding: 6px;
        white-space: nowrap;
        text-align: left;
    }

.orderdisplaydetailLabel {
    background-color: var(--light-gray);
}

/* MasterAccountControl */

.CustomerMasterAccountControlLabel {
    font-weight: bold;
    float: left;
    margin-right: 15px;
}

.dx-toolbar-label .dx-toolbar-item-content>div {
    font-size: 14px;
    margin-top: 5px;
}

.dx-overlay-wrapper {
    font-family: var(--font-body)!important;
}

.dx-toolbar-center {
    margin: auto!important;
}

 .dx-toolbar-button .dx-button-mode-contained[aria-label="No"] {
    background-color: var(--brand-green)!important;
}

.dx-popup-wrapper > .dx-overlay-content {
    max-height: calc(100dvh - 30px);
    max-width: 1500px;
    overflow: auto;
    border-radius: 6px!important;
}

.dx-popup-title.dx-toolbar .dx-toolbar-label {
    max-width: 100%!important;
}

.dx-dialog-content .dx-dialog-message {
    padding: 0!important;
}

.dx-popup-title.dx-toolbar {
    background: #333;
    color: #fff !important;
}

select#CustomerMasterAccountDropDown {
    width: 52%;
    float: left;
    margin: 0 15px;
    border-radius: 8px;
}

#CustomerMasterAccountDropDown_DDD_L_D .dxeListBoxItemRow {
    display: flex;
}

#CustomerMasterAccountDropDown_DDD_L {
    width: auto!important;
}

#CustomerMasterAccountDropDown_DDD_L_H .dxeListBoxItem:first-child,
#CustomerMasterAccountDropDown_DDD_L_D .dxeListBoxItem:first-child {
    width: 120px!important;
}

#CustomerMasterAccountDropDown_DDD_L_H .dxeListBoxItem:last-child,
#CustomerMasterAccountDropDown_DDD_L_D .dxeListBoxItem:last-child {
    width: 100%!important;
    flex: 1;
    white-space: normal!important;
}

#CustomerMasterAccountDropDown_DDD_PW-1 {
    max-width: 100dvw;
    width: 100% !important;
    left: 0 !important;
}

@media screen and (min-width: 680px) {
    #CustomerMasterAccountDropDown_DDD_PW-1 {
        width: 602px !important;
    }
}

/*Default Shipping Address Dialog*/

#defaultShipInstructions {
    width: 80%;
    display: grid;
    grid-template-columns: 2fr 1fr;
    margin-bottom: 15px;
}

#defaultShipLabel {
    float: left;
    padding: 5px 10px;
    text-align: right;
}

#defaultShipButton {
    padding-right: 20px;
    position: relative;
    z-index: 100;
}

#defaultShipInstructions #defaultShipButton {
    top: 0 !important;
}

#defaultShipHint {
    display: none;
    width: 275px;
    height: 30px;
    padding: 5px 0px 5px 35px;
    background-image: url(/Ecommerce/images/info.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.MultiShipLookupTable {
    margin: 13px;
    clear: both;
    position: relative;
    top: 15px;
}

/*Shipping and Billing Address Information*/

.ShippingAddressDiv {
    float: left;
    width: 45%;
    height: auto;
    padding: 0px;
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 20px;
}

.BillingAddressDiv {
    display: inline-block;
    width: 45%;
    height: auto;
    padding: 0px;
}

@media (max-width: 767px) {
    #Table3.accountSetup {
        margin-left: -15px;
    }

    .FormLabel {
        text-align: left;
    }
}

@media (max-width: 993px) {
    .ShippingAddressDiv,
    .BillingAddressDiv {
        width: 100%;
    }
}

.CustomerAddressHeadingDiv {
    background-color: var(--light-gray) !important;
    width: 100%;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
    align-items: center;
    min-height: 50px;
    grid-gap: 10px;
}

    .CustomerAddressHeadingDiv #btnChangeDefault {
        top: 0;
    }

.CustomerAddressHeading {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px;
}

.AddressRow {
    width: 100%;
    height: auto;
    clear: both;
    padding: 20px 0px 2px 4px;
}

.AddressLabel {
    float: left;
    font-weight: 700;
    width: 40%;
}

.AddressField {
    float: right;
    font-weight: 400;
    display: block;
    width: 60%;
    white-space: normal;
    overflow-wrap: break-word;
}

.ChangeDefaultShipButton td {
    padding: 0px;
    white-space: nowrap;
    font-weight: 700;
    font-size: 11px;
}

.ChangeDefaultShipButton {
    font-weight: bold;
    font-size: 11px;
    padding: 0px;
    margin-top: 0px;
    float: right;
    position: relative;
    right: 4px;
    top: 6px;
}

.ContinueCancelButtons {
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.CancelLink td {
    background: none !important;
    border: none !important;
    text-decoration: underline !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    position: relative;
    left: 27px;
    top: 5px;
}

    .cancellink td div {
        padding: 0px !important;
    }
/*One Time Shipping Address Styles*/

#OneTimeShippingDiv {
    width: 365px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    #OneTimeShippingDiv .AddressRow {
        height: 25px;
        padding: 2px 0px;
        display: grid;
        grid-template-columns: 1fr 2fr 1fr;
        gap: 3px;
    }

    #OneTimeShippingDiv .AddressLabel {
        width: 110px;
        text-align: right;
        padding: 5px;
    }

    #OneTimeShippingDiv .AddressField {
        width: 256px;
        float: none;
        padding: 5px;
    }

    #OneTimeShippingDiv select {
        border-radius: 0;
        margin: 0;
        padding: 2px;
        width: 102%;
    }

    #OneTimeShippingDiv .AddressRow.Hidden {
        height: 0;
    }

    #OneTimeShippingDiv .addressfield input,
    #OneTimeShippingDiv .addressfield select {
        width: 160px;
    }

.AddressRow .RequiredFieldLabel {
    float: none;
    margin-top: 5px;
}

#relatedItemTable {
    width: 100%;
    text-align: center;
}
/* SKU Styles */

#ModelOptionsWrapper {
    display: block;
    margin-top: 15px;
}

    #ModelOptionsWrapper .dxeHelpText {
        color: var(--text-color);
    }

.SKUOptionDropDown_Gears {
    width: 50px !important;
    height: 25px !important;
}
/*  MHS mods 8-19-14 */

.FormField {
    font-size: 13px;
    font-weight: normal;
    color: var(--text-color);
    background-color: var(--white);
    border: 1px solid var(--gray);
    border-radius: 4px;
    padding: 5px;
    width: 220px;
    min-height: 30px;
    margin: 4px 0;
}

.FormLabel {
    margin-bottom: 0;
}

#recaptchaDiv {
    display: flex;
    justify-content: center;
}

.FormField td.dxic {
    width: 85% !important;
}

td#CartItemsDataGrid_col13,
.ShoppingCartUnitPrice,
td#CartItemsDataGrid_col13 {
    text-align: left!important;
}
#CartItemsDataGrid_DXMainTable .dxgvDataRow td:nth-child(1) {
    max-width: 50px;
}

#CartItemsDataGrid_DXMainTable .dxgvDataRow td:nth-child(2) {
    max-width: 65px;
}
#CartItemsDataGrid_DXHeadersRow0>td:nth-child(1),
#CartItemsDataGrid_DXMainTable .dxgvDataRow td:nth-child(1) {
    padding-left: 15px;
    padding-right: 15px;
}
#CartItemsDataGrid_DXHeadersRow0>td:nth-child(8) {
    padding-left: 10px;
    padding-right: 10px;
}
#CartItemsDataGrid_DXMainTable .dxgvDataRow td:nth-child(6),
#CartItemsDataGrid_DXMainTable .dxgvDataRow td:nth-child(8),
.qtyFormField, .ShoppingCartTable .qtyFormField,
#CartItemsDataGrid_col11 table,
#CartItemsDataGrid_col12 table td {
    float: none;
}

.ShoppingCartTable {
    border: none;
    text-align: left !important;
    width: 100%;
    background: transparent;
}

    .ShoppingCartTable TD {
        padding: 10px 2px;
    }

.ShoppingCartTable {
    border: none;
    text-align: left !important;
    width: 100%;
    background: transparent;
}

    .ShoppingCartTable TD {
        padding: 10px 2px;
    }

.ShoppingCartRecalcButton,
.ShoppingCartEmptyCartButton,
.ShoppingCartShopMoreButton,
.ShoppingCartCheckoutButton,
.ShoppingCartDownloadButton,
.ShoppingCartPunchoutButton,
.submitButton,
.cancelButton,
.btnCart,
.ShoppingCartSaveCartButton,
.FormButtonAlternate,
.ChangeDefaultShipButton,
#btnb2bCancel {
    color: var(--secondary-btn-text);
    background-color: var(--secondary-btn);
    border: 1px solid var(--secondary-btn);
    margin: 10px 3px;
    padding: 5px;
    border-radius: 2px;
    float: left;
}

.itemDetailPricingDiv .btnCart {
    float: none;
    margin: 0 !important;
}

#btnb2bContinue {
    color: var(--primary-btn-text);
    background-color: var(--primary-btn);
    border: 1px solid var(--primary-btn);
}

.ShoppingCartRecalcButton:hover,
.ShoppingCartEmptyCartButton:hover,
.ShoppingCartShopMoreButton:hover,
.ShoppingCartCheckoutButton:hover,
.ShoppingCartDownloadButton:hover,
.ShoppingCartPunchoutButton:hover,
.btnCart:hover,
.ChangeDefaultShipButton:hover,
#btnb2bCancel:hover {
    background-color: var(--secondary-btn-hover);
    border: 1px solid var(--secondary-btn-hover);
}

#btnb2bContinue:hover {
    background-color: var(--primary-btn-hover);
    border: 1px solid var(--primary-btn-hover);
}

div#CustomerMasterAccountbtn {
    border: 0px solid var(--gray);
    background: transparent;
}

#CustomerMasterAccountbtn_CD {
    background: var(--dark-gray);
    color: var(--text-light);
    border-radius: 6px;
    padding: 6px;
}

    #CustomerMasterAccountbtn_CD:hover {
        background: var(--black);
    }

.relatedItemHeadline {
    font-size: 25px;
    text-align: center;
    display: block;
    margin-bottom: 1em;
}

/*This fixes issues with the Contact Information page*/

#onfile .FormLabel {
    margin-top: 10px;
}

#onfile span.FormLabel {
    float: none;
}

#onfile input[type="checkbox"] {
    margin-top: 14px;
}
/*This fixes an issue with the list expand/close image being cut off*/

.dxWeb_rpCollapseButton {
    width: 16px;
}

.dxrpCollapsed .dxWeb_rpCollapseButton {
    background-position: -64px -529px;
    width: 16px;
}
/*This is adding labels to the quantity boxes*/

.price-qtyUOM.Stocking:before,
.price-qtyUOM.Alternate:before,
.price-qtyUOM.Other:before {
    float: left;
    margin: 5px 5px 0 -8px;
    font-weight: bold;
}

.price-qtyUOM.Alternate:before {
    content: "";
}

.price-qtyUOM.Other:before {
    content: "";
}
/*Other fixes*/

.quickEntryLineTotal {
    width: 275px;
    float: right;
    border-bottom: 1px solid var(--black);
    padding-top: 15px;
    margin-right: 5px;
    margin-bottom: 10px;
}
/*New quick order entery*/

.QE-AddToCartSpinner {
    position: absolute;
    left: 45%;
    right: 45%;
}

#QEShoppingCartMessaging {
    position: absolute;
    margin-top: -30px;
}

.QE-Subtotal-Wrapper > div {
    display: inline;
    margin-right: 10px;
}

div#QEInputPanel,
.QE-Input-Wrapper {
    min-height: 80px;
}

.QE-ClearText,
.QE-QtyInput {
    display: inline-block;
    float: none;
}

.QE-AddToCartInput {
    display: block;
    float: left;
}

.QE-ClearText {
    margin-left: 5px;
    margin-top: 4px;
    vertical-align: top;
    float: left;
}

.QE-Input-Wrapper .QE-ClearText .dxb {
    padding: 4px 8px;
}

.QE-QtyInput {
    margin-left: 30px;
}

.QE-Subtotal-Amount {
    color: black;
    font-weight: bold;
}

.QE-Row > div,
.QE-AltRow > div {
    min-height: 30px;
}

.QE-QOH {
    float: right !important;
}

    .QE-QOH input[type="button"] {
        float: right;
    }

.QE-Wrapper {
    padding-left: 0px !important;
}

    .QE-Wrapper > div {
        padding-top: 15px;
    }

.QE-Row,
.QE-AltRow {
    clear: both;
    border: 1px solid rgb(225, 225, 225);
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.QE-AltRow {
    background-color: rgb(225, 225, 225);
}

.QE-Del {
    padding-left: 0 !important;
    max-width: 70px;
}

    .QE-Del a {
        background-color: black;
        color: white;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
    }

        .QE-Del a:hover {
            text-decoration: none;
            background-color: var(--dark-gray);
            color: white;
        }

.QE-Price,
.QE-Name {
    font-weight: bold;
}

.QE-QtyInput {
    max-width: 80px;
    float: left;
}

    .QE-QtyInput .dxeTextBox {
        margin: 4px 5px 0px 5px;
    }

    .QE-QtyInput input {
        height: 20px;
    }

.QE-Qty {
    padding-right: 2px;
    max-width: 70px;
    padding: 0 2px 0 0 !important;
}

.QE-UOM {
    padding-left: 5px;
    max-width: 60px;
}

.QE-AddToCartInput .btn {
    padding: 1px 0;
    margin-top: 5px;
}

#QEShoppingCartContents {
    margin-top: 0px;
}

.QE-UnitPrice {
    float: left !important;
}

.simplePricingRow .div {
    text-align: right;
    float: right;
}

.PricePerUnit {
    display: table;
}

.QE-QOH.col-xs-12.col-sm-2 > .QE-QOH.col-xs-12.col-sm-2 {
    width: 100%;
}


/* Pay Invoice btns */
div#btnPayByBank, 
div#btnPayByCC {
    background-color: var(--light-gray) !important;
    border: 1px solid var(--dark-gray) !important;
    padding: 10px 5px !important;
    max-width: 135px!important;
}
div#btnPayByBank.active, 
div#btnPayByCC.active {
    background-color: rgba(7,85,167,0.2)!important;
    border-color: var(--primary)!important;
}
div#btnPayByCC .dx-button-content {
    background-size: 50px!important;
}
div#btnPayByBank .dx-button-content {
    background-size: 60px!important;
}
div#btnPayByBank span.dx-button-text, 
div#btnPayByCC span.dx-button-text {
    margin-top: 55px!important;
    color: var(--text-dark)!important;
    font-weight: 600;
    font-size: 14px;
    position: relative;
}
div#btnPayByBank span.dx-button-text {
    margin-top: 65px!important;
}
div#btnPayByCC span.dx-button-text:after {
    content:'3% convenience fee';
    display: block;
    text-transform: none;
    font-weight: 400;
    font-size: 12px;
    margin-top: 5px;
}
#divWrapper_PaymentForm .dx-texteditor-container {
    height: 100%!important;
}


@media (min-width: 1020px) {
    #cartList .details,
    .cartListHeader {
        grid-template-columns: repeat(2, 1fr) 3fr repeat(3, 1fr) 3fr 1fr!important;
    }
     #cartList .details {
            margin-bottom: 7px;
     }
}

.dx-overlay-wrapper .dx-closebutton {
    padding: 0!important;
}

.invoiceDetails .divTableRight .orderdisplaydetailField,
.invoiceDetails .divTableRight .orderdisplayLabel {
    padding: 1px 10px;
}

.invoiceDetails .divTableRight .detailRow:first-child .orderdisplaydetailField,
.invoiceDetails .divTableRight .detailRow:first-child .orderdisplayLabel {
    padding-top: 5px;
}


@media (max-width: 909px) {
    table td {
        display: table-cell;
    }
    .orderHistory .dx-datagrid-table td {
        display: block;
    }
    .hide-on-mobile {
        display: none;
    }
    td.orderDisplayDetailField::before {
        content: attr(data-label);
        opacity: 0.6;
        margin-right: 5px;
    }
    .orderDisplaySubTable tr {
        border-bottom: 1px solid var(--gray);
    }
    .orderDisplaySubTable tr:nth-child(2) {
        border-top: 1px solid var(--gray);
    }
    .orderDisplaySubTable:before {
        content: 'Items';
        font-weight: bold;
        display: block;
        margin-bottom: 1em;
        padding-left: 5px;
        font-size: 16px;
    }
    table.orderDisplaySubTable>tbody>tr {
        display: flex;
        flex-wrap: wrap;
    }
    table.orderDisplaySubTable>tbody>tr.evenRow {
        background: #f7f7f6;
    }
    table.orderDisplaySubTable>tbody>tr>td {
        padding-right: 10px;
    }
    .hide-on-mobile {
        display: none!important;
    }
    .orderHistory .dx-datagrid-rowsview .dx-row {
        display: block;
        width: 100%;
        min-width: calc(100dvw - 270px);
    }
    .orderHistory .dx-datagrid-rowsview .dx-row.dx-freespace-row {
        display: none!important;
    }
}

@media (max-width: 768px) {
    .orderHistory .dx-datagrid-rowsview .dx-row {
        min-width: calc(100dvw - 85px);
    }
}