body {
	font-family: Helvetica, Arial, sans-serif;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}

img {
	max-width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: none;
	display: block;
}

div {
	padding: 0px;
	margin: 0px;
	border: none;
}

div.body-content {
	margin: 3%;
}

div.machine {
	width: 550px;
	float: left;
	margin-right: 2%;
}

div.machineLeft {
	width: 76%;
	float: left;
}

div.machineRight {
	width: 21.5%;
	float: left;
}

div.machineRightTop {
	width: 100%;
   float: left;
}

div.machineRightMiddle {
	position: relative;
   width: 100%;
   float: left;
}

div.segmentDisplay {
   position: absolute;
   top: 53px;
   left: 30px;
   margin: 1em;
   padding: 0.5em;
   height: 30px;
   width: 40px;
}

div.machineRightButton {
	width: 100%;
   float: left;
}

div.machineRightBottom {
	width: 100%;
   float: left;
}

div.drinkButton {
   position: relative;
   width: 100%;
   float: left;
   cursor: pointer;
}

div.returnButton {
   position: absolute;
   top: 118px;
   left: 20px;
   width: 20px;
   height: 20px;
   cursor: pointer;
}

label.drinkLabel {
   position: absolute;
   top: 10px;
   left: 10px;
   cursor: pointer;
}


div.coins {
	width: 250px;
	float: left;
}

div.coin {
	width: 60px;
	float: left;
	cursor: pointer;
}