<!-- scrollbar colors working only in IE -->
BODY
{
	SCROLLBAR-FACE-COLOR: #fbc36f;  
	SCROLLBAR-HIGHLIGHT-COLOR: #fbc36f; 
	SCROLLBAR-SHADOW-COLOR: #fde68e; 
	SCROLLBAR-ARROW-COLOR: #fde68e; 
	SCROLLBAR-TRACK-COLOR: #fcd37d; 
	SCROLLBAR-BASE-COLOR: #fde68e;
        padding:0;
        margin:0;
}



.fejlec {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #985001;
	text-align: left;
}
.szoveg {
	font-family: Tahoma, "Arial Narrow";
	font-size: 10px;
#	color: #fbc36f;
        color: #985001;
	text-align: justify;
}

.nagyszoveg {
	font-family: Tahoma, "Arial Narrow";
	font-size: 12px;
        color: #985001;
	text-align: justify;
}

.hoverable {
   font-weight: normal;
}

.hoverable:hover {
   font-weight: bold;
}

/* for tooltip text */
a.productimage{
        position:relative;           /*this is the key*/
        z-index:24; 
}

/* for a thicker border on the image */
a.productimage:hover  {
   border: 1px solid;
}

/* for tooltip text */
a.productimage:hover  span {
        display:block;
        position:absolute;
        top: 1.0em;
        left: 1.0em;
        width:15em;
        border:1px solid #ff0000; /* border colour */
        background-color:#ffff99; /* background colour here */
        color:#000000;         /* text colour */
        text-align: center;
        font-size: .8em;
        font-style:italic;
        z-index:30;
}

a.productimage span{
        display: none;  /* hide the span text using this css */
}

<!-- needed for IE only (see (http://www.webmasterworld.com/forum83/6331.htm)-->
a:hover {
   border: 1px solid;
}