body   { margin: 0; padding: 0; width: 100% }
p {}
td {}
.principal    { margin: 0; width: 100%; height: auto }
.midastop  { width: 100%; height: 55px }
.topright   { background-image: url("blue-up-bar.gif"); background-repeat: repeat-x; width: 42%; height: 55px; float: left }
.topleft   { background-image: url("dark-blue-up-bar.gif"); background-repeat: repeat-x; width: 58%; height: 55px; float: left }
#menutop     { background-image: url("menu-bar.gif"); width: 100%; height: 23px }
#menutop A    { color: white; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; position: relative; top: -3px }
#menutop A:hover   { text-decoration: underline }
.menutext  { color: white; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; position: relative }
.homecontent    { text-align: center; margin-right: auto; margin-left: auto; width: 730px; height: auto }
.productcontent      { color: #666; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: left; margin-left: 15px; width: 100%; height: auto }
.titleproduct   { color: #039; font-size: 15px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-align: left }
.contienewelcome     { color: #a2a2a2; font-size: 45px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: oblique; font-weight: bold; line-height: 45px; width: 100%; height: 49px; float: left }
.welcometext        { text-align: left; position: relative; top: 13px }
.graysquare        { background-color: #a2a2a2; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding: 8px; width: 714px; height: 192px; clear: both }
.square1    { margin-right: 2px; width: 170px; height: 186px; float: left }
.squarea  { text-align: left; width: 170px; height: 92px }
.squareb   { text-align: left; margin-top: 2px; width: 170px; height: 92px }
.square2 { margin-right: 2px; width: 170px; height: 186px; float: left }
.square2a   { background-color: #03c; text-align: left; width: 170px; height: 92px }
.square2b   { background-color: #03c; text-align: left; margin-top: 2px; width: 170px; height: 92px }
.square3   { margin-right: 2px; width: 239px; height: 186px; float: left; overflow: hidden }
.square4  { background-image: url("picture2.jpg"); background-repeat: no-repeat; width: 121px; height: 186px; float: left }
#textsquare    { color: #a2a2a2; font-size: 17px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; margin: 0; position: relative; left: 6px }
#textsquare a { color: #a2a2a2; text-decoration: none }
#textsquare a:hover { color: #fff; text-decoration: none }
.midasdown    { visibility: visible; position: relative; width: 100%; height: 41px; clear: both }
.midaslivesupport    { visibility: visible; position: relative; width: 100%; clear: both; margin-left: 4px; padding-top: 4px }
.bottomleft  { background-image: url("tiny-down-bar.gif"); background-repeat: repeat-x; text-align: right; width: 47%; height: 41px; float: left }
.bottomright  { background-image: url("down-bar.gif"); background-repeat: repeat-x; text-align: center; width: 53%; height: 41px; float: left }
.textboldgray { color: #666; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-align: left }
.textboldblue { color: #039; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-align: left }
.contentright { color: #666; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: right; margin-right: 10px; float: right }