* {text-align: left;}



	body {
	background: #fff url(../images/bg.gif) repeat-x top;
	font: 80% "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #000; 
	/*margin: auto;*/
   text-align: center;
	/*margin-top: 0;*/
	}


/* ----------------------- tags styling  ----------------------- */

a, a:link {
	color: #000;
	}
a:visited {}
a:hover, a:active {
	color: #863e16;
	}
h1 {
	color: #ca913a;
	font-size: 1.3em;
	}
	
h2 {
	color: #fff;
	font-size: 1.4em;
	font-weight: lighter;
	}

h3 {
	font-size: 1.3em;
	color: #502918;
	letter-spacing: -0.05em;
	}

h4 {
	color: #cf9d51;
	font-size: 1.1em;
	}
img {}

input, select {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	}

ol {}
ul {
	}
p {
	}



/* -------------------------- layout --------------------------- */

#container {
	margin: -13px auto;
	/*margin-top: 0;*/
	width: 750px;
	background: url(../images/header.gif) repeat-x top left;
	position: relative;
	}
*html #container {
	margin: -16px auto;
	
	}


	
/*html>body #container {
	margin: -1em auto;
	}*/

		.logo {
			padding-left: 10px;
			float: left;
			border: none;
			}
				
		#your-account {
			list-style-type: none;
			text-align: right;
			/*width: 710px;
			padding-right: 40px;*/
			float: right;
			position: relative;
			top: 16px;
			}
			
		html>body #your-account {
			float: none;
			top: 5px;
			}
		
			
		#your-account li {
			display: inline;
			padding-left: 10px;
			}
		
		a.basket, a:link.basket, a:visited.basket {
			padding-left: 25px;
			background: url(../images/basket.gif) no-repeat left;
			}
			
			
		
		.total {
			padding-left: 25px;
			background: url(../images/total.gif) no-repeat left;
			}
		

	
	#navigation {
		height: 62px;
		position: absolute; 
		top: 49px;
		left: 170px;
		width: 550px;
		margin: 0 !important;
		}
			
	*html #navigation {
		left: 170px;
	}		
	/*html>body #navigation {
		padding-left: 150px;
		width: 602px;
			}*/
		
		#navigation ul {
			list-style-type: none;
			margin: 0;
			}
			
			
		#navigation li {
			display: inline;
			height: 62px;
			float: left;
			padding-top: 14px;
			}
		
		#navigation li a span {
			display: none;
			}
		
		
			#current #shop {
				width: 54px;
				height: 39px;
				display: block;
				background: url(../images/shop2.gif) no-repeat center;
				z-index: 10;
		
				}
			
			a#shop, a:visited#shop {
				width: 54px;
				height: 39px;
				display: block;
				background: url(../images/shop.gif) no-repeat top;
				}
			
		
			a:hover#shop, a:active#shop {
				background: url(../images/shop.gif) no-repeat bottom;
				}
			
			#current #about {
				width: 53px;
				height: 39px;
				display: block;
				background: url(../images/about2.gif) no-repeat center;
				z-index: 10;
				}

                     a#home, a:visited#home {
				width: 53px;
				height: 39px;
				display: block;
				background: url(../images/home.gif) no-repeat top;
				}
				
			a:hover#home, a:active#home {
				background: url(../images/home.gif) no-repeat bottom;
				}


			a#about, a:visited#about {
				width: 53px;
				height: 39px;
				display: block;
				background: url(../images/about.gif) no-repeat top;
				}
				
			a:hover#about, a:active#about {
				background: url(../images/about.gif) no-repeat bottom;
				}
			
			#current #blends {
				width: 100px;
				height: 39px;
				display: block;
				background: url(../images/blends2.gif) no-repeat center;
				z-index: 10;
				}


			a#blends, a:visited#blends {
				width: 100px;
				height: 39px;
				display: block;
				background: url(../images/blends.gif) no-repeat top;
				}
				
			a:hover#blends, a:active#blends {
				background: url(../images/blends.gif) no-repeat bottom;
				}

			
			#current #beginners{
				width: 122px;
				height: 39px;
				display: block;
				background: url(../images/beginners2.gif) no-repeat center;
				z-index: 10;
				}

			a#beginners, a:visited#beginners{
				width: 122px;
				height: 39px;
				display: block;
				background: url(../images/beginners.gif) no-repeat top;
				}
				
			a:hover#beginners, a:active#beginners{
				background: url(../images/beginners.gif) no-repeat bottom;
				}

			
			#current #recipes {
				width: 74px;
				height: 39px;
				display: block;
				background: url(../images/recipes2.gif) no-repeat center;
				z-index: 10;
				}

			a#recipes, a:visited#recipes {
				width: 74px;
				height: 39px;
				display: block;
				background: url(../images/recipes.gif) no-repeat top;
				}
				
			a:hover#recipes, a:active#recipes {
				background: url(../images/recipes.gif) no-repeat bottom;
				}

				
			#current #wholesale {
				width: 85px;
				height: 39px;
				display: block;
				background: url(../images/wholesale2.gif) no-repeat center;
				z-index: 10;
				}

			a#wholesale, a:visited#wholesale {
				width: 85px;
				height: 39px;
				display: block;
				background: url(../images/wholesale.gif) no-repeat top;
				}
				
			a:hover#wholesale, a:active#wholesale {
				background: url(../images/wholesale.gif) no-repeat bottom;
				}

			#current #contact {
				width: 74px;
				height: 39px;
				display: block;
				background: url(../images/contact2.gif) no-repeat center;
				z-index: 10;
				}

			a#contact, a:visited#contact {
				width: 74px;
				height: 39px;
				display: block;
				background: url(../images/contact.gif) no-repeat top;
				}
				
			a:hover#contact, a:active#contact {
				background: url(../images/contact.gif) no-repeat bottom;
				}

		
		#navigation a, #navigation a:link {
			color: #fff;
			text-decoration: none;
			}
			
		#navigation a:visited {
			color: #d4a864;
			}
			
		#navigation a:hover, #navigation a:active {
			color: #502918;
			}

	
	#site-functions {
		position: absolute;
		top: 132px;
		left: 0;
		float: left;
		}
	
/* html>body #site-functions {
		top: 122px;
		width: 750px;
		}
*/
	
	#here {
		font-weight: bold;
		color: #502918;
		float: left;
		padding-left: 10px;
		}
		
	html>body #here {
		padding-left: 175px;
			}
		
		
		.breadcrumbs {
			color: #cf9d51;
			font-weight: normal;
			}
		
	#sitesearch {
		float: right;
		}
			
	
		#query {
			color: #5ea39f;
			border: 1px solid #9d9d76;
			}
			
		.search {
			color: #66664c;
			background: #cc9;
			text-transform: capitalize;
			border: 0;
			font-weight: bold;
			letter-spacing: -0.03em;
				}
	
	/* home page styling */

	#content {
		background: #fff url(../images/content_bg.gif) repeat-y;
		float: left;
		position: relative; 
		top: 10px;
		margin: auto;
		width: 750px;
		clear: both;
		}
	
	html>body #content {
		width: 760px;
			}

		
		#welcome {
			float: left;
			width: 226px;
			padding: 12px;
			background: #f3d8c3;
			}
			
			#welcome p {
				font-weight: normal;
				}

			#welcome a {
				font-weight: bold;
				}

			
		#buy {
			float: left;
			width: 250px;
			background: #502918;
			margin: 0;
			padding: 0;
			}
			
			#buy h2 {
				line-height: 38px;
				margin-top: 5px;
				padding-left: 40px;
				background: url(../images/arrow1.gif) no-repeat left bottom;
				}
			
			#buy h2 a, #buy h2 a:visited {
				color: #fff;
				}
				
			#buy h2 a:hover, #buy h2 a:active {
				color: #e2c6b2;
				}

			
			#buy ul {
				color: #fff;
				margin: -10px 0;
				padding: 0 0 20em 30px;
				}
	
			.buy-coffee {
				margin: 0 0 -5px 0;
				bottom: 5px;
				position: absolute;
				}
			
		#other-stuff {
			width: 250px;
			float: left;
			margin: 0;
			background: #e2c6b2;
			}
		
			h2.favorite {
				background: url(../images/favorite.gif) no-repeat;
				height: 51px;
				letter-spacing: -0.05em;
				margin-top: 0;
				padding-left: 33px;
				line-height: 42px;
				}
				
				
			h2.visit {
				background: url(../images/visit.gif) no-repeat;
				height: 51px;
				line-height: 42px;
				padding-left: 33px;
				letter-spacing: -0.03em;
				}
				
			#other-stuff h4 {
				padding-left: 12px;
				margin-top: -8px;
				}
			
			#other-stuff p {
				margin-top: -10px;
				padding-left: 12px;
				}
				
			#other-stuff a, #other-stuff a:link {
				color: #cf9d51;
				}
			
			#other-stuff a:visited {
				color: #bd5801;
				}
			
			#other-stuff a:hover, #other-stuff a:active {
				color: #863e16;
				}
				
				
	/* end home page styling */
	
	
	
	/* online shop styling */
	
	
	#section-container {
		/*float: left;*/
		position: relative; 
		top: 10px;
		margin: auto;
		width: 750px;
		clear: both;
		/*background: url(../images/section_bg.gif) repeat-y;*/
		}
	
	html>body #section-container {
		width: 760px;
			}

	
	#section-nav {
		float: left;
		width: 164px;
		background: url(../images/my-account_bg.gif) repeat-x bottom;
				}
		
	
		h3.online-shop {
				background: #c75c01 url(../images/arrow2.gif) no-repeat left;
				height: 46px;
				line-height: 42px;
				padding-left: 40px;
				margin-top: 0;
				color: #fff;
				}
				
		h3.my-tools {
				background: #dbbeaa url(../images/my-tools.gif) no-repeat left;
				height: 45px;
				line-height: 42px;
				padding-left: 68px;
				color: #fff;
				}
			
		
		
		
	/*	html>body #section-nav ul {
			margin-left: -10px;
				}*/

	
		a#this-category, a:link#this-category, a:visited#this-category, #section-nav #this-category {
				color: #c95d01;
						}
		

			.categories li {
				list-style-image: url(../images/bullet1.gif);
				border-top: 1px solid #f8e8db;
				border-bottom: 1px solid #e1a675;
						}

			.my-account li {
				list-style-image: url(../images/bullet2.gif);
						}

		#section-nav a, #section-nav a:visited {
			color: #502918;
			text-decoration: none;
					}
					
		#section-nav a:hover, #section-nav a:active {
			color: #c95d01;
					}

	
	#listings {
		/*float: right;*/
		/*width: 575px;*/
		border-bottom: 1px dotted #bcbd00;
		margin-left: 10px;
		margin-bottom: 10px;
		padding-bottom: 10px;
				}
				
	html>body #listings {
		margin-right: 10px;
				}

				
		#listings h2 {
			color: #ca913a;
			font-size: 1.3em;
			font-weight: bold;
			line-height: 2.5em;
			}


	.navigation-data {
		background: url(../images/category.gif) repeat-x;
		height: 46px;
		}

	.navigation-data p {
		text-align: right;
		font: 0.9em Verdana, Helvetica, sans-serif;
		color: #666666;
		margin-top: -4em;
		}
		
	.navigation-data a img {
		border: 0;
		padding: 0;
		margin: 2px 1px -3px 1px;
		}
	
	#region {
		float: left;
		clear: both;
		margin-bottom: 1em;
			}

	.item {
		color: #502918;
		width: 270px;
		height: 230px;
		display: block;
		float: left;
		padding: 0 0.5em 2em 0.5em;
				}
	
	
	.item h3 a {
		color: #502918;
				}
				
	.item img a {
		text-decoration: none;
		border: 0;
				}
				
	.item img {
		float: left;
		margin-right: 1em;
		border: 1px solid #f4dcca;
		padding: 2px;
				}
				
	img.buy-now {
		border: 0;
		padding: 0;
		float: left;
		clear: both;
				}
	
	.item a {
		color: #502918;
				}

	.item a:hover, .item a:active {
		color: #863e16;
				}

	.item p {
		line-height: 1.05em;
				}
	
	.price {
		color: #c95d01;
		font: 1.8em Georgia, "Times New Roman", Times, serif;
		float: right;
		padding-right: 1em;
				}

	/*td.navigation-data {
		background: url(../images/category.gif) repeat-x;
		height: 46px;
		}

	.navigation-data p {
		text-align: right;
		font: 0.9em Verdana, Helvetica, sans-serif;
		color: #666666;
		margin-top: -4em;
		}
		
	.navigation-data a img {
		border: 0;
		padding: 0;
		margin: 2px 1px -2px 1px;
		float: none;
		}
	
	.navigation-data img {
		float: none;
		}


	table.products {
		color: #502918;
				}
	
	td.pages {
		float: right;
				}
	
	td.pages img {
		border: 0;
				}
	
	
	.products h3 a {
		color: #502918;
				}
				
	.products img a {
		text-decoration: none;
		border: 0;
				}
				
	.products img {
		float: left;
		margin-right: 1em;
		border: 1px solid #f4dcca;
		padding: 2px;
				}
				
	img.buy-now {
		border: 0;
		padding: 0;
		margin-top: 0.5em;
		float: left;
		clear: both;
				}
	
	.products a {
		color: #502918;
				}

	.products a:hover, .products a:active {
		color: #863e16;
				}

	.products p {
		line-height: 1.05em;
				}
	
	.price {
		color: #c95d01;
		font: 1.8em Georgia, "Times New Roman", Times, serif;
		float: right;
		padding-right: 1em;
				}*/
	
	


	/* end online shop styling */
	
	
	
	#legal {
		border-bottom: 1px dotted #bcbd00;
		text-align: center;
		clear: both;
		}
		
	html>body #legal {
		position: relative;
		top: 15px;
			}

		
		#legal a, #legal a:link {
			color: #cf9d51;
			padding: 0 8px;
			
			}
			
		#legal a:visited {
			color: #cb5e01;
			}
			
		#legal a:hover, #legal a:active {
			color: #000;
			}
	
	#footer {
		border-bottom: 3px solid #cb5e01;
		color: #7d7d7d;
		}
		
	html>body #footer {
		position: relative;
		top: 15px;
			}

	
		#footer p {
			padding-left: 30px;
			}
	

img.contextualleft {
		float: left;
		margin-right: 1em;
		border: 1px solid #f4dcca;
		padding: 2px;
			}

img.contextualright  {
		float: right;
		margin: 0 5px 5px 5px;
		border: 1px solid #f4dcca;
		padding: 2px;
			}

img.mediumimage  {
		margin-right: 1em;
		border: 1px solid #f4dcca;
		padding: 2px;
			}

img.largeimage  {
		margin-right: 1em;
		border: 1px solid #f4dcca;
		padding: 2px;
			}
			
			
			
/* product page styling */

#thumb-nail  {
	width: 23em;
	text-align: center;
	margin-right: 5em;
			}
	
	#thumb-nail img  {
	margin: auto auto 1em auto;
			}

	
	#thumb-nail a, #thumb-nail a:visited  {
		width: 23em;
		display: block;
		padding: 0em 0em 1.5em 0em;
				}
				
	#thumb-nail input {
		text-align: center;
		background: #cc9;
		border: 1px solid #9d9d76;
		width: 8em;
				}
				
	#thumb-nail #quantity {
		background: #fff;
		text-align: left;
		margin-left: 0.5em;
		width: 3em;
				}


	
.view-link {
		width: 18em;

				}
#product-display td {
		text-align: center;
				}

.vol-disc {
		text-align: center;
		margin: auto;
		margin-top: 1em;
				}
				
#product_option_1, #product_option_2 {
		width: 8em;
		display: block;
		margin: auto;
		border: 1px solid #9d9d76;
				}



/* forms */

.global-form legend {
	color: #DE985D;
	font-weight: bold;
				}

.global-form fieldset {
	border: 1px solid #DE985D;
	padding: 15px;
				}

.global-form table {
	margin-top: 10px;
				}

.global-form input {
	color: #66664c;
	border: 1px solid #9d9d76;
	margin-left: 10px;
	font-size: 0.9em;
	width: 13em;
		}
				
html>body .global-form input {
	width: 13.5em;
				}

				
.global-form #html_mail, .global-form #txt_mail, .global-form #not_sure, .global-form #no_mail {
	border: 0;
	width: 2em;
				}
				
.global-form #country, #alt_country {
	font-size: 0.9em;
	color: #66664c;
	margin-left: 10px;
				}


							
	.global-form .submit-btn {
		background: #cc9;
		text-transform: capitalize;
		border: 0;
		letter-spacing: -0.03em;
		margin-top: 5px;
				}


#qty1 {
	color: #66664c;
	border: 1px solid #9d9d76;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 0.9em;
	width: 2em;
		}
				

.sub-total input {
		background: #cc9;
		text-transform: capitalize;
		border: 0;
		letter-spacing: -0.03em;
		margin-top: 5px;
				}
				
#checkbox, #cc, #mail_pay {
	border: 0;
	width: 1.5em;
		}
		

#cc_type, #cc_month, #cc_year {
	margin-left: 0.9em;
	font-size: 0.9em;
	width: 13.3em;
	color: #66664c;
		}
		
html>body #cc_type, #cc_month, #cc_year {
	width: 13.7em;
				}


#comments {
	font: 0.9em "Trebuchet MS", Verdana, Helvetica, sans-serif;
	width: 33em;
	color: #66664c;
	border: 1px solid #9d9d76;
		}

#ThisForm {
	margin-left: 20px;
		}


#ThisForm .products, #ThisForm .sub-total {
	width: 90%;
		}


.sub-total .align-r {
	text-align: right;
		}
		
.products span {
	text-align: right;
		}
		
.products th {
	background: #DFDFC3;
		}