@charset "UTF-8";
/* CSS Document */

body {
    background-image: url(/_img/landing/backmain.jpg);
    background-repeat: repeat-x;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

body,td,th,input,select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

h1 {
    color: #C55F00;
    font-weight: normal;
}

h2 {
    margin: .5em 0 -0.5em 0;
    font-size: 15px;
    font-weight: bold;
}

h3 {
    margin: 1.5em 0 -0.5em 0;
}

#wrapper {
    width: 980px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 10px;
    overflow: hidden;
}

.header {
    background-repeat: no-repeat;
    height: 114px;
}

.intro {
    font-size: 1.1em;
    color: #000000;
}

.bodybold {
    font-weight: bold;
}

.bodysmall {
    font-size: 8pt;
    line-height: 8pt;
}

A {
    font-weight: bold;
    color: #2765b4;
    text-decoration: none;
    letter-spacing: normal; 
    word-spacing: normal;
    line-height: 10pt;
}

A:hover {
    color:#ff8800;
    text-decoration: none;
}

.activelarge {
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    line-height: 14pt;
}

A:hover.activelarge {
    color:#ff8800;
    text-decoration: none;
}

img {
    border: none
}

.button {
    padding: 2px;
    background-color: #E46E00; 
    border-color: #E46E00;
    font-size: 12pt; 
    font-weight: normal; 
    color: #FFFFFF;
}



/* Orange button styles */

.btnOrange {
      display:inline-block;
      background:none;
      margin: 0;
      padding: 5px 0; /* Space over and under text */
      border-width: 0;
      overflow: visible;
      color: #880000;
      text-decoration: none;
      font: 100%/1.0 Verdana,Sans-serif;
      font-weight: bold;
      }
* html button.btnOrange {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btnOrange {
      margin:0 -3px;
      }
.btnOrange span {
      background:#fff url(/_img/index/button_small_orange_i.png) repeat-x 0 0;
      margin:0;
      padding:5px 0; /* Space over and under text */
      border-left:1px solid #ffcd94;
      border-right:1px solid #dc7500;
      }
* html .btnOrange span {
      padding-top:0;
      }
.btnOrange span span {
      position:relative;
      padding:5px 1em; /* Space over and under text */
      border-width:0;
      border-top:1px solid #ffcd94;
      border-bottom:1px solid #dc7500;
      }
    
/* only needed if implementing separate hover/focus/active state for buttons */
.btnOrange:hover span, .btnOrange:hover span span, .btnOrange:focus span, .btnOrange:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      background:#fff url(/_img/index/button_small_orange_a.png) repeat-x 0 0;
      border-color:#dc7500 #975100 #975100 #dc7500!important;
      color: #ffffff;
      }
.btnOrange:active span {
      background-position:0 -400px;
      outline:none;
      }
.btnOrange:focus, .btnOrange:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }






.featureList {
    text-align: center
}

.tableHeader {
    background-color: #FEEFE2;
}

.tableTitle {
    background-color: #FEEFE2;
    text-align: left;
    padding: 0 0 0 5px;
}

.tableTitleBig {
    background-color: #FEEFE2;
    text-align: left;
    padding: 0 0 0 5px;
    font-size: 9pt;
}

.tableNumber {
    text-align: right
}

.sidebar {
    margin: 20px 0 0 32px;
    width: 230px;
    height: 700px;
    float: right;
}

.sidebar ul {
    margin-left: -1.7em; 
    list-style: square;
}

.sidebar a {
    font-size: 11px;
    line-height: 10pt;
    font-weight: bold;
}

.menubox {
    border: 1px solid #155D96;

}

.menubox .heading {
    width: 208px;
    padding: 3px 10px; 
    background-color: #155D96;
    vertical-align: middle;
    font-size: 11pt;
    font-weight: normal;
    color: #ffffff;
}

.offer {
    border: 1px solid #ee6600;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #440000;
}

.offer .heading {
    width: 208px;
    padding: 3px 10px;
    background-color: #ff9810;
    vertical-align: middle;
    font-size: 11pt;
    font-weight: normal;
    color: #880000;
    text-align: left;
}

.offer .bullet { display: none;
    float: left;
    margin: 10px 0 10px 10px;
}


#footerWrapper {
    width: 100%;
    height: 20px;
    background-color: #155D96;
    color: #FFFFFF;
}

.footer {
    width: 980px;
}

.menufooter td {
    width: 25%;
}

.menufooter {
    text-align: center;
    font-weight: bold;
    font-size: 8pt;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: normal; 
    word-spacing: normal; 
    line-height: 10pt;
    font-weight: bold;
}

A:hover.menufooter {
    color:#ff8800;
}


.credit {
    margin: 5px 0 10px 0;
    text-align: center;
    font-weight: bold;
    font-size: 7pt;
    color: #aaaaaa;
    text-decoration: none;
    letter-spacing: normal; 
    word-spacing: normal; 
    line-height: 8pt;
}