/* default.css */


/* BODY */

body {
	background-color:#ffffff;
	color:#425967; /*#5a1e1e;*//*main text colour*/
	font-family: Verdana;
        text-align: justify;
}

a {
	color: #828e68;/*links colour*/
}


img.borderless {
  border-width: 0px;
}

img.rmenu{
padding-top:20px;
padding-left:10px;
border-width:1px;
border-style:dotted;
border-left-color:#d7c5ad;
border-right-color:#ffffff;
border-bottom-color:#ffffff;
border-top-color:#d7c5ad;
}

a.abutton {
  font-size: larger;
  border-width: 3px;
  border-style: solid;
  border-top-color: #bb8c5e; /* lightbrownorg */
  border-left-color: #828e68; /* greygreen      */
  border-right-color: #853706; /* darkbrownorg    */
  border-bottom-color:  #34422b; /* darkgreen       */
  padding: 10px;
  font-variant: small-caps;
  font-weight: bold;
}

a.thumbtext{
color:#425967;
font-size: 75%;
font-weight: regular;

}

a.breadcrumb{

font-size: 12px;
font-weight: normal;
}

span.breadcrumb1{
color:#425967;
font-size: 12px;
font-weight: normal;
}


div.abutton {
  text-align: center;
  padding: 20px;
}

div.profilemenu a {
  font-variant: small-caps;
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  border-top-color: #bb8c5e; /* lightbrownorg */
  border-left-color: #828e68; /* greygreen      */
  border-right-color: #853706; /* darkbrownorg    */
  border-bottom-color:  #34422b; /* darkgreen       */
}
div#cancelorder a {
  font-variant: small-caps;
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  padding: 5px;
  border-top-color: #bb8c5e; /* lightbrownorg */
  border-left-color: #828e68; /* greygreen      */
  border-right-color: #853706; /* darkbrownorg    */
  border-bottom-color:  #34422b; /* darkgreen       */
}

/* LAYOUT */

#foottag {
  border-top-style: solid;
  border-top-width: 1px;
 border-top-color: #000000;
  font-family: Verdana;
  font-size: 10px;
  text-align:right;
  background-color: #ffffff; 
  color: #000000;
}

div.box {
  border-width: 1px;
  border-color: #ffffff;
  border-style: solid;
  background-color:#d7c5ad;
}

table#mainlayout {
  width: 1000px;	
  margin-left:auto;
  margin-right:auto;
  font-family: Verdana;
  border-color: #000000;
  border-width:1px;
  border-style:dotted;
 border-top-style: none;
}

table {
  font-family: Verdana;
}


form.searchform {
  text-align: center;
}

tr.valigntop {
  vertical-align: top;
}


tr.valignmiddle {
  vertical-align: middle;
}


table.header{
margin-left:auto;
margin-right:auto;
border-width: 0px;
width: 550px;
background-color:#ffffff;
}

table.homeheader{
margin-left:auto;
margin-right:auto;
border-width: 0px;
width: 700px;
background-color:#ffffff;
}

table.thumbs{
background-color:#ffffff;
margin-left:auto;
margin-right:auto;
border-width: 0px;
width: 100%;
}

td.thumbs{
border-width:1px;
border-style:dotted;
border-top-color:#ffffff;
border-left-color:#ffffff;
border-right-color:#d7c5ad;
border-bottom-width:0px;
text-align: center;
background-color:#ffffff;

}

td.thumbs2{
border-width:1px;
border-style:dotted;
border-top-color:#ffffff;
border-left-color:#ffffff;
border-right-color:#ffffff;
border-bottom-color:#d7c5ad;
text-align: center;
background-color:#ffffff;
}

td.thumbs3{
border-width:1px;
border-style:dotted;
border-top-width:0px;
border-top-color:#ffffff;
border-left-color:#ffffff;
border-right-color:#d7c5ad;
border-bottom-color:#d7c5ad;
background-color:#ffffff;
text-align: center;
}

td.thumbsblank{
border-width:0px;
background-color:#ffffff;
text-align: center;
}

	

td { 
  background-color:#e0e0f0;
}

td.header{
/*background-color:#777777;
#border-right-color:#777777;
#border-width: 0px;*/
width: 338px;
}

td.header2{
background-color:#777777;
width: 212px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
color: #ffffff;
}

td.green{
background-color:#666633;
width: 212px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
color: #ffffff;
}

td.white{
background-color:#777777;
width: 212px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
color: #ffffff;
}

td.yellow{
background-color:#777777;
width: 212px;
text-align: center;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}

td.black{
background-color:#777777;
width: 212px;
text-align: center;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}

td.herbal{
background-color:#990033;
width: 212px;
text-align: center;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}

td.puerh{
background-color:#330000;
width: 212px;
text-align: center;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}

td.display{
background-color:#CC9966;
width: 212px;
text-align: center;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}

td.oolong{
background-color:#993300;
width: 212px;
text-align: center;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}

td.blends{
background-color:#996633;
width: 212px;
text-align: center;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}

td.cups{
background-color:#9999cc;
width: 212px;
text-align: center;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}

td.homestyle{
background-color:#d7c5ad;
/*border-left-color:#777777;
border-width: 1px;*/
width: 250px;
text-align: center;
color: #5a1e1e;
}


img.pageimage {
  float: right;
  border-left-width: 10px;
  border-bottom-width: 10px;
  border-top-width:0px;
  border-right-width: 0px;
  border-style: solid;
  border-color: #ffffff;
padding-top:10px;
}

img.pageimage1 {
display:block;
margin-left:auto;
margin-right:auto;
border-width: 0px;

}
img.pageimage2 {
display:block;
margin-left:auto;
margin-right:auto;
border-width: 0px;
}

p.pagetitle{
text-align: center;
font-size: 16px;
font-weight: bold;
}

p.teatypes{
text-align: center;
font-size: 24px;
font-weight: bold;
}
p.pagesubtitle{
text-align: justify;
font-size: 12px;
line-height: 1em;
/*font-weight: bold;*/
}


a.pagesubtitle{
text-align: justify;
color: #ffffff;
font-size: 12px;
line-height: 1em;
}



#west {
  width: 140px;
  background-color: #ffffff;
  font-size: larger;
  /*font-variant: small-caps;*/
}


#centre {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  background-color: #ffffff;
  min-width: 400px;
}


#east {
  width: 140px;
  background-color: #ffffff;
  font-size: 90%;
  text-align:left;
  /*font-variant: small-caps;*/
}


#south {
  text-align: center;
  font-size: 12px;
	color: #73342b;
	background-color: #ffffff;
	border-width: 0px;
}



#toolbar {
        font-family: Verdana;
        font-size:100% ;
	color:#425967; /*main menu*/
	background-color: #ffffff;
	text-align: left;
font-weight:normal;
border-bottom-width: 0px;
/*border-bottom-style: solid;
border-bottom-color:#425967; */
}

#toolbar a {
	color:#425967;/*#5a1e1e;*//*ffffff;*/
	padding-left: 3px;
	padding-right: 3px;
/*font-weight:bold;*/
}
#toolbar a:hover {
	background-color:#ffffff; /*#bb8c5e;*/
	color: #98a9ad;/*#ebe4da;*/
}


#sitetitle {
  font-size: 36pt;
	background-color:#ffffff;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}


#westlogo {
  background-color: #ffffff;
}
#westlogo img {
  border-width: 0px;
}
#eastlogo {
  background-color: #ffffff;
}
#eastlogo img {
  border-width: 0px;
}


#tagline {
  font-size: 14pt;
	background-color:#ffffff;
	color: #5a1e1e;
	text-align: center;
}


/* EAST MENU */




/* FEATURED PRODUCTS */




div#featured {
  width: 130px;
  background-color:#828e68; /*#1d5959;*/
  color:#ffffff; /*#d7c5ad;*/
  font-size:110%; /*larger;*/
  font-weight: bold;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
border-left-width:1px;
border-left-style:dotted;
border-left-color:#d7c5ad;
}


#featurediv {
/*  background-image: url(/gfx/isotile.php?colour=d7c5ad); */
  /*background-color: #e8e5e0;*//*#d7c5ad;*/
  font-weight: bold;
font-size: 90%;
  width: 140px;
text-align:center;
border-left-width:1px;
border-left-style:dotted;
border-left-color:#d7c5ad;
}
#featurediv a {
  color: #1d5959;
  display: block;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ffffff;
}
#featurediv a:hover  {
  color: #e8e4e1;
  background-color: #828e68;
}




/* EVENTS */



a#events {
  display:block;
  width: 130px;
  background-color:#828e68; /*#34422b;*/
  color:#ffffff; /*#e8e5e0;*/
font-size:12px; 
  font-weight: bold;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ffffff;
border-left-width:1px;
border-left-style:dotted;
border-left-color:#d7c5ad;
}
a#events:hover {
  color: #828e68;/*#34422b;*/
  background-color:#ffffff; /*#e8e5e0;*/
font-size:12px; 
}




#eventsdiv {
  /* background-image: url(/gfx/isotile.php?colour=e8e5e0);  */
  /*background-color: #e8e5e0;*/
  width: 140px;
font-size:12px; 

}
#eventsdiv a {
  color:#425967; /*#34422b;*/
  display: block;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
font-size:12px; 
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ffffff;
border-left-width:1px;
border-left-style:dotted;
border-left-color:#d7c5ad;
}
#eventsdiv a:hover  {
  color: #e8e4e1;
  background-color: #828e68;
font-size:12px; 
}




/* NEWS */




a#news {
  display:block;
  width: 130px;
  background-color:#828e68; /*#34422b;*/
  color:#ffffff; /*#e8e5e0;*/
  font-size:12px; 
  font-weight: bold;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ffffff;
border-left-width:1px;
border-left-style:dotted;
border-left-color:#d7c5ad;
}
a#news:hover {
  color: #828e68;/*#34422b;*/
 font-size:12px; 
  background-color:#ffffff; /*#e8e5e0;*/
}




#newsdiv {
  /* background-image: url(/gfx/isotile.php?colour=e8e5e0);  */
  /*background-color: #e8e5e0;*/
  width: 140px;
  font-size:12px; 

}
#newsdiv a {
  color:#425967; /*#34422b;*/
  display: block;
  font-size:12px; 
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;

  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ffffff;
border-left-width:1px;
border-left-style:dotted;
border-left-color:#d7c5ad;
}
#newsdiv a:hover  {
  color: #e8e4e1;
  font-size:12px; 
  background-color: #828e68;
}



/* FONTS */


h1 {
  font-family: Verdana;
  font-size: 20pt;
  text-align:left;
  margin: 0px; padding: 0px;
  font-weight: bold;
  /*background-color: #ffffff;d7c5ad;*/
border-top-width:1px;
border-top-style:dotted;
border-top-color:#d7c5ad;
padding-top:10px;
/*border-left-width:1px;
border-left-style:dotted;
border-left-color:#d7c5ad;*/
}

/*h1 {
  font-family:Verdana;
  font-size: 24pt;
  margin: 0px; padding: 0px;
  font-weight: bold;
  text-align: center;
border-left-width:1px;
border-left-style:dotted;
border-left-color:#d7c5ad;
}*/

h1.pagetitle{
text-align: center;
font-size: 16px;
font-weight: bold;
text-align:center;
border-top-width:0px;
}

h1.noline{border-top-width:0px;}
h1.clearboth { clear: both; }

h2 {
  font-family: Verdana;
  font-size: 20pt;
  text-align:left;
  margin: 0px; padding: 0px;
  font-weight: bold;
  background-color: #ffffff;/*d7c5ad;*/
border-top-width:1px;
border-top-style:dotted;
border-top-color:#d7c5ad;
padding-top:10px;
/*border-left-width:1px;
border-left-style:dotted;
border-left-color:#d7c5ad;*/
}

h2.noline{border-top-width:0px;}
h2.clearboth { clear: both; }

h3 {
  font-family: Sharp, "Trebuchet MS", Helvetica, sans-serif;
  font-size: 18pt;
  margin: 0px; padding: 0px;
  font-weight: bold;
/*border-left-width:1px;
border-left-style:dotted;
border-left-color:#d7c5ad;*/
}
h4 {
  font-family: Sharp, "Trebuchet MS", Helvetica, sans-serif;
  font-size: 16pt;
  margin: 0px; padding: 0px;
  font-weight: bold;
/*border-left-width:1px;
border-left-style:dotted;
border-left-color:#d7c5ad;*/
}
h5 {
  font-family: Sharp, "Trebuchet MS", Helvetica, sans-serif;
  font-size: 16pt;
  margin: 0px; padding: 0px;
/*border-left-width:1px;
border-left-style:dotted;
border-left-color:#d7c5ad;*/
}
h6 {
  font-family: Sharp, "Trebuchet MS", Helvetica, sans-serif;
  font-size: 16pt;
  margin: 0px; padding: 0px;
  font-style: italic;
}
a {
  text-decoration: none;
}


/* COLOURS */




a:hover {
	background-color:#ffffff; /*#bb8c5e;*/
	color:#425967; /*#ebe4da;*/
/*font-weight:bold;*/
}


a.title {
	background-color: #73342b;
	color: #ffffff;
}
a.display {
	background-color: #bb8c5e;
	color: #ebe4da;
}


/* WEST MENU ... NON-TEA SPECIFIC */


#west div.hmenu a {
  padding: 3px;
  font-size: 14px;
  text-align : left;
  border-left-width: 5px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-color: #000000;
  border-style: solid;
  border-top-color: #000000;
}


#west div.hmenu a:hover {
	background-color: #828e68;/*#bb8c5e;*/
	color: #ffffff;/*#ebe4da;*/
       display: block;
}
#west div.hmenu a {
  display: block;
  background-color: #ffffff;/*#d7c5ad;*/ /*e8e5e0*/
  font-size: 12px;
  font-weight: bold;
color: #425967;/*#1d5959;*/
border-right-width:1px;
border-right-style:dotted;
border-right-color:#d7c5ad;
}
#west div.hmenu div a{
  display: block;
  background-color: #ffffff;/*#d7c5ad;*//*#e8e5e0;*/
}
#west div.hmenu div div a{
  display: block;
  background-color: #e8e5e0;/*#b0b0e0;*/
  
  font-size: 12px;
}
#west div.hmenu div div div a{
  display: block;
  background-color: #828e68;/*#1d5959;*//*#c0c0f0;*/
 color: #ffffff;
font-size: 12px;
}

#west div.hmenu div div div a:hover{
  display: block;
  background-color: #ffffff;/*#1d5959;*//*#c0c0f0;*/
 color: #828e68;

}

#west div.hmenu div div div div a{
  display: block;
  background-color: #828e68;/*d0d0ff;*/
}
#west div.hmenu div div div div div a{
  display: block;
  background-color: #828e68/*#e0e0ff;*/
}
#west div.hmenu div div div div div div a{
  display: block;
  background-color: #f0f0ff;
}
#west div.hmenu div div div div div div div a{
  display: block;
  background-color: #ffffff;
}