/*
#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/body-bg.jpg);	
	background-repeat:no-repeat;	
	background-position:50% 0%;

	/*scrollbar-base-color:#2b1f7d;*/
}

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

a:hover{
	color:#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:#aaa;/*#3399cc; 		*/
}
h1.title, h1.title a,h1.titlenoborder{
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	padding-left:0px;
	zwidth:545px;
	font-size:1.0em;
	font-weight:bold;
	color:#e22932;
	text-align:left;
	
	background-color:transparent;
	zborder-top:1px dashed #e22932;
	border-bottom:1px solid #e22932;
}
h1.title{
	width:520px;
	padding-left:215px;
	zmargin-left:215px;
	margin-bottom:0px;
	border-bottom:none;
	text-align:left;
}
h1.titlenoborder, h1.titlenoborder a{
	font-size:1.1em;
	font-weight:normal;
	border:none;
	background-image:url(./images/los.jpg);
	background-repeat:no-repeat;
	background-position: 0% 50%;
}

h1.title a, h1.titlenoborder a, a.bold img{ border:none;background-image:none;text-decoration:none;}

ul li,ol li{
	list-style-type:none;
	list-style-position: intside;
	list-style-image:none;
	margin:0px;
	padding:0px;
	padding-bottom:5px;
	zborder: 1px solid #9dc0e3;
}
li{
	margin:0px;padding:0px;
	
}
ul.content {
	color:#3c82c7;
	font-family:Trebuchet MS,Verdana, Arial;
	font-size:0.8em;
	zborder: 1px solid #9dc0e3;/*3c82c7;*/
}

ul.content li{
	text-align:left;
}
li.grey{
	background-color:#ddd;
}
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;
	zpadding-right:5px;
	margin:0px;
	margin-top:0px;
	top:0px;
	left:0px;	
	width:950px;	
	height:135px;
	text-align:center;
	background-color:transparent;
	zbackground-image:url(./images/logo.jpg);
	
	background-repeat:no-repeat;
	background-position: 0% 0%;
zborder:1px solid #0c0;
	
}
div.hor_menu{
	position:absolute;
	
	margin:0px;
	margin-top:135px;
	padding:0px;
	zpadding-left:30px;
	padding-top:5px;
	left:220px;
	width:552px;	
	height:28px;
	text-align:left;
	font-size:10px;
	
	background-color:transparent;
	background-image:url(./images/hormenu-bg.gif);
	
	background-repeat:no-repeat;
	background-position: 0% 0%;
zborder:1px solid #black;
}

div.hor_menu table{
	width:490px;
	margin-left:30px;
	}

div.hor_menu table td{
	padding:0px;
	color:white;/*#ec2626;*/
	font-size:0.7em;
}
div.hor_menu input,div.hor_menu select{
	width:110px;
	font-size:11px;
}
div.hor_menu input{
	width:70px;

}
div.hor_menu input.go{
	width:21px;
	height:21px;
	color:transparent;
	background-color:transparent;
	background-image:url(./images/go.gif);
	
	background-repeat:no-repeat;
	background-position: 50% 50%;
}
div.content{
	position:absolute;
	left:0px;
	margin:0px;
	margin-top:170px;	
	padding:0px;
	zpadding-left:220px;
	zpadding-top:0px;
	zpadding-right:220px;
	padding-bottom:165px;
	width:950px;
	zheight:820px;
	
	text-align:left;
	zheight:500px;
	background-color:transparent;
	background-image:url(./images/content-bg.jpg);
	
	background-repeat:no-repeat;
	background-position: 50% 100%;
	
	zoverflow:auto;
zborder:1px solid red;
	z-index:0;
}
p.stopper{
	height:150px;
}

div.menu{
	position:absolute;
	margin:0px;	
	margin-top:155px;
	zpadding-top:30px;
	left:0px;
	text-align:left;
	float:left;
	width:190px;
	zheight:800px;
	background-color:transparent;
	zbackground-image:url(./images/menu-bg.jpg);
	
	zbackground-repeat:no-repeat;
	zbackground-position: 0px 0px;
	zborder:1px solid #0cc;
	z-index:11;
}

div.right{
	position:absolute;	
	margin:0px;
	margin-top:140px;
	zpadding-top:30px;
	left:780px;

	width:170px;
	zheight:700px;
	text-align:left;
	background-color:transparent;/*#5b1a04;*/
	zbackground-image:url(./images/bottom.jpg);
	
	zbackground-repeat:no-repeat;
	zbackground-position:100% 100%;
	zborder:1px solid #000;
	z-index:11;
}

div.content table td{
	color:#555;
	font-size:0.8em;
	font-family: Trebuchet MS, Verdana,  Arial;	
	
}
div.content table.frameless{
	margin-left:210px;
	zmargin-right:200px;
	width:550px;
}
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;
}
div.right h1{
	padding-left:5px;
	color:white;
}
div.right p, div.right p.top, div.right table{
	margin:10px;
	padding:10px;
	
	zmargin-top:34px;
	
	zbackground-color:transparent;
	background-color:#aae4fc;
	zbackground-image:url(images/corner-right.jpg);	
	background-position:0px 0px;
	background-repeat:no-repeat;
	
	color:#333;
	text-align:left;
	font-family: Verdana,Times New Roman,  Arial;
	font-size:0.8em;
	zborder:1px solid white;

	
}
div.right p.top{
	margin-top:0px;	
zborder:1px solid red;
}
div.right img{
	margin:0px;
	margin-bottom:5px;
	padding:0px;
	zborder:2px solid #ccc;
}

table.one{
	margin:0px;
	margin-left:220px;
	zmargin-right:200px;
	
	width:550px;
	text-align:left;
zborder:1px solid red;		
}

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

table.one td.topone{
	margin:0px;
	padding-top:5px;
	zheight:15px;
	text-align:left;
	background-image: url("images/one.jpg");
	background-position:50% 0%;
	background-repeat:no-repeat;
	background-color:transparent;
zborder:1px solid red;
}
table.one td.topone h1{
	padding-left:0px;
	padding-top:5px;
	zfont-size:1.1em;
}

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

table.one td img{
	float:right;	
	margin:0px;
	margin-right:0px;
	margin-top:0px;
}

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

table.two{
	ztable-layout:auto;
	margin:0px;
	margin-left:220px;
	padding:0px;
	width:520px;
	text-align:left;
zborder:1px solid red;
zborder-collapse: collapse;
} 
/*--table.two TDs--*/
table.two td{
	margin:0px;
	padding:0px;
	
	zpadding-left:20px;
	zpadding-right:20px;
	
	width:50%;
	text-align:left;	
	vertical-align:top;
	
	color:#555;
	font-family: Trebuchet MS,Arial;
	font-size:0.7em;
	
	background-color:transparent;
	zbackground-image: url("images/two.jpg");
	background-position:50% 50%;
	background-repeat:no-repeat;
	border:none;
zborder:1px solid blue;

}
table.two td p{
	font-size:0.9em;
	padding:0px;
}
table.two td h1{
	zmargin-left:0px;
	zwidth:220px;
	zpadding:5px;
	zpadding-left:0px;
	zborder:1px solid blue;
}
table.two td.toptwo{
	margin:0px;
	padding:0px;
	padding-left:20px;
	padding-top:10px;
	height:25px;
	text-align:left;
	zbackground-image: url("images/two.jpg");
	background-position:50% 0%;
	background-repeat:no-repeat;
}

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

table.two td img{
	margin:0px;
	zmargin-left:10px;
	zmargin-right:10px;
	float:right;
	
	zwidth:100px;
zborder:solid 1px red;
}

table.two td img.product{
	margin:0px;
	
	float:none;
	clear:both;
	width:200px;
zborder:solid 1px red;
}
table.twoframe{
	margin-left:220px;
	width:520px;
}
table.twoframe td{
	margin:0px;
	padding:0px;
	
	zpadding-left:20px;
	zpadding-right:20px;
	
	width:50%;
	text-align:left;	
	vertical-align:top;
	
	color:#555;
	font-family: 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.twoframe td p{
	font-size:0.9em;
	padding:0px;
}
table.twoframe td ul{
	margin-left:0px;
	margin-top:5px;
	width:240px;
	zmargin:3px;
	padding-left:20px;
	zborder:1px solid blue;
}
table.twoframe td ul li{
	zpadding-left:0px;
	zpadding-right:0px;
}
table.twoframe td.toptwo{
	margin:0px;
	padding:0px;
	padding-left:20px;
	padding-top:10px;
	height:25px;
	text-align:left;
	background-image: url("images/two.jpg");
	background-position:50% 0%;
	background-repeat:no-repeat;
}

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

table.three{
	margin:10px;
	width:520px;
	text-align:center;
	border:none;
	
}

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

table.three td{	
	padding: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;
	zbackground-image: url("images/three.jpg");
	background-position:50% 50%;
	background-repeat:no-repeat;
zborder:1px solid red;
}


table.three td.topthree{
	margin:0px;
	padding-left:20px;
	height:10px;
	text-align:left;
	zbackground-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;
	zbackground-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;

	zbackground-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;
	zbackground-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;
	zbackground-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:170px;
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; 
	
}

table.pinkborder{
	zborder-top:1px solid #1d208b;/*#8cd3e5;*/
	border-bottom:1px solid #ccc;
}
table.pinkborder td{
    padding:0px;
	padding-top:5px;
	vertical-align:top;
	zborder-right:solid 1px #ccc;
}
table.pinkborder img{
	float:left;
	border:none;
}
.smaller, .smaller a, .smaller p, table.one  td.smaller {
	font-size:0.9em;
}
p.center{
	width:100%;
	text-align:center;
}
/*
p.copy{
	padding-left:11px;
    font-size:10px;
	color:#aaa;
	text-align:left;
	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:#4c1a0d;
	font-size:0.9em;
	font-family:  Trebuchet MS,Verdana, Arial;
}
*/
div.content p.copy{
	zpadding-left:220px;
	zpadding-top:350px;
	zmargin-top:350px;
	zmargin-left:350px;
	zwidth:800px;
    font-size:10px;
	color:#aaa;/*#9ee9e3;*/
	text-align:center;
	font-family:  Trebuchet MS,Verdana, Arial;		
zborder: 1px solid red;
}

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

p.copy a:hover{
	color:#302d7c;
	font-size:10px;
	font-family:  Trebuchet MS,Verdana, Arial;
	text-decoration:none;
}
div.content p.copy a.ref, div.content  p.copy a.ref:hover{
	text-decoration:none;
	color:#aaa;
	cursor:default;
}

 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;
	background-color:transparent;
}
table.contact td{
	text-align:right;
	color:#555;
	background-color:transparent;
}

table.two table.nutri tr td{
	width:33%;
	padding:2px;
	zpadding-left:7px;
	zfont-size:11px;
}
table.nutri tr.heading{
	
	background-color:#555;
	zfont-size:11px;
	font-weight:bold;
	zborder:1px solid green;
}
table.nutri tr.heading td{
	color:white;

}
 table.nutri tr.grey{
	zfont-size:11px;
	background-color:#ccc;
	zborder:1px solid green;
}
/*----------------------------------Form elements--------------------------------------------*/

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

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:180px;
}
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 */