img{ border:0px; }

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:before,
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.clearfix{
	display:block;zoom:1
}

/**###########  DEMO CSS ###########*/
.demo{
	margin: 0px;
	width: 400px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
.demo1{
	margin: 0px;
	width: 400px;
	padding: 0px;
	text-align:center;
	vertical-align:middle;
}
ul#thumblist{
	display:block;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
}
ul#thumblist li{
	float:left;
	list-style:none;
	height: 72px;
	width: 72px;
	padding-right: 7px;
	padding-left: 8px;
	text-align: center;
}
ul#thumblist li a{display:block;border:1px solid #CCC;}
ul#thumblist li a.zoomThumbActive{
    border:1px solid red;
}
/**###########  END DEMO CSS ###########*/