@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;
}
#truck {position: fixed; margin: 0 auto; background:transparent; width:253px; height:100px; overflow: hidden; bottom:596px; left:50px; z-index: 2!important;}
#truck2 {padding: 0; margin: 0; margin-bottom: -5px;}
#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;}

#man{ position: absolute; margin-left: 900px;  bottom:107px; background: transparent; z-index: 11!important;}
#register { position: absolute; margin-left: 910px;  bottom:0px; width:238px; height:181px; background: transparent; z-index: 12!important;}
#scales { position: absolute; margin-left: 20px;  bottom:0px; width:152px; height:240px; background: transparent; z-index: 20!important;}
#pineappledisplay {position: absolute; margin-left: 1575px;  bottom:0px; width:120px; height:180px; background: transparent; z-index: 21!important;}

#toastiesdisplay {position: absolute; margin-left: 1950px;  bottom:0px; width:120px; height:180px; background: transparent; z-index: 21!important;}
#pinkbigfish {position: absolute; margin-left: 1825px;  bottom:0px; width:120px; height:180px; background: transparent; z-index: 21!important;}
#yellowbigfish {position: absolute; margin-left: 1700px;  bottom:0px; width:120px; height:180px; background: transparent; z-index: 21!important;}
#giantslabsdisplay {position: absolute; margin-left: 2075px;  bottom:0px; width:120px; height:180px; background: transparent; z-index: 21!important;}


#book {position: absolute; margin-left: 4750px;  bottom:0px; 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;}
#newproduct img {position: absolute; margin-left: 35px; bottom:55px; width:140px; height:120px; background: transparent; z-index: 1999!important;}

#shelf1 {position: absolute; bottom: 391px; left:0; padding-left:75px; height: 175px;  width:1925px; background: transparent url(../images/shelf2000.gif) no-repeat bottom;}
#shelf2 {position: absolute; bottom: 234px; left:0; padding-left:75px; height:175px;  vertical-align: bottom; width:1925px; background: transparent url(../images/shelf2000.gif) no-repeat bottom;}
#shelf3 {position: absolute; bottom: 116px; left:0; padding-left:75px; height: 120px; width:1925px;}
#counter {position: absolute; bottom: 107px; left:0;   vertical-align: bottom; width:7000px;}


/*---Jars--*/


.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;}


#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: 2225px; 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: 116px; left:0; padding-left: 75px; height: 120px; line-height: 120px; vertical-align: bottom; width:625px;}
#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: 2925px; display: block; width:750px; border:0px dotted #eee; bottom:0px; height:600px; background:transparent;}
#welcome_easter {position: absolute; margin-left: 200px;  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;}
.easteritem {position: absolute; bottom: 54px; left:40px; 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:60px; border: 0px #ccc solid; margin-left: 175px;}
#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: 550px; z-index: 100!important;}
#foodtownlogo {position: absolute; background: transparent; bottom: 300px; margin-left: 565px; z-index: 100!important;}
#homebrandlogo {position: absolute; background: transparent; bottom:450px; margin-left: 565px; z-index: 100!important;}
#gulllogo {position: absolute; background: transparent; bottom: 210px; margin-left: 565px; z-index: 100!important;}
#shopkeeper2 {position: absolute; margin-left: 5575px;  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;}