* {
	padding: 0;
	margin: 0;
	}

body {
	color: #fff;
	padding: 10px;
	}
	
body.home {
	background: #564234 url("/images/backgrounds/home-page.jpg") top left; 
	}
	
body.about {
	background: #564234 url("/images/backgrounds/about.jpg") top left; 
	}
	
body.hampers {
	background: #9f5b17 url("/images/backgrounds/hampers.jpg") top left; 
	}
	
body.baskets {
	background: #70001e url("/images/backgrounds/baskets.jpg") top left; 
	}
	
body.fruit {
	background: #70001e url("/images/backgrounds/fruit.jpg") top left; 
	}
	
body.farm {
	background: #42541d url("/images/backgrounds/dish.jpg") top left; 
	}
	
body.fish {
	background: #2b5878 url("/images/backgrounds/fish.jpg") top left; 
	}
	
body.contact {
	background: #564234 url("/images/backgrounds/contact.jpg") top left; 
	}
	
a.res {
	float:left;
	display: block;
	width: 17px;
	height: 17px;
	background: transparent url("/images/interface/res.gif") top left no-repeat;
	text-indent: -2000em;
	text-decoration: none;
	}

#basket {
	text-align: right;
	}

#basket a.bas {
	text-align: left;
	display: block;
	width: 35px;
	height: 17px;
	float: right;
	background: transparent url("/images/interface/basket.gif") top left no-repeat;
	text-indent: -2000em;
	text-decoration: none;
	margin: 0 0 6px 0 !important;
	margin: 0 0 4px 0;
	}
	
#basket p {
	clear: both;
	font: normal 9pt/12pt Arial, Helvetica, sans-serif;
	}
	
#basket p span {
	clear: both;
	font: bold 10pt/100% Arial, Helvetica, sans-serif;
	}
	
#McCallums {
	display: none;
	}
	
.home #McCallums {
	display: inline;
	position: absolute;
	width: 189px;
	height: 89px;
	background: transparent url("/images/interface/logo-home.jpg") top left no-repeat;
	text-indent: -20000em;
	left: 30px;
	top: 19px;
	}
	
#container {
	width: 931px;
	}

#header ul {
	margin: 8px 0 0 0;
	clear:both;
	width: 693px;
	float: right;
	}
	
#header {
	height: 134px;
	}

#header ul li {
	display: inline;
	float: left;
	border-top: 1px solid #fff;
	background: transparent url("/images/interface/list-bar.gif") top left no-repeat;
	}
	
#header ul li a {
	display: block;
	text-align: center;
	color: #fff;
	font: normal 11pt/145% Arial, Helvetica, sans-serif !important;
	font: normal 11pt/140% Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	
#header ul li a:hover, 
#header ul li a.on {
	text-decoration: underline;
	}
	
#header ul li.home a {
	width: 34px;
	height: 16px;
	background: transparent url("/images/interface/list-home.gif") top left no-repeat;
	text-indent: -2000em;
	text-decoration: none;
	}
	
#header ul li.about_us a {
	width: 82px;
	}
	
#header ul li.about_us {
	width: 82px;
	}
	
#header ul li.hampers a {
	width: 81px;
	}
	
#header ul li.fruit_baskets a {
	width: 107px;
	}
	
#header ul li.fruit_farm a {
	width: 89px;
	}
	
#header ul li.farm_shop_+_cafe a {
	width: 144px;
	}

#header ul li.fisheries a {
	width: 87px;
	}
	
#header ul li.contact a {
	width: 34px;
	height: 16px;
	background: transparent url("/images/interface/list-contact.gif") top left no-repeat;
	text-indent: -2000em;
	text-decoration: none;
	}
	
#header ul li.site_map a {
	width: 35px;
	height: 16px;
	background: transparent url("/images/interface/list-map.gif") top left no-repeat;
	text-indent: -2000em;
	text-decoration: none;
	}
	
#header ul li.home a:hover,
#header ul li.mail a:hover,
#header ul li.map a:hover {
	text-decoration: none;
	}
	
#header ul.submenu {
	height: 18px;
	width: 691px;
	border: 1px solid white;
	}
	
#header ul.submenu li {
	border-top: none;
	border-right: 1px solid #fff;
	}
	
#header ul.submenu li a {
	background: transparent url("/images/interface/list2-bg.gif") top left no-repeat;
	font: normal 8.5pt/145% Arial, Helvetica, sans-serif !important;
	font: normal 9pt/145% Arial, Helvetica, sans-serif;
	padding: 1px 9px 0px;
	}
	
#header ul.submenu li a:hover,
#header ul.submenu li a.on {
	text-decoration: none;
	}
	
.about #header ul.submenu {
	background: #caa58a;
	}
	
.about #header ul.submenu li {
	background: #946c59;
	}
	
.about #header ul.submenu li a:hover,
.about #header ul.submenu li a.on {
	background: #634535 url("/images/interface/list2-bg.gif") top left no-repeat;
	}
	
.hampers #header ul.submenu {
	background: #c5701e;
	}
	
.hampers #header ul.submenu li {
	background: #c5701e;
	}
	
.hampers #header ul.submenu li a:hover,
.hampers #header ul.submenu li a.on {
	background: #9f5b17 url("/images/interface/list2-bg.gif") top left no-repeat;
	}
	
.baskets #header ul.submenu {
	background: #e60000;
	}
	
.baskets #header ul.submenu li {
	background: #c40f0a;
	}
	
.baskets #header ul.submenu li a:hover,
.baskets #header ul.submenu li a.on {
	background: #70001e url("/images/interface/list2-bg.gif") top left no-repeat;
	}
	
.fruit #header ul.submenu {
	background: #f4533d;
	}
	
.fruit #header ul.submenu li {
	background: #e20000;
	}
	
.fruit #header ul.submenu li a:hover,
.fruit #header ul.submenu li a.on {
	background: #b80216 url("/images/interface/list2-bg.gif") top left no-repeat;
	}
	
.farm #header ul.submenu,
.contact #header ul.submenu {
	background: #bbd067;
	}
	
.farm #header ul.submenu li,
.contact #header ul.submenu li {
	background: #808e43;
	}
	
.farm #header ul.submenu li a:hover,
.farm #header ul.submenu li a.on,
.contact #header ul.submenu li a:hover,
.contact #header ul.submenu li a.on {
	background: #42541d url("/images/interface/list2-bg.gif") top left no-repeat;
	}
	
.fish #header ul.submenu {
	background: #75b6d7;
	}
	
.fish #header ul.submenu li {
	background: #478aad;
	}
	
.fish #header ul.submenu li a:hover,
.fish #header ul.submenu li a.on {
	background: #2f5b7b url("/images/interface/list2-bg.gif") top left no-repeat;
	}
	
#mainbody {
	clear: both;
	height: 410px;
	}
	
.extend {
	clear: both;
	height: auto;
	padding: 0 0 20px 0;
	}
	
.extend div {
	background: #fff;
	}
	
* html #mainbody.extend {
	clear: both;
	height: 410px;
	}
	
.clear {
	padding: 0 0 0 238px;
	position: relative;
	}
	
.contact #mainbody.clear {
	padding: 0 0 0 320px;
	}
	
.contact #mainbody a {
	color: #42541D;
	text-decoration: none;
	}
	
.contact #mainbody a:hover {
	color: #42541D;
	text-decoration: underline;
	}
	
#mainbody h1 {
	font: bold 10pt/100% Arial, Helvetica, sans-serif;
	}
	
#mainbody h2 {
	font: bold 10pt/100% Arial, Helvetica, sans-serif;
	color: #f00;
	}
	
.home #mainbody h1 {
	padding: 105px 0 0 0;
	}
	
.home #mainbody p {
	width: 65%;
	}
	
.about #mainbody h1,
.fruit #mainbody h1,
.farm #mainbody h1,
.fish #mainbody h1,
.contact #mainbody h1,
.baskets #mainbody h1,
.hampers #mainbody h1 {
	font: bold 12pt/100% Arial, Helvetica, sans-serif;
	padding: 0 0 4px 0;
	}
	
.about #mainbody.clear h1,
.about #mainbody.clear p,
.fruit #mainbody.clear h1,
.fruit #mainbody.clear p,
.farm #mainbody.clear h1,
.farm #mainbody.clear p,
.fish #mainbody.clear h1,
.fish #mainbody.clear p,
.contact #mainbody.clear h1,
.contact #mainbody.clear p,
.baskets #mainbody.clear h1,
.baskets #mainbody.clear p,
.hampers #mainbody.clear h1,
.hampers #mainbody.clear p {
	width: 50%;
	}

.about #mainbody p,
.fruit #mainbody p,
.farm #mainbody p,
.fish #mainbody p,
.contact #mainbody p,
.baskets #mainbody p,
.hampers #mainbody p {
	margin: 8px 0;
	}
	
#mainbody p {
	font: normal 8pt/130% Arial, Helvetica, sans-serif;
	}
	
#mainbody.filled p {
	color: #000;
	}
	
#mainbody.filled h1,
#mainbody.extend h1 {
	font: normal 16pt/100% Arial, Helvetica, sans-serif;
	}
	
#mainbody ul.fruits {
	margin: 0 0 0 15px;
	}
	
#mainbody ul.fruits li {
	font: normal 9pt/100% Arial, Helvetica, sans-serif;
	list-style-type: disc;
	margin: 0 0 0 15px;
	color: #000;
	}
	
.about #mainbody.filled h1,
.about #mainbody.extend h1 {
	color: #564234;
	}
	
.farm #mainbody.filled h1,
.contact #mainbody.filled h1 {
	color: #808e43;
	}
	
.fruit #mainbody.filled h1 {
	color: #e20000;
	}
	
.hampers #mainbody.filled h1 {
	color: #B25B16;
	}
	
.hampers #mainbody.filled a {
	color: #B25B16;
	}
	
.fish #mainbody.filled h1 {
	color: #2F5B7B;
	}
	
.baskets #mainbody.filled h1 {
	color: #C40F0A;
	}
	
.hampers #mainbody.filled a:hover {
	text-decoration: none;
	}
	
.filled {
	height: 421px;
	background: #fff;
	margin: 0 0 0 16px;
	}
	
.filled div {
	padding: 20px 20px 0;
	}
	
.filled div.smaller {
	padding: 10px 10px 0;
	}
	
#mainbody.extend {
	background: #fff;
	height: auto;
	margin: 0 0 0 16px;
	color: #333;
	}
	
.extend div {
	padding: 20px 20px 0;
	}
	
.extend div.smaller {
	padding: 10px 10px 0;
	}
	
img.right {
	float: right;
	margin: 0 0 0 20px;
	}
	
img.left {
	float: left;
	position: relative;
	z-index: 1;
	}

#footer {
	padding: 10px 0 0 0;
	text-align: right;
	font: bold 10pt/100% Arial, Helvetica, sans-serif;
	}
	
#mainbody .smaller .hamper {
	width: 288px;
	height: 118px;
	border-left: 1px solid #c5701e;
	border-top: 1px solid #c5701e;
	padding: 2px 4px;
	float: left;
	overflow: hidden;
	}
	
#mainbody .smaller .hamper.last {
	border-right: 1px solid #c5701e;
	}
	
.baskets #mainbody .smaller .hamper {
	width: 288px;
	height: 118px;
	border-left: 1px solid #c32127;
	border-top: 1px solid #c32127;
	padding: 2px 4px;
	float: left;
	}
	
.baskets #mainbody .smaller .hamper.last {
	border-right: 1px solid #c32127;
	}
	
#mainbody .smaller .hamper.last.larger,
.baskets #mainbody .smaller .hamper.last.larger {
	width: 877px;
	height: 362px;
	}
	
#mainbody .smaller .hamper img {
	margin: 0 15px 0 0;
	}
	
#mainbody .smaller .hamper h2 {
	color: #c5701e;
	font: normal 11pt/100% Arial, Helvetica, sans-serif;
	padding: 2px 0 2px 0;
	margin: 0 0 2px 0;
	
	}
	
.baskets #mainbody .smaller .hamper h2 {
	color: #c40f0a;
	}
	
#mainbody .smaller .larger h2 {
	color: #c5701e;
	font: normal 14pt/100% Arial, Helvetica, sans-serif;
	padding: 10px 0;
	margin: 0 0 2px 0;
	}
	
#mainbody .smaller .larger h2 span {
	display: block;
	float: right;
	margin: -19px 0 0 0 !important;
	margin: -29px 0 0 0;
	}
	
#mainbody .smaller .larger h3 {
	color: #c5701e;
	font: normal 12pt/100% Arial, Helvetica, sans-serif;
	padding: 10px 0;
	margin: -20px 0 2px 0;
	}
	
.baskets #mainbody .smaller .hamper h3 {
	color: #c40f0a;
	}
	
#mainbody .smaller .hamper p {
	color: #000;
	font: normal 9pt/110% Arial, Helvetica, sans-serif;
	padding: 2px 5px 0;
	position: relative;
	top: -7px
	}
	
#mainbody .smaller .hamper p a {
	color: #c5701e;
	text-decoration: none;
	}
	
.baskets #mainbody .smaller .hamper p a {
	color: #c40f0a;
	}
	
#mainbody .smaller .hamper p.price {
	color: #c5701e;
	padding: 4px 5px 0 0;
	margin: -5px 0 -5px 0;
	font: normal 11pt/100% Arial, Helvetica, sans-serif;
	}
	
.baskets #mainbody .smaller .hamper p.price {
	color: #c40f0a;
	}
	
#mainbody .smaller .hamper p.quantity {
	float: left;
	padding: 4px 5px 0 0;
	font: normal 9pt/100% Arial, Helvetica, sans-serif;
	}
	
#mainbody .smaller .hamper input {
	border: none;
	border: 1px solid #c5701e;
	width: 40px;
	text-align: center;
	background: #fff url("/images/interface/hampers-corner.gif") top left no-repeat;
	}
	
.baskets #mainbody .smaller .hamper input {
	border: 1px solid #c40f0a;
	background: #fff url("/images/interface/hampers-corner3.gif") top left no-repeat;
	}
	
#mainbody .smaller .hamper input.button {
	border: none;
	background: #c5701e url("/images/interface/hampers-corner2.gif") 1px 1px no-repeat;
	font: normal 9pt/100% Arial, Helvetica, sans-serif;
	color: #fff;
	width: 95px;
	padding: 0 4px;
	}
	
.baskets #mainbody .smaller .hamper input.button {
	background: #c40f0a url("/images/interface/hampers-corner2.gif") 1px 1px no-repeat;
	}
	
#mainbody .smaller .hamper .remove  {
	margin: 0;
	padding: 0;
	}
	
#mainbody .smaller .paging {
	padding: 0;
	margin: 0;
	color: #c5701e;
	font: normal 12pt/100% Arial, Helvetica, sans-serif;
	}
	
#mainbody .smaller .paging p,
#mainbody .smaller .paging p a {
	padding: 0;
	margin: 0;
	color: #9f5b17;
	font: normal 11pt/100% Arial, Helvetica, sans-serif;
	}
	
.baskets #mainbody .smaller .paging p,
.baskets #mainbody .smaller .paging p a {
	color: #c32026;
	}
	
#mainbody .smaller .paging p a {
	text-decoration: none;	
	}
	
#mainbody .smaller .paging p a:hover,
#mainbody .smaller .paging p a.on {
	text-decoration: underline;
	}
	
#mainbody .smaller .paging p {
	padding: 0 0 6px 0;
	}

#mainbody .smaller ul li {
	color: #000;
	width: 275px;
	float: left;
	font: normal 9pt/150% Arial, Helvetica, sans-serif;
	list-style-type: none;
	}
	
	#mainbody .fruitContents ul li {
	color: #000;
	width: 175px;
	float: left;
	font: normal 9pt/150% Arial, Helvetica, sans-serif;
	list-style-type: none;
	}
	
	
#mainbody .smaller ul li strong {
	display: block;
	}
	
.farm table {
	width: 440px;
	color: #808e43;
	font: normal 9pt/100% Arial, Helvetica, sans-serif;
	}
	
.farm table th,
.farm table td.description {
	color: #000;
	padding: 8px 0;
	}
	
.farm table th {
	text-align: left;
	padding: 15px 0 2px 0;
	font: normal 10pt/100% Arial, Helvetica, sans-serif;
	}
	
* html .basketTable {
	float: right;
	}

.basketTable table {
	width: 540px;
	color: #5D441C;
	font: normal 9pt/100% Arial, Helvetica, sans-serif;
	margin: -10px 0 0 -20px;
	}
	
.basketTable table th,
.basketTable table td.description {
	color: #000;
	}
	
.basketTable table th {
	text-align: left;
	padding: 15px 0 2px 0;
	font: normal 10pt/100% Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	border-top: 1px solid #946c59;
	border-bottom: 1px solid #946c59;
	background: #CAA58A;
	font: bold 100%/110% Arial, Helvetica, sans-serif;
	color: #412b08;
	padding: 4px 2px;
	}
	
.basketTable table th.none, 
.basketTable table td.none {
	border-top: none;
	border-bottom: 1px solid #946c59;
	background: #fff;
	}
	
.basketTable table td {
	padding: 4px 2px;
	}
	
.basketTable a {
	color: #c5701e;
	text-decoration: none;
	}
	
.basketTable a:hover {
	color: #c5701e;
	text-decoration: underline;
	}
	
.basketTable input.button {
	border: none;
	background: #5D441C url("/images/interface/hampers-corner2.gif") 1px 1px no-repeat;
	font: normal 9pt/100% Arial, Helvetica, sans-serif;
	color: #fff;
	width: 75px;
	padding: 0 4px;
	text-transform: capitalize;
	}
	
#mainbody .subMenu {
	float: left;
	height: 350px;
	padding: 0;
	}
	
#mainbody .subMenu ul,
#mainbody .subMenu ul li {
	padding: 0 25px 0 0;
	margin: 5px 0;
	font: normal 11pt/100% Arial, Helvetica, sans-serif;
	color: #666666;
	list-style-type: none;
	}
	
.subMenu a {
	color: #e20000;
	font: normal 11pt/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	
.subMenu a:hover,
.subMenu a.on {
	color: #b80216;
	text-decoration: underline;
	}
	
.shift {
	position: absolute;
	top: 5px;
	left: 20px;
	}
	
a img {
	border: none;
	}
	
.checkoutForm {
	position: relative;
	top: 0;
	right: 28px;
	width: 530px;
	float: right;
	font: normal 10pt/110% Arial, Helvetica, sans-serif;
	color: #000
	}
	
#mainbody div form.checkoutForm div {
	padding: 0;
	margin: 4px 0 4px 0;
	}

#mainbody div form.checkoutForm div.fLeft,
#mainbody div form.checkoutForm div.fRight {
	float: left;	
	width: 40%;
	padding: 0;
	margin: 0;
	}
	
#mainbody div form.checkoutForm input {
	margin: 0;
	padding: 0;
	}
	
#mainbody div form.checkoutForm div.fLeft {
	width: 20%;
	}
	
#mainbody div form.checkoutForm div.fLeft span { 
	}
	
#mainbody div form.checkoutForm div.error {
	}

.checkoutForm input.button {
	border: none;
	background: #5D441C url("/images/interface/hampers-corner2.gif") 1px 1px no-repeat;
	font: normal 9pt/100% Arial, Helvetica, sans-serif;
	color: #fff;
	width: 75px;
	padding: 0 4px;
	text-transform: capitalize;
	}
	
.checkoutForm a {
	color: #c5701e;
	text-decoration: none;
	}
	
.checkoutForm a:hover {
	color: #c5701e;
	text-decoration: underline;
	}

#mainbody .errors {
	margin: -18px 0 0 0;
	font: normal 9pt/100% Arial, Helvetica, sans-serif;
	color: #000;
	}
	
#mainbody .errors li {
	list-style-type: none;
	font: normal 9pt/100% Arial, Helvetica, sans-serif;
	color: #c00;
	}
	
.fruit .extend ul {
	margin: 0 0 0 25px;
	color: #000;
	}

.fruit .extend ul li a {
	color: #000;
	font: normal 9pt/100% Arial, Helvetica, sans-serif;
	}


/* ========================*/
/*         Styling         */
/* ========================*/


/* ========================*/
/*          Hacks          */
/* ========================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */