/* Large Image on RollOver CSS named hover.css
----------------------------------------------------------------------*/

.hoverbox
{       
margin: 0px;
padding-left: 10px;   
width: 600px;
cursor: default;
list-style: none; 
 border-color: #000000;
border-style: solid;
border-width: 1px;       
}

.hoverbox a
{
cursor: default;
position: relative;
}

.hoverbox a .preview
{
display: none;
}

.hoverbox a:hover .preview
{
display: block;
position: absolute;
top: -38px;
left: -50px;
z-index: 1;
}

.hoverbox a:hover
{
display: block;
font-size: 100%;
z-index: 1;
}

.hoverbox img
{
background: #000000;
border-color: #ffffff;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 100px;
height: 67px;
}

.hoverbox .preview
{
border-color: #ffffff;
width: 300px;
height: 200px;
}