@charset "utf-8";
/* reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img { margin:0; padding:0;}
body,h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,dl,dt,dd { font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color:#333; -webkit-text-size-adjust:none;}
ul, ol, ul li{ list-style:none;}
fieldset,img { border:none;}
table { border-collapse:collapse; border-spacing:0;}
caption,th,td { text-align:left;}
a { color:#5e5e5e; text-decoration:none; blr:expression(this.onFocus=this.close()); blr:expression(this.onFocus=this.blur()); outline:none;}
a:hover { text-decoration:underline; color:#09c;}
p,dd { line-height:1.8em;}
ol { list-style-type:decimal; margin:0 0 0 38px;}
input[type=text]:focus{ outline:0;}
#main .no-border { border:none;}
.clear{clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.pl8{ padding-left:8px;}
.pr8{ padding-right:8px;}

/* global */
.features{ overflow:hidden; margin:10px auto 4px; width:1038px; padding:16px 0; height:100%; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 2px 2px #ddd; -moz-box-shadow:0 2px 2px #ddd; box-shadow:0 2px 2px #ddd; border:1px solid #ddd;position:relative;}
#product-nav { overflow:hidden; padding:20px 0 2px; width:1040px; margin:0 auto;}
body { background:#f9f9f9 url(../images/style/bg-body.png) repeat-x scroll 0 -9px;}
.footer-box,#main { width:1040px; overflow:hidden; margin:0 auto;}
.addthis_button { float:right; margin-right:12px;}
.prod-info h4 a{ color: #333333;font-family: Arial,Helvetica,sans-serif;font-size: 13px;font-weight: bold; text-decoration:none;}
.prod-info .subtitle{ margin:8px 0 4px;}
.prod-info .subtitle a{ color:#333; font-family:Arial, Helvetica, sans-serif; font-size:18px;}
#products .grid-b .prod-info h4 a { font-size:18px; font-weight:normal; }
.prod-info p { line-height:1.5em;}
.prod-info p.price { font-size:15px; color:#506099; margin:8px 0;}
p.price span { text-decoration:line-through; padding-right:10px; color:#506099; font-style:italic;}
.gary { color:#999;}
#special-offer { margin:12px 0;}
.shadows { background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 2px 2px #ddd; -moz-box-shadow:0 2px 2px #ddd; box-shadow:0 2px 2px #ddd; border:1px solid #ddd; }
.bg-gray { background:#e3e3e3; border:none;}
.arc { border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;}
p.tips,p.note{ padding:8px 12px; background:#fafafa; border:1px solid #eee; -webkit-border-radius:6px; -moz-border-radius:6px;}
.center { text-align:center;}
/* link */
.return { padding:16px 24px; margin:12px 0;}
.return a { color:#58c; float:right; font-size:11px; background:transparent url(../images/icon-up.gif) no-repeat scroll 100% 50%; padding-right:10px; font-size:10px;}
a.goto { background:transparent url(../images/icon-arrow.gif) no-repeat scroll 100% 68%; color:#58c; padding-right:8px;}
.buy-now a { background:transparent url(../images/style/bgs-2.png) no-repeat scroll -104px -3px; display:block; width:78px; height:23px; line-height:22px; color:#fff; padding-left:29px; font-size:13px;}
.buy-now a:hover { color:#dedede; text-decoration:none;}
.purchase-now a { background:transparent url(../images/style/bgs-2.png) no-repeat scroll 0 -3px; display:block; width:78px; height:23px; line-height:21px; color:#333; padding-left:28px; font-size:13px; text-shadow:1px 1px 1px #fff;}
.purchase-now a:hover { color:#999; text-decoration:none;}
a.btn-a { background:-webkit-gradient(linear,left top,left bottom,from(#b1d17f),to(#81a745));background:-moz-linear-gradient(top,#b1d17f,#81a745);background-color:#81a745; border: 1px solid #679422; color:#fff; text-shadow: 0 -1px 0 #639D1D; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; padding:6px 12px; font-weight:bold;}
a.btn-a hover { border-color:#000; color:#eee;}

/* header */
#header{width:1040px;margin:0 auto; height:76px;}
#header .col-a { float:left; width:228px; padding:7px 0 0 0;}
#header .col-b { float:left; width:480px;}
#header .col-b li{ float:left; display:block; padding: 0 15px; position:relative;}
#header .col-b li a{color:#fff; font-size:15px; text-decoration:none; text-shadow:1px 1px 1px #777; line-height:76px; list-style:none;}
#header .col-b li a.one:hover{color:#BBB;}
#header .col-b li span img { vertical-align:middle; padding-left:6px;}
#header .col-b li span:hover img { opacity:0.5;}
#header .col-b li:hover div{visibility:visible;}
#header .col-b div{visibility:hidden;position:absolute; left:0; top:76px; z-index:99;background:none repeat scroll 0 0 #555; padding:8px 10px 12px; border-top:none; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;  -moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
#header .col-b div.sub{ width:400px;}
#header .col-b .sub-list { float:left; width:200px;}
#header .col-b .sub-list li{  height:23px; padding-left:0;}
#header .col-b .sub-list li a{display: block; padding: 6px 0 5px 12px; font-size: 11px; width:188px; line-height:11px;}
#header .col-b .sub-list li a:hover{text-decoration:none; color:white; background:url(../images/style/bg-dropdown-hover.png) repeat-x 0 4px;}
#header .col-b .sub-list .subt{color:#fff; font-weight:bold; margin-left:-3px;padding:6px 0 2px 12px; font-size:11px; width:149px;}
#header .col-b ul.mac{ width:176px; border-right:1px solid #666; margin-right:8px;}
#header .col-b ul.mac a:hover{ width:155px;}
#header .col-c { float:left; width:325px; margin-top:31px;}
#header .col-c .search { float:left; background:transparent url(../images/style/bg-search.jpg) no-repeat scroll 0 -1px; width:155px; height:23px;}
#header .col-c .search input { border-style:none; border-color:#fff; }
#header .col-c .search .search-text { border:none; margin: 4px 0 0 15px; width:100px; font-size:11px; vertical-align:middle; color:#999; float:left;}
#header .col-c .search .search-btn {background:transparent url(../images/style/search.png) no-repeat; width:12px; height:12px; margin:5px 0 0 9px;}
#header .col-c .search .search-btn:hover{ cursor:pointer;}
#header .col-c .cart{ margin:5px 0 6px; width:45px; float:left;}
#header .col-c .cart a{background:url(../images/style/shop_cart.png) no-repeat; font-size:11px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; padding:2px 0 0 20px;}
.showcont{float:left;position:relative;width:110px;padding-top: 1px;}
.showcont a.livechat{display:block;background:url(../images/style/livechat.png) no-repeat;width:106px; height:20px;text-indent:-9999px;}
.showlist{position:absolute;background:#fff;border:1px solid #434343;width:280px;z-index:99;right:0;top:27;padding:10px;z-index:1000; visibility:hidden;}
.showlist dt{color:#333;font-weight:bold;padding:0 0 5px 0;}
.showlist dd{color:#999;line-height:14px;font-size:11px;}
.showlist .k1{background:url(../images/style/icon6.png) no-repeat 0 3px;padding:0 0 10px 30px;border-bottom:1px dashed #434343;}
.showlist .k2{background:url(../images/style/icon5.png) no-repeat 0 13px;padding:10px 0 0 30px;}
.showlist dd a{color:#58C;font-size:11px;}
.showcont:hover div{ visibility:visible;}


/*footer*/
#footer { background:#454B58; margin:26px 0 0; clear:both; border-top:1px solid #aaa; width:100%;}
#footer ul { float:left; padding:15px 32px 6px 2px; width:200px; overflow:hidden; height:100%;}
#footer ul li a { color:#ccc; display:block; font-size:11px;}
#footer ul li a:hover { color:#888; text-decoration:none;}
#footer li { border-top:1px solid #797979; margin:0;padding:5px 0;}
#footer ul li.title { color:#fff; font-size:15px; height:24px;}
#footer ul.topics { width:300px;}
#footer ul.last { padding-right:2px; width:214px;}
#footer ul.last .share a{ margin:0; padding:12px 5px 12px 0; float:left;}
#footer ul li.tags { line-height:1.8em;}
#footer ul li.tags a { padding-right:8px; display:inline;}
#footer .copyright { clear:both; text-align:center; border-top:1px solid #999; padding:16px 0 12px; color:#dedede;}
#footer .copyright a { color:#dedede;}

/* crumb */
#crumb {margin:20px auto 6px; font-size:11px; text-shadow:0 1px 0 #fff; width:1040px;}
#crumb a { text-decoration:none; font-size:11px; text-shadow:0 1px 0 #fff;}
#crumb a img{ display:block; float:left; padding-top:2px;}
#crumb h1 { display:inline; font-size:11px; color:#555; text-shadow:0 1px 0 #fff;}
#crumb big { padding:0 3px; font-size:14px;}

.left-part { float:left; overflow:hidden; padding:12px 24px 12px 28px; width:680px;}
/* sidebar */
.right-part { float:right; margin:0 28px 0 0; width:238px;}
.right-part .banner{ padding-bottom:11px; text-align:center;}
.right-part .banner img{ padding-bottom:5px;}
.right-part .side { border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0 2px 2px #ddd; -webkit-box-shadow:0 2px 2px #ddd; box-shadow:0 3px 2px #ddd; margin-bottom:18px; padding:12px 0;}
.right-part .inside{ padding:0 20px;}
.right-part .video { position:relative; padding-bottom:20px;}
.right-part .video img.pic { opacity:0.8; width:182px; height:112px; border:1px solid #ddd; padding:5px; -moz-box-shadow:0 1px 8px #ccc; -webkit-box-shadow:0 1px 8px #ccc; cursor:pointer;}
.right-part .video img.play { position:absolute; left:76px; top:74px; width:71px; cursor:pointer;}
.right-part .side h4{ color:#333; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:-11px 0 15px 0; padding:7px 16px 8px; background:none repeat scroll 0 0 #f5f5f5; background:transparent url(../images/style/bg-f.png) repeat-x scroll 0 2px;}
.right-part  .side p { color:#555; font-size:11px; line-height:1.5em; padding:4px 0; border-bottom:1px solid #DEDEDE; margin:0 0 8px;}
.right-part  .side p span { color:#999; display:block; text-align:right; padding:4px; font-style:italic; font-size:10px;}
.right-part  .side p.more{ text-align:right;}
.right-part  .side p.more a{ font-size:11px;}
.right-part  .side .last { border:none; margin:0;}
.right-part .recp .list { line-height:1.6em; font-size:11px; color:#aaa; font-style:italic; text-align:center;}
.right-part .recp .list a { font-size:11px; color:#777;}
.right-part .recp h5 { padding:3px 0; text-align:center;}
.right-part .recp h5 a { font-size:12px; font-weight:bold;}
.right-part .recp .price { text-align:center; padding:4px 0; border:none;}
.right-part .recp .price span{ display:inline;}
.right-part .recp .price .disp{ color:#FF0000; text-decoration:none;}
.right-part .side ul li a { background:transparent url(../images/style/sidebar-arrow-1.png) no-repeat scroll 95% 12px;
border-bottom:1px solid #dedede; display:block; padding:9px 0; text-decoration:none; font-size:12px;}
.right-part .side ul li a:hover { color:#000; background-image:url(../images/style/sidebar-arrow-2.png);}
.right-part .side ul li a.end { border:none;}
.right-part .side ul li a.on { font-weight:bold; font-size:11px; background-image:url(../images/style/sidebar-arrow-2.png);}
.right-part .articles .inside ul li a { font-size:11px; background:none;}
.right-part .side p.twitter{border-top:1px solid #CCC; padding:5px 0 0 8px; width:196px; margin:7px 0 0 7px; border-bottom:none;}
.right-part .bundle h5 { padding:3px 0; text-align:center;}
.right-part .bundle h5 a { font-size:12px; font-weight:bold;}
.right-part .bundle .item { border-bottom:1px solid #ddd; margin:0 0 12px; padding-bottom:12px; overflow:hidden;}
.right-part .bundle .last { border:none; margin-bottom:0;}
.right-part .bundle .list { line-height:1.6em; font-size:11px; color:#aaa; font-style:italic; text-align:center; border:none;}
.right-part .bundle .list a { font-size:11px; color:#777;}
.right-part .bundle .img { text-align:center; padding:8px 0 0 0; border:none;}
.right-part .bundle .price { text-align:center; padding:4px 0; color:#FF3300; border:none;}
.right-part .bundle .price s{color:#506099;}
.right-part 
.right-part dl { padding:2px 16px 6px;}
.right-part dl sup { padding-left:6px; color:#f00; font-size:9px; display:inline;}
.right-part dl dt { font-weight:bold; padding:0 0 0 4px; color:#666; height:22px; line-height:22px;}
.right-part dl dd { display:block; padding:4px 0; line-height:2em;}
.right-part dl dd a { display:block; background:transparent url(../images/style/bgs-3.png) no-repeat scroll 2px -147px; padding:0 0 0 16px;}
.right-part dl dd a span { padding-left:4px; font-size:11px; color:#f70;}
.right-part p.twitter {border-top: 1px solid #CCC;padding: 5px 0 0 8px;width: 196px;margin: 7px 0 0 7px;border-bottom: none;}

/*compare*/
#main-cnt{ padding:20px 30px;}
#compare { margin:12px;}
#compare table .b-top { border-top:1px solid #aeaeae; text-align:center;}
#compare table .b-left { border-left:1px solid #aeaeae;}
#compare table .b-bottom { border-bottom:1px solid #aeaeae;}
#compare table tr td, #compare table tr th { border-bottom:1px solid #EFF3F4; border-right:1px solid #ccc; padding:8px 10px 10px 14px; vertical-align:center;} 
#compare table tr td { text-align:center;}
#compare table tr a { color:#07c;}
#compare table tr th { font-weight:normal;}
#compare table tr th img { padding:8px 0;}
#compare table tr.alt td,#compare table tr.alt th { background-color:#fafbfc;}
#compare table tr th.title-a { border-right:1px solid #EFF3F4; border-left:1px solid #aeaeae;}