/*
Theme Name: BreadTalk Group
Developer: the Webpuppies team
Developer URI: http://www.webpuppies.com.sg		
Description: The theme was made for BreadTalk Group
Version: 1.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

a{ outline:none;} 

/* =Global Elements
-------------------------------------------------------------- */

body {
	background-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
}
body, input, textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}
/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	list-style-type: circle;
	
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite, blockquote em, blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup, sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"], textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	padding: 2px;
}
a:link {
	color: #f68b1f; text-decoration:none;
}
a:visited {
	color: #f68b1f;
}
a:active,a:hover {
	color: #f68b1f; text-decoration: underline;
}

.clear-left{ clear:left; }
.clear-right { clear:right;}
.clear-both { clear:both; }

h2 { font-size:18px;}
.hr-dotted { color: #fff; background-color: #fff; border: 1px dotted #919191; border-style: none none dotted; }
ul.disc{}
ul.disc li{ list-style:disc;}

html body div#wrapper div#container div#content div#main p a { text-decoration:none;}
html body div#wrapper div#container div#content div#main p a:hover { text-decoration:underline;}
/* =Layout
-------------------------------------------------------------- */
#wrapper {
	width:100%;
}

#container{
	width:805px;
	margin:0 auto;
}

#header{
	width:805px;
	height:75px;
}

	#main-nav { padding-top:30px}
	#main-nav ul { margin:0; padding:0; width:800px; display:block; height:33px;}
	#main-nav ul>li { list-style:none; float:left; display:block; position:relative; }
	#main-nav ul>li>a{ list-style:none; float:left; display:block; min-width:55px; text-indent:-100000px; height:33px;}
	
		#top-sub-nav{ display:none; z-index:1000; float:none; position:absolute; top:33px; }
		#top-sub-nav>ul{ margin:0; padding:0; width:110px; display:block;float:none; position: relative; z-index: 1001;}	
			#top-sub-nav>ul>li{ margin:0; padding:0px;display:block; float:none;  border-top:#eee 1px solid; border-bottom:#eee 1px solid; height:18px;}	
				#top-sub-nav>ul>li>a{text-indent:0px;padding:0px; vertical-align:middle; line-height:12px; margin:0px; height:14px; color:#000000; text-decoration:none; padding:3px 3px 3px 5px; display:block;background-color:#d7d7d7; width:102px;}
				#top-sub-nav>ul>li>a:hover{background-color:#f68a1f;}
				#top-sub-nav>ul>li>a.last{border-bottom:#eee 2px solid;}			

															
	#main-nav ul li a#home { width:143px;background:url(../images/main-nav-bg.png) 0px 0px no-repeat; }	
		#main-nav ul li a#home:hover, #main-nav ul li a#home.active{ background-position: 0px -32px; }
	
	#main-nav ul li a#our-company { width: 110px; background:url(../images/main-nav-bg.png) -143px 0px no-repeat;   }
		#main-nav ul li a#our-company:hover, #main-nav ul li a#our-company.active{ background-position: -143px -32px; }
		
	#main-nav ul li a#our-brands { width:111px;background:url(../images/main-nav-bg.png) -253px 0px no-repeat; }
		#main-nav ul li a#our-brands:hover, #main-nav ul li a#our-brands.active{ background-position: -253px -32px; }

	#main-nav ul li a#investors { width:110px;background:url(../images/main-nav-bg.png) -364px 0px no-repeat;  }			
		#main-nav ul li a#investors:hover, #main-nav ul li a#investors.active{ background-position: -364px -32px; }
		
	#main-nav ul li a#franchising{ width:110px;background:url(../images/main-nav-bg.png) -474px 0px no-repeat; }			
		#main-nav ul li a#franchising:hover, #main-nav ul li a#franchising.active{ background-position: -474px -32px; }	
		
	#main-nav ul li a#contact-us {  width:107px;background:url(../images/main-nav-bg.png) -694px 0px no-repeat;  }			
		#main-nav ul li a#contact-us:hover, #main-nav ul li a#contact-us.active{ background-position: -694px -32px; }
		
	#main-nav ul li a#careers {  width:109px;background:url(../images/main-nav-bg.png) -585px 0px no-repeat;  }			
		#main-nav ul li a#careers:hover, #main-nav ul li a#careers.active{ background-position: -585px -32px; }				

	#main-nav ul li a#breadtalk-logo{ width:196px;background:url(../images/main-nav-bg.png) -604px 0px no-repeat;}
		#main-nav ul li a#breadtalk-logo:hover { background-position: -604px -33px; }
					
	.zh #main-nav ul li a#home { width:143px;background:url(../images/main-nav-bg-zh.png) 0px 0px no-repeat; }	
	.zh #main-nav ul li a#home:hover, #main-nav ul li a#home.active{ background-position: 0px -32px; }

	.zh #main-nav ul li a#our-company { width: 110px; background:url(../images/main-nav-bg-zh.png) -143px 0px no-repeat;   }
	.zh #main-nav ul li a#our-company:hover, #main-nav ul li a#our-company.active{ background-position: -143px -32px; }

	.zh #main-nav ul li a#our-brands { width:111px;background:url(../images/main-nav-bg-zh.png) -253px 0px no-repeat; }
	.zh #main-nav ul li a#our-brands:hover, #main-nav ul li a#our-brands.active{ background-position: -253px -32px; }

	.zh #main-nav ul li a#investors { width:110px;background:url(../images/main-nav-bg-zh.png) -364px 0px no-repeat;  }			
	.zh #main-nav ul li a#investors:hover, #main-nav ul li a#investors.active{ background-position: -364px -32px; }

	.zh #main-nav ul li a#franchising{ width:110px;background:url(../images/main-nav-bg-zh.png) -474px 0px no-repeat; }			
	.zh #main-nav ul li a#franchising:hover, #main-nav ul li a#franchising.active{ background-position: -474px -32px; }	
	
	.zh #main-nav ul li a#contact-us {  width:107px;background:url(../images/main-nav-bg-zh.png) -694px 0px no-repeat;  }			
	.zh #main-nav ul li a#contact-us:hover, #main-nav ul li a#contact-us.active{ background-position: -694px -32px; }	

	.zh #main-nav ul li a#careers {  width:109px;background:url(../images/main-nav-bg-zh.png) -585px 0px no-repeat;  }			
	.zh #main-nav ul li a#careers:hover, #main-nav ul li a#careers.active{ background-position: -585px -32px; }
			
/*	.zh #main-nav ul li a#breadtalk-logo{ width:196px;background:url(../images/main-nav-bg-zh.png) -604px 0px no-repeat;}
	.zh #main-nav ul li a#breadtalk-logo:hover { background-position: -604px -33px; }		
	.zh #main-nav ul li a#breadtalk-logo:hover, #main-nav ul li a#breadtalk-logo.active{ background-position: -604px -33px; }*/	

/* = Content 
-------------------------------------------------------------- */
#content{ width:807px; display:block; overflow:hidden;  }

#content #main { 
		width:613px; 
		display:block; 
		float:left; 
		margin-left:0px; 
		overflow:auto; 
		min-height:550px; 
		height:550px;  
		height:auto !important; 
		border-left: #ccc 1px dotted; 
		padding-left:10px;  
	}
	
	#content #main.full { 
		width:805px; 
		padding-left:0px;
		border:none;
		overflow:hidden;
	}
		
	#main-banner{}
	
	.page-title { font-weight:bold;}			
	.page-title h2 { font-weight:bold;}			
	.sub-nav { color:#f7932e; display:block; margin:10 auto; height:20px; padding:10px 0px 5px 0px; }
	.sub-nav a { display:inline; padding:0 7px; text-decoration:none; }
	.sub-nav a.first { padding-left:0px;}
	.sub-nav a:hover, .sub-nav a.active { font-weight:bold;}

#content #sidebar { width:175px; height:500px; float:left; min-height:500px; height:auto !important;  }
	#sidebar .sidebar-title h2{ margin-left:5px; font-weight:bold;	}	
	#sidebar .sidebar-nav{}
	#sidebar .sidebar-nav>ul { margin:20px 0px 20px 5px;}
	#sidebar .sidebar-nav>ul li { list-style:none; }
	#sidebar .sidebar-nav>ul li a { text-decoration:none; }
	#sidebar .sidebar-nav>ul li a.active { font-weight:bold;}
	#sidebar .sidebar-nav>ul li a:hover{text-decoration:underline;}

	#sidebar .sidebar-space{height:129px;}
	#sidebar .franchising-space{height:219px;}

/* = Homepage
-------------------------------------------------------------- */
		
#home-banner #hero-image-wrapper{
	/*width:603px;*/
	width: 602px;
	height:333px;
	background:url(../images/hero-image-bg.jpg) top left no-repeat;
	display:block;
	float:left;
	padding:3px 3px 3px 5px;
	z-index: 1;
}

	#brands-wrapper{
		width:182px;
		height:341px;
		margin-left:8px;
		background:url(../images/brands-bg.jpg) top left no-repeat;
		display:block; 
		float:left;
		z-index: 0;
	}
	
	#brand-logo { width:180px; height:123px; margin:8px auto;}
	#brand-logo img { display:block;}		
	
	#brands-wrapper ul#brands-list{
		margin:0px;
		padding:0px;
		width:180px;
		margin:0 auto;
		display:block;
	}
	
	#brands-wrapper ul#brands-list li{
		list-style:none; 
		background-color:#DDD;
	}
	
	#brands-wrapper ul#brands-list li a { width:180px; height:22px; display:block; text-indent:-10000px;  }
	#brands-wrapper ul#brands-list li a#bt { background:url(../images/brands-nav-bg.jpg) 0px 0px no-repeat;}
		#brands-wrapper ul#brands-list li a#bt:hover, #brands-wrapper ul#brands-list li a#bt.active { background-position: -182px 0px; }
	#brands-wrapper ul#brands-list li a#fr { background:url(../images/brands-nav-bg.jpg) 0px -22px no-repeat;}
		#brands-wrapper ul#brands-list li a#fr:hover, #brands-wrapper ul#brands-list li a#fr.active { background-position: -182px -22px; }
	#brands-wrapper ul#brands-list li a#tb { background:url(../images/brands-nav-bg.jpg) 0px -44px no-repeat;}
		#brands-wrapper ul#brands-list li a#tb:hover, #brands-wrapper ul#brands-list li a#tb.active { background-position: -182px -44px; }
	#brands-wrapper ul#brands-list li a#rp { background:url(../images/brands-nav-bg.jpg) 0px -66px no-repeat;}
		#brands-wrapper ul#brands-list li a#rp:hover, #brands-wrapper ul#brands-list li a#rp.active { background-position: -182px -66px; }
	#brands-wrapper ul#brands-list li a#dtf { background:url(../images/brands-nav-bg.jpg) 0px -88px no-repeat;}
		#brands-wrapper ul#brands-list li a#dtf:hover, #brands-wrapper ul#brands-list li a#dtf.active { background-position: -182px -88px; }				
	#brands-wrapper ul#brands-list li a#tir { background:url(../images/brands-nav-bg.jpg) 0px -110px no-repeat;}
		#brands-wrapper ul#brands-list li a#tir:hover, #brands-wrapper ul#brands-list li a#tir.active { background-position: -182px -110px; }
	#brands-wrapper ul#brands-list li a#cj{ background:url(../images/brands-nav-bg.jpg) 0px -132px no-repeat;}	
		#brands-wrapper ul#brands-list li a#cj:hover, #brands-wrapper ul#brands-list li a#cj.active { background-position: -182px -132px; }			
	#brands-wrapper ul#brands-list li a#bs{ background:url(../images/brands-nav-bg.jpg) 0px -154px no-repeat;}	
		#brands-wrapper ul#brands-list li a#bs:hover, #brands-wrapper ul#brands-list li a#bs.active { background-position: -182px -154px; }			
	#brands-wrapper ul#brands-list li a#tmc{ background:url(../images/brands-nav-bg.jpg) 0px -176px no-repeat;}	
		#brands-wrapper ul#brands-list li a#tmc:hover, #brands-wrapper ul#brands-list li a#tmc.active { background-position: -182px -176px; }			

.zh	#brands-wrapper ul#brands-list li a { width:180px; height:22px; display:block; text-indent:-10000px;  }
.zh	#brands-wrapper ul#brands-list li a#bt { background:url(../images/brands-nav-bg-zh.jpg) 0px 0px no-repeat;}
.zh #brands-wrapper ul#brands-list li a#bt:hover, #brands-wrapper ul#brands-list li a#bt.active { background-position: -182px 0px; }
.zh	#brands-wrapper ul#brands-list li a#fr { background:url(../images/brands-nav-bg-zh.jpg) 0px -22px no-repeat;}
.zh #brands-wrapper ul#brands-list li a#fr:hover, #brands-wrapper ul#brands-list li a#fr.active { background-position: -182px -22px; }
.zh	#brands-wrapper ul#brands-list li a#tb { background:url(../images/brands-nav-bg-zh.jpg) 0px -44px no-repeat;}
.zh #brands-wrapper ul#brands-list li a#tb:hover, #brands-wrapper ul#brands-list li a#tb.active { background-position: -182px -44px; }
.zh	#brands-wrapper ul#brands-list li a#rp { background:url(../images/brands-nav-bg-zh.jpg) 0px -66px no-repeat;}
.zh	#brands-wrapper ul#brands-list li a#rp:hover, #brands-wrapper ul#brands-list li a#rp.active { background-position: -182px -66px; }
.zh	#brands-wrapper ul#brands-list li a#dtf { background:url(../images/brands-nav-bg-zh.jpg) 0px -88px no-repeat;}
.zh	#brands-wrapper ul#brands-list li a#dtf:hover, #brands-wrapper ul#brands-list li a#dtf.active { background-position: -182px -88px; }				
.zh	#brands-wrapper ul#brands-list li a#tir { background:url(../images/brands-nav-bg-zh.jpg) 0px -110px no-repeat;}
.zh	#brands-wrapper ul#brands-list li a#tir:hover, #brands-wrapper ul#brands-list li a#tir.active { background-position: -182px -110px; }
.zh	#brands-wrapper ul#brands-list li a#cj{ background:url(../images/brands-nav-bg-zh.jpg) 0px -132px no-repeat;}	
.zh	#brands-wrapper ul#brands-list li a#cj:hover, #brands-wrapper ul#brands-list li a#cj.active { background-position: -182px -132px; }			
.zh	#brands-wrapper ul#brands-list li a#bs{ background:url(../images/brands-nav-bg-zh.jpg) 0px -154px no-repeat;}	
.zh	#brands-wrapper ul#brands-list li a#bs:hover, #brands-wrapper ul#brands-list li a#bs.active { background-position: -182px -154px; }			
.zh	#brands-wrapper ul#brands-list li a#tmc{ background:url(../images/brands-nav-bg-zh.jpg) 0px -176px no-repeat;}	
.zh	#brands-wrapper ul#brands-list li a#tmc:hover, #brands-wrapper ul#brands-list li a#tmc.active { background-position: -182px -176px; }			
	
	#breaking-news{ background:url(../images/news-bar.jpg) top left no-repeat; height:23px; display:block;  float: left; width:665px; padding-left:140px; margin:5px auto; }
.zh	#breaking-news{ background:url(../images/news-bar-zh.jpg) top left no-repeat; height:23px; display:block;  float: left; width:665px; padding-left:140px; margin:5px auto; }	

	#breaking-news span{
		float:left;
		padding-top:2px;
		display:inline; float: left;
		font-size:11px;
	}
		
	#badges-wrapper { }
	#badges-wrapper ul { margin:0px; padding:0px;}
	#badges-wrapper ul li { margin:0px 0px 0px 3px; padding:0px; display:block; float: left; }	
	
	.profile { display:none;}
	.aligin-right { text-align:right;}
	.sub-presence{
		margin-left:0px;
	}
	
/*	.sub-franchising { margin:0px;}*/
	.sub-franchising li { list-style:disc;}
	
#Map area{ outline:none !important;}

/* = Brand Accolades
-------------------------------------------------------------- */
#awards-list { display:block; width:600px; margin-top:30px;/* min-height:600px;  height:600px; height:auto !important;*/ overflow:auto; overflow:hidden;}
#awards-list ul { margin:0px; padding:0px;  }
#awards-list ul li { display:block; min-width:150px; width:150px; max-width:150px; list-style:none; float: left; margin:0px; padding:0px; max-height:130px; padding-bottom:40px; }
#awards-list ul li a { }

/* = History & Milestones
-------------------------------------------------------------- */
.milestones { margin:0px; padding:0px; }
.milestones li { list-style:none; margin:2px 0px; padding:0px; }
.a-milestone { margin:5px 0px 5px 30px;}
.a-milestone li { list-style:square; padding:2px 0px;}

/* = History & Milestones
-------------------------------------------------------------- */

#restaurant-wrapper, #food-wrapper { display:none;}

/* = careers
-------------------------------------------------------------- */
.job-detail{ margin:10px; }	
a.job-title { text-decoration:none;}
a.job-title:hover { text-decoration:underline;}
a.job-title {}			
.careers-nav {}
.careers-nav a { padding:0 18px; }
.careers-nav a.first { padding-left:0px;}
.job-list {display:none;}
#breadtalk-list { display:block;}
#iframe-careers{width:800px; height:1550px;}

/* = franchise
-------------------------------------------------------------- */
.franchise-button {padding:5px 0; float:right;}

/* = contact us
-------------------------------------------------------------- */
#contact-form-wrapper { width:800px;}

#contact-form-wrapper label.normal, #mailing-list-form label.normal  { display:block; width:55px; height:50px; padding:10px; float:left; font-weight:bold; height:30px;}
#contact-form-wrapper input.text, #mailing-list-form input.text{ width:450px; display:block; float:left; padding:5px; height:20px;}
#contact-form-wrapper select { width:460px; display:block;  float:left;  padding:5px; height:30px;}
#contact-form-wrapper #brands-list { width:450px;  float:left; margin-bottom:20px; }
#contact-form-wrapper label.cb { width:100px; display: inline-block; height:20px; }
#contact-form-wrapper input[type=checkbox]{ display:inline;}
#contact-form-wrapper textarea { width:450px; } 
#contact-form-wrapper input.submit { margin-left:365px;}


#contact-form-wrapper label.error { float: none; color: red; padding-left: .5em; vertical-align: top; display:inline-block; padding-bottom:4px; font-weight:bold; }
#contact-form-wrapper label.valid { text-indent:-10000px; background:transparent url(../images/checked.gif) bottom center no-repeat; width:14px; height:14px; margin-top:6px; display:inline-block; padding-bottom:4px; font-weight:bold;}

#mailing-list-form { width:720px;}
#mailing-list-form label.long { font-weight:bold;}
#mailing-list-form select {display:inline; padding:5px; height:30px; width:80px; }
#mailing-list-form radio { display:block; padding:5px; height:30px; padding-top:20px; }
#mailing-list-form input[type=checkbox] { padding:0px; display:block; border:none;}
#mailing-list-form .box { width:210px; display:block; float: left;min-height:100px; height:100px; height:auto !important; vertical-align:top; outline:green thin solid;}


#brands-wrap { width:530px; height:410px; border:#ccc 1px solid; 
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				-khtml-border-radius:5px;
				border-radius:5px;
}
.floatleft {float:left; padding-right:5px;}
.brands-checkbox-left, .brands-checkbox-right{ float:left; padding-top:25px;}
.brands-checkbox-left {width:250px; padding-left:30px;}
.brands-checkbox-left label, .brands-checkbox-right label{ padding-left:0px;}
.brands-checkbox-left label:hover, .brands-checkbox-right label:hover { cursor: pointer;}
.brands-checkbox-left .valign_middle, .brands-checkbox-right .valign_middle {padding-right:20px; vertical-align:top; padding-top:10px;}
#selectAll-wrap{ padding-top:40px; display:block;}
#selectAll-wrap label { font-weight:bold;}
 
#FormButton_Subscribe{ margin-top:30px; background: url(../images/button_subscribe.gif) top left no-repeat; border:none; text-indent:-10000px; width:170px; height:50px; display:block; cursor:pointer; }
.zh #FormButton_Subscribe{ margin-top:30px; background: url(../images/button_subscribe-zh.gif) top left no-repeat; border:none; text-indent:-10000px; width:170px; height:50px; display:block; cursor:pointer; }

			
/* = Footer
-------------------------------------------------------------- */
	
#footer { font-size:11px; width:800px; display:block; height: 25px; padding:0px; border-top:#919191 1px dotted; border-bottom:#919191 1px dotted; margin:15px auto; }
	#footer .footer-links { display:inline; float:right; padding-top:3px;}
	#footer .footer-links a{ color:#f68b1f; font-size:11px; padding:0px 5px; text-decoration:none;}
	#footer .footer-links a:hover{ color:#f68b1f; font-size:11px; text-decoration:underline;}	
	#footer .copyright { font-size:11px;padding-top:3px; display:inline; float:left; } 	
	div#footer.normal-page { margin-top:0px;}			
/* = Accordion
-------------------------------------------------------------- */

/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */
		
.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
.easy-accordion dt,.easy-accordion dd{position:absolute}
.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
.easy-accordion dd.active{opacity:1;}
.easy-accordion dd.no-more-active{z-index:2;opacity:1}
.easy-accordion dd.active{z-index:3}
.easy-accordion dd.plus{z-index:4}
.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}

dd p{line-height:120%}
.accordion-wrapper {width:611px;height:341px;background: url(../images/accordion/accordion-bg.jpg) top left no-repeat;}
#accordion{width:602px;height:334px; margin:0 auto; padding-top:4px;}
#accordion dl{width:602px; height:330px;}	
#accordion dt{height:46px;line-height:44px;text-align:left;padding:0 0 0 15px;font-size:1.5em;font-weight:bold;font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;letter-spacing:1px;background:#FFF url(../images/accordion/slide-inactive.jpg) 0 0 no-repeat;color:#26526c; }
#accordion dt.active{cursor:pointer;color:#fff;background:#FFF url(../images/accordion/slide-active.jpg) 0 0 no-repeat}
#accordion dt.hover{color:#68889b;}
#accordion dt.active.hover{color:#fff}
#accordion dd{background:url(../images/accordion/slide.jpg) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:1px;}

#accordion .slide-number{color:#68889b;left:10px;font-weight:bold}
#accordion .active .slide-number{color:#fff;}
#accordion a{color:#68889b;}
#accordion dd img{float:right;margin:0 0 0 0px;}
#accordion h2{font-size:2.5em;margin-top:10px;}
#accordion .more{padding-top:10px;display:block}

/*
   ONLY FOR SLASH PAGE
*/

#splash #wrapper { width:980px; margin: 0 auto; position:relative; }
#splash#header { width:980px; height:180px; }
	#splash #logo{ width:250px; height:80px; position:absolute; right:0; top:0; }
	#splash #bird{ width:155px; height:96px; background:url(../images/splash_bird.jpg) top left no-repeat; display:block; position:absolute; top:81px; left:41px; }
#splash #main { width: 980px; height:600px; background: url(../images/splash_bg.jpg) bottom left no-repeat; position:relative; } 
	#splash #main .continue_link { position:absolute; position:absolute; top:230px; left:370px;}
		#splash #main .continue_link a { width:365px; height:80px; display:block; background: transparent url(../images/btn_continue.jpg) right center no-repeat;}
	
	#splash #main #jump_box { position:absolute; top:260px; left:50px;	}
		#splash #main #select_country { padding:3px; font-family:Arial, Helvetica, sans-serif;	}

 #splash.zh #main { width: 980px; height:600px; background: url(../images/splash_bg-zh.jpg) bottom left no-repeat; position:relative; } 
	#splash.zh #main  .continue_link { position:absolute; position:absolute; top:230px; left:370px;}
		#splash.zh #main  .continue_link a { width:365px; height:80px; display:block; background: transparent url(../images/btn_continue-zh.jpg) right center no-repeat;}



/*
   Franchise Form
*/

#form_detail { width:600px; margin:20px 0px;}

#form_detail input, #form_detail textarea, #form_detail select { padding: 5px 5px 5px 5px; border: solid 1px #E5E5E5; outline: 0; font: normal 13px/100% Arial,Helvetica,sans-serif; width: 150px; background: #F9F9F9; margin-right: 5px; }
#form_detail textarea { width: 420px; max-width: 420px; height: 120px; line-height: 150%; }
#form_detail input:hover, #form_detail textarea:hover, #form_detail input:focus, #form_detail textarea:focus { border-color: #C9C9C9; }

#form_detail h4 { font-weight:bold; font-size:14px; }
#form_detail .form label { margin-left: 10px;}
#form_detail label { display:inline-block; padding-bottom:4px; font-weight:bold; }
#form_detail span.sup { font-size:9px; }
#form_detail .disclaimer { font-size:11px; line-height:16px;}
#form_detail p { margin: 10px; width:540px; }
#form_detail .submit { border:none; padding: 0px;}

#form_detail label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
#form_detail label.valid { text-indent:-10000px; background:transparent url(../images/checked.gif) bottom center no-repeat; width:14px; height:14px; margin-top:6px; }

#form_detail fieldset{ border:#ccc 1px dotted; margin:10px; padding:0px 10px 10px 10px; }
#form_detail fieldset:hover { background-color:#FFFFDC; } 

#form_detail legend{
	display:block; font-weight:bold; padding:5px; # background-color: transparent;
    font-weight: bold;
    text-align: left;
    vertical-align: bottom;
    line-height: 25px;
    margin: -30px 0px 0px 0px;
    *margin-top: 0px;
    padding: 0px 5px 0px 5px;
    border: solid 0px #d9e1e8;
}

html:not([dummy]) #form_detail legend
{
    margin-top: 0px;
}


#form_detail .w50 { width:50px; }
#form_detail .w65 { width:65px; }
#form_detail .w75 { width:75px; }
#form_detail .w100 { width:100px; }
#form_detail .w125 { width:125px; }
#form_detail .w150 { width:150px; }
#form_detail .w165 { width:165px; }
#form_detail .w175 { width:175px; }
#form_detail .w200 { width:200px; }
#form_detail .w208 { width:208px; }
#form_detail .w225 { width:225px; }
#form_detail .w250 { width:250px; }
#form_detail .w296 { width:296px; }
#form_detail .w300 { width:300px; }
#form_detail .w317 { width:317px; }
#form_detail .w350 { width:350px; }
#form_detail .w375 { width:375px; }
#form_detail .w400 { width:400px; }

#onwership_wrap,#work_wrap {display:none;}
#message_status { padding:30px 0px;}

@font-face {
    font-family: 'HelveticaRegular';
    src: url('font/helr45w-webfont.eot');
    src: url('font/helr45w-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/helr45w-webfont.woff') format('woff'),
         url('font/helr45w-webfont.ttf') format('truetype'),
         url('font/helr45w-webfont.svg#HelveticaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#investors-relation-person{
margin-top: 5px;
font-weight: bold;
}

#investors-relation-person span {
font-size: 80%;
font-weight: normal;
}

#investors-relation-contact{
margin-top: 10px;
font-size: 100%;
}

#investors-relation h1{
  font-size: 18px;
  font-weight: bold;
  font-family: Helvetica, HelveticaRegular, Arial, Verdana, sans-serif;
  margin-top: 30px;
  margin-bottom: 15px;
}

#investors-relation h3, p{
  font-size: 101%;
  font-family: Helvetica, HelveticaRegular, Arial, Verdana, sans-serif;
}

#investors hr{
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}