html   /*This is just to add a permenant scrollbar in FF as content will jump left: -10px when jQuery extends beyond the fold and adds a scrollbar*/
{

}

body
{
  background-color: #0c0d0a;
  background-image: url(/images/BGmainTile.jpg);
  background-repeat: repeat-x;
  font-family: arial, vederna, sans-serif;;
  font-size: 12px;
  color: #f0f0f0;
  margin: 0 auto;
}


#wrapper
{
  margin: auto;
  width: 920px;
  background-image: url(/images/wrapperBG.jpg);
  background-repeat: no-repeat;
  position: relative;
}

    #wrapper .silverSpan
    {
      color: #d7d9df;
    }
    
    #wrapper .greenSpan
    {
      color: #cfe926!important;
    }
    
    #wrapper .whiteSpan
    {
      color: #F0F0F0!important;
    }
  


/*FlashTrick*/

#flashHolder
{
  position: absolute;
  z-index: 1;
}


#topOfFlash /*To sit ontop of flash*/
{
  position: absolute;
  z-index: 2;
  margin-top: 350px;
} html>body #topOfFlash{margin-top: 335px;}/*becasue of IE6*/




#header
{
  clear: both;
  width: 100%;
  margin: 20px 0 15px 0;
  height: 55px;
}

  #header #logo
  {
     float: left;
     width: 400px;    
  }
    
    #header #logo a img
    {  
      border: 0;
    }
  
  
  #header #siteTools
  {
    float: right;
    width: 400px;
  }
  
  #header h3
  {
    margin: 0;
    padding: 7px 0;
    font-size: 14px;
    font-weight: bold;
  }
  
      #header #siteTools #search
      {
        float: right;
      }
      
          .label
              {
                float: left;
                display: none;
              }
          
          
                  #searchsubmit
                  {
                    float: left;
                    border: 0;
                    background-image: url(/images/searchGo.jpg);
                    color: #fff;
                    background-repeat: no-repeat;
                    height: 21px;
                    width: 25px;
                    display: block;
                    background-position: left top;
                  }
          
                      #searchsubmit:hover
                      {
                        background-image: url(/images/searchGoOV.jpg);
                        cursor: pointer;
                      }
          
          
                  #searchfield
                  {
                    float: left;
                    border: 0;
                    background-image: url(/images/searchInput.jpg);
                    background-repeat: no-repeat;
                    background-color: transparent;
                    font-size: 10px;
                    margin: 0;
                    height: 13px;
                    width: 139px;
                    padding: 5px 0px 3px 5px;
                    color: #464646;
                  }
          
                  #search form
                  {
                    margin: 0 0 5px 0;
                    float: right;
                  }
          

      
      #header #siteTools #telNum
      {
        clear: both;
        text-align: right;
      }



#banner
{
  clear: both;
}


#menu
{
  clear: both;
}

  
  #menu ul
  {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  #menu li
  {
    margin: 2px 4px 2px 0px;
    float: left;
  }
  
  #menu li a
  {
    display: block;
    width: 148px;
    height: 33px;
    text-indent: -2000px;
    margin: 4px 2px 12px 0px;
    background-repeat: no-repeat;
  }
  
      /*1stNavButtons*/
  
      #menu #butHome
      {
        background-image: url(/images/buttonHome.png);
        margin: 4px 0px 12px 0!important;
      }
      
          #menu #butHome:hover
          {
            background-image: url(/images/buttonHomeOV.png);
          }
      
      #menu #butAbout
      {
        background-image: url(/images/buttonAbout.png);
      }
      
          #menu #butAbout:hover
          {
            background-image: url(/images/buttonAboutOV.png);
          }
      
      #menu #butProducts
      {
        background-image: url(/images/buttonProducts.png);
      }
      
          #menu #butProducts:hover
          {
            background-image: url(/images/buttonProductsOV.png);
          }
      
      #menu #butServices
      {
        background-image: url(/images/buttonServices.png);
      }
      
          #menu #butServices:hover
          {
            background-image: url(/images/buttonServicesOV.png);
          }
      
      #menu #butDownloads
      {
        background-image: url(/images/buttonDownloads.png);
      }
      
          #menu #butDownloads:hover
          {
            background-image: url(/images/buttonDownloadsOV.png);
          }
      
      #menu #butContact
      {
        background-image: url(/images/buttonContact.png);
        margin: 4px 0 12px 0px!important;
      }
      
          #menu #butContact:hover
          {
            background-image: url(/images/buttonContactOV.png);
          }


#main
{
  clear: both;
}

  #main h1
  {
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    padding: 7px 0;
    color: #d7d9df;
  }
  
  #main h2
  {
    font-size: 16px;
    color:#CFE926;
    font-weight: normal;
    margin: 0;
    padding: 7px 0;
  }

  #main h3
  {
    font-size: 17px;
    color:#CFE926;
    font-weight: normal;
    margin: 0;
    padding: 0px 0;
  }
    
    

  #main p
  {
    margin: 0;
    padding: 7px 0px;
    color: #f0f0f0;
    line-height: 20px;
  }
   
    #main .introText
    {
      font-size: 16px;
      font-weight: bold;
      color: #fff;
    }
    
  
  #main a
  {
    color: #d0e732;
    background-color: transparent;
    border-bottom: 1px dotted #d0e732;
    text-decoration: none;
  }
  
  #main a:hover
  {
    color: #000;
    background-color: #d0e732;
    border-bottom: 1px dotted #000;
    text-decoration: none;
  }
  
  
  
  
   .SDAproducts img, .MDAproducts img
   {
     border: 5px solid #5c5c5c;
     margin-right: 15px;
     margin-top: 4px;
   }
  
  
  

#content
{
  float: left;
  width: 585px;
}


  
  #content ul
  {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  #content li
  {
    margin: 7px 0;
    padding: 2px 0 8px 35px;
    background-image: url(/images/tickIcon.png);
    background-repeat: no-repeat;
    background-position: 0% 45%;
    font-weight: normal;
  }


#featuresLarge3
{
  margin: 10px 0;
}

    #featuresLarge3 img
    {
      margin: 0 13px 0 0;
      border: 0;
    }
    
    #featuresLarge3 a, #featuresLarge3 a:hover
    {
      border: 0;
      background-color: transparent;
    }
    
    
    
#featuresLarge2
{
  margin: 10px 0;
}

    #featuresLarge2 img
    {
      border: 0;
    }
    
    #featuresLarge2 a, #featuresLarge2 a:hover
    {
      border: 0;
      background-color: transparent;
    }






#rightFeatures
{
  float: right;
  width: 300px;
  background-image: url(/images/contentDividerLine.png);
  background-repeat: no-repeat;
  padding-left: 20px;
}

  
  #rightFeatures ul
  {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  #rightFeatures li
  {
    margin: 7px 0;
    padding: 2px 0 8px 35px;
    background-image: url(/images/tickIcon.png);
    background-repeat: no-repeat;
    background-position: 0% 45%;
    font-weight: bold;
  }
  
  #rightFeatures em
  {
    font-weight: bold;
    font-style: normal;
    color: silver;
  }
  
  
    #rightFeatures #feedback p
    {
      font-size: 10px;
      line-height: 14px;
    }
    
    #rightFeatures #feedback .feedbackDivider
    {
      background-image: url(/images/dividerFeedbackTop.png);
      background-repeat: no-repeat;
      width: 298px;
      height: 7px;
    }
    
    
      #rightFeatures #secondMenu
      {
       clear: both;
       width: 290px;
      }
      
          #rightFeatures #secondMenu ul
          {
           list-style: none url();
          }
          
          #rightFeatures #secondMenu ul li
          {
           background-image: url(none);
           padding: 0px;
           margin: 0;
          }
          
          
          #rightFeatures #secondMenu ul li a
          {
           display: block;
           width: 280px;
           border-bottom: 1px dotted #5b5b5b;
           padding: 5px;
           font-size: 16px;
           font-weight: normal;
          }
          
          #rightFeatures #secondMenu ul li a:hover,  #rightFeatures #secondMenu .selected
          {
          background: #303030;
          background-image: url(/images/tableTitle+.jpg);
          background-repeat: no-repeat;
          background-position: right!important; 
          color: #fff; 
          }
      
      
      
      
      



#footer
{
  clear: both;
}


  #footer .footerDivider
  {
      float: left;
      background-image: url(/images/dividerFooterTop.png);
      background-repeat: no-repeat;
      width: 899px;
      height: 12px;
      margin: 8px 0 0 0;  
  }
  

  #footer p
  {
    margin: 0;
    padding: 7px;
    font-size: 10px;
    text-align: center;
    color: #808080;
  }
  
  #footer a
  {
    color: #808080;
    background-color: transparent;
    border-bottom: 1px dotted #808080;
    text-decoration: none;
  }
  
  #footer a:hover
  {
    color: #fff;
    background-color: #808080;
    border-bottom: 1px dotted #fff;
    text-decoration: none;
  }
  
    #footer .dividerDark
    {
      color: #404040;
    }
    
    
.clearFix /*global*/
{
  clear:both;
  height: 1px;
}


#a365Contact
{
 text-align: left;
 float: left;
}

 #a365map
 {
   margin: 13px 5px 0 0;
 }


#contactform
{
margin-top: 10px;
}




#contactform input, #contactform textarea, #serviceform input, #serviceform textarea, #serviceform select
{
border: 0;
background-color: #fff;
width: 200px;
}

#contactform th
{
width: 125px;
}

#serviceform th
{
width: 150px;
}

#contactsubmit
{
/*margin: 20px 0 0 px;*/
}


#errorReturnBox
{
border: 1px solid #393939;
background-color: #272727;
padding: 10px;
margin: 0 0 25px 0;
}

#errorReturnBox h2
{
font-size: 16px;
margin: 0 0 10px 0;
padding: 0;
color: red;
}



  #errorReturnBox ul
  {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  #errorReturnBox li
  {
    margin: 7px 0;
    padding: 4px 0 4px 35px;
    background-image: url(/images/crossIcon.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    font-weight: bold;
  }
  
  
#serviceform
{
text-align: left;
}  

#title
{
width: 50px!important;
}
  
  
#benefitsSlider table
{
margin: 3px;
}


#benefitsSlider table th
{
color: #D7D9DF;
}


.search
{
text-align: left;
}

.search th
{
width: 200px;
}


#productLogos a img
{
 border-color: #5c5c5c;
}

#productLogos a img:hover
{
 border-color: gray;
}

#productLogos a, #productLogos a:hover 
{
 border: 0;
 background-color: transparent;
}


#productLogos td
{
 font-weight: bold;
 text-align: center;
}
      
      
      
#productLogos img
{
margin:5px 0 0 0!important;
}      

     /*
     
  .FAQbullets ul
  {
    margin: 0 0 20px 0;
    padding: 0 0 20px 35px !important;
    list-style: square!important;
  }
  
  .FAQbullets li
  {
    margin: 0!important;
    padding: 0px!important;
    background-image: none!important;
    background-repeat: no-repeat;
    background-position: 0% 45%;
    font-weight: normal;
  }    */
  
  
  
  .FAQbullets ul
  {
                margin: 0 0 0 15px!important;
  }
  
  
  

  
  .system li
  {
    margin: 0px 0!important;
    padding: 2px 0 2px 15px!important;
    background-image: none!important;
    background-repeat: no-repeat;
    background-position: 0% 45%;
    font-weight: normal;
  }
  
  .system h2
  {
  color: #fff!important;
  }
  
  
  /*Cancel styless CSS (FCK)*/
  
.resetSpan
 {
   font-size: 12px;
   font-weight: normal;
   color: #fff;
 }
