body, html {
  width: 100%;
  height: 100%;
  background-color: #eaeaea; }

body {
  font-family: Arial;
  font-size: 10pt; }

* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none; }

.clearer {
  clear: both;
  float: none;
  width: 100%;
  height: 0px;
  font-size: 0px;
  line-height: 0;
  display: block; }

.wrap {
  width: 920px;
  margin: 0 auto 0 auto;
  position: relative;
  margin-bottom: -1px;
  margin-top: -1px;
  padding-bottom: 1px;
  padding-top: 1px;
  overflow: visible; }

a {
  color: #fc502e;
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    text-decoration: underline; }
  a.arrow {
    padding-right: 20px;
    background: url("../images/buttons/arrow.gif") center right no-repeat; }

#header {
  height: 105px;
  border-bottom: 10px solid #d3d3d3;
  background: white;
  position: relative;
  clear: both;
  float: none;
  overflow: visible; }
  #header #logo {
    background: url("../images/logo.gif") top left no-repeat;
    overflow: hidden;
    width: 188px;
    height: 20px;
    text-indent: -9999em;
    position: absolute;
    top: 43px;
    left: 0px; }
  #header #nav {
    list-style-type: none;
    position: absolute;
    top: 46px;
    left: 166px;
    padding-right: 100px;
    height: 20px;
    background: url("../images/layout/nav-underline.gif") bottom center repeat-x; }
    #header #nav li {
      float: left;
      position: relative;
      display: inline;
      margin-left: 23px; }
      #header #nav li .flyout {
        width: 0;
        overflow: hidden;
        position: absolute;
        top: 10px;
        left: -10px;
        padding-top: 17px;
        z-index: 99; }
        #header #nav li .flyout ul {
          width: 300px;
          padding-bottom: 20px;
          padding-left: 10px; }
          #header #nav li .flyout ul li {
            margin-left: 0px;
            margin-right: 12px; }
    #header #nav a {
      display: block;
      position: relative;
      overflow: hidden;
      cursor: pointer; }
      #header #nav a .up, #header #nav a .over {
        position: absolute;
        display: block;
        top: 0px;
        left: 0px;
        z-index: 1;
        background-color: white;
        width: 100%;
        height: 100%;
        background-position: top left;
        background-repeat: no-repeat;
        cursor: pointer; }
      #header #nav a .over {
        top: 100px;
        z-index: 2; }
      #header #nav a:hover .over, #header #nav a.current .over {
        top: 0px; }
      #header #nav a.home {
        width: 36px;
        height: 10px; }
        #header #nav a.home .up {
          background-image: url("../images/nav/home-up.gif"); }
        #header #nav a.home .over {
          background-image: url("../images/nav/home-over.gif"); }
      #header #nav a.about {
        width: 42px;
        height: 10px; }
        #header #nav a.about .up {
          background-image: url("../images/nav/about-up.gif"); }
        #header #nav a.about .over {
          background-image: url("../images/nav/about-over.gif"); }
      #header #nav a.dealers {
        width: 58px;
        height: 10px; }
        #header #nav a.dealers .up {
          background-image: url("../images/nav/dealers-up.gif"); }
        #header #nav a.dealers .over {
          background-image: url("../images/nav/dealers-over.gif"); }
      #header #nav a.distributor {
        width: 82px;
        height: 10px; }
        #header #nav a.distributor .up {
          background-image: url("../images/nav/distributor-up.gif"); }
        #header #nav a.distributor .over {
          background-image: url("../images/nav/distributor-over.gif"); }
      #header #nav a.bikes {
        width: 33px;
        height: 10px; }
        #header #nav a.bikes .up {
          background-image: url("../images/nav/bikes-up.gif"); }
        #header #nav a.bikes .over {
          background-image: url("../images/nav/bikes-over.gif"); }
      #header #nav a.support {
        width: 54px;
        height: 10px; }
        #header #nav a.support .up {
          background-image: url("../images/nav/support-up.gif"); }
        #header #nav a.support .over {
          background-image: url("../images/nav/support-over.gif"); }
      #header #nav a.contact {
        width: 55px;
        height: 10px; }
        #header #nav a.contact .up {
          background-image: url("../images/nav/contact-up.gif"); }
        #header #nav a.contact .over {
          background-image: url("../images/nav/contact-over.gif"); }
      #header #nav a.compy {
        width: 49px;
        height: 10px; }
        #header #nav a.compy .up {
          background-image: url("../images/nav/compy-up.gif"); }
        #header #nav a.compy .over {
          background-image: url("../images/nav/compy-over.gif"); }
      #header #nav a.faq {
        width: 33px;
        height: 12px; }
        #header #nav a.faq .up {
          background-image: url("../images/nav/faq-up.gif"); }
        #header #nav a.faq .over {
          background-image: url("../images/nav/faq-over.gif"); }
      #header #nav a.gallery {
        width: 50px;
        height: 10px; }
        #header #nav a.gallery .up {
          background-image: url("../images/nav/gallery-up.gif"); }
        #header #nav a.gallery .over {
          background-image: url("../images/nav/gallery-over.gif"); }
      #header #nav a.gette {
        width: 44px;
        height: 10px; }
        #header #nav a.gette .up {
          background-image: url("../images/nav/gette-up.gif"); }
        #header #nav a.gette .over {
          background-image: url("../images/nav/gette-over.gif"); }
      #header #nav a.why-gette {
        width: 74px;
        height: 10px; }
        #header #nav a.why-gette .up {
          background-image: url("../images/nav/why-gette-up.gif"); }
        #header #nav a.why-gette .over {
          background-image: url("../images/nav/why-gette-over.gif"); }
      #header #nav a.advantage {
        width: 77px;
        height: 10px; }
        #header #nav a.advantage .up {
          background-image: url("../images/nav/advantage-up.gif"); }
        #header #nav a.advantage .over {
          background-image: url("../images/nav/advantage-over.gif"); }
      #header #nav a.news {
        width: 34px;
        height: 10px; }
        #header #nav a.news .up {
          background-image: url("../images/nav/news-up.gif"); }
        #header #nav a.news .over {
          background-image: url("../images/nav/news-over.gif"); }
      #header #nav a.manual {
        width: 58px;
        height: 10px; }
        #header #nav a.manual .up {
          background-image: url("../images/nav/manual-up.gif"); }
        #header #nav a.manual .over {
          background-image: url("../images/nav/manual-over.gif"); }
      #header #nav a.sportif {
        width: 54px;
        height: 10px; }
        #header #nav a.sportif .up {
          background-image: url("../images/nav/sportif-up.gif"); }
        #header #nav a.sportif .over {
          background-image: url("../images/nav/sportif-over.gif"); }
  #header #phone {
    width: 180px;
    height: 34px;
    overflow: hidden;
    position: absolute;
    top: 43px;
    right: 0px;
    background: url("../images/icons/phone.gif") top left no-repeat;
    text-indent: -99999em; }
  #header #search {
    position: absolute;
    top: 53px;
    right: 5px;
    width: 160px;
    height: 19px;
    background: url("../images/layout/search-bg.gif") top left no-repeat; }
    #header #search #search-text {
      border: none;
      outline: none;
      background: none;
      width: 133px;
      height: 19px;
      display: block;
      font-size: 11px;
      color: #666666;
      padding-left: 4px; }
    #header #search #search-button {
      position: absolute;
      top: 2px;
      right: 0;
      color: #ff6a3f; }

#content {
  background: black url("../images/layout/content-bg-tile.gif") top left repeat-x;
  position: relative;
  color: white;
  margin-bottom: -1px;
  margin-top: -1px;
  padding-bottom: 1px;
  padding-top: 1px;
  clear: both;
  float: none;
  overflow: visible;
  z-index: 2; }
  #content #news {
    background: url("../images/bg/faq_bg.jpg") top center no-repeat; }
    #content #news .news-item {
      padding-bottom: 30px; }
      #content #news .news-item img {
        margin-top: 10px; }
  #content #gette {
    background: url("../images/bg/faq_bg.jpg") top center no-repeat; }
  #content #why-gette {
    background: url("../images/bg/faq_bg.jpg") top center no-repeat; }
    #content #why-gette .heading {
      text-indent: 0;
      font-size: 1.35em;
      margin-left: 39px;
      margin-top: 20px; }
  #content #advantage {
    background: url("../images/bg/faq_bg.jpg") top center no-repeat; }
  #content #faq {
    background: url("../images/bg/faq_bg.jpg") top center no-repeat; }
  #content #dealers {
    background: url("../images/bg/dealers_bg.jpg") top center no-repeat; }
    #content #dealers .scroller {
      width: 830px;
      margin-left: 60px; }
      #content #dealers .scroller .content {
        width: 780px; }
  #content .bike-reflection {
    width: 100%;
    background: url("../images/layout/bike-reflection.gif") bottom center no-repeat; }
  #content h1 {
    position: relative;
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999em; }
    #content h1#faq-header {
      background-image: url("../images/headers/faq.jpg");
      width: 182px;
      margin-top: 20px;
      margin-left: 0px;
      height: 50px; }
    #content h1#gette-header {
      background-image: url("../images/headers/gette.jpg");
      width: 182px;
      margin-top: 20px;
      margin-left: 0px;
      height: 50px; }
    #content h1#why-gette-header {
      background-image: url("../images/headers/why-gette.jpg");
      width: 246px;
      margin-top: 20px;
      margin-left: -10px;
      height: 50px; }
    #content h1#dealers-header {
      background-image: url("../images/headers/dealers.jpg");
      width: 198px;
      margin-top: 20px;
      margin-left: 0px;
      height: 50px; }
    #content h1#news-header {
      background-image: url("../images/headers/news.jpg");
      width: 198px;
      margin-top: 20px;
      margin-left: 0px;
      height: 50px; }
    #content h1#advantage-header {
      background-image: url("../images/headers/advantage.jpg");
      width: 259px;
      margin-top: 25px;
      margin-left: 0px;
      height: 50px; }
    #content h1#distributor-header {
      background-image: url("../images/headers/distributor.jpg");
      width: 313px;
      margin-top: 25px;
      margin-left: 0px;
      height: 50px; }
  #content #banner-swf-container {
    width: 1031px;
    height: 346px;
    margin-top: -23px;
    margin-left: -200px; }
  #content #survey-link {
    height: 141px;
    width: 122px;
    position: absolute;
    right: 0;
    top: 15px;
    overflow: hidden; }
    #content #survey-link a {
      background-image: url("../images/buttons/survey-button.jpg");
      height: 141px;
      width: 122px; }
  #content #bike-image-panel {
    display: inline;
    float: left;
    margin-left: 30px;
    width: 477px;
    height: 326px;
    position: relative; }
    #content #bike-image-panel #small-bike-image {
      display: block;
      width: 100%;
      height: 100%; }
    #content #bike-image-panel .instructions {
      font-size: 9px;
      color: #bab7b3;
      display: block;
      position: absolute;
      padding-left: 24px;
      padding-bottom: 18px;
      background: url("../images/icons/magnifying-glass.gif") top left no-repeat;
      left: 165px;
      bottom: 0; }
    #content #bike-image-panel .email-enquiry {
      font-size: 9px;
      color: #bab7b3;
      display: block;
      position: absolute;
      top: 20px;
      left: -20px;
      padding-bottom: 13px;
      padding-left: 10px;
      padding-right: 10px;
      background: url("../images/buttons/email-enquiry.gif") bottom center no-repeat;
      text-indent: -9999em;
      overflow: hidden;
      z-index: 999;
      width: 104px;
      height: 19px; }
      #content #bike-image-panel .email-enquiry:hover {
        opacity: 0.7; }
  #content #bike-info {
    width: 360px;
    float: right; }
    #content #bike-info h1 {
      margin-bottom: 20px; }
    #content #bike-info #compy-header {
      width: 162px;
      background-image: url("../images/headers/compy.gif");
      margin-top: 20px;
      margin-left: -40px;
      height: 35px; }
    #content #bike-info #sportif-header {
      width: 182px;
      background-image: url("../images/headers/sportif.gif");
      margin-top: 20px;
      margin-left: -40px;
      height: 35px; }
    #content #bike-info .tabs {
      position: relative;
      height: 27px;
      margin-bottom: 10px;
      margin-left: -6px; }
      #content #bike-info .tabs .tab {
        float: left;
        height: 100%;
        text-indent: -9999em;
        position: relative; }
        #content #bike-info .tabs .tab a {
          width: 100%;
          height: 100%;
          overflow: hidden;
          padding: 1px;
          margin-top: -1px;
          margin-left: -1px;
          display: block;
          cursor: pointer;
          background: url("../images/layout/5px-orange-horizontal.gif") 100px 100px repeat-x; }
          #content #bike-info .tabs .tab a:hover, #content #bike-info .tabs .tab a.current {
            background-position: top left; }
      #content #bike-info .tabs #motor-tab {
        background: black url("../images/buttons/motor.gif") center left no-repeat;
        width: 121px; }
      #content #bike-info .tabs #performance-tab {
        background: black url("../images/buttons/performance.gif") center left no-repeat;
        width: 112px; }
      #content #bike-info .tabs #structural-tab {
        background: black url("../images/buttons/structural.gif") center left no-repeat;
        width: 93px; }
      #content #bike-info .tabs .divider {
        width: 1px;
        float: left;
        height: 100%;
        background: black url("../images/layout/vertical-grey-dashes.gif") bottom left no-repeat; }
    #content #bike-info .tab-content {
      clear: both;
      float: none;
      position: relative;
      font-size: 12px;
      font-weight: bold;
      color: #b0b0b0;
      line-height: 1.5; }
      #content #bike-info .tab-content .tab {
        width: 100%; }
      #content #bike-info .tab-content dl {
        list-style-position: outside;
        list-style-type: square; }
        #content #bike-info .tab-content dl dt {
          width: 105px;
          float: left;
          display: inline;
          margin-right: 10px;
          margin-bottom: 7px;
          clear: left;
          font-weight: bold; }
        #content #bike-info .tab-content dl dd {
          width: 210px;
          float: right;
          clear: right;
          font-weight: normal;
          margin-bottom: 7px;
          display: inline; }
          #content #bike-info .tab-content dl dd em {
            color: #f7a900;
            font-style: normal; }
      #content #bike-info .tab-content .scroller {
        width: 355px;
        height: 180px;
        margin: 0; }
        #content #bike-info .tab-content .scroller .content {
          width: 330px; }
        #content #bike-info .tab-content .scroller .up {
          width: 19px;
          height: 17px;
          background: url("../images/buttons/bike-up-arrow.gif") left top no-repeat;
          top: 20px; }
        #content #bike-info .tab-content .scroller .down {
          width: 19px;
          height: 17px;
          background: url("../images/buttons/bike-down-arrow.gif") left top no-repeat;
          bottom: 27px; }
  #content #gallery {
    position: relative;
    overflow: hidden;
    width: 914px;
    height: 326px;
    margin: -1px auto 0 auto; }
    #content #gallery img {
      display: block;
      position: absolute; }
    #content #gallery #preloader-ani {
      position: absolute;
      z-index: 999;
      top: 50%;
      left: 50%;
      margin-top: -2px;
      margin-left: -38px; }
  #content #gallery-buttons {
    width: 100%;
    height: 15px;
    position: absolute;
    top: 326px;
    left: 0;
    z-index: 999; }
    #content #gallery-buttons a {
      display: inline;
      float: left;
      background: url("../images/layout/grey-line.gif") center left repeat-x;
      margin-left: 2px;
      margin-right: 2px;
      height: 100%; }
      #content #gallery-buttons a.current, #content #gallery-buttons a.over {
        background: url("../images/layout/orange-line.gif") center left repeat-x; }
  #content #gallery-data {
    display: none; }
  #content .scroller {
    overflow: hidden;
    width: 840px;
    height: 253px;
    margin-top: 10px;
    margin-left: 40px;
    margin-bottom: 20px;
    position: relative; }
    #content .scroller .content {
      width: 760px;
      position: absolute;
      top: 0;
      left: 0;
      line-height: 1.13; }
      #content .scroller .content h2 {
        margin-top: 25px;
        font-size: 17px;
        font-weight: bold;
        margin-bottom: 5px; }
        #content .scroller .content h2.first {
          margin-top: 0; }
      #content .scroller .content h3 {
        font-size: 13px;
        font-weight: bold;
        position: relative;
        margin-top: 10px;
        margin-bottom: 4px;
        width: auto;
        float: left;
        display: inline;
        clear: both; }
        #content .scroller .content h3 a.back-to-top {
          font-size: 12px;
          position: absolute;
          right: -16px;
          text-decoration: none;
          text-transform: lowercase;
          top: 3px;
          width: 11px;
          height: 10px;
          display: block;
          background: url("../images/buttons/small-up-arrow.gif") left top no-repeat; }
      #content .scroller .content .scroll-links {
        float: left;
        width: 50%;
        display: inline;
        list-style-type: square;
        list-style-position: inside;
        color: #fc502e;
        margin-bottom: 3px; }
        #content .scroller .content .scroll-links li {
          margin-left: 10px;
          padding-left: 0; }
          #content .scroller .content .scroll-links li.title {
            list-style-type: none;
            color: white;
            font-size: 15px;
            font-weight: bold;
            padding: 4px 0 4px 0;
            margin-left: 0px; }
        #content .scroller .content .scroll-links a {
          font-weight: bold;
          text-decoration: none; }
          #content .scroller .content .scroll-links a:hover {
            color: #fb745a; }
      #content .scroller .content p {
        color: #ededed;
        margin-bottom: 10px;
        clear: both;
        float: none; }
      #content .scroller .content .divider {
        width: 100%;
        height: 1px;
        font-size: 0;
        line-height: 0;
        clear: both;
        float: none;
        background: url("../images/layout/horizontal-grey-dashes.gif") top left repeat-x;
        margin-top: 10px; }
      #content .scroller .content ul {
        list-style-type: square;
        list-style-position: inside; }
        #content .scroller .content ul li {
          margin-left: 10px;
          padding-left: 0;
          letter-spacing: -0.5px; }
    #content .scroller .up {
      width: 25px;
      height: 22px;
      display: block;
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 0;
      background: url("../images/buttons/up-arrow.gif") left top no-repeat; }
    #content .scroller .down {
      width: 25px;
      height: 22px;
      display: block;
      cursor: pointer;
      position: absolute;
      right: 0;
      bottom: 47px;
      background: url("../images/buttons/down-arrow.gif") left top no-repeat; }

#dealers .scroller .content .scroll-links {
  width: 20%; }

#bottom-content {
  background: #eaeaea url("../images/layout/bottom-content-bg-tile.gif") top left repeat-x;
  position: relative;
  padding-top: 30px;
  clear: both;
  float: none;
  overflow: visible; }
  #bottom-content .box {
    float: left;
    width: 200px;
    display: inline;
    margin-right: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    font-size: 11px; }
    #bottom-content .box h2 {
      background-position: top left;
      background-repeat: no-repeat;
      overflow: hidden;
      text-indent: -99999em;
      height: 10px;
      margin-bottom: 5px; }
    #bottom-content .box .underline {
      width: 100%;
      height: 5px;
      font-size: 0;
      line-height: 0;
      display: block;
      background-position: top left;
      background-repeat: repeat-x;
      padding-left: 40px;
      margin-left: -20px;
      margin-bottom: 15px; }
    #bottom-content .box h3 {
      color: #404040;
      font-size: 12px;
      font-weight: bold;
      margin-bottom: 10px; }
    #bottom-content .box p {
      font-style: italic;
      color: #6c6c6c;
      margin-bottom: 10px; }
    #bottom-content .box a.arrow {
      padding-bottom: 2px; }
  #bottom-content #fyi-box h2 {
    background-image: url("../images/headers/fyi.gif"); }
  #bottom-content #fyi-box .underline {
    background-image: url("../images/layout/item-1-h2-underline.gif"); }
  #bottom-content #fyi-box .slider-container {
    width: 100%;
    overflow: hidden;
    position: relative; }
    #bottom-content #fyi-box .slider-container .slider {
      position: relative;
      top: 0;
      left: 0; }
      #bottom-content #fyi-box .slider-container .slider .item {
        position: relative;
        display: inline;
        float: left;
        width: 200px; }
  #bottom-content #standard-features-box h2 {
    background-image: url("../images/headers/standard-features.gif"); }
  #bottom-content #standard-features-box .underline {
    background-image: url("../images/layout/item-2-h2-underline.gif"); }
  #bottom-content #why-gette-box h2 {
    background-image: url("../images/headers/why-gette.gif"); }
  #bottom-content #why-gette-box .underline {
    background-image: url("../images/layout/item-3-h2-underline.gif"); }
  #bottom-content #test-ride-box a {
    height: 125px;
    width: 150px;
    margin-top: 17px;
    position: absolute; }
  #bottom-content #contact-box {
    margin-right: 0px; }
    #bottom-content #contact-box h2 {
      background-image: url("../images/headers/contact.gif"); }
    #bottom-content #contact-box .underline {
      background-image: url("../images/layout/item-4-h2-underline.gif"); }
  #bottom-content #footer {
    border-top: 10px solid #d8d8d8;
    clear: both;
    float: none; }
    #bottom-content #footer #twitter {
      background: url("../images/buttons/twitter.png") top left no-repeat;
      text-indent: -9999em;
      overflow: hidden;
      width: 24px;
      height: 24px;
      display: block;
      position: absolute;
      left: 349px;
      top: 12px; }
    #bottom-content #footer #facebook {
      background: url("../images/buttons/facebook.png") top left no-repeat;
      text-indent: -9999em;
      overflow: hidden;
      width: 24px;
      height: 24px;
      display: block;
      position: absolute;
      left: 380px;
      top: 12px; }
    #bottom-content #footer #youtube {
      background: url("../images/buttons/youtube.png") top left no-repeat;
      text-indent: -9999em;
      overflow: hidden;
      width: 24px;
      height: 24px;
      display: block;
      position: absolute;
      left: 411px;
      top: 12px; }
    #bottom-content #footer #footer-links {
      list-style-type: none;
      color: #bebebe;
      font-size: 10px;
      display: inline;
      margin-left: 453px;
      margin-top: 19px;
      margin-bottom: 30px;
      float: left; }
      #bottom-content #footer #footer-links li {
        float: left;
        display: inline;
        padding: 0 7px 0 7px;
        border-left: 1px solid #dddddd;
        line-height: 0.9;
        /*text-transform: uppercase */ }
      #bottom-content #footer #footer-links a {
        color: #bebebe; }