*



/* =Basic HTML, Non-essential
----------------------------------------------------------------------*/

a
{
	text-decoration: none;
}


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

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

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -800px;
	left: -400px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 50px;
	height: 47px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;

	margin: 0px;
	padding: 0px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 399px;
	height: 571px;
}

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

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

.hoverbox2 a
{
	cursor: default;
}

.hoverbox2 a .preview
{
	display: none;
}

.hoverbox2 a:hover .preview
{
	display: block;
	position: absolute;
	top: -800px;
	left: -0px;
	z-index: 1;
}

.hoverbox2 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 50px;
	height: 47px;
}

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

.hoverbox2 .preview
{
	border-color: #000;
	width: 399px;
	height: 571px;
}

/* =Hoverbox3 Code
----------------------------------------------------------------------*/

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

.hoverbox3 a
{
	cursor: default;
}

.hoverbox3 a .preview
{
	display: none;
}

.hoverbox3 a:hover .preview
{
	display: block;
	position: absolute;
	top: -800px;
	left: -400px;
	z-index: 1;
}

.hoverbox3 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 50px;
	height: 47px;
}

.hoverbox3 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;

	margin: 0px;
	padding: 0px;
	position: relative;
}

.hoverbox3 .preview
{
	border-color: #000;
	width: 399px;
	height: 571px;
}

/* =Hoverbox4 Code
----------------------------------------------------------------------*/

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

.hoverbox4 a
{
	cursor: default;
}

.hoverbox4 a .preview
{
	display: none;
}

.hoverbox4 a:hover .preview
{
	display: block;
	position: absolute;
	top: -800px;
	left: -400px;
	z-index: 1;
}

.hoverbox4 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 50px;
	height: 47px;
}

.hoverbox4 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;

	margin: 0px;
	padding: 0px;
	position: relative;
}

.hoverbox4 .preview
{
	border-color: #000;
	width: 399px;
	height: 571px;
}

/* =Hoverbox5 Code
----------------------------------------------------------------------*/

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

.hoverbox5 a
{
	cursor: default;
}

.hoverbox5 a .preview
{
	display: none;
}

.hoverbox5 a:hover .preview
{
	display: block;
	position: absolute;
	top: -800px;
	left: -400px;
	z-index: 1;
}

.hoverbox5 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 50px;
	height: 47px;
}

.hoverbox5 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;

	margin: 0px;
	padding: 0px;
	position: relative;
}

.hoverbox5 .preview
{
	border-color: #000;
	width: 399px;
	height: 571px;
}

/* =Hoverbox6 Code
----------------------------------------------------------------------*/

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

.hoverbox6 a
{
	cursor: default;
}

.hoverbox6 a .preview
{
	display: none;
}

.hoverbox6 a:hover .preview
{
	display: block;
	position: absolute;
	top: -800px;
	left: -400px;
	z-index: 1;
}

.hoverbox6 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 50px;
	height: 47px;
}

.hoverbox6 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;

	margin: 0px;
	padding: 0px;
	position: relative;
}

.hoverbox6 .preview
{
	border-color: #000;
	width: 399px;
	height: 571px;
}



/* =Hoverbox7 Code
----------------------------------------------------------------------*/

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

.hoverbox7 a
{
	cursor: default;
}

.hoverbox7 a .preview
{
	display: none;
}

.hoverbox7 a:hover .preview
{
	display: block;
	position: absolute;
	top: -800px;
	left: -400px;
	z-index: 1;
}

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

.hoverbox7 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;

	margin: 0px;
	padding: 0px;
	position: relative;
}

.hoverbox7 .preview
{
	border-color: #000;
	width: 399px;
	height: 571px;
}



/* =HoverboxColor Code
----------------------------------------------------------------------*/

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

.hoverboxColor a
{
	cursor: default;
}

.hoverboxColor a .preview
{
	display: none;
}

.hoverboxColor a:hover .preview
{
	display: block;
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 1;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
}

.hoverboxColor img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 30px;
	height: 21px;
}

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

.hoverboxColor .preview
{
	border-color: #000;
	width: 400px;
	height: 600px;
}



/* =HoverboxSwatch Code
----------------------------------------------------------------------*/

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

.hoverboxSwatch a
{
	cursor: default;
}

.hoverboxSwatch a .preview
{
	display: none;
}

.hoverboxSwatch a:hover .preview
{
	display: block;
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 1;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
}

.hoverboxSwatch img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 94px;
	height: 87px;
}

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

.hoverboxSwatch .preview
{
	border-color: #000;
	width: 400px;
	height: 600px;
}
	border-color: #000;
	width: 399px;
	height: 571px;
}