/*------------------------------------*\
    GENERAL
\*------------------------------------*/

#Message {
    display: none;
}

/* to fix the styling of input boxes that are rendered from widgets */
input[type="text"], input[type="password"], input[type="email"] {
    color: black;
    border: 1px solid #ddd;
    border-left-width: 2px;
    border-radius: 0px;
    padding: 0 10px;
    display: block;
    width: 100%;
    margin: 0 0 10px;
    font-size: 14px;
    color: black;
    height: 32px;
}

.dummy-button {
    position: absolute;
    left: -900em;
}

/* to get rid of capitalise */
.btn.small {
    text-transform: none;
}

/*------------------------------------*\
    HOME PAGE
\*------------------------------------*/
.jcarousel-skin.product-grid li {
    width: 15%;
}
.current-offers, .top-sellers {
    border-bottom: none;
}

/*------------------------------------*\
    PREDICTIVE SEARCH
\*------------------------------------*/

#predictive-search-list .search-heading,
#predictive-search-list .product-heading {
    color: #003471;
    font-weight: bold;
}
#predictive-search-list .product-item {
    display: block;
    clear: both;
}
#predictive-search-list .product-item img {
    width: 40px;
    float: left;
}

/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/

@media (min-width: 48em) {
  .navigation.no-browsing {
    display: none;
  }
}

/*------------------------------------*\
    SUB NAVIGATION
\*------------------------------------*/


/*------------------------------------*\
    PRODUCT DETAIL
\*------------------------------------*/

/* to add spacing between the grey line and the buttons when there is no unordered list */
.product-detail-info .code {
    margin-bottom: 3px;
}
#email-a-friend-form {
    clear: both;
}

/*------------------------------------*\
    MULTIBUY
    + highlight the users starting price
\*------------------------------------*/
    .my-start-price,
    .my-start-price td {
        background-color: #ffc20e;
    }
    .my-starting-price-key {
        clear: both;
        padding-top: 5px;
    }
    .my-starting-price-key span {
        background-color: #ffc20e;
        display: inline-block;
        padding: 3px;
    }
/*------------------------------------*\
    PRODUCT ITEM
\*------------------------------------*/

span.k-numerictextbox {
    clear: both;
}

/* add to cart alert box overlay */
.product-overlay-message-container {
    display: none;
}

/*------------------------------------*\
    PAGINATION
\*------------------------------------*/

/* had to move the shaded class to wrap the pagination container so the container could be reused top an bottom without a new template */
.shaded .product-pagination {
  background: #f2f2f2;
  border-bottom: none;
  padding-left: 5px;
}
.shaded .product-pagination .pagination-system .btn-pagination {
  background: white;
}
.shaded .pagination-system .btn-pagination:hover {
  background: #ee3424;
  color: white;
}

/*------------------------------------*\
    MESSAGES
\*------------------------------------*/

/* the default class for error messages is alert */
.alert-box.alert {
  background: #d61414;
  color: white;
}
.alert-box.alert .close {
  color: white;
}

.validation.error input[type="text"], .validation.error input[type="number"], .validation.error input[type="password"], .validation.error input[type="email"] {
  border: 1px solid #f26053;
}

.validation.warning input[type="text"], .validation.warning input[type="number"], .validation.warning input[type="password"], .validation.warning input[type="email"] {
  border: 1px solid #ff952d;
}

.validation.info input[type="text"], .validation.info input[type="number"], .validation.info input[type="password"], .validation.info input[type="email"] {
  border: 1px solid #4a87f8;
}

.validation.success input[type="text"], .validation.success input[type="number"], .validation.success input[type="password"], .validation.success input[type="email"] {
  border: 1px solid #60be50;
}
.validation.error input[type="password"], .validation.error input[type="email"] {
  border: 1px solid #f26053 !important;
}

/*------------------------------------*\
    ORDERS PAGE
    + the note toggle is rendered after the widget is loaded so needs to be hidden by CSS not JS
    + the fast order buttons are not inside the fast order widget they are a separate widget so margin added to the cart-summary-buttons
\*------------------------------------*/
.note-toggle {
    /*display: none;*/
}
.cart-summary-buttons {
    margin-bottom: 100px;
}

.cart-subtotal-line.promo-code-applied {
    cursor: pointer;
}

.cart .product-row .col-1 img {
    max-width: 70px;
}
/*------------------------------------*\
    FAST ORDER PAGE
    + remove the padding from the fast order widget when on the fast order page (separate to the cart)
\*------------------------------------*/
.fast-order-page .fast-order {
    margin: 0;
}
/*------------------------------------*\
    FAST ORDER WIDGET
    + the fast order buttons are not inside the fast order widget they are a separate widget
\*------------------------------------*/
.fast-order {
    margin-bottom: 0;
}

/*------------------------------------*\
    LOGIN AND REGISTER
    + ensure the arrows a clickable and show the pointer on hover
\*------------------------------------*/
.grey-box .expandable.arrows:hover {
  cursor: pointer;
}

/*------------------------------------*\
    REGISTER WIDGET
\*------------------------------------*/

/* to fix the styling of input boxes that are rendered from widgets */
.checkout-register .validation {
    width: 100%;
}

/* the register button is not inside a 'grey' box */
.grey-box.checkout-register .cv-is-processing {
    background: #f2f2f2;
    box-shadow: none;
}
.grey-box.checkout-register .cv-is-processing:hover {
    background: #f2f2f2;
    box-shadow: none;
}

/*------------------------------------*\
    PRODUCT FILTER
\*------------------------------------*/

/* default filter content to show (only first one), adjust style to show down arrow be default also */
.sidebar-filter .filter-container .expandable-content {
    display: none;
}
.sidebar-filter .filter-container .filter-item.expandable:first-child .expandable-content {
    display: block;
}
.sidebar-filter .filter-container .filter-item.expandable:nth-child(1) {
    
}
/*.sidebar-filter .filter-container .filter-item.expandable:not([style="display: none;"]):not(:first-child) {
    border: 4px solid red;
}*/
.sidebar-filter .filter-container .filter-item.expandable:first-child .expandable-header .upArrow {
    display: none;
}
.sidebar-filter .filter-container .filter-item.expandable:first-child .expandable-header .downArrow {
    display: inline-block;
}

/* make the li elements look like links */
.filter-checklist li {
    cursor: pointer;
}

/* make the current filter not look like a link */
.current-filter .expandable-header:hover {
  cursor: default;
  background: #ee3424;
}
.current-filter .ocl-blue .expandable-header:hover {
  background: #0187de;
}

.mobile-heading {
    cursor: pointer;
}
.filter-wrapper {
    display: none;
}
@media (min-width: 48em) {
  .filter-wrapper {
    display: block;
  }
}

/*------------------------------------*\
    KENDO FORM VALIDATION
\*------------------------------------*/
.k-widget.k-tooltip-validation {
  padding: 4px 12px 6px 12px;
  margin: 0 0 5px;
  text-align: left;
  position: relative;
  background: #f2f2f2;
  font-size: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
  color: black;
  font-family: "AvantGardeGothicITCW01M 731087";
  box-shadow: none;
}

.k-widget.k-tooltip-validation.k-invalid-msg {
  background: #d61414;
  color: white;
}

.k-widget.k-tooltip-validation.k-invalid-msg .k-icon {
    display: none;
}

/*------------------------------------*\
    GUEST CHECKOUT
\*------------------------------------*/

/* to fix the styling of input boxes that are rendered from widgets */
.grid.delivery-address .validation {
    width: 100%;
}
.subtotals-top,
.subtotals-middle {
    margin-bottom: 0px;
}
.grid-row.credit-card-error .alert-box.error {
    margin-top: 10px;
}

/*------------------------------------*\
    CHECKOUT
\*------------------------------------*/
/* to fix the styling of input boxes that are rendered from widgets */
.grid.delivery-options .validation {
    width: 100%;
}
.pickup-stores .col-1-2:nth-child(even) {
    clear: both;
}
.pickup-stores .selectedWarehouse {
    background: #f2f2f2;
}
.checkout-step-3.payment-options-step {
    display: none;
}

/* padding for multiple delivery address select row */
.grid-row.multiple-delivery-address {
    margin-bottom: 10px;
}

.grid-row.approvals-row{
    margin-bottom: 20px;
}

/*------------------------------------*\
    PROGRESS STEPS
\*------------------------------------*/
.progress-steps li a:hover,
.progress-steps li a *:hover {
  cursor: default;
}
.progress-steps li a {
    padding: 0px 0;
}
.progress-steps li span {
    padding: 10px 0;
}
.progress-steps li.completed:hover a, .progress-steps li.completed:hover span {
  /*background: #ffc20e !important;*/
  cursor: pointer;
}
.progress-steps li.completed:hover a:before, .progress-steps li.completed:hover span:before {
  color: white !important;
}

/*------------------------------------*\
    PAY OK TEMPLATE
\*------------------------------------*/
#labelstep4 {
    display: none;
}

/*------------------------------------*\
    MY ACCOUNT
\*------------------------------------*/
/* to fix the styling of input boxes that are rendered from widgets */
.grid.my-account .validation {
    width: 100%;
}

/*------------------------------------*\
    PAY ACCOUNT
\*------------------------------------*/

#AccountPay .cv-table-6 tbody tr:nth-last-child(2) td {
    border: none;
}
#AccountPay .cv-table-6 tbody tr:nth-last-child(2) td:nth-last-child(1) {
    font-weight: bold;
    font-size: 16px;
}

/*------------------------------------*\
    USER MAINTENANCE
\*------------------------------------*/

/* hide the notify / approve user button when auto part registration in not used */
#formUserMaintenanceCustomer .user-maintenance-user .cv-table-3 .cv-table-cell-0 a[href*='ptbcvptbAutoPartRegistNotifyUser'] {
    display: none;
}

#formUserMaintenanceCustomer .cv-table-0 .tabstyle {
    color: #ee3424;
}
#formUserMaintenanceCustomer .cv-table-0 .tabselectedstyle a {
    color: black;
}

/*------------------------------------------------------------------------------------*\
    CATEGORY GRID
      + Adjusting blue default image
\*------------------------------------------------------------------------------------*/
.category-banner-blue {
    background: white url("/images/TemplateImages/banners/category-blue.png") 102% 50% no-repeat;
}

/*------------------------------------------------------------------------------------*\
    EXPANDABLE HEADER BLUE
      + Adjusting blue hover colour
\*------------------------------------------------------------------------------------*/
.ocl-blue .grey-box .expandable-header:hover {
  background: #f2f2f2;
}