* {margin:0; padding:0; }

#options {font:14px 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: 24px;
	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-size:24px;
	width:auto; 
	font-weight:bold; margin-top:5px; cursor:pointer; 
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none;
	color:#fff;
	background: #e9050d;
	margin-left:0px;margin-right:0px;
	padding:15px;
	margin:0;
	border-bottom:solid 1px #686868;
	background-size: 300px 100%;
	}
	
#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:15px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	overflow:hidden; 
	background:none; 
	margin:0px;
}
#acc .acc-content {
	font-size:15px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, 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-right,
.item-left {
	float:left;
	width:100%;
	min-width:100%;
	max-width:100%;
	clear:both;
	}
	
#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;
	}

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

#size-pricing-line {
	margin:0;padding:0;
	text-align:left; 
	margin-top:6px;
	width:100%;
	max-width:100%;
	float:left;
	clear:left;
	font-size:15px;
	}
	
.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:left;
padding-right:3px;
}

#item-description-wrapper {
	float:left;
	clear:left;
	width:62%;
	padding-top:.4em;
	padding-bottm:.2em;
	}
.menu-description {
	font-style:normal;
	padding-bottom:5px;
	margin-left:5px;
	}
.item-description,
.item-description-mobile {
	font-style:normal;
	font-size:1em;
	}
#size-price-qty-line {
	margin-top:.2em;
	}

.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:left;
text-align:left;
margin-right:0em;
width:36%;
}
	

h4 {
	color:#393434;
	padding-bottom:0px;
	margin-top:10px;
	margin-bottom:8px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:24px;
	line-height:1.3em;
	}
@media screen and (max-width: 768px) {

h4 {
	font-size:21px;
	}
}

.menu-description-pad { /* this is for the item desription */
	clear:none;
	padding-left:0;
	font-size:1.2em;
	width:98%;
	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;
}

#menu-item-img {
	float:right; 
	width:30%;
	height:auto;
	padding:0;
	margin:0;
	margin-top:10px;
	padding-bottom:10px;
	}

#menu-item-img img {
	width:100%;
	height:auto;
	overflow:hidden;
	} 

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

/* this section is for order menu without photos */
#item-wrapper-order #menu-item-img {
	display:none;
	}	

#item-wrapper-order {
	clear:both;width:auto;
	margin-bottom:5px; 
	border-bottom:solid 1px #686868;
	}
#item-wrapper-order h4 {
	float:left;
	clear:left;
	width:63%;
	font-size:18px;
}
#item-wrapper-order .order-pricing-block {
	display:inline-block;
	float:right;
	clear:none;
	clear:right;
	margin:0;
	margin-top:-8px;
	text-align:right;
	padding:0;
	padding-bottom:10px;
	width:35%;
}
#item-wrapper-order input {
display:inline-block;
border: solid 1px #999;
height: auto;
margin-top:5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
min-width:2.5em;
max-width:2.5em;
border-radius:4px 0px 0px 4px;
}

#item-wrapper-order input#save-button {
width:3.5em;
min-width:3.5em;
max-width:3.5em;
border-radius: 0px 4px 4px 0px;
border:1 px solid #48a3db;
margin-left:-5px;
}

#item-wrapper-order .item-description,
#item-wrapper-order .item-description-mobile {  /* this is for the item desription */
	float:left;
	clear:left;
	padding-right:0;
	font-size:1em;
	width:63%;
	line-height:1.3em;
	font-weight:normal;
	}

@media screen and (max-width: 768px) {

#item-wrapper-order h4 {
	width:49%;
}	
#item-wrapper-order #menu-item-img {
	width:40%;
}
#item-wrapper-order .item-description,
#item-wrapper-order .item-description-mobile {  /* this is for the item desription */
	width:60%;
	}	
#item-wrapper-order .order-pricing-block {
	width:38%;
}
}

/* end order menu without photos style */




/* this section is for order menu with photos */

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

#item-wrapper-order-images #multiple-pricing-wrapper {
	float:left;
	clear:none;
	width:35%;
	max-width:35%;
}

#item-wrapper-order-images #size-pricing-line {
	margin:0;padding:0;
	text-align:left; 
	margin-top:0px;
	margin-right:0em;
	width:100%;
	max-width:100%;
	float:left;
	display:block;
	clear:none;
	font-size:15px;
	}
#item-wrapper-order-images h4 {
	float:left;
	display:inline-block;
	width:68%;
	font-size:18px;
}

#item-wrapper-order-images .item-description {
	clear:left;
	float:left;
	width:62%;
	}

#item-wrapper-order-images input {
display:inline-block;
border: solid 1px #999;
height: auto;
margin-top:5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
min-width:2.5em;
max-width:2.5em;
border-radius:4px 0px 0px 4px;
}

#item-wrapper-order-images input#save-button {
width:4em;
min-width:4em;
max-width:4em;
border-radius: 0px 4px 4px 0px;
border:1 px solid #48a3db;
	margin-left:-5px;
}
.qty-add-area {
}
#item-wrapper-order-images #cat-item-price {
float:left;
text-align:left;
}
#item-wrapper-order-images #size-pricing-line {
	float:left;
	}	
#item-wrapper-order-images .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;
	}
#item-wrapper-order-images  .menu-description-pad-order { /* not being used? */
	padding-left:0;
	}

#item-wrapper-order-images .order-pricing-block {
	float:left;
	clear:left;
	text-align:left;
	margin-left:-10px;
	padding-left:0;
	padding-bottom:10px;
	width:50%;
}

#item-wrapper-order-images #menu-item-img {
	float:right; 
	width:30%;
	height:auto;
	padding:0;
	margin:0;
	margin-top:10px;
	padding-bottom:10px;
	}

#item-wrapper-order-images  #menu-item-img img {
	width:100%;
	height:auto;
	overflow:hidden;
	} 

#item-wrapper-order-images .order-pricing-block .menu-price {
	padding:0;
	margin:0;
}

#item-wrapper-order-images .order-pricing-block #multiple-pricing-wrapper,
#item-wrapper-order-images .order-pricing-block #size-pricing-line {
	float:left;
	clear:left;
}

#item-wrapper-order-images .item-description,
#item-wrapper-order-images .item-description-mobile {  /* this is for the item desription */
	display:inline-block;
	clear:none;
	padding-left:0;
	font-size:1em;
	width:68%;
	line-height:1.3em;
	font-weight:normal;
	padding-bottom:.5em;
	}


@media screen and (max-width: 768px) {

#item-wrapper-order-images h4 {
	width:58%;
}	
#item-wrapper-order-images #menu-item-img {
	width:40%;
}
#item-wrapper-order-images .item-description,
#item-wrapper-order-images .item-description-mobile {  /* this is for the item desription */
	width:58%;
	}	
#item-wrapper-order-images .order-pricing-block {
	width:58%;
}
/* end order menu style  */

}




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

}