body {font-family:"Trebuchet MS",sans-serif; font-size:12px;color:#000;background-color:#e3e3e3;}
body#detail div.page {background:url(/images/bkg-prod.jpg) repeat-x top center #dfb881;overflow:hidden;}
body#home div.page {background: #faf5f1 url(/images/bkg-home.jpg) repeat-x top center;}
body#copy {background:url(../images/bkg-page-b.gif) repeat-x top center;}
* {margin:0;padding:0;}
img,fieldset {border:0;}
ul li {list-style-type:none;}
a {text-decoration:none;}
.right {text-align:right;}
.center {text-align:center;}

form {overflow:hidden;}
form:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

div#preload {display: none;}

div.page {margin-left:auto;margin-right:auto;width:980px; }
div.page:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

div.flasholder {height:385px; }
div.flasholder div#flashHome {  }
div.flasholder object#flashHome { outline:none;}
div.flasholder div#overlayVideo { display:none;}




div.header {height:75px;color:#ffffff;overflow:hidden;background:url(/images/logo-wanchai.png) no-repeat 418px 10px; position:relative;}
div.header a.homelink { position:absolute; top:10px; left:420px; width:125px; height:50px; display:block; }
div.header:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

div.header p.othernav {overflow:hidden;text-align:right;font-size:9px;font-family:arial;padding:3px 10px 2px 0;color:#f39400;}
div.header p.othernav:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
div.header p.othernav a {color:#f39400;text-transform:uppercase;}

div.header p.sitenav {text-align:center; }
div.header p.sitenav:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

div.header p.sitenav span {float:left;height:48px;}
div.header p.sitenav a {height:24px;}
div.header p.sitenav a img {margin:0;padding:0;}

p.mainnav {padding:1px 29px 0 49px;}
p.mainnav:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

p.mainnav span {float:left;width:356px;padding:23px 0 0 0;}
p.mainnav span.logo {float:left;width:150px;text-align:center;padding:0;}

div.homepage {height:160px;padding:0;overflow:hidden;}
    *html div.homepage { margin-top:-70px; position:relative; }
div.homepage:after {content:".";display:block;height:0;clear:both;visibility:hidden; }
div.homepage h3 {padding:14px 0 0 20px;margin:0;}
div.homepage p {padding:15px 18px 10px 18px;font-size:11px;color:#626262;line-height:14px;}
div.homepage ul {float:left;width:100%;padding:0px 20px 0 20px;}
div.homepage li {float:left;width:230px;}
div.homepage li.divider {float:left;width:3px;height:130px;background:url(/images/vl-hp.jpg) no-repeat;background-position:center left;}
div.homepage li a {color:#626262;text-decoration:none;}

div#flashcontent {height:385px;}
div#flashHolder { border:solid 1px;}

div.flashalt {}
div.flashalt:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
div.flashalt h1 {text-transform:uppercase;font-weight:bold;}
div.flashalt div {float:left;width:470px;padding:0 0 5px 0}
div.flashalt div h1, div.flashalt div h2, div.flashalt div p {font-size:12px;font-weight:normal;padding:0 5px}

div.maincnt {padding:0 0px 15px 0px; min-height:529px;}
div.maincnt:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

#review {float:left;background:url(/images/full/back-review.png) no-repeat bottom left;  }
#mealtips {float:left; background-color:#e4d1b0}
p#tipsholder {width:191px;height:48px;}

div.prodbtm {float:left;height:130px;width:980px;background:url(/images/prd-ftr-00.gif) repeat-x 0px 45px;}
div.prodbtm span {float:left;width:50%}
div.prodbtm span img {margin:15px 0 0 40px;}
div.prodbtm span.right img {margin:62px 30px 0 0}


/* classes for left side */
div.cntleft {float:left;width:200px; z-index:60000; position:relative;}
div.cntleft img {margin-top:30px}
div.cntleft p {padding:0 0 6px 20px;font-family:arial;font-size:12px;}
div.cntleft a, div.cntleft u {text-transform:capitalize;}

/* colours distintinction between products */
p.prod001, p.prod001 a, ul.prod001 h2 {color:#f37321;}
p.prod002, p.prod002 a, ul.prod002 h2 {color:#006325;}
p.prod003, p.prod003 a, ul.prod003 h2 {color:#870000;}
p.prod004, p.prod004 a, ul.prod004 h2 {color:#6c217f;}
p.prod005, p.prod005 a, ul.prod005 h2 {color:#387c2b;}
p.prod006, p.prod006 a, ul.prod006 h2 {color:#e92d24;}
p.prod007, p.prod007 a, ul.prod007 h2 {color:#ac614a;}
p.prod008, p.prod008 a, ul.prod008 h2 {color:#5e819d;}

ul.prod001 li h2, ul.prod002 li h2,ul.prod003 li h2, ul.prod004 li h2, ul.prod005 li h2 {font-family:Arial;font-size:30px;}

/* classes for center content */
div.cntmaincopy {float:left;width:596px; }
div.cntmaincopy:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
div.cntmaincopy h1 {padding:34px 0 10px 0;}
div.cntmaincopy h2 {padding:0 0 14px 0;font-size:13px;}
div.cntmaincopy h3 {padding:0 0 14px 0;font-weight:normal}
div.cntmaincopy p.intro {padding:0 60px 10px 0;}
div.cntmaincopy p {padding:0px 60px 10px 0;}
div.cntmaincopy p.review {color:#870000;}
div.cntmaincopy p.review span {color:#807d78;font-size:11px;}

div.cntmaincopy li span {display:block;}

div.tabs {padding:0 0 5px 0;}
div.tabs:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

div.tabs ul.tabsnav {float:left;width:100%;padding-bottom:15px;}
div.tabs ul.tabsnav:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
div.tabs ul.tabsnav li {float:left;display:block;}
div.tabs ul.tabsnav li a {float:left;font-size:12px;text-decoration:none;margin:0 5px 0 0;color:#003c95;}
div.tabs ul.tabsnav li a:hover {color:red;}
div.tabs ul.tabsnav li a.selected  {color:#000000;}
div.tabs ul.tabsnav b {cursor:pointer;text-transform:uppercase;font-weight:bold;}

/* style for within the tabs */
div.tabs h1 {float:left;width:100%;}
div.tabs h2 {font-size:13px;font-weight:normal;}
div.tabs em {font-style:normal;font-size:12px;margin:0 5px;} 
div.tabs div p {padding:0 60px 15px 0;}
div.tabs ul li {padding:5px 10px 0 0;}
div.tabs div#preparation ul {padding-bottom:20px;padding-right:60px;}
div.tabs div#preparation p.right {padding-right:60px;text-transform:capitalize;}
div.tabs div#overview {padding:0 0 360px;}
div.tabs div#overview ul {padding-bottom:40px;padding-right:60px; padding-top:0px; list-style:none; line-height:15px;}
div.tabs div#overview ul li { padding:6px 0 0 0;}
div.tabs div#overview ul li b { display:block;}
div.tabs div#overview ul li b img.productBullet { vertical-align:text-bottom; margin:0px 4px 0 0 ; }
div.tabs div#overview h2 { font-weight:bold;}

ul.prod001 li, ul.prod002 li, ul.prod003 li, ul.prod004 li, ul.prod005 li {height:125px;font-size:12px;}

hr {background:url(/images/bkg-hr.gif) no-repeat;height:1px;line-height:1px;overflow:hidden;border:0;}

div.tabs div.more {display:none;margin:0;padding:10px 0;}


/* classes for accordain effect */
div.cntmaincopy .container .content{ width:100%;overflow:hidden; padding:0 0 5px 5px;}
.ui-state-active {font-weight:normal;outline:none; padding:4px 0 0 0;}
.ui-state-default {font-weight:normal;border-bottom: solid 1px #9a8e90;outline:none; padding:4px 0 0 0;  }
.content {border-bottom: solid 1px #9a8e90;width:100%;display:block;} 
div.cntmaincopy .container h3 {margin:0;padding:0;}
div.cntmaincopy .container h3 a {padding:0;margin:0px;color:#0032a6;text-decoration:none;font-weight:bold;font-size:13px; font-family:Trebuchet MS;}
div.cntmaincopy .container p {padding:0 10px 0 0;display:block;}

.container .content div.tipscont {}
.container .content div.tipscont div {padding:2px 5px;border:1px solid #ddd;color:#fff;}
.container .content div.tipscont a {color:#fff;font-weight:bold}
.container .content div.tipscont ul {margin:0 3px;}
.container .content div.tipscont li {list-style-type:circle;margin:2px 0 0 15px;color:#fff;}
/*.*/

/* classes for right side */
div.sidebar {float:left;width:184px;padding:0;margin:0 0 5px 0;color:#525252;font-family:arial;}
div.sidebar div#sidebarlft {float:left;width:11px;height:270px;background:url(/images/sidebar-left.png) no-repeat bottom left;}
div.sidebar div#sidebarcnt {float:left;width:173px;height:270px;text-align:center;background:#fff;font-size:11px;}
div#sidebarcnt h2 {padding:5px 0 0 0;}
div#sidebarcnt p.coupon {  padding:12px 0 37px 0;background:url(/images/bkg-coupon.gif) no-repeat;margin-top:10px;}
div#sidebarcnt p.coupon a {}
div#sidebarcnt p {padding:5px 15px 5px 15px;line-height:11px;font-size:11px;}
div#sidebarcnt a {color:#003c95;font-size:11px;}
div#sidebarcnt ul {margin:10px 25px 5px 30px;text-align:left;font-size:11px;}
div#sidebarcnt li {list-style-type:disc;padding:0 0 5px 0;line-height:12px;}

div.bottom {float:left;width:980px;}
div.bottom:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
div.bottom p {padding:0 20px 0 0}
div.bottom p img#story {margin:20px 0 0 160px;}
div.bottom p.right img {margin-top:12px;}
div.bottom div.prod000 {background:url(/images/prd-ftr-00.gif) repeat-x 0px 215px;padding:0;}
div.bottom div.prod00a {height:85px;background:url(/images/prd-ftr-00.gif) repeat-x top center;}
div.bottom div.prod001 {height:111px;background:url(/images/prd-ftr-01.gif) repeat-x bottom center;}
div.bottom div.prod002 {height:111px;background:url(/images/prd-ftr-02.gif) repeat-x bottom center;}
div.bottom div.prod003 {height:111px;background:url(/images/prd-ftr-03.gif) repeat-x bottom center;}
div.bottom div.prod004 {height:111px;background:url(/images/prd-ftr-04.gif) repeat-x bottom center;}
div.bottom div.prod005 {height:111px;background:url(/images/prd-ftr-05.gif) repeat-x bottom center;}

div.footer {color:#dadada;font-size:10px;background:#870000;}
div.footer:after {content:" ";display:block;height:0;clear:both;visibility:hidden;}
div.footer p {padding:6px 0 6px 15px}
div.footer a {color:#fcd71e;text-decoration:none;margin:0 4px;}
div.footer a.one {margin-left:0;}
div.footer a:hover {text-decoration:underline;}


/* */
div.fauxModel {z-index:100; position:absolute;margin: 0 auto 0 auto; top:70px; display:none;}
div.fauxModel iframe#taf { float:left;width:585px;height:420px;overflow:hidden; }
div.fauxModel iframe#wps { float:left;width:440px;height:175px;overflow:hidden; }

div.review {float:left;width:475px;height:299px;background:#8b1c06;}
div.review:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

div#comment div.middle {padding:0 250px;}
div#email div.middle {padding:0 185px;}

ul.formnav {float:left;width:100%;margin:0 0 5px 0;}
ul.formnav:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

div.tafform {float:left;width:594px;height:532px;overflow:hidden;background:#8b1c06;color:#fff}
div.tafform ul.formnav li h1 {padding:40px 0 0 35px;}
div.tafform ul.formnav li {float:left;width:556px;}
div.tafform ul.formnav li.cta {float:left;width:38px;}

div.taf div.taftopres {color:White; font-size:18px;}
div.tag div.tafbottom {color:Yellow; font-size:18px;}
div#mainform {float:left;width:583px;overflow:hidden;}

div.tafform p.legal {font-size:10px;color:#000;line-height:12px;padding:0 20px 0 40px;margin:15px 0 0 0;}
div.tafform p.legal a {text-decoration:underline;color:#000000;}

div.review ul.formnav li h1 {padding:32px 0 0 32px;}
div.review ul.formnav li {float:left;width:437px;}
div.review ul.formnav li.cta {float:left;width:38px;}

div.review div {padding:2px 0 0 32px;}
div.review div:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
div.review p {color:#fff;padding:0;margin:0;}


div.review em.note {font-style:normal;color:#fff}

div.review p.legal {font-size:10px;color:#000;line-height:12px;padding:20px 20px 10px 0;}
div.review p.legal a {text-decoration:underline;color:#000000;}

.opinion {width:420px;height:40px;border:1px solid #000;margin-bottom:5px;}

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

div#sidefdbk {float:left;width:16px;height:299px;background:url(/images/shadow-side.png) no-repeat top left;}
div#sidetfbk {float:left;width:16px;height:532px;background:url(/images/shadow-side.png) no-repeat top left;}

.fullpic {margin:80px -200px 0 0 ; }

/*flash pages */
#flashcontentProduct { position:absolute; width:1000px; height:510px; top:385px; margin:0 0 0 -220px; }

#flashcontentMealtips { position:relative; width:985px; height:550px;  margin:-4px 0 -23px -168px; padding:0;}
.mealOverlay {z-index:8000; position:relative; right:0px; top:0px; margin:0 49px 0 0px;  width:188px;}