.prodbg
{
 background-color: #000000;
 background-repeat: no-repeat;
 width: 200px;
 height: 120px;
 text-align: center;
 cursor: pointer;
 opacity: 0.65;
}

.prodbg:hover
{
 opacity: 1;
 background-position: 0 -120px;
}

.prodtitle
{
 font-family: "Times New Roman", serif;
 font-size: 20px;
 font-weight: bold;
}

.proddesc
{
 color: #FFFFFF;
 font-size: 13px;
}

.prodlink, .prodlink a
{
 font-size: 16px;
 font-weight: bold;
 text-decoration: none !important;
}

.prodlink img
{
 width: 16px;
 height: 16px;
 vertical-align: middle;
 border: 0px;
}

.prodblue
{
 background-image: url(http://images.realityripple.com/blue/prodbg.png);
}
.prodblue .prodtitle
{
 color: #0080FF;
}
.prodblue .prodlink a
{
 color: #0080FF;
}

.prodcyan
{
 background-image: url(http://images.realityripple.com/cyan/prodbg.png);
}
.prodcyan .prodtitle
{
 color: #00FFFF;
}
.prodcyan .prodlink a
{
 color: #00FFFF;
}

.prodgreen
{
 background-image: url(http://images.realityripple.com/green/prodbg.png);
}
.prodgreen .prodtitle
{
 color: #00FF00;
}
.prodgreen .prodlink a
{
 color: #00FF00;
}

.prodorange
{
 background-image: url(http://images.realityripple.com/orange/prodbg.png);
}
.prodorange .prodtitle
{
 color: #FF8000;
}
.prodorange .prodlink a
{
 color: #FF8000;
}

.prodred
{
 background-image: url(http://images.realityripple.com/red/prodbg.png);
}
.prodred .prodtitle
{
 color: #FF0000;
}
.prodred .prodlink a
{
 color: #FF0000;
}

.prodviolet
{
 background-image: url(http://images.realityripple.com/violet/prodbg.png);
}
.prodviolet .prodtitle
{
 color: #A000FF;
}
.prodviolet .prodlink a
{
 color: #A000FF;
}


.prodyellow
{
 background-image: url(http://images.realityripple.com/yellow/prodbg.png);
}
.prodyellow .prodtitle
{
 color: #FFFF00;
}
.prodyellow .prodlink a
{
 color: #FFFF00;
}