body {margin: 0px; padding: 0px; color: #425462; font-size: 10px; font-family: Verdana, 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: #44acee!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: 12px; font-weight: bold; color: #58646D; text-decoration: none; background: #fff url(../images/ArrowBlue_Down.gif) no-repeat 15px 10px; padding: 30px 5px 10px 15px; border-top: 1px solid #CCCCD2;}
#topm a:hover {color: #44acee;}

#flash1 {width: 770px; height: 100px; margin-right: auto; margin-left: auto; display: block; background-image:url(../Images/Banner_Logo_Large.jpg)}
#flash2 {width: 770px; margin-right: auto; margin-left: auto; display: none;}


#head2 {width: 650px; margin-right: auto; margin-left: inherit; background: #ddddc5; background: #ddddc5 url(../images/Banner_Logo_Large.jpg) no-repeat; height: 100px; color: #2a6a93; display:block; }
#head2 p {margin-top: 30px; margin-left: 10px; 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: #44acee; font-size: 11px; padding: 0 7px 0 0; text-decoration: underline;}
#head2 a:hover {text-decoration: none; color: #44acee;}

#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: #44acee; height: 70px; float:left;}
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: 163px; float: left; background: url(../images/mstart.gif) no-repeat; padding: 4px 0 0;}
#left ul {margin: 0; padding: 0 9px 4px 0; list-style: none; background: url(../images/mend.gif) no-repeat left bottom;}
#left a {font-size: 11px; display: block; height: 8px; padding: 5px 0 8px 15px; text-decoration: none; color: #3d9ad5; background: #ddddc5 url(../images/Bullet_Normal.gif) no-repeat 5px 5px; background-position: 4px 9px; border-right: 1px solid #201f27; border-left: 1px solid #585765;}
#left a:hover {background: #cdccb8 url(../images/Bullet_Selected.gif) no-repeat 5px 5px; background-position: 4px 9px; color: #2a6a93;}
a.selected {background: #cdccb8 url(../images/Bullet_Selected.gif) no-repeat 5px 5px!important; background-position: 4px 9px!important; color: #2a6a93!important;}

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

#index, #partners, #customer {width: 605px; float: left;}
#whats, #how, #PageContent, #press, #buy, #tutorialsOld {width: 475px; float: left;}
#PageContentNoDnld {width: 600px; float: left;}

#index p {margin: 0; padding: 4px; text-align: justify; clear: both;}
#index a, #spx a {color: #44acee !important; font-weight: bold; background: url(../images/ArrowBlue_Down.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 {margin: 0; padding: 4px; clear: both;}
#whats a {color: #3E3D4D;}
#whats a:hover {color: #44acee; text-decoration: none;}
#whats table {width: 100%;}
#whats td {padding: 3px;}

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

.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: justify;}
.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;}

.sd {background: url(db.gif) no-repeat 12px 4px;}
.ss {background: url(simulation.gif) no-repeat 12px 4px; margin-top: 5px !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;}
#tutorialsOld h2 {color: #f60;}

#tutorialsOld h3 {font-size: 11px; font-weight: normal; margin: 0px; padding: 3px 6px 6px; color: #425462 !important;}
#tutorialsOld div {border-top: 1px solid #E2E2E2; margin: 0; padding: 0 0 3px; clear: both;}
#tutorialsOld 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;}

#tutorialsOld p {margin: 0; padding: 0 0 0px 6px; width: 400px; clear: both;}
#tutorialsOld span {float: right; padding: 2px 0px 0px;}
#tutorialsOld a {text-decoration: underline; color: #425462;}
#tutorialsOld 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;}


#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: justify; margin: 0; padding: 2px 4px 0;}
#press ul {margin: 8px 0 8px 18px; padding: 0;}

#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: 180px; clear: left;}
.buy2 {background: #A2A1AD; float: left; padding: 2px 4px; margin-right: 1px; width: 277px;}
.buy3 {background: #A2A1AD; float: left; padding: 2px 2px 2px 4px; clear: right; width: 185px;}

.bbox {float: left; clear: left; padding-top: 10px;}

.bcont {float: left; width: 416px; clear: right; padding: 2px 0px 4px;}

.bprodBold {float: left; width: 180px; text-align: left; margin-left:10px; padding: 0px 0px 0px 0px; font-weight:bold; color:#FF0000; }
.bpriceBold {float: left; width: 77px; padding: 0px 0px 0px 0px; font-weight:bold; color:#FF0000; }
.bprod {float: left; width: 180px; text-align: left; margin-left:10px; padding: 0px 0px 0px 0px;}
.bprice {float: left; width: 77px; padding: 0px 0px 0px 0px;}
.buy {float: left; padding: 0px 6px 0px 0px;}

.bdisc {float: left; width: 86px;}
.bdisc div {float: left; width: 34px; margin: 0px; padding: 0px; clear: right;}

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

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














#sidebar {width: 163px; float: left;}
#InfoSnapBox {width: 163px; float: left; margin-top: 10px; background: url(../Images/spacer.gif) no-repeat; height: 186px; }
#InfoSnapBoxFooter {width: 163px; float: left; margin-top: 5px; background: url(../Images/spacer.gif) no-repeat; height: 5px; }

#MainPageContent {width: 605px; float: left;}
#MainPageContent a {color: #44acee !important; font-weight: bold; background: url(../images/ArrowBlue_Down.gif) no-repeat 0px 1px; text-decoration: none; display: block; float: left; clear: both; margin: 5px 0px 15px 1px; padding: 0 0 0 16px;}
#MainPageContent p {margin: 0; padding: 4px; text-align: justify; clear: both;}
#MainPageContent a:hover {text-decoration: underline;}

#PageContentLinkArea {font-size:10px; font-weight: bold; width: 405px; height:100px; margin-left: 20px; text-decoration:none; color: #2a6a93;}
#PageContentLinkArea a {color: #2a6a93 !important; background: url(../images/ArrowBlue_Down.gif) no-repeat 0px 1px; display: block; clear: left; margin: 10px 5px 5px 1px; padding: 5px 0 0 16px;}
#PageContentLinkArea a:hover {color: #44acee !important; text-decoration: underline !important;}

#PageContent {font-size:10px;}
#PageContent a {color: #3E3D4D;}
#PageContent a:hover {color: #44acee; text-decoration: none;}
#PageContent p {padding: 10px; margin: 6px; margin-left:15px; text-align: justify;}
#PageContent h2 {color: #44acee;}
#PageContent h3, .expand h3 {font-size: 11px; font-weight: normal; color: #44acee; margin: 0px; padding: 0px; float: left; width: 375px;}

#PageContentNoDnld {font-size:10px;}
#PageContentNoDnld a {color: #3E3D4D;}
#PageContentNoDnld a:hover {color: #44acee; text-decoration: none;}
#PageContentNoDnld p {padding: 10px; margin: 6px; margin-left:15px; text-align: justify;}
#PageContentNoDnld h2 {color: #44acee;}
#PageContentNoDnld h3, .expand h3 {font-size: 11px; font-weight: normal; color: #44acee; margin: 0px; padding: 0px; float: left; width: 375px;}

#Dummy {font-size:10px; width: 405px; float: left;}
#Dummy p {margin: 6px; padding: 4px; text-align: justify; clear: both;}
#Dummy a {color: #333333 !important; font-weight: normal; text-decoration: none; display: block; float: left; clear: both; margin: 5px 0px 15px 1px; padding: 0 0 0 16px;}
#Dummy a:hover {color:44acee !important; text-decoration: underline;}
#Dummy table {margin-bottom: 5px; margin-top: 5px;}

a.PageContentMenu {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.PageContentMenu:hover {text-decoration: underline !important;}

#contact {width: 405px; float: left;}
#contact table {margin-bottom: 20px;}
#contact td {padding: 2px 4px; border-bottom: 1px solid #D6D6DA;}
#contact a {color: #3E3D4D;}
#contact a:hover {color: #44acee; text-decoration: none;}

#download {width: 405px; float: left;}
#download p {margin: 0; padding: 4px; clear: both;}
#download img {margin: 5px 0px 10px;}
#download table {margin-bottom: 20px;}
#download td {padding: 2px 4px; border-bottom: 1px solid #D6D6DA;}
#download a {color: #FF0000; font-weight:bold; text-decoration: none;}
#download a:hover {color: #3d9ad5;}

#AttentionSmall div {padding: 0 0px 6px 45px; border-top: 1px solid #E2E2E2; margin: 0; clear: both;}
#AttentionSmall p {margin: 5px 15px 15px; padding: 0 0 0 0px; width: 425px; font-size: 9px; clear: both; color:#CC3333}
#AttentionSmall a {font-weight:bold; color:#CC3333}
#AttentionSmall a:hover {color:#FF0000;}

#tutorials {width: 475px; float: left;}
#tutorials div {padding: 0 0px 6px 45px; border-top: 1px solid #E2E2E2; margin: 0; clear: both;}
#tutorials h2 {margin-top: 0px; padding-top: 0px; color: #44acee;}
#tutorials h3 {margin: 3px 0 3px 0px; padding: 0; font-size: 10px; float: left; width: 325px; font-weight: bold;}
#tutorials span {float: right; margin: 4px 0px 0px; padding: 0px;}
#tutorials p {margin: 0 0 0px; padding: 0 0 0 0px; width: 325px; font-size: 10px; clear: both;}
#tutorials a {color: #545361;}
#tutorials a:hover {color: #44acee; text-decoration: underline;}

.ssnoborder {background: url(../Images/ArrowBlue_Down.gif) no-repeat 12px 4px; margin-top: 5px !important; border-style: none !important;}

#faq {width: 605px; float: left;}
#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;}
#faq a:hover {text-decoration: underline; color: #317baa;}
#faq a {color: #3E3D4D; text-decoration: none; font-weight: normal;}
#faq table {margin-bottom: 20px;}
#faq td {padding: 2px 4px; border-bottom: 1px solid #D6D6DA;}

.faqselection {background: #EEEEF0;}

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;}

#faqRecord {width: 605px; float: left;}
#faqRecord a {color: #3E3D4D; text-decoration: none; font-weight: normal;}
#faqRecord a:hover {text-decoration: underline; color: #44acee;}
#faqRecord h2 {font-size: 11px; padding-left: 20px; padding-bottom: 5px; padding-top:15px; color:#425462}
#faqRecord p {margin: 0px; padding: 5px 0 5px 30px;}
#faqRecord ol {margin: 0px; padding: 0 0 0 55px;}
#faqRecord ul {margin: 0px; padding: 0 0 0 48px;}

#banner {width: 770px; margin-right: auto; margin-left: auto; background: #ddddc5 url(../images/Banner_Logo_Large.jpg) no-repeat; height: 100px; color: #317baa; }
#banner a {color: #317baa; text-decoration: underline;}
#banner a:hover {color: #3d9ad5; text-decoration: underline;}

#BannerImg {width: 107px; height:80px; float: right; margin-top: 10px; }

#BannerCaption {float: left; padding: 2px 10px 0; width: 430px; height: 25px; margin-top: 0px;}
#BannerCaption p {margin-top: 4px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color:#3d9ad5}

#BannerText {float: left; padding: 4px 0 0 0; width: 400px; margin-top: 2px; }
#BannerText p {text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; color:#317baa}

#HomeBannerCaption {float: left; padding: 2px 10px 0; width: 430px; height: 25px; margin-top: 0px;}
#HomeBannerCaption p {margin-top: 4px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color:#3d9ad5}

#HomeBannerText {float: left; padding: 4px 0 0 0; width: 400px; margin-top: 2px; }
#HomeBannerText p {text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color:#317baa}

 For EOMMEX 
#footMain {display:block; width: 770px; height: 60px; margin-right: auto; margin-left: auto; border-top: 1px solid #A7B7C5; font-size:9px; }
#footText {display:block; float:right; width: 500px; text-align: right; padding: 20px 0px; margin-top: 8px; }
#footMain {display:block; width: 770px; height: 30px; margin-right: auto; margin-left: auto; border-top: 1px solid #A7B7C5; font-size:9px; }
#footText {display:block; float:right; width: 500px; text-align: right; padding: 2px 0px; margin-top: 8px; }

#footMain a {color: #425462;}
#footMain a:hover {color: #44acee; text-decoration: none;}
#footImage {display:block; float:left; width: 150px; text-align: left; }

.PartnerName {
	color: #FF0000;
	font-weight: bold;
}

.ImportantNote {
	color: #CC3333;
}

.ImportantNoteBold {
	color: #CC3333;
	font-weight: bold;
}