#wrapperMF {
	position: relative; 
	/*border: 1px dashed white;*/
	width: 220px;
	height: 200px;
	margin: 0 auto;
	background-color: rgba(85, 85, 85, .5);
	border-radius: 20%;
}

#slider {
	width: 220px;
	height: 158px;
	background-color: white;
	overflow: hidden;
	margin: 95px auto;
}

.sliderImg {
	float: left;
}

.image {
	position: absolute;
	border-radius: '50%';
	font-size: 20px;
}

#slider #imagen> img {
	position: relative;
	width: 218px;
	height: 156px;
	/*added the Top: 0 to see if the images will display becuase it broke */
	top:0;
	/*display: none; */
}

#caption {
	position: absolute;
	top: 158px;
	left: -8px;
	width: 235px;
	height: 20px;
	text-align: center;
	font-style: italic;
	font-size: 18px;
	line-height: 20px;
	color: white;
}

#outOfCount {
	list-style-type: none;
	position: absolute;
	width: 200px;
	top: 148px;
	left: -30px;
	font-weight: bold;
	font-size: 12px;
	display: inline;
}

#outOfCount li {
	width: 80px;
	float: left;
}

#outOfCount li::first-child {
	float: left;
}

#outOfCount li:last-child {
	float: right;
}

/*#outOfCount {
	
position:  absolute;
	
width:  235px;
	
height:  20px;
	
top:  176px;
	
left:  -28px;
	

list-style:  none;
	 position:  absolute;
	 width:  220px;
	 height: 53px;
	 top: 145px;
	 font-weight:  bold;
	 font-size:  12px;
	 display:  inline-block;
	
}

#outOfCount li::first-child {
	
float:  left;
	
padding-right:  70px;
	
height:  20px;
	
top:  175px;
	
}

#outOfCount li:last-child {
	
float:  right;
	
padding-left:  0;
	
}

*/
.mfsSelected {
	-webkit-transform: scale(.96,.96);
	-moz-transform: scale(.96,.96);
	-o-transform: scale(.96,.96);
	-ms-transform: scale(.96,.96);
	transform: scale(.96,.96); /* IE 9 */
/* Safari and Chrome */
border: 1px solid green;
}

#sliderNav a {
	text-decoration: none;
	font-size: 32px;
	font-weight: bold;
}

#sliderNav a.left {
	position: absolute;
	top: 90px;
	left: -80px; /*border-radius:  30% 0 0 30%;
		*/
}

#sliderNav a.right {
	position: absolute;
	top: 90px;
	left: 275px; /*border-radius:  0 30% 30% 0;
	*/
}

#sliderNav a {
	padding: 15px 10 0 10px; /*background-color:  #F0F0F0;
	*/
margin-top: 0px;
	text-decoration: none; /*color:  #666;
	
	border:  1px solid rgba(85, 85, 85, .2);
	*/
}

#sliderNav a:hover {
	color: orange;
}

#unitSelected {
	position: absolute;
	width: 32px;
	left: 94px;
	top: 205px;
}

#unitInfo {
	position: absolute;
	width: 32px;
	left: 120px;
	top: -25px;
	color: green;
	cursor: pointer;
}

#unitInfo:hover {
	color: orange;
}


#unitAdd {
	position: absolute;
	width: 32px;
	left: 80px;
	top: -25px;
	color: green;
	cursor: pointer;
}

#unitAdd:hover {
	color: orange;
}

.unSelectUnitClr {
	background-color: #1ABC9C;
	color: black; 
	transform: scale(1,1);
}

.unSelectUnitBW {
	background-color:hsl(255,0%,40%);
	color:white;
	transform:scale(1,1);
}

.selectedUnit {
	background-color: green;
	color: yellow;
	box-shadow: 3px 3px 3px #7F7F7F;
	-webkit-box-shadow: 3px 3px 3px #7F7F7F;
	transform: scale(1.75,1.75);
}

.colorUnit {
	background-color: #1ABC9C;
	color:black;
	transform: scale(1,1);
}