.optionBox {
	padding:0;
	margin:0;
	list-style:none;
}

.optionBox li {
	float:left;
	background-color:#EEEEEE;
	border-color:#ddd #bbb #aaa #ccc;
	border-style:solid;
	border-width:1px;
	-moz-border-radius:5px;
	padding:5px;
	margin:2px;
}

.optionBox li:hover {
	background-color:#ffdd82;
}
.optionBox li.selected {
	background-color:#98e063;
	border-color:#000000;
}

.optionBox a .preview {
	z-index:99;
	display:none;
}

.optionBox a {
	position:relative;
}

.optionBox a:hover {
	display:block;
}

.optionBox img {
	width:168px;
	height:129px;
	background-color:#FFFFFF;
	border-color:#aaa #ccc #ddd #bbb;
	border-style:solid;
	border-width:1px;
	color:inherit;
	padding:0;
	vertical-align: top;
}

.optionBox a:hover .preview {
	width:168px;
	height:129px;
	display:block;
	position:absolute;
	top:0;
	left:0;
}


.optionBox a:hover img {
	border-color:#FFAA00;
	background-color:#fffaed;
}

.optionBox2 li {
	width:133px;
	height:125px;
}

.optionBox2 a {
	display:block;
	width:133px;
	height:125px;
	overflow:hidden; 
}

.optionBox2 a .preview {
	display:block;
	width:300px;
	height:150px;
	background-color:#FFFFFF;
}

.optionBox2 a:hover .preview {
	width:300px;
	height:150px;
}
.optionBox2 .selected a:hover .preview {
	border-color:#009900;
	background-color:#eeffdd;
}
.optionBox li.selected img { border:1px solid #EEEEEE; background-color:#eeffdd }