/* default.css */


/* BODY */


body {background-color:#ffffff; color:#425967; /*main text colour*/ font-family: Arial, Helvetica, sans-serif; text-align: justify;}

/* LAYOUT */

#wrapper{margin: auto; width: 950px; border-color: #ffffff; border-style: none;}

#headercontainer{}

fieldset.search{
border-color:#ffffff;
border-style: none;

}

div.headercontainer{width: 950px;}

a.white{color: #ffffff; border-color:#ffffff;}
a.white img {border-color:#ffffff;}

a:hover.white{color: #ffffff;}

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

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;
}

#maincontainter{
}


#rightcolumn{
float: right;
}
#leftcolumn{
float:left
}

/* HEADER */

#logo{
float: left;
}

#toplinks{
text-align: right;
/*float: right;
clear: both;*/
list-style-type: none;
padding: 0;
margin: 5px 0 10px 0;

}

#toplinks li{
display:inline;
padding: 0;
margin: 0 0 0 20px;
font-size:0.75em;
}

p.welcomemessage{
text-align: right;
/*float: right;*/
padding: 0;
margin: 0 0 5px 0;
font-weight: bold;
}

form.searchform {
text-align: right;
 /*float: right;
clear: both;*/
  font-size: 0.875em;
 margin: 5px 0 5px 0;
}

div.minibasket{
text-align: right;
 /*float: right;
clear: both;*/
margin: 10px 0 10px 0;
font-size: 0.875em; 

}

div.minibasket a{
float:right;
 margin: 10px 20px 10px 0;
}
div.minibasket p{
 margin: 10px 0 10px 0;
float:right;
}

/*MAIN MENU*/


#main_menu{
width: 950px;
list-style-type: none;
margin: 20px 0 10px 0;
padding: 0;
clear: both;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #425967;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #425967;
text-align:center;
}


#main_menu li{
display:inline-block;
padding: 10px 0 10px 0;
margin 0;
*display:inline;
zoom:1;

}



#main_menu li.Tea{
text-align:left;
width: 170px;
}

#main_menu li.TeaWare{
text-align:left;
width: 186px;
}

#main_menu li.Coffee{
text-align:center;
width: 100px;
}

#main_menu li.TeaInfo{
text-align:right;
width: 170px;
}

#main_menu li.Wholesale{
text-align:right;
width: 220px;
}


#main_menu {
 /*position: relative;
 z-index: 597;
 float: left;*/
}

#main_menu li {
/* float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;*/
}

#main_menu li.hover,
#main_menu li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

#main_menu ul {
 visibility: hidden;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
 font-size: 0.875em;
 display: block;
 background-color:#e8e5e0;
 border-top-style: solid;
border-top-color: #000000;
border-top-width:1px;
}

#main_menu ul li {
 float: none;
padding: 5px 0 5px 0;
margin: 0;
text-align:left;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-style: solid;
border-left-color: #000000;
border-right-style: solid;
border-right-color: #000000;
border-bottom-style: solid;
border-bottom-color: #000000;
width: 100%;
}

#main_menu ul li a:hover {
background-color:#e8e5e0;}

/*#main_menu ul ul {
 top: 1px;
 left: 99%;
}*/

#main_menu li:hover > ul {
 visibility: visible;
}



/*FOOTER*/
div.copyright{
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #425967;
font-size:0.75em;
padding-top: 10px;
}

div.payment{
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #425967;
font-size:0.75em;
text-align: center;
padding: 10px 0 10px 0;
clear:both;
}

/*FOOTNAV*/
#footnav{
width: 950px;
list-style-type: none;
margin: 20px 0 10px 0;
padding: 0;
clear: both;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #425967;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #425967;
text-align:center;
font-size: 10px;
}

#footnav li{
display:inline-block;
padding: 10px 0 10px 0;
margin: 0;
width: 6.5%;
text-align:center;
zoom:1;
*display:inline;
}

div.column_container{
font-size: 0.75em;
text-decoration:underline;
width:550px;
margin-left:auto;
margin-right:auto;

}

div.column1{
float: left;
}

ul.column1{
list-style-type: none;
}

div.column2{
float: left;
}

div.column2 ul{
list-style-type: none;

}

div.column3{
float: left;
text-align:left;
}

div.column3 ul{
list-style-type: none;

}

div.column4{
float: left;
text-align:left;
}

div.column4 ul{
list-style-type: none;

}

div.rightcolumndiv{
width: 140px;
/*border-right-width:1px;
border-right-style:dotted;
border-right-color:#d7c5ad;*/
}



/* LEFT COLUMN */


div.leftcolumndiv{
width: 140px;
border-right-width:1px;
border-right-style:dotted;
border-right-color:#d7c5ad;
font-size: 0.75em;
}

#leftcolumn ul{
list-style-type: none;
margin: 0 ;
padding: 0;

}

#leftcolumn ul li{
display:block;
padding: 0;
text-align: left;
border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ffffff;
}

#leftcolumn ul li a:hover {
background-color: #828e68;
color: #ffffff;
display: block;
}


#leftcolumn ul li ul li a{
background-color: #e8e5e0;
display: block;
}


#leftcolumn ul li ul li ul li a{
background-color: #828e68;
color: #ffffff;
display: block;
}

#leftcolumn ul li ul li ul li a:hover{
background-color: #ffffff;
color: #828e68;
display: block;
}


#centrecolumn {
  /*font-family: "Trebuchet MS", Helvetica, sans-serif;*/
  background-color: #ffffff;
 width: 625px;
 margin-left: auto;
 margin-right: auto;
}


#widecentrecolumn {
  /*font-family: "Trebuchet MS", Helvetica, sans-serif;*/
  background-color: #ffffff;
 width: 950px;
 margin-left: auto;
 margin-right: auto;
}


/* BREADCRUMB and BACK BUTTON */

a.breadcrumb{
font-size: 12px;
font-weight: normal;
}

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

div.backbutton{
margin:5px;
}

a.backbutton{
font-size:12px;
color:#828e68;
font-weight:bold;
}
div.breadcrumb{
}





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

img.rmenu{
border-width:1px;
border-style:solid;
border-color: #000000;
}

div.rmenu1{
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: bold;

}




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       */
}







#foottag {
  /*font-family: Sharp, "Trebuchet MS", Helvetica, sans-serif;*/
  background-color: #425967; /*#d7c5ad;*/
  color: #ffffff;

}

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


/*ACTIONS*/

h1.action{
text-align: left;
font-size: 18px;
font-weight: normal;
border-width:0px;
}


#login_form{
border-top-width:1px;
border-top-style:solid;
border-top-color:#E3E4FA;
margin:10px 0 10px 0;
}
#login_form h3{
font-size:16px;
margin-top:10px
}

#login_form ul{
list-style-type: none;
margin:0;
padding:0;
}

#login_form ul li{
margin:0;
padding:0;
}

#login_form p{
font-size:12px;
padding:0;
margin:0;
}

#login_form p.required{float: right;font-size:10px;color:#FF0000; margin:0; padding:0;}
span.required{color:#FF0000;}

input.input-text{
width: 50%;
border: 1px solid  #E3E4FA;
}

input.button{
float:right;
margin: 2px;
}

div.newuser{
width:49%;
float:left;
}

div.reguser{
width:49%;
float:right;
}

div.Col-1{
width:49%;
float:left;
clear:right;
border-style:solid;
border-color:#E3E4FA;
border-width:1px;
margin-bottom:10px;
}
div.Col-2{
width:49%;
float:right;
border-style:solid;
border-color:#E3E4FA;
border-width:1px;
margin-bottom:10px;
}






table {
  font-family: "Trebuchet MS", Helvetica, sans-serif;

}


table.product {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 12px;
   background-color:#ffffff;
   border-collapse:collapse;
   min-width: 450px;
 margin-top: 20px;
margin-bottom: 20px;
}

table.product td {
   background-color:#ffffff;
   border-color: #000000;
   border-width: 1px;
   border-style:solid;
  padding: 5px;
}

td.bold{
font-weight:bold;
}

td.options{
font-weight:bold;
color:#FF0000;
}
td.options a{
color:#FF0000;
}



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{
margin-left:auto;
margin-right:auto;
border-width: 0px;
/*width: 100%;*/
background-color:#ffffff;
width: 625px;
}

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

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

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: 1px;
  border-bottom-width: 1px;
  border-top-width:1px;
  border-right-width: 1px;
  border-style: solid;
  border-color: #ffffff;
  padding-top:10px;
  padding-bottom:10px;
  clear: right;
margin-left:10px;
}

img.pagethumb {
  float: right;
  width: 62px;
  height:62px;
  border-width:1px;
  border-style: dotted;
  border-color: #d7c5ad;
 margin: 0 15px 15px 0;
}

div.pagethumb{
width: 400px;
float: right;
clear: right;
margin-left:10px;
}
div.addthis{
float:right;
clear:right;
}


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;*/
}
p.productdescription{
font-size:14px;
width:560px;


}

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







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


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






/* 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: 140px;
  background-color: #853706;
  color: #dac8b0;
  font-size: larger;
  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;
}
a#events:hover {
  color: #853706;
  background-color: #dac8b0;
}


#eventsdiv {
  /* background-image: url(/gfx/isotile.php?colour=dac8b0); */
  background-color: #dac8b0;
  width: 150px;
}
#eventsdiv a {
  color: #853706;
  display: block;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ffffff;
}
#eventsdiv a:hover  {
  color: #e8e4e1;
  background-color: #828e68;
}




/* NEWS */

a#news {
  display:block;
  width: 130px;
  background-color:#828e68; /*#34422b;*/
  color:#ffffff; /*#e8e5e0;*/
  font-size:110%; /*larger;*/
  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;*/
  background-color:#ffffff; /*#e8e5e0;*/
}




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

}
#newsdiv a {
  color:#425967; /*#34422b;*/
  display: block;
  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;
  background-color: #828e68;
}



/* FONTS */


h1 {
  font-family: /*Sharp,*/ "Trebuchet MS", Helvetica, sans-serif;
  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: Sharp, "Trebuchet MS", Helvetica, sans-serif;
  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.noline1{border-top-width:0px;font-size:20px;}
h1.clearboth { clear: both; }

h2 {
  font-family:/* Sharp,*/ "Trebuchet MS", Helvetica, sans-serif;
  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.noline1{border-top-width:0px;font-size:16px;}
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;
}
h6.noline{font-style:normal;font-size:14px;font-weight:normal;}
a {
  text-decoration: none;
}