.textclass
{
    FONT-FAMILY: 'tahoma', 'Lucida Grande', 'Arial', 'Helvetica', 'sans-serif', 'Verdana', 'Geneva', 'Lucida';
    FONT-SIZE: xx-small;
    background-color: #F8F8F8; 
}
.bannerclass
{
    FONT-FAMILY: 'tahoma', 'Lucida Grande', 'Arial', 'Helvetica', 'sans-serif', 'Verdana', 'Geneva', 'Lucida';
    FONT-SIZE: xx-small ;
    background-color: #87c287;
    COLOR: #ffffff; 
    height: 80px;
}
.prodstable
{
    border-width: 1;
    border-color: black;
    COLOR: blue;
    FONT-FAMILY: FONT-FAMILY: 'tahoma', 'Lucida Grande', 'Arial', 'Helvetica', 'sans-serif', 'Verdana', 'Geneva', 'Lucida'; 
    FONT-SIZE: 10pt;

}
.rowclass
{
cursor: pointer;
}
.prodcell
{
    border-width: 1;
    border-color: grey;
    color : #000000;
    FONT-FAMILY: FONT-FAMILY: 'tahoma', 'Lucida Grande', 'Arial', 'Helvetica', 'sans-serif', 'Verdana', 'Geneva', 'Lucida'; 
    FONT-SIZE: 10pt;
	background:  #FFFFAA;
    TEXT-ALIGN: center; 
}
.prodcell2
{
    border-width: 1;
    border-color: grey;
    color : #000000;
    FONT-FAMILY: FONT-FAMILY: 'tahoma', 'Lucida Grande', 'Arial', 'Helvetica', 'sans-serif', 'Verdana', 'Geneva', 'Lucida'; 
    FONT-SIZE: 10pt;             
    background:  #FFFFBB;
    TEXT-ALIGN: center; 
}
.MENUCELLCLASS
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: 'tahoma', 'Lucida Grande', 'Arial', 'Helvetica', 'sans-serif', 'Verdana', 'Lucida';
    TEXT-ALIGN: LEFT;
    text-indent: .05cm;
    background:  #FFFFAA;
}
.homelink
{
text-decoration: none;
}
.LINKCLASS
{
	TEXT-DECORATION: none;
	TEXT-ALIGN: LEFT;
	FONT-SIZE: 10pt;
	WIDTH: 400;
	HEIGHT: 30;
	COLOR: #000000;
	background:  #FFFFAA;
    FONT-FAMILY: FONT-FAMILY: 'tahoma', 'Lucida Grande', 'Arial', 'Helvetica', 'sans-serif', 'Verdana', 'Geneva', 'Lucida';

}
.LINKCLASS2
{
    TEXT-DECORATION: none;
    TEXT-ALIGN: LEFT ;
    FONT-SIZE: 10pt;
    WIDTH: 400;
    HEIGHT: 30;
    COLOR: #000000;
    background:  #FFFFBB;    
    FONT-FAMILY: FONT-FAMILY: 'tahoma', 'Lucida Grande', 'Arial', 'Helvetica', 'sans-serif', 'Verdana', 'Geneva', 'Lucida';
}
.linkclass:hover
{
    COLOR: blue;
    background-color: #FFFFFF 
}
.linkclass2:hover
{
    COLOR: blue;
    background-color: #FFFFFF 
}
.buttonclass
{
    border-width: 3;
    border-color: black;
    FONT-FAMILY: FONT-FAMILY: 'tahoma', 'Lucida Grande', 'Arial';
    FONT-SIZE: 10pt;

}
.button
{
	background-color:#F0DBED;
	height: 25px;
	width: 35px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	text-align: center;
	vertical-align: middle;
}
.oldMENUCELLCLASS
{
    HEIGHT: 25;
    WIDTH: 240;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: 'tahoma', 'Lucida Grande', 'Arial', 'Helvetica', 'sans-serif', 'Verdana', 'Lucida';
    TEXT-ALIGN: LEFT;
    TEXT-VALIGN: top;
    text-indent: .05cm;
    border-left: 1 outset #808080;
    border-right: 2 outset #000000;
    border-top: 1 outset #808080;
    border-bottom: 2 outset #000000; 
    background:  #FFFFA0;
    cell-spacing: 1;
}

.oldLINKCLASS
{
    TEXT-DECORATION: none;
    TEXT-ALIGN: LEFT;
    TEXT-VALIGN: CENTER;
    FONT-SIZE: 10pt;
    WIDTH: 550px;
    HEIGHT: 60px;
    COLOR: blue;    
    FONT-FAMILY: 'tahoma', 'Lucida Grande', 'Arial';
}

.infobox
{
    text-decoration: none;
    position: relative;
    z-index: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #100080;
}

.infobox:hover
{
	color: black;
	background-color: transparent;
	z-index: 22;
	font-weight: bolder;
}

.infobox span
{
	position: absolute;
	background-color: #FFFFFF;
	padding: 2px;
	left: -1000px;
	border: thin none #20ACCC;
	visibility: hidden;
	color: black;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	height: auto;
	width: auto;
	text-indent: 0px;
}

.infobox:hover span
{
    visibility: visible;
    top: 0;
    left: 0px;
	top: 12px;
    background-color: #F8F8F8; 
    height: auto;
    width: 203px;
	z-index: 51;
}
.infobox2
{
    text-decoration: none;
    position: relative;
    z-index: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #100080;
}

.infobox2:hover
{
	background-color: transparent;
	color: black;
	font-weight: bolder;
	z-index: 22;
}

.infobox2 span
{
	position: absolute;
	background-color: #FFFFFF;
	padding: 2px;
	left: -1000px;
	visibility: hidden;
	color: black;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	height: auto;
	width: auto;
	text-indent: 0px;
}

.infobox2:hover span
{
    visibility: visible;
    top: 0;
    left: -143px;
	top: 12px;
    background-color: #F8F8F8; 
    height: auto;
    width: 203px;
	z-index: 51;
}