/* Import graphics and colors CSS */
@import url(graphics.css);

/* Import typographic CSS */
@import url(type.css);



/* position css ONLY */
html, body { height: 100%;}

html {background-image: url("slice.gif"); background-repeat:repeat-x;}

body {
	margin: 0;
	padding: 0;

}

/* Wrapper with pos relative in case a few abs pos eleemnts need to be added */


#wrapper {
  min-height: 100%;
	height:100%;
  height: auto !important;
	margin: 0 auto -4em;
	width: 1000px;
	padding: 0;
	position:relative;

}





/* Top elements every page */
img#toplogo {position:absolute; top:0px; left:0px;}

div#toptxt {display:block; width:225px; position:absolute; top:14px; left:110px; color:white;
font-size:1.5em;}

div#navtxt {display:inline; position:absolute; top:64px; left:340px; font-size:1.5em; z-index:10;}

div#navtxt a {margin:25px; color:white; }
div#navtxt a:hover {color:black; }

img#but1 {position:absolute; top:58px; left:350px; z-index:5; }
img#but2 {position:absolute; top:58px; left:490px; z-index:5; }
img#but3 {position:absolute; top:58px; left:628px; z-index:5; }
img#but4 {position:absolute; top:58px; left:762px; z-index:5; }





/* Styles for index page */
div.sidetxt {display:block; width:350px; margin-left:3px;}

ul#gallery {position:absolute; top:110px; left:329px; z-index:5; list-style:none;}





/* Styles for main store menu */
div#shopmenu {margin-left:10px;}

div#shopmenu a{
    position:relative; /*this is the key*/}

div#shopmenu a span {display:none;}

div#shopmenu a:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:0em; width:154px;
    border:none;
    background-color:#22600e;
    color:white;
    text-align: center;
		z-index:1;}
		
/* Recipe page */
div.standardtxt ul {position:relative; left:14px;}


/* Positioning for stock item holding buttons to include paypal form elements */

ul.stockitems {padding-top:10px;}

ul.stockitems li {list-style-type:none;} 

ul.stockitems li form {float:left;}

ul.stockitems li form img {border-style:none;}

ul.stockitems li p {display:block; width:525px; height:100px; margin-right:6px;  margin-left:4px; float:left;}

ul.stockitems li img {border-style:solid; border-width:2px; border-color:#215f0e; display:block; float:left;}

ul.stockitems li {clear:both;}







/* Footer */

.push {
  height: 4em;}



#footer {
  height: 4em;
	width: 100%;
	background: #22600e;
	border-top: 1px solid #DEDEDE;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	padding-top: 20px;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	color:white;
}