/*

border: 1px solid red;

color:#de4200;red
color:#9fb4cc;blue
color:#cccc9f;light green
color:#3c4130;dark green


*/

@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/body.gif);	
	background-repeat:no-repeat;	
	background-position:50% 0%;
}

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


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:15px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:10px;
	
	background-image:none;
	text-align:left;
	zfont-size:0.9em;
	list-style-position:outside;
	list-style-type: disc;
	background-color:transparent;	
	color:#555;
zborder: 1px solid red;
}

ul.content li{
	padding:0px;
}


H1{		
    margin:0px;	
	padding:0px;

	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;

	font-size:1.0em;
	text-align:left;
	font-family:helvetica, verdana, arial;
	font-style:none;
		
	background-color:transparent;	
	
	color:#3c4130;/*dark green*/
	
zborder: 1px solid red;
}


div.shell{
	position:relative;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	
	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:160px;	
	
	margin:0px;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	
	text-align:center; 
	color:white;
	background-color:transparent;
	zbackground-image:url(./images/flash.gif);	
	background-repeat:no-repeat;
	background-position: 50% 100%;
zborder: 1px solid blue;
}

div.menu{
	position:absolute;
	left:0px;
	width:200px;
	
	margin:0px;
	padding:0px;
	margin-top:175px; 
	
	text-align:left;		
	background-color:transparent;	
zborder: 1px solid green;
}

div.hor_menu{
	position:absolute;
	left:0px;
	width:950px;
	
	margin:0px;
	padding:0px;
	margin-top:160px; 
	
	text-align:left;		
	background-color:transparent;	
zborder: 1px solid black;
}

div.content{
	position:absolute;	
	left:0px;
	width:950px;	
	
	margin:0px;
	padding:0px;
	zpadding-bottom:5px; /* height of background-image:url(./images/bg-content.gif);	*/
	margin-top:175px;	
		
	text-align:left;
	font-size:11px;	
	background-color:transparent;	
	
	zbackground-image:url(./images/bg-content.gif);	
	background-repeat:no-repeat;
	background-position: 50% 100%;
zborder-bottom: 10px solid #e7edef;
}

table.content{
	margin:0px;
	padding:0px;
	width:736px;
	margin-left:212px;
background-color:#fff8e3;	
zborder: 1px solid red;
}

/*------table.one------*/

table.one{
	margin:0px;
	margin-top:10px;
	width:736px;
	text-align:left;
zborder:1px solid #ccc;	
}

table.one td{
	margin:0px;
	padding:30px;
	padding-top:5px;
	padding-bottom:0px;
	text-align:left;
	zwidth:50px;
	vertical-align:top;
	color:#555;
	font-family:Verdana, Trebuchet MS,Arial;
	font-size:0.7em;
	background-color:transparent;
	background-image: url("images/one.jpg");
	background-position:0% 50%;
	background-repeat:no-repeat;
zborder:1px solid blue;
}

table.one td.topone{
	margin:0px;
	
	height:30px;
	padding-left:30px;
	padding-top:10px;
	text-align:left;
	background-image: url("images/one.jpg");
	background-position:0% 0%;
	background-repeat:no-repeat;
	background-color:transparent;
zborder:1px solid red;
}

table.one td.topone h1{
	padding:0px;
	
	color:#de4200; /* red*/
	font-size:14px;
zborder:1px solid red;
}

table.one td.bottomone{
	margin:0px;
	height:20px;
	background-image: url("images/one.jpg");
	background-position:0% 100%;
	background-repeat:no-repeat;
}

table.one td img{
	float:right;	
	margin-left:20px;
	margin-bottom:10px;
}

/*-----table.two--------------------*/

table.two{
	margin:0px;
	padding:0px;
	margin-top:10px;
	
	width:736px;
	text-align:left;
	border:none;
	
zborder:1px solid red;	
} 
/*--table.two TDs--*/
table.two td{
	margin:0px;
	padding:0px;
	padding-left:30px;
	padding-right:20px;
	padding-bottom:20px;
	
	width:50%;
	text-align:left;	
	vertical-align:top;
	
	color:#555;
	font-family:Verdana, Trebuchet MS,Arial;
	font-size:0.7em;
	
	background-color:#fff8e3;
	background-image: url("images/two.jpg");
	background-position:50% 50%;
	background-repeat:no-repeat;
	border:none;
zborder:1px solid blue;
}

table.two td.toptwo{
	margin:0px;
	padding:0px;
	padding-left:30px;
	padding-top:10px;
	height:30px;
	text-align:left;
	vertical-align:top;
	background-image: url("images/two.jpg");
	background-position:50% 0%;
	background-repeat:no-repeat;	
}

table.two td.toptwo h1{
	padding:0px;
	color:#de4200; /* red*/
	font-size:14px;
}

table.two td.bottomtwo{
	margin:0px;
	height:10px;
	background-image: url("images/two.jpg");
	background-position:50% 100%;
	background-repeat:no-repeat;
}


table.two td img{
	margin:0px;
	padding:0px;
	margin-left:5px;
	margin-bottom:5px;
	float:right;
	
	width:120px;
	border:none;
zborder:solid 1px red;
}
/*-----    table.three--------------------*/

table.three{
	margin:0px;
	margin-top:10px;

	width:736px;
	text-align:center;
	border:none;
	
}

/*-------  table.three  TDs -------------*/

table.three td{	
	padding:10px;	
	padding-left:20px;
	padding-right:20px;
	text-align:left;
	font-size:0.7em;
	font-family:Verdana, Arial;
	font-weight:normal;
	color:#555; 
	background-color:transparent;/*fa923f;*/
	height:auto;
	vertical-align:top;
	background-image: url("images/three.jpg");
	background-position:50% 50%;
	background-repeat:no-repeat;
zborder:1px solid red;
}

table.three td.topthree h1{
	padding:10px;
	padding-bottom:0px;	
	padding-left:20px;	
	font-size:14px;
	color:#de4200; /* red*/
}

table.three td.topthree{
	margin:0px;
	padding:0px;	
	
	zheight:10px;
	
	background-image: url("images/three.jpg");
	background-position:50% 0%;
	background-repeat:no-repeat;
	background-color:transparent;
zborder:1px solid red;
}
table.three td.bottomthree{
	margin:0px;
	height:10px;
	background-image: url("images/three.jpg");
	background-position:50% 100%;
	background-repeat:no-repeat;
}
/*-------  table.three.td - images-------------*/
table.three td img {		
	margin:0px;
	zmargin-left:10px;
	zmargin-right:10px;
	FLOAT:none;	
	clear:both;
	zwidth:185px;
	border:none;
zborder:1px solid red;
}
/*-------  table.three.td - ankors-------------*/

ztable.three td a{	
	margin:0px;	
	padding:0px;
	zpadding-left:10px;
	
	font-size:1.2em;
	font-family:Trebuchet MS,Verdana, Arial;
	font-weight:normal;
	background-color:transparent;/*fa923f;*/
	color:#3c82c7; 
	
}
table.three td a:hover{		
	color:#ccc; 
	
}
/**********************/
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:#9fb4cc;
	text-align:center;		
	background-color:#fff8e3;
zborder: 1px solid black;
}


a{
	color:#de4200; /*f35120;*/
	zfont-size:11px;
	ztext-decoration:none;	
}
a:hover{
	color:#9fb4cc;	
}
a.copyright{
	color:#cccc9f;
	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:100%;
}
input.email{
	width:100%;
}
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:100%;
}
SELECT {  
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
	color: #333333; background-color: #E7E5D8;
	width:100%;
}

/*----contact form-- */
table.contact{
	width:100%;
	margin:0px;
	padding:0px;
} 

table.contact td{	
	margin:0px;
	padding:0px;
	padding-top:10px;
	zpadding-bottom:10px;
	background-image:none;
}