body {
	margin: 0px;
}

div { 
	position:absolute; 
	margin:0px; 
	padding:0px;
}

.bannerSize {
	width:300px; 
	height:250px; 
}

#viewport { 
	overflow:hidden;
    background-color: #FFFFFF;
    position: absolute;
	/* margin: 0 auto; */
	margin: 0 auto
}


#border { 
	position: absolute;
	pointer-events: none;
    left: 0px;
    top: 0px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #000000;
}

#clickable { 
	position: absolute;
    left: 0px;
    top: 0px;
	background-color: white;
	opacity: 0;
}

.stackingCart, .boxes{
	opacity: 0;
}

#bkgd1
{
	background: url(images/bkgd1.jpg) no-repeat;
	background-size: contain;
}


#text1a{
background: url(images/text1a.png) no-repeat;
	background-size: contain;
	width: 300px;
	height: 250px;
	left:0;
	top:0;
}
#text2{
	background: url(images/text2.png) no-repeat;
	background-size: contain;
	width: 300px;
	height: 250px;
	left:0;
	top:0;

}
#text2a{
	background: url(images/text2a.png) no-repeat;
	background-size: contain;
	width: 300px;
	height: 250px;
	left:0;
	top:0;

}
#text2b{
background: url(images/text2b.png) no-repeat;
	background-size: contain;
	width: 300px;
	height: 250px;
	left:0;
	top:0;
}
#text3b{
	/* background: url(images/text3b.png) no-repeat; */
	background-size: contain;
	width: 300px;
	height: 250px;
	left:0;
	top:0;

}

#panel {
	background: url(images/panel.png) no-repeat;
	background-size: contain;
	
}
#logo1 {
	background: url(images/logo1.png) no-repeat;
	background-size: contain;
}

#logo2 {
	background: url(images/logo2.png) no-repeat;
	background-size: contain;
}

#logo3 {
	background: url(images/logo3.png) no-repeat;
	background-size: contain;
}

#cart_holder{
	position: absolute;
	/* background-color: green; */
}

#emptyCart {
	background: url(images/emptyCart.png) no-repeat;
	background-size: contain;
}

#emptyCart1 {
	background: url(images/emptyCart1.png) no-repeat;
	background-size: contain;
}

#emptyCart2 {
	background: url(images/emptyCart2.png) no-repeat;
	background-size: contain;
}

#emptyCart3 {
	background: url(images/emptyCart3.png) no-repeat;
	background-size: contain;
}

#emptyCart4 {
	background: url(images/emptyCart4.png) no-repeat;
	background-size: contain;
}

#emptyCart5 {
	background: url(images/emptyCart5.png) no-repeat;
	background-size: contain;
}

#stackingCart {
	background: url(images/stackingCart.png) no-repeat;
	background-size: contain;
}

#stackingCart1 {
	background: url(images/stackingCart1.png) no-repeat;
	background-size: contain;
}

#stackingCart2 {
	background: url(images/stackingCart2.png) no-repeat;
	background-size: contain;
}

#stackingCart3 {
	background: url(images/stackingCart3.png) no-repeat;
	background-size: contain;
}

#stackingCart4 {
	background: url(images/stackingCart4.png) no-repeat;
	background-size: contain;
}

#stackingCart5 {
	background: url(images/stackingCart5.png) no-repeat;
	background-size: contain;
}

#boxes1 {
	background: url(images/boxes1.png) no-repeat;
	background-size: contain;
}

#boxes2 {
	background: url(images/boxes2.png) no-repeat;
	background-size: contain;
}

#boxes3 {
	background: url(images/boxes3.png) no-repeat;
	background-size: contain;
}

#boxes4 {
	background: url(images/boxes4.png) no-repeat;
	background-size: contain;
}

#boxes5 {
	background: url(images/boxes5.png) no-repeat;
	background-size: contain;
}

#boxes6 {
	background: url(images/boxes6.png) no-repeat;
	background-size: contain;
}

#bottom_line{
	background: url(images/redline.png) no-repeat;
	background-size: contain;
	opacity: 1.0;

}