/**************** Global CSS *********************/

html, body{ margin:0 auto; padding:0; color:#333; font-size:12px; font-family:Arial,Helvetica,Verdana,Sans-serif; background:#EBEBEB url(images/top.png) no-repeat center top;}

div,form,ul,ol,li,span,p{margin:0 auto; padding:0; border:0;}

img,a img{margin:0; padding:0; border:none;}

ul,ol,li{list-style:none;}

table,td,input{ margin:0;padding:0; font-size:12px;}

h1,h2,h3,h4,h5,h6{ margin:0 auto;}

h1 {font-size:28px;}

h2 {font-size:22px;}

h3 {font-size:16px;}

h4 {font-size:14px;}

h5 {font-size:12px;}

h6 {font-size:12px;}



.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}



a:link, a:visited{ color:#4F505D; text-decoration:none; outline-style:none;} 

a:hover{ color:#F00; text-decoration:underline;}



/* Wrapper */

.wrapper{ margin:0 auto; width:970px;}



/* Header */

.header{ margin:0 auto; padding:0 5px; width:960px; }

.headerL{ float:left; width:450px; overflow:hidden;}



/* Logo */

.logo{ float:left; margin:25px 0 10px; font-size:32px; text-indent:-9999px; }

.logo a:link, .logo a:visited, .logo a:hover{ width:450px; height:75px; background:url(images/logo.svg) no-repeat 0 0; display:block;}

.subtitle{ float:left; margin-top:15px; width:450px; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#666; display:block; overflow:hidden;}



/* Header Right */

.headerR{ float:right; padding-top:28px; width:350px;}



/* Mini Function */

.language{ float:right; padding:0px 5px 8px; width:73px; height:28px; background:url(images/language.gif) no-repeat 0 0;}

.english, .chinese{ float:right; width:27px; height:28px; text-indent:-9999px; cursor:pointer; display:block;}

.chinese{ float:left;}



/* Search */

.searchform{ float:right; margin:6px 0px 2px; padding:9px 10px 1px; width:326px; height:30px; background:url(images/search.gif) no-repeat 0 0; overflow:hidden;}

.searchInput{ float:left; padding:3px 0px 1px 25px; width:240px; height:16px; line-height:16px; color:#787878; border:none; background:none;}

.searchBtn{ float:right; width:60px; height:26px; line-height:26px; border:none; background:none; text-align:center; text-indent:-9999px; cursor:pointer;}



/* Navigation */

.navi{ float:left; margin-bottom:15px; _ margin-bottom:0px; padding:0px 10px; width:950px; height:36px; line-height:35px; background:url(images/sprite.png) no-repeat 0 0; position:relative; top:-160px;}

.navi li{ float:left; height:36px; line-height:35px; text-align:center; font-weight:bold; color:#FFF; background:url(images/sprite.png) no-repeat 0 -85px; text-transform:capitalize;}

.navi li.nl{ background:none;}

.navi li a:link, .navi li a:visited{ padding:0px 13px 0px 15px; color:#FFF; text-decoration:none; display:block;}

.navi li a:hover{ color:#F00;}

.navi li.current_page_item a:link, .navi li.current_page_item a:visited, .navi li.current_page_item a:hover{ color:#F00;}

.navi li.current_page_item a:hover{ color:#FFF;}



/* SubCats Link */

.navi li:hover a:link, .navi li:hover a:visited, .navi li:hover a:hover{ color:#F00; text-decoration:none;}

.navi li:hover ul li a:link, .navi li:hover ul li a:visited{ color:#FFF; text-decoration:none;}

.navi li:hover ul li a:hover{ color:#FC0; text-decoration:none;}



.navi ul{ position:relative; z-index:2000; background-color:#353637;}

.navi li{ position:relative;}

.navi li ul{ position:absolute; padding:0px 1px; width:180px; top:36px; left:1px; display:none;}

.navi li ul li{ margin:0px auto; padding:0px 0px; width:180px; height:30px; line-height:29px; text-align:left; text-indent:8px; border-bottom:1px solid #454647; background:none;}

.navi li ul li a:link, .navi li ul li a:visited{ padding-left:5px; _width:162px; border-bottom:1px solid #222; color:#FFF; background:none; text-decoration:none;}

.navi li ul li a:hover{ color:#FC0; background-color:#444; text-decoration:none;}



/* BreadCrumb */

.breadcrumb{ float:left; width:700px; margin-bottom:10px; padding:5px 0px; color:#787878;}

.breadcrumb a:link, .breadcrumb a:visited{ color:#787878;}



/* Container */

.container{ float:left; width:970px; background:url(images/container_bg.jpg) repeat-y 0 0;}

.container_top{ float:left; width:970px; height:15px; background:url(images/container_top.png) no-repeat 0 0;}

.container_btm{ float:left; width:970px; height:15px; background:url(images/container_btm.png) no-repeat 0 0;}

.container_cnt{ float:left; padding:8px 18px; width:934px;}



/* Banner */

.banner{ float:left; margin:0px 0px; padding:6px 6px 6px 4px; width:958px; height:148px; background:url(images/slideshow.jpg) no-repeat center 0; overflow:hidden; position:relative; left:-4px; top:45px;}

.bntl, .bntr, .bnbl, .bnbr{ width:14px; height:14px; background-image:url(images/slideshow.gif); background-repeat:no-repeat; display:block; position:absolute; z-index:1000;}

.bntl{ left:-1px; top:0px; background-position:0 0;}

.bntr{ right:1px; top:0px; background-position:right 0;}

.bnbl{ left:-1px; bottom:0px; background-position:0 bottom;}

.bnbr{ right:1px; bottom:0px; background-position:right bottom;}



/* Slideshow */

.slideshow{ width:958px; height:148px; position:relative; overflow:hidden;}

#showimg{ z-index:10;}

#showimg img{ width:958px; height:148px;}

.operate{ position:absolute; z-index:1000; right:5px; bottom:5px;}

.operate span{ float:left; margin-left:3px; width:18px; height:17px; line-height:17px; cursor:pointer; color:#DDD; background-color:#333; text-align:center;}

.operate span.hov{ font-weight:bold; color:#FFF; background-color:#426CBB; background-position:0 0;}

#msg{ float:left; width:958px; height:26px; line-height:26px; position:absolute; z-index:100; bottom:0px; overflow:hidden; }

#msg li{ height:24px;  text-align:left; text-indent:16px; font-size:14px; font-weight:bold; color:#004C94; display:block;}

#msg li a:link, #msg li a:visited{ color:#333; text-decoration:none;}

#msg li a:hover{ color:#FFF; text-decoration:underline;}

.displayblock{ display:block;}

.displaynone{display:none;}



/* News */

.news{ float:right; margin-bottom:12px; width:380px; overflow:hidden;}

.news h2{ background:url(images/sprite.png) no-repeat -260px -85px !important;}

.news h2 span{ float:right; _margin-top:-27px; *margin-top:-28px; padding-right:10px; height:29px; *height:29px; _height:30px; font-size:12px; font-weight:normal; background:url(images/sprite.png) repeat-x right -46px; display:block;}

.news h2 a:link, .news h2 a:visited{ color:#222; text-decoration:none;}

.news h2 a:hover{ color:#500;}

.news ul{ padding:8px 0px; border:1px solid #D3D3D3; background-color:#FFF;}

.news ul li{ margin:7px 0px; padding-left:25px; height:16px; line-height:16px; background:url(images/spot.gif) no-repeat 11px 7px; overflow:hidden;}

.news ul li a{ float:left; width:270px; overflow:hidden;}

.news ul li span{ float:right; padding-right:6px; width:70px; color:#787878;}



/* Sidebar */

.sidebar{ float:left; width:210px;}

.sidebar h3{ padding-left:30px; height:28px; line-height:27px; font-size:12px; color:#FFF; background:url(images/sprite.png) no-repeat 0 -46px; text-transform:capitalize;}

.sidebar ul li{ margin-bottom:8px;}

.sidebar ul li ul{ padding:10px 5px 8px 0px;}

.sidebar ul li ul li{ margin-bottom:0px; padding:2px 0px 2px 22px; width:185px; line-height:18px; border:none; background:url(images/spot.gif) no-repeat 11px 9px; white-space:nowrap; overflow:hidden;}

.sidebar ul li ul li ul{ margin-left:-10px; padding:0px 5px 0px 0px;}



.sidebar ul li.widget_text{ line-height:20px;}

.sidebar ul li.widget_text div{ padding:10px 0px; border-top:none;}

.sidebar ul li.widget_text div.sb_contactus{ padding:10px 8px 10px 10px; text-align:left;}

.sidebar ul li.widget_tag_cloud div{ padding:8px 8px 8px 10px;}

.sidebar ul li.widget_MostVotedAllTime div.votewidget_skin{ padding:8px 0px;}

.sidebar ul li.widget_MostVotedAllTime div.votelistind{ padding:3px 0px 2px; width:200px; line-height:18px; white-space:nowrap; overflow:hidden;}



/* Categories */

.sidebar ul li.widget_categories ul{ float:left; padding:10px 5px;}

.sidebar ul li.widget_categories ul li{ float:left; padding:0px 0px; width:200px; font-weight:bold; background-position:8px 12px; *background-position:8px 10px; white-space:normal; overflow:visible; position:relative;}

.sidebar ul li.widget_categories a:link, .sidebar ul li.widget_categories a:visited{ padding:1px 0px 2px 20px; height:24px; line-height:24px; border-bottom:1px solid #E0E0E0; display:block;}

.sidebar ul li.widget_categories a:hover{ border-bottom:1px solid #AAA;}

.sidebar ul li.widget_categories ul li ul{ padding:0px 5px; width:160px; border:1px solid #AAA; background-color:#F0F0F0; position:absolute; top:0px; left:186px; z-index:100; display:none;}

.sidebar ul li.widget_categories ul li ul li{ width:160px; font-weight:normal; background-color:#EEE; position:static;}

.sidebar ul li.widget_categories ul li ul li a:link, .sidebar ul li.widget_categories ul li ul li a:visited{ border-bottom:1px solid #E0E0E0;}

.sidebar ul li.widget_categories ul li ul li a:hover{ border-bottom:1px solid #AAA;}

.sidebar ul li.widget_categories ul li.current-cat a:link, .sidebar ul li.widget_categories ul li.current-cat a:visited{ color:#F00; text-decoration:underline;}

.sidebar ul li.widget_categories ul li.current-cat ul a:hover{ color:#4F505D; text-decoration:underline;}



.sidebar ul li.widget_categories ul li:hover a{ color:#F00; border-bottom:1px solid #AAA;}

.sidebar ul li.widget_categories ul li:hover ul a:link, .sidebar ul li.widget_categories ul li:hover ul a:visited{ color:#4F505D; text-decoration:none;}

.sidebar ul li.widget_categories ul li:hover ul a:hover{ color:#F00; text-decoration:underline;}



.sidebar ul li.widget_catlist ul{ float:left; padding:10px 5px;}

.sidebar ul li.widget_catlist ul li{ float:left; padding:0px 0px; width:200px; font-weight:bold; background-position:8px 12px; *background-position:8px 10px; white-space:normal; overflow:visible;}

.sidebar ul li.widget_catlist ul li ul{ padding:0px 0px 0px 24px;}

.sidebar ul li.widget_catlist ul li ul li{ width:175px; font-weight:normal;}

.sidebar ul li.widget_catlist a:link, .sidebar ul li.widget_catlist a:visited{ padding:1px 0px 2px 20px; height:24px; line-height:24px; border-bottom:1px solid #E0E0E0; display:block;}

.sidebar ul li.widget_catlist a:hover{ border-bottom:1px solid #AAA;}



/* Calendar */

#calendar_wrap{ margin:5px 0px;}

#wp-calendar{ width:100%;}

#wp-calendar caption{ padding:5px 0px;}

#wp-calendar th, #wp-calendar td{ padding:2px 2px; line-height:18px; text-align:center; text-transform:capitalize; color:#555; border:1px solid #E6E6E6; background-color:#F9F9F9;}

#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#FF0242;}

#wp-calendar tbody tr td a:hover{ color:#222;}

#wp-calendar tbody tr td:hover{ border:1px solid #D0D0D0; color:#444; background-color:#EEE;}

#wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;}

.pad{ border:none !important; background:none !important;}



/* Search */

.sidebar ul li.widget_search .searchform{ float:none; margin:0px; padding:10px 5px 5px; width:200px; height:20px; background:none;}

.sidebar ul li.widget_search .searchInput{ padding:2px 5px; width:135px; border:1px solid #222; background-color:#F6F6F6;}

.sidebar ul li.widget_search .searchBtn{ width:50px; height:22px; *line-height:18px; text-align:center; text-indent:0px; border:1px solid #29545F; background-color:#CCC; position:static;}



/* Content */

.content{ float:right; width:700px; overflow:hidden;}



/* Introduce */

.introduce{ float:left; margin-bottom:10px; width:310px; line-height:22px; overflow:hidden;}

.introduce h2{ background:url(images/sprite.png) no-repeat -260px -85px !important;}

.introduce h2 span{ float:right; _margin-top:-27px; *margin-top:-28px; padding-right:10px; height:29px; *height:29px; _height:30px; font-size:12px; font-weight:normal; background:url(images/sprite.png) repeat-x right -46px; display:block;}

.introduce h2 a:link, .introduce h2 a:visited{ color:#222; text-decoration:none;}

.introduce h2 a:hover{ color:#500;}

.introduce .excerpt{ float:left; padding:8px 8px 8px 10px; height:214px; line-height:17px; border:1px solid #D3D3D3; background-color:#FFF; overflow:hidden;}

.introduce p{ float:right;}

.introduce p img{ padding:5px 10px 0px 0px;}

a.readmore:link, a.readmore:visited{ width:44px; height:13px; text-indent:-9999px; background:url(images/readmore.gif) repeat-x 0 0; display:block;}



/* Featured */

.featured{ width:700px; overflow:hidden;}

.featured h2, .content h2{ padding-left:35px; height:29px; line-height:28px; font-size:12px; text-transform:capitalize; color:#222; text-shadow:1px 1px 0px #DDD; background:url(images/sprite.png) repeat-x right -46px;}



.flist{ float:left; padding:15px 10px 10px 13px; width:675px; border:1px solid #D3D3D3; background-color:#FFF;}

.flist ul li{ float:left; margin:4px 1px; width:166px; height:205px; text-align:center; overflow:hidden;}

.flist ul li img{ padding:9px 9px; *padding:8px 10px 10px 8px; width:145px; height:145px; background:url(images/circle.gif) repeat-x center center;}

.flist ul li h3{ margin-bottom:5px; width:160px; height:32px; line-height:16px; font-size:12px; font-weight:normal; text-transform:capitalize; overflow:hidden;}



/* Archive */

.plist{ float:left; padding:10px 10px 10px 13px; width:675px; border:1px solid #D3D3D3; background-color:#FFF;}

.plist ul li{ float:left; padding:15px 0px 10px 0px; border-bottom:1px dotted #A9B4C3;}

.thumb{ float:left; width:150px; text-align:center; vertical-align:middle; overflow:hidden;}

.thumb img{ width:130px; height:125px; padding:1px 1px; border:1px solid #CCC;}

.thumb span{ margin:5px 0px; height:36px; line-height:18px; color:#666; display:block; overflow:hidden;}



.describe{ float:left; margin:5px 0px; padding:0px 10px 0px 20px; width:490px; height:160px; overflow:hidden;}

.describe h3{ margin-bottom:10px; font-size:13px; text-align:left; text-transform:capitalize;}

.describe p{ line-height:22px; color:#454545; overflow:hidden;}



.plist ul.cat-list{ padding-bottom:20px; overflow:hidden;}

.plist ul.cat-list li{ float:left; margin:0 5px; padding:12px 0; width:214px; border-bottom:1px dotted #D6D6D6;}

.plist ul.hp-cat-list li{ padding:10px 0 10px 14px; width:144px; background:url(images/spot.gif) no-repeat 0 center;}





/* Latest products */

.latest_products{ margin-bottom:12px; overflow:hidden;}

.latest_products h2{ background-position:right -85px;}



/* Hot products */

.hot_products{ margin-bottom:0px; overflow:hidden;}



/* Single */

.single{ padding:0px 10px 5px; width:680px;}

.single h2{ margin-bottom:15px; padding:0px 0px 5px; height:28px; line-height:28px; font-size:14px; text-align:center; background:url(images/vline.gif) repeat-x center bottom;}

.single h3, .single h3{ margin:10px 0px;}

.single p{ padding:5px 0px; line-height:20px;}

.single img{ margin-bottom:10px; max-width:660px; width:expression(this.width > 660 ? "660px" : this.width); height:auto;}

.alignleft{ float:left;}

.alignright{ float:right;}

.aligncenter{ float:none; margin:0 auto 10px; text-align:center;}



/* Error */

.error h2{ padding-left:35px; height:29px; line-height:28px; font-size:12px; text-transform:capitalize; color:#222; text-shadow:1px 1px 0px #DDD; background:url(images/sprite.png) repeat-x right -46px;}

.error p{ margin:20px 10px; line-height:22px;}



/* Relative Products */

.related_products { float:left; margin:15px 0px 5px; padding:0px 10px 10px 10px; width:660px; border:1px solid #E0E0E0; background-color:#FFF;}

.related_products h2{ padding:0px 0px; text-align:left; font-size:12px;}

.related_products ul{ float:left; padding:10px 8px 5px 10px;}

.related_products ul li{ float:left; margin-bottom:12px; padding:0px 5px; width:150px;}

.related_products ul li img{ padding:2px 2px; width:140px; height:125px; border:1px solid #DDD; display:block;}

.related_products ul li h3{ margin-bottom:3px; width:140px; height:32px; line-height:16px; text-align:center; font-size:12px; font-weight:normal; text-transform:capitalize; overflow:hidden;}

.related_products ul li span{ color:#666;}



.related_news { float:left; margin:15px 0px 5px !important; padding:0px 10px 10px 10px !important; width:660px !important; border:1px solid #E0E0E0 !important; background-color:#FFF;}

.related_news h2{ padding:0px 0px; text-align:left; font-size:12px;}



/* Pagenavi */

.wpagenavi{ margin:15px 0px; padding-top:20px; height:24px; text-align:center; border-top:1px solid #D0D0D0;}

.wpagenavi a:link, .wpagenavi a:visited{ margin:0 2px; padding:3px 7px; text-decoration:none; border:1px solid #CCC; color:#333; background:#EBEBEB url(images/sprite.png) no-repeat 0 -132px;}

.wpagenavi a:hover, .wpagenavi a:active{ border:1px solid #426CBB; color:#FFF; background:#426CBB;}

.wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ border:1px solid #426CBB; font-weight:bold; color:#FFF !important; background:#426CBB;}

.pagelr{ float:left; margin:15px 0px 5px; padding:5px 10px; width:660px; border:1px solid #E0E0E0; background-color:#FFF;}

.pageleft{ float:left; padding-left:5px; font-weight:bold;}

.pageright{ float:right; padding-right:5px; font-weight:bold;}



/* Comments*/

.post_comment{ float:left; width:100%; margin:15px 0px; overflow:hidden; }

#addcomment, #comments{ float:left; width:99%; margin:10px 0px 15px; padding:6px 0px 6px; text-indent:15px; line-height:16px; color:#222; font-size:12px; border-width:1px; border-style:solid; border-color:#D9D9D9 #D0D0D0 #D0D0D0 #D9D9D9; text-shadow:1px 1px 0px #F5F5F5; background:#D7D8D9 url(images/sprite.png) repeat-x 0 -145px;}

.post_comment p{ padding:5px 10px; font-size:12px;}

.post_comment ol li{ margin:10px 5px; padding:10px 10px 5px 10px; list-style:none; }

.commentlist{ width:98%; padding:5px 0px; font-size:12px; clear:both;}

.commentlist li{ margin-bottom:10px; padding-top:5px; background-color:#FFF; border:1px solid #E3E3E3;}

.commentlist li.alt{ background-color:#F6F6F6; border:1px solid #DDD;}

.commentlist li.comment-author-admin{ background:#F6F6F6;}

.commentlist li ul{ margin:10px 10px;}

.commentlist li ul.children{ margin:10px 0px;}

.commentlist li p{ padding:5px 10px;}



.comment-author{ width:100%; height:30px; padding-bottom:5px; border-bottom:1px solid #ECECEC;}

.avatar{ float:left; padding:1px 1px; width:32px; height:32px; border:1px solid #E0E0E0;}

.author_info{ float:left; padding-left:5px; line-height:16px; color:#888;}

.author_info cite{ font-style:normal; font-weight:bold;}

.author_info em{ font-size:10px;}



.reply{ float:right; margin-top:-3px;}

#cancel-comment-reply{ float:right; margin-right:10px;}

.reply a, #cancel-comment-reply a{ color:#999;}

.reply a:hover, #cancel-comment-reply a:hover{ color:#666;}



#respond{ padding-bottom:35px;}

#respond em{ color:#FF0242;}

#author, #email, #url, #comment{ margin:0px 5px; padding:5px 5px; width:45%; border:1px solid #CCC;}

#comment{ width:97%; height:150px; font-size:12px; overflow-y:scroll;}

#submit{ float:right; margin:0 5px; width:90px; height:28px; line-height:28px; font-size:14px; font-weight:bold; text-indent:-9999px; border:none; color:#FFF; background:#666 url(images/submit.gif) no-repeat 0 0; cursor:pointer;}

.post_comment .navigation{ width:97%;}



/* Sitemap */

.container_map{ background:url(images/container_map.png) repeat-y 0 0;}

.sitemaps{ float:left; width:900px; padding:0px 17px;}

.pagelist, .catlist, .productlist{ float:left; margin:15px 0px; width:100%;}

.pagelist{ margin-bottom:0px;}

.productlist{ margin:0px;}

.pagelist li, .catlist li{ float:left; padding-right:10px;}

.catlist, .productlist{ padding-top:15px; border-top:1px dotted #CCC;}

.productlist h3{ font-size:12px;}

.productlist ul{ float:left; width:100%;}

.productlist ul li{ padding:5px 0px 4px 22px; line-height:18px; background:url(images/spot.gif) no-repeat 10px 12px; overflow:hidden;}

.productlist .wpagenavi{ float:left; margin:15px 0px 20px; width:900px;}



.newslist{ border-top:none;}

.newslist ul li span{ float:right; padding-right:10px; color:#666;}

.newslist .wpagenavi{ float:none; width:auto;}



/* FriendLink */

.friendlink{ margin:10px auto; width:960px; text-align:left; border:1px solid #D5D5D5; overflow:hidden;}

.friendlink h3{ height:29px; line-height:29px; font-size:13px; text-indent:12px; color:#333; border-bottom:1px solid #D9D9D9; background:#FDFDFD url(images/footer.png) repeat-x 0 -12px;}

.friendlink ul{ float:left; padding:8px 5px; width:950px;}

.friendlink ul li{ float:left; margin:3px 5px; line-height:18px; white-space:nowrap;}

.friendlink ul h4{ display:none;}



/* Footer */

.footer{ margin:0 auto; padding:20px 0 15px; width:100%; text-align:center; background:#FDFDFD url(images/footer.png) repeat-x 0 0;}

.footpage{ padding:10px 0; width:960px; text-align:center;}

.footpage li{ width:1px; padding:0px 8px 0px 12px; text-transform:capitalize; background:url(images/line.gif) no-repeat 0 center; display:inline; word-break:keep; white-space:nowrap;}

.footpage li.nb{ background:none;}

.footer p{ line-height:24px; text-align:center; text-transform:capitalize;}

.footer a:link, .footer a:visited{ color:#333;}

.footer a:hover{ color:#DD0C0C; text-decoration:underline;}