/****************************************************************************************
****************************** TABLE OF CONTENTS ***************************************/
/****************************************************************************************

  1. CUSTOM COLOR THEME 
  2. CUSTOM FONT(S)
  3. GLOBAL
  4. PROFILE
  5. CATALOG
  6. QUOTES/SIDE BY SIDE
  7. MAIL MERGE
  8. BASKET VIEW
  9. DELIVERY METHODS
  10. SHIPPING
  11. BILLING
  12. REVIEW
  13. ACCEPT


  - If you are making changes here, changes may need to be made in 
  the con/responsive.css file as well

*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
****************************************************************************************/


/****************************************************************************************
******************************** 1. CUSTOM COLOR THEME **********************************
****************************************************************************************/

:root{
/* site background header color */
--header-bkgd-color: #003057;
--header-link-bkgd-color: #F16122;

/* static site text header link color */
--header-link-txt-color: #FFFFFF;
--header-link-txt-color-hover: #F16122;
--header-link-bkgd-color-hover: #FFFFFF;
}

/****************************************************************************************
******************************* END CUSTOM COLOR THEME **********************************
****************************************************************************************/



/****************************************************************************************
************************************* 3. GLOBAL *****************************************
****************************************************************************************/
/*** Remove sr_ error text from Basket, Review, Accept pages ***/
.previewcell pre { display: none;}

/*** make Admin Menu Bar opaque to see the logo ***/
.menu-knob-bar{opacity: .8;}

/*** Add fonts to thru-out site ****/
body, .ic-msg {
  font-family: sans-serif;
}
.responsive-longname, .note {
  font-family: sans-serif;
}
.responsive-longname {
  font-weight: bold !important;
}

/*** Make Button Bold ***/
.button {
  font-weight: bold;
}


.billing .form-body .input table {
    margin-left: 0px;
}




/*** HEADER ***/
#header-wrapper {
  background-color: var(--header-bkgd-color);
}

#header_logo > img.no_mobile {
    position: absolute;
    left: 30px;
    top: 40px;
    max-height: 75px;
}

#header-links-container {
  background-color: var(--header-link-bkgd-color);
  font-weight: 400;
  margin-top: 146px;
  box-shadow: 0 8px 8px -5px #555;
}

.header-links{
  float: left;
  padding-left: 20px !important;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  padding: 6px 0;
}

.header-links a{
  color: var(--header-link-txt-color);
  padding: 6px 10px;
}
.header-links a:hover {
  color: var(--header-link-txt-color-hover);
  background-color: var(--header-link-bkgd-color-hover);
  padding: 6px 10px;
}

#logout_userid {
  color: var(--header-link-txt-color);
  padding: 0 15px;
}

/*--- CANCEL LINK ---*/
#footer\2e footercanceltext{
  padding-right: 15px;
}


/*----- Catalog Thumbnails: gray to color  -----*/
/*----- ON HOLD -----
#all_items_view .image-container img {
   filter: grayscale(100%);
   transition: all 0.5s ease;
}
#all_items_view .image-container img:hover {
   filter: grayscale(0%);
}
*/

/* USED TO HIDE THE NEW USER RADIO BUTTON
.login .form-body .input br:nth-of-type(1n+2) {
  display: none;
}
*/

.login, .login .message-block {
    text-align: center !important;
}

.pageinstructions {
    width: 80%;
    margin: 0 auto !important;
    text-align: center;
}

.main {
    margin-top: 30px;
}

.shipping, .billing, .review, .done, .customer-service, .profile, .basket-view, .view-order, .shiptrack_view2 {
    max-width: 800px !important;
    margin: 20px auto 0 !important;
}

/****************************************************************************************
*********************************** END GLOBAL ******************************************
****************************************************************************************/



/****************************************************************************************
************************************ 4. PROFILE *****************************************
****************************************************************************************/



/****************************************************************************************
*********************************** END PROFILE *****************************************
****************************************************************************************/



/****************************************************************************************
********************************** 5. CATALOG *******************************************
****************************************************************************************/

.catalog-tab-blurb {
   padding: 0px !important;
}

.stretchy_cols input {
    display: inline-block !important;
}




/******************************************************************
************************* TAB LINKS *******************************
*******************************************************************/

/**************************************
********** DEEP LINKS 2018 ************
**************************************/
 
/*Image gray then fade to color when hover*/
 .deep_links img {
   filter: grayscale(100%);
   transition: all 0.5s ease;
}
 .deep_links img:hover {
   filter: grayscale(0%);
}

/*Image swapping code*/
/*.deep_links img:last-child{display:none}
.deep_links:hover img:first-child{display:none}
.deep_links:hover img:last-child{display:inline-block}*/
 
/** Max width - Sets max width for keeping rows of 4 icons - This is relative and may need to be adjusted depending on screen size, desired icon amount, etc.. **/
/** Min width - Sets min width to maintain correct row look when switching to responsive layout (i.e. 2 rows of 4 icons) **/
#deep_link_container{
  display: flex;
  flex-wrap: wrap;
  max-width: 95%;       /*46%*/
  /*min-width: 80%;*/   /*845px*/
  margin: 0 auto;
  margin-top: 35px;
}
 
 
/*** Padding Used to keep space between tabs when they wrap ***/
/***Margin maintains even space around icons as they respond to screen size***/
.deep_links_holder{
  padding-bottom: 15px;
  /*padding-right: 15px;*/
  margin: 0 auto;
  width: 240px;
  text-align: center;
}

.deep_links img {
  max-width: 100%
}
 
/*Keeps Main copy container center*/
#newscopy-wrapper{
  justify-content: center;
  margin: 0 auto;
}

.ind_txt{
  font-size: 24px;
  font-weight: 600;
  color: var(--tab-blurb-text-color);
  padding: 10px 0 0 0;
  text-align: center;
  margin: 0 auto !important;
}

.ind_para {
  color: var(--tab-blurb-text-color);
  margin: 0 !important;
}

/*************************************
******* END DEEP LINKS 2018 **********
*************************************/


.responsive_tabs-shell .after {
    margin-top: 20px !important;
}

#basket-list-title {
    text-align: center;
    font-size: 20px;
    color: #000000;
    border-bottom: 2px solid #000000;
    margin-bottom: 10px;
}

.basket-list-item {
    margin-bottom: 10px !important;
}

.basket-list-item .button {
    padding: 1px 1px 1px 5px !important;
}

.responsive-choose-info {
    max-height: none !important;
    -webkit-line-clamp: 7 !important;
}

/****************************************************************************************
********************************** END CATALOG ******************************************
****************************************************************************************/




/****************************************************************************************
********************************* 6. SIDE BY SIDE  **************************************
****************************************************************************************/
/*Hide Cancel button below SBS proof*/
body table.imprint-splitview button#button_cancel { display: none !important; }


/****************************************************************************************
********************************** END SIDE BY SIDE *************************************
****************************************************************************************/



/****************************************************************************************
********************************* 7. BASKET VIEW ****************************************
****************************************************************************************/



/****************************************************************************************
********************************* END BASKET VIEW ***************************************
****************************************************************************************/



/****************************************************************************************
********************************** 8. MAIL MERGE ****************************************
****************************************************************************************/



/****************************************************************************************
********************************* END MAIL MERGE ****************************************
****************************************************************************************/



/****************************************************************************************
********************************** 9. SHIPPING ******************************************
****************************************************************************************/



/****************************************************************************************
********************************* END SHIPPING ******************************************
****************************************************************************************/



/****************************************************************************************
**************************** 10. SHIP MAIL EDELIVER *************************************
****************************************************************************************/



/****************************************************************************************
******************************** END SHIP MAIL EDELIVER *********************************
****************************************************************************************/



/****************************************************************************************
************************************ 11. BILLING ****************************************
****************************************************************************************/



/****************************************************************************************
************************************ END BILLING ****************************************
****************************************************************************************/


/****************************************************************************************
************************************ 12. REVIEW *****************************************
****************************************************************************************/



/****************************************************************************************
************************************ END REVIEW *****************************************
****************************************************************************************/



/****************************************************************************************
************************************ 12. ACCEPT *****************************************
****************************************************************************************/



/****************************************************************************************
************************************ END ACCEPT *****************************************
****************************************************************************************/



/****************************************************************************************
*********************************** 13. CANCEL ******************************************
****************************************************************************************/



/****************************************************************************************
************************************ END CANCEL *****************************************
****************************************************************************************/



/****************************************************************************************
********************************* 14. SHIPTRACK *****************************************
****************************************************************************************/



/****************************************************************************************
************************************ END SHIPTRACK **************************************
****************************************************************************************/