﻿
.ProductGroupTitle
{
	color: #A5580F;
	font-size: 18px;
	margin: 20px 0px 0px 0px;
}

.ProductSection
{
	margin: 10px 0px 0px 0px;
}

.ProductImage
{
	border: solid 1px #000000;
	background-color:#ffffff;
	width: 140px;
	text-align: center;
	vertical-align: middle;
	padding: 5px 0px 5px 0px;
	margin: 0px 20px 0px 0px;
}

.ProductTitle
{
	font-weight: bold;
}

.ProductDescription
{
	margin: 0px 0px 5px 0px;
}

.ProductVariant
{
	text-align: left;
}

.ProductVariantPrice
{
	text-align: right;
}

.CharacteristicLabel
{
	font: bold 13px verdana, arial, helvetica;
	vertical-align: top;
	text-align: right;
	color: #A5580F;
}

.CharacteristicValue
{
	font: normal 13px verdana, arial, helvetica;
	vertical-align: top;
}

div.CoffeeNotes
{
	font: normal 14px verdana, arial, helvetica;
	background-color: #D6D2AF;
	padding: 10px;
	margin: 0px;
	width: 130px;
	height: 150px;
}

div.CoffeePrice
{
	font: bold 13px verdana,arial,helvetica;
	color:#550A1E;
	margin: 0px 0px 10px 0px;
}

a.CoffeeListProductName
{
	font: bold 13px verdana, arial, helvetica;
	color: #A5580F;
}



.CoffeeListNotes
{
	font: 11px verdana, arial, helvetica;
}



div.TeaNotes
{
	font: normal 14px verdana, arial, helvetica;
	background-color: #D6D2AF;
	padding: 10px;
	margin: 0px;
	width: 130px;
	height: 150px;
}

div.TeaCategory
{
	color: #A5580F;
	font-size: 18px;
	margin: 30px 0px 0px 0px;
}

div.TeaPrice
{
	font: bold 13px verdana,arial,helvetica;
	color:#550A1E;
	margin: 0px 0px 10px 0px;
}

.ListProductName
{
	font: bold 13px verdana, arial, helvetica;
	color: #A5580F;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

a.TeaListProductName
{
	font: bold 13px verdana, arial, helvetica;
	color: #A5580F;
}

.TeaListNotes
{
	font: 12px verdana, arial, helvetica;
}

.TeaListPackaging
{
	font: 14px verdana, arial, helvetica;
}

.ProductListPrice
{
	text-align:right;
	font: 14px verdana, arial, helvetica;
}

hr.separator
{
	border: 0;
	color: #B4AD2D;
	background-color: #B4AD2D;
	height: 1px;
	width: 620px;
	text-align: left;
	margin: 0px;
}



input.TeaListButton
{
	border: solid 1px #A5580F;
	background-color: #B4AD2D;
	color: #ffffff;
	margin: 0px;
	padding:2px;
	font: bold 11px verdana, arial, helvetica;
}

input.TeaListButton:hover
{
	color: #550A1E;
}
