#help_info{
	position:absolute;
	top:12px;
	left:228px;
}

#instructions{
	width:418px;
	height:229px;
}

.item1{
	display:block;
	position:absolute;
	z-index:70;
}

.item2{
	display:block;
	position:absolute;
	z-index:2;
}

.item3{
	display:block;
	position:absolute;
	z-index:1;
}

#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:225px;
}

#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;
}

.tag{
	display:block;
	font:11px Arial;
	position:absolute;
	z-index:80;
	transform:translate(-40px, -8px);
	width:79px;
	height:47px;
}

.tag > p:nth-child(1){
	margin:auto;
	position:absolute;
    top:5px;
    left:50%;
    transform:translateX(-50%);
	white-space:nowrap;
}

.tag > p:nth-child(2){
	margin:auto;
	position:absolute;
    top:27px;
    left:0px;
	overflow:hidden;
    text-align:center;
	white-space:nowrap;
	width:48px;
	height:17px;
}

.tag > p:nth-child(3){
	margin:auto;
	position:absolute;
    top:27px;
    left:51px;
    text-align:center;
	white-space:nowrap;
	width:24px;
	height:17px;
}

#window-pane{
	background-repeat:no-repeat !important;
	border:ridge 13px #ffffff;
	position:absolute;
	z-index:40;
}

@media screen and (max-width:499px){/* small */
	/* small */
	.item2{
		display:none;
	}
	/* small */
	.item3{
		display:none;
	}
	/* small */
	.column1{
		display:none;
	}
	/* small */
	.column2{
		display:none;
	}
	/* small */
	.column3{
		display:none;
	}
	/* small */
	.column4{
		left:480px;
	}
	/* small */
	.row1{
		top:0px;
	}
	/* small */
	.row2{
		top:120px;
	}
	/* small */
	.row3{
		top:238px;
	}
	/* 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:225px;
	}
	/* 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 */
	#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 */
	/* medium small */
	.column1{
		display:none;
	}
	/* medium small */
	.column2{
		display:none;
	}
	/* medium small */
	.column3{
		left:305px;
	}
	/* medium small */
	.column4{
		left:465px;
	}
	/* medium small */
	.row1{
		top:0px;
	}
	/* medium small */
	.row2{
		top:118px;
	}
	/* medium small */
	.row3{
		top:241px;
	}
	/* 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:225px;
	}
	/* 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:-250px;
		width:575px !important;
		height:273px !important;
	}
	/* 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 */
	.column1{
		display:none;
	}
	/* medium */
	.column2{
		left:240px;
	}
	/* medium */
	.column3{
		left:345px;
	}
	/* medium */
	.column4{
		left:465px;
	}
	/* medium */
	.row1{
		top:0px;
	}
	/* medium */
	.row2{
		top:118px;
	}
	/* medium */
	.row3{
		top:241px;
	}
	/* medium */
	.height{
		height:600px !important;
	}
	/* medium */
	#help_info{
		top:40px;
		left:8%;
		width:575px;
	}
	/* medium */
	#recycler{
		top:289px;
		left:79%;
		width:105px !important;
		height:105px !important;
	}
	/* medium */
	#scan{
		top:75px;
		left:17px;
		width:65px;
		height:45px;
	}
	/* medium */
	#scanner{
		top:160px;
		left:61%;
		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:-175px;
		width:575px !important;
		height:273px !important;
	}
	/* 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 */
	.column1{
		left:113px;
	}
	/* main */
	.column2{
		left:240px;
	}
	/* main */
	.column3{
		left:345px;
	}
	/* main */
	.column4{
		left:475px;
	}
	/* main */
	.row1{
		top:0px;
	}
	/* main */
	.row2{
		top:118px;
	}
	/* main */
	.row3{
		top:245px;
	}
	/* main */
	.height{
		height:530px !important;
	}
	/* main */
	#help_info{
		top:40px;
		left:30%;
		width:600px;
	}
	/* main */
	#receipt{
		top:45px;
		right:5px;
		width:145px;
		height:225px;
	}
	/* 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:-50px;
		width:575px !important;
		height:273px !important;
	}
	/* 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 */
	.column1{
		left:148px;
	}
	/* large */
	.column2{
		left:318px;
	}
	/* large */
	.column3{
		left:453px;
	}
	/* large */
	.column4{
		left:627px;
	}
	/* large */
	.row1{
		top:0px;
	}
	/* large */
	.row2{/* large */
		top:155px;
	}
	/* large */
	.row3{
		top:323px;
	}
	/* 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:265px;
	}
	/* 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 */
	#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;
	}
	/* large */
	.tag{
		transform:scale(1.1) translate(-40px, -8px);
	}
}
@media screen and (min-width:1500px){/* Extra large */
	/* Extra large */
	.column1{
		left:175px;
	}
	/* Extra large */
	.column2{
		left:360px;
	}
	/* Extra large */
	.column3{
		left:550px;
	}
	/* Extra large */
	.column4{
		left:743px;
	}
	/* Extra large */
	.row1{
		top:0px;
	}
	/* Extra large */
	.row2{
		top:182px;
	}
	/* Extra large */
	.row3{
		top:380px;
	}
	/* 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:265px;
	}
	/* 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:907px !important;
		height:432px !important;
	}
	/* 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;
	}
	/* Extra large */
	.tag{
		transform:scale(1.2) translate(-40px, 2px);
	}
}