body{ margin:0; font-family:Century Gothic; font-size:12px; position:relative; background:#FFF url(../images/bg.jpg) left top repeat-x;}
body#page_detail{ background: url(../images/bg_shadowbox.jpg) top center fixed; margin:15px; font-family:Century Gothic;}
#logo_top{ width:170px; height:135px; margin:0 auto; background:transparent url(../images/logo.png) center left no-repeat; text-indent:-9999px; float:left;}
#member_menu{ float:right; margin-top:100px;}
#member_menu .link_menu{ margin:0 2px; display:block; font-size:15px; float:left;}
#member_menu a{ color:#fff; padding:0px 10px;}
#member_menu a:hover, #member_menu .current{ color:#4D3320; background:#FFF; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

#header{ height:130px; z-index:1; position:relative; width:930px; margin:0 auto;}
#mainbody{ width:950px; margin:0 auto; position:relative; z-index:2;}
#hero{ width:900px;}
#content,#hero{ width:900px; margin:15px auto;}
#leftside{ width:595px; float:left;}

#hero_slide{ height:480px; position:relative; background:url(../images/bg_hero.png) center center no-repeat; overflow:hidden;}
#hero_slide .hero_img{ z-index:1; position:relative; right:0; top:0; text-align:right;}
#hero_slide #hero_text{ width:100%; background:url(../images/bg_hero_text.png) bottom center no-repeat; padding:10px 0; color:#FFF; text-align:center; font-size:18px; position:absolute; bottom:0; z-index:2;}

#rightside{ width:290px; float:right;}
#contact{ width:290px; background:url(../images/bg_contact.png) top left no-repeat; color:#FFF; text-align:center; font-size:1.4em; padding-top:15px; margin-bottom:10px;}

#contact h3{ background:url(../images/h3_contact.png) center center no-repeat; text-indent:-9999px; height:30px; margin:0 0 5px 0;}
#footer{ width:100%; background: url(../images/bg_footer.jpg) bottom left repeat-x; height:20px; text-align:center; color:#FFF; padding-top:7px;}

#contact a{ border-bottom:dashed 1px #FFF; text-decoration:none;}
a:hover{ text-decoration:underline;}
#contact a:link{ color:#FFF;}
#contact a:hover{ color:#F90; border-bottom:dashed 1px #F90; text-decoration:none;}

/*  border:1px solid #CCC; -moz-border-radius: 10px; -webkit-border-radius: 10px;  */
.box, .productbox{ color:#666; padding:0 10px; text-align:center;}
.box.brown{ background:url(../images/bg_box_brown.png) left top repeat-x;}
.boxlabel{ height:25px; font-weight:bold; color:#FFF; text-align:left; padding-top:3px;}

.product_img{ margin:-5px 0 0 -5px; position:relative; z-index:-1;}
.productbox{ padding:5px !important; width:280px; height:150px; margin-bottom:10px; float:left; position:relative;}
.catagorybox{ height:170px;}
.catagorybox .moredetail{ position:absolute; right:10px; bottom:30px;}
.product_infobox{ text-align:right; background:url(../images/bg_box_flatbrown.png) bottom left repeat-x; height:22px; margin:-10px -5px 0; position:relative; z-index:0; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px;}
.productbox.odd,.productbox.normal{ margin-right:15px;}

.product_id{ font-size:14px; margin-bottom:50px;}
.product_price{ font-size:20px; color:#FF931E; font-weight:bold; font-style:italic;}
.product_title{ position:absolute; color:#FFF; font-weight:bold; left:10px; margin-top:3px;}
.moredetail a{ width:95px; height:25px; text-indent:-9999px; background:url(../images/but_moredetail.png) 50% 100% no-repeat; display:block; text-align:left; float:right;}
.moredetail a:hover{ background:url(../images/but_moredetail.png) 50% 0% no-repeat;}

#page_detail h1{ color:#FFF; font-size:30px; margin-bottom:5px;}
#page_detail .subbody{ width:650px; margin:0 auto;}
#page_detail .detail_box_top,#page_detail .detail_box_bottom{ height:20px;}
#page_detail .detail_box_top{ background:url(../images/round_top.png) top center;}
#page_detail .detail_box_bottom{ background:url(../images/round_bottom.png) top center;}
#page_detail .detail_box{ background:url(../images/round_body.png) center center repeat-y; padding:10px 20px;}
#page_detail .img{ float:left; width:200px; margin-right:10px; bottom:10px; overflow:hidden;}
#page_detail .product_id{ color:#666; margin:0;}
#page_detail .title{ font-weight:bold; color:#695228; margin-top:20px; margin-bottom:-15px;}
#page_detail .description{ margin-top:20px; color:#666;}
#page_detail .product_price{ font-weight:normal; font-size:24px;}

.link_letsrelax a,.link_rarinjinda a{ width:260px; margin:10px auto; text-indent:-9999px; display:block;}
.link_letsrelax a{ height:80px; background:url(../images/logo_letsrelax.png) center center no-repeat;}
.link_rarinjinda a{ height:150px; background:url(../images/logo_rarinjinda.png) center center no-repeat;}

/* extra */
.clearfix{ zoom:0;}
.clearfix:after,#content:after,#leftside:after,#page_detail .detail_box:after,.information:after,#category_menu:after,.product_item:after,.social_share:after,.borderbox:after{ height:0; display:block; content:"."; visibility:hidden; clear:both;}

/* full site css */
#category_detail{ margin:10px 0 20px;}
.pageview{ color:#666; margin-bottom:5px;}
.information{ margin-bottom:15px;}
.information .image{ float:left; margin-right:15px;}
.information .info_box{ float:right; width:625px; text-align:justify; margin-right:10px;}
.title{ font-size:20px; font-weight:bold; color:#C37333;}
.information .glay{ color:#666;}
.information span{ font-weight:bold; color:#000 !important;}
.information .description, .type, .weight, .ingredients, .benefit{ border-bottom: 1px solid #C37333; margin-bottom:5px; padding-bottom:5px;}
.product_item{ width:440px; float:left; margin-bottom:10px;}
.product_item.odd{ margin-right:20px;}
.line{ width:100%; border-bottom: 1px solid #C37333; clear:both; margin:10px 0;}
#decoration1{ width:893px; height:702px; background:url(../images/lotus.png) bottom left no-repeat; position:absolute; bottom:0; left:0; z-index:-100; display:none;}
#decoration2{ width:530px; height:475px; background:url(../images/lotus2.png) top left no-repeat; position:absolute; top:200px; right:0; z-index:-100;}

#category_menu{ margin-top:15px;}
#category_menu a{ color:#7E6329; font-weight:bold; font-size:14px; height:23px; display:inline-block; min-width:75px;}
#category_menu a:hover,#category_menu .current{ color:#C90000; background:url(../images/current_menu.png) bottom center no-repeat; text-decoration:none;}
#category_menu ul{ list-style:none; text-align:center; margin:0 auto;}
#category_menu li{ margin-right:25px; display:inline; text-shadow: 1px 1px 1px rgba(255,255,255,0.5);}

.submit_button{ background:#F90; color:#FFF; border:0px; height:22px; line-height:22px; text-align:center; display:inline-block; vertical-align:bottom; font-family:Century Gothic; font-size:14px; margin:0 5px 0 0; padding:0 10px; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.submit_button:hover{ background:#F60; text-decoration:none; color:#FFF;}
.input_amount{ text-align:center;} 
.product_cart{ color:#C90; font-weight:bold; font-size:1.1em;}

#shopping_cart{ margin-bottom:10px;}
#shopping_cart .item{ margin-bottom:3px; border-bottom:1px solid #C37333; padding-bottom:3px;}
#shopping_cart .title,#shopping_cart .product_id,.price,.amount,.sum_price,.command{ font-size:1em; font-weight:normal; color:#000; font-style:normal; margin:0; display:inline-block; text-align:center;}
#shopping_cart .product_id{ width:100px;}
#shopping_cart .title{ width:300px; text-align:left !important;}
.price,.amount{ width:50px;}
.sum_price{ width:90px;}
.command{ width:90px;}
.head{ font-weight:bold !important; color:#C37333 !important; font-size:14px;}

.annouce{ text-align:center; margin:10px 0; color:#C37333; font-size:20px; font-weight:bold; border:1px solid #C37333; padding:10px; clear:both;}
.form_annouce{ margin-bottom:5px; font-weight:bold; font-size:1.2em;}
.form_annouce .description{ font-weight:normal; font-size:12px; color:#666; margin-bottom:5px;}
.annouce.pay{ }
.product_item .image{ float:left;}
.product_item .info_box{ float:right; width:250px;}
.product_item .product_id{ margin-bottom:10px;}
.product_item .price{ width:auto; text-align:left; margin:10px 0; color:#C37333; font-size:1.1em;}
.description + .description{ margin-top:5px; color:#666;}
.description .title{ font-size:inherit; margin-top:5px;}
.label{ color:#C37333; font-weight:bold; vertical-align:2px;}
.label_inbox{ color:#FFF; background:#C37333; padding:2px 10px; margin:-10px -10px 5px -10px; font-size:15px;}

.button_group{ margin-top:10px; clear:both;}
.button_group.alignright{ text-align:right;}
#login_box{ margin-right:10px !important;float:left;}
.corner_top{ height:15px; background:url(../images/corner_top.png) top left no-repeat; width:310px;}
.corner_bottom{ height:15px; background:url(../images/corner_bottom.png) top left no-repeat; width:310px;}
#login,#forgot_box{ background:#FFE2B3; padding:0 10px; width:290px;}
#login_box,#register,#forgot{ width:430px;}
#forgot{ margin-top:10px;}
#register{ float:left; margin-top:5px; padding:10px;}

#faqs_question{ padding:10px; background:#FDF3EB; margin:0 0 10px 0;}
.faqs_ask{ font-weight:bold; font-size:1.6em; color:#C37333;}
.faqs_answer{ text-indent:40px;}
.faqs_box{ margin-bottom:15px;}
#contact_form div, .address_box .info_box div, .input_div{ margin-bottom:2px;}
#contact_form textarea{ overflow:auto;}
.inline_hilight{ min-width:140px; margin-right:5px; vertical-align:top; display:inline-block; font-weight:bold; color:#B45B18; text-align:right;}
a{ color:#F47B20; text-decoration:none;}
a:hover{ color:#C37333; text-decoration:underline;}

/* H1 header */
h1.faqs,h1.contact,h1.about,h1.popular_catagory,h1.search,h1.select_shipping,h1.your_shipping{ height:40px; text-indent:-9999px; background:center left; margin-bottom:5px;}
h1.faqs{ background:url(../images/h1_faqs.png) no-repeat; width:415px;}
h1.contact{ background:url(../images/h1_contact.png) no-repeat; width:171px;}
h1.about{ background:url(../images/h1_about.png) no-repeat; width:145px;}
h1.popular_catagory{ background:url(../images/h1_popular_catagory.png) no-repeat; width:325px;}
h1.search{ background:url(../images/h1_search.png) no-repeat; width:110px;}
h1.select_shipping{ background:url(../images/h1_select_shipping.png) no-repeat; width:479px;}
h1.your_shipping{ background:url(../images/h1_your_shipping.png) no-repeat; width:265px;}

.about_img1{ float:right;} 
.contact_img1{ position:absolute; bottom:0; right:0; z-index:-1;} 
#faqs_question,#faqs_fulltext{ width:630px; float:left;}
.faqs_img1{ float:right;}
#login_information,.profile_information,.shipping_information{ border:1px solid #C37333; margin-bottom:10px; padding:10px;}
.takemeback{ font-size:1.2em; text-align:center;}
.shipping_address_select{}
.borderbox{ border:1px solid #C37333; margin-bottom:10px; padding:10px;}
.address_box{ border:1px solid #C37333; margin:0 10px 10px 0; padding:10px; min-width:270px; float:left;}
.address_box.last{ margin-right:0;}
.address_box.old{ width:270px;}
.address_box.edit{ background:#FEF5E9;}
.address_box.edit_page{ height:155px;}
.address_box.wide,.address_box.new{ width:418px;}
.address_box.new{ clear:both;}
.address_box .info_box{ margin:5px 0 0 20px;}
.address_box .inline_hilight{ min-width:60px !important;}
.address_box.wide .inline_hilight,.address_box.new .inline_hilight{ min-width:140px !important;}
.pageview .user_info,.pageview .shipping_address{ margin-right:10px; float:left; width:423px;}
.pageview .shipping_address{ margin-right:0px;}
.social_share{ position:relative;}
.share_facebook { margin:4px 0 0 10px; float:right;}
.retweet{ margin:6px -20px 0 10px; float:right;}
.share_facebook .FBConnectButton_Text{ color:#FFF !important;}
#twitter_div{ float:left; height:435px; width:400px; color:#FFF; background:#569ABC url(../images/clouds.gif) bottom right no-repeat;; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position:relative; margin-right:10px;}
#twitter_div ul{ margin:10px; padding:5px 0 0 15px;}
#twitter_div li{ margin-bottom:6px;}
#twitter-link,#twitter_div a{ font-size:1em; color:#FFB866;}
#twitter_div #bird{ background:url(../images/bird.png); width:80px; height:55px; position:absolute; top:-20px; z-index:10;}
#twitter_div .sidebar-title{ background:#0D5980; margin:-10px -10px 0 -10px; color:#FFF; font-weight:bold; font-size:15px; padding:3px 10px; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; text-align:right;}
#catagory_main{ clear:both; margin-top:10px;}
#search_box{ position:absolute; top:0; right:0; margin-top:10px;}
#search_box input[type="text"]{ margin:2px 10px 0;}
.search_result{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #FCDFC7;}
.search_hilight{ background:#E3FCC9; padding:0 3px; font-weight:bold;}
.search_link{ font-size:14px;}
.search_content{ margin-left:30px;}
.search_content *{ font-size:inherit; color:#000;}
.shadow{
	-moz-box-shadow: 2px 2px 5px #ccc;
	-webkit-box-shadow: 2px 2px 5px #ccc;
	box-shadow: 2px 2px 5px #ccc;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.round, .contact_information{ -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.halfround{ -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; }
.contact_information{ padding:5px 15px; background:#FEF5E9; width:470px; margin-bottom:10px !important; font-size:14px;}
.special_request_box{ padding:10px; background:#ECFCE4;}
.special_request_box .label{ font-size:14px;}
.special_request_box #special_request{ width:99%; height:60px;}

#paypal{ border:5px solid #CCDDEE; padding:10px; color:#333; margin:10px 0;}
#paypal .label{ color:#013368; font-weight:bold; font-size:16px; font-family:Arial,Helvetica,sans-serif;}
#paypal .label_small{ color:#326698; font-size:12px; font-weight:bold; margin:5px 0;}
#paypal ul{ margin:5px 0 10px;}
.pay .service_cost{ color:#326698; font-weight:normal; font-size:14px;}

/* profile */
#profile .inline_hilight{ min-width:110px;}
#profile .right{ width:595px; float:right; margin-bottom:10px; clear:right;}
#profile .list_tab_request{ width:190px;}
#profile .takemeback{ margin-top:10px;}
.history #payment_received, .history #shipping_information{ width:270px;}
.history .borderbox{ border:#CCC 1px solid;}
.history #shopping_cart .title{ width:170px;}
.history .borderbox { -moz-border-radius:5px;}
.profile.left{ width:290px; float:left; margin-bottom:10px;}
#profile .shipping_address_select{ clear:both;}