/*
#e40002; - red
#060f76; - dark blue

#f7cd74; -gold selected
#5b1a04; - dark brown

*/
@import "menu.css";

body{
	text-align:center;
	padding:0px;
	margin:0px;
	font-family: Trebuchet MS,Verdana, Arial;
	font-size:0.8em;
	background-image:url(./images/bg-body.jpg);	
	background-repeat:no-repeat;	
	background-position:50% 0%;
}

a{
	color:#003979;/*#e40002;*/
	text-decoration:underline;
	border:none;
}

a:hover{
	color:orange;/*#7777a0;/*#f7cd74;-gold*/
	text-decoration:underline;
	border:none;
}

a.bold{
	font-size:1.0em;
	color:#555;
	text-decoration:underline;
	font-weight:bold;
	border:none;
}

a.bold:hover{
	color:#e40002
	ztext-decoration:underline;
	border:none;
}
a.bold img{
	border:none;
}
table{
	width:98%;
	table-layout:fixed;
	margin:0px;
	padding:0px;
}

td{
	padding:5px;
	font-size:0.8em;
	font-family: Trebuchet MS,Verdana, Arial;
	vertical-align:top;
}


h1{		
	margin:0px;
	padding:0px;
	padding-top:0px;
	text-align:left;
	font-size:1.0em;
	font-weight:bold;
	font-family: Trebuchet MS,Verdana, Arial;
	background-color:transparent;
	color:#003979;
}

h1.title{
	margin:0px;
	margin-left:5px;
	
	padding-bottom:5px;
	padding-top:5px;	
	
	width:550px;
	color:#003979;
	font-size:1.2em;
	background-color:transparent;
	zborder-top:1px dashed #e22932;
	border-bottom:1px solid #fdb511;
}

h1.yellow{	
	margin:15px;
	margin-left:215px;
	
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;

	width:500px;
	color:#003979;
	zfont-size:1.2em;
	font-style:italic;
	background-color:#fff1d2;
	zborder-top:1px dashed #e22932;
	border-bottom:none;
}

ul{
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:15px;
zborder: 1px solid red;
}

ul li,ol li{	
	list-style-position: intside;	
	margin:0px;
	padding:0px;
	padding-bottom:0px;
zborder: 1px solid red;
}

li{
	margin:0px;
	padding:0px;	
}
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;
	zbackground-color:green;
	zbackground-image:url(./images/content-bg.jpg);
	
	background-repeat:repeat-y;
	background-position: 100% 0%;
zborder: 11px solid green;
}

div.flash{
	position:absolute;
	padding:0px;
	margin:0px;
	margin-top:0px;
	zmargin-left:100px;
	top:0px;
	left:0px;	
	width:950px;	
	height:160px;
	background-color:white;
	zbackground-image:url(./images/logo.jpg);	
	background-repeat:no-repeat;
	background-position: 0% 0%;
	
zborder:1px solid red;
z-index:100;
	
}

div.content{
	position:absolute;
	left:0px;
	margin:0px;
	margin-top:200px;	
	
	padding:0px;	
	width:950px;
	
	text-align:left;
	zheight:19px;
	background-color:transparent;
	background-image:url(./images/bg-content.jpg);
	
	background-repeat:no-repeat;
	background-position: 50% 100%;
	
	zoverflow:auto;
zborder:1px solid red;
	z-index:0;
}

div.menu{
	position:absolute;
	margin:0px;	
	margin-top:190px;
	
	left:0px;
	text-align:left;
	float:left;
	width:190px;
	
	background-color:transparent;
	
zborder:1px solid green;
	z-index:11;
}
/*****************************************/
div.right{
	position:absolute;	
	margin:0px;
	margin-top:176px;
	
	left:730px;
	width:210px;	

	text-align:center;	
	background-color:transparent;/*#5b1a04;*/
	
zborder:1px solid green;
}


div.right h1{
	padding-left:5px;
	color:white;
}

div.right p{
	margin:0px;
	padding:10px;
	zpadding-right:15px;
	width:190px;
	background-color:transparent;
	color:#003979;/*#333;*/
	zfont-weight:bold;
	text-align:right;

	zfont-family: Verdana,Times New Roman,  Arial;
	font-family: Trebuchet MS,Verdana, Arial;
	font-size:1.1em;
zborder:1px solid green;

}
div.right ul{
	margin-left:15px;
	
	padding:10px;
	padding-right:20px;
	zwidth:200px;
	color:#003979;
	text-align:left;
	font-size:1.0em;
	font-style:italic;
	list-style-position: outside;	
zborder:1px solid red;
}

div.right ul.li{
	
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	list-style-image:circle;
	
}
/*****************************************/
div.hor_menu{
	position:absolute;
	left:0px;
	
	margin:0px;
	margin-top:153px;
	padding:0px;
	
	
	width:950px;	
	
	text-align:left;
	font-size:10px;
	
	background-color:transparent;	
zborder:1px solid red;

}

/**************************************/

div.content table td{
	color:#555;
	font-size:0.8em;
	font-family: Trebuchet MS, Verdana,  Arial;	
	
}
div.content table.frameless{
	margin-left:190px;	
	width:740px;
zborder:1px solid black;
	
}
div.content p, div.content div{
	margin:0px;
	padding:5px;
	padding-left:30px;
width:500px;
	text-align:left;
	color:#333;
	background-color:transparent;
	zbackground-color:white;
	font-size:0.9em;
	font-family: Trebuchet MS, Verdana,  Arial;	
zborder:1px solid red;
}

/*contact form needs this*/
div.content div p{
	background-image:none;
}
div.content img{
	margin:0px;
	padding:0px;
}

/******************   p  ***************************/
p.center{
	width:100%;
	text-align:center;
}

div.content p.copy{
	margin-bottom:32px;
	margin-left:200px;
    font-size:10px;
	color:#aaa;/*#9ee9e3;*/
	text-align:center;
	font-family:  Trebuchet MS,Verdana, Arial;		
zborder: 1px solid #ccc;
}

p.copy a{
	color:#aaa;
	font-size:10px;
	font-family:  Trebuchet MS,Verdana, Arial;
	text-decoration:none;
}

p.copy a:hover{
	color:#fdb511;
	font-size:10px;
	font-family:  Trebuchet MS,Verdana, Arial;
}

 p.yes{
	padding-left:35px;
	text-align:left;
	vertical-align:middle;
	background-image:url("images/yes.jpg");
	background-position:0% 0%;
	background-repeat: no-repeat;
}

table.contact{
	width:90%;
	zborder:1px solid #555;
}
table.contact td{
	text-align:right;
	color:#555;
}


/*----------------------------------Form elements--------------------------------------------*/

INPUT{
	zcolor:#333333;
	zbackground-color:#E7E5D8;
	zfont-family:Arial, Helvetica, sans-serif;
	zfont-size:12px;
	zfont-style: normal; 
	zfont-weight: normal;
	width:280px;
}

input.email{
	width:90%;
}


input.pay{width:130px;height:50px;}

input.qty,input.radio,input.cart,input.check{width:25px;}


input.submit{width:75px;border:none; }

input.go{
	width:35px;
	border:none;
}

TEXTAREA{
	width:280px;
}
SELECT {  
	zfont-family: Arial, Helvetica, sans-serif; font-size: 12px; 
	zcolor: #333333; background-color: #E7E5D8;
	width:180px;
}

p.360 input,p.360 select,p.360 textarea{
	width:360px;
}
p.360 input.check{
	width:20px;
}

p.360 input.submit{
	width:75px;
}
input.a360{
	width:360px;
}
/*End of form */

/*--------------------Tables---------------------*/


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

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

table.one td{
	margin:0px;
	padding:20px;
	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.8em;
	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;
	zpadding-left:35px;
	height: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 h1{
	padding-left:0px;	
	font-size:14px;

}

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

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

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

table.two{
	margin:0px;
	margin-top:10px;
	width:730px;
	text-align:left;
zborder:1px solid red;	
} 
/*--table.two TDs--*/
table.two td{
	margin:0px;
	padding:0px;
	padding-left:20px;
	padding-right:20px;
	
	width:50%;
	text-align:left;	
	vertical-align:top;
	
	color:#555;
	font-family:Verdana, Trebuchet MS,Arial;
	font-size:0.7em;
	
	background-color:transparent;
	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:35px;
	padding-top:10px;
	height:10px;
	text-align:left;
	vertical-align:top;
	background-image: url("images/two.jpg");
	background-position:50% 0%;
	background-repeat:no-repeat;
}
table.two td h1{
	padding-left:0px;	
	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.video{
	padding:0px;
	padding-top:10px;
	vertical-align:top;
}

/*----table.two.td images-- */

table.two td img{
	margin:0px;
	margin-right:10px;
	float:left;
	
	width:150px;
	border:none;
zborder:solid 1px red;
}

table.two td img.product{
	margin:0px;
	
	float:none;
	clear:both;
	width:250px;
zborder:solid 1px red;
}

table.two td img.icon{
	margin:0px;
	float:none;
	clear:both;
	width:25px;

}
table.two td img.recipe{
	margin:0px;
	margin-bottom:5px;
	float:none;
	clear:both;
	
	width:250px;
zborder:solid 1px red;
}

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

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

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

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

table.three td{	
	zpadding:15px;	
	padding-left: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{
	margin:0px;
	padding:0px;	
	padding-top:15px;	
	padding-left:20px;
	zheight:30px;
	ztext-align:center;
	zfont-size:14px;
	background-image: url("images/three.jpg");
	background-position:50% 0%;
	background-repeat:no-repeat;
	background-color:transparent;
zborder:1px solid red;
}
table.three td.topthree h1{
	padding-left:0px;	
	font-size:14px;
}

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


/*---td.product----*/

table.three td.product {
	padding:10px;	
	text-align:center;
	vertical-align:top;
	font-size:0.7em;
	font-family:Verdana, Arial;
	font-weight:normal;
	color:#555; 
	background-color:transparent;/*fa923f;*/
	height:auto;
	vertical-align:middle;

	background-image: url("images/three.jpg");
	background-position:50% 50%;
	background-repeat:no-repeat;
zborder:1px solid red;
}

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

table.three td.bottomthreeproduct{
	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;
	width:185px;
	border:none;
zborder:1px solid red;
}

table.three td.product img{
	margin:0px;
	
	width:120px;
	FLOAT:none;
	clear:both;	
zborder:1px solid blue;
}
/*-------  table.three.td - ankors-------------*/

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