.viewer {
	width: 300px;
	text-align: right;
	float: left;
	margin-left: 80px;
}
.viewer div {
	width: 300px;
	height: 200px;
	overflow: hidden;
	position: relative;
}
.viewer div img {
    top: 0;
    left: 0;
    position: absolute;
}

.viewer ul {
	width: 300px;
}

.viewer ul li {
    width: 100px;
    float: left;
    display: inline;
}

.viewer .active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}