/*********************/
/* GLOBAL */
/*********************/

body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 0.75em;
	color: #333;
	text-align: center;
	background-color: #333;
}

h1 {
	padding: 1em 2em 0em 0em;
	margin: 0;
	font-size: 2.5em;
	color: #FFF;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	font-weight: normal;
	text-align: right;
}

h2 {
	color: #060;
	font-size:1.5em;
	font-weight: normal;
	padding: 0.5em;
	margin: 0;
}

div {
	margin: 0;
	padding: 0;
	display: block;
}

a:link, a:visited {
	color: #696;
	text-decoration: underline;
}

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

a:active {
	color: #696;
	text-decoration: underline;
}

#wrapper {
	background-color: #FFF;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 800px;
	border: solid #FFF;
	border-width: 1px 1px 1px 1px;
}

#top {
	background: #333;
	padding: 5px 0;
}

/*********************/
/* HEADER */
/*********************/

#banner {
	background: url(images/global/banner.jpg) no-repeat center top;
	height: 130px;
	width: 800px;
	border-bottom: solid #FFF;
	border-width: 1px 0px 1px 0px;
}

#banner p {
	color: #FFF;
	font-size: 1.2em;
	text-align: right;
	padding: 1em 4em 0em 0em;
	margin: 0;
}

/*********************/
/* NAVIGATION BAR */
/*********************/

ul#navbar {
	list-style-type: none;
	float: left;
	display: block;
	width: 100%;
	line-height: 1.5em;
	clear: both;
	margin: 0;
	padding: 0;
	background-color: #999;
}

ul#navbar li { display: inline; }

a.nav:link, a.nav:visited, a.nav:active {
	display: block;
	float: left;
	width: 9em;
	padding: 1.2em 0 1.2em 0;
	margin: 0;
	text-decoration: none;
	background-color: #999;
	color: #FFF;
}

a.nav:hover {
	display: block;
	float: left;
	width: 9em;
	padding: 1.2em 0 1.2em 0;
	margin: 0;
	text-decoration: none;
	background-color: #696;
	color: #FFF;
}

/*********************/
/* GLOBAL "YOU ARE HERE" LINKS */
/*********************/

body#home a#homeLink,
body#products a#productsLink,
body#products01 a#productsLink,
body#products02 a#productsLink,
body#products03 a#productsLink,
body#products04 a#productsLink,
body#products05 a#productsLink,
body#products06 a#productsLink,
body#products07 a#productsLink,
body#products08 a#productsLink,
body#finefoods a#finefoodsLink,
body#ordering a#orderingLink,
body#enquiries a#enquiriesLink,
body#faqs a#faqsLink,
body#location a#locationLink {
	color: #FFF;
	background-color: #696;
}

/*********************/
/* PAGE BACKGROUND IMAGES */
/*********************/

body#home #wrapper { background: #FFF url(images/backgrounds/kiwis_bg.jpg) repeat-y center 8em; }
body#products #wrapper { background: #FFF url(images/backgrounds/avocado_bg.jpg) repeat-y center 6em; }
body#products01 #wrapper { background: #FFF url(images/backgrounds/avocado_bg.jpg) repeat-y center 6em; }
body#products02 #wrapper { background: #FFF url(images/backgrounds/avocado_bg.jpg) repeat-y center 6em; }
body#products03 #wrapper { background: #FFF url(images/backgrounds/avocado_bg.jpg) repeat-y center 6em; }
body#products04 #wrapper { background: #FFF url(images/backgrounds/avocado_bg.jpg) repeat-y center 6em; }
body#products05 #wrapper { background: #FFF url(images/backgrounds/avocado_bg.jpg) repeat-y center 15em; }
body#products06 #wrapper { background: #FFF url(images/backgrounds/avocado_bg.jpg) repeat-y center 6em; }
body#products07 #wrapper { background: #FFF url(images/backgrounds/avocado_bg.jpg) repeat-y center 6em; }
body#products08 #wrapper { background: #FFF url(images/backgrounds/avocado_bg.jpg) repeat-y center 6em; }
body#finefoods #wrapper { background: #FFF url(images/backgrounds/finefoods_bg.jpg) repeat-y center 12em; }
body#ordering #wrapper { background: #FFF url(images/backgrounds/onions_bg.jpg) repeat-y center 14em; }
body#enquiries #wrapper { background: #FFF url(images/backgrounds/peas_bg.jpg) repeat-y center 12em; }
body#faqs #wrapper { background: #FFF url(images/backgrounds/chives_bg.jpg) repeat-y center 15em; }
body#location #wrapper { background: #FFF url(images/backgrounds/artichoke_bg.jpg) repeat-y center 14em; }

/*********************/
/* CONTENT */
/*********************/

#contentwrapper {
	clear: left;
	margin: 0;
	padding: 0;
	width: 800px;
	float: left;
}

#content-left {
	margin: 0;
	padding: 0;
	text-align: justify;
	float: left;
	width: 100%;
}

#content-left p {
	padding: 0em 1em 1em 1.5em;
	margin: 0em;
}

#content-left h2 {
	font-size: 1.3em;
	color: #696;
	margin: 0em;
	padding: 1em 0em 0.5em 1.2em;
	font-weight: normal;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
}

#content-left h3 {
	font-size: 1em;
	color: #333;
	font-weight: bold;
	padding: 0.5em 0em 0.25em 1.5em;
	margin: 0;
}

.adobelink a {
	background: url(images/global/get_adobe_reader.png) no-repeat 1.5em 0em;
	display: block;
	padding: 3.5em 0em 1em 1.5em;
	width: 30%;
}

/*********************/
/* IMAGES LEFT */
/*********************/

#images-left {
	float: right;
	padding: 0.5em;
	margin: 0em;
}

.leftbox {
	float: left;
	border: 1px solid #999;
	text-align: center;
	margin: 0em 0.5em 0.5em 0.5em;
	padding: 0.25em;
}

.leftbox img {
	width: 240px;
	border: 1px solid #999;
}

/*********************/
/* IMAGES RIGHT */
/*********************/

#images-right {
	float: right;
	padding: 0.5em;
	margin: 0em 0em 0em 0.5em;
}

.rightbox {
	border: 1px solid #999;
	text-align: center;
	margin: 0.5em 0.5em 0 0.5em;
	padding: 0.25em;
}

.rightbox img {
	border: 1px solid #999;
}

/*********************/
/* PRODUCTS PAGE CATEGORY THUMBS */
/*********************/

#product-thumbs {
	width: 65%;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}

#product-thumbs p {
	margin: 0;
	padding: 0;
	text-align: left;
}

.pwrap {
	float: left;
	padding: 0em 0em 1em 1.5em;
	margin: 0;
	width: 20%;
}

.pthumb img {
	border: 1px solid #999;
	width: 90px;
	padding: 0.25em;
}

/*********************/
/* PRODUCT LIST SUB-PAGES */
/*********************/

.productlist {
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
	width: 21%;
}

ul.items {
	list-style-type: none;
	margin: 0;
	padding: 0em 0em 1em 1.5em;
}

/*********************/
/* ENQUIRY PAGE FORM */
/*********************/

#enquiries form#enquiry_form {
	margin: 0;
	padding: 0;
	text-align: justify;
	float: left;
	width: 100%;
}

#enquiries form#enquiry_form p {
	padding: 0em 1em 1em 1.5em;
	margin: 0em;
}

#enquiries form#enquiry_form h2 {
	font-size: 1.3em;
	color: #696;
	margin: 0em;
	padding: 1em 0em 0.5em 1.2em;
	font-weight: normal;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
}

.row {
	clear: both;
	width: 80%;
}

.row span.formlabel {
	float: left;
	width: 35%;
	text-align: right;
	margin: 0;
	padding: 0.5em 0em 0em 0.5em;
}

.row span.forminput {
	float: right;
	text-align: left;
	width: 60%;
	padding: 0;
	margin: 0;
} 

.spacer {
	clear: both;
	width: 1em;
}

input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #bbb;
	font-size: 100%;
	margin: 0.5em;
}

.submit {
	cursor: pointer;
	font-size: 100%;
	border: 1px solid #999;
	width: 8em;
	height: 1.5em;
	margin: 0em 1em 1em 0.5em;
}

/*********************/
/* GLOBAL FOOTER */
/*********************/

#footer {
	font-size: 90%;
	padding: 0.5em;
	text-align: left;
	clear: both;
	background: #999 url(images/global/logo.gif) no-repeat 0.5em center;
	text-indent: 6em;
}

#footer #right {
	float: right;
	text-align: right;
}

#footer p {
	color: #FFF;
	line-height: 1em;
	margin: 0.2em 0 0em 0;
	padding: 0.3em;

}
#footer a {
	color: #FFF;
}

#footer a:hover {
	color: #3B4471;
}

/*********************/
/* GLOBAL COPYRIGHT NOTICE */
/*********************/

#copyright {
	font-size: 90%;
	text-align: center;
	clear: both;
	background-color: #333;
	color: #CCC;
	margin: 0;
	padding: 0em 0em 0.5em 0em;
}

/*********************/
/* MAP POPUP WINDOW */
/*********************/

body#map #map-container {
	padding: 1em 0em 1em 0em;
	margin: 0;
}

body#map #maptext p {
	color: #FFF;
	text-align: center;
}

body#map #mapnav a {
	color: #FFF;
	text-align: center;
	text-decoration: underline;
}

body#map #mapnav a:hover { 
	color: #3B4471;
	text-decoration: none;
}

/*********************/
/* IE6 HACKS */
/*********************/

* html br.clear { clear: both; } /* prevents footer bg float in IE6 */
* html .leftbox { display: inline; } /* prevents double margin bug in IE6 */

