*{max-height: 888888px; }
/*stops fonts being different sizes desktop version on android*/

img  { padding: 0; margin: 0; border: 0px; }
p { padding: 0 0 0 0; margin: 0px; }


h2 {}
.flex {
 display: flex;
 flex-direction:row;
 justify-content: center;
 align-content: center;
 flex-wrap: wrap;
 flex-flow: row wrap;
 margin: 30px auto 30px auto;
 width: 100%;
 height: auto;
 text-align:center;
 border: 0px solid #999;
 }
.float {
 height: auto;
 width: 28%; width: 133px;
 margin: 6px 2% 0px 2%;
 padding: 0px 0px 0px 0px;
 text-align: center;
 float: left;
 border: 0px solid #bbb;
}
.float img{
 width: 100%;
 border: 1px solid #ddd;
 padding: 0px;
 margin: 0px 0 0px 0;
 border-radius: 0px;
 opacity: 1;
 }

.float p {
 display:block;
 padding: 0px 0 0px 0px;
 margin: 0px auto;
 text-align: left;
 border: 0px solid #eee;
 border-bottom: 8px dotted #eee;
 border-radius: 0px;
 font: 12px/18px arial,helvetica,sans-serif;
 color: #222;
 width: 98%;
 }








.flex {border-width:0px;}


















@media print {
#head, h1, #foot,h2 {display:none;}
body {background: none;  height: auto; }
#bbb #menu a.aaa {display:none;}
.pic img { width: 100%;}
.pic, .ingred {float: none; }
#wrapper, .flex, #right {display:block;}
#wrapper {border-width: 0px 0px;}
#aaa .aaa, #bbb .bbb {  bottom: -4px !important;  bottom: -4px;  }
#right { min-height: 600px; min-height: 90vh;margin: 0px auto 0px auto;  }
#inner { border: 0px dashed blue;}
 .float { min-height: 186px; }
 a[href^=http]:after { content:" (" attr(href) ") "; }
 /*external websites starting http will have full link shown when printing page*/
#aaa a.aaa:hover,#bbb a.bbb:hover{background:#fff;}
#wrapper, #head,#foot, #sidenav,#menu, #foot .menu,#inner,#body  { background: #fff; }
/*#wrapper {border: 0px solid red;}#inner{ border: 1px dashed blue;}#right { border: 1px dotted green;}*/
.pic, .ingred, .info {border: 0px dashed red;}
}

@page {  margin: 1% 0% 1% 0%;  size: A4 portrait;}
table {  page-break-inside: avoid;}

/*END GALLERY LAYOUT*/




/*THUMBNAIL GALLERY VIEWER*/

#thumbBox{
  position: absolute; left: 0; top: 0;
  width: auto;
  padding: 1.4%;
  visibility: hidden;
  z-index: 10;
  border: 2px solid #333;
  background: #444;
}

#thumbBox img { width: auto; height: auto; max-height: 92vh; max-width: 94vw; }
#thumbBox .footerbar{
  font: bold 12px/13px Tahoma;
  letter-spacing: 1px;
  color: #fff;
  padding: 0px 0 0 0;
  text-align: right;
  background: #444;
}
#thumbBox #thumbImage{
 }
#thumbLoading{
  position: absolute;
  visibility: hidden;
  border: 1px solid #333;
  background-color: #eee;
  padding: 5px;
  z-index: 5;
}