/* =hoverbox with preview of 350 px
----------------------------------------------------------------------*/
.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	background: #ffffe7;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	display: block;
	position: absolute;
	top: -50px;
	left: -40px;
	z-index: 1;
}

.hoverbox img
{
	background: transparent;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 2px;
	vertical-align: top;

}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	height: 350px;
}

/* =hoverbox with preview of 225px
----------------------------------------------------------------------*/
.hoverbox2
{
	cursor: default;
	list-style: none;
}

.hoverbox2 a
{
	cursor: default;
}

.hoverbox2 a .preview
{
	display: none;
}

.hoverbox2 a:hover .preview
{
	background: #ffffe7;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	display: block;
	position: absolute;
	top: -50px;
	left: 0px;
	z-index: 1;
}

.hoverbox2 img
{
	background: transparent;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 2px;
	vertical-align: top;

}

.hoverbox2 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox2 .preview
{
	border-color: #000;
	height: 225px;
}

/* =hoverbox with preview of 275px
----------------------------------------------------------------------*/
.hoverbox3
{
	cursor: default;
	list-style: none;
}

.hoverbox3 a
{
	cursor: default;
}

.hoverbox3 a .preview
{
	display: none;
}

.hoverbox3 a:hover .preview
{
	background: #ffffe7;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	display: block;
	position: absolute;
	top: -50px;
	left: -25px;
	z-index: 1;
}

.hoverbox3 img
{
	background: transparent;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 2px;
	vertical-align: top;

}

.hoverbox3 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox3 .preview
{
	border-color: #000;
	height: 275px;
}

/* =hoverbox with preview of 340px
----------------------------------------------------------------------*/
.hoverbox4
{
	cursor: default;
	list-style: none;
}

.hoverbox4 a
{
	cursor: default;
}

.hoverbox4 a .preview
{
	display: none;
}

.hoverbox4 a:hover .preview
{
	background: #ffffe7;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	display: block;
	position: absolute;
	top: -50px;
	left: -150px;
	z-index: 1;
}

.hoverbox4 img
{
	background: transparent;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 2px;
	vertical-align: top;

}

.hoverbox4 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox4 .preview
{
	border-color: #000;
	height: 340px;
}

/* =hoverbox with preview of 400px
----------------------------------------------------------------------*/
.hoverbox5
{
	cursor: default;
	list-style: none;
}

.hoverbox5 a
{
	cursor: default;
}

.hoverbox5 a .preview
{
	display: none;
}

.hoverbox5 a:hover .preview
{
	background: #ffffe7;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	display: block;
	position: absolute;
	top: -100px;
	left: 0px;
	z-index: 1;
}

.hoverbox5 img
{
	background: transparent;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 2px;
	vertical-align: top;

}

.hoverbox5 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox5 .preview
{
	border-color: #000;
	height: 400px;
}

/* =hoverbox with preview of 500px
----------------------------------------------------------------------*/
.hoverbox6
{
	cursor: default;
	list-style: none;
}

.hoverbox6 a
{
	cursor: default;
}

.hoverbox6 a .preview
{
	display: none;
}

.hoverbox6 a:hover .preview
{
	background: #ffffe7;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	display: block;
	position: absolute;
	top: -125px;
	left: 30px;
	z-index: 1;
}

.hoverbox6 img
{
	background: transparent;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 2px;
	vertical-align: top;

}

.hoverbox6 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox6 .preview
{
	border-color: #000;
	height: 500px;
}


/* =hoverbox with preview of 200px
----------------------------------------------------------------------*/

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

.hoverbox7 a
{
	cursor: default;
}

.hoverbox7 a .preview
{
	display: none;
}

.hoverbox7 a:hover .preview
{
	background: #ffffe7;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	display: block;
	position: absolute;
	top: -50px;
	left: -40px;
	z-index: 1;
}

.hoverbox7 img
{
	background: transparent;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
}

.hoverbox7 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox7 .preview
{
	border-color: #000;
	height: 200px;
}
/* =hoverbox with preview of 350px version 2
----------------------------------------------------------------------*/
.hoverbox8
{
	cursor: default;
	list-style: none;
}

.hoverbox8 a
{
	cursor: default;
}

.hoverbox8 a .preview
{
	display: none;
}

.hoverbox8 a:hover .preview
{
	background: #ffffe7;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	display: block;
	position: absolute;
	top: -50px;
	left: -10px;
	z-index: 1;
}

.hoverbox8 img
{
	background: transparent;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 2px;
	vertical-align: top;

}

.hoverbox8 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox8 .preview
{
	border-color: #000;
	height: 350px;
}
/* =hoverbox with preview of 300px
----------------------------------------------------------------------*/
.hoverbox9
{
	cursor: default;
	list-style: none;
}

.hoverbox9 a
{
	cursor: default;
}

.hoverbox9 a .preview
{
	display: none;
}

.hoverbox9 a:hover .preview
{
	background: #ffffe7;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	display: block;
	position: absolute;
	top: -50px;
	left: -25px;
	z-index: 1;
}

.hoverbox9 img
{
	background: transparent;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 2px;
	vertical-align: top;

}

.hoverbox9 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox9 .preview
{
	border-color: #000;
	height: 300px;
}
/* =hoverbox with preview of 400 px version 2
----------------------------------------------------------------------*/
.hoverbox10
{
	cursor: default;
	list-style: none;
}

.hoverbox10 a
{
	cursor: default;
}

.hoverbox10 a .preview
{
	display: none;
}

.hoverbox10 a:hover .preview
{
	background: #ffffe7;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	display: block;
	position: absolute;
	top: -50px;
	left: -40px;
	z-index: 1;
}

.hoverbox10 img
{
	background: transparent;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 2px;
	vertical-align: top;

}

.hoverbox10 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox10 .preview
{
	border-color: #000;
	height: 400px;
}
/* =hoverbox with preview of 500px
----------------------------------------------------------------------*/
.hoverbox11
{
	cursor: default;
	list-style: none;
}

.hoverbox11 a
{
	cursor: default;
}

.hoverbox11 a .preview
{
	display: none;
}

.hoverbox11 a:hover .preview
{
	background: #ffffe7;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	display: block;
	position: absolute;
	top: -125px;
	left: -35px;
	z-index: 1;
}

.hoverbox11 img
{
	background: transparent;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 2px;
	vertical-align: top;

}

.hoverbox11 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox11 .preview
{
	border-color: #000;
	height: 500px;
}

/* =hoverbox with preview of 350px
----------------------------------------------------------------------*/
.hoverbox12
{
	cursor: default;
	list-style: none;
}

.hoverbox12 a
{
	cursor: default;
}

.hoverbox12 a .preview
{
	display: none;
}

.hoverbox12 a:hover .preview
{
	background: #ffffe7;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	display: block;
	position: absolute;
	top: -50px;
	left: -150px;
	z-index: 1;
}

.hoverbox12 img
{
	background: transparent;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 2px;
	vertical-align: top;

}

.hoverbox12 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox12 .preview
{
	border-color: #000;
	height: 350px;
}
/* =hoverbox with preview for no fixed height image
----------------------------------------------------------------------*/
.hoverbox13
{
	cursor: default;
	list-style: none;
}

.hoverbox13 a
{
	cursor: default;
}

.hoverbox13 a .preview
{
	display: none;
}

.hoverbox13 a:hover .preview
{
	background: #ffffe7;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	display: block;
	position: absolute;
	top: -50px;
	left: -150px;
	z-index: 1;
}

.hoverbox13 img
{
	background: transparent;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 2px;
	vertical-align: top;

}

.hoverbox13 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox13 .preview
{
	border-color: #000;
}