body{ background:#F4F2E7 url(../images/bottom_bg.png) bottom center no-repeat fixed; font-family: Century Gothic; font-size:13px;}
.sukhumvit #main_image{ background-image:url(../images/branch/sukhumvit_bg.jpg);}
.rachadapisek #main_image{ background-image:url(../images/branch/rachadapisek_bg.jpg);}
.pavilion #main_image{ background-image:url(../images/branch/pavilion_bg.jpg);}
.pattaya #main_image{ background-image:url(../images/branch/pattaya_bg.jpg);}
.branch_a #main_image{ background-image:url(../images/branch/branch_a_bg.jpg);}
.branch_b #main_image{ background-image:url(../images/branch/branch_b_bg.jpg);}
/* each mainpage */
.aboutus #main_image{ background-image:url(../images/page_aboutus.jpg);}
.testimonial #main_image{ background-image:url(../images/page_testimonial.jpg);}
.faqs #main_image{ background-image:url(../images/page_faqs.jpg);}
.contact #main_image{ background-image:url(../images/page_contact.jpg);}

* h3{ color:#655A24;}

.annouce{ padding:5px; background:#816132; color:#FFF; text-align:center; -moz-border-radius:5px; border-radius:5px;}

a{ text-decoration:none;}
a:hover{ text-decoration: underline;}
a:visited{ color:#060;}
#nbody{ width:900px; margin:45px auto 10px auto;}
#logo{ height:90px; background:transparent url(../images/logo.png) left top no-repeat; text-indent:-9999px;}
#motto{ margin:10px 0; font-size:16px; color:#655A24;}
#mainbody{ margin:10px 0;}
#box_first{ clear:both; border-top:2px solid #8C4A38; border-bottom:4px solid #8C4A38;}
#counter{ margin-left:15px; color:#FFF; font-size:15px; clear:both;}
#telephone{ margin-top:50px; text-align:center; font-size:18px; color:#FFF;}
.counter_number,.number{ font-weight:bold;}
#navigation{ width:240px; float:left; height:330px; background:#A7A38C url(../images/navigation_bg.png) left bottom no-repeat;}
#main_menu a{ display:block; color:#FFF; padding-left:13px;}
#main_menu .current a{ background:#CAC8BA;}
#main_menu a:hover{ background:#CAC8BA; text-decoration:none;}

#navigation2{ float:right; width:240px;}
#main_image{ width:660px; height:330px; background:url(../images/main_image.jpg) top left no-repeat; float:left;}
.menu_title{ font-size:16px; font-weight:bold;}

#main_menu ul{ padding:8px 0; list-style:none;}
#main_menu li{ font-size:20px;}
.nearyou{ display:none;}
#branch_menu ul{ list-style:none; padding-left:0;}
#branch_menu .title{ font-size:26px; color:#655A24; display:block; height:35px; text-indent:-9999px; margin-top:10px;}
.Bangkok .title{ background:url(../images/branch_bangkok_title.png); margin-top:0 !important;}
.Chiangmai .title{ background:url(../images/branch_chiangmai_title.png);}
.Pattaya .title{ background:url(../images/branch_pattaya_title.png);}
.Phuket .title{ background:url(../images/branch_phuket_title.png);}

#branch_menu li a{ display:block; font-size:0.9em; width:240px; height:90px; text-indent:-9999px; margin:5px 0;}
#branch_menu #brance_menu_click{ width:245px; height:95px; background:transparent url(../images/balloon.png) center center no-repeat; color:#FFF; text-align:center; font-size:18px; padding:15px 20px 0; margin-left:-25px; font-weight:bold; z-index:3; position:relative;}
li.sukhumvit a{ background:url(../images/branch_sukhumvit.jpg) top left no-repeat;}
li.rachadapisek a{ background:url(../images/branch_rachadapisek.jpg) top left no-repeat;}
li.pavilion a{ background:url(../images/branch_pavilion.jpg) top left no-repeat;}
li.pattaya a{ background:url(../images/branch_pattaya.jpg) top left no-repeat;}
li.branch_a a{ background:url(../images/branch_phuket.jpg) top left no-repeat;}
li.branch_b a{ background:url(../images/branch_phuket.jpg) top left no-repeat;}

#box_second{ background:#FFF url(../images/box_second_bg.png) center top repeat-y; border-bottom:4px solid #8C4A38; filter: Alpha(Opacity=90); -moz-opacity: 0.90; opacity: 0.90;}

#main_menu, #branch_menu, #social_link{ margin-bottom:10px;}
#social_link{ margin-left:15px;}
#social_link ul{ list-style:none; padding:0px;}
#social_link li{  float:left; width:32px; height:32px; margin-right:10px; }
#social_link a{ display:block; width:32px; height:32px; text-indent:-9999px; padding:0px;}
#social_link a:hover{}
.rss a{ background:url(../images/rss_32.png) top left no-repeat;}
.facebook a{ background:url(../images/facebook_32.png) top left no-repeat;}
.twitter a{ background:url(../images/twitter_32.png) top left no-repeat;}
.delicious a{ background:url(../images/delicious_32.png) top left no-repeat;}
.youtube a{ background:url(../images/youtube_32.png) top left no-repeat;}
.digg a{ background:url(../images/32x32-digg-guy.png) top left no-repeat;}

#content{ width:640px; padding:10px; float:left; position:relative;}
#content a{ color:#A69729;}
#content a:hover{ text-decoration:underline; color:#B4AA5F;}
#content h1{ margin:5px 0; height:40px; background-repeat:no-repeat; text-indent:-9999px;}
#footer{ font-size:14px; margin:10px auto; color:#655A24;}
#copyright{ text-align:center;}

/* news */
#news .title,#promotion .title,#promotion_detail .title,.title{ color:#B4AA5F;}
#news h3,#promotion h3{ height:40px; text-indent:-9999px; margin:0;}
#news h3{ background:url(../images/h3_news.png) left top no-repeat;}
#promotion h3{ background:url(../images/h3_promotion.png) left top no-repeat;}
#promotion h3.promotion_branch{ background:url(../images/h3_promotion_branch.png) left top no-repeat !important;}
.tn_news,.tn_pro{ float:left; margin:5px 10px 5px 5px; border:1px solid #999;}
.box_news{}
.newssub,.prosub{ border-bottom:1px solid #EFEFEF; padding-bottom:5px; margin-bottom:5px;}
.prosub .box_pro{ margin-left:180px;}

/* branch page */
h1.content_title{ margin:10px 0;}
#branch_about{ clear:both;}
.branchname{ margin:5px 0;}
#mainimage,#googlemap,#commonmap img{ border:1px solid #999;}
#mainimage,#googlemap,#commonmap{ float:left; text-align:center;}
#commonmap img{}
#gallery, { margin:10px 0; border-bottom:1px solid #CCC;}
#tngallery, #information_detail{ float:right; width:240px;}
.gallery_tn{ width:60px; height:60px; margin:0 6px 6px 0; padding:5px; border:#CCC 1px solid; float:left;}
.gallery_tn:hover {background:#FFF;}
.gallery_tn img{ border:0;}

#information{ margin:10px 0;}

.productlink{ display:block; margin:10px 0 5px 0;}
#price_list .productlink a.booknow,a.booknow{ display:block; background:transparent URL(../images/but_booknow.png) left top no-repeat; width:83px; height:20px; text-indent:-9999px; float:left;}
.productlink a.moredetail_package,a.moredetail{ display:block; background:transparent URL(../images/but_moredetail.png) left top no-repeat; width:83px; height:20px; text-indent:-9999px; float:left;}
a.gotowebsite{ display:block; background:transparent URL(../images/but_website.png) left top no-repeat; width:100px; height:20px; text-indent:-9999px; float:left;}
a.goback,.goback a{ display:inline-block; background:transparent URL(../images/but_back.png) left top no-repeat; width:100px; height:20px; text-indent:-9999px;}

.producttime{ margin-left:5px; font-style:italic; color:#8A6800;}
#treatment,#package{ float:left; width:320px;}
#price_list ul{ list-style:none;}
#price_list li{ border-bottom: 1px solid #DDD; margin-bottom:5px; padding-bottom:5px; clear:both;}
#price_list .productname, .pkdetailbox .detail .productname{ margin:0 5px 0 -10px; color:#A69729; background:url(../images/li_icon.png) left center no-repeat; padding-left:20px;}
#price_list h2,.pkdetailbox h2.treatment{ margin:3px 0; text-indent:-9999px; height:30px;}
h2.package{ background:url(../images/h2_package.png) 10px top no-repeat;}
h2.treatment{ background:url(../images/h2_treatment.png) 10px top no-repeat;}
.product_datail{ margin-left:10px;}
.product_datail .short_description{ font-size:12px;}

#faqs_question{ margin-bottom:30px; background:#F9F8F6; padding:10px;}
.faqs_box{ margin-bottom:15px;}
.faqs_box .faqs_ask{ font-size:18px; color:#655A24; font-weight:bold;}
.faqs_box .faqs_answer{ color:#666;}

.testimonial_sub{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #EFEFEF;}
.testimonial_sub .message{ margin-bottom:10px;}
.testimonial_sub.no1{}
.testimonial_list{ margin-top:2px; padding-bottom:2px; border-bottom:1px solid #98D276;}
.testimonial_list .member{ margin-right:5px; float:left; display:block; font-size:1em; color:#DCEB78;}
.testimonial_list .message a{ color:#FFF !important;}
.daysago{ font-size:12px; font-style:italic; color:#FEDE01;}
#short_testimonial{ padding:5px 10px 8px 10px; margin:10px 0; border:1px solid #E0EAA0; background:url(../images/bg_green.png) center left repeat;}
.round,#short_testimonial{ -moz-border-radius: 10px; -webkit-border-radius: 10px;}

#member_bar{ background:#8C4A38; text-align:right; position:absolute; top:0; left:0; width:100%; padding:2px 0; color:#FFF;}
#member_bar #member_menu{ float:right;}
#member_bar .menu{ margin-right:10px; float:left;}
#member_bar a{ color:#FFF;}
.member{ color:#A69729; font-size:1.2em; font-weight:bold;}
#langbar .current{ background:#FFF; color:#8C4A38; -moz-border-radius:3px; -webkit-border-radius:3px;}
#langbar{ float:left;}
#langbar a{ margin:3px; padding:0 2px;}

h1.aboutus{ background:url(../images/h1_aboutus.png);}
h1.testimonial{ background:url(../images/h1_testimonial.png);}
h4.testimonial{ background:url(../images/h4_testimonial.png) no-repeat; text-indent:-9999px; height:28px; margin:5px -10px 5px 0;}
h1.contact{ background:url(../images/h1_contact.png);}
h1.faqs{ background:url(../images/h1_faqs.png);}

h1.about{ background:url(../images/h1_about.png);}
h1.price_list{ background:url(../images/h1_price_list.png);}
h1.login{ background:url(../images/h1_login.png);}
h1.register{ background:url(../images/h1_register.png);}
h1.lostpassword{ background:url(../images/h1_lostpassword.png);}
h1.changepassword{ background:url(../images/h1_changepassword.png);}

h1.sukhumvit{ background:url(../images/h1_sukhumvit.png);}
h1.rachadapisek{ background:url(../images/h1_rachadapisek.png);}
h1.pavilion{ background:url(../images/h1_pavilion.png);}
h1.pattaya{ background:url(../images/h1_pattaya.png);}
h1.phuket,h1.branch_a{ background:url(../images/h1_phuket.png);}


.box_news .content_text{ margin-left:175px;}
.content_text,.extra_condition{ text-align:justify; color:#404040;}
.content_text strong,.content_text b{ color:#B4AA5F; margin-left:15px;}
.content_text .label,.extra_condition .label{ margin-top:15px; display:block;}
.content_text .hilight{ font-size:1.1em; margin:5px 0; color:#B4AA5F;}
h2.title{ margin:0; font-size:16px;}
.dateadd,.date{ font-size:12px; color:#8C4A38; margin:3px 0;}
ul{ margin:0;}

.clearfix:after,#branch_menu:after,#main_menu:after,#mainbody:after,#price_list:after,#box_first:after,#box_second:after,#gallery:after,#information:after,.productlink:after,#social_link:after,.pagenumber:after,#content:after,#banner:after{ height:0; clear:both; content:"."; visibility:hidden; display:block;}
.clearfix,#box_second{ zoom: 1;}

.inline_hilight{ font-weight:bold; color:#B4AA5F;}
form .inline_hilight{ display:block; width:135px; margin-right:5px; float:left;}
form div{ margin-bottom:2px;}
.block_hilight{ font-weight:bold; display:block; color:#B4AA5F;}
.last{ margin-right:0px; margin-bottom:0px;}

#promotion_detail{ padding:20px;}
#promotion_detail #content{ background:#fff; padding:10px; opacity:0.9; margin:30px auto; width:90%; border-bottom:4px solid #8C4A38; float:none;}
#promotion_detail ul, #extra_promotion ul, #detail_page ul{ list-style:circle;}

.pkdetailbox .detail{ padding-left:20px; clear:both;}
.pkdetailbox .detail .productname{ display:block; float:left; min-width:200px;}

.notlogin{ padding:2px; text-align:center; background:#FFFCE8; border:1px solid #FFFBC4;}
.notlogin a{ font-weight:bold;}
#bemember #login_page{ border-right:1px solid #EFEFEF; padding-right:10px; margin-right:10px;}
#bemember #login_page, #bemember #register_form{ float:left; width:305px;}

.pagenumber{ margin:5px; text-align:right; font-weight:bold;}
.pagenumber .current{ padding:1px 5px; border:1px solid #A7A38C;} 
.pagenumber ul{ list-style:none; padding:0;}
.pagenumber li{ display:inline-block; margin:0 4px;}

#lostpassword form{ margin-top:10px;}
.packageimage img{ margin:10px 0;}
.lostpassword_link{ margin:10px 0;}

/* friend link */
#friends_link{ margin:10px auto 0; clear:both;}
#friends_link .logo{ text-indent:-9999px; margin-right:10px; float:left;}
#friends_link .link_text{ float:left; color:#958D80; width:184px; margin-right:10px; text-align:left; font-size:0.9em; font-weight:bold;}
#friends_link .link_text a{ color:#958D80;}
#bu_link .logo{ width:120px; height:55px; background:transparent url(../images/friend_logo_bu.png) left center no-repeat;}
#letsrelax_link .logo{ width:180px; height:55px; background:transparent url(../images/friend_logo_letsrelax.png) left center no-repeat;}
#blooming_link .logo{ width:76px; height:60px; background:transparent url(../images/friend_logo_blooming.png) left center no-repeat;}

#friends_link .banner{ float:left; margin-right:4px;}
#friends_link .last{ margin:0 !important;}
#friends_link .banner img{ border:1px solid #FFF;}

.share_facebook{ position:absolute; right:22px; top:20px;}
.inform_message{ font-size:24px; color:#A7A38C; text-align:center; margin:10px 0;}
.redstar{ color:#F00; font-size:20px;}

#banner{ background:#A7A38C url(../images/navigation_bg.png) no-repeat scroll right top; color:#FFF;}
#banner img{ border:0; float:left;}
#banner h3{ margin:12px 0 0 0; color:#FFF; font-size:16px;}
#banner .banner_info{ width:300px; float:right; margin-right:8px;}
#banner .description{ margin-top:10px; font-size:14px;}
#banner .more_description{ text-align:right; margin-top:8px;}

#extra_promotion {}
.important{ margin:5px 0; color:#F30; font-weight:bold;}
.goback{ text-align:center;}
.note{ margin:10px 0; padding:5px; border-bottom:1px solid #F9F3E8; border-top:1px solid #F9F3E8; color:#F30;}
/* upgrade */
#upgrade{ text-align:left; margin:0 auto; width:880px; padding:10px; background:#FFF;}
#upgrade .firefox_banner{ float:left; margin:0;}
#upgrade .why_upgrade{ float:left; margin:0 0 0 20px; color:#958D80; width:680px; font-size:1.4em;}
#upgrade .why_upgrade p{margin:0 0 5px 0; font-size:0.9em;}
#upgrade .why_upgrade p.download{ color:#DD984F; font-size:1.5em !important;}

/* more detail page */
body#more_detail{ margin:10px;}
#detail_page{ background:#FFF; margin:30px auto; width:80%; padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#detail_page .box_pro{ margin-left:180px;}
#detail_page .prosub{ border:0;}

/* EXTRA PROMOTION */
#bubooking{ width:90%;}
#buform{ margin-top:10px;}
#buform .inline_hilight{}