body {margin: 0px; padding: 0px; color: #425462; font: 13px tahoma,Arial, Helvetica, sans-serif;}
.clear {clear: both; background: url(none) !important; border-style: none !important;}
a.asimple {font-size: 11px !important; font-weight: normal !important; margin: 0 !important; padding: 0 !important; background: url(none) !important; clear: none !important; float: none !important; display: inline !important;}

#lang {font-size: 9px; width: 770px; margin-right: auto; margin-left: auto; background: #fff; text-align: right;}
#lang a {color: #999999; text-decoration: none; padding: 0 4px; background: #fff;}
#lang a:hover {color: #fff; background: #3F3E50;}
.lang {color: #fff !important; background: #A2A1AD!important;}

#head {width: 770px; margin-right: auto; margin-left: auto;}
#head img {height: 35px; width: 170px; border-style: none;}
#head div {float: left; padding: 8px 10px 8px 0;}

#topm {margin: 0; padding: 0; list-style: none; float: right;}
#topm li {display: inline;}
#topm a {display: block; float: left; font-size: 10px; font-family:'ms sans serif'; font-weight: bold; color: #58646D; text-decoration: none; background: #fff url(darrow.gif) no-repeat 15px 10px; padding: 30px 5px 10px 15px; border-top: 1px solid #CCCCD2;}
#topm a:hover {color: #f60;}

#flash1 {width: 770px; margin-right: auto; margin-left: auto; display:block;}
#flash2 {width: 770px; margin-right: auto; margin-left: auto; display: none;}

#head2 {width: 770px; margin-right: auto; margin-left: auto; background: #424151 url(heading2.jpg) no-repeat; height: 100px; color: #fff;}
#head2 p {margin: 0; padding: 12px; font-size: 11px;}
#head2 ul {margin: 25px 0 0; padding: 8px 0 0; list-style: none; float: left; border-top: 1px solid #6A6A76;}
#head2 li {display: inline;}
#head2 a {color: #fff; font-size: 11px; padding: 0 7px 0 0; text-decoration: underline;}
#head2 a:hover {text-decoration: none; color: #f90;}

#content {width: 770px; margin-right: auto; margin-left: auto; margin-top: 5px;}

h1 {margin: 0; padding: 12px; font-size: 14px; float: left; width: 152px; color: #f90; height: 70px; text-transform: uppercase;}
h2 {font-size: 14px; color: #605F6D; margin: 0px; padding: 4px 4px 2px; border-bottom: 1px solid #A7B7C5; clear: both;}
h3 {font-size: 12px; margin: 0px; padding: 8px 8px 0px; color: #f60;}

#left {width: 165px; float: left; background: url(mstart.gif) no-repeat; padding: 4px 0 0;}
#left ul {margin: 0; padding: 0 9px 4px 0; list-style: none; background: url(mend.gif) no-repeat left bottom;}
#left a {font-size: 11px; display: block; height: 15px; padding: 0 0 0 15px; text-decoration: none; color: #fff; background: #3E3D4D url(mbullet1.gif) no-repeat 4px 5px; border-right: 1px solid #201f27; border-left: 1px solid #585765;}
#left a:hover {background: #464558 url(mbullet1.gif) no-repeat 4px -25px; color: #f90;}
a.selected {background: #3E3D4D url(mbullet1.gif) no-repeat 4px -25px!important; color: #f90!important;}

#right {width: 130px; float: left; clear: right; text-align: right; margin: 0; padding: 0;}

#index, #download, #faq, #faq2, #partners, #contact, #customer {width: 605px; float: left;}
#whats, #how, #feat, #samples, #press, #buy, #tutorials {width: 475px; float: left;}

#index p {margin: 0; padding: 4px; text-align: left; clear: both;}
#index a, #spx a {color: #f60 !important; font-weight: bold; background: url(darrow.gif) no-repeat 0px 1px; text-decoration: none; display: block; float: left; clear: both; margin: 5px 0px 15px 1px; padding: 0 0 0 16px;}
#press a {text-decoration: none; clear: both; color: #FF6600;}
#index a:hover, #press a:hover, #spx a:hover {text-decoration: underline;}

#whats p, #download p {margin: 0; padding: 4px; clear: both;}
#whats a, #feat a {color: #3E3D4D;}
#whats a:hover, #feat a:hover {color: #f60; text-decoration: none;}
#whats table {width: 100%;}
#whats td {padding: 3px;}

#how p {text-align: left; padding: 0 8px 0 80px;}
#how div {margin-left: 80px;}

#feat p {padding: 10; margin: 6px; text-align: left;}
#feat h2 {color: #f90;}

#feat h3, .expand h3 {font-size: 11px; font-weight: normal; margin: 0px; padding: 0px; float: left; width: 375px;}
a.featmenu {color: #fff !important; font-size: 11px; display: block; float: left; width: 145px; height: 14px; padding: 4px; background: #7B7A96; text-decoration: none; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
a.featmenu:hover {text-decoration: underline !important;}

.expand span {text-align: right;}
.expand {padding: 2px 0px 2px 7px;}
.expand img {vertical-align: bottom;}

.expand div {clear: both; border-bottom: 1px solid #A1A0AC; padding: 0px 8px 0px 0px;}
.expand p {margin: 0px !important; padding: 5px 0px 4px 13px!important; text-align: left;}
.expand table {border-right: 6px solid #fff; border-left: 10px solid #fff;}
.expand td {vertical-align: top;}
.expand th {text-align: left; background: #CBCBD1; padding: 2px;}
.expand ul {margin: 0px; padding: 10px 0px 10px 10px; list-style: inside; background: #fff;}
.expand ol {margin: 0px; padding: 10px 0px 10px 10px; list-style: decimal inside;}
.expand li {margin: 0px; padding: 0px;}

.step1 {background: url(step1.gif) no-repeat 15px 0;}
.step2 {background: url(step2.gif) no-repeat 15px 0;}
.step3 {background: url(step3.gif) no-repeat 15px 0;}

#samples div {padding: 0 0px 6px 45px; border-top: 1px solid #E2E2E2; margin: 0; clear: both;}
#samples h2 {margin-top: 0px; padding-top: 0px; color: #f60;}

#samples h3 {margin: 3px 0 0 0px; padding: 0; font-size: 11px; float: left; width: 300px; font-weight: normal;}
#samples span {float: right; margin: 4px 0px 0px; padding: 0px;}

.sd {background: url(db.gif) no-repeat 12px 4px;}
.ss {background: url(simulation.gif) no-repeat 12px 4px; margin-top: 5px !important;}
.ssnoborder {background: url(simulation.gif) no-repeat 12px 4px; margin-top: 5px !important; border-style: none !important;}
.seqnoborder {background: url(imgseq.gif) no-repeat 16px 4px; margin-top: 5px !important; border-style: none !important;}
.st {background: url(training.gif) no-repeat 12px 4px;}
.stnoborder {background: url(training.gif) no-repeat 14px 4px; border:none !important;}
#samples p {margin: 0 0 0px; padding: 0 0 0 0px; width: 325px; font-size: 11px; clear: both;}
#samples a {color: #545361;}
#samples a:hover {color: #f60;}
#tutorials h2 {color: #f60;}

#tutorials h3 {font-size: 11px; font-weight: normal; margin: 0px; padding: 3px 6px 6px; color: #425462 !important;}
#tutorials div {border-top: 1px solid #E2E2E2; margin: 0; padding: 0 0 3px; clear: both;}
#tutorials h4 {width: 300px; float: left; margin: 0px; padding: 3px 3px 3px 6px; font-size: 11px; color: #f60; font-weight: normal;}
.h4nosp {margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important;}

#tutorials p {margin: 0; padding: 0 0 0px 6px; width: 400px; clear: both;}
#tutorials span {float: right; padding: 2px 0px 0px;}
#tutorials a {text-decoration: underline; color: #425462;}
#tutorials a:hover {color: #f60; text-decoration: none;}
.tutpar {margin: 3px 0px 0px 10px !important; width: 450px !important;}
.tutnoborder {border-style: none !important;}
.top {text-align: right !important; margin: 0px !important; padding: 0px !important;}

#download img {margin: 5px 0px 10px;}
#download table, #faq table {margin-bottom: 20px;}
#download td {padding: 2px 4px; border-bottom: 1px solid #D6D6DA; width: 80px;}
#faq td {padding: 2px 4px; border-bottom: 1px solid #D6D6DA;}
#download a {color: #595867; text-decoration: none;}
#download a:hover {color: #f60;}

#press h3 {clear: both; color: #3E3D4D; border-bottom: 1px solid #C7C7CD; margin: 0; padding: 6px 6px 4px 4px;}
#press h2 {background: #A2A1AD; color: #fff; margin: 0; padding: 3px; border-style: none;}

#press em {font-size: 11px; font-weight: normal; color: #f60; font-style: normal;}
#press p {text-align: left; margin: 0; padding: 2px 4px 0;}
#press ul {margin: 8px 0 8px 18px; padding: 0;}

#faq div {font-weight: bold; color: #f60; padding: 4px;}
#faq p {margin: 0px 0px 8px; padding: 4px; background: #A2A1AD; color: #fff; font-style: italic;}
#faq ol {margin: 0px; padding: 5px 5px 5px 30px; font-weight: bold;}
#faq li {margin: 3px 0; padding: 0px;}
.faqsel {background: #EEEEF0;}
#faq a, #faq2 a {color: #3E3D4D; text-decoration: none; font-weight: normal;}
#faq a:hover, #faq2 a:hover {text-decoration: underline; color: #f60;}
#faq2 h2 {font-size: 12px; padding-left: 30px; padding-bottom: 5px; background: url(q.gif) no-repeat 6px 5px;}
#faq2 div {background: url(a.gif) no-repeat 8px 6px;}
#faq2 p {margin: 0px; padding: 5px 0 5px 30px;}
#faq2 ol {margin: 0px; padding: 0 0 0 55px;}
#faq2 ul {margin: 0px; padding: 0 0 0 48px;}

a.faq {display: block; padding: 10px; color: #3E3D4D; font-weight: bold !important; text-decoration: none; margin-left: 20px; border-top: 1px solid #E1E1E3;}
a.faq:hover {color: #f60; text-decoration: underline;}

#partners p {padding: 12px 6px 4px; margin: 0px;}
#partners table {width: 100%;}
#partners th {color: #fff; padding: 2px 4px; text-align: left; border-bottom: 1px solid #A2A1AD; background: #A2A1AD; font-size: 11px; font-weight: normal;}
#buy th {color: #fff; padding: 2px 4px; text-align: left; border-bottom: 1px solid #A2A1AD; background: #A2A1AD; font-size: 11px; font-weight: normal;}
#partners td {padding: 2px; border-bottom: 1px solid #D6D6DA; vertical-align: top;}
#buy td {padding: 2px; border-bottom: 1px solid #D6D6DA; vertical-align: top; margin: 0px;}
#partners span {text-align: center; display: block;}
#partners a {color: #3E3D4B; text-decoration: none;}
#partners a:hover {color: #f60; text-decoration: underline;}
.yes {background: url(check.gif) no-repeat center center;}
.no {background: url(na.gif) no-repeat center center;}

#buy h3 {padding: 6px 6px 0px; margin: 0px; font-size: 11px; clear: both; color: #3E3D4D; border-top: 1px solid #D6DDE4;}
#buy h4 {padding: 4px; margin: 0px 0px 20px; background: #F3F3F5; font-weight: normal; color: #f60; font-size: 12px;}
#buy p {padding: 4px 6px; margin: 0;}
#buy a {color: #009900;}
#buy a:hover {color: #3E3D4F;}
.buy0 {clear:both; color: #fff; margin-top: 1px;}
.buy1 {background: #A2A1AD; float: left; padding: 2px 4px; margin-right: 1px; width: 246px; clear: left;}
.buy2 {background: #A2A1AD; float: left; padding: 2px 4px; margin-right: 1px; width: 66px;}
.buy3 {background: #A2A1AD; float: left; padding: 2px 2px 2px 4px; clear: right; width: 139px;}
.bbox {float: left; clear: left; padding-top: 4px;}
.bcont {float: left; width: 416px; clear: right; padding: 2px 0px 4px;}
.bprod {float: left; width: 193px; text-align: right; padding: 0px 6px 0px 0px;}
.bprice {float: left; width: 77px;}
.bdisc {float: left; width: 86px;}
.bdisc div {float: left; width: 44px; margin: 0px; padding: 0px; clear: right;}
.buy {float: left; clear: right;}
#buy table {
	width: 180px;
	clear: both;
	margin-left: 3px;
}

#spx {padding: 0px 0 25px 0px; margin: 10px 0 0; border: 1px dashed #3E3D4D;}
#spx h3 {margin: 0px; padding: 0px;}
#spx strong {display: block; border-bottom: 1px solid #32323E; padding: 0 0 5px; font-size: 11px; margin: 0px; font-weight: normal;}
#spx em {font-style: normal; display: block; font-weight: bold; font-size: 14px; color: #605F6D;}
#spx p {padding: 3px 4px; font-size: 11px;}

#customer h2 {margin-top:10px;}
.custhead {background: #A2A1AD; margin: 0px; padding: 4px; font-size: 12px; color: #fff;}
.custhead strong {font-weight: normal;}
.custhead p {margin: 0px!important; padding: 0px !important;}
#dloads td {border-bottom: 1px solid #E9E9EB; padding: 1px;}
#customer span {font-size: 11px; font-weight: normal; padding-left: 360px;}
#customer p {margin: 4px 0px 4px 4px; padding: 0px;}
#customer a {color: #3E3D4D; text-decoration: underline;}
#customer a:hover {color: #f60; text-decoration: underline;}
.overflow {width: 180px; overflow: hidden; padding: 0px !important; margin: 0px !important;}
.orange {color: #f60!important;}

.input {font-size: 11px; color: #3E3D4F; border-top: 1px solid #3E3D4D; border-right: 1px solid #C6C6CA; border-bottom: 1px solid #C6C6CA; border-left: 1px solid #3E3D4D; margin: 0; padding: 2px; width: 180px;}
.buton {background: #3E3D4D; font-size: 11px; font-weight: bold; color: #fff; border: 1px solid #555462; margin: 0; padding: 2px;}
.buton2 {background: #3E3D4D; font-size: 11px; color: #fff; border: 1px solid #555462; margin: 0; padding: 2px;}

#contact table {margin-bottom: 20px;}
#contact td {padding: 2px 4px; border-bottom: 1px solid #D6D6DA;}
#contact a {color: #f60; text-decoration: none;}
#contact a:hover {color: #3F3E4E;}

#foot {width: 770px; margin-right: auto; margin-left: auto; text-align: center; font-size: 11px; padding: 10px 0px; border-top: 1px solid #A7B7C5; margin-top: 8px;}
#foot a {color: #425462;}
#foot a:hover {color: #FF6600; text-decoration: none;}
.legal {padding: 4px 10px;}
.dontshow {margin: 0px; padding: 0px; height: 0px; overflow: hidden;}