/*** start of reset code  */
html,body,div,ul,li,dl,dt,h1,h2,h3,h4,h5,h6,pre,code,form,p,blockquote,input,hr,address,caption,cite,code,em,strong,th
{
  /*  font-size:1em ; font-size: 1rem;  */
    font-weight:normal;
    font-style:normal;
    margin:0;
    padding:0;
}


ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
/* end reset code - added to clear defaults in all brosers */
/* start of rateit css - do not edit the rateit section  */



div.rateit
{
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

div.rateit div.rateit-range
{
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    background: url(star.gif);
    height: 16px;
}

/* for IE 6 */
* html div.rateit, * html div.rateit div.rateit-range
{
    display: inline;
}

/* for IE 7 */
* + html div.rateit, * + html div.rateit div.rateit-range
{
    display: inline;
}

div.rateit div.rateit-hover, div.rateit div.rateit-selected
{
    position: absolute;
    left: 0px;
}

div.rateit div.rateit-hover-rtl, div.rateit div.rateit-selected-rtl
{
    left: auto;
    right: 0px;
}

div.rateit div.rateit-hover
{
    background: url(star.gif) left -32px;
}

div.rateit div.rateit-hover-rtl
{
    background-position: right -32px;
}

div.rateit div.rateit-selected
{
    background: url(star.gif) left -16px;
}

div.rateit div.rateit-selected-rtl
{
    background-position: right -16px;
}

div.rateit div.rateit-preset
{
    background: url(star.gif) left -48px;
}

div.rateit div.rateit-preset-rtl
{
    background: url(star.gif) left -48px;
}

div.rateit div.rateit-reset
{
    background: url(delete.gif) 0 0;
    width: 16px;
    height: 16px;
    display: -moz-inline-box;
    display: inline-block;
    float: left;
}

div.rateit div.rateit-reset:hover
{
    background-position: 0 -16px;
}

/*********************** END OF RATE IT CODE - DO NOT EDIT ABOVE THIS LINE   *******************/



h1 {
    font-size:2em;
}

div.SubCatListTxtBlock h1,
div.product_title h1
{
  font-size: inherit;  
}
.thanks {
    display: block;
    width: 47em;
}
.thanks p {text-align: center;}
.thanks strong {font-weight: bold; font-size: 110%;text-align: center;}


/*** added new splash  */
div.ListOfNew
{
    clear:both;
    display:block;
    width:100%;
  
     font-family:'Arial',sans-serif;
     font-weight: 400;
     
     
    /*
    font-family:'Tw Cen W01 Semi Bold',sans-serif;
      */
    font-size:80%;
  
    margin-bottom: .7em;

}
div.ListOfSplash
{
    clear:both;
    
    display: flex;
      flex-direction: row;
  /*     flex-wrap: wrap;*/
        justify-content: center;
        overflow: hidden;
    
    width:100%;
    font-family:'Arial',sans-serif;
    font-weight: 400;
   /* font-family:'Tw Cen W01 Semi Bold',sans-serif;
      */
    font-size:80%;
    margin-bottom: .7em;

}
div.CatListOfNew
{
    /*
    width:90%;
    float: right;
    */

}


div.ListOfSplash div.arrowspace
{
    width: 2em;
    height: 2em;
}
div.ListOfSplash div.arrowspace,
div.ListOfSplash img.browsert,
div.ListOfSplash img.browself
{
max-width: 2em;
max-height: 2em;
margin-top: 3.5em;
}
div.ListOfSplash img.browsert
{
    margin-right: .2em;
    margin-left: .8em;
}
div.ListOfSplash img.browself
{
     margin-left: .2em; 
     margin-right: .8em; 
}

div.ListOfNew div.splashmorebut ,
div.ListOfSplash div.splashmorebut,
div.splashmorebut
{
 display: inline-block   ;
 width: 100%;
 text-align: center;
 margin-bottom: .1em;
}
div.ListOfNew div.splashmorebut a ,
div.ListOfSplash div.splashmorebut a,
div#splash div.splashmorebut a
{
    display: inline;
    border: thin black solid;
    max-width: 30%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2em;
    padding-right: 2em;
    text-align: center;
    background-color: #d2d0d1;
    
}



/* not used joel 2019
div.CatListOfSubCats_0 div.caption,
div.CatListOfSubCats_100 div.caption
{
    font-size: 130%;
}
div.CatListOfSubCats_100,
div.CatListOfSubCats_200,
div.CatListOfSubCats_0
{

    min-height: 16em
}
*/

/*div.ListOfNew  div.allcell */
div.allcell
{
    display:block;
  /*  width:24%; */
    width:16em;
    max-width: 49%;
    border:0;
    float: left;
    /*padding .5em;*/

    height:100%;
    text-align: center;
    margin-bottom: .5em;
    /*min-height: 12em; */
}

div.flexcats,
div.flexdepts
{
     display: flex;
      flex-direction: row;
       flex-wrap: wrap;
        justify-content: center;
        font-family: 'Arial', san serif;
}
div.catcell
{
    display:block;
   /* width:13.1%; */ 
    width:12em;
    max-width: 32% ; 
    margin-right: 1%;
   /* min-height: 16em;*/
    height:100%;
    text-align: center;
    margin-bottom: .5em;
    float: left;
}


/*
div.SearchFind div.catcell
{
    width:18%;
}
  */
 /* not used joel 2018 
div.CatListOfSubCats_200
{
   background-color: #aaaaaa !important;    
}

div.CatListOfSubCats_0
{
    background-color: #DDAA77 !important; 
}
div.CatListOfSubCats_100
{
    background-color: #BB8866 !important; 
}
*/
div.deptcount
{
    display: block;
    font-size: 80%;

}
div.ListOfSplash  div.imgcell,
div.flexcats  div.imgcell,
div.flexdepts  div.imgcell
{
    width:100%;
    max-height:12em;
    height:12em;
    vertical-align: bottom;
    display:inline-block;
    position: relative;
}

div.ListOfSplash  div.imgcell,
div.flexcats  div.imgcell
{
     height:inherit;
}

div.ListOfSplash  div.caption
{
    width:70%;
    margin-left:15%;
    margin-right:15%;
    display: inline-block;
    font-weight:bold;

}
/* not used anymore joel 2019
div.CatListOfSubCats_0 div.caption,
div.CatListOfSubCats_100 div.caption,
div.CatListOfSubCats_200 div.caption
{
    width:90%;
    margin-left:5%;
    margin-right:5%;
    text-align:left;
}
*/


li.newcatheader div.clearme
{
     display:block;
    clear:both;
}
li.newcatheader
{
    display:block;
    clear:both;
    margin-bottom: 1em;
    
}
li.newcatheader h1
{
    text-align: center;
}
li.newcatheader img
{
    float: left;
    margin-right: 1em;
    margin-bottom: .5em;
    margin-top:.5em;
    margin-left:.4em;
    max-width:45%;
}


div.ListOfSplash div img ,
div.flexcats div img ,
div.flexdepts div img
{


    max-height:inherit;
    max-width:90%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
   

}
div.flexdepts div.allcell a div.imgcell img 
{
    position:absolute;
    bottom:0 ;
}

div.catspashcell {
    display: inline-block;
    float: right;
    width: 20%;
    height: 30%;
    vertical-align: bottom;
    margin-top:3.4em;
    
}
div.catspashcell_left {


    display: inline-block;
    font-size: 170%;
    background-color: #aaaaaa;
    PADDING-TOP: 1em;
    vertical-align: bottom;
    max-width:60%;
    float: right;
    
    
}

div.catspashcell_rt {
 width: 0; 
  height: 0; 
  display: inline-block;
  float: right;
  border-top: 2.4em solid transparent;
  border-bottom: 2em solid transparent;
  border-left: 2em solid #aaaaaa;
  
 

  vertical-align: bottom;
}
div.catspashcell_left a
{
    display:block;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: .5em;
}
h2#preListOfNew
{
    clear:both;
    display:block;
    width:99%;             
         font-family:'Arial',sans-serif;
     font-weight: 400;

    
    font-size:100%;
    margin-top: .2em;
    margin-bottom: .6em;
    padding-left: .5em;
    background-color: #00c67e;
}
div.quickcontents span.hdt
{
    white-space:nowrap;
}
div.quickcontents span.bul
{
    font-size: 60%;
}

div.SeperateCatsAndProds
{
    display: block;
    clear:both;
    height: 1em;
}
div.postListOfSplash
{
    display: block;
    clear:both;
}
div.ListOfSplash div.imgcell span.pricetag,
div.ListOfNew  div.imgcell span.pricetag
{

    background-color: #EDC84E;
    font-style: normal;
    padding: .1em;
    font-size: 110%;
    color: black;
    font-weight: bold;
    text-align: center;
    white-space:nowrap;
    padding-left: 1em;
    padding-right: .8em;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    position: absolute;
    bottom: 1em;
    right:.5em;
}

div.SearchFind  div.imgcell span.pricetag
{
    font-size: 80%;
} 
div.flexdepts  div.imgcell span.incart
{

    background-color: #00cc00;
    font-style: normal;
    padding: .1em;
    font-size: 90%;
    color: black;
    font-weight: bold;
    text-align: center;
    white-space:nowrap;
    padding-left: .8em;
    padding-right: .8em;
    position: absolute;
    bottom: 0em;
    left:3.5em;
}
/*
div.quickcontents{
    padding-bottom:.8em;
    clear:both;
    font-family: 'Tw Cen W01 Semi Bold',sans-serif;
    text-align: justify;


}
*/

div#splash div.blocks
{
   width: 70%;
   display: inline-block;
}
/*
div.quickcontents a:hover
{
    color: #eeee2a;

}
  
span.Quickfeat
{
    background-color: black;
    color: white;
    padding-left: .6em;
    padding-right: .7em;
    margin-right: .5em;
    border-bottom-right-radius: 1em;
    border-top-right-radius: 1em;
}
*/

/*** end add new splash  */
/********************** end popup menu style stuff ************************************/
/*html {margin-top: 1em;}*/
/*
html[xmlns] #nav {
    display: block;
}
* html #nav {
    height: 1%;
}
  */

body {
    background: #ffefdf;
/*    font-family: 'GaramondPrmrW01',Garamond,Georgia,Serif;  */

    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif ;  
    font-size:110% ;
}

A {
    color: #330066;   
    text-decoration: none;
}



#titletextbot
{
    padding-top: .6em;
    margin-bottom: 1em;
}
#titletextbot div
{
    margin-top: 1em;
}


.mycartcell{
    background: inherit;
    vertical-align: bottom;
    float: right;
    width: 14em;
    font-size: inherit;

}


#listing{
    list-style: none;
    list-style-type: none;
    display: block;

}
#googleprodesults li,
#listing li{
    display:block;
    clear: both;
    /*   padding-top: .5em;
    padding-bottom: .5em;*/
    height:auto;
    margin-bottom:1em;
    /*  margin-left: 5%;*/
    width: 97%;
    float: right;
}
div.SubCatListTxtBlock,
div.ListItemBody
{
    display: block ;
    max-width: 55%;
    width:70em;
    float:left;
}
li.SubCatListItem_1000,
li.SubCatListItem_200,
li.SubCatListItem_100,
li.SubCatListItem_0,
li.SubCatListItem
{
    list-style: none;
    list-style-type: none;
    margin-bottom: .8em;

    display:block;
    clear: both;
    padding-top: .5em;
    padding-bottom: .5em;
    height:auto;
    /*background-color: #ddaa77;*/
    border: 0;
    /*margin-left: 5%;*/
    width: 97%;
    float: right;
/*    font-family: 'Tw Cen W01 Semi Bold',sans-serif;*/
         font-family:'Arial',sans-serif;
     font-weight: 400;

}

.deptcount
{
    font-size: 60%;

}

span#catsubtitle
{
    font-size: 50%;
}
span.emph
    {
        font-weight: bold;
    }
li.CatListHdr,
li.CatListHdr_0,
li.CatListHdr_100,
li.CatListHdr_200,
li.CatListHdr_1000
{
    list-style: none;
    list-style-type: none;
    padding-top: .5em;
    padding-bottom: .5em;
    height:auto;
    margin-bottom:1em;
    display:block;
    clear: both;
    width: 100%;
    margin-left: 0;
    width: 100%;
    border: 0;
 /*   font-family:'Tw Cen W01 Semi Bold',sans-serif; */
      font-family:'Arial',sans-serif;
     font-weight: 400;

}

li.SubCatListItem_200 /* brand */
{
    background-color: gray !important;
}
li.CatListHdr_200 /* brand */
{
    background-color: #aaaaaa !important;

 /*   border-radius: .75em;  */
    border: thin solid black;
}
li.SubCatListItem_0
{
    background-color: #DAC6B2 !important;
}
li.CatListHdr_0
{
    background-color: #DAC6B2 !important;
 /*   border-radius: .75em;  */
    border: thin solid black;
    
}
li.SubCatListItem_100
{
    background-color: #DAC6B2 !important;
}
li.CatListHdr_100
{
   /* border-radius: .75em;  */
    border: thin solid black;
    background-color: #DAC6B2 !important;

}
li.SubCatListItem_1000
{
    /*background-color: gray !important;  */
}
li.CatListHdr_1000
{
    font-size: 2em !important;
    /*  background-color: gray !important;
    background: linear-gradient(gray, #cc9966) !important;*/
}
li.CatListHdr_1000 div.SubCatListTxtBlock
{
    display:block;
    width:auto;
    margin-right:1em;
    float:left;
}
li.CatListHdr_1000 div.CatTextHide
{
    margin-top:.5em;
    display:block;
    font-size: .7em;
   /* font-family: 'GaramondPrmrW01',Garamond,Georgia,Serif;   */
    width: auto;
}
div.SubCatListTxtBlock
{
    font-size: 200%;
}

div.SubCatListImgBlock,
div.ListImageBox
{
    display: block;
    width: 225px;

    max-width:40%;
    margin-right: 1em;
    float:left;

}
div.SubCatListImgBlock img,
div.ListImageBox a img
{
    max-width:100%;
}
div.ListItemClear
{
    clear:both;  /* critical to make the block calculate height correctly */
}
div.SubCatListImgBlock
{
    text-align:right;
}
.oneitemonlist{display:inline;}

.CatTextShow .listcatintro {
    font-size : 1.2em;
}

.CatTextHide .listcatintro {
    display:none;
}

div.cleardivs
{
    display: block;
    clear:both;  /* critical to make the block calculate height correctly */
}

div#cattext.CatTextShow  span#lessinfomsg,
div#cattext.CatTextHide  span#moreinfomsg

{
    display:block;
    font-size:80%;
}
div#cattext.CatTextShow  span#lessinfomsg a,
div#cattext.CatTextHide  span#moreinfomsg a
{
    text-decoration: underline; 
}


div#cattext.CatTextShow  span#moreinfomsg,
div#cattext.CatTextHide  span#lessinfomsg

{
    display: none;
}
div#cattext div#MoreInfo.moreinfobut
{
    cursor: pointer;

    font-size: .5em;
}


.category_title {
    font-size : 2em;
    font-weight: bold;
    margin-left: .5em;
}
.listsubcatname{
    font-size: 2em;
    display: table-cell;
    vertical-align: top;}
/* table cells don't work on exploerer */
.listproduct {display: table-cell;  vertical-align: top;}
.listprodimg, .listprodimg_border {
    display: table-cell;
    margin-right: .1em;
    /*
    width: 90%;
    */
}
.listprodimg_border {
    border: solid black .2em;
    margin-right: .5em;
}
/*  end of table cells */
.listproduct {display: inline;  vertical-align: top;}
.listproductcell {
    vertical-align: top;
    width: 228px; 

}
.listprodimg {display: inline;margin-right: .1em; max-width:220px;}
.listprodimg_border {display: inline; border: solid black .2em;   margin-right: .5em;max-width:220px; margin-bottom: .3em;}
.listprodtitle {
    font-size: 1.6em;
}
.listteaser	 {
    font-size: 1.1em;
}
.listmoreinfo {font-style:italic;}
.listqtyinbasket {display:block;}

div.listGCatResult
{
    display: block;
    margin-top: .5em;
    ;
}
div.listGCatResult div
{
    display: inline;
    font-size: 1.6em;
    vertical-align: top;

}
div.listGCatResult div:first-child
{
    margin-right: 1.5em;

}

  

.RegularButton ,.RegularButton:link , .BackButton ,.BackButton:link, .DeleteButton ,.DeleteButton:link ,.PayPalCanButton {
    margin: 0 5px;
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
 /*   color: #ffe03b; joel201903*/
    text-decoration: none;
    display: inline;
    padding:  .1em 1em;
   /* font-family:'Tw Cen W01 Semi Bold',sans-serif;  */
     font-family:'Arial',sans-serif;
     font-weight: 400;

    background-color:#ff5845 ;
}


 div#ShowCart form table.displayBasket tbody a#checkout
 {
     color: black;
     background-color: red;
 }

.PayPalCanButton
{
    font-size:80%
}

.warning {
    font-size : 2em;
    color: red;
    font-weight: bold;
    text-align: center;
}
.warning_smaller {
    font-size : .9em;
}
.warning_box {
    margin: 1.5em;
    font-size : 2em;
    color: red;
    font-weight: bold;
    text-align: center;
}

        
/*
ul#nav li ul li a#FestoolMenuItem
{
    font-family: helvetica san-serif;
    color:#47b72d;
    background: #11244c;
    font-size: 1.1em;
    font-size: 1.1rem;
    border: solid black .2em;
    border: solid black .2rem;
    font-family: Arial, sans-serif ;
    font-weight: bold;
}
  */


/*html body#thepage div#MyPage table.header tbody tr td.mycell ul#nav li ul li a#FestoolMenuItem*/

.fieldErr { color: #bb0000; font-weight: bold; }
/*
.listaddone {
    padding: .4em;
    padding: .4rem;
    border:none;
    font-family:inherit;}
  */
/*
.browseprods{margin: 5px 0px 5px 0px;  text-align: left;border-collapse:collapse;  border:none;background: #BB8866; }
.browsepicts{margin: 5px 5px 5px 5px; height:45px; ;overflow-x: hidden; }
.browsepicts_this{margin: 5px 5px 5px 5px; height: 45px ; border: 2px solid red;   overflow-x: hidden; }
*/
 /*
#SeeSizesButton  {
    font-size: .8em;
    font-size: .8rem;
}
#AddOneButton  {
    font-size: .8em;
    font-size: .8rem;
}
*/

/*
.holiday_small { font-family : inherit; font-size : 70%; color: #008800;  font-weight: normal;}
.holiday_basic { font-family : inherit; font-size : 1.2em; color: #008800;  }
*/

.invoice {
    font-size: 1.6em;
    font-family: inherit ;
    margin: .1em;
}
.invoice B {
    font-size: 1em;
    font-weight: bold;
}
.invoice table {
    font-size: inherit;
    border: none;
    padding: .2em;
    border-spacing:0;
    width: 100%;}
.basket_cell_captions {font-family : inherit; background: #000080; color: #ffffff; font-weight: bold; }

.invoiceitems {
    font-size: 1.6em;
    border: none;
    padding: .2em;
    border-spacing:0;
    width: 100%;
}
.invoiceitems textarea {background:inherit; color:black;}
.invoiceitems TD {
    padding: .2em;
}

.displayBasket {
    border: none;
    padding: 1%;
    padding: 1%;
    border-spacing: 0;
    width:97%;
    margin-left: auto;
    margin-right: auto;

}
.displayBasket TH {
    padding: .2em;
    background: #000080;
    color: #ffffff;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}
.displayBasket TH.number,.displayBasket TH.dollars
{
    text-align: right;
}

.displayBasket TH.but { }
.displayBasket TH.code {}
.displayBasket TH.prod {}
.displayBasket span.prerelease { font-size: 110%; font-weight: bold;    }

.displayBasket TD {
    padding: .2em;
    vertical-align: middle;
    text-align: left;}
.displayBasket Td.but { }
.displayBasket Td.code {}
.displayBasket Td.prod {}
.displayBasket Td.number {  text-align: right; }
.displayBasket Td.dollars {  text-align: right; }

.displayBasket td.WhseLocation
{
    font-size: 80%;
}

/*
.customerinfo  {
    border: none;
    padding: .2em;
    padding: .2rem;
    border-spacing: 0;
    width:100%
}
.customerinfo TH { background: #000080; color: #ffffff; font-weight: bold; text-align:left; vertical-align: middle;}
  */
  
.footer {
    width: 97%;
    margin-left:1em;
    margin-right:1em;
/*    margin-top: 1.5em;
    margin-top: 1.5rem;
    */
    clear:both;
    /*   background-color: #bb8866;  */
}
/*********************************************************************/





/*** used by the popup  */




/*********************************************************************/
.knowledge {
    font-family : inherit;
    font-size : 1.2em;
}
.knowledge h1 {
    font-size : 1.6em;
    text-align: center;
    font-weight: bold;}
.knowledge h2 {
    font-size : 1.4em;
    text-align: center;
    font-weight: bold;}

.knowledge .toplinks td {
    text-align:center;
    font-size: 1em;
    margin: 1em;
    font-weight: bold;
}
.knowledge .smalllink {font-weight: bold;}
.knowledge table {text-align: center;}


.custservice {
    width: 80%;
    font-size: 1.2em;
}
.custservice h1{
    font-size: 1.6em;
}
.custservice h2{
    font-size: 1.3em;
}
.custservice em{
    font-size: 1.3em;
    font-weight: bold;
}

.extra_page
{
  font-size : 1.5em; 
  padding: 1em; 
  padding: 1em; 
}
.extra_page h2
{
    text-align: center;
     margin-top: .4em;
    margin-bottom: .4em;
}
.extra_page h3
{
    margin-top: .4em;
    margin-bottom: .4em;
     text-align: center;
     text-decoration: underline;
}
.extra_page img
{
  margin-top: 0;
    margin-bottom: 1em;  
}
.extra_basic {
    font-family : inherit;
    font-size : 1em;
}


.extra_title {
    font-size : 18px;
    font-size : 1.8rem;
    font-weight: bold;
}
.extra_subtitle {
    font-size : 16px;
    font-size : 1.6rem;
    font-weight: bold;
}
.extra_smalllink {
    font-size : 12px;
    font-size : 1.2rem;
    font-weight: bold;
}
.extra_verysmalllink {
    font-size : 10px;
    font-size : 1rem;
    font-weight: bold;
}

.extra_tinynote { font-size : 70%; color: #000000;  font-weight: normal;}

.cutnaildiscount{
    font-size : 90%;
    text-align: center;
    background-color: #ff302b;
    color: #ffbf00;
    padding: .65em;
    padding: .65rem;
    font-weight: bold;
    border-radius: .5em;
    border-radius: .5rem;
    border: none;
}

.festoolfreeship {
    font-family : inherit;
    font-size : .8em;
    text-align: center;
    background-color: #ff302b;
    color: #ffbf00;
    padding: .65em;
    font-weight: bold;
    border: none;

}
.festoolfreeship  small a:link{ color: inherit;}

.tailinstr {
    margin-top: .7em;
    margin-top: .7rem;
    margin-bottom: .7em;
    margin-bottom: .7rem;
    margin-left: 2.7em;
    margin-left: 2.7rem;
    margin-right: 2.7em;
    margin-right: 2.7rem;
    font-style: italic;
    display: block;
    clear: both;
}
.tailinstr em{font-style: normal;}

/**** migrated unchanged over from mystyle.css  ***/
/***********************************************************/



/************************************************************************************/
.boxText {
    font-size: 10px;
    font-size: 1rem;
}
/*.errorBox { font-family : inherit; font-size : 10px;  font-weight: bold; }*/
.signforWarning {
    font-size : 1em;
    /*color: #ffff00;*/
    margin: .5em;
    margin: .5rem;
    color: blue;
}
/*.orderEdit { font-size : 10px; color: #70d250; text-decoration: underline;}*/
/*.announcement { font-family : inherit; font-style : italic; font-size : 120%; color: #0000ff;  font-weight: normal;}*/
.discounts {
    font-style: italic; font-size : 100%; color: #0000ff;  font-weight: bold;
}
.festoolitems {
    width: 100%;
}
.festcell { font-family : inherit;}
td.festcell table
{
    width:100%;
}
/*.MainWindow{ padding-left :20px;}*/
/*.descript_basic { font-family : Arial, Helvetica, sans-serif; font-size : 1em;; color: 0;  }
.descript_small { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color: 0;  }*/

.descript_quote {
    font-size : .9em;
    font-size : 1.1rem;
    color: #000000;
    margin-left: 5%;
    margin-right: 5%;}
.fesprom { font-family : inherit; font-style : italic; font-size : 100%; color: #0000ff;  font-weight: bold;}
.clear { font-family : inherit;  font-size: 110%; color: #00ff00;  font-weight: bold; display:inline;}
.special { font-family : inherit;  font-size: 110%; color: #0027ff;  font-weight: bold; display:inline;}
/***********************************************************/
.fesslogan {
    font-family : inherit;
    font-style : italic;
    font-size : 14px;
    font-size : 1.4rem;
    color: #0000ff;
    font-weight: bold;}

/* added on 5/1/09 when we got rid of inline font info */
ul.circle {list-style-type:circle}
.intropromo { font-family : inherit; font-style : italic; font-size : 105%; color: #0000ff;  font-weight: bold;}

/*.leftframe { font-family : inherit; font-size : 14px; color: 0;  background: #bb8855; text-align: center;}*/

/*.MainImage {margin: 5px 5px 5px 5px; }*/

/* a right desplay block for extra pictures   */

/*.ProductExtraPictureDisplay { float:right; }*/

/* used by image scroller */
.ProductMainImageClass  { width:100%;
    text-align: center;
    font-family: inherit;
    font-size : 70%;
    color: #008800;
    font-weight: normal;
}

/* these classes determine how the attributes are displayed within the box */
.ProductAttributesMulti {
    text-indent: -1em;
    text-indent: -1rem;
    margin-left: 1em;
    margin-left: 1rem;
}

.ProductInStockText {
    font-size : 12px;
    font-size : 1.2rem;
    color: #000000;
    font-weight: bold; 
    font-style : italic;}

.ProductProdNum{
    font-size : 12px;
    font-size : 1.2rem;
    color: #000000;
    font-weight: bold;
}
.ProductNumInBasket{
    font-size : 12px;
    font-size : 1.2rem;
    color: #000000;
}
.SizeRecentlyAdded {
    font-size : 1.2em;
    color: yellow;
    font-weight: bold; 
    font-style : italic;}


.littleordernote {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-size : 1.2rem;
    color: #000000;
}
.blogOptionText{
    font-family : Arial, Helvetica, sans-serif;
    font-size : 14px;
    font-size : 1.4rem;
    color: #000000;
    font-weight: bold; }
.blogcheck  {
    margin: 0px .2rem .2rem .2rem;
    border: 0px; }
/*
.browsepopup
{
position: absolute;
background-color: #fff;
padding: 5px;
padding: .5rem;
border: .2rem solid #f00;
width: 100px;
}
*/

FORM {
    display: inline;
}

TR.header {
    background: 0;
    color: #ffffff;
    font-size: 13px;
    font-size: 1.3rem;
    font-family: inherit;
    font-weight: bold;
    font-stretch : narrower ;
    border: 0;
}




TABLE.colortest1 {
    background:#0000ff;
    height: 300
}
TABLE.colortest2 {
    background:#ff5522;
    height: 300
}


TD.cell1 {
    background-image: url(/prodimg/lw/sam/9.jpeg);
}
TD.cell2 {
    background-image: url(/prodimg/lw/sam/9.jpeg);
}




.Directions h1 {
    font-size : 1.5em;
    font-size : 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-top: .5em;
    margin-top: .5rem;
    margin-bottom: .5em;
    margin-bottom: .5rem;
}
.Directions h2 {
    font-size : 1.2em;
    font-size : 1.2rem;
    font-weight: bold;
    text-align: left .5em;
    text-align: left .5rem;
    margin-bottom: .5em;
    margin-bottom: .5rem;
    margin-top: .5em;
    margin-top: .5rem;
}

.NewDirections
{
   font-size : 1em; 
}
.NewDirections h1 {
    font-size : 1.6em;
    font-weight: bold;
    text-align: center;
    margin-top: .5em;
    margin-bottom: .5em;
}
.NewDirections h2 {
    font-size : 1.3em;
    text-align:center;
    margin-bottom: .2em;
    margin-top: .2em;
}
.NewDirections h3 {
    font-size : 1.1em;
    font-weight: bold;
    text-align: center;
    margin-bottom: .1em;
    margin-top: .1em;
}

img.mappost
{
    width: 100%;
}

.mymap {
    margin-right: 1em;
    margin-right: 1rem;
    margin-bottom: 1em;
    margin-bottom: 1rem;
    vertical-align: middle;
    float: left;}
.Gmap {
    text-align:right;
    width: 40em;
    width: 40rem;
    float: left; }
.Directions ul {
    font-weight: bold;
    margin-left: 10em;
    margin-left: 10rem;
}

/*** added for php version **/
.Error_Bad  {font-size: 1.5em; font-size: 1.5rem; color: red; text-align: center; font-weight:bold;}
.Error_Good {font-size: 1.4em; font-size: 1.4rem; color: green; text-align: center; font-weight:bold;}
.Error_Info {font-size: 1.3em; font-size: 1.3rem; color: blue; text-align: center; font-weight:bold;}
.Error_ADDRS{font-size: 1.3em; font-size: 1.3rem; color: blue; text-align: left; font-weight:bold;}


.searchfound
{
    font-weight: bold;
    background-color: red;
    border-radius: .2em;
    border-radius: .2rem;
    padding-left: .1em;
    padding-left: .1rem;
    padding-right: .1em;
    padding-right: .1rem;

}

.prodsubcodefound
{
    border: red solid;
}

.BlogSubscribe th{
    font-weight: bold;
    font-size: larger;
}
.BlogSubscribe{
    margin-top: 1em;
    margin-top: 1rem;
    margin-left: 10em;
    margin-left: 10rem;
    text-align: center;
}
.blogemail {
    text-align: left;
}
.worklogo
{
    /* position: relative;
    top: -1.5em;
    left: -1.2em;
    */

}
.workpage
{
    /*  position: relative;
    top: -1.7em;*/
}

.sameday
{
    font-style: italic ;
    font-weight: bold;
    color: blue;
}
.shiprestrictions{
    margin-top: .5em;
    margin-bottom: .5em;
    font-weight: bold;
    text-align: left;

}

.listdateadded{
    font-size: small;
}
.newsletter {width: 50%;}
.newsletter dt {float: left;}
.newsletter dd {
    margin: 0 5em 1em 5em;
    margin: 0 5rem 1rem 5rem;
}

/** this three classes are fail saves for the announcment code. we also have specific classese for the storefront
*  the departments and the products
*  in addtions look at the various style sheets for different divices for more display overrises
*/

.annou, div.annou A
{
    font-style : italic;
    font-size : 140%;
    color: #0000ff;
    font-weight: normal;
    text-align: center;
    clear: both;         /*this might cause a problem with banners */
    margin-bottom: .5em;
    margin-bottom: .5rem;
}

.restrict,  div.restrict A
{
    font-family : inherit; font-style : italic; font-size : 110%; color: #ffff00;  font-weight: normal;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    max-width:35em;
    clear: both;

}
/* just added  */

.notice,  div.notice A
{
    font-family : inherit;   font-weight: bold;
}


/* actually medium caption  */
/*
@font-face{
    font-family:"GaramondPrmrW01";
    font-display: fallback;
    src:url("/Fonts/220f344d-3a47-4b8a-ad7c-bfaff26e6515.eot?#iefix");
    src:url("/Fonts/220f344d-3a47-4b8a-ad7c-bfaff26e6515.eot?#iefix") format("eot"),url("/Fonts/66814ad5-ee32-4e6c-987f-d6aacf44f1c2.woff") format("woff"),url("/Fonts/1c99124e-ed3b-4ae3-83d0-80b40e85e9c2.ttf") format("truetype"),url("/Fonts/e1a5044a-e85c-4ef1-85f0-36580823bc58.svg#e1a5044a-e85c-4ef1-85f0-36580823bc58") format("svg");
    font-weight: normal;
    font-style: normal;
}


@font-face{
    font-family:"GaramondPrmrW01";
    font-display: fallback;
    src:url("/Fonts/dfe25ff9-1c83-4203-a643-19bb1a8d4880.eot?#iefix");
    src:url("/Fonts/dfe25ff9-1c83-4203-a643-19bb1a8d4880.eot?#iefix") format("eot"),url("/Fonts/724a7b15-ebd9-4fb4-9027-b83bd45602ad.woff") format("woff"),url("/Fonts/d9d912d9-2263-48fe-8e43-b1fe73bf082e.ttf") format("truetype"),url("/Fonts/96b2b1dd-c94b-4e40-9740-dc6b1eeee08e.svg#96b2b1dd-c94b-4e40-9740-dc6b1eeee08e") format("svg");
    font-weight: bold;
    font-style: normal;
}

*/ 
/*** new list display  */
.listofproducts
{
    display:block;
    width: 100%;
}

.listofprodmember
{
    display: inline-block;
    width: 25%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.listofprodmember table
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

div.listofprodmember table.image a,
div.listofprodmember table.image img
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width:100%;
}
.listofprodmember table caption
{
    text-align: center;
    width: 100%;
}
/* end new list dasplay  */
/* end new list dasplay  */

table.MS-VISE
{
    margin-left: auto;
    margin-right: auto;
    font-size: smaller;
    background: #BB8866;
    text-align: center;
    border: medium solid black;
    padding: .2em;


}
table.MS-VISE td:first-child
{
    text-align: right;


}
table.MS-VISE td,table.MS-VISE tr
{
    border: thin solid black;
    padding: .1rem;


}

div#MyPage div.calender
{
    width: 90%;
    margin-left:auto;
    margin-right:auto;
    

}
div#MyPage div.calender h1
{
    margin-right:auto;
    margin-left:auto;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;

}

div#MyPage div.calender .schedule
{
    margin-right:auto;
    margin-left:auto;
    font-size: 1.1em;
    border: black thin solid;
}
div#MyPage div.calender .schedule td
{
    padding-left: 1em;
    padding-right: 1em;
    border-bottom: black thin solid;

}
div#MyPage div.calender .schedule td:first-child
{
    text-align: right;
    padding-right: .1em;
}
div#MyPage div.calender .schedule th
{
    text-align: center;
    font-size: .9em;
    font-weight: bold;
}
smaller
{
    font-size: smaller;
}
 

.articleold
{
    font-size: 130%;
    display:block;
    clear: both;
}
.articleold h1
{
    text-align: center;
}

.articleold h2
{
    text-align: center;
    font-size: 110%;
}
.articleold p
{
    margin-top: .7em;
    margin-bottom: .7em;
    margin-left: 10em;
    margin-right: 10em;
}

.noshow_cc
{
    display: none;
}
.yesshow_cc
{
    display: block;
}
span.heavy
{

    background-color: pink;
    font-style: normal;
    margin-left: .5em;
    margin-right: .5em;
    padding: .1em;
    font-size: 80%;
    color: black;
    font-weight: bold;
    white-space:nowrap;
    padding-left: 1em;
    padding-right: .8em;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
}
span.cartoutofstkmsg
{

    background-color: #EDC84E;
    font-style: normal;
    margin-left: .5em;
    margin-right: .5em;
    padding: .1em;
    font-size: 80%;
    color: black;
    font-weight: bold;
    text-align: center;
    white-space:normal;
    padding-left: 1em;
    padding-right: .8em;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    
}

span.cartoutofstkchg
{

    background-color: red;
    font-style: normal;
    margin-left: .5em;
    margin-right: .5em;
    padding: .1em;
    font-size: 70%;
    color: black;
    font-weight: bold;
    text-align: center;
    white-space:normal;
    padding-left: .7em;
    padding-right: .7em;
    border-radius: 1em;
}
span.samedayschedule
{

    background-color: cyan;
    font-style: normal;
    margin-left: .5em;
    margin-right: .5em;
    padding: .1em;
    font-size: 80%;
    color: black;
    font-weight: bold;
    text-align: center;
    white-space:nowrap;
    padding-left: 1em;
    padding-right: .8em;
    /* border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;*/
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;

}

span.mainstkmsg
{
   color:red;
   font-size: 80%;
   background-color: none;
    padding-left: .3em;
    padding-right: .3em;
    white-space:normal;

}
div.shiprestrictions div.samedaydelivery a
{
    color:fuchsia;
}
ul.dotlist
{
    margin-left: 1em;
}
ul.dotlist li
{
    list-style:disc;
}
ul.dotlist2
{
   /* text-decoration: underline; */
   font-weight: bold;
}
ul.dotlist2 li
{
    text-decoration:none;
    font-weight: normal;
    list-style:disc;
}
#freeship,#samedaydelivery
{
    clear: both;
    margin-left:  5%;
    margin-right: 5%;
    font-size: 120%;

}
#freeship div,#samedaydelivery div
{
    display: block;
    border-radius: 1em;
    border: solid black;
    background-color: orange;
    margin-bottom: 1em;
}
#samedaydelivery div
{
    background-color: cyan;
}
#freeship h1, #freeship h2,#freeship h3,#samedaydelivery h1, #samedaydelivery h2, #samedaydelivery h3
{
    text-align: center;
    font-weight: bold;
}
#samedaydelivery h2
{
    font-weight: bold;
    font-size: 150%;
    margin-top:.5em;
}
#freeship h3, #samedaydelivery h3
{
    font-weight: bold;
    font-size: 140%;
}
#freeship li , #samedaydelivery li
{
    margin-left: 1em;
    list-style:disc;
}

#samedaydelivery ol#numbig
{
    font-size: 120%;
    list-style-type: decimal;
}
#samedaydelivery ol#numbig li
{
    list-style-type: decimal;
}

#freeship li em, #samedaydelivery li em
{
    font-weight: bold;
    text-decoration: underline;
    font-size:110%;

}
div.shiprestrictions div.samedaydelivery
{
    display: block;
    background: cyan;
}
div.activebox form div.satdelivery
{
    font-size:90%;
}




.imagecell{
    width:120px;
}
.imagecell_first{
    width:180px;
}
/*  joel removed because it destorts the pictures
img#ImgVw_OneImg,
.imagerow img{  
    width: 100%;
}
*/

.imagerow td.imagecell_first a.MainImage_blowup span#bigboy.SpanBlowup_show img.SpanBlowup_Close,
.imagerow img.SpanBlowup_Close{
    width: inherit;
}

.setcontains{
    font-size: 80%;
    line-height: 85%;
}

.setcontains .shiftright{
    text-align: right;
}

div#localwarning
{
    width:100%;
    color:yellow;
    background-color:black;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

span.noteifme:hover
{
   color: #eeee2a; 
}
@media screen
{
    .prtmessage {display: none !important;}
    #noprint{}
    .noprint{}
    #printonly {display:none !important;}
    .printonly {display:none !important;}
}

 @page {
        size: letter;
        margin: .3in;
    }
   
@media print
{
    body
    {
        background-color: white;
       width: 8.5in;       /* added 2019 joel */
            height: 11in;        
        
    }
    .hdmid,.hdrt { display: none !important;}

    .scrmessage {display:none !important;}
    .hdlf-shad {height: 2em !important;}
    #noprint {display:none !important;}
    .noprint {display:none !important;}
     #printonly{}
    .printonly{}
    
    div.header div.hdlf {
        margin-left: auto !important;
        margin-right: auto !important;
        position: static !important ;
        width: 100% !important;
        text-align: center;

    }
    div.header {
        border: none !important;
        /*
        border: 0.1em solid #4D4D4D !important;
        border-radius: 0.4em 0.4em 0.4em 0.4em !important;
        */
    }
    div.header div.hdlf img {
        margin-left: auto !important;
        margin-right: auto !important;
        position: static !important ;
    }
    div#ShowCart tr th,
    .displayBasket TH
    {
        background-color: white;
        color: black;
        font-weight: bold;
    }

    .displayBasket td.WhseLocation
    {
        display: none;
    }


}


img#shopbagstatus,
input#shopbagstatus
{
    height: 1em;
}

div#ShowCart input.splitset
{
    height: 1.5em;
    font-size: .8em;
    padding: 0.0em .5em;
}

.HideRow
{
    display:none;
}
.ShowRow
{
    display:block;
}
div.extrapageformats
{
    font-size: 1em;
    font-size: 1rem;
    max-width: 45rem;
    display: block;
    margin-left:auto;
    margin-right:auto;
    margin-top: 1.5em;
}
div.extrapageformats div
{
    font-size: 1em;
    font-size: 1rem;
    max-width: 45rem;
    display: block;
    margin-left:auto;
    margin-right:auto;
    clear:both;
}
div.extrapageformats h2
{
    font-weight: bold;
    font-size:140%;
    margin-left:auto;
    margin-right:auto;
    margin-top:.9em;
    margin-bottom:.6em;
}
div.extrapageformats h1
{
    font-weight: bold;
    font-size:170%;
    margin-left:auto;
    margin-right:auto;
}

div.extrapageformats div span
{
    float: left;
    margin-right: .6em;
    margin-bottom: .6em;
}

div.extrapageformats div h2.linkaway
{
    margin-left:auto;
    margin-right:auto;
    margin-top:.1em;
    margin-bottom:.1em;
    font-size: 1em;
    text-align: right;

}

div.extrapageformats div h1.linkaway
{
    margin-left:auto;
    margin-right:auto;
    margin-top:.1em;
    margin-bottom:.1em;
    font-size: 1.3em;
    text-align: right;

}
span.localinstk
{
   color:azure;
   font-size:110%;
}
span.localoutstk
{
   color:red;
   font-size:90%;
}
span.reserve_you
{
    
}
#rateintitle
{
    font-size: 1em;
    font-size: 1rem;
}

.rateonestar
{
    height: .5em;
}
/** test for fuller banner ad  */

span.fuller {

    font-family:'Tw Cen W01 Semi Bold',sans-serif;
    font-weight: 300;
    float: left;
    margin-left: 1em;
    background: rgba(0, 0, 0, 1);
    font-size: 2rem;
    line-height: 2.5rem;

}

span.fuller img.fullimg
{
    width: 8em;
    position: absolute;
    bottom: -.3em;
    z-index: 300
}

span.fuller span#f1
{
    letter-spacing: .1em;

}
span.fuller span#f2
{
    font-stretch: conultra-condensed;
}
/* end test for fuller banner add */
span.reserve_expire
{
    color: blue;
    font-size: 130%;
    font-weight: bold;   
}
span.reserve_left
{
   color: lightgreen;
    font-size: 140%;
    font-weight: bold;    
}
span.reserve_expiredok
{
    color: blue;
    font-size: 130%;
    font-weight: bold;  
}
span.reserve_removed
{
   color: blue;
    font-size: 130%;
    font-weight: bold;     
}
span.reserve_sizels
{
  color: blue;  
}

div#hourglass 
{
    text-align: center;
}
div#hourglass img
{
    max-height: 1.5em;
}



div.eachinstagram
{
margin-left: auto;    
margin-right: auto;  
margin-bottom: 2em;  
max-width: 80%;
}
div.eachinstagram img
{
    width: 100%;
}

/*****search stypes *** */

div#addsearch-results-bottom
{
    display:none;
}

/****/

