/**
This is website is done by julio and turn over to sam.
Some of the parts are modified by sam.
There is alot of invalid use of HTML done. 
1. Sam did modified some of the parts in the website and cannot redo all 
because of the html and css is not define properly in the 1st development of the website.

**/
/* CSS Document */
body {
	margin:0 0 0 0;
	background: url(../images/bg-external-border.gif) center top;
	text-align:center; 
}

#container
{
	text-align:left;
	margin:0 auto;
	width:1000px;
}

/* HEADER */

.header-container{
	width:1000px;
	height:90px;
	background:url(../images/bg-internal-border.gif)
}

h1{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.h1_content{
	font-size:25px;
	font-weight:normal;
	font-style:italic;
	margin-top:20px;
	margin-bottom:8px;
	color:#3d2316;
	font-family:Georgia, "Times New Roman", Times, serif
}

.h4_franchise{
	font-size:22px;
	font-weight:normal;
	font-style:italic;
	margin-top:20px;
	margin-bottom:8px;
	color:#FF6600;
	font-family:Georgia, "Times New Roman", Times, serif
}

.h1_content_prod{
	font-size:25px;
	font-weight:normal;
	font-style:italic;
	margin-bottom:8px;
	color:#3d2316;
	margin-left:240px;
	font-family:Georgia, "Times New Roman", Times, serif;
	
}


.h2_content{
	font-size:14px;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#3d2316
}

.h3_content{
	font-size:23px;
	margin:15px 0 2px 0;
	padding:0 0 0 0;
	color:#F26631;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}

.h4_content{
	font-size:16px;
	margin:15px 0 2px 0;
	padding:0 0 0 0;
	color:#F26631;
	font-weight:normal;
}

.h1_mini{
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	margin-top:20px;
	margin-bottom:8px;
	color:#3d2316;
	font-family:Georgia, "Times New Roman", Times, serif
}

.header-logo{
	float:left;
	margin-left:200px;
	margin-top:10px;
	margin-bottom:4px
}

.header-logo-index{
	float:left;
	margin-left:207px;
	margin-top:10px;
	margin-bottom:4px
}

.header-halal{
	float:right; 
	margin-right:48px;  
	margin-top:28px
}

.header-facebook{
	float:left; 
	margin-left:73px; 
	margin-top:43px
}

.header-twitter{
	float:left; 
	margin-left:7px; 
	margin-top:43px
}

.banner-text{
	width:190px; 
	margin-left:735px; 
	padding-top:250px; 
	font-family:Georgia, 'Times New Roman', Times, serif; 
	color:#FFFFFF; 
	font-size:18px;
	font-style:italic;
	line-height:24px;
}

.side-text-customer{
	margin-left:12px; 
	margin-top:20px; 
	width:220px; 
	color:#3d2316;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.side-text-franchise-new{
	margin-left:25px; 
	margin-top:20px; 
	width:220px; 
	color:#3d2316;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

/* TOP NAV */

.top-nav-menu{
	height:30px;
	background:url(../images/bg-top-menu.gif);
	font-family:Georgia, "Times New Roman", Times, serif;
}

/*.top-nav-selected{
	color:#653d23;
	display:block; 
	padding:7px 15px 7px 15px;
}

a.top-nav-selected:link
{
	font-size:13px;
	text-decoration:none;
  background:url(../images/bg-mouse-over.gif) repeat-x top;	
  color:#ffffff;
}
a.top-nav-selected:visited{
	font-size:13px;
	text-decoration:none;
	color:#653d23;	
}
a.top-nav-selected:hover{
	font-size:13px;
	text-decoration:none;
	color:#ffffff;
	background:url(../images/bg-mouse-over.gif) repeat-x top;	
}

a.top-nav-selected:active{
	font-size:13px;
	text-decoration:none;
	color:#653d23;	
}*/

.top-nav{
	/*color:#653d23;*/
	color:#ffffff;
	display:block; 
	padding:7px 15px 7px 15px;
}

a.top-nav:link{
	font-size:13px;
	text-decoration:none;
	color:#653d23;	
}

a.top-nav:visited{
	font-size:13px;
	text-decoration:none;
	color:#653d23;	
}	

a.top-nav:hover{
	font-size:13px;
	text-decoration:none;
	color:#ffffff;
	background:url(../images/bg-mouse-over.gif) repeat-x top;	
}

a.top-nav:active{
	font-size:13px;
	text-decoration:none;
	color:#653d23;	
}	


.ico-home{
	color:#653d23;
	display:block; 
	padding:8px 17px 8px 17px;
	
}

a.ico-home:link{
	font-size:13px;
	text-decoration:none;
	color:#653d23;	
}

a.ico-home:visited{
	font-size:13px;
	text-decoration:none;
	color:#653d23;	
}	

a.ico-home:hover{
	font-size:13px;
	text-decoration:none;
	color:#ffffff;	
}

a.ico-home:active{
	font-size:13px;
	text-decoration:none;
	color:#653d23;		
}

.ico-home-index{
	color:#653d23;
	display:block; 
	padding:8px 17px 8px 17px;
	
}

a.ico-home-index:link{
	font-size:13px;
	text-decoration:none;
	color:#653d23;	
	background:url(../images/bg-mouse-over.gif) repeat-x top;	
}

a.ico-home-index:visited{
	font-size:13px;
	text-decoration:none;
	color:#653d23;	
}	

a.ico-home-index:hover{
	font-size:13px;
	text-decoration:none;
	color:#ffffff;	
}

a.ico-home:active{
	font-size:13px;
	text-decoration:none;
	color:#653d23;		
}


/* BODY */

.body-text{
	margin-left:72px;
	color:#3d2316;
	font-size:14px;
	line-height:20px;
	width:530px;
	font-family:Georgia, "Times New Roman", Times, serif, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑";
	
	}

.body-text-OMD-HEAD{
	margin-left:72px;
	color:#3d2316;
	font-size:14px;
	line-height:20px;
	width:620px;
	font-family:Georgia, "Times New Roman", Times, serif;
	
	}	
	
.body-text-OMD{
	margin-left:72px;
	color:#3d2316;
	font-size:12px;
	line-height:20px;
	width:630px;
	font-family:Georgia, "Times New Roman", Times, serif;
	
	}	
	
	.body-text-list{
	margin-left:72px;
	color:#3d2316;
	font-size:14px;
	line-height:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	
	}

	.body-text-list-OMD{
	margin-left:72px;
	color:#3d2316;
	font-size:11px;
	line-height:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	
	}	

.body-text-prod{
	margin-left:240px;
	color:#3d2316;
	font-size:14px;
	line-height:20px;
	width:400px;
	font-family:Georgia, "Times New Roman", Times, serif	
	}
	
.body-text-prod-puff{
	margin-left:240px;
	color:#3d2316;
	font-size:14px;
	line-height:20px;
	width:280px;
	font-family:Georgia, "Times New Roman", Times, serif	
	}	

	
.body-about-us-text{
	margin-left:72px;
	color:#3d2316;
	font-size:15px;
	line-height:20px;
	width:370px;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	
	}	
	
.body-about-us-text-heritage{
	margin-left:72px;
	color:#3d2316;
	font-size:15px;
	line-height:20px;
	width:400px;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	
	}	
	
	
.body-news-titles-text{
	margin-left:72px;
	color:#3d2316;
	font-size:15px;
	line-height:20px;
	width:575px;
	margin-top:10px;
	padding:2px 0 2px 0;
	margin-bottom:15px;
	background:url(../images/bg-news-internal-title.gif) repeat-x bottom;
	}
	
.body-news-titles-text-OMD{
	margin-left:72px;
	color:#3d2316;
	font-size:15px;
	line-height:20px;
	width:628px;
	margin-top:10px;
	padding:2px 0 2px 0;
	margin-bottom:15px;
	background:url(../images/bg-news-internal-title.gif) repeat-x bottom;
	}			

.body-products-title-text{
	margin-left:72px;
	color:#3d2316;
	font-size:15px;
	line-height:20px;
	width:575px;
	margin-top:5px;
	padding:2px 0 2px 0;	
	}

.body-products-2-title-text{
	margin-left:72px;
	color:#3d2316;
	font-size:15px;
	line-height:20px;
	width:620px;
	margin-top:15px;
	padding:2px 0 2px 0;	
	}			

.body-text-sitemap{
	margin-left:150px;
	color:#3d2316;
	font-size:14px;
	line-height:20px;
	width:250px;
	font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
	
	}

.body-text-sitemap-2{
	margin-left:72px;
	color:#3d2316;
	font-size:14px;
	line-height:20px;
	width:300px;
	margin-left:500px;
	font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
	
	}	

	
.order-text{
	margin-left:72px;
	color:#3d2316;
	font-size:15px;
	line-height:20px;
	width:530px;
	padding: 8px 8px 8px 8px;
	background-color:#fef4d9;
	margin-top:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}	
	
.catering-text{
	margin-left:72px;
	color:#3d2316;
	font-size:15px;
	line-height:20px;
	margin-top:16px
	}		
	
.franchise-text{
	margin-left:72px;
	color:#3d2316;
	font-size:15px;
	line-height:20px;
	width:570px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.phone-number
{
	color:#F26631; 
	font-size:22px; 
	font-style:italic; 
	font-weight:bold
}

		

.home-right-menu-links{
	color:#ffffff;
	display:block; 
	padding:5px 0 0 50px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px; 
}

a.home-right-menu-links:link{
	font-size:16px;
	text-decoration:none;
	color:#ffffff;
	font-style:italic; 
	text-shadow: 1px 1px 1px #343434;
}

a.home-right-menu-links:visited{
	font-size:16px;
	text-decoration:none;
	color:#ffffff;
	font-style:italic;
	text-shadow: 1px 1px 1px #343434;		
}	

a.home-right-menu-links:hover{
	font-size:16px;
	text-decoration:underline;
	color:#ffffff;
	font-style:italic;
	text-shadow: 1px 1px 1px #343434;		
}

a.home-right-menu-links:active{
	font-size:16px;
	text-decoration:none;
	color:#ffffff;
	font-style:italic;
	text-shadow: 1px 1px 1px #343434;	
}	

.others-right-menu-links{
	color:#ffffff;
	display:block; 
	padding:2px 0 0 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px
}

a.others-right-menu-links:link{
	font-size:14px;
	text-decoration:none;
	color:#ffffff;
	font-style:italic; 
	text-shadow: 1px 1px 1px #343434;
}

a.others-right-menu-links:visited{
	font-size:14px;
	text-decoration:none;
	color:#ffffff;
	font-style:italic;
	text-shadow: 1px 1px 1px #343434;		
}	

a.others-right-menu-links:hover{
	font-size:14px;
	text-decoration:underline;
	color:#ffffff;
	font-style:italic;
	text-shadow: 1px 1px 1px #343434;		
}

a.others-right-menu-links:active{
	font-size:14px;
	text-decoration:none;
	color:#ffffff;
	font-style:italic;
	text-shadow: 1px 1px 1px #343434;	
}	

.sub-others-right-menu-links{
	color:#3d2316;
	display:block; 
	padding:2px 0 0 30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px 
}

a.sub-others-right-menu-links:link{
	font-size:14px;
	text-decoration:none;
	color:#3d2316;
	font-style:none; 
}

a.sub-others-right-menu-links:visited{
	font-size:14px;
	text-decoration:none;
	color:#3d2316;
	font-style:none;		
}	

a.sub-others-right-menu-links:hover{
	font-size:14px;
	text-decoration:underline;
	color:#3d2316;
	font-style:none;		
}

a.sub-others-right-menu-links:active{
	font-size:14px;
	text-decoration:none;
	color:#3d2316;
	font-style:none;	
}	


	
/* FOOTER */

.pre-footer{
	height:171px; 
	background:url(../images/bg-internal-border.gif) #c5bab4;
	color:#c6a779;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
}
.footer{
	height:30px; 
	background:url(../images/bg-internal-border.gif) #362314;
	color:#c6a779;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:center;
	padding-top:15px
}

.footer-menu{
	color:#c6a779;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	 	
}

a.footer-menu:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#c6a779;
}

a.footer-menu:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#c6a779;	
}	

a.footer-menu:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:underline;
	color:#c6a779;		
}

a.footer-menu:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#c6a779;	
}	

.footer-menu-off{
	color:#ffffff;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10x;
	background-color:#FF6600	 	
}


.prefooter-menu-links{
	color:#ffffff;
	display:block; 
	padding:3px 0 122px 30px;
	font-family:Georgia, "Times New Roman", Times, serif; 
}

a.prefooter-menu-links:link{
	font-size:15px;
	text-decoration:none;
	color:#ffffff;
	font-style:italic; 
	text-shadow: 1px 1px 1px #343434;
}

a.prefooter-menu-links:visited{
	font-size:15px;
	text-decoration:none;
	color:#ffffff;
	font-style:italic;
	text-shadow: 1px 1px 1px #343434;		
}	

a.prefooter-menu-links:hover{
	font-size:15px;
	text-decoration:underline;
	color:#ffffff;
	font-style:italic;
	text-shadow: 1px 1px 1px #343434;		
}

a.prefooter-menu-links:active{
	font-size:15px;
	text-decoration:none;
	color:#ffffff;
	font-style:italic;
	text-shadow: 1px 1px 1px #343434;	
}	



/* slideshow */ 

.slide{
	width:1000px;
	height:432px;
	float: left;
	padding-left:0px;
	position: relative;
}
.thumbs{
	float:right;
	position: relative;
	top: 399px;
	right: 436px;
	z-index: 100;
	text-align: center;
	line-height: 40px;
	display: none;
}
.thumbs a img{
	padding: 0px;
	text-decoration: none;
	color: #fff;
}
.thumbs a.active img{
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.thumbs a:hover {font-weight: bold;}
.link {display: none;}
.images_wrap{
	width: 1000px;
	height: 432px;
	/*margin-left:28px;*/
	overflow: hidden;
	/*float:right;*/
	position: relative;
}
.tip {
	font:11px tahoma, Arial, Helvetica, sans-serif;
    color: #666666;
	border: 0px solid #ffffff;
    background:#fefefe;
    display:none;
    padding:5px 8px;
    position:absolute;
	z-index:1000;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius: 3px;
}
.images_reel{
	position: absolute;
	top: 0px;
	left: 0px;
	height:432px;
	overflow:hidden
}
.images_reel img{float: left; border: 0; }

.images_description{
}
.images_description span{
	font:13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #383838;
	/*background: yellow;*/
	background:url(pics/herb-description.png) left top no-repeat;
	position: absolute;
	bottom: -4px;
	width: 719px;
	height:54px;
	line-height:16px;
	z-index: 100;
	text-align: left;
	padding-left: 6px;
	display: none;
}
.images_description span a{
	color: #697007;
	text-decoration: none;
	font:25px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.text-outlets-tidbit{
	 margin:15px 50px 0 10px; 
	 font-family:Georgia, 'Times New Roman', Times, serif; 
	 font-size:13px; 
	 font-style:italic; 
	 color:#3d2316;
	
}

.catering
{
	background: url("../images/bg-top-menu.gif") repeat scroll 0 0 transparent;
	padding:0px; 
	margin:0; 
	list-style-type:none; 
	height:30px;
  	font: 13px Georgia,"Times New Roman",Times,serif;	
  	color:#3D2316;
}
.catering_title,.catering_click
{
	position:relative; float:left; 
	margin:8px 0px 5px 8px;
	font: 13px Georgia,"Times New Roman",Times,serif;
}
.catering_click{color:red; cursor:pointer;}
.catering_click:hover{color:red; text-decoration:underline;}
.catering_content
{
	position:relative; float:left;
	background:#ebac13;  
	min-height:80px; width:628px;
	text-indent:20px;
	font: 12px Georgia,"Times New Roman",Times,serif;	
  	color:#3D2316;
  	display:none;
}

.catering_content p a,.catering_content p label
{
	position:relative; float:left;
	text-decoration:none;
	font: italic 12px Georgia,"Times New Roman",Times,serif;
	color:#3D2316;
	width: 420px;
	margin-bottom:8px;
}
.catering_content p a:hover{color:red;}
.outlet_content
{
	position:relative;float:left; 
	min-height:920px; width:1000px; 
	background:url(../images/bg-internal-border.gif);
}
.outlet_nav_container
{
	position:relative; float:left; 
	margin-left:70px; 
	width:630px;height:564px;
}
.outlet_sub_brands_container
{
	position:relative; float:left; 
	margin-left:70px; 
	width:630px;height:564px;
}
.outlet_nav
{
	position:relative; float:left; 
	width:630px; 
}
.outlet_side_nav_outlet
{
	position:relative; float:left; 
	height:25px; width:222px; 
	margin-left:15px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom:1px solid #fff;
	behavior: url(PIE.htc);
	cursor:pointer;
	background:#FDC600;
}
.outlet_side_nav_sub_brands
{
	position:relative; float:left; 
	height:25px; width:222px; 
	margin-left:15px; 
	cursor:pointer;
	background:#FDC600;
}
.outlet_side_nav_arrow
{
	position:absolute;
	z-index:99;
	top:9px;
	left:-9px;	
}
.outlet_side_active a
{
	position:relative; float:left;
	color:#fff; 
	text-decoration:none;
	font: Italic 14px Georgia,"Times New Roman",Times,serif;
	text-shadow: 1px 1px 1px #343434;
	margin:5px 0px 0px 10px;
}
.outlet_side_active a:hover{text-decoration:underline;}
.outlet_a
{
	position:relative; float:left;
	font: 14px Georgia,"Times New Roman",Times,serif;
	text-decoration:none;
	color:#3D2316;
	margin:5px 0px 0px 25px; 
}
.outlet_a:hover{text-decoration:underline;}
.outlet_side_active{background:#EB5B25;}
.arrow_inactive{display:none;}
.outlet_nav .outlet_nav_bg_orange
{
	position:relative; float:left; 
	font: 12px Georgia,"Times New Roman",Times,serif;
	height:30px; width:105px;
	background:url(../images/ock-outlet-orange.png);
	color:#000;
}
.outlet_nav .outlet_nav_bg_red
{
	position:relative; float:left; 
	font: bold 12px Georgia,"Times New Roman",Times,serif;
	height:30px; width:105px;
	background:url(../images/ock-outlet-red.png);
	color:#fff;
}
.outlet_nav_title
{
	position:relative; float:left;
	height:30px; width:100px;
	text-align:center;
	line-height:28px;
	text-decoration:none;
	color:#000;
}
.active{color:#fff;}
.outlet_nav_content
{
	position:relative; float:left; 
	width:630px; min-height:480px; 
	background:#FEF4D9;
}
.outlet_address
{
	position:relative; float:left; 
	width:628px;
}
.outlet_address h3
{
	position:relative; float:left;
	margin:20px 0px 0px 20px;
	width:628px;
	font: bold 14px Georgia,"Times New Roman",Times,serif;
	color:#3D2316;
}
.outlet_address P
{
	position:relative; float:left;
	margin:20px 0px -20px 23px;
	width:500px;
	font: bold 12px Georgia,"Times New Roman",Times,serif;
	color:#EB5B25;
}
.outlet_text
{
	position:relative; float:left;
	width:130px; min-height:90px;
	margin:0px 0px 0px 20px;
	font: 11px Georgia,"Times New Roman",Times,serif;
	color:#3D2316;
}
.outlet_text a{text-decoration:none;color:#3D2316; font: 11px Georgia,"Times New Roman",Times,serif;}
.outlet_text a:hover{text-decoration:underline;color:#3D2316;}
.outlet_border
{
	position:relative; float:left;
	height:5px; width:585px; 
	margin:20px 0px 0px 20px;
	border-top:solid 1px #EB5B25;
}
.outlet_border_dotted
{
	position:relative; float:left;
	height:5px; width:585px; 
	margin:0px 0px 0px 20px;
	border-top:dotted 2px #EB5B25;
}
.outlet_text_overseas
{
	position:relative; float:left;
	width:160px; height:20px;
	margin:0px 0px 0px 20px;
	font: 12px Georgia,"Times New Roman",Times,serif;
	color:#3D2316;
}
.outlet_overseas_cons
{
	position:relative; float:left;
	width:136px;
	margin:0px 0px 20px 20px;
	font: 12px Georgia,"Times New Roman",Times,serif;
	color:#3D2316;
}
.outlet_ident{	color:#EB5B25; font-size:14px;}
#outlet_west,#outlet_east,#outlet_south,#outlet_north,#outlet_overseas,#sub-brands{display:none;}
.outlet_span_title,.outlet_span_title_curry
{
	position:relative; float:left;
	margin:20px 0px -10px 20px;
	width:630px;
	font: bold 14px Georgia,"Times New Roman",Times,serif;
	color:#3D2316;
}
.outlet_span_title_curry{width:160px; margin-top:5px;}
.outlet_currytimes
{
	position:relative; float:left; 
	width:630px; height:145px;
	background:#FDDCC9;
}
.side_note
{
	position:relative; float:left;
	width:222px;
	font: Italic 13px Georgia,"Times New Roman",Times,serif;
	color:#3D2316;
	margin:10px 0px 0px 16px;
}
.product_banner
{
	height:432px; 
	background:url(../images/img-products-banner.jpg)
}
.image_thumbs
{
	position:relative; float:left; 
	margin-left:70px;
	width:630px;
}
.image_thumbs .image
{
	position:relative; float:left;
	min-height:135px; width:155px;
	margin:0px 0px 10px 0px;
}
.image_thumbs .copy
{
	position:relative; float:left;
	min-height:135px; width:400px;
	margin:0px 20px 10px 0px;
}
.image_thumbs .copy p
{
	font: italic 12px Georgia,"Times New Roman",Times,serif;
	color:#515151;
	width:380px;
	margin-left:20px;
	line-height:20px;
}
.image_thumbs a 
{
	position:relative; float:left; 
	margin-right:3px;
}
.content_container
{
	position:relative; float:left;
	width:700px;
}
.product_sidebar_menu
{
	position:relative; float:left; 
	width:280px; 
	margin-top:24px;
	margin-left:5px; 
}
.top-nav a
{
	text-decoration:none;
	color:#FFF;
}
/*************** NEWS AND PROMO PAGE ********************/
/*
Start of new CSS to correct the wrong implementation of the CSS.
Author: Sam
*/
#new-container
{
	position:relative;
	margin:0 auto;
	min-height:800px; width:1000px;
	background:url('../images/bg-internal-border.gif') repeat-y; 
}
#new-header
{
	position:relative; float:left;
	width:1000px;
	height:90px;
}
.new-top-nav{
	/*color:#653d23;*/
	color:#ffffff;
	display:block; 
	padding:7px 15px 7px 15px;
}

a.new-top-nav:link{
	font-size:13px;
	text-decoration:none;
	color:#653d23;	
}

a.new-top-nav:visited{
	font-size:13px;
	text-decoration:none;
	color:#653d23;	
}	

a.new-top-nav:hover{
	font-size:13px;
	text-decoration:none;
	color:#ffffff;
	background:url(../images/bg-mouse-over.gif) repeat-x top;	
}

a.new-top-nav:active{
	font-size:13px;
	text-decoration:none;
	color:#653d23;	
}


/* TOP MENU*/
/*style the main menu*/
.new-top-menu
{
  position:relative; float:left;
  margin:0;
  padding:0;
  background: url("../images/bg-top-menu.gif") repeat scroll 0 0 transparent;
  height: 30px; width:1000px;
  font-family: Georgia,"Times New Roman",Times,serif;
}

.new-top-menu li
{
  list-style:none;
  float:left;
}

.new-top-menu li.top-nav-selected
{
  font-size:13px;
  text-decoration:none;
  background:url(../images/bg-mouse-over.gif) repeat-x top;	
  color:#ffffff;
}

.new-top-menu li a:link,
.new-top-menu li a:visited
{
  display:block;
  text-decoration:none;
  margin:0;
}

.new-top-menu li a:hover
{
  /*background-color:#0CF;*/
}
/*style the sub menu*/
.new-top-menu li ul
{
  position:absolute;
  visibility:hidden;
  /*border-top:1px solid #fff;*/
  border-top:0px solid #fff;
  margin:0;
  padding:0;
  z-index: 100;
  background: url("../images/bg-top-menu.gif") repeat scroll 0 0 transparent;
}
.new-top-menu li ul li
{
  display:inline;
  float:none;
}
.new-top-menu li ul li a:link,
.new-top-menu li ul li a:visited
{
  width:auto;
}
.new-top-menu li ul li a:hover
{
  background-color:#0CF;  
}
/* END MENU*/
.pre-footer .our_products_footer
{
	position:relative;float:left;
	background:url('../images/small-banner-our-products.jpg'); 
	width:215px; height:144px;  
	margin:13px 0px 0px 70px;
}
.pre-footer .franchise_footer,.cathering_footer,.investor_footer{
	position:relative;float:left;
	width:215px; height:144px;  
	background:url('../images/small-banner-franchise.jpg');
	margin-top:13px
}
.pre-footer .cathering_footer{background:url('../images/small-banner-catering.jpg');}
.pre-footer .investor_footer{background:url('../images/small-banner-investors.jpg');}
.banner-image
{
	position:relative; float:left;
	height:432px; width:1000px;
}
label.error{font:11px Georgia, "Times New Roman", Times, serif; color:#FF6600;}
.message
{
	float:left;
	height:20px; width:400px;
	font:bold 12px Georgia, "Times New Roman", Times, serif; color:#FF6600;
	display:none;
	text-indent:20px;
}
.career-box
{
	float:left; 
	height:100%; width:500px;
	font:12px Georgia, "Times New Roman", Times, serif; color:#FF6600;
	text-align:center; 
	padding:0px 10px; 
	margin-bottom:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:solid 1px #FF6600; 
	color:#000;
}
.content_border
{
	overflow:auto;
	min-height:300px;
	background:url('../images/bg-internal-border.gif');
	padding-bottom:10px;
}
.content-layer
{
	float:left;
	width:850px;
	margin-left:70px;
}
table.order-form
{
	position:relative; float:left;
	border-collapse:collapse;
	font:12px Georgia, "Times New Roman", Times, serif; 
	color:#3D2316;
	margin-bottom:20px;
}
table.order-form, table.order-form th, table.order-form td
{
	border: 1px solid #999;
	padding:5px 10px;
}
.order-frm-bg-menu
{
	background:#F5FCBE;
}
.order-form-sets
{
	background:#FDC600;
	font:14px Georgia, "Times New Roman", Times, serif; 
}
.order-form-sets a
{
	text-decoration:none;
}
.order-form-sets td{border:none !important;}
.order-form-input
{
	border:solid 1px #999;
	width:50px;
	text-align:right;
}
.order-form-para
{
	float:left;
	font:Italic 14px Georgia, "Times New Roman", Times, serif; 
	width:100%;
}
.order-info
{
	position:relative; float:left;
	width:100%;
	color:#3D2316;
	padding:10px 10px;
	margin-top:10px;
	border:dotted 1px #C3C3C3;
}
.order-terms-and-condition
{
	float:left;
	width:45%;
	font:11px Georgia, "Times New Roman", Times, serif; 
	padding:10px 0px;
	margin-left:30px;
	color:#3D2316;
}
.order-terms-and-condition ul
{
	margin:0px 0px 0px 13px; 
	padding:0px;
}
.clearfix
{
	position:relative; float:left;
	width:100%;
	padding:5px 0px;
	color:#3D2316;
}
.clearfix label
{
	position:relative; float:left;
	width:100%;
	font-weight:bold;
}
.clearfix input
{
	position:relative; float:left;
	width:80%; padding:3px;
	border:solid 1px #CCC;	
}
.clearfix textarea
{
	position:relative; float:left;
	width:80%; padding:3px;
	border:solid 1px #CCC;	
}
/*#btn_order
{
	font:14px Georgia, "Times New Roman", Times, serif; 
	padding:5px 10px;
	color:#3D2316;
	border:solid 1px #CCC;
	background:#FDC600;
	cursor:pointer;
}*/
#btn_order,#btn_back{float:left; margin-left:0px; margin-right:10px;}
.button_order
{
	font:14px Georgia, "Times New Roman", Times, serif; 
	padding:5px 10px;
	color:#3D2316;
	border:solid 1px #CCC;
	background:#FDC600;
	cursor:pointer;
	float:right;
	text-decoration:none;
	margin-left:10px;
}
.hight-tea
{
	float:left;
	padding:0px 10px 10px 10px;
	width:100%;
	background:#FDC600;
	border:solid 1px #CCC;
}
.high-tea-course,.high-tea-course-right
{
	float:left;
	font:14px Georgia, "Times New Roman", Times, serif; 
	color:#3D2316;
	padding:10px 0px;
	width:380px;
	margin-left:30px;
}
.high-tea-course-right{float:right;margin:0px 30px 0px 0px;}
.high-tea-course .space,.high-tea-course-right .space
{
	width:100%;
	height:20px;
}
.high-tea-qty 
{
	float:left;
	width:280px;
	margin-left:30px;
}
.high-tea-qty p
{
	float:left;
	font:Italic 12px Georgia, "Times New Roman", Times, serif; 
}
.high-tea-qty label
{
	float:left;
	font:Italic 14px Georgia, "Times New Roman", Times, serif; 
	line-height:20px;
	margin-right:5px;
}
.high-tea-qty input
{
	float:left;
	font:12px Georgia, "Times New Roman", Times, serif; 
	width:180px;
	height:20px;
	border:solid 1px #CCC;
}
.high-tea-course-qty
{
	float:left;
	width:130px;
}
.high-tea-menu
{
	float:left;
	width:100%;
	padding:10px;
	margin-top:10px;
	border:dotted 1px #C3C3C3;
}
.high-tea-menu h3
{
	float:left;
	font:Bold italic 18px Georgia, "Times New Roman", Times, serif; 
	width:100%;
}
.high-tea-menu .dishes
{
	float:left;
	font:12px Georgia, "Times New Roman", Times, serif; 
	width:260px;
	margin:0px 10px 20px 0px;
	padding:5px;
}
.dishes .food
{
	float:left;
	margin:0px 20px 0px 0px;
	width:100%;
	padding:5px;
}
.dishes-title
{
	float:left;
	width:100%;
	font:Bold italic 16px Georgia, "Times New Roman", Times, serif; 
	padding:5px;
	margin:0px !important;
}
.order-details
{
	float:left;
	width:100%;
	padding:10px 0px;
	background:#F9FFBC;
	border:1px dotted #C3C3C3;
}
.order-details h3
{
	float:left;
	font:Bold italic 14px Georgia, "Times New Roman", Times, serif; 
	width:80%;
	padding:0;
	margin:0px 0px 0px 30px;
}
.order-details  ol
{
	float:left;
	width:80%;
	font:14px Georgia, "Times New Roman", Times, serif; 
	margin:10px 0px 0px 30px;
}
.order-details  ol li{padding:5px 0px;}
#order{display:none;}
#popup
{
	position:fixed; 
	width:100%; height:100%;
	opacity:0.7; background-color:#FFF;
    top:0; left:0;
    z-index:999;
    display:none;
}
#popup img
{
	display:block;
	margin:350px auto 0px auto;	
}

/* added 8-21-2018 */

@media screen and (max-width:767px){
  /*div#container, 
  .header-container, 
  .images_wrap, 
  .slide {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
  } */
}











