html { 
	font-family: Arial,sans-serif;
        font-size: 70%;
	margin: 0;
}

body {
	margin: 0;
	background: #fff;
	font-family: arial, verdana, sans-serif;
	/*overflow: auto;*/
	font-size: 1.0em;
}

table {
	font-size: 1em;
}

#receipt {
      	text-align: center;
        position: absolute;
        top: 0;
        bottom: auto;
        width: 90%;
        clear: both;
        background: #fff;
	margin: 10px;
	padding: 5px;
}

#receipt h1{

        font-size: 1.3em;
        font-weight: bold;
        color: #728cd5;
        margin: 0;
        font-family: arial,helvetica,serif;
}

p {
	text-align: justify;
}

#logo {
	position: absolute;
	top: 0;
	left: 190px;
	background: #fff;
	}

#contents {
	position: relative;
	padding: 210px 20px 0px 0px;
	margin:  0px 0px 0px 200px;
	text-align: left;
}

#sidebar {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 175px;
}

#footer {
	position: relative;
	padding-top: 10px;
	margin-left: 185px;
	}

.singleswapout {
	font-size: 1em;
	color: #ff7740;		
}

.doubleswapout {
	font-size: 1em;
	color: #ff7740;	
}

h1 {
	font-size: 1.3em;
	font-weight: bold;
	color: #728cd5;
	margin: 0;
	font-family: arial,helvetica,serif;
}

h4 { 
	font-size: 1.3em;
    	font-weight: bold;
    	color: #3300cc;
	text-align: center;
	font-family: arial,helvetica,serif;
}

h5 {
	font-size: 1em;
	font-weight: normal;
	color: #ff33ff;
	font-family: arial,helvetica,serif;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #91b34b;
	font-family: arial,helvetica,serif;	
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #91b34b;
	margin:0;
	font-family: arial,helvetica,serif;	
}

.bulk {
	font-size: 1.5em;
	font-weight: bold;
	color: #7da728;
	margin:0;
	font-family: arial,helvetica,serif;	
}

.chilled {
	font-size: 1.5em;
	font-weight: bold;
	color: #585dde;
	margin:0;
	font-family: arial,helvetica,serif;	
}

.brand {
	font-size: 1.5em;
	font-weight: bold;
	color: #b30d11;
	margin:0;
	font-family: arial,helvetica,serif;	
}

.supp {
	font-size: 1.5em;
	font-weight: bold;
	color: #ffad29;
	margin:0;
	font-family: arial,helvetica,serif;	
}

.ingredients {
	font-size: 1em;
	font-weight: bold;
	color: #336600;
	margin:0;
	font-family: arial,helvetica,serif;
}

.tel {
	color: #728cd5;
	font-weight: bold;
}

.address {
	color: #91b34b;
	font-weight: bold;
}

.rec {
	color: #ff3a3a;
	font-weight: bold;
}

.sidebuttons{
	list-style: none;
	margin: 10px;
}

.sidebuttons li{
	font-size: 1.05em;
    	font-weight: bold;
    	color: #000;
	height: 58px;
	padding: 5px 0 5px 50px;
	display: block;
}

a {
	text-decoration: none;
    	font-weight: bold;
    	color: #000;
}

a:hover { 
	text-decoration: none;
    	color: #f00;
}

.range {
	color: #339933;
}

.current {
	color: #f00;
}

.nice_butt {
border: 1px solid #c8e098;
color: #7da728;
}

.menuitems {
	font-size: 1.01em;
    	font-weight: bold;
    	color: #000;
	padding: 0 0 0 7px;
	display: block;
}

.currentmenuitems {
	font-size: 1.01em;
    	font-weight: bold;
    	color: #f00;
	padding: 0 0 0 7px;
	display: block;
}

.currentmenuitems a{
	font-size: 1.01em;
    	font-weight: bold;
    	color: #ff0000;
}

.menudescs {
	font-size: 0.95em;
    	font-weight: normal;
    	color: #7b9440;
        left: 7px;
	position: relative;
	padding: 0 0 5px 0;
}

.sect {
	color: #888;
}
	
.line {
	font-weight: normal;
}

.os {
	color: #f00;
	font-weight: bold;	
}

.basksum {
	color: #888;
}

.iO  {color: #B30697}
.iCF {color: #275400}
.iD  {color: #F9510F}
.iEF {color: #602AC3}
.iG  {color: #0C37DA}
.iV  {color: #51901E}
.iC  {color: #058690}
.iK  {color: #4C850E}
.iW  {color: #DD8905}
.iY  {color: #CA3D11}
.iF  {color: #1E28F0}
.iL  {color: #9933CC}
.iLC {color: #90560A}
.iLF {color: #0192F7}
.iT  {color: #E106FA}
.iS  {color: #FD2C02}

.fullb {border:1px solid #AAAAAA;}
.topb {border-top:1px solid #AAAAAA;}
.bottomb {border-bottom:1px solid #AAAAAA;}
.leftb {border-left:1px solid #AAAAAA;}
.rightb {border-right:1px solid #AAAAAA;}

.leftrightb {
        border-right:1px solid #AAAAAA;
        border-left:1px solid #AAAAAA;
}

.topbottomb {
        border-top:1px solid #AAAAAA;
        border-bottom:1px solid #AAAAAA;
}

.topleftb {
        border-top:1px solid #AAAAAA;
        border-left:1px solid #AAAAAA;
}

.bottomleftb {
        border-left:1px solid #AAAAAA;
        border-bottom:1px solid #AAAAAA;
}

.toprightb {
        border-top:1px solid #AAAAAA;
        border-right:1px solid #AAAAAA;
}

.bottomrightb {
        border-right:1px solid #AAAAAA;
        border-bottom:1px solid #AAAAAA;
}

.topbottomleftb {
        border-top:1px solid #AAAAAA;
        border-bottom:1px solid #AAAAAA;
        border-left:1px solid #AAAAAA;
}

.topbottomrightb {
        border-top:1px solid #AAAAAA;
        border-bottom:1px solid #AAAAAA;
        border-right:1px solid #AAAAAA;
}

.topbottomleftb {
        border-top:1px solid #AAAAAA;
        border-bottom:1px solid #AAAAAA;
        border-left:1px solid #AAAAAA;
}

.topleftrightb {
        border-top:1px solid #AAAAAA;
        border-right:1px solid #AAAAAA;
        border-left:1px solid #AAAAAA;
}

.bottomleftrightb {
        border-bottom:1px solid #AAAAAA;
        border-left:1px solid #AAAAAA;
        border-right:1px solid #AAAAAA;
}

.box { 
  background: #D4D4D4; 
}
.boxtop { 
  background: url(../images/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(../images/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(../images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(../images/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 0px 10px;
}

.rowlefttop { 
background: url(http://www.goodness.co.uk/images/nw.gif) no-repeat top left;
}

.rowrighttop { 
background: url(http://www.goodness.co.uk/images/ne.gif) no-repeat top right;
}

.rowleftbottom { 
background: url(http://www.goodness.co.uk/images/se.gif) no-repeat bottom left;
}

.rowrightbottom { 
background: url(http://www.goodness.co.uk/images/sw.gif) no-repeat bottom right;
}