@import url('reset.css');

/* -----------------------------------
	COLOR THEME
GREEN
#484616 - dark (logo border)
#877b17 - medium (leaf)
#B3A83E - light

RED
#5e0606 - dark (page border)

ORANGE
#7f1d10 - dark (bg gradient)
#a44e15 - medium
#b26f18 - light (bg gradient)

BROWN
#34260C - really dark (leaf border)
#3f2a0b - dark (nav gradient)
#735426 - medium (nav border and gradient)
#A17C48 - light
#C6B67B - really light

TAN BANNER PAGE
#f6dc88 - dark
#fbeab5 - medium
#fcf0c9 - light
----------------------------------- */

/* -----------------------------------
	HTML TAGS
----------------------------------- */
body {
	margin: 0;
	padding: 0;
	background: #b26f18 url('/assets/images/bg/bg-main.gif') repeat-x top left;
	font: 13px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 20px;

	color: #333333;
	}
table, tr, th, th { margin: 0px; padding: 0px; }
hr {
	display: block; 
	clear: both; 
	overflow: hidden; 
	margin: 0; 
	padding: 0; 
	visibility: hidden; 
	}
a { color: #7f1d10; text-decoration:none; }
a:hover { color: #a44e15; text-decoration:underline; }

strong { font-weight: bold; }
h1, h2, h3, h4, h5, h6 {
	padding: 0 0 10px 0;

	font-family: Arial, Sans-Serif;
	font-style: italic;
	font-weight: bold;
	letter-spacing: -1px;

	color: #5e0606;
	}
h1 { font-size: 28px; }
h2 { font-size: 21px; }
h3, h4 { font-size: 18px; }
h5, h6 { font-size: 14px; padding: 0; }


#page {
	margin: 0;
	padding: 0;
	min-height: 580px;
	}
/* -----------------------------------
	HEADER AND NAVIGATION
----------------------------------- */
#header-wrap, #content-wrap, #footer-wrap {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 800px;
	}
#header-wrap {
	font: 10px Tahoma, Sans-Serif;
	color: #f6dc88;
	}
	#header-wrap a {
		font: bold 10px Tahoma, Sans-Serif;
		color: #f6dc88;
		text-decoration: none;
		}
	#header-wrap a:hover {
		font: bold 10px Tahoma, Sans-Serif;
		color: #f6dc88;
		text-decoration: underline;
		}
	#header-wrap p { margin: 5px; }
	#header-img {
		background: transparent url('/assets/images/bg/bg-header.gif') no-repeat top center;
		margin: 0;
		padding: 0;
		width: 800px;
		height: 102px;
		}
	#header-top-left {
		float: left;
		width: 400px;
		}
	#header-top-right {
		float: right;
		margin: 0;
		padding: 30px 0 0 0;
		width: 400px;
		text-align: right;
		}


#header-wrap #header-nav {

	width: 800px;

	height: 38px;

	}
	#header-nav #navbar {

		list-style: none;

		margin: 0;

		padding: 0;

		width: 800px;

		height: 38px;

		display: inline;

		overflow: hidden;

		}

	#header-nav #navbar li {

		margin: 0; 

		padding: 0;

		display: inline;

		list-style-type: none;

		}

	#header-nav #navbar a {

		float: left;

		padding: 38px 0 0 0;

		overflow: hidden;

		height: 0px !important; 

		height /**/:38px; /* for IE5/Win */

		outline: none;

		}

	#header-nav #navbar a:hover {

		background-position: 0 -38px;

		}

	#header-nav #navbar a:active, #header-nav #navbar a.selected {

		background-position: 0 -38px;

		}

	#header-nav #home a  { width: 160px; background: url(/assets/images/nav/nav-home.gif) top left no-repeat; }

	#header-nav #about a  { width: 160px; background: url(/assets/images/nav/nav-about.gif) top left no-repeat; }

	#header-nav #products a  { width: 160px; background: url(/assets/images/nav/nav-products.gif) top left no-repeat; }

	#header-nav #recipes a  { width: 160px; background: url(/assets/images/nav/nav-recipes.gif) top left no-repeat; }

	#header-nav #contact a  { width: 160px; background: url(/assets/images/nav/nav-contact.gif) top left no-repeat; }



/* -----------------------------------
	MAIN CONTENT
----------------------------------- */
#content {
	margin: 0;
	padding: 0;
	background: transparent url('/assets/images/bg/bg-page.gif') repeat-y top left;
	min-height: 340px;
	}
#content-inner {
	margin: 0 20px 0 20px;
	padding: 20px 0 0 0;
	}
#content-inner p {
	margin: 0 0 20px 0;
	}
#content-inner img {
	margin: 0 0 10px 0;
	}


#content-inner #list-green-arrow ul { margin: 0; padding: 0; }

#content-inner #list-green-arrow ul li {

	background: url(/assets/images/icons/li-arrow-green.gif) no-repeat 4px 6px;

	padding: 4px 10px 4px 22px;

	margin: 4px 15px 0 15px;

	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #646464;

	line-height: 15px;

	}



/* START NOT IN USE */
#content-inner #list-blue-dot ul { margin: 0 0 20px 0; padding: 0; }

#content-inner #list-blue-dot ul li {

	background: url(/assets/images/li-blue-dot.gif) no-repeat 4px 6px;

	padding: 4px 10px 4px 22px;

	margin: 4px 15px 0 15px;

	font: italic 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #646464;

	}

#content-inner #list-pics ul { list-style:none; }

#content-inner #list-pics ul li {

	float: left;

	display: block;

	/* background: url(/assets/images/li-arrow-red.gif) no-repeat 4px 6px; */

	margin: 0 8px 8px 0;
	width: 180px;

	height: 160px;

	font: bold 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #646464;

	text-align: center;

	}


	.floating ul li { float:left; }

	.box-blue { background: #fff; border:1px solid #0f96d7; }

	/* .box-blue:hover { background-color: #0054a6; } */

	#p01 { background: url(/assets/images/products/p01.jpg) no-repeat bottom left; }
	#p02 { background: url(/assets/images/products/p02.jpg) no-repeat bottom left; }
	#p03 { background: url(/assets/images/products/p03.jpg) no-repeat bottom left; }
	#p04 { background: url(/assets/images/products/p04.jpg) no-repeat bottom left; }
	#p05 { background: url(/assets/images/products/p05.jpg) no-repeat bottom left; }
	#p06 { background: url(/assets/images/products/p06.jpg) no-repeat bottom left; }
	#p07 { background: url(/assets/images/products/p07.jpg) no-repeat bottom left; }
	#p08 { background: url(/assets/images/products/p08.jpg) no-repeat bottom left; }
	#p09 { background: url(/assets/images/products/p09.jpg) no-repeat bottom left; }
	#p10 { background: url(/assets/images/products/p10.jpg) no-repeat bottom left; }
	#p11 { background: url(/assets/images/products/p11.jpg) no-repeat bottom left; }
	#p12 { background: url(/assets/images/products/p12.jpg) no-repeat bottom left; }
	#p13 { background: url(/assets/images/products/p13.jpg) no-repeat bottom left; }
	#p14 { background: url(/assets/images/products/p14.jpg) no-repeat bottom left; }
/* END NOT IN USE */


#page-divider {

	clear: left;

	background: #b26f18;

	height: 10px;

	margin: 10px 0 20px 0;

	}



/* -----------------------------------
	SIDEBAR DARKGREEN
----------------------------------- */
	#sidebar {

		background: url(/assets/images/sidebar/sidebar-top.gif) no-repeat;

		margin: 0px;

		}

	#sidebar dl {
		margin: 0;
		padding: 10px 0 0 0;
		}

	#sidebar dl p {
		margin: 0;

		padding: 0;

		font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
		color: #fff;
		line-height: 15px;

		}

	#sidebar dl h4 {
		margin: 15px 0 0 0;

		padding: 0;

		color: #B3A83E;
		}

	#sidebar dl a {color:#fff; text-decoration:underline;}

	#sidebar dl a:hover {color:#B3A83E;}

	#sidebar dt {

		background: url(/assets/images/sidebar/sidebar-middle.gif);

		margin: 0;

		padding: 0 25px 0 25px;

		font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
		color: #fff;
		line-height: 15px;

		}

	#sidebar dd {

		background: url(/assets/images/sidebar/sidebar-bottom.gif) no-repeat;

		margin: 0;

		padding: 0;

		font: 0px Tahoma, Sans-Serif;
		height: 20px;

		}


/* -----------------------------------
	FOOTER
----------------------------------- */
#footer-wrap {
	background: transparent url('/assets/images/bg/bg-footer.gif') no-repeat bottom center;
	height: 110px;
	font: 10px Tahoma, Sans-Serif;
	color: #5e0606;
	/* height: 35px; */
	}
#footer-wrap a {
	font: bold 10px Tahoma, Sans-Serif;
	color: #5e0606;
	text-decoration: none;
	}
#footer-wrap a:hover {
	font: bold 10px Tahoma, Sans-Serif;
	color: #5e0606;
	text-decoration: underline;
	}
#footer-wrap p { margin: 5px; }
#footer-top {
	padding: 20px 0 0 0;
	width: 800px;
	text-align: center;
	}
#footer-bottom {
	margin: 10px 0 0 0;
	width: 800px;
	}
	#footer-bottom-left {
		float: left;
		width: 400px;
		}
	#footer-bottom-right {
		float: right;
		width: 400px;
		text-align: right;
		}


/* -----------------------------------
	HOME PAGE
----------------------------------- */
#content-inner #product-nav {
	padding: 0;

	width: 800px;

	height: 360px;

	}
	#product-nav #product-nav-left {
		float: left;
		margin: 0 10px 0 0;
		width: 170px;
		}
	#product-nav #flashcontent {
		float: left;
		margin: 0;
		width: 400px;
		}
	#product-nav #product-nav-right {
		float: left;
		margin: 0 0 0 10px;
		width: 170px;
		}
	#product-nav #navbuttons {

		list-style: none;

		margin: 0;

		padding: 0;

		width: 170px;

		height: 180px;

		display: inline;

		overflow: hidden;

		}

	#product-nav #navbuttons li {

		margin: 0; 

		padding: 0;

		display: inline;

		list-style-type: none;

		}

	#product-nav #navbuttons a {

		float: left;

		padding: 175px 0 0 0;

		overflow: hidden;

		height: 0px !important; 

		height /**/:175px; /* for IE5/Win */

		outline: none;

		}

	#product-nav #navbuttons a:hover {

		background-position: 0 -175px;

		}

	#product-nav #navbuttons a:active, #product-nav #navbuttons a.selected {

		background-position: 0 -175px;

		}

	#product-nav #product-01 a  { width: 170px; background: url(/assets/images/btn/btn-product-01.gif) top left no-repeat; }

	#product-nav #product-02 a  { width: 170px; background: url(/assets/images/btn/btn-product-02.gif) top left no-repeat; }

	#product-nav #product-03 a  { width: 170px; background: url(/assets/images/btn/btn-product-03.gif) top left no-repeat; }

	#product-nav #product-04 a  { width: 170px; background: url(/assets/images/btn/btn-product-04.gif) top left no-repeat; }



/* -----------------------------------
	PRODUCT PAGE
----------------------------------- */
#left-products {
	float: left;
	width: 280px;
	}
#right-products {
	float: right;
	width: 460px;
	}

#product-category {
	margin: 0;
	padding: 0;
	/* border: 1px solid #fcf0c9; */
	}
	/*
	#product-category p {
		font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
		line-height: 15px;
		}
	*/

#category-list {
	float: left;
	overflow: hidden; 
	margin: 0 0 10px 10px;
	padding: 0;
	width: 210px;
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 12px;
	text-align: center;
	/* border: 1px solid #000; */
	}
	#category-list #category-tags {
		overflow: hidden; 
		margin: 0; 
		padding: 0; 
		height: 20px;
		}

#product-list {
	float: left;
	margin: 10px;
	padding: 0;
	width: 70px;
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 12px;
	text-align: center;
	}
	#product-list #product-tags {
		overflow: hidden; 
		margin: 0; 
		padding: 0; 
		height: 50px;
		}

#product-detail #detail-left {
	float: left;
	margin: 0;
	padding: 0;
	width: 120px;
	text-align: center;
	}
#product-detail #detail-right {
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	width: 330px;
	}


/* -----------------------------------
	IMAGE BKGDS
----------------------------------- */
	#category-image {
		float: left;

		background: url(/assets/images/bg/bg-image-category-top.gif) no-repeat;

		margin: 0 10px 0 0;
		width: 210px;

		}

	#category-image dl {
		margin: 0;
		padding: 10px 0 0 0;

		}

	#category-image dl p {
		margin: 0 10px 0 10px;

		padding: 0;

		font: 0px Tahoma, Sans-Serif;
		line-height: 0px;

		}

	#category-image dl p img {
		margin: 0;

		padding: 0;

		}

	#category-image dl a {color:#fff; text-decoration:underline;}

	#category-image dl a:hover {color:#B3A83E;}

	#category-image dt {

		background: url(/assets/images/bg/bg-image-category-middle.gif);

		font: 0px Tahoma, Sans-Serif;
		line-height: 0px;

		padding: 0;

		margin: 0;

		}

	#category-image dd {

		background: url(/assets/images/bg/bg-image-category-bottom.gif) no-repeat;

		margin: 0;

		padding: 0;

		font: 0px Tahoma, Sans-Serif;
		height: 10px;

		}



	#product-image-sml {
		float: left;

		background: url(/assets/images/bg/bg-image-sml-top.gif) no-repeat;

		margin: 0 10px 0 0;
		width: 70px;

		}

	#product-image-sml dl {
		margin: 0;
		padding: 10px 0 0 0;

		}

	#product-image-sml dl p {
		margin: 0 10px 0 10px;

		padding: 0;

		font: 0px Tahoma, Sans-Serif;
		line-height: 0px;

		}

	#product-image-sml dl p img {
		margin: 0;

		padding: 0;

		}

	#product-image-sml dl a {color:#fff; text-decoration:underline;}

	#product-image-sml dl a:hover {color:#B3A83E;}

	#product-image-sml dt {

		background: url(/assets/images/bg/bg-image-sml-middle.gif);

		font: 0px Tahoma, Sans-Serif;
		line-height: 0px;

		padding: 0;

		margin: 0;

		}

	#product-image-sml dd {

		background: url(/assets/images/bg/bg-image-sml-bottom.gif) no-repeat;

		margin: 0;

		padding: 0;

		font: 0px Tahoma, Sans-Serif;
		height: 10px;

		}



	#product-image-med {
		float: left;

		background: url(/assets/images/bg/bg-image-med-top.gif) no-repeat;

		margin: 0 10px 0 0;
		width: 120px;

		}

	#product-image-med dl {
		margin: 0;
		padding: 10px 0 0 0;

		}

	#product-image-med dl p {
		margin: 0 10px 0 10px;

		padding: 0;

		font: 0px Tahoma, Sans-Serif;
		line-height: 0px;

		}

	#product-image-med dl p img {
		margin: 0;

		padding: 0;

		}

	#product-image-med dl a {color:#fff; text-decoration:underline;}

	#product-image-med dl a:hover {color:#B3A83E;}

	#product-image-med dt {

		background: url(/assets/images/bg/bg-image-med-middle.gif);

		font: 0px Tahoma, Sans-Serif;
		line-height: 0px;

		padding: 0;

		margin: 0;

		}

	#product-image-med dd {

		background: url(/assets/images/bg/bg-image-med-bottom.gif) no-repeat;

		margin: 0;

		padding: 0;

		font: 0px Tahoma, Sans-Serif;
		height: 10px;

		}



/* -----------------------------------
	CONTACT PAGE
----------------------------------- */
#left-contact {
	float: left;
	width: 460px;
	}
#right-contact {
	float: right;
	width: 280px;
	}


/* -----------------------------------
	FORM FIELDS
----------------------------------- */
fieldset {

	border: none;

	position: inherit;

	background: transparent url("/assets/images/bg-fieldset.gif") repeat-y  0 0; 
	}

fieldset p { clear: left; }

fieldset p label { display: block; }

fieldset p span {

	display: block;

	background: #A17C48;

	width: 260px;

	padding: 5px; }

fieldset p span select,

fieldset p span input {

	border: 1px solid #DADADA;

	padding:6px;

	font-weight: bold;}

fieldset p span select { padding: 3px 4px; }

fieldset p span input { width: 246px; }

fieldset p span select { width: 260px; }



#bigfield fieldset {

	border: none;

	position: inherit;

	background: transparent url("/assets/images/bg-fieldset.gif") repeat-y  0 0; 
	}

#bigfield fieldset p { clear: left; }

#bigfield fieldset p label { display: block; }

#bigfield fieldset p span {

	display: block;

	background: #A17C48;

	width: 420px;

	height: 114px;

	padding: 5px; 
	}

#bigfield fieldset p span select,

#bigfield fieldset p span textarea {

	border: 1px solid #DADADA;

	padding:6px;

	font: 13px Verdana, Arial, Sans-Serif;
	}

#bigfield fieldset p span select { padding: 3px 4px; }

#bigfield fieldset p span textarea { height: 100px; width: 406px; }

#bigfield fieldset p span select { height: 114px; width: 420px; }


#smallfield fieldset p span {

	display: block;

	background: #A17C48;

	width: 134px;

	margin-right: 5px; 
	padding: 5px; 
	}

#smallfield fieldset p span select { padding: 3px 4px; }

#smallfield fieldset p span input { width: 120px; }

#smallfield fieldset p span select { width: 134px; }