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

 * PHP Restaurant Menu Software License Agreement is available 

 * at http://www.atwebresults.com/software_license.php

 * @author AT Web Results

 * @written by: Tim Wickstrom

 * @Website http://www.restaurantmenuscript.com

 * @copyright 2005 to present AT Web Results, Inc.

 * @notice Removing this or any other copyright information

 * is a direct violation of our license, and deems this

 * software illegal for any use.

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



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

BEGIN MENU STYLING - This area is for basic styling, see below

                     for more advanced options.

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

div#phpMenu{

	/* Set menu base font family */

	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 	

	/* Set menu width (ussually 100% of the "box" you place this in) */

	width: 387px;

	margin: 0px;

	padding: 0px;

}

div#phpMenu div.pm_menu_wrapper{

	/* Text Alingment for the Menu Title Box */

	text-align: center;

}

div#phpMenu div.pm_menu_name{

	/* Set Menu Title Font Styling */

	font-size: 16px;

	font-weight: bold;

	text-decoration: underline;

}

div#phpMenu div.pm_menu_desc{

	/* Set Menu Description Font Styling */

	font-size: 11px;

	font-style: italic;

	font-weight: normal;

}

div#phpMenu div.pm_cat_wrapper{

	/* Text Alingment for the Category Box */

	text-align: left;

}

div#phpMenu table.pm_cat_tbl{

	/* Optional - Controls Category Desription and Price Columns(s) Table */

}

div#phpMenu div.pm_cat_name{

	/* Text Options for Category Name */

	font-size: 14px;

	font-weight: bold;

	text-decoration: underline;

}

div#phpMenu td.pm_cat_desc{

	/* Text Options for Category Description */

	font-size: 11px;

	font-style: italic;

}

div#phpMenu td.pm_cat_price{

	/* Text Options for Category Price Columns(s) */

	font-size: 10px;

	font-weight: normal;

}

div#phpMenu div.pm_item_wrapper{

	/* Optional - Controls Item Wrapper */

}

div#phpMenu table.pm_item_tbl{

	/* Optional - Controls Item, Description and Price Columns(s) Table */

}

div#phpMenu td.pm_item_name{

	/* Text Options for Item Names */

	font-size: 12px;

	font-weight: bold;

	text-decoration: underline;

}

div#phpMenu td.pm_item_price{

	/* Text Options for Item Price Columns(s) */

	font-size: 10px;

	font-weight: normal;

}

div#phpMenu div.pm_item_desc{

	/* Text Options for Item Description */

	font-size: 11px;

	font-style: italic;

}

div#phpMenu div.pm_backtotop{

	/* Optional - Back to Top Box */

}

div#phpMenu div.pm_backtotop a{

	/* Optional - Back to Top Link */

	color: #0000ff;

}

div#phpMenu div.pm_backtotop a:hover{

	/* Optional - Back to Top Link Hover*/

	color: #0000ff;

	text-decoration:none;

}

div#phpMenuLinks {

	font-size: 12px;

	font-family: Verdana, Tahoma, Arial, sans-serif;

}

div#phpMenuLinks a {

	color: #005cb8;

	font-weight: bold;

	line-height: 20px;

	text-decoration: none;

}

div#phpMenuLinks a:hover {

	color: #00376e;

	line-height: 20px;

	text-decoration: underline;

}

div#phpMenu div.pm_btt a {

	/* Optional - Print Link */

	font-size: 12px;

	font-weight: normal;

	color:#0000ff;

}

div#phpMenu div.pm_btt a:hover {

	/* Optional - Print Link Hover */

	text-decoration:none;

}

div#phpMenu div.pm_updating {

	/* Optional - This is used if the menu has no categories or the category has no items */

	font-size: 12px;

	font-weight: normal;

}

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

END MENU STYLING

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



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

BEGIN IMAGE STYLING - This area is for basic styling,

					  see below for more advanced options.

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

div#phpMenu div.pm_menu_img_above{

	/* If MenuImage Set to Above Set alignment */

	text-align:center;

}

div#phpMenu div.pm_menu_img_below{

	/* If MenuImage Set to Below Set alignment */

	text-align:center;

}

div#phpMenu div.pm_menu_img_instead{

	/* If Your Using an Image instead of a Menu Name Set alignment */

	text-align:center;

}

div#phpMenu div.pm_cat_img_below{

	/* If Category Image Set to Below Set alignment */

	text-align:center;

}

div#phpMenu div.pm_cat_img_above{

	/* If Category Image Set to Above Set alignment */

	text-align:center;

}

div#phpMenu div.pm_cat_img_instead{

	/* If Your Using an Image instead of Category Name Set alignment */

	text-align:left;

}

div#phpMenu table.pm_item_img_tbl{

	/* Optional - Controls Item Image Table Table */

}

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

END IMAGE STYLING

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



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

ONLY EDIT BELOW IF YOU ARE VERY FAMILIAR WITH XHTML/CSS

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

div#phpMenu{

	margin: 0px;

	padding: 0px;

	position:relative;
	
	height: 272px;
	
	overflow-x: hidden;
	
	overflow-y: scroll;
}

div#phpMenu div.pm_menu_wrapper{

	width: 100%;

	margin-bottom: 18px;

}

div#phpMenu div.pm_menu_desc{

	margin-top: 3px;

}

div#phpMenu div.pm_menu_desc{

	/* Set Menu Description Font Styling */

	margin-top: 3px;

}

div#phpMenu div.pm_cat_wrapper{

	/* Text Alingment for the Category Box */

	width: 100%;

	text-align: left;

	margin-bottom: 18px;

}

div#phpMenu table {

	width: 100%;

	text-align:left;

	border-collapse: collapse;

}

div#phpMenu td {

	padding: 0px;

	vertical-align: top;	

}

div#phpMenu td.pm_cat_desc{

	padding-top: 3px;

	font-size: 11px;

	font-style: italic;

	width: auto;

}

div#phpMenu td.pm_cat_price{

	padding-left: 5px;

	text-align:center;

	width: 50px;

	padding-top: 3px;

}

div#phpMenu div.pm_item_wrapper{

	margin-bottom: 18px;

}

div#phpMenu td.pm_item_name{

	width: 1%;

	white-space:nowrap;

	padding-right: 12px;

	padding-left: 8px;

}

div#phpMenu td.pm_item_spacer{

	background-image: url(../images/menuspacer.gif); 

	background-repeat: repeat-x;

	background-position: left bottom;

}

div#phpMenu td.pm_item_price{

	padding-left: 5px;

	text-align:center;

	width: 50px;

	white-space:nowrap;

}

div#phpMenu div.pm_item_desc{

	margin: 3px 16px 16px 16px;

}

div#phpMenu table.pm_item_img_tbl td img{

	cursor:pointer;

}

div#phpMenu div.pm_cat_img_below{

	width: 100%;

	margin-bottom: 5px;

	margin-top: 5px;

}

div#phpMenu div.pm_cat_img_above{

	width: 100%;

	margin-bottom: 12px;

}

div#phpMenu div.pm_cat_img_instead{

	width: 100%;

}

div#phpMenu div.pm_menu_img_above{

	width: 100%;

	margin-bottom: 12px;

}

div#phpMenu div.pm_menu_img_below{

	width: 100%;

	margin-bottom: 5px;

	margin-top: 5px;

}

div#phpMenu div.pm_menu_img_instead{

	width: 100%;

}

div#phpMenu div.pm_backtotop{

	width: 100%;

	text-align:right;

	font-size:10px;

}

div#phpMenu div.pm_clear{

	clear:both;

}

div#phpMenu div.pm_btt{

	position:absolute;

	top:0px;

	right:0px;

	clear:both;

}

div#phpMenu div.pm_btt a{

	filter:alpha(opacity20);-moz-opacity:.20;opacity:.20;

}

div#phpMenu div.pm_btt a:hover{

	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;

}

div#phpMenu div.pm_btt img{

	float:left;

	margin-right:8px;

}

div#phpMenu div.pm_btt a img{

	float:left;

	margin-right:6px;

	border:none;

	text-decoration:none;

}

div#phpMenu a.btt_link{

	display:none;

}

div#phpMenu div.pm_updating {

	margin-left: 12px;

}