/******************
 *  GLOBAL RESET  *
 ******************/

*
{
  margin:                     0;
  padding:                    0;
}

html, body
{
  width:                      100%;
  height:                     100%;
}

p
{
  font-family: Tahoma, Arial;
  text-align:                 left;
  font-size:                  9pt;
}

/***************
 *  CENTERING  *
 ***************/

body
{
  font-family: Tahoma, Arial;
  color:                      #7f7f7f;
  font-size:                  10pt;
  font-weight:                normal;
  font-style:                 normal;
  background:                 #fff;
  text-align:                 center;
}

div#wrapper
{
  position: relative;
  text-align:                 left;
  width:                      974px;
  margin:                     0 auto;
  padding:                    0px;
}

#logo
{
  border: 0px;
}

div#menu
{
  background: transparent url(../images/menu.png) no-repeat 0 0;
  width:      974px;
  height:     50px;
}


div#bike_flash
{
  width: 781px;
  height: 427px;
  background: transparent url(../images/bike_flash.png) no-repeat 0 0;
}

div#bike_preview
{
  position: relative;
  width: 974px;
  height: 430px;
  border-bottom: 1px #e8ebec solid;
}

div#bike_overview
{
  width: 974px;
  height: 430px;
  border-bottom: 1px #e8ebec solid;
  background: transparent url(../images/overview_flash.png) no-repeat 0 0;
}

div#part_pics
{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 203px;
  height: 427px;
  overflow: hidden;
}

#previous-part-page
{
  cursor: pointer;
  position: absolute;
  top: 380px;
  left: 40px;
}

#next-part-page
{
  cursor: pointer;
  position: absolute;
  top: 380px;
  left: 130px;
}

div#part_pics_slider
{
  position: relative;
  height: 427px;
}

div#page
{
  padding-top: 15px;
  width: 974px;
  min-height: 100px;
}

div.thumb-brand
{
  min-height: 165px;
  width: 184px;
  float: left;
  margin-right: 5px;
}

div.thumb-brand ul
{
  list-style:                 none;
  padding: 0px;
}


div.thumb-brand li
{
  width: 182px;
  text-decoration: none;
  color: #7f7f7f;
  text-align: center;
  font-size: 8pt;
  height: 20px;
  padding: 0px;
  cursor: pointer;
}

div.thumb-brand li:hover
{
  color: #fff;
  background: #000;
}





div.menu_item
{
  float: left;
  background:                 transparent;
  display:                    block;
  padding:                    0px;
  height:                     30px;
  margin: 3px;
}

div.menu_divider
{
  float: left;
  height: 33px;
  width: 5px;
  background: transparent url( ../images/menu_item_div.png ) 0 2px no-repeat;
}

div.menu_item a.menu_not_selected,
div.menu_item a.menu_not_selected:link,
div.menu_item a.menu_not_selected:visited,
div.menu_item a.menu_not_selected:active
{
  margin-right: 10px;
  margin-left: 10px;
  padding: 8px 5px 5px 5px;
  display:                    block;
  height:                     20px;
  font-size:                  9pt;
  font-weight:                bold;
  color:                      #4e4e4e;
  text-align:                 center;
  text-decoration:            none;
  float:                      left;
  background: transparent;
  white-spacing: nowrap;
}

div.menu_item a.menu_selected,
div.menu_item a.menu_selected:link,
div.menu_item a.menu_selected:visited,
div.menu_item a.menu_selected:active
{
  margin-right: 10px;
  margin-left: 10px;
  padding: 8px 5px 5px 5px;
  display:                    block;
  height:                     20px;
  font-size:                  9pt;
  font-weight:                bold;
  color:                      #4e4e4e;
  text-align:                 center;
  text-decoration:            none;
  float:                      left;
  background: transparent;
  white-spacing: nowrap;
}

div.menu_item a.menu_not_selected:hover,
div.menu_item a.menu_selected:hover
{
  margin-right: 10px;
  margin-left: 10px;
  padding: 8px 5px 5px 5px;
  display:                    block;
  height:                     20px;
  font-size:                  9pt;
  font-weight:                bold;
  color:                      #4e4e4e;
  text-align:                 center;
  text-decoration:            underline;
  float:                      left;
  background: transparent;
  white-spacing: nowrap;
}

div#footer
{
  background:                 transparent;/* url(../images/bg_footer.gif) no-repeat -10px 0;*/
  height:                     30px;
  color:                      #4e4e4e;
  font-size:                  9pt;
  width: 974px;
  padding: 3px;
  text-align: center;
}

div#footer a
{
  color:                      #4e4e4e;
}


.cell1
{
  background: #f1f1f1;
  padding: 14px 2px 3px 2px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px #989898 solid;
}

.cell
{
  padding: 14px 2px 4px 2px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px #989898 solid;
}

img
{
  border: 0px;
}

/***************
 *     PAGE    *
 ***************/

div#header
{
  position:                   relative;
  width:                      974px;
  height:                     45px;
  padding:                    5px 0 3px 6px;
  text-align: left;
}

div#sitemap a,
div#sitemap a:link,
div#sitemap a:visited,
div#sitemap a:active
{
  color: #7f7f7f;
  text-decoration: underline;
}

div#sitemap a:hover
{
  text-decoration: none;
}



div#overlay
{
  position:                   absolute;
  left:                       10px;
  top:                        10px;
  z-index:                    1;
}

div#overlay a,
div#overlay a:link,
div#overlay a:visited,
div#overlay a:active,
div#overlay a:hover
{
  display:                    block;
  width:                      310px;
  height:                     110px;
  text-decoration:            none;
}


/****************
 *  TYPOGRAPHY  *
 ****************/

a, a:link, a:visited, a:active
{
  color:                      #4e4e4e;
  text-decoration:            underline;
}

a:hover
{
  color:                      #4e4e4e;
  text-decoration:            none;
}


a.button, a.button:link, a.button:visited, a.button:active, a.button:hover
{
  color:                      #4e4e4e;
  text-decoration:            none;
  border:                     none;
  float: left;
  background: transparent url( '../images/button.png' ) repeat-x 0 0;
  width: 150px;
  height: 24px;
  text-align: center;
  vertical-align: middle;
  padding-top: 6px;
  font-size: 10pt;
}

a.button:hover
{
  background: transparent url( '../images/button_1.png' ) repeat-x 0 0;
}


h1
{
  color:                       #000;
  font-size:                   11pt;
  font-weight:                 bold;
  margin:                      1px 0px 10px 0px;
  line-height:                 1.4em;
}

h2
{
  font-size:                   12pt;
  font-weight:                 bold;
  color:                       #000;
  margin:                      1px 0px 5px 0px;
}

h3
{
  font-size:                   13px;
  font-weight:                 bold;
  color:                       #000;
  margin:                      0.1em 0 0.15em 0;
  line-height:                 1.1em;
}

h4
{
  font-size:                   1.2em;
  line-height:                 1.6em;
  color:                       #000;
  display:                     block;
  padding-top:                 5px;
  border:                      none;
}

h5
{
  font-size:                   1.1em;
  line-height:                 1.5em;
  color:                       #000;
  display:                     block;
  padding-top:                 5px;
}

h6
{
  font-size:                   19px;
  line-height:                 1.4em;
  color:                       #000;
  display:                     block;
}

ul
{
  padding-left:               15px;
}

li
{
  padding-bottom:             5px;
  line-height:                1.5em;
  font-size: 9pt;
}

ol
{
  padding-left:               15px;
}

b
{
  color:                      #000;
}

table
{
  font-family: Tahoma, Arial;
  font-size:                  11px;
}

td
{
  vertical-align:             middle;
  font-size: 9pt;
  font-family: Tahoma, Arial;
}


textarea
{
  font-family: Tahoma, Arial;
  width:                      98%;
  font-size: 9pt;
}


.newstext
{
  font-size:                  9px;
}

/*************************
 *       BLOGVIEW        *
 *************************/

h2.blogview
{
  color:                      #7f7f7f;
  font-size:                  14px;
  margin:                     2px 0 5px 0;
}

div.blogview-archive
{
  text-align:                 right;
}

div.blogview-readmore
{
  margin-bottom:              8px;
}

div.datebox
{
  background:                 transparent url( ../images/news_date_bg.png ) no-repeat 0 0;
  border:                     solid 0px #006daa;
  margin:                     0 4px 0 0;
  padding-top: 5px;
  color:                      #fff;
}

div.datebox-border
{
  border:                     solid 0px #fff;
  margin-right: 2px;
}

div.datebox-inner
{
  /*background:                 #006daa;*/
  background: transparent;
  color:                      #fff;
  font-weight:                bold;
  line-height:                1em;
  padding:                    1px;
  text-align:                 center;
}

div.datebox-wday
{
  margin-bottom:              1px;
  font-size:                  10px;
  color:                      #fff;
}

div.datebox-day
{
  font-size:                  16px;
  position:                   relative;
  color:                      #fff;
}

div.datebox-month
{
  color:                      #fff;
}

div.datebox-year
{
  font-size:                  10px;
  color:                      #fff;
}

input
{
  font-family: Tahoma, Arial;
  font-size:                  9pt;
  font-weight:                normal;
  font-style:                 normal;
  clear:                      right;
  margin-bottom:              3px;
  color:                      #7f7f7f;
  padding:                    2px;
  border:                     solid 1px #7f7f7f;
  background:                 transparent;
}

.error
{
  color: #bd0000;
}


a
{
  outline: 0;
}


.editfield
{
  border: 1px #7f7f7f solid;
  padding: 5px;
  width: 170px;
  color: #7f7f7f;
  background: #fff;
  font-size: 10pt;
  font-family: Tahoma, Arial;
}

.button
{
  color: #fff; background: #e2001a; border: 2px outset #87111f; width: 120px; cursor: pointer;
}

.button:active
{
  background: #e25a6a;
}


.nbutton
{
  background: #f1f1f1;
  border: 1px #7f7f7f solid;
  padding: 5px;
  width: 150px;
  color: #7f7f7f;
  font-weight: bold;
  cursor: pointer;
}



.editfield:active,
.editfield:focus
{
  background: #f1f1f1;
}

.right
{
  text-align: right;
  vertical-align: middle;
  width: 260px;
  font-size: 10pt;
}

input[type=checkbox]
{
  border: 0px;
}

div#page_ml
{
  position: relative;
}

div#filetypes
{
  width: 184px;
  min-height: 20px;
  color: #fff;
  padding: 10px 0 5px 10px;
  border-bottom: 1px #fff solid;
}

div#filetypes ul
{
  list-style:                 none;
  padding: 0px;
  margin: 0px;
}

div#filetypes ul li
{
  padding: 0px;
  margin: 0px;
  color: #fff;
}

div#dirback
{
  width: 184px;
  min-height: 20px;
  color: #fff;
  padding: 10px 0 5px 10px;
  border-bottom: 1px #fff solid;
}


/******************************
 *
 *  FileUpload
 *
 ******************************/

form
{
  margin: 0;
  padding: 0;
}



div.fieldset
{
  border:  0px solid #afe14c;
  margin: 10px 0;
  padding: 20px 0px;
}

div.fieldset span.legend
{
  position: relative;
  background-color: #fff;
  padding: 3px;
  top: -30px;
  font: 700 14px Arial, Helvetica, sans-serif;
  color: #000;
}

div.flash
{
  width: 375px;
  margin: 10px 5px;
  border-color: #87111f;
}

button,
input,
select,
textarea
{
  border-width: 1px;
  margin-bottom: 10px;
  padding: 2px 3px;
}



input[disabled]
{
  border: 1px solid #ccc
} /* FF 2 Fix */


label
{
  width: 150px;
  text-align: right;
  display:block;
  margin-right: 5px;
}

#btnSubmit { margin: 0 0 0 155px ; }

/* -- Table Styles ------------------------------- */
td {
  font: 10pt Helvetica, Arial, sans-serif;
  vertical-align: top;
}

.progressWrapper {
  width: 357px;
  overflow: hidden;
}

.progressContainer {
  margin: 5px;
  padding: 4px;
  border: solid 1px #E8E8E8;
  background-color: #F7F7F7;
  overflow: hidden;
}
/* Message */
.message {
  margin: 1em 0;
  padding: 10px 20px;
  border: solid 1px #FFDD99;
  background-color: #FFFFCC;
  overflow: hidden;
}
/* Error */
.red {
  border: solid 1px #B50000;
  background-color: #FFEBEB;
}

/* Current */
.green {
  border: solid 1px #B50000;
  background-color: #FFEBEB;
/*
  border: solid 1px #DDF0DD;
  background-color: #EBFFEB;
*/
}

/* Complete */
.blue {
  border: solid 1px #B50000;
  background-color: #FFEBEB;
/*
  border: solid 1px #CEE2F2;
  background-color: #F0F5FF;
*/
}

.progressName {
  font-size: 8pt;
  font-weight: 700;
  color: #555;
  width: 323px;
  height: 14px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
  font-size: 0;
  width: 0%;
  height: 2px;
  background-color: blue;
  margin-top: 2px;
}

.progressBarComplete {
  width: 100%;
  background-color: green;
  visibility: hidden;
}

.progressBarError {
  width: 100%;
  background-color: red;
  visibility: hidden;
}

.progressBarStatus {
  margin-top: 2px;
  width: 337px;
  font-size: 7pt;
  font-family: Arial;
  text-align: left;
  white-space: nowrap;
}

a.progressCancel {
  font-size: 0;
  display: block;
  height: 14px;
  width: 14px;
  background-image: url(../images/cancelbutton.gif);
  background-repeat: no-repeat;
  background-position: -14px 0px;
  float: right;
}

a.progressCancel:hover {
  background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
  vertical-align: top;
}


div#breadcrumbs
{
  background: #373737 url(../images/breadcrumbs_bar.gif) 0 no-repeat;
  height: 18px;
  width: 959px;
  color: #b0b0b0;
  font-size: 10px;
  line-height: 18px;
  padding: 0 5px 0 10px;
  margin-bottom: 10px;
}

div#breadcrumbs a
{
  color: #b0b0b0;
  text-decoration: none;
}

div#breadcrumbs a:hover
{
  color: #b0b0b0;
  text-decoration: underline;
}

.thumbnail
{
  background: #ffffff;
  border: 1px #cccccc solid; 
  margin: 1px;
}