/* ---<mezzagrille frame/global>------ */
	/* ---<frame>--- */
	* {
        outline: none;
		margin:0;
		padding:0;	
	}
	
	body {
		background: url(/images/site/mezzagrille_header_bg.gif) repeat-x;
		height: 100%;
		background-color:#F8F1E6;
		color: #502414;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	#container {}
	
	#header {
		margin: 0 auto 0 auto;
		width: 800px;	
	}
	
	#header_logo {width: 800px;	height: 200px;cursor: default;}
	
	#header_logo img {
		margin: 30px 0 0 38px;
		border-style: none;
	}
	
	#content {
		position: relative;
		margin: 0 auto 0 auto;
		padding: 4px 0 0 0;
		width: 800px;
		height: 596px;
	}
	
	#footer {
		background: url(/images/site/mezzagrille_footer_bg.gif) repeat-x;
		height: 230px;
	}
	
	#footer_nav {
		margin: 0 auto 0 auto;
		width: 800px;
	}
	
	/* ---</frame>--- */
	
	
	/* ---<global>--- */
	
	a {font-weight:bold; color:#502414;} a:hover{color:#904124;}
	
	h5 {
		font-size: 12px;
	}
	
	#outter_grass {
		position: absolute;
		top: 572px;
		left: -44px;
		background: url(/images/menu/outside_grass.gif) no-repeat;	
		width: 888px;	
		height: 28px;
	}
	
	/* menu items */
		.headline {	font-size: 14px; font-weight: bold;	}
		.description { font-size: 12px;	}
		.price { font-size: 12px; }
	
	hr {
		text-align: left;
		height: 0;
		border: 0;
		border-top: 1px solid #502414;
	}

	#notice {
		position: absolute;
		top: 100px;
		z-index: 500;
		color: #502414;
		border: 3px solid #502414;
		background-color: #F8F1E6; 
		width: 800px;
		height: 300px;
	}
  
  .menuitem_featured_toggle {
    font-size: 9pt;
    cursor: pointer;
    text-decoration: underline;
  }

	/* ---</global>--- */
	
	
/* ------</mezzagrille frame/global>------ */

/* ------<navigation>------ */
	
	#navigation {
		margin: 0 0 0 370px;
		position: absolute;
		top: 160px;		
		width: 432px;
	}

	.nav li {
		float:left;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		overflow:hidden;
	}
	
	.nav li a {
        padding: 0 15px;
		width: 30px;
		height: 20px;
		display:block;
		float:left;
		z-index:100; 
		color: #502414;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	} .nav li a:hover { color: #502414; } 

	#nav_home a {width:45px;}
	#nav_menu a {width:43px;}
	#nav_news a {width:43px;}
	#nav_locations a {width:75px;}
	#nav_aboutus a {width:73px;}

	
	.nav li.bar{
		/* javascript will animate the following 3 variables ----------- */
		left: 0px;                 /* 1. Moves bar from left to right    */
		width: 45px;               /* 2. Change width size for each link */
		background-color: #502413; /* 3. Fades colors                    */
		margin: 0 0 0 15px;
		top: 20px;
		position: absolute;
		height:3px;
		z-index: 1;
	}
	
/* ------</navigation>------ */


/* ------<footer navigation>------ */

	#links h5 {
		background: url(/images/site/footer_bg_hr.gif) repeat-x scroll center bottom;
		margin: 0px 0 6px 0;
		padding: 0 0 5px 0;
		font-weight:bolder;
	}
	
	#links div {
		margin: 28px 40px 0 5px;
		float:left;
		color: #9C3F38/*#9C0B00*/;
	}
	
	#links div ul li {
		font-size: 11px;
	}
		
	#cl_links ul li {list-style-type: none;}
	#rh_links ul li {list-style-type: none;}
	#r_links ul li {list-style-type: none;}	
	
	#rh_links ul li.times {
		padding: 0 0 5px 0px;
		font-size:9px;
	}

    #rh_links ul {
        cursor: pointer;
        width: 130px;
    }

    .hoursLoc {
        font-size: 12px !important;
        font-style: italic;
        padding: 0 0 1px 0;
    }
	
	#contact_button {
		margin: 26px 40px 45px 159px;
		float: left;
	}
	
	#contact_button a {
		background: url(/images/site/contact_us_button.gif) no-repeat; 
		display: block;
		width: 88px;
		height: 63px;
		margin: 17px 0 0 0;
		text-indent: -500em;
		overflow: hidden;
	} #contact_button a:hover {background-position: 0 -63px;height: 80px;margin:0 0 0 0;}
	
	#contact_button a img {border-style: none;}
	
	#footer_nav_bot {
		font-size: 10px;
		color: #9C3F38;
		font-weight:bold;
	}
	
	#footer_nav_bot p {
		float:left; padding: 15px 0 0 5px;
	}
	
	#footer_nav_bot a {
		float:right; padding: 15px 5px 0 0;
		color: #9C3F38;
	} #footer_nav_bot a:hover {color: #D8574E;}
	
	#footer_nav_bot span {
		float:right; padding: 15px 5px 0 0;
	}
	
/* ------</footer navigation>------ */


/* ------<login-search>------ */
	
	#util {
		top: 4px;
		margin:0 0 0 540px;
		position: absolute;
		width: 260px;
	}

    #user_info {
        position: absolute;
		top: 7px;
        font-size: 13px;
        font-weight: bold;
        color: white;
    }
    
    #user_info p a { text-decoration: none; color: white;  } #user_info p a:hover { text-decoration: underline; color:white; }

	#login {padding:0 10px 0 0;float:left;}
	
	#login a img {padding: 1px; border-style: none;}

	#login span {
		color: black;
		position: relative;
		top: -5px;
	}

    #login_error {
        color: red;
    }

    .logout_button {
        padding: 5px 0 0 6px; 
        width: 64px;
        height: 20px;
        position: relative;
        float: left;
        color: white;
        text-decoration: none;
    } .logout_button:hover { color: white; text-decoration: underline; }

    #login span.logout_span {
		color: black;
		position: relative;
		top: 5px;
	}

	#search_box_submit {
		position: absolute;
		float: left;
		width: 22px;
		height: 24px;
		z-index:10;
        left: 85px;
	}
	
	#search_box {
		position: absolute;
		margin: 0 0 0 22px;
		padding: 3px;
		border: solid #12A3FF;
		border-width: 1px; 
	}

    #search_results_popup {
        position: absolute;
        left: 85px;
        top: 25px;
        width: 250px;
        background-color: white;
        border: solid 1px black;
        padding: 5px;
        color: black;
        filter: alpha(opacity=65);
        -moz-opacity: 0.65;
        opacity: 0.65;
    }

    .search_results_popup_close {
        width: 10px;
        float: right;
        cursor: pointer;
    }

/* ------</login-search>------ */


/* ------<mezzagrille home>------ */

	#welcome {width:800px;height:143px;overflow:hidden;}
	
	#welcome .message {
		padding: 22px 0 0 3px;
		float: left;
		width: 470px;
		font-size: 12px;

	}
	
	#welcome .title {margin: 0 0 15px 0; font-size: 14px; font-weight:bold;}	
	#welcome p { margin: 0 0 10px 0; }
		
	#welcome .register {
		float: left; 
		padding: 22px 0 3px 12px; 
		height: 118px;
		
	}
		
	#welcome .register a img { padding: 0 0 38px 0; border-style:none; }
	#welcome .register .signup_copy {
		margin: 0 0 0 0; /* left in because it seems to affect IE6 */
		position: relative;
		font-size: 10px;
		width: 150px;
		padding: 0 0 0px 156px;
		bottom: 38px;
	}
	
	#divider {
		margin: 2px 0 4px 0;
		position:relative;
		width: 810px;
		height: 3px;
		right: 5px;
		background-color: #F2E6D0;
		overflow:hidden;
	}
		
	#mnboxes {
		float: left; 
		width:227px;
		height:437px;
	}

	/* --<mini news box>-- */
		/* --<mini news box top>-- */
		.mnboxtop {
			background: url(/images/home/mezzagrille_top_mininb.gif) no-repeat;			
			margin: 11px 0 0 0;
			width:227px;
			height:209px;
		}
			.mnboxtop .title {padding: 5px 0 0 38px; height: 27px;}
			
			.mnboxtop .snip {
				font-size : 12px;
				width: 217px;
				height: 151px;
			}
			
			.mnboxtop img {padding: 10px 0 0 10px;float:left;}
			.mnboxtop .snip p {padding: 10px 0 0 85px;}
			.mnboxtop .snip p b {margin: 0 0 5px 0;}
					
			.mnboxtop .button {
				padding: 1px 0 0 166px;
				height: 26px;
			}
				
			.mnboxtop .button a {
				background: url(/images/home/top_minib_button.gif) no-repeat;				
				display: block; 
				width: 59px;
				height: 20px;
				text-indent: -500em;
			} .mnboxtop a:hover {background-position: 0 -20px;}
		/* --</mini news box top>-- */
	
		/* --<mini news box bottom>-- */
		.mnboxbot {
			background: url(/images/home/mezzagrille_bot_mininb.gif) no-repeat;			
			margin: 3px 0 0 0;
			width:227px;
			height:209px;
		}
			.mnboxbot .title {padding: 5px 0 0 26px;height: 27px;}
			
			.mnboxbot .snip {
				font-size : 12px;
				width: 217px;
				height: 153px;
			}
			
			.mnboxbot img {padding: 10px 0 0 7px;}
			.mnboxbot .snip p {padding: 0 0 0 9px;}
			
			.mnboxbot .button {
				padding: 0px 0 0 166px;
				height: 26px;
			}
				
			.mnboxbot .button a {
				background: url(/images/home/bot_minib_button.gif) no-repeat;								
				display: block;
				width: 59px;
				height: 20px;
				text-indent: -500em;
			} .mnboxbot a:hover {background-position: 0 -20px;}
		/* --</mini news box bottom>-- */
	
		#mnboxes .title {
			font-size: 18px;
			font-weight: bolder;
			color: #FFFFFF;
		}
		
	/* --</mini news box>-- */

	#newsbox {
		background: url(/images/home/mezzagrille_newsbox_bg.gif) no-repeat;		
		float: right;
		width:547px;
		height:437px;
	}
	
	#slide_box {
		margin: 24px 0 0 22px;
		width: 498px;
		height: 371px;
		border: 1px solid #93724C;
	}

	#controls {margin: 0 0 0 340px;}
	
	#controls a {
		margin: 3px 2px;
		float: left;
		text-indent: -500em;
		width: 22px;
		height:23px;
		overflow: hidden;
	} #controls a:hover {background-position: 0 -23px;}
    
    #controls a.selected {
        background-position: 0 -23px;
    }
	
	#ctrl_back {background: url(/images/home/nb_control_back.gif) no-repeat;} 
	.ctrlPlay  {background: url(/images/home/nb_control_play.gif) no-repeat;}
	.ctrlPause {background: url(/images/home/nb_control_pause.gif) no-repeat;}
	#ctrl_forward {background: url(/images/home/nb_control_fwd.gif) no-repeat;}
	#slide_1 {background: url(/images/home/nb_control_1.gif) no-repeat;}
	#slide_2 {background: url(/images/home/nb_control_2.gif) no-repeat;}
	#slide_3 {background: url(/images/home/nb_control_3.gif) no-repeat;}
	#slide_4 {background: url(/images/home/nb_control_4.gif) no-repeat;}

/* ------</mezzagrille home>------ */

/* ------<mezzagrille menu>------ */

	#menu_nav {
		background: url(/images/menu/mezza_nav_bg.jpg) no-repeat;
		width: 790px;
		height: 232px;
		margin: 0 5px;
		position: relative;

	}
	
	#menu_nav_more_1 {
		position: absolute;
		top: 175px;
		left: 5px;	
	}

	#menu_nav_more_1 a img, #menu_nav_more_2 a img, #menu_nav_more_3 a img { border-style: none; }
	
	#menu_nav_more_2 {
		position: absolute;
		top: 175px;
		left: 267px;	
	}
	
	#menu_nav_more_3 {
		position: absolute;
		top: 175px;
		left: 530px;			
	}
		
	#popular_menu_items{
		background: url(/images/menu/menu_item_matte_full.gif) no-repeat;
		height: 336px;
		margin: 0 0 0 5px;	
		position: relative;	
	}
	
	#popular_menu_items .menu_matte_body {
		float: left;
		height: 336px;
		width: 260px;	
	}
	
	#popular_menu_items .menu_matte_body .item_set_1 {
		padding: 6px 15px 0 15px;
		height: 106px;
	}

	#popular_menu_items .menu_matte_body .item_set_2 {
		padding: 6px 0px 0 20px;
		height: 106px;
	}

	#popular_menu_items .menu_matte_body .item_set_3 {
		padding: 6px 0px 0 25px;
		height: 106px;
	}	
	
	#popular_menu_items .description {
		height: 55px;
		padding: 5px 0 0 0px;
	}
	
	#popular_menu_items .price {
		height: 15px;	
		padding: 3px 0px 0 196px;
	}

	#menu_inner_grass {
		background: url(/images/menu/menu_grass_inside.gif) no-repeat;		
		height: 28px;
	}
	

/* ------</mezzagrille menu>------ */

/* ------<mezzagrille menu categories>------ */

    #menu_cat_extra {height: 35px;}

	#menu_download img {
		float: left;
		padding: 10px 0 0 657px;
	}
	
	#menu_download a {
		position: absolute;
		margin: 10px 0 0 5px;
        z-index: 100;
	}


    #menu_sub_categories {
        position: absolute;
        left: 2px;
        top: 15px;
        overflow: hidden;
        width: 100%
    }

    #menu_sub_categories a.menuButton {
        color: white;
        display: block;
        float: left;
        height: 24px;
        margin-right: 0px;
        padding-right: 18px; /* sliding doors padding */
        text-decoration: none; 
        font-size: 12px;
        font-weight: bold;
    }

    #menu_sub_categories a.bevButton {
        background: transparent url(/images/menu_categories/bev_cat_button_right.gif) no-repeat scroll top right;
    }

    #menu_sub_categories a.lunButton {
        background: transparent url(/images/menu_categories/lun_cat_button_right.gif) no-repeat scroll top right;
    }

    #menu_sub_categories a.dinButton {
        background: transparent url(/images/menu_categories/din_cat_button_right.gif) no-repeat scroll top right;
    }

    #menu_sub_categories a.selectedButton {
        background: transparent url(/images/menu_categories/selected_cat_button_right.gif) no-repeat scroll top right;
    }

    #menu_sub_categories a.menuButton:active {
        background-position: bottom right;
        outline: none; /* hide dotted outline in Firefox */
    }

    #menu_sub_categories a.menuButton span {
        display: block;
        line-height: 14px;
        padding: 5px 0 5px 18px;
    } 

    #menu_sub_categories a.bevButton span {
        background: transparent url(/images/menu_categories/bev_cat_button_left.gif) no-repeat;
    }

    #menu_sub_categories a.lunButton span {
        background: transparent url(/images/menu_categories/lun_cat_button_left.gif) no-repeat;
    }

    #menu_sub_categories a.dinButton span {
        background: transparent url(/images/menu_categories/din_cat_button_left.gif) no-repeat;
    }

    #menu_sub_categories a.selectedButton span {
        background: transparent url(/images/menu_categories/selected_cat_button_left.gif) no-repeat;
    }

    #menu_sub_categories a.menuButton:active span {
        background-position: bottom left;
        padding: 6px 0 4px 18px; /* push text down 1px */
    } 
	
    #bev_header {
		background: url(/images/menu_categories/bev_header.gif) no-repeat;
		width: 800px;
		height: 58px;
		position: relative;
	}
	
	#lun_header {
		background: url(/images/menu_categories/lun_header.gif) no-repeat;
		width: 800px;
		height: 58px;
		position: relative;
	}
	
	#din_header {
		background: url(/images/menu_categories/din_header.gif) no-repeat;
		width: 800px;
		height: 58px;
		position: relative;
	}

    #cat_buttons a {
        width: 96px;
        height: 40px;
        position: relative;
        display: block;
        top: 1px;
        float: left;
        left: 463px;
        text-decoration: none; 
    }

    #cat_buttons a span {
        color: white;
        font-size: 14px;
        font-weight: bold;
        line-height: 14px;
        display: block;
    }

    .bevCatButton {
        background: transparent url(/images/menu_categories/bev_cat_button.gif) no-repeat scroll;
    } .bevCatButton:active { background-position: 0 -40px; } 

    .bevCatButton span {margin: 10px 0 0 8px;}

    .lunCatButton {
        background: url(/images/menu_categories/lun_cat_button.gif) no-repeat;
    } .lunCatButton:active { background-position: 0 -40px; }

    .lunCatButton span {margin: 10px 0 0 24px;}

    .dinCatButton {
        background: url(/images/menu_categories/din_cat_button.gif) no-repeat;
    } .dinCatButton:active { background-position: 0 -40px; }
	
    .dinCatButton span {margin: 10px 0 0 23px;}

	#menu_cat_nav {
		position: absolute;
		top: 15px;
		left: 663px;
		width: 138px
	}
	
	/* -beverages arrow- */
	#menu_cat_nav .bev_arrow_left {float: left; width: 25px; height: 18px; text-indent: -500em; overflow: hidden;
		background: url(/images/menu_categories/bev_arrow_left.gif) no-repeat;
	} #menu_cat_nav .bev_arrow_left:hover {background-position: 0 -18px;}
	
	#menu_cat_nav .bev_arrow_right {float: left; width: 25px; height: 18px; text-indent: -500em; overflow: hidden;
		background: url(/images/menu_categories/bev_arrow_right.gif) no-repeat;
	} #menu_cat_nav .bev_arrow_right:hover {background-position: 0 -18px;}

	/* -lunch arrow- */	
	#menu_cat_nav .lun_arrow_left {float: left; width: 25px; height: 18px; text-indent: -500em; overflow: hidden;
		background: url(/images/menu_categories/lun_arrow_left.gif) no-repeat;
	} #menu_cat_nav .lun_arrow_left:hover {background-position: 0 -18px;}
	
	#menu_cat_nav .lun_arrow_right {float: left; width: 25px; height: 18px; text-indent: -500em; overflow: hidden;
		background: url(/images/menu_categories/lun_arrow_right.gif) no-repeat;
	} #menu_cat_nav .lun_arrow_right:hover {background-position: 0 -18px;}

	/* -dinner arrow- */
	#menu_cat_nav .din_arrow_left {float: left; width: 25px; height: 18px; text-indent: -500em; overflow: hidden;
		background: url(/images/menu_categories/din_arrow_left.gif) no-repeat;
	} #menu_cat_nav .din_arrow_left:hover {background-position: 0 -18px;}
	
	#menu_cat_nav .din_arrow_right {float: left; width: 25px; height: 18px; text-indent: -500em; overflow: hidden;
		background: url(/images/menu_categories/din_arrow_right.gif) no-repeat;
	} #menu_cat_nav .din_arrow_right:hover {background-position: 0 -18px;}
	
	
	#menu_cat_nav .page_number {
		float: left;
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
		color: white;
		width: 55px;
		margin: 0 10px 0 10px;
	}
		
	#menu_cat_items {
		background: url(/images/menu_categories/menu_cat_items_matte.gif) no-repeat;
		height: 469px;
		position: relative;		
	}

	#menu_cat_inner_grass {
		background: url(/images/menu_categories/menu_cat_inner_grass.gif) no-repeat;
		height: 34px;	
	}
	
	#menu_cat_items .menu_matte_body .item_set {
		float: left;
		width: 247px;
		height: 112px;
		padding: 0 9px 0 8px;
	}
	
	#menu_cat_items .menu_matte_body .first_item { padding: 0 7px 0 10px;	}
	#menu_cat_items .menu_matte_body .second_item {width: 249px; padding: 0 9px 0 10px;	}
	#menu_cat_items .menu_matte_body .third_item {width: 251px; padding: 0 0px 0 8px;	}
	
	#menu_cat_items .headline {
		height: 19px;
		padding: 2px 0 0 0px;

	}
	
	#menu_cat_items .description {
		height: 67px;
		padding: 4px 0 0 0px;
	}
	
	#menu_cat_items .first_item .price {
		position: absolute;
		left: 224px;
		height: 20px;
		padding: 2px 0 0 0;
	}
	
	#menu_cat_items .second_item .price {
		position: absolute;
		left: 490px;
		height: 20px;
		padding: 2px 0 0 0;
	}
	
	#menu_cat_items .third_item .price {
		position: absolute;
		left: 752px;
		height: 20px;
		padding: 2px 0 0 0;
	}

/* ------</mezzagrille menu categories>------ */

/* ------<mezzagrille registration>------ */

	#content .spacer {height: 16px;} /* used on: registration and news */
	
	#reg_header { 
		background: url(/images/registration/reg_header.gif) no-repeat;
		height: 46px;
		position: relative;
	}
				
	#reg_body {
		background: url(/images/registration/reg_body_matte.gif) no-repeat;
		height: 506px;
		width: 800px;
		position: relative;
	}

    #reg_errors_2 {
        padding: 5px 0 0 32px;
        font-weight: bold;
        font-size: 10px;
        color: red;
    }

    #reg_errors {
		padding: 10px 0 2px 32px;
        height: 10px;
		font-size: 10px;
		font-weight: bold;
		color: #9D261B;
    }
						
	#reg_inner_grass {
		background: url(/images/registration/reg_inner_grass.gif) no-repeat;
		height: 28px;	
	}
	
	#reg_greeting h5 {
		padding: 10px 0 0 32px;
		font-size: 14px;
	}
	
	#reg_greeting p {
		padding: 10px 0 0 32px;
		font-size: 10px;
		width: 430px;
	}

	#reg_fields{
		padding: 10px 0 0 32px;
		height: 350px;
		width: 430px;
	}
		
	.reg_row {	
		float: left;
		height: 40px;
		width: 430px;
	}
	
	.separator {
		float:left;
		background-color:#502414;
		height:1px;
		width:430px;
		overflow:hidden;
		margin: 10px 0; 
	}
	
	.form_label {
        position: absolute;
		padding: 0 0 0 3px;
		font-size: 10px;
		font-weight: bold;
	}
	
	.form_label_error {
        position: absolute;
		padding: 0 0 2px 3px;
		font-size: 10px;
		font-weight: bold;
		color: #9D261B;
	}
	
	.reg_col_1 {
		float: left;
		width: 220px;
	}
	
	.reg_col_2 {
		float: left;
		width: 210px;
	}
			
    #user_captcha {
        margin: 12px 0 0 0;
    }

	input.input {
        padding: 0 0 0 1px;
		width: 189px;
	}
	
	input.input_error {
		background: url(/images/registration/form_input_error.gif) repeat-x;
		width: 192px;
		padding: 1px 0;
		border: 1px solid #A7A6AA;
	}
	
	.state_col {
		float: left;
		width: 130px;
	}
	
	.state_col select {
		width: 120px;
	}
	
	.zip_col {
		float: left;
		width: 70px;
	}
	
	.zip_col input {
		width: 60px;
	}

    #captcha_image {
        width: 192px;
        height: 44px;
        background-color: white;
        border: 1px solid;
    }
    
    #captcha_image img {
        padding: 3px 0 0 40px;
    }
	
	#captcha_label {
		width: 190px;
	}
    	
	#reg_reminder {
		position: absolute;
		left: 495px;
		top: 290px;
		width: 270px;
	}
	
	#reg_reminder h5 {
		color: #049DFF;
		padding: 10px 0;
	}
	
	#reg_reminder p {
		text-indent: 5px;
		letter-spacing: 0px;
		line-height: 1.5em;
	}
	
	#reg_reminder p a {font-size: 10px;}
		
	#reg_policy {
		/*margin: 38px 0 0 32px;*/
        top: 480px;
        left: 32px;
		width: 430px;
		font-size: 10px;
        position: absolute;
	}

/* ------</mezzagrille registration>------ */


/* ------<mezzagrille news>------ */

	#news_header {
		background: url(/images/news/news_header.gif) no-repeat;
		height: 46px;
		position: relative;
	}
	
	#news_body {
		background: url(/images/news/news_body_matte.gif) no-repeat;
		width: 800px;
		height: 506px;
		position: relative;
	}
	
	#news_inner_grass {
		background: url(/images/news/news_inner_grass.gif) no-repeat;
		height: 28px;	
	}

	#news_left_pane {
		position: absolute;
		width: 507px;
	}
	
	#news_right_pane {
		position: absolute;
		left: 507px;
		width: 293px;
		height: 506px;
	}
	
	#news_article {
		width: 482px;
		height: 506px;
		padding: 0 0 0 15px;
	}
	
	#article_title {
		padding: 10px 0;
	}
	
	#article_title h2 {
		font-size: 24px;
	}
	
	#article_body {
    padding 50px 0 10px 0;
	}
	
	#article_pages {
		height: 16px;
    margin: 10px 0 0 0;
	}
	
	#news_ad {
		margin: 10px 0 0 30px;
		width: 250px;
		height: 83px;
	}
	
	#news_nav {
		width: 269px;
		height: 413px;
	}
	
	.news_accordion_header {
		background: url(/images/news/news_nav_bar.gif) no-repeat;
		display: block;
		width: 269px;
		height: 26px;
		margin-bottom: -2px;
		padding: 6px 0 0 6px;
		font-size: 15px;
		font-weight: bold;
		cursor: pointer;
	}

	.news_accordion_header span {
		float: left;
	}

	.nav_arrow {
		background: url(/images/news/nav_arrow.gif) no-repeat;
    background-position: 0 0px;
		padding: 0 11px 0 0;
		float: right;
		width: 17px;
		height: 17px;
	}
	
  .accordion_open div.nav_arrow {
		background: url(/images/news/nav_arrow.gif) no-repeat;
    background-position: 0 -17px;
		padding: 0 11px 0 0;
		float: right;
		width: 17px;
		height: 17px;
  }
	
  .nav_arrow_selected {
		background: url(/images/news/nav_arrow.gif) no-repeat;
    background-position: 0 -17px;
		padding: 0 11px 0 0;
		float: right;
		width: 17px;
		height: 17px;
	}

	.newsitem_details {
		background: url(/images/news/news_item_arrow_2.gif) no-repeat;
		background-position: 10px 17px;
		padding: 15px 0 0 30px;
		font-size: 13px;
		width: 220px;
	}
	
	.newsitem_created {
		font-style: italic;
		font-size: 10px;
	}

	.pagination { padding: 15px 0 0 30px; }

	.pagination_button {
		font-size: 10px;
		font-weight: bold;
		text-decoration: underline;
		cursor: pointer;
	} .pagination_button:hover { color:#904124; }	

    #article_container {        
      width: 400px;        
      height: 350px;    
    }           
    #article_body_frame {        
      height: 420px;        
      position: relative;        
      overflow: hidden;        
      text-overflow:ellipsis;        
      z-index: 1;
    }    
    #article_body {        
      position: absolute;        
      top: 0px;
    }

    .newsitem_title {
      cursor: pointer;
    }
    
    .newsitem_selected_title {
      cursor: pointer;
      font-weight: bold;
    }
/* ------</mezzagrille news>------ */


/* ------<mezzagrille locations>------ */

	#content .loc_spacer {height: 14px;}

	#loc_body {
		background: url(/images/locations/loc_body_matte.jpg) no-repeat;
		width: 800px;
		height: 506px;
		position: relative;
	}

	#loc_map_and_bar {
		padding: 11px 0 0 14px;
	}

	#loc_address_bar {
		position: relative;
		background: url(/images/locations/loc_add_bar.gif) repeat-x;
		width: 772px;
		height: 30px;
		border: 1px solid #93724C;
	}
	
	#loc_address_text {
		position: absolute;
		top: 5px;
		left: 10px;
		color: white;
		font-size: 14px;
	}
	
	#loc_map {
		width: 772px;
		height: 349px;
		border: 1px solid #93724C;
		border-top: 0px;
	}

	#loc_info {
		position: relative;
		margin: 16px;
		padding: 0 0 0 3px;
		width: 768px;
	}
	
	.loc_info_left {
		position: absolute;
		width: 290px;
	}
	
	.loc_info_right {
		position: absolute;
		width: 100px;
		left: 625px;
	}
	
	.loc_info_left p {
		padding: 10px 0 0 5px;
	}
	
	.loc_info_right .restaurant_list {
		padding: 10px 0 0 5px;
	}
	
	#loc_buttons {
		margin: 0 0 0 2px;
		width: 800px;	
		height: 60px;
		position: relative;
	}
	
	#loc_buttons .button a {
		margin: 6px 0 0 0;
		position: absolute;
		width: 190px;
		height: 60px;
		overflow: hidden;
	}
	
	.olake a {
		background: url(/images/locations/loc_button_olake.gif) no-repeat;
		left: 6px;
		text-indent: -500em;
	} .olake a:hover {background-position: 0 -60px;}

	.roak a {
		background: url(/images/locations/loc_button_roak.gif) no-repeat;
		left: 202px;
		text-indent: -500em;
	} .roak a:hover {background-position: 0 -60px;}

	.novi a {
		background: url(/images/locations/loc_button_novi.gif) no-repeat;
		left: 160px;
		text-indent: -500em;
	} .novi a:hover {background-position: 0 -60px;}
	
	.livonia a {
		background: url(/images/locations/loc_button_livonia.gif) no-repeat;
		left: 321px;
		text-indent: -500em;
	} .livonia a:hover {background-position: 0 -60px;}
	
	.southfield a {
		background: url(/images/locations/loc_button_southfield.gif) no-repeat;
		left: 400px;
		text-indent: -500em;
	} .southfield a:hover {background-position: 0 -60px;}
	
	.rhills a {
		background: url(/images/locations/loc_button_rhills.gif) no-repeat;
		left: 598px;
		text-indent: -500em;
	} .rhills a:hover {background-position: 0 -60px;}


/* ------</mezzagrille locations>------ */


/* ------<mezzagrille about us>------ */

	#aboutus_loop {
		background: url(/images/aboutus/aboutus_loop.gif) no-repeat;
		width: 32px;
		height: 43px;
		margin: -4px 0 0 352px;
	}
	
	#aboutus_body {
		background: url(/images/aboutus/aboutus_body_matte.jpg) no-repeat;
		width: 718px;
		height: 520px;
		margin: 0 41px; 
		position: relative;
	}
	
	#aboutus_paras {
		width: 630px;
		padding: 135px 0 0 41px;
	}
	
	#aboutus_body p {
		text-indent: 20px;
		padding: 15px 0 0 0;
	}

/* ------</mezzagrille about us>------ */


/* ------<mezzagrille popups>------ */

    .jqmClose {
        background: url(/images/site/form_close_btn.gif) no-repeat;
        width: 60px;
        height: 55px;
        margin: 10px 12px 0 0px;
        text-indent: -500em;
        float: right;
        overflow: hidden;
    } .jqmClose:hover {background-position: 0 -55px;}

/* ------</mezzagrille popups>------ */


/* ------<mezzagrille contact us form> ------- */

    #contact_form_content {
        background: url(/images/contactus/contact_us_header.gif) no-repeat;
        width: 550px;
        height: 400px;
        border: 4px solid white;
        background-color: #F8F1E6;
    }
      
    #contact_form_input {
        clear: both;
        padding: 20px 0 0 0;
        height: 320px;
    }
    
    .contact_row {
        padding: 16px 0 0 10px;
    }
    
    .contact_row label {}
    
    .contact_row input, textarea {
        border: 1px solid #502414;
        padding: 3px;
    }
    
    #contact_form_thoughts {
        width: 520px;
        height: 163px;
    }
    
    #contact_form_send {
        padding: 10px 0 0 8px;
    }
    
    #contact_form_error {
        background: url(/images/site/form_error.png) no-repeat;
        position: absolute;
        top: 150px;
        left: 140px;
        width: 276px;
        height: 57px;
        z-index: 3200;
    }
    
    #contact_form_error p {
        margin: 15px 0 0 60px;
        width: 200px;
        font-size: 10px;
        font-weight: bold;
        color: #9D261B;
    }
            
    #contact_form_thanks {
        background: url(/images/contactus/contact_us_thanks.png) no-repeat;
        position: absolute;
        top: 150px;
        left: 140px;
        width: 276px;
        height: 57px;
        z-index: 3200;
    }
    
    #contact_form_thanks p {
        margin: 22px 0 0 65px;
        width: 200px;
        font-size: 10px;
        font-weight: bold;
        color: #2B561D;
    }

    #contact_form_loader {
        border: 2px solid;
        background-color: #F8F1E6;
        width: 50px;
        height: 50px;
        padding: 20px 0 0 20px;
        position: absolute;
        top: 150px;
        left: 250px;
        z-index: 3200;
    }
/* ------</mezzagrille contact us form> ------- */


/* ------<mezzagrille login form> ------- */


    #login_form_content {
        background: url(/images/login/login_header.gif) no-repeat;
        width: 550px;
        height: 275px;
        border: 4px solid white;
        background-color: #F8F1E6;
    }
    
    #login_form_input {
        padding: 80px 0 0 0;    
    }
    
    .login_row {
        padding: 18px 0 0 10px;
    }
    
    .login_row label {}

    .login_row input {
        border: 1px solid #502414;
        padding: 3px;
    }
    
    #login_form_login {
        padding: 25px 0 0 8px;
    }
    
    #login_form_error {
        background: url(/images/site/form_error.png) no-repeat;
        position: absolute;
        top: 125px;
        left: 143px;
        width: 276px;
        height: 57px;
        z-index: 3200;
    }
    
    #login_form_error p {
        margin: 15px 0 0 60px;
        width: 200px;
        font-size: 10px;
        font-weight: bold;
        color: #9D261B;
    }

    #login_form_registration {
        position: absolute;
        top: 160px;
        left: 270px;
    }

    #login_form_registration a {
        background: url(/images/login/login_go_btn.gif) no-repeat;
        width: 100px;
        height: 25px;
        position: absolute;
        padding: 5px 0 6px 30px;
    }

    #login_form_loader {
        border: 2px solid;
        background-color: #F8F1E6;
        width: 50px;
        height: 50px;
        padding: 20px 0 0 20px;
        position: absolute;
        top: 115px;
        left: 250px;
        z-index: 3200;
    }

/* ------</mezzagrille login form> ------- */


/* ------<mezzagrille my account> ------- */

    #myaccount_content {
        background: url(/images/myaccount/myaccount_header.gif) no-repeat;
        width: 550px;
        height: 275px;
        border: 4px solid white;
        background-color: #F8F1E6;
    }

    #myaccount_inner_content {
        margin: 90px 0 0 0;
    }

    #myaccount_information {
        padding: 0 0 0 15px;
        float: left;
        width: 225px;
    }

    .myaccount_row {
        padding: 5px 0 0 0;
    }    
    
    .myaccount_row label {
        float: left;
        font-weight: bold;
    }

    .myaccount_row p {
        padding: 0 0 0 75px;
    }


    #myaccount_newsletter_status {
        padding: 0 25px 0 0;
        float: right;
        width: 225px;
    }

    #myaccount_newsletter_status .statusinfo {
        clear: left;
        position: absolute;
        top: 245px;
        font-size: 10px;
        width: 235px;
    }

    #status_container .statusmsg {
        padding: 5px 0 0 0;
        font-size: 10px;
    }

    #status_image {
        float: left;
    }

    #status_image img {
        padding: 0px 0 0 0;
    }

    #myaccount_sub {
        background: url(/images/myaccount/myaccount_subscribe_icon.gif) no-repeat 0 2px;
        position: absolute;
        height: 20px;
        padding: 0 0 0 15px;
        margin: 40px 0 0 35px;
    }

    #myaccount_unsub {
        background: url(/images/myaccount/myaccount_unsubscribe_icon.gif) no-repeat 0 2px;
        position: absolute;
        height: 20px;
        padding: 0 0 0 15px;
        margin: 70px 0 0 35px;
    }

/* ------</mezzagrille my account> ------- */

/* ------<mezzagrille menuitem edit form> ------- */

    #edit_menuitem_form_loader {
        border: 2px solid;
        background-color: #F8F1E6;
        width: 50px;
        height: 50px;
        padding: 20px 0 0 20px;
        position: absolute;
        top: 115px;
        left: 250px;
        z-index: 3200;
    }

/* ------</mezzagrille menuitem edit form> ------- */