* {
	margin: 0px;
	padding: 0px;
	}
	
html {
	scrollbar-face-color: #000; 
	scrollbar-highlight-color: #000;
	scrollbar-shadow-color: #000; 
	scrollbar-3dlight-color: #000;
	scrollbar-arrow-color: #fff; 
	scrollbar-track-color: #000;
	scrollbar-darkshadow-color: #000;
	}

body {
	font-size: .9em;
	line-height: 1.5em;
	font-weight: 100;
	font-style: normal;
	font-family: helvetica, arial, verdana;
	color: #fff;
	background: #000;
	min-height:101%
	}
		
#container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 900px;
	height: 620px;	
	margin-left: -450px;
	margin-top: -310px;
	text-align: left;
	background: transparent url(../images/bgmain.jpg) no-repeat center center scroll;
	}
	
/* be nice to opera */
html>body #container {
  width:900px;
}

#home_link {
	position: absolute;
	top: 354px;
	left: 150px;
	width: 418px;
	height: 190px;
	background: transparent url(../images/awards2.png) top left no-repeat;
	z-index: 999;
}
.awlinks {text-align: right; margin-top: 100px; font-size: 11px; line-height: 12px;}
#home_link a {color: #fff; text-decoration: none; font-size: 11px;}
#home_link a:hover {color: #ccc; text-decoration: none; font-size: 11px;}

#homecontainer {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 900px;
	height: 620px;	
	margin-left: -450px;
	margin-top: -310px;
	text-align: left;
	background: transparent url(../images/home2.jpg) no-repeat center center scroll;
	}
	
/* be nice to opera */
html>body #homecontainer {
  width:900px;
}




#shopcontainer {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 900px;
	height: 620px;	
	margin-left: -450px;
	margin-top: -310px;
	text-align: left;
	background: transparent url(../images/shopbg.jpg) no-repeat center center scroll;
	}
	
/* be nice to opera */
html>body #shopcontainer {
  width:900px;
}


#shop1container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 900px;
	height: 620px;	
	margin-left: -450px;
	margin-top: -310px;
	text-align: left;
	background: transparent url(../images/shop1bg.jpg) no-repeat center center scroll;
	}
	
/* be nice to opera */
html>body #shop1container {
  width:900px;
}




#shopfrontcontainer {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 900px;
	height: 620px;	
	margin-left: -450px;
	margin-top: -310px;
	text-align: left;
	background: transparent url(../images/shopbg1.jpg) no-repeat center center scroll;
	}
	
/* be nice to opera */
html>body #shopfrontcontainer {
  width:900px;
}


#aboutcontainer {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 900px;
	height: 620px;	
	margin-left: -450px;
	margin-top: -310px;
	text-align: left;
	background: transparent url(../images/aboutus.jpg) no-repeat center center scroll;
	}
	
/* be nice to opera */
html>body #aboutcontainer {
  width:900px;
}




#tastingcontainer {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 900px;
	height: 620px;	
	margin-left: -450px;
	margin-top: -310px;
	text-align: left;
	background: transparent url(../images/teatasting.jpg) no-repeat center center scroll;
	}
	
/* be nice to opera */
html>body #tastingcontainer {
  width:900px;
}






#mainmenu {
	position: relative;
	top: 100px;
	left: 0px;
	height: 200px;
	width: 130px;
	}

/* be nice to opera */
html>body #mainmenu {
  width:130px;
}
	
#mainmenu ul{
	list-style-type: none;
	color: #fff;
	display: block;
	}
	
#mainmenu ul li{
	text-align: right;
	margin-top: .7em;
	}
	
#mainmenu ul li a{
	font: 100 normal 1em helvetica, arial, verdana ;
	text-decoration: none;
	}
	
#mainmenu ul li a:link, #mainmenu ul li a:visited {
	color: #fff;
	}
	
#mainmenu ul li a:hover {
	color: #908A4A;
	}
	
#mainmenu ul li a#current {
	color: #908A4A;
	font: bold;
	}	



#footer {
	position: absolute;
	top: 615px;
	left: 150px;
	width: 760px;
	height: 30px;
	background: transparent;
	margin: 0;
	z-index: 2;
	color:#fff;
	}	
	
/* be nice to opera */
html>body #footer {
  width:760px;
}

#footer ul {
	list-style-type: none;
	color: #fff;
	float: left;
	width: 760px;
	height: 30px;
	margin: 0;
	padding: 0;
	}
	
#footer ul li {
 	display: inline;
	list-style-type: none;
	padding-right: 55px;
}

html>body #footer ul li {
 	display: inline;
	list-style-type: none;
	padding-right: 55px;
}

#footer ul li.end {
 	display: inline;
	list-style-type: none;
	padding-right: 0px;
}

#footer ul li a {
	letter-spacing: .02em;
	text-decoration: none;
	color: #fff;
	}
	
#footer ul li a:link, #footer ul li a:visited {
	color: #fff;
	}
	
#footer ul li a:hover {
	color: #908A4A;
	}
	
#footer ul li a#current {
	color: #908A4A;
	font: bold;
	}
	

	
		
	

	
#header {
	position: absolute;
	top: 70px;
	left: 190px;
	width: 540px;
	height: 50px;
	font: normal normal 1.2em helvetica, arial, verdana;
	}
		
#header h2 {
	font: 100 normal 1.2em helvetica, arial, verdana;
	color: #908A4A;
	text-transform: capitalize;
	}
	
	
		
#header.right {
	position: absolute;
	top: 70px;
	left: 190px;
	width: 540px;
	height: 50px;
	text-align: right;
	font: normal normal 1.2em helvetica, arial, verdana;
	}
	

	
	
	

/* The main text area*/

#textbox {
	position: absolute;
	top: 110px;
	left: 190px;
	width: 500px;
	height: 320px;
	overflow: auto;
	padding-right: 10px;
	color: #fff;
	}
	
/* be nice to opera */
html>body #textbox {
  width:500px;
  max-height: 320px;
}	

#textbox p {
	/* font:normal normal 100 .9em/1.5em helvetica, arial, verdana;*/
	color: #fff;
	}

#textbox a {
	
	color: #fff;
	}

#textbox a:link {
	
	color: #fff;
	}
	
#textbox a:hover {
	
	text-decoration: none;
	color: #fff;
	}

#textbox a.underline:link {
	
	text-decoration: underline;
	color: #fff;
	}	
	
#textbox a.underline:hover {
	
	text-decoration: none;
	color: #fff;
	}	

#textbox h3 {
	font:normal normal 100 .9em/1.5em  Helvetica, arial, verdana;
	color: #fff;
	}
#textbox h3.terms{
	font:normal bold .9em helvetica, arial, verdana;
	color: #fff;
	}
		
#textbox ul.square {
	list-style: square inside;
	display: block;
	color: #fff;
	}
		
#textbox ul.square li{
	color: #fff;
	}
	
#textbox h3.k {
	font:normal normal 100 1.1em helvetica, arial, verdana;
	color: #908A4A;
	}	
	
	
	
#textboxpolicy {
	position: absolute;
	top: 110px;
	left: 190px;
	width: 500px;
	height: 320px;
	overflow: auto;
	padding-right: 10px;
	/* font:normal normal 100 .9em/1.4em helvetica, arial; */ 
	color: #fff;
	}
	
/* be nice to opera */
html>body #textboxpolicy {
  width:500px;
  max-height: 320px;
}

		



	
		
	
	
#teaheadbox {
	position: absolute;
	top: 110px;
	left: 190px;
	width: 500px;
	height: 60px;
	overflow: none;
	color: #908A4A;
	
	}
	
/* be nice to opera */
html>body #teaheadbox {
  width: 500px;
  height: 60px;
}

/**/
#teaheadbox table {
	
	}


#teaheadbox table tr td a {
	
	text-decoration: none;
	color: #908A4A;
	}

#teaheadbox table tr td a:link, #teaheadbox table tr td a:visited {
	text-decoration: none;
	color:  #908A4A;
	}
	
#teaheadbox table tr td a:hover {
	color: #fff;
	}
	
	
	



	
#teatextbox {
	position: absolute;
	top: 200px;
	left: 190px;
	width: 500px;
	height: 230px;
	overflow: auto;
	padding-right: 10px;
	}
	
/* be nice to opera */
html>body #teatextbox {
  width:500px;
  height: 240px;
}

#teatextbox p{
	color: #fff;
	}

#teatextbox a{
	color: #fff;
	}

#teatextbox a:link{
	color: #fff;
	}
	
#teatextbox h3.main {
	font:normal normal 100 1.2em/1.6em helvetica, arial, verdana;
	color: #908A4A;
	}

		
#teatextbox h3 {
	font:normal normal 100 1em/1.4em helvetica, arial, verdana;
	color: #908A4A;
	}
	


#teatextbox ul.square {
	list-style: square inside;
	display: block;
	color: #fff;
	}
	
#teatextbox ul.square li{
	color: #fff;
	}
	
#teatextbox ul.null {
	list-style: none;
	display: block;
	color: #fff;
	}
	
#teatextbox ul.null li{
	color: #fff;
	}	
	
	
	
	


/* The shop text links at the top of the page*/

#shopheadbox {
	position: absolute;
	top: 110px;
	left: 190px;
	width: 500px;
	height: 60px;
	overflow: none;
	}
	
/* be nice to opera */
html>body #shopheadbox {
  width:500px;
  height: 60px;
}

#shopheadbox p{
	color: #fff;
	}

#shopheadbox a{
	text-decoration: none;
	color: #908A4A;
	}
	
#shopheadbox a:link, #teaheadbox a:visited{
	text-decoration: none;
	color: #908A4A;
	}
	
#shopheadbox a:hover{
	color: #fff;
	}

#shopheadbox a:active{
	text-decoration: none;
	}
	
	
#shopheadbox a#current{
	text-decoration: none;
	color: #fff;
	}

	
table {
	width: 100%;
	}
		
table.shop {
	width: 340px;
	}
	
html>table.shop {
	width: 340px;
	}

	
table.about {
	vertical-align: top;
	width: 480px;
	}
	
html>table.about {
	width: 480px;
	}	
	
table.small {
	vertical-align: top;
	width: 480px;
	}
	
html>table.small {
	width: 480px;
	}
	
i.bold{
	font-weight: bold;
	}	
	
	
#teatype1 {
	position: absolute;
	top: 205px;
	left: 190px;
	width: 340px;
	height: 30px;
	}

#teatype1 h3 {
	font:  normal normal 100 1em helvetica, arial, verdana;
	color: #908A4A;
	text-transform: capitalize;
	}

	
#teatype1box {
	position: absolute;
	top: 230px;
	left: 190px;
	width: 340px;
	height: 150px;
	overflow: auto;
	color: white;
	font: normal normal 100 .8em helvetica, arial, verdana;
	}
	
/* just being nice to Opera */	
html>#teatype1box (
	width: 340px;
	)

#teatype1box p {
	font: normal normal 100 .8em helvetica, arial, verdana;
	color: white;
	}
	
#teatype1box ul {
	list-style-type: none;
	display: block;
	padding: 0px 0px 0px 10px;
	}	
	
#teatype1box ul li{
	font: normal normal 100 .8em helvetica, arial, verdana;
	color: #fff;
	}	
	
	
	
		
	
	
	
#teathumbsbox{
	position: absolute;
	top: 390px;
	left: 190px;
	width: 360px;
	height: 150px;
	background: transparent;
	text-transform: capitalize;
	}
	
/* just being nice to Opera */
html>body #teathumbsbox {
	width: 360px;
	}	


#teathumbsbox img{
	display: block;
	float: left;
	padding: 0px 30px 0px 0px;
	
	}
	
html>#teathumbsbox img{
	float: left;
	padding: 0px 30px 0px 0px;
	display: block;
	}
	
#teathumbsbox img#current{
	border: 1px groove #908A4A;
	padding: 0px;
	display: block;
	}
	
#teathumbsbox p{
	font: normal normal 100 .7em helvetica, arial, verdana;
	color: #fff;
	display: block;
	width: 90px;
	margin: 0px 0px 0px 0px;
	}
	
#teathumbsbox p#current{
	font: normal normal 100 .7em helvetica, arial, verdana;
	color: #908A4A;
	}
		
#teathumbsbox a{
	border: 0px;
	}	
	
	
	
	
	
	
	
	
.outer {
	position:relative;
	display: table;
	height: 30px;
	width: 66px;
	vertical-align: top; 
	text-align: left;
	float: left
}
.inner {
	width:100%;
	display: table-cell;
	vertical-align: top;
}
	
		
	
#teatype2 {
	position: absolute;
	top: 205px;
	left: 560px;
	width: 340px;
	height: 30px;
	}

#teatype2 h3 {
	font: normal normal 100 1em helvetica, arial, verdana;
	color: #908A4A;
	text-transform: capitalize;
	}
	
#tealargepic {
	position: absolute;
	top: 230px;
	left: 560px;
	width: 156px;
	height: 156px;
	}
	

	
	
	
	
#teatext2 {
	position: absolute;
	top: 420px;
	left: 560px;
	width: 310px;
	padding-right: 10px;
	height: 160px;
	overflow: auto;
	}
	
html>#teatext2 {
	width: 320px;
	}
	
#teatext2 p{
	font: normal normal 100 .8em helvetica, arial, verdana;
	color: #fff;
	}
	
#teatext2 ul {
	display: block;
	list-style-type: none;
	padding: 0px 0px 0px 10px;
	}
	
#teatext2 ul li {
	font: normal normal 100 .8em helvetica, arial, verdana;
	color: #fff;
	}	
	

#checkout {
	position: absolute;
	top: 80px;
	left: 740px;
	width: 150px;
	height: 140px;
	}
	
#checkout ul {
	display: block;
	list-style-type: none;
	}	
	
#checkout ul li a {
	/* font: normal normal 100 .9em helvetica, arial, verdana; */ 
	color: #fff;
	text-decoration: none;
	}
	
#checkout ul li a:link, #checkout ul li a:visited {
	color: #fff;
	text-decoration: none;
	}

#checkout ul li a:hover {
	color: #908A4A;
	text-decoration: none;
	}
	
#checkout ul li a#current {
	color: #908A4A;
	text-decoration: none;
	}
	
	
	
	
	
#pricetable {
	position: absolute;
	top: 225px;
	left: 750px;
	width: 150px;
	height: 156px;
	}
	
html>body #pricetable {
	width: 150px;
	}
#pricetable p{
	font: normal normal 100 .7em helvetica, arial, verdana;
	color: #fff;
	}
	
#pricetable label{
	font: normal normal 100 .7em helvetica, arial, verdana;
	color: #fff;
	}
	
#pricetable table {
	width: 150px;
	}
	
#pricetable table tr td{
	height: 5px;
	}	
	
#pricetable table input{
	width: 30px;
	}	
		
#pricetable table tr td a{
	font: normal normal 100 .7em helvetica, arial, verdana;
	color: #908A4A;
	text-decoration: none;
	}
	
#pricetable table tr td a:link, #pricetable table tr td a:visited {
	color: #908A4A;
	text-decoration: none;
	}

#pricetable table tr td a:hover {
	color: #fff;
	text-decoration: none;
	}
		
	
#cartpage{
	position: absolute;
	top: 210px;
	left: 190px;
	width: 550px;
	height: 350px;
	background: transparent;
	z-index: 2;
	/*  font: normal normal 100 .9em helvetica, arial, verdana; */
	color: #fff;
	overflow:auto;
	}
	
#cartpage label {
	
	color: #fff;
	}	
	
#cartpage table {
	width: 500px;
	}
	
		
#shopbox {
/*	border: white 1px solid;*/
	background-color: transparent;
	position: absolute;
	top: 202px;
	left: 142px;
	width: 756px;
	height: 460px;
	overflow: auto;
	}

iframe {
	background-color: transparent;
}

#mootlink {
/*	border: white 1px solid;
	width: 100px;
	position: absolute;
	top: 100%;
	left: 90%;*/
	margin-top: 50px;
	text-align: right;	
	font-size: 9px;
}

#mootlink a {
	color: #ffffff;
}