/*********************************************************************/
/* Entire Site */
/*********************************************************************/

/* removing global css and adding what devex has, but have to mark important because
   if control refreshes page, then css loaded in different order  */
.ShoppingCartRecalcButton,
.ShoppingCartEmptyCartButton,
.ShoppingCartShopMoreButton,
.ShoppingCartCheckoutButton,
.ShoppingCartDownloadButton,
.ShoppingCartPunchoutButton,
.submitButton,
.cancelButton,
.btnCart,
.ShoppingCartSaveCartButton,
.changeDefaultShipBtn {
    /* padding: 1px !important;*/
}

/* changing devex so buttons don't shrink when clicked */
.dxbButton div.dxbf {
    padding: 3px 8px 4px;
}

/* remove global css*/
#btnb2bContinue,
#btnb2bCancel {
    float: none !important;
    padding: 1px !important;
}

/* making sure disabled buttons are hidden (for example save cart when nothing in it) */
.dxbButton.dxbDisabled {
    display: none;
}

/* ex: login box, account register pages, checkout pages, forgot password */
.RequiredFieldLabel {
    visibility: visible !important;
    font-weight: bold;
    color: red;
}

.RequiredFieldSpanLabel {
    font-weight: bold;
    color: red;
    margin-left: 3px;
}

.RequiredFieldInstruction {
    font-weight: bold;
}

/* best place to test this is forgot password */
/* span on shopping cart save cart */
.ValidationMessage,
.InfoMessage,
span.ValidationMessage {
    clear: both;
    color: #1712AD !important;
    font-weight: 600;
    display: block;
    padding: 15px 15px 15px 50px;
    border: 2px solid #1816E5;
    margin: 15px 0;
    background-image: url(/ECommerce/site/Themes/images/info-icon.png);
    background-repeat: no-repeat;
    background-position: 10px;
    min-height: initial;
    font-size: inherit;
}

.ValidationMessage ul,
.InfoMessage ul {
    padding-left: 17px;
    margin-bottom: 0;
}

/* reCAPTCH V2 */
.RecaptchaWrap>div:first-child>div:first-child {
    width: auto !important;
    height: auto !important;
}

/*********************************************************************/
/* CatalogCategoryInformation */
/*********************************************************************/
.categoryInformationImageDiv img {
    max-width: none;
    width: 100%;
}

.flexRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.flexColumn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1;
    padding: 15px;
}

.categoryDetailImage {
/*    max-width: 730px;
    width: 100%;
    height: auto;*/
    margin: auto;
    display: block;
    max-width: 100%;
    height: auto !important;
}

.categoryTitleImage {
    max-width: 460px;
    width: 100% !important;
    height: auto !important;
}

p.downloads {
    background: #000;
    padding: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0;
}

a.downloadLink {
    font-weight: 700;
    color: #0202f5;
    margin: 0 15px;
}
img.hideHeader {
    display: none;
}

/*********************************************************************/
/* CatalogCategoryTileListControl */
/*********************************************************************/

/* horizontal view */

.categoryTileDiv {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
    justify-content: center;
}
.categoryTile {
    display: flex;
}
.categoryTileCategoryDivHorizontal {
    text-align: center;
    border: 1px solid #ccc;
    margin-bottom: 25px;
}

.categoryTileCategoryDivHorizontal a.categoryTileCategoryImageLink img {
   /* padding: 5px 5px 0 5px;*/
   /* max-width: 300px;*/
    margin: auto;
}

.categoryTileCategoryDivHorizontal a.categoryTileCategoryLink {
    display: block;
    text-decoration: none;
    padding: 5px 5px 10px 5px;
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
    color: #000;
    font-weight: 600;
}

.categoryTileCategoryDescription {
    display: none;
}

/*********************************************************************/
/* CatalogContactUsControl */
/*********************************************************************/
.ContactFormSubmitButton {
    color: white;
    border: 1px solid #f60;
    border-radius: 2px;
    background: #f60;
    margin: 10px 3px;
}

.ContactFormSubmitButton:hover,
.ContactFormSubmitButton:focus {
    color: white;
    background-color: #da5a05;
}

/*********************************************************************/
/* CatalogFeaturedItemControl */
/*********************************************************************/
/*.featuredItemTitle {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
}

.featuredItemImageDiv {
    text-align: center;
}

.featuredItemImage,
.featuredItemImageNotFound {
    max-width: 100%;
}

.featuredItemLongDescription {
    margin: 15px 0;
}

.featuredItemLongDescription a {
    white-space: nowrap;
}*/

.featuredItemDiv {
    overflow: hidden;
    background-color: rgba(0, 0, 0, .6);
    padding: 5%;
    color: #fff;
}

.featuredItemTitle {
    text-align: center;
    font-size: 3.6em;
    font-weight: 500;
    margin-bottom: 25px;
    font-family: 'Oswald', Arial, sans-serif;
    line-height: 2.0em;
}

.featuredItemImageDiv {
    text-align: center
}

.featuredItemImage,
.featuredItemImageNotFound {
    max-width: 100%
}

.featuredItemHeadline {
    font-weight: 700;
    font-size: 26px
}

.featuredItemLongDescription,
.featuredItemStockCode,
.featuredItemSubHeadline {
    font-size: 18px
}

.featuredItemLongDescription {
    margin: 15px 0
}

.featuredItemLongDescription a {
    white-space: nowrap;
    color: #f60;
    line-height: 2.7em;
}

.featuredItemPricingDiv .label {
    font-size: 18px;
}

.featuredItemPricingDiv .dxeBase {
    color: #fff;
    font-size: 18px
}

.featuredItemPricingDiv .price-tabLabel {
    width: 145px
}

.featuredItemDiv .featuredItemPricingDiv>div:not(:first-child) {
    display: none
}

/*********************************************************************/
/* CatalogItemCharacteristicTabsDisplayControl and CatalogItemCharacteristicDisplayControl */
/*********************************************************************/
#ctl01_ChracteristicTabsDisplay_CharacteristicFamilyTabs {
    clear: both;
    margin-top: 40px;
}

td.CharacteristicName {
    padding: 10px 20px;
}

td.CharacteristicValue {
    padding: 10px 20px;
}
#ctl01_ChracteristicTabsDisplay_CharacteristicFamilyTabs {
    clear: both;
    margin-top: 25px;
    width: 100%
}

.CatalogItemCharacteristicDisplayTable {
    border: solid 0 #999;
    border-collapse: separate;
    width: 100%
}

td.CharacteristicName {
    padding: 10px 20px
}

td.CharacteristicValue {
    padding: 10px 20px
}

.CatalogItemCharacteristicDisplayTable TD {
    padding: 10px;
    border-bottom: 1px dotted #e8e6e6
}

.CatalogItemCharacteristicDisplayAlternate TD {
    background-color: #fcfcfc;
    border-bottom: 1px dotted #e8e6e6
}

.CharacteristicName {
    color: #333;
    font-weight: 700;
}

.CharacteristicValue {
    color: #333
}

.CharacteristicSuffix {
    color: #333
}

.dxtcLite>.dxtc-stripContainer .dxtc-link {
    color: #f60;
    font-family: Podkova, serif;
    font-size: 18px;
    padding: 8px 12px;
    font-weight: 600
}

#ctl01_ChracteristicTabsDisplay_CharacteristicFamilyTabs.dxtcLite>.dxtc-stripContainer .dxtc-link {
    font-size: 1em !important;
}

.dxtcLite>.dxtc-content {
    border: 0 solid #a8a8a8
}

/*********************************************************************/
/* CatalogItemDetailControl */
/*********************************************************************/
.itemDetailFavoritesDiv {
    text-align: right;
}

.itemDetailImage,
.itemDetailImageNotFound {
    width: 100% !important;
    max-width: 400px;
    pointer-events: none;
}

.itemDetailPricingDiv {
    margin-top: 25px;
}

.CatalogItemSpecificationPDFLink {
    background-image: url(/ECommerce/site/Themes/images/PDF.jpg);
    background-repeat: no-repeat;
    display: block;
    height: 55px;
    width: 150px;
    background-size: 100%;
    margin-top: 25px;
}

.CatalogItemSpecificationPDFLink:hover,
.CatalogItemSpecificationPDFLink:focus {
    text-decoration: none;
}

.itemDetailOnHandQuantity {
    clear: both;
}

.itemDetailDiv .dxisControl .dxis-nextPageBtnHorOutside,
.itemDetailDiv .dxisControl .dxis-prevPageBtnHorOutside {
    top: -35px;
}
.GameHeader p, .GameHeader td.CharacteristicName {
    display: none;
}
.GameHeader td.CharacteristicValue {
    padding: 0;
}

/********** Zoom - Thumbnail Border Styles **********/
.dxisControl .dxis-nbItem .dxis-nbHoverItem {
    border: none !important;
}

.dxisControl .dxis-nbItem .dxis-nbHoverItem>div {
    border: none;
}

.dxis-nbItem:hover {
    border-color: #d8d8d8 !important;
}

.dxis-nbSelectedItem {
    border: none !important;
}

.dxisControl .dxis-nbSelectedItem>div {
    border: none;
}

.dxisControl .dxis-selected {
    border: 1px dotted black !important;
}

/********** Zoom - Thumbnail Responsiveness **********/
.zoomNavigatorWrapper {
    margin-bottom: 25px;
}

.dxisControl {
    float: none !important;
    height: auto !important;
}

.dxisControl .dxis-nbSlidePanelWrapper {
    top: initial !important;
}

/********** Zoom - Top Responsiveness **********/
.dxizControl {
    width: 100% !important;
    max-width: 350px;
    height: auto !important;
}

.dxizControl .dxiz-lens {
    position: relative;
    width: auto !important;
    height: auto !important;
}

.dxiz-wrapper>img {
    position: relative;
    max-width: 100%;
}

/********** End Zoom **********/

/*********************************************************************/
/* CatalogItemDiagramListing (Item Detail's Hot Spot Display) */
/*********************************************************************/
.HotSpotWrap {
    margin-top: 40px;
}

/* responsiveness */
#HotSpotImageMap,
.hotSpotImage div:first-child>canvas {
    max-width: 100%;
}

.hotSpotImage div:first-child,
.hotSpotImage div:first-child>img:not(#HotSpotImageMap) {
    max-width: 100%;
    height: auto !important;
}

/*********************************************************************/
/* CatalogItemTileListingControl */
/*********************************************************************/
.itemTileHeadline a {
    color: #656565;
    text-decoration: none;
}

.itemTileStockCode a {
    color: #656565;
    text-decoration: none;
}

.itemTileImage,
.itemTileImageNotFound {
    padding: 10px 0;
}

.itemTileShortDescription {
    margin: 15px 0;
}

.itemTileDiv .dxdvControl {
    width: 100%;
}

.itemTileDiv .dxdvControl td.dxdvCtrl {
    padding: 25px 0 0 0;
}

.itemTileDiv .dxdvFlowItemsContainer {
    text-align: center;
}

.itemTileDiv .dxdvFlowItem {
    float: none;
    display: inline-block;
    height: auto !important;
}

/* active filters */
.itemTileDiv table.dxeRoot {
    clear: both;
}

.itemTileDiv .itemTilePricingDiv .price-tabTable {
    margin: 0 auto;
}

/********** Pager **********/
.dxWeb_pPrev {
    background-image: url(/ECommerce/site/Themes/images/pager-previous.png);
    background-position: initial;
    width: 45px;
    height: 45px;
    margin: 0 15px 0 0;
}

.dxWeb_pPrev:hover,
.dxWeb_pPrev:focus {
    background-image: url(/ECommerce/site/Themes/images/pager-previous-hover.png);
}

.dxWeb_pNext {
    background-image: url(/ECommerce/site/Themes/images/pager-next.png);
    background-position: initial;
    width: 45px;
    height: 45px;
    margin: 0 0 0 15px;
}

.dxWeb_pNext:hover,
.dxWeb_pNext:focus {
    background-image: url(/ECommerce/site/Themes/images/pager-next-hover.png);
}


.dxWeb_pLast {
    background-image: url(/ECommerce/site/Themes/images/pager-last.png);
    background-position: initial;
    width: 45px;
    height: 45px;
}

.dxWeb_pLast:hover,
.dxWeb_pLast:focus {
    background-image: url(/ECommerce/site/Themes/images/pager-last-hover.png);
}

.dxWeb_pFirst {
    background-image: url(/ECommerce/site/Themes/images/pager-first.png);
    background-position: initial;
    width: 45px;
    height: 45px;
}

.dxWeb_pFirst:hover,
.dxWeb_pFirst:focus {
    background-image: url(/ECommerce/site/Themes/images/pager-first-hover.png);
}

img.dxWeb_pFirstDisabled,
img.dxWeb_pLastDisabled,
img.dxWeb_pPrevDisabled,
img.dxWeb_pNextDisabled {
    display: none;
}

.dxpLite .dxp-num {
    color: black;
    text-decoration: none;
    border: 1px solid black;
    padding: 14.75px 17px;
    font-weight: normal;
    margin-left: 0;
}

.dxpLite .dxp-num:not(.dxp-current):hover,
.dxpLite .dxp-num:not(.dxp-current):focus {
    background: black;
    color: white;
    border: 1px solid white;
}

.dxpLite .dxp-num.dxp-current {
    background: black;
    color: white;
    padding: 14.75px 12px;
}

.dxp-button.dxp-bi {
    margin-left: 0;
}

/* For ADA Compatibility */
.dxp-disabledButton {
    display: none;
}

.dx-acc-r .dxWeb_pFirst:before,
.dx-acc-r .dxWeb_pFirstDisabled:before,
.dx-acc-r .dxWeb_pLast:before,
.dx-acc-r .dxWeb_pLastDisabled:before,
.dx-acc-r .dxWeb_pNext:before,
.dx-acc-r .dxWeb_pNextDisabled:before,
.dx-acc-r .dxWeb_pPrev:before,
.dx-acc-r .dxWeb_pPrevDisabled:before {
    content: none;
}

/********** End Pager **********/

/*********************************************************************/
/* CatalogPricingControl */
/*********************************************************************/
.PricingBoxDiv,
.SKUPricingDiv {
    clear: both;
    overflow: hidden;
    margin-bottom: 25px;
}

.PricingBoxDiv .dxtcSys {
    margin-bottom: 15px;
}

.PricingBoxDiv .dxeTextBoxSys,
.SKUPricingDiv .dxeTextBoxSys {
    max-width: 40px;
}

.SKUDropDownLabel label {
    min-width: initial;
    margin: initial;
}

.SKUPricingInsideDiv .dxeTextBoxSys {
    margin-top: 15px;
}

.price-tabTable {
    display: table;
    table-layout: fixed;
}

.price-tabRow {
    display: table-row;
}

.price-tabLabel,
.price-tabAmount {
   /* display: table-cell;*/
}

/* this will need to be adjusted based on label's length */
.price-tabLabel {
/*    padding-right: 10px;
    width: 120px;
    text-align: left;*/
}

.price-qtyLabel {
    position: relative;
    /*    top: -20px;*/
    /*    left: 20px;*/
    float: right;
}

.PricingBoxDiv .dxpnlControl {
    float: left;
}

.PricingBoxDiv .btnCart {
    /*margin: 5px 0 0 50px;*/
}

.SKUPricingInsideDiv .btnCart {
    margin: 20px 0 0 10px;
}

/* This is adding labels to the quantity boxes, does not show for skus */
.price-qtyUOM.Stocking:before,
.price-qtyUOM.Alternate:before,
.price-qtyUOM.Other:before {
    float: left;
    margin: 13px 5px 0 0;
}

.price-qtyUOM.Stocking:before {
    /* content: "Qty";*/
}

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

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

/*********************************************************************/
/* CatalogSimplePricingControl */
/*********************************************************************/
.simplePricing {
    margin-top: 20px;
}

.simpleBtn .btnCart {
    float: right;
}

.simpleQTY {
    float: left;
}

.simpleQTY td.dxic {
    width: 40px !important;
}

.simpleQTY .dxeCaptionCell.dxeCaptionVATSys.dxeTextEditCTypeSys {
    padding-top: 12px;
}

.simplePricing .label {
    color: inherit;
    font-size: inherit;
}

/*********************************************************************/
/* CatalogRelatedItemsControl (Related Items) */
/*********************************************************************/
.relatedItemsTable {
    width: 100%;
    display: block;
}

.relatedItemsTable tbody,
.relatedItemsTable tr,
.relatedItemsTable td {
    display: inline-block;
}

.relatedItemsTable tbody,
.relatedItemsTable tr {
    width: auto;
}

.relatedItemsTable td {
    /*  width: 25%;*/
    width: auto;
    max-width: 320px;
}

.relatedItemsImageDiv {
    margin-top: 25px;
}

.relatedItemsDiv {
    margin-top: 25px;
}

.relatedItemDiv {
    background-color: white;
    margin: 10px;
    border: 1px solid #A8A8A8;
    text-align: center;
    padding: 12px;
    height: auto
        /* 365px*/
    ;
}

#relatedItemsTitle {
    color: #6b6f81;
    font-size: 20px;
    font-weight: 400;
}

.relatedItemsImage {
    max-height: 140px;
    width: auto !important;
}

.relatedItemsDescription {
    margin-bottom: 15px;
    line-height: 22px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #464855;
}

.relatedItemsDescription:hover {
    color: #464855;
}

.relatedItemsStockCode {
    color: #898ea2;
    text-align: center;
    padding: 0;
}

.relatedItemsPricingDiv .dxtc-pth.dxtc-strip.dxtc-row.dxtc-alLeft.dxtc-stripContainer {
    display: none;
}

.relatedItemsPricingDiv .dxtcLite>.dxtc-content {
    background-color: transparent;
    border: none;
}

.relatedItemsPricingDiv .dxtcLite>.dxtc-content {
    padding: 0;
}

.relatedItemsPricingDiv .price-tabAmount {
    padding-left: 0;
    /*    float: right;*/
}

.relatedItemsPricingDiv .price-tabLabel {
    width: auto;
    float: left;
}

.relatedItemsPricingDiv .price-tabAmount,
.relatedItemsPricingDiv .price-tabLabel,
.relatedItemsPricingDiv .price-tabRow,
.relatedItemsPricingDiv .price-tabTable,
.relatedItemsPricingDiv div.dxtcSys>.dxtc-content>div>div,
.relatedItemsPricingDiv div.dxtcSys>.dxtc-content>div,
.relatedItemsPricingDiv div.dxtcSys {
    display: block;
}

.relatedItemsPricingDiv .price-tabLabel,
.relatedItemsPricingDiv label {
    display: none;
}

.relatedItemsPricingDiv .dxtcLite {
    float: right;
}

.relatedItemsPricingDiv .PricingBoxDiv {
    margin: 0px 0 0 0;
    position: relative;
    top: -5px;
}

/*********************************************************************/
/* CatalogSearchControl */
/*********************************************************************/
.searchDiv {
    /*margin-top: 40px;*/
    width: 100%;
}

.CategoryHeader .searchDiv, .GameHeader .searchDiv {
    padding: 15px;
    background: #616161;
    margin-top: -2px;
    display: flex;
}
.GameHeader .searchDiv {
	position: relative;
	z-index: 100;
}
.navigationSearch .searchTitle {
    display: none;
}

.searchTitle {
    font-weight: bold;
    color: #fff;
    /* width: 50%; */
    /* float: left; */
    /* text-align: right; */
    padding: 14px;
    font-size: 18px;
    display: inline-block;
}

.CategoryHeader .searchTitle, .GameHeader .searchTitle {
    top: -10px;
    position: relative;
}

.searchTextInput,
.searchDropDown,
.searchButton {
    display: inline-block;
}

.searchButton {
    position: relative;
    top: 5px;
}

.searchButton input {
    width: auto;
    height: 40px;
    border-radius: 15px;
    margin-left: 5px;
}

.searchButton input:hover,
.searchButton input:focus {
    cursor: pointer;
}

/********** Menu Search **********/
#menuSearchToggle:hover {
    cursor: pointer;
}

.menuSearch {
    display: none;
    background: black;
    overflow: hidden;
    clear: both;
}

.menuSearch .searchDiv {
    margin-top: 0;
    padding-bottom: 10px;
    text-align: left;
}

.menuSearch .searchDiv .searchTitle,
.menuSearch .searchDiv .searchIn {
    color: white;
}

/* only for desktop */
@media (min-width: 768px) {
    .menuSearch .searchDiv {
        float: right;
    }
}

/********** End Menu Search **********/

/*********************************************************************/
/* CS2_CatalogHotbuyControl */
/*********************************************************************/
.hotBuyTitle {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    margin: 25px;
    text-align: center;
}

.hotBuyHeadline {
    text-align: center;
    padding: 20px 0;
    font-size: 20px;
    font-family: 'Oswald', Arial, sans-serif;
}

.hotBuyItemDiv {
    background: #fff;
    margin-bottom: 25px;
}

.hotBuyImageDiv {
    text-align: center;
}
.hotBuyImageDiv img{
   width: auto !important;
   height: 255px;
}
.hotBuyStockCode,
.hotBuyShortDescription {
    text-align: center;
    padding: 10px 20px;
}

.hotBuyLink a {
    padding: 20px 0;
    background: #f60;
    color: white;
    display: block;
    text-align: center;
    text-decoration: none;
}

.hotBuyLink a:hover,
.hotBuyLink a:focus {
    color: white;
}

/*********************************************************************/
/* CustomerLoginControl */
/*********************************************************************/
.LoginFormTable,
.LoggedInAsTable {
    background-color: #f3f3f3;
    border: 1px solid #e3e3e3;
    margin: 20px 0;
}

/********** Login Table Only **********/
.LoginFormTable .FormLabel {
    font-weight: bold;
}

.LoginFormTable .emailTextBox,
.LoginFormTable .passwordTextBox {
    width: 245px;
}

.LoginFormTable td {
    padding: 5px 0 15px 20px;
}

.LoginFormTable tr:first-child td {
    padding-top: 15px;
}

.LoginFormTable .loginBtn {
    margin: 0;
}

/********** Logged In Table Only **********/
.LoggedInAsTable td {
    text-align: center;
    padding: 5px 15px 0 15px;
}

.LoggedInAsTable tr:first-child td {
    padding-top: 15px;
}

.LoggedInAsTable tr:last-child td {
    padding-bottom: 15px;
}

.LoggedInAsTable .loggedInUser {
    font-weight: bold;
}

/*********************************************************************/
/* CustomerMasterAccountControl (Master Account Dropdown) */
/*********************************************************************/
#CustomerMasterAccountbtn {
    background: #363636;
    color: #fff;
    border: none;
    border-radius: 2px;
    margin: 5px;
}

#CustomerMasterAccountbtn:hover {
    background: #505050;
}

.CustomerMasterAccountControlLabel span {
    color: white;
}

#CustomerMasterAccountDropDown {
    float: left;
}

/*********************************************************************/
/* CustomerOrderDisplayControl (Printable Order History Display) */
/*********************************************************************/
.orderDisplayTable {
    margin: 0 auto;
}

.orderDisplayTable td,
.orderDisplaySubTable td {
    padding: 5px;
}

.orderDisplayLabel {
    text-align: right;
}

.orderDisplayLabel,
.orderDisplayDetailLabel {
    font-weight: bold;
}

.orderDisplaySubTable {
    margin-top: 25px;
}

.orderDisplayDetailLabel {
    background: #ddd;
}

.orderDisplaySubTable .evenRow td {
    background: #EDEDEC;
}

/*********************************************************************/
/* CustomerOrderStatus (Order Search/History) */
/*********************************************************************/
.orderStatusLabel {
    font-weight: bold;
    margin-bottom: 5px;
}

.orderStatusDiv .dxeTextBoxSys {
    float: none;
    display: inline-block;
}

.orderStatusBtn {
    border: none;
    background: transparent url(/ECommerce/site/Themes/images/go_button.png);
    height: 30px !important;
    background-repeat: no-repeat;
    width: 30px !important;
    position: relative;
    top: -10px;
}

.orderStatusDateInput {
    display: inline-block;
    width: 125px;
}

.orderStatusDateLabel {
    position: relative;
    top: -15px;
    margin-right: 5px;
    width: 40px;
    display: inline-block;
    text-align: right;
    font-weight: bold;
}

/*********************************************************************/
/* FilterControl_Accordion */
/*********************************************************************/
.accordion-panel .panel-heading {
    padding: 0;
}

.accordion-panel a.accordionFilterHeader {
    text-decoration: none;
    display: block;
    padding: 10px 15px;
}

.accordion-panel .glyphicon {
    float: right;
}

/*********************************************************************/
/* ItemListingTemplate (Used with DataDisplayControl to show Vertical Listings) */
/*********************************************************************/
.itemListingTemplateDiv {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 25px 0;
}

.itemListingTemplateDiv .dxgvDataRow td {
    padding: 15px 0;
}

.itemListingTemplateDiv .dxtcSys.dxtc-flex>.dxtc-stripContainer {
    display: none;
}

.itemListingTemplateDiv .dxtcLite>.dxtc-content {
    border: none;
    padding: 0;

}

.itemListingTemplateImage,
.itemListingTemplateImageNotFound {
    max-width: 100%;
}

/*********************************************************************/
/* ShoppingCartDisplayControl */
/*********************************************************************/
#CartItemsDataGrid_DXMainTable td {
    text-align: center;
}

/* to prevent image's td header from looking like you can click */
#CartItemsDataGrid_DXMainTable tr:first-child td {
    cursor: default;
    font-weight: bold;
}

/* make cursor point when hovering over delete check box */
.ShoppingCartTable .dxICheckBox {
    cursor: pointer;
}

.ShoppingCartTable .qtyFormField {
    max-width: 40px;
}

.ShoppingCartTable .dxgvSelectedRow {
    color: initial;
}

#SubtotalText {
    width: auto !important;
    padding: 0 !important;
}

#ctl01_ctl03_ShoppingCartButtons {
    clear: both;
}

#ctl01_ctl03_ShoppingCartButtons .dxbButton {
    color: white;
    border: 1px solid #f60;
    border-radius: 2px;
    background: #f60;
    margin: 10px 3px;
}

#ctl01_ctl03_ShoppingCartButtons .dxbButton:hover,
#ctl01_ctl03_ShoppingCartButtons .dxbButton:focus {
    color: white;
    background-color: #da5a05;
}

/*********************************************************************/
/* ShoppingCartDisplaySavedCartControl (Saved Carts/Hot Lists) */
/*********************************************************************/
.SavedCartWrapper table.ShoppingCartSavedCartTable tr.HighlightTableRow {
    background: #ddd
}

#popItemListDetails_PW-1 {
    top: -125px !important;
}

/*********************************************************************/
/* ShoppingCartQuickEntryControl */
/*********************************************************************/
table.FormField.QuickEntryStockCode {
    float: none !important;
    margin: 0 !important;
    width: 200px;
}

div#QEInputPanel,
.QE-Input-Wrapper {
    min-height: initial !important;
}

#QEShoppingCartMessaging {
    position: relative !important;
    margin-top: 0 !important;
    color: red;
    font-weight: bold;
}

.quickOrderSubTotalDiv {
    margin: 25px 0 15px 0;
}

.quickOrderQuantityDiv {
    display: inline-block;
}

.quickOrderQuantityDiv td.dxic {
    width: 40px !important;
}

.quickOrderStockCodeDiv {
    display: inline-block;
    margin: 0 15px;
}

.quickOrderAddToCartDiv {
    display: inline-block;
}

.quickOrderAddToCartDiv .primary-btn-theme {
    margin: 0;
    float: right;
}

.QE-Wrapper .QE-Qty-input {
    width: 40px;
    padding: 5px 3px;
    border-width: 2px;
    border-style: inset;
    border-color: rgb(238, 238, 238);
}

.QE-Wrapper {
    margin-top: 25px;
}

.quickOrderClearDiv {
    display: inline-block;
}

#btnClearStockCode {
    margin: 0;
    display: table-cell;
}

.QE-QOH input {
    color: white;
    border: 1px solid #578CA8;
    background: #68A4C4;
}

.QE-QOH input:hover {
    background: #578CA8;
}

#QEShoppingCartContents .QE-Header {
    color: inherit !important;
    text-align: left !important;
}

#QEShoppingCartContents .QE-Row>div,
#QEShoppingCartContents .QE-AltRow>div {
    min-height: 0 !important;
    padding-top: 8px;
    padding-bottom: 8px;
}

#QEShoppingCartContents .QE-Del:not(.QE-Header) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: auto !important;
}

#QEShoppingCartContents .QE-Del.QE-Header {
    width: 38px !important;
}

#QEShoppingCartContents .QE-StockCode {
    width: 125px !important;
}

#QEShoppingCartContents .QE-Name {
    width: 320px !important;
    max-width: 100%;
}

#QEShoppingCartContents .QE-Qty-input {
    padding-right: 3px !important;
    padding-left: 3px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 40px !important;
    border-width: 2px;
    border-style: inset;
    border-color: rgb(238, 238, 238);
}

#QEShoppingCartContents .QE-Qty {
    width: auto !important;
}

#QEShoppingCartContents .QE-UOM:not(.QE-Header) {
    width: auto !important;
    padding-left: 0 !important;
    position: relative;
    top: 8px;
}

#QEShoppingCartContents .QE-Price {
    width: auto !important;
}

#QEShoppingCartContents .QE-Del a {
    font-size: 14px !important;
    padding: 3px 8px 4px !important;
}

#QEShoppingCartContents .QE-DefaultPrice:not(.QE-Header) {
    color: inherit !important;
    font-weight: 300 !important;
}

#QEShoppingCartContents .QE-QOH input[type=button] {
    float: none !important;
}

#QEShoppingCartContents .QE-UOM.QE-Header {
    width: 48px !important;
}

#QEShoppingCartContents .QE-QOH {
    float: left !important;
    width: 175px !important;
}

#QEShoppingCartContents .QE-DefaultPrice,
#QEShoppingCartContents .QE-UnitPrice,
#QEShoppingCartContents .QE-Price {
    width: 120px !important;
}

/********** Stock Code Lookup - Responsiveness **********/
#cmbStockCode_DDD_L_D {
    width: auto !important;
    height: auto !important;
}

#cmbStockCode_DDD_L_H .dxeListBoxItem,
#cmbStockCode_DDD_L_LBT,
#cmbStockCode_DDD_L_LBT .dxeListBoxItem,
#cmbStockCode_DDD_L_H table {
    width: auto !important;
}

/********** Once can't fit on one line **********/
@media (max-width: 1200px) {

    #QEShoppingCartContents .QE-Header,
    #QEShoppingCartContents .QE-Del,
    #QEShoppingCartContents .QE-StockCode,
    #QEShoppingCartContents .QE-Name,
    #QEShoppingCartContents .QE-DefaultPrice,
    #QEShoppingCartContents .QE-UnitPrice,
    #QEShoppingCartContents .QE-Price,
    #QEShoppingCartContents .QE-QOH {
        width: 100% !important;
    }

    #QEShoppingCartContents .QE-Header {
        padding-left: 0 !important;
    }

    #QEShoppingCartContents .QE-Qty:not(.QE-Header),
    #QEShoppingCartContents .QE-Del:not(.QE-Header) {
        padding-left: 15px !important;
    }

    #QEShoppingCartContents .QE-Row,
    #QEShoppingCartContents .QE-AltRow {
        padding: 0 !important;
    }
}

/*********************************************************************/
/* CheckOutAddress (Checkout Step 1) */
/*********************************************************************/

table.checkoutStep1Table {
    width: 85%;
}

.checkoutStep1Table .checkoutStep1Heading {
    background: #DDD;
    font-weight: bold;
    padding: 8px;
}

.checkoutStep1Table .checkoutStep1Label {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
    padding-right: 15px;
    text-align: right;
    vertical-align: top;
}

.checkoutStep1Table .checkoutButtons {
    text-align: right;
    padding-top: 15px;
}

.checkoutStep1Table .changeDefaultShipBtn {
    font-size: 12px !important;
    padding: 0 !important;
    margin: 0 5px !important;
    border-radius: 2px;
    color: white;
    border: 1px solid #578CA8;
    background: #68A4C4;
}

.checkoutStep1Table .changeDefaultShipBtn:hover,
.checkoutStep1Table .changeDefaultShipBtn:focus {
    background: #578CA8;
}

/* popup address */
#OneTimeShippingDiv .form-group .dxeTextBoxSys {
    float: none;
    width: auto;
}

#popupMultiAddress_PWC-1 {
    display: block !important;
    height: 75vh;
    overflow-y: scroll;
}

#defaultShipButton {
    margin: 10px 0 25px 0;
}

/*********************************************************************/
/* CheckOutShippingOptions (Checkout Step 2) */
/*********************************************************************/
.checkoutStep2Table .checkoutStep2Label {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
    padding-right: 15px;
    text-align: right;
    vertical-align: top;
}

.checkoutStep2Table .checkoutButtons {
    text-align: right;
    padding-top: 15px;
}

/*********************************************************************/
/* CheckOutPaymentMethods (Checkout Step 3) */
/*********************************************************************/
.checkoutStep3Table .checkoutStep3Label {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
    padding-right: 15px;
    text-align: right;
    vertical-align: top;
}

.checkoutStep3Table .checkoutButtons {
    text-align: right;
    padding-top: 15px;
}

/*********************************************************************/
/* CheckOutConfirmOrder (Checkout Step 4) */
/*********************************************************************/
.checkoutStep4Table {
    width: 100%;
    margin-bottom: 15px;
}

.checkoutStep4Table .checkoutStep4Heading {
    background: #DDD;
    font-weight: bold;
    padding: 8px;
}

.checkoutStep4Table .checkoutStep4Label {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
    padding-right: 15px;
    text-align: right;
    vertical-align: top;
}

.checkoutStep4TotalTable {
    text-align: right;
    margin-top: 10px;
}

.checkoutStep4TotalTable .checkoutStep4TotalLabel {
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: bold;
    padding-right: 15px;
    vertical-align: top;
}

.checkoutStep4Table .dxgvControl {
    width: 100%;
}

.checkoutStep4Buttons {
    padding-top: 15px;
    text-align: right;
}

/*********************************************************************/
/* CheckOutDisplayOrderReceipt (Checkout Step 5) */
/*********************************************************************/
.checkoutStep5Buttons {
    padding-top: 15px;
    text-align: right;
}

/*********************************************************************/
/* CustomerAccountControl (Account Registration Step 1) */
/*********************************************************************/
.accountStep1Div .control-group.col-xs-12,
.accountStep1Div .FormLabel.col-xs-12.col-sm-3,
.accountStep1Div .controls.col-xs-12.col-sm-5 {
    float: none;
    padding-left: 0;
    padding-right: 0;
    width: auto;
}

.accountStep1Div .button-group {
    margin-top: 15px;
    margin-left: 67px;
}

/*********************************************************************/
/* CustomerAccount2Control (Account Registration Step 2) */
/*********************************************************************/
.accountStep2Top #onfileRadioButtonList td {
    padding-right: 10px;
}

.accountStep2Bottom .accountButtons {
    text-align: right;
    padding-top: 15px;
}

.accountStep2Bottom tr td input {
    margin-bottom: 15px;
}

/*********************************************************************/
/* CustomerAccount3Control (Account Registration Step 3) */
/*********************************************************************/
.accountStep3Table .accountStep3Label {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
    padding-right: 15px;
    text-align: right;
    vertical-align: top;
}

.accountStep3Table .accountStep3Heading {
    background: #DDD;
    font-weight: bold;
    padding: 8px;
}

.accountStep3Table .accountButtons {
    text-align: right;
    padding-top: 15px;
}

.accountStep3Table .changeDefaultShipBtn {
    font-size: 12px !important;
    padding: 0 !important;
    margin: 0 0 0 5px !important;
    border-radius: 2px;
    color: white;
    border: 1px solid #578CA8;
    background: #68A4C4;
}

.accountStep3Table .changeDefaultShipBtn:hover,
.accountStep3Table .changeDefaultShipBtn:focus {
    background: #578CA8;
}