body {
	margin:0px auto;  font-family: "IBM Plex Sans","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:14px; line-height: 1.4;
	min-width:1000px;
}

.FoodLineDetailsButton{
	font-size:14px;   color:#FFFFFF; border-radius:7px; border:1px solid #CCCCCC; 
	padding-bottom:10px; padding-top:10px; padding-left:15px; padding-right:15px;
	background:#FF3333FF;
	background: -webkit-gradient(linear,left top,left bottom,from(#FF3333FF),to(#FF6666FF));
	background: -moz-linear-gradient(top,#FF3333FF, #FF6666FF);
	background: linear-gradient(#FF3333FF, #FF6666FF); /* Standard syntax */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF3333FF,endColorstr=#FF6666FF); text-decoration:none;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF3333FF,endColorstr=#FF6666FF)"; cursor:pointer;
}
.FoodLineDetailsButton:hover{
	background:#FF6666FF;
	background: -webkit-gradient(linear,left top,left bottom,from(#FF6666FF),to(#FF3333FF));
	background: -moz-linear-gradient(top,#FF6666FF, #FF3333FF);
	background: linear-gradient(#FF6666FF, #FF3333FF); /* Standard syntax */
}
.FoodLineButton{
color: #000; border-radius: 5px; border: 2px solid #EEE; padding-bottom: 10px; padding-top: 10px;
 padding-left: 15px; padding-right: 15px; background: #fafbfc; cursor: pointer; box-shadow:0px 2px 6px 2px #f1f1f1;
}
.FoodLineButton:hover{
	background:#FFF;
}
#HeaderOverlay{
	background: none repeat scroll 0 0 rgba(33, 33, 33, 0.6);
    height: 200vh;
    width: 100vw;
    position: fixed;
    z-index: 5; left:0;
    margin-top: -200px; display:none;
}

.SearchBoxIcon{
    height: 18px;    vertical-align: middle; display: inline-block; font-size: 18px; 
}

@media screen and (max-device-width: 480px){
	body{
		-webkit-text-size-adjust: none;
	}
}

@media screen and (min-device-width: 500px) and (max-device-width: 1024px) {
	.hideForIpad {
		display: none !important;
	}

	.MenuBarXmasText span, .MenuBarCNYText span, .MenuBarXmasYearEndText span, #LoginHeaderText span { display: none; }
	.MenuBarXmasText:after { content: "Xmas"; }
	.MenuBarXmasYearEndText:after { content: "Year End"; }
	.MenuBarCNYText:after { content: "CNY"; } 
	#ButtonContainer a.mainCategory { padding: 8px 6px !important; }
	#LoginHeaderText:after { content: "Login"; }
}

@media screen and (min-device-width: 500px) and (max-device-width: 1400px) {
	.hideForSmallScreenWithFestive {display: none !important;}
	.MenuBarQuotationsText span, .MenuBarCorporateAccountText span { display: none; }
	.MenuBarQuotationsText:after { content: "Get Quotes"; }
	.MenuBarCorporateAccountText:after { content: "Corporate"; }
	#ButtonContainer a.mainCategory { padding: 8px 6px !important; }	
	#TopMenu_Bento{display:none !important;}
}
#OrderNowFooter{
	position: fixed; bottom: 0px; z-index: 60000000000000000000;
    padding: 12px 20px; text-align: center; left: 0px; right: 0px;
    box-sizing: border-box; color: #000;
    font-weight: bold; text-decoration: none; background: #FFF;box-shadow: 0px 3px 3px 4px #CCC;
}
#OrderNowFooterButton{
	padding: 10px 20px; box-shadow: 0px 0px 1px 3px #DDD; 
}
#AdaptiveHeader{
	display:none;
}
#HeaderSeparater{
	padding-top:143px;
}
#FoodLineMobileHeader{
	display:none; border:0px;
}
#AdaptiveHomePageCategories{
	display:none;
}
#AdaptiveHomePageCategories td{
	width:50%;
}
input,option,select{
	font-family: "IBM Plex Sans",Verdana, Geneva, Arial, Helvetica, sans-serif; 
	-ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
textarea{
	font-family: "IBM Plex Sans",Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; padding:2px;
	-ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.FLFormInput{
	padding:5px 3px; 
}

#OverallHeader{
	position:fixed; width:100%; left:0px; z-index: 10; -webkit-box-shadow: 0 5px 5px -5px;
    box-shadow: 0 5px 5px -5px;
	color: rgba(0,0,0,0.5); margin-bottom:20px; transition: color 2s;  -webkit-transition: color 2s linear; 
}
#DesktopHeader{
	background:#FFF;	
	height:80px; display:block; 
	transition: height .15s linear; 
	-webkit-transition: height .15s linear; 
}
#InnerDesktopHeader{
	margin:0px auto; position:relative;
}
#InnerDesktopHeader img{
	margin-left:30px; margin-top:20px;
}

#UserHeaderText{
	color:#FFF; background: #FF3333;
	background: -webkit-gradient(linear,left top,left bottom,from(#FF3333),to(#FF6666));
	background: -moz-linear-gradient(top,#FF3333,#FF6666);
	background: linear-gradient(#FF3333, #FF6666);			
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF3333,endColorstr=#FF6666);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF3333,endColorstr=#FF6666)"; font-size:18px; font-weight:400;  margin:0px; 
	transition: height .15s linear; 
	-webkit-transition: height .15s linear;      
	-webkit-box-shadow: 0 8px 5px -5px rgba(0,0,0,0.5);
    box-shadow: 0 8px 5px -5px rgba(0,0,0,0.5);
}
#UserHeaderText div{
    width:90%; margin:0px auto; max-width:1200px;
}
#CustomerNumHeader{
	display:block; text-align:center; padding:5px;
}
#FoodlineLogo {
    width: 350px; 
    display: inline-block;float: left;
}

#CustomerLogin {
	display: inline-block; position:absolute;
	/*margin-left: 50px;}*/
}
#ButtonContainer .SideNavIconsImgContainer img{
	vertical-align:middle;
}
#ButtonContainer #TopMenu_Login{
	width:auto;
}
#ButtonContainer #TopMenu_LoginAlready{
	padding: 2px 8px !important; width:auto;
}

#CustomerLogin #LoginButton a.button{
	min-width:150px; 
    text-align: center; text-decoration: none; 
    margin: 10px;
    font-weight: bold; 
    display:inline-block; background:#FFF8F2;
    padding: 5px; border-radius: 5px; border:1px solid #F26522;

}

#CustomerLogin #SignupTextContainer{
    display: inline-block;
    text-align: center; padding: 10px;    margin: 0px 10px 10px 10px;
    border-radius: 5px; border: 1px solid #CCC ;
    position: absolute;
    z-index: 150;    
    -webkit-transition: all 0s ease 1s ;
    transition: all 0s ease 1s; 
    display: none; background: #FFF;
    box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);  line-height:1; color:#000;
}    




#CustomerLogin #SignupTextContainer::after{
    content: "";position: absolute;bottom: 100%;left: 45%; margin-left: -5px;
    border-width: 12px; border-style: solid; 
    border-color: transparent transparent white transparent;   
}


#CustomerLoginProfilePicDesktop{
	height: 32px; width: 32px; border-radius: 50%;
	display: inline-block;vertical-align: middle;
}
@media screen and (min-device-width: 500px) and (max-device-width: 1024px) {
    #Header_UserName{
        display: inline-block;
        max-width: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
    }
}

.CustomerLoginProfilePic{
	height: 16px; width: 16px; border-radius: 50%;
	display: inline-block;vertical-align: middle;
}
#HeaderSignInAdaptive{
	background: #fa76328a; color: #fff; padding:5px;
}

.InfoContainer {
    border: 1px solid #F26522;
    background: #FFF8F2;
    width: 750px;
    display: inline-block;
    margin: 0px auto;
    padding: 10px;
	margin-top:60px; margin-bottom:30px;
}

.nav-sidebar {
    border: 1px solid #F26522; vertical-align:top;
    background: #FFF8F2; display: inline-block; width: 168px;
    margin-top: 60px; padding: 1%;box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3); margin-bottom:30px; margin-right:30px;
}

.NavSideBarIcons{
	color: #666; font-size:24px;vertical-align:middle;
}
.NavSideBarIconsImgContainer{
	display: inline-block; text-align: center; vertical-align: middle;font-size: 0px;
}

#loginNavContainer .fa-sign-in{margin: 2px;width: 18px;color: white;font-size: 18px; vertical-align: middle;}
#loginNavContainer .fa-user-plus{margin: 2px;width: 18px;color: white;font-size: 18px; vertical-align: middle;}

.side-nav {float: right; margin-bottom:20px; margin-top:20px; }
.nav-sidebar .button{
    width: 160px; font-size:16px; color: #000; 
    text-decoration: none; 
    text-align: left;
    margin: 2px;           
    /*   -- border: 1px solid black;*/
    display: block;margin: 5% 0% 5% 0%; 

    padding: 4px 4px 4px 4px;                   
}
.nav-sidebar .button:hover{
	background: gainsboro;
}



#HotLine{float: right;
		 color:#000; background:transparent; text-align:center; width: 200px;display: inline-block;
}
#HotLine table{
	position: absolute; right:0%; top:0%; padding-right:10px; width:auto;
}

#HotLine td{
	padding-right:15px;
}
#AdaptiveHotLine{
	color:#FFFFFF; background:transparent; text-align:center; font-size:16px;
}
#AdaptiveHotLine table{
	position: absolute; right:0%; top:0%; padding-right:10px; padding-top:15px; 
}

#AdaptiveHotLine td{
	padding-right:15px;
}
#ButtonContainerBackground{
	position:relative; z-index:100; background:#FFF;	
	border-bottom: 1px solid #CCC; 
	transition: border-color 2s;
	-webkit-transition: border-color 2s;
}

#ButtonContainer{
	list-style: none;
	margin:0px auto;
	clear: both;
	padding:0px;	
	box-sizing:content-box; margin-left:20px;
}
@media screen and (min-device-width: 500px) and (max-device-width: 1024px) {
    #ButtonContainer{
        margin-left: 5px;
        margin-right: 5px;
    }
}
#ButtonContainer  #HeaderLoginLink{
	position:absolute; right:100px;
}
@media screen and (min-device-width: 500px) and (max-device-width: 1024px) {
    #ButtonContainer #HeaderLoginLink{
        position: unset; right: unset;
    }
}
#ButtonContainer li:last-child{
	border-right:0px !important;
}
#ButtonContainer li.mainLink{
	list-style: none;
	position:relative;
	display:inline-block;  
	/*padding-right: 0.5%;*/

}
#ButtonContainer li.mainLink:hover .mainCategory{
    background-color: #F33; color:#FFF;
}

/*Non-Festive*/

#ButtonContainer a.mainCategory{
	color:#000; display:block;text-align: center; text-decoration: none; padding:8px 8px; 
}

#MoveToTop{
	position:fixed; width:30px; height:30px; border-radius: 50%; background:rgba(255,0,0,0.8); color:#FFF; font-weight:bold; right:100px; bottom:100px; padding:10px; cursor:pointer; display:none; text-align:center; line-height: 30px; box-sizing:content-box; -webkit-box-sizing:content-box; box-shadow: 2px 2px 5px #333;
}
#MoveToTop div { line-height: 1.2; display: inline-block; vertical-align: middle; }
#MoveToTop:hover{
	color:#EEE; background:rgba(220,0,0,0.8);
}

/*Festive*/
/*
#ButtonContainer #Home{
	width:70px;
}
#ButtonContainer a.mainCategory{
	color:#FFFFFF; display:block; height:28px; text-align: center; text-decoration: none; padding:10px 6px 0px 6px; width:80px; 
}
#ButtonContainer a.mainCategoryFestive{
	color:#FFFFFF; display:block; height:28px; text-align: center; text-decoration: none; padding:10px 6px 0px 6px; width:220px; 
}
#ButtonContainer a.faq{
	color:#FFFFFF; display:block; height:28px; text-align: center; text-decoration: none; padding:10px 6px 0px 6px; width:70px; 
}
#ButtonContainer a.cakeDelivery{
	color:#FFFFFF; display:block; height:28px; text-align: center; text-decoration: none; padding:10px 6px 0px 6px; width:80px; 
}

#ButtonContainer #Cashreward{
	width:120px;
}
#ButtonContainer #TopMenu_CorporateDiscounts{
	padding-top:1px;
}
#ButtonContainer #TopMenu_ContactUs{
	width:120px;
}*/

#ButtonContainer a.mainShortCategory{
	color:#FFFFFF; display:block; height:100%; text-align: center; text-decoration: none; padding:10px; width:80px;
}
#ButtonContainer a.mainLongCategory{
	color:#FFFFFF; display:block; height:100%; text-align: center; text-decoration: none; padding:10px; width:145px;
}

#ButtonContainer #CNYCatering{
	width:260px; text-shadow: 2px 2px 4px #000000;  color:#ffff00;  
}

#ButtonContainer #CNYFestiveLogo {
	vertical-align: middle; border: 1px solid #000; border-radius: 2px; box-shadow: 2px 2px 3px 1px #b9b9b9;
}
#ButtonContainer .MenuBarCNYText { vertical-align: middle; }
#ButtonContainer .LeftFestiveLogo{
	float:left; margin-left:5px; padding-top:3px; margin-right:4px; margin-top: 10px; width:32px; height:32px; background: url('/PageImage/Spirte_2.png?20150331') 0 -39px; display:inline-block;
}

#ButtonContainer .CakeLogo{
	clear:right; float:right;position:relative; top:-10px;  margin-right:10px;  width:31px; height:33px; background: url('/PageImage/Spirte_2.png?20150331') 0 -137px; display:inline-block;
}

#ButtonContainer #FestivePanel li{
	width:420px;
}

.CNYFestiveLogo_Category{
	vertical-align: middle; border: 1px solid #000; border-radius: 2px;
}
.CNYHongBao{
	float:left; width:32px; height:32px; display:inline-block; 
}
#AdaptiveHeader .LeftFestiveLogo{
	padding-top:3px; margin-right:7px; width:32px; height:32px; background: url('/PageImage/Spirte_2.png?20150331') 0 -39px; 
}
#AdaptiveHeader .CakeLogo{
	padding-top:3px; margin-left:5px; width:31px; height:33px; background: url('/PageImage/Spirte_2.png?20150331') 0 -137px; 
}
.HeaderArrow{
	width:11px; height:8px; background: url('/PageImage/Spirte_2.png?20150331'); display:inline-block;
}
#NavPanelBackground{
	position: fixed; background: rgba(0,0,0,0.4); height: 1000px; width: 100%; display:none;
	z-index:-1; top:0px;
}

.Guarantee{
	width:19px; height:17px; background: url('/PageImage/Spirte_2.png?20150512') 0 -174px; float:left;
}
.DeliveryCost{
	height:16px; width:40px; background: url('/PageImage/Spirte_2.png') 0 -197px no-repeat; padding-left:23px; display:inline-block;
}
.FilterButton{
	height:16px; width:40px; background: url('/PageImage/Spirte_2.png') 0 -214px no-repeat; padding-left:23px; display:inline-block; font-weight:bold;
}
.SortButton{
	height:17px; width:30px; background: url('/PageImage/Spirte_2.png') 0 -232px no-repeat; padding-left:18px; display:inline-block; font-weight:bold;
}
.MapButton{
	height:17px;  background: url('/PageImage/Spirte_2.png') 0 -288px no-repeat; padding-left:18px; display:inline-block; font-weight:bold;
}
.ListButton{
	height:17px; width:70px; background: url('/PageImage/Spirte_2.png') 0 -306px no-repeat; padding-left:18px; display:inline-block; font-weight:bold;
}
.ShoppingCartIcon{
	width:43px; height:35px; background: url('/PageImage/Spirte_2.png?20150918') 0 -250px no-repeat; padding-left:43px; display:inline-block; position:relative;
}

.InfoButton{
	background: url('/PageImage/Logo/Buttons2x.png') 0 0px;  width:10px; height:10px; display:inline-block; background-size:10px;
}

#ShoppingCartNum{
	border-radius:10px; width:20px; height:20px; position:absolute; left:12px; top:1px; background:#e3628b; color:#FFFFFF; font-size:12px; line-height:20px;
}



#ButtonContainer .PopupPanel{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 0;	
	border-radius:0px 0px 10px 10px;		
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
	box-shadow: inset 0 0 10px rgba(0,0,0,0.5);	
	-moz-box-shadow: 10px 10px 10px -10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 10px 10px 10px -10px rgba(0,0,0,0.5);
	box-shadow: 10px 10px 10px -10px rgba(0,0,0,0.5);	
	z-index: 30;
	position: absolute;
	padding:0px;	
	top:100%;
	left:0px;
	border:1px solid #F33;
	display:none;
	margin:0px; 
	background-color: #FFF;
}

#CaterersPanel,#MenuPanel,#CakesPanel{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}


#ButtonContainer .PopupPanel li{	
	width:350px; list-style: none; display:inline-block;	
}

#UserPanel {
	left: auto !important;
	right: 0px;
}

#ContactUsPanel li, #UserPanel li{
	width:170px !important;
}
#ButtonContainer .PopupPanel a{
	color:#000; text-decoration: none; display:block; padding:10px;     border-bottom: 1px solid #CCC;
}
#ButtonContainer .PopupPanel li:last-child a{
	border:0px;
}
#ButtonContainer .PopupPanel .Num{
    float:right; margin-left:10px; display:inline-block; margin-top:10px; color:#000; cursor:pointer; margin-right:10px;
}
#ButtonContainer .PopupPanel li:hover a,#ButtonContainer .PopupPanel li:hover .Num, #ButtonContainer .PopupPanel li:hover{
    color: #F33; 	
}
.Arrow{
	margin-left:5px;
}

#FoodLineTitle{
	font-size:16px; color:rgba(255,0,0,0.8); text-align:left; margin-left:10px;
}

#Footer{
    border-top:1px solid #666; margin-top:10px; color:#666; 
    background:#E8E8E8; padding:10px;
}
#FooterMenuIdSection{
	float:right;
}
#FooterMenuIdContainer{
	margin-bottom:10px; border:1px solid #FFFFFF; padding:5px;
}
#FooterCategories{
	max-width:1600px; margin:0px auto; display: table;
}
#FooterCategories .FollowUsIcon{
	display:inline;
}
#FooterCategories a{
    color:#666; text-decoration:none; display:block;
}

#FooterCategories .FooterCateringSection{
	display:inline-block; vertical-align:top; margin-right:20px; width:180px; max-width:180px; margin-bottom:10px;
} 
#FooterCategories .FooterCateringSectionHeader{
	font-weight:bold; margin-bottom:5px;
}
#FooterCategories a:hover{
	text-decoration:underline;
}
#FooterCategories #FooterSwitchLinks{
	display:none; margin-bottom:10px; text-decoration:underline !important; background:#f54047; padding:10px; text-align:center;
}
#ContactUsAdaptive{
	display:none; 	z-index:8;
	background: -webkit-gradient(linear,left top,left bottom,from(#e24e54),to(#BE0000));
	background: -moz-linear-gradient(top,#e24e54,#BE0000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e24e54',endColorstr='#BE0000');
	color:#FFFFFF;
	position: fixed; bottom:0px; width:100%;
	background-color: #f54047;
	background: -webkit-gradient(linear,left top,left bottom,from(#C90000),to(#f54047));
	background: -moz-linear-gradient(top,#C90000,#f54047);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C90000',endColorstr='#f54047');
	-moz-box-shadow: 0 -5px 5px -5px #FFFFFF;
	-webkit-box-shadow: 0 -5px 5px -5px #FFFFFF;
	box-shadow: 0 -5px 5px -5px #FFFFFF;
	transition: height 0.2s; height:0px; 
}
#ContactUsAdaptive a{
	color:#FFFFFF; text-decoration:none;
}
#ContactUsAdaptiveBestPrice{
	font-weight:bold; font-size:12px; margin-top:10px;
}
#MediacorpFont{
	font-size:10px;
}
#footer_hotline{
	color:#FFFFFF;
}
/*#XiangYunPhoto{
	position:relative; bottom:88px; left:0px; display:none; max-width:75px;
}*/
@media only screen and (max-device-width:500px){		/*set device width on purpose*/
	#FooterSwitchLinks{
		display:block;
	}        
}

.SectionHeader{
	color:rgba(255,0,0,0.8); font-weight:bold; margin-top:50px; font-size:20px; text-align:center;
}
.Description{
	margin-top:10px; margin-bottom:10px;
}
.Title{
	font-size:16px; font-weight:bold; display:block; text-decoration:none;
}
.Title:hover{
	text-decoration:underline;
}
.Package{
	text-decoration:none;
}
.Package:hover{
	text-decoration:underline;
}

.Pic{
	border:0px;
}
.Error{
	border: 1px solid #BE0000;  padding:10px; background:#FFF2F2;
}
.Success{
	border: 1px solid #00BE00;  padding:10px; background:#EAFFEA;
}
.Notification{
	padding:10px; background:#FEF2AF; border: 1px solid #FFB900; border-radius:5px;
}
.ImptNotification{
	background:#E3FFCE; padding:10px; border:1px solid #009900;
}
#ProcessTbl{
	width:800px; font-size:14px; margin-bottom:20px;
}
#ProcessTbl td{
	padding:5px;
}
#ProcessTbl a{
	text-decoration:none;
}
#ProcessTbl a:hover{
	text-decoration:underline;
}
#TagBg{display:block; height:150px;}
#TagLine{position:absolute;  top:167px; }
#FoodLineHiddenImg{display:none;}
#LeadershipBoardMain{text-align:center; margin:20px;}
#LeadershipBoardMainImg{border:1px solid #000000;}

#LuckyDraw{
	float:right; margin-right:20px;  font-size:14px; line-height: 14px; color:#ffff00; font-weight: bold; text-decoration: none; 
}
#LuckyDraw:hover{
	text-decoration: underline; 
}
#LuckyDraw img{
	border:0px;
}

img{
	border:0px; 
}
#TopSearchBox{
	border:1px solid #CCCCCC; clear:both; padding:5px; margin-top:40px; background:#FCF3EB;
}
#TopSearchBox td{
	padding-right:10px;
}
#TopSearchBox th{
	text-align:right;
	font-weight:normal;
}
#TopSearchBoxHeader{
	color:#F26522; font-weight:bold; margin:0px; font-size:14px;
}

#LuckyDrawPopupbackground{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
	height:100%;
	left:0px;
	position:fixed;
	top:0px;
	width:100%;
	z-index:100000000;
}
#LuckyDrawPopupContainer{
	z-index:100000001; top:3%; position:fixed; width:100%; height:100vh;
}
#LuckyDrawPopupFront{
	background:#FCF3EB; width:580px; margin:0px auto; border-radius:20px;  border:1px solid #666666; text-align: left;
}
#LuckyDrawPopupInner{
	padding:10px; line-height:20px; font-size:14px; 
}
#LuckyDrawPopupInner h2{
	color:rgba(255,0,0,0.8); font-size:16px;
}

#Popupbackground{
	background: none repeat scroll 0 0 rgba(33, 33, 33, 0.6);
	height:100%;
	left:0px;
	position:fixed;
	top:0px;
	width:100%;
	z-index:600000000000000000000; display:none; overflow-y:auto; overflow-x:hidden;
}
#PopupContainer{
	width:100%;  display:none; top: 0; right: 0; bottom: 0; left: 0; 
	margin:50px auto; 
}
#PopupFront{
	background:#FFF; max-width:800px; margin:0px auto; border-radius:5px;  border:1px solid #DDD; text-align: left;  box-shadow: 0 2px 28px 0 rgba(0,0,0,0.1);
}
#PopupInner{
	padding:0px 10px 10px 10px;
}
#PopupInner h2{
	color:rgba(255,0,0,0.8);
}
#PopupCloseLink{
	float:right;    text-decoration: none;   padding:10px; font-size:18px;
}
#PopupCloseLink:hover{
	text-decoration:underline;
}
#PopupBanner { width: 100%; }

#FacebookAdaptiveLuckyPopup{
	display:none;
}
#CloseLuckyDrawPopupBtn{
	font-size:14px; background:#BE0000; color:#FFFFFF; margin-top:10px; cursor:pointer;
}
#CloseLuckyDrawLink{
	float:right; font-size:12px;
}
#LuckyDrawTbl{
	margin-top:20px;
}
#LuckyDrawTbl th{
	text-align: right; padding-right:20px;
}
#LuckyDrawAmount{
	font-size:16px; font-weight:bold;
}
#CloseLuckyDrawLinkAdaptive{
	display:none; text-align:center;
}
#CatererReviewPopupbackground,#CatererPagePopupbackground{

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);

	height:100%;
	left:0px;
	position:fixed;
	top:0px;
	width:100%;
	z-index:10;
}

/*Popup of Caterer and Caterer Review Page*/
#CatererReviewPopupbackground,#CatererPagePopupbackground,#RegularPopupbackground{

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);

	height:100%;
	left:0px;
	position:fixed;
	top:0px;
	width:100%;
	z-index:10;
}
#CatererReviewPopupContainer,#CatererPagePopupContainer{
	z-index:40; top:5%; position:absolute; width:100%;
}
#RegularPopupContainer{
	z-index:40; top:10%; position:absolute; width:100%;
}

#RegularPopupFront{
	background:#FCF3EB; width:820px; margin:0px auto; border-radius:5px;  border:1px solid #666666; text-align: left;
}

#CatererReviewPopupFront,#CatererPagePopupFront{
	background:#FCF3EB; width:650px; margin:0px auto; border-radius:20px;  border:1px solid #666666; text-align: left;
}
.SignInTitle{
	margin-top:10px; font-weight:bold;
}
.SignInInput{
	width:200px; padding: 8px 5px;
}
#Popupimage{
	width:100%; cursor: pointer;
}
#CatererReviewCatererName,#CatererPageCatererName{
	font-size:24px;
}
#CatererReviewPopupInner,#CatererPagePopupInner,#RegularPagePopupInner{
	padding:10px; line-height:20px; font-size:14px; 
}
#CatererReviewPopupInner li, #CatererPagePopupInner li{
	font-weight:bold;
}
#CatererReviewPopupInner h2, #CatererPagePopupInner h2, #RegularPagePopupInner h2{
	color:rgba(255,0,0,0.8); font-size:20px;
}
#PromotionSignUpForm{
	border-top:1px solid #333; padding-top:10px; width:100%; margin-bottom:10px;
}
/*#PromotionXiangYun{
	line-height:1; font-size:10px; float:right; text-align:right;
}*/
.PromotionPopupSection{
	display:inline-block; margin-top:10px; margin-left:5px;
}
.PromotionPopupCaption{
	position: relative; margin-top: -25px; background: rgba(30,30,30,0.6); text-align:center; color:#fff; 
}

#CloseCatererReviewPopupBtn, #CloseCatererPagePopupBtn{
	font-size:14px; background:#BE0000; color:#FFFFFF; margin-top:10px; cursor:pointer; padding:10px; border-radius:7px;
}
#CloseCatererReviewLink, #CloseCatererPageLink{
	float:right; font-size:12px;
}
#CloseCatererReviewLinkAdaptive,#CloseCatererPageLinkAdaptive{
	display:none; text-align:center;
}

#PromotionSignUpForm #BottomSection{
	width:320px;
}


#AnyCaterer{
	font-size:16px; font-weight:bold;
}
#BottomSectionSubmited{
	display:none;
}
#BottomSection{
	/*display:none;*/
}


#google-cse td{
	padding:0px !important;
}

#FBBox{
	float:right; border:1px solid #AAAAAA; padding:3px; margin-left:10px; border-radius:5px;
}

#FBAdaptiveHeader{
	display:none;
}

#ActivityPanel{
	position:fixed; bottom:80px; right:15px; width:280px; z-index: 160000023;
}
#ActivityPanelTop{
	margin-bottom:20px;
}    
#ActivityPanel .close{
	float: right; font-size:10px; margin-left:5px; margin-bottom:2px;
}

#ActivityPanelBtm,#ActivityPanelTop{
	border:2px solid #F26522; border-radius: 10px; padding:10px; background:#FFF9BE; display:none; box-shadow: 2px 3px 3px 0px #DEDEDE;
}    

#ActivityPanelBtm .submittedTime{
	color:#333333; font-size:11px;
}

#AdaptiveTopSearchBox{
	display:none;
}
#SearchBoxEmphasizeCatering{
	display:inline; font-size:14px; 
}

.FoodLineSearchButton{
	font-size:20px;       color: #FFF;
    font-weight: bold; border-radius:7px; border:1px solid #CCCCCC; 
	padding-bottom:10px; padding-top:10px; padding-left:20px; padding-right:20px;
	background: #FF3333;
	background: -webkit-gradient(linear,left top,left bottom,from(#FF3333),to(#FF6666));
	background: -moz-linear-gradient(top,#FF3333,#FF6666);
	background: linear-gradient(#FF3333, #FF6666);			
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF3333,endColorstr=#FF6666);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF3333,endColorstr=#FF6666)";
	cursor:pointer;
}
.FoodLineSearchButton:hover, .FoodLineSearchByNameButton:hover{
	background: #FF6666;
	background: -webkit-gradient(linear,left top,left bottom,from(#FF6666),to(#FF3333));
	background: -moz-linear-gradient(top,#FF6666,#FF3333);
	background: linear-gradient(#FF6666, #FF3333);			
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF6666,endColorstr=#FF3333);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF6666,endColorstr=#FF3333)";
	cursor:pointer;

}
.FoodLineSearchByNameButton{
	color:#FFFFFF; border-radius:7px; border:1px solid #CCCCCC;  font-size:18px;  
	padding-bottom:4px; padding-top:3px; padding-left:10px; padding-right:10px;

	background: #ffe212;
	background: -webkit-gradient(linear,left top,left bottom,from(#ffe212),to(#ffb203));
	background: -moz-linear-gradient(top,#ffe212,#ffb203);
	background: linear-gradient(#ffe212, #ffb203);			
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe212,endColorstr=#ffb203);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe212,endColorstr=#ffb203)"; 
	cursor:pointer;
}
.FoodLineSearchByNameButton:disabled{
	color:#FFFFFF; border-radius:7px; border:1px solid #CCCCCC; 
	padding-bottom:4px; padding-top:3px; padding-left:10px; padding-right:10px;
	background:#CCCCCC;
	background: -webkit-gradient(linear,left top,left bottom,from(#999999),to(#CCCCCC));
	background: -moz-linear-gradient(top,#999999,#CCCCCC);
	background: linear-gradient(#999999, #CCCCCC); /* Standard syntax */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#999999,endColorstr=#CCCCCC);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#999999,endColorstr=#CCCCCC)"; cursor:pointer;
}
.FoodLineSearchFreeTextInput{
	padding:10px; font-size:18px; border-radius:2px; 
}

.ReviewStarsBase{

	background: url('/PageImage/StarSpirte.png') 0 0px;
	background-size: 84px;
    background-repeat: no-repeat;
    width:84px; height:16px; display:inline-block;text-decoration:none;
}

.ReviewStarsHighlight{
	background: url('/PageImage/StarSpirte.png') 0 -16px;
	background-size: 84px;
    background-repeat: no-repeat;
    height:17px; display:block;
    text-decoration:none;vertical-align:bottom;
}

.ReviewStarsBaseBig{
	background: url('/PageImage/StarSpirteBig.png') 0 0px;
	background-size: 126px;
    background-repeat: no-repeat;
    width:126px; height:24px; display:inline-block;text-decoration:none;
}

.ReviewStarsHighlightBig{
	background: url('/PageImage/StarSpirteBig.png') 0 -24px;
	background-size: 126px;
    background-repeat: no-repeat;
    height:25px; display:block;
    text-decoration:none;vertical-align:bottom;
}

.ReviewStarsBaseMap{
	background: url('/PageImage/StarSpirte.png') 0 0px;
	background-size: 84px;
    background-repeat: no-repeat;
    width:84px; height:16px; display:table-cell;text-decoration:none;vertical-align:bottom;
}
.SearchBoxEventDate{
	width:100px;
}
.ui-datepicker{ z-index: 9999 !important;}
.ui-autocomplete {
   max-height: 200px; overflow-y: auto; overflow-x: hidden; max-width:400px;
 }
.SearchBoxEventDateAdaptive{
	width:110px; display:none;
}

.RedOrderBtn{
	font-size: 28px;
    color: #FFFFFF;
    border-radius: 7px;
    border: 1px solid #CCCCCC;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
	 background: #FF3333;
	background: -webkit-gradient(linear,left top,left bottom,from(#FF3333),to(#FF6666));
	background: -moz-linear-gradient(top,#FF3333,#FF6666);
	background: linear-gradient(#FF3333, #FF6666);			
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF3333,endColorstr=#FF6666);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF3333,endColorstr=#FF6666)";
	
	
    cursor: pointer; display:inline-block;
    text-decoration:none; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.RedOrderBtn:hover{
	background: #FF6666;
	background: -webkit-gradient(linear,left top,left bottom,from(#FF6666),to(#FF3333));
	background: -moz-linear-gradient(top,#FF6666,#FF3333);
	background: linear-gradient(#FF6666, #FF3333);			
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF6666,endColorstr=#FF3333);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF6666,endColorstr=#FF3333)";
	cursor:pointer;
}
.SectionDemarkingFL{
	border-bottom:1px solid #EEE; overflow: auto; padding-bottom:50px;
}
.SectionDemarkingFL:nth-of-type(odd){
	background: rgb(255, 252, 251);	
}
.SectionDemarkingFL:nth-of-type(even){
	background:#FFF;  
} 
.CenterSection{
	max-width:1200px; margin:0px auto;   text-align:center;
}
.BigTextBox{
	padding:10px; font-size:16px;
}

.IconBorder{
	border: 2px solid #333; width: 26px;
    height: 26px;
    border-radius: 26px;
	padding: 1px;
    text-align: center;
    vertical-align: middle;
    margin-top: 0;
    color: #333;
    font-size: 18px; display:inline-block;
}
.IconBorder i {
    vertical-align: middle;
}
.SmallIconBorder{
	border: 1px solid #333; width: 13px;
    height: 13px;
    border-radius: 13px;
    text-align: center;
    vertical-align: middle;
    margin-top: 0;
    color: #333;
    font-size: 10px; display:inline-block;
}

#CorporateMenuAccess{
	padding: 5px 20px 5px 20px; margin:0px auto;  text-align:center; color:#000;
}

#PriceCalculatedTbl th{
	text-align:left; padding-right:15px; 
}
#PriceCalculatedTbl td{
	text-align:right; padding-right:0px !important; 
}
/*#PriceCalculatedTbl tr:last-child th, #PriceCalculatedTbl tr:last-child td {*/
#totalRow th, #totalRow td, #transactionFeeRow th, #transactionFeeRow td { 
    border-top: 1px solid #000;
	/*    padding-top: 10px;*/
}
#OffsetCalculatedTbl th{
    text-align:left; padding-right:65px; vertical-align:top;
}
#PriceCalculatedTbl .Total{
	font-weight:bold; font-size:16px;
}

#PriceCalculatedTbl #RemainingPayment, #PriceCalculatedTbl #GrandTotal{
	font-weight:bold; font-size:18px;
}

#MinSpendError th{
    font-weight: normal;padding-right:0px; text-align:center; color: #FF0000;
}
#RewardCalculatedTbl th{
	text-align:left; padding-right:15px; vertical-align:top;
}
#RewardCalculatedTbl,#OffsetCalculatedTbl td{
	text-align:right; vertical-align:top; padding-right:0px !important; padding-right:0px !important;
}

.DisplaySetFromPrice {
color: #666; display: block; font-size: 12px; font-weight:normal;
}
.DisplayDiscountPrice {
display: block;
}
.StrikeThrough {
color: #AAAAAA; text-decoration: line-through; font-weight:normal; font-size:90%;
}

#HeaderInfo{
 background: #FEF2AF; color:#000;
	box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5);-moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5); width:100%;
}
#HeaderInfoTab{	   
    background: #FEF2AF;
    border-top-color: rgb(255, 185, 0);
    border-top-style: solid;
    border-top-width: 5px;
    box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5);
    background: #FEF2AF;
    border-top: 5px solid #FFB900;
    display: inline-block;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    right: 0px;
    margin-right: -50px;
    margin-top: 50px; font-size:18px;
    padding: 5px 10px;
    box-shadow: -2px -2px 5px 2px #AAA; z-index:1;
}

#HeaderCorporateTab {
	background: #FEF2AF;
    border-top-color: rgb(255, 185, 0);
    border-top-style: solid;
    border-top-width: 5px;
    box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5);
    background: #FEF2AF;
    border-top: 5px solid #FFB900;
    display: inline-block;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: fixed;
    left: 0px;
    margin-left: -57px;
    margin-top: 57px; 
	font-size:18px;
    padding: 5px 10px;
    box-shadow: 2px -2px 5px 2px #AAA;
}
#HeaderCorporateClientImg{
	vertical-align:middle; max-height:28px; max-width:120px; padding:2px 5px; border:1px solid #AAA; background:#FFF;
}

#HeaderCorporateClientImg:hover {
	box-shadow: 0px 0px 10px 4px #FFA8A8;
}

#HeaderInfoTab, #HeaderCorporateTab{
	cursor:pointer;
}
#HeaderInfoTab:hover{
	box-shadow: -2px -2px 5px 2px #FFB900;
}
#HeaderCorporateTab:hover{
	box-shadow: 2px -2px 5px 2px #FFB900;
}
#DetailsOfRecentViewMenusHeader{
	text-align:center;
}
#CorporateMenuAccessContainer{
	border-bottom:1px solid #DDD; padding:0px; border-radius:0px;
}

#RecentView{
	padding: 5px 20px 5px 20px;margin:0px auto;  text-align:center;
}
.RecentViewLogos{
	width: 40px; height: 30px; object-fit: scale-down; vertical-align: middle; margin-right: 10px; -webkit-box-shadow: 1px 1px 1px #888; box-shadow: 1px 1px 1px #888; background:#FFF;
}

#RecentView #Close{
	float:right; cursor:pointer;
}
#RecentView #Close:hover{
	color:rgba(255,0,0,0.8);
}
#RecentView #LastViewText{
	display:inline-block;
}
.DetailsRecentViewLogos{
	width: 60px; height: 40px; object-fit: scale-down; vertical-align: middle; margin-right: 10px; -webkit-box-shadow: 1px 1px 1px #888; box-shadow: 1px 1px 1px #888; display:block; background:#FFF;
}
#RecentViewTitle{
	font-weight:bold; margin-right:10px;
}
#DetailsOfRecentViewMenus{
	position: fixed; background: #fef2af; right: 0px; padding:0px 10px 10px 10px;
	border-left: 1px solid #FFB900; border-bottom: 1px solid #FFB900; border-right: 1px solid #FFB900; border-top: 1px solid #FFB900; 
	box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5) , -5px 0px 5px -5px rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5), -5px 0px 5px -5px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5), -5px 0px 5px -5px rgba(0,0,0,0.5);     max-height: 400px; overflow-y: auto; right:-400px;z-index:1;
}
#DetailsOfRecentViewMenus{
	transition: right 0.5s;
	-webkit-transition: right  0.5s;
}
#DetailsOfRecentViewMenus a{
	text-decoration:none; color:#0000FF;
}
#DetailsOfRecentViewMenus a:hover{
	text-decoration:underline; 
}
#DetailsOfRecentViewMenus div{
	vertical-align:top;
}
.RecentViewRow{
	display:table-row;
}
.RecentViewRow:nth-child(odd){
	background:#F3F3F3;
}
.RecentViewRow:hover{
	background:#FEF2AF;
}
.MenuLink{
	text-align:left; width:500px;
}
.PicLink:hover + .MenuLink a{
	text-decoration:underline !important;
}


.PicLink, .MenuLink{
	display: table-cell; vertical-align: top; padding: 10px 5px;
}

#latestRFQTbl{
	border-collapse: collapse; border:1px solid #CCC;
}
#latestRFQTbl th{
background: #EEE; color: #000; padding: 5px; text-align: left;
}
#latestRFQTbl td{
 padding:5px;
}

.DiscountCatererLogo{
	width:50px; height:50px; object-fit: scale-down;	-webkit-box-shadow: 1px 1px 1px #888;
    box-shadow: -1px 1px 1px #888; -moz-box-shadow: -1px 1px 1px #888; position:absolute; top:0px; right:0px; background:#fff; border-radius:3px;
}
.DiscountContainer{
	width:200px;  color:#000; margin:10px; white-space:normal;    box-shadow: 0px 0px 5px 3px #EEE; border:1px solid #EEE;
}
.DiscountContainer:hover{
	border:1px solid #FF0000; 
}

.DiscountTag{
	background: rgba(255,33,33,0.8); text-align: center; padding: 8px;
	color: #FFF;  line-height:1; position:absolute;
	box-shadow: 2px 2px 2px #333; display:inline-block;
}
.FlashTag{
	background: #f8c301; text-align: center; padding: 8px;
	color: #000;  line-height:1; position:absolute;
	box-shadow: 2px 2px 2px #333; display:inline-block; font-weight:bold;
}
.FlashSummaryDesc{
	background: #555; padding: 10px; color: #fff; text-align: center;  font-size: initial; font-weight: initial; min-width:150px;
}
.DiscountMenuDetailsContainer{
	text-align:center; padding:5px;
}
.DiscountMenuPrice{
	font-size:12px;  overflow:hidden;  width: 190px; white-space: nowrap; text-overflow: ellipsis;
}
.DiscountMenuDetails{
	font-size:12px;  overflow:hidden;  color:rgba(255,33,33,1);    width: 190px; white-space: nowrap; text-overflow: ellipsis;
}
.DiscountImageBg{
	position: relative; background-size: cover; background-repeat: no-repeat;
    background-position: center; z-index: 1; 
    height: 150px; border-radius:3px;  border:1px solid #EEE; text-align:left;
}
.DiscountImageBgImage{
	width: 100%; height: 100%; position: absolute; object-fit: cover;
}
.DiscountMenuName{	
	position: absolute; bottom: 0px; text-align: center; width: 100%;
    background: rgba(0,0,0,0.7); color: #fff; line-height: 1; padding: 10px;
    overflow: hidden; vertical-align: middle; text-overflow: ellipsis;
    width: 178px; white-space: nowrap;
}
.DiscountContainer:hover .DiscountMenuName{
	background:rgba(255,0,0,0.8);
}
.PriceBeforeDiscount{	
	text-decoration: line-through; color:#666;
}

#PromotionTab{
	visibility:hidden; position:fixed; top:70%; margin-top:-95px; right:0px; cursor:pointer; z-index:30; transition: visibility 0.5s; -webkit-transition: visibility 0.5s;
	transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease;
}
#PromotionTab img{
	box-shadow:0px 2px 5px 2px #AAA;
}
#PromotionTab img:hover{
	box-shadow:0px 2px 5px 2px rgba(255,0,0,0.8);
}

#PromotionBadge{
	position:fixed; right:10vw; top:50%; margin-top:-95px;  z-index:30; transition: right 1s; -webkit-transition: right 1s;
}
#PromotionBadgeImage{
	width:125px; position:absolute; right:0px;
}
#PromotionBadgeDisplay:hover #PromotionBadgeImage{
	display:none;
}
#PromotionBadgeDisplay:hover #PromotionBadgeImageHover{
	display:block;
}
#PromotionBadgeImageHover{
	width:125px; position:absolute; right:0px; display:none;
}
#PromotionBadgeCross{
	cursor:pointer; position:absolute; right:0px; font-size:25px; margin-top:-25px;
}
#PromotionBadgeCross:hover{
	color:rgba(255,0,0,0.8);
}
#PromotionEvoucherBadge{
    position:fixed; right:30px; bottom:300px; margin: 5px; z-index:400; 
	display: inline-block; vertical-align: middle; 
	transition: transform 2s ease; -webkit-transition: right 1s; 
	transform-origin: center center;
}

#PromotionEvoucherBadgeImage{
	width:125px; right:0px; display:block;
}
#PromotionEvoucherBadgeDisplay:hover #PromotionEvoucherBadgeImage{
	display:none;
}
#PromotionEvoucherBadgeDisplay:hover #PromotionEvoucherBadgeImageHover{
	display:block;
}
#PromotionEvoucherBadgeImage.PromotionEvoucherBadgeImageHide{
	display:none;
}
#PromotionEvoucherBadgeImageHover.PromotionEvoucherBadgeImageHoverVisible{
	display:block;
}
#PromotionEvoucherBadgeImageHover{
	width:125px; right:0px; display:none;
}
#PromotionEvoucherBadgeCross{
	cursor:pointer; position:absolute; right:5px; font-size:25px; 
}
#PromotionEvoucherBadgeCross:hover{
	color:rgba(255,0,0,0.8);
}
.BadgeScaling {
    transform: scale(1.05); 
}
#BestSellerSection{
	padding-bottom: 20px;  margin-bottom: 40px;  border-radius: 10px;
}
#BestSellerHeader{
	text-align: center; 
}
#BestSellerHeader .fa-thumbs-up{
	color:#F00;
}
.BestSellerTabContainer{
	margin-top:10px; white-space: nowrap; position:relative;
}

#BestSellerImage{
	width: 48px; background: #FFF;
	height: 48px; object-fit: scale-down;
	margin-right: 5px; margin-left: 5px; border: 1px solid #EEEEEE;
	-webkit-box-shadow: 1px 1px 1px #888; box-shadow: 1px 1px 1px #888; -moz-box-shadow: 1px 1px 1px #888;
}
.BestSellerMoreOptions{
	position: absolute; background: #fff; border: 1px solid #999; margin-right: 2%; margin-top: 5px;
	display: none; box-shadow: 1px 1px 1px #999; color: #000; z-index: 10;
}
.BestSellerTabContainer span{
	display: block;margin-right: 2%; padding: 5px 8px; cursor: pointer;  box-shadow: 0px -1px 1px 0px #333;
	color: #FFF; border-radius: 2px 2px 0px 0px;  
	background:rgba(255,0,0,0.8);  
	background: linear-gradient(#ff333373, #FF3333FF); 
	background: -webkit-gradient(linear,left top,left bottom,#ff333373,to(#F26522));
	background: -moz-linear-gradient(top,#ff333373, #FF3333FF);
	font-size: 13px; float:left;
}
.BestSellerMoreOptions div{
	padding:10px 5px;
}
.BestSellerMoreOptions div:nth-child(n+2){
	border-top:1px solid #CCC; 
}

.BestSellerTabContainer span:hover, .BestSellerMoreOptions div:hover{
	background:rgba(210,0,0,0.8);  background: linear-gradient(rgba(210,0,0,0.8), rgba(255,0,0,0.8)); 
	background: -webkit-gradient(linear,left top,left bottom,rgba(210,0,0,0.8),to(rgba(255,0,0,0.8)));
	background: -moz-linear-gradient(top,rgba(210,0,0,0.8),rgba(255,0,0,0.8));	color:#FFF;
}
.BestSellerTabContainer span.active{
	background: #fff; font-weight: bold; border: 0px; color:#000;
}

.BestSeller_SearchResults, .BestSeller_NewSearchResults {
	width: auto;  box-shadow: 0px 0px 5px 3px #EEE; background: #fff; position: relative; clear:both;
}
.BestSeller_SearchResults .BestSellers_ResultMenuTbl:nth-child(n+2), .BestSeller_NewSearchResults .BestSellers_ResultMenuTbl:nth-child(n+2){
	display:none;
}
.BestSeller_SearchResults a, .BestSeller_NewSearchResults a{
	text-decoration:none; color:#000;
}
.BestSeller_CatererName{
	display:block;  width:280px; font-weight:bold;
}
.BestSellers_TabHeaderMoreOptions {
	padding-top: 5px; padding-bottom: 5px;
}

.BestSellers_ResultMenuTbl{
	display:block; 
}

.BestSellers_Row{
	display:block; padding:10px;
}
.BestSellers_Cell{
	display:inline-block; vertical-align:top; padding:10px;
}
.BestSellers_Row:nth-child(even){
	background:#FAFAFA;
}
.BestSellers_Row:hover{
	background:lightyellow; 
}
.BestSellers_Logo{
    width:60px;
}
.BestSellers_MenuName{
    width:450px;
}
.BestSellers_Pax{
    width:250px;
}
.BestSellers_NewRow{
	border: 1px solid #EEE;
    border-radius: 5px;
    margin: 20px;
    box-shadow: 0px 0px 5px 3px #eee;
    width: 340px;
    display: inline-block;
    text-decoration: none;
    color: #000;
    cursor: pointer; vertical-align:top;
}
.BestSellers_NewRow:hover{
	border-color: #AA0000;
}
.BestSellers_NewRow .Cell{
	display: inline-block; vertical-align: top; padding:8px;
}
.BestSellers_NewRow .RightCell{
	display: inline-block; padding: 8px; 
    width: 220px; text-align: left;
}
.BestSellers_NewRow .PackageName{
	width: 220px; white-space: nowrap; overflow-x: hidden;  text-overflow: ellipsis;
}



#BestSellerSection .FoodLineDetailsButton{
	display:inline-block; margin-left:10px;
	background:rgba(255,0,0,0.8);  background: linear-gradient(rgba(255,0,0,0.8), rgba(210,0,0,0.8)); 
	background: -webkit-gradient(linear,left top,left bottom,rgba(255,0,0,0.8),to(rgba(210,0,0,0.8)));
	background: -moz-linear-gradient(top,rgba(255,0,0,0.8),rgba(210,0,0,0.8));

}
#BestSellerSection .FoodLineDetailsButton:hover{
	background:rgba(210,0,0,0.8);  background: linear-gradient(rgba(210,0,0,0.8), rgba(255,0,0,0.8)); 
	background: -webkit-gradient(linear,left top,left bottom,rgba(210,0,0,0.8),to(rgba(255,0,0,0.8)));
	background: -moz-linear-gradient(top,rgba(210,0,0,0.8),rgba(255,0,0,0.8));

}
.BestSeller_PromotionDisplay{
	color:rgba(255,0,0,0.8); 
}

#BestSellerHeader #LastDays{
	font-size:0.6em; color:#000;
}
.BestSeller_DisplayPrice{
	font-weight: bold; padding-bottom: 10px; padding-left: 2px; width:125px;

}
.BestSeller_NotAvailable{
	font-style: italic; width: 125px; border-bottom: 0px; font-size: 12px;
	font-weight: bold; padding-left: 2px; padding-top: 10px;
}
.BestSeller_MainPrice{
	width: 125px; font-weight: bold; padding-left: 2px;
}
.BestSeller_PriceDaysDisplayPrice{
    width: 125px;  font-size: 12px; font-weight: bold; padding-left: 2px;
}
.BestSeller_MainPax{
	width:120px;
}
.BestSeller_PriceDaysDate{
    font-weight: bold; font-size:12px; width:120px;
}
.BestSeller_TingkatMinPax{
	padding-right:10px;
}
.BestSeller_MainPrice span{
	font-size:18px;
}
#BestSellerSection .adaptive_show{
	display:none;
}
.BestSeller_AdaptivePax{
	display:none;
}
.BestSeller_PackageName{
	width: 320px;
}
.BestSeller_CourseSetupInfo{
	display:block; width:300px; font-size:12px;
}
.BestSeller_CourseSetupInfo span:nth-child(n+2):not(:empty):before{
	content: " | ";
}
#BestSelling_GlowingIcon{
	/*
		-webkit-animation-name: example; 
		-webkit-animation-duration: 1s; 
		-webkit-animation-iteration-count: infinite; 
		animation-name: glowing_animation;
		animation-duration: 0.8s;
		animation-iteration-count: infinite; */
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes glowing_animation {	   
	0%   {text-shadow: 2px 2px 2px #FFF;}
    50%  {text-shadow: 2px 2px 2px #AAA;}
    100% {text-shadow: 2px 2px 2px #FFF;}
}	
/* Standard syntax */
@keyframes glowing_animation {	   
	0%   {text-shadow: 2px 2px 2px #FFF;}
    50%  {text-shadow: 2px 2px 2px #AAA;}
    100% {text-shadow: 2px 2px 2px #FFF;}
}

.popup-gallery a{
	display:inline-block; margin:1px; position: relative; overflow: hidden; text-decoration:none;
}			
.popup-gallery a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;  display:block;      
}
.popup-gallery a:hover > img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.popup-gallery a:hover .popup-gallery-image-cover > img {
	opacity: 1;
}
.popup-gallery a .popup-gallery-image-cover {
	bottom: 0; left: 0; position: absolute;
	right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.popup-gallery a .popup-gallery-image-cover > img {
	left: 50%; margin-left: -10px; margin-top: -10px;
	opacity: 0; position: absolute;
	top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.popup-gallery a:hover .popup-gallery-image-cover {
	background-color: rgba(0, 0, 0, 0.5);
}
.VideoDisplayTime{
	float:right;
}
.VideoDisplayIcon{
	position:absolute; bottom:0px; background:#55555555; width:100%; display:block; padding:0px 5px; box-sizing:border-box; text-align:left; color:#FFF;
}
#LatestReviews{
	padding-right:10px;
}
#LatestReviews .LatestReviewsIcon{
	float: left; margin-right: 10px;
}
#LatestReviews .SectionHeader{
    border-bottom:1px solid #CCC; padding-bottom:2px;
}
#LatestReviews .flag-wrapper{
    width:20px; margin:0px;
}
#LatestReviews .Score{
    font-size:20px; font-weight:bold;
}
#LatestReviews .ReviewName{
    margin-top:5px;
}
#LatestReviews .ProfilePic{
	float:left; width:60px; height:60px; margin-right:10px;
}
#LatestReviews .ReviewCatererName{
	font-weight:bold; text-decoration: none; display:block;
}
#LatestReviews .ReviewCatererName:hover{
	text-decoration: underline;
}
#LatestReviews .ReviewStarsBase{
	vertical-align:middle; 
}
#LatestReviews .ReviewEventDetails{
	clear:both; margin-bottom:20px;
}
#LatestOrders{
	padding-right:10px;
}
#LatestOrders h3{
	border-bottom: 1px solid #CCCCCC; padding-bottom:10px;
}
#LatestOrders .LatestOrdersUnit{
    padding:10px 0px; text-decoration:none; display:block;
}
#LatestOrders .LatestOrdersUnit:nth-child(even){
	background:#FAFAFA;
}
#LatestOrders .LatestOrdersUnit:hover{
	background:lightyellow;
}

#LatestOrders .LatestOrdersBrands{
	padding-right:10px; display:inline-block; vertical-align: top;
}
#LatestOrders .LatestOrdersBrands img{
	display:block;
}
#LatestOrders .LatestOrdersDesc{
	display:inline-block;
}
#LatestOrders .OrderDetailsFirst{
	font-size:12px; 
}
#LatestOrders .OrderDetailsSecond{
	font-size:12px; font-style:italic;color:#555;
}
#LatestOrders .BrandLogo{
	border:1px solid #EEEEEE; box-shadow:  1px 1px 1px #888; height:50px; width:50px; object-fit:contain; background:#FFF;
}
#LatestOrders .PackageNames{
	white-space:nowrap; width:160px; text-overflow: ellipsis;     overflow-x: hidden; display: block;
}

#Cart_For_FoodLine_Container{
	background: none repeat scroll 0 0 rgba(33, 33, 33, 0.6);
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 600000000000000000000;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
}
#Cart_For_FoodLine{
	background:#FFF;  display:inline-block;   text-align:left;  z-index:50; display:none;
	overflow:auto;     box-shadow: -2px 2px 8px 0px #AAA;     margin: 0px auto;   width: 500px; position:relative; top:5%;
}
#Cart_For_FoodLine_Content{
	padding:20px; 
}

#Cart_For_FoodLine .CartItem{
	padding-top:10px; border-bottom:1px solid #CCC; padding-bottom: 10px; 
}


#Cart_For_FoodLine_Container .Column{
	display: inline-block;vertical-align: top; width:65%;
}
#Cart_For_FoodLine_Container .ItemDescription{
	font-weight: bold; margin-bottom: 10px; margin-top:10px;
}
#Cart_For_FoodLine_Container .ItemBasePrice{
	font-weight:normal;
}
#Cart_For_FoodLine_Container #No_Items_Message{
	margin:10px 0px;
}
#Cart_For_FoodLine_Container .CartDeliveryInfo{
	margin-top:20px;
}
#Cart_For_FoodLine_Container .ItemDescription a{
	text-decoration:none;
}
#Cart_For_FoodLine_Container .ItemDescription a:hover{
	text-decoration:underline;
}
#Cart_For_FoodLine_Container .ItemAddOn{
	font-style: italic; font-weight:normal; font-size:13px;
}

.Disabled, .ReadOnly{
	color:rgb(144, 144, 144); background:rgb(235, 235, 228);
}
.Disabled:hover, .ReadOnly:hover{
	color:rgb(144, 144, 144); background:rgb(235, 235, 228);
}

#Cart_For_FoodLine_Container .ItemSubTotal{

}
#Cart_For_FoodLine_Container .RightColumn{
	text-align:right; width:34%;
}
#Cart_For_FoodLine .FoodLineDetailsButton{
	display:block; margin-top:10px; text-align:center; float:none; 
}
#Cart_For_FoodLine .TotalContainer{
	font-weight:bold; font-size:18px;
}
#Cart_For_FoodLine #PriceCalculatedTbl{
	width:100%;
}
#Cart_For_FoodLine #PriceCalculatedTbl th,#Cart_For_FoodLine #PriceCalculatedTbl td{
	vertical-align:top; padding-top:10px;
}
#Cart_For_FoodLine #PriceCalculatedTbl td{
	text-align:right;
}
#Cart_For_FoodLine .DeliveryMethods{
	margin:0px 3px 0px 0px;
}
#CheckOutAdaptive{
	display:none;
}
#Cart_For_FoodLine .CartItemContainer{
	overflow:auto; clear:both; margin-top:10px;
}
#Cart_For_FoodLine .RemoveCartItem{
	float:right; cursor:pointer; color:#666;
}
#Cart_For_FoodLine .RemoveCartItem:hover, #Cart_For_FoodLine .HideCart:hover, #Cart_For_FoodLine .HideCartAdaptive:hover{
	color:#ff073d;
}
#Cart_For_FoodLine .CartMerchant{
	margin-top: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #DDD;
}
#Cart_For_FoodLine .CartQtyContainer{
	margin:0px 5px; line-height:1;
}
#Cart_For_FoodLine .CartQty{
	font-size:20px; vertical-align:middle; width:50px; text-align:center; padding: 3px; margin: 0px 2px;
}
#Cart_For_FoodLine .CartQty::-webkit-inner-spin-button, .ItemQty::-webkit-outer-spin-button { 
	-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;  
}
#Cart_For_FoodLine .CartSelectBoxQty{
	font-size:20px; vertical-align:middle; width:72px; text-align:center; padding: 3px; margin: 0px 2px;
}
#Cart_For_FoodLine .SubtractCartQty, #Cart_For_FoodLine .AddCartQty{
	cursor:pointer; font-size:20px; vertical-align:top; margin-top: 3px;
}
#Cart_For_FoodLine .SubtractCartQty:hover, #Cart_For_FoodLine .AddCartQty:hover{
	font-weight:bold; color: rgba(255,0,0,0.8);
}
#CartItemAddedMessageBackground{
	background: none repeat scroll 0 0 rgba(33, 33, 33, 0.6);
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 600000000000000000000;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
}
#CartItemAddedMessageContainer{
	background: #FFF; color: #000;
	padding: 20px 10px;    
    text-align: center;   
    overflow: auto;
    box-shadow: -2px 2px 8px 0px #aaa;
    margin: 0px auto;
    max-width: 500px;
	width: 80%;
    position: relative;
    top: 40%;	
}
.colorGreen{
	color:#006600;
}
#Cart_For_FoodLine .HideCart{
	cursor:pointer;display: block; text-align: right; background: #FFF; font-size: 18px; color: #000; padding-right: 10px;
    padding-top: 10px;
}
#Cart_For_FoodLine .HideIfDesktop{
	display:none;
}
#Cart_For_FoodLine_Header{
	margin:0px;
}

.PendingPaymentCartOrder{
	padding: 10px;
	display: inline-block;
	border-radius: 20px;
	background: #FFB900;
	color: white;
	box-shadow: 0px 6px 6px -6px grey;
	cursor: pointer;
	text-decoration: none;
	margin-right: 10px;
	margin-bottom: 10px;
}

/*.CartQty[readonly]{
	border: none;background: none; padding:0px;
}*/

.Cart_Caterer_Logo{
	width:50px; height:50px; object-fit: scale-down;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(200,200,200,0.5);
	-moz-box-shadow: 0px 0px 10px 1px rgba(200,200,200,0.5);
	box-shadow: 0px 0px 10px 1px rgba(200,200,200,0.5); float:left; margin-right:10px;
}
#Cart_For_FoodLine .noLongAvailableText { color: #FF0003; font-weight: bold; }
.MerchantName{
	font-weight:bold; font-size:16px; display:flex;
}
.MerchantNameContent{
	flex: 1 0; align-self: center;
}
.MerchantNameContent a{
	text-decoration:none; display:block;
}
.MerchantNameContent a:hover{
	text-decoration:underline;
}
.RemoveMerchant{
	float:right; color:#666; cursor:pointer;
}
.RemoveMerchant:hover{
	color:rgba(255,0,0,0.8);
}
#No_Items_Message{
	display:none;
}
#ButtonContainer #CartLink{
	border:0px; float:right;
}
#ButtonContainer #CartLink a{
    padding: 0px 8px !important; font-size: 26px; height: auto;
}
#ButtonContainer #CartLink:hover{
	background: initial;
}

#ButtonContainer #CartLink #CartText{
    display: inline-block; font-size: 12px; height: auto; vertical-align: middle; 
}

@media screen and (min-device-width: 500px) and (max-device-width: 1024px) {
    #ButtonContainer #CartLink #CartText{
        display: none;
    }
}
#PwaBackButton{
	font-size:18px;
}
#ButtonContainer #CartLink .CartNum{
    font-size: 12px;
    background: #5e68f5;
    font-weight: bold;
    color: #ffffff;
    border-radius: 24px;
    line-height: 1;
    padding: 3px;
    width: 12px;
    height: 12px;
    display: inline-block;
    top: -18px;
    left: -50px;
    position: relative;
    box-shadow: 0px 1px 2px #000;
}
#ButtonContainer #CartLink .CartNum:empty{
	display:none;
}
#CartAdaptiveCheckOutButton .CartNum{
	font-size: 12px;
    background: #5e68f5;
    font-weight: bold;
    color: #ffffff;
    border-radius: 50px;
    line-height: 1;
    padding: 4px;
    width: 12px;
    height: 12px;
    display: inline-block;
    top: -18px;
    margin-left: -20px;
    position: relative;
    box-shadow: 0px 1px 2px #000;
}
#Cart_For_FoodLine_Close_Adaptive{
	display:none; text-align: center; margin-top: 10px; text-decoration:none;
}
/*HPB*/
.HPBLogoTab{
	vertical-align:middle;
}
.HPBLogo{
	vertical-align:middle; float:left; margin-right:10px; width:50px;
}
.HPBLogoCategory{
	vertical-align:middle;
}
.FLPointsDescription{
	color:#555;
}
.CashRewardAmtDisplay{
	font-weight:bold; font-size:18px;
}

.ProfilePic{
	border: 1px solid #CCCCCC;  padding: 2px; border-radius: 50px;
	margin-top:5px;
	margin-bottom:5px; width:80px; height:80px; 
}
.ProfilePicWords{
	border: 1px solid #CCCCCC;  padding: 2px; border-radius: 50px;
	margin-top:5px;
	margin-bottom:5px; width:80px; height:80px; text-align: center; font-size: 50px;
	vertical-align: middle; color: #777; background: #DDD; margin-right:10px; position:relative; z-index:1;
}
.ProfilePicWords span {
	vertical-align: middle;
}
.ProfilePicWords:after{
	content: ' '; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
	background-image: linear-gradient(rgba(242, 242, 242,1),rgba(242, 242, 242, 0.85), rgba(255,255,255,0.7));
	z-index: -1; border-radius: 50px;
}
.ProfilePicBig{
	border: 1px solid #CCCCCC;  padding: 2px; border-radius: 80px;
	margin-top:5px;
	margin-bottom:5px; width:160px; height:160px; 
}
.ProfilePicWordsBig{
	border: 1px solid #CCCCCC;  padding: 2px; border-radius: 80px;
	margin-top:5px; font-size:100px;
	margin-bottom:5px; width:160px; height:160px; text-align: center; 
	vertical-align: middle; color: #777; background: #DDD; margin-right:10px; position:relative; z-index:1;
}
.ProfilePicWordsBig span {
	vertical-align: middle;
}
.ProfilePicWordsBig:after{
	content: ' '; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
	background-image: linear-gradient(rgba(242, 242, 242,1),rgba(242, 242, 242, 0.85), rgba(255,255,255,0.7));
	z-index: -1; border-radius: 80px;
}
.EditorFeedback{
	border: 1px solid #CCC;margin-top: 10px; border-radius: 5px; background:#FFF;
}
.EditorFeedbackHeader{
	background: #F66;color: #FFF; padding: 5px;display: inline-block; width:120px;
}
.EditorFeedback a{
	text-decoration:none; padding:5px;
}
.EditorFeedback a:hover{
	text-decoration:underline;
}
.EditorShortFeedbackContainer{
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.EditorShortFeedbackContainer img{
	vertical-align: middle;
}
#FLBenefitsTbl{
	text-align:center;
}
#FLBenefitsTbl .FLBenefitsTblHeader{
	font-size:16px; font-weight:bold;
}
#FLBenefitsTbl #VoucherIcon{
	display:inline-block; height:35px; vertical-align:middle;
}
#FLBenefitsTbl #HuatVoucherIcon{
	display:inline-block; height:35px; vertical-align:middle;
}
#FLBenefitsTbl .FLBenefitsIcon{
	width:98px; display: inline-block; vertical-align: top; margin-top:10px;
}
#FLBenefitsTbl .FLBenefitsIconDesc{
	font-size: 11px; line-height: 1.1; display: block;text-align: center; margin-top:5px; color:#000;
}
#FLBenefitsTbl .FLBenefitsIconBorder{    
    text-align: center;
    vertical-align: middle;
    margin: 0px auto;
    color: #333;
    font-size: 32px; line-height:1;
}

#FLBenefitsTbl .FLBenefitsIconBorderForVoucher{
	text-align: center;
    vertical-align: middle;
    margin: 0px auto;
}

#FLBenefitsTbl .FLBenefitsIconBorderForHuatVoucher{
	text-align: center;
    vertical-align: middle;
    margin: 0px auto;
	font-size: 32px; line-height:1;
}
#FLBenefitsTbl #FLPointsIcon{
	display:block; margin:0px auto;
}
#FLBenefitsTbl #AdaptiveNextLine{
	display:none;
}
.UnderlineOnHover{
	text-decoration: none;
}
.UnderlineOnHover:hover{
	text-decoration: underline;
}
.PaddingForMobile{
	padding:10px;
}
.DelayLoadImage{
	-webkit-transition: opacity 0.5s ease; transition:opacity 0.5s ease; opacity:0;
}
.SmallRegularIcon{
    width: 18px; vertical-align: middle; display: inline-block;
}
.White{
	color:#FFF;
}

#FoodLineBenefitsDiv{
    margin-top:10px; font-size:12px; margin-bottom:10px;
}


#FoodLineBenefitsDiv .Column{
    display:inline-block; vertical-align:top; 
}
#FoodLineBenefitsDiv a{
    text-decoration: none;  color:#000;
}
#FoodLineBenefitsDiv a:hover{
    text-decoration: none;  color:rgba(255,0,0,0.8);
}

#FoodLineBenefitsDiv .Voucher{
    width:270px;
}
#FoodLineBenefitsDiv .VoucherImage{
    display: block; float: left; height: 35px; vertical-align: middle; margin-right: 5px;
}
.FoodLineBenefitsDivIcon{
	font-size:32px !important; vertical-align:middle;
}
.FoodLineBenefitsDiv

input[type=radio], input[type=checkbox] {
	vertical-align: middle; margin: 3px 3px 3px 4px;
}
.FullNotesSection{
	border:1px solid #DDD; background:#FFF;
}
.FullNotesCategoryTag{
    background: #999; color: #FFF; display: inline-block; padding: 5px; width: 120px;
}
.FullNotesTag{
	border-radius: 5px;padding: 5px; display: inline-block; margin-left: 10px;background: #FFF; font-weight: normal; font-size: 12px;color: #555;
}
.OrderPageSalePromotion{
	display: inline-block; cursor:pointer;
}
.OrderPageSalePromotionIcon{
	display:inline-block; background: #fff1ee; color: #000; padding: 5px 10px; border:1px dashed #999; margin:5px 0px;
}
.OrderPageSalePromotionDesc{
	border:1px dotted #CCC; margin-bottom:20px;  padding: 5px 10px; border:1px dashed #999; 
}

.HuatTogetherIcon {
  vertical-align: middle
}

.SalePromotion{
     display: inline-block;  
}
.SalePromotion div {
    display: inline-block; padding: 2px 5px 2px 5px;
}
.SalePromotionIcon {
    background: #fff1ee;   color: #000;
}
.SalePromotionBuffer{
    width:90px; height:1px; display:inline-block;
}
.SalePromotionIconEmphasize{
	background: #ff3f3f;   color: #FFF;
}

#WhatsappBadge{
	display:none;
}
.AdminPageTbl { border-collapse: collapse; width: 100%; }
.AdminPageTbl th, table.floatThead-table th { background-color: #CC0000; color: #FFF; border: 1px solid #888; }
.AdminPageTbl th a { color: #FFF; }
.AdminPageTbl td { border: 1px solid #888; }
.AdminPageTbl tr.row1 td { background-color: #ffdfdf; }
.AdminPageTbl tr:nth-child(odd){background-color:#F3F3F3;}
.AdminPageTbl tr:hover  { background-color: #FFFFB5; }

.AdminPageTbl td.PendingReferral { background-color: #BE0000 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.AcceptedReferral { background-color: #FF7648 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.PendingFinalPrice { background-color: #FF9933 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.TransferReferral { background-color: #FFCC00 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.DealCompleted { background-color: #000066 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.InvoiceGenerated { background-color: #7D9D00 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.ReceivedReferral { background-color: #336600 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.RejectedReferral { background-color: #666666 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.CancelledReferral { background-color: #614537 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.RefuseReferral { background-color: #152B00 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.PendingPayment { background-color: #A9A9A9 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.PendingVerification { background-color: #A9A9A9 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.GeneratedPdf { background-color: #FF9933 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.EmailSent { background-color: #FFCC00 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.AckQuotation { background-color: #7D9D00 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.AckOrderConfirmation { background-color: #0080FF !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.InvoiceSent { background-color: #A27AFE !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.CustStatedPaymentMade { background-color: #CC33FF !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.PaidOrder { background-color: #000066 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.PendingPickUpAssign { background-color: #FF7B7B !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.PendingPickUpOrder { background-color: #FFB96E !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.OrderPickedUp { background-color: #7D9D00 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.OrderDelivered { background-color: #336600 !important; color: #FFFFFF; text-align: center; }
.AdminPageTbl td.CorporateSelfOrderProceedWithOrder { background-color: #5EAE9E !important; color:#FFFFFF;text-align: center; }
.AdminPageTbl td.CorporateSelfOrderPriceConfirmed { background-color: #FF7575 !important; color:#FFFFFF;text-align: center; }
.AdminPageTbl td.CorporateSelfOrderPendingAcceptance { background-color: #FF86E3 !important; color:#FFFFFF;text-align: center; }
.AdminPageTbl td.PendingMarkAsCompleted { background-color: #ffb298 !important; color:#FFFFFF;text-align: center; }
.AdminPageTbl td.InvoiceUploaded { background-color: #DAA520 !important; color:#FFFFFF; text-align: center; }
.AdminPageTbl td.InvoiceApproved { background-color: #00BE00 !important; color:#FFFFFF; text-align: center; }
.AdminPageTbl td.InvoiceRejected { background-color: #777 !important; color:#FFFFFF; text-align: center; }


.hideForDesktop, .showForMobileInBlock{
    display:none;
}

.ResponseSection .Headers #CNYFestiveLogo { vertical-align: bottom; }
.MuslimOwnedIcon{
	background: #376f11; display: inline-block; padding: 5px; color: #FFF; line-height: initial; vertical-align: middle;
}
.MuslimOwnedSymbol{
	font-size: 20px; vertical-align: middle; padding-right: 3px; display:inline-block;
}
.MuslimOwnedText{
	display:inline-block; vertical-align: middle;
}
.PayNowLogo, .PaypalLogo{
	width: 60px; object-fit: scale-down; height: 30px; vertical-align: middle;
}
.VisaMasterLogo{
	height: 30px; width: 120px; object-fit: scale-down; vertical-align: middle;
}
.PayLaterLogo{
	width: 40px; object-fit: scale-down; height: 30px; vertical-align: middle;
}

.CustomisedVoucherPriceContainer{
	position: relative;
    width: fit-content;
    margin: 0px auto;
}
@font-face {
	font-family: "Berlin Sans FB Demi Bold";
	src: url("/Global/font/Berlin Sans FB Demi Bold/Berlin Sans FB Demi Bold.ttf");
}

.CustomisedVoucherPrice{
	font-size: 80px; font-family: 'Berlin Sans FB Demi Bold';
    color: #EE0000;
    font-weight: bold;
    position: absolute;
    left: 35px;
    top: 26%;
    width: 45%;
    text-align: center;
}
.ReviewDescFontNorm{
	font-weight:normal; color:initial; font-size:12px;
}