/*

border: 1px solid red;


*/

@import "menu.css";

html, body {
	height: 100%;
	font-family:helvetica, verdana, arial;
} 

BODY{
	margin:0px;
	padding:0px;
		
	font-family:helvetica, verdana, arial;
	font-size:11px;
	font-style: normal; 
	font-weight: normal;
		
	text-align:center;
	color:#000;	
	background-color:white;
	
	background-image:url(./images/bg-body.jpg);	
	background-repeat:no-repeat;	
	background-position:50% 0%;
}

table{
	table-layout:fixed;
}
 
 
td{
	margin:0px;	
	padding:0px;
	vertical-align:top;
 }

b{font-weight:normal;}

b.bold{font-weight:bold;}

UL{	
	margin:0px;
	padding:0px;	
	list-style-position:outside;
	list-style-type:none;		
}

OL{
	margin:0px;
	padding:10px;
	padding-left:45px;
	padding-right:10px;
	

	font-size:0.8em;
	zfont-family:Verdana,Arial,tahoma, serif;
	text-align:left;
	color:#555;
	background-color:transparent;	
	line-height:150%;

}

ul.content {	
	margin:0px;	
	padding:0px;

	padding-left:55px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:2px;
	
	background-image:none;
	text-align:left;
	font-size:0.8em;
	list-style-position:outside;
	list-style-type: disc;
	background-color:transparent;	
	color:#555;
zborder: 1px solid red;
}

ul.content li{
	padding:0px;
}


H1, h1.buy{		
    margin:0px;	
	padding:0px;

	padding-top:20px;
	padding-bottom:5px;
	padding-left:20px;

	font-size:1.0em;
	text-align:left;
	font-family:helvetica, verdana, arial;
	font-style:none;
		
	background-color:transparent;	
	color:#f35120;
zborder: 1px solid red;
}

h1.buy a{
	padding-top:15px;
	padding-bottom:0px;
	font-size:0.8em;
	zcolor:black;
	font-weight:normal;

}

h1.right{	
	margin:0px;	
	padding:0px;	
	padding-right:10px;	
	
	text-align:left;
	font-size:1.5em;
	color:white;
	background-color:transparent;
zborder: 1px solid green;
}

div.shell{
	position:relative;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	zpadding-bottom:100px;
	text-align:center;
	width:950px;
	clear:both;	
	
	background-repeat:repeat-y;
	background-position: 100% 0%;
zborder: 11px solid green;

}

div.flash{
	position:absolute;
	top:0px;
	left:0px;	
	width:950px;	
	height:170px;	
	
	margin:0px;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	
	text-align:center; 
	color:white;
	background-color:transparent;	
zborder: 1px solid blue;
}

div.menu{
	position:absolute;
	left:0px;
	width:200px;
	
	margin:0px;
	margin-top:160px; /* extra 3px because of cellspacing see html*/
	
	padding:0px;
	padding-top:20px;
	padding-bottom:20px;
	
	text-align:left;		
	background-color:transparent;	
zborder: 1px solid blue;
}

div.content{
	position:absolute;	
	left:0px;
	width:951px;	
	
	margin:0px;
	padding:0px;
	padding-bottom:0px;
	margin-top:170px;	
		
	text-align:left;
	font-size:11px;	
	background-color:transparent;	
	zbackground-color:white;
	background-image:url(./images/bg-content.jpg);	
	background-repeat:repeat-y;
	background-position: 0% 0%;
zborder: 1px solid black;
}

table.image{
	width:750px;
	margin-left:200px;
	background-image:url(./images/bg-table.jpg);	
	background-repeat:no-repeat;
	background-position: 0% 100%;
}

td.flash{
	vertical-align:top;
	text-align:center;
zborder: 1px solid red;	
}

td.bottom{
	background-color:#ef5324;
}

table.buy{
	width:130px;
	margin:5px;
	border:1px dotted #ccc;
}

td.addcart{
	padding:0px;
	padding-top:3px;
	text-align:center;
	background-color:#ec3602;
}

td.addcart img{
	width:120px;
}
td.buy{
	vertical-align:middle;
}

table.brewing{
width:700px;
margin-left:20px;
}

table.brewing td{
	margin:0px;
	padding:5px;
	
	font-size:0.8em;
	zfont-family:Verdana,Arial,tahoma, serif;
	text-align:center;
	color:#555;
	background-color:transparent;
}
/**********************/
p.stopper10{
	height:10px;
}
p.stopper20{
	height:20px;
}
p.stopper30{
	height:30px;
}
p.stopper40{
	height:40px;
}
p.stopper50{
	height:50px;
}
p.stopper60{
	height:60px;
}
p.stopper70{
	height:70px;
}
p.stopper80{
	height:80px;
}
p.stopper90{
	height:90px;
}
p.stopper100{
	height:100px;
}
/**********************/
p.content{
	margin:0px;
	padding:0px;
	padding-left:20px;
	padding-right:10px;

	font-size:0.8em;
	zfont-family:Verdana,Arial,tahoma, serif;
	text-align:left;
	color:#555;
	background-color:transparent;	
	line-height:150%;
}

/*----------------------------------------*/
p.copy{
    padding:10px;
	font-size:9px;
	color:#fffdfd;
	text-align:center;		
	zbackground-color:#f5f6f6;
zborder: 1px solid black;
}


a{
	color:#f35120;
	zfont-size:11px;
	ztext-decoration:none;	
}
a:hover{
	color:#303030;	
}
a.copyright{
	color:#b84521;
	font-size:9px;
	ztext-decoration:none;
}
a img{	
	width:60px;
	float:left;
	margin-right:10px;
	
	zborder:none;
border: 1px dotted #ccc;
}
img.tea{
	margin:10px;
	margin-top:20px;
	clear:both;
	float:left;
	border: 1px solid #eee;
	
}
/*----------------------------------------*/
INPUT{
	color:#333333;
	background-color:#E7E5D8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal; 
	font-weight: normal;
	width:80%;
}
input.email{
	width:90%;
}
input.pay{width:130px;height:50px;
}

input.qty{width:25px;
}
input.submit{
	width:75px;
}

TEXTAREA{
	color:#333333;
	background-color:#E7E5D8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal; 
	font-weight: normal;
	width:80%;
}
SELECT {  
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
	color: #333333; background-color: #E7E5D8;
	width:80%;
}