@charset "utf-8";
/*
@PAGE landscape {size: LANDSCAPE;}
body {PAGE: landscape;}
*/
@media print {
body {#zoom:100%; _zoom:70%;}
}

.page{margin-left: auto; margin-right: auto; width:940px; clear:both; position:relative;}

.top{padding-top:10px;}
.top_visual{padding:0; margin:0; height:auto; width:940px; }

.logo{float:left; padding-bottom:10px; border:0; }
.top_nav{float:left; margin:36px 0 0 60px;}
.top_nav ul li{ float:left; padding:0px; margin:0px; list-style:none;}
.top_nav ul li a{color:#ad5c0f; text-decoration:none; display:block; font-size:13px; font-weight:bold;}
.top_nav ul li a:hover{color:#fff;}
.top_nav ul li a .label{padding-top:10px; display:block;}
.top_nav ul li .btn_home{width:64px; height:30px; text-align:center;}
.top_nav ul li .btn_home_on, .top_nav ul li .btn_home:hover{background:url(../images/general/top_btn_home_on.png) bottom no-repeat; color:#fff;}
.top_nav ul li .btn_diaries{width:72px; height:30px; text-align:center;}
.top_nav ul li .btn_diaries_on, .top_nav ul li .btn_diaries:hover{background:url(../images/general/top_btn_diaries_on.png) bottom no-repeat; color:#fff;}
.top_nav ul li .btn_notebooks{width:100px; height:30px; text-align:center;}
.top_nav ul li .btn_notebooks_on, .top_nav ul li .btn_notebooks:hover{background:url(../images/general/top_btn_notebooks_on.png) bottom no-repeat; color:#fff;}
.top_nav ul li .btn_sketchbooks{width:116px; height:30px; text-align:center;}
.top_nav ul li .btn_sketchbooks_on, .top_nav ul li .btn_sketchbooks:hover{background:url(../images/general/top_btn_sketchbooks_on.png) bottom no-repeat; color:#fff;}
.top_nav ul li .btn_corporate{width:94px; height:30px; text-align:center;}
.top_nav ul li .btn_corporate_on, .top_nav ul li .btn_corporate:hover{background:url(../images/general/top_btn_corporate_on.png) bottom no-repeat; color:#fff;}
.top_nav ul li .btn_buy{width:117px; height:30px; text-align:center;}
.top_nav ul li .btn_buy_on, .top_nav ul li .btn_buy:hover{background:url(../images/general/top_btn_buy_on.png) bottom no-repeat; color:#fff;}



.lang_switcher{float:right; margin-top:46px;}
.lang_switcher a{color:#6d6e71; text-decoration:none; font-weight:normal;}
.lang_switcher a:hover{color:#f7a11a;}


.content{padding:10px 0 20px 0;}
.content .icon a{text-decoration:none; width:466px; height:132px; display:block; color:#fff;position:relative;}
.content .icon a:hover  {color:#f7a11a;}

.content .icon{ width:466px; height:132px; position:relative; }
.content .icon .icon_txt{ position:absolute; text-align:left; bottom:10px; right:17px; width:120px; font-size:22px; line-height:24px; display:block;}

.content .icon_left{float:left; background:url(../images/home/home_sub_img01.jpg) no-repeat; padding-right:8px;}
.content .icon_right{float:left; background:url(../images/home/home_sub_img02.jpg) no-repeat;}




/*
.content .icon_1 {float:left; background:url(../images/home/home_sub_img1.jpg) no-repeat; }
.content .icon_2{float:left; background:url(../images/home/home_sub_img2.jpg) no-repeat;}

.content .icon img{position:absolute; top:0;}

.content .icon_3{float:right; padding:0;}
.content .icon_3 .icon_txt{ padding:10px 0 0 10px; position:absolute; top:0px; left:0px; color:#6d6e71; width:290px; text-align:left; font-size:12px; background:url(../images/home/home_sub_img3.png) no-repeat; height:132px;}
.content .icon_3 .icon_question{ padding:10px 0 0 10px; position:absolute;  top:2px !important; top:3px; left:0px; color:#6d6e71; width:250px; text-align:left; font-size:12px; background:url(../images/home/home_sub_img3.png) no-repeat; width:308px; height:132px;}
.content .icon_3 .icon_txt em,
.content .icon_3 .icon_question em{color:#f7a11a; font-style:normal; font-size:15px; font-weight:bold;}
.content .icon_3 .icon_txt p,
.content .icon_3 .icon_question p{padding-bottom:7px;}

.content .icon_3 .home_go_en{ position:absolute; top:85px; left:200px; display:block; background:url(../images/en/go_off.gif) no-repeat; width:69px; height:27px;}
.content .icon_3 .home_go_en:hover{background:url(../images/en/go_on.gif) no-repeat;}
.content .icon_3 .home_go_zh{ position:absolute; top:85px; left:200px; display:block; background:url(../images/zh/go_off.gif) no-repeat; width:69px; height:27px;}
.content .icon_3 .home_go_zh:hover{background:url(../images/zh/go_on.gif) no-repeat;}
.content .icon_3 .home_go_cn{ position:absolute; top:85px; left:200px; display:block; background:url(../images/cn/go_off.gif) no-repeat; width:69px; height:27px;}
.content .icon_3 .home_go_cn:hover{background:url(../images/cn/go_on.gif) no-repeat;}

*/
.content .listing_left{float:left; width:432px; padding-right:20px; margin-left:15px; color:#6D6E71;}
.content .listing_left p{ line-height:18px; padding-bottom: 10px;}
.content .listing_left .headline{ color:#B15C12; font-size:20px; line-height:24px;}
.content .listing_left .subtitle{ color:#B15C12; font-weight:bold;}

.content .listing_left ul {padding-bottom:10px;}
.content .listing_left ul li{line-height:18px; list-style:disc; margin-left:25px;}

.content .listing_tbl {float:left; }
.content .listing_tbl a{ text-decoration:none;}
.content .listing_tbl a b{display:block; font-size:13px; margin:10px 0 0 10px; padding-bottom:2px;}
.content .listing_tbl tr td{border-top:1px solid #d2d3d5; border-left:1px solid #d2d3d5; border-bottom:1px solid #d2d3d5;}
.content .listing_tbl .firstRow{ border-top:0;}
.content .listing_tbl .lastRow{ border-bottom:0;}
.content .listing_tbl .firstCell{border-left:0; border-right:1px solid #d2d3d5;}


.bottom{ border-top:1px solid #d2d3d5; margin:10px 0; color:#a1a3a6; padding:10px 0; font-size:11px; font-weight:bold;}
.bottom img{border:0;}
.bottom .left{float:left; }
/*.bottom .middle{float:left; padding-left:200px;}*/
.bottom a{color:#a1a3a6; text-decoration:none;}
.bottom a:hover{color:#f7a11a;}
.bottom .right{float:right;}


.diaries_signature{color:#8a7967;}
.diaries_executive{color:#959484;}
.diaries_vogue{color:#e20177;}
.diaries_feminique{color:#c4937e;}
.diaries_make_my_day{color:#6e5300;}
.diaries_animal_pals{color:#f7901e;}
.diaries_animaland{color:#00b5cc;}
.diaries_chromatic_days{color:#00539b;}

.notebooks_signature{color:#8a7967;}
.notebooks_signature_gutenberg{color:#8a7967;}
.notebooks_juicy{color:#a0cf67;}
.notebooks_cool{color:#6e2c8c;}
.notebooks_d_sign{color:#020202;}
.notebooks_feminique{color:#c4937e;}
.notebooks_cantoon{color:#ef4136;}
.notebooks_animal_pals{color:#f7901e;}
.notebooks_laptop{color:#909093;}
.notebooks_flower_wow{color:#39b54a;}
.notebooks_camo_concert{color:#758a3e;}
.notebooks_cookie_bookie{color:#7f673b;}
.notebooks_illusion{color:#a76bac;}
.notebooks_slab{color:#003f5f;}
.notebooks_skinz{color:#b61d22;}
.notebooks_astrology{color:#a7a9ac;}

.sketchbooks_signature{color:#8a7967;}
.sketchbooks_decoder{color:#b4a69f;}

.corporate{color:#b15c12;}

.inner_content .left_col{ float:left; width:167px;  }
.inner_content .left_col .left_nav ul {padding:0; margin:0;}
.inner_content .left_col .left_nav ul li {line-height:40px; }
.inner_content .left_col .left_nav ul li a{display:block; width:167px; height:36px; text-decoration:none; margin:0 0 3px 0; }
.inner_content .left_col .left_nav ul .here, 
.inner_content .left_col .left_nav ul li a:hover{ background:url(../images/general/navigate_on_bg.png) no-repeat;}

.inner_content .right_col{ float:right; width:773px;}
.inner_content .right_col .detail_info{padding:20px 0;}


.inner_content .right_col .tab{background:url(../images/general/divider_bg.gif) no-repeat; width:773px; height:29px; margin:20px 0 0px 0; }
.inner_content .right_col .tab label{color:#B15C12; font-size:14px; padding:8px 0 0 0; font-weight:bold; display:block; width:220px; text-align:center;}


.inner_content .right_col .detail_info .left{float:left;}

.inner_content .right_col .detail_info .left .mood_shoot_list {margin-top:5px;}
.inner_content .right_col .detail_info .left .mood_shoot_list ul .first{margin-left:0;}
.inner_content .right_col .detail_info .left .mood_shoot_list ul li{ float:left; margin-left:5px; list-style:none;}
.inner_content .right_col .detail_info .left .mood_shoot_list ul li img{border:0;}

.inner_content .right_col .detail_info .right{float:right; color:#6d6e71; line-height:18px; width:380px;}
.inner_content .right_col .detail_info .right a{color:#6d6e71;}

.inner_content .right_col .detail_info .right .size_nav {border-bottom:1px solid #d2d3d5; padding:20px 0; position:relative;}
.inner_content .right_col .detail_info .right .size_nav ul li{float:left; padding-right:7px; list-style:none;}
.inner_content .right_col .detail_info .right .size_nav ul li img{border:0;}

.inner_content .right_col .detail_info .right .size_nav .arrow,
.inner_content .right_col .detail_info .right .size_nav .arrow2{ position:absolute; bottom:-1px; left:0; background:url(../images/general/arrow.png) bottom no-repeat; width:13px; height:12px;}

.inner_content .right_col .detail_info .right .details .title{font-weight:bold; font-size:13px;}
.inner_content .right_col .detail_info .right .details p{padding:5px 0;}
.inner_content .right_col .detail_info .right .details label,
.inner_content .right_col .detail_info .right .details .label{ font-weight:bold;}

/*.inner_content .right_col .detail_info .right .details .details_tbl{padding:5px 0;}*/
.inner_content .right_col .detail_info .right .details table{margin:5px 0;}
.inner_content .right_col .detail_info .right .details table tr td{height:18px;}
.inner_content .right_col .detail_info .right .details .color_nav ul {padding:0; margin:0;}
.inner_content .right_col .detail_info .right .details .color_nav ul li{float:left; margin:0 3px 0 0; padding:0; list-style:none;}
.inner_content .right_col .detail_info .right .details .color_nav ul li img{border:1px solid #fff; pading:1px;  width:17px; height:16px;}
.inner_content .right_col .detail_info .right .details .color_nav ul li a {border:1px solid #fff; display:block; width:19px; height:18px; outline:none;}
.inner_content .right_col .detail_info .right .details .color_nav ul li a:hover{border:1px solid #f7a11a; }
.inner_content .right_col .detail_info .right .details .color_nav ul li .here{border:1px solid #f7a11a; }

.details{display:none;}


.content .buy_location{width:292px; line-height:19px;}
.content .district_1{padding-right:15px;}
.content .district_2{padding:0 15px; border-left:1px solid #d2d3d5; border-right:1px solid #d2d3d5; }
.content .district_3{padding-left:15px;}
.content .buy_location .district{color:#f7a11a; font-weight:bold; font-size:15px;}
.content .buy_location .shopinfo{ padding:10px 0 20px 0; color:#6d6e71;}
.content .buy_location .shopinfo .shopname{ font-weight:bold;}
.content .buy_location .shopinfo .area{color:#b15c12; font-weight:bold;}

.content .buy_location .shopinfo a{color:#B15C12; text-decoration:none;}
.content .buy_location .shopinfo a:hover{color:#F7A11A;}

.content .buy_top_nav .buy_country{ color:#B15C12; font-size:15px; font-weight:bold; line-height:25px; padding-bottom:10px; float:left;}
.content .buy_top_nav .buy_country a{color:#B15C12; text-decoration:none; padding:0 5px; text-transform:capitalize;}
.content .buy_top_nav .buy_country .here, 
.content .buy_top_nav .buy_country a:hover{color:#F7A11A;}

.content .buy_top_nav .right{float:right;}

.content .buy_top_nav .right .dist_btn_en{float:right; margin:0 5px; width:140px; height:27px; display:block; background:url(../images/en/distributors_off.gif) no-repeat;}
.content .buy_top_nav .right .dist_btn_en:hover{background:url(../images/en/distributors_on.gif) no-repeat;}
.content .buy_top_nav .right .dist_btn_cn{float:right;  margin:0 5px; width:90px; height:27px; display:block; background:url(../images/cn/distributors_off.gif) no-repeat;}
.content .buy_top_nav .right .dist_btn_cn:hover{background:url(../images/cn/distributors_on.gif) no-repeat;}

.content .buy_top_nav .right .onlineshops_btn_en{ float:right;  margin:0 5px; width:96px; height:27px; display:block; background:url(../images/en/online_shops_off.gif) no-repeat;}
.content .buy_top_nav .right .onlineshops_btn_en:hover{background:url(../images/en/online_shops_on.gif) no-repeat;}
.content .buy_top_nav .right .onlineshops_btn_cn{float:right;  margin:0 5px; width:58px; height:27px; display:block; background:url(../images/cn/online_shops_off.gif) no-repeat;}
.content .buy_top_nav .right .onlineshops_btn_cn:hover{background:url(../images/cn/online_shops_on.gif) no-repeat;}


.inner_content .left_col .buy_left_nav {color:#F7A11A;  font-weight:bold;}
.inner_content .left_col .buy_left_nav ul {padding:0; margin:0;}
.inner_content .left_col .buy_left_nav ul li {line-height:30px; text-transform:capitalize; }
.inner_content .left_col .buy_left_nav ul li a{display:block; width:167px; height:25px; text-decoration:none; margin:0 0 3px 0; color:#B15C12;}
.inner_content .left_col .buy_left_nav ul li .here, 
.inner_content .left_col .buy_left_nav ul li li .here{color:#F7A11A; font-weight:bold;} 
.inner_content .left_col .buy_left_nav ul li a:hover{color:#F7A11A;}


.inner_content .left_col .buy_left_nav ul li li{line-height:20px; }
.inner_content .left_col .buy_left_nav ul li li a{display:block; height:20px; text-decoration:none; margin:0 0 3px 15px; #B15C12;}


.inner_content .right_col p{color:#6d6e71; line-height:19px; padding:20px 0 0 0;}
.inner_content .right_col p a{color:#b15c12; text-decoration:none;}
.inner_content .right_col p a:hover{color:#F7A11A;}

.inner_content .right_col .dist_remark{ font-size:16px;}

.about_left{float:left; width:440px; padding:10px 30px 0 0;}
.about_left .about_title{ color:#f7a11a; font-weight:bold; font-size:15px; padding:10px 0 0 0;}
.about_left p{color:#6d6e71; line-height:19px; padding:10px 0;}
.about_left p a{color:#b15c12; text-decoration:none;}
.about_left p a:hover{text-decoration:underline;}
.about_left ul{ padding:10px 0;}
.about_left ul li{color:#6d6e71; list-style:disc; margin-left:25px; line-height:19px;}
.about_right{float:left; width:430px; margin:50px 0 0 40px;}

.legal_content{color:#6d6e71; width:620px;}
.legal_content .title{ color:#f7a11a; font-weight:bold; font-size:15px; padding-top:10px;}
.legal_content p{color:#6d6e71; line-height:19px; padding:10px 0;}


.style_txt{color:#6d6e71; padding:0 10px 10px 10px; margin-bottom:10px;  background:url(../images/general/style_main_img.jpg) no-repeat;height:100px;;}
.style_txt .text{padding:30px 0 0px 0px;}
.style_txt .text p{line-height:20px;}
.style_txt .text .style_name{ color:#ad5c0f; font-size:18px;}
.style_tbl a b{display:block; font-size:13px; margin:10px 0 0 10px; padding-bottom:2px;}
.style_tbl .category_name {border-bottom:1px solid #d2d3d5;}
.style_tbl .category_name a{color:#f7a11a; font-weight:bold; font-size:15px; margin:10px 0 20px 10px; text-decoration:none; display:block;}
.style_tbl .category_name a:hover{text-decoration:underline;}
.style_tbl .mid{border-right:1px solid #d2d3d5; border-left:1px solid #d2d3d5;}
.style_tbl .style_cell{  width:235px; height:210px;}
.style_tbl .style_cell a{text-decoration:none;}


.contact_content{padding:10px 0;}
.contact_content .intro{color:#f7a11a; font-size:15px; font-weight:bold;}
.contact_content em{color:#ad5c0f; font-style:normal; font-weight:bold;}
.contact_content .form{padding:10px 0 0 0; color:#6d6e71;}
.contact_content .form table td{padding:5px 0;}
.contact_content .form .inputbox, 
.contact_content .form textarea,  
.contact_content .form select{ width:350px; color:#6d6e71; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.contact_content .form .left{ float:left; width:470px;}
.contact_content .form .left textarea{width:410px; height:100px;}
.contact_content .form .left .company_info{margin-top:20px;}
.contact_content .form .left .company_info p{padding:4px 0;}
.contact_content .form .left .company_info a{color:#6d6e71; text-decoration:underline;}
.contact_content .form .right{ float:left; width:470px;}
.contact_content .form .right textarea{width:350px; height:100px;}
.contact_content .form .right .tel_box,
.contact_content .form .right .fax_box{ width:230px !important; width:225px;}
.contact_content .form .right .area_code{ width:40px !important;}

.contact_content .form .buttons{width:940px}
.contact_content .form .buttons .submit_en{width:69px; height:27px; display:block; background:url(../images/en/submit_off.gif) no-repeat; float:right; padding-left:10px;}
.contact_content .form .buttons .submit_en:hover{background:url(../images/en/submit_on.gif) no-repeat;}
.contact_content .form .buttons .reset_en{width:69px; height:27px; display:block; background:url(../images/en/reset_off.gif) no-repeat; float:right; padding-left:10px;}
.contact_content .form .buttons .reset_en:hover{background:url(../images/en/reset_on.gif) no-repeat;}
.contact_content .form .buttons .submit_zh{width:69px; height:27px; display:block; background:url(../images/zh/submit_off.gif) no-repeat; float:right; padding-left:10px;}
.contact_content .form .buttons .submit_zh:hover{background:url(../images/zh/submit_on.gif) no-repeat;}
.contact_content .form .buttons .reset_zh{width:69px; height:27px; display:block; background:url(../images/zh/reset_off.gif) no-repeat; float:right; padding-left:10px;}
.contact_content .form .buttons .reset_zh:hover{background:url(../images/zh/reset_on.gif) no-repeat;}
.contact_content .form .buttons .submit_cn{width:69px; height:27px; display:block; background:url(../images/cn/submit_off.gif) no-repeat; float:right; padding-left:10px;}
.contact_content .form .buttons .submit_cn:hover{background:url(../images/cn/submit_on.gif) no-repeat;}
.contact_content .form .buttons .reset_cn{width:69px; height:27px; display:block; background:url(../images/cn/reset_off.gif) no-repeat; float:right; padding-left:10px;}
.contact_content .form .buttons .reset_cn:hover{background:url(../images/cn/reset_on.gif) no-repeat;}



.contact_result{padding:10px 0; height:200px;}
.contact_result p{color:#f7a11a; font-size:15px; font-weight:bold;}
.contact_result p a{color:#f7a11a; text-decoration:underline;}


.error{color:#ff0000; display:none;}
.color_code{text-transform:uppercase;}


#fbbox{ position:absolute; top:0; right:0;}


.inner_content .right_col .detail_info .right #astrology_list ul li{padding: 1px;}
.inner_content .right_col .detail_info .right #astrology_list ul li a{border:2px solid #fff; width:73px; height:51px; display:block;}
.inner_content .right_col .detail_info .right #astrology_list ul li .here,
.inner_content .right_col .detail_info .right #astrology_list ul li a:hover{border: 2px solid #f90;}