/* intro table */
#whyintroWrapper { margin-bottom: 20px; }
  #whyintroWrapper table { width: 900px; }
  #whyintroWrapper td { vertical-align: top; }
  #whyintroWrapper td.introLeft { padding-right: 20px; }
    .introLeft h1.grey { font-weight: 300; margin-bottom: 20px; }
    .introLeft p { margin-top: 8px; font-size: 20px; line-height: 28px; color: #888; }
  #whyintroWrapper td.introRight { }
    .introRight .podContainer { position: relative; left: 2px; margin-bottom: 3px; }
    .introRight .podGrayBG { padding: 10px 0 10px 20px; }
    .introRight div#jumpto { width: 370px; }
      #jumpto .podColumn { float: left; }
        .podColumn.left { width: 180px; }
        .podColumn.right { width: 170px; }
      #jumpto ul { padding-bottom: 0; }
      #jumpto ul li { padding-right: 10px; font-size: 12px; background: url("../images/jumpTo.png") no-repeat 0px 1px;}
      #jumpto ul li a {color: #636363;}
      #jumpto ul li a:hover {color: #29b1f8;}
      #jumpto .allCapSubHeader { margin: 0 0 10px; }

/* overrides */
div.firstItem { margin-top: 0; }
div.featureCont { width: 900px; padding-left: 0; }
  div.featureCont div { margin-left: 0 !important; margin-right: 0 !important; }
  div.featureCont .featureDesc { width: 510px; /*height: 243px;*/ }
    .featureDesc h2 { font-size: 25px; }
    .featureDesc p { font-size: 15px; line-height: 22px; padding: 15px 50px 0 0; }
    .featureDesc .learnMore { font-weight: bold; }
      .learnMore a img { vertical-align: middle; }
  div.featureCont .featureImage { width: 389px; }
    .featureImage .captionText { margin: 10px 0; font-size: 13px; line-height: 17px; font-style: italic; }


/* OVERRIDING OVERRIDDEN OVERRIDES (button stuff) */
.learnMore div.button { width: 235px; } /* original button padding plus fixed width in ".buttonRight a" */
	.learnMore div.button span.buttonRight a, .learnMore div.button span.buttonRight a:link, .learnMore div.button span.buttonRight a:visited, .learnMore div.button span.buttonRight a:hover, .learnMore div.button span.buttonRight a:visited:hover { display: inline-block; width: 215px; color:#fff; text-align: center; }


/* hidden tables, general */
.hide { display: none; }
.expanded { clear: both; padding: 10px 0; }


/* hidden tables, accent color */
.accentPro, .accentPro p { color: #1d547c; }
  th span.accentPro { font-style: italic; }
  .accentPro span.chevron { color: #666; }
.accentCon, .accentCon p { color: #666; }


/* hidden tables, layout */
.expanded table.advantageTable3col td.left { width: 240px; }
.expanded table.advantageTable3col td.middle { width: 280px; }
.expanded table.advantageTable3col td.right {width: 375px; }

.expanded table.advantageTable2col td.left { width: 350px; }
.expanded table.advantageTable2col td.right {width: 450px; }

.expanded table th { text-align: left; }
  .expanded table th p { padding-bottom: 5px; font-weight: bold; white-space: nowrap; }
  .expanded table th img { margin-left: 5px; vertical-align: middle; }

.expanded table td { vertical-align: top; padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
  .expanded table td.left { border-left: 1px solid #ddd; }
  .expanded table td.right { border-right: 1px solid #ddd; }

/* hidden tables, content */
.expanded th.left p, .expanded td.left p { margin-left: 30px; margin-right: 12px;}
.expanded th.middle p, .expanded td.middle p { margin-left: 12px; margin-right: 12px; }
.expanded th.right p, .expanded td.right p { margin-left: 12px; margin-right: 40px; }

.expanded td p { margin-bottom: 7px; padding-bottom: 6px; border-bottom: 1px solid #ddd; font-size: 11px; line-height: 14px; }
  .expanded td p.last { border-bottom: 0; margin-bottom: 0; }
  /* make one line p align, if the other column has two lines */
  .expanded td p.twolineFix { line-height: 28px; /* padding-top: 14px; */ }