@charset "utf-8";
/* CSS Document by Gray 2008 */
body { background:#fff; font-size:11px; vertical-align:top; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; width:100%; text-align:center; margin:0; padding:0 0 10px 0; }
td,th,input,div,span { color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; line-height:18px; font-size:11px; }
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend { margin:0;padding:0; text-align:left; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
ul,ol { margin:0; padding:0; }
li { list-style:none outside; }
img { border:none; }
a,a:link,a:visited { color:#2871c0; text-decoration:none; }
a:hover { color:#2871c0; text-decoration:underline; }
a:active { color:#000; text-decoration:none; }
.clear { clear:both; height:0px; font-size:0px; line-height:0px; margin-top:-1px; }
.clear_left { clear:left; height:0px; font-size:0px; line-height:0px; }
.clear_right { clear:right; height:0px; font-size:0px; line-height:0px; }

#header,#main { width:960px; margin:10px auto 0 auto; }
/*#header*/
#header #logo { float:left; display:inline; width:158px; margin:5px 0 0 0; }
#header .container { float:right; width:802px; display:inline; }
#header .container #links { text-align:right; line-height:19px; width:175px; float:right; display:inline; }
#header .container #links .newsletter { background:url(/images/newsletter.gif) left center no-repeat; padding:0 15px 0 30px; line-height:18px; border-right:1px solid #848280; display:block; float:left; }
#header .container #links .rss { padding:1px 0 0 0; margin:0 0 0 15px; line-height:18px; display:block; float:right; }
#header .container .nav_search { background:url(/images/mx_share_now/nav_bg.gif) center 8px no-repeat; height:33px; clear:both; padding:8px 0 0 0; }
#header .container #nav { height:33px; float:right; }
#header .container #nav li { height:33px; float:left; }
#header .container #nav li { position:relative; background:url(/images/mx_share_now/nav_li.gif) left center no-repeat; height:33px }
#header .container #nav li a { display:block; line-height:33px; padding:0 20px 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
#header .container #nav li .drop { background:url(/images/mx_share_now/nav_drop.gif) right center no-repeat; padding:0 30px 0 15px !important; }
#header .container #nav li a,#header .container #nav li a:link,#header .container #nav li a:visited { color:#333; }
#header .container #nav .home { background:none !important; }
#header .container #nav li a:hover { color:#2871c0; text-decoration:none; }
#header .container #nav li ul { left:-999em; border-top:1px solid #ccc; position:absolute; width:170px; height:auto !important; }
#header .container #nav li ul li { border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; float:none !important; height:auto !important; background:none !important; height:auto !important; }
#header .container #nav li ul li a { font-family:Verdana, Arial, Helvetica, sans-serif !important; font-size:11px !important; line-height:24px !important; display:block; background:none; padding:0 15px 0 15px !important; font-weight:normal !important; }
#header .container #nav li ul li a:link,#header .container #nav li ul li a:visited { background:#eee; color:#000; }
#header .container #nav li ul li a:hover { background:#fff !important; color:#2871c0 !important; font-weight:bold; text-decoration:none; }
#header .container #nav li:hover ul { left:auto; }
#header .container #nav li.sfhover ul { left:auto; }

#header .container #search { height:33px; float:right; padding:0 15px 0 15px; border-left:1px solid #aaa; }
#header .container #search .input { border-left:1px solid #848280; border-top:1px solid #848280; border-bottom:1px solid #fff; border-right:1px solid #fff; width:95px; text-indent:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:6px 5px 0 0; background:#eee; }
#header .container #search .btn { background:none; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333; margin:6px 0 0 0; }

#main #banner { height:280px; background:url(/images/mx_share_now/banner_bg.jpg) center center no-repeat; text-align:left; }
#main #banner #info { width:470px; margin:20px 0 0 20px; color:#333; float:left; display:inline; }
#main #banner .title { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#666; line-height:26px; }
#main #banner .subtitle { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#a00; line-height:24px; }
#main #banner .share { margin:10px 0 0 0; }

#main #products { margin:10px 0 0 0; }
#main #products ul li { width:475px; float:left; background:url(/images/mx_share_now/product_li.gif) center top repeat-y; display:inline; zoom:100%; }
#main #products ul li .pic { float:left; display:inline; }
#main #products ul li .intro { float:right; width:340px; display:inline; }
#main #products ul li .intro .name { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:left; }
#main #products ul li .intro .download { background:url(/images/small_download.gif) left center no-repeat; margin:5px 0 0 0; }
#main #products ul li .intro .purchase { background:url(/images/small_purchase.gif) left center no-repeat; margin:5px 0 0 0; color:#333; }
#main #products ul li .intro .download a,#main #products ul li .intro .purchase a { line-height:18px; padding:0 0 0 25px; font-size:11px; color:#2871c0; }
#main #products ul li .intro font { color:#FF0000; font-size:11px; }
#main #products ul li .intro span { color:#666; font-size:11px; text-decoration:line-through; }

#main #products ul li .top { background:url(/images/mx_share_now/product_li_top.gif) center top no-repeat; height:10px; }
#main #products ul li .content { padding:0 10px 0 10px; }
#main #products ul li .bottom { background:url(/images/mx_share_now/product_li_bottom.gif) center top no-repeat; height:10px; clear:both; }

#main #focus { background:url(/images/mx_share_now/main_part_bg.gif) center top repeat-y; margin:10px 0 0 0; }
#main #focus .title { background:url(/images/mx_share_now/main_part_title.gif) center top no-repeat; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333; line-height:35px; padding:0 10px 0 10px; }
#main #focus .content { padding:10px; background:url(/images/mx_share_now/main_part_bottom.gif) center bottom no-repeat; }
#main #focus .content .pic { float:left; display:inline; border:1px solid #dedede; }
#main #focus .content .intro { float:right; width:710px; display:inline; }
#main #focus .content .intro .name { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:left; }
#main #focus .content .intro .download { background:url(/images/small_download.gif) left center no-repeat; margin:5px 0 0 0; }
#main #focus .content .intro .purchase { background:url(/images/small_purchase.gif) left center no-repeat; margin:5px 0 0 0; color:#333; }
#main #focus .content .intro .download a,#main #focus .content .intro .purchase a { line-height:18px; padding:0 0 0 25px; font-size:11px; color:#2871c0; }
#main #focus .content .intro font { color:#FF0000; font-size:11px; }
#main #focus .content .intro span { color:#666; font-size:11px; text-decoration:line-through; }

#main #cooperator { background:url(/images/mx_share_now/main_part_bg.gif) center top repeat-y; margin:10px 0 0 0; }
#main #cooperator .title { background:url(/images/mx_share_now/main_part_title.gif) center top no-repeat; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333; line-height:35px; padding:0 10px 0 10px; }
#main #cooperator .content { padding:5px 10px 5px 10px; background:url(/images/mx_share_now/main_part_bottom.gif) center bottom no-repeat; }
#main #cooperator .content table tr td { text-align:center; padding:5px 0 5px 0; }
/*footer*/
#footer { width:960px; margin:10px auto 0 auto; padding:5px 0 0 0; border-top:2px solid #ccc; }
#footer .links { float:left; color:#666666; }
#footer .copyright { float:right; color:#666666; text-align:right; }
#footer .copyright a { color:#666666; }
#footer .copyright a:hover { color:#666666; text-decoration:underline; }