body {
	margin: 0px;
	background-image: url(../zestoimgs/mainbg01.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
}
hr {
	margin-top: 10px;
	margin-bottom: 10px;
}
/*ul {
	margin: 0px;
}*/
form {
	margin: 0px;
}
#main {
	height: 100%;
	width: 100%;
}
/*#submain {
	width: 890px;
	background-image: url(../zestoimgs/subbg01.jpg);
	background-repeat: repeat-y;
	height: 100%;
	background: #FFFFFF;
}*/
#main2 {
	height: 100%;
	width: 800px;
	background: #FFFFFF;
}
#head {
	height: 140px;
	margin-bottom: 2px;
}
#div2 {
	height: 220px;
	width: 100%;
	margin-bottom: 10px;
}
#menu1 {
	background-color: #009999;
	height: 250px;
	width: 300px;
	float: left;
	display: inline;	
}
#flashprods {
	height: 100%;
	width: 500px;
	float: left;
	display: inline;	
}
#belowflash {
	height: 20px;
	width: 100%;
}
#top {
	width: 100%;
	margin-top: 0px;
	height: 40px;
	background-image: url(../zestoimgs/bgdivtop.jpg);
	background-repeat: repeat-x;
}
#toplist {
	margin-right: 5px;
}
#toplist li {
	display: inline;
	list-style-type: none;
	padding-right: 3px;
	padding-left: 5px;
}
#toplist li a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #0066CC;
}
#toplist li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #0066CC;
}
#toplist li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #0099FF;
}
#topdv {
	float: right;
	height: 100%;
	margin-top: 3px;
}
#topdv ul {
	margin: 0px;
}
#gsearch {
	float: right;
	margin: 5px;
	display: inline;
}
#top2 {
	height: 100%;
}
/* PRODUCTS MENU */
#menu {
	list-style-type:none;
	margin:0px;
	padding:0;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
}
#menu li {padding: 3px; margin:0; position:relative; width:150px; height:1.7em; z-index:100;}
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 150px; margin: 0; padding: 0; background: transparent;}
#menu dt {margin:0; padding: 0;}

#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; text-align:left; width:150px; float:right; clear:right;}

#menu dt a, #menu dt a:visited {
	display:block;
	font-size: 0.9em;
	color: #0066CC;
	text-align:center;
	padding:0.25em 0 0.75em 0;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: url(../zestoimgs/bgmenu01.jpg);
	background-repeat: repeat-x;
}

#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {width:301px;}

#menu li:hover dt a, #menu a:hover dt a {
	color:#000;
	border:1px solid #FFFFFF;
	border-width:0 1px 1px 1px;
}

#menu dd a, #menu dd a:visited {background:#FFFFFF; color:#fff; padding:0.5em 0; text-decoration:none; display:block; text-align:center; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; width:148px;}

#menu dd a:hover {
	color:#000;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background-color: #FFFFFF;
}

#menu b {display:block; overflow:hidden; height:1px;}

b.p1 {background:#FFFFFF; margin:0 5px;}
b.p2 {background:#d4d4d4; border:2px solid #FFFFFF; border-width:0 2px; margin:0 3px;}
b.p3 {background:#d4d4d4; margin:0 2px; border:1px solid #FFFFFF; border-width:0 1px;}
b.p4 {height:2px; background:#d4d4d4; margin:0 1px; border:1px solid #FFFFFF; border-width:0 1px;}
b.p5 {background:#FFFFFF; margin:0 5px;}
b.p6 {background:#FFFFFF; margin:0 3px;}
b.p7 {background:#FFFFFF; margin:0 2px;}
b.p8 {height:2px; background:#FFFFFF; margin:0 1px;}

#menu li:hover b.p2, #menu a:hover b.p2 {background:#fff;}
#menu li:hover b.p3, #menu a:hover b.p3 {background:#f0f0f0;}
#menu li:hover b.p4, #menu a:hover b.p4 {background:#e8e8e8;}

/* END OF PRODUCT MENU  */
#div3 {
	height: 100%;
	width: 100%;
	float: left;
	margin-bottom: 10px;	
}
#div3a {
	height: 100%;
	width: 150px;
	float: left;
	display: inline;/*
	background-image: url(../zestoimgs/bgdivmenu.jpg);
	background-repeat: repeat-y;*/
	margin-left: 5px;
}
#div3b {
	height: 100%;
	width: 615px;
	float: left;
	display: inline;
	text-align: left;
	margin-left: 7px;
	padding-right: 2px;
}	
#div3c {
	height: 100%;
	width: 20%;
	float: left;
	display: inline;
	background-color: #0066CC;
}
#div3bnews {
	text-align: left;
	padding: 5px;
	height: 200px;
}
#div3bcomms {
	text-align: left;
	padding: 5px;
	height: 100%;
	margin-top: 5px;
}
#comms {
	height: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	
}
#div3cyao {
	height: 100%;
}
#div3cevents {
	margin-top: 10px;
}
#eventscont {
	background-color: #FAFAFB;
	height: 200px;	
}
#copyright {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	padding-bottom: 5px;
	width: 100%;
	background-color:#FF9900;
}
img {
	border: 0px;
}
#div3cyao {
	padding: 10px;
}
#footer {
	/*background-color: #59B5F0;*/
	height: 100%;
	width: 100%;
}
.footer1 {
	width: 100%;
	background-image: url(../zestoimgs/bgfooter.jpg);
	background-repeat: repeat-x;
}
#footermenu ul {
	margin: 0px;
}
#footermenu li {	
	display: inline;
	list-style-type: none;
	padding-left: 7px;
	padding-right: 7px;
	margin-left: 0px;
}
#footermenu a:link {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
#footermenu a:visited {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
#footermenu a:hover {
	font-family: Verdana;
	font-size: 10px;
	color: #FFCC00;
	text-decoration: underline;
}
#productpics {
	height: 100%;
	width: 100%;
}
/*#footad {
	margin-top: 10px;
	margin-bottom: 10px;
}*/
#chmssg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	padding: 7px;
	height: 350px;
}
#mainmenus {
	height: 100%;
	width: 100%;
	float: left;
	/*margin-top: 4px;
	margin-bottom: 4px;
	background-image: url(http://www.zesto.com.ph/zestoimgs/bgmenus01.jpg);
	background-repeat: repeat-x;
	text-align: center;
   padding-top: 1px;
   padding-bottom: 1px;*/
}
/*

ABOUT

*/
#aboutmenu {
	height: 30px;
	width: 100%;
	margin-bottom: 5px;
	background-image: url(../zestoimgs/bgabout01.jpg);
	background-repeat: repeat-x;
}
#aboutmenu li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right: #FFFFFF 1px solid;
	margin: 0px;
}
#aboutmenu ul {
	margin: 0px;
	padding-top: 5px;
	padding-left: 5px;
}
#aboutmenu li a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #0066CC;
}
#aboutmenu li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #0066CC;
}
#aboutmenu li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #0099FF;
}
#aboutmenu ul li.last {
	border-right: 0px;
}
#contents {
	margin-left: 10px;
}
/* 

PRODUCTS

*/
#prodmenu {
	height: 100%;
	width: 100%;
	margin-bottom: 5px;
	background-image: url(../zestoimgs/bgabout01.jpg);
	padding-top: 4px;
	padding-bottom: 2px;
}
#prodmenu li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right: #FFFFFF 1px solid;
	margin: 0px;
}
#prodmenu ul {
	margin: 0px;
	padding-left: 5px;
	padding-bottom: 2px;
}
#prodmenu ul#prods2 {
	margin-left: 100px;
}
#prodmenu li a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #0066CC;
}
#prodmenu li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #0066CC;
}
#prodmenu li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #0099FF;
}
#prodmenu ul li.last {
	border-right: 0px;
}
#prodmenu form {
	margin: 0px;
}
.prod1 {
	height: 100%;
	width: 580px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 10px;
	clear: both;
	padding: 3px;
}
.prod2 {
	float: left;
	height: 100%;
	width: 130px;
	display: inline;
	clear: right;
	margin-top: 10px;
	margin-right: 10px;
}
.prod3 {
	float: left;
	height: 100%;
	width: 100%;
	display: inline;
	clear: right;
	padding: 5px;
}
.hr2 {
	background-color: #0099FF;
	height: 1px;
	width: 100%;
	clear: both;
}
.hr3 {
	background-color: #0099FF;
	height: 1px;
	width: 80%;
	clear: both;
	margin-top: 5px !important;
	margin-bottom: 5px;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#newsfoot {
	width: 100%;
	height: 100%;
	clear: both;
	text-align: left;
	padding-top: 20px;
}
#newsfeet ul {
	list-style-type: none;
	margin: 10px 0px 15px 60px;
	padding: 0px;
}
#newsfeet h3 {
	margin: 0px 0px 0px 40px;
}
#newsfeet a:link {
	font: bold 12px Verdana;
	color: #0099CC;
	text-decoration: none;
}
#newsfeet a:visited {
	font: bold 12px Verdana;
	color: #0099CC;
	text-decoration: none;
}
#newsfeet a:hover {
	font: bold 12px Verdana;
	color: #00CCFF;
	text-decoration: underline;
}