body, p, div, td, th, li, textarea {
  font-family: Helvetica, Arial, Ariel, sans-serif;
  font-size: 14px;
  color: black;
}

em {
  font-style: normal;
}

body {
  background-color: #c1272d;
  margin: 0;
  margin-bottom: 30px;
}

a, a:visited {
  color: #a1171d;
}

h1 {
  font-size: 26px;
}

img {
  border: 0;
}

.radio {
  border: none;
}

#menu-box {
  position: absolute;
  background: #c3eeff;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 25px;
  margin: 0 0 10px 0;
  z-index: 1000;
  padding-top: 15px;
  border-bottom: 2px solid #770000;
}

  #menu-block {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
  }

    #menu {
      margin: 0;
      text-align: right;
      padding-right: 20px;
    }

      #menu li {
        list-style: none;
        display: inline;
        font-size: 16px;
        padding: 5px 0px 5px 15px;
      }
      
    #top-phone-number {
      float: left;
      font-size: 16px;
      color: #c1272d;
      font-weight: bold;
    }
    
      #top-phone-number span {
        color: #444;
        font-weight: normal;
      }
      
#page-footer {
  clear: both;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  color: #fff; 
  font-size: 12px; 
  line-height: 18px; 
  text-align: center;
}

  #page-footer a, #page-footer a:visited {
    color: #fff;
  }

#comparison-bounds {
  margin-top: 50px;
}

  #are-you-losing-title {
    display: block;
    margin-left: 20px;
    padding-bottom: 30px;
    color: white;
  font-size:25px;
  }


  #comparison-bounds-1 {
    width: 420px;
    float: left;
  }

  #comparison-bounds-2 {
    margin-left: 445px;
    width: 455px;
  }

  #comparison-box-1, #comparison-box-2 {
    background-color: #ffffff;
    height: 425px;
    border: 4px solid #b64a4e;
  }

    .comparison-content {
      padding: 0px 130px 5px 20px;
    }

      .comparison-content .woman {
        position: absolute; 
        right: 5px; 
        top: 50px;
      }

      .comparison-content h2 {
        font-size: 22px;
        color: #555;
        text-align: center;
        padding-bottom: 5px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
      }

    .comparison-content table {
      border: 0;
    }

      .comparison-content table th, .comparison-content table td {
        padding: 3px 3px 3px 0;
      }

      .comparison-content table th {
        text-align: right;
        font-weight: normal;
        padding-right: 10px;
      }

      .comparison-content table td {
        text-align: left;
        font-weight: bold;
      }

      .comparison-content table td em {
        font-size: 12px;
      }

    .comparison-content table.total {
      position: absolute;
      bottom: 5px;
      border: 0;
      margin-top: 15px;
      border-spacing: 0;
    }

      .comparison-content table.total th, .comparison-content table.total td {
        padding: 4px;
      }

      .comparison-content table.total th {
        text-align: left;
        font-weight: bold;
      }

      .comparison-content table.total tr.retirement-benefit {
        background-color: #ffffaa;
      }

    .comparison-content ul {
      padding: 0;
      margin: 0;
      margin-top: 10px;
      padding-left: 30px;
    }

      .comparison-content ul li {
        padding: 3px 0px 3px 8px;
        line-height: 20px;
      }      

      .comparison-content ul.bad-list {
        list-style: url(/images/arrow-down.png);
      }

      .comparison-content ul.good-list {
        list-style: url(/images/arrow-up.png);
      }

    .comparison-content .icon {
      position: absolute;
      bottom: 5px;
      right: 20px;
    }

    #comparison-text-bounds {
      width: 900px;
      margin-left: auto;
      margin-right: auto; 
      margin-top: 60px;
    }

    #comparison-text-box {
      background-color: #ffffff;
      border: 4px solid #b64a4e;      
    }

    #comparison-text {
      border: 0; 
      margin-left: 20px;
      margin-right: 20px;
    }

      #comparison-text p {
        line-height: 20px;
      }

      #comparison-text td {
      }

      #comparison-text h2 {
        color: #555;
        font-size: 22px;
        margin-bottom: 0;
      }
      
/* Autocomplete */
div.auto_complete {
  width: 60% !important;
  background: #fff;
  z-index: 10000;
}

  div.auto_complete ul {
    border:1px solid #888;
    margin:0;
    padding:0;
    width:100%;
    list-style-type:none;
  }

    div.auto_complete ul li {
      margin:0;
      padding:0.1em;
      font-size: 9pt;
    }

    div.auto_complete ul li.selected { 
      background-color: #ffb; 
    }

    div.auto_complete ul strong.highlight { 
      color: #800; 
      margin:0;
      padding:0;
    }

  div.auto_complete div.line {
    width: 100%;
    height: 13px;
    font-size: 11px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  
.currency-indicator {
  position: absolute; 
  z-index: 100; 
  padding: 3px 0px 0px 2px;
  margin: 2pt 1px 1px 2px;
  width: 4px;
  background: white;
}

.percent-indicator {
  position: absolute; 
  display: inline;
  z-index: 100; 
  padding: 3px 0em 0em 2px;
  margin: 2pt 1px 1px -18px;
  width: 10px;
  background: white;  
}

/* Leightbox */
.footer {
}

.leightbox {
  color: #333;
  display: none;
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 35%;
  padding: 1em;
  border: 1em solid #B8B8B8;
  background-color: #fff;
  text-align: left;
  z-index:1001;
  overflow: auto; 
}

.leightbox h1 {
	color: #c1272d;
	margin-top: 20px;
	margin-bottom: 25px;
}

#overlay{
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1000;
  background-color:#333;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }
