/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/

#popup { color: #000; }

#popup a, #popup a:visited {
position: relative;
display: block;
width: 200px;
line-height: 30px;
text-align: left;
padding: 0 10px;
margin: 0;
text-decoration: none;
font-size: 1em;
font-weight: bold;
}

#popup a span {display: none;}

#popup a:hover { background-color: #e9e9e2; }

/* the IE correction rule */
#popup a:hover	{
color: #f00; background-color: #e9e9e2;
text-indent: 0; /* added the default value */
}

#popup a:hover span{
display: block;
position: fixed;
top: 50px;
left: 300px;
width: 475px;
margin: 0px;
padding: 10px;
color: #335500;
font-weight: normal;
background: #e5e5e5;
text-align: left;
border: 1px solid #666;
}

.thumbnail  {
position: relative;
float: left;
padding: 5px;
/*z-index: 0;*/
}

.thumbnail:hover {
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0px; 
/*padding: 2px;*/
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 200px;
top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */
}