#MyPage {
max-width: 80em;
width: 100%;
margin-left: auto;
margin-right: auto;
/*padding-left: .8em;
padding-right: .8em;   */
display: block;
box-sizing: border-box;

}

/***** start add of flyout  */
div.flyshell
{
    display: block;

}
/*div.flyshell nav.flyout
{
display: inline-block;
}
*/
/*** end add of flyout */

div.header {
    display:inline-block; 
    border: solid .3em #4d4d4d;
    background-color :#4d4d4d;
    position: relative;
    width: 99.5%;
    margin-bottom: .5em;
    height: 4.1em;
    font-size: 70%;
}

div.header > div {display:block;padding-top: .2em;}
/*div.header div.hdlf-shad {width:20%;float:left;;height: 4.0em} not used I think*/
/*div.header div.hdlf {width:26%; position:absolute; bottom:0;left:0;margin-bottom:.1em; margin-left:.1em;} */
div.header div.hdlf {position:absolute; bottom:0;left:0;margin-bottom:.1em; margin-left:.1em;}
div.header div.hdlf img {display: inline-block; height: 3.9em;}

div.header div.hdlf img#storemenubut {display: inline-block; height: 3.9em; width:3.9em;}
div.header div.hdrt {width:30%;  position:absolute; bottom:0;right:0; margin-bottom:.1em; margin-right:.1em;font-family:'Arial',sans-serif;color: #ffe03b;}

/*div.header div.hdmid {width:53%; float:left;}*/
div.header div.hdmid {width:53%; position: absolute; bottom:0; left:20%;margin-bottom:.1em;}
div.header div.hdmid div {display:inline-block; width: 100%; text-align:center;}
div.header div.hdmid div#menubar {position:absolute; bottom:0;}
div.header div.hdmid div.verytopbanner{position:absolute; bottom:2em;}

div.header div.cashout {display:block;position:absolute; bottom:2em; width:100%;margin-bottom:.1em;}

div.header div#Search {width:98%;margin-top:.1em; position:absolute;bottom:0;}
/*div.header div#Search {width:98%;margin-top:.1em;margin-bottom:.1em;}*/
div.header div #cart {width:28%;float: left;display:inline-block;}
div.header div #checkout {width:32%;}
div a#cart img#cartimg
{
    height: 1em;
    float: left; 
}
div.header div #phone {width:2em;float: left;display:inline-block;}
div.header  input#searchcriteria.criteria[type="search"]{ 

    font-size:inherit;
}

div.planeline
{
    text-align: center;
    margin:auto;
    margin-bottom: 0em;
    padding: 0em;
    vertical-align: bottom;
    display:block;
    border-bottom: solid black medium;

}
div.planeline img
{
    margin:auto;
    margin-top: 1em;
    margin-bottom: 0em;
    display:block;
}
.blogbox
{
    margin: auto;
    text-align: center;
    /*border-top: solid black medium;*/
    margin-top: 0em;

}
.blogbox img
{
    margin: .5em;
    margin-top: 1em;
    margin-bottom: 0em;
    /*  width: 15%;*/
    height: 7em;
    display: inline-block;
    vertical-align: top;
}
/*
.blogbox img.first,
.blogbox img.last
{
width: 27%;
}
*/
.logobanner
{
    display:block;
    width: 100%;
}
#splash{

    width: 100%;
}
#splash table{ width: 100%;}

#splash .topbit h1{
    text-align: left; 
    font-size: 2.2em; 
    font-weight: bold; 
    margin-left: .5em;
    max-width: 20%;
    float:left;
}


#splash .triple {display:inline;  vertical-align: top; border-collapse: collapse; }

#splash .homeofimgbox img{
    max-height:100%;
    max-width:100%;
    width: 100%;

}

#splash .homeofimgbox
{
    display: block;
    float:right;
    width:26.5%;
    height: 100%;
    position: relative;
}



#splash .topbit{
    vertical-align: bottom; 
    text-align: center;

}
#splash .homeof {
    display:block; 
    font-size: 1.2em; 
    width:80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: .5em;

}
div#splash div.topbit div.homeof span
{
    font-size: 1.5em; 
    margin-top: .3em;  
    margin-bottom: .3em;  
}
div#splash div.brandrow
{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5em;


}
div#splash div.brandrow img
{
    height: 2.5em;
    padding-right: 1em;
    padding-left: 1em;
}


div#splash div.topbit div.homeof
{
    font-size: .8em; 
    width:73%;
}


div.splashphone 
{
    display:block;
    text-align: center;
    margin-top: .3em;
    margin-bottom: .2em;
    margin-left: auto;
    margin-right: auto;
    height:1.5em;
    vertical-align:middle;
    font-family: 'Arial',sans-serif;
    font-weight: bold;
}
@media  screen and (min-width: 880px)
{
    div.splashphone
    {
    display:none;
    }
}

header, nav,footer,article {display:block;}


div.footerbox
{
    background-color: #00c67e;
 /*   font-family: "Tw Cen W01 Semi Bold",sans-serif; */
      font-family:'Arial',sans-serif;
     font-weight: 400;
    width: 100%;
    padding-top: 1em;
    padding-bottom: .5em;
    clear: both;
    margin-top: 1em;
}
.header #buttonrow{
    display: inline;
}
.logo 
{
    width: 15em;
}

.mycell,mycellcheck,.mycelllogo {
    background: inherit;
    vertical-align: bottom;
    /*   white-space: nowrap; CAUSES menu to overflow - if needed just put exactly where needed not here*/
}
.myrow {
    background: inherit;
    vertical-align: bottom;

}

div.verytopbanner
{
    text-align: center;
    color: white;
    font-size: 130%;
    vertical-align: bottom;
    font-family:'Arial',sans-serif;
     font-weight: 400;
}

div.annshell div#narrow.verytopbanner
{
   display:none;
   color:black;
   font-size: .8em;
}
div.verytopbanner a.fulllink
{
    /*font-size: 70%;*/
    color: yellow;
    font-size: 100%;
}
/*
div.verytopbanner a
{
    font-size: 70%;
    color: yellow;
}
*/
div.annshell div#narrow.verytopbanner  a.fulllink
{
   color:black;
   font-size: inherit;
}
#Search
{
    text-align: right;
    float: right;
    background: white;
    /*   border-radius: .4em;   joel201903*/
    border: solid .2em #4d4d4d;
    border-collapse:collapse;
    width: auto;
    margin-top: .5em;
    height: 1.7em;
    /*margin-bottom: .5em;*/
    z-index: 20;  

}

div#menubar ul#nav li a 
{
    border: none;
    background: inherit;

}

#SearchArrow { 
    height: 95%; 
    vertical-align: middle; 
    margin-left: .15em;
}
/*html body#thepage div#MyPage form div#Search input#criteria*/
#Search input.criteria{
    border: none; 
    margin-left: .2em;
    margin-right: .2em; 
    margin-bottom: .2em; 
    vertical-align: middle; 
    /*width: 13em; */
    width: calc(100% - 3em);
    height: 92%;
    float: left;
    -webkit-appearance: none; /* for that annouying border */
}

#Search input.criteria::-webkit-input-placeholder {
    font-style:italic;
}
#Search input:-moz-placeholder {
    font-style:italic;
}
.mybuttcell {
}
#cart {
    float: right;
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
  /*  padding:  .2em 1em;   */
    width: 6em;
    color: inherit;

    bottom: 0em;

}
#checkout{
    /* margin: 0 5px;*/
    float:right;
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
    color: #ffe03b;
    text-decoration: none;

    width: 6em;
    bottom: 0em;

}


#cartimg {
    height: 2.5em;
    float: right;
}

#cashcartimg{
    height: 1em;
    float: right;

}
#togcashimg{
    height: .8em;
    float: right;
    margin-right:.2em

}



.shippinginfo { margin:0; padding:0;} 
form,input,select,textarea{margin:0; padding:0; } 

div.box { 
    margin:0 auto; 
    width: 100%; 
    border:1px solid #262626; 
    /* background: #ddaa77; joel 2019*/
    background: #dac6b2;
    padding-left: 0.1em;
    padding-right: 0.1em;
} 


div.activebox
{
    display:inline-block;
    min-width:20em;
    max-width: 28em;
   /* width: 28em; */
    margin-left:1em;
}
div.activebox form div.box ul li
{
    min-height:1.7em;
}
div.confirmorder div.activebox
{
     max-width:60%;
}

div.box div.box {border: none; width:99%;} 
div.box h1 {  padding:5px 0 5px 0;  font-size: 2em;  } 
div.box h2 {  padding:5px 0 5px 0;  font-size: 1.5em; } 
div.box label { 
    display: block;  
    padding:.2em 0 .2em 0; 
    clear: both;
} 
div.box label span {
    display: inline-block; 
    width:7em; 
    margin-right: .5em; 
    text-align:right;  
} 
div.box div.fullline { 
    display: block;  
    width: 90%; 
    margin-right: 1em;
    margin-left: 1em;  
    text-align:left;  
} 
div.box div.fullRtline { 
    width: 90%; 
    margin-right: 1em;
    margin-left: 1em; 
    text-align:right;  
} 
div.box div.fullRtline input.RegularButton {
    margin-top:.5em; 
    margin-bottom:.5em;
    margin-right: 1em; 
    clear:both;
} 


div.box .input_text { 
    padding:.1em .1em;
    width:20em;  
} 
div.box .input_checkbox { 
    padding:.1em .1em; 
    width:1em; 
    text-align:right;  
    margin-left: 8.5em;
    margin-right: 1em; 
    margin-top: .5em;
} 
div.box label Textarea { 
    padding:.1em .1em; 
    width:23em; 
    Height: 2em;
} 
div.box label select { 
    padding:.1em .1em; 
    padding:.1rem .1rem; 
    width:20rem; 
    width:18rem; 
    Height: 2rem;
    Height: 1.5rem;
} 
div.box label Textarea:focus {  
    Height: 6em;
}

div.box label.checkbox_line { 
    width:100%; 
    display: block; 
    float: left;  
    padding:.2em 0 .2em 0; 
} 


div.box label span.required {
    display: block; 
    font-size: 90%; 
    font-weight: bold;
    float:right;
    width:2em;
    width:1rem;
    text-align: left;
}
div.box div.requiredmsg {
    display: block; 
    padding:.2em 0 .2em 0; 
    font-size: 90%; 
    font-weight: bold;
    text-align:right;
    margin-right: 1em;
}

div.previnfo{
    display:inline-block; 
    vertical-align: top;
    margin-left:1em;
}
div.shipinfo { 
    margin:0 auto; 
    margin-right: 1em;
    /*width:20em;*/  
    top:1em; 
    border:none; 
    font-size: 1em; 

    margin-bottom: 1em; 
    word-wrap: break-word;
} 
div.infohdr
{
    display: block;
    font-weight: bold;
    font-size:120%
}
div.validaddrwarn
{
    margin: 1em;
    display: block;
    font-weight: bold;
    font-size:90%;
    color:blue;
}
div.confirmorder
{
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
}
div.shipinfo span{word-wrap: break-word;} 
div.contactinfo { 
    margin:0 auto; 
    width:25em;  
    top:1em; 
    border:1px solid #262626;  
    float: left;
    font-size: 1.2em; 
    padding: .5em;
} 
div.infocolumn { 
    margin:0 auto; 
    width:25em;  
    top:1em;  
    float: left; 
} 

li.payentry {display: block;}
li.payentry div.payview {
    display: block; 
    height: auto;
    margin-bottom: .6em;
}
li.payentry div.payview .msg {
    display: block; 
    margin: .1em .5em;

}
li.payentry div.payview select {width: auto;}

li.payentry div.payview_none {
    display: none; 
    height: 1em;
}


div.basketblock { 
    margin: auto; 
    display: block;
    /*  top:1em;   */
    border:1px solid #262626;  
    font-size: 1em; 
    padding: .5em;
    background: #dac6b2;
}
div.tophdr
{
    max-width:95%;
    width:95%;
    display: block;
}
div.basketblock h2 {  
    padding:5px 0 5px 5px;   
    font-size: 1.5em;
} 

div.invoiceblock { 
    margin:auto; 

    width:47em;
    max-width: 95%;  
    top:1em; 
    border:1px solid #262626;  
    /*  float: left;*/
    display: inline-block; 
    font-size: 1em; 
    padding: .5em;
    /*  background: #ddaa77; joel 2019*/
    background: #dac6b2;
    display:block;
}

div.invoiceblock div div.shipinfo
{
    display: inline-block;
    max-width: 30%;
    vertical-align: top;
}

div.orderdate
{
    display:block;
    font-size: 85%;
    padding-left: .5em;
}

div.printonly
{
    display: none;
}


@media print
{
    div.printonly
    {
        display: block;
    }
    div.invoiceblock { 
        border-width: 2px; 
    }
}

/*div.invoiceblock div {display:block;}*/

@media  screen and (max-width: 880px)
{
    div.flyshell div#MyPage.flyin
    {
    width: 96%;
}

div.activebox{
    display:block;
    max-width: 28em;
    margin-left:.5em;
    margin-left:auto;
    margin-right:.5em;
    margin-right:auto;
    width: 100%;
    font-size: 80%;
}
div.annshell div#narrow.verytopbanner a.fulllink
{
    
}
div.annshell div#narrow.verytopbanner
{
    display: inherit;
}
 

div.activebox label span { display: block; float:left; width:25%; margin-right: .5rem; text-align:right; font-size:smaller;  }
div.activebox div.fullline { display: block;  width: 90%; margin-right: 1rem;margin-left: 1rem;  text-align:left;  }
div.activebox div.fullRtline { width: 90%; margin-right: 1rem;margin-left: .1rem; text-align:right; clear:both; }
div.activebox div.fullRtline input.RegularButton {margin-top:.5rem; margin-bottom:.5rem;margin-right: 1rem;}


div.activebox .input_text { padding:.1rem .1rem; width:60%; }
div.activebox .input_checkbox { padding:.1rem .1rem; width:1rem; text-align:right;  margin-left: 1rem;
    margin-right: 1rem; margin-top: .5rem;}
div.activebox label Textarea { padding:.1rem .1rem; width:65%; Height: 2.5rem;}
div.activebox label select { padding:.1rem .1rem; width:65%; Height: 1.2rem;}
div.activebox label Textarea:focus { padding:.1rem .1rem; width:65%; Height: 6rem;}



div.confirmorder div.activebox div.smallform form table.displayBasket tr
{
    padding-left: .5em;  
    padding-right: .5em;  
}

div.invoiceblock div div.shipinfo
{
    display: block;
    width: 100%;
    max-width: 100%;    
}
div.invoiceblock div.basketblock
{
    width:95%;
    padding: 0;
    border: none;
}
div.invoiceblock { margin:0 auto; width:100%;  top:1em; border:1px solid #262626;  float: left;font-size: 1rem; padding: .5rem;}

div.confirmorder div.activebox
{
     max-width:100%;
     margin-left: auto;
     margin-left: auto;
}
    

}    
.thanks
{
    width: 100%;
}

div.orderstages
{
    margin: auto 1em;
/*    font-family:'Tw Cen W01 Semi Bold',sans-serif; */
  font-family:'Arial',sans-serif;
     font-weight: 400;
    text-align: center;
}
div.orderstages form
{
    display:inline-block;
}

div.orderstages input {
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
    font-size: .7em;
    color: #ffe03b;
    text-decoration: none;
    /*padding:  .3em 1em;   */
    padding: .3em;
    border: solid .2em #4d4d4d;
    background: #e60000; /* for non-css3 browsers */
    margin-left: .3em;
    margin-right: .3em;
    vertical-align: top;
    /*
    border-bottom-right-radius: 1em;
    border-top-right-radius: 1em;
    */
}
div.orderstages div.currentstage
{
    display: inline-block;
    font-size: 1.2em;
    font-size: 1.2rem;
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
    padding: .3em;
    margin-left: .3em;
    margin-right: .3em;
    margin-top: .4em;
    font-weight:normal;
    vertical-align: middle;



}
div.orderstages input.current,
div.orderstages input.current[disabled="disabled"]
{  
    font-size: .8em;
    font-size: .8rem;
    background: #e60000; /* for non-css3 browsers */
}


/*** does not work on ipad from here but when cut and pasted into ipad css works fine.   */ 
div.orderstages input[disabled="disabled"], input.disabled {  
    font-size: .6em;
    border: solid .2em #4d4d4d;
    background: #BBBBBB; 
    color: black;


}
div#ContactBox
{
    display: inline-block;
    vertical-align: middle; 
}
div#PayPalOr,
div#PayPalCheckOut
{
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
}

div.ordersetacct
{
    margin-left:auto;
    margin-right:auto;
    margin-top:1em;
    margin-bottom:1em;
display: block;
max-width: 28em;
text-align: center;
}

div#orderblogsub h3{ 
    font-weight: bold; 
    text-align: left; 
    margin-top: 1em; 
    margin-left: 1em;
} 
/*div#orderblogsub div table {display: inline; margin: 1em; padding: 1em;}*/
div#orderblogsub div table {
    display: block; 
    margin-top: .2em; 
    margin-left: 1em; 
    margin-bottom: 1em;
}

.browseprods{
    margin: 5px 0px 5px 0px;  
    text-align: left;
    border-collapse:collapse;  
    border:none;
    background: #BB8866; 
}
.browsepicts, browsepicts_this{
    margin: 5px 5px 5px 5px; 
    height:3em; 
    overflow-x: hidden; 
}
.browsepicts_this{
    border: 4px solid red;   
}   

#footstuff {
    display: block;
    font-size: .8em;
    font-size: .8em;
    margin-left: 2em;
    margin-right: 2em ;
    margin-bottom: 1em;
    margin-top: .8em;
    background-color: #dac6b2 ;
    text-align: center;
}


.worklogo 
{
    /* position: relative;
    top: -1.5em;
    left: -1.2em;
    */

}
/*
TABLE.BlogSideBarList
{
clear:right;
}

table.blog_table td.firstblogcell
{
width: 100%;
}
table.blogmain 
{
width: 100%;
}
*/
table.blogmain tbody tr td.blog_WORK
{
    /*width:675px;*/
    text-align: justify; 
    clear: both;
}

.blog_WORK div{width:100%;text-align: justify; clear: both;max-width:100%}

.blog_WORK nav {
    float:left; 
    width: 10em; 
    padding:1em;
    margin: 1em 1em 1em .25em;
    background-color: #FFCC66; 
    border:.25em solid #ffcc99; 
    border-radius: 1.5em;
    text-align: center;
    font-size: small;
}
.blog_WORK nav h1{

    font-weight: bold;
} 
td.blog_WORK img.worklogo, 
td.blog_WORK img.worklogo2 
{
    max-width:100%;
}  
.blog_WORK hr{border: thin solid black;}

 .blog_WORK div div.threepicts
{
     clear:both;
    
    display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
  align-items: center;
    
    width:100%;
    max-width:100%;

} 
.blog_WORK div div.threepicts img
{
    margin-left: .1em;
    margin-right: .1em;
    max-width: 178px;
}
 

td.blog_JOEL img.blogimg_reg
{
    /* width: 700px;*/
    max-width: 95%;
    margin: .2em;  
    margin-top:.2em;
} 
.blog_WORK div img.blogimg_reg
{
    width: 95%;
    max-width: 95%;
}                                                                                                                                    

div#splashmiddle
{
    clear: both;
    display: block;
    width: 100%;
    /*  height: 20em;
    height: 22rem;*/
    margin-bottom: 1em;
    margin-bottom: 1rem;
    margin-top: 1em;
}
div#splashblog{
    display: inline;
    float:right;
    width: 45%; 
    /*   width: 25%; */
    /* height: 100%;*/

    border-radius: .4em;
    border-radius: .4rem;
    padding: .4em;   
    padding: .4rem;   
}

div#splashtoolpic {
    display: inline;
    float: left;

    width: 50%; 
    height: 20em;
    height: 22rem;

    /*   
    width: 70%; 
    height: 30em;
    height: 25rem;   */
    overflow-y:hidden;
    padding-right: 1em;
    padding-right: 1rem;
    padding-bottom: .8em;
    padding-bottom: .8rem;
    padding-top: 0;
    border-radius: .4em;
    border-radius: .4rem;
}

div.splashblog
{
    margin-top: .5em;
    margin-bottom: .5em;
    text-align: center;
 /*   font-family: "Tw Cen W01 Semi Bold",sans-serif;  */
      font-family:'Arial',sans-serif;
     font-weight: 400;
}
div#splashblog table.BlogSideBarList_NoBORD
{
    font-size: 1.4rem;
}
/* works for FF, CHROME  */

#portfolio_cycler{ position:relative;}
#portfolio_cycler div{display:none;}
#portfolio_cycler div.active{
    display:block; 
    border-radius: .4em;
    border-radius: .4rem;
}
#portfolio_cycler img{
    width:100%;
    position:absolute;  
    border-radius: .4em;
    border-radius: .4rem;
}

#blog_cycler{position:relative;}
#blog_cycler div{position:absolute;z-index:1 ;display:none;}
#blog_cycler div.active{z-index:3; display:block;}

div#splash .restrict
{
    font-size: 140%;
}
div#banner.annou
{
    display: block;
    /*clear:none;*/
    position: relative; 
    margin-top: .2em;
    margin-top: .2rem;
    margin-bottom: .4em;
    margin-bottom: .4rem;
    top: 0;

}

/*div#splash div#banner.annou div#bantext*/
div#banner.annou div#bantext
{
    width:100%;
    color: white;   
    font-weight: bold;
    font-style: normal;
    font-size: 1em;
    font-size: 1.5rem;
    background: rgba(0, 0, 0, 0.6);


}
/*div#splash div#banner.annou div#bantext span*/
div#banner.annou div#bantext span
{
    margin-left:1em;   
    margin-left:1rem;   
    margin-right:1em;   
    margin-right:1rem;   
}


/*div#splash div#banner.annou a img.bannerimg,
div#splash a div#banner.annou img.bannerimg */
div#banner.annou img.bannerimg 
{
    width: 100%;
    max-height: 5em;
    max-height: 12rem;
    z-index: -1;
    position: relative;
    top: 0;           
    left:0;
    display: block;
    border-radius: .4em;  
    border-radius: .4rem;  
}
div#splash div#banner.annou div#Search
{
    position: absolute;
    height: 1.2em;
    top: 0em;
    right:0;
    margin-top: 0;
}
form div.box div.box div.annou
{
    clear: none;
    color: green;
}

table.blogmain div.annou a
{
    font-size: 100%;
}

ul#googleSideresults
{

    /*width: calc(100% - 49rem);*/

    width: 30%;
    /*min-width:15rem;*/
    /*float: right;*/
    display: inline-block;
}
ul#googleprodesults
{
    display: inline-block;
    /*float: left;*/
    width: 60%;
    padding: .5em;
    padding: .5rem;

}
/* not used but keeping in case we need it if addsearch packs up
#searchlist {
margin-left: 1rem; 
margin-bottom: .2rem; 
margin-top:.2em;
font-size: larger;
font-weight: bold;

display: block;   

padding: 1em;
padding: 1rem;
padding-top: .5em;
padding-top: .5rem;

background-color: inherit;


font-size: 140%;
font-weight: bold;
padding-left: 3em;


}

#searchlist #headsrch
{
background-color: #CCCCCC;
width: 60%;
}
div.SearchResults
{
display: inline-block;
width: 100%;
min-height: 50%;
}
*/
.listproduct ,.listprodimg_border
{
    margin-bottom: .5rem;
    /*width:220px;*/
}
/*** aadded for banners not sure if it works  */
/*** this works for portfolio
#portfolio_cycler{ position:relative;}
#portfolio_cycler div{display:none;}
#portfolio_cycler div.active{
display:block; 
border-radius: .4em;
border-radius: .4rem;
}
#portfolio_cycler img{
width:100%;
position:absolute;  
border-radius: .4em;
border-radius: .4rem;
}
*/

#announcerbox
{
    position:relative;
    width:100%;
    height: 10em;   
}

.product_title div.product_title_tt
{
    display:inline-block;
    width: calc(100% - 2.5em);

}

#announcer
{
    /*display:block;*/
    position:relative;
    width:100%;
    /*   height: 10em;  */
}

#announcer div{display:none;}
#announcer div.active{
    display:block; 
    border-radius: .4em;
    border-radius: .4rem;
}
div#announcer div div#banner.annou
{
    display:block;
    position:absolute;
    width:100%;
}

div#announcerbox div.bannerdots
{
    display:block;
    position: absolute;

    bottom: -1em;
    right: 1%;
    z-index: 30;


}
div#announcerbox div.bannerdots span
{
    width: .8em;
    height: .8em;
    border-radius: .4em;
    display:inline-block;

    background-color:black;    
    background-color: rgba(0, 0, 0, 0.2);  
    /*   background-color:black;  */
    margin: .2em;
}
div#announcerbox div.bannerdots span.active
{
    background-color:red;
    /*background-color: rgba(0, 0, 0, 0.7); */
}

.annou_nobanner
{
    font-weight: bold;
    color: blue;
    font-style: normal;
}
.annou_nobanner,
div#announcerbox div#announcer div.active a div.annou_nobanner
{
    display:block;
    padding-top: 1em;
    font-size: 2em;
    font-style:italic;
    text-align: center;

}
div#announcerbox.blocks
{
    width: 74.5%;
}
/*
div.homeofimgbox#blocks 
{
font-size: 80%;
max-width: 24%;
text-align: center;
width: 24%;
}
*/
div.homeofimgbox#blocks a.RegularButton
{
    display: inline-block;
    white-space: normal ;

}

div#AAPT.annou_nobanner,
div#AAPV.annou_nobanner,
div#AACT.annou_nobanner
{
    padding-top: 0em;
}

div.Contentlinkblock
{
    font-size: 1.4em;
}
/*
div#announcer img{
position:absolute;  

}
*/

div.annshell
{
    display:block;
}
div#announcer div div#banner.block
{
    display:block;
    position:absolute;
    width:100%;
}

/*#announcer  div#banner.block img.bannerimg
{
width: 100%;
}

*/
div#announcer div#banner.block img
{
    width:100%;
}
div#cattext div#MoreInfo.moreinfobut
{
    font-size: 100%;
}



@media screen and (max-width: 880px)
{  
    .smallform  {
    display:inherit;
}
html body#thepage div.flyshell div#MyPage.flyin div#ContactBox,
html body#thepage div.flyshell div#MyPage.flyin #ShowCart
{
    width: 94%;
    margin-left:auto;
    margin-right:auto;
}
.bigform,
div.bigform.header
{

    display: none;
}
div.footerbox.bigform
{
    display: none;  
}
}


/************************* narrow headline ************************************************/
.pheader_SFNT .hdrline1 {height: 4.5em; display: block;  margin-left: auto; margin-right: auto;text-align: center;}
.pheader_SFNT 
{
    display: block;  
    margin-left: auto; 
    margin-right: auto;
    text-align: center; 
    background: gray;
    padding-left: 1em;
    padding-right: 1em;
}
.pheader_SFNT #storemenubut {height: 2em; display: inline-block;  margin-left: .1em; float:left;}

.pheader_SFNT .storelogo {height: 2em; display: inline-block;  margin-left: auto; margin-right: auto; margin-top:.3em;}



.pheader_SFNT div#SearchSmall
{
    display: block;
    max-width:100%;
    margin-left:auto; 
    margin-right:auto ;
    background: white;
    border-collapse: collapse;
    height: 1.7em;
    /* margin-top:.4em;  */

}
.pheader_SFNT.smallform div.hdrline1 div#SearchSmall input#searchcriteriasm
{
    display: inline-block;
    max-width: 94%;
    width: 90%;
    float: left;
    border: none;
    padding-left: .3em;
}
.pheader_SFNT.smallform div.hdrline1 div#SearchSmall input#SearchArrow
{
    display: inline-block;
    float: right;
    max-width: 7%;
}

.pheader_SFNT.smallform div.hdrline1 a.cartbut3 input#cartimg.cartbut
{
    margin-top: .2em;
}   
.pheader_SFNT.smallform div.hdrline1 a.cartbut3 span
{
    z-index:20;
    float:right;
    color: yellow;
    position:relative;
    right: -1.2em;
    margin-top: .2em;
}

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


div.smallform form table.displayBasket {width: 100%; padding: .2em;  border: solid black thin; margin-top:1em;}


div.smallform form table.displayBasket tr  { border: solid black thin;}

div.smallform form table.displayBasket tr.checkoutline
{
    border-bottom:none;
}

div.smallform form table.displayBasket tr.payextra
{
    border: none;
}
table.displayBasket tbody tr td.orusepaypal
{
 /*   font-family: "Tw Cen W01 Semi Bold",sans-serif;  */
   font-family:'Arial',sans-serif;
     font-weight: 400;
    text-align: center;
    width: 9em;

}


@media screen and (min-width: 880px)
{
    .ProductAttributeClass  {
    float:left;
}
footer#footstuff.smallform,
.smallform  {   /* show or not show menu based on screen width  */ 
    display:none;
}
div.header div.hdmid,
div#menubar.bigform   {
    display: inline-block;
}
.bigform,
div.footerbox.bigform
{
    display: block;  
}
li.newcatheader
{
    margin-left: 1em;
    margin-right: 1em;
}

}

@media print{



    @page {
    size: 8.5in 11in;
    margin: 7%;

}

}