
/* define the link styles */
a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #969696; text-decoration: none;}
a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #969696; text-decoration: none;}
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #AC1010; text-decoration: none;}
a:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #AC1010; text-decoration: none;}

/* text styles for non-hyperlinked menu items */
.a_gray {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #969696; text-decoration: none;}
.a_red {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #AC1010; text-decoration: none;}

div.logo {position: absolute; left: 0px; top: 10px;}

/* set up main menu container - to contain the whole structure so that repositioning can be done at block-level */
div.MENU {position: absolute; cursor: pointer; left: 380px; top: 25px; border: 0px; z-index: 990;}
	
div.MENU_OUT {position: absolute; left: 0px; top: 200px; width: 100%; height: 20px; border: 0px; z-index: 990;}
			
/* main nav bar menu block items */
div.Nav_Home {position: absolute; left: 10px; top: 6px; width: 60px; height: 20px; background-color: white; border: 1px solid #F0F0F0; 
				text-align: center; z-index: 995;}
div.Nav_Products {position: absolute; left: 70px; top: 6px; width: 90px; height: 20px; background-color: white; border: 1px solid #F0F0F0; text-align: center; z-index: 995;}
div.Nav_About {position: absolute; left: 160px; top: 6px; width: 60px; height: 20px; background-color: white; border: 1px solid #F0F0F0; text-align: center; z-index: 995;}
div.Nav_Contact {position: absolute; left: 220px; top: 6px; width: 80px; height: 20px; background-color: white; border: 1px solid #F0F0F0; text-align: center; z-index: 995;}
div.Nav_Cart {position: absolute; left: 300px; top: 6px; width: 56px; height: 20px; border: 1px solid #F0F0F0; text-align: center; z-index: 995;}
	.NavItem {vertical-align: middle;}
	.carticon {position: absolute; left: 32px; top: 2px;}
div.cardicons {position: absolute; width: 50px;}

/* set up menu sub containers - to contain the expanded menu element at block level */
div.MENU_Products {position: absolute; cursor: pointer; left: 70px; top: 25px; width: 125px; height: 120px; background-color: white; 
				border-top: 0px solid white; border-left: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0;
				padding-left: 10px; padding-top: 15px; padding-bottom: 0px; padding-right: 0px; z-index: 995; visibility: hidden;}
div.MENU_About {position: absolute; cursor: pointer; left: 160px; top: 25px; width: 110px; height: 80px; background-color: white; 
				border-top: 0px solid white; border-left: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0;
				padding-left: 10px; padding-top: 15px; padding-bottom: 0px; padding-right: 0px; z-index: 995; visibility: hidden;}				
	.menulist {position: absolute; height: 20px; line-height: 20px; background-color: white;}
	.menulist_arrow {position: relative; line-height: 20px; vertical-align: middle; left: 40px;}
			
/* set up flyout menu sub containers */	
div.FLYOUT_Utensils {position: absolute; cursor: pointer; left: 195px; top: 35px; width: 125px; height: 40px; background-color: white; 
				border-top: 0px solid white; border-left: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0;
				padding-left: 10px; padding-top: 5px; padding-bottom: 5px; z-index: 996; visibility: hidden;}		
