/* @override http://www.elsenpeterauctions.com/css/hoverbox.css */

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

.hoverbox {
	cursor: default;
	list-style: none;
	width: 100%;
	background-color: #dfdfdf;
	border: 1px solid #ccc;
}
	.hoverbox a {
		cursor: default;
	}	
		.hoverbox a .preview {
			display: none;
		}	
		.hoverbox a:hover .preview {
			display: block;
			position: absolute;
			top: -33px;
			left: -45px;
			z-index: 1;
		}
	.hoverbox img {
		background: #ccc;
		border-color: #AAA #CCC #DDD #BBB;
		border-style: solid;
		border-width: 1px;
		color: inherit;
		padding: 1px;
		vertical-align: top;
		width: 75px;
		height: 75px;
	}	
	.hoverbox li {
		background: #b3b3b3;
		border-color: #ddd #bbb #aaa #ccc;
		border-style: solid;
		border-width: 1px;
		color: inherit;
		display: inline;
		float: left;
		margin: 7px;
		padding: 1px;
		position: relative;
	}	
	.hoverbox .preview {
		border: 4px solid #e6e6e6;
		width: 190px;
		height: 190px;
	}