/*----- cats.css -----*/
div#catlist 
{
position:relative; 
margin-bottom: 150px; /*fix for IE6/7 & Opera 9*/
}


div#catlist li{ list-style-image: url("../images/bullet.png"); }

/*--------LINKS--------*/
div#catlist a
{
font: normal normal 1.1em  "Trebuchet MS", Helvetica, sans-serif;
text-decoration: none;
color: #039;
}

div#catlist a:link{ text-decoration: none; }
div#catlist a:visited{ text-decoration: none; color: #897cb5; }
div#catlist a:hover{ text-decoration: underline; color: #00F; }
div#catlist a:active{ text-decoration: none; }

/*----------MESSAGE--------*/
#catmess
{ 
margin:0;
padding:0;
font: 0.8em Verdana, Geneva, sans-serif;
line-height: 1em;
position: relative;
color: #F00;
}

/*----------DESCRIPTION--------*/
div#catlist a {z-index: 0;}

div#catlist a:hover
{
background-color: transparent;
z-index: 50;
}

div#catlist a span
{
position: absolute;
visibility: hidden;
background-color: #039;
padding: 3px;
margin: 0px 5px;
width: 410px;
border: 0px solid #CCC;
color: #FFF;
font: normal bold 0.8em "Trebuchet MS", Helvetica, sans-serif;
text-decoration: none;
text-align: center;
}

div#catlist a:hover span
{
position: absolute;
visibility: visible;
/*top: 205px; */
/*left: 330px;*/
top: 2px;
right: 15px;
}

div#catlist a span img {
height: 0; 
width: 0; 
border-width: 0;
}

div#catlist a:hover span img {
height: 400px; 
width: 400px;
padding: 3px 0;
}


/*div#prop {height: 750px;}*/