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; outline: none;}
.right {text-align:right;}
.center {text-align:center;}
object { outline: none; } 


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#overlayVideo { position:relative;}
div#overlayVideo object#flashVideo { margin:0; padding:0;}
div#overlayVideo div.videoShare { position:absolute; bottom:0; right:0; width:160px; height:100px; z-index:11111;}
div#overlayVideo div.videoShare div.shareBlock {width:60px; height:22px; background:url(/images/bg-share.gif) no-repeat; margin:0 0 0 16px; padding:2px 0 0 60px}
div#overlayVideo div.videoShare div.shareBlock img#bt-face { margin:0 5px 0 0; cursor:pointer;}
div#overlayVideo div.videoShare div.shareBlock img#bt-tweet { margin:0 5px 0 0; cursor:pointer;}
div#overlayVideo div.videoShare p.coupon-share { margin:0; padding:5px 0 0 5px;}

div.formRow { display:block; padding:4px 0 10px 0; float:left; width:100%;}
div.formRow-mid { width:240px }
div.formRow-small { width:90px }
div.formRow-footer { padding:5px 0 20px 0 }
div.formRowTop { margin:20px 0 0 0; }flav
div.formRow label { display:block; padding:0 0 5px 0; font-weight:bold; }
div.formRow span.note { font-size:11px; color:#978c7f; font-family:Arial; line-height:14px; } 
div.formRow span.note a{ font-size:11px; color:#978c7f; font-family:Arial; line-height:14px; }
div.formRow span.note a:hover{ font-size:11px; color:#000000; font-family:Arial; line-height:14px; } 
div.formRow span.error { font-size:10px; color:Red; font-weight:bold; display:none; }

div.formRow select.product { width:200px; font-family:Arial; font-size:12px; }
div.formRow textarea.review { width:550px; height:100px; font-family:Arial; font-size:12px; padding:5px; }
div.formRow input {font-family:Arial; font-size:12px; padding:1px;}
div.formRow input.input-mid { width:225px; }
div.formRow input.input-small { width:78px; }
div.formRow input.submit { float:right; display:inline; margin:0 30px 0 0; cursor:pointer; outline:none;}



div.header {height:75px;color:#ffffff; background:url(/images/logo-wanchai.png) no-repeat 10px 10px; position:relative;}
div.header a.homelink { position:absolute; top:10px; left:10px; width:125px; height:50px; display:block; z-index:1111; position:absolute; }
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;}

div.header ul.mainnav {position:absolute; top:41px; left:0; list-style:none;}
div.header ul.mainnav li { float:left;}
div.header ul.mainnav:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
div.header ul.mainnav li.logo {float:left;width:150px;text-align:center;padding:0;}

div.header ul.mainnav li.menuItem { position:relative; float:left; z-index:111; height:34px; overflow:hidden; }
div.header ul.mainnav li.menuItem ul.subMenu { width:164px; font-size:13px; padding:0px 4px; position:absolute; top:34px; }
div.header ul.mainnav li.menuItem ul.subMenu li { display:block; width:100%;}
div.header ul.mainnav li.menuItem ul.subMenu li a { color:White; width:100%; display:block; padding:5px 2px 5px 10px; background:#9d0e00;  }
div.header ul.mainnav li.menuItem ul.subMenu li a:visited { color:White; }
div.header ul.mainnav li.menuItem ul.subMenu li a:hover { color:#ffe867; background:#bd3600; width:100%; }

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.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 {padding:0 0px 15px 0px; min-height:700px;}
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;}
div.average_rating {padding:0 0 0 20px;font-family:arial;font-size:12px;}
div.average_rating img {margin:2px 0 10px 0;}

/* colours distintinction between products */
.styleNavProd1 {color:#f37321; padding-bottom:6px; display:block;}
.styleNavProd2 {color:#AC614A; padding-bottom:6px; display:block;}
.styleNavProd3 {color:#5E819D; padding-bottom:6px; display:block;}
.styleNavProd4 {color:#E92D24; padding-bottom:6px; display:block;}
.styleNavProd5 {color:#387C2B; padding-bottom:6px; display:block;}
.styleNavProd6 {color:#870000; padding-bottom:6px; display:block;}
.styleNavProd7 {color:#006325; padding-bottom:6px; display:block;}
.styleNavProd8 {color:#6C217F; padding-bottom:6px; display:block;}
.sideNavSelected { text-decoration:underline;}

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.intro strong { font-size:13px;}
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 a {text-decoration:underline;color:#000000;}

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 475px;}
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:240px;background:url(/images/sidebar-left.png) no-repeat bottom left;}
div.sidebar div#sidebarcnt {float:left;width:173px;height:240px;text-align:center;background:#fff;font-size:11px;}
div#sidebarcnt h2 {padding:5px 0 0 0;}
div#sidebarcnt p.coupon {  padding:16px 0 10px 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:400px;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:540px;overflow:hidden;background:#8b1c06;color:#fff}
div.tafform ul.formnav li h1 {padding:40px 0 0 35px;font-weight:normal;}
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:500px; 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;}


/* ratings */

div#ratings { width:600px; height:276px; padding:10px 0 0 0; display:inline; position:relative; float:left; }
div#ratings ul.products { float:left; font-family:Myriad Pro; font-size:14px; padding:40px 30px 0 0;}
div#ratings ul.products li { padding: 0 0 15px 0;}
div#ratings ul.products li label { text-decoration:none; padding:0 0 6px 0; display:block;  outline:none; cursor:pointer;}
div#ratings ul.products li label.active { text-decoration:underline; }
div#ratings ul.products li label span { display:block; }
div#ratings ul.products li label span img { float:left; padding:0 2px 0 0; }
div#ratings ul.products li label.brown { color:#995d47;}
div#ratings ul.products li label.orange { color:#f7941d;}
div#ratings ul.products li label.gray { color:#5d7b90;}
div#ratings ul.products li label.red { color:#f44229;}
div#ratings ul.products li label.navy { color:#418c36;}
div#ratings ul.products li label.birch { color:#9e0e00;}
div#ratings ul.products li label.green { color:#007430;}
div#ratings ul.products li label.purple { color:#893592;}
div#ratings div#rate { width:325px; height:215px; position:absolute; left:0px; top:5px; display:none;  }
div#ratings div#rate div#submitRate { width:206px; height:52px; position:absolute; bottom:0px; left:0px; }
div#ratings div#rate div#submitRate img#face { padding:0 5px 0 5px; }
div#ratings div#rate div#submitRate img#submitFinal { padding:5px 0 0 0; cursor:pointer; }
div#ratings div#rate div.errRate { position:absolute; top:0px; left:0px; font-size:12px; color:Red; display:none; }
div#ratings div#rate object#rateFlash { position:absolute; top:60px; left:0px; outline:none;}
div#ratings div#frame { width:211px; height:203px; float:right; border-right: solid 1px #bfb7ac; border-bottom: solid 1px #bfb7ac; position:relative; display:inline;}
div#ratings div#frame img.flavorImage { position:absolute; bottom:0px; right:0px; }
div#ratings div#rateThis { float:right; width:140px; height:50px; padding:10px 40px 30px 0;}
div#ratings div#rateThis img { cursor:pointer;}
div#ratings div#rateThis label { cursor:pointer; font-size:12px; text-align:center; display:block; color:#5e574e; }
div#ratings div#rateThis label:hover { text-decoration:underline; }

div#ratingsThanks { display:none}
div#ratingsThanks a.download { display:block; margin:0px }
div#ratingsThanks div.goodie { float:left; width:100%; display:none;}
div#ratingsThanks div.thanks1 img.goodies { display:inline; margin:20px 0 0 120px; float:left }
div#ratingsThanks div.thanks1 a.download { margin:130px 0 0 0px; float:left }
div#ratingsThanks div.thanks2 img.goodies { display:inline; margin:20px 0 0 90px; float:left }
div#ratingsThanks div.thanks2 a.download { margin:-10px 0 0 210px; float:left }
div#ratingsThanks div.thanks3 img.goodies { display:inline; margin:20px 0 0 60px; float:left }
div#ratingsThanks div.thanks3 a.download { margin:0px 0 0 210px; float:left }
div#ratingsThanks div.thanks4 img.goodies { display:inline; margin:20px 0 0 0px; float:left }
div#ratingsThanks div.thanks4 a.download { margin:120px 0 0 -110px; float:left }
div#ratingsThanks div.thanks5 img.goodies { display:inline; margin:20px 0 22px 0px; float:left }
div#ratingsThanks div.thanks5 a.download { margin:0px 0 0 210px; display:block; }
div#ratingsThanks div.thanks6 img.goodies { display:inline; margin:20px 0 10px 160px; float:left }
div#ratingsThanks div.thanks6 a.download { margin:0px 0 0 210px; float:left }
div#ratingsThanks div.thanks7 object#songFlash { display:inline; margin:20px 0 10px 130px; float:left; outline:none; }
div#ratingsThanks div.thanks7 a.download { margin:0px 0 0 210px; float:left }
div#ratingsThanks div.thanks8 img.goodies { display:inline; margin:20px 0 10px 120px; float:left }
div#ratingsThanks div.thanks8 a.download { margin:0px 0 0 210px; float:left }

div.sidebar div#sidebarcnt p a.rateLink,
div.sidebar div#sidebarcnt p a.rateLink:visited { color:#005826; text-decoration:none; padding:10px 0 0 0; display:block;}
div.sidebar div#sidebarcnt p a.rateLink:hover { text-decoration:underline;}
 
img.subThanks {  padding:20px 0 10px 0; }
img.findOut { float:left; margin:0 0 0 -14px;}
img.cookies {  margin:11px 0px 11px 40px; display:block; }
img.reviewBar {  padding:0px 0px 0px 0px; display:block; margin:10px 0 0 0; float:left; }

div.flavorfound {margin-top:32px;display:none;}
div.flavorfound p{padding: 20px 0;width:330px;}
div.flavorfound p sup {
	height: 0;
	line-height: 1;
	position: relative;
	top: -0.4em;
	vertical-align: baseline !important;
	vertical-align: bottom;
}
div.flavorfound div.share {padding: 5px 0;}
div.flavorfound div.share img { cursor:pointer;}
div.flavorfound div.quiz {padding: 5px 0;}
div#6 {margin-left: 3px;}

div.flavorShare {width:370px; height:410px; display:none;}
div.flavorShare p { color:#603913}
div.flavorShare img.title { padding:10px 0 3px 0;}
div.flavorShare div.row { color:#851b1d; font-size:13px; width:370px; display:block; padding:1px 0 1px 0; position:relative;}
div.flavorShare div.row span.error { position:absolute; top:5px; right:120px; color:Red; font-size:10px; display:none;}
div.flavorShare div.row label { display:block; padding:0 0 2px 0; }
div.flavorShare div.row input { width:253px; height:21px; padding:2px 0 0 0; }
div.flavorShare img.bt-share { cursor:pointer; margin:15px 0 0 0; display:block;}

div.flavorThanks {width:370px; height:410px; display:none;}
div.flavorThanks p { color:#603913}
div.flavorThanks img.title { margin:10px 0 3px 0;}
div.flavorThanks img.bt-share { cursor:pointer; margin:15px 0 0 0; display:block;}


.tinylegal { font-size: 10px; padding: 0 0 !important; margin-bottom: 10px; }
.newteaser p{ color: #e24a20; padding:0 60px 10px 0 !important;}
.oc-prod { position: absolute; top: 920px; left: 780px; }