:root {
    --cartWidth: 350px;
    --cartBorderWidth: 1px;
    --cartPadding: 8px;
    --bagQtyWidth: 60px;
    --cartPickupDeliveryTabBackground: url(https://images.specialtys.com/buttons/sidePanelTopTabs_350.png);
    --cartPickupDeliveryTabBackgroundSmall: url(https://images.specialtys.com/buttons/sidePanelTopTabs_200.png);
}


/* Shrink cart on smaller screen */
@media (width < 1150px) {
    :root {
        --cartWidth: 200px;
        --cartPickupDeliveryTabBackground: var(--cartPickupDeliveryTabBackgroundSmall);
    }
}

/* LAYOUT */

.productDspContainer
{
    float: left;
    width: 757px !important;
}

.mainCol {
    float: left;
    width: 750px;
}
#dateLocationShield {
    background: #E9E5D1;
    height: 195px;
    margin: 0 var(--cartBorderWidth);
    position: absolute;
    top: 40px;
    width: calc(var(--cartWidth) - var(--cartBorderWidth) * 2);
    z-index: 3;
    text-align: center;
    display: none;
    border-radius: 5px;
}
.productsDiv{
    margin-top:-17px
}
.productFixedHeader {
    height: 48px;
    left: 0;
    margin-top: 0px;
    position: fixed;
    width: 100%;
    z-index:11
}
.productFixedHeader .content {
    clear: both;
    margin: 0 auto;
    position: relative;
    width: 960px;
}
.productFixedHeader .content h1{
    cursor:pointer;
    background-image:url("../images/buttons/arrowDownWhite.png");
    background-repeat:no-repeat;
    background-position:right center; 
    padding-right:30px
}
.productTypeDropdownMenu{
    width: 400px;
    top:45px;
    position:absolute;
    margin-left:-20px;
    padding-bottom:3px;
    -moz-box-shadow: 0px 5px 8px #796750;
    -webkit-box-shadow: 0px 5px 8px #796750;
    box-shadow: 0px 5px 8px #796750;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px; /* future proofing */
    -khtml-border-radius: 0px 0px 5px 5px; /* for old Konqueror browsers */
}
.productTypeDropdownMenu ul li{
    color:#fff;  
    border-bottom: 1px solid #9B967A;
    padding:4px 0;
    list-style:none;
    font-family: "museo-slab",sans-serif;
    font-size: 16px;
    font-weight: 300;
    cursor:pointer
}
.productTypeDropdownMenu ul{
    margin: 10px 20px 20px 20px;
    padding-left: 0;
}
.productTypeDropdownMenu a,.productTypeDropdownMenu a:visited{
    color:#fff;
    display:block;
    width:100%
}
.productTypeDropdownMenu a:hover{
    color:#998F82 !important
}
.rightCol {
	float:left;
	width:180px;
	padding-left:20px;
}
.orderPanel .rightCol{
	margin-left: 760px;
    padding-left: 20px;
    position: fixed;
    width: 180px;
    margin-top:-20px
}
#orderPanel_orderContents .content, #orderPanel_orderContentsTop .content, .rightCol .content {
    padding: 5px var(--cartPadding) 0 var(--cartPadding);
    font-size: 12px;
}
#orderPanel_orderContents .content{
	margin-top:236px
}
#orderPanel_orderContents .heading, #orderPanel_orderContentsTop .heading, .rightCol .heading {
	font-family:"museo-slab", sans-serif;
	font-size:16px;
	font-weight:700;
	font-weight:bold
}

#orderPanel_orderContentsTop .orderPanel_totalWithoutDisc{
    color:#7F7361;
    margin-right:5px;
    text-decoration: line-through;
    float:right
}

#orderPanel_orderContentsTop .orderPanel_subTotal
{
    float: right
}

#weekendDeliveryBlock{
    background: #E9E5D1;
    height: 60px;
    position: absolute;
    width: 170px;
    z-index: 2;
    text-align:right
}

#weekendDeliveryBlock.checkout
{
    background: #e4dfc9;
    height: 30px;
    position: absolute;
    width: 300px;
    z-index: 2;
    text-align:left
}

/* ICONS */
.favIcon {
	margin:-5px 5px 5px 5px;
}
/* MENU */

.menu {
	font-family:"museo-slab", sans-serif;
	font-size:11px;
	font-weight:700;
	margin-top:58px;
}

.upsell .menu {
    margin-top: 0px;    
}

.menu .adBannerTop {
	height:18px;
	background:#E4DFC9;
	padding:15px 10px;
	font-size:14px;
	font-weight:500
}
.menu h2 {
	padding:0;
	margin:2px 0 0 0;
	font-family:"museo-slab", sans-serif;
	font-weight:500;
	color:#2C221A;
	font-size:26px
}
.menu hr {
	padding:0;
	margin:0;
	border-bottom:1px #4E4133 solid;
}
.menu .menuLegend {
	margin-top:-10px
}
.menu .menuLegend .description {
	font-size:14px;
	width:350px
}
.menu #dailySpecialsDate {
	width:135px
}
.menu #dailySpecialsDate select {
	width:125px
}
.menu .textBox {
	float:left;
}
.menu .legend {
	float:right;
}
.menu .bannerAdTop {
	width:753px;
	height:48px;
	border:1px solid #A09C81
}
.menu .hot {
	background-image:url(../images/bg/hot_bg.jpg);
	background-repeat:repeat;
	background-position:left bottom
}
.menu .menuGroupHeader
    {
    margin-right:10px
    }
.menu .favorites .menuItem .closeButton {
	min-width:35px;
	min-height:35px;
	position:absolute;
	cursor:pointer;
	z-index:3;
	width:35px;
	height:35px;
	background:url(../images/buttons/closeButton.png) no-repeat;
	margin-left:-7px;
	margin-top:-7px;
	display:none
}
.menu .menuItemA {
	height:189px;
	width:238px;
	background-color:#E4DFC9;
	background-repeat:no-repeat;
	margin-right:7px;
	margin-bottom:12px;
	float:left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.menu .menuItemA .viewNutritionalInfo{
    position:absolute;
    width:160px;
    height:150px;
    cursor:pointer;
    z-index:2;
	}
.menu .menuItemC {
	height:160px;
	width:240px;
	background-color:#E4DFC9;
	background-repeat:no-repeat;
	margin-right:7px;
	margin-bottom:12px;
	float:left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.menu .rowEnd {
	margin-right:0 !important;
}
.itemSubName {
	float:right;
	text-align:right;
	padding:0px 10px 5px 5px;
	font-size:10px;
	clear:both;
	max-width:180px;
	font-weight:500
}
.menu .menuItemA .itemName {
    color:#2e1f0f;
    float:right;
	text-align:right;
	padding:10px 10px 5px 5px;
	font-size:16px;
	clear:both;
	max-width:180px;
	font-weight:500
}
.menu .menuItemC .itemName {
    color:#2e1f0f;
	float:right;
	text-align:right;
	padding:10px 10px 5px 5px;
	font-size:16px;
	clear:both;
	max-width:180px;
	font-weight:500
}
.menu .hot .itemName {
	color:#A6311A !important
}
.menu .productTile .itemFeatureIcons {
	float:right;
	text-align:right;
	padding:0 9px;
	clear:both;
	margin-left:5px;
	max-width:80px
}
.menu .productTextTile {

}
.menu .productTextTile .itemFeatureIcons {
	float:left;
	text-align:left;
	padding:0 9px;
	min-width:80px;
	max-width:80px;
}
.menu .productTile .itemFeatureIcons {
	float:right;
	text-align:right;
	padding:0 9px;
	clear:both;
	margin-left:5px;
	max-width:80px
}
.menu .itemFeatureIcons img{
	margin-left:3px;
	width:21px;
	height:21px;
	float:right
	}
	
.menu .productTextTile .tossCheckBox
{
	float:left;
	text-align:center;
}

.menu .productTile .tossCheckBox
{
	position: absolute;
	text-align: right;
	top: 130px;
	left: 110px;
}
.menu .productTile .tossCheckBox label
{
	color:#817567
}

.menu .tossCheckBox input
{

}
.menu .productTextTile .itemName {
	float:left;
	width:200px
}
.menu .productTextTile .itemButtons {
	float:left;
	width:244px;
    z-index:1
}
/*.menu .productTextTile .asIsButton {
    background-position: 0px -60px;
}
.menu .productTextTile .customizeButton {
    background-position: -149px -90px;
}*/
.menu .productTile .itemPrice {
	float:right;
	text-align:right;
	padding:0 10px 5px 10px;
	clear:both;
	color:#817567
}
.menu .productTile .itemPriceNotClear {
	float:right;
	text-align:right;
	padding:0 10px 5px 10px;
    clear: none;
	color:#817567
}
.menu .productTextTile .itemPrice {
	text-align:right;
	padding:0 10px 5px 10px;
	color:#817567
}
.menu .qtyOnly {
	left:172px !important;
    border-left: 1px solid #998F82 !important;
    border-bottom-right-radius: 4px;
}
.menu .productTile .itemButtons {
	/*margin:0;
	left:0px;
	top:160px;
	width:240px;
	position:absolute;*/

    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #2E1F10;
    font-family: "Museo Sans 500",Helvetica,Arial,sans-serif;
    font-size: 11px;
    height: 30px;
    left: -1px;
    margin: 0;
    position: absolute;
    top: 161px;
    z-index: 10;
    min-width:240px
}
.menu .firstButton {
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius: 4px;
}
.readyMenu .firstButton, .productDetail .firstButton {
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius: 4px;
    -moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius: 4px;
}
.menu .lastButton {
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius: 4px;
}
.readyMenu .lastButton, .productDetail .firstButton {
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius: 4px;
    -moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius: 4px;
}
.qtyButtonContainer select.qtySelect {
    cursor: pointer;
    height: 30px !important;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -5px;
    width: 65px !important;
    z-index: 10;
    font-weight:normal !important
}
.qtyButtonContainer span.select {
    font-weight:normal !important;
    padding: 8px 50px 10px 15px !important;
    border-right: solid #998F82 1px;
    font-family:"museo-sans", sans-serif;
    font-size:11px
}
.menu .asIsButtonNonCustom
{
    width:120px !important;
}
.menu .asIsButton {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/buttons/orderBtns_v4.jpg") no-repeat scroll 0 0 transparent;
    border-color: #998F82;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    float: left;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 80px;
    font-weight:normal !important
}
.menu .asIsButtonWide {
    width: 90px !important;
}
.menu .asIsButton:hover {
    background-position: 0px -30px;
	cursor:pointer;
}
/*.menu .asIsButton.withoutEdits 
{
    width:95px;
}
.menu .asIsButton.withEdits {
	/* 
	background:url(../images/buttons/withEditsButton.png) top right; 
	
	width:95px;
	height:30px;
	color:#000;
	margin:0;
	padding:0;
	float:left;
}*/
.menu .itemButtons .quantityOptionLabel {

	padding-top:4px;
	text-align:right;
	float:left;
    position: absolute;
    z-index:2;
    font-family:"museo-sans", sans-serif !important;
    font-size:11px
}
.menu .itemButtons .ddAddNonCustom select.qtySelect
{
    width:120px !important;
}
.menu .itemButtons .ddAddNonCustom span
{
    background: url("../images/buttons/orderButtons_spriteV3.png") repeat scroll -295px 0 transparent !important;
    width: 55px !important;
    border-right: 0 !important
}
.menu .itemButtons .ddAddNonCustom span.select {
    padding: 8px 15px 10px 50px !important;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius: 4px;
    -moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius: 4px;
}
.soups
{
    float:left
}
.readyMenu .soups
{
    width:300px
}
.soups .itemButtons .qtyButtonContainer {
	margin-left: 70px
}
.soups .itemButtons .quantityOptionLabel
{
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 8px;
    width: 80px;
}
.soups .qtyButtonContainer span.select {
    padding: 8px 40px 10px 5px !important;
}

.soups .qtyButtonContainer span.select {
    background: url("../images/buttons/orderButtons_spriteV3.png") -367px 0 transparent !important
}
.soups .itemButtons {
    padding-left: 10px;
    background: url("../images/buttons/orderButtons_spriteV3.png") 0px 0 transparent !important;
    width: 354px !important;
}
.readyMenu .soups .itemButtons {
    padding-left: 10px;
    background: url("../images/buttons/orderButtons_spriteV3.png") 0px 0 transparent !important;
    width: 350px !important;
}
.soups .itemButtons .quantityOption {
    padding-bottom: 0 !important;
    background: url("../images/buttons/orderButtons_spriteV3.png") -10px 0 transparent !important;
    width: 116px;
}
.menu .itemButtons .quantityOption {
	padding-bottom:4px
}
.soups .endCapQtyButtonContainer span.select
{
    border-right: none !important
}
.readyMenu .soups .endCapQtyOptionContainer
{
    background: url("../images/buttons/orderButtons_spriteV3.png") repeat scroll 120px -120px transparent !important;
    height: 22px;
    padding-left: 10px !important;
    padding-right: 33px !important;
    width: 77px !important;
}
/*.menu .asIs span.select {
	background:url(../images/buttons/orderBtns_v4.jpg) repeat scroll -360px -60px transparent !important;
    width:2px !important
}
.menu .asIs span.selectActive {
	background:url(../images/buttons/orderBtns_v4.jpg) repeat scroll -360px -90px transparent !important;
}*/
.menu .addFaveButton {
	/*background:url(../images/buttons/customizeButton.png) top right;*/
    display:none;
    background:url(../images/buttons/orderBtns_v4.jpg) repeat scroll 0 -90px transparent;
	/*border:none;*/
    border: 1px solid #998F82 !important;
	/*width:88px;*/
	width:96px;
	height:30px;
	color:#fff;
	margin-left:28px;
	padding:0;
	float:left;
    font-weight:normal !important;
    
}

.menu .addFaveButton:hover {
    background-position:0 -120px;
} 
.menu .customizeButton {
	/*background:url(../images/buttons/customizeButton.png) top right;*/
    background:url(../images/buttons/orderBtns_v4.jpg) repeat scroll -140px -30px transparent;
	/*border:none;*/
    border: 1px solid #998F82 !important;
    cursor:pointer;
	/*width:88px;*/
	width:86px;
	height:30px;
	color:#000;
	margin-left:28px;
	padding:0;
	float:left;
    font-weight:normal !important;
    
}
.menu .addToCartButton {
	/*background:url(../images/buttons/customizeButton.png) top right;*/
    background:url(../images/buttons/orderBtns_v4.jpg) repeat scroll -140px -30px transparent;
	/*border:none;*/
    border: 1px solid #998F82 !important;
    cursor:pointer;
	/*width:88px;*/
	width:86px;
	height:30px;
	color:#000;
	margin-left:28px;
	padding:0;
	float:left;
    font-weight:normal !important;
    
}
.menu .showNutritionButton {
	/*background:url(../images/buttons/customizeButton.png) top right;*/
    background:url(../images/buttons/orderBtns_v4.jpg) repeat scroll -140px -30px transparent;
	/*border:none;*/
    border: 1px solid #998F82 !important;
    cursor:pointer;
	/*width:88px;*/
	width:86px;
	height:30px;
	color:#000;
	margin-left:28px;
	padding:0;
	float:left;
    font-weight:normal !important;
    
}
.menu .customizeButton:hover {
	/*background:url(../images/buttons/customizeButton.png) top right;*/
    background-position:-140px -60px;
    color:#fff
}
.menu .addToCartButton:hover {
	/*background:url(../images/buttons/customizeButton.png) top right;*/
    background-position:-140px -60px;
    color:#fff
}
.menu .showNutritionButton:hover {
	/*background:url(../images/buttons/customizeButton.png) top right;*/
    background-position:-140px -60px;
    color:#fff
}
.menu .menuItemA .itemImg {
	min-width:170px;
	min-height:150px;
	width:170px;
	height:150px;
	position:absolute;
	cursor:pointer;
	background-repeat:no-repeat;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.menu .menuItemB .viewNutritionalInfo{
    position:absolute;
    width:160px;
    height:180px;
    cursor:pointer;
    width:170px
}
.menu .menuItemB {
	height:190px;
	width:363px;
	background-color:#E4DFC9;
	background-repeat:no-repeat;
	margin-right:10px;
	margin-bottom:16px;
	float:left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.menu .menuItemB .itemName {
    color:#2e1f0f;
	float:right;
	text-align:right;
	padding:10px 10px 5px 5px;
	font-size:16px;
	clear:both;
	max-width:300px;
	font-weight:500
}
.menu .menuItemB .itemImg {
	min-width:170px;
	min-height:150px;
	width:170px;
	height:150px;
	position:absolute;
	cursor:pointer;
	background-repeat:no-repeat;
	margin-top:35px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.menu .menuItemB .itemInfo {
	position:absolute;
	width:360px;
	max-height:160px;
	font-family:"museo-sans", sans-serif
}
.menu .menuItemB .optionsRow2 {
	position:absolute;
	width:100%;
	height:30px;
	top:180px;
	padding:10px
}
.menu .menuItemB .optionsRow2 .addToOrder {
	position:relative;
	float:left;
	width:150px;
}
.menu .menuItemB .optionsRow2 .checkboxOptions {
	width:195px;
	font-family:"museo-sans", sans-serif;
}
.menu .menuItemB .optionsRow2 .checkboxOptions input[type="checkbox"] {
	margin-bottom:3px;
	vertical-align:text-top
}
.menu .menuItemC .itemImg {
	min-width:160px;
	min-height:150px;
	width:238px;
	height:150px;
	position:absolute;
	cursor:pointer;
	background-repeat:no-repeat;
	margin-top: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.menu .menuItemA .itemInfo {
	position:absolute;
	width:238px;
	max-height:160px
}
.menu .menuItemC .itemInfo {
	position:absolute;
	width:240px;
	max-height:160px
}
.menu .legend img {
	margin: 0 5px;
}
/* SIDEBAR */
#orderPanel_orderContentsTop{	
    position:fixed;
	z-index:1002;
	margin-left:758px;
	top:110px
}
#orderPanel_location 
{
    position:absolute;
	margin-top:35px;
	min-height:150px;

}
.infoBox {
    width: calc(var(--cartWidth) - var(--cartBorderWidth) * 2);
    border-left: var(--cartBorderWidth) #9B967A solid;
    border-right: var(--cartBorderWidth) #9B967A solid;
    background: #E9E5D1;
    padding-bottom: 1px;
    font-weight: 500;
    /*min-height:240px*/
}
#orderPanel_orderContents .infoBox {
	min-height:450px;

	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; /* future proofing */
    -khtml-border-radius: 4px; /* for old Konqueror browsers */
	
}
#orderPanel_topTabs {
    position: absolute;
    background: var(--cartPickupDeliveryTabBackground) no-repeat top right;
    width: var(--cartWidth);
    height: 42px;
    text-align: center;
}
#orderPanelBottomCorners {
    border-left: var(--cartBorderWidth) #9B967A solid;
    border-right: var(--cartBorderWidth) #9B967A solid;
    border-bottom: var(--cartBorderWidth) #9B967A solid;
    border-radius: 0 0 5px 5px;
    background: #E9E5D1;
    width: calc(var(--cartWidth) - var(--cartBorderWidth) * 2);
    position: absolute;
    left: 0;
    height: 10px
}
#orderPanel_topTabs.pickup {
    background: var(--cartPickupDeliveryTabBackground) no-repeat top left;
}

#orderPanel_topTabs .tab {
	height:38px;
	float:left;
	cursor:pointer;
	padding-top:8px
}
#orderPanel_topTabs .pickupTab {
	width: calc(var(--cartWidth) / 2);
}
#orderPanel_topTabs .deliveryTab {
    width: calc(var(--cartWidth) / 2);
}
#orderPanel_orderContentsList {
    max-height:250px;
    height:250px;
    overflow:hidden;
    width: calc(var(--cartWidth) - var(--cartBorderWidth) * 2 - var(--cartPadding)); /* only subtract 1 cart padding so the scrollbar touches the right side of the cart panel*/
    outline:none
}
#orderPanel_orderContentsList .itemsList{
    margin-right:5px
}
.delivery .content .locationDateBox {
	font-weight:bold;
}
.delivery .checkoutBtn {
	width: calc(var(--cartWidth) - 20px);
	display:block;
	margin-left:0 !important;
}
.delivery .widthFull {
	width:140px !important;
}
.orderContents {
	z-index:1001;
	position:fixed;
	top:144px;
	margin-bottom:200px;
	margin-left:758px;
	/* -moz-box-shadow: 0px 2px 4px #796750;
    -webkit-box-shadow: 0px 2px 4px #796750;
    box-shadow: 0px 2px 4px #796750; */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; /* future proofing */
    -khtml-border-radius: 4px; /* for old Konqueror browsers */
}
.orderContents .updateQtyBtn {
	width:162px;
	display:block;
	margin-left:0 !important;
}
.itemsList .ingredients {
	margin-bottom: -5px;
}
.itemsList .itemName {
    font-weight:700;
    font-family: "museo-slab",sans-serif;
}
.orderContents .orderPanel_lcItemInput{
    behavior:none;
}
.orderContents .total{
    position:absolute;margin:7px 10px 0 7px;padding: 0 3px;bottom:5px;width:180px;background:#E9E5D1;
    font-family: "museo-slab",sans-serif;
    font-size: 13px;
    font-weight: bold;
}
/*SOUPS*/
#ctl00_ctMain_soupDateRequestedCalendar_popupDiv {
    z-index:1000;
    width:192px
}
#ctl00_ctMain_txtSoupDateRequested {
    cursor:pointer
}


/* Menu Landing Page */
ul.menuOverview {
    display: inline-block;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
ul.menuOverview li {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: -moz-use-text-color;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: none;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 0;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: -moz-use-text-color;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: none;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 0;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: 0;
    display: inline-block;
    float: left;
    height: 105px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 25px;
    padding-top: 0;
    width: 138px;
}
ul.menuOverview li a {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #1B733F;
    display: block;
}
ul.menuOverview li a img {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #CCCCCC;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #CCCCCC;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #CCCCCC;
    border-top-style: solid;
    border-top-width: 1px;
    height: 78px;
    width: 136px;
}
ul.menuOverview li a img:hover {
    border-bottom-color: #999999;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #999999;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #999999;
    border-top-color: #999999;
}
ul.menuOverview li a h4 {
    font-weight: bold;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
ul.menuOverview li p {
    font-size: 0.95em;
}
ul.menuOverviewTall li {
    height: 160px;
}
.viewNutritionalInfoImg 
{
    cursor:pointer	
}    

/*Banners*/

.productDspContainer .menu .productDiscountBanner
{
    width:745px;
    overflow:hidden;
    margin-bottom:20px
}
/* menuFilterPanel */
.menuFilterPanelDropdown{
    margin-left: 550px;
    position: fixed;
    z-index: 100;
    margin-top: 50px;

}
.menuFilterPanelDropdown .autoEditsTitle{
    color: #b5ab9e;
    background: url('../images/icons/dropdown_arrow_tiny.png') no-repeat right center;
    padding-right:20px
    
}

.menuFilterPanelDropdown .heading{
    margin-top: -30px;
    width: 170px;
    cursor:pointer
    
}
.menuFilterPanel {
    padding-bottom: 15px;
    background: url('../images/bg/bg-wood-red.jpg');
    width: 200px;
    top: -5px;
    border-radius: 5px;
    box-shadow: 0 5px 8px #796750; 
    min-height: 50px;
    position: absolute;
}

.menuFilterPanel .heading {
    color: #f5f1e1; 
    padding: 40px 10px 5px;
}

.menuFilterPanel .menuFilter {
    color: #f5f1e1; 
    padding: 6px 10px;
}
.menuFilterPanel .menuFilter img{
    float: left;
    padding-right: 5px;
}

.menuFilterPanel .menuFilter .horizontalLightSwitch {
    background:url(../images/buttons/horizontalLightSwitch.png) bottom;
    float: right;
    height: 20px;
    width: 56px;
    cursor:pointer
}

.menuFilterPanel .menuFilter .horizontalLightSwitchOn {
    background-position: top !important
}

.qtyButtonContainer select.qtySelect option {
    background-color: #2E1F10;
    color:#F5F1E2
}

.qtyButtonContainer select.qtySelect {
    background-color: #2E1F10;
    color:#F5F1E2
}

.lunchcartBagName {
    display: inline-block;
    width: calc(var(--cartWidth) - var(--cartPadding) * 2 - var(--cartBorderWidth) * 2 - var(--bagQtyWidth) - 27px);
}

.lunchcartBagQty {
    display: inline-block;
    width: var(--bagQtyWidth);
}

.personalizedMealsModal .content {
    padding: 20px 40px 20px 40px;
}

.personalizedMealsList {
    max-height: calc(90vh - 170px);
    overflow-y: auto;
}

#orderPanel_orderContentsList .personalizedMealsMode .personalizedMealsItemsWrapper {
    background: #F5F5F5;
    border-radius: 10px;
    padding: 10px 0px;
}

.personalizedMealWrapper {
    background-color: var(--lightBackground);
    border-radius: 10px;
}

.personalizedMealWrapper:nth-child(even) {
    background-color: var(--offWhite);
}

.personalizedMealWrapper:hover {
        background-color: var(--currentFocusBackground);
}
.itemContextMenu {
    float: right;
    margin-right: 20px;
    cursor: pointer;
}

.itemContextMenu:hover {
    background: white;
}

.personalizedMealsModal .header {
    border-bottom: gray solid 1px;
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: 20px;
    padding-left: 40px;
}