﻿@charset "utf-8";
@import "reset.css";
@import "template.css";
@import "nivo-slider.css";
@import "jquery.jscrollpane.css";
@import "jquery.fancybox-1.3.4.css";

/* CSS Document */
body { line-height:1.4em; font-size:13px; font-family:Arial, Helvetica,"PMingLiu"; color:#1e1e1e; background:url(../images/main-bg.jpg) repeat left top; position:relative;}
.outer { position:relative; width:100%; min-width:1000px; overflow:hidden; background:url(../images/bg-glow.png) no-repeat center top; }
.outer .outer { background:none;}
.headerContainer, .bannerContainer, .mainContainer, .headerTop { margin:0 auto; width:1004px; position:relative; }

/* =======================
		headerContainer
========================= */

.headerContainer { height:135px;z-index:11;}
.headerContainer .headerTop { height:103px; width:1004px;}
.headerContainer .headerBtm { width:1004px; position:absolute; left:0; top:100px;}
.headerContainer .logo { position:absolute; left:40px; top:12px;}


/*  Top right menu */
.headerContainer .menuRT, .headerContainer dl { background-repeat:no-repeat; height:103px;}
.headerContainer .menuRT { position:absolute; right:-42px; top:0px; background-image:url(../images/header-bgR.png); background-position:right top; *width:525px; }
.headerContainer .menuRT.signedIn, .en .headerContainer .menuRT.signedIn { *width:610px; }
.headerContainer .menuRT dl { background-image:url(../images/header-bgL.png); background-position:left top; margin-right:195px;  position:relative;}
.headerContainer .menuRT dt { background:url(../images/menuRT-dotline.jpg) repeat-x right bottom; position:relative; right:-45px; *right:-40px; top:5px; padding:0 10px 3px 0; font-size:11px; -webkit-text-size-adjust:none;}
.headerContainer .menuRT dt li { background:url(../images/header-top-sepLine.jpg) no-repeat right center; padding:0 10px 0 9px; float:right;}
.headerContainer .menuRT dt li.noBorder, .en .headerContainer .menuRT dt li.noBorder { background:none; padding-right:0;}
.headerContainer .menuRT dt li a { color:#5d3813;}
.headerContainer .menuRT dt li .home { background-image:url(../images/header-top-menu-home.gif); width:15px; height:13px; } 
.headerContainer .menuRT .recipeSearch { position:absolute; right:85px; top:7px; background:url(../images/tc/header-search-R.jpg) no-repeat left top; width:49px; height:44px;}
.headerContainer .menuRT .recipeSearch:hover { background-position:left bottom;}
.headerContainer .menuRT .login-profile { padding-left:0; min-width:40px; text-align:right;}
.headerContainer .menuRT .login-before, .headerContainer .menuRT .login-after { display: none;}
.headerContainer .menuRT .login-before { color:#5d3813;}
.headerContainer .menuRT .login-after, .headerContainer .menuRT .login-after a { color:#ff7371;}
.headerContainer .menuRT .login-before.selected, .headerContainer .menuRT .login-after.selected { display: block;}
.headerContainer .menuRT .login-after { background:url(../images/login-profile-logo.gif) no-repeat right 1px; padding-right:16px;}

.headerContainer .menuRT dd { margin:8px -2px 0 0;}
.headerContainer .menuRT dd li { padding-left:20px; float:right; font-size:13px;}
.headerContainer dd li a.icon-course:hover, .headerContainer dd li a.icon-location:hover { background-position:left -16px; color:#ff6f6c; text-decoration:none;}

.en .headerContainer .menuRT.signedIn { *width:660px; }
.en .headerContainer .menuRT { *width:560px; }
.en .headerContainer .menuRT dt { min-width:300px;}
.en .headerContainer .menuRT dt li { padding:0 12px 0 11px;}
.en .headerContainer .menuRT .recipeSearch { width:42px; height:52px; background-image:url(../images/en/header-search-R.jpg); right:89px; top:5px;}
.en .headerContainer .menuRT dd li { padding-left:15px;}

/*  Main menu */
.headerContainer .menu { position:absolute; left:19px; width:955px;}
.headerContainer .menu > li { float:left; font-size:15px; position:relative; padding-bottom:10px; cursor:pointer;}
.headerContainer .menu > li a { display:block; color:#1e1e1e; margin:0 15px 0 20px;}
.headerContainer .menu > li:hover a, .headerContainer .menu > li.selected a { color:#f2514d; text-decoration:none;}

/*  Sub-menu */
.headerContainer .menu > li > div { display:none; position:absolute; background:url(../images/submenu-bg-top.png) no-repeat center top; width:161px; top:26px; left:-30px; padding-top:10px;}
.headerContainer .menu > li:hover > div { display:block;}
.headerContainer .menu > li ul { background:url(../images/submenu-bg-btm.png) no-repeat center bottom;  padding:0 7px 40px 7px;}
.headerContainer .menu > li ul li { text-align:center; background:url(../images/submenu-sepLine.jpg) no-repeat center top; font-size:14px;}
.en .headerContainer .menu > li ul li { font-size:13px;}
.headerContainer .menu > li ul li.firstItem { background-repeat:no-repeat; background-position:left -10px;}
.headerContainer .menu > li ul li a, .headerContainer .menu > li:hover ul li a, .headerContainer .menu > li.selected ul li a { color:#FFF; text-decoration:none; margin:0; padding:5px 14px;}
.headerContainer .menu > li ul li a:hover, .headerContainer .menu > li ul li.selected a{ background:url(../images/submenu-hover-bg.jpg) repeat-y left top;text-decoration:none;}
.headerContainer .menu > li ul li.selected a{ cursor:default;}

.headerContainer .menu > li > div.login-before ul, .headerContainer .menu > li > div.login-after ul { display: none;}
.headerContainer .menu > li > div.login-before.selected ul,  .headerContainer .menu > li > div.login-after.selected ul { display: block;}
.inner .headerContainer .menu > li.menu01 > div { left:-5px;}

/*  Main menu search*/
.headerContainer li.headerSearch { float:right; cursor:default;}
.headerContainer input.headerSearchTxt { background:url(../images/header-search-bg.png) no-repeat left top; width:107px; padding:0 3px; height:21px; float:left; line-height:21px; font-size:12px;}
.headerContainer li a.headerSearchBtn { background:url(../images/header-btn-search.jpg) no-repeat left top; width:24px; height:19px; padding:0; float:left; margin:1px 0 0 5px;}
.headerContainer li a.headerSearchBtn:hover { background:url(../images/header-btn-search.jpg) no-repeat left bottom;}


/* =======================
		bannerContainer
========================= */
.bannerContainer { text-align:center; height:370px;}
.bannerContainer .banner dt { background:url(../images/banner-bg.jpg) no-repeat left top; width:1206px; height:370px; position:absolute; left:50%; top:0; margin-left:-603px;}
.bannerContainer .banner dd.shadowL, .bannerContainer .banner dd.shadowR { background-repeat:no-repeat; width:29px; height:370px; position:absolute; top:0;}
.bannerContainer .banner dd.shadowL { background-image:url(../images/banner-shadowL.png); background-position:right top; left:50%; margin-left:-632px; }
.bannerContainer .banner dd.shadowR { background-image:url(../images/banner-shadowR.png); right:50%; margin-right:-632px;[;margin-right:-631px]}

.bannerContainer .videoContainer { background:url(../images/index-video-bg.png) no-repeat left top; width:250px; height:248px; position:absolute; top:33px; left:18px; padding:10px 10px 40px 25px; z-index:10;}
.bannerContainer .videoContainer .title { position:absolute; left:37px; top:35px; width:228px; overflow:hidden; text-align:left; height:1.4em;}
.bannerContainer .videoContainer .more { position:absolute; right:20px; bottom:46px;}
.bannerContainer .videoContainer dt { position:relative; margin:50px 0 0 12px; *margin:60px 0 0 2px; background-color:#000; width:228px; height:171px;}
.bannerContainer .videoContainer dt a { cursor:pointer; display:block;}
.bannerContainer .videoContainer dt a.videoPop { cursor:pointer; display:block; height:171px;}
.bannerContainer .videoContainer dt a span { background-repeat:no-repeat; background-position:left top; width:88px; height:88px; position:absolute; left:71px; top:38px; display:block;}
.bannerContainer .videoContainer dt a.videoPop span { background-image:url(../images/index-video-play-btn.png);}
.bannerContainer .videoContainer dt a.videoPop img { opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);}

/* =======================
		mainContainer
========================= */
.mainContainer { background:url(../images/index-mainContent-bg.png) no-repeat center top; width:1004px; z-index:10;}
.mainContent {  padding:30px 13px 0 13px; position:relative;}
.mainContainer .leftCol { float:left; margin-left:17px; position:relative;}
.mainContainer .rightCol { float:right; margin-right:18px;}
.mainContainer .title { display:block;}

/* index */
.index .mainContainer { margin-top:-45px; padding-bottom:160px;}
.index .mainContainer .index-fb-tag { position:absolute; left:-37px; top:-5px;}
.index .mainContainer .fb-activity-container { margin-top:68px; /*border:1px solid #cbc5c5;*/ width:240px; height:265px;}
.index .mainContainer .rightCol { margin-top:25px;}
.index .mainContainer .rightCol > dl dt { float:left; width:32%; padding-left:1%;}
.index .mainContainer .rightCol > dl dd.mainPageCourseContainer { background:url(../images/index-promobox-frame.png) no-repeat left top; width:688px; height:146px; float:left;}
.index .mainContainer .rightCol > dl dd.mainPageCourseContainer dl:first-child {margin-left:6px;}
.index .mainContainer .rightCol > dl dd.mainPageCourseContainer dl { display:inline-block; width:130px; height:135px; float:left;margin:10px 0 0 6px; }
.tc .index .mainContainer .rightCol > dl dd.mainPageCourseContainer dl { margin-top:20px; }
.index .mainContainer .rightCol > dl dd.mainPageCourseContainer dl dt { display:inline-block; text-align:center; height:80px; width:130px; overflow:hidden; }
.index .mainContainer .rightCol > dl dd.mainPageCourseContainer dl dd { display:inline-block; background:url(../images/shadow-bg-title-new-course-main.png) no-repeat left bottom; padding-bottom:11px;}
.index .mainContainer .rightCol > dl dd.mainPageCourseContainer dl dd div { display:inline-block; border:1px solid #e1d3ba; background-color:#fff; padding:4px 7px;  width:115px;}
.en .index .mainContainer .rightCol > dl dd.mainPageCourseContainer dl dd div { min-height: 35px; font-size:11px;}
.index .mainContainer .rightCol > dl dd.mainPageCourseContainer dl dd div a{ background:url(../images/arrow-brown.png) no-repeat right center; padding-right:10px; display:block; text-align:center;}

/*.en .course .latestCourse dd div { min-height:37px;}*/
.index .mainContainer .rightCol .recipeToday { margin-left:6px; width: 214px; float:left; padding-top:15px; }
/*.index .mainContainer .rightCol > dl dd span { display:inline-block; margin:10px 15px 0 10px;}*/
.index .mainContainer .rightCol .scroll-pane { width: 462px; height: 100px; overflow: auto; margin-top:35px; outline:none; float:left;}
.index .mainContainer .rightCol .jspPane { height:80px; margin-left:0 !important;}
.index .mainContainer .rightCol .adBox { height:80px; overflow:hidden;}
.index .mainContainer .rightCol .adBox dl { float:left; height:81px; padding-left:9px; overflow:hidden; width:108px;}
.index .mainContainer .rightCol .adBox dl.firstItem { padding-left:0;}
.index .mainContainer .rightCol .adBox dt { float:left; width:108px;}
.index .mainContainer .rightCol .adBox dt a { display:block;}
.index .mainContainer .rightCol .adBox dt img { border:1px solid #cbc5c5; opacity:0.6;-moz-opacity:0.6;-khtml-opacity: 0.6; filter:alpha(opacity=60);}
.index .mainContainer .rightCol .adBox .selected dt img, .mainContainer .rightCol .adBox dt:hover img { border:1px solid #5D3813; opacity:1;-moz-opacity:1;-khtml-opacity: 1; filter:alpha(opacity=100);}
.index .mainContainer .rightCol .adBox dd { float:left; width:96px; padding-top:5px; width:0;}
.index .mainContainer .rightCol .adBox dd > div { width:95px; padding:0 5px 0 8px;}
.index .mainContainer .rightCol .adBox dd div div { display:block; margin-bottom:8px; height:2.8em; overflow:hidden;}
.index .mainContainer .rightCol .adBox dd div a { background:url(../images/arrow-brown.png) no-repeat left center; padding-left:10px; font-size:11px; -webkit-text-size-adjust:none;}


/* inner pages */
.inner .mainContainer { background-image:url(../images/inner-mainContent-bg.png);}
.inner .mainContent { padding-top:20px; min-height:560px; position:relative;}
.inner .mainContent .fb-activity-container { position:relative; background:url(../images/shadow-bg-inner-fb-activity.png) no-repeat center bottom; padding-bottom:17px; width:250px; height:276px;}
.inner .mainContent .fb-activity-container dt { background-color:#fff; opacity:0.6;-moz-opacity:0.6;-khtml-opacity: 0.6; filter:alpha(opacity=60); position:absolute; left:1px; top:0; width:250px; height:276px;}
.inner .mainContent .fb-activity-container dd { position:relative; left:5px; top:5px; width:240px; height:265px; border: 1px solid #CBC5C5; background-color:#fff;}



/* =======================
		 breadcrumb 
========================= */
.breadcrumb { background:url(../images/breadcrumb-bg.jpg) no-repeat left top; width:978px; height:33px; margin-bottom:25px; font-size:12px;}
.breadcrumb li { line-height:27px; text-align:center; background:url(../images/breadcrumb-bg-middle-lvl.jpg) no-repeat right top; float:left; padding:0 30px 0 15px;}
.breadcrumb li.firstItem { background-image:url(../images/breadcrumb-bg-1st-lvl.jpg); padding-left:25px;}
.breadcrumb li.lastItem { background-image:none;}
.breadcrumb li a:hover { color:#f2514d; text-decoration:none;}



/* =======================
		 left-menu
========================= */
.left-menu-right-content > dt, .left-menu-right-content > dd { float:left;}
.left-menu-right-content > dd { width:750px;}
.left-menu-right-content > dt { width:180px; background:url(../images/left-menu-bottom-shadow.png) no-repeat left bottom; padding-bottom:22px; margin-right:20px;}

.left-menu-right-content > dt > ul { background:url(../images/left-menu-top-bg.png) no-repeat left top; padding-top:9px; margin:-9px 0 0 -11px;}
.left-menu-right-content > dt > ul > li { width:181px; background:url(../images/left-menu-bg.jpg) no-repeat left top;cursor:pointer; display:block;}
.left-menu-right-content > dt > ul > li a { background:url(../images/left-menu-sep-line.jpg) no-repeat 11px top; display:inline-block; padding:6px 12px; color:#fff; width:157px; }
.left-menu-right-content > dt > ul > li.firstItem a { background:none;}
.left-menu-right-content > dt > ul > li.selected > a, .left-menu-right-content > dt > ul > li > a:hover, .left-menu-right-content > dt > ul > li:hover > a { text-decoration:none;background:url(../images/left-menu-bg.jpg) no-repeat left -150px; display:block; }
.left-menu-right-content > dt > ul > li span { width:22px; display:inline-block; margin-right:3px; }
.left-menu-right-content > dt > ul > li span.leftmenutxt { margin:0; width:130px}
.left-menu-right-content > dt > ul > li span img { display:none; margin-top:3px; }
.left-menu-right-content > dt > ul > li.newItem span img { display:block;}
.left-menu-right-content > dt > ul > li ul { display:none;}
.left-menu-right-content > dt > ul > li li { width:181px; background:url(../images/left-menu-bg.jpg) no-repeat left -310px; cursor:pointer;}

.left-menu-right-content > dt > ul li li a { background:none; padding:4px 12px 4px 38px; width:131px;}
.left-menu-right-content > dt > ul li li.selected a, .left-menu-right-content > dt > ul > li li a:hover, .left-menu-right-content > dt > ul > li li:hover a { text-decoration:none;  color:#ff5b57; background:url(../images/arrow-pink.png) no-repeat 20px 7px; display:block; }



/* =======================
		footer
========================= */
.index .footer { margin-top:-128px ; z-index:10;}
.footer { margin:0 auto; width:1004px; margin-top:35px; position:relative; }
.footer .footerContent { margin:0 auto; width:979px; background:url(../images/footer-bg-top.png) no-repeat center top; padding-bottom:10px; position:relative;}
.footer .icon { padding:9px 15px 5px 18px; border-bottom:1px solid #bbb5a6;}
.footer .icon img { float:left; margin-right:15px;}
.footer .icon img.floatR { float:right; margin-right:5px;}
.footer .icon img.itunes { margin-right:0;}
.footer .footerBtm { padding:7px 14px 8px 17px;}
.footer a img {opacity:1; -moz-opacity:1; -khtml-opacity: 1; filter:alpha(opacity=100);}
.footer a:hover img {opacity:0.7; -moz-opacity:0.7; -khtml-opacity: 0.7; filter:alpha(opacity=70);}
.footer .footerBtm { height:40px;}
.footer .footerBtm iframe { vertical-align:bottom; border:none; overflow:hidden; width:380px; height:35px; margin-left:10px; margin-top:5px;}
.footer .footerBtm dt { height:36px; width:500px; float:left;}
.footer .footerBtm dt * { float:left;}
.footer .footerBtm dd { width:440px; float:right; padding-top:1px; }
.footer .footerBtm dd li { float:right; font-size:11px; -webkit-text-size-adjust:none; margin-left:11px; margin-top:1px;}
.footer .footer-bg-btm { position:absolute; left:1px; bottom:0;}

/* =======================
		course
========================= */
.course .mainContainer .rightCol { margin-right:0; width:262px;}
.en .course .mainContainer .rightCol .marginL130 { margin-left:85px;}
.course .latestCourse { margin-top:8px;}
.course .latestCourse > dl { display:inline-block; width:160px; padding-right:8px; *display:inline; zoom: 1; *padding-right:11px; vertical-align:top;}
.course .latestCourse dt { text-align:center; height:100px;}
.course .latestCourse dd { background:url(../images/shadow-bg-title-new-course.png) no-repeat left bottom; padding-bottom:11px;}
.course .latestCourse dd div { border:1px solid #e1d3ba; background-color:#fff; padding:4px 7px;}
.en .course .latestCourse dd div { min-height:37px;}
.course .latestCourse dd div a{ background:url(../images/arrow-brown.png) no-repeat right center; padding-right:10px; display:block; text-align:center;}
.course .btm-grid > div { float:left; width:50%;}
.course .btm-grid > div dl { background:url(../images/shadow-bg-title-chosen-course.png) no-repeat center bottom; padding-bottom:16px; width:333px; height:78px; position:relative; margin-bottom:10px;}
.course .btm-grid div dt { background-color: #FFFFFF; border: 1px solid #E1D3BA; height:78px; border-bottom:none;}
.course .btm-grid div dt img { max-height:78px;}
.course .btm-grid div dd { position:absolute; right:0; top:0; width:160px; height:79px; text-align:right; padding-right:10px;display: table; *position: absolute; *top: 45%; *height:auto;}
.course .btm-grid div dd a { display: inline-block; padding-right: 18px; font-size:15px; color:#211305; background: url("../images/arrow-brown.png") no-repeat scroll right center transparent;display: table-cell; vertical-align: middle; height:79px; *position: relative; *left:0; *top: -55%; *height:auto; *display:block;}
.course .btm-grid > div.latestNews { padding-left:20px; width:320px;}
.course .btm-grid > div.latestNews ul { height:328px; overflow:hidden;}
.course .btm-grid > div.latestNews li { background:url(../images/dotted-line.gif) no-repeat left top; padding:22px 0 11px 0;}
.course .btm-grid > div.latestNews li.firstItem { background:none; padding-top:6px;}
.course .btm-grid > div.latestNews li p { color:#ff5b57;}
.course .btm-grid > div.latestNews ul .jspVerticalBar .jspTrack { background-color:#b2a590;}

.course .rightCol .bullet-brown { text-align:right; padding-right:16px;}
.course .rightCol .bullet-brown li { background: url("../images/brown-bullet-right.gif") no-repeat scroll left 1px transparent; padding-left: 20px; display:inline-block; font-size:12px; *display:inline; zoom:1;}
.course .rightCol .bullet-brown li:hover { background-position:left -55px;}
.course .rightCol .bullet-brown li:hover a:hover { text-decoration:none;}

.course .rightCol .apply-method-links { background-color:#faf6f3; margin-top:5px;}
.course .rightCol .img-links-box a { height:57px;}
.course .rightCol .promo-banner a { height:72px;}

.course .course-advance-search-box td { vertical-align:middle;}
.course .course-advance-search-box td td { padding-top:0; padding-bottom:0;}
.course .course-advance-search-box .typeSearch { width:150px;}
.course .course-advance-search-box .typeSearch .jqTransformSelectWrapper { width:140px !important;}
.en .course .course-advance-search-box .typeSearch { width:220px;}
.en .course .course-advance-search-box .typeSearch .jqTransformSelectWrapper { width:210px !important;}
.course .course-advance-search-box .courseNum .jqTransformInputWrapper { width:140px !important;}
.course .course-advance-search-box .courseNum .jqTransformInputWrapper div input { width:133px !important;}
.en .course .course-advance-search-box .courseNum .jqTransformInputWrapper { width:210px !important;}
.en .course .course-advance-search-box .courseNum .jqTransformInputWrapper div input { width:203px !important;}
.course .course-advance-search-box .jqLocation .jqTransformSelectWrapper, .course .course-advance-search-box .jqLocation ul, .course .course-advance-search-box .jqLocation .jqTransformSelectWrapper > div { width:190px !important;}
.course .course-advance-search-box .jqLocation ul { overflow:auto !important;}
.course .course-advance-search-box td.width40 { width:46px\9 !important;}
.en .course .course-advance-search-box td.width40 { width:60px !important; width:66px\9 !important;}
.en .course .course-advance-search-box td.width160 { width:130px !important;}
.en .course .course-listing .course-advance-search-box td.width160 { width:100px !important;}
.en .course .course-listing .course-advance-search-box td.width210 { width:180px !important;}
.en .course .course-listing .course-advance-search-box .datepickerInput { width:145px;}


.course .courseStatus { margin-top:30px;}
.course .courseStatus li { float:left; margin-right:20px; font-size:12px; line-height:34px;}
.course .courseStatus li.viewMode { float:right; margin-right:5px;}
.course .courseStatus li.viewMode a { float:right;}
.course .courseStatus li.viewMode span { float:right; line-height:34px; margin-right:5px;}

.course .course-listing .viewContainer > div { height:61px;}
.course .course-listing .viewContainer table { width:682px;}

.course .course-calendar .course-advance-search-box .courseType .jqTransformSelectWrapper { width:140px !important;}
.course .course-calendar .viewContainer { width:682px; background:url(../images/course-large-calendar-bg-btm.png) no-repeat 1px bottom; padding-bottom:40px; margin-top:10px; min-height:500px;}
.course .course-calendar .viewContainer .schedule { background-color:#fff; padding-bottom:30px; min-height:200px;}
.course .course-calendar .viewContainer .schedule .memoTab { margin:0 0 0 -10px}
.course .course-calendar .viewContainer .schedule table { width:630px; margin:0 auto; margin-bottom:20px;}
.course .course-calendar .viewContainer .schedule .timeTitle { height:18px; padding:5px 0 0 0;}
.course .course-calendar .viewContainer .schedule td .dotted-line { margin:0;}
.course .course-calendar .viewContainer .schedule table thead th { padding:3px; padding-left:10px; width:232px;}
.course .course-calendar .viewContainer .schedule table tbody th { padding:3px 3px 3px 30px;}


.course .viewContainer .schedule table a { color:#1e1e1e;}
.course .viewContainer table a:hover { color:#f2514d; text-decoration:none;}


.course .courseDetail dt, .course .courseDetail dd { float:left;}
.course .courseDetail dt { width:256px; background:url(../images/course-details-img-side-shadow.png) no-repeat right 130px; min-height:450px; margin:0 20px 0 15px;}
.course .courseDetail dd { width:380px; position:relative; padding-bottom:45px;}
.course .courseDetail dt > div { background:url(../images/course-details-img-btm-shadow.png) no-repeat right bottom; padding-bottom:8px; width:256px; height:164px;}
.course .courseDetail dt > div img {  max-width:256px; max-height:164px;}
.course .courseDetail .table-with-bottom-border { margin-top:15px;}
.course .courseDetail .table-with-bottom-border th { width:90px;}
.course .courseDetail .table-with-bottom-border .btn-default-bg { margin-left:10px;}

.course .course-promotion-content { padding:15px;}
.course .course-promotion-content .membership { width:260px;}
.en .course .course-promotion-content .membership { width:270px;}
.course .course-promotion-content .dotted-line { margin:30px 0;}
.course .page-like { position:absolute; right:0; top:10px; width:90px;}

.courseLandingLike { position:absolute; right:30px; top:98px;}


/* =======================
		about
========================= */
.about .instructorsList li { display:inline-block; width:170px; margin:10px 8px 30px 2px; *display:inline; zoom: 1; *margin:10px 10px 30px 3px; vertical-align:top;}
.about .instructorsList dl { text-align:center;background: url("../images/shadow-bg-title-new-course.png") no-repeat scroll 4px bottom; padding:5px 0 11px 4px; position:relative;}
.about .instructorsList dl dt { width:62px; height:38px; display:none; position:absolute; left:0; top:0; z-index:10;}
.about .instructorsList .newInstructor dt { display:block;}
.about .instructorsList dd { text-align:center; height:118px; width:145px; background-color:#fff; padding:8px; border: 1px solid #f6f2e8;position:relative; *line-height:118px;}
.about .instructorsList dd img { display:block; margin:auto; position:absolute; top:0; bottom:0; left:0; right:0; *position:static; *line-height:176px; *vertical-align:middle; *display:inline; max-height:118px; max-width:145px;}
.about .instructorsList .instructorName { background:url(../images/shadow-bg-title-new-course.png) no-repeat 4px bottom; padding:0 0 11px 4px;}
.about .instructorsList .instructorName div { border:1px solid #e1d3ba; background-color:#fff; width:145px; padding:4px 8px; text-align:center;}
.about .instructorsList .instructorName div a{ display:inline-block; *margin-top:5px;}

.about .ourStory dt { width:310px;}
.about .ourStory dd { width:622px;}
.about .ourStory h4 { color:#fc6256; margin:18px 0 0 0;}
.about .ourStory p { margin:6px 0 18px 0;}

.about .cookctrFac .sectDesc h4{color:#fc6256;}
.about .cookctrFac .sectDesc .img01{margin-left:50px; margin-right:15px; margin-top:-37px;}
.about .cookctrFac .sectDesc .img02{margin-right:40px; margin-top:-5px;}
.about .cookctrFac .sectDesc .img03{margin-left:34px; margin-top:-37px;}
.about .cookctrFac .banner{margin-bottom:26px;}
.about .cookctrFac .sectDesc .img01, .about .cookctrFac .sectDesc .img02, .about .cookctrFac .sectDesc .img03{margin-bottom:30px;}
.en .about .cookctrFac .sectDesc .img01, .en .about .cookctrFac .sectDesc .img02, .en .about .cookctrFac .sectDesc .img03{margin-bottom:50px;}




/* =======================
		member
========================= */
.member .dotted-line { margin-bottom:18px;}
.member .jqform .alternative { margin-bottom:27px;}
.member .jqform .alternative > tbody > tr > td { padding:5px} 
.member .jqform .alternative > tbody > tr > td > table { font-weight:bold;}
.member .jqform .alternative > tbody > tr > td > table th, .member .jqform .alternative > tbody > tr > td > table td {vertical-align:middle;color:#32312f; }
.member .memberApply.jqform .alternative td, .member .memberApply.jqform .alternative th { vertical-align:top;}

.memberApply.jqform .alternative > tbody > tr > td { padding:5px 30px;} 
.memberApply.jqform .alternative thead td { padding:0 0 6px 27px;}
.memberApply .alternative thead td { font-size:13px;}
.memberApply .districtInput .jqInputW175 .jqTransformSelectWrapper { width:173px !important;}

.member .member-address-remaks{background:none !important; border-bottom:1px solid #d2c6b1;font-weight:bold;}
.member .memberLogin { background:url(../images/member-login-bg.jpg) no-repeat left top; padding-top:8px;}
.member .memberLogin dt { float:left; width:485px; padding-left:15px;}
.member .memberLogin dt .jqform {  margin-bottom:27px;}
.member .memberLogin dt td { vertical-align:top; padding:5px; font-weight:bold;}
.member .memberLogin dd { float:left; width:250px; margin-right:0;}
.member .memberLogin dd .promo-banner { margin-top:0;}
.member .memberLogin dd .promo-banner a { height:72px;}
.member .memberLogin .arrow-pink { margin-left:10px;}
.en .member .memberLogin dt .jqform a.hoverRedTxt { font-size:12px;}
.en .member .memberLogin dt .jqform td.jqInputW150 input { width:170px !important;}
.en .member .memberLogin dt .jqform td.width160 { width:180px !important;}

.dobule-rows td{vertical-align:top !important;}
.dobule-rows td p{font-size:12px; -webkit-text-size-adjust:none; margin-bottom:0;}


/* Member Welcome */
.welcomeInfo{ height:460px;position:relative;}
.welcomeInfo > p{width:430px;}
.welcomeInfo .remarksBrown{font-size:13px;margin:2px 0;font-weight:bold;}
.welcomeInfo ol li{list-style:decimal inside;}
.welcomeBg {position:absolute;top:-5px;left:289px;*top:4px;}

.birthdayInfo { height:400px;position:relative;}
.birthdayInfo > p{ width:385px;}
.birthdayBg {position:absolute;top:-5px;left:300px;*top:4px;}


/* Member Account Upgrape Success */
.accountSuccess{margin-top:25px; position:relative;}
.accountSuccess img{position:absolute;top:0;left:0;}
.accountSuccess h2{font-size:23px;color:#d74033;font-weight:bold;margin-left:125px;padding-top:26px; line-height:28px;}
.accountSuccess > p{margin-left:125px;}
.accountSuccess > div {margin-left:133px;margin-top:25px;}
.accountSuccess > div p{margin-bottom:0;}
.accountSuccess ul{margin-top:5px;}


/* Member Course */
.memberCourse td { vertical-align:middle;}
.memberCourse .costBox { text-align:right; width:100px;}
.memberCourse .receipt { text-align:center; width:80px; padding-left:20px !important;}
.memberCourse tfoot td { border-top:1px solid #e7e7e7;}
.totalCost { border-top:3px solid #5c3713; background-color:#e1ceb2; text-align:right; color:#5c3713; padding:6px 30px 6px 7px; font-size:15px; font-weight:bold; line-height:18px;}
.totalCost span { margin-left:70px;}

.courseReceipt { display:none;}


/* Course apply method */
.applyMethod { padding-bottom:30px;}
.applyMethod .padT5B20LR30 dt, .applyMethod .padT5B20LR30 dd { float:left;}
.applyMethod .padT5B20LR30 dt { width:60px;}
.applyMethod .padT5B20LR30 dd { width:600px;}
.applyMethod .html-title-tab img { margin-right:6px;}


/*Course Apply Success*/
.courseSuccess{margin-top:25px; position:relative;height:380px;}
.courseSuccess > img{position:absolute;top:0;left:0;}
.courseSuccess h2{font-size:23px;color:#d74033;font-weight:bold;margin-left:125px;padding-top:26px; line-height:28px;}
.courseSuccess > p{margin-left:125px;}
.courseSuccess div.first-child{margin-left:133px;margin-top:25px;}
.courseSuccess > div p{margin-bottom:0;}

.courseBtn-holder{width:400px;margin-left:125px;margin-top:30px;}
.courseSuccess .courseImg { position:absolute;left:558px;top:0; width:364px; height:358px;}





/* =======================
		recipes
========================= */
.recipes .recipeAdvanceSearch { background:url(../images/recipe-search-btm-shadow.png) no-repeat 43px bottom; padding-bottom:11px; font-weight:bold;}
.recipes .recipeAdvanceSearch > li { *height:39px;}
.recipes .recipeAdvanceSearch dd ul { height:42px;}
.recipes .recipeAdvanceSearch dd { width:110px; float:right; background-position:left top; background-repeat:no-repeat; height:42px; padding-left:21px;}
.recipes .recipeAdvanceSearch dd li { display:block; height:42px; position:relative; text-align:right;}

.recipes .recipeAdvanceSearch dd li span { background:url(../images/recipe-search-shadow.png) no-repeat left top; width:24px; height:42px; display:block; position:absolute; right:0; top:0;}
.recipes .recipeAdvanceSearch dd li a, .recipes .recipeAdvanceSearch dd li a:hover { line-height:42px; cursor:default; text-decoration:none; color:#fff; background-repeat:no-repeat; background-position:left center; padding:0 10px 0 30px; font-size:13px; display:inline-block; width:80px; position:absolute; right:0; top:0;}
.recipes .recipeAdvanceSearch dt { width:739px; float:right; background-repeat:no-repeat; background-position:right -42px; padding-right:21px;}
.recipes .recipeAdvanceSearch .hover dt { background-position:right bottom;}
.recipes .recipeAdvanceSearch dt ul { background:url(../images/recipe-search-repeat.jpg) repeat-x left top; height:34px; padding:8px 21px 0 15px; display:block;}
.recipes .recipeAdvanceSearch dt ul li { display:inline-block; margin-right:8px; *display:inline; zoom: 1;}
.recipes .recipeAdvanceSearch dt ul li a { padding:4px 7px; display:inline-block; -moz-border-radius: 2px; border-radius: 2px;}
.recipes .recipeAdvanceSearch .hover dt ul li a { color:#fff; text-decoration:none;}
.en .recipes .grid-full-width { padding:0 20px;}
.en .recipes .recipeAdvanceSearch dt { width:765px;}
.en .recipes .recipeAdvanceSearch dt ul { padding:8px 0 0 10px;}
.en .recipes .recipeAdvanceSearch .orangle dt ul li { margin-right:0; *margin-right:1px;}
.en .recipes .recipeAdvanceSearch dt ul li a { font-size:12px;}
.en .recipes .recipeAdvanceSearch .orangle dt ul li a { padding:4px 3px; *padding:4px;}

.recipes .recipeAdvanceSearch dt ul li.selected a { color:#fff;}
.recipes .recipeAdvanceSearch .red dt ul li.selected a { background:#eb3c5a;}
.recipes .recipeAdvanceSearch .orangle dt ul li.selected a { background:#fb6834;}
.recipes .recipeAdvanceSearch .yellow dt ul li.selected a { background:#d3ae18;}
.recipes .recipeAdvanceSearch .green dt ul li.selected a { background:#8fb000;}
.recipes .recipeAdvanceSearch .blue dt ul li.selected a { background:#1fa2b3;}

.recipes .recipeAdvanceSearch .red.hover dt ul li.selected a, .recipes .recipeAdvanceSearch .red dt ul li:hover a { background:#fb8888;}
.recipes .recipeAdvanceSearch .orangle.hover dt ul li.selected a, .recipes .recipeAdvanceSearch .orangle dt ul li:hover a { background:#ff9649;}
.recipes .recipeAdvanceSearch .yellow.hover dt ul li.selected a, .recipes .recipeAdvanceSearch .yellow.hover dt ul li:hover a { background:#e4cb40;}
.recipes .recipeAdvanceSearch .green.hover dt ul li.selected a, .recipes .recipeAdvanceSearch .green.hover dt ul li:hover a { background:#aac82a;}
.recipes .recipeAdvanceSearch .blue.hover dt ul li.selected a, .recipes .recipeAdvanceSearch .blue.hover dt ul li:hover a { background:#44bece;}



.recipes .recipeAdvanceSearch .red dd li a { background-image:url(../images/recipe-search-red-icon.gif); background-position:2px center;}
.recipes .recipeAdvanceSearch .orangle dd li a { background-image:url(../images/recipe-search-orangle-icon.gif)}
.recipes .recipeAdvanceSearch .yellow dd li a { background-image:url(../images/recipe-search-yellow-icon.gif); background-position:3px center;}
.recipes .recipeAdvanceSearch .green dd li a { background-image:url(../images/recipe-search-green-icon.gif); background-position:5px center;}
.recipes .recipeAdvanceSearch .blue dd li a { background-image:url(../images/recipe-search-blue-icon.gif); background-position:4px center;}

.recipes .recipeAdvanceSearch .red dd { background-image:url(../images/recipe-search-red.png);}
.recipes .recipeAdvanceSearch .orangle dd { background-image:url(../images/recipe-search-orangle.png)}
.recipes .recipeAdvanceSearch .yellow dd { background-image:url(../images/recipe-search-yellow.png);}
.recipes .recipeAdvanceSearch .green dd { background-image:url(../images/recipe-search-green.png);}
.recipes .recipeAdvanceSearch .blue dd { background-image:url(../images/recipe-search-blue.png);}

.recipes .recipeAdvanceSearch .red dt { background-image:url(../images/recipe-search-red.png)}
.recipes .recipeAdvanceSearch .orangle dt { background-image:url(../images/recipe-search-orangle.png)}
.recipes .recipeAdvanceSearch .yellow dt { background-image:url(../images/recipe-search-yellow.png);}
.recipes .recipeAdvanceSearch .green dt { background-image:url(../images/recipe-search-green.png);}
.recipes .recipeAdvanceSearch .blue dt { background-image:url(../images/recipe-search-blue.png);}

.recipes .recipeAdvanceSearch .red dd ul, .recipes .recipeAdvanceSearch .red.hover dt ul { background:#eb3c5a;}
.recipes .recipeAdvanceSearch .orangle dd ul, .recipes .recipeAdvanceSearch .orangle.hover dt ul  { background:#fb6834;}
.recipes .recipeAdvanceSearch .yellow dd ul, .recipes .recipeAdvanceSearch .yellow.hover dt ul  { background:#d3ae18;}
.recipes .recipeAdvanceSearch .green dd ul, .recipes .recipeAdvanceSearch .green.hover dt ul  { background:#8fb000;}
.recipes .recipeAdvanceSearch .blue dd ul, .recipes .recipeAdvanceSearch .blue.hover dt ul  { background:#1fa2b3;}

.recipes .searchNav { padding:0 14px; margin-top:15px;}
.recipes .searchNav li.floatL span, .recipes .searchNav li.floatL > div { float:left;}
.recipes .searchNav li.floatL { margin-top:4px;}
.recipes .searchNav li.floatL span { line-height:23px; margin-right:10px}
.recipes .searchNav li > div { background:url(../images/shadow-recipe-search.png) no-repeat left bottom; padding-bottom:11px; width:132px;; position:relative;}
.recipes .searchNav li > div input { border:1px solid #e1d3ba; background-color:#fff; padding:2px 21px 4px 4px; width:105px;}
.recipes .searchNav li > div a { position:absolute; right:5px; top:5px;}

.recipes .recipesList .loading { background:#fff; opacity:0.7;-moz-opacity:0.7;-khtml-opacity: 0.7; filter:alpha(opacity=70); position:absolute; width:905px; min-height:32px; z-index:1; display:none;}
.recipes .recipesList .loading div { background:url(../images/ajax-loader.gif) no-repeat center center;  min-height:50px;}
.recipes .recipesList ul { min-height:50px;}
.recipes .recipesList li { display:inline-block; margin:10px 8px 25px 2px; *display:inline; zoom: 1; *margin:10px 10px 25px 3px; background: url("../images/recipe-btm-shadow.png") no-repeat scroll 1px bottom; padding:5px 0 11px 0; vertical-align:top;}
.recipes .recipesList li a > dl { text-align:center; position:relative; width:204px; background-color:#fff; padding:5px; border: 1px solid #f6f2e8;}
.recipes .recipesList li a > dl > dt { text-align:center;position:relative; *line-height:86px; height:86px; width:204px;}
.recipes .recipesList li a > dl > dt img { display:block; margin:auto; position:absolute; top:0; bottom:0; left:0; right:0; *position:static; *line-height:86px; *vertical-align:middle; *display:inline; max-height:86px; max-width:204px;}
.recipes .recipesList li a > dl > dd { text-align:left; line-height:21px; padding:3px; padding-bottom:0;}
.recipes .recipesList li a > dl > dd p { margin:3px 0;}
.recipes .recipesList li a > dl > dd .dotted-line { margin:4px 0;}
.recipes .recipesList li a > dl > dd dt { width:165px; float:left; color:#5d3813;}
.recipes .recipesList li a > dl > dd dd { width:30px; float:right; text-align:right; height:21px;}


.recipes .recipesList li:hover dt img { opacity:0.7; -moz-opacity:0.7; -khtml-opacity: 0.7; filter:alpha(opacity=70); cursor:pointer;}
.recipes .recipesList li:hover p, .recipes .recipesList li:hover a { color:#f2514d !important; text-decoration:none; cursor:pointer;}

.recipes .todayRecipes > img { margin-left:1px;}
.recipes .todayRecipes ul { margin:-70px 22px 0 21px; position:relative; background-color:#f5f2ee; padding:0 10px 20px 10px;}
.recipes .todayRecipes li { margin-left:12px; float:left; width:270px; vertical-align:top;}
.recipes .todayRecipes li > div { background:url(../images/shadow-news-details-right-btm.png) no-repeat center bottom; width:270px; height:120px; padding-bottom:15px;}
.recipes .todayRecipes li > div div { padding:5px; background:#fff; width:260px; height:110px;}
.recipes .bullet-brown-right { margin:0 4px;}
.recipes .bullet-brown-right a:hover { text-decoration:none;}
.recipes .todayRecipes .btn-back { margin-left:32px;}

.recipesDetails .intro td, .recipesDetails .intro th { vertical-align:middle; color:#5d3813; font-size:12px;}
.recipesDetails .intro th { padding-left:14px;}
.recipesDetails td span.border { border-right: 1px solid #dedace; display:inline-block; width:1px; height:25px; vertical-align:middle; margin:0 10px;}
.recipesDetails .cookingMethod { background:url(../images/recipe-details-top-bg.jpg) repeat-x left top; border-top:1px solid #ded9cc; padding-top:30px; margin-top:1px; }
.recipesDetails iframe { vertical-align:middle;}
.recipesDetails .printBtn { vertical-align:middle; display:inline-block; *display:inline; *zoom:1;}
.recipesDetails .popPprintBtn { display:none;}
.recipesDetails .cookingMethod > dt { width:610px; float:left; }
.recipesDetails .cookingMethod .html-title-tab { margin-left:-15px;}
.recipesDetails .cookingMethod table { margin:10px 0 15px 0;}
.recipesDetails .cookingMethod th { color:#52310f; font-weight:bold; padding-left:15px;}
.recipesDetails .cookingMethod th, .recipesDetails .cookingMethod td { font-size:14px;}
.recipesDetails .cookingMethod .bulletNumBg span { background-color:#5d3813; color:#fff; padding:1px 5px 0 5px; font-weight:normal; font-size:12px; margin-top:2px; display:inline-block;}
.recipesDetails .cookingMethod .bulletNumBg th { width:40px;}
/*.recipesDetails .cookingMethod li { background: url("../images/calendar-event-box-bullet.jpg") no-repeat scroll left 2px transparent; padding-left: 25px; color:#1E1E1E; font-weight:normal; margin:3px 0;}*/
.recipesDetails .cookingMethod .html-title-tab dd img { margin-right:6px;}

.recipesDetails .cookingMethod > dd { width:280px; float:left; margin:-75px 0 0 20px;}
.recipesDetails .cookingMethod > dd .titleBg { top:-20px;}
.recipesDetails .cookingMethod > dd .dishesPic { background: url("../images/shadow-news-details-right-btm.png") no-repeat scroll center bottom transparent; height: 120px; padding-bottom: 15px; width: 270px;}
.recipesDetails .cookingMethod > dd .dishesPic div { background:#FFFFFF; height: 110px; padding: 5px; width: 260px; border:1px solid #E1D3BA;}
.recipesDetails .cookingMethod > dd .dishesPic div img { max-width:260px; max-height:110px;}

.recipesDetails .cookingMethod > dd dl, .tipsMemo { background: url("../images/shadow-news-details-right-btm.png") no-repeat scroll center bottom transparent; padding-bottom: 16px; width: 270px; position:relative; margin-top:25px;}
.recipesDetails .cookingMethod > dd dl.disable, .tipsMemo.disable { display:none; }
.en .recipesDetails .cookingMethod .tipsMemo .titleBg img { margin-top:7px;}
.recipesDetails .cookingMethod > dd .recipeVideo dt { background-color:#281a0c; width: 270px; height:215px; position:absolute; left:0; left:0;}
.recipesDetails .cookingMethod > dd .recipeVideo dd { position:relative;}
.recipesDetails .cookingMethod > dd .recipeVideo dd a img { margin:16px 0 0 6px;}
.recipesDetails .cookingMethod .btn-back { margin-top:45px;}


/* for recipe print pop up */

.recipePrint { width:660px;}
.recipePrint .popPprintBtn {  display:inline-block; *display:inline; *zoom:1;}
.recipePrint .printBtn, .recipePrint .btn-back, .recipePrint .recipeVideo, .recipePrint iframe { display:none;}
.recipePrint > .recipesDetails { background-color:#fff; padding:0; margin:10px;}
.recipePrint > .recipesDetails .recipesDetails { padding:0;}
.recipePrint .cookingMethod { padding:10px;}
.recipePrint .width300 { width:380px !important;}
.recipePrint .recipesDetails .cookingMethod > dt { width: 325px;}

.recipePrint .recipesDetails .cookingMethod > dd { margin-top:0; margin-left:10px; width:275px;}
.recipePrint .cookingMethod .html-title-tab { margin-left:0;}

 @media print {	
 .recipePrint { width:660px;} 
.recipePrint .popPprintBtn, .recipePrint .border { display:none;}
.recipePrint > .recipesDetails { margin:0;}
.recipePrint .printBtn, .recipePrint .btn-back, .recipePrint .recipeVideo, .recipePrint iframe { display:none;}
.recipePrint > .recipesDetails { background-color:#fff; padding:0; margin:10px;}
.recipePrint > .recipesDetails .recipesDetails { padding:0;}
.recipePrint .cookingMethod { padding:10px;}
.recipePrint .width300 { width:380px !important;}
.recipePrint .recipesDetails .cookingMethod > dt { width: 325px;  width: 305px \9; }

.recipePrint .recipesDetails .cookingMethod > dd { margin-top:0; margin-left:10px; width:275px;}
.recipePrint .cookingMethod .html-title-tab { margin-left:0;}
.recipePrint .recipesDetails .cookingMethod > dd .tipsMemo > div > div { color:#1E1E1E;}
 }

/* =======================
		news
========================= */
.news-details .leftCol { margin-left:0; width:600px;}
.news-details .btn-back { margin-left:-3px;}
.news-details .rightCol { margin-right:0; width:290px;}
.news-details .rightCol dl { background:url(../images/shadow-news-details-right-btm.png) no-repeat center bottom; padding-bottom:14px; position:relative; width:268px; height:240px;}
.news-details .rightCol dt { background-color:#281a0c; width:258px; height:193px; padding:5px; position:absolute; left:0; top:0; padding-bottom:40px;}
.news-details .rightCol dd { position:relative; left:5px; top:5px;}


.news-details .rightCol dd #slider { height: 193px; left: 0; max-width: 258px; overflow: hidden; position: absolute; top: 0; width: 258px; padding-bottom:20px;}

.news-details .rightCol dd .nivoSlider a { height:193px;}
.news-details .rightCol dd .nivo-controlNav { width:258px; left:0; top:200px; text-align:center; *padding-left:5px;}
.news-details .rightCol dd .nivo-controlNav a { display:inline-block; float:none; background-image:url(../images/news-slider-bullet.png); width:8px; height:7px; margin:0 3px; *display:inline; zoom:1; *text-indent:-11px; *color:#281A0C; *font-size:0;}


/* =======================
		contact us
========================= */

.contactUsList .grid-1-out-of-3 { width:187px; margin-left:0;}
.contactUsList .grid-2-out-of-3 { width:720px; margin-right:0;}

.contactUsList .html-title-tab  { position:relative;}
.contactUsList .html-title-tab dl { position:static;}
.contactUsList .html-title-tab dt { top:1px; }
.contactUsList .html-title-tab dd { float:none; }

.collaspeNav > ul > li { color:#f45551; padding:6px 0 12px 0;}
.collaspeNav > ul > li p { font-size:15px; margin:0; line-height:20px;}
.collaspeNav > ul > li img { margin-right:5px;}
.collaspeNav > ul > li ul { margin-top:5px; padding-top:5px; border-top:1px solid #e5ded6;}
.collaspeNav > ul > li ul li { padding:2px 0 2px 25px; font-size:13px;}
.collaspeNav .centerList { padding-bottom:10px;}

.holder-map { background:url(../images/contact_map.jpg) no-repeat 0 0; width:720px; height:488px; position:relative;}
.customer-centre a{ background:url(../images/map_btn_customer_s.png) 0 0 no-repeat;width:21px;height:26px;position:absolute;}
.avenue a{ background:url(../images/map_btn_avenue_s.png) 0 0 no-repeat;width:21px;height:26px;position:absolute;}
.cooking-centre a{ background:url(../images/map_btn_cooking_s.png) 0 0 no-repeat;width:21px;height:26px;position:absolute;}

.address-box{ width:156px; display:none; z-index:1; position:absolute;}
.address-box > span{background-color:#124177; padding:6px; display:block;}
.address-box h5{color:#52C5FB;font-size:14px;border-bottom:1px solid #52C5FB; padding-bottom:2px; margin:0;}
.address-box p{color:#fff;line-height:1.2em; margin-bottom:0; margin-top:4px;}

.customer-TKS{top:342px;left:458px;}
.customer-CW{top:355px;left:475px;}
.customer-NP{top:333px;left:435px;}
.customer-KH{top:340px;left:450px;}
.customer-ABER{top:374px;left:364px;}
.customer-WC{top:345px;left:380px;}
.customer-LT{top:295px;left:485px;}
.customer-KB{top:270px;left:440px;}
.customer-LF{top:250px;left:400px;}
.customer-MK{top:270px;left:382px;}
.customer-HH{top:290px;left:400px;}
.customer-KF{top:215px;left:315px;}
.customer-TM{top:150px;left:70px;}
.customer-TSW{top:60px;left:135px;}
.customer-YL{top:45px;left:177px;}
.customer-TP{top:80px;left:370px;}
.customer-TW{top:175px;left:285px;}
.customer-ST{top:185px;left:410px;}
.customer-MOS{top:133px;left:488px;}
.customer-TY{top:232px;left:278px;}
.customer-TKO{top:295px;left:507px;}
.cooking-CB{top:345px;left:395px;}
.avenue-CB{top:331px;left:413px;}
.avenue-TST{top:313px;left:383px;}
.customer-KC{top:269px;left:418px;}



.contactDetails .grid-2-out-of-3 { width:560px; margin-left:0;}
.contactDetails .grid-1-out-of-3 { width:350px; margin-right:0;}
.contactDetails .grid-1-out-of-3 h4 { color:#f96e6b; font-size:18px;}
.contactDetails .grid-1-out-of-3 td p { margin:0;}
.contactDetails .grid-1-out-of-3 td { border-bottom:1px solid #d1d1d0; padding-top:8px; padding-bottom:8px;}
.contactDetails .grid-1-out-of-3 .lastItem td { border:none;}
.contactDetails .grid-1-out-of-3 .btn-back { margin-top:20px;}
#map_canvas { height: 405px; width:552px;}


/* =======================
		gallery
========================= */
.galleryList .leftCol { width:660px;}
.galleryList .rightCol { width:265px;}
.gallery .rightCol .tipsMemo { background:none; width:260px;}
.gallery .rightCol .tipsMemo > div { width:244px; padding:7px; font-size:12px;}
.gallery .rightCol .tipsMemo > div > div { padding:15px 5px 5px 5px; }
.gallery .rightCol .tipsMemo > div > div a img { border:2px solid #fff; }
.gallery .rightCol .tipsMemo > div > div a:hover img { border:2px solid #a00b0b; }
.gallery .rightCol .tipsMemo > div .tips-arrow { margin:0 3px 8px 3px;}
.gallery .rightCol .tipsMemo > div .tips-arrow a { color:#fff;}
.gallery .rightCol .tipsMemo > div > .titleBg { padding:0; height:34px; width:161px;}
.gallery .rightCol .tipsMemo > div > .titleBg img { border:0; margin-top:8px;}


.galleryDetails.grid-full-width { padding:0 25px;}
.galleryDetails .leftCol { width:650px; margin-left:0;}
.galleryDetails .photoDetailsContainer > div > div  { display:none;}
.galleryDetails .photoConphotoDetailsContainertainer > div > div.selected { display:block;}
.galleryDetails .photoDetailsContainer { background:url(../images/bg-gallery-details.png) no-repeat left top; width:657px; padding-top:38px; position:relative; z-index:1; margin-left:-5px; text-align:center;}
.galleryDetails .photoDetailsContainer img { border:5px solid #e3e0da; max-width:500px; margin:10px 0; }
.galleryDetails .photoDetailsContainer > div { background:url(../images/bg-gallery-details-repeat.png) repeat-y left top; width:517px; padding:0 70px 30px 70px; }
.galleryDetails .photoDetailsContainer div p { margin:0; padding:7px 0; text-align:left;}
.galleryDetails .photoDetailsContainer div li { text-align:left;}

.galleryDetails .rightCol { margin-right:0; width:260px}
.galleryDetails .rightCol .tipsMemo { margin-top:37px;}
.galleryDetails .rightCol .tipsMemo > div { padding-top:20px;}
.galleryDetails .tipsMemo ul { border: 1px dashed #FFFFFF; color: #FFFFFF; padding:5px; text-align:center;}
.galleryDetails .tipsMemo ul li { display:inline-block; *display:inline; *zoom:1; height:68px; width:114px;}
.galleryDetails .tipsMemo ul li a img { border:2px solid #fff; }
.galleryDetails .tipsMemo ul li a:hover img, .galleryDetails .tipsMemo ul li.selected a img { border:2px solid #a00b0b; }
.galleryDetails .tipsMemo ul li img { height:62px; max-width:106px; max-height:62px;}
.galleryDetails .rightCol .tipsMemo > div a.hoverFade { width:106px; height:62px; padding:2px;}


.search .breadcrumb { margin-bottom:0;}
.search .gsc-control-cse, .search .gsc-webResult.gsc-result, .search .gsc-results .gsc-imageResult { border:none; background-color:transparent;}
.search .cse .gsc-webResult.gsc-result:hover, .search .gsc-webResult.gsc-result:hover, .search .gsc-webResult.gsc-result.gsc-promotion:hover, .search .gsc-results .gsc-imageResult-classic:hover, .search .gsc-results .gsc-imageResult-column:hover { border:none;}
.search .gs-webResult div.gs-visibleUrl, .search .gs-imageResult div.gs-visibleUrl {color:#ff6f6c;}
.search .gs-webResult.gs-result a.gs-title:link, .search .gs-webResult.gs-result a.gs-title:link b, .search .gs-imageResult a.gs-title:link, .search .gs-imageResult a.gs-title:link b, .search .gs-webResult.gs-result a.gs-title:hover, .search .gs-webResult.gs-result a.gs-title:hover b, .search .gs-imageResult a.gs-title:hover, .search .gs-imageResult a.gs-title:hover b { color:#5d3813;}
.search .gsc-results .gsc-cursor-box { text-align:center;}
.search .gs-no-results-result .gs-snippet { background-color:transparent; border:none; color:#FF6F6C; text-align:center; padding:150px 0; font-weight:bold; font-size:20px; line-height:28px;}
.search .gsc-webResult.gsc-result:hover, .search .gsc-imageResult:hover { background-color:transparent;}



.search .gsc-cursor { margin-top: 30px; text-align: center;}
.search .gsc-cursor div.gsc-cursor-page { border: 1px solid #bbb5a6; color: #db302e; width:18px; height:18px; display:inline-block; line-height:18px; text-decoration:none; text-align:center; background-color:#fff; margin:0 3px; font-size:12px; *display:inline; zoom:1;}
.search .gsc-cursor .gsc-cursor-page:hover, .search .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page { color: #aaaaaa; text-decoration: none; background:url(../images/pagination-btn-bg.jpg) repeat-x left top #e8193c; border-color:#e8193c; color:#fff; font-weight:normal;}
.search .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page { cursor:default;}


.generalPage .arrow-pink > li { margin:7px 0;}


.sitemap h4 { border-bottom:1px solid #c0b2a3; padding-bottom:6px; margin-bottom:15px; color:#621104; text-decoration:none; padding-right:24px;}
.sitemap li ul { padding-right:24px;}
.sitemap h4 a { color:#621104; text-decoration:none;}
.sitemap h4 a:hover { color:#F96E6B; text-decoration:none;}
.sitemap > li { display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:0 10px;}
.sitemap > li li { margin:5px 0;}

.en .sitemap li ul, .en .sitemap h4 { padding-right:8px;}
.en .sitemap > li { margin:0 6px; width:114px; line-height:16px;}
.en .sitemap > li li { margin:8px 0;}
