body{
	margin: 0;
	font-family : verdana, sans-serif;
	font-size : 11px;
/*	color: #666;*/
	line-height: 150%;
	background-color: #eee;
}
A:link {color:#0054a6; text-decoration:none}
A:visited {color:#0054a6; text-decoration:none}
A:active {color:#0054a6; text-decoration:underline}
A:hover {color:#0054a6; text-decoration:underline}
ul{
	list-style-image: url(images/list_icon.gif);
	text-align: left;
}
form{
	margin: 0;
}
input, textarea, select{
	font-size : 10px;
	font-family : verdana, sans-serif;
}
hr{
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 1px;
}
table{
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}
td{
	font-family : verdana, sans-serif;
	font-size : 11px;
	color: #666;
	line-height: 150%;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.titleTd{
	font-family : verdana, sans-serif;
	font-size : 11px;
	color: #666;
	line-height: 150%;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #eee;
	font-weight: bold;
	vertical-align: top;
}
/* bottom text and links */
.bottom {text-align: center;}
.bottom A:link {color:#666; text-decoration:none}
.bottom A:visited {color:#666; text-decoration:none}
.bottom A:active {color:#666; text-decoration:underline}
.bottom A:hover {color:#666; text-decoration:underline}
#header{
	position: static;
	width: 100%;
	text-align: center;
}
#tableHeader{
	margin: 0 auto 0 auto;
	width: 850px;
	background-color: #fff;
	text-align: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#logo{
	margin: 10px 0 5px 20px;
	border: 0;
}
#headerText{
	float: right;
	color: #666;
	margin: 10px 30px auto auto;
	text-align: right;
}
#headerText A:link {color:#666; text-decoration:none}
#headerText A:visited {color:#666; text-decoration:none}
#headerText A:active {color:#666; text-decoration:underline}
#headerText A:hover {color:#666; text-decoration:underline}
#container{
	position: static;
	width: 100%;
	text-align: center;
}
#content{
	margin: 0 auto;
	width: 850px;
	background-color: #fff;
	text-align: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #666;
}
#leftColumn{
	width: 550px;
	padding: 10px;
	text-align: left;
}
#rightColumn{
	float: right;
	width: 250px;
	padding: 10px;
	text-align: left;
}
#wholeColumn{
	width: 830px;
	padding: 10px;
	text-align: left;
}
.small{
	font-family : verdana, sans-serif;
	font-size: 9px;
}
.rightBlock{
	background-image: url(images/left-top-corner-box.jpg);
	background-repeat: no-repeat;
	width: 230px;
	color: #333;
	padding: 10px;
}
.blockTitle{
	font-weight: bold;
	padding: 5px 5px 5px 15px;
}
.indexTitle{
	background-image: url(images/index_title_bg.jpg);
	padding: 4px 0 4px 30px;
	width: 530px;
	font-weight: bold;
}
.indexContent{
	margin-top: 15px;
	width: 100%;
}
.greylink A:link {color:#666; text-decoration:none}
.greylink A:visited {color:#666; text-decoration:none}
.greylink A:active {color:#666; text-decoration:underline}
.greylink A:hover {color:#666; text-decoration:underline}
#topRightBlock{
	padding: 10px 5px 10px 5px;
	margin-bottom: 15px;
	width: 225px;
	border: 5px solid #ccc;
	text-align: center;
}
.downloadUL
{
	list-style-image: url(images/download_icon.gif);
	text-align: left;
}
.important
{
	padding: 10px;
	background-color: #fdd;
	border: 1px dashed #000;
}


form label 
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 80px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
}
.highlight_red
	{
		font-weight: bold;
		color:red;
	}

	body 
	{
		margin:0px; 
		text-align:center; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	img 
	{
		border:none;
	}
	div {text-align:left;}
	
	.clear 
	{
		clear:both;
	}
	.clearfix:after 
	{
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.mainarea 
	{
		width:563px; 
		background:url(img2/headback.gif) no-repeat top; 
		margin:0px; 
		float:left;
		padding-bottom:18px;
		top:0px;
		z-index:0;
	}
	.mainarea h1 
	{ 
		font-size:24px;
		color:#000000; 
		margin:28px 0 0 28px;
		font-weight:bold;
	}
	.mainarea h2 
	{ 
		font-size:20px; 
		line-height:24px; 
		color:#000000; 
		margin:5px 0;
		font-weight:normal!important; 
		font-weight:600;
	}
	.mainarea .p1 
	{ 
		margin:23px 0 0 30px; 
		font-size:11px; 
		font-weight:normal; 
		color:#000000; 
		width:480px; 
		line-height:16px;
	}
	.mainarea a.download 
	{
		margin:3px 0 0 60px!important;
		margin:3px 0 0 20px; 
		width:184px; 
		height:42px;  
		display:block; 
		float:left
	}
	#mainarea .p2 
	{
		margin:20px 0 0 10px; 
		background:#cde0fe; 
		width:293px; 
		line-height:22px; 
		display:block; 
		float:left; 
		padding:0 5px;
		font-size:11px; 
		color:#000000;
	}
	.features 
	{ 
		background:url(img2/keyfeature-top.gif) no-repeat top left #e6f0ff; 
		width:555px; 
		padding:0 0 0 0px; 
		margin-top:20px; 
		margin-left:2px; 
		float:left; 
		overflow:hidden;
	}
	.features h2 
	{
		margin:10px 0;
		padding-left:25px;
		font-size:20px; 
		line-height:24px; 
		color:#000000; 
		font-weight:normal!important; 
		font-weight:600;
	}
	.features ul 
	{
		margin:0; 
		padding:0 0 0 27px; 
		list-style-image: url(img2/list_icon.gif)
	}
	.features li 
	{
		font-size:11px;
		color:#1558c3; 
		font-weight:normal;
		padding-left:16px; 
		background:url(img2/list-icon1.gif) no-repeat 0 6px; 
		line-height:16px; 
		width:500px; 
		margin-top:10px;
		margint-bottom:10px;
		list-style:none;
	}
	.features p 
	{
		margin:12px 0 0 0px; 
		font-size:11px; 
		color:#666666; 
		width:500px; 
		letter-spacing:-1px;
		padding-left:28px;
	}
	.features-b 
	{ 
		width:559px; 
		height:16px; 
		background:url(img2/keyfeature-bottom.gif) bottom left no-repeat; 
		margin:0; 
		padding:0;
	}
#refundTable table{
	border-right: 0px ;
	border-bottom: 0px;
	border-left: 0px ;
	border-top: 0px;
}
#refundtable td{
	font-family : verdana, sans-serif;
	font-size : 11px;
	line-height: 150%;
	border-left: 0px solid #ccc;
	border-top: 0px solid #ccc;
	border-right: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}	
#TutorialsTable table{
	border-right: 0px ;
	border-bottom: 0px;
	border-left: 0px ;
	border-top: 0px;
	margin-left:30px;
}
#TutorialsTable tr{
	height:55px;
}
#TutorialsTable td{
	font-family : verdana, sans-serif;
	font-size : 11px;
	line-height: 150%;
	border-left: 0px solid #ccc;
	border-top: 0px solid #ccc;
	border-right: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}
#scrshot
{
background-color: transparent;
background-image: none;
background-position: 0px 0px;
background-repeat: repeat;
bottom: 296px;
cursor: auto;
display: block;
float: left;
font-family: Verdana;
height: auto;
left: 30px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 0px;
margin-top: 5px;
max-width: 878px;
right: 883px;
text-align: left;
width: auto;
}
#main_features
{
	margin-left:20px;
}
#main_features dd
{
bottom: 862px;
cursor: auto;
display: block;
font-family: Verdana;
font-size: 11px;
height: 62px;
left: 52px;
letter-spacing: -1px;
line-height: 16px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-width: 809px;
right: 861px;
text-align: left;
top: 800px;
}
#main_features dt
{
bottom: 800px;
color: #0066cc;
cursor: auto;
display: block;
font-family: Verdana;
font-size: 12px;
font-weight: 700;
left: 52px;
line-height: 20px;
max-width: 809px;
right: 861px;
text-align: left;
top: 770px;
}
#download_it
{
	top:0px;
	margin-left:20px;
	margin-top:20px;
}

/*页面主体*/
.pagebody {
 width:550px; /*设定宽度*/
 margin:8px auto; /*居中*/
}
.sidebar {
 width:120px; /*设定宽度*/
 text-align:left; /*文字左对齐*/
 float:left; /*浮动居左*/
 clear:left; /*不允许左侧存在浮动*/
 overflow:hidden; /*超出宽度部分隐藏*/
height:auto;
text-align: center;/* 横向居中*/
 
 display:table;  /*竖向居中*/
}
.mainbody {
 width:420px;
 text-align:left;
 float:right; /*浮动居右*/
/* clear:right;*/ /*不允许右侧存在浮动*/
 overflow:hidden;
height:auto;
}
.img_logo
{
	margin:0 auto;
	margin-right: auto; 
	margin-left: auto;
	
	/*竖向居中*/
	vertical-align:middle; 
	display:table-cell;
}
#main_banner {
	background:url(./images/banner.jpg) 0 10px no-repeat;
	width:560px;
	margin:auto;
	height:220px;
	border-bottom:5px solid #EFEFEF;
/*	clear:both*/
}
.Contents_Right_Product_Text_1
{
border-collapse: collapse;
bottom: 14px;
color: #0080c0;
cursor: auto;
display: block;
font-family: Verdana;
font-size: 14px;
font-weight: 700;
height: 14px;
left: 0px;
line-height: 14px;
right: 424px;
top: 0px;
width: 424px;
}
.Contents_Right_Product_Text_2
{
border-collapse: collapse;
color: #444444;
cursor: auto;
display: block;
font-family: Verdana;
font-size: 12px;
font-weight: 700;
line-height: 20px;
height: 20px;
width: 424px;	
bottom: 38px;
left: 0px;
right: 424px;
top: 18px;
margin: 0px 0px 8px 0px;
}



.get_id
{
	width:200px;
}

.purchas_id {
 width:90px; /*设定宽度*/
 text-align:left; /*文字左对齐*/
 float:left; /*浮动居左*/
 clear:left; /*不允许左侧存在浮动*/
 overflow:hidden; /*超出宽度部分隐藏*/
height:41px
}
.learnmore_id {
 width:90px;
 text-align:left;
 float:right; /*浮动居右*/
 clear:right; /*不允许右侧存在浮动*/
 overflow:hidden;
height:41px
}
#indexContent_main
{
	height:700px;
}

.belevel_img
{
	margin:0 0 0 0;
	border: 0 0 0 0;
}

.style8 { 
font-family: Verdana;
font-size: medium;
line-height: 33px;
font-weight: 700;
color: #0080c0;
}

.style4 { 
color: #6b6b6b;
font-size: 14px;
font-weight: 700;
text-decoration: line-through;
}
.style5 { 
color: #ff6600;
font-size: large;
font-weight: 700;
}