@charset "utf-8"; 
/* CSS Document */ 
body{ background-color:#FFF; margin:0 ; padding: 0; color:#0f1d60; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; } 
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {     
/* Put CSS for iPad  */ 
body {letter-spacing:.033em;}
} 
.mobile-nav{display:none}
.mobile-top{display:none}
.home-popup{display:none}
.above-title{height:22px}
a{outline: 0;} 
a:visited { color: #009} 
a:link { color: #009} a:hover { color: #009} 
a:active { color: #009} 
li a:visited { color:#0f1d60; text-decoration:none} 
li a:link { color:#0f1d60; text-decoration:none} 
li a:hover { color:#0f1d60; text-decoration:underline} 
li a:active { color:#0f1d60; text-decoration:none} 
p {font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:13px; margin:  5px 0; line-height:18px; text-align:justify}
.directions {font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:13px; margin:  0px 0; line-height:18px; text-align:right}
.message {font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:13px; margin:  0px 0; line-height:20px; text-align:center}
.rolloverSat {font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:13px; margin:  0px 0; line-height:18px; text-align:left}
.outer {margin: 0 auto;width:990px;height: 684px;border: #0f1d60 solid 1px;	}
.fullscreen{vertical-align: middle; margin: 0px; height: 100%;}
.fullscreen-div{height: 100%; width: 100%; display: table;}
.home{	background:url(images/home_bg.jpg) no-repeat center top;}
.main{	background:url(images/main_bg.jpg) no-repeat center top;}
.building{	background:url(images/building_bg.jpg) no-repeat center top;}
.building_2015{	background:url(images/building_bg_2015.jpg) no-repeat center top;}
.plain{	background:url(images/plain_bg.jpg) no-repeat center top;}
.links_bg{	background:url(images/links_bg.jpg) no-repeat center top;}
.inner {margin: 20px;width:952px;height: 646px;position:relative}
.top{height:82px}
.home_bodyX{ background:url(images/home_body.jpg) no-repeat center top; height: 392px}
.home_body{ background:url(images/home_body2.jpg) no-repeat center top; height: 392px}
.menus_body{ background:url(images/menus_body.jpg) no-repeat center top; height: 392px}
.bakery_body{ background:url(images/bakery_body.jpg) no-repeat center top; height: 392px}
.cookbook_body{ background:url(images/cookbook_body.jpg) no-repeat center top; height: 392px}
img.cookbook{display:none}
.aboutus_body{ background:none; height: 392px}
.bread-of-life{padding-top:90px}
.bol-heading{font-size:20px; text-align:left; padding:0 0 5px 0px; margin-top:5px }
.bol-info p{font-size:11px; text-align:right; padding:0px 0 0 0px; line-height:18px; margin:0}
.contactus_body{ background:url(images/contactus_body.jpg) no-repeat center top; height: 392px}
.links_body{ background:url(images/links_body.jpg) no-repeat center top; height: 392px}
.head{ height: 138px} 
textarea, input{ font-family:Arial, Helvetica, sans-serif; font-size:12px}
.ifw{ background:url(images/ifw.jpg) no-repeat 0 32px}
.ifw_widget{ background:url(images/ifw.jpg) no-repeat 0 20px}
.anniversary_widget{ background:url(images/20th_anniversary_widget2.jpg) no-repeat 0 14px}
.indian_widget{ background:url(images/indian_widget.jpg) no-repeat 0 1px}
.green_tea_widget{ background:url(images/green_tea_widget.jpg) no-repeat -14px 1px}
.cupcake_widget{ background:url(images/cupcake_widget.jpg) no-repeat -4px 1px}
.tree_widget{ background:url(images/tree.jpg) no-repeat -4px 1px}
.christmas_widget{ background:url(images/christmas.jpg) no-repeat -4px 1px}
.menubar { height:34px; position:relative}

.bus_hours_table th { padding:6px 6px; background-color:#FFF; border-bottom: 2px solid #F3F3F3; text-align:left; line-height:18px; white-space:nowrap;  font-weight: normal}
.bus_hours_table th p.hours-heading{margin: 0;font-size: 18px;}
.bus_hours_table td { padding:6px 6px; background-color:#FFF; border-bottom: 2px solid #F3F3F3; text-align:left; line-height:18px; white-space:nowrap; font-size: 14px}
.bus_hours_table tr { padding:0 0px}
.hol_hours_table td { padding:2px 5px 1px 5px; background-color:#FFF; border-bottom: 2px solid #F3F3F3; text-align:left; line-height:18px; font-size:12px}
.hol_hours_table tr { padding:0 0px}
.hol_hours_table td.date { text-align:right}
.hol_hours_table td.days { padding:2px 8px 1px 8px;}
.follow {list-style-type:none; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:12px; margin:0 0px 0 22px; letter-spacing:0px; line-height:18px; padding:3px 0}
.follow li{padding:0; margin: 0}
.menus {font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; list-style-image:url(images/diamond.png) } 
/* .menus li { padding:4px}*/ 
.links {font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; list-style-image:url(images/diamond.png); padding:0; margin: 0; font-size:15px }
.links li { padding:4px 0 10px 0} 
#portfolio li{padding:0; margin: 0; list-style-type:none} 
ul#portfolio {padding:0; margin: 0; list-style-type:none} 
/*TABS for MENU*/ 
.menu_table { width:590px; margin-left:20px}
.menu_table td{padding:16px 0}
.menu_table td.menu_td_text{ padding-left: 25px}
.sides {width:490px; margin:20px 0 0 40px}
.sides td{padding:9px 0 9px 65px}
.menu_table .title{float:left; color: #621E20; font-size:15px}
.menu_table .price{float:right; color:#621E20; font-size:12px}
.gs{margin:30px 0 0 40px;}
.gs p{text-indent:20px}
.gs td{padding:5px 0}
.gs img.interior-6{box-shadow: 2px 2px 6px #667}
.gs-title{color: #621E20; font-size:17px; text-align:left;text-indent:0 !important;margin:0 0 15px 0;line-height:1.3}
img.gluten-sensitive-title{margin-right:5px;width:23px;float:left}
.gluten-sensitive{vertical-align:middle;margin:0; width:18px}
.menu_table .title-kids{float:left; color: #621E20; font-size:13px; margin-left:20px; margin-top:0} 
p.desc {font-size:12px; line-height:16px; clear:both; }
p.info{font-size:12px; line-height:16px; clear:both; color:#0f1d60 ; text-align:center; float: none; margin:15px 0}
.title span{font-size:12px; }
.title {font-size:12px; line-height:21px; margin-right:10px }
.title img{float:left; margin-right:3px; height:18px}
.sides p.desc {margin-top:0} 
ul.menus{ margin:-5px 5px 5px 5px; padding:0 0 0 20px} 
ul.menus li {font-size:14px; margin: 5px 0 5px 5px !important ; padding:0; line-height:17px} 
ul.menus-gs{ margin:10px 0 0 0; padding:0 0 0 0px} 
ul.menus-gs li {font-size:16px; margin: 0px 0 0px 0px !important ; padding:0; line-height:20px; list-style:none} 
.gs-link{color: #621E20; font-size:13px;}
#tabs .ui-state-active a {font-weight:bold !important }
.gluten-free{font-size:11px; line-height:17px; color: #B66F27}
.gluten-free img{float:left; margin-right:3px; height:18px} 
.menu_table .row{padding:5px 0;display: table; margin-bottom:20px; width:100% }
.menu_table .column { display: table-cell;padding: 0 0 0 15px;vertical-align: middle;}
.sides .column { display: block !important;padding: 0 15px;vertical-align: top;}
.sides .row{padding:5px 0;display: block !important; margin-bottom:5px }
/* mobile-modify */ 
#menu-frame{height:365px} 
/* MENU PAGES */ 
.mobile-menu{display: none}
.click-images{margin:15px 0; text-align:center; color:#000; font-size:11px}
body.menu-pages {margin: 0;padding: 0 5px 0 0; } 
.menu-pics{
    cursor: -moz-zoom-in !important; 
    cursor: -webkit-zoom-in !important; 
    cursor: pointer ;
}
.pic-column{width:5%; vertical-align: top; padding-top:5px}
.menu_table.featured{ text-align: center}
/*
.no-pic{ width:100%}
.no-pic .column{padding:0}
.no-pic p.desc{ width:100%}
*/
.mobile-header{display:none}
/* mobile-modify */ 
.menu-inner{height:365px; overflow-y: auto; overflow-x:none; margin-top:-45px}
.gf-footnote img{float:left; margin-right:3px; height:18px}
.menu-footnote{margin:30px 0 10px 0 ; font-size:11px; text-align:center}
.highlight{font-weight:bold}  
/* NEW PAGES */ 
body.news-pages {margin: 0;padding: 0 5px 0 0; }
/* mobile-modify */ 
.mixer-inner{height:360px; width:920px;  text-align:center; padding:0px 0 20px 0}
.news-inner{height:325px; width:613px; overflow-y: auto; overflow-x:none; text-align:center; padding:0px 0 20px 0}
.divider-vert {background-color: #a0a0a0;float: left;width: 1px;}  
.contact_form td{font-size:13px;line-height:18px;padding:4px}
/* tablet */
@media all and (max-width: 1024px) {

.fullscreen{vertical-align: top; margin: 0px; height: 100%;  width: 100%;}
.fullscreen-div{height: 100%; width: 100%; display: block !important; }
.fullscreen-div > div {display: block  }
.fullscreen-div > div.mobile-nav {display: none  }
.outer {margin: 0 auto ; height: 684px;border: #FFF solid 1px; }
.menu-inner{height:100%; overflow-x:none}
.news-inner{height:100%; width:613px; overflow-x:none; text-align:center; padding:0px 0 20px 0}
.mixer-inner{height:100%; width:920px; overflow-x:none; text-align:center; padding:0px 0 20px 0}
}
.share{ margin:10px auto 0 auto; border-collapse:collapse }
.share img{height: 22px}
.share td{padding:0 6px; margin:0;vertical-align:top; text-align:right}
.share td .socialWidgetCore img, .socialWidgetCoreWhite img, .socialWidgetCoreGreen img{display:block !important; float:none !important; padding:0 !important; margin:0 !important}



/* MENU CSS */
.menu-line-top{ display:none;}
.menu-line-bottom{ display:none;}
.menu ul li{ list-style-type:none; }
a{outline:none;border:none}
.menu-container{padding-left:0px;text-align:center;}
.menu {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-weight:normal;letter-spacing:.035em;position:relative;text-align:center;font-size:13px;z-index:100;height:28px;padding: 0px 0px 0 2px !important;line-height:21px;}
.menu ul li a, .menu ul li a:visited {display:inline;text-decoration:none;color:#FAFAF8;height:24px;text-align:center;color:#FAFAF8;background-image: url("images/menu-bg.jpg");background-repeat: repeat-x;background-position: top;font-size:13px;overflow:hidden;padding:2px 10px;line-height:28px;}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {   
 /* Put CSS for iPad  */.menu ul li a, .menu ul li a:visited  {letter-spacing:.06em;}
 
}
.menu ul {padding:0;margin:0;list-style: none;}
.menu ul li {padding:0;float:left;position:relative;}
.menu ul li ul{padding:0;margin:0;text-align:left !important;}
.menu ul li ul {display: none;text-align:left !important;border-top:0px solid #9ea4c0;}
.menu ul li:hover ul li a{opacity:1;filter:alpha(opacity=100); /* For IE8 and earlier */text-align:left !important;}
.menu ul li ul li{width:220px;height:29px;font-size:15px;border-bottom:1px solid #9ea4c0;border-left:1px solid #9ea4c0;border-right:1px solid #9ea4c0;text-align:left;color:#FAFAF8062;padding:0;text-align:left !important;}
.menu ul li ul.home li{width:120px;left:-15px}
.menu ul li ul.travel li{width:155px;}
.menu ul li ul.participate li{width:220px;}
.menu ul li ul.contact li{width:120px;}
/* specific to non IE browsers */.menu ul li:hover a {color:#d1a84b;background-image: url("images/menu-highlight2.png");background-repeat: repeat-x;background-position: center top;height:28px;}
.menu ul li:hover ul {padding:0;display:block;position:absolute;top:28px;left:0;}
.menu ul li:hover ul li a.hide {background:#6a3;color:#344056;padding:0;}
.menu ul li:hover ul li:hover a.hide {background:#6fc;color:#344056;padding:0;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block;font-size:15px;  background-image: url("images/menu-bg-sub-hover.jpg");      background-color:#f8f4e7;  background-repeat: repeat-x;    height:29px;color:#344056;padding:0px 0 0 10px;line-height:29px;}
.menu ul li:hover ul li a:hover {  background-image: url("images/menu-bg-sub-hover.jpg");      background-color:#e1d8bd;  background-repeat: repeat-x;    height:29px;color:#344056;padding-bottom:0;opacity:1;filter:alpha(opacity=100); /* For IE8 and earlier */}
.menu ul li:hover ul li:hover ul {display:block;position:absolute;left:235px;top:-1px;padding-bottom:0;border-top:1px solid #9ea4c0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
.separator {background-image: url("images/menu-divider.png");background-repeat: no-repeat;height:24px;width:1px;margin-top:5px}
#CDSWIDEXC{margin:0 !important}
.close{cursor:pointer}
/*
.special-hours{ padding: 0 20px; position: relative}
*/
.special-hours{text-align: center}
.special-hours  .bus_hours_table p{text-align: center; font-size: 14px; margin:10px 0}
.special-hours .bus_hours_table p.hours-heading{font-size: 22px; text-transform: uppercase}
.special-hours .bus_hours_table {
	
	margin: 15px auto 10px auto
}
.special-hours .bus_hours_table td {
	font-size: 16px;
	padding: 5px 15px;
	color: #0f1d60;
}
.special-hours .bus_hours_table td.dash {
	padding: 0 !important
}

.slideshow-outer {
	width: 423px;
	margin: -15px 0 0 30px;
}

#slideshowWindow {
	width: 100%;
	height: 0px;
	padding: 0;
	padding-bottom:71.3%;
	margin: 0;
	position:relative;
	overflow:hidden;
	
	border: #eecd14 solid 2px;

}
#slideshowWindow img{width:100%; height:auto}
.fadein p{
	margin: 0;
	padding: 0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:table;
	
	

}
.fadein p span{
	display:table-cell;
	vertical-align:middle; text-align:center}
	

.ui-widget{font-size: 13px !important; vertical-align: middle !important}
.ui-menu-item{font-size: 13px !important}
.ui-state-default{background: #397fff linear-gradient(to bottom, #3984ff 5%, #397fff 100%) !important; color :#fff !important;}
 .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("//code.jquery.com/ui/1.11.4/themes/smoothness/images/ui-icons_454545_256x240.png") !important;
}
 .ui-state-default .ui-icon {
    background-image: url("//code.jquery.com/ui/1.11.4/themes/smoothness/images/ui-icons_454545_256x240.png") !important;
}
#survey-popup{width:460px; background-color:#f6f6f6; border: 1px solid #0f1d60}
#survey table{width: 100%; border-top: 1px solid #e7e7e7;}
#survey td{vertical-align:middle; text-align:left; font-size:13px; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fbfbfb), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #fbfbfb 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #fbfbfb 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #fbfbfb 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #fbfbfb 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #fbfbfb 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#f6f6f6',GradientType=0);
	border-bottom: 1px solid #e7e7e7;
padding: 10px 20px;

}
#survey input{margin:0px; width: 100%; vertical-align: middle}
#survey .rating-wrapper select{margin:5px 0 0 0; }

#survey select, #survey #survey-submit{background: #397fff linear-gradient(to bottom, #3984ff 5%, #397fff 100%) !important; color :#fff !important; display: inline-block; padding: 5px 8px}
#survey span{font-size:90%}
#survey textarea{width: 100%; vertical-align: top}
#survey .text-wrapper{margin: 10px  20px 0 20px}
#survey #rating{margin: 10px auto 5px auto}
#survey .rating-wrapper{text-align:center; margin-bottom: 0px}
#survey .left-text{width: 100px; vertical-align: top; }
#survey .right-text{vertical-align: top; }
#survey .dishes{width: 100%; background: none; border: none}
#survey .dishes td{padding:2px 0px ; background: none; border: none}
#survey .dishes td.dishes-left{width: 1%; padding-right:4px}
#survey #survey-submit {width: auto; margin: 5px auto 0}
#survey .submit-row{}
#survey .visited-row{}
#survey #visited{ vertical-align:middle; margin-left: 20px}
#survey #visited-button{margin-left: 20px; min-width: 130px}
#survey #rating-button{margin-top: 5px;  min-width: 130px}
#visited-menu li:first-child{display: none}
#rating-menu li:first-child{display: none}
/* MOBILE SITE */


@media all and (max-width: 800px) {
.mobile-nav{display:none}
.mobile-top{display:block}
	body{font-size:1em}
p{font-size:medium !important;line-height:1.4 !important; margin-left:0 !important; margin-right: 0 !important}
br{ display:none}
.page-title img{width:90% !important; height:auto !important}
.fullscreen-div > div{display:block !important}
.outer{width:100%; height: auto; border:none}
.inner{width:auto; height: auto; margin:0 auto ;padding:0 0 20px 0; max-width:560px}
.head{height: auto}
.head > div{float:none !important; }
.head-description{margin:10px 0 !important ; width:100% !important; display:none}
.head-description p{font-size:medium !important; text-align:center !important; line-height:1.4 !important; float:none !important}
.head-info{margin:10px 0 !important ; width:100% !important; display:none}
.head-info p{font-size:medium !important; text-align:center !important; line-height:1.4 !important; float:none !important}
.homepage .head-description{display:block}
.homepage .head-info{display:block}
.homepage br{ display:inline}
table.share td{vertical-align:top}
.top{display:none}
.mobile-header{display:table; margin:0 auto 10px auto !important; width:100% !important; }
.mobile-header div{display:table-cell}
.mobile-header .hamburger{width:10%; }
.mobile-header .pic-row{ background:url(/images/header_top.jpg) no-repeat left top; background-size: cover; width:90%}
.mobile-header img{margin:0 !important; width:100% !important; height:auto}
.logo-div{margin:0 auto !important; width:85% !important; }
img.logo{margin:0 auto !important; width:100% !important}
.menubar{ clear:both; height:auto !important; margin:20px 0 0 0}
.menu-container{width:100% !important; height:auto !important; position:static !important; background-color:transparent !important; border-bottom:0px solid #0f1d60; padding:0 0 10px 0 }
.menu-inner{margin-top:0}
.menu-line-top{ display:block; width:100%; margin: 0 auto 5px auto;}
.menu-container img.horiz-line{ width:90% !important;margin: 0 10px  }
.menu-line-bottom{ display:block; width:100%; margin: 5px auto 0 auto;}
.li-separator{display:none}
.menu{height:auto}
.menu ul{text-align:center; display:block}
.menu ul li {  padding:5px 5px; background-color: transparent; margin:1px -4px 0px -4px; display:inline-block; float:none}
.menu ul li.li-separator { width:1px; height:auto; overflow:hidden; background-color:#FFF; padding:5px 0px; margin:1px 0; display:none}
.menu ul li div.separator {display:none}
.menu ul li a{font-size:1.1rem !important;line-height:1.4 !important; color: #0f1d60 ; text-transform:uppercase }
.menu ul li a:visited{color: #0f1d60 ;}
.menu ul li a:active{color: #0f1d60 ;}
.home{ background:none}
.main{ background:none}
.building{ background:none}
.plain{ background:none}
.links_bg{ background:none}
.building_2015{ background:none}
.contactus_bodyx{width:auto !important; float:none !important;}
.contactus_bodyx div{width:auto !important; float:none !important;}
.contactus_bodyx br {display: none;}
.home_bodyX{ background:none; height:auto}
.home_body{ background:none; height:auto}
.tripadvisor-home{position:static !important}
.widCOE{ margin:30px auto !important}
.menus_body{ background:none; height:auto}
.bakery_body{ background:none; height:auto}
.cookbook_body{ background:none; height:auto}
.cookbook_body div{width:auto !important; float:none !important;}
.cookbook_body span{font-size:.8rem !important}
.cookbook-text{margin:0 5px !important}
img.cookbook{display:block; margin:15px auto; width:70%}
.aboutus_body{ background:none; height:auto}
.text_outer{width:auto !important; float:none !important;margin:0 !important; padding:0px !important}
.text_inner{width:auto !important; float:none !important;margin:0 5px !important; padding:0px !important}
.bread-of-life{width:auto !important; float:none !important;margin:0 5px !important;padding-top:20px}
.bol-heading{font-size:1.2rem !important; font-weight:bold; margin:0 0 0px 0 !important; padding:0 !important }
.bol-info p{font-size:.8rem !important; margin:5px 0}
.history-pics div{float:none !important; margin:0 !important}
.history-pics a{margin:15px auto !important;width: 85%!important; display:block}
.history-pics img{width: 100%!important;  padding:0 !important}
.about-outer{overflow-y: auto !important; height: auto !important; padding: 0 !important}
.findus_body{}
.bus_hours_table td{font-size:medium !important}
.hours-heading{margin:0px 0 5px 0 !important ; font-weight:bold; font-size:1.2rem !important}
.directions-heading{margin:25px 0 5px 0!important; font-weight:bold; font-size:1.2rem !important}
.map-heading{margin-top:15px !important; font-weight:bold; font-size:1.2rem !important}
#map{width:auto !important; }
.contactus_body{ background:none; height:auto}
.links_body{ background:none; height:auto}
textarea, input{font-size:medium}
/*TABS for MENU*/ 

body.menu-pages {margin: 0;padding: 0; } 
.menu-title{margin:0px 0 15px 0px !important}
.side-menu{display: none}
.mobile-menu{display: block;  width:80%; margin:0 auto; text-align:center}
.mobile-menu div{margin:0 !important}
#menu-selector{font-size:1.2rem; width:90%}
.menu_table { margin:0 !important; width:auto !important}
.menu_table .row{padding:0 10px;display: block; margin:35px 0px; width: auto}
.menu_table .column { display:block;padding: 0px;vertical-align: top; margin:0; }
.pic-column{width:100%; vertical-align: top; padding:0px}
.menu_table .column img.menu-pics{ float:none !important; width:100% !important; margin: 0 0 15px 0 !important}
.menu_table .menu_td_text{ text-align:left}
.sides {margin:0 !important; width:auto !important}
.sides td{padding:5px 0}
.menu_table .title{float:none; color: #621E20; font-size:1.2rem !important; margin:0 !important; display:inline;}
.menu_table .price{float:none ; color:#621E20; font-size:1.1rem !important; display:inline-block; margin:0 0 0 10px!important;}
.menu_table .title-kids{float:left; color: #621E20; font-size:1.1rem !important; text-indent:20px; margin-top:0} 
p.desc {font-size:medium; line-height:1.4; clear:both; float:none; margin:5px 0 0 0; width:auto}
p.info{font-size:medium; line-height:1.4; clear:both; float: none}
.click-images{margin:15px 50px; font-size:.8rem !important; text-align:center}

.menu_table.featured {padding:0 10px}
.menu_table.featured a img{ width: 100% !important; height: auto !important; margin-top: 20px}

ul.menus{ margin:5px; padding:0 0 0 20px} 
ul.menus li {font-size:16px; margin: 10px 0 10px 5px !important ; padding:0; line-height:20px} 
#tabs .ui-state-active a {font-weight:bold !important }
.gluten-free{font-size:.8rem !important; line-height:18px; color: #B66F27}
.gluten-free img{float:left; margin-right:3px; height:18px } 
.title img{float:left; margin-right:3px; height:18px}
.gf-footnote img{float:left; margin-right:3px; height:18px}
.menu-footnote{margin:15px 0 ; font-size:.8rem !important; text-align:center}
.highlight{font-weight:bold}  
.youtube{width:100% !important; }
.video-div{width:100% !important; margin:15px 0 !important}
.cheeze-address br {display:inline}

body.news-pages {margin: 0;padding: 0; }
.news-inner{height:auto; width:auto; overflow-y: auto; overflow-x:auto; text-align:center; padding:20px 0 20px 0}
.news-pic{display: block; width: 100% !important; height: auto !important; max-width: 400px; margin: 0 auto}
.divider-vert {display:none}
.TA_excellent{padding:0px !important; width:100% !important}
.widEXC{margin:0 auto 30px auto !important}
.bravoBox{margin-bottom:0 !important}
.news-inner table{width:100% !important}
.news-inner table td{width:auto !important}
.news-inner .horiz-line{width:90% !important; margin:20px auto !important}
.contact-table td{font-size: medium !important; text-align:left !important}
.contact-table td #name{width:90% !important}
.contact-table td #email{width:90% !important}
.contact-table td textarea{width:90% !important}
.contact_form select{font-size:1rem !important}

.movie-banner{width:100%}

.logo-div {
    margin: 3% auto !important;
	max-width:560px
}

.mobile-header {
    margin: 0px auto !important;
}
.head .logo-div{display:none}
.head .mobile-header{display:none}
.menubar{display:none}
.mobile-nav{display:block; position:absolute;left:-88%; width:88%; background:#fff}
.fullscreen-div{position:relative; }
.full-outer{overflow:hidden}
.outer{width:100%; margin:0  }	
.menu{margin:0}
.menu-container{text-align:left}
.menu-container > table{margin:0; width:100%}
.menu ul li {
    background-color: transparent;
    display: block;
    float: none;
    margin: 0;
    border-top: 1px solid #ccc;
    font-size: 105% !important;
    list-style: outside none none;
    margin-right: 0;
	padding:0
}
.menu ul li a {
    color: #333;
    display: block;
    margin: 0;
    padding: 7px 10px;
    text-decoration: none;
    white-space: normal;
	text-align:left;
}
.menu ul{border-bottom: 1px solid #ccc;}
.menu ul li:hover a {height:auto; line-height:1.4}
.menu ul li:visited a {height:auto; line-height:1.4}
.menu ul li:link a {height:auto; line-height:1.4}
.menu ul li:active a {height:auto; line-height:1.4}
.menu ul li a:hover {height:auto; line-height:1.4}
.menu ul li a:visited {height:auto; line-height:1.4}
.menu ul li a:link {height:auto; line-height:1.4}
.menu ul li a:active {height:auto; line-height:1.4}

.menu-line-top {display:none}
.menu-line-bottom {display:none}

#cheeze-double-popup{display:none}
.fancybox-wrap{top:-9999px !important;width:1px !important; height:1px !important }
#fancybox-overlay{display:none !important;width:1px !important; height:1px !important }
#fancybox-thumbs{display:none !important;width:1px !important; height:1px !important }
.menu-pics {
    cursor: default !important
}
.home-popup{display:block; width:100%; padding:0;margin:0}
.home-popup .close{display:block; width:100%; padding:0;margin:0; height:auto}
.home-popup .close tr{display:block; }
.home-popup .close td{display:block; width:auto; margin:0; padding:10px !important; position:static !important}
.home-popup .close td img{width:100%; margin:0 auto; padding:0; height: auto !important}
.home-popup .close a{width:auto;display:block}
.home-popup .close a.close{display:none}
.home-popup .close tbody{width:100%;display:block}
.special-hours .special-hours-table{width:auto;}
.special-hours .bus_hours_table{width:auto;}
.head-description {
    margin: 5% 0 !important;
}
.head-info {
    margin: 5% 0 !important;
}

.bus_hours_table br{ display: inline}
.links_body div {float:none !important; width:auto !important; margin:0 !important}
.links_body ul.links{margin-left:30px; padding:0}
.links_body ul.links li{padding:10px 0}
.above-title{height:1px;margin-top:5%}
.page-title{overflow:hidden}

p.click-images{display:none}
.gs-title{display:none}
img.gluten-sensitive-title{display:none}
.gs{margin-top:20px !important}
.gs div{width:auto !important; margin:0 5px !important; float:none !important}
.gs img.interior-6{width:70%;margin:1rem 15%}


.table-art{display:block; width:100%; padding:0;margin:0; height:auto}
.table-art tr{display:block; }
.table-art td{display:block; width:auto; margin:0; padding:0px !important; position:static !important; width: auto !important}

.slideshow-outer {
	margin: 30px 0;
width: 100%;
}
#slideshowWindow {
	 margin: 0;
 /*
 width: 100%;
 margin: 0;
 padding-bottom:68.75%;
 */


}
.fadein p{	}
.fadein p span{}
/* SURVEY */

.ui-widget{font-size: 1.2rem !important; vertical-align: middle !important}
.ui-menu-item{font-size: 1.2rem !important}

#survey p {font-size: 1.2rem !important}
#survey-popup{width: 100%;}
#survey table{}
#survey td{font-size:1.2rem; 
padding: 8px 10px !important;

}
#survey select, #survey #survey-submit{font-size:1.2rem; padding: 5px 7px !important;}
#survey input{display: block; width: 90%;}
#survey .rating-wrapper select{margin:5px 0 0 0; }

#survey span.small{font-size:90%; display: block}
#survey textarea{ width: 95%}
#survey .text-wrapper{margin: 10px  0 0 0px}
#survey #ip {display: none}
#survey #rating{margin: 10px auto 5px auto}
#survey .rating-wrapper{text-align:center; margin-bottom: 0px}
#survey .left-text{width: 100px; vertical-align: top; }
#survey .right-text{vertical-align: top; }
#survey .dishes{width: 100%; background: none; border: none; display: table !important}
#survey .dishes td{padding:2px 0px !important ; background: none; border: none; display: table-cell !important}
#survey .dishes td.dishes-left{width: 1%; padding-right:4px}
#survey #survey-submit {width: auto; margin: 5px auto 0; display: block}
#survey .submit-row{ text-align: center}
#survey .visited-row{}
#survey #visited{ vertical-align:middle; margin-left: 20px}
#survey #visited-button{margin-left: 20px; margin-top: 10px; margin-bottom: 10px;min-width: 180px}
#survey #rating-button{margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto;min-width: 180px}
#survey br {display: none}

.mixer-inner{width: 100% !important}
.mixer-inner img.mixer-image{width: 80% !important; height: auto !important; max-width: 300px}
.mixer-inner img.mixer-title{width: 100% !important; height: auto !important; margin: 10px auto !important; max-width: 400px}
.mixer-inner .mixer-sub-title{margin-top: 0px !important}
.mixer-inner table{width:100% !important; margin: 0 !important; padding: 0px !important; display: block !important}
.mixer-inner tbody{margin: 0 !important; padding: 0px !important; display: block !important}
.mixer-inner tr{margin: 0 !important; padding: 0px !important; display: block !important}
.mixer-inner td{width:100% !important; margin: 0 !important; padding: 15px 0 0 0 !important; display: block !important}

.cookbooks-table{width:auto !important; margin: 0 10px !important; padding: 0px !important; display: block !important}
.cookbooks-table tbody{margin: 0 !important; padding: 0px !important; display: block !important}
.cookbooks-table tr{margin: 0 !important; padding: 0px !important; display: block !important}
.cookbooks-table td{width:100% !important; margin: 0 !important; padding: 0px !important; display: block !important}
.cookbooks-table a {display:block}
.cookbooks-table div{margin: 0px !important; height: auto !important}
.cookbooks-table a img{display:block; margin: 40px auto 20px!important ; width: 70% !important; max-width:300px; height: auto !important}

/* video frame */
.video-container { position:relative;  height:0px;  overflow:hidden; }
.aspect-16x9 { padding-bottom:56.25%; }
.video-container iframe{ position:absolute;  top:0;  left:0;  width:100%;  height:100%; }

.watch-tv{font-size: 21px !important}

}


@media all and (min-width: 500px) and (max-width: 800px) {
	
	.head-description p{
	font-size:20px !important;
}
.head-info p{
	font-size:16px !important;
}
}