@charset "utf-8";
body 
{	
    margin: 15px 0px 0px 0px; 
}
body.popup
{
	margin: 0px 10px 0px 10px; 
}

body.notice
{
	margin: 20px 20px 20px 20px; 
}

body.contactus
{
	margin: 0px 25px auto 25px; 
	background-color:#F23400;
}

body.fax
{
	margin: 20px 5px 5px 25px; 

}

.header
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#4E2029;
}

.bold
{
	font-size: 18px;
	text-decoration: none;	
	font-family: Arial, Helvetica, sans-serif; 
	color: #70463C; 
	font-weight: bold; 
	cursor:hand;
}

.bold2
{
	font-family:Arial;
	font-size: 14px;
	font-weight:bold;
	color:#571C1F;
	
}
.boldClicked
{
	font-size: 18px;
	text-decoration: none;	
	font-family: Arial, Helvetica, sans-serif; 
	color: #FF3300; 
	font-weight: bold; 
	cursor:text;
}

TD.contactusBold
{
	font-family:Arial;
	font-size: 12px;
	color:#FFFFFF;
	font-weight:bold;
}

TD.contactus
{
	font-family:Arial;
	font-size: 12px;
	color:#FFFFFF;
}

.weeklyRed
{
	font-family:Arial;
	font-size: 11px;
	color:#F23400;
}

TD.orderDark
{
	font-family:Arial;
	background-color:#E2CFB7;
	color: #571C1F;
	font-size:11px;
	font-weight:bold;
	padding: 4px 4px 4px 4px;
}

TD.orderDarkNoPad
{
	font-family:Arial;
	background-color:#E2CFB7;
	color: #571C1F;
	font-size:11px;
	font-weight:bold;
}

TD.orderNormal
{
	font-family:Arial;
	font-size: 11px;
	color:#571C1F;
	padding: 0px 4px 4px 4px;
}


TD.Dark
{
	background-color:F5EDEA;
}

TD.orderDarkBold
{
	font-family:Arial;
	color: #571C1F;
	font-size:11px;
	font-weight:bold;
	padding: 0px 4px 4px 4px;
}



TD.weeklyDark 
{
	font-family:Arial;
	background-color:#F5EDEA;
	
}

TD.weeklyLight 
{
	font-family:Arial;
}

TD.fax
{
	font-family:Arial;
	color: #000000;
	font-size:12px;
}

TD.faxBold
{
	font-family:Arial;
	color: #000000;
	font-size:13px;
	font-weight:bold;
}

TD.faxHeader
{
	font-family:Arial;
	font-size: 15px;
	font-weight:bold;
	color:#000000;
}

TD
{
	font-family:Arial;
	font-size: 12px;
	color:#8A6958;
}

TD.headText
{
	font-family:Arial;
	font-size: 12px;
	color:#966C55;
	text-decoration:18px;
	line-height:12pt;

}

TD.captionBold
{
	font-family:Arial;
	font-size: 12px;
	font-weight:bold;
	color:#8A6958;
}


TD.px12
{
	font-family:Arial;
	font-size: 12px;
	color:#8A6958;

}


TD.bold
{
	font-family:Arial;
	font-size: 12px;
	font-weight:bold;
	color:#754733;
}

TD.order
{
	font-family:Arial;
	font-size: 12px;
	color:#754733;
}

TD.orderPreview
{
	font-family:Arial;
	font-size: 12px;
	color:#571C1F;
	
}

TD.orderPreviewBold
{
	font-family:Arial;
	font-size: 12px;
	color:#571C1F;
	font-weight:bold;
	
}

TD.notice
{
	font-family:Arial;
	font-size: 12px;
	color:#571C1F;
}

.homeLine
{
	background-color: #DCCEC5;
}

A
{
	font-family:Arial;
	font-size: 12px;
	color:#8A6958;
	text-decoration:underline;
}

A.contactus
{
	font-family:Arial;
	font-size: 12px;
	color:#FFFFFF;	
	text-decoration:underline;
}

A.contactusClose
{
	font-family:Arial;
	font-size: 11px;
	color:#FFFFFF;
	text-decoration:none;
}

A.soupClose 
{
	font-size:11px;
	text-decoration:none;
}

A.weeklyDark
{
	font-family:Arial;
	color: #754733;
	font-size:12px;
	text-decoration:none;
}

A.weeklyLight
{
	font-family:Arial;
	color: #754733;
	font-size:12px;
	text-decoration:none;
}

A.noticeClose
{
	font-family:Arial;
	font-size: 11px;
	color:#571C1F;
	text-decoration:none;

}

SELECT.order
{
	font-size:12px
}

TD.redTxt
{
	font-family:Arial;
	font-size: 13px;
	font-weight:bold;
	color:Red;
}

.NewsFrame
{
	border-right: #cbb1a6 1px solid;
	border-top: #cbb1a6 1px solid;
	border-left: #cbb1a6 1px solid;
	border-bottom: #cbb1a6 1px solid;
	width: 222px;
	height: 220px;
}

.bg1
{
	background-color: #FFE3CE
}

.bg2
{
	background-color: #FFE9D9
}

.bg3
{
	background-color: #FFF7EF
}

.bg4
{
	background-color: #FFFFFF
}

.bg5
{
	border:solid #8a6958 1.5pt;
	border-bottom:solid #8a6958 1.0pt;
	padding:1pt 5pt 1pt 5pt
}

.bg6
{
	border:solid #8a6958 1.0pt;
	border-top:none;
	border-right:none;
	border-left:solid #8a6958 1.5pt;
	padding:1pt 5pt 1pt 5pt
}

.bg7
{
	border-top:none;
	border-left:none;
	border-bottom:solid #8a6958 1.0pt;
	border-right:solid #8a6958 1.5pt;
	padding:1pt 5pt 1pt 5pt
}

.bg8
{
	border:solid #8a6958 1.0pt;
	border-top:none;
	border-right:none;
	border-left:solid #8a6958 1.5pt;
	border-bottom:solid #8a6958 1.5pt;
	padding:1pt 5pt 1pt 5pt
}
.bg9
{
	border-top:none;
	border-left:none;
	border-bottom:solid #8a6958 1.5pt;
	border-right:solid #8a6958 1.5pt;
	padding:1pt 5pt 1pt 5pt
}
.bg10
{
	border:solid #8a6958 1.5pt;
	border-right:none;
	border-bottom:solid #8a6958 1.0pt;
	padding:1pt 5pt 1pt 5pt
}

.bg11
{
	border:solid #8a6958 1.5pt;
	border-bottom:solid #8a6958 1.0pt;
	border-left:none;
	padding:1pt 5pt 1pt 5pt
}
.bg12
{
	border-top:solid #8a6958 1.5pt;
	border-left:none;
	border-bottom:solid #8a6958 1.0pt;
	border-right:none;
	padding:1pt 5pt 1pt 5pt
}
.bg13
{
	border-top:none;
	border-left:none;
	border-bottom:solid #8a6958 1.5pt;
	border-right:none;
	padding:1pt 5pt 1pt 5pt
}
.bg14
{
	border-top:none;
	border-left:none;
	border-bottom:solid #8a6958 1.0pt;
	border-right:none;
	padding:1pt 5pt 1pt 5pt
}
<!--New Style -->
.MenuFont{
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 10px;
	line-height: 21px;
}
.SelMenufont{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	background-repeat: repeat-x;
	line-height: 21px;
}

.EnglishChineseTab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
.username {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.LeftMenu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 23px;
	color: #ff6600;
	text-decoration: underline;
}

.LeftMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 23px;
	color: #666666;
	text-decoration: none;
}

.RightMainMenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
}

.SoupScheduleButtonUp{
	font-size: 16px;
	text-decoration: none;	
	font-family: Arial, Helvetica, sans-serif; 
	color: #70463C; 
	cursor:hand;
}
.SoupScheduleButtonDown{
	font-size: 16px;
	text-decoration: none;	
	font-family: Arial, Helvetica, sans-serif; 
	color: #FF3300; 
	cursor:text;
}
.SoupScheduleButton{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #754733;
	background-color:transparent;
}
.SoupScheduleTable{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #F3E8E0;
	border-bottom-color: #F3E8E0;
	border-left-color: #F3E8E0;
}
.button80{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-style:none;
	width:80px;
	height:20px;
	color:#8A6958;
	background-image: url(../../Images/NewLayout/buttonBG.gif);
	background-repeat: no-repeat;
}
.OrederSoupMenuDown{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #8A6958;
}
.SoupTrayTableTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	background-color: #F4EDE3;
	text-align: center;
}
.SoupOrderTableTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	background-color: #F4EDE3;
	text-align: center;
}
.ChangInfo2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	color: #666666;
}
.newslist{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.newCustomer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #8A6958;
	line-height: 20px;
}
.buttonOnTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: oblique;
	font-weight: bold;
	text-transform: capitalize;
	color: #993300;
}

.SoupName{
	font-family:Arial;
	font-size: 13px;
	color:#8A6958;
}

.SoupNameClicked{
	font-family:Arial;
	font-size: 13px;
	color:#8A6958;
	font-weight: bold;
}
.SoupNameMoved{
	font-family:Arial;
	font-size: 13px;
	color:#CC6600;
}
.TableBottomBorder{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.packTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #8A6958;
}
.10px{
	font-family:Arial;
	font-size: 10px;
	color:#8A6958;
}
.11px{
	font-family:Arial;
	font-size: 11px;
	color:#8A6958;
}
.star{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}
.nutritionHeader{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#8A6958;
	line-height: 20px;
	font-weight: bold;
}
.DeliveryError{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f23400;
	font-weight: bold;
}