html, body  {
    width: 100%;
	height:100%;
    min-height: 100%;
	max-height:100%;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:left;
	overflow:hidden;
	margin:0; padding:0;
}


*,*:after,*:before{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0;margin:0
	}

* {margin:0; padding:0; }

.featured-item {
	background:#191919;
	border-radius:4px;
	padding: .3em .7em .7em .7em;
	margin-top:4px;
}


#menu-wrapper,
#menu-wrapper_allow-scroll {
    width: 100%;
	height:94%;
    min-height: 94%;
	max-height:94%;
	margin:0%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /* This is where the magic happens */
}

#top-scroll {
width:100%;
height:4.5%;
background:url(../images/trans-repeater_90.png) repeat;
position:fixed !important;
position:absolute;
top:0;
right:0;
left:0;
	}

#bottom-scroll {
	width:100%;
	height:4.5%;
	background:url(../images/trans-repeater_90.png) repeat;
position:fixed !important;
position:absolute;
bottom:0;
right:0;
left:0;
}

#top-scroll h1 {
color:#FB0004;
margin-top:.2%;
font-size:3vh;
}
#bottom-scroll h1 {
color:#FB0004;
margin-top:.15%;
margin-bottom:.5%;
font-size:3vh;
}

#widget h1, #widget h2,
#widget h3, #widget h4, 
#widget h5, #widget h6 {
color:#000;
margin-top:.15%;
margin-bottom:.75%;
text-align:left;
}
#widget h1,
#widget h2 {
font-size:2vw;
width:97%;
min-width:97%;
max-width:97%;
margin:1.5%;
padding:.1em;
color:#000;
}

#widget h1 {
	display:inline-block;
	background:#FF0004;
	font-size:3.1vw;
	color:#fff;
text-transform:uppercase;
text-align:center;
	text-shadow:
       -3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
	margin:1.5%;
		
}
#widget h2 {
font-size:1.8vw;
}
#widget h3 {
font-size:1.7vw;
}
#widget h4 {
font-size:1vw;
}
#widget h5 {
font-size:1vw;
}
#widget h6 {
font-size:1vw;
}
#widget p {
font-size:1.2vw;
margin-bottom:1em;
}

#widget-content p {
	width:90%;
	padding-left:5%;
	background:none;
}

#widget-content img {
	max-width:inherit;
	overflow:hidden;
}


.column {
	float:left;
	width:23%;
	margin-left:.75%;
	padding:.5%;
	margin-top:.5%;
	height:100%;
	max-height:100%;
	  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /* This is where the magic happens */
}

.column,
.column-transparent {
	position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;

}


.column-transparent {
	float:left;
	width:23%;
	margin-left:.75%;
	margin-left:.75%;
	padding:.5%;
	margin-top:.5%;
	background:none;
	background:url(../images/trans-repeater_90.png) repeat;
}

.inside-column { /* not being used - removed */
}

#one, #one_scroll-top, #one_scroll-bottom,
#two, #two_scroll-top, #two_scroll-bottom,
#three, #three_scroll-top, #three_scroll-bottom,
#four, #four_scroll-top, #four_scroll-bottom {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
overflow:hidden;
}

#one, #two, #three, #four {
height:97.5%;
max-height:97.5%;
}



.column .item-wrapper {
	width:97%;
	margin-left:1.5%;
	margin-right:1.5%;
	clear:both;
	padding-bottom:.5%;
	margin-bottom:0%;
	border-bottom: solid 1px #C4C4C4;
	border-bottom:none;
}


.column .last-item-wrapper {
	width:97%;
	margin-left:1.5%;
	margin-right:1.5%;
	clear:both;
	padding-bottom:1%;
	margin-bottom:1.5%;
}

.item-wrapper .featured {
	width:100%;
	background:#E7D76C;
	
}
	
.column .category-title {
	font-size:1.9vh;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding:7px; 
	font-weight:bold; 
		border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
    border: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	color:#fff;
	background: #e9050d;
	padding:1% 2% 1% 2%;
	margin-bottom:1%;
	clear:both;
}

.column .category-description p {
	font-size:2vh;
	margin-bottom:1.5%;
	white-space:normal;
  overflow:visible;
  text-overflow:inherit;
	text-align:center;
}

.column .item-description {
	clear:left;
	width:74%;
	text-align:left;
	white-space:normal;
  overflow:visible;
  text-overflow:inherit;
}

.column .item-description p {
	font-family: 'BenchNine', sans-serif;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 1.6vh;
	line-height:1.1em;
	font-weight:normal;
}


.column .item-title {
	float:left;
	font-size:2vh;
	width:auto;
	max-width:65%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	white-space:normal;
  overflow:visible;
  text-overflow:inherit;
}
.column .item-title h2 {
}

.column .item-pricing {
	float:right;
	width:31%;
	max-width:31%;
	text-align:right;
	margin-bottom:1%;
		font-size:2vh;
	color:#F00;
}
.column .item-pricing h3 {
	margin-top:.3em;
}

.column h3.item-price {
	display:inline-block;
	text-align:right;
	margin-right:1.5%;
	margin-top:0;
	padding-top:0;
	margin-left:.5em;
}

.column h3.item-size {
	display:inline-block;
	color:#000;
	font-weight:normal;
	with:70%;
	min-width:70%;
	max-width:70%;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
vertical-align:text-bottom;
}


#item-size-title-wrapper {
	float:right;
	width:100%;
	padding-left:45%;
	border-bottom:solid 1px #000;
margin-bottom:1.5%;
padding-bottom:.5%;
}

.item-size-title {
	display:inline-block;
	float:right;
	text-align:right;
	width:auto;
	width:28%;
max-width:28%;
min-width:28%;
overflow:hidden;
margin-left:.5%;
margin-right:.5%;
font-size:1.7vh;
}


.item-pricing-multi-price { 
	float:right;
	width:55%;
	max-width:55%;
	text-align:right;
	color:#F00;
	margin-bottom:.5%;
	font-size:2vh;
}


.item-size-price {
	display:inline-block;
	float:right;
	text-align:right;
	width:auto;
	width:28%;
max-width:28%;
min-width:28%;
overflow:hidden;
clear:none;
font-weight:bold;
margin-left:.5%;
margin-right:0%;
font-size:2vh;
}


/* MENU IMAGE STYLE */


#menu-item-img {
	float:left; 
padding:2%;
	width:94%; 
	clear:both;
}
	
	

/* WIDGETS */

#widget, #widget-no-padding {
	margin-bottom:2%;
	border-radius:0;
}

#widget-content {
	padding:2%;
white-space:normal;
  overflow: auto;
  text-overflow:inherit;
}


#widget img,
#widget-no-padding img {
	width:100%;
	min-width:100%;
	max-width:100%;
	overflow:hidden;
}
#widget h2 {
}


#specials-wrapper { 
-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	padding: 10px;
	margin-bottom:5px;
	text-align:center;
	/*background:url(../images/divider.png) no-repeat center bottom; */
	border-bottom: solid 2px #000;
  }
.specials-title {
	font-weight:bold;
	font-size: 2.3em;
	color:#000066;
	text-align:center;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
#specials-wrapper p {
color:#000;
margin-left:0px;
text-align:center;
margin-bottom:4px;
}


/* wrap this around youtube iframe videos for 16:9 ratio videos to be responsive */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* end video iframe wrapper css */


/* Listing styles / specials styles */
/* this is for the listing function styling *****/

#menu-wrapper #listings-group-wrapper {
	width:100%;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	background:#fff;
	padding:1.5%;
	border:none;
	margin-left:0%;
	margin-right:0%;
margin-top:15px;
background:transparent;
height:0;
}


#menu-wrapper #listings-group-wrapper h3 {
color:#fff;
display:block;
background:#000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:7px 9px 7px 9px;
font-size:1.2vw;
}


#menu-wrapper #listings-wrapper, 
#menu-wrapper #listings-wrapper_full { 
margin:0px;padding:0px;
text-align:left; 
margin-bottom:5px;
background:none;
color:#000;
padding-top:1.5%;
padding-bottom:2%;
width:46%;
float:left;
height:auto;
border-bottom:solid 1px #ccc;
margin-left:2%;
margin-right:2%;
  }
  
.listings-title {
	font-weight:bold;
	font-size: 1.5vw;
	color:#000;
	color:red;
  }
  
.listing-text {  /* this includes the image */
width:auto;
width:100%;
float:left;
text-align:left;
  }
  
  
#menu-wrapper #listings-wrapper p, 
#menu-wrapper #listings-wrapper_full p {  /* this includes the image */
margin:0;padding:0;
margin-top:5px;
color:#000;
font-size:1vw;
  }
  
#menu-wrapper .listing-text_with-date {  /* this includes the image */
float:left;
text-align:left;
width:86%;
max-width:86%;
border-left:1px solid #000;
padding-left:1.5%;
margin-bottom:7px;
  }
  
#menu-wrapper .listing-text_with-date {  /* this includes the image */
width:inhreit;
float:left;
text-align:left;
width:82%;
max-width:82%;
border-left:1px solid #000;
padding-left:1.5%;
margin-bottom:7px;
  }
/* end listing styles */


#menu-item-img {
	float:left; 
	width:100%;
	min-width:100%;
	max-width:100%;
	height:18vw;
	overflow:hidden; 
	padding:0;
	margin:0;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
    border-radius: 17px;
	}	
#menu-item-img img {
	width:auto;
	min-width:100%;
	height:auto;
	overflow:hidden;
    border: none;
	
	width:100%;
	min-width:100%;
	max-width:100%;
	height:auto;
	min-height:13vw;

	}