@charset "utf-8";
/* CSS Document */
html, body {margin:0; padding:0; border:0; width:100%; font-family:Arial, Helvetica, sans-serif, Times New Roman, Times, serif; font-size:17px; color:#C8BAB8; line-height:1.6em; -webkit-text-size-adjust:none; background-color:#471712; background-repeat:no-repeat; background-position:50% 0;}
body {position:relative;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; outline: 0; }
a { outline: 0; text-decoration:none; }
a:hover {text-decoration:underline; }
table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul {list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
input, select, textarea {font-family:Times New Roman, Times, serif;}
.floatLeft {float:left !important;}
.floatRight {float:right !important;}
.displayNone, .hidden {display:none;}
.center {text-align:center;}
.clearfix {display: inline-block;}
.clearfix:after {content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
.clearfix {display: block;}

p {padding:0 0 20px 0;}

@font-face {
		font-family: 'HelveticaNeueLTStd-Cn';
		src: url('fonts/helveticaneueltstdcn0.eot');
		src: url('fonts/helveticaneueltstdcn0.eot?#iefix') format('embedded-opentype'),
				 url('fonts/helveticaneueltstdcn0.woff') format('woff'),
				 url('fonts/helveticaneueltstdcn0.ttf') format('truetype'),
				 url('fonts/helveticaneueltstdcn0.svg#helveticaneueltstdcn0') format('svg');
		font-weight: normal;
		font-style: normal;
}

body > .bg {background:url(../images/5th/visual.jpg) no-repeat 50% 0;}
#mainContainer {width:968px; margin:0 auto; min-height:570px;}
#mainNavContainer {width:100%; min-height:118px; background:url(../images/5th/bg_nav.png) no-repeat 50% 0;}
#mainNavContainer .container {width:968px; margin:0 auto; position:relative;}
.logo {position:absolute; left:20px; top:28px; display:block; width:219px; height:52px; background:url(../images/5th/logo.png) no-repeat; text-indent:-9999px;}
#mainNavContainer .right {padding-right:8px;}
#mainNavContainer .right .lang {width:127px; height:29px; background:url(../images/5th/bg_lang.png) no-repeat; position:absolute; top:0; right:0;}
#mainNavContainer .right .lang a {float:left; width:33px; height:14px; display:block; text-indent:-9999px; overflow:hidden; margin-top:7px; opacity:.5; filter:alpha(opacity=50);
/* Firefox */
-moz-transition-property: opacity;
-moz-transition-duration: .3s;
/* WebKit */
-webkit-transition-property: opacity;
-webkit-transition-duration: .3s;
/* Opera */
-o-transition-property: opacity;
-o-transition-duration: .3s;
/* Standard */
transition-property: opacity;
transition-duration: .3s;}
#mainNavContainer .right .lang span {float:left; width:7px; height:7px; display:block; margin:11px 14px 0 14px; background:url(../images/5th/bt_lang.png) no-repeat;}
#mainNavContainer .right .lang .tc {background-image:url(../images/5th/lang_tc.png); margin-left:14px;}
#mainNavContainer .right .lang .sc {background-image:url(../images/5th/lang_sc.png);}
#mainNavContainer .right .lang .eng {background-image:url(../images/5th/lang_eng.png);}
#mainNavContainer .right .lang a:hover {opacity:1; filter:alpha(opacity=100);}
#mainNavContainer .right #mainNav {position:absolute; top:44px; right:0;}
#mainNavContainer .right #mainNav div {float:left; background:url(../images/5th/stroke_nav.png) no-repeat 100% 0; padding-top:3px; padding-right:34px; padding-left:32px;}
#mainNavContainer .right #mainNav div.last {background:none; padding-right:20px;}
#mainNavContainer .right #mainNav a {float:left; display:block; text-indent:-9999px; background-repeat:no-repeat;}
#mainNavContainer .right #mainNav a:hover, #mainNavContainer .right #mainNav a.active {background-position:0 -38px;}
#mainNavContainer .right #mainNav a.celebrating {background-image:url(../images/5th/nav_celebrating.png); width:134px; height:28px;}
#mainNavContainer .right #mainNav a.milestones {background-image:url(../images/5th/nav_milestones.png); width:128px; height:28px;}
#mainNavContainer .right #mainNav a.celebrate {background-image:url(../images/5th/nav_celebrate.png); width:77px; height:28px;}
#mainNavContainer .right #mainNav a.happy {background-image:url(../images/5th/nav_happy.png); width:103px; height:28px;}

#footer {background-color:#260D0A; height:50px; width:100%; font-size:14px; color:#685654;}
#footer .container {width:968px; margin:0 auto; padding-top:11px; text-align:right;}

.content {padding-top:302px;}
.titleContainer {background:url(../images/5th/stroke_title.png) no-repeat 50% 100%; text-align:center;}
.title {background:url(../images/5th/shadow_title.png) no-repeat 50% 50%; min-height:136px; padding-top:47px; text-align:center;}
.pageContent {background:url(../images/5th/bg_noise.png) repeat-y 50% 0; padding-top:52px;}
.pageContent .subtitle {color:#AA9694; font-size:30px; font-style:italic; background:url(../images/5th/stroke_title.png) no-repeat 50% 100%; text-align:center; padding-bottom:12px; margin-bottom:52px; font-family:"Times New Roman", Times, serif;}

/* Home starts */
body.home {background-image:none;}
body.home .bg {background:url(../images/5th/visual_homepage.jpg) no-repeat 50% 0;}
.home #mainContainer {min-height:890px;}
.home #mainContainer .content {padding-top:810px; padding-bottom:20px;}
.home #mainContainer .content .leftCol {float:left; width:370px; padding-left:90px;}
.home #mainContainer .content .rightCol {float:left; width:370px; padding-left:50px;}
/* Home ends */

/* Milestones and achievements starts */
body.milestones #mainContainer {min-height:485px;}
body.milestones .pageContent {background:url(../images/5th/bg_milestones.png) 50% 0; padding-bottom:40px; padding-top:0;}
body.milestones .pageContent .container {width:968px; margin:0 auto;}
body.milestones .pageContent .year {height:225px; background-repeat:no-repeat; background-position:}
body.milestones .pageContent .year.year2005 {}
body.milestones .pageContent .year .photo {float:left; position:relative;}
body.milestones .pageContent .year .photo img {display:block;}
body.milestones .pageContent .year .photo img.caption {position:absolute; right:0px; bottom:0px;}
body.milestones .pageContent .year .photo div.arrow {position:absolute; width:26px; height:50px; top:78px; background-repeat:no-repeat;}
body.milestones .pageContent .year .photo div.arrow.left {background-image:url(../images/5th/arrow_l.png); right:0;}
body.milestones .pageContent .year .photo div.arrow.right {background-image:url(../images/5th/arrow_r.png); left:0;}
body.milestones .pageContent .year .detail {float:left; width:242px; height:210px; font-size:15px; line-height:22px;}
body.milestones .pageContent .year .detail.col2 {width:484px; background:url(../images/5th/bg_milestones_col_2.png) no-repeat 0 0;}
body.milestones .pageContent .year .detail.bgL {background:url(../images/5th/stroke_year.png) no-repeat 0 0;}
body.milestones .pageContent .year .detail.bgR {background:url(../images/5th/stroke_milestones.png) no-repeat 100% 0;}
body.milestones .pageContent .year .detail div.bg {height:100%;}
body.milestones .pageContent .year .detail.shadowL div.bg {background:url(../images/5th/shadow_milestones_l.png) repeat-y 0 0;}
body.milestones .pageContent .year .detail.shadowR div.bg {background:url(../images/5th/shadow_milestones_r.png) repeat-y 100% 0;}
body.milestones .pageContent .year .detail span {font-family:'HelveticaNeueLTStd-Cn', Helvetica, Arial, sans-serif; color:#FF9900;}
body.milestones .pageContent .year .detail div.bg div {background-repeat:no-repeat; background-position:10px 170px; height:186px; padding:12px 10px;}
body.milestones .pageContent .year .detail.year2005 div.bg div {background-image:url(../images/5th/2005.png);}
body.milestones .pageContent .year .detail.year2006 div.bg div {background-image:url(../images/5th/2006.png);}
body.milestones .pageContent .year .detail.year2007 div.bg div {background-image:url(../images/5th/2007.png);}
body.milestones .pageContent .year .detail.year2008 div.bg div {background-image:url(../images/5th/2008.png);}
body.milestones .pageContent .year .detail.year2009 div.bg div {background-image:url(../images/5th/2009.png);}
body.milestones .pageContent .year .detail.year2010 div.bg div {background-image:url(../images/5th/2010.png);}
body.milestones .pageContent .year .detail.year2011 div.bg div {background-image:url(../images/5th/2011.png);}
body.milestones .pageContent .year .detail.year2012 div.bg div {background-image:url(../images/5th/2012.png);}
body.milestones .pageContent .year .detail.year2013 div.bg div {background-image:url(../images/5th/2013.png);}
/* Milestones and achievements ends */

/* Celebrate with us starts */
.mainEvent {padding-bottom:52px; background-repeat:no-repeat;}
.mainEvent.left {background-image:url(../images/5th/corner_t_l.png); background-position:0 0;}
.mainEvent.right {background-image:url(../images/5th/corner_t_r.png); background-position:100% 0;}
.mainEvent .photo {float:left; width:394px;}
.mainEvent .details {float:left; width:496px; padding-top:20px;}
.mainEvent.left .details {padding-left:30px; padding-right:48px;}
.mainEvent.right .details {padding-right:50px; padding-left:28px;}

body.celebrate .details .eventTitle {color:#FF9900; font-size:26px; font-family:'HelveticaNeueLTStd-Cn', Helvetica, Arial, sans-serif; text-transform:uppercase; padding-bottom:10px;}
body.celebrate .details .desc {font-size:16px;}
body.celebrate .details .info {color:#998886; font-size:16px; font-family:'HelveticaNeueLTStd-Cn', Helvetica, Arial, sans-serif; line-height:1.8em;}
body.celebrate .details .info span {padding-right:22px;}
body.celebrate .title {min-height:86px; padding-top:97px;}

.foodEvents {padding-bottom:20px;}
.foodEvent {float:left; width:284px; padding-right:58px; padding-bottom:20px;}
.foodEvent.last {padding-right:0;}
.foodEvent .photo {padding-bottom:2px;}
.foodEvent .details {background:url(../images/5th/corner_t_r_s.png) no-repeat 100% 0; padding-top:16px; padding-left:5px;}
.foodEvent .details .info {padding-bottom:15px;}
body.celebrate .foodEvent .details .info span {padding-right:13px;}
.foodEvent .details .info span.name {font-weight:bold;}
/* Celebrate with us ends */

/* Happy Anniversary starts */
body.happy #mainContainer {min-height:485px;}
body.happy .title {min-height:173px; padding-top:10px;}
body.happy .pageContent {background:url(../images/5th/bg_happy.jpg) repeat-y; padding-bottom:40px;}
body.happy .pageContent .container {width:968px; margin:0 auto;}
body.happy .pageContent .container .productImg {margin-left:38px; position:relative; padding-bottom:100px;}
body.happy .pageContent .container .productImg img {display:block;}
body.happy .pageContent .container .productImg .productDetail {position:absolute; font-family:'HelveticaNeueLTStd-Cn', Helvetica, Arial, sans-serif; font-size:17px; color:#A08A88;}
body.happy .pageContent .container .productImg .productDetail a {color:#FF9900; text-decoration:underline;}
body.happy .pageContent .container .productImg .productDetail a:hover {color:#FFF;}
body.happy .pageContent .container .productImg .productDetail span {font-family:Times New Roman, Times, serif; font-size:25px; color:#FF9900; font-style:italic; margin-left:15px;}
body.happy .pageContent .container .productImg .productDetail.product1 {top:107px; left:606px;}
body.happy .pageContent .container .productImg .productDetail.product2 {top:770px; left:0; background:url(../images/5th/happy_product_bg.png); height:52px; padding:10px 18px;}
body.happy .pageContent .container .productImg .productDetail.product3 {top:347px; left:512px;}
body.happy .pageContent .container .productImg .productDetail.product3 span {margin-left:0; margin-right:15px;}
body.happy .pageContent .container .productImg .productDetail.product4 {top:594px; left:505px;}
body.happy .pageContent .container .productImg .productDetail.product5 {top:577px; left:603px; line-height:22px;}
body.happy .pageContent .container .productImg .productDetail.product6 {top:578px; left:830px;}
body.happy .pageContent .container .productImg .productDetail.product7 {top:645px; left:830px;}
body.happy .pageContent .container .productImg .productDetail.product8 {top:696px; left:520px; font-size:15px; color:#795B58;}
/* Happy Anniversary ends */

.popupBannerPage {position:relative;}
.popupBannerPage div {position:absolute; top:66px; left:165px; display:none;}