html { height: 100% }
body { margin: 0px; padding: 0px; font-family: Arial; height: 100%; margin-left: auto; margin-right: auto; color: black; align: center; background: white; }

ul.relnotes li { font-size: 10pt }

td.menutext { color: white; border: 0px; margin: 0px; padding: 0px; font-family: Verdana; font-size: 22px; font-weight: bold; }
td.maintext { padding-top: 10px; }

tr.downloadline { background: #eee }

div.title { font-size: 36pt; font-weight: bold; background: #779; color: white; padding-left: 10px }

div.topmenu { padding-bottom: 5px padding-top:5px;  background: #88a; }
ul.navmenu { width: 100%; margin: 0; padding: 0; list-style-type: none; }
ul.navmenu li { margin: 2px; padding: 0 1em 0 1em; float: left; font-weight: bold; border-right: 1px solid #000; }
ul.navmenu li a { color: #eee }
ul.navmenu li a:hover { color: #fff }
ul.navmenu li a:visted { color: #eee }

a { color: #135; text-decoration: none; }
a:hover { color: #357; text-decoration: none; }
a:visited { color: #135; text-decoration: none; }

div.sidemenu { padding-top: 20px; color: #ddd }
div.sidemenuheader { font-size: 10pt; font-weight: bold }
a.sidemenu         { color: #123; text-decoration: none; font-size: 10pt; }
a.sidemenu:hover   { color: #345; text-decoration: none; font-size: 10pt; }
a.sidemenu:visited { color: #123; text-decoration: none; font-size: 10pt; }
a.sidemenu-selected           {  text-decoration: none; font-size: 10pt; font-weight: bold; color: #333 }
a.sidemenu-selected:hover   { color: #333; text-decoration: none; font-size: 10pt; font-weight: bold }
a.sidemenu-selected:visited { text-decoration: none; font-size: 10pt;  font-weight: bold; color:#333 }

a.newslink         { text-decoration: none; font-size: 8pt; }
a.newslink:hover   { color: #333; text-decoration: none; font-size: 8pt; }
a.newslink:visited { text-decoration: none; font-size: 8pt; }

a.smalllink { font-size: 80% }

p.menubar { text-align: center; align: center; }

p.sidemenutext { font-size: 10px; text-align: left }
img.sidemenu { border: none; }


div.newshead { font-size: 12px; text-align: center; font-weight: bold; width: auto; margin-left: auto; margin-right: auto}

div.main,div.mainfront { padding-left: 5px; padding-right: 5px;  width: 780px; margin-left:auto; margin-right: auto; height: 100%; }
div.main h2 { text-align: center }
div.main h4 { text-align: center }
div.main table { margin-left:auto; margin-right:auto;}
div.main table tr td { font-size: 10pt;  text-align: center; }
div.main table tr td.spectitle { text-align:right }
div.main table tr td.specdetail { text-align:left }
div.main table tr td.sidemenu { width: 100px; padding-right:10px; }
div.main table tr td.notes { text-align: left }
div.main table tr td.spacer { width: 5px }
div.main p { font-size: 10pt;  text-align: justify; padding-top: 10px;  }
div.main p.centered { text-align: center }
div.main p.menubar { font-size: 8pt;  text-align: center }
div.main ol { text-align: left }
div.main table tr td.maintext ul.relnotes li { align: left; text-align: left };

div.news { text-align: center; padding:5px; border: 1px solid black; width: 100px; text-size: 8pt; margin-top: 30px; height: auto;  }
div.news p { padding: 2px; text-align: left; }

div.text { width: 780px; margin: 0; padding: 0; font-family: Verdana; font-size: 16px; font-weight: bold; text-align: center; padding-top: 5px; }
div.fronttext { width: 780px; margin: 0; padding: 0; font-family: Verdana; font-size: 24px; font-weight: bold; text-align: center; }

div.options { text-align: center; width: auto; height:60px; align: center; padding-top:5px; border-bottom: 2px solid black;} 
div.options ul  { list-style-type: none; display: inline; margin: 0; padding: 0 } 
div.options ul li { list-style-type: none; display: inline; padding-left: 10px; padding-right: 10px; line-height:44px; } 
div.options ul li a img { border: none } 

div.middle { float:left }
div.bottom { width: 100%; margin-left: auto; margin-right:auto; position: fixed; left: 0; bottom: 0 !important;  bottom: -1px; font-size: 8pt; text-align: center; width: 100%; background: #eee }

div.purchaseoptions { width: 600px; align: center; margin-left:auto; margin-right: auto; }

div.buydirect { width: 283px; float: left; padding-right: 10px; text-align: center}
div.buydirect p { text-align: center; margin-left: auto; margin-right: auto; width:100%; }

div.buyreseller { width: 283px; float: right; padding-left: 20px; display: inline; border-left: 1px solid #aaaaaa; }
div.buyreseller p { text-align: center; margin-left: auto; margin-right: auto; width:100%; }


table tr td.orderenter_fieldname div { text-align: right; align: right; font-weight: bold }
table tr td.orderenter_fieldvalue div { text-align: left; align: left }
table tr td.orderenter_vat { text-align: center; align: center }

table.paymentselect { width:auto }
table.paymentselect td { width:50% }

ul.faq-bulletlist li { align: left; text-align: left };
ol.faq-bulletlist li { align: left; text-align: left };

div.error { background: red; color: white; margin-left: auto; margin-right: auto; width:100%; text-align: center; font-weight: bold; font-size: 80% }
div.heading { background: black; color: white; font-weight: bold; margin-left: auto; margin-right: auto; width: 100% }

td.releasedate { white-space: nowrap }

div.frontleft { width:385px; float: left; padding-right: 5px; }
div.frontleft p { text-size: 32px; text-align: left;}

div.frontright { width:385 px; float:right; padding-left: 5px;}
div.frontright p { text-size: 24px; text-align: right;}
div.frontright p a { text-size: 24px; text-align: right;}

div.nextlast { width: 680px }
div.next { float:left; width: 340px; text-align: left; font-size: 80% }
div.last { float:right; width: 340px; text-align: right; font-size: 80% }

td.label {text-align: right; white-space:nowrap}

td.highlightedbox{background:#eee; padding-left:5px; padding-right:5px}

td.customerlist { background:#ddd; padding: 5px; color: black }
td.customerlist p { font-size: 10px; align: left; text-align: left; line-height:1.5 }
td.customerlist br { padding-bottom: 5px; }