#help_info{
	position:absolute;
	top:12px;
	left:228px;
}

#instructions{
	width:418px;
	height:229px;
}

#receipt{
	background-color:#ffffff;
	box-shadow:5px 5px 15px 5px rgba(0,0,0,0.5);
	color:#333333;
	font:10px Arial !important;
	overflow:hidden;
	position:absolute;
	z-index:65;
	top:45px;
	right:5px;
	width:145px;
	height:235px;
}

#receiptBank{
	color:#777777;
	font:bold 11px Arial;
	padding-top:3px;
	text-transform:uppercase;
	white-space:pre-wrap;
	width:100%;
}

#receiptCheckout{
	background-color:#ffffff;
	position:absolute;
	top:160px;
	left:0px;
	padding:5px;
	width:100%;
}

#receiptProducts{
	padding:0px 17px 0px 5px;
	overflow:scroll;
	width:165px;
	height:200px;
}

#recycler{
	background-position:50% 50% !important;
	background-size:100% !important;
	background-repeat:no-repeat !important;
	position:absolute;
	z-index:90;
}

#scan{
	cursor:crosshair;
	position:absolute;
	top:50px;
	left:10px;
	z-index:65;
	width:85px;
	height:63px;
}

#scanner{
	background-position:50% 50% !important;
	background-size:100% !important;
	background-repeat:no-repeat !important;
	position:absolute;
	z-index:64;
}

#screen{
	padding:5px 0px 0px 12px;
	position:absolute;
	z-index:65;
	text-shadow:2px 2px 2px #000000;
}

#shelf{
	background-repeat:no-repeat !important;
	position:absolute;
	z-index:85;
}

#signs{
	overflow:hidden;
	position:absolute;
	z-index:50;
	width:200px;
	height:315px;
}

#sign-open{
	position:relative;
	z-index:50;
}

#sign-logo{
	background-position:0px 0px !important;
	background-size:169px 100px !important;
	background-repeat:no-repeat !important;
	overflow:hidden;
	position:absolute;
	left:0;
	z-index:1000;
	width:169px;
	height:100px !important;
}

.stretched{
	background-repeat:no-repeat !important;
	overflow:hidden;
}

#window-pane{
	background-repeat:no-repeat !important;
	border:ridge 13px #ffffff;
	position:absolute;
	z-index:40;
}




.item1{
	display:block;
	position:absolute;
	z-index:99;
}
.item2{
	display:block;
	position:absolute;
	z-index:99;
}
.item3{
	display:block;
	position:absolute;
	z-index:99;
}
.item4{
	display:block;
	position:absolute;
	z-index:99;
}
.item5{
	display:block;
	position:absolute;
	z-index:99;
}
.item6{
	display:block;
	position:absolute;
	z-index:99;
}

.tag{
	display:block;
	position:absolute;
}
.tag > p{
	font:12px Arial;
	margin:auto;
	position:absolute;
    top:4px;
    left:7px;
	overflow:hidden;
	text-align:center;
	white-space:nowrap;
	width:64px;
	height:35px;
}
.tag1{
    transform:rotate(50deg);
	width:77px;
	height:35px;
}
.tag2{
    transform:rotate(40deg);
	width:77px;
	height:35px;
}
.tag3{
    transform:rotate(50deg);
	width:77px;
	height:35px;
}
.tag4{
    transform:rotate(45deg);
	width:77px;
	height:35px;
}
.tag5{
    transform:rotate(90deg);
	width:77px;
	height:35px;
}
.tag6{
}
#chalkboard1{
	position:absolute;
	z-index:1000;
}
#chalkboard2{
	position:absolute;
}
#chalkboard3{
	position:absolute;
}
#chalkboard4{
	position:absolute;
}


@media screen and (max-width:499px){/* small */
	.item1{
		display:none;
	}
	.item2{
		display:block;
		top:175px;
		left:500px;
		width:100px;
		height:148px;
	}
	.item3{
		display:none;
	}
	.item4{
		display:none;
	}
	.item5{
		display:block;
		top:265px;
		left:485px;
		width:62px;
		height:100px;
	}
	.item6{
		display:block;
		top:10px;
		left:490px;
	}
	
	.tag{
	}
	.tag > p{
	}
	.tag1{
		display:none;
	}
	.tag2{
		top:80px;
		left:470px;
		z-index:100;
		transform:rotate(90deg);
		width:77px;
		height:35px;
	}
	.tag3{
		display:none;
	}
	.tag4{
		display:none;
	}
	.tag5{
		top:200px;
		left:480px;
		z-index:100;
		transform:rotate(45deg);
		width:77px;
		height:35px;
	}
	.tag6{
		top:-16px;
		left:460px;
		z-index:100;
		transform:rotate(90deg);
		width:77px;
		height:35px;
	}
	/* small */
	#chalkboard1{
		display:none;
	}
	/* small */
	#chalkboard2{
		display:none;
	}
	/* small */
	#chalkboard3{
		display:none;
	}
	/* small */
	#chalkboard4{
		display:none;
	}
	/* small */
	.height{
		height:530px !important;
		overflow:hidden;
	}
	/* small */
	#help_info{
		top:120px;
		left:2%;
		width:90%;
	}
	/* small */
	#instructions{
		width:97% !important;
	}
	/* small */
	#receipt{
		top:90px;
		right:5px;
		width:115px !important;
		height:235px;
	}
	/* small */
	#receiptCheckout{
		padding:2px;
		width:100%;
	}
	/* small */
	#receiptProducts{
		padding:0px 17px 0px 5px;
		width:112%;
		height:180px;
	}
	/* small */
	#recycler{
		top:334px;
		left:222px;
		width:105px !important;
		height:105px !important;
	}
	/* small */
	#scan{
		top:75px;
		left:17px;
		width:65px;
		height:45px;
	}
	/* small */
	#scanner{
		top:200px;
		left:116px;
		width:218px !important;
		height:301px !important;
	}
	/* small */
	#screen{
		font-size:9px !important;
		top:5px;
		left:10px;
		width:85px;
		height:53px;
	}
	/* small */
	#shelf{
		background-position:50% 50% !important;
		background-size:100% !important;
		top:250px;
		left:-420px;
		width:580px !important;
		height:265px !important;
	}
	/* small */
	#shelftop{
		display:none;
	}
	/* small */
	#signs{
		top:25px;
		left:25px;
	}
	/* small */
	#sign-open{
		display:none;/* special */
		/*top:-40px;*/
	}
	/* small */
	#sign-logo{
		top:45px;
	}
	/* small */
	.stretched{
		background-position:50% 490px !important;
		background-size:200% !important;
		overflow:hidden;
	}
}
@media screen and (min-width:500px) and (max-width:649px){/* medium small */
	.item1{
		display:none;
	}
	.item2{
		display:block;
		top:150px;
		left:500px;
		width:100px;
		height:148px;
	}
	.item3{
		display:block;
		top:195px;
		left:405px;
		width:85px;
		height:118px;
	}
	.item4{
		display:none;
	}
	.item5{
		display:block;
		top:265px;
		left:485px;
		width:62px;
		height:100px;
	}
	.item6{
		display:block;
		top:-40px;
		left:415px;
	}
	
	.tag{
	}
	.tag > p{
	}
	.tag1{
		display:none;
	}
	.tag2{
		top:80px;
		left:470px;
		z-index:100;
		transform:rotate(90deg);
		width:77px;
		height:35px;
	}
	.tag3{
		top:138px;
		left:350px;
		z-index:100;
		transform:rotate(50deg);
		width:77px;
		height:35px;
	}
	.tag4{
		display:none;
	}
	.tag5{
		top:200px;
		left:480px;
		z-index:100;
		transform:rotate(45deg);
		width:77px;
		height:35px;
	}
	.tag6{
		top:-16px;
		left:460px;
		z-index:100;
		transform:rotate(90deg);
		width:77px;
		height:35px;
	}
	/* medium small */
	#chalkboard1{
		display:none;
	}
	/* medium small */
	#chalkboard2{
		display:none;
	}
	/* medium small */
	#chalkboard3{
		display:none;
	}
	/* medium small */
	#chalkboard4{
		display:none;
	}
	/* medium small */
	.height{
		height:600px !important;
	}
	/* medium small */
	#help_info{
		top:60px;
		left:3%;
		width:550px;
	}
	/* medium small */
	#recycler{
		top:289px;
		left:78%;
		width:105px !important;
		height:105px !important;
	}
	/* medium small */
	#receipt{
		top:60px;
		right:5px;
		width:125px !important;
		height:235px;
	}
	/* medium small */
	#receiptCheckout{
		padding:5px;
		width:100%;
	}
	/* medium small */
	#receiptProducts{
		padding:0px 17px 0px 5px;
		width:112%;
		height:180px;
	}
	/* medium small */
	#scan{
		top:75px;
		left:17px;
		width:65px;
		height:45px;
	}
	/* medium small */
	#scanner{
		top:160px;
		left:58%;
		width:238px !important;
		height:321px !important;
	}
	/* medium small */
	#screen{
		top:5px;
		left:10px;
		width:80px;
		height:56px;
	}
	/* medium small */
	#shelf{
		background-position:50% 50% !important;
		background-size:100% !important;
		top:230px;
		left:-330px;
		width:575px !important;
		height:273px !important;
	}
	/* medium small */
	#shelftop{
		position:relative;
		top:-50px;
		left:350px;
	}
	/* medium small */
	#signs{
		top:15px;
		left:40%;
	}
	/* medium small */
	#sign-logo{
		top:45px;
	}
	/* medium small */
	#sign-open{
		top:-40px;
	}
	/* medium small */
	.stretched{
		background-position:50% 450px !important;
		background-size:100% !important;
	}
}
@media screen and (min-width:650px) and (max-width:874px){/* medium */
	.item1{
		display:block;
		top:100px;
		left:255px;
		scale:0.75;
	}
	.item2{
		display:block;
		top:90px;
		left:475px;
		scale:0.75;
	}
	.item3{
		display:block;
		top:158px;
		left:380px;
		scale:0.75;
	}
	.item4{
		display:block;
		top:245px;
		left:275px;
		scale:0.75;
	}
	.item5{
		display:block;
		top:250px;
		left:465px;
		scale:0.8;
	}
	.item6{
		display:block;
		top:-40px;
		left:194px;
	}
	
	.tag{
	}
	.tag > p{
	}
	.tag1{
		top:32px;
		left:280px;
		z-index:100;
		transform:rotate(50deg);
		width:77px;
		height:35px;
	}
	.tag2{
		top:80px;
		left:470px;
		z-index:100;
		transform:rotate(90deg);
		width:77px;
		height:35px;
	}
	.tag3{
		top:168px;
		left:355px;
		z-index:100;
		transform:rotate(50deg);
		width:77px;
		height:35px;
	}
	.tag4{
		top:207px;
		left:295px;
		z-index:100;
		transform:rotate(45deg);
		width:77px;
		height:35px;
	}
	.tag5{
		top:220px;
		left:480px;
		z-index:100;
		transform:rotate(45deg);
		width:77px;
		height:35px;
	}
	.tag6{
		top:-16px;
		left:460px;
		z-index:100;
		transform:rotate(90deg);
		width:77px;
		height:35px;
	}
	/* medium */
	#chalkboard1{
		font-size:12px;
		top:106px;
		left:87px;
	}
	/* medium */
	#chalkboard2{
		font-size:12px;
		top:143px;
		left:91px;
	}
	/* medium */
	#chalkboard3{
		font-size:12px;
		top:181px;
		left:94px;
	}
	/* medium */
	#chalkboard4{
		font-size:12px;
		top:216px;
		left:87px;
	}
	/* medium */
	.height{
		height:600px !important;
	}
	/* medium */
	#help_info{
		top:40px;
		left:8%;
		width:575px;
	}
	/* medium */
	#receipt{
		width:120px !important;
	}
	/* medium */
	#recycler{
		top:289px;
		left:82%;
		width:105px !important;
		height:105px !important;
	}
	/* medium */
	#scan{
		top:75px;
		left:17px;
		width:65px;
		height:45px;
	}
	/* medium */
	#scanner{
		top:160px;
		left:68%;
		width:238px !important;
		height:321px !important;
	}
	/* medium */
	#screen{
		top:5px;
		left:10px;
		width:80px;
		height:56px;
	}
	/* medium */
	#shelf{
		background-position:50% 50% !important;
		background-size:100% !important;
		top:230px;
		left:-90px;
		width:575px !important;
		height:273px !important;
		scale:0.9;
	}
	/* medium */
	#shelftop{
		position:relative;
		top:-50px;
		left:130px;
	}
	/* medium */
	#signs{
		top:15px;
		left:45%;
	}
	/* medium */
	#sign-open{
		top:-40px;
	}
	/* medium */
	#sign-logo{
		top:45px;
	}
	/* medium */
	.stretched{
		background-position:50% 450px !important;
		background-size:100% !important;
	}
}
@media screen and (min-width:875px) and (max-width:1199px){/* main */
	.item1{
		display:block;
		top:103px;
		left:300px;
		scale:0.75;
	}
	.item2{
		display:block;
		top:97px;
		left:495px;
		scale:0.75;
	}
	.item3{
		display:block;
		top:185px;
		left:405px;
		scale:0.75;
	}
	.item4{
		display:block;
		top:245px;
		left:315px;
		scale:0.75;
	}
	.item5{
		display:block;
		top:260px;
		left:520px;
		scale:0.8;
	}
	.item6{
		display:block;
		top:-40px;
		left:165px;
	}
	
	.tag{
	}
	.tag > p{
	}
	.tag1{
		top:42px;
		left:317px;
		z-index:100;
		transform:rotate(50deg);
		width:77px;
		height:35px;
	}
	.tag2{
		top:100px;
		left:500px;
		z-index:100;
		transform:rotate(90deg);
		width:77px;
		height:35px;
	}
	.tag3{
		top:125px;
		left:430px;
		z-index:100;
		transform:rotate(50deg);
		width:77px;
		height:35px;
	}
	.tag4{
		top:225px;
		left:340px;
		z-index:100;
		transform:rotate(45deg);
		width:77px;
		height:35px;
	}
	.tag5{
		top:220px;
		left:460px;
		z-index:100;
		transform:rotate(90deg);
		width:77px;
		height:35px;
	}
	.tag6{
		top:-16px;
		left:460px;

		z-index:100;
		transform:rotate(90deg);
		width:77px;
		height:35px;
	}
	/* main */
	#chalkboard1{
		font-size:12px;
		top:117px;
		left:96px;
	}
	/* main */
	#chalkboard2{
		font-size:12px;
		top:159px;
		left:99px;
	}
	/* main */
	#chalkboard3{
		font-size:12px;
		top:199px;
		left:103px;
	}
	/* main */
	#chalkboard4{
		font-size:12px;
		top:237px;
		left:96px;
	}
	/* main */
	.height{
		height:530px !important;
	}
	/* main */
	#help_info{
		top:40px;
		left:30%;
		width:600px;
	}
	/* main */
	#receipt{
		top:45px;
		right:5px;
		width:145px;
		height:235px;
	}
	/* main */
	#receiptCheckout{
		top:160px;
		left:0px;
		width:100%;
	}
	/* main */
	#receiptProducts{
		padding:0px 17px 0px 5px;
		width:165px;
		height:200px;
	}
	/* main */
	#recycler{
		top:275px;
		left:82%;
		width:120px !important;
		height:120px !important;
	}
	/* main */
	#scan{
		top:90px;
		left:15px;
		width:80px;
		height:55px;
	}
	/* main */
	#scanner{
		top:120px;
		left:69%;
		width:273px !important;
		height:370px !important;
	}
	/* main */
	#screen{
		top:5px;
		left:10px;
		width:92px;
		height:65px;
	}
	/* main */
	#shelf{
		background-position:50% 50% !important;
		background-size:100% !important;
		top:215px;
		left:10px;
		width:630px !important;
		height:300px !important;
	}
	/* main */
	#shelftop{
		position:relative;
		top:-50px;
		left:100px;
	}
	/* main */
	#signs{
		top:0px;
		left:50%;
	}
	/* main */
	#sign-open{
		top:-40px;
	}
	/* main */
	#sign-logo{
		top:45px;
	}
	/* main */
	.stretched{
		background-position:50% 430px !important;
		background-size:100% !important;
	}
}
@media screen and (min-width:1200px) and (max-width:1499px){/* large */
	.item1{
		display:block;
		top:160px;
		left:400px;
	}
	.item2{
		display:block;
		top:160px;
		left:650px;
	}
	.item3{
		display:block;
		top:235px;
		left:525px;
	}
	.item4{
		display:block;
		top:335px;
		left:425px;
	}
	.item5{
		display:block;
		top:335px;
		left:642px;
	}
	.item6{
		display:block;
		top:-40px;
		left:248px;
	}
	
	.tag{
	}
	.tag > p{
	}
	.tag1{
		top:42px;
		left:387px;
		z-index:100;
		transform:rotate(50deg);
		width:77px;
		height:35px;
	}
	.tag2{
		top:120px;
		left:600px;
		z-index:100;
		transform:rotate(90deg);
		width:77px;
		height:35px;
	}
	.tag3{
		top:170px;
		left:540px;
		z-index:100;
		transform:rotate(50deg);
		width:77px;
		height:35px;
	}
	.tag4{
		top:280px;
		left:414px;
		z-index:100;
		transform:rotate(45deg);
		width:77px;
		height:35px;
	}
	.tag5{
		top:290px;
		left:560px;
		z-index:100;
		transform:rotate(90deg);
		width:77px;
		height:35px;
	}
	.tag6{
		top:-16px;
		left:460px;
		z-index:100;
		transform:rotate(90deg);
		width:77px;
		height:35px;
	}
	/* large */
	#chalkboard1{
		font-size:14px;
		top:140px;
		left:119px;
	}
	/* large */
	#chalkboard2{
		font-size:14px;
		top:192px;
		left:123px;
	}
	/* large */
	#chalkboard3{
		font-size:14px;
		top:242px;
		left:128px;
	}
	/* large */
	#chalkboard4{
		font-size:14px;
		top:287px;
		left:117px;
	}
	/* large */
	.height{
		height:650px !important;
	}
	/* large */
	#help_info{
		top:40px;
		left:42%;
		width:675px;
		height:300px !important;
	}
	/* large */
	#receipt{
		top:50px;
		right:5px;
		width:205px !important;
		height:275px;
	}
	/* large */
	#receiptCheckout{
		font:14px Arial !important;
		top:180px;
		padding:6px;
		width:100%;
	}
	/* large */
	#receiptProducts{
		font:14px Arial !important;
		padding:0px 17px 0px 5px;
		width:225px;
		height:180px;
	}
	/* large */
	#recycler{
		top:333px;
		left:80%;
		width:131px !important;
		height:130px !important;
	}
	/* large */
	#scan{
		top:90px;
		left:10px;
		width:85px;
		height:63px;
	}
	/* large */
	#scanner{
		top:188px;
		left:70%;
		width:280px !important;
		height:378px !important;
	}
	/* large */
	#screen{
		top:5px;
		left:10px;
		width:85px;
		height:63px;
	}
	/* large */
	#shelf{
		background-position:50% 50% !important;
		background-size:100% !important;
		top:235px;
		left:50px;
		width:762px !important;
		height:363px !important;
	}
	/* large */
	#shelftop{
		position:relative;
		top:-50px;
		left:182px;
	}
	/* large */
	#signs{
		top:0px;
		left:58%;
	}
	/* large */
	#sign-logo{
		top:65px;
	}
	/* large */
	#sign-open{
		top:-20px;
	}
	/* large */
	.stretched{
		background-position:50% 512px !important;
		background-size:100% !important;
	}
}
@media screen and (min-width:1500px){/* Extra large */
	.item1{
		display:block;
		top:160px;
		left:400px;
	}
	.item2{
		display:block;
		top:160px;
		left:675px;
	}
	.item3{
		display:block;
		top:260px;
		left:565px;
	}
	.item4{
		display:block;
		top:365px;
		left:405px;
	}
	.item5{
		display:block;
		top:360px;
		left:696px;
	}
	.item6{
		display:block;
		top:-40px;
		left:316px;
	}
	
	.tag{
	}
	.tag > p{
	}
	.tag1{
		top:42px;
		left:387px;
		z-index:100;
		transform:rotate(50deg);
		width:77px;
		height:35px;
	}
	.tag2{
		top:120px;
		left:630px;
		z-index:100;
		transform:rotate(90deg);
		width:77px;
		height:35px;
	}
	.tag3{
		top:170px;
		left:570px;
		z-index:100;
		transform:rotate(50deg);
		width:77px;
		height:35px;
	}
	.tag4{
		top:280px;
		left:410px;
		z-index:100;
		transform:rotate(45deg);
		width:77px;
		height:35px;
	}
	.tag5{
		top:290px;
		left:620px;
		z-index:100;
		transform:rotate(90deg);
		width:77px;
		height:35px;
	}
	.tag6{
		top:-16px;
		left:460px;
		z-index:100;
		transform:rotate(90deg);
		width:77px;
		height:35px;
	}
	/* Extra large */
	#chalkboard1{
		font-size:16px;
		top:160px;
		left:134px;
	}
	/* Extra large */
	#chalkboard2{
		font-size:16px;
		top:215px;
		left:138px;
	}
	/* Extra large */
	#chalkboard3{
		font-size:16px;
		top:271px;
		left:143px;
	}
	/* Extra large */
	#chalkboard4{
		font-size:16px;
		top:325px;
		left:132px;
	}
	/* Extra large */
	.height{
		height:750px !important;
	}
	/* Extra large */
	#help_info{
		top:35px;
		left:43%;
		width:800px;
	}
	/* Extra large */
	#receipt{
		top:50px;
		left:80% !important;
		width:205px !important;
		height:275px;
	}
	/* Extra large */
	#receiptCheckout{
		font:14px Arial !important;
		top:180px;
		padding:6px;
		width:100%;
	}
	/* Extra large */
	#receiptProducts{
		font:14px Arial !important;
		padding:0px 17px 0px 5px;
		width:225px;
		height:180px;
	}
	/* Extra large */
	#recycler{
		top:346px;
		left:74%;
		width:156px !important;
		height:155px !important;
	}
	/* Extra large */
	#scan{
		top:100px;
		left:20px;
		width:100px;
		height:80px;
	}
	/* Extra large */
	#scanner{
		top:175px;
		left:65%;
		width:333px !important;
		height:450px !important;
	}
	/* Extra large */
	#screen{
		top:5px;
		left:10px;
		width:112px;
		height:78px;
	}
	/* Extra large */
	#shelf{
		background-position:50% 50% !important;
		background-size:100% !important;
		top:235px;
		left:100px;
		width:860px !important;
		height:410px !important;
	}
	/* Extra large */
	#shelftop{
		position:relative;
		top:-50px;
		left:250px;
	}
	/* Extra large */
	#signs{
		top:0px;
		left:55%;
	}
	/* Extra large */
	#sign-logo{
		top:65px;
	}
	/* Extra large */
	#sign-open{
		top:-20px;
	}
	/* Extra large */
	.stretched{
		background-position:50% 572px !important;
		background-size:100% !important;
	}
}