body { margin: 0; background: #f2ebd8 url(../images/bg-body.jpg) left top repeat-x; }
h1 { margin: 0; }
h1.home_h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #aaa; }
p, ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; line-height: 1.5em; }
span.largetext, p.largetext { color: #7f5e25; font-size: 14px; font-weight: bold; }
p.largetext-nobold { color: #7f5e25; font-size: 14px; font-weight: normal; }
p.largeredtext { color: #cc3300; font-size: 14px; font-weight: bold; }
p.largechinese, span.largechinese { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
p.mainleft { padding: 0px 5px; color: #FFFFFF;}
.centralize { text-align: center; }
.largechinesechar { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
.chinesechar { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
.clear { clear:both; }

a { color: #cc3300; }
a:hover { color: #333; }

#header, #main, #footer { width: 870px; padding: 0 20px; margin: 0 auto; }
#header { height: 150px; background: url(../images/bg-header.gif) center top no-repeat; }
#navigation { }
#main { padding-top: 20px; padding-bottom: 20px; background: url(../images/bg-main.png) center top repeat-y; }
#mainleft { float: left; width: 620px; }

#mainleft h1.restaurants-yishun { background: url(../images/h1-restaurants-yishun.gif) left top no-repeat; }
#mainleft h1.restaurants-yishun-safra { background: url(../images/h1-restaurants-yishun-safra.gif) left top no-repeat; }
#mainleft h1.restaurants-amk { background: url(../images/h1-restaurants-amkhub.gif) left top no-repeat; }
#mainleft h2.contact-head-office { background: url(../images/h2-head-office.gif) left top no-repeat; }
#mainleft h2.contact-yishun { background: url(../images/h2-yishun.gif) left top no-repeat; }
#mainleft h2.contact-amkhub { background: url(../images/h2-amkhub.gif) left top no-repeat; }
#mainleft h2.promo-outdoor { background: url(../images/h2-promotion-outdoor.gif) left top no-repeat; }
#mainleft h2.promo-buffet { background: url(../images/h2-promotion-buffet.gif) left top no-repeat; }
#mainleft h2.promo-yishun { background: url(../images/h2-promotion-yishun.gif) left top no-repeat; }
#mainleft h2.promo-yishun-safra { background: url(../images/h2-promotion-yishun-safra.gif) left top no-repeat; }
#mainleft h2.promo-amkhub { background: url(../images/h2-promotion-amkhub.gif) left top no-repeat; }
#mainleft h2.privilege-card { background: url(../images/h2-privilege-card.gif) left top no-repeat; }
#mainleft h2.outdoor-special-menu { background: url(../images/h2-outdoor-special-menu.gif) left top no-repeat; }
#mainleft h2.outdoor-premium-menu { background: url(../images/h2-outdoor-premium-menu.gif) left top no-repeat; }
#mainleft h2.bufft-menu { background: url(../images/h2-buffet-menu.gif) left top no-repeat; }

#mainleft #statusbox { margin: 15px 0; padding: .5em 1em; background: url(../images/bg-vertical-grey.gif) left top repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1em; color: #666; }
#mainleft #statusbox a { text-decoration: none; }
#mainleft .mainleft-single { margin-top: 10px; background: url(../images/bg-vertical-gold.gif) left top repeat-x; padding: 15px; }
#mainleft .mainleft-left { margin-top: 10px; background: url(../images/bg-vertical-grey.gif) left top repeat-x; float: left; width: 190px; padding: 15px; }
#mainleft .mainleft-img  {
	margin-top: 10px;
	float: left;
	width: 220px;
}
#mainleft h3 {
	font-size: 11px;
	color: #990000;
	margin: 0;
	height: 26px;
}
.mainleft-right { margin-top: 10px; background: url(../images/bg-vertical-gold.gif) left top repeat-x; float: right; width: 354px; padding: 15px; }
.mainleft-full { margin-top: 10px; background: url(../images/bg-vertical-gold.gif) left top repeat-x; padding: 15px; }
#mainleft h2 { margin: 0; height: 38px; font-size: 16px; }
#mainleft .mainleft-right h2.welcome { background: url(../images/h2-welcome.gif) left top no-repeat; }
#mainleft .mainleft-right h1.about-pinsi { background: url(../images/h1-about-pinsi.gif) left top no-repeat; }
#mainleft .mainleft-right h1.our-capabilities { background: url(../images/h1-our-capabilities.gif) left top no-repeat; }
#mainleft .mainleft-right h1.our-process { background: url(../images/h1-our-process.gif) left top no-repeat; }
#mainleft .mainleft-right h1.accreditation { background: url(../images/h1-accreditation.gif) left top no-repeat; }

/* for promotions page */

#mainleft .promotions-box { margin-top: 10px; background: url(../images/bg-vertical-gold.gif) left top repeat-x; padding: 15px 10px; }
div.dividerbox { border-bottom: #ccc 1px dotted; margin-bottom: 20px; }
#mainright { float: right; width: 235px; }
#mainright div { margin-top: 10px; }

.mainclear { clear: both; }
#footer { height: 50px; padding-top: 20px; padding-bottom: 20px; background: url(../images/bg-footer.png) center top no-repeat; }
#footer p { margin: 0 0 1em 0; text-align: center; font-size: 10px; }
#footer a { color: #666; text-decoration: none; }
#footer a:hover { color: #333; text-decoration: none; }
.off { visibility: hidden; }
.left { float: left; }
.right { float: right; }
.left-image { float: left; margin-right: 10px; }
.right-image { float: right; margin-left: 10px; }

/* Profile - Process - jQuery styles */
#processpics, #yishunpics, #yishunsafrapics, #amkhubpics { margin-top: 10px; height: 198px; width: 350px; }
#processpics img, #yishunpics img, #amkhubpics img { width: 350px; height: 198px; }
#yishunsafrapics img { width: 350px; height: 233px; }

/* Side Promotion Styles */

#mainright h3 { margin: 0; height: 26px; font-size: 11px; }
#mainright h3.monthlypromo { background: url(../images/h3-monthlypromotions.gif) left top no-repeat; }
#mainright h3.privilegecard { background: url(../images/h3-latestpromotion.gif) left top no-repeat; }
#mainright h3.contactinfo { background: url(../images/h3-contact-information.gif) left top no-repeat; }
#mainleft2 h3.privilegecards { background: url(../images/h3-privilegecard.gif) left top no-repeat; }
#mainleft2 h3.alacarteBuffet { background: url(../images/h3-alacarteBuffet.gif) left top no-repeat; }

#monthlypromo { height: 250px; }

#monthlypromo ul { list-style-type: none; margin: 0; padding: 0; }
#monthlypromo ul li { }
#monthlypromo ul li a { text-decoration: none; width: 240px; height: 50px; display: block; background: url(../images/promotions-bg.gif) no-repeat; }
#monthlypromo ul li a span { visibility: hidden; }

#monthlypromo ul li a.promo-yishun { background-position: 0 0; }
#monthlypromo ul li a.promo-yishun:hover { background-position: 100% 0; }

#monthlypromo ul li a.promo-amk { background-position: 0 -50px; }
#monthlypromo ul li a.promo-amk:hover { background-position: 100% -50px; }

#monthlypromo ul li a.promo-buffet { background-position: 0 -100px; }
#monthlypromo ul li a.promo-buffet:hover { background-position: 100% -100px; }

#monthlypromo ul li a.promo-outdoor { background-position: 0 -150px; }
#monthlypromo ul li a.promo-outdoor:hover { background-position: 100% -150px; }

div.logos { margin: 20px 0 0 0; text-align: center; }
div.logos img { border: none; }

/* navigation styles  */

#navigation ul.sf-menu { padding: 120px 0 0 0; margin: 0; }
#navigation ul a { text-decoration: none; display: block; background-image: url(../images/navigation.gif); background-repeat: no-repeat; height: 30px; }
#navigation ul li li a { background-image: none; height: 22px; }
#navigation ul li a span { margin-left: -9999em; }

#navigation a.home { background-position: 0 0; width: 60px; }
#navigation a.home:hover { background-position: 0 -30px; }
#navigation a.homecurrent { background-position: 0 -60px; width: 60px; }
#navigation a.profile { background-position: -60px 0; width: 118px; }
#navigation a.profile:hover { background-position: -60px -30px; }
#navigation a.profilecurrent { background-position: -60px -60px; width: 118px; }
#navigation a.outdoor { background-position: -178px 0; width: 127px; }
#navigation a.outdoor:hover { background-position: -178px -30px; }
#navigation a.outdoorcurrent { background-position: -178px -60px; width: 127px; }
#navigation a.buffet { background-position: -305px 0; width: 113px; }
#navigation a.buffet:hover { background-position: -305px -30px; }
#navigation a.buffetcurrent { background-position: -305px -60px; width: 113px; }
#navigation a.restaurants { background-position: -418px 0; width: 119px; }
#navigation a.restaurants:hover { background-position: -418px -30px; }
#navigation a.restaurantscurrent { background-position: -418px -60px; width: 119px; }
#navigation a.promotions { background-position: -537px 0; width: 93px; }
#navigation a.promotions:hover { background-position: -537px -30px; }
#navigation a.promotionscurrent { background-position: -537px -60px; width: 93px; }
#navigation a.gallery { background-position: -630px 0; width: 66px; }
#navigation a.gallery:hover { background-position: -630px -30px; }
#navigation a.gallerycurrent { background-position: -630px -60px; width: 66px; }
#navigation a.contactus { background-position: -696px 0; width: 85px; }
#navigation a.contactus:hover { background-position: -696px -30px; }
#navigation a.contactuscurrent { background-position: -696px -60px; width: 85px; }

/* Navigation for gallery */

#navigation-gallery { padding-bottom: 2px; margin-bottom: 1px; border-bottom: #ddd 1px solid; height: 30px; }

#navigation-gallery ul { list-style-type: none; margin: 0; padding: 0 0 0 30px;  font-size: 9px; }
#navigation-gallery ul li { float: left; list-style-type: none; }
#navigation-gallery ul a { text-decoration: none; display: block; background-image: url(../images/navigation-gallery.gif); background-repeat: no-repeat; height: 30px; }
#navigation-gallery a.gallery-buffet { background-position: -8px 0; width: 120px; }
#navigation-gallery a.gallery-buffet:hover { background-position: -8px -30px; }
#navigation-gallery a.gallery-buffet-current { background-position: -8px -30px; width: 120px; }

#navigation-gallery a.gallery-outdoor { background-position: -128px 0; width: 128px; }
#navigation-gallery a.gallery-outdoor:hover { background-position: -128px -30px; }
#navigation-gallery a.gallery-outdoor-current { background-position: -128px -30px; width: 128px; }

#navigation-gallery a.gallery-yishun { background-position: -256px 0; width: 133px; }
#navigation-gallery a.gallery-yishun:hover { background-position: -256px -30px; }
#navigation-gallery a.gallery-yishun-current { background-position: -256px -30px; width: 133px; }

#navigation-gallery a.gallery-amk { background-position: -389px 0; width: 93px; }
#navigation-gallery a.gallery-amk:hover { background-position: -389px -30px; }
#navigation-gallery a.gallery-amk-current { background-position: -389px -30px; width: 93px; }

#navigation-gallery a.gallery-us { background-position: -482px 0; width: 66px; }
#navigation-gallery a.gallery-us:hover { background-position: -482px -30px; }
#navigation-gallery a.gallery-us-current { background-position: -482px -30px; width: 66px; }

/* Restaurants Promotions */
table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

/* Outdoor Catering Main Page */

.outdoor-menu { width: 350px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.outdoor-menu td { padding: 1em 0; border-bottom: #eddcd1 1px solid; height: 60px; }
.outdoor-menu td.menu-item-image { padding-right: 0.5em; width: 60px; height: 60px; }
.outdoor-menu td.menu-item-desc { }
.outdoor-menu td.menu-item-view { width: 50px; }

/* Outdoor Catering - View Menu */

.outdoor-menu-items { text-align: center; margin-bottom: 1em; line-height: 1.6em; }
span.english-item { color: #444; font-size: 12px; }
p.alert { color: #cc0000; font-size: 16px; text-align: center; font-weight: bold; }

/* Buffet Catering Main Page */

.buffet-menu { width: 350px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.buffet-menu td { padding: 1em 0; border-bottom: #eddcd1 1px solid; height: 60px; }
.buffet-menu td.menu-item-image { padding-right: 0.5em; width: 60px; height: 60px; }
.buffet-menu td.menu-item-desc { }
.buffet-menu td.menu-item-view { width: 50px; }

/* Buffet Catering - View Menu Styles */

.itemtable { font-family: Verdana, Arial, Helvetica, sans-serif; border: 0; width: 100%; margin: 0 0 1em 0; }
.itemtable td { font-size: 11px; padding: .2em 0; border-bottom: #f0e3cf 1px solid; }
.itemtable td.chinesechar { font-family: Arial; font-size: 14px; width: 160px; }
.itemtable td.itemenglishheader { border-bottom: #ecccb7 1px solid; padding: 5px 0; }
.itemtable td.itemchinesecharheader { border-bottom: #ecccb7 1px solid; padding: 5px 0; font-family: Arial; font-size: 14px; }
.itemtable td.itempicture { width: 140px; border-bottom: none; }
.textbox { width: 90%; }
div#menunotes { margin: 20px 0; padding: 10px; border: #f0e3cf 1px dashed; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

/* Buffet Catering - View Menu - Buffet Order */

.ordertable { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.ordertable td { padding: .4em 0; }
.ordertable td.ordertable-orderlist { vertical-align: top; font-size: 9px; }
div#menuheader { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 	#f0e3cf 1px dotted; }
div#menuheader h2 { color: #990000; font-size: 24px; margin: 0 0 10px 0; height: auto; }
div#menuheader h3 { border: none; color: #333; font-size: 24px; margin: 0; }
div#menuheader p.menuheader-price, div#menuheader p.menuheader-numcourses { font-size: 16px; font-weight: bold; margin: 0; }

/* Styles for error messages */

div.error { margin: 10px 0; padding: 10px; background-color: #003399; }
div.error p { font-weight: bold; font-size: 12px; color: #fff; margin: 0; }
object { outline: none; }


p.announcement { color: #CC0000; text-align: center; }