@charset "ISO-8859-1";

body, html {
  margin: 0; 
  padding: 0;
  font-family: verdana, arial, times new roman;
}

body {
  font-size: 62.5%;
  color: #333333;
  background-color: #ffffff;
}

img {
  border: none;
}

object {
  outline: none;
}

a:hover {
  color: #5F8E2F;
  text-decoration: underline;
}

li {
    font-size: 1.1em;
    margin: 5px 0;
    line-height: 1.3em;
  }

/***********************************************
*** COMMON
***********************************************/

.clearfloat {
  clear: both;
  height:0px;
    font-size: 1px;
    line-height: 0px;
}

#pageWrapper {
  width: 985px;
  margin: 0 auto;
  position: relative;
}

#header {
  width: 100%;
  height: 68px;
  position: relative;
  background: transparent url(/content/images/2009/header_gradient.png) repeat-x top left;
}

#navi {
  width: 100%;
  height: 27px;
  position: relative;
  background: transparent url(/content/images/2009/navi_gradient.gif) repeat-x top left;
  overflow: hidden;
}

  #navi .padding { padding: 7px 12px; }

  #navi a {
    color: #666666;
    font-size: 1.1em;
    padding-right: 20px;
    float: left;
    display: block;
    padding-bottom: 10px;
  }
  
  #navi a:hover, #navi a.active {
    color: #5f8e2f;
  }

#main {
  width: 100%;
  position: relative;
  background: #fcfcfc url(/content/images/2009/main_gradient_top.gif) repeat-x top left;
}

#videoThumbs {
  height: 184px;
  position: relative;
  padding: 0;
}

  #videoThumbs .inner {
    width: 932px;
    padding-top: 20px;
    border-top: 1px solid #dcdbdb;
  }

#footer {
  display: block;
  position: relative;
  text-align: right;
  padding: 6px 18px 20px;
}

  #footer a {
    color: #2a2c2d;
    font-size: 0.9em;
    text-decoration: none;
  }
  
  #footer span {
    color: #6a9ccd;
    padding: 0 5px;
    font-size: 1.1em;
  }

/***********************************************
*** HOME PAGE
***********************************************/

#mainVert {
  width: 100%;
  position: relative;
  background: transparent url(/content/images/2009/main_vert.png) repeat-y top center;
}

#mainHome {
  width: 100%;
  position: relative;
  background: transparent url(/content/images/2009/main_gradient_bottom.gif) repeat-x bottom left;
}

  #mainHome .left {
    float: left;
    width: 492px;
    position: relative;
  }
  
    #mainHome .left .padding {
      padding: 3px 19px 30px 19px;
    }
  
  #mainHome .right {
    float: right;
    width: 492px;
    position: relative;
  }
  
    #mainHome .right .padding {
      padding: 27px 0 0 49px;
    }
  
  #mainHome h1 {
    color: #86b648;
    font-size: 2.5em;
    font-weight: normal;
    margin: 23px 0;
  }
    
  #mainHome h2 {
    color: #86b648;
    font-size: 1.6em;
    font-weight: normal;
  }
  
  #mainHome p {
    font-size: 1.1em;
    margin: 13px 0;
    line-height: 1.3em;
  }
  
  
  
/***********************************************
*** HOME PAGE BOTTOM BLOCKS
***********************************************/

#homeBottom {
  width: 100%;
  position: relative;
  background: #fcfbfb url(/content/images/2009/home_bottom.gif) repeat-x bottom left;
  padding-top: 9px;
}

  #homeBottom .left {
    float: left;
    width: 349px;
    position: relative;
  }
  
  #homeBottom .right {
    float: right;
    width: 628px;
    position: relative;
    background: transparent url(/content/images/2009/bg_faq.png) repeat-y top left;
  }
  
#bioethanolBlock {
  width: 349px;
  height: 141px;
  background: transparent url(/content/images/2009/bioethanol_in_the_uk.jpg) no-repeat top left;
}

  #bioethanolBlock .padding { padding: 66px 0 0 16px; }
  
  #bioethanolBlock form { margin: 0; padding: 0; }
  
  #bioethanolBlock select { float: left; }
  #bioethanolBlock input { float: left; display: block; padding: 1px 10px 1px 15px; }

#rangeBlock {
  width: 349px;
  height: 141px;
  background: transparent url(/content/images/2009/saab_biopower_range.jpg) no-repeat top left;
  margin-bottom: 11px;
}

  #rangeBlock .padding { padding: 66px 0 0 16px; }
  
#faq {
  width: 100%;
  position: relative;
  background: transparent url(/content/images/2009/bg_faq_top.gif) no-repeat top left;
}

  #faq .inner {
    width: 100%;
    position: relative;
    padding-bottom: 3px;
    background: transparent url(/content/images/2009/bg_faq_bottom.gif) no-repeat bottom left;
  }
  
  #faq .top {
    width: 100%;
    position: relative;
    height: 62px;
    text-align: right;
  }
  
    #faq .top .padding { padding: 27px 13px 0 0; }
  
    #faq .top a { 
      color: #666666;
      font-size: 1.2em;
      background: transparent url(/content/images/2009/view_faqs_arrow.gif) no-repeat right 4px;
      padding-right: 10px;
    }
    
    #faq .top a:hover {
      color: #629331;
    }
      
  
  #faq .row {
    position: relative;
    width: 624px;
    /*height: 38px;*/
    margin-left: 2px;
    background: transparent url(/content/images/2009/faq_row.gif) repeat-x left bottom;
  }
  
    #faq .row a {
      display: block;
      float: left;
      font-size: 1.2em;
      color: #666666;
      padding: 12px 21px 12px 18px;
      margin-right: 80px;
      background: transparent url(/content/images/2009/faq_arrow.gif) no-repeat right 15px;
    }
    
    #faq .row a:hover{ color: #629331; }
    
    #faq .row p {
      display: none;
      color: #999999;
      font-size: 1.2em;
      padding: 0 21px 0 18px;
      margin: 7px 0;
      line-height: 1.6em;
    }
    
    #faq .row a.noArrow {
      background-image: none;
    }
    
    #faq .row a.closeFaq {
      position: absolute;
      right: 10px;
      top: 0;
      padding: 12px 15px 12px 0;
      margin-right: 0;
      background: transparent url(/content/images/2009/close_faq.gif) no-repeat right 15px;
      display: none;
    }
    
#faqItems {
  position: relative;
  overflow: hidden;
}

#faqAnimation {
  position: relative;
  overflow: hidden;
}


/***********************************************
*** GENERAL PAGE
***********************************************/

#mainGeneral {
  width: 100%;
  position: relative;
  background: transparent url(/content/images/2009/general_gradient_bottom.gif) repeat-x bottom left;
}

  #mainGeneral .left {
    float: left;
    width: 492px;
    position: relative;
  }
  
    #mainRangeBg .left {
      width: 469px;
    }
  
    #mainGeneral .left .padding {
      padding: 10px 19px 30px 30px;
    }
  
  #mainGeneral .right {
    float: right;
    width: 492px;
  }
  
    #mainRangeBg .right {
      width: 515px;
    }
  
    #mainGeneral .right .padding {
      padding: 27px 0 250px 49px;
    }
    
    #mainGeneral #flashCol .padding {
      padding-bottom: 25px;
    }
      
    #mainGeneral .right .paddingNoFlash {
      padding: 108px 25px 0 49px;
    }
    
    #mainGeneral .right .bottom {
      position: absolute;
      right: 15px;
      bottom: 0;
      width: 420px;
      height: 236px;
      background: transparent url(/content/images/2009/bg_right.jpg) no-repeat bottom right;
    }
    
      #mainGeneral .right .bottom a {
        display: block;
        color: #333333;
        text-decoration: none;
        background: transparent url(/content/images/2009/more_link.gif) no-repeat top left;
        padding: 2px 0 2px 26px;
        font-size: 1.1em;
        margin: 13px 185px 13px 0;
      }
      
      #mainGeneral .right .bottom a:hover {
        color: #5F8E2F;
        text-decoration: underline;
      }
      
      #mainGeneral .right .bottom h2 {
        padding: 0 0 14px 1px
      }
      
    #mainGeneral .right .bottomNoPic {
      position: relative;
      border-top: 1px solid #e1e0e0;
      margin-top: 26px;
      padding-top: 18px;
    }
    
      #mainGeneral .right .bottomNoPic a {
        display: block;
        color: #333333;
        text-decoration: none;
        background: transparent url(/content/images/2009/more_link.gif) no-repeat top left;
        padding: 2px 0 2px 26px;
        font-size: 1.1em;
        margin: 13px 0;
      }
      
      #mainGeneral .right .bottomNoPic a:hover {
        color: #5F8E2F;
        text-decoration: underline;
      }
      
      #mainGeneral .right .bottomNoPic h2 {
        padding: 0 0 14px 1px
      }
  
  #mainGeneral h1 {
    color: #86b648;
    font-size: 2.5em;
    font-weight: normal;
    margin: 23px 0 26px;
  }
    
  #mainGeneral h2 {
    color: #86b648;
    font-size: 1.6em;
    font-weight: normal;
  }
  
  #mainGeneral p {
    font-size: 1.1em;
    margin: 13px 0;
    line-height: 1.3em;
  }

#mainRangeBg {
  width: 100%;
  position: relative;
  background: transparent url(/content/images/2009/bg_range.jpg) no-repeat bottom left;
  padding-bottom: 200px;
}

/***********************************************
*** NAVIGATION POPUP
***********************************************/

.naviPopUp {
  position: absolute;
  left: 0;
  top: 95px;
  visibility: hidden;
  width: 169px;
  padding-bottom: 2px;
  
}

  .naviPopUp .top {
    background: transparent url(/content/images/2009/bg_navi.png) repeat-y top left;
  }

  .naviPopUp a {
    display: block;
    text-decoration: none;
    color: #666666;
    font-size: 1.1em;
    padding-right: 20px;
  }
  
  .naviPopUp .bottomGradient {
    background: #f5f4f4 url(/content/images/2009/bg_navi_item.gif) repeat-x bottom left;
    margin: 0 2px;
  }
  
  .naviPopUp a span {
    background: transparent url(/content/images/2009/bg_navi_item_arrow.gif) no-repeat right 9px;
    padding: 5px 18px 6px 10px;
    display: block;
    float: left;
  }
  
  .naviPopUp a.first {
    background: transparent url(/content/images/2009/bg_navi_item_first.gif) repeat-x top left;
  }
  
  .naviPopUp a.first span{
    padding: 11px 18px 6px 10px;
    background: transparent url(/content/images/2009/bg_navi_item_arrow.gif) no-repeat right 15px;
  }
  
  .naviPopUp a:hover {
    text-decoration: underline;
    color: #5F8E2F;
  }