.flexIndex
{
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: stretch;
 padding-top: 1em;
}
.flexIndex > .flexProd
{
 display: flex;
 flex-direction: column;
 align-items: stretch;
 color: black;
 text-align: center;
 background-color: #E0E0E0;
 background-image: linear-gradient(to top left, #FFFFFF, #E0E0E0);
 border-bottom: 1px solid #A0A0A0;
 border-right: 1px solid #A0A0A0;
 margin: 0.5em;
 padding: 0.2em;
 border-bottom-right-radius: 1em;
 text-shadow: none;
}
.flexIndex > .flexProd:hover
{
 text-decoration: none;
 background-color: #F0F0F0;
 background-image: linear-gradient(to top left, #FFFFFF, #F0F0F0);
}
.flexIndex > .flexProd > *
{
 display: inline-block;
}
.flexIndex > .flexProd > div
{
 margin-bottom: 0.5em;
 font-size: 115%;
}
.flexIndex > .flexProd > p
{
 font-size: 90%;
 margin-top: 0;
 margin-bottom: 0.5em;
}
.flexIndex > .flexProd > p > span
{
 font-style: italic;
 font-weight: bold;
}
.flexIndex > .flexProd > span > .ico16, .flexIndex > .flexProd > span > .ico32, .flexIndex > .flexProd > span > .ico48
{
 vertical-align: middle;
 margin-left: 3px;
 margin-right: 3px;
}