@charset "UTF-8";


html {}
body {font: 62.5%/1.9em  Helvetica, Arial, sans-serif; background: #666 url(../images/traditionalwallpaper.jpg) repeat; color: #ccc;  text-align:left;}
p {font-size: 1.4em; line-height: 1.6em; margin-bottom: 1.6em;}
.noborder {border: none !important;}
.encapsulate {height:100%; overflow: hidden;}


#header {
	height:100px;
	line-height:100px;
	width:7000px;
	position:absolute;
	overflow:hidden;
	background-color: transparent;
	top:-2px;
	z-index: 99!important;
}
#truckposition {position: fixed; margin: 0 auto; background:transparent; width:253px; height:100px; overflow: hidden; bottom:596px; left:50px; z-index: 2!important; margin:0;padding:0;}


a div#truck {display:block; width:253px; height:100px; background: url(../images/truck.gif);}
a:hover div#truck {display:block; width:253px; height:100px; background: url(../images/truck.gif) 0px -100px;}

a div#truck2 {display:block; width:253px; height:100px; background: url(../images/truck.gif);}
a:hover div#truck2 {display:block; width:253px; height:100px; background: url(../images/truck.gif) 0px -100px;}
#welcomesign { position: absolute; margin-left: 0px;  bottom:347px;  background: transparent; z-index: 999!important; display: none;}


#search {float:right; }
#search-result-panel {display:block; position:fixed; height: 500px; width:500px; overflow:hidden; margin: auto; padding: 20px; background: transparent; z-index: 5000!important;  left:50%; margin-left: -250px; bottom:50%; margin-bottom:-250px;  }
.search-result {background: #fff; color: #000; height: border-bottom: 1px dotted #ccc; padding: 10px;}
.search_result h3 a {color:red; text-decoration: underline;}
.search-result h3 {font-size:1.7em; font-weight:bold;}
#menu form div.search-box {padding:3px; float:left;}


#content {position:absolute; width:7000px; top:100px; left:0; right:0; bottom:0px; }
#main {
	width: 7000px;
	height:700px;
	padding: 10px 0px;
	position:absolute;
	left:0px;
	right:0;
	bottom:0px;
	overflow:auto;
	border-left:1px solid #717171;
	background: transparent url(../images/background.jpg) repeat-x;
	background-position: bottom;
}
#footer {height:50px; width:7000px; position:absolute; bottom:0; overflow:hidden; background-color: #000;}
#header h1 {color: #fff; font-size: 3em; float:left; line-height: 100px;}
#header p {color: #fff;}
#footer h1 {color: #fff; font-size: 1.5em; margin:10px 10px 0 10px; bottom:0; z-index: 55!important;}
#scales {background:url(../images/scales-grey.gif); display:block; left:5px; width: 152px; height: 240px; position: absolute; bottom:0px;}
a div#newproduct {display:block; position: absolute; left:30px; bottom:55px; width:111px; height:119px; background: url(../images/new-product.png);}
a:hover div#newproduct {display:block; width:111px; height:119px; background: url(../images/new-product.png) 0px -119px;}

#twitterindex {height: 57px;width: 71px;margin:0;padding:0;background-image:url(../images/twittersign-over.gif);}
#twitterindex a, #twitterindex a:link, #twitterindex a:visited {display:block;}
#twitterindex img {width:100%;height:100%;border:0;}
#twitterindex a:hover img {visibility:hidden;}
#facebookindex {height: 57px;width: 71px;margin:0;padding:0;background-image:url(../images/facebooksign-over.gif);}
#facebookindex a, #facebookindex a:link, #facebookindex a:visited {display:block;}
#facebookindex img {width:100%;height:100%;border:0;}
#facebookindex a:hover img {visibility:hidden;}


.man{ position: absolute; margin-left: 1060px;  bottom:0px; background: transparent; z-index: 3!important;}
a div#jack {display:block; width:334px; height:411px; background: url(../images/jack.png);}
a:hover div#jack {display:block; width:334px; height:411px; background: url(../images/jack.png) 0px -411px;}

.registerplace { position: absolute; margin-left: 900px;  bottom:0px; background: transparent; z-index: 4!important;}
a div#register {display:block; width:238px; height:181px; background: url(../images/register.png);}
a:hover div#register {display:block; width:238px; height:181px; background: url(../images/register.png) 0px -181px;}

#sign { position: absolute; margin-left: 20px;  bottom:180px; width:100px; height:240px; background: transparent; z-index: 20!important;}

#book {height: 300px;width: 400px;margin:0;padding:0;background-image:url(../images/book.gif);}
#book a, #book a:link, #book a:visited {display:block;}
#book img {width:100%;height:100%;border:0;}
#book a:hover img {visibility:hidden;}

#bookposition {position: absolute; margin-left: 4750px;  bottom:32px; width:400px; height:269px; background: transparent; z-index: 21!important;}
#comingsoon {position: absolute; margin-left: 3750px;  bottom:0px; width:130px; height:25px; background: transparent; z-index: 21!important;}

#shelf1 {position: absolute; bottom: 391px; left:0; padding-left:75px; height: 174px;  width:1925px; background: transparent url(../images/shelf2000.gif) no-repeat bottom; z-index: 2!important;}
#shelf2 {position: absolute; bottom: 234px; left:0; padding-left:75px; height:174px;  vertical-align: bottom; width:1925px; background: transparent url(../images/shelf2000.gif) no-repeat bottom; z-index: 2!important;}
#shelf3 {position: absolute; bottom: 117px; left:0; padding-left:75px; height: 120px; width:700px; z-index: 5!important;}
#counter {position: absolute; bottom: 107px; left:0;   vertical-align: bottom; width:7000px; z-index: 4!important;}


#shelfouter {position: absolute; bottom: 391px; left:0; padding-left:50px; height: 174px;  width:2200px; z-index: 2!important;}
#shelfouter2 {position: absolute; bottom: 234px; left:0; padding-left:50px; height:174px;  vertical-align: bottom; width:2200px; z-index: 2!important;}
#shelfouter3 {position: absolute; bottom: 117px; left:0; padding-left:75px; height: 120px; width:700px; z-index: 5!important;}


/*---Shelves .shelfmiddle must be a mulitple of 54px otherwise the ends will not match up--*/

.shelfmiddle {display:block; height: 174px;  width:1998px; background: transparent url(../images/shelf.png) repeat-x bottom; z-index: 2!important; float:left;}
.shelfendleft{display:block; height: 174px;  width:54px; background: transparent url(../images/shelfendleft.png) no-repeat bottom; z-index: 2!important; float:left; }
.shelfendright{display:block; height: 174px;  width:54px; background: transparent url(../images/shelfendright.png) no-repeat bottom; z-index: 2!important; float:left;}

/*---Jars--*/

.jarouter {display:block; width:auto; height: auto; margin-top: 1px;}
.jar1 { height: 120px; z-index: 10!important; float: left; margin-left: -5px; margin-right: -5px;}
.jar2 { height: 120px; z-index: 10!important; float: left; margin-left: -10px; margin-right: -10px;}
.jarspacer {height: 120px;  width:100px; z-index: 10!important; float: left; background: transparent;}
.pack1 { height: 120px; z-index: 10!important; float: left; margin-left: -5px; margin-right: -5px;}
.display { height: 180px; z-index: 10!important; float: left; margin-left: 10px; margin-right: 0px; z-index: 22!important;}


#homedept {position: absolute; margin-left: 125px; background: red; display: block; width:1024px; border:0px dotted #eee; bottom:0px; height:600px; background: transparent;}
#welcome_home {position: absolute; margin-left: 500px;  bottom:575px; width:auto; height:auto; background: transparent; text-align: center; display: none;}
#welcome_home h1 {display:block; background: #333; color: #eee; padding: 5px 10px; font-size: 1.5em;}
#register_home {position: absolute; margin-left: 850px;  bottom:0px; width:238px; height:181px; background: transparent;}

#xmasdept {position: absolute; margin-left: 2425px; display: block; width:750px; border:0px dotted #eee; bottom:0px; height:700px; background:transparent;}
#welcome_xmas {position: absolute; margin-left: 275px;  bottom:500px; width:auto; height:auto; background: transparent; text-align: center;}
#welcome_xmas h1 {display:block; background: #000; color: #ccc; padding: 5px 10px; font-size: 1.5em;}
#shelf4 {position: absolute; bottom: 391px; left:0; height: 175px; width:750px; background: transparent url(../images/shelf750.gif) no-repeat bottom;}
#shelf5 {position: absolute; bottom: 234px; left:0; height: 120px; line-height: 120px; vertical-align: bottom; width:750px; background: transparent url(../images/shelf750.gif) no-repeat bottom;}
#shelf6 {position: absolute; bottom: 117px; left:0; padding-left: 75px; height: 120px; line-height: 120px; vertical-align: bottom; width:625px; z-index: 4!important;}
#xmasstocking {position: absolute; background:transparent; overflow: hidden; bottom:25px; left:450px; z-index: 2!important; height: 179px; width: 170px;}
#snowglobe {position: absolute; background:transparent; overflow: hidden; bottom:54px; left:75px; z-index: 2!important;  width:79px; height: 68px;}
#candycane {position: absolute; background:transparent; overflow: hidden; bottom:54px; left:165px; z-index: 2!important; width:63px; height: 95px;}

#easterdept {position: absolute; margin-left: 3125px; display: block; width:750px; border:0px dotted #eee; bottom:0px; height:600px; background:transparent;}
#welcome_easter {position: absolute; margin-left: 260px;  bottom:500px; width:auto; height:auto; background: transparent; text-align: center;}
#welcome_easter h1 {display:block; background: #000; color: #ccc; padding: 5px 10px; font-size: 1.5em;}
#shelf7 {position: absolute; bottom: 391px; left:0; height: 175px; line-height: 175px; vertical-align: bottom; width:750px; background: transparent url(../images/shelf750.gif) no-repeat bottom;}
#shelf8 {position: absolute; bottom: 234px; left:0px; height: 175px; line-height: 175px; vertical-align: bottom; width:750px; background: transparent url(../images/shelf750.gif) no-repeat bottom;}
#shelf9 {position: absolute; bottom: 117px; left:0px; padding-left:75px; height: 120px; line-height: 120px; vertical-align: bottom; width:750px;z-index: 4!important;}
.easteritem {position: absolute; bottom: 54px; left:60px; height: auto;}
.shelfbasket {position: absolute; bottom: -30px; left:500px; height: auto;}
.hotcrossbuns {position: absolute; bottom: 0px; left:360px; height: auto;}
.chicks {position: absolute; bottom: 54px; left:160px; height: auto;}


#halloweendept {position: absolute; margin-left: 3625px; display: block; width:750px; border:0px dotted #eee; bottom:0px; height:600px; background:transparent;}
#welcome_halloween {position: absolute; margin-left: 275px;  bottom:500px; width:auto; height:auto; background: transparent; text-align: center;}
#welcome_halloween h1 {display:block; background: #000; color: #ccc; padding: 5px 10px; font-size: 1.5em;}
#shelf10 {position: absolute; bottom: 391px; left:0; height: 175px; vertical-align: bottom; width:750px; background: transparent url(../images/shelf750.gif) no-repeat bottom;}
#shelf11 {position: absolute; bottom: 234px; left:0; height: 175px; vertical-align: bottom; width:750px; background: transparent url(../images/shelf750.gif) no-repeat bottom;}
#shelf12 {position: absolute; bottom: 118px; left:0; height: 120px; line-height: 120px; vertical-align: bottom; width:750px;}
.eyeballs {margin-right: 75px; bottom:-2px}
.spider {}
.countersign {position: absolute; left: 375px; margin-left:-65px;  bottom:99px; width:auto; height:auto; background: transparent; text-align: center;}


#historydept {position: absolute; margin-left: 4000px; display: block; width:750px; border:1px dotted #eee; bottom:107px; height:600px; background: transparent; font-family: Times, serif; z-index: 10!important;}

#paper {position: absolute; background:transparent; width:500px; height:425px; margin-left: 0; bottom: 25px; border:0px #666 solid; overflow-y: auto; }
.article {background: transparent; padding:20px 50px; margin: 20px 50px; border-bottom: 1px dotted #ccc; text-align: left; clear:both; overflow: hidden;}
.article p {color: #000; font-size: 1.5em;}
.article h1 {color: #000; font-size: 2em; font-weight: bold; padding-bottom: 5px;}
.article img {margin: 0 0 10px 20px; float:right;}

#welcome_history {position: absolute; margin-left: 0px;  bottom:500px; width:200px; height:50px; background: transparent; color: #fff; text-align: center;}
#welcome_history {position: absolute; margin-left: 325px;  bottom:442px; width:auto; height:auto; background: transparent; text-align: center;}
#welcome_history h1 {display:block; background: #993300; color: #ccc; padding: 5px 10px; font-size: 1.5em;}



#news {display: block; margin: 10px auto 60px auto; width:750px; border:0	px dotted #eee; bottom:107px; height:auto; background: transparent; font-family: Times, serif;}
#newscontent {background:#fff7e8; width:750px; height:auto; border:0px #666 solid;}



#mapdept {position: absolute; margin-left: 5250px; display: block; width:750px; bottom:0px; height:600px; font-family: Times, serif;}
#welcome_map {position: absolute; margin-left: 325px;  bottom:442px; width:auto; height:auto; background: transparent; text-align: center;}
#welcome_map h1 {display:block; background: #993300; color: #ccc; padding: 5px 10px; font-size: 1.5em;}
.map {position: absolute; background:transparent; width: 402px; height: 511px; bottom:90px; border: 0px #ccc solid; margin-left: 175px;}
a div#nzmap {display:block; width:402px; height:511px; background: url(../images/map.gif);}
a:hover div#nzmap {display:block; width:402px; height:511px; background: url(../images/map.gif) 0px -511px;}

#nwlogo {position: absolute; background: transparent; bottom:450px; margin-left: 50px; z-index: 100!important;}
#countdownlogo {position: absolute; background: transparent; bottom: 380px; margin-left: 40px; z-index: 100!important;}
#nightndaylogo {position: absolute; background: transparent; bottom: 190px; margin-left: 55px; z-index: 100!important;}
#packnsave {position: absolute; background: transparent; bottom: 310px; margin-left: 40px; z-index: 100!important;}
#warehouselogo {position: absolute; background: transparent; bottom: 380px; margin-left: 600px; z-index: 100!important;}
#foodtownlogo {position: absolute; background: transparent; bottom: 300px; margin-left: 600px; z-index: 100!important;}
#homebrandlogo {position: absolute; background: transparent; bottom:450px; margin-left: 600px; z-index: 100!important;}
#gulllogo {position: absolute; background: transparent; bottom: 210px; margin-left: 600px; z-index: 100!important;}

#shopkeeper2 {position: absolute; margin-left: 5475px;  bottom:125px; width:322px; height:392px; background: none; z-index: 49!important;}

#theboss {position: absolute; margin-left: 30px;  bottom:203px; width:90px; height:120px; background: transparent;}
#sales {position: absolute; margin-left: 120px;  bottom:203px; width:90px; height:120px; background: transparent;}
#production {position: absolute; margin-left: 240px;  bottom:203px; width:90px; height:120px; background: transparent;}
#hr {position: absolute; margin-left: 360px;  bottom:203px; width:90px; height:120px; background: transparent;}
#accountant {position: absolute; margin-left: 480px;  bottom:203px; width:90px; height:120px; background: transparent;}


/* main menu--*/
div#menu {margin: 10px auto; padding-left:20px; position: fixed; height: 25px; width: 100%; text-align: center; bottom: 0;}
div#menu ul {}
#div#menu li {}
div#menu a {display:block; padding:5px 5px; background-color: #000; text-decoration: none; color: #ccc; float:left; margin-right: 10px; font-size: 1.1em; font-weight: bold;}
div#menu a:hover {background-color: #ccc; color: #000;}

div#menu a:hover.red {background: red; color: #fff;}
div#menu a:hover.orange {background: #ff8000; color: #fff;}





.left {display: block; width:45%; float: left; }
.right {display: block; width:45%; float: right; text-align: right;}

h1 { font-size: 2.5em; color: #fff;}
#header h1 { font-size: 2.5em; color: #000;}
h2 {font-size: 2em; margin: 15px 0;}
p {color: #000; }
a {color: #000; text-decoration: underline;}
a:hover {color: #666; text-decoration: none;}

table.product {color: #000;}

a div#astronauts {display:block; width:100px; height:120px; background: url(../images/astronauts.gif);}
a:hover div#astronauts{display:block; width:100px; height:120px; background: url(../images/astronauts.gif) 0px -120px;}

a div#babyfish {display:block; width:140px; height:120px; background: url(../images/babyfish.gif);}
a:hover div#babyfish {display:block; width:140px; height:120px; background: url(../images/babyfish.gif) 0px -120px;}

a div#blacksandreds {display:block; width:140px; height:120px; background: url(../images/blacksandreds.gif);}
a:hover div#blacksandreds {display:block; width:140px; height:120px; background: url(../images/blacksandreds.gif) 0px -120px;}

a div#boysenberriesandcream {display:block; width:140px; height:120px; background: url(../images/boysenberriesandcream.gif);}
a:hover div#boysenberriesandcream {display:block; width:140px; height:120px; background: url(../images/boysenberriesandcream.gif) 0px -120px;}

a div#chocohearts {display:block; width:140px; height:120px; background: url(../images/chocohearts.gif);}
a:hover div#chocohearts {display:block; width:140px; height:120px; background: url(../images/chocohearts.gif) 0px -120px;}

a div#f16 {display:block; width:100px; height:120px; background: url(../images/f16.gif);}
a:hover div#f16 {display:block; width:100px; height:120px; background: url(../images/f16.gif) 0px -120px;}

a div#feijoasandcream {display:block; width:140px; height:120px; background: url(../images/feijoa.gif);}
a:hover div#feijoasandcream {display:block; width:140px; height:120px; background: url(../images/feijoa.gif) 0px -120px;}

a div#hats {display:block; width:100px; height:120px; background: url(../images/hats.gif);}
a:hover div#hats {display:block; width:100px; height:120px; background: url(../images/hats.gif) 0px -120px;}

a div#huhugrubs {display:block; width:100px; height:120px; background: url(../images/huhugrubs.gif);}
a:hover div#huhugrubs {display:block; width:100px; height:120px; background: url(../images/huhugrubs.gif) 0px -120px;}

a div#jellybabies {display:block; width:100px; height:120px; background: url(../images/jellybabies.gif);}
a:hover div#jellybabies {display:block; width:100px; height:120px; background: url(../images/jellybabies.gif) 0px -120px;}

a div#mints {display:block; width:100px; height:120px; background: url(../images/mints.gif);}
a:hover div#mints {display:block; width:100px; height:120px; background: url(../images/mints.gif) 0px -120px;}

a div#fizzies {display:block; width:100px; height:120px; background: url(../images/fizzies.gif);}
a:hover div#fizzies {display:block; width:100px; height:120px; background: url(../images/fizzies.gif) 0px -120px;}

a div#fruitjellies {display:block; width:100px; height:120px; background: url(../images/fruitjellies.gif);}
a:hover div#fruitjellies {display:block; width:100px; height:120px; background: url(../images/fruitjellies.gif) 0px -120px;}

a div#fruitrings {display:block; width:100px; height:120px; background: url(../images/fruitrings.gif);}
a:hover div#fruitrings {display:block; width:100px; height:120px; background: url(../images/fruitrings.gif) 0px -120px;}

a div#raindrops {display:block; width:100px; height:120px; background: url(../images/raindrops.gif);}
a:hover div#raindrops {display:block; width:100px; height:120px; background: url(../images/raindrops.gif) 0px -120px;}

a div#gloworms {display:block; width:100px; height:120px; background: url(../images/gloworms.gif);}
a:hover div#gloworms {display:block; width:100px; height:120px; background: url(../images/gloworms.gif) 0px -120px;}

a div#heavenlymallows {display:block; width:140px; height:120px; background: url(../images/heavenlymallows.gif);}
a:hover div#heavenlymallows {display:block; width:140px; height:120px; background: url(../images/heavenlymallows.gif) 0px -120px;}

a div#kandybananas {display:block; width:140px; height:120px; background: url(../images/kandybananas.gif);}
a:hover div#kandybananas {display:block; width:140px; height:120px; background: url(../images/kandybananas.gif) 0px -120px;}

a div#licoricedelights {display:block; width:140px; height:120px; background: url(../images/licoricedelights.gif);}
a:hover div#licoricedelights {display:block; width:140px; height:120px; background: url(../images/licoricedelights.gif) 0px -120px;}

a div#marshmallows {display:block; width:140px; height:120px; background: url(../images/marshmallows.gif);}
a:hover div#marshmallows {display:block; width:140px; height:120px; background: url(../images/marshmallows.gif) 0px -120px;}

a div#milkbottles {display:block; width:140px; height:120px; background: url(../images/milkbottles.gif);}
a:hover div#milkbottles {display:block; width:140px; height:120px; background: url(../images/milkbottles.gif) 0px -120px;}

a div#jellybeans {display:block; width:140px; height:120px; background: url(../images/jellybeans.gif);}
a:hover div#jellybeans {display:block; width:140px; height:120px; background: url(../images/jellybeans.gif) 0px -120px;}

a div#partymix {display:block; width:100px; height:120px; background: url(../images/partymix.gif);}
a:hover div#partymix {display:block; width:100px; height:120px; background: url(../images/partymix.gif) 0px -120px;}

a div#peachesandcream {display:block; width:140px; height:120px; background: url(../images/peachesandcream.gif);}
a:hover div#peachesandcream {display:block; width:140px; height:120px; background: url(../images/peachesandcream.gif) 0px -120px;}

a div#pineapplechunks {display:block; width:140px; height:120px; background: url(../images/pineapple-chunks.gif);}
a:hover div#pineapplechunks {display:block; width:140px; height:120px; background: url(../images/pineapple-chunks.gif) 0px -120px;}

a div#puffs {display:block; width:140px; height:120px; background: url(../images/assortedpuffs.gif);}
a:hover div#puffs {display:block; width:140px; height:120px; background: url(../images/assortedpuffs.gif) 0px -120px;}

a div#rainbowfaces {display:block; width:140px; height:120px; background: url(../images/rainbowfaces.gif);}
a:hover div#rainbowfaces {display:block; width:140px; height:120px; background: url(../images/rainbowfaces.gif) 0px -120px;}

a div#sourgloworms {display:block; width:140px; height:120px; background: url(../images/sourgloworms.gif);}
a:hover div#sourgloworms {display:block; width:140px; height:120px; background: url(../images/sourgloworms.gif) 0px -120px;}

a div#caramelchunks {display:block; width:140px; height:120px; background: url(../images/caramelchunks.gif);}
a:hover div#caramelchunks {display:block; width:140px; height:120px; background: url(../images/caramelchunks.gif) 0px -120px;}

a div#peppermintchunks {display:block; width:140px; height:120px; background: url(../images/peppermintchunks.gif);}
a:hover div#peppermintchunks {display:block; width:140px; height:120px; background: url(../images/peppermintchunks.gif) 0px -120px;}

a div#spearmintleaves {display:block; width:140px; height:120px; background: url(../images/spearmintleaves.gif);}
a:hover div#spearmintleaves {display:block; width:140px; height:120px; background: url(../images/spearmintleaves.gif) 0px -120px;}

a div#snakes {display:block; width:100px; height:120px; background: url(../images/snakes.gif);}
a:hover div#snakes {display:block; width:100px; height:120px; background: url(../images/snakes.gif) 0px -120px;}

a div#soursquares {display:block; width:140px; height:120px; background: url(../images/soursquares.gif);}
a:hover div#soursquares {display:block; width:140px; height:120px; background: url(../images/soursquares.gif) 0px -120px;}

a div#strawberriesandcream {display:block; width:140px; height:120px; background: url(../images/strawberriesandcream.gif);}
a:hover div#strawberriesandcream {display:block; width:140px; height:120px; background: url(../images/strawberriesandcream.gif) 0px -120px;}

a div#teeth {display:block; width:100px; height:120px; background: url(../images/teeth.gif);}
a:hover div#teeth {display:block; width:100px; height:120px; background: url(../images/teeth.gif) 0px -120px;}

a div#volcanoes {display:block; width:140px; height:120px; background: url(../images/volcanoes.gif);}
a:hover div#volcanoes {display:block; width:140px; height:120px; background: url(../images/volcanoes.gif) 0px -120px;}

a div#winegums {display:block; width:100px; height:120px; background: url(../images/winegums.gif);}
a:hover div#winegums {display:block; width:100px; height:120px; background: url(../images/winegums.gif) 0px -120px;}


a div#giantslabsdisplay {display:block; width:120px; height:180px; background: url(../images/giantslabsdisplay.gif);}
a:hover div#giantslabsdisplay {display:block; width:120px; height:180px; background: url(../images/giantslabsdisplay.gif) 0px -180px;}

a div#toastiesdisplay {display:block; width:120px; height:180px; background: url(../images/toastiesdisplay.gif);}
a:hover div#toastiesdisplay {display:block; width:120px; height:180px; background: url(../images/toastiesdisplay.gif) 0px -180px;}

a div#pinkbigfish {display:block; width:120px; height:180px; background: url(../images/bigfishpinkdisplay.gif);}
a:hover div#pinkbigfish {display:block; width:120px; height:180px; background: url(../images/bigfishpinkdisplay.gif) 0px -180px;}

a div#chockyfish {display:block; width:120px; height:180px; background: url(../images/chockyfish.gif);}
a:hover div#chockyfish {display:block; width:120px; height:180px; background: url(../images/chockyfish.gif) 0px -180px;}

a div#yellowbigfish {display:block; width:120px; height:180px; background: url(../images/bigfishyellowdisplay.gif);}
a:hover div#yellowbigfish {display:block; width:120px; height:180px; background: url(../images/bigfishyellowdisplay.gif) 0px -180px;}

a div#whoppachunkbarsdisplay {display:block; width:120px; height:180px; margin-left:1410px; background: url(../images/whoppachunkbar.gif);}
a:hover div#whoppachunkbarsdisplay {display:block; width:120px; height:180px; background: url(../images/whoppachunkbar.gif) 0px -180px;}

a div#trees {display:block; width:100px; height:120px; background: url(../images/trees.gif);}
a:hover div#trees {display:block; width:100px; height:120px; background: url(../images/trees.gif) 0px -120px;}

a div#santas {display:block; width:100px; height:120px; background: url(../images/santas.gif);}
a:hover div#santas {display:block; width:100px; height:120px; background: url(../images/santas.gif) 0px -120px;}

a div#snowman {display:block; width:100px; height:120px; background: url(../images/snowman.gif);}
a:hover div#snowman {display:block; width:100px; height:120px; background: url(../images/snowman.gif) 0px -120px;}

a div#treats {display:block; width:100px; height:120px; background: url(../images/treats.gif);}
a:hover div#treats {display:block; width:100px; height:120px; background: url(../images/treats.gif) 0px -120px;}

a div#eggs {display:block; width:100px; height:120px; background: url(../images/eggs.gif);}
a:hover div#eggs {display:block; width:100px; height:120px; background: url(../images/eggs.gif) 0px -120px;}

a div#eggs2 {display:block; width:100px; height:120px; background: url(../images/eggs2.gif);}
a:hover div#eggs2 {display:block; width:100px; height:120px; background: url(../images/eggs2.gif) 0px -120px;}

a div#eggs3 {display:block; width:100px; height:120px; background: url(../images/eggs3.gif);}
a:hover div#eggs3 {display:block; width:100px; height:120px; background: url(../images/eggs3.gif) 0px -120px;}

a div#bunnys {display:block; width:100px; height:120px; background: url(../images/bunnys.gif);}
a:hover div#bunnys {display:block; width:100px; height:120px; background: url(../images/bunnys.gif) 0px -120px;}