* {
  margin:0; 
  padding:0; 
  border:none;
}

html, body, form, fieldset {
  font-family: "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
}

body {
  margin:0;
  padding:0; background:#c0c0c0; height:100%;
}

#wrap {
  background: #fff;
  width: 980px;
  margin: 0;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  border-color: #999;
  border-style: solid;
  border-top-width: 0;
  border-right-width: 1px;
  border-bottom-width: 0;
  border-left-width: 1px;
}

/* header */

#header {
  height: 75px;
  width: 100%;
  background: url(images/headbg.gif) repeat-x;
}

#headbanner {
  display: block;
  height: 75px;
  margin-left: 10px;
  padding: 0;
  float: left;
}

/* navigation */

#nav{
  position: relative;
  height: 31px;
  width: 100%;
  background: url(images/navbg.gif) repeat-x;
  background-color: #353535;
  text-align: center;
  z-index: 2;
}

#mainmenu {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
	text-align: center;
}
#mainmenu ul {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
	text-align: center;
}
#mainmenu ul li { display:inline; }
#mainmenu a {
	padding-right: 15px;
	display: block;
	padding-left: 15px;
	font-weight: normal;
	font-size: 95%;
	padding-bottom: 10px;
	color: #fff;
	padding-top: 3px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	letter-spacing: -1px;
	text-decoration: none;
}
#mainmenu a.trigger {
	padding-right: 23px;
	padding-left: 23px;
	font-weight: normal;
	padding-bottom: 5px;
	padding-top: 3px;
	height: 23px;
}
#mainmenu .trigger:hover {
	padding-right: 23px; 
	padding-left: 23px; 
	padding-bottom: 5px;
	padding-top: 3px;
}
#mainmenu .trigger:active {
	padding-right: 23px;
	padding-left: 23px;
	padding-bottom: 5px;
	padding-top: 3px;
}
#mainmenu li {
	display: inline;
	float: left;
	width: auto;
	text-decoration: none;
}
#mainmenu li ul {
	font-size: 95%;
	width: 170px;
	text-align: left;
}
#mainmenu ul li {
	font-size: 95%;
	width: 170px;
	text-align: left;
}
#mainmenu ul li a {
	padding-right: 12px;
	padding-left: 16px;
	font-weight: normal;
	padding-bottom: 3px;
	color: #565656;
	padding-top: 3px;
	border-right-width: 0px;
}
#mainmenu li ul {
	border-right: #333333 1px solid;
	display: none;
	margin-left: -1px;
	border-left: #333333 1px solid;
	border-bottom: #333333 1px solid;
	background-repeat: repeat-x;
	position: absolute;
	background-color: transparent;
}
#mainmenu li ul li {
	vertical-align: middle;
	line-height: 31px;
}
#mainmenu li:hover a {
	font-weight: normal;
	background-image: url(images/navbgO.gif);
	color: #272626;
	background-repeat: repeat-x;
	background-color: #ffd350
}
#mainmenu a:focus {
	font-weight: normal;
	background-image: url(images/navbgO.gif);
	color: #272626;
	background-repeat: repeat-x;
	background-color: #ffd350
}
#mainmenu li.menuhvr a {
	font-weight: normal;
	background-image: url(images/navbgO.gif);
	color: #272626;
	background-repeat: repeat-x;
	background-color: #ffd350
}
#mainmenu li:hover ul {
	display: block;
	background: url(images/nav_dropbg.gif) #fff6db repeat-x
}
#mainmenu li.menuhvr ul {
	display: block;
	background: url(images/nav_dropbg.gif) #fff6db repeat-x
}
#mainmenu li:hover ul a {
	font-weight: normal;
	background: none transparent scroll repeat 0% 0%;
	color: #000000
}
#mainmenu li.menuhvr ul a {
	font-weight: normal;
	background: none transparent scroll repeat 0% 0%;
	color: #000000
}
#mainmenu ul a:hover {
	font-weight: normal;
	background-image: none! important;
	color: #ffffff! important;
	background-color: #353535! important
}
#mainmenu ul {
	width: auto
}

.clearit {
  clear: both;
  height: 0;
  line-height: 0.0;
  font-size: 0;
}

#B_crumbBox{
display: block;
height: 22px;
width: 100%;
background: #333333;
font-size: 75%;
line-height: 18px;
color: #999;
}

#B_crumbBox a, a:visited{
color: #999;
text-decoration: none;
font-weight: normal;
}

#B_crumbBox a:hover, a:active{
color: #ffcc33;
text-decoration: underline;
font-weight: normal;
}

.B_firstCrumb{
padding: 0 0 0 15px;
font-weight: bold;
}

.B_currentCrumb{
font-style: italic;
color: #ccc;
}

/* MAIN CONTENT AREA WRAP */

#contWrap {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff url(images/sidebarbg.jpg) repeat-y 100% 0;
}

/* CONTENT WRAP */

#mainContentWrap {
width: 750px;
float: left;
margin: 0;
padding-bottom: 30px;
}

#mainContent {
float: left;
text-align: left;
padding: 14px 23px 0px 30px;
width: 697px;
overflow: hidden;
}

.mainContent {
  float: left;
  text-align: left;
  padding: 14px 23px 0px 30px;
  width: 696px;
}

h1{
  font-size: 115%;
  font-weight: bold;
  color: #000;
  letter-spacing: -1px;
}

h1.sub{
  display: block;
  padding: 15px 0 0 0;
  font-size: 90%;
  font-weight: bold;
  color: #000;
  letter-spacing: -1px;
  text-align: left;
}

h1.sub2{
  display: block;
  margin: 0;
  padding: 0 0 0 0;
  font-size: 90%;
  font-weight: bold;
  color: #000;
  letter-spacing: -1px;
  text-align: left;
}

h3{
  padding: 15px 0 15px 0;
  font-size: 95%;
  font-weight: bold;
  color: #000;
  letter-spacing: -1px;
}

h4{
  display: block;
  padding: 15px 0 0 0;
  font-size: 95%;
  font-weight: normal;
  color: #000;
  letter-spacing: -1px;
  float: left;
}

p{
  margin: 10px 0 10px 0;
  line-height: 25px;
  font-size: 80%;
}

p.small{
margin: 10px 0 10px 0;
line-height: 18px;
font-size: 75%;
}

p.small a{
font-weight: normal;
}

p.dist a:hover{
font-weight: normal;
}

a, a:visited{
font-weight: bold;
color: #3333cc;
text-decoration: none;
}

a:hover, a:active{
font-weight: bold;
color: #333333;
text-decoration: underline;
}

ul.list, ol.list {
margin: 0 0 15px 18px;
line-height: 25px;
font-size: 80%;
}

ul.list ul{
margin: 0 0 0 25px;
line-height: 22px;
font-size: 90%;
}

.sectionhead{
background: #efefef url(images/sectionheadBG.gif) repeat-x;
line-height: 29px;
clear: both;
border: 1px solid #bebebe;
font-size: 95%;
font-weight: normal;
color: #333;
letter-spacing: -1px;
margin: 0 13px 15px 0;
padding: 0 0 0 8px;
}

.sectionTitle {
display: block;
font-size: 85%;
font-weight: bold;
background: url(images/bulletSm.jpg) no-repeat 4px 3px;
margin: 10px 0 10px 10px;
padding: 0 0 0 20px;
}

ul.section {
font-weight: normal;
margin: 5px, 0, 5px, 25px;
padding-left: 48px;
}

ul.section li{
list-style-type: disc;
font-size: 80%;
padding: 2px 0 2px 5px;
}

p.section {
  clear: left;
  padding-left: 30px;
}

#sectionBottom {
  clear: both;
  height: 150px;
  width: 100%;
  text-align: center;
}
#sectionBottom .screenShot {
  width: 250px;
  float: left;
  padding-top: 15px;
}
#sectionBottom .buydown {
  width: 200px;
  float: left;
  padding-top: 20px;
}

#sectionShare {
  clear: both;
  height: 32px;
  width: 100%;
}
#sectionShare .rss {
  width: 150px;
  float: right;
  padding-top: 38px;
  text-align: left;
}
#sectionShare .addthis {
  width: 150px;
  float: right;
  padding-top: 40px;
  text-align: center;
}
  
.vers{
font-size: 90%;
color: #3333cc;
margin: 0 0 0 5px;
}

#mainContent .home{
margin: 0 10px 0 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 160%;
font-weight: bold;
color: #3232c2;
display: inline;
letter-spacing: -1px;
}

#mainContent h2{
margin: 40px 0 -4px 0;
padding: 0;
color: #999999;
font-weight: bold;
font-size: 90%;
letter-spacing: -1px;
}

#mainContent .version{
color: #3232c2;
font-size: 120%;
letter-spacing: -2px;
}

#dropShadow{
width: 100%;
height: 26px;
margin: 0 0 -36px 0;
padding: 0;
background: url(images/dropShadow.gif) repeat-x;
}

.productArea{
width: 690px;
margin: 0;
padding: 0;
border-top: 1px solid #000000;
background: url(images/productAreabg.gif) repeat-x;
}

.productBox{
width: 290px;
margin: 0;
padding: 0;
float: left;
}

.productDesc{
width: 400px;
float: left;
margin: 0;
}

.productDescWrap {
margin: 0;
padding: 0;
}

.productDescWrap p {
margin: 0;
padding: 14px 0 0 0;
font-size: 75%;
line-height: 140%;
}

.productDescWrap ul {
list-style: none;
}

.productDescWrap ul li{
display: block;
line-height: 140%;
text-decoration: none;
font-size: 75%;
background: url(images/bulletTn.gif) no-repeat 10px 6px;
padding: 0 0 0 25px;
}

.infoButton{
width: 100%;
text-align: center;
margin: auto;
clear: both;
}

.infoButton ul {
list-style: none;
font-weight: bold;
}

.infoButton ul li{
display: block;
width: 163px;
height: 30px;
border: 1px #c1c1c1 solid;
letter-spacing: -1px;
margin: 10px 3px 4px 3px;
float: left;
text-align: center;
line-height: 20px;
}

.infoButton ul li a, .infoButton ul li a:visited{
display: block;
height: 26px;
text-decoration: none;
color: #474741;
background: url(images/infobuttonbg.gif) repeat-x 0 -32px;
padding: 4px 0 0 0;
font-size: 80%
}

.infoButton ul li a:hover, .infoButton ul li a:active{
display: block;
height: 26px;
background: url(images/infobuttonbg.gif) repeat-x 0 0;
text-decoration: none;
color: #333333;
padding: 4px 0 0 0;
font-size: 80%
}

/*--------------------------------------------------------*/
/* shadows */

#breadcrumbsShadow {
  height: 30px;
  width: 100%;
  background: url(images/breadcrumbsShadow.gif) repeat-x 0 0;
}

#winIcon {
  float: right;
  margin: 0;
  padding: 12px 0 0 0;
}

/*----------------------------------------------------------*/

/* product feature screen shot */
#productArea {
  height: 239px;
  width: 100%;
  clear: both;
  background: url(images/product-bg.gif) repeat-x;
}

#productPic {
  width: 400px;
  height: 219;
  float: left;
  margin-top: 10px;
  padding-bottom: 0;
}

/* product advertise area */
#productAd {
  float: left;
  width: 350px;
  height: 219px;
  margin-top: 10px;
  padding: 0;
  background: url(images/product-ad-bg.bmp) repeat-y;
}

#productAd .txtArea {
  display: block;
  float: left;
  height: 100px;
  width: 350px;
}
#productAd .txtContent {
  padding-top: 30px;
  padding-right: 30px;
  text-align: right;
}
#productAd .txtName {
  font-size: 30px;
  font-weight: bold;
  color: #ffffff;
}
#productAd .txtDesc {
  font-size: 18px;
  color: #ffffff;
}

#productAd .btn{
  float: left;
  width: 250px;
}
#productAd .btn ul {
  list-style: none;
  width: 140px;
  padding-left: 100px;
  padding-top: 30px;
}
#productAd .btn ul li{
display: block;
width: 128px;
height: 32px;
letter-spacing: -1px;
text-align: center;
line-height: 14px;
font-size: 85%
}
#productAd .btn ul li a{
display: block;
height: 24px;
padding-top: 8px;
text-decoration: none;
color: #ebebeb;
background:  #333 url(images/splashBtn.jpg) repeat-x 0 0;
font-weight: normal;
}
#productAd .btn ul li a:hover{
display: block;
height: 24px;
padding-top: 8px;
background: #ffcc33 url(images/splashBtn.jpg) repeat-x -128px 0;
color: #333;
font-weight: normal;
}

#productAd .newpull{
  float: left;
  width: 82px;
  height: 66px;
  margin-top: 53px;
  margin-left: 18px;
}

/*----------------------------------------------------------*/

hr {
background: #666;
color: #666;
height: 1px;
margin: 0 13px 10px 0;
}
 
/* SIDE CONTENT AREA STYLES */

#sideContentWrap {
float: left;
width: 230px;
margin: 0 0 0px 0;
padding: 0;
}

#sideContent {
text-align: center;
}

.blockContain {
margin: 18px auto 0 auto;
width: 183px;
background: url(images/suppBG.gif) repeat-y;
border: 1px solid #a3a3a3;
}

.blockContain a, .blockContain a:visited, .blockContain a:hover, .blockContain a:active{
font-weight: normal;
} 

.block {
width: 183px;
background: url(images/suppBGbtm.gif) no-repeat 0 100%;
padding-top: 10px; 
padding-bottom: 10px;
letter-spacing: -1px;
clear: both;
}

.block h1{
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-weight: bold;
font-size: 125%;
margin: 0;
}

.block h2{
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-weight: bold;
font-size: 105%;
margin: 0;
}

.block h3{
font-size: 105%;
margin: -5px 0 0 0;
padding: 0; 
}

.block p{
line-height: 18px;
font-size: 80%;
margin: 0 5px 8px 7px;
}

.block ul{
list-style-type: none;
letter-spacing: -1px;
text-align: left;
}

.block ul li{
width: 95%;
letter-spacing: -1px;
}

.block ul li a{
display: block;
text-decoration: none;
color: #3333cc;
font-size: 80%;
background: url(images/bulletSm.jpg) no-repeat 4px 3px;
font-weight: normal;
margin: 0 0 4px 10px;
padding: 0 0 0 20px;
}

.block ul li a:hover{
display: block;
text-decoration: underline;
color: #333333;
background: url(images/bulletSm.jpg) no-repeat 4px 3px;
font-size: 80%;
font-weight: normal;
margin: 0 0 4px 10px;
padding: 0 0 0 20px;
}

/* for IE */
#spacer {
height: 17px;
width: 100%
}

#madewith{
float: right;
margin: -30px 20px 0 0;
}

/* by yaoyh */

.screenshots {
height: 160px;
width: 230px;
padding: 20px 0 0 0;
float: left;
font-size: 80%;
line-height: 18px;
}

/* TABLE */
#mytable {
width: 700px;
padding: 0;
margin: 0;
font-size: 80%;
}

caption {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 5px; 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	width: 700px; 
	padding-top: 0px; 
	text-align: right;
}

th {
/*	color: #4f6b72;*/
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th p{
font-size: 100%;
font-weight: normal;
color: #000;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
/*	color: #4f6b72;*/
}

td.alt {
	background: #F5FAFA;
/*	color: #797268;*/
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	color: #797268;
}

/* colors */

.color-navy {color: navy};
.color-maroon {color: #800000;}
.highlight{color: #d2a723;}
.highlightblue{color: #236fdf;}
.highlightblue2{color: #0033cc;}
.highlightred{color: #bc231b;}

/* fonts */

.price-old {
  color:#4d4d4d; 
  font-size: 90%; 
  text-decoration: line-through;
}

.price-new {
  color:#bc231b; 
  font-weight: bold; 
  font-size: 110%;
}

.big-title{
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-weight: bold;
font-size: 110%;
margin-bottom: 5px;
color: navy;
text-align: center;
}

.tip-title{
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-weight: bold;
font-size: 105%;
margin-bottom: 5px;
color: #0033cc;
}

.tip-small {
  font-size: 75%;
  color:#4d4d4d; 
  margin-bottom: 5px
}

.tip-price {
  font-size: 75%;
  font-weight: bold;
  color:#bc231b; 
  margin-bottom: 5px
}

.news {
  display: block;
  font-size: 75%;
  text-align: left;
  padding-left: 12px;
}
.news-title{
display: block;
text-align: center;
}

.testimonial {
  padding: 10px 15px 5px 10px;
  margin: 10px 10px 10px 10px;
  display: block;
  font-size: 75%;
  background: #efefef;
  text-align: left;
}
.testimonial-name {
  display: block;
  font-weight: bold; 
  text-align: right  
}

.testimonial-more{
display: block;
text-align: right;
}

.other-more{
display: block;
font-size: 75%;
margin-right: 20px;
text-align: right;
}

/*----------------------------------------------------------*/
/* footer                                                   */

#footer {
color: #ccccff;
padding-top: 14px;
display: block;
height: 200px;
width: 100%;
/*background: #0050c7;*/
background: url(images/footer.gif) repeat-x;
line-height: 16px;
text-align: center;
border-bottom: 1px solid #000;
}
#footer a { color: #ccccff; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }
#footer-content { margin: 0em auto; width: 765px; padding: 5px 0px; }
#footer-legal { color: #ccccff; font-size: 80%; }
#footer-legal a { color: #ccccff; text-decoration: none; font-weight: normal; }
#footer-legal a:hover { color: #fff; text-decoration: underline; font-weight: normal;}
#footer-nav { display: block; width: 765px; margin: 0; padding: 0; float: left; }
#footer-nav li { float: left; margin: 0 0 10px 0; display: block; padding: 0; width: 127px; }
#footer-nav li a { text-decoration: none; color: #ccccff; font-weight: bold; font-size:90%;}
#footer-nav li a:hover { text-decoration: underline; }
#footer-nav li.selected a { text-decoration: none; color: #fff; }
#footer-nav li.selected li a { text-decoration: none; color: #fff; }
#footer-nav li.selected li a:hover { text-decoration: underline; }
#footer-nav li li a { text-decoration: none; color: #ccccff; padding-right: 5px; font-weight: normal; font-size: 75%; }
#footer-nav li ul { margin-top: 5px !important;}
#footer-nav li ul { margin: 0; padding: 0; }
#footer-nav li li { float: none; display: block; margin: 0 0 4px 0; padding: 0; }
#footer-nav li:hover a { color: #fff; }
#footer-nav li:hover li a { color: #fff; }
#footer-nav li:hover li a:hover { text-decoration: underline; }
#footer-nav li.hover a { color: #fff; }
#footer-nav li.hover li a { color: #fff; }
#footer-nav li.hover li a:hover { text-decoration: underline; }

.LSM_0 {
list-style-type: none;
line-height: 25px;
font-size:  95%;
}

.LSM_0 li a{
margin: 0 13px 0 0;
padding: 0 0 0 22px;
font-weight: bold;
display: block;
border: #fff 1px solid;
background:  url(images/bulletSm.jpg) no-repeat 6px 7px;
}

.LSM_0 li a:hover
{display: block;
font-weight: bold;
text-decoration: none;
background:  #fff9e6 url(images/bulletSm.jpg) no-repeat 6px 7px;
border: #999 1px solid;
}

.LSM_1 {
list-style-type: none;
margin: 0 0 5px 15px;
line-height: 21px;
font-size:  85%;
}

.LSM_1 li a{
margin: 0 13px 0 0;
padding: 0 0 0 18px;
font-weight: normal;
display: block;
border: #fff 1px solid;
background:  url(images/bulletTn.gif) no-repeat 6px 7px;
}

.LSM_1 li a:hover
{display: block;
font-weight: normal;
text-decoration: none;
background:  #fff9e6 url(images/bulletTn.gif) no-repeat 6px 7px;
border: #999 1px solid;
}

.LSM_2 {
list-style-type: none;
margin: 0 0 0 15px;
line-height: 21px;
font-size:  90%;
}

.LSM_2 li a{
margin: 0 13px 0 0;
padding: 0 0 0 12px;
font-weight: normal;
display: block;
border: #fff 1px solid;
background:  none;
}

.LSM_2 li a:hover
{display: block;
font-weight: normal;
text-decoration: none;
background:  #fff9e6;
border: #999 1px solid;
}