@import url("../../../plugins/editors-xtd/gk_typography/css/typography.css");
/*****************************/
/*** Core html setup stuff ***/
/*****************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td{margin:0;padding:0; font:normal 12px/150% Verdana; font-family:Arial, Helvetica, sans-serif; vertical-align:middle;}
body{ padding:0;margin:0;width: 100%; background:#E7F6FA; color:#313131;}
table{border-collapse :collapse;border-spacing:0;}
img{border:0;}
a{color:#444; text-decoration:none;}
a:hover{ text-decoration:underline; color:#333333;}
ol,ul{list-style:none;}
caption,th{text-align:left; }
h1,h2,h3,h4,h5,h6{font:bold 100%/160% Verdana;}
/********************Content*****************************/
.yellow30{ font-size:36px; color:#FFFC00;}
.img_middle{ vertical-align:middle}
.img_caption { margin-bottom:40px; float:left;}
.img_caption p{ font-size:24px; color:#FF3600; text-align:center;}

.bt-buyNow{ background:url(../images/buy_btn.gif) no-repeat 0 2px; padding-left:22px; height:17px;}
.bt-buyNow a,.bt-buyNow{ font-size: 12.69px; color:#E45814; text-decoration:underline; font-weight:bold;}
.bt-downlaod{ background:url(../images/free_down.png) no-repeat 0 3px; padding-left:22px; height:16px; margin-left:15px;}
.bt-downlaod a,.bt-downlaod{ font-size: 12.69px; color:#2A8801; text-decoration:underline;font-weight:bold;}

.block-content h3{ font:30px Arial; color:#000000;}
.red-big{font-size:35px; color:#F30; padding:0 0 0 19px;}
.right-img{ padding:0 0 10px 20px; float:right; }
.link,.readon{ text-decoration:underline; color:#09F; color:13px;}
a.readon:hover{color:#09F;}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#header{ width:100%; margin:0 0 12px auto; margin-top:15px; _margin-bottom:5px;}
#header .header{ width:954px; height:106px; margin: 0 auto; padding:0;}
#header .header .logo{ float:left; width:126px;}
#header .header .top{ margin-top:15px; *margin-top:12px; width:828px; float:left;}
	#header .header .top .logo-text{ padding-left:20px;}
	.logo-text h1{ font-size:30px; color:#2F2F2F; font-family:"Times New Roman", Times, serif; float:left; margin:0; line-height:30px;}
	.logo-text h4{ font-size:24px; color:#1A85A8; font-family:Arial;float:left; margin:6px 0 0 10px;line-height:24px;}
#nav { margin: 19px 0 0 0; *margin-top:22px; height:42px; float:left;}
#nav .menu_c{ background:url(../images/menu_bgc.png) repeat-x; width:815px; *width:815px; height:42px; float:left;}
	#mainlevel-top-menu li{float:left; }
	#mainlevel-top-menu li a{ 
		float:left; 
		margin: 5px 0 0 15px; 
		display:block; 
		text-decoration:none; text-align:center;
		font-size:16px; 
		font-weight:bold; 
		color:#fff;
		width:94px; height:37px; line-height:37px;
	}
	#mainlevel-top-menu li a:hover{ color:#000}
	#mainlevel-top-menu li a#active_menu-top-menu{ color:#329BBC; background: url(../images/menu_active.png) no-repeat;}
#nav .menu_r{ background:url(../images/menu_bgr.png) no-repeat; width:11px; height:42px; float:left;}

#breadcrumb { width:954px; margin: -5px auto 6px auto; _margin: 0 auto 6px auto;}
.breadcrumb{ padding-left:10px; color:#555555;}
.breadcrumb a.pathway{ color:#218DD3;}


#wrap{ width:954px; margin: 0 auto;}

#co-content{ width:676px; float:left; margin: 0 auto; *width: 676px; _width: 676px;}
	#co-content .head-l{ background:url(../images/content_head_bgl.png) no-repeat; width:14px; height:14px; float:left;}
	#co-content .head-c{ background:url(../images/content_head_bgc.png) repeat-x; width:648px; height:14px; float:left;}
	#co-content .head-r{ background:url(../images/content_head_bgr.png) no-repeat; width:14px; height:14px; float:left;}
	#co-content .content{ background:url(../images/content_bg.png) #FFF repeat-y; width:646px; padding: 10px 15px 0 15px;}
	#co-content .foot-l{ background:url(../images/content_foot_bgl.png) no-repeat; width:14px; height:14px; float:left;}
	#co-content .foot-c{ background:url(../images/content_foot_bgc.png) repeat-x; width:648px; height:14px; float:left;}
	#co-content .foot-r{ background:url(../images/content_foot_bgr.png) no-repeat; width:14px; height:14px; float:left;}
	
#co-right{ width:258px; float:left; margin-left:20px;}
	#co-right .top_download,#co-right .top_sales,#co-right .ranked, #co-right .redownload
	{background:url(../images/title_bg.gif) #FAFAFA repeat-x 0px 0px; border: #fff 1px solid;}

#footer-wrap{ width:100%;}
.footer{ width:954px; height:44px; margin:0 auto; padding-top:15px;}
.footer-menu-l { background:url(../images/footer_bgl.png) no-repeat; width:11px; height:44px; float:left; clear:both;}
.footer-menu-c { background:url(../images/footer_bgc.png) repeat-x; width:932px; height:29px; float:left; text-align:center; padding-top:15px;}
.footer-menu-r { background:url(../images/footer_bgr.png) no-repeat; width:11px; height:44px; float:left;}

#footer-menu a { padding:0 10px; color:#CCCCCC; font-family:Arial; font-size:12px; height:12px; line-height:12px; border-right: #CCCCCC 1px solid;  }

#footer-menu a.no-border-right{ border: none;}


#footer-info .copyright {text-align:center; color:#747373; padding: 10px 0; *padding: 0 0 10px 0;}    

/*********************Banner****************************/
#banner{ 100%; height:267px; margin:0 auto 15px auto; padding:0 0 0 0; }

.banner-content{ width:952px; height:267px; margin:0 auto; background:url(../images/banner_bg2.jpg) no-repeat;}

.banner-info{ float:left; width:570px; height:220px; padding:15px 0 0 30px;}

.banner-info-content{ float:left; width:100%; height:180px; color:#FFF; font-size:13px; font-weight:normal;}

.banner-info h1{ font-size:29px; color:#FFF; font-family: Arial;}

.banner-more{ float:left; width:600px; padding:0 0 0 0;}
.banner-more img{ float:left;}
.banner-more span{ line-height:52px; margin: 0 0 0 15px;}
/*******************Modules********************************/
.fenge{ height:20px; width:100%; float:left;}
.moduleWrap .title-l{ width:5px; height:40px; float:left;}
.moduleWrap .title-c{ width:248px; height:40px; float:left;}
	.moduleWrap .title-c h3{ padding-left:35px; font-size:16px; font-family:Arial; color:#FFF; line-height:40px;}
.moduleWrap .title-r{ width:5px; height:40px; float:left;}
.moduleWrap .module-montent{border: 1px solid; border-top: none; background:#FFF; padding: 15px 0; width:256px; float:left; }

.awards .title-l{ background:url(../images/blue_title_bgl.png) no-repeat;}
.awards .title-c{ background:url(../images/blue_title_bgc.png) repeat-x;}
	.awards .title-c h3{ background:url(../images/award_ico.png) no-repeat 0px 8px;}
.awards .title-r{ background:url(../images/blue_title_bgr.png) no-repeat;}
.awards .module-montent{ border-color:#208BD1; text-align:center;}

.new-guides .title-l{ background:url(../images/green_title_bgl.png) no-repeat;}
.new-guides .title-c{ background:url(../images/green_title_bgc.png) repeat-x;}
	.new-guides .title-c h3{ background:url(../images/guide_ico.png) no-repeat 0px 8px;}
.new-guides .title-r{ background:url(../images/green_title_bgr.png) no-repeat;}
.new-guides .module-montent{ border-color:#8FB733; padding-left:15px; width:241px;}

.block{ padding:30px 0 0 0;}

.block-left{ float:left; width:5px; height:336px; background:url(../images/block-left.png) top left no-repeat;}

.block-content{float:left; width:95%; padding:15px 10px 15px 10px ; background:url(../images/block-content.png) repeat-x;}

.block-right{ float:left; width:5px; height:336px; background:url(../images/block-right.png) top right no-repeat;}





.clear{ clear:both;}