/* //////////////////////////////////////////////

  Products that use the accordion.js/css

    - 680 Geoliner
    - 670 Geoliner
    - 660 Geoliner
    - 550 Geoliner
    - 1565
    - 1625
    - 1625EM
    - 2700
    - 3300 
    - 3300EM
    - 3550EM
    - 3650 
    - 3850
    - 4400 
    - 2350
    - 2600
    - 9600P
    - OPTIMA
    - 980L
    - 401 Brake Lathe
    - 201 Brake Lathe
    - BLA14178
    - EFP12172
    - DLA10VB
    - DLS10VB
    - FPA12172

  Products needing to be converted to new accordion.

/////////////////////////////////////////////////

  HTML Code for accordion.

<div id="AccordionContainer" class="AccordionContainer">

<!-- Tab / Title Content -->
  <div onclick="runAccordion(1, 200);">
    <div class="AccordionTitle" onselectstart="return false;">
      <a>Title Here</a>
    </div>
  </div>
  <div id="Accordion1Content" class="AccordionContent">
    Tab Content Here
  </div>
<!-- Tab / Title Content -->

</div>

////////////////////////////////////////////// */

.AccordionContent, .AccordionContainer
{
  position: relative;
  width: 592px;
}

.AccordionTitle
{
  background: url('../images/accordion-header.png') no-repeat #fff;
  border-bottom: solid 0px #eee;
  color: #337aff;
  cursor: pointer;
  display: table-cell;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  overflow: hidden;
  padding: 0 0 1px 22px;
  position: relative;
  text-align: left;
  line-height: 29px;
  width: 578px;
  -moz-user-select: none;  
}

.AccordionTitle a
{
  color: #fff;
}

.AccordionTitle a:hover
{
  color: #0b2b6d;
  text-decoration: none;
}

.AccordionContent
{
  border: solid 0px #337aff;
  display: none;
  font-size: 9pt;
  font-weight: bold;
  margin: 8px 4px 2px 4px;
  overflow: auto;
  height: 0px;
  line-height: 14px;
}

.AccordionContainer
{
  margin: 0 auto 0 auto;
}