@charset "utf-8";
@import url("pagination.css");
/* CSS Document */

* { margin:0; padding:0; }
body { font-family:verdana; font-size:11px; color: black; background-color: #ECECEC; }
img { border:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
a.blue { color: #339999; }
.blue { color: #339999; }
.addthis { width:100%; margin:0 auto; position:absolute; top:0; left:0; z-index:2; }
#addthis_con { position: relative; top: 120px; width:130px; margin:0 auto; float:none; padding-left:820px; }
#addthis_tutorial { position: relative; top: 120px; width:130px; margin:0 auto; float:none; padding-left:820px; }
#addthis_list { position: relative; top: 235px; width:130px; margin:0 auto; float:none; }
.header { background-position: top; height:80px; margin:auto; clear:both; clear:both; width:100%; }
.header .wrap { width:960px; margin:auto; padding:0 8px 0 8px; background-position:top; }
.header .wrap .logo { float:left; width:192px;}
.header .wrap .logo img { float:left; padding-left:10px; padding-top: 5px;}
.header .wrap .slogan { float:left; color: #333333; padding-top:20px; padding-left: 80px; text-align:left; width:650px; height:55px; background:url(../images/top_split.jpg) no-repeat 5px 8px;}
.header .wrap .slogan h2 { font-family:verdana; font-size:14px; line-height: 34px; }
.header .wrap .slogan a { color: #333333; }
.header .wrap .links { float:right; width:340px; }
.header .wrap .links .first { color: #669999; height:24px; padding:12px 20px 0 0; text-align:right; width:320px; float:left; }
.header .wrap .links .first a { color: #333333; padding:0 10px; }
.header .wrap .links .box {  margin-top:2px; line-height:16px; float:left; padding-left:182px; width:158px;}
.header .wrap .links .box a { color: #333333; padding:0 0 0 20px; }
.header .wrap .links .box02 { width:180px; }

.buybutton { height: 20px; text-align:right;}

#nav-bg {
	width: 960px; height: 36px;
	margin: 0 auto;
	padding: 0 0;
}

#topmenu{/*border: 1px solid #ff5555;*/
	width:960px; height:36px; margin: 0 auto; padding:0 0 0 0; text-align:center;
	background-image:url(../images/menu-background.gif);
	background-repeat: no-repeat;
}

#topmenu a {font-size:14px; color:#fff; text-decoration:none; font-weight:normal; }

#topmenu a:link{ color:#fff; }
#topmenu a:visited{ color:#fff; }
#topmenu a:hover{ color:#ff0; }
#topmenu a:active{ color:#fff; }

/* GLOBALHEADER */

#topmenu #globalnav { width: 850px; margin: 0 auto; padding: 0; }
#topmenu #globalnav li { display: inline; height: 36px; padding-left: 0px; margin-left: 10px;}
#topmenu #globalnav li a { float: left; width: 130px; padding-top: 8px; padding-bottom: 8px; margin-left:0px; margin-right:10px; padding-left: 0px; padding-right: 0px; overflow: hidden; 
background-image: url(../images/menu-background.gif); _background-image: url(../images/menu-background.gif); background-repeat: no-repeat; }

/* BUTTONS */
#topmenu #globalnav li a { background-image: url(../images/menu-background.gif); background-position: -109px 0; }
/* OVER STATES */
#topmenu #globalnav li a:hover { background-image: url(../images/menu-over.gif); background-position: 0px 0px; background-repeat: no-repeat;}
/* ON STATES */
#topmenu.home #globalnav li#gn-home a,
#topmenu.features #globalnav li#gn-features a,
#topmenu.download #globalnav li#gn-download a,
#topmenu.buy #globalnav li#gn-buy a,
#topmenu.support #globalnav li#gn-support a,
#topmenu.promote #globalnav li#gn-blog a { color: #000; background-image: url(../images/menu-selected.gif); background-position: 0px 0px; background-repeat: no-repeat;}

#top_promote { background-image:url('../images/promote/index_top_big.jpg'); background-repeat:no-repeat; height:213px; width:380px; margin:0; padding-left: 580px; padding-top: 20px; float:left; display:inline; margin-top: 5px;}
#top_promote ul { padding-left: 0; margin-left: 0; font-family:Verdana, Geneva, sans-serif; font-size:17px; color:#fff; line-height:26px;}
#top_promote ul li { list-style: none; background-image: url('../images/li-green.gif');
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
 	font-size: 12px; color: #fff;
 	padding-left: 20px;
}

.main { margin:0 auto; padding:0; margin-bottom: 0px; clear:both; width: 960px/*!important*/; }

.no_bg { background-image:none; background-color:#FFFFFF; }
.main_left { width:690px; float:right; }
.main_right { width:250px; float:left; margin:0; _margin:0; padding:0; background:url(../images/product_list_bg.gif) repeat-y;}
.main_cen { width:800px; margin:auto; clear:both; }
.main_cen_1000 { width:1000px; margin:auto; clear:both; background:url(../images/common/main_bg.gif) repeat-y; padding:0 8px 0 8px; background-position:top; }
.main_right .top_ad { background:#fff; padding-bottom:10px; }
.main_right .item h1 { line-height:30px; font-size:20px; padding-left:55px; color: #333333; font-family:arial; font-weight:normal; float:left; }
.main_right .item h1 a { color: black; }
.main_right .item h1.products { background:url(../images/icon_products.gif) no-repeat 15px center; }
.main_right .item h1.news { background:url(../images/icon_news.gif) no-repeat 15px center; }
.main_right .item h1.links { background:url(../images/icon_links.gif) no-repeat 15px center; }
.main_right .item h1.related { background:url(../images/icon_related.gif) no-repeat 15px center; }
.main_right .item h1.toptips { background:url(../images/icon_related.gif) no-repeat 15px center; }
.main_right .item a.more { float:right; color: black; font-size:12px; padding:20px 5px 0 0; }
.main_right .category_mac a { background:url(../images/category_left_mac.gif) no-repeat left; }
.main_right .list { list-style:none; padding: 0px 10px 10px 20px; float:left; }
.main_right .list li { height:20px; float:left; width:210px; }
.main_right .list .point { color: #333333; background:url(../images/arrow_list.gif) no-repeat left; padding-left:10px; font-weight:normal; }
.main_right .list a { color: #333333; background:url(../images/arrow_list.gif) no-repeat left; padding-left:10px; font-weight:normal; }
.main_right .list img { margin-left:5px; }
.main_right p { padding-top: 10px; padding-left: 18px; padding-right: 8px; padding-bottom: 10px; margin:0; float: left; }
.main_right p a {color: #333333; text-decoration:underline; font-weight:normal; }
.main_right p a:hover { color: #333333; text-decoration:none; }
.main_right .ad { float:left; width:250px; text-align:center; }
.main_right .item { background:url(../images/title_bg.gif) no-repeat top; padding:12px 0 7px 0; float:left; width:250px; }
.main_right .category { width:235px; float:left; height:28px; line-height:28px; background:url(../images/category_bg.gif) repeat-x; font-size:12px; border-left: 1px solid #999999; border-right: 1px solid #999999;  padding-left:13px;}
.main_right .category dis_pack{ background:url(../images/category_bg_2.gif) repeat-x; border:none}
.main_right .category a { color: black; background:url(../images/black_arrow.gif) no-repeat 5px center; float:left; line-height:28px; padding-left:20px; }
.main_right .category .more { color: #333333; float:right; line-height:28px; background-image:none; font-size:11px; padding:0 10px 0 0; font-weight:normal; }
.main_right .firstcategory { width:237px; float:left; height:28px; line-height:28px; background:url(../images/category_bg_2.gif) repeat-x; font-size:12px; padding-left:13px;}
.main_right .firstcategory a { color: black; background:url(../images/black_arrow.gif) no-repeat 5px center; float:left; line-height:28px; padding-left:20px; }
.main_right .firstcategory .more { color: #333333; float:right; line-height:28px; background-image:none; font-size:11px; padding:0 10px 0 0; font-weight:normal; }
.main_right .category_mac { background:url(../images/category_bg_mac.gif) repeat-x; }
.main_right .list_mac { background:url(../images/mac_list_bg.gif) repeat-y; padding:10px 0 0 20px; }
.main_right #right_list_6 { width:250px; background:url(../images/mac_list_bottom.gif) no-repeat bottom; padding-bottom:11px; float:left; }
.main_right .ad_img { clear:both; width:250px; background:#fff; padding:10px 0; }
.main_right div.related { padding:3px 0 10px 0; float:left; width:250px; }
.main_right .item h1.related { line-height:50px; background:url(../images/icon_r.jpg) no-repeat 15px center; }
.main_right .spaceline { clear:both; width:250px; background:#ececec; padding:10px 0; }

.main_right .hottags { line-height:26px; padding:3px 10px 3px 30px; text-decoration:none; }
.main_right .hottags a { color: #555; padding-right: 20px; text-decoration:none; font-weight:normal; }
.main_right .hottags a:hover { color: #555; text-decoration:underline; }

.main_right .list02 { list-style:none; float:left; padding:10px 15px 20px 0px; }
.main_right .list02 li { line-height:20px; background:url(../images/icon_list.gif) no-repeat 10px 8px; padding:3px 10px 3px 30px; float:left; width:195px; }
.main_right .list02 li a { color: #333333; text-decoration:underline; font-weight:normal; }
.main_right .list02 li a:hover { color: #333333; text-decoration:none; }

.main_right .list03 { list-style:none; float:left; padding:10px 15px 20px 0px; background:url(../images/product_list_bottom.gif) no-repeat bottom; }
.main_right .list03 li { line-height:20px; background:url(../images/icon_list.gif) no-repeat 10px 8px; padding:3px 10px 3px 30px; float:left; width:195px; }
.main_right .list03 li a { color: #333333; text-decoration:underline; font-weight:normal; }
.main_right .list03 li a:hover { color: #333333; text-decoration:none; }

.main_right .bottom{ float: left; display:block; width: 250px; height: 11px; background:url(../images/product_list_bottom.gif) no-repeat bottom; }

/*fun righr product list*/
#right_list_1 { width:auto; }
#right_list_2 { width:auto; }
#right_list_3 { width:auto; }
#right_list_4 { width:auto; }
#right_list_5 { width:auto; }
#right_list_6 { width:auto; }
#right_list_7 { width:auto; }
/*navigation*/
.navigation { width:100%; text-align:center; }
.navigation a { color: black; text-decoration:none; }
.navigation a:hover { color: black; text-decoration:underline; }
/* price*/
.price_now { color: #990000; }
.price_old { color: #cc6633; text-decoration:line-through; margin-right:10px; }
/*clear*/
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.small_page { width:460px; padding:20px 0 0 30px; font-family:verdana; font-size:11px; color: #666666; }
.small_page h1 { font-weight:normal; font-size:18px; color: black; margin:0; padding:0; padding-bottom:30px; }
.small_page ul { list-style:none; margin:0; padding:0; padding-bottom:10px; }
.small_page li { color: black; margin:0; padding:0; height:30px; }
.small_page li span { margin-left:10px; color: red; }
.small_page li span.gray { color: black; }
.small_page li.on { color: black; }
.small_page a { color: #009999; font-weight:bold; }
.small_page img { margin-top:20px; }
.small_page p { margin:0; padding:0; }
/* homepage ad box*/
.ad_box, .ad_box .wrap01, .ad_box .wrap02 { width:710px; float:left; }
.ad_box .pic { padding:10px 0 0 10px; float:left; width:120px; }
.ad_box .text { float:left; padding:14px 0 0 0; width:520px; line-height:18px; }
.ad_box .text h1 { font-size:11px; padding:0; margin:0; color: #333333}
.ad_box .text h1 a { color: #333333; text-decoration:none; }
.ad_box .text h1 a:hover { text-decoration: underline; }
.ad_box .text h1 span { color: #990000}
.ad_box .text p { font-size:11px; color: #333333; padding:0; margin:4px 0 4px 0; width:520px; height:60px; }
.ad_box .text p a { color: #333333; text-decoration:none; }
.ad_box .links { font-size:11px; color: #333333}
.ad_box .links a { font-weight:bold; color: #009999; text-decoration:none; display:inline-block; line-height:14px; background-image:url(../images/ad-dot.gif); padding-left:10px; background-repeat:no-repeat; background-position:0 4px; margin-right:5px; }
.ad_box .links a.ad_download { margin-left:20px; }
.ad_box .links a:hover { text-decoration:underline }
.ad_box .links span { font-weight:bold; color: #990000; margin-right:10px; }
.gray_box { background:url(../images/gray_bg.jpg) repeat-y; }
.gray_box .wrap01 { background:url(../images/gray_top.jpg) no-repeat top; }
.gray_box .wrap02 { background:url(../images/gray_bottom.jpg) no-repeat bottom; padding-bottom:10px; height:120px; }
.no_box { background:url(../images/gray_bg.jpg) repeat-y; }
.no_box .wrap01 { background:url(../images/no_top.jpg) no-repeat top; }
.no_box .wrap02 { background:url(../images/gray_bottom.jpg) no-repeat bottom; padding-bottom:10px; height:120px; }
.no_box .pic { width:190px; }
.no_box .text { width:500px; }
.no_box .text ul { margin-left:20px; }
.no_box .left_side .pic { width:85px; }
.no_box .right_side .pic { width:85px; margin:0 0 0 5px; }
.no_box .text { width:500px; }
.no_box .left_side .text { width:257px; margin-right:5px; }
.no_box .cen_line { margin:15px 0 0 0; border-left: #cccccc 1px solid; width:1px; height:100px; float:left }
.no_box .left_side .text h3 { font-size:12px; }
.no_box .left_side .text h3 a { color: #333333; font-size:12px; }
.no_box .left_side .text .ad_con { height:90px;}
.no_box .left_side .text .ad_free_trial img { float:right; padding:0 4px 0 0 }
.no_box .right_side .text { width:247px; }
.no_box .right_side .text h3 { font-size:12px; }
.no_box .right_side .text h3 a { color: #333333; font-size:12px; }
.no_box .right_side .text .ad_con { height:90px;}
.no_box .right_side .text .ad_free_trial img { float:right; padding:0 4px 0 0}
.no_box .text ul { margin-left:20px; }
.yellow_box { background:url(../images/yellow_bg.jpg) repeat-y; }
.yellow_box .wrap01 { background:url(../images/yellow_top.jpg) no-repeat top; }
.yellow_box .wrap02 { background:url(../images/yellow_bottom.jpg) no-repeat bottom; padding-bottom:10px; }
/* homepage ad box*/
/*breadcrumbnavigation*/
.breadcrumbnavigation {width:980px; margin:0 auto; color: black; margin:0 10px 10px 10px; border-bottom: #cccccc 1px solid; line-height:36px; }
.breadcrumbnavigation a { color: #333333; line-height:36px;  }
.breadcrumbnavigation .top_left{ width:650px;float:left;}
.breadcrumbnavigation span { color: #006699;}
.breadcrumbnavigation span img {margin:0px 0 0 0px; vertical-align:top;}
.breadcrumbnavigation .bookmark{float:right;height:35px; vertical-align:text-top; margin-top:15px;}
.breadcrumbnavigation .twitter_facebook img{margin-left:5px;}
.breadcrumbnavigation .twitter_facebook{margin-right:20px; padding-top:15px;}
.crumb { width:900px; padding:5px 0 10px 15px; color: #333333; height:20px; _padding-bottom:0px;}

.top_menu { margin:0 auto; margin-top: -5px; height:41px; clear:both; width:900px;}

.error a { color: black; }
.errorpage { padding-top:30px; padding-left:10px; }
.errorpage h1 { font-size:16px; }
.new_search { float:right; padding-right:28px; width:250px;}
.new_search ul{}
.new_search ul li{ float:left; width:125px;}
.new_search ul li from{ margin:0; padding:0}
.new_search ul li a { float:left; margin-left:5px;}

.new_search ul li strong{ padding-bottom:6px; font-weight:normal; float:left; line-height:19px;}
.new_search input { float:left; }
.searchbox { border: 1px solid #99cccc; height:16px; width:100px; }
.noright_content { width:880px; margin:auto; clear:both; padding:0 10px 30px 10px; }
.wb { background-color:#FFF; padding-top:10px; clear:both;}


/* for features. */
.ft {font-weight:bold; padding-top: 8px; padding-bottom: 10pt; padding-left:10px; height: 5px; color:#000;}
.fd {margin:0; padding:0; line-height: 12px!important; margin-left:26px!important; padding-left: 10px; background:transparent url(../images/arrow_list.gif) no-repeat 0px 2px; }
.fd a{font-size:12px;}


#footer{
	width:940px;
	float:left;
	margin-top:10px;
	margin-bottom: 10px;
	color:#c7c7c7;
	padding: 5px 10px 7px 10px;
	clear:both;
	background-image:url(../images/bottom-bg.jpg);
	background-repeat:repeat-x;
}
	
#footer .copyright{ float:right; }

#footer a:link{color:#ddd; text-decoration:underline;}
#footer a:visited{color:#ddd; text-decoration:underline;}
#footer a:hover{color:#fff; text-decoration:none;;}
#footer a:active{color:#ddd; text-decoration:underline;}

#footer .bottom-menu{ float:left; }

#hottopic
{
	width:940px;
	float:left;
	margin: 0 auto;
}

#hottopic p
{
	margin: 0;
	color:#aaa;
}
#hottopic a
{
	margin: 0;
	color:#c7c7c7;
	text-decoration:underline;
}



