body {background-color:#9cceff; color:#000000; font-family:Arial, Helvetica, sans-serif; text-align:center; max-width: 100%; display: block; margin-left: auto; margin-right: auto;}

a:link {color:#0000FF;text-decoration:none;}
a:visited {color:#0000FF;}
a:hover {color:#008800;text-decoration:underline;}

img {border-width: 0; max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto;}

.stufflogo { height: auto; max-width: 640px; display: block; margin-left: auto; margin-right: auto; }

@media screen and  (max-width: 1020px) {
.stufflogo { width:100%; height: auto; max-width: 95%; display: block; margin-left: auto; margin-right: auto; } }

.p2glogo { width:100%; height: auto; max-width: 320px; display: block; margin-left: auto; margin-right: auto; }

.contact {font-family:Arial, Helvetica, sans-serif; font:bold 20px arial, sans-serif; text-align: center; display: block; margin-left: auto; margin-right: auto; max-width: 95%; }

.hours {font-family:Arial, Helvetica, sans-serif; font:bold 1.5vw arial, sans-serif; text-align: center; display: block; margin-left: auto; margin-right: auto; max-width: 95%; }

@media screen and  (max-width: 1020px) {
.hours {font-family:Arial, Helvetica, sans-serif; font:bold 3.8vw arial, sans-serif; text-align: center; display: block; margin-left: auto; margin-right: auto; max-width: 95%; }}

.prodimg {display: block; margin-left: auto; margin-right: auto; max-width: 100%; }

table.main {margin-left:auto; margin-right:auto; padding:2px; border: 5px double #0000FF; border-spacing:4px; max-width: 100%;}

.topgraphics {text-align:center; vertical-align:top; position: relative; display: block; margin-left: auto; margin-right: auto; width: 99%; max-width: 100%;}

.responsive {
  max-width: 100%;
  height: auto;
}

td {border:2px solid #0000ff; vertical-align:top; position: relative; margin-left: auto; margin-right: auto;}

.white {background-color:#ffffff; color:#0000ff; padding:4px; text-align:center; font:bold 16px arial, sans-serif; border:2px solid #0000ff; width:33.33%; vertical-align:top; position: relative; margin-left: auto; margin-right: auto;}

.whitebgheader {background-color: #ffffff; padding:6px; text-align:center; font:bold 2.6vw arial, sans-serif;}

.alert {display: block; margin-left: auto; margin-right: auto; max-width: 95%;}

.search {border:4px solid #0000ff; vertical-align:top; position: relative; margin-left: auto; margin-right: auto;}

.center {text-align:center;}

.menu {font-family:Arial, Helvetica, sans-serif; font:bold 16px arial, sans-serif; text-align:left; margin: 0 auto; 
       position:relative; left:6px; padding: 6px;}

h1 {width: 100%; font-family:Arial, Helvetica, sans-serif; font:bold 2.2vw arial, sans-serif; text-align:center; margin: 0 auto; 
    position:relative; left:6px; padding: 6px;}

@media screen and  (max-width: 1020px) {
h1 {max-width: 95%; font-family:Arial, Helvetica, sans-serif; font:bold 4.6vw arial, sans-serif; text-align:center; margin: 0 auto; 
    position:relative; left:6px; padding: 6px;} }

@media screen and  (max-width: 599px) {
h1 {max-width: 95%; font-family:Arial, Helvetica, sans-serif; font:bold 4.6vw arial, sans-serif; text-align:center; margin: 0 auto; 
    position:relative; left:6px; padding: 6px;}}

h2 {font-family:Arial, Helvetica, sans-serif; font:bold 1.5vw arial, sans-serif; color:#000000; text-align:center; margin: 0 auto; 
    position:relative; left:6px; padding: 2px;}
    
    
@media screen and  (max-width: 1020px) {
h2 {width: 100%; font-family:Arial, Helvetica, sans-serif; font:bold 3.8vw arial, sans-serif; text-align:center; margin: 0 auto; 
    position:relative; left:6px; padding: 6px;} }    

h3 {font-family:Arial, Helvetica, sans-serif; font:bold 16px arial, sans-serif; color:#ff0000; text-align:center; margin: 0 auto; 
    position:relative; left:6px; padding: 2px;}

h4 {font-family:Arial, Helvetica, sans-serif; 
font:bold 16px arial, sans-serif; text-align:center; margin: 0 auto; position:relative; left:6px; padding: 6px;}

h5 {font-family:Arial, Helvetica, sans-serif; font: bold 16px arial, sans-serif; color:#ff0000; text-align:left; margin: 0 auto; 
    position:relative; left:6px; padding: 6px;}

h6 {font-family:Arial, Helvetica, sans-serif; font: bold 12px arial, sans-serif; text-align:left; margin: 0 auto; 
    position:relative; left:6px; padding: 6px;}
    
h7 {font-family:Arial, Helvetica, sans-serif; font: bold 20px arial, sans-serif; text-align:left; margin: 0 auto; 
    position:relative; left:6px; padding: 6px;}

h8 {font-family:Arial, Helvetica, sans-serif; font: bold 12px arial, sans-serif; text-align:center; margin: 0 auto; 
    position:relative; left:6px; padding: 6px;}

.whitebg {background-color:#ffffff; padding:6px; text-align:center; font:bold 16px arial, sans-serif;}

.whitebgmenuheader {background-color: #ffffff; padding:6px; text-align:center; font:bold 16px arial, sans-serif;}

@media screen and  (max-width: 599px) {
.whitebgmenuheader {background-color: #ffffff; padding:6px; text-align:center; font:bold 2.6vw arial, sans-serif;}}

.bluebg {background-color:#0000ff; padding:6px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#aaafff; 
         font: bold 16px arial, sans-serif; color:#ffffff;}
         
.groupheader {width: 100%; background-color:#0000ff; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font:bold 2vw arial, sans-serif; text-align:center; margin: 0 auto; position:relative; padding: 6px;}
}



.noborder {border-style: none; width:33%; vertical-align:top; position: relative; margin-left: auto; margin-right: auto;}

.productbg {background-color:#9cceff; padding:6px;}

img.middle {display: block; margin-left: auto; margin-right: auto;}

.footer {text-align:center; font-family:Arial, Helvetica, sans-serif; font:bold 16px arial, sans-serif;}

.copy {text-align:center; font-family:Arial, Helvetica, sans-serif; font:bold 16px arial, sans-serif;}

div {text-align:center; margin-left:auto; margin-right:auto;}

.title {display: inline-block; font-family:Arial, Helvetica, sans-serif; font: 18px Arial, Helvetica, sans-serif; color:#0000ff; text-align:center; 
       margin: 0 auto; position:relative; padding: 2px;}

.item {display: inline-block; font-family:Arial, Helvetica, sans-serif; font: 22px arial, sans-serif; color:#0000ff; text-align:center; 
       margin: 0 auto; position:relative; padding: 2px;}

.itemd {display: inline-block; font-family:Arial, Helvetica, sans-serif; font: bold 16px arial, sans-serif; color:#000000; text-align:center; 
        margin: 0 auto; position:relative; padding: 2px;}

.price {display: inline-block; font-family:Arial, Helvetica, sans-serif; font: 22px arial, sans-serif; color:#ff0000; text-align:center; 
        margin: 0 auto; position:relative; left:6px; padding: 2px;}

.descr {font-family:Arial, Helvetica, sans-serif; font: bold 16px arial, sans-serif; color:#000000; text-align:center; margin: 0 auto; 
        position:relative; left:6px; padding: 6px;}

.cond {font-family:Arial, Helvetica, sans-serif; font: bold 16px arial, sans-serif; color:#ff0000; text-align:center; margin: 0 auto; 
       position:relative; left:6px; padding: 6px;}
       
.buylink {display: inline-block; font-family:Arial, Helvetica, sans-serif; font: 22px arial, sans-serif; color:#ff0000; text-align:center; 
        margin: 0 auto; position:relative; left:6px; padding: 2px;}       

.blurb {background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; font: bold 14px arial, sans-serif; color:#000000; 
        text-align:center; margin: 0 auto; padding: 6px; border-color: blue; border-width: 2px; }

.fb {height: 22px; margin-left: auto; margin-right: auto; width: 33%;}

.fbbottom {position: absolute; bottom: 2px; }

.products {
  margin-left: auto ;
  margin-right: auto ;
}

.container {  
    display: -ms-grid;
    display: grid; 
    -ms-grid-columns: 100px 100px 100px;
    grid-template-columns: 100px 100px 100px; 
    -ms-grid-rows: 50px 50px;
    grid-template-rows: 50px 50px;
}

.responsive {
  max-width: 100%;
  height: auto;
}

* {
  box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */


.column {
  float: left;
  width: 33.33%;
height: 685px;
  padding: 10px;
border: solid;
border-width: 2px;
border-color: blue;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;

}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1020px) {
  .column {
    width: 100%;
  }
}


.column1 {
  float: left;
  width: 20%;
height: 300px;
  padding: 4px;
border: solid;
border-width: 2px;
border-color: blue;
}

/* Clear floats after the columns */
.row1:after {
  content: "";
  display: table;
  clear: both;

}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1020px) {
  .column1 {
    width: 33.33%;
  }

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 599px) {
  .column1 {
    width: 50%;
  }
  
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 399px) {
  .column1 {
    width: 100%;
  }
  
}