* {margin:0; padding:0; }


body.online #main-content {
	margin-top:110px;
}
#category-menu-wrapper {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:9999;
	 border: 1px solid #c8c9c9;
	border-top:none;
  background-color: #f3f3f3;
}
#category-menu-wrapper ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #c8c9c9;
	border-top:none;
  background-color: #f3f3f3;
max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
#category-menu-wrapper ul,
#category-menu-wrapper ul li, 
#category-menu-wrapper ul li a, 
#category-menu-wrapper ul li a img  {
	 list-style-type: none;
}
#category-menu-wrapper li {
  float: left;
}

#category-menu-wrapper li a img {
	margin-bottom:6px;
	height:45px;
	width:auto;
	list-style-type:none;
}
#category-menu-wrapper li a {
  font-size: 19px;
font-weight:bold;
display: block;
 color: #666;
 text-align: center;
 padding: 14px 12px;
 text-decoration: none;
border-right: 1px #c8c9c9 solid;
}
#online-order-logo {
	width:100%;
	max-width:200px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#category-menu-wrapper li.store-logo {
  display:inline-block;
	float: right;
	padding:10px;
	height:40px;
	width:auto;
}

#category-menu-wrapper li.store-logo a {
	background:#494949;
	border-radius:4px;
	border-right:none;
}

@media screen and (max-width: 600px) {	
#category-menu-wrapper li a {
  font-size: 18px;
  padding: 18px 8px;
}
	
#category-menu-wrapper li.store-logo {
  display:none;
}
}

#category-menu-wrapper li a:hover:not(.active) {
  background-color: #ddd;
}

#category-menu-wrapper li a.active {
  color: white;
  background-color:#6ebd33;
}

#search-wrapper {
	width:100%;
	padding:0px;
	margin:0;
	}	
#search-wrapper form {
padding: 0px; 
margin:0px;
padding-top: 0px; 
margin-left: 0px;
}

form.example input[type=text] {
margin:0;
  padding: 10px;
  font-size: 17px;
  border: 1px solid #c8c9c9;
  float: left;
  width: 80%;
max-with:80%;
min-width:80%;
  background:#f1f1f1;
height:44px;
}

@media screen and (max-width: 768px) {	
form.example input[type=text] {
  width: 81%;
max-with:81%;
min-width:81%;
margin-left:-2%;
}
}

form.example button {
  float: left;
  width: 19%;
  padding: 10px;
  color: white;
  font-size: 17px;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
height:44px;
background:url(../../images/magnifying-glass.svg) center no-repeat #6ebd33;
}

form.example button:hover {
background:url(../../images/magnifying-glass.svg) center no-repeat #61ab2b;
}

form.example::after {
  content: "";
  clear: both;
  display: table;
}

.search-area-wrapper {
	width:100%;
	margin:0;
	padding:0;
}
.search-category-wrapper {
width:98%;
margin-left:1%;
}

div.scrollmenu {
  background-color: none;
  overflow: auto;
  white-space: nowrap;
}

div.scrollmenu a {
  display: inline-block;
 margin-right:5px;
	font-size:15px;
	font-weight:600;
	text-align:center;
	color:#2E2D2D;
	background:#ccc;
	border-radius:4px;
	padding:.6rem;
	margin-top:6px;
	margin-bottom:6px;
	opacity:.8;
}

div.scrollmenu a:hover {
  background-color: #777;
	color:#fff;
	-webkit-transition: all 0.2s ease-in-out 0s;
  	transition: all 0.2s ease-in-out 0s;
	opacity:1;
	cursor:pointer;
}







#menu-wrapper {
	margin:0;
	padding:0;
}

#acc {
	font-size: 16px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	width:auto; color:#000; margin:0;padding:0;
}


#acc li, ul li, ul, li {list-style-type:none;}
#menu-wrapper h4 {
	color:#000; 
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:4px;
}


#item-wrapper {
	display:block;
	float:left;
	clear:none;
	width:98%;
	min-width:98%;
	max-width:98%;
	margin:1%;
	margin-top:0px;
	padding-bottom:6px;
	}

#acc li {
	list-style-type:none;
}	

ul.acc li h3, h3 {
	display:block;
	width:98%;
	margin-left:1%;
	margin-right:1%;
	border-bottom:solid 1px #444;
	font-weight:600;
	font-size:24px;
	padding:.5em;
	padding-bottom:.3em;
	padding-top:.3em;
	background:#333435;
	color:#fff;
	margin-top:10px;
}
#item-wrapper-order-images, 
#item-wrapper-order {
	float:left;
	padding:.5rem;
	margin:0%;
	margin-left:1%;
	width:32%;
	max-width:32%;
	margin-bottom:5px; 
  border: none;
  -moz-box-shadow: -5px 5px   5px rgba(0,0,0,0.2);
  -webkit-box-shadow: -5px 5px   5px rgba(0,0,0,0.2);
  -o-box-shadow: -5px 5px   5px rgba(0,0,0,0.2);
	box-shadow: -5px 5px  5px rgba(0,0,0,0.2);
	min-height:140px;
}
#item-wrapper-order #menu-item-img {
}	

@media screen and (max-width: 1024px) {
#item-wrapper-order-images, 
	#item-wrapper-order {
	width:48%;
	max-width:48%;
}	
}

@media screen and (max-width: 768px) {
#item-wrapper-order-images, 
	#item-wrapper-order {
	width:98%;
	max-width:98%;
}	
}


.menu-price {
	font-size: 14px; 
	font-weight:bold;
	color:#E60000;
	margin-left:0px;
	}
#size-pricing-wrapper { /* is this being used? */
	float:right;
	width:auto;
	clear:right;
	margin-right:0em;
	}
	
#multiple-pricing-wrapper {
	float:right;
	clear:right;
	width:35%;
	max-width:35%;
}

#size-pricing-line {
	margin:0;padding:0;
	text-align:right; 
	margin-top:0px;
	margin-right:0em;
	width:100%;
	max-width:100%;
	float:right;
	display:block;
	clear:right;
	font-size:11px;
	}
	
.item-size {
	width:20%;
	max-width:20%;
	white-space: nowrap;
  /*	overflow: hidden;
  	text-overflow: ellipsis;    This is hidden because it hides the size on the online order section */
	color:#686868;
	clear:right;
padding-right:3px;
}

#item-description-wrapper {
	clear:none;
	float:left;
	width:62%;
	}
.menu-description {
	padding-bottom:5px;
	padding-top:10px;
	padding-left:1%;
	margin-left:5px;
	font-size:13px;
	font-style:italic;
	}
.item-description,
.item-description-mobile {
	font-style:normal;
	font-size:.9em;
	}
#size-price-qty-line {
	margin-top:.1em;
	}
.qty-add-area {
	padding-left:0;
}
.order-pricing-block {
	margin-left:-10px;
}
.menu-description-pad {

	}
/* #item-description-wrapper-order {float:left;width:150px;} */
.menu-description-pad-order {
	padding-left:0;
	}
#menu-wrapper #acc {
	margin-left:0px; 
	width:100%; 
}
/* #cat-description {margin:0px;padding:0px; line-height:1em; padding-bottom:4px;font-size:.9em;font-style:italic;padding-bottom:.2em;} */

#cat-item {
float:left; 
width:62%;
margin:0;
text-align:left;
padding-bottom:4px;
padding-top:3px;
}

#cat-item-price {
float:right;
text-align:right;
margin-right:0em;
width:36%;
}
	

#cat-item h4 {
	color:#393434;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:4px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	}

.menu-description-pad { /* this is for the item desription */
	clear:none;
	padding-left:0;
	font-size:.9em;
	width:100%;
	line-height:1.3em;
	font-weight:normal;
	}
.menu-description-pad-order{ /* not being used? */
	padding-left:0;
	}

#menu-wrapper ul li {
	list-style-type:none;
}

/* this is for above item photos - if used */
#menu-item-img {
	display:block;
	float:right; 
	width:50%;
	height:auto;
	overflow:hidden; 
	padding:0;
	margin:0;
	margin-top:10px;
	}

#menu-item-img img {
	width:auto;
	min-width:100%;
	height:auto;
	overflow:hidden;
    -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
    border-radius: 0px;
    border: none; 
	} 




.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
	


@media screen and (max-width: 768px) {
		
.item-right,
.item-left {
	float:left;
	width:100%;
	min-width:100%;
	max-width:100%;
	clear:both;
	}
	
#item-wrapper {
	clear:both;
	width:100%;
	max-width:100%;
	min-width:100%;
	}

#cat-item-price,
#multiple-pricing-wrapper {
	margin-right:8px;
	width:30%;
}
	
#menu-item-img,
#menu-item-img img {
	}	
}