﻿a.selected {
	background: url('left_bullet_select.gif') #333366 no-repeat 4px -25px !important;
	color: #3366FF !important;
	font-weight: bold;
}

a.selectedCM {
	background: url('CM/left_bullet_select_CM.gif') #003900 no-repeat 4px -25px !important;
	color: #80FE80 !important;
	font-weight: bold;
}

body {
	color: #425462;
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 15px;
}

h1 {
	color: #FF9900;
	float: left;
	font-size: 14px;
	height: 70px;
	margin: 0;
	padding: 12px;
	text-transform: uppercase;
	width: 152px;
}

h2 {
	border-bottom: 1px solid #A7B7C5;
	clear: both;
	color: #605F6D;
	font-size: 14px;
	margin: 0px;
	padding: 4px 4px 2px;
}

h3 {
	color: #FF6600;
	font-size: 12px;
	margin: 0px;
	padding: 8px 8px 0px;
}

h4 {
	clear: none;
	color: #605F6D;
	font-size: 14px;
	margin: 0px;
	padding: 4px 4px 2px;
}

ul.leftpadding {
	padding-left: 20px;
}

ul.leftpadding30 {
	padding-left: 30px;
}

.clear {
	background: url('../') !important;
	border-style: none !important;
	clear: both;
	margin-bottom: 10px;
}

.dottedBorders {
	display: none;
	width: 470px;
}

.featuretopic {
	float: left;
	margin: 5px;
	padding: 0px;
	width: 468px;
}

.featuretopicCM {
	float: left;
	margin: 5px;
	padding: 0px;
	width: 468px;
}

.featuretopic a {
	background: url('darrow.gif') no-repeat;
	bottom: 0px;
	color: #FF9900;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 17px;
	position: relative;
	text-decoration: none;
}

.featuretopicCM a {
	background: url('darrow.gif') no-repeat;
	bottom: 0px;
	color: #FF9900;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 17px;
	position: relative;
	text-decoration: none;
}

.featuretopic a.anoarrow {
	background: none;
	bottom: 0px;
	color: #FF9900;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	position: relative;
	padding-left: 0px;
	text-decoration: none;
}

.featuretopicCM a.anoarrow {
	background: none;
	padding-left: 0px;
}

.featuretopic a:hover {
	text-decoration: underline;
}

.featuretopicCM a:hover {
	text-decoration: underline;
}

.featuretopic h4 {
	background: #333366;
	color: #FFFFFF;
	font-size: 11px;
	margin: 0px;
	padding: 3px 5px;
}

.featuretopicCM h4 {
	background: #003900;
	color: #FFFFFF;
	font-size: 11px;
	margin: 0px;
	padding: 3px 5px;
}

.featuretopic li {
	margin-bottom: 7px;
}

.featuretopicCM li {
	margin-bottom: 7px;
}

.featuretopic p {
	margin: 8px 0px;
	padding: 2px;
	text-align: justify;
}

.featuretopicCM p {
	margin: 8px 0px;
	padding: 2px;
	text-align: justify;
}

.imghead {
	border-bottom: none;
	text-align: center;
}

.lang {
	background: #333666 !important;
	color: #FFFFFF !important;
}

.langCM {
	background: #003900 !important;
	color: #FFFFFF !important;
}

.left {
	background: url('left_start.gif') no-repeat;
	float: left;
	padding: 4px 0 0;
	width: 165px;
}

.leftCM {
	background: url('CM/left_start_CM.gif') no-repeat;
	float: left;
	padding: 4px 0 0;
	width: 165px;
}

.left a {
	background: url('left_bullet.gif') #333366 no-repeat 4px 4px;
	border-left: 1px solid #585765;
	border-right: 1px solid #201F27;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	height: 19px;
	padding: 0 0 0 18px;
	text-decoration: none;
}

.leftCM a {
	background: url('CM/left_bullet_CM.gif') #003900 no-repeat 4px 4px;
	border-left: 1px solid #003900;
	border-right: 1px solid #002700;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	height: 19px;
	padding: 0 0 0 18px;
	text-decoration: none;
}

.left a#nostyle {
	background: none;
	border: 0;
	height: 70px;
	padding: 0;
}

.leftCM a#nostyle {
	background: none;
	border: 0;
	height: 70px;
	padding: 0;
}

.left a:hover {
	background: url('left_bullet.gif') #3D3D76 no-repeat 4px -26px;
	color: #FF9900;
}

.leftCM a:hover {
	background: url('CM/left_bullet_CM.gif') #004900 no-repeat 4px -26px;
	color: #FF9900;
}

.left table {
	background: #333366;
}

.leftCM table {
	background: #003900;
}

.left ul {
	background: url('left_end.gif') no-repeat left bottom;
	font-size: 12px;
	list-style-type: none;
	margin: 0;
	padding: 0 9px 4px 0;
}

.leftCM ul {
	background: url('CM/left_end_CM.gif') no-repeat left bottom;
	font-size: 12px;
	list-style-type: none;
	margin: 0;
	padding: 0 9px 4px 0;
}

.red {
	color: #CC0000;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	font-weight: normal;
}

.redStrong {
	color: #CC0000;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	font-weight: bold;
}

.redStrongHighlight {
	color: #CC0000;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	font-weight: bold;
	background-color: #FFFF00;
}

.tablehead {
	background: #A5A5C5;
}

.tableheadCM {
	background: #003900;
}

.topic {
	float: left;
	height: 160px;
	margin: 5px;
	padding: 0px;
	position: relative;
	width: 291px;
}

.topic a {
	background: url('darrow.gif') no-repeat;
	color: #FF9900;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 17px;
	text-decoration: none;
}

.topic a:hover {
	text-decoration: underline;
}

.topic h4 {
	background: #333366;
	color: #FFFFFF;
	font-size: 11px;
	margin: 0px;
	padding: 3px 5px;
}

.topic p {
	margin: 8px 0px;
	padding: 2px;
	text-align: justify;
}

.topic_red {
	float: left;
	height: 160px;
	margin: 5px;
	padding: 0px;
	position: relative;
	width: 291px;
}

.topic_red a {
	background: url('darrow.gif') no-repeat;
	color: #FF9900;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 17px;
	text-decoration: none;
}

.topic_red a:hover {
	text-decoration: underline;
}

.topic_red h4 {
	background: #FF0000;
	color: #FFFF00;
	font-size: 11px;
	margin: 0px;
	padding: 3px 5px;
}

.topic_red p {
	margin: 8px 0px;
	padding: 2px;
	text-align: justify;
}

#alert {
	color: #CC0000;
}

#buy {
	width: 592px;
}

#buyCM {
	width: 592px;
}

#buy .noborder {
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
}

#buyCM .noborder {
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
}

#faq a, #buy a {
	color: #FFA500;
	text-decoration:none;
}

#faq a, #buyCM a {
	color: #FFA500;
	text-decoration:none;
}

#faq a:hover, #buy a:hover {
	text-decoration:underline;
}

#faq a:hover, #buyCM a:hover {
	text-decoration:underline;
}

#buy h3 {
	border-top: 1px solid #D6DDE4;
	clear: both;
	color: #3E3D4D;
	font-size: 11px;
	margin: 0px;
	padding: 6px 6px 0px;
}

#buyCM h3 {
	border-top: 1px solid #D6DDE4;
	clear: both;
	color: #3E3D4D;
	font-size: 11px;
	margin: 0px;
	padding: 6px 6px 0px;
}

#buy h4 {
	background: #F3F3F5;
	color: #FF6600;
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 20px;
	padding: 4px;
}

#buyCM h4 {
	background: #003900;
	color: #FF6600;
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 20px;
	padding: 4px;
}

#buy p {
	margin: 0px;
	padding: 4px 6px;
}

#buyCM p {
	margin: 0px;
	padding: 4px 6px;
}

#buy table {
	clear: both;
	margin-bottom: 8px;
	margin-left: 3px;
	margin-top: 8px;
	padding-bottom: 0px;
	padding-top: 0px;
}

#buyCM table {
	clear: both;
	margin-bottom: 8px;
	margin-left: 3px;
	margin-top: 8px;
	padding-bottom: 0px;
	padding-top: 0px;
}

#buy table.contact td{
	text-align: left;
	border: none;
}

#buyCM table.contact td{
	text-align: left;
	border: none;
}

#buy td {
	border-bottom: 1px solid #D6D6DA;
	margin: 0px;
	padding: 4px;
	text-align: center;
	vertical-align: center;
}

#buyCM td {
	border-bottom: 1px solid #D6D6DA;
	margin: 0px;
	padding: 4px;
	text-align: center;
	vertical-align: center;
}

#buy th {
	background: #333366;
	border-bottom-color: #A2A1AD;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	padding: 2px 4px;
	text-align: center;
}

#buyCM th {
	background: #003900;
	border-bottom-color: #A2A1AD;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	padding: 2px 4px;
	text-align: center;
}

#contact a {
	color: #FF9900;
}

#contact a:hover {
	color: #FF6600;
	text-decoration: underline;
}

#contact table, #faq table{
	margin-bottom: 20px;
}

#contact td, #faq td {
	border-bottom: 1px solid #D6D6DA;
	padding: 4px 4px 2px;
}

#content {
	margin: 5px auto 0px;
	position: relative;
	width: 770px;
}

#download a {
	color: #595867;
	text-decoration: none;
}

#download a:hover {
	color: #FF6600;
}

#download img {
	margin: 5px 0px 10px;
}

#download table, #faq table {
	margin-bottom: 20px;
}

#download td {
	border-bottom: 1px solid #D6D6DA;
	padding: 2px 4px;
	width: 80px;
}

#download, #faq, #faq2, #contact, #customer {
	float: left;
	width: 605px;
}

#faq3 {
	float: left;
	width: 405px;
}

#foot {
	//left: auto;
	//position: relative;
	border-top: 1px solid #A7B7C5;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	padding: 8px 0px 0px;
	text-align: center;
	width: 770px;
}

#foot a {
	color: #425462;
}

#foot a:hover {
	color: #FF6600;
	text-decoration: none;
}

#head {
	margin-left: auto;
	margin-right: auto;
	width: 770px;
}

#head div {
	float: left;
	padding: 8px 10px 8px 0;
}

#headCM div {
	float: left;
	padding: 8px 10px 8px 0;
}

#headCM div {
	float: left;
	padding: 8px 10px 8px 0;
}

#head img {
	border-style: none;
	height: 51px;
	width: 100px;
}

#headCM img {
	border-style: none;
	height: 51px;
	width: 100px;
}

#head2 {
	background: url('heading2_no_logo.jpg') #656599 no-repeat;
	color: #FFFFFF;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
}

#head2CM {
	background: url('CM/heading2_no_logo_CM.jpg') #003900 no-repeat;
	color: #FFFFFF;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
}

#head2 a {
	color: #FFFFFF;
	font-size: 11px;
	padding: 0 7px 0 0;
	text-decoration: underline;
}

#head2CM a {
	color: #FFFFFF;
	font-size: 11px;
	padding: 0 7px 0 0;
	text-decoration: underline;
}

#head2 a:hover {
	color: #FF9900;
	text-decoration: none;
}

#head2CM a:hover {
	color: #FF9900;
	text-decoration: none;
}

#head2 li {
	display: inline;
}

#head2CM li {
	display: inline;
}

#head2 p {
	font-size: 11px;
	margin: 0;
	padding: 12px;
}

#head2CM p {
	font-size: 11px;
	margin: 0;
	padding: 12px;
}

#head2 ul {
	border-top: 1px solid #6A6A76;
	float: left;
	list-style: none;
	margin: 25px 0 0;
	padding: 8px 0 0;
}

#head2CM ul {
	border-top: 1px solid #004900;
	float: left;
	list-style: none;
	margin: 25px 0 0;
	padding: 8px 0 0;
}

#head2flash {
	float: RIGHT;
	position: relative;
	right: 0px;
}

#intro {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 605px;
}

#lang {
	background: #FFFFFF;
	font-size: 9px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	visibility: hidden;
	width: 770px;
}

#langCM {
	background: #FFFFFF;
	font-size: 9px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	visibility: hidden;
	width: 770px;
}

#lang a {
	background: #FFFFFF;
	color: #AAAFFF;
	padding: 0 4px;
	text-decoration: none;
}

#langCM a {
	background: #FFFFFF;
	color: #AAAFFF;
	padding: 0 4px;
	text-decoration: none;
}

#lang a:hover {
	background: #3D3D76;
	color: #FFA500;
}

#langCM a:hover {
	background: #003900;
	color: #FFA500;
}

#press a {
	clear: both;
	color: #FF9900;
	text-decoration: none;
}

#press a:hover, #spx a:hover {
	text-decoration: underline;
}

#press em {
	color: #FF6600;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}

#press h2 {
	background: #333366;
	color: #FFFFFF;
	font-size: 11px;
	margin: 0px;
	padding: 3px 5px;
}

#press h3 {
	border-bottom: 1px solid #C7C7CD;
	clear: both;
	color: #3E3D4D;
	margin: 0;
	padding: 6px 6px 4px 4px;
}

#press p {
	margin: 0;
	padding: 2px 4px 0;
	text-align: justify;
}

#press ul {
	margin: 8px 0 8px 18px;
	padding: 0;
}

#right {
	clear: right;
	float: right;
	margin: 0;
	padding: 5px 0 0;
	text-align: right;
	width: 127px;
}

#topm {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

#topm a {
	background: url('darrow.gif') #FFFFFF no-repeat 15px 10px;
	border-top-color: #CCCCD2;
	border-top-style: none;
	border-top-width: 1px;
	color: #58646D;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding: 30px 5px 10px 15px;
	text-decoration: none;
}

#topm a:hover {
	color: #FF9900;
}

#topm li {
	display: inline;
}

#whats p, #download p {
	clear: both;
	margin: 0;
	padding: 4px;
}

#whats, #how, #feat, #samples, #press, #buy, #buyCM, #tutorials {
	float: left;
	width: 475px;
}

a.noarrow {
	text-decoration:none;
	background:none;
	padding-left:0px;
}

 .superscript {
 	font-size:xx-small; 
 	vertical-align:top;
 }
