/* Updates:
12/9/2016: New search box format 

*/
body {	
	background-color: #ffffff;
	font-size: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:  Arial, Helvetica, sans-serif; /*'Century Gothic',*/
	color: #222222;
}

/* Html Tags*/
div.ccInfo, input.entry { border: 1px solid #ccc;  text-align: left; padding: 2px; font-size: 100%; cursor: pointer}
input.entrygrn { border: 1px solid #093;  text-align: left; padding: 2px; font-size: 100%; cursor: pointer}
.entry, .entrygrn { 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #204249;
	margin-bottom: 1px
}
.ccInfo {
	height: 30px;	
}
.entry:focus{border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);		
}
select.entry, textarea.entry {  border: 1px solid #555 !important; text-align: left; padding: 2px; font-size: 100%}
select.entrygrn, textarea.entrygrn {  border: 1px solid #093 !important; text-align: left; padding: 2px; font-size: 100%}
select.redborder { border: 1px solid red !important; }
input[type=submit] {
	font-size: 125% !important;
	cursor: pointer;
}
.entryTitle { text-transform: capitalize}	
.label  { display: none;}
textarea {font-size: 100%; font-family: Arial, Helvetica, sans-serif	}
.required { border: 1px solid #093}
.w99 { width: 99%}
.w100 { width: 100%}


a:link { text-decoration:none; font-weight: none; color: #0b4107; font-family: Arial, Helvetica, sans-serif background: none}
a:visited { text-decoration:none ;  font-weight: none; color: #006837; font-family: Arial, Helvetica, sans-serif background: none}
a:active { text-decoration:none; font-weight: none; color: #006837; font-family: Arial, Helvetica, sans-serif background: none}
a:hover {font-weight: none; color: #006837; font-family: Arial, Helvetica, sans-serif text-decoration: underline  }

fieldset	{ /*background-image: url(../images/white.png); */
	border: 1px solid #999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	padding: 2px;
	margin-bottom: 5px;
	}
	
legend { color: #C00; font-weight: bold; font-size: 110%;}

ul.listcheck {
	display: inline-block;	
}
ul.listcheck li {	
	padding: 0;
	padding-left: 35px;
	display: block; 
	height: 30px;
	font-size: 100%;
	background: transparent url(/_usermods/icons/icon_checksmall.png) no-repeat left;
}

.clr {
	clear: both;	
}
#loader { float: right; width: 50px; display: none; text-align:right}

div.outer
{
	position: absolute;
	left:50%;
	top:40%;
	border:1px solid #000000; background:#ffffff; background-color:#ffffff; width:800px;  z-index: 90;visibility: hidden;display: none;
	margin-left: -400px; /* half of width */
	margin-top: -100px;  /* half of height */
}

/*li  {list-style-type: square; display: block; padding: 0px 0px 5px 0px; margin: 5px; background: transparent url(../images/arrow.gif) no-repeat;}*/
h1  {font-size: 150%; margin: 0; color: #006837; }
h2  {font-size: 140%; margin: 0; color:#006837; }
h3  {font-size: 130%; margin: 0;  color:#006837; }
h4  {font-size: 120%; margin: 0;  color:#006837; }
h5  {font-size: 110%; margin: 0;  color:#006837;}

.shadow {
	 text-shadow: 1px 1px 0 #FFF;		
}

/* Template */ 
.header {	
   /* background-color: #ccff66;*/
   background-color: #f5f5f5;
   border-bottom: 1px solid #555;
}
.header h1 {
	text-align: center;
}
.header h2 {
	font-size: 300%;	
}
.logo {
	float: left;
	margin: 5px;	
}

.fr {	
	float: right;
	display: inline-block;		
}
.fl {	
	float: left;
	display: inline-block;		
}
.vert {
	float: left;
	display: table;
	height: 36px;	
}
.vert > div {
	display: table-cell;
	vertical-align: middle;	
}
.glyphMenu {
	position: fixed;	
	z-index: 200;
	/*width: 30%;	*/
	width: 30px;
	height: 50px;
	right: 0;	
	top: 0;
	/*background-color: #09C;
	top: -4px;*/
    text-shadow: 2px 2px 2px #fff;
}
.menu {
	font-size: 400%;
	margin-right: 5px;
	float:right;
	margin-right: 10px;
	color: #900;	
}
.menu a { text-decoration:none; font-weight: none; color: #900; font-family: Arial, Helvetica, sans-serif background: none}
.menu a:hover {  color: #006837; }
.rName a:hover {  color: #900000; }
.rName span {
	color: red;
}
.rSep {
	height: 1px;
	margin-top: 4px;
	background-color: #cfcfcf;
}
.rightPanel {
	background-color: #900 !important;
	color: #050505;
	border-left: 1px solid #aaa;
}
.rightPanel > p { 
	color: #fff;
	text-shadow:none;
}
.rightPanel a {
	color: #0C0;
	text-shadow:none;
}
.rightPanel a.ui-btn {
	background-color: #CCC;
	border: 1px solid #111; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 120%;
	cursor: pointer;
	color: #000;
	padding: 5px !important;
}
.rightPanel a.ui-btn:hover {
	background-color: #0C0;
}
.rightPanel  #loginMsg{ 
	font-size: 130%;
	color: #FFF;
	text-shadow: 1px #000;
}

.rightPanel  .entry {
	background-color: #fff !important; 	
}
	
ul.dashCont {
	margin: 0;
	padding: 0 10px;
	list-style-type: none;
}
ul.dashCont .chip {
	/*background-color: #006837;*/
	background-color: #FFFFFF;
	margin-bottom: 2px;
	width: 80%;
	color: #900;
	font-weight: bold;
}
ul.dashCont .chip:hover {
	background-color: #999999;
}

ul.dashCont li div {	
	color: #fff;
	text-shadow: none;	
}
ul.dashCont li div a {	
	display: block;
	padding: 10px 0;
	font-size: 120%;
}
ul.dashCont  .submenuCont {
	padding: 5px 10px;	
}

ul.dashCont  .submenu {
	color: #fff;
	text-shadow: none;	
}
ul.dashCont  .submenu:hover {
	color: #ccc;
	text-shadow: none;	
}
.dashNotice {
	width: 100%;
	background-color: #fff;
	margin-top: 10px;
	color: #000;
	height: auto;
	padding: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;	
}
.lowerSection	{ 
	width: 100%; background-color: #bbbbbb; padding: 10px; 
}

#cboxClose {right: 40px !important; }

.footerMenu {
    width: 100%; height: 100%;	
}
.footerMenu ul { list-style-type: none; margin: 0; padding: 0}
.footerMenu li { padding: 8px 0}
.footerMenu a	{ font-size: 120%; color: #060}
.footerMenu a:hover { color: #000000}
.footerMenu h3 	{ font-size: 160%; color: #222222; text-shadow: none;}
/*.footerMenu > div { float: left;  white-space: nowrap; margin-right: 30px;}*/
.footNotes { text-align: center; font-size: 100%;}

/* The side navigation menu */
.sidenavclose {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    right: 0;	
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenavclose a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 100%;
    color: #818181;
    display: block;
    transition: 0.3s
}

#wrapper {
	display: block;
   /* position:absolute;*/
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
	margin-top:42px;
}

.slide {
	position:relative;
	cursor:hand;
  	cursor:grab;
  	cursor:-moz-grab;
  	cursor:-webkit-grab;
}

#slides {
	width:100%;
	height:100%;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition-timing-function: linear;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;

	-moz-transform: translate3d(0, 0, 0);
	-moz-transition-timing-function: linear;
	-moz-backface-visibility: hidden;
	-moz-transform-style: preserve-3d;

	transform: translate3d(0, 0, 0);
	transition-timing-function: linear;
	backface-visibility: hidden;
	transform-style: preserve-3d;
}

.slide {
	width:100%;
	height:100%;
	display:inline-block;
	float:left;
	vertical-align:top;
}

.row {
	display:block;
	width:100%;
	height:100%;
}

/* When you mouse over the navigation links, change their color */
.sidenavclose a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}
.sidenavopen {
    width: 250px !important; /* 0 width - change this with JavaScript */    
}

/* The navigation menu links */
.sidenavopen a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 100%;
    color: #818181;
    display: block;
    transition: 0.3s
}

/* When you mouse over the navigation links, change their color */
.sidenavopen a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

#leftSideNav .pbot {
	margin-bottom: 20px;	
}
#rightSideNav .pbot {
	margin-bottom: 20px;	
}


/* Position and style the close button (top right corner) */
.closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px !important;
    margin-left: 50px;
}

.openmain {
	 margin-right: 0px;
}
.closemain {
	margin-right: 250px !important;
}

.submit {
	background-color: #030 !important;
	color: #fff !important;
}
.submit:hover {
	background-color: #333;		
}

/* Mobile */
.tapDir {
	display:none; margin-top: -20px; position: absolute; width: 242px; background-color: #000000; color: #fff; text-align:center; padding: 4px;	z-index: 11;
}

.mobileBody 
	.headerCont {
		width: 100%;
		height: 300px;
		overflow: hidden;
	}
.mobileBody .logoCont {
	position: absolute;
	width: 100%;
	height: 300px;
	
}
.mobileBody 	
	.logo  { position: absolute; top: 0; width: 20%; right: 0; z-index: 10 }
	.logo  img { width: 50%; height: 50%;}
	.restoLogo { position: absolute; bottom: 0; padding: 0; margin: 0; display: inline-block; z-index: 10; }
	.restoLogo  img { margin-bottom: -5px; max-height: 150px;}
	
	.mapNMedia { width: 45%; float: left; }
	.locMap { }
	.locMap  img {width: 100%;  min-height: 150px; }
	.block  { float: left; margin-bottom: 5px}
	.detailsCont { width: 55%; float: right;}
	
	.mapLogo { width: 100%}
	.photoGallery {}
	.reviewDetailsCont
	.reviewsCont { width: 49%; float: left}
	
	.bottomPanel {
		position: fixed;
		bottom: 0;
		background-color: #900;
		opacity: 0.9;
		height: 50px;
		width: 100%;	
		padding: 10px 5px;
		z-index: 11;
	}
	.bottomPanel  img {
		height: 	50px;		
	}
	
.slogan { width: 100%; display: block; font-size: 150%; text-transform:capitalize; font-style:italic; font-weight: bold; text-align: center; font-family: "Times New Roman", Times, serif; }	
.sloganPadding { padding: 15px 5px;}

.menuButtonCont { background-color: #f5f5f5; width: 100%;  display: table }

.cartMobi { float: right; width: 40px; height: 40px; margin-right: 15px;/* margin-top: 15px;*/ line-height: 50px; }
.cartMobi img { width: 100%; height: 100%}

.menuButtonCont .menuMobi { float: right; width: 15%; margin-right: 5px;}
.menuButtonCont .menuMobi img { width: 100%; height: 100%}
.menuButtonCont .menuMobiLeft { float: left; width: 15%; margin-left: 5px;}
.menuButtonCont .menuMobiText { display: table-cell; vertical-align:middle; margin-left: 5px;} 
.menuButtonCont .menuMobiLeft img { height: 100%; height: 100%}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-right .5s;    
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}


/* Navigation */
.lastNav {
	margin-right: 0 !important;	
}


/* Home Page */
.mTitle {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:center;	
}
.mapCanvas {
	width: 100%; height: 300px; 
	/*overflow-y: scroll;
	overflow-style:auto;*/
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
	
ul.newsticker {
	margin: 0;
	padding:0;
	list-style-type: none;
}

#agreeBox {
	width: 90%;	
}

ul.newsticker > li {
	height: 135px;	
}
.homeText {		
	/*position: absolute;
	margin-top: 10px;*/
}
.searchEntry, .locationEntry {
	font-size: 120%;	
}
.locationEntry {
	width: 70% !important;
	float: left !important;	
	border: 1px solid #ccc !important;  
	padding: 2px !important; 
	margin-top: 10px !important;
	margin-right: 5px !important;
	
}
input[type=button].submitSearch  {
	font-size: 120% !important;	
	background-color: #030 !important;
	color: #FFF !important;	
	margin-right: 5px !important;
	/*width: 38% !important;
	float: left !important;*/
}
input[type=button].submitSearch:hover {
	background-color: #900 !important;
}

/* Overlay Resto List*/
.overlayListCont {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 400; /* Sit on top */
    left: 0;
    top: 0;
	opacity: 1;
    background-color: rgb(159,28,38); /* Black fallback color */
    background-color: rgba(159,28,38, 0.75); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.sideBarCont {
    position: relative;
	background-color: #FFF;
	opacity: 0.8;
	top: 7%;  /*  25% from the top */
    width: 99%; /* 100% width */
	margin: 0 auto;
    text-align: left; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
	height: 100%;
	overflow: auto;
}
.sideBarCont:hover {
	opacity: 1;
}

.resCont {
	position: absolute;
	color: #fff;
	font-weight: bold;
	top: 3.5%;
}
.resCont img {
	width: 30px;
	height: 30px;
}
/* The navigation links inside the overlay */
.overlayListCont a.closebtn {
    padding: 5px;
    text-decoration: none;
    font-size: 36px;
    color: #fff;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
/*.overlayListCont a:hover, .overlayListCont a:focus {
    color: #f1f1f1;
}
*/
.overlayListCont a {
    font-size: 120%;
}



/* Position the close button (top right corner) */
.closebtn {
    position: absolute;
    top: 0px;
    margin-right: 0px;
    font-size: 60px !important; /* Override the font-size specified earlier (36px) for all navigation links */
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlayListCont a {font-size: 20px}
    .closebtn {
        font-size: 40px !important;
        top: 15px;
        right: 35px;
    }
}


.menuMsg {				
	width: 100%;		
	display: table-cell;
	vertical-align: middle;
	color: #fff;	
}
.m {	
	margin-left: 60px;
}
.menuMsg div.bufr {
	width: 90%;
	padding: 10px;
	
	font-size: 130%;			
}
.menuMsg div a {
	color: #fff;	
}

.menuMsg div a:hover {
	color: #000;		
}



a.mCart {
	display:block;
	height: 30px;
	float: right;	
	margin-right: 10px;	
	margin-top: -32px;
}
.red { color:#900}
.white { color: #fff}

.adSpace {
	float: left;
	width: 125px;
	margin-left: 10px;
	margin-top: 10px;
}
.text {
	margin-top: 2px;
	/*width: 580px;	*/	
	height:  125px;
	float: left;
	padding: 5px;
	/*
	background-image:url(../images/bg_front.jpg);*/
}

/* Live Panel*/
ul.feedBlock {
	/*width: calc(100% - 20px);*/
	/*background-color:#960;*/
	display: block;
	margin: 0; 
	padding: 0;
	list-style-type: none;
}
ul.feedBlock li {
	clear: both;	
}
.feedType {
	cursor: pointer;	
}
ul.feedBlock li  div.col {
	margin: 0;
	padding: 0;
	float: left; 
	/*display: inline-block;*/
	height: 85px;	
	width: calc(25% - 10px);
	border-top: 1px solid #cacaca;	
	border-right: 1px solid #cacaca;	
	border-bottom: 1px solid #cacaca;	
	padding: 4px;
}
ul.feedBlock li  div.first {
	border-left: 1px solid #cacaca;	
}
ul.feedBlock h1 {
	font-size: 180%;
	color:#000;	
}
.feedDetails, .feedCust  {
	overflow: auto;	
}
.feedStatus  {
	display: table;	
	text-align: center;
}
.feedStatus > div {
	vertical-align: middle;
	display: table-cell;
}

.redbg	{ background-color:#C00; color: #FFF; color: #000}
.greenbg	{ background-color: #060; color: #FFF; color: #000}
.yellowbg { background-color: #FF0; color: #FFF; color: #000}
.bluebg { background-color: #06F; color: #FFF; color: #fff}
.purplebg { background-color: #30F ; color: #FFF; color: #fff}

/*Cart */
.fCart {
	position: absolute;
	width: 190px;
	padding: 0 5px 5px 5px;
	min-height: 100px;
	z-index: 9999;
	background-color: #FFF;
	border: 1px solid #aaaaaa; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
	margin-left: calc(100% + 2px);
}
.cartCont {
	padding: 0; margin: 0; list-style-type: none;
}

.cartCont li {
	margin-bottom: 10px;
	padding-top: 5px;
	display:block;
	/*border-bottom: 1px solid #666*/
}
/*.cartCont li:even {
	background-color: #963;	
}*/
.headingStyle1{
	margin-bottom: 10px;
	background-color: #006837;
	padding: 5px;
	text-align:center;
}

.cartCont div.cartRow {
	float: right;
}
/* Dashboard*/
.dashContText { float: left; font-weight: bold; font-size:120%;}
.dashReserve { width: 90%; background-color:#0FF; padding: 10px; font-size: 130%; cursor: pointer }

.wo 	{ border: 1px solid #39F; color: #FFF; font-size: 90%; padding: 2px; background-color: #900}
.wo  a { color: #FFF;}

.qplus {
	float: left; cursor: pointer; padding: 2px; width: 10%; height: 10%; text-align: center; font-size:140%; border: 1px solid #ccc;	
}
.qplus:hover {
	background-color: #900;color: #fff;
}
.incart {	
	height: 10%; 
	 padding: 2px;
	  text-align: center;
	 font-size:140% !important;
}

table#tabdet td, table#tabdet th {
    padding: 4px;
}
.buttStatus, .buttEdit {
	font-weight: bold;
	border: 1px solid #666;
	background-color: #CCC;		
	padding: 5px;
	display:inline-block;
	cursor: pointer;
	margin-bottom: 3px;
}
.buttStatus:hover, .buttEdit:hover {
	background-color: #2b96a8;		
}


/* Local Page */
.headLogo {
	max-width: 286px; border: 1px solid #666; background-image: url(../images/whitedot.png);
}

.ratingBox {
	float: right; display: inline-block; background-color: #fcf; font-size: 20px; padding: 5px;  text-align: center;
}

.logoSpace {
	width: 250px; 
	float: left; 
	margin-right: 5px; 
	background-image: url(/images/w80.png);
	overflow: hidden;
}
.iconsSlogan {
	height: 30px;
	padding-bottom: 3px;	
}
.iconsSlogan img {
	margin-right: 2px;
	border:0;	
	cursor: pointer;
}
.iconsSlogan .Slogan {
	padding: 0; margin: 0;
	font-size: 150%;
	font-style:italic;
}

.detCont {
		
}
.detCont > .row {
	clear: both;	
	padding: 4px 0;
}

.detCont  div.row:nth-child(odd) {
	background-color: #f4f4f4;
}
.detCont > .row > .detTitle {
	float: left;
	width: 100px;
}

.detCont > .row > .det {
	float: right;
	text-align:left;
	width: 130px;
}

.topButtonContainer {	
	width: 62%; float: right; height: 50px; text-align: right; padding-top: 10px; 
}

#custSupport input[type=text], #custSupport textarea {
	width: 98%;	
	margin: 5px 0;
	padding: 3px 0;
}
input[type=radio] {
	display: inline-block;	
}
.text h2 {
	
}
.wpHeaderText {
	width: 100%; height: auto; text-align: left;		
}
.bmCont {
	float:left;
}

.bmCont img#bm {	
	width: 39px;
	height: 50px;	
	opacity: 1;
}

.faveCont  {
	float:left;
}

.faveCont img#faveImg {	
	width: 56px;
	height: 50px;	
	opacity: 1;
}
.emailCont {
	float:left;			
}
.emailCont img#sendEmailImg {	
	width: 61px;
	height: 40px;	
	opacity: 1;	
	margin-top: 5px;
	/*margin: 10px auto;*/
}

.reviewCont  {
	float:left;			
	text-align: center;
}
.reviewCont img#revImg {	
	width: 53px;
	height: 50px;	
	opacity: 1;
	cursor: pointer;	
}

.socialCont  {
	float:left;
	display: inline-block;
	cursor: pointer;	
}
.socialCont img {	
	width: 50px;
	height: 50px;	
	opacity: 1;
}

.lobbyCont  {
	float:left;
	display: inline-block;
	cursor: pointer;	
}
.lobbyCont img#chatImg {	
	width: 53px;
	height: 50px;	
	opacity: 1;
}

.homeText p {	
	font-size: 150%;
	color: #333333;	
	text-shadow: 1px 1px 1px #ffffff;	
	padding: 0;
	margin: 0;
}
.homeText a {
	 color: #4BC906;
	 text-shadow: 1px 1px 1px #FFFFFF;	
}
.homeText a:hover {
	 color: #000000;
}

.textRight {
	float: right;
	width: 42%;	
	text-align:left;	
	color: #111;
	text-shadow: 1px 1px 1px #ffffff;
}

.textRight h2  {font-size: 150%; margin: 0;  margin-top: 5px; color:#327a3b; text-shadow: 1px 1px 0 #FFF;}
.textRight h4  {font-size: 120%; margin: 0;  margin-top: 2px; color:#222222; margin-bottom: 2px; }
.newRestoContainer { background-color:#FFF}
.newResto { float: left; width: 50%; color: #333}

.allReviews {
	float: left;
	width: 56%;
	padding: 5px 10px;
	border: 1px solid #696;	
	margin: 5px 0;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;			
	
}
.allReviews  h2 {
	text-shadow: none;	
	margin: 0;
	padding: 0;
	color: #900;
	margin-bottom: 5px;
	
}
.allReviews .reviewItem {
	background-color:#FFF;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 3px;
	margin-bottom: 5px;
	min-height: 60px;
}
.allReviews .reviewItem img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 4px;
	margin-right: 4px;
}
.theBestRestos {
	
	margin: 5px 0 5px 0;
	padding: 5px/* 10px*/;
	padding-bottom: 15px;
	border: 1px solid #696;		
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;			
}
.theBestRestos  h2 {
	text-shadow: none;	
	margin: 0;
	padding: 0;
	color: #900;
	margin-bottom: 5px;	
}

.theBestRestos ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

.theBestRestos li.odd {
	margin-right: 3px;
	margin-bottom: 3px;
	float: left;
	width: 49%;
	height: 170px;		
	overflow: hidden;		
}
.theBestRestos  li.even {	
	float: left;
	margin-bottom: 3px;
	width: 49%;
	height: 170px;		
	overflow: hidden;
}

.dishInfo {
	position: absolute;
	background-color:#555;
	opacity: 0.8;	
	color: #ffffff;	
	/*margin-top: 147px;*/
	/*margin-bottom: 0;*/	
	max-width: 212px;
	padding: 4px 2px;	
}

.eAppMsg {
	/*float: left;
	width: 55%;*/	
	float: left;
	margin-top: 5px;
	width: 630px;
}

.store_apple {
	width: 135px;
	height: 40px;
	background: url(../images/sprites.png) -1px -40px no-repeat;
}

.store_google {
	width: 115px;
	height: 40px;
	background: url(../images/sprites.png) -1px -82px no-repeat;
}

.mobile_version {
	width: 135px;
	height: 40px;
	background: url(../images/sprites.png) -1px -172px no-repeat;
}

.homeBottom {
	/*margin: auto 0 5px 0;	*/
	/*padding-top: 390px;*/
	/*position:absolute;
	bottom: 5px;*/
	height: 180px;
}

.searchEntry {		
	margin-left: 10px;			
	padding: 6px 2px;
	margin-top: 22px;	
	/*background-color: #900;*/
	display: table;
	height: 26px;	
	/*
	opacity: 0.9;
	border: 1px solid #666;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;*/
}

.searchEntry input[type=text] {	
	background-color: #FFF;
}
.searchEntry input.searchInput {
	font-size: 120%;		
	width: 200px;
	color: #999;
	padding: 5px 3px;
	vertical-align: middle;
}
.searchEntry input[type=submit] {	
	vertical-align: middle;
}

.signupBox {	
	padding: 3px 4px !important;
	background-color: #acce80;	
	height: 160px;	
	float: left;
	overflow: hidden;
}
.signupBox p { 
  padding: 0; margin: 0;
}
.signupBox h1 {
	margin: 0; padding: 0;
	text-shadow: none;
	/*font-family: 'Century Gothic', 'Arial Narrow',Tahoma, Geneva, sans-serif;	*/
	font-weight: lighter;
	margin-bottom: 10px;
	color: #327a3b;
}
.signupBox p,.signupBox div {
	color: #204249;
}
.last { margin-right:0; float: right !important}
.signupBox div {
	height: 120px;
	overflow: hidden;
	background-color: #d6e6e9;
	padding: 5px;
}
.signupBox img {
	float: right;
}
.signupBox span {
	float: left;
	padding-top: 10px;
}
.signup { 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-image:url(../images/bg_submit.jpg);
	background-repeat:repeat-x;
	padding: 4px;
	color: #0E657B;
	font-weight: bold;
	cursor: pointer;
	}
.signup:hover {
	background-color: #ffffff;
	background-image:none;
	color: #0E657B;
}
.announceBox {	
	padding: 3px 4px !important;
	background-color: #acce80;	
	height: 160px;	
	margin-right: 5px;
}
.announceBox div {
	height: 150px;
	overflow: hidden;
	background-color: #d6e6e9;
	padding: 5px;
}

.mapContainer {
	clear:both;
	height: 380px;	
}
.sideBarCont_ {
	padding: 5px;
	overflow: auto;
	background-color:#00C;
	height: 100%;
}

.appsContainer {	
	width: 100%;
	height: 43px;
	padding: 5px;
	padding-bottom: 10px;
	background-color: #cfcfcf;
}

.menuItemImg {
	width: 100%;
	height: 250px;	
	overflow:hidden;	
}
.menuItemImg img {
	width: 100%;	
}

.Title {	
	background-color: #efefef;
	/*opacity: 0.5;*/
	border: 1px solid #C90;
	/*position: absolute;*/
	height: 30px;	
	padding: 5px;
	-moz-border-radius-topright: 16px;
	border-top-right-radius: 16px;
	-moz-border-radius-bottomleft: 16px;
	border-bottom-left-radius: 16px;			
	
}
.rightInfo {
	padding: 5px; background-image:url(../images/white.png);
	color: #222222;
	margin-top: 5px;
	font-weight: bold;
}
.rightInfo h4 {
	text-shadow: none;
	color: #222222;
}
div.headtitle {
	position: absolute;
	z-index: 5;
	opacity: 1;	
	margin-top: -40px;
	margin-left: 10px;	
}
div.headtitle h3.headtitle {
	font-size: 140%;	
	text-shadow: none;
	color:#FFC;
}

/* My Account*/
.reservationContainer {
	width: auto; 
	margin-top: 5px;
	padding: 5px;
	margin-bottom:2px;
	border: 1px solid #696;		
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;				
}
.reservationContainer  h3 {
	text-shadow: none;	
	margin: 0;
	padding: 0;
	color: #900;
	margin-bottom: 5px;	
}
.reservationContainer .leftSecLine {
	float: left;
	border: 1px solid #F60;
	background-color:#9C0;
	padding: 5px;
	width: 40%;
}
.reservationContainer .rightSecLine {
	float: left;
	border: 1px solid #F60;
	border-left: 0px solid #F60;
	background-color: #CC0;
	padding: 5px;
	width: 49%;
}
.pTitle {
	color: #F60; text-shadow:none;
}
.pointsCont {
	background-color:#FC9;  font-size: 36px; display: table; width: 100%;
}
.pointsRedeem {
	float: right; width: 68%;  background-color:#0FF; padding: 4px; border: 1px solid #FC9; padding-bottom: 5px; display: table-cell;
}
.pointsGetMore {
	float: right; width: 68%;  background-color:#0FF; padding: 4px; border-left: 1px solid #FC9; border-right: 1px solid #FC9; border-bottom: 1px solid #FC9; display: table-cell;
}

.bigbox {
	height: 20px; width: 20px;	
}
.menuDet {
	position: fixed;
	top: 150px;
	background-color: #ffa;
	margin-left: -340px;
	width: 280px;
	min-height: 300px;
	max-height: 500px;
	display: none;
	padding: 5px;
}
.menuDesc {
	margin-bottom: 10px;
}

.menuItem {
	float: left; margin-right: 5px; width: 48%; margin-top: 3px; margin-bottom: 3px; 
	padding: 2px 0;
}

.menuItem:hover {
	background-color: #ffffff;
}
div.menuItem:nth-child(odd) {
	background-color: #f4f4f4;
}
#sidebar > div: hover { background-color:transparent}

.yourPhoto {
	float: left; margin-right: 3px;	
}
.yourPhoto img {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;	
}

/* Review */
.thumbsup {
	background-image: url(../_usermods/icons/img_hand_blank.png);
	background-repeat: no-repeat;
	display: block;
	width: 19px;
	height: 19px;
	float: left;
	margin-right: 2px;
}
.stars {
	background-image: url(../_usermods/icons/img_star_red.png);
	background-repeat: no-repeat;
	display: block;
	width: 19px;
	height: 19px;
	float: left;
	margin-right: 2px;
}
.pigs {
	background-image: url(../_usermods/icons/img_pig_red.png);
	background-repeat: no-repeat;
	display: block;
	width: 19px;
	height: 19px;
	float: left;
	margin-right: 2px;
}

/* Local Page Menu*/
.backToResto {
	font-size: 120%;
	text-align: center;
	padding: 5px 0;	
}
.menuSep { clear:both; height: 5px}
.mainCatCntr {/* float: left; width: 49%;*/ margin-bottom: 10px; margin-right: 2px}
.mainCat3Col { /*float: left; display: inline-block;  width: 33%; */margin-bottom: 10px; margin-right: 2px}
.mainCat3Col  > h2, .mainCatCntr  > h2 { color: red}
.catCnr { border: 1px solid #cecece; padding: 2px;}
.menuItm { clear: both; margin-bottom: 5px; margin-right: 3px;}
.priceCntr { float:right; margin-right: 2px;}
.priceCntr span { color: red; font-style: italic}
.cols3 {
	-webkit-column-count: 3; 
    -moz-column-count: 3; 
    column-count: 3;		
}
.cols2 {
	-webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2;
}

.redButton {
  color: rgb(255, 255, 255);
  cursor: pointer;    
  text-align: center;
  border-style: solid;
  border-width: 2px;
  border-color: rgb(255, 255, 255);
  border-radius: 12px;
  background-color: #900;
  background-image: -moz-linear-gradient( 90deg, rgb(153,0,0) 0%, rgb(181,94,101) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(153,0,0) 0%, rgb(181,94,101) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(153,0,0) 0%, rgb(181,94,101) 100%); 
  box-shadow: 2px 3.464px 4px 0px rgba(0, 0, 0, 0.294);
}
.redButton option {
	font-size: 120%;	
}

.topButton a {
  font-size: 120%;
  /*font-family: "Century Gothic";*/
  padding: 5px 10px;
  /*float: right;
  margin-right: 3px;*/
  color: rgb(255, 255, 255);
  cursor: pointer;
  text-align: center;
  border-style: solid;
  border-width: 2px;
  border-color: rgb(255, 255, 255);
  border-radius: 12px;
  background-image: -moz-linear-gradient( 90deg, rgb(153,0,0) 0%, rgb(181,94,101) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(153,0,0) 0%, rgb(181,94,101) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(153,0,0) 0%, rgb(181,94,101) 100%);
  /*background-image: -moz-linear-gradient( 90deg, rgb(95,147,83) 0%, rgb(225,231,219) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(95,147,83) 0%, rgb(225,231,219) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(95,147,83) 0%, rgb(225,231,219) 100%);*/
  box-shadow: 2px 3.464px 4px 0px rgba(0, 0, 0, 0.294);
}

.topButton a:hover {
  color: rgb(0, 0, 0);
    background-image: -moz-linear-gradient( 90deg, rgb(211,120,127) 0%, rgb(236,177,181) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(211,120,127) 0%, rgb(236,177,181) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(211,120,127) 0%, rgb(236,177,181) 100%);
  
 /* background-image: -moz-linear-gradient( 90deg, rgb(222,227,216) 0%, rgb(155,155,155) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(222,227,216) 0%, rgb(155,155,155) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(222,227,216) 0%, rgb(155,155,155) 100%);*/
  box-shadow: 2px 3.464px 4px 0px rgba(0, 0, 0, 0.294);
}


/* My Account*/
.acctTitle {
	position:absolute; width: 218px; margin-left: 420px; margin-top: 0; text-align: left; background-color: #bedcc2; padding: 5px;
}
.menuContainer { 
	border: 1px solid #cccccc; 
	width: 99%;
	padding: 5px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #030;
}

.userdashNotice {
	/*float: right; 
	width: 50%; */	
	padding: 10px;		
	color: #fff;
	/*background-color: #FF0;
	height: 100%;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;*/
	margin-right: 5px;
}
.localMapCont {
	width: 100%; height: 400px; overflow: hidden; margin-bottom: 5px;		
}
#localMap {
	width: 100%; height: 400px;
}	


/* My Reviews*/
.revContainer {
	border: 1px solid #6C9;
	background-color: #FC6;	
	margin-bottom: 4px;
	display:table;
}
.revContainer .revText{
	display:table-cell;
	vertical-align: middle;	
	width: 100%;
}
.revNum {
	background-color: #cfcfcf;	
	float: left;
	margin-right: 5px;
	padding: 5px;	
	width: 30px;
}


.menuContainer > ul { list-style-type: none; padding: 0; margin: 0}
.menuContainer > ul li { float: left; width: 80px; /*height: 80px; */text-align:center; margin-right: 10px;}
.menuContainer > ul li a { font-size: 80%; color: #ffffff; }

.menuContainer > ul li a.submenu { font-size: 100%; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;	background-color:#030; padding: 4px 2px; width: 200px; display: block;  padding-left: 5px;  text-align: left; }
.menuContainer > ul li a.last { font-size: 100%; border: 1px solid #cccccc; background-color:#030; padding: 4px 2px; width: 140px; display: block}
.menuContainer > ul li a.submenu:hover {background-color: #A8A8A8;	}

.acct { clear:both; float: right; width: 150px}
.acct > a.submenu { font-size: 80%; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; width: 150px; padding: 4px 2px; padding-left: 4px; display: block;  text-align: left; background-color: #066; color: #FFF}
.acct > a.submenu:hover {background-color: #A8A8A8; }

/* Info Box WITHOUT Headings */
.chip {
    display: inline-block;
	cursor: pointer;
    padding: 0 25px;
    height: 50px;
    font-size: 120%;
    line-height: 50px;
    border-radius: 25px;
    background-color: #f1f1f1;
	text-transform:capitalize;
}
.chip:hover {
	background-color: #cccccc;
}
.chip img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
}


.row1            {background-color: #F5F5F5; }
.row2            {background-color: #C2D3FC; }

.footer            {color: #cccccc;  font-size: 80%;}
.footer  b          {color: #333333;  font-weight: bold;}
.footer A:link     {color: #cccccc; font-size: 80%; font-weight: bold; text-decoration: none}
.footer A:visited  {color: #cccccc; font-size: 80%; font-weight: bold; text-decoration: none}
.footer A:hover    {color: #440000; font-size: 80%; font-weight: bold; text-decoration: underline}

.pageNav A:link     {color: #FFFFFF; font-size: 120%; font-weight: bold; text-decoration: none}
.pageNav A:visited  {color: #FFFFFF; font-size: 120%; font-weight: bold; text-decoration: none}
.pageNav A:hover    {color: #551A8B; font-size: 120%; font-weight: bold; text-decoration: underline}

li.arrow    {list-style-type: none; display: block; padding: 0px 0px 0px 12px; margin-left: -10px; margin-bottom: 5px; background: transparent url(../images/arrow_red.gif) no-repeat; color: #fa8e2f}

.roundtop	{	
	background-color: #FFF;
	padding: 5px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
}

.roundbottom	{	
	background-color: #FFF;
	padding: 5px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
}

.roundtopleft {
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;	
}
.round4corners 	{
	border: 2px solid #cccccc; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
/*	box-shadow: 10px 5px 5px #888; 
	padding: 10px; 
	padding: 5px 5px 5px 5px;
*/}

.indexTitle { width: 49%; float: left; margin: 2px; text-align: right}
.indexEntry { width: 49%; margin: 2px;}
.indexEntry input, .indexEntry textarea { width: 98%;  border: 1px solid #093}
.title { color: #C00; font-size: 150%; margin-bottom: 0; padding-bottom: 0; text-shadow: none}
.ans 	{ color: #066; margin-top: 0; padding-top: 0}
.indexClear { clear: both; height: 2px;}

.hidden 		{visibility: hidden; display: none;}
.vis { visibility: visible; display: block;} 
						
/* Checkout 1*/	
#checkout {
	padding: 10px;
}
.coIcon {
	width: 57px;
	height: 57px;
	background-image: url(../images/icon_cart.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 13px; 
	margin-left: -10px;		
}
.coIcon a {
	width: 57px;
	height: 57px;	
	display: block;
}
	
.checkOutBox {
	margin-bottom: 2px;	
	border: 1px solid #bbbbbb;
	width: 100%;
	padding: 5px auto;
}

.checkoutEdit {
	/*margin-top: -2px;*/
	float: right;
	text-align: right;
	/*width: 49%;
	dislay: none;*/
	display: inline-block;
}

.checkoutEdit img {
	max-height: 19px;	
}

.checkoutTitle {
	display: inline-block;
}

.titleBar {
	/*font-family: Georgia, Verdana, Verdana, Helvetica, sans-serif; 	*/
	background-color: #ffffff;	
	height: 20px;
	padding: 10px 5px 10px 5px;
	text-decoration:none; 
	font-size: 120%; 
	font-weight: bold; 
	color: #144f63; 	
}
.titleBar > div {
	font-size: 85%; 	
}
.titleBar a: link, .titleBar a: visited, .titleBar a: active {
	text-decoration: none;
	font-size:120%;
}

.titleBar a: hover {
	color: #000000;	
}
.verticalMiddle {
	display:table-cell;
	vertical-align:middle;
}

.helpBox {		
	position: absolute; padding: 2px;border: 1px solid #cccccc; background-color: #ffffff; white-space: normal;
	font-size: 70%; 
	color: #066;		
	margin-left: 10px;	
	display: none;
	margin-top: -25px;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
}
.helpBox ul{
	margin-left: -15px;	
}

.closeHelp {float: right; width: 60px; 
background-color: #ccc;
color: #ffffff;
text-align:center;
font-size: 70%; 
-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/* Reservations*/
.listTable {
	border: 1px solid #cfcfcf;	
}
.listTable .odd {
	background-color: #cfcfcf;	
	
}
.listTable th {
	padding: 5px;
	font-size: 120%;	
}
.listTable td {
	padding: 5px 0;
	padding-left: 5px;	
}

/*Promo*/
.promoLeft {
	float: left;
	width: 46%;
	padding: 10px;
	background-color:#9CF;		
	margin-right: 10px;
	min-height: 158px;
}
.promoRight {
	float: left;
	width: 46%;
	padding: 10px;
	background-color:#9CF;		
	min-height: 158px;
}
.promo {
	padding: 10px;
	background-color:#9CF;		
	min-height: 158px;
	margin-bottom: 5px;
}
/* Map */
#map_canvas { height: 700px; }
#location { border: 0px; margin-top: 10px;}
#mapContainer{ margin-top: 10px; font-size: 80%; border:1px solid black; float: right;}
#result { padding-left: 2px; padding-top: 2px; padding-bottom: 4px; cursor: pointer}
.open { float: left; border-radius: 4px; border: 1px solid #0C0; color: #0C0;}
.close { float: left; border-radius: 4px; border: 1px solid #F00; color: #F00;}
.grn14 { color:green;font-size:80%;font-weight: bold }
.gry14 { color:#fcf;font-size:80%}

/* Box - Page Headings */
.pageHead { font-size: 130%; font-weight: bold;  }
.pageHead a:link { text-decoration:none; font-size: 130%; font-weight: none;  background: none }
.pageHead a:visited { text-decoration:none ; font-size: 130%; font-weight: none;  background: none }
.pageHead a:active { text-decoration:none; font-size: 130%; font-weight: none;   background: none }
.pageHead a:hover { text-decoration: underline; font-size: 130%; font-weight: none; color: #8b8d08;   }

.page { padding: 10px; }
.page h2 { color: #000 }

/* Box - Page Navigation */
.pageNav {background-color: #EEEEEE}

/* Box - General Headings */
.genHeadings {color: #346247; font-weight: bold; background-color: #cecece; padding: 2px; height: 18px;}
.heading {color: #bbbbbb; font-weight: bold; background-color: #cecece; padding: 2px; }

/* Box - Product Image (Home page) */
.homeImg { BORDER: 1px solid #CCCCCC; background-color: #FFFFFF}

/* Box - Product Description (Home page) */
.homeDesc {border-bottom: 1px solid #CCCCCC; background-color: #FFFFFF}
.PhotoTop {BORDER-TOP: 1px solid #CCCCCC;}

/* Horizontal and Vertical lines */
.lines { background-color: #CCCCCC}


.progressCont {
    position: relative;
    width: 100%;
    height: 30px;    
	background-color: #dcdcdc;
}
#progressBar {
    position: absolute;
    width: 0%;
	z-index: 0;
	opacity: 0.75;
    height: 100%;
    background-color: green;
}
.progressBar {
    position: absolute;
	z-index: 0;
    width: 0%;
	opacity: 0.75;
    height: 100%;
    background-color: green;
}

/* All above from desktop*/
@media only screen  and  (max-width: 440px) {

h1  {font-size: 130%; margin: 0; }
h2  {font-size: 120%; margin: 0; }
h3  {font-size: 110%; margin: 0; }
h4  {font-size: 100%; margin: 0; }
h5  {font-size: 90%; margin: 0; }

.hom {
	display: none;	
}

.cols3 {
	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;	
}
.cols2 {
	-webkit-column-count: 1; 
    -moz-column-count: 1;
    column-count: 1;
}
.menuButtonCont { height: 55px;}
.menuButtonCont .menuMobi { float: right; width: 15%; margin-right: 5px; height: 100%}
.menuButtonCont .menuMobi  img { width: 100%; height: 100%}
.menuButtonCont .menuMobiLeft { float: left; width: 15%;  margin-left: 5px;}
.menuButtonCont .menuMobiText { display: table-cell; vertical-align:middle; margin-left: 5px;} 
.menuButtonCont .menuMobiLeft img { width: 100%; height: 100%}


.coIcon { float: left; width: 50px; margin-right: 5px; height: 50px;}
.coIcon  img { width: 100%; height: 100%}

.bmCont, .faveCont, .reviewCont, .emailCont, .socialCont {
   width: calc(100%/6);
   margin-right: 10px;
   text-align: center;
}
.redButton option {
	font-size: 90%;	
}

}

@media only screen and (min-width: 441px)   and  (max-width: 469px) {

.hom {
	display: none;	
}

.cols3 {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;	
}
.cols2 {
	-webkit-column-count: 1; 
    -moz-column-count: 1;
    column-count: 1;
}

.block .hours { font-size: 90%}

.menuButtonCont { }
.menuButtonCont .menuMobi { float: right; width: 15%; margin-right: 5px; height: 100%}
.menuButtonCont .menuMobi  img { width: 100%; height: 100%}
.menuButtonCont .menuMobiLeft { float: left; width: 15%;  margin-left: 5px;}
.menuButtonCont .menuMobiText { display: table-cell; vertical-align:middle; margin-left: 5px;} 
.menuButtonCont .menuMobiLeft img { width: 100%; height: 100%}


.coIcon { float: left; margin-right: 5px; height: 50px;}
.coIcon  img { width: 25px; height: 25px;}

.bmCont, .faveCont, .reviewCont, .emailCont, .socialCont {
   width: calc(100%/6);
   text-align: center;
}


}

@media only screen and (min-width: 470px)  and (max-width: 785px) {

.hom {
	display: block;	
}
.col1 {
	-webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2;
}
.catCnr {
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;	
}
.block { clear: both;}

.mapNMedia { width: 62%; float: left; }
.detailsCont { display: inline-table; width: auto; float: right; margin-right: 5px;}

.theBestRestos li.odd {
	margin-right: 3px;
	border: 2px solid #fff;
	float: left;
	width: 32%;
	height: 170px;		
	overflow: hidden;		
}
.theBestRestos  li.even {	
	float: left;
	border: 2px solid #fff;
	width: 32%;
	height: 170px;		
	overflow: hidden;
}

.promo {
	width: 47%;
	float: left;	
}
/*.cartMobi { float: left; width: 8%; margin-right: 5px;}*/

.menuButtonCont .menuMobi { float: right; width: 8%; margin-right: 5px;}
.menuButtonCont .menuMobi img { width: 100%; height: 100%}
.menuButtonCont .menuMobiLeft { float: left; width: 8%;  margin-left: 5px;}
.menuButtonCont .menuMobiText { display: table-cell; vertical-align:middle; margin-left: 5px;} 
.menuButtonCont .menuMobiLeft img { width: 100%; height: 100%}

.bmCont { margin-left: 5px; }
.bmCont, .faveCont, .reviewCont, .emailCont, .socialCont {
	margin-right: 15px;
}
.createLogin {
	margin-right: 10px;	
}
.createLogin, .createInfo {
	float: left;
	width: 47%;
}

}
/*and (max-width: 1132px)*/
@media only screen and (min-width: 786px)  {

.hom {
	display: block;	
}
.promo {
	width: 33%;
	float: left;	
}
.col1 {
	-webkit-column-count: 3; 
    -moz-column-count: 3; 
    column-count: 3;
}
.catCnr {
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;	

}

.theBestRestos li.odd {
	margin-right: 3px;
	border: 2px solid #fff;
	float: left;
	width: 24%;
	height: 170px;		
	overflow: hidden;		
}
.theBestRestos  li.even {	
	float: left;
	border: 2px solid #fff;
	width: 24%;
	height: 170px;		
	overflow: hidden;
}
.theBestRestos {
	height: calc(185px*2);	
	overflow: hidden;
}

.mapNMedia { width: 62%; float: left; }
.detailsCont { display: inline-table; width: auto; float: right; margin-right: 5px;}

.createLogin {
	margin-right: 10px;	
}
.createLogin, .createInfo {
	float: left;
	width: 47%;
}

}