/* globals */
div.top { padding: 0 0 0 12px; text-align: right; }
div.middle { padding: 0 12px 0 12px; }
div.bottom { padding: 0 0 0 12px; text-align: right; }

.sign-up-now { /*font-size: 12pt;*/ font-weight: bold; /*padding: 4px;*/ }

/* page basis (sets overall width) */
div#basis { width: 760px; text-align: left; }


/* generic panel with rounded corners */
div.panel { background: #fff; color: #000; }
  div.panel div.top { background: url(../../images/home/white-panel-top-left.gif) top left no-repeat; }
  div.panel div.bottom { background: url(../../images/home/white-panel-bottom-left.gif) bottom left no-repeat; }


/* panel defaults */
div.panel,
div#startup,
div#reasons,
div#reallyfree { margin: 0 0 7px 0; }


/* left column */
div#leftcol { color: #ffffff; font-size: 10pt; width: 513px; }

  /* defaults */
  div#leftcol h1,
  div#leftcol h2 { font-size: 18pt; margin-top: 0; }
  div#leftcol p { margin: 6pt 0 6pt 0; }

  div#startup { background: #ffffff url(../../images/home/startup-bg.jpg) left top no-repeat; height: 199px; }
    div#startup div.middle { padding-top: 19px; padding-bottom: 19px; }

  div#reasons { background: #ffffff url(../../images/home/reasons-bg.jpg) left top no-repeat; height: 238px; }
    div#reasons div.middle { padding-top: 19px; padding-bottom: 19px; }

    div#reasons div.hover-button-on,
    div#reasons div.hover-button-off { color: #E57100; cursor: pointer; font-weight: bold; padding: 4px; padding-left: 0; }
    div#reasons div.hover-content,
    div#reasons div.hover-content-default { height: 190px; padding: 4px; padding-top: 2px; }
    div#reasons div.hover-content { display: none; }
    div#reasons div.hover-content h1 { background-image: url('../../images/home/hover-arrow.gif'); background-repeat: no-repeat; background-position: left center; font-size: 12pt; margin-top: 0; padding-left: 16px; }

  div#reallyfree { background: #ffffff url(../../images/home/reallyfree-bg.jpg) left top no-repeat; height: 148px; }
    div#reallyfree div.middle { padding-top: 19px; padding-bottom: 19px; }


div#rightcol { float: right; font-size: 10pt; display: inline; width: 240px; }
  div#rightcol p { margin: 6pt 0 6pt 0; }
  div#rightcol form input.text { width: 210px; }

    div#rightcol div.panel h1 { color: #000066; font-size: 12pt; margin: 0; margin-bottom: 6pt;}