/*
  $Id: duckysimagepopper.css
  How to use it:
 <a class="thumbnail" href="#thumb">Link Info<span><img src="directory/imagename.jpg"/><br />Link Info</span></a><br />
 
 This also contains UL customization for prolenswear.  
 
*/


#plw ul{
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight : bold;
    float: left;
  width: 7.5em;
  margin: 0;
  padding: 0;
  list-style: none;
  }
  
#plw li {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight : normal;
    float: left;
  width: 8em;
  margin: 0;
  padding: 0 0 0 .3em;
}
  
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

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

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

.borderme { /*CSS for fabric area*/
position: relative;
background-color: white;
padding: 5px;
margin: 5px;
border: 1px dashed orange;
color: black;
text-decoration: none;
height: 615px;
width: 415px;
}

.bordernodots { /*CSS for fabric area*/
position: relative;
background-color: white;
padding: 5px;
margin: 5px;
border: 0px;
text-decoration: none;
height: 615px;
width: 415px;
}


.underline { 
border-bottom: 1px dashed black;
color: black;
text-decoration: none;
}