#divGroceries {
	// background-image: url("sketch-960x300.jpg");
	position: relative;
  display: block;
  margin: auto;
  width: 960px;
  height: 300px;
  border: 2px solid #cc0000;
  z-Index: -1;
}

#divWallet {
	background-image: url("wallet-80x78.png");
	position: absolute;
  display: none;
	left: 195px;
	top: 201px;
	width: 80px;
	height: 78px;
	z-index: 20;
	// border: 2px solid black;
}	
#divWalletA {
	background-color: white;
	position: absolute;
  display: none;
	left: 195px;
	top: 201px;
	width: 70px;
	height: 70px;
	z-index: 20;
	border: 5px solid blue;
}

#divCashier {
	background-image: url("cashier-80x100.jpg");
	position: absolute;
  display: none;
	left: 685px;
	top: 10px;
	width: 80px;
	height: 100px;
	z-index: 20;
	// border: 2px solid black;
}
#divCashierA {
	background-color: white;
	position: absolute;
  display: none;
	left: 685px;
	top: 20px;
	width: 70px;
	height: 70px;
	z-index: 20;
	border: 5px solid blue;
}

#divCustomer {
	background-image: url("face-180x180.jpg");
	position: absolute;
  display: none;
	left: 400px;
	top: 70px;
	width: 180px;
	height: 180px;
	z-index: 20;
	border: 1px solid black;
}
#divCustomerA {
	position: absolute;
  display: none;
	left: 445px;
	top: 115px;
	width: 70px;
	height: 70px;
	z-index: 20;
	// border: 4px solid red;
}

#animPump {
  position: absolute;
  left: -275px;
  top: -230px;
  transform: scale(0.12);
	border: 20px solid red;
}
#animPumpA {
  position: absolute;
  left: -355px;
  top: -305px;
  transform: scale(0.12);
	border: 40px solid red;
}


#divLabelPurpose {
	position: absolute;
  display: block;
	left: 330px;
	top: 10px;
	width: 320px;
	// height: 18px;
	// background: white;
	// border: 1px solid black;
	font-family: "Bree Serif";
	font-weight: 100;
	color: black;
	font-size: 20px;
}

#divLabelWallet {
	position: absolute;
  display: none;
	left: 70px;
	top: 260px;
	width: 110px;
	// height: 18px;
	background: white;
	// border: 1px solid black;
	font-family: "Arial";
  font-weight:bold;
  color: black;
  font-size: 15px;
}

#divLabelCashier{
	position: absolute;
  display: none;
	left: 780px;
	top: 90px;
	width: 110px;
	height: 18px;
	background: white;
	// border: 1px solid black;
	font-family: "Arial";
  font-weight:bold;
  color: black;
  font-size: 15px;
}

#divLabelCustomer{
	position: absolute;
  display: none;
	left: 590px;
	top: 197px;
	width: 80px;
	height: 18px;
	background: white;
	// border: 1px solid black;
	font-family: "Arial";
  font-weight:bold;
  color: black;
  font-size: 15px;
}

#divOne {
	position: relative;
  display: block;
  margin: auto;
  width: 520px;
  height: 30px;
  border: 2px solid white;
  border-radius: 10px;
  background-color: #558000;
  cursor: pointer;
}
#divTwo {
	position: relative;
  display: block;
  margin: auto;
  width: 275px;
  height: 30px;
  border: 2px solid white;
  border-radius: 10px;
  background-color: #558000;
  cursor: pointer;
}
#divThree {
	position: relative;
  display: block;
  margin: auto;
  width: 200px;
  height: 30px;
  border: 2px solid white;
  border-radius: 10px;
  background-color: #558000;
  cursor: pointer;
}
#divClear {
	position: relative;
  display: block;
  margin: auto;
  width: 100px;
  height: 30px;
  border: 2px solid white;
  border-radius: 10px;
  background-color: #558000;
  cursor: pointer;
}