* { margin:0; padding:0; font-size:1em; }
body { font-size: 16px;  }
input, select, textarea { font-size:1.18em; }
input { padding: 0.08em 0; }
option { margin-right:0.5em; }
a img { border: none; }
a:focus { outline: none; }
ul, ol, dl { list-style: none; }
object { display: block; }
form { display: inline; }
html, body, #vertCenter {
width:100%;
height:100%;
background: #000;
color: #fff;
}
#vertCenterTd {
text-align: center;
vertical-align: middle;
}
#page {
position: relative;
width: 800px;
height: 700px;
overflow: hidden;
margin: auto;
background: #feb846 url(bg_kirin.jpg) 0 0 no-repeat;
color: #4f230f;
text-align: left;
}
#brand {
float: left;
width: 238px;
margin: 10px 0 0 23px;
}
#contentGroup {
float: right;
width: 503px;
height: 700px;
}
#contentMain {
clear: both;
padding: 50px 28px 20px 28px;
}
#brandImg1,
#brandImg2 {
position: absolute;
bottom: 50px;
left:23px;
}
#brandImg1 { bottom: 235px; }
body {
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
line-height: 1.8;
}
#contentGroup {
font-size: 0.8em;
background: transparent url(content_red.png) 0 0 repeat;
color: #fdc979;
}
#contentMain ul,
#contentMain ol { margin: 0.9em 2em; }
#contentMain ul { list-style: disc; }
#contentMain ol { list-style: decimal; }
#contentMain ul.details,
#contentMain ol.details {
margin: 0.9em 0 1.8em 0;
list-style: none;
line-height: 1.125;
}
a,
a:link,
a:visited {
color: #ffe1b3;
font-weight: bold;
text-decoration: underline;
}
a:hover,
a:active { color: #fff; }
h1, h2, h3, h4, h5, h6 { line-height: 1.125; }
h1 { font-size: 1.75em; }
h1 cite {
display: block;
font-size: 0.625em;
font-weight: normal;
}
h2.byline {
font-weight: normal;
}
div.reviewBlock h1 a,
div.reviewBlock h2 a { text-decoration:none; }
div.reviewBlock p.date {
font-size:0.85em;
margin-bottom:1.8em;
}
div.reviewBlock h3 {
font-size:1.25em;
margin:2em 0 0.75em 0;
}
p { margin-bottom: 1.8em; }
#contentMain p { width: 420px; }
#contentMain .bvScrollbars p { width: auto; }
p.signature { margin-top: 2.7em; }
p.smartBreaks { white-space: pre; }
p.note { font-size: 0.9em; font-style: italic; }
.captioned img {
display: block;
}
.captioned span {
display: block;
font-size: 0.8em;
line-height: 1;
}
div.printMenu {
text-align: center;
margin: 15px 0;
}
div.printMenu p {
text-align: left;
margin: 10px 0 0 0;
}
div.printMenu a {
padding: 0 15px;
background: transparent url(pip-square.gif) 0% 50% no-repeat;
text-decoration: none;
font-style: italic;
font-weight: normal;
font-size: 0.9em;
}
#brand h1 { margin-left:1px; }
#brand h1 a {
display: block;
width: 229px;
height: 96px;
overflow: hidden;
text-indent: -1000em;
background: transparent url(logo.gif) 50% 50% no-repeat;
}
#brand h2 { margin-left:7px; }
#brand h2 a {
display: block;
width: 238px;
height: 12px;
padding-top: 25px;
overflow: hidden;
text-indent: -1000em;
background: transparent url(text/brand-cuisine.gif) 0px 25px no-repeat;
}
#brandAdr {
margin:8px 0 0 7px;
display: block;
width: 144px;
height: 69px;
overflow: hidden;
text-indent: -1000em;
background: transparent url(text/brand-address.gif) 50% 50% no-repeat;
}
body.pgIndex #contentMain {
width: 379px; height: 311px;
padding: 0;
text-indent: -1000em;
overflow: hidden;
background: transparent url(text/intro-letter.gif) 0 0 no-repeat;
}
div.pgInfoTakeout h1,
div.pgInfoTakeout h2 {
text-indent: -1000em;
overflow: hidden;
width: 105px; height: 22px;
background: transparent url(text/take-out.gif) 50% 50% no-repeat;
}
div.pgInfoTakeout h2 {
width: 319px; height: 20px;
margin: 10px 0 20px 0;
background-image: url(text/the_chinese_american_connec.gif);
}
#contentGroup div.pgInfoBanquet p.intro {
margin: 0;
width: 404px; height: 83px;
text-indent: -1000em;
overflow: hidden;
background: transparent url(text/banquet-intro.gif) 50% 50% no-repeat;
}
#mnBanquet h1 {
text-indent: -1000em;
overflow: hidden;
height: 21px;
margin: 0 0 14px 0;
background: transparent url(text/banquet_menus.gif) 50% 50% no-repeat;
}
#contentGroup div.pgMenuBeverages p.intro {
margin: 0;
width: 408px; height: 182px;
text-indent: -1000em;
overflow: hidden;
background: transparent url(text/beverage-intro.gif) 50% 50% no-repeat;
}
#navSite {
position: relative;
float: left;
width: 503px;
}
#navSite li {
float: left;
}
#navSite li a {
display: block;
font-size: 11px;
line-height: 30px;
height: 30px;
padding-top: 7px;
text-align: center;
text-transform: uppercase;
background: #4f230f;
color: #ce8a33;
text-decoration: none;
}
#navSite a:hover,
#navSite a:active  { color: #fff; }
#navSiteAbout      a { width: 120px; }
#navSiteMenu       a { width: 100px; }
#navSiteDirections a { width: 140px; }
#navSiteInfo       a { width: 143px; }
body.pgAbout      #navSiteAbout      a,
body.navMenu      #navSiteMenu       a,
body.pgDirections #navSiteDirections a,
body.navInfo      #navSiteInfo       a { background: none; }
#navSite ul {
position: absolute;
top: 37px; left: 0;
display: none;
}
#navSite ul a {
text-transform: none;
line-height: 25px;
background: none;
padding: 0;
}
body.pgAbout      #navSiteAbout      ul,
body.navMenu      #navSiteMenu       ul,
body.pgDirections #navSiteDirections ul,
body.navInfo      #navSiteInfo       ul { display: block; }
body.navMenu #navSite,
body.navInfo #navSite { margin-bottom: 25px; }
#navSiteMenuLunch		 a { width: 122px; }
#navSiteMenuDinner	 a { width: 122px; }
#navSiteMenuBeverages a { width: 130px; }
#navSiteMenuSpecials	 a { width: 128px; }
#navSiteInfoHours		 a { width: 100px; }
#navSiteInfoReviews	 a { width: 100px; }
#navSiteInfoTakeout	 a { width: 175px; }
#navSiteInfoBanquet	 a { width: 128px; }
body.menuLunch       #navSiteMenuLunch     a,
body.menuDinner      #navSiteMenuDinner    a,
body.pgMenuBeverages #navSiteMenuBeverages a,
body.pgMenuSpecials  #navSiteMenuSpecials  a,
body.pgMenuTakeout   #navSiteMenuTakeout   a,
body.pgInfoHours     #navSiteInfoHours     a,
body.pgInfoReviews   #navSiteInfoReviews   a,
body.pgInfoTakeout   #navSiteInfoTakeout   a,
body.pgInfoBanquet   #navSiteInfoBanquet   a { color: #fff; }
ul#navMenuSection {
width:470px;
margin: 0 -15px 30px 0;
list-style: none;
overflow: hidden;
}
ul#navMenuSection li {
width:33%;
float: left;
overflow: hidden;
}
ul#navMenuSection #navMenuSecAppetizers,
ul#navMenuSection #navMenuSecSoupMushu   { width: 27%; }
ul#navMenuSection #navMenuSecFowlSeafood,
ul#navMenuSection #navMenuSecNoodles     { width: 40%; }
ul#navMenuSection li a {
white-space: nowrap;
padding: 3px 20px 3px 17px;
text-decoration: none;
font-weight: normal;
}
ul#navMenuSection li a:hover { text-decoration: underline; }
.menuAppetizers     #navMenuSecAppetizers   a,
.menuBeeflambpork   #navMenuSecBeefLambPork a,
.menuFowlseafood    #navMenuSecFowlSeafood  a,
.menuSoupmushu      #navMenuSecSoupMushu    a,
.menuVegetablestofu #navMenuSecVegTofu      a,
.menuNoodles        #navMenuSecNoodles      a { background: transparent url(pip-square.gif) 0% 55% no-repeat; }
div.bvScrollbars {
width:435px;
overflow: auto;
}
#contentGroup .menu {
color: #f7d49f;
padding: 20px 0;
line-height: 1.2;
}
.menu h1,
.menu h2 {
text-align: center;
height: 16px;
text-indent: -1000em;
overflow: hidden;
text-transform: uppercase;
background: transparent url(text/appetizers.gif) center top no-repeat;
}
h1.appetizers,
h2.appetizers      { background-image: url(menu/appetizers.gif); }
h1.beef-lamb,
h2.beef-lamb       { background-image: url(menu/beef-lamb.gif); }
h1.pork,
h2.pork            { background-image: url(menu/pork.gif); }
h1.fowl,
h2.fowl            { background-image: url(menu/fowl.gif); }
h1.seafood,
h2.seafood         { background-image: url(menu/seafood.gif); }
h1.soup,
h2.soup            { background-image: url(menu/soup.gif); }
h1.mushu,
h2.mushu           { background-image: url(menu/mushu.gif); }
h1.vegetables-tofu,
h2.vegetables-tofu { background-image: url(menu/vegetables-tofu.gif); }
h1.noodles,
h2.noodles         { background-image: url(menu/fresh_house_made_noodles.gif); }
h1.rice-chowmein,
h2.rice-chowmein   { background-image: url(menu/rice_chowmein_chowfun.gif); }
h1.entrees,
h2.entrees         { background-image: url(menu/entrees.gif); }
h1.desserts,
h2.desserts        { background-image: url(menu/desserts.gif); }
h1.drinks,
h2.drinks          { background-image: url(menu/drinks.gif); }
h1.todaysfish,
h2.todaysfish      { background-image: url(menu/todays-fish.gif); }
.pgMenuSpecials  .menu h1,
.pgMenuBeverages .menu h1 { display: none; }
.pgMenuBeverages .menu h2 {
text-align: left;
text-indent: 0;
height: auto;
}
.menu h3 {
clear:both;
overflow:hidden;
}
.menu h3 strong { float:left; }
.menu h3 span {
float:right;
padding-left: 1em;
white-space: nowrap;
}
.menu h3 span.multi {
white-space: pre;
}
.menu p { clear:both; }
#contentGroup .menu ul.megaMulti {
margin:0 0 0 10px;
padding-bottom:1.25em;
overflow:hidden;
}
#contentGroup .menu ul.megaMulti li {
background:none;
padding:0;
margin:0.25em 0 0 10%;
width:35%;
float:left;
clear:none;
}
#contentGroup .menu ul.megaMulti li div {
float:left;
width:67%;
}
#contentGroup .menu ul.megaMulti li span {
float:right;
text-align:right;
width:27%;
}
#contentGroup .menu ul { margin: 0.3em 0 1.2em 0; list-style: none; }
#contentGroup .menu li {
padding: 0.3em 0 0.6em 20px;
overflow:hidden;
}
#contentGroup .menu li p { margin: 0; }
.menu li.spicy {
background: transparent url(pip-spicy.gif) 0px 2px no-repeat;
}
#contentGroup .menuPlain {
text-align: center;
line-height: 1.125;
}
div.menuBlock {
padding: 18px 0 0 0;
margin: 14px auto;
background: transparent url(pip.gif) center top no-repeat;
}
div.menuBlockFirst { padding: 0; background: none; }
div.menuBlock h2 {
height: auto;
font-size: 1em;
font-weight: bold;
text-indent: 0;
text-transform: none;
margin: 0;
}
div.menuBlock h2 span { display: block; }
#contentGroup div.menuBlock ul,
#contentGroup div.menuBlock li {
margin:0; padding: 0;
list-style: none;
}
#page #msgLunchEntree {
margin-top:-0.5em;
width:450px;
font-size:0.85em;
font-style:italic;
line-height:1.25;
}
.navMenuGeneral  .menu { height: 430px; }
.showLunchEntree .menu { height: 390px; }
.pgMenuBeverages .menu { height: 280px; margin-top:20px; }
.pgMenuTakeout   .menu,
.pgMenuSpecials  .menu { height: 505px; }
div.menuInactive {
background: transparent url(content_red.png) 0 0 repeat;
border:2px solid #4f230f;
font-size:1.45em;
margin:40px 20%;
width:50%;
padding:0.75em 1em;
}
body.pgIndex #contentGroup { height: auto; }
body.pgIndex #contentMain {
position: absolute;
top:294px; left:31px;
}
body.pgInfoBanquet #contentMain { padding-top: 25px; }
body.pgInfoBanquet div.bvScrollbars {
height: 325px;
}
body.pgInfoReviews div.bvScrollbars {
height: 565px;
}
body.pgInfoReviews div.reviewBlock {
padding-bottom: 22px;
margin-bottom: 35px;
background: transparent url(pip.gif) bottom center no-repeat;
}
.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
}
.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 18px;
bottom: 18px;
background: transparent url(scroll/track.png) 0 0 repeat-y;
}
.jScrollPaneDrag {
position: absolute;
height:18px;
width:18px;
background: transparent url(scroll/thumb.png) 0 0 no-repeat;
cursor: pointer;
overflow: hidden;
}
.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
height: 18px;
background: transparent url(scroll/arrow_up.png) 0 0 no-repeat;
}
a.jScrollArrowUp:hover {
}
a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
height: 18px;
background: transparent url(scroll/arrow_down.png) 0 0 no-repeat;
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}


/* parsed and cached in 0.008977 seconds */