body {
    COLOR: #333333;
    background: #ffffff url(images/bg.png);
    background-repeat: repeat-x;
}
h1 { color:#333333; font-family: Arial,Verdana, Geneva;
  font-size: 16px;
}
h2, h3, h4, h5, h6 { color:#333333; font-family: Arial,Verdana, Geneva;
  font-size: 14px;
}
.leftcontent h1, h2 {
  text-align:center;
}
.rbda {
  font:9pt Arial, sans-serif;
  color:#333333;
  cursor:pointer;
  }
.pagetxt {
  font:12px Arial, sans-serif;
  text-align:left;
  color:#333333;
}
.mainbody {
  padding:10px;
  width:1030px;
  background-color:#ffffff;
  border:1px solid #999999;
  margin-left:auto;
  margin-right:auto;
}
.header {
  padding:0px;
  overflow:auto;
  width:1030px;
  height:173px;
  background-color:#333333;
  margin-left:auto;
  margin-right:auto;
}

.logoheader {
  margin:20px 0px 0px 3px;
  background-color:#ffffff;
  background-image:url(images/headlogo.jpg);
  background-repeat:no-repeat;
  background-position:center;
  top:20px;
  width:180px;
  height:153px;
  float:left;
}
.centerheader {
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:bold;

  margin:20px 0px 0px 0px;
  text-align:center;
  background-color:#ffffff;
  top:10px;
  width:339px;
  height:153px;
  float:left;
}
.imgheaderorig {
  background-color:#333333;
  background-image:url(images/server.jpg);
  width:508px;
  height:173px;
  float:right;
}
.imgheader {
  background-color:#000000;
  background-image:url(images/team-wh.jpg);
  background-repeat:no-repeat;
  background-position:left bottom;
  width:508px;
  height:173px;
  float:right;
}
.imgheaderteam {
  background-color:#000000;
  background-image:url(images/team-bw.jpg);
  background-repeat:no-repeat;
  background-position:left bottom;
  width:508px;
  height:173px;
  float:right;
}
.centerheader a {
  text-decoration:none;
}
.mainmenu {
  position:relative;
  padding-top:5px;
  padding-left:20px;
  background-color:#333333;
  background-image:url(images/menubar.jpg);
  background-repeat:repeat;
  width:1030;
  height:20px;
  font-family:Arial, Helvetica, sans-serif;
  color:#ffffff;
  font-size:11px;
  font-weight:bold;
}
.mainmenu a {
  color:#ffffff;
}
.mainmenu a:link {
  color:#ffffff;
}
.mainmenu a:hover {
  color:#ffffff;
  text-decoration:none;
}
.plans {
    background-color:#ffffff;
    width:155px;
    height:152px;
    text-align:center;
    padding-top:1px;
    float:left;
}
.plan {
    color:#333333;
    text-align:left;
    margin-top:25px;
    margin-left:60px;
    font: 11px Arial, Helvetica, sans-serif;
}
.spanl {
    color:#333333;
    text-align:left;
    position:relative; top:25px; left:60px;
    font: 11px Arial, Helvetica, sans-serif;
}
.lowheader {
  margin-top:10px;
  margin-left:20px;
  overflow:auto;
  width:1020px;
  height:106px;
  background-color:#ffffff;
  margin-left:auto;
  margin-right:auto;
}
.divmsedwn1 {
  width:255px;
  height:96px;
  background-image:url(images/PersonalPlan.jpg);
  background-repeat: no-repeat;
  background-position:center;
  cursor:pointer; cursor:hand;
  float:left;
}
.divmsedwn2 {
  width:255px;
  height:96px;
  background-image:url(images/StandardPlan.jpg);
  background-repeat: no-repeat;
  background-position:center;
  cursor:pointer; cursor:hand;
  float:left;
}
.divmsedwn3 {
  width:255px;
  height:96px;
  background-image:url(images/CorporatePlan.jpg);
  background-repeat: no-repeat;
  background-position:center;
  cursor:pointer; cursor:hand;
  float:left;
}
.divmsedwn4 {
  width:255px;
  height:96px;
  background-image:url(images/CorporatePlus.jpg);
  background-repeat: no-repeat;
  background-position:center;
  cursor:pointer; cursor:hand;
  float:left;
}
.submenubar {
  position:relative;
  padding-top:4px;  /* need to subtract this value from the height */
  padding-left:20px; /* need to subtract this value from the width */
  background-color:#333333;
  width:1010px;
  height:21px;
  font-family:Arial, sans-serif;
  color:#ffffff;
  font-size:11px;
  font-weight:bold;
}
.submenubar a {
  color:#ffffff;
}
.submenubar a:link {
  color:#ffffff;
}
.submenubar a:hover {
  color:#ffffff;
  text-decoration:none;
}
.planbold { font-weight:bold; }

.maincontent1 {
  display:table;
  border-collapse:separate;
  margin-top:10px;
  margin-bottom:10px;
}
.maincontent {
  display:table-row;
  overflow:auto;
  margin-top:10px;
  margin-bottom:10px;
  background-color:#ffffff;
  width:1050px;
}
.maincontent div.leftcontent {
  display:table-cell;
  background-color:#ffffff;
  padding:10px;
  width:748px;  /* width 770 - 2xpadding and 2xborders = 770 - 22 = 748 */
  border:1px solid #888888;
  text-align:left;
}
.maincontent div.vspacer {
  display:table-cell;
  background-color:#ffffff;
  width:10px;
}
.hspacer {
  background-color:#ffffff;
  width:1030px;
  height:10px;
  font:8px Arial, sans-serif;
}
.maincontent div.rightcontent {
  display:table-cell;
  background-color:#ffffff;
  padding:0px 10px 10px 10px;
  width:228px;  /* width 250 - 2xpadding and 2xborders = 250 - 22 = 228 */
  border:1px solid #888888;
  text-align:left;
  vertical-align:top;
}

.maincontent div.leftcontent a {
  color:#000000;
  font-weight:bold;
  text-decoration:underline;
}
.maincontent div.leftcontent a:hover {
  color:#333333;
  font-weight:bold;
  text-decoration:none;
}

.footer {
  padding-top:5px;
  background-color:#cccccc;
  border:1px solid #444444;
  width:1030px;
  font-family:Arial, sans-serif;
  color:#333333;
  font-size:12px;
  font-weight:normal;
  text-align:center;
}
.footer a {
  color:#333333;
  text-decoration:none;
}
.footer a:hover {
  color:#000000;
  text-decoration:underline;
}
.center { text-align:center; }
.darkgrey {
  background-color:#888888;
  padding-top:10px;
  padding-bottom:10px;
}
.lightgrey {
  background-color:#cccccc;
  padding-top:10px;
  padding-bottom:10px;
}
.hcl h6 {
    LEFT: -40px;
    TOP: -140px;
    POSITION: relative;
    color:#EE3333;
    font-family:arial, verdana, helvetica, sans-serif;
    font-size:12pt;
    padding-left:12px;
    /* padding-top:10px;
    padding-bottom:0px; */
}
.hcl p {
    LEFT: -40px;
    TOP: -155px;
    POSITION: relative;
    color:#333333;
    font-family:arial, verdana, helvetica, sans-serif;
    font-size:9pt;
    font-weight:bold;
    /* padding-top:0px; */
    padding-left:12px;
}
div.hcl {
    /* background:#ffffff url('http://dovada.net.au/livehelp/live/icon.php'); */
    width:198px;
    height:123px;
    vertical-align:top;
    cursor: pointer;
}
