/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{ width: 200px; cursor: default; }

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{ position: absolute; display: block; top: -65px; left: -100px; z-index: 100; }

.hoverbox img
{ background: #fff; border-color: #aaa #ccc #ddd #bbb; 
border-style: solid; 
border-width: 1px; 
padding: 1px; 
vertical-align: top; 
width: 190px;
height: 127px; }

.hoverbox li
{ line-height: 42px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; display: inline; float: left; margin: 8px; padding: 5px; position: relative; }

.hoverbox .preview
{ border-color: #000; 
width: 350px; 
height: 267px; 
z-index: 101; }