@import "uni-form.css";

/*------------------------------------------------
CSS Content

Version:	1.0 September 09
Author:		Grafik
Email:		grafik@grafik.com.au
-----------------------------------------------*/

/*
===== CONTENTS =====

	last-updated: September 2009;

	1: universal reset 
	2: html and body
	3: typography
	4: layout
	5: navigation
	6: images
	7: forms
	8: tables

====================
*/

/*
===== 1: universal reset =====
*/

*
{
	/* set the fonts to a uniform size and zero all margins and padding */
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, sans-serif;
}



* ul, * li { list-style: none; }

/*
===== 2: html and body =====
*/

body { background: #577c2e; text-align: center; font-size: 16px; }

/*
===== 3: typography =====
*/

a {
	color: #fff;
	text-decoration: none;
}

h1 a {
	display: block;
	width: 149px;
	height: 149px;
	background: transparent url(../images/logoBanner.png) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
	margin: 10px;
	display: inline;
}

.feature h2 a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: .8em;
	line-height: 1.8em;
	background: none;
	margin-left: 10px;
	font-weight: normal;
}

#subPage h2, #subPage.news h2 a {
	font-weight: 100;
	color: #577c2e;
	font-size: 1.6em;
	margin-top: 45px;
	border-bottom: 1px solid #577c2e;
	padding-bottom: 5px;
}

#subPage.news h2 a, .blog-post h2.post-title a {
	font-weight: 100;
	color: #577c2e;
	font-size: 1em;
	margin-top: 0;
	border-bottom: none;
}

#subPage #content #catCartDetails h2 {
	margin: 10px 0 20px;
}

#subPage.shop h2 {
	margin-left: 20px;
	margin-right: 20px;
}

h3 {
	font-size: 1.4em;
	line-height: 1.2em;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 1px;
}

#links h3, #testimonials h3 {
	color: #e4e1d5;
	border-bottom: 1px solid #e4e1d5;
	padding-bottom: 5px;
	font-size: 1em;
}

#subPage.shop h3 {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0;
	font-style: normal;
	margin: 20px 0 10px 20px;
	color: #577c2e;
	clear: left;
}

#subPage.shop #content h2+h3 {
	margin-top: 0;
}

#subPage #sidebar h3 {
	font-size: .8em;
	text-transform: uppercase;
	letter-spacing: 0;
	font-style: normal;
}

#subPage.shop #content h3 {
	padding-top: 30px;
}

h4 {
	font-size: 1em;
	margin: 15px 0 5px; 
	color: #577c2e;
}

.description h4 { margin-top: 0; }

h4 a {
	color: #577c2e;
	text-decoration: underline;
}

h5 {
	color: #577c2e;
	font-size: 0.88em;
	margin: 30px 0 10px;
}

p {
	font-size: .8em;
	line-height: 1.5em;
	margin: 10px 0;
}

#sidebar p {
	line-height: 1.8em;
}

.description p.ingredients {
	border-top: 1px solid #000;
	padding-top: 10px;
}

#sidebar a {
	width: 181px;
	height: 32px;
	text-indent: -9999px;
	display: block;
	background: transparent url(../images/findOut-link.png) no-repeat 0 0;
	margin: 20px 0 0 30px;
}

#content p a {
	font-size: 1em;
	color: #577c2e;
	text-decoration: underline;
}

.feature p { margin: 10px; }

.feature a, #subPage #sidebar a {
	font-size: .8em;
	color: #456423;
	text-decoration: underline;
	font-weight: bold;
	background: transparent url(../images/moreArrow.png) no-repeat center right;
	padding-right: 15px;
	margin-left: 10px;
}

#subPage #sidebar a { 
	color: #fff; 
	text-indent: 0; 
	width: auto; 
	height: auto; 
	margin: 10px 10px 10px 0; 
	display: inline; 
	background: transparent url(../images/moreArrow-rev.png) no-repeat center right;
}

#subPage.contact #sidebar a {
	background: none;
	font-weight: normal;
	margin: 0;
	font-size: 1em;
}

#links a {
	text-decoration: underline;
}

#links p, #testimonials p {
	color: #e4e1d5;
}

p.thanks {
	border-bottom: 1px solid #e4e1d5;
	padding-bottom: 5px;
}

#footer p, #footer a {
	color: #b4b8a1;
	font-size: .7em;
}

#footer p a { font-size: 1em; }

#footer a { text-decoration: underline; }

#footer ul+p { 
	clear: left; 
	margin-top: 20px;
}

p.credit {
	position: absolute;
	right: 10px;
	top: 0;
}

#subPage #content p strong, .news #content ul li strong, #subPage #content p em, .news #content ul li em  {
	font-size: 1em;
}

span.price {
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
}

#subPage #content div.productLarge div.description ul {
	margin-left: /*20px*/ 0;
	list-style: disc;
	border-top: 1px solid #000;
	padding-top: 10px;
}

#subPage #content div.productLarge div.description ul li {
	font-size:0.8em;
	line-height:1.5em;
	margin:/*10px*/ 0;
	list-style: disc;
	float: none;
	display: block;
}

#subPage #content ul.recipe, .news #content ul {
	font-size:0.8em;
	line-height:1.5em;
	padding-top: 10px;
	border-top: 1px solid #000;
}

.news #content .side-panel ul {
	border-top: none;
	padding-top: 0;
}

#subPage #content ul.recipe li, .news #content ul li {
	font-size: 1em;
	text-indent: 10px;
}

#subPage #content p strong, #subPage #content p em {
	font-size: 1em;
}

#subPage #wrapper #content #productFeature li a{
	width: 558px;
	height: 111px;
	display: block;
	background: transparent url(../images/bbmFeature.png) no-repeat 0 0;
	text-indent: -9999px;
	margin: 10px 5px;
}

#subPage #wrapper #content #productFeature #rpm a { background: transparent url(../images/rpmFeature.png) no-repeat 0 0; }
#subPage #wrapper #content #productFeature #ypc a { background: transparent url(../images/ypcFeature.png) no-repeat 0 0; }
#subPage #wrapper #content #productFeature #stc a { background: transparent url(../images/stcFeature.png) no-repeat 0 0; }
#subPage #wrapper #content #productFeature #spc a { background: transparent url(../images/spcFeature.png) no-repeat 0 0; }

#subPage #wrapper #content #productFeature #bbm a:hover, #subPage #wrapper #content #productFeature #rpm a:hover, #subPage #wrapper #content #productFeature #ypc a:hover, #subPage #wrapper #content #productFeature #stc a:hover, #subPage #wrapper #content #productFeature #spc a:hover { background-position: 0 bottom; }

#sidebar ul {
	font-size: .8em;
	line-height: 1.4em;
	margin: 0 0;
}

#sidebar ul li {
	margin: 5px 0;
	color: #E4E1D5;
}

/*
===== 4: layout =====
*/

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

#wrapper {
	width: 900px;
	margin: 10px auto 0;
	text-align: left;
	background: transparent url(../images/bodyBG.jpg) repeat;
}

#banner {
	width: 100%;
	height: 170px;
	background: transparent url(../images/bannerBG.jpg) no-repeat 0 0;
	position: relative;
}

#content {
	padding-bottom: 20px;
	float: left;
	display: inline;
}

#subPage #content {
	width: 570px;
	margin-left: 20px;
	margin-right: 10px;
}

#subPage.shop #content {
	width: 900px;
	margin-left: 0;
	margin-right: 0;
	padding: 0 0 20px;
	display: inline;
}

#slideshow {
	background: transparent url(../images/imageryBG.png) repeat;
	margin: 10px;
	padding: 20px;
	float: left;
	display: inline;
	width: 540px;
	height: 290px;
}

.feature {
	width: 280px;
	margin: 10px;
	float: left;
	display: inline;
}

#sidebar {
	background: transparent url(../images/sidebarBG.jpg) repeat-x bottom;
	height: 290px;
	width: 240px;
	color: #fff;
	margin: 10px;
	padding: 20px;
	float: left;
	display: inline;
}

#provenance {
	background: transparent url(../images/provenance-sidebar.jpg) no-repeat 0 0;
	width: 240px;
	padding: 0 20px;
	height: 340px;
	float: right;
	margin: 80px 10px 10px;
	position: relative;
}

#provenance h3 {
	position: absolute;
	top: 231px;
	left: 34px;
	width: 214px;
	height: 33px;
	background: transparent url(../images/provenance-header.png) no-repeat center;
	text-indent: -9999px;
}

#provenance p {
	text-align: center;
	position: absolute;
	top: 258px;
	color: #fff;
	width: 240px;
	font-size: 1em;
}

#provenance a {
	position: absolute;
	width: 184px;
	height: 33px;
	background: transparent url(../images/findOut-link.png) no-repeat center;
	top: 296px;
	text-indent: -9999px;
	width: 240px;;
}

#subPage #sidebar {
	height: auto;
	margin-top: 80px;
}

#subPage.products #sidebar, #subPage.catering #sidebar {
	height: auto;
	margin-top: 10px;
}

#links {
	width: 240px;
	margin: 10px;
	background: #456423;
	float: right;
	padding: 20px;
}

#testimonials {
	background: transparent url(../images/sidebarBG.jpg) repeat-x center bottom;
	width: 240px;
	padding: 20px;
	float: right;
	margin: 80px 10px 10px;
	position: relative;
}

#shop { clear: left; }

.feature div, #subPage #content div {
	border: 1px solid #fff;
	padding: 19px;
	background: transparent url(../images/imageryBG.png) repeat;
	margin-top: 5px; 
}

#subPage #content div {
	float: left;
	width: 197px;
	margin-right: 20px;
}

#subPage #content div.product, #subPage #content div#details {
	width: 240px;
	padding-bottom: 0;
	margin: 0 10px;
	display: inline;
	min-height: 405px;
}

#subPage #content table div.product {
	margin: 0;
}

#subPage #content div.product div {
	width: auto;
	height: auto;
	background: transparent;
	border: none;
	margin: 0;
	float: none;
	padding: 0;
}

#subPage #content div.shop-main {
 	background: none;
 	border: none;
 }

#subPage #content div.product div.catProdAttributeTitle, #subPage #content div.product div.catProdAttributeItem {
	float: left;
}

#subPage #content div.product div.catProdAttributeTitle {
	color: #577c2e;
}

#subPage #content div.product div.catProdAttributeItem { 
	margin-left: 0;
}

ul.addToCart {
	clear: left;
	margin-bottom: 0;
}

ul.addToCart li {
	float: left;
	margin: 10px 0;
}

ul li.qty {
	color: #577c2e;
	margin-top: 15px;
}

#subPage #content li.add img  {
	border: none;
}

ul.addToCart input, .qty strong input {
	width: 20px;
	margin: 0;
}

ul.addToCart input.productSubmitInput {
	display: block;
	width: 152px;
	height: 35px;
	margin: 0 0 0 25px;
	text-indent: -9999px;
	background: transparent url(../images/btn_addtocart.png) no-repeat center;
	border: none;
}

/*== online shop page styles ==*/

#subPage #content div#cartSummary { /*== rule to remove default cascade styling from div's within content ==*/
	width: auto;
	padding: 0;
	color: #577c2e;
	background: none;
	border: none;
	margin-left: 20px;
	padding: 30px 0 0;
	float: none;
}

#subPage #content div#catCartDetails {
	clear: left;
}

#subPage #content div#catCartDetails div#buttons { /*== rule to remove default cascade styling from div's within content ==*/
	width: auto;
	padding: 0;
	color: #577c2e;
	background: none;
	border: none;
	float: left;
	margin: 20px 0 0;
}

#subPage #content #buttons img {
	border: none;
	margin-right: 20px;
}


/*== checkout styles ==*/
		
		#subPage #content #catCartDetails .shop-checkout, #subPage #content #catCartDetails .shop-checkout div {
			margin: 0;
			padding: 0;
			background: none;
			border: none;
		}
		
		#subPage #content #catCartDetails .shop-checkout .item {
			width: 500px;
			padding-top: 20px;
		}
		
		#subPage #content #catCartDetails .shop-checkout {
			font-size: .8em;
		}
		
		#subPage #content #catCartDetails .shop-checkout .form {
			width: 500px;
		}
		
		.item label {
			float: left;
			line-height: 2.1em;
			width: 25%;
			color: #577c2e;
		}
		
		.shop-form em {
			color: #577c2e;
			font-style: normal;
		}
		
		/*input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox, textarea.cat_listbox {
			width: 65%;
		}*/
		
		.item input, .item textarea, .item select {
			float: right;
			clear: none;
		}
		
		.form input, .webform input {
			margin-right: 0;
		}
		
		input.PaymentMethodType {
			float: none;
			clear: left;
		}
		
		select.cat_dropdown, select.cat_listbox {
			width: 45%;
		}
		
		select#CardExpiryYear, select#CardExpiryMonth {
			width: auto;
			/*margin-left: 10%;*/
			margin-right: 20px;
			float: left;
		}
		
		select#Title {
			width: auto;
		}
		
		select#Title, select#ShippingCountry, select#BillingCountry, select#CardType {
			float: left;
			/*margin-left: 10%;*/
		}
		
		.shop-form label, .item span {
			/*font-size: .8em;*/
		}
		
		.item span {
			margin-left: 20px;
		} 
		
		#subPage #content #catCartDetails .shop-checkout .multiField {
			margin-left: 10%;
		}
		
		#subPage #content #catCartDetails .shop-checkout #verification {
			display: inline;
			width: auto;
		}
		
		#subPage #content #catCartDetails .shop-checkout #submitButton {
			width: 65%;
			float: right;
		}
		
		#subPage #content #catCartDetails .shop-checkout #submitButton input {
			text-indent: -9999px;
			background: transparent url(../images/submit_btn.png) no-repeat 0 0;
			display: block;
			width: 117px;
			height: 35px;
			border: none;
			font-size: .0000001em;
			color: #577c2e;
			text-align: left;
			padding-left: 10px;
		}
		
		#subPage #content div#catCartDetails table.cart tr.shipping td.quantity div {
			margin: 10px 0;
			line-height: 15px;
		}
		
		select.shippingDropDown {
			margin-top: 5px;
		}
		
		#subPage #content div#catCartDetails table.cart tr.shipping td.quantity div.shippingPostcodeDiv input {
		margin-top: 5px;
		}
		
/*== end checkout styles ==*/

#subPage #content #buttons a {
	float: left;
}

a.cartSummaryLink {
	display: inline;
	margin: 0;
	color: #577c2e;
	font-size: 1em;
	text-decoration: underline;
	font-weight: bold;
}

#subPage #content div.productLarge {
	width: 100%;
	background: none;
	padding: 0;
	margin: 0 0 0;
	border: none;
}

div#details {
	width: auto;
	float: left;
}

#subPage #content div#details .catProdAttributeItem {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	float: none;
}

#subPage #content div.description, #subPage #content div#catCartDetails {
	width: 540px;
	margin: 0 0 30px 10px;
	display: inline;
}

#subPage #content div.description {
	margin-left: 10px;
	margin-bottom: 0;
}

#subPage #content div#catCartDetails {
	width: 540px;
	margin: 30px 0 0 10px;
	padding-top: 20px;
}

a.cartLink {
	font-size: .8em;
	color: #577c2e;
	text-decoration: underline;
}

div#content ul.productList {
	margin: 30px 0 0;
}

div#content ul.productList, div#content ul.productList li {
	float: left;
	padding: 0;
	display: inline;
} 

/* == news blog styles ==*/

#subPage.news #content, #subPage.recipes #content {
	width: 870px;
}

#subPage.news #content div.post-list, #subPage.recipes #content div.post-list {
	width: 550px;
	float: left;
}

#subPage.news #content div.side-panel, #subPage.recipes #content div.side-panel {
	background: transparent url(../images/sidebarBG.jpg) repeat-x bottom;
	height: auto;
	width: 240px;
	color: #fff;
	margin: 80px 0 10px;
	padding: 20px;
	float: right;
	display: inline;
}

.blog-post h2.post-title {
	border-bottom: 1px solid #577c2e;
}

#subPage.news #content div, #subPage.recipes #content div {
	width: auto;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	float: none;
}

#subPage.news #content div.post-details, #subPage.recipes #content div.post-details {
	margin-top: 10px;
}

#subPage.news #content div.links a, #subPage.reecipes #content div.links a {
	color: #577c2e;
	font-size: 1em;
	text-decoration: underline;
}

#subPage.news #content div.post-body, #subPage.recipes #content div.post-body {
	padding-bottom: 0;
}

#subPage.news #content p.page-nav, #subPage.recipes #content p.page-nav {
	color: #577c2e;
	margin-top: 20px;
	border-top: 1px solid #577c2e;
	padding-top: 20px;
}

#subPage.news #content .side-panel, #subPage.news #content .side-panel h4, #subPage.recipes #content .side-panel, #subPage.recipes #content .side-panel h4 {
	color: #fff;
}

#subPage.news #content .side-panel a, #subPage.recipes #content .side-panel a {
	font-size: .88em;
	margin-left: 10px;
	text-decoration: underline;
}

#subPage.news #content div.links, #subPage.recipes #content div.links {
	display: none;
}


#footer { 
	clear: both; 
	background: transparent url(../images/footerBG.jpg) repeat; 
	position: relative;
	width: 880px;
	padding: 10px;
}

/*
===== 5: navigation =====
*/

#banner ul { 
	height: 40px;
	position: absolute;
	bottom: 0;
	right: 7px;
	background: transparent;
}

#banner ul li { 
	display: block; 
	float: left; 
	background: transparent;
}

#banner ul li a { 
	display: block; 
	float: left; 
	background: transparent url(../images/primaryNav.png) no-repeat 0 0;
	margin-right: 3px;
	height: 40px;
	width: 71px;
	text-indent: -9999px;
	display: inline;
}

#banner ul li#aboutNav a { background-position: -74px 0; width: 100px; }
#banner ul li#newsNav a { background-position: -177px 0; width: 70px; }
#banner ul li#shopNav a { background-position: -250px 0; width: 67px; }
#banner ul li#stockistsNav a { background-position: -320px 0; width: 103px; }
#banner ul li#cateringNav a { background-position: -426px 0; width: 99px; }
#banner ul li#recipesNav a { background-position: -528px 0; width: 85px; }
#banner ul li#contactNav a { background-position: -616px 0; width: 96px; }

#banner ul li#homeNav a:hover, #banner ul li#homeNav.selected a { background-position: 0 bottom; }
#banner ul li#aboutNav a:hover, #banner ul li#aboutNav.selected a { background-position: -74px bottom; }
#banner ul li#newsNav a:hover, #banner ul li#newsNav.selected a { background-position: -177px bottom; }
#banner ul li#shopNav a:hover, #banner ul li#shopNav.selected a { background-position: -250px bottom; }
#banner ul li#stockistsNav a:hover, #banner ul li#stockistsNav.selected a { background-position: -320px bottom; }
#banner ul li#cateringNav a:hover, #banner ul li#cateringNav.selected a { background-position: -426px bottom; }
#banner ul li#recipesNav a:hover, #banner ul li#recipesNav.selected a { background-position: -528px bottom; }
#banner ul li#contactNav a:hover, #banner ul li#contactNav.selected a { background-position: -616px bottom; }

#subPage.news #banner ul li#newsNav a { background-position: -177px bottom; } /*== fixes active state for blog (news) ==*/
#subPage.recipes #banner ul li#recipesNav a { background-position: -528px bottom; } /*== fixes active state for blog (recipes) ==*/

#footer ul li, #footer ul li a {
	display: block; 
	float: left; 
	display: inline;
}

#footer ul li a{
	margin-right: 10px;
}

/*
===== 6: images =====
*/

.featureImage, #subPage #sidebar img, #subPage #content img { display: block; border: 2px solid #fff; }

#subPage #sidebar img { margin-top: 10px; }

#slideshow img.featureImage {
	margin: 20px 0 0 20px;
}

/*
===== 7: forms =====
*/


#subPage #content .system-message {
	background: none;
	border: none;
	width: 100%;
}

#subPage #content .system-message .webform-results {
	width: auto;
}

/*
===== 8: tables =====
*/

#subPage div#content table.productTable {
	width: 280px;
	float: left;
	display: inline;
	margin: 0 10px;
}

#subPage div#content table.productTable.productSmall tbody {margin: 0; padding: 0;} 


/*== to remove BC default padding etc. from tables ==*/

table, td, tr, table.productTable td, table.productTable td, td.cartSummaryItem, table.cart, table.cart tr, table.cart td, #subPage #content div#catCartDetails table.cart div, table.cart th, table.cart td { padding: 0; width: auto; margin: 0; /*font-size: .9em;*/ float: none; width: 100%; }

table.cart { font-size: .8em; }

table.cart th, table.cart td { padding: 10px; font-size: 1em; }

table.productTable.productSmall, table.productTable.productSmall tr, table.productTable.productSmall tr td { display: inline; padding: 0; margin: 0; }

table.cart tr td .productitemcell, table.cart tr td .productitemcell a { color: #577c2e; font-size: 1em; }

table.cart tr td .productitemcell a { text-decoration: underline; font-weight: bold; }

table.cart th { font-size: 1em; }

.shop-form label { font-size: 1em; }

/*== image gallery table==*/


table.photogalleryTable {
	/*border-top: 1px solid #000;*/
	padding-top: 10px;
	margin-top: 10px;
}

table.photogalleryTable td.photogalleryItem {
	/*width: auto;*/
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 0;
}

table.photogalleryTable td.photogalleryItem a {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border: 2px solid #fff;
	margin: 5px;
}

#subPage #content table.photogalleryTable td.photogalleryItem a img {
	border: none;
}

table.photogalleryTable td.photogalleryNavigation a {
	color: #577c2e;
	font-size: 1em;
	font-weight: bold;
	margin-right: 20px;
}