body {
  padding: 10px;
  margin: 0;
  font-family: Arial, sans-serif;
  height: 100%;
}

#leftMenu { background: transparent url(/images/left-bpanel.png) no-repeat 0px 730px; }

#mainTable { background: transparent url(/images/left-graybg.png) repeat-y 0px 100px; }
#leftMenuWrapper { background-color: #ffffff; padding-bottom: 1px; }

#leftMenu img { display: block; margin-bottom: 8px; border: 0px none; }

#leftMenuMain a { display: block; position: relative; margin-bottom: 4px; width: 195px; height: 29px; }
#leftMenuMain a span { display: block; width: 17px; height: 17px; background: transparent url(/images/lm-dot-inactive.png) no-repeat; position: absolute; left: 9px; top: 6px; }
#leftMenuMain a:hover span { background: transparent url(/images/lm-dot-active.png) no-repeat; }
#leftMenuMain a strong { display: none; }

#leftMenuMain img { margin: 0; /*-bottom: 4px;*/ }

#mainTable td { vertical-align: top; }

#hMenu { margin-bottom: 4px; }
* html #hMenu { margin-bottom: 8px; }
#hMenu img { border: 0px none; }
#hMenu td { padding-right: 4px; background: transparent; }
#hMenu td.last { padding-right: 0; }

#mainBlock { background-color: #ededed; width: 420px; height: 366px; }
#rightRoll td { height: 93px; }
#rightRoll td.last { height: 86px; }
#rightRoll td a {
  display: block;
  background-color: #e7e7e7;
  height: 86px;
  text-decoration: none;
  /* font-family: 'Arial Narrow', sans-serif; */
  font-family: Arial, sans-serif;
  font-weight: bold;
  position: relative;
}
#rightRoll td a:hover { background: #d3dbf6 url(/images/rm-activebg.png) repeat-x; }
#rightRoll td a, #rightRoll td a * { cursor: pointer; }
#rightRoll td a big { color: #3d68bd; font-size: 16px; position: absolute; left: 94px; top: 16px; }
#rightRoll td a span { color: #797979; font-size: 13px; line-height: 17px; position: absolute; left: 94px; top: 38px; }

#rightRoll a span.img {
  width: 60px;
  height: 86px;
  position: absolute;
  top: 0;
  left: 19px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#rightRoll a:hover span.img {
  background-position: -60px 0px;
}

#rightRoll td a:hover big { color: #8c16a4; }
#rightRoll td a:hover span { color: #403e93; }

#bottomBlock {
  background: #4d80eb url(/images/bottom-bg.png) repeat-x;
  height: 39px;
  width: 746px;
}

#footerCell {
  height: 39px;
  width: 746px;
  vertical-align: bottom;
}

#bottomBlock table { height: 27px; margin-top: 3px; }
#bottomBlock table td { text-align: center; height: 27px; vertical-align: middle; }
#bottomBlock a { color: #ffffff; font-family: 'Arial Narrow', sans-serif; font-size: 12pt; text-decoration: none; }
#bottomBlock a:hover { text-decoration: underline; }

/* --- Main page "tabs" stuff --- */

.centerTab {
  position: absolute;
  width: 420px; height: 366px;
  padding: 0;
  background-color: #efefef;
}

.centerTab .images { text-align: center; margin: 10px 0; }
.centerTab .images img { margin: 0px 1px; }
.centerTab h1 { margin: 6px 10px; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; color: #663399; }
.centerTab p.text {
  margin: 6px 10px;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #663399;
  line-height: 13px;
  text-align: justify;
}
.centerTab p:first-letter {
  padding-left: 1em;
}

/* --- */

h1.blueish {
  color: #3165ce;
  background: #dce8fe url(/images/h1-background.png) repeat-x;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  /* padding: 8px 10px; */
  padding: 0 10px;
  line-height: 38px;
}
h2 {
  color: #3366cc;
  font-size: 16px;
}

.pAPClass1 {
  position: relative;
  margin: 6px 0;
  height: 209px;
  background-color: #eeeeee;
  padding: 0 16px 0 300px;
}

.pAPClass1 h2 {
  padding: 32px 0 16px 0;
  margin: 0;
}

.pAPClass1 p, .pASClass1 p {
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  margin: 6px 120px 6px 0;
}

.pASClass1 p { padding-top: 48px; margin: 6px 50px 6px 0; font-size: 13px; }

.pAPClass2 {
  margin: 6px 0;
}

.pAPClass2 th, .pAPClass2 td {
  background: #dee5f7 url(/images/ap-featbg.png) repeat-y;
  color: #013299;
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 13px;
  width: 25%;
  text-align: center;
}

.pAPClass2 td h2 {
  color: #330099;
  margin: 8px 0 0 0;
  text-align: center;
  font-size: 14px;
}

.pAPClass2 td p {
  text-align: left;
  margin: 3px 10px 6px 10px;
}

/* "Go" button */

a.imgGo {
  display: block;
  width: 32px; height: 32px;
  background: #eeeeee url(/images/button-go.png) no-repeat 0px 0px;
}
a.imgGo:hover { background: #eeeeee url(/images/button-go.png) no-repeat -32px 0px; }
a.imgGo span { display: none; }

/* "Buy Now" button */

a.imgBuyNow {
  display: block;
  width: 75px; height: 32px;
  background: #eeeeee url(/images/button-buynow.png) no-repeat 0px 0px;
}
a.imgBuyNow:hover { background: #eeeeee url(/images/button-buynow.png) no-repeat 0px -32px; }
a.imgBuyNow span { display: none; }

/* "Subscribe" button */

a.imgSubscribe {
  display: block;
  width: 90px; height: 32px;
  background: #eeeeee url(/images/button-subscribe.png) no-repeat 0px 0px;
}
a.imgSubscribe:hover { background: #eeeeee url(/images/button-subscribe.png) no-repeat 0px -32px; }
a.imgSubscribe span { display: none; }

/* "More Info" button */

a.imgMoreInfo {
  display: block;
  width: 75px; height: 32px;
  background: #eeeeee url(/images/button-moreinfo.png) no-repeat 0px 0px;
}
a.imgMoreInfo:hover { background: #eeeeee url(/images/button-moreinfo.png) no-repeat 0px -32px; }
a.imgMoreInfo span { display: none; }

/* About Products / About PalmOS Version ("AS") buy table */

.pAPClass1 table { margin-left: 100px; }

.pAPClass1 table td, .pASClass1 table td {
  color: #98019a;
  font-weight: bold;
  line-height: 32px;
  padding: 3px 5px;
}

.pAPClass1 table td { font-size: 13px; }
.pASClass1 table td { font-size: 15px; }

.pAPClass1 table td strong, .pASClass1 table td strong {
  color: #333333;
  text-decoration: underline;
  font-weight: bold;
  padding-right: 24px;
}

.pASClass1 {
  position: relative;
  margin: 6px 0;
  height: 320px;
  background-color: #eeeeee;
  padding: 0 16px 0 340px;
}

.pASClass1 table { margin: 50px 0 0 0; }

.pASClass2 {
  position: relative;
  margin: 6px 0;
  height: 73px;
  background: #fff9ed url(/images/as-compbg.png) no-repeat;
  padding: 20px 16px 0 20px;
  font-weight: bold;
  font-size: 16px;
  color: #970198;
}
* html .pASClass2 { height: 93px; }

.pASClass2 strong { color: #666666; }


.ipbody {
  background: #eeeeee url(/images/bg1.jpeg) no-repeat;
  margin: 8px 0;
}

.ipbody p { color: #666666; font-size: 13px; font-weight: bold; }
.ipbody p strong { color: #000099; }

.sInput {
  display: block;
  padding: 0 4px 0 0;
  margin: 2px;
  background: #eeeeee url(/images/i-shadowr.png) 100% 100% no-repeat;
}
* html .sInput { height: 31px; background: #eeeeee url(/images/i-shadowr.png) 100% -1px no-repeat; }

.sInput span {
  display: block;
  padding: 0;
  margin: 0;
  background: transparent url(/images/i-shadowb.png) 0 100% repeat-x;
}
* html .sInput span { background: transparent url(/images/i-shadowb.png) 0 26px repeat-x; }

.sInput span span {
  padding: 0 0 4px 0;
  background: transparent url(/images/i-shadowbl.png) 0 100% no-repeat;
}
* html .sInput span span { background: transparent url(/images/i-shadowbl.png) 0 26px no-repeat; }

.sInput input, textarea {
  border: 1px #858585 solid;
  background-color: #ffffff;
  color: #000000;
  padding: 3px;
  margin: 0;
}
textarea { height: 150px; width: 100%; }
.sInput input { height: 19px; line-height: 19px; }

* html .sInput input { height: 25px; }

.pFPClass1 { margin: 80px 0 80px 150px; }
.pFPClass1 td, .pFPClass1 th { padding: 8px 0; vertical-align: middle; }
.pFPClass1 td .sInput input { width: 245px; }
.pFPClass1 th { width: 130px; text-align: left; color: #666666; font-size: 13px; font-weight: bold; }

.pFPClass2 { margin: 3px 0 3px 150px; }
.pFPClass2 td, .pFPClass2 th { padding: 1px 0; vertical-align: middle; }
.pFPClass2 td .sInput input { width: 245px; }
.pFPClass2 th, .pFPClass2 td { text-align: left; color: #666666; font-size: 13px; font-weight: bold; }
.pFPClass2 th { width: 130px; }
.pFPClass2 th strong { font-size: 16px; line-height: 13px; color: #990099; }

address, .st {
  color: #666666;
  font-size: 12px;
  font-weight: bold;
}
address { display: block; margin: 10px 0px 10px 0; }

/* Store stuff */

.pOSClass1 { margin-bottom: 8px; }

.pOSClass1 td {
  width: 370px;
  background: #efefef url(/images/os-hbbg.png) repeat-x;
  text-align: right;
}

.pOSClass1 td h2 {
  margin: 0;
  font-size: 24px;
  font-weight: bold;
  text-align: right;
  padding: 23px;
  height: 29px;
}
* html .pOSClass1 td h2 { height: 75px; }

 .pOSClass1 td div.c { position: relative; padding: 0; margin: 0; height: 296px; }

.pOSClass1 td strong {
  color: #9c009c;
  font-size: 24px;
  font-weight: bold;
  display: block;
  margin-top: 40px;
  margin-right: 35px;
}

.pOSClass1 .buttons { margin: 40px 10px 5px 270px; text-align: left; }
.pOSClass1 .buttons p { margin: 3px 0; }

.pOSClass1 p.st { display: block; color: #666666; font-size: 12px; font-weight: bold; margin: 0; padding: 0; position: absolute; top: 270px; left: 0; width: 349px; }

dl.qa dt, dl.qa dd {
  margin: 4px 10px;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-align: justify;
}

dl.qa dt {
  color: #11459e;
  margin-top: 16px;
}
dl.qa dd { color: #333333; }

dl.qa dt strong { color: #000066; font-size: 15px; }
dl.qa dd strong { color: #ff0000; font-size: 15px; }

