*

{

	border: 0;

	margin: 0;

	padding: 0;

}

/* =Hoverbox Code

----------------------------------------------------------------------*/



.hoverbox

{

	cursor: default;

	list-style: none;

}



.hoverbox a

{

	cursor: default;

	color: #333333;

	text-decoration: none;





}



.hoverbox a .preview

{

	display: none;

}

.hoverbox a .preview-v

{

	display: none;

}



.hoverbox a:hover .preview

{

	display: block;

	position: absolute;

	z-index: 1;

	right: 100px;

	bottom: 100px;

}

.hoverbox a:hover .preview-v

{

	display: block;

	position: absolute;

	z-index: 1;

	bottom: 5px;

	right: 50px;



}



.display

{

	background: #fff;

	border-color: #aaa #ccc #ddd #bbb;

	border-style: solid;

	border-width: 1px;

	color: #D6D6D6;

	padding: 10px;

	vertical-align: top;

	width: 150px;

	height: 100px;

	margin: 10px;

}

.display-v

{

	background: #fff;

	border-color: #aaa #ccc #ddd #bbb;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	padding: 10px;

	vertical-align: top;

	width: 100px;

	height: 150px;

	margin: 10px;

}



.hoverbox li

{

	border-color: #ddd #bbb #aaa #ccc;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	display: inline;

	float: left;

	margin: 10px;

	padding: 5px;

	position: relative;

	background-color: #FFC;

	text-align: center;



}



.hoverbox .preview

{

	border-color: #000;

	width: 400px;

	height: 267px;

}.hoverbox .preview-v

{

	border-color: #000;

	width: 300px;

	height: 450px;

}