.show-details {
			float: right;
			width: 14px;
			height: 16px;
			
		}
		
.representativeChildItem {
	border: 1px dotted #949393;
	width: 282px;
	float: left;
}	

.rep-details {
	display: none; /* this container is hidden by default */
}

.rep-details .close-details {
		float: right;
		width: 14px;
		height: 16px;

		cursor: pointer;
		padding-right: 7px;
	}

.item-summary {
		cursor: pointer;
		padding: 5px 12px 5px 48px;
		zoom: 1;
	}
	
.item-summary:after {
		content: ".";
		clear: both;
		height: 0;
		visibility: hidden;
		display: block;
	}
.special-active {
			border-top: 1px dotted #949393;
		}