.page_title {font-size:16px; text-align: left; padding: 0 5px 5px 0; font-weight: bold; color: #D9241D; margin-bottom: 10px;}
.page_title_hr {font-size:16px; text-align: left; padding: 0 5px 5px 0; font-weight: bold; color: #D9241D; border-bottom: 1px solid #C6C6C6; margin-bottom: 10px;}

ul {margin-top: 10px; padding: 0;}
p {margin: 0; padding: 0;}
p.intro {width: auto; padding-top: 15px;}
p.small_10 {font-size: 10px;}
p.small_11 {font-size: 11px;}

#index_pic {
	position: relative;
	float: left;
	margin-top: 5px;
	width: 880px;
	height: 265px;
	padding: 0;
}

.ipic {float:left; width: 880px; height: auto; padding: 0; margin: 0;}
.ipic div.section {float: left; padding: 0;}
.ipic div.section.first {float: left; width: 565px; padding: 0;}
.ipic div.section.second {float: left; width: 315px; padding: 0;}
.ipic div.section.readmore {float: left; width: 145px; height: 46px; padding: 0;}
.ipic div.section.buy {float: left; width: 170px; height: 46px; padding: 0;}

#index_content {
	position: relative;
	float: left;
	margin: 0;
	width: 655px;
	height: auto;
	padding: 0;
}

.keyfeature {float: left; width: 655px; height: auto; padding-bottom: 10px; border: 1px solid #c6c6c6;}
.keyfeature ul { float: left; width: 645px; list-style-type: none; margin:5px; }
.keyfeature ul.fealist li {padding-bottom: 10px; padding-left: 35px; background:url(../images/list_tick.gif) no-repeat;}
.keyfeature ul.fealist li.unique {background: url(../images/list_new.jpg) no-repeat;}
.keyfeature .srcshot {float: left; width: auto; height: 120px;}
.keyfeature .srcshot ul.feashot li {float: left; width:auto; white-space: nowrap; margin:0 3px 0 0; padding:0 2px 0 0; }
.keyfeature .srcshot ul.feashot img.thumb { border: 1px solid #c6c6c6; width: 100px; }
.keyfeature .lotsmore {float: right; width: auto; margin-right: 10px;}

.benefit_visitor {float: left; width: 100%; margin-top: 20px; padding: 0;}
.benefit_visitor ul {list-style-type: none; margin-left: 5px; margin-right: 10px;}
.benefit_visitor ul li {padding-bottom: 8px; padding-left: 33px; background:url(../images/list_tick.gif) no-repeat;}
.benefit_visitor ul li.new {background: url(../images/list_new.jpg) no-repeat;}

.benefit_publisher  {float: left; width: 100%; margin-top: 10px;}
.benefit_publisher ul {list-style-type: none; margin-left: 5px; margin-right: 10px; }
.benefit_publisher ul li {padding-bottom: 8px; padding-left: 33px; background:url(../images/list_tick.gif) no-repeat;}
.benefit_publisher ul li.new {background: url(../images/list_new.jpg) no-repeat;}

.advantage {float: left; width: 655px; margin-top: 10px; }
.advantage div.adv {float: left; width: 655px; margin-top: 5px; }
.advantage div.adv p.inbox {padding: 5px 5px 0 5px;}
.advantage div.adv.money,
.advantage div.adv.forum  {float: left; height: 75px;}
.advantage div.adv.support,
.advantage div.adv.source {float: left; height: 65px;}
.advantage .licon {float:left; width: 80px; text-align: center;}
.advantage .rmsg {float: right; width: 565px; padding-top: 5px;}
.advantage .rmsg_grey {float: right; width: 565px; padding-top: 5px; padding-left: 5px; height: 70px; background:url('../images/bg_advantage.gif') no-repeat bottom;}

.purchasenow {float: left; width: 655px; height:133px; margin-top: 10px;}
.purchasenow .weguarantee { float: left; width: 418px; height: 108px; padding: 15px 0 10px 10px; background: url('../images/purchase_1.jpg');}
.purchasenow .weguarantee p.title {font-size: 16px; font-weight: bold; color: #FFF; font-style: italic;}
.purchasenow .weguarantee ul {list-style-type: none; margin-left: 2px;}
.purchasenow .weguarantee ul li {padding-bottom: 5px; padding-left: 20px; background:url('../images/list_bulletg.gif') no-repeat;}
.purchasenow .card { float: left; width: 227px;}
.proceed {float: left; width: 650px; text-align: center; margin-bottom: 0; padding: 10px 0 10px 0;}


#feature {
	position: relative;
	float: left;
	margin: 0;
	width: 655px;
	height: auto;
	padding: 0;
}

.profeature {float: left; width: 655px; height: auto; margin-top: 20px;}
.profeature .item { padding-left: 5px;}

.feasummary {float: left; width: 655px; height: auto;}
.feasummary .side1 {float: left; width: 320px;}
.feasummary .side2 {float: left; width: 320px;}
.feasummary ul {width: 310px; padding-right: 5px; list-style-type: none; margin-left: 2px; margin-bottom: 0;}
.feasummary ul li {padding-bottom: 5px;}

.fealist {float: left; width: 655px; margin-top: 25px;}
.fealist div.sec {float: left; width: 655px; padding: 0; margin: 0;}
.fealist div.sec.ajax,
.fealist div.sec.moderation,
.fealist div.sec.theme,
.fealist div.sec.mngcomment,
.fealist div.sec.spam,
.fealist div.sec.community,
.fealist div.sec.leavecomment,
.fealist div.sec.notification,
.fealist div.sec.stats,
.fealist div.sec.update,
.fealist div.sec.trackback,
.fealist div.sec.import,
.fealist div.sec.config,
.fealist div.sec.thirdparty,
.fealist div.sec.plugins,
.fealist div.sec.install {float: left; margin-top: 15px;  border-bottom: 1px dashed #c6c6c6;}
.fealist div.sec h3.label {padding-left: 20px; background:url('../images/list_tick.gif') no-repeat;}
.fealist div.sec .descp {float: left; width: 650px; padding-top: 2px;}
.fealist div.sec .descp ul {width: auto; list-style-type: none; margin-left: 2px; margin-top: 12px; margin-bottom: 0; }
.fealist div.sec .descp ul li {padding-bottom: 10px; }
.fealist div.sec .descp p.backtop {float: right; margin-top: 0; margin-bottom: 5px; margin-right: 10px; font-size: 11px; }
.fealist div.sec.community .descp ul.bm {float: left; width: 100%; margin-top: 5px; list-style-type: none;}
.fealist div.sec.community .descp ul.bm li {float: left; width: auto; white-space:nowrap; margin:0 5px 0 0; padding-bottom: 10px;}


#demo_access {
	position: relative;
	float: left;
	margin: 0;
	width: 655px;
	height: auto;
	padding: 0;
}

.access {float: left; width: auto; margin-top: 20px;}
.access div.view {float: left; width: 600px;}
.access div.view .screenshot {float:left; width: 260px;}
.access div.view .message {float:right; width: 330px;}
.access div.view.front,
.access div.view.back {float:left;  margin-bottom: 20px;}
.access div.view.front .screenshot img {border: 1px solid #c6c6c6;}
.access div.view.back .screenshot img {border: 1px solid #c6c6c6;}


#store {
	position: relative;
	float: left;
	margin: 0;
	width: 655px;
	height: auto;
	padding: 0;
}

.buystep {position: relative; float: left; width: 650px; }
.buystep ul {float: left; width: 100%; list-style-type: none; margin: 0 0 5px 0;}
.buystep ul li {float: left; width: auto; white-space:nowrap; margin-right: 30px; padding-right: 10px; }

.product {float: left; width: 650px; margin-top: 15px; border: 1px solid #c6c6c6; }
.product p.error {color: #CC0000;}
.product div.license {float: left; width: 650px; height: auto; }
.product div.license.std,
.product div.license.pro,
.product div.license.service {width: 650px; padding:10px 0 15px 0; border-top: 1px solid #c6c6c6; }
.product div.license.upgrade {width: 650px; padding:10px 0 15px 0; margin-bottom: 20px; border-top: 1px solid #c6c6c6;}
.product div.license.instruction {width: 645px; background-color: #f3f3f3; height: 15px; padding: 5px 0 5px 5px; margin:0;}
.product div.license .radiobtn {float: left; width: 30px; margin-right: 20px; text-align: center;}
.product div.license .prdname {float: left; width: 450px; font-size:18px; margin-right: 20px;}
.product div.license .price {float: left; width: 100px; font-size:24px;}
.product div.license .price p.onetime{font-size: 11px; color: #666666;}
.product div.license .prdname p.descp{width: 450px; padding-top:3px; font-size: 11px; color: #666666; }
.cartbtn {float: left; margin-top: 10px; width: 300px; text-align:right;}
.paymethod {float: left; width: 640px; padding: 5px; font-size: 11px; margin-top: 50px; height: auto;}
.paymethod ol {width: auto; margin: 8px 0 0 5px; padding-left: 20px;}
.paymethod ol li {width: auto; padding-bottom: 10px;}


.order {float: left; width: 650px;  margin-top: 20px;  border: 1px solid #c6c6c6;}
.order div.cart {float: left; width: 650px; height: auto;}
.order div.cart.label {width: 645px; background-color: #f3f3f3; padding: 5px 0 5px 5px; height: 15px;  font-weight: bold; margin-bottom: 10px;  border-bottom: 1px solid #c6c6c6; }
.order div.cart.total {width: 650px; background-color: #FFFADD; height: 20px; margin-top:15px; padding: 5px 0 5px 0; font-size: 14px; font-weight: bold; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; }
.order div.cart .delbtn {float: left; width: 30px; margin-right: 10px;text-align: center; height: 35px; }
.order div.cart .prdname {float: left; width: 310px; margin-right: 15px; height: 35px; }
.order div.cart .price {float: left; width: 80px; margin-right: 15px; height: 35px; text-align: right;}
.order div.cart .qty {float: left; width: 55px; margin-right: 15px; height: 35px; text-align: center; margin-left: 10px; }
.order div.cart .amount {float: left; width: 85px; text-align: right; height: 35px;}
.order div.cart.total .txt{float: left; width: 520px; font-weight: bold; text-align: right;}
.order div.cart.total .amt{float: left; width: 105px; font-weight: bold; text-align: right;}
.order div.cart.buyitem {width: 650px;}


#store_checkout {
	position: relative;
	float: left;
	margin: 20px 0 0 0;
	width: auto;
	height: auto;
	padding: 0;
}
.checkoutfrm {float: left; width: 650px;}
.checkoutfrm ul.terms {width:630px; font-size: 11px; margin-left: 15px; margin-top: 0; padding-left: 20px; }
.checkoutfrm ul.terms li {padding-bottom: 5px; }
.confirmorderbtn {float: left; width: 640px;}
.confirmorderbtn .btn {float: left; width: 350px; }
.confirmorderbtn .payment {float: right; }

#store_done{
	position: relative;
	float: left;
	margin: 0;
	width: 655px;
	height: auto;
	padding: 0;
}

/* news.php */
#news_event{
	position: relative;
	float: left;
	margin: 0;
	width: 655px;
	height: auto;
	padding: 0;
}
.newscontent {float: left; width: 650px; margin-top: 15px;}

#support {
	position: relative;
	float: left;
	margin: 0;
	width: 655px;
	height: auto;
	padding: 0;
}
p.support {float: left; width: 280px; padding-top: 12px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #c6c6c6;}
p.support_last {float: left; width: 280px; padding-top: 12px; padding-bottom: 15px;}

.support_client {float: left; width: 300px; padding: 0 5px 0 5px; border-right: 1px dashed #c6c6c6;}
.support_client .loginform {float: left; width: 285px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #c6c6c6;}
.support_resource {float: left; width: 280px; margin-left: 10px; padding: 0 5px 0 5px;}

/* supportfaq.php, supportforum.php not using div content */
#knowledgebase, #communityforum {
	position: relative;
	float: left;
	margin: 15px 10px 0 10px;
	width: 860px;
	height: auto;
	padding-bottom: 10px;
}
.faq {float: left; margin-bottom: 10px; width: 850px;}
.faq p {padding-top: 12px;}
.faq ol {float:left; width: auto; margin-top: 10px; padding-left: 25px; list-style-type: decimal;}
.faq ol li {width: auto; padding-bottom: 8px;}
.faq ul {float:left; width: auto; margin-top: 10px; padding-left: 25px; list-style-type: disc;}
.faq ul li {width: auto; padding-bottom: 8px; }

.faq .faqsearch{float:left; width:420px; margin-top: 5px; margin-bottom: 10px; font-weight:bold;}
.faq .faqcategory{float:right; width:auto; margin-bottom: 10px; font-weight:bold; }

.forum {float: left; margin-bottom: 10px; width: 850px;}
.forum .newtopic{ float:left; padding: 5px 0 5px 0; margin-left: 10px; width:100px; font-weight:bold; }
.forum .postreply{	float:left;	width:100px; padding: 5px 0 5px 0; font-weight:bold; }
.forum .pagin{ float: right; margin-right: 10px; padding: 5px 0 5px 0;}
.forum .fieldClass{float: left; width:100%; }

#sitemap {
	position: relative;
	float: left;
	margin: 0;
	width: 630px;
	height: auto;
	padding: 10px;
	border: 1px solid #c6c6c6;
}

/* Site Map */
.leftmap {float: left; width: 280px; margin: 0; }
.leftmap p.maplabel {font-weight: bold;}
.leftmap ul{list-style-type: none; margin: 5px 0 15px 5px;}
.leftmap ul li{ padding-left: 10px; padding-bottom: 3px;}
.rightmap {float: left; width: 270px; margin-top: 0px; margin-left: 10px;}
.rightmap p.maplabel {font-weight: bold;}
.rightmap ul{list-style-type: none; margin: 5px 0 15px 5px;}
.rightmap ul li{padding-left: 10px; padding-bottom: 3px;}

