#header {
	width:770px;
	height:89px;
	padding: 0px;
	background-color: #ffffff;
	font-family:arial;
	font-size: .9em;
	text-align: left;
	color: #ffffff;
	background-image:url(images/design/header.jpg);
	background-repeat: no-repeat;
}
p		{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}

ul, ol 		{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}

h2 {
	color: #660000; 
	font-family: Arial, Univers, Skia; 
	font-size: 14pt; 
}

h3 {
	color: #660000; 
	font-family: Arial, Univers, Skia; 
	font-size: 10pt;
}

a.footer:link     {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000099;
	text-decoration: underlined;
}

a.footer:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000099;
	text-decoration: underlined;
}

a.footer:hover    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000099;
	text-decoration: none;
}

a.footer:active   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000099;
	text-decoration: underlined;
}

/******** Used for the basket form table *****/

.formTitle  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-align: justify;
	background-color:#D8CDB1;
}

.formContent{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align: justify;
	background-color:#EBE5D7;
}

.deliveryTable		{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align: justify;
	border:1px solid #D8CDB1;
}

/********************************************/

body	{
	background-color:#9C9076;
}

#navcontainer 
{
 width: 100px; 
}

#navcontainer ul	{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Univers, Skia; 
	font-size: 11px;
}

#navcontainer ul li	{ 
	padding:0px; 
	color:#f00;
}

#navsublist ul li	{ 
	border:1px solid #000000;
	padding:0px; 
	color:#fffffff; 
}

#navcontainer li span, #navcontainer a	{ 
	background:transparent; 
	display:block;
	padding:3px 3px 3px 8px; 
	width:100px;
}
 
#navcontainer a:link, #navlist a:visited	{ 
	color:#666; 
	text-decoration:none 
} 

#navcontainer li span, #navcontainer a:hover	{ 
	background:#600; 
	color:#fff 
} 

#navcontainer li span	{ 
	cursor: default; 
} 

#navcontainer li span:hover	{ 
	background-color: #BBCCDD; 
}

h1 {
      color: #660000; 
      font-family: Arial, Univers, Skia; 
      font-size: 10pt; 
}






h4 {
      color: #660000; 
      font-family: Arial, Univers, Skia; 
      font-size: 10pt; 
}


h5 {
      color: #660000; 
      font-family: Arial, Univers, Skia; 
      font-size: 10pt; 
}



hr 					{color: #000000; width: 100%; height: 1px;}
.prodTitle  {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #FFFFFF}
.copyright  {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000; text-align: center}
.pageTitle  {font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #000000; text-align: center}
.subTitle 	{font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #000000; text-align: center}

.centerP    {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #D2E9FF; text-align: center}
.prodPrice  {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #FFFFFF; text-align: right}
.prodTitleZ {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #FFFFFF; text-align: left}
.prodPriceZ {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #FFFFFF; text-align: right}
.basketP   {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #FFFFFF; text-align: center}
.a_title_on	{font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #330033; text-align: left}
.a_title_of	{font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #996699; text-align: left}
.on         {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #009900;; cursor: hand; border-top: 1px solid #000033;	border-right: 1px solid #F3EDF9; border-bottom: 1px solid #F3EDF9; border-left: 1px solid #000033;}
.off        {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF9900; background-color: #990000;; cursor: hand; border-top: 1px solid #F3EDF9;	border-right: 1px solid #000033; border-bottom: 1px solid #000033; border-left: 1px solid #F3EDF9;}
.lon         {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #009900;; cursor: hand; border-top: 1px solid #000033;	border-right: 1px solid #F3EDF9; border-bottom: 1px solid #F3EDF9; border-left: 1px solid #000033;}
.loff        {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF9900; background-color: #990000;; cursor: hand; border-top: 1px solid #F3EDF9;	border-right: 1px solid #000033; border-bottom: 1px solid #000033; border-left: 1px solid #F3EDF9;}

a.SideMenu:link    {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6600; text-decoration: underline; font-weight: bold}
a.SideMenu:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6600; text-decoration: underline; font-weight: bold}
a.SideMenu:hover   {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6600; text-decoration: none; font-weight: bold}
a.SideMenu:active  {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6600; text-decoration: underline; font-weight: bold}

a.newMenu:link    {padding-left:10px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0000aa; text-decoration: underline; font-weight: bold}
a.newMenu:visited {padding-left:10px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0000aa; text-decoration: underline; font-weight: bold}
a.newMenu:hover   {padding-left:10px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0000aa; text-decoration: none; font-weight: bold}
a.newMenu:active  {padding-left:10px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0000aa; text-decoration: underline; font-weight: bold}

a.pageLink:link    {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0000ff; text-decoration: underline; font-weight: bold}
a.pageLink:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0000ff; text-decoration: underline; font-weight: bold}
a.pageLink:hover   {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff0000; text-decoration: none; font-weight: bold}
a.pageLink:active  {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0000ff; text-decoration: underline; font-weight: bold}

.price    {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #CCCCFF; text-align: right}
.title    {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #CCCCFF; text-align: left}
.date     {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #1153A9; text-align: left}

.smPara   {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #FFFFFF; text-align: justify}
.mePara   {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #FFFFFF; text-align: justify}


a.Menu:link         {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: bold}
a.Menu:visited      {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: bold}
a.Menu:hover        {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFCC00; text-decoration: none; font-weight: bold}
a.Menu:active       {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: bold}


a.MenuSm:link         {font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: #FFFFFF; text-decoration: none; font-weight: bold}
a.MenuSm:visited      {font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: #FFFFFF; text-decoration: none; font-weight: bold}
a.MenuSm:hover        {font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: #333366; text-decoration: none; font-weight: bold}
a.MenuSm:active       {font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: #FFFFFF; text-decoration: none; font-weight: bold}


a.paraLnk:link      {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-decoration: none; font-weight: bold}
a.paraLnk:visited   {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-decoration: none; font-weight: bold}
a.paraLnk:hover     {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #333366; text-decoration: underline; font-weight: bold}
a.paraLnk:active    {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-decoration: none; font-weight: bold}

a.Email:link        {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #1153A9; text-decoration: none}
a.Email:visited     {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #1153A9; text-decoration: none}
a.Email:hover       {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #85B5E2; text-decoration: none}
a.Email:active      {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #1153A9; text-decoration: none}


a.TopMenu:link     {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #85B5E2; text-decoration: none; font-weight: bold}
a.TopMenu:visited  {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #85B5E2; text-decoration: none; font-weight: bold}
a.TopMenu:hover    {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-decoration: none; font-weight: bold}
a.TopMenu:active   {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #85B5E2; text-decoration: none; font-weight: bold}

a.ListLinks:link       {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #CCCCCC; text-decoration: none}
a.ListLinks:visited    {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #CCCCCC; text-decoration: none}
a.ListLinks:hover      {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #00CC00; text-decoration: none}
a.ListLinks:active     {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #CCCCCC; text-decoration: none}

.box                  {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #999966; border: 1px solid;; border-color: #0099CC #000033 #000033 #0099CC}
.sub                  {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; background-color: #FFFFFF; border: 1px #000000 outset;}

.body        {scrollbar-face-color:#FF9900;scrollbar-shadow-color:#663399;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#FFCC00;scrollbar-darkshadow-color:#FFCC00;scrollbar-track-color:#FFCC00;scrollbar-arrow-color:#000000}
  
.mainHeaders {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #CCCCFF; text-decoration: none; font-weight: bold; font-style: normal; text-transform: uppercase}
.back {
	background-attachment: fixed;
	background-image: url(images/navigation/tea_cup_faded.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}