.highlightsBox {
	width: 478px;
	background-color: #EEEEEC;
	border: 1px solid #d1d1d1;	
	padding: 10px;
	margin: 0px 0px 20px 10px;
}

.highlightsThumbnails {
	float: left;
	width: 83px;
}

.highlightsContent {
	float: right;
	width: 390px;
}

.highlightsImage {
	float: left;
	width: 161px;
}

.highlightsDescription {
	float: right;
	width: 309px;
}

#content {   
	float: right;
	width: 500px;
	margin: 0 0 40px 0px;
	display: inline; /* fixes IE Doubled Float-Margin Bug */
	padding: 0; 
}

/* misc. rules begin */

/* see http://rd.ecentricarts.com/css/clearfloat/ for details and html */
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 1px;
  line-height: 0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* misc. rules ends */