@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; background:url(../images/css/body-bg2.gif) top repeat-x #f2eeeb; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3f3e3e}
img { border:none}
p { margin:0; padding:0; line-height:20px; font-size:12px}
a { color:#1582a6}

h1 { font-size:24px; font-weight:normal; border-bottom:2px solid #d7d7d7; padding:5px 0; margin-bottom:10px}
h2 { font-size:18px; font-weight:normal; padding:20px 0 20px 65px; margin:0; height:20px}
h2.feature { background:url(../images/feature.gif) left top no-repeat}
h2.what { background:url(../images/what.gif) left top no-repeat}
h2.screenshot { background:url(../images/screenshot.gif) left top no-repeat;height:25px}
h2.support, h2.support a { padding:10px 0; color:#3e3f3f}
h3 {font-size:18px; font-weight:normal; padding:20px 0 0 0; margin:0; height:20px}
.red { color:#cb0101; font-size:18px;}

.border { clear:both; border-bottom:1px solid #d1d0ce}
.border2 { clear:both; border-bottom:1px dashed #3e3f3f; margin:0 20px}

#wrapper1 { margin:0; padding:0; background:url(../images/css/wrapper-bg.gif) bottom repeat-x; height:100%}
#wrapper2 { width:879px; margin:0 auto; padding:0}
#header { height:59px;}
#logo { float:left; width:356px; height:59px; margin:0}
#nav { float:right; height:59px}
#nav ul { list-style:none; font-size:12px; color:#fff; font-weight:bold; margin:25px 0 0 0; padding:0}
#nav ul li { float:left; padding:0 10px}
#nav ul li a { color:#fff; text-decoration:none}
#banner { margin:0; padding:21px 0 0 0; clear:both}

#content { border-top:8px #d1d0ce solid; border-bottom:8px #d1d0ce solid; background:#fff; margin:0; padding:21px 23px;}
#content2 { border-top:8px #d1d0ce solid; border-bottom:8px #d1d0ce solid; background:#fff; margin:20px 0 0 0; padding:21px 23px;}
.product1 { width:269px; height:343px; float:left; background:url(../images/css/product-w.gif) no-repeat; margin-right:10px}
.product2 { width:269px; height:343px; float:left; background:url(../images/css/product-e.gif) no-repeat; margin-right:10px}
.product3 { width:269px; height:343px; float:left; background:url(../images/css/product-a.gif) no-repeat;}
.title { height:13px; text-align:center; font-size:12px; font-weight:bold; padding:12px 0}
.descrip { margin:0; padding:140px 15px 10px 15px; font-size:11px;}
.descrip p { font-size:11px}
.option { float:left; padding:10px 20px; font-size:11px;}
.product1 a, .product2 a, .product3 a{ color:#1582a6}

#maincontent { width:565px; float:left; margin:0 10px 0 0; padding:10px 0}
#feature ul { font-size:11px; line-height:20px; list-style:none; margin:0; padding:0 0 10px 20px}
#feature ul li { background:url(../images/css/green-tick.gif) no-repeat left 5px; padding:2px 0 0 25px; margin:10px 0}
#what p { font-size:11px; padding:10px 0}

#subcontent { width:254px; float:right; margin:0; padding:10px 0}
#testimonial { width:254px; background:url(../images/css/testimonial-bottom.gif) bottom no-repeat #ebebeb; margin-bottom:20px}
#testimonial p { font-size:11px; padding:10px 20px}
#testimonial h3 { background:url(../images/css/testimonial-title.gif) no-repeat; font-size:12px; font-weight:normal; padding:15px 0 0 20px; margin:0; height:27px}
#award { width:254px; background:url(../images/css/award-bg.gif) repeat-y; text-align:center}
#award p { padding:20px 0}
#award h3 { background:url(../images/css/award-title.gif) no-repeat; font-size:12px; font-weight:normal; padding:15px 0 0 20px; margin:0; height:30px; color:#fff; text-align:left}
#awardbottom { background:url(../images/css/award-bottom.gif) no-repeat; height:13px; margin:0}

#footer { height:68px; margin:0; padding:0}
#footer ul { list-style:none; font-size:11px; color:#333333; margin:0 0 0 180px; padding:0}
#footer ul li { float:left; padding:20px 10px}
#footer ul li a { color:#3e3f3f; text-decoration:none}

/*DOWNLOAD*/
#subnav { font-size:12px; margin-bottom:20px;color:#3e3f3f }
#subnav a { text-decoration:none; color:#3e3f3f}
.active { color:#1582a6}
.download { width:249px; height:237px; float:left; margin:10px 12px 20px 12px; padding:0;}

/*FEATURE*/
.fontstyle1 { font-size:18px;}
.fontstyle2 { font-size:18px; color:#1d5f90}
.fontstyle3 { font-size:11px;}
ul.style1 { font-size:12px; list-style:none; margin:0; padding:0}
ul.style1 li { background:url(../images/css/bg-liststyle1.gif) no-repeat left 9px; padding:0 0 0 20px; line-height:30px}
.productimg { float:left; margin-right:20px}
.productinfo { float:left; width:610px}
.productimg2 { float:right; margin-left:20px}
#screenshot p { margin:10px 0}

/*registration*/
table.order { width:824px; font-size:12px; background:url(../images/css/table-body.gif) repeat-y; margin:15px 0}
table.order th { background:url(../images/css/table-top.gif) no-repeat; color:#fff; text-align:left; padding-left:20px}
table.order td { text-align:center; padding:15px 0; border-bottom:1px solid #b0b0b0}
table.order td.style1 { font-size:11px; text-align:center; padding:8px 0}
table.order td.style2 { background:url(../images/css/table-bottom.gif) no-repeat; padding:8px 20px; text-align:left; font-size:11px; border:none}

table.login { font-size:12px; margin-left:180px}
table.login input { width:186px; padding:2px 0;}
table.login input.submit { width:120px; height:30px}
table.login td { padding:4px 10px}

dl {font-size:12px; line-height:20px; list-style:none; margin:10px 0 20px 0; padding:0}
dl dt { background:url(../images/css/bg-liststyle1.gif) no-repeat left 5px; padding:0 0 0 20px; margin:10px 0; color:#333333}
dl dt a:link, dl dt a:visited, dl dd a:link, dl dd a:visited { color:#333333; text-decoration:none}

.supportcontent img{ margin:10px 0}