body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
    background-color: #FFFFFF;
	
}

.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: #FF3300;}
.lang {color: #fff !important; background: #333333!important;}

#head {width: 770px; margin-right: auto; margin-left: auto;}
#head img {height: 34px; width: 286px; 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: 12px; 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: #FF3300;}

#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;
	height: 100px;
	color: #fff;
	background-color: #333333;
	background-image: url(heading2.jpg);
	background-repeat: no-repeat;
}
#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: #FF3300;
	text-decoration: none;
	font-style: italic;
}
#head2 a:hover {text-decoration: underline; color: #FF3300;}

#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: #FF3300; height: 70px; text-transform: uppercase;}
h2 {font-size: 14px; color: #333333; margin: 0px; padding: 4px 4px 2px; border-bottom: 1px solid #A7B7C5; clear: both;}
h3 {font-size: 12px; margin: 0px; padding: 8px 8px 0px; color: #FF3300;}


  #mainmenu {
	width: 158px;
	background-color: #333;
	float:left;
	margin-right:6px;
	}

	.mstart {
	height:4px;
	background-image: url(mstart.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	}

	.mend {
	height:4px;
	background-image: url(mend.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	}

	#mainmenu div {
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	}

	#mainmenu ul {
	list-style: none;
	margin: 0;
	border: none;
	font-size: 11px;

	padding-left: 2px;
	padding-right: 3px;
	}
		
	#mainmenu li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4B4B4B;
	padding-top: 2px;
	padding-bottom: 2px;
	}

	#mainmenu li a {
	display: block;
	background-color: #333333;
	color: #fff;
	text-decoration: none;
	width: 100%;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
	}

	html>body #mainmenu li a {
		width: auto;
	}

	#mainmenu li a:hover {
	background-color: #666666;
	color: #fff;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #000000;
	}
		
	.itemsdelimiter {
	border-bottom:#999999;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	height:1px;
	margin-top:8px;
    }

	.itemdownload {
	background-image: url(item_download.gif);
	background-repeat: no-repeat;
	background-position: right center;
	}
	

  a.selected {
	color: #F00!important;
	background-color: #000000;!important;
}

  a.selectedprod {
	color: #BFBFBF!important;
	background-color: #000000;!important;
}

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

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

#buy { 
	width: 605px; 
	float: left;
}

#buy a {
	color: #009900;
	text-decoration: none;
}


#buy a:hover {
	color: #3E3D4F;
	text-decoration: underline;
}




#press a {text-decoration: none; clear: both; color: #FF3300;}
#press a:hover, #spx a:hover {text-decoration: underline;}

#spx a {margin-left:4px; text-decoration: none; font-style: italic; color: #FF3300!important}

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

#whats a {text-decoration: underline;}
#whats a:hover {color: #FF3300;}

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

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

#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;
	text-decoration: none;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #333333;
}
a.featmenu:hover {text-decoration: underline !important;}

.expand span {
	text-align: right;
    padding-left:74px;
}
.expand {
	background-color:#F2F2F2;
	margin-bottom:1px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
}
.expand img {vertical-align: bottom;}

.expand div {
	clear: both;
	color:#000;
	padding-right: 40px;
	padding-left: 0px;
	padding-top:0px;
	padding-bottom:0px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #999;
	margin-left: 15px;
	margin-top: 8px;
	margin-bottom: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.expand p {
	margin: 0px !important;
	text-align: justify;
	padding-left: 4px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.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;}

.expand a {
	color:#000!important;
	text-decoration:none!important;

}

.expand a:hover {
	color:#FF3300!important;
	text-decoration:none!important;
}

.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;}
.step4 {background: url(step4.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: #FF3300;}

#samples h3 {margin: 3px 0 0 0px; padding: 0; font-size: 11px; float: left; width: 325px; 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;}
.seq {background: url(imgseq.gif) no-repeat 16px 4px; margin-top: 5px !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: #333333;}
#samples a:hover {color: #FF3300;}
#tutorials h2 {color: #FF3300;}

#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: #FF3300; 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: #FF3300; 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: #FF3300;}

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

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

#faq div {font-weight: bold; color: #FF3300; padding: 4px;}
#faq p {margin: 0px 0px 8px; padding: 4px; background: #333333; 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: #FF3300;}
#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: #FF3300; 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 #333333; background: #333333; font-size: 11px; font-weight: normal;}
#partners td {padding: 2px; border-bottom: 1px solid #D6D6DA; vertical-align: top;}
#partners span {text-align: center; display: block;}
#partners a {color: #3E3D4B; text-decoration: none;}
#partners a:hover {color: #FF3300; text-decoration: underline;}
.yes {background: url(check.gif) no-repeat center center;}
.no {background: url(na.gif) no-repeat center center;}

#voices p {padding: 12px 6px 4px; margin: 0px;}
#voices table {width: 100%;}
#voices span {text-align: center; display: block;}
#voices a {color: #3E3D4B; text-decoration: none;}
#voices a:hover {color: #FF3300; text-decoration: underline;}


#customer h2 {margin-top:10px;}
.custhead {background: #333333; 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: 340px;}
#customer p {margin: 4px 0px 4px 4px; padding: 0px;}
#customer a {color: #3E3D4D; text-decoration: underline;}
#customer a:hover {color: #FF3300; text-decoration: underline;}
.overflow {width: 180px; overflow: hidden; padding: 0px !important; margin: 0px !important;}
.orange {color: #FF3300!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: #FF3300; 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;
	margin-top: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E8E8E8;
	color: #999999;
}
#foot a {color: #999999; text-decoration: none;}
#foot a:hover {color: #FF3300; text-decoration: underline;}
.legal {padding: 4px 10px;}
.dontshow {margin: 0px; padding: 0px; height: 0px; overflow: hidden;}


div#intro {
	width: 605px;
	float: left;
	margin: 0px;
	padding: 0px;
}


#intro p {
	padding: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}


#intro a {
	text-decoration:none;
	font-weight:normal;
	color:#2777a1;
}

#intro a:hover {
	color:#1b9de2;
}


div#topic {
	float:  left;
	width: 287px;
	margin: 5px;
	padding: 0px;
}


div#topic h4 {
	font-size: 11px;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #605F6D;
}

div#topic p {
	padding: 2px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	text-align: justify;
}

div#topic a {
	font-size: 11px;
	font-weight: bold;
	color: #FF3300;
	text-decoration: none;
	background-image: url(darrow.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

div#topic a:hover {
	text-decoration: underline;
}

a.button1 {
	background: transparent url('bg_button_a1.gif') no-repeat scroll top right;
	color: #FFFFFF!important;;
	display: block;
	float: left;
	height: 24px;
	margin-right: 6px;
	padding-right: 28px; /* sliding doors padding */
	text-decoration: none;
}

a.button1 span {
	background: transparent url('bg_button_span1.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 14px;
} 

a.button1:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button1:active span {
    background-position: bottom left;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 14px;
} 


a.button2 {
	background: transparent url('bg_button_a2.gif') no-repeat scroll top right;
	color: #FFFFFF!important;;
	display: block;
	float: left;
	height: 24px;
	margin-right: 6px;
	padding-right: 28px; /* sliding doors padding */
	text-decoration: none;
}

a.button2 span {
	background: transparent url('bg_button_span2.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 14px;
} 

a.button2:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button2:active span {
    background-position: bottom left;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 14px;
} 

/* Tabs
--------------------*/
#intro ul.subsection_tabs {
	list-style:none;
	clear:both;
	border-bottom:1px solid #ccc;
	height:25px;
	clear:both;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

#intro ul.subsection_tabs li.tab {
	float:left;
	margin-right:2px;
	text-align:center;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#intro ul.subsection_tabs li.tab a {
	display:block;
	height:20px;
	background-color:#fff;
	color:#666666;
	width:80px;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 5px;
    outline: none; /* hide dotted outline in Firefox */		
}

#intro ul.subsection_tabs li.tab a:hover {
	color:#000000;
	text-decoration: underline;
}

#intro ul.subsection_tabs li.tab a.active {
	background-color:#EEEEEE;
	font-weight: normal;
	color: #FF3300;
}


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


/* Tabs
--------------------*/
#buy ul.subsection_tabs {
	list-style:none;
	clear:both;
	border-bottom:1px solid #ccc;
	height:25px;
	clear:both;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding: 0px;
}

#buy ul.subsection_tabs li.tab {
	float:left;
	margin-right:2px;
	text-align:center;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#buy ul.subsection_tabs li.tab a {
	display:block;
	height:20px;
	background-color:#fff;
	color:#666666;
	width:80px;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 5px;
    outline: none; /* hide dotted outline in Firefox */		
}

#buy ul.subsection_tabs li.tab a:hover {
	color:#000000;
	text-decoration: underline;
}

#buy ul.subsection_tabs li.tab a.active {
	background-color:#EEEEEE;
	font-weight: normal;
	color: #FF3300;
}


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