@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 auto 0 auto;

	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: 40px 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; }