/* Restaurant Theme CSS */

body { font-family:Arial, Helvetica, sans-serif; color:#e1caaa; margin:0; padding:0; background-color:#111111;}

a { color:#fcc779; text-decoration:none; }
	
a:hover { color:#fff; text-decoration:none; }

.constraint { position:relative; width:940px; margin:0 auto; padding:0; }
	
img { border:0 }

.clear { clear:both; display:block; height:0; font-size:0; line-height:0; }
	

/* ------------------------------------- */
/* Header                                */

#header { overflow:hidden; padding:6px 0; }

#title h1 { margin:0; padding: 0; }

#title h1 a { display:block; height:134px; width:230px; text-indent:-5000px; overflow:hidden; cursor:pointer; background-image:url('/uploads/0000/0003/logo.png'); }

* html #title h1 a { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/uploads/0000/0003/logo.png, sizingMethod='scale'); }

#header #title h2 { padding:0; margin:0; line-height:1em; position:absolute; top:50px; left:260px; font-size:32px; }

/* ------------------------------------- */
/* Main navigation                            */

#main_navigation { position:absolute; width:700px; font-size:20px; top:93px; right:0; z-index:25;}

#main_navigation ul { float: right; }

#main_navigation ul,  #main_navigation li { list-style:none; padding:0; margin:0; }
	
#main_navigation ul li { float:left; }

#main_navigation ul li.selected a { color:#fff; }

#main_navigation ul li a { display:block; padding:10px 13px; text-transform:lowercase; }


/* ------------------------------------- */
/* Introduction                          */

#introduction { height:345px; }

#introduction .inner { padding:10px 0 0; }

#introduction .inner .description { float:right; width:270px; font-size:19px; text-align:center; }

#introduction .inner .description span.chinese_writing { display:block; text-align:left; height:91px; width:186px; margin:15px auto; }

* html #introduction .inner .description span.chinese_writing img { height:91px; width:186px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }

* html #introduction .inner .description span.chinese_writing { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/uploads/0000/0005/tong_lok_writing.png, sizingMethod='crop'); }

#featured-item {
   width: 661px; /* important to be same as image width */
   height: 310px; /* important to be same as image height */
   position: relative; /* important */
   background:#FCE8CB;
   float:left;
   margin:0 0 20px 0;
   display:block;
   overflow: hidden; /* important */
}

#featured-itemContent {
   width: 661px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin:0; padding:0;
   list-style:none;
   margin-left: 0; /* important */
}

.featured-itemImage {
	border:8px solid #FCE8CB; width:645px; height:294px;
   	float: left; /* important */
   	position: relative; /* important */
   	display: none; /* important */
}

.featured-itemImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   width: 645px;
   background-color: #412002;
   filter: alpha(opacity=90); /* here you can set the opacity of box with text */
   -moz-opacity: 0.9; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.9; /* here you can set the opacity of box with text */
   opacity: 0.9; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */

   bottom: 0; 		/* if you put
   					top: 0; -> the box with text will be shown at the top of the image
       
	   				if you put
       				bottom: 0; -> the box with text will be shown at the bottom of the image */ }
					
.featured-itemImage span strong {
	font-weight:normal;
	font-size:20px; letter-spacing:-1px;
	display:block;
	color:#fff !important;
	margin:15px 0 5px 15px !important; padding:0 }

.featured-itemImage span div {
	font-weight:normal;
	display:block;
	color:#D2B28D;
	margin:3px 0 12px 15px !important; padding:0;
	line-height:18px; font-size:14px;
	width:450px }
	
.featured-itemImage span em.price {
	font-style:normal;
	display:block;
	height:30px;
	padding:5px 0;
	font-size:30px; color:#FFF; letter-spacing:normal;
	position:absolute; right:15px; top:18px }

.featured-itemImage span em.more-info {
	font-style:normal;
	font-size:14px;
	font-weight:bold;
	display:block;
	position:absolute; right:15px; top:52px }


/* ------------------------------------- */
/* Main Content                          */

/*#main_content { position:relative; width:100%; border-top:1px solid #00040f; border-bottom:1px solid #000a14; padding:30px;
  background:#06131C url('../graphics/main_content_bg.jpg') top center no-repeat; font-size:15px; line-height:22px; overflow:hidden; }*/

#main_content { position:relative; width:100%; border-top:1px solid #9B2324; border-bottom:1px solid #555555; padding:30px 0 30px 0;
  background-color:#5B0101; font-size:15px; line-height:22px; overflow:hidden; }

#main_content h2 { font-size:22px; font-weight:normal; color:#fdf3e4; margin:0 0 10px 0; padding:0; }
	
#main_content h3#page_subtitle { font-size:16px; line-height:24px; color:#f0d7b4; display:block; font-weight:normal; margin:0 0 20px 0; padding:0; font-style:italic; }
	
#main_content p {	margin:0 0 15px 0; padding:0; }

#main_content.show_sidebar #content { width:660px; float:left; }


#main_content #announcement {
  background-color:#FCE8CB; border:3px solid #9B2324;
  padding:5px 8px; color:#3D3333; font-size:14px; font-weight:bold;
  margin-bottom:.8em;
}

#main_content #announcement .description { text-transform:uppercase; text-align:center; }

#flash_message { margin-bottom:15px; }

#flash_message .notice, #flash_message .error {
  padding:2px 6px; color:#3D3333; font-size:13px; font-weight:bold;
}
#flash_message .notice { background-color:#FFE5E5; border:1px solid #D99D9D; }

#flash_message .error { background-color:#E9FFE5; border:1px solid #9BDEA8; }




/* ------------------------------------- */
/* Sidebar                               */

#main_content.show_sidebar #sidebar { float:right; width:249px; display:block; margin:0 0 0 0px; }
	
.sub-sidebar { margin:6px 0 15px 30px !important; }

#sidebar h3 { font-size:16px; font-weight:bold; color:#fdf3e4; margin:0 0 10px 0; padding:0; font-style:normal; }

#content, #sidebar .widget { position:relative; }

#sidebar .sm-featured-item { width:239px; height:179px; position:relative; margin:0 0 30px 0; border:5px solid #FCE8CB; }
		
#sidebar .sm-featured-item img { display:block; margin:0; }
		
#sidebar .sm-featured-item.bottom { margin:0 0 12px 0 !important; }
		
#sidebar .sm-featured-item h2 {
    position:absolute;
    top:0; left:0;
    font-size:16px !important;
		background:#412002;
		border-bottom:1px solid #2F1803;
		text-align:center;
		width:239px;
		padding:12px 0 !important;
		opacity:.90; filter: alpha(opacity=90); -moz-opacity: 0.9;
	}


/* ------------------------------------- */
/* Branches                               */

#branches .branch { overflow:hidden; margin:0 0 12px 0; }

/* ideal height width:120px; height:90px; */
#branches .branch img.preview { float:left; border:3px solid white;  margin:0 6px 0 0; }

#branches .branch_title { font-weight:bold; color:#FCC779; }

#branches .branch_description { }


/* ------------------------------------- */
/* Form Styling                          */

#main_content form {
	background:#1F384A;
	border:1px solid #37596F;
	margin:0;
	padding:20px }

#main_content form fieldset { margin-bottom:0; }
	form .txt {
		border:1px solid #fff;
		color:#1F384A;
		font-size:12px;
		background:#EFF9FF;
		font-family:Arial, Helvetica, sans-serif;
		padding:7px;
		width:160px;
	}
	
	form textarea.txt {
		width:250px;
		line-height:18px;
		height:100px }
	
#main_content form p {
zoom:1; overflow:hidden;
		display:block;
		margin-bottom:10px;
		color:#FDF3E4;
	}
	
	form p label {
		display:block;
		float:left;
		padding:7px 10px 0 0;
		width:90px;
		font-size:12px;
		text-transform:uppercase;
		text-align:right;
		font-weight:bold;
	}
	
	form .btn {
		background:#F0D7B4;
		padding:0px 6px;
		border-top:1px solid #F5E8D6;
		border-left:1px solid #F5E8D6;
		height:24px;
		line-height:24px;
		color:#4F3B1D;
		font-size:11px;
		text-transform:uppercase;
		font-weight:bold;
		margin:0 0 0 100px;
		display:inline-block;
		text-decoration:none;
	}
	
	.photo {
		margin:0;
		border:5px solid #FCE8CB }
		
		.nocaption { margin:0 0 15px 0 }
		
	.caption {
		text-align:center;
		font-size:11px;
		display:block;
		margin:3px 0 15px 0 }


/* ------------------------------------- */
/* Menu Styling                          */

body#specials-body #main_content #content { background:#FCE8CB url('/uploads/0000/0007/menu_skin_bg.jpg') no-repeat; padding:25px 30px; overflow:hidden; color:#8F6A35; }

body#specials-body #main_content #content h2 { font-style:italic; color:#06131C; font-weight:bold; margin:0 0 15px -10px; }

body#specials-body #main_content #content h3, h4, h5 { color:#06131C; }


.left-menu { float:left; width:532px; margin:0; padding:0; }
	
.right-menu { float:right; width:318px; padding:0 0 0 18px; margin:0; border-left:1px solid #BFA583; }

dl { display:block; overflow:auto; margin: 0 0 0.7em 10px; background: url('/uploads/0000/0009/dot.gif') repeat-x 0 14px; }
dl dt, dl dd.price { font-size:130%; font-weight:bold; }
dl dt { font-size:16px; background:#FCE8CB; font-weight:normal; float:left; padding-right:5px; color:#3F2808; }
dl dd { margin:0; }
dl dd.price { font-weight:normal; font-size:16px; float:right; padding-left:5px; color:#406F0D; background:#FCE8CB; }
dl dd.description { font-size:14px; font-style:italic; font-weight:normal; line-height:20px; float:left; width:100%; padding: 3px 0; color:#8F6A35; }

span.new, span.special {
	color:#FFF8EF;
	font-size:11px;
	font-weight:bold;
	padding:1px 3px 0;
	position:relative;
	text-transform:uppercase;
	top:-2px }
	
span.special { background:#579F09 }
span.new { background:#EF1E0E }

span.big-separator { display:block; height:26px; margin:20px 0; background:url('../graphics/big_menu_separator.gif') no-repeat top center }
span.sm-separator { display:block; height:25px; margin:20px 0; background:url('../graphics/sm_menu_separator.gif') no-repeat top center }


/* ------------------------------------- */
/* Footer                                */

#footer { font-size:14px; background:#333333; width:100%; padding:15px 0 20px 0; }
	
#footer .content { position:relative }
	
#footer #copyright { position:absolute; right:0; top:0; }

#footer #copyright a { font-style:italic; }

#footer .constraint { overflow:hidden; }

#secondary_navigation ul, #secondary_navigation ul li { list-style:none; padding:0; margin:0; }

#secondary_navigation ul li { float:left; }

#secondary_navigation ul li a { padding:0 10px; border-left:1px solid #FCC779; }

#secondary_navigation ul li.first a { padding-left:0; border:0; }


/* ------------------------------------- */
/* Validation error                                */

div.errorExplanation h2 { display:none; }