/* use '* html' for IE6 and below only rules, IE6 and below will see a 760px wide window (this is because min&max width don't work with ie6) (with the footer at the bottom of all text) as I'm assuming if they are using IE6 they probably have a small monitor/resolution as well!*/
body{text-align:center;z-index:0;}
.basket{z-index:99;position:absolute;top:0;right:30px;background:url("basket.gif") no-repeat bottom #bae34d;width:150px;}
.basket p{margin:5px;font:90%/20px verdana, geneva, sans-serif;}
#header{position:relative;width:622px;height:140px;margin:10px auto 0;z-index:2;}
#header img{z-index:0;border:0;}
.buttons{position:absolute;top:110px;z-index:3;left:4px;}
.button,.buttonactive{background:url("button.png") no-repeat 0 0;width:123px;height:30px;float:left;}
* html .button{background:url("button.gif") no-repeat 0 0;}
.button a:link,.button a:visited{display:block;width:123px;height:30px;color:#000;}
.button a:hover,.button a:active,.button a:focus{background:url("button.png") no-repeat 0 -30px;}
.button a:active,.button a:focus{font-weight:bold;}
* html .button a:hover,*html .button a:active,*html .button a:focus{background:url("button.gif") no-repeat 0 -30px;}
.buttonactive{background:url("button.png") no-repeat 0 -60px;z-index:5;}
* html .buttonactive{background:url("button.gif") no-repeat 0 -60px;}
.buttontext{margin:auto;font:100%/28px verdana, geneva, sans-serif;text-decoration:none;}
.dropdown{background:url("dropdown.gif") no-repeat;width:620px;height:37px;z-index:3;position:relative;margin:-2px auto 0;}
* html .dropdown{margin:-4px auto 0;}
.dropdown a:link,.dropdown a:visited{font:85%/28px verdana, geneva, sans-serif;text-decoration:none;color:#000;}
.dropdown a:hover{text-decoration:underline;}
.dropdown .active{font:85%/28px verdana, geneva, sans-serif;color:#0c611a;}
#pagewrap{text-align:left;min-width:760px;max-width:1110px;margin:8px auto 175px !important;margin:8px auto 0;position:relative;width:auto !important;width:760px;}
#meatad,#sausagead{padding:9px 5px;width:23%;display:inline;margin-top:8px;min-height:115px;}
#meatad{float:right;margin-right:0.5%;background:#bae34d;}
#sausagead{float:left;margin-left:0.5%;background:#8ddb53;}
#meatad p,#sausagead p{margin:0 0 10px;font:100%/18px verdana, geneva, sans-serif;}
.delivery{position:absolute;top:0;right:0;z-index:5;}
.center{text-align:center;}
.italic{font-style:italic;}
h1{font:bold 250% helvetica, arial, sans-serif;margin:0 0 -2px;}
h2{font:bold 130%/22px helvetica, arial, sans-serif;margin-bottom:0;}
h3{font:bold 110%/26px helvetica, arial, sans-serif;margin:7px 0 0;}
p,ul,ol{font:100%/22px verdana, geneva, sans-serif;}
a:link{color:#107d13;}
a:visited{color:#0c611a;}
a:hover,a:active,a:focus{text-decoration:none;}
a:active,a:focus{background:#bae34d;}
a img{border:0;}
.serving{font:90% verdana, geneva, sans-serif;margin-bottom:0;}
.add{text-align:center;font:80% verdana, geneva, sans-serif;margin:6px 0 0;}
.error{color:#be0209;}