* {margin:0; padding:0; }

#options {font:12px Verdana,Arial;width:auto; margin:5px auto; text-align:right; color:#f0bb50}
#options a {text-decoration:none; color:#000}
#options a:hover {color:#033}

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

#acc h3 {
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-family: 'Oswald', sans-serif;
	font-size:32px;
	width:auto; 
	cursor:pointer; 
    -webkit-border-radius: 0px ;
    -moz-border-radius: 0px;
    border-radius: 0px;
	color:#fff;
	margin-left:0px;
	margin-right:0px;
	padding:40px;
	margin:0;
	border:solid 1px #fff;
	border-bottom:solid 4px #000;
	background:url(../../custom/images/category-background-repeater.png) repeat-x;
	background-size: 600px 100%;
	text-align:left;
	margin-bottom:0px;
	margin-top:0px;
	font-weight:normal;
	}

#acc h3:hover {
	opacity:.8;
	}
	
#acc h3 img {
	height:auto;
	min-height:100%;
	}
	
#acc h3:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.6);
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	}
			
#acc .acc-section {
	font-size:13px;
	font-family: 'Montserrat', sans-serif;
	overflow:hidden; 
	background:none; 
	margin:0px;
}
#acc .acc-content {
	font-size:13px;
	font-family: 'Montserrat', sans-serif;
	width:auto; padding:0px; 
	padding-top:7px; margin-top:-4px; 
	padding-bottom:5px;margin-bottom:5px;
	border-top:none; 
	margin-left:.3em; 
	margin-right:.3em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    border: none;
	background:none;
	box-shadow:none;
}
#acc li {list-style-type:none;}
#menu-wrapper h4 {color:#000; margin-bottom:0px;padding-bottom:0px;margin-top:4px;}

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

	
#item-wrapper-order {
	clear:both;width:auto;
	margin-bottom:5px; 
	border-bottom:solid 1px #686868;
	}

#item-wrapper-order #menu-item-img {
	display:none;
	}	

.menu-price {
	font-size: 15px; 
	font-weight:normal;
	color:#202020;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	}
#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 {
	font-style:normal;
	padding-bottom:5px;
	margin-left:5px;
	}
.item-description,
.item-description-mobile {
	font-style:normal;
	font-size:.9em;
	}
#size-price-qty-line {
	margin-top:.2em;
	}

.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:#353535;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:6px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:20px;
	line-height:1.2em;
	}

.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;
}

body#core #content #menu-wrapper {
	margin-top:-3.6em;
}

/* this is for small left aligned thumnails - if used - will also need to adjust width of title and description */
/*#menu-item-img {
	float:left; padding-top:5px;
	padding-bottom:5px;
	width:40px; 
	padding-right:8px; 
	}
	
#menu-item-img img {
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
    border-radius: 6px;
    border: none; 
	} */


/* this is for above item photos larger - if used */
#menu-item-img {
	float:left; 
	width:auto;
	min-width:100%;
	max-width:100%;
	height:100px;
	overflow:hidden; 
	padding:0;
	margin:0;
	}

#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 {
	display:none;
	}	


@media screen and (max-width: 600px) {
	
#acc h3 {
	background-size: 0px 0%; /* this hides the category header images */
}

}