@charset "utf-8";
body { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;text-align:center;margin:0;padding:0;background-color:#ffffff;color:#000000;background-image: url(images/body_bg.gif);background-repeat: repeat-x;background-position: left top; line-height:18px; }
td,th,input,div,span { color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; line-height:18px; }
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; }
div,ul,li,td, { zoom:100%; }
ul,ol { margin:0; padding:0; }
li { list-style:none outside; }
img { border:none; }
a,a:link,a:visited { color:#21619E; text-decoration:none; }
a:hover { color:#21619E; text-decoration:underline; }
a:active { color:#000000; text-decoration:none; }
.clear { clear:both; height:0px; font-size:0px; line-height:0px; }
.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*/
#header{width:960px;margin:0 auto 0 auto;}
#header #inspiration{ height:31px; }
#header #inspiration .left{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; line-height:31px;}
#header #inspiration .right{ float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; line-height:31px; background-image: url(images/contact.jpg);background-repeat: no-repeat;background-position: left center; padding-left:25px;}
#header #inspiration .right a { color:#FFFFFF;}
#header #logo{ height:105px;background-image: url(images/top_bg.gif);background-repeat: no-repeat;background-position: left top;}
#header #logo .logo_left{ float:left; width:263px;}
#header #logo #link{ float:right; width:697px; height:105px; display:inline; }
#header #logo #link #newsletter{ text-align:right;height:36px; margin-top:18px;}
#header #logo #link #newsletter .newsletter_icon{ background:url(images/newsletter.jpg) left center no-repeat; padding:9px 8px 9px 22px; color:#FFFFFF;display:block; float:right;}
#header #logo #link #newsletter .sitemap_icon{ background:url(images/twitter.jpg) left center no-repeat; padding:9px 8px 9px 22px; color:#FFFFFF;display:block; float:right;}
#header #logo #link #newsletter .facebook_icon{ background:url(images/contact.jpg) left center no-repeat; padding:9px 8px 9px 22px; color:#FFFFFF;display:block; float:right;}
#header #logo #link #newsletter a{ color:#F2F2F2; }
#header #logo #link #nav{ height:28px; margin-top:23px; text-align:right; }
#header #logo #link #nav ul{ margin:0 0 0 15px; }
#header #logo #link #nav ul li{ float:left; }
#header #logo #link #nav ul li a,#nav ul li a:link,#nav ul li a:visited { color:#FFFFFF; }
#header #logo #link #nav ul li a:hover { color:#5388BC; }
#header #logo #link #nav ul li a:active { color:#E8F0F9; }
#header #logo #link #nav ul li a{ width:97px;height:28px; line-height:28px; text-align:center;display:block;font-weight:bold;color:#FFFFFF;overflow:hidden;font-size:14px;font-family:Arial, Helvetica, sans-serif;background-image: url(images/nav_bg.gif);background-repeat: no-repeat;background-position: left top;text-decoration:none;}
#header #logo #link #nav ul .on { background:url(images/nav_bg.gif) no-repeat left top; color:#000000;}
#header #logo #link #nav ul .on a { background:url(images/nav_a_bg.gif) no-repeat right top ; color:#373737;text-decoration:none;}
/*navigation DownMenu*/
#header #logo #link #nav ul li ul { line-height: 28px; text-align:left; left: -999em; width: 97px; position: absolute; border: 1px solid #D9D9D9; margin: 0; padding : 0; list-style : none;} 
#header #logo #link #nav ul li ul li{ width: 97px;} 
#header #logo #link #nav ul li ul a{ wedisplay: block; width:73px !important; width: 97px;text-align:left;padding-left:24px; font-weight:normal; background: #F6F6F6; } 
#header #logo #link #nav ul li ul a:link { color:#666; text-decoration:none; } 
#header #logo #link #nav ul li ul a:visited { color:#666;text-decoration:none; } 
#header #logo #link #nav ul li ul a:hover { color:#F3F3F3;text-decoration:none;font-weight:normal; background:#A9A9A9;  } 
#header #logo #link #nav ul li:hover ul { left: auto; } 
#header #logo #link #nav ul li.sfhover ul { left: auto; } 

/*banner*/
#banner{ width:960px; height:238px; margin:10px auto; }

/*main*/ 
#main{ width:960px; margin:0 auto 0 auto; }
#main #introduction{ margin-bottom:10px;}
#main #introduction .introduction_title{height:21px;background-image: url(images/moyeaplayerbox_title_bg.gif);background-repeat: no-repeat;background-position: left top;}
#main #introduction #introduction_content{background-image: url(images/moyeaplayerbox_bg.gif);background-repeat: repeat-x;background-position: left top; border-left:1px solid #C1C1C1; border-right:1px solid #C1C1C1; padding-left:20px; padding-right:20px; }
#main #introduction #introduction_content #introduction_content_left{ width:660px; float:left; margin-right:10px;}
#main #introduction #introduction_content #introduction_content_left .name{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
#main #introduction #introduction_content #introduction_content_left .name a{color:#000000;}
#main #introduction #introduction_content #introduction_content_left .name a:hover{ color:#21619E; text-decoration:none;}
#main #introduction #introduction_content #introduction_content_left .overview{margin-top:15px;}
#main #introduction #introduction_content #introduction_content_left .overview .overview_left{ float:left; margin-right:15px; }
#main #introduction #introduction_content #introduction_content_left .overview .overview_right{ width:510px;float:left; margin-bottom:15px; }
#main #introduction #introduction_content #introduction_content_left .button{ margin-top:15px;}

#main #introduction #introduction_content #introduction_content_left .button .download{ float:left; margin-right:10px; }
#main #introduction #introduction_content #introduction_content_left .button .buynow{  float:left;}

#main #introduction #introduction_content #introduction_content_right{ float:right;}
#main #introduction #introduction_content #introduction_content_right .img{ margin-bottom:10px;}
#main #introduction #introduction_content #introduction_content_right .introduction_content_right_button{ text-align:center; height:35px;}

#main #introduction #introduction_content #introduction_content_download{ width:210px;float:left; border-right:1px solid #DDDDDD; }
#main #introduction #introduction_content #introduction_content_download .name{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; padding-bottom:5px;padding-right:10px;}
#main #introduction #introduction_content #introduction_content_download .address{ color:#FF0000; font-weight:bold;}
#main #introduction #introduction_content #introduction_content_download .input { border:1px solid #B5B5B5; width:200px; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:20px;}
#main #introduction #introduction_content #introduction_content_download .td_name{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px;}
#main #introduction #introduction_content #introduction_content_download .btn{ width:139px; height:30px; line-height:30px;background: url(images/download_now.jpg) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; color:#000; padding-left:35px;  text-decoration:none; border:none; }
#main #introduction #introduction_content #introduction_content_download .btn a{ text-decoration:none; }
#main #introduction #introduction_content #introduction_content_download .order_now{ background-color:#E9E9E9;  margin-top:8px; margin-right:10px; padding-left:6px; padding-top:6px; padding-right:6px; padding-bottom:6px;}
/*Gray 2009-10-15 start*/
/*Gray 2009-10-15* end*/

#main #introduction #introduction_content #introduction_content_overview{ float:left; width:440px; margin-left:15px;}
#main #introduction #introduction_content #introduction_content_overview .overview_name{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
#main #introduction #introduction_content #introduction_content_overview .overview_content{ margin-top:8px;}



#main #introduction .introduction_footer{height:23px;background-image: url(images/moyeaplayerbox_footer_bg.gif);background-repeat: no-repeat;background-position: left top; }



#main #other{ margin-bottom:10px;}
#main #other #features{ width:710px; float:left;}
#main #other #features .features_title{height:21px;background-image: url(images/features_title.gif);background-repeat: no-repeat;background-position: left top;}
#main #other #features .features_content{ padding-left:20px; padding-right:20px;border-left:1px solid #C1C1C1; border-right:1px solid #C1C1C1;}
#main #other #features .features_content .features_one{ width:322px; border-right:1px solid #C1C1C1; float:left;}
#main #other #features .features_content .features_one .features_name{ margin-right:20px;font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
#main #other #features .features_content .features_one .features_overview{ margin-right:20px;}
#main #other #features .features_content .features_2{ width:322px; float:left; margin-left:15px;}
#main #other #features .features_content .features_2 .features_name{ margin-right:20px;font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
#main #other #features .features_content .features_2 .features_overview{ margin-right:20px;}
#main #other #features .features_content .features_3{ width:205px; float:left; margin-left:20px;}
#main #other #features .features_content .features_3 .features_name{ margin-right:20px;font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
#main #other #features .features_content .features_3 .features_overview{ margin-right:20px;}


#main #other #features .features_footer{ height:23px;background-image: url(images/features_fooyer.gif);background-repeat: no-repeat;background-position: left top;}
#main #other #news{ width:240px;float:right; margin-left:10px;}
#main #other #news .news_title{height:29px; background-image: url(images/news_title.gif);background-repeat: no-repeat;background-position: left top; }
#main #other #news .news_title .news_title_left{ line-height:29px;float:left;font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-left:15px;}
#main #other #news .news_title .news_title_right{ float:right; line-height:29px; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;  padding-right:15px;  }
#main #other #news .news_title a{ color:#000000;}
#main #other #news .news_title a:hover{ color:#21619E; text-decoration:none;} 
#main #other #news .news_content{ padding-left:20px; padding-right:20px; padding-top:5px;border-left:1px solid #C1C1C1; border-right:1px solid #C1C1C1;}
#main #other #news .news_content  ul { margin:0px; padding:0px; }
#main #other #news .news_content  ul li { list-style:none outside; border-bottom:1px solid #E6E6E6; padding:10px 0px 10px 0px; font-size:11px; line-height:18px; color:#333333; }
#main #other #news .news_footer{ height:23px; background-image: url(images/news_footer.gif);background-repeat: no-repeat;background-position: left top;}

#main #other #skins{ width:460px; float:left; }
#main #other #skins .skins_title{height:29px; background-image: url(images/skins_title.gif);background-repeat: no-repeat;background-position: left top; }
#main #other #skins .skins_title .skins_title_left{ line-height:29px;float:left;font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-left:15px;}
#main #other #skins .skins_title .skins_title_right{ float:right; line-height:29px; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; padding-right:15px; }
#main #other #skins .skins_title a{ color:#000000;}
#main #other #skins .skins_title a:hover{ color:#21619E; text-decoration:none;} 
#main #other #skins .skins_content{ padding-left:15px; padding-right:15px; padding-top:17px;border-left:1px solid #C1C1C1; border-right:1px solid #C1C1C1;}
#main #other #skins .skins_content .images{ padding-bottom:15px;}
#main #other #skins .skins_content .overview{ margin:0px;}
#main #other #skins .skins_footer{ height:23px; background-image: url(images/skins_footer.gif);background-repeat: no-repeat;background-position: left top;}

#main #other #pb_skins{ float:left; width:708px;}
#main #other #pb_skins .skins_title{background-image: url(images/skins_title_bg.gif);background-repeat: no-repeat;background-position: left top; height:29px;}
#main #other #pb_skins .skins_title .skins_title_name{line-height:29px;float:left;font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-left:15px;}
#main #other #pb_skins .skins_title a{ color:#000000; text-decoration:none;}
#main #other #pb_skins .skins_title .skins_title_more{ float:right; padding-right:15px; line-height:29px;}

#main #other #pb_skins .skins_scroll{ margin-top:10px; margin-bottom:10px;}
#main #other #video{ float:right; border:1px solid #C8C8C8;}



/*footer*/
#footer{ background-color:#565656; text-align:center;}
#footer #line{ width:960px; margin:0 auto 0 auto; text-align:center; color:#FFFFFF; padding-top:5px; padding-bottom:5px; }
#footer #line a{ color:#FFFFFF;}
#footer #line a:hover{text-decoration:underline; }