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

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

.hoverbox a
{
	cursor: default;
}


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

.hoverbox li
{
	background: #cc0033;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 0px;
	position: relative;
}

.hoverbox a .preview, .hoverbox a .vpreview
{
	display: none;
}

.hoverbox .preview
{
	border-color: #000;
	width: 400px;
	height:320px;
	z-index: 100;
}

.hoverbox .vpreview
{
	border-color: #000;
	width: 266px;
	height:400px;
	z-index: 100;
}

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

.hoverbox a:hover .vpreview
{
	display: block;
	position: absolute;
	top: -133px;
	left: -105px;
	z-index: 100;
}

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

.hoverbox2 a
{
	cursor: default;
}


.hoverbox2 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 3px;
	vertical-align: top;
	width: 75px;
	height: 100px;
}

.hoverbox2 li
{
	background: #cc0033;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 0px;
	position: relative;
}

.hoverbox2 a .preview, .hoverbox a .vpreview
{
	display: none;
}

.hoverbox2 .preview
{
	border-color: #000;
	width: 320px;
	height:400px;
	z-index: 100;
}

.hoverbox2 .vpreview
{
	border-color: #000;
	width: 266px;
	height:400px;
	z-index: 100;
}

.hoverbox2 a:hover .preview
{
	display: block;
	position: absolute;
	top: -133px;
	left: -105px;
	z-index: 100;
}

.hoverbox2 a:hover .vpreview
{
	display: block;
	position: absolute;
	top: -133px;
	left: -105px;
	z-index: 100;
}

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

.hoverbox3 a
{
	cursor: default;
}


.hoverbox3 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 3px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox3 li
{
	background: #cc0033;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 0px;
	position: relative;
}

.hoverbox3 a .preview, .hoverbox3 a .vpreview
{
	display: none;
}

.hoverbox3 .preview
{
	border-color: #000;
	width: 400px;
	height:320px;
	z-index: 100;
}

.hoverbox3 .vpreview
{
	border-color: #000;
	width: 400px;
	height:266px;
	z-index: 100;
}

.hoverbox3 a:hover .preview
{
	display: block;
	position: absolute;
	top: -133px;
	left: -105px;
	z-index: 100;
}

.hoverbox3 a:hover .vpreview
{
	display: block;
	position: absolute;
	top: -133px;
	left: -105px;
	z-index: 100;
}

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

.hoverbox4 a
{
	cursor: default;
}


.hoverbox4 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 3px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox4 li
{
	background: #cc0033;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 0px;
	position: relative;
}

.hoverbox4 a .preview, .hoverbox4 a .vpreview
{
	display: none;
}

.hoverbox4 .preview
{
	border-color: #000;
	width: 400px;
	height:320px;
}

.hoverbox4 .vpreview
{
	border-color: #000;
	width: 266px;
	height:400px;
	z-index: 100;
}

.hoverbox4 a:hover .preview
{
	display: block;
	position: absolute;
	top: -133px;
	left: -105px;
	z-index: 100;
}

.hoverbox4 a:hover .vpreview
{
	display: block;
	position: absolute;
	top: -133px;
	left: -105px;
	z-index: 100;
}

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

.hoverbox5 a
{
	cursor: default;
}


.hoverbox5 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 3px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox5 li
{
	background: #cc0033;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 0px;
	position: relative;
}

.hoverbox5 a .preview, .hoverbox5 a .vpreview
{
	display: none;
}

.hoverbox5 .preview
{
	border-color: #000;
	width: 400px;
	height:320px;
	z-index: 100;
}

.hoverbox5 .vpreview
{
	border-color: #000;
	width: 266px;
	height:400px;
}

.hoverbox5 a:hover .preview
{
	display: block;
	position: absolute;
	top: -133px;
	left: -105px;
	z-index: 100;
}

.hoverbox5 a:hover .vpreview
{
	display: block;
	position: absolute;
	top: -133px;
	left: -105px;
	z-index: 100;
}

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

.hoverbox6 a
{
	cursor: default;
}


.hoverbox6 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 3px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox6 li
{
	background: #cc0033;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 0px;
	position: relative;
}

.hoverbox6 a .preview, .hoverbox6 a .vpreview
{
	display: none;
}

.hoverbox6 .preview
{
	border-color: #000;
	width: 400px;
	height:320px;
	z-index: 100;
}

.hoverbox6 .vpreview
{
	border-color: #000;
	width: 266px;
	height:400px;
	z-index: 100;
}

.hoverbox6 a:hover .preview
{
	display: block;
	position: absolute;
	top: -133px;
	left: -105px;
	z-index: 100;
}

.hoverbox6 a:hover .vpreview
{
	display: block;
	position: absolute;
	top: -133px;
	left: -105px;
	z-index: 100;
}