body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0;padding:0;list-style:none;}
table{ border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0;}
ul{ list-style:none; list-style-position:outside;}

a{ color:#336699; text-decoration:none;}
a:hover{ color:#497eb4;}

p.error { color: #ff0000; width: 478px; border: 2px solid #FF0000; padding: 10px; }
.sider_content_no_pm p.error { width: auto; padding: 0; border: 0; margin: -10px 0 15px 0; }

html{ background:#dddbcd url(../images/footer_bg.gif) 0 bottom repeat-x;}
body{ font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#333; background:url(../images/header_bg.gif) top repeat-x;}


  /*header*/
  #header{ width:984px; margin:0 auto; overflow:hidden;}

    .logo{ position:relative; display:block; width:385px; height:82px; float:left; margin-top:5px; margin-bottom:10px; text-indent:-99999px; background:url(../images/logo.gif) no-repeat top left; }

    .head_banner{ float:right; display:inline; margin:24px 10px 0 0;}

    .navi{ width:100%; overflow:hidden; clear:both; width:1060px; height:41px; line-height:41px; margin-bottom:5px; }
    .navi li{ float:left; margin-right:30px;}
    .navi li a{ font-size:15px; color:#fff; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
    .navi li.on a,
    .navi li a:hover{ color:#8ac8f3;}


  /*banner*/
  .banner{ width:100%; color:#fff; background:url(../images/banner_bg.gif) top repeat-x;}
  .banner_inside{ width:984px; height:319px; margin:0 auto; overflow:hidden; background:url(../images/banner1.jpg) 0 0 no-repeat;}
    .ban_txt{ float:left; width:240px; display:inline; margin:145px 0 0 375px; font-family:"Trebuchet MS";}
    .ban_txt .ban_title{ font-size:25px; margin-bottom:8px;}
    .ban_txt p{ line-height:160%; margin-bottom:4px;}
    .ban_txt .p_more{ text-align:right; font-size:14px;}
    .ban_txt .p_more a{ padding-right:22px; color:#fff; background:url(../images/ico_arrow2.png) right 4px no-repeat;}

    .banner .sider{ height:289px; margin-right:10px;}
    .sider, .sider2 { float:right; width:313px; padding-bottom:30px; display:inline; color:#fff;
        background:#81ac58 url(../images/sider_bg.gif) top repeat-x; font-family:"Trebuchet MS";}
    .sider .sider_title, .sider2 .sider_title { width:302px; height:48px; line-height:40px; margin:20px 0 20px; text-indent:12px; font-size:24px; position:relative;
               background:url(../images/stitle1.gif) 0 0 no-repeat; text-shadow:0 0 7px #5993ba;}
    .sider .sider_title small, .sider2 .sider_title small { font-size: 11px; }
    .sider .sider_title span, .sider2 .sider_title span { position:absolute; display:block; width:19px; height:60px; left:-19px; top:0;
                  background:url(../images/stitle_corner.png) 0 0 no-repeat;}
    .sider .sider_content, .sider2 .sider_content{ width:286px; margin:0 auto;}
    .sider2 .sider_content { width: 425px; }
    .sider .title, .sider2 .title{ font-size:18px; margin-bottom:10px;clear:both;}
    .sider_content_no_pm .title { font-size:14px; }
    .sider p, .sider2 p { line-height:160%; margin-bottom:25px;}
    .sider .p_more, .sider2 .p_more{ text-align:right; font-size:14px; }
    .sider .p_more a, .sider2 .p_more a{ padding-right:22px; color:#fff; background:url(../images/ico_arrow2.png) right 4px no-repeat;}

    .sider_content_no_pm p { margin: 0;}
    .sider_content_no_pm .title { margin-bottom:4px; }

    .sider2 { width: 480px; background: #c5c3b5; }
    .sider2 .sider_title { background:url(../images/stitle2.gif) 0 0 no-repeat;width: 457px; }
    .sider2 .sider_title span {background:url(../images/stitle2_corner.png) 0 0 no-repeat;}

    #content .login_left { width: 360px; float: left; }
    #content .register_right { width: 580px; float: left; }

  /*content*/
  #content{ width:984px; margin:0 auto; padding-bottom:20px; overflow:hidden;}

  /*footer*/
  #footer{ width:984px; height:158px; margin:0 auto; overflow:hidden; padding-top:14px; font-size:11px; color:#fff; font-family:Tahoma,Arial;}
  #footer a{ color:#fff;}
  #footer a:hover{ color:#ddd;}
    .logo_links{ width:100%; overflow:hidden; margin-bottom:22px;}
    .logo_links .as_seen{ float:left; width:560px;}
      .as_seen p{ margin-bottom:4px;}
      .as_seen ul{ width:100%; overflow:hidden;}
      .as_seen ul li{ float:left; margin:0 20px 12px 0;}
      .as_seen ul li img{ vertical-align:top;}

    .logo_links .connect_mybike{ float:right; width:220px;}
      .connect_mybike p{ margin-bottom:4px;}
      .connect_mybike ul{ width:100%; overflow:hidden;}
      .connect_mybike ul li{ float:left; margin-right:20px;}
      .connect_mybike ul li.li_last{ margin:0;}
      .connect_mybike ul li img{ vertical-align:top;}

    .txt_links{ width:100%; overflow:hidden; margin-bottom:22px;}
    .txt_links .copyright{ float:left;}
    .txt_links .copyright a{ text-decoration:underline;}
    .txt_links ul{ float:right;}
    .txt_links ul li{ display:inline;}
    .txt_links ul li a{ color:#fff; margin:0 1px;}

/*--------------index page-------------------*/
.entry_holder{ width:100%; overflow:hidden; padding-top:12px; color:#666;}
  .entry{ float:left; width:303px; margin-right:34px;}
  .entry_last{ width:290px; margin:0;}
    .entry .entry_title{ font-size:22px; padding-left:5px; color:#585652; margin-bottom:12px;}
    .entry .entry_img{ margin-bottom:20px; background:url(../images/img1_shadow_bottom.gif) 0 bottom no-repeat; position:relative;}
    .entry .entry_img_inside{ padding:9px 0; background:url(../images/img1_shadow_top.gif) 0 top no-repeat; text-align:center;}
    .entry .entry_img img{ vertical-align:text-bottom; border:1px #e6e4d5 solid;}
    .entry .entry_img .entry_tag{ width:157px; padding-left:12px; height:35px; line-height:35px; color:#fff; font-weight:bold; font-size:13px; text-align:center;
                      right:20px; top:122px; position:absolute; text-shadow:0 0 5px #71994a; cursor:default;
                     background:url(../images/tag.png) 0 0 no-repeat;}

    .entry .entry_txt{ padding-left:5px; line-height:154%;}
    .entry .entry_more{ padding-right:5px; text-align:right; font-size:14px; font-family:"Trebuchet MS";}
    .entry .entry_more a{ padding-right:22px; color:#666; background:url(../images/ico_arrow3.gif) right 3px no-repeat;}

    .entry .entry_intro{ font-size:15px; padding:3px 0 20px; line-height:150%;}
    .entry .entry_ad{ margin-bottom:11px; padding-bottom:11px; background:url(../images/dot_line.gif) bottom repeat-x;}
    .entry .entry_ad .ad_title{ font-size:14px;}
    .entry .ad_last{ background:none;}


/*--------------about page-------------------*/
.main_content{ float:left; width:610px; display:inline; margin:28px 0 0 12px; padding-bottom:100px;}
.main_content p{ line-height:170%; margin-bottom:15px; }
  .para{ margin-bottom:25px;}

  .intro{ font-size:18px; line-height:150%; margin-bottom:14px;}
  h2{ color:#223848; font-size:20px; font-weight:bold; padding-bottom:8px; margin-bottom:10px; background:url(../images/dot_line.gif) bottom repeat-x;}
  h3{ font-size:18px; font-weight:bold; margin-bottom:6px;}

  .main_content ul { width:100%; list-style:disc; list-style-position:outside; margin-bottom:15px; }
  .main_content ul li { list-style:disc; list-style-position:outside; margin-left:20px; }

  .mybike_ad{ width:100%; overflow:hidden;}
  .mybike_ad .ad_txt{ float:left; width:220px;}
  .mybike_ad .ad_img{ float:right; width:380px;}
  .mybike_ad .ad_img .img_shadow{ width:380px; background:url(../images/img2_bottom.gif) 0 bottom no-repeat;}
  .mybike_ad .ad_img .img_shadow_inside{ width:100%; background:url(../images/img2_top.gif) 0 top no-repeat; text-align:center; padding:10px 0;}
  .mybike_ad .ad_img .img_shadow img{ vertical-align:top;}



.sidebar{ float:right; width:313px; display:inline; margin-right:10px; padding-bottom:100px;}
  .side_nav{ float:right; width:100%; height:71px; color:#fff; background:url(../images/side_nav.gif) top repeat-x; font-family:"Trebuchet MS"; margin-top:1px;}
  .side_nav h4{ float:left; display:inline; margin:25px 0 0 14px; font-size:18px; font-weight:normal;}
  .side_nav a{ float:right; display:inline; margin:30px 12px 0 0; padding-right:15px; color:#fff; background:url(../images/ico_arrow1.gif) right 4px no-repeat;}


/*--------------newsletter page-------------------*/
.newsletter_form{ width:100%;}
.newsletter_form label{ display:block; margin-bottom:6px;}
.newsletter_form .input_txt{ width:310px; padding:3px; font-size:14px; color:#999999; font-family:Arial, Helvetica, sans-serif; display:block; margin-bottom:14px;
               background:url(../images/input_bg.gif) 0 0 no-repeat; border:1px #a8a69c solid;}
.newsletter_form .input_join{ height:35px; line-height:35px; padding:0 15px; color:#fff; display:block; cursor:pointer; border:0; font-family:"Trebuchet MS";
                background:url(../images/btn_bg.gif) top repeat-x; font-size:14px;}




/*--------------contact us page-------------------*/
.contact_list{ line-height:170%; font-weight:bold; margin-bottom:15px; font-size:14px;}

.contact_form{ width:100%;}
.contact_form label{ display:block; margin-bottom:6px;}
.input_txt, select{ width:494px; padding:3px; font-size:14px; color:#333; font-family:Arial, Helvetica, sans-serif; display:block; margin-bottom:14px;
              background:url(../images/input_bg.gif) 0 0 no-repeat; border:1px #a8a69c solid;}
.input_txt_alt { width: 275px; }
.input_txt_alt2 { width: 420px; }
.input_txt_alt3 { width: 190px; }
.input_txt_alt4 { width: 195px; margin-right:15px; }
.input_txt_alt5 { width: 120px; }
.input_txt_alt6 { width: 130px; margin-right:15px; }
.input_txt_alt7 { width: 40px; margin: 0; }
.radio { margin: 0; width: auto; }
select { width: 60px; }
select.auto { margin: 0; width: auto; }
.contact_form textarea{ width:494px; height:100px; overflow:auto; padding:3px; font-size:14px; color:#333; font-family:Arial, Helvetica, sans-serif;
              background:url(../images/input_bg.gif) 0 0 no-repeat; border:1px #a8a69c solid; display:block; margin-bottom:14px;}
.row_send{ text-align:right; width:500px;}
.row_send_nw { width: auto; }
.row_send input{ text-align:right; margin-left:4px; height:35px; line-height:35px; padding:0 15px; color:#fff; border:0; font-family:"Trebuchet MS";
                background:url(../images/btn_bg.gif) top repeat-x; font-size:14px; cursor:pointer; text-align:center;}

.in_left { float: left; }
.in_right { float: right; }

/*--------------electric bike page-------------------*/
.in_content{ width:974px; margin:0 auto; padding:20px 0 40px; position:relative; left:-4px;}
.in_content h2{ width:964px; margin:0 auto 15px;}

  .tab_nav{ width:934px; padding:0 15px; overflow:hidden; margin:0 auto 10px; line-height:41px; background:#8db963 url(../images/tab_nav.gif) top repeat-x;}
  .tab_nav li{ display:inline; font-size:14px; color:#fff;}
  .tab_nav li a{ color:#fff; margin:0 14px;}
  .tab_nav li a:hover{ color:#ddd;}

  .bike_list{ width:974px; overflow:hidden; margin:0 auto; font-size:14px; color:#336699;}
  .bike_list ul{ width:1010px; overflow:hidden;}
  .bike_list ul li{ float:left; width:316px; margin:0 13px 20px 0;}
  .bike_list ul li .bike_img{ background:url(../images/img3_bottom.gif) 0 bottom no-repeat; margin-bottom:10px;}
  .bike_list ul li .bike_img_inside{ background:url(../images/img3_top.gif) 0 top no-repeat; padding:10px 0 9px; text-align:center;}
  .bike_list ul li .bike_img img{ width:294px; height:214px; border:1px #dedcd0 solid; vertical-align:top;}
  .bike_list ul li .bike_txt{ padding:0 5px; line-height:150%;}




/*--------------bike detail page-------------------*/
.bike_detail_img{ float:left; width:514px; margin-bottom:100px;}
  .big_img{ background:url(../images/img4_bottom.gif) 0 bottom no-repeat; margin-bottom:20px;}
  .big_img_inside{ background:url(../images/img4_top.gif) 0 top no-repeat; text-align:center; padding:10px 0;}
  .big_img img{ width:492px; height:313px; border:1px #dedcd0 solid; vertical-align:top;}

  .small_img_list{ width:100%; overflow:hidden; margin-bottom:15px;}
  .small_img_list ul{ width:550px; overflow:hidden;}
  .small_img_list ul li{ float:left; width:252px; margin:0 8px 8px 0;}
  .small_img_list ul li .s_img{ background:url(../images/img5_bottom.gif) 0 bottom no-repeat;}
  .small_img_list ul li .s_img_inside{ background:url(../images/img5_top.gif) 0 top no-repeat; text-align:center; padding:10px 0;}
  .small_img_list ul li .s_img img{ width:232px; height:125px; border:1px #dedcd0 solid; vertical-align:top;}

  .pdf_download{ color:#336699;}



.bike_detail_txt{ float:right; width:440px; padding-top:2px; margin-bottom:40px;}
.bike_detail_txt p{ line-height:160%; margin-bottom:23px; overflow:hidden; width:100%;}
.bike_detail_txt .bike_title{ font-size:22px; font-weight:bold;}
.bike_detail_txt .bike_price1{ font-size:15px; font-weight:bold; margin-bottom:0;}
.bike_detail_txt .bike_price2{ font-size:15px; font-weight:bold; margin-bottom:16px;}
.bike_detail_txt .bike_subtitle{ font-size:15px; font-weight:bold; margin-bottom:0;}

  .btn{ float:left; line-height:35px; padding:0 14px; margin-bottom:12px; font-family:"Trebuchet MS";
        color:#fff; background:#223746 url(../images/btn_bg.gif) top repeat-x;}
  .btn:hover{ color:#ddd;}


  .detail_list{ background:url(../images/dot_line.gif) top repeat-x; padding-top:21px;}
  .detail_list ul{ background:url(../images/dot_line.gif) bottom repeat-x; padding-bottom:20px;}
  .detail_list li{ width:100%; overflow:hidden; margin-bottom:12px;}
  .detail_list li strong{ float:left; width:100px;}
  .detail_list li span{ float:left; width:340px;}



/*--------------rentals page-------------------*/
.in_para{ width:964px; margin:0 auto 23px; font-size:14px;}
.in_para p{ line-height:150%; margin-bottom:23px;}

.rental_holder{ width:100%; overflow:hidden;}
  .rental{ float:left; width:480px; margin:0 14px 24px 0;}
  .rental .rent_title{ padding-left:6px; font-size:20px; font-weight:bold;}
  .rental .rent_info{ float:left; width:250px; font-size:16px; padding-left:6px; margin-bottom:8px;}
  .rental .rent_btns{ float:right; width:210px; padding-right:6px; overflow:hidden; margin-bottom:8px;}
  .rental .rent_btns .btn{ float:right; margin:0 0 0 8px;}
  .rental .rent_img{ clear:both; margin-bottom:10px; background:url(../images/img6_bottom.gif) 0 bottom no-repeat;}
  .rental .rent_img_inside{ width:100%; background:url(../images/img6_top.gif) 0 top no-repeat; padding:10px 0; text-align:center;}
  .rental .rent_img img{ width:458px; height:313px; border:1px #dedcd0 solid; vertical-align:top;}
  .rental .rent_txt{ padding:0 6px; font-size:14px;}
  .rental .rent_txt p{ width:100%; overflow:hidden; line-height:150%; margin-bottom:23px;}
     h4{ font-size:16px; font-weight:bold; margin-bottom:4px;}
     .ol_list{ margin:0; padding:0; padding-left:23px;}
     .ol_list li{ list-style:decimal; list-style-position:outside;}

  .rental_even{ margin-right:0;}


.paranotice { border: 1px solid #DD0000; padding: 10px; }
.paranotice p:last-child { margin: 0; }
.table { width: 575px; background: #cbd4d1; padding: 20px; }
.table .table_head { overflow: hidden; }
.table .table_head .title_left { float: left; color: #4a5c66; font-size: 16px; }
.table .table_head .navigation_right { float: right; }
.table table { margin-top: 20px; background: #dddbce; }
.table table th { padding: 5px 10px; text-align: left; font-weight: bold; }
.table table td { padding: 5px 10px; vertical-align: middle; }
.table table tr.sep { background: #cbd4d1; height:3px; }
.table table tr.sep td { padding: 0; }
.table span.available { font-weight: bold; color: #347C2C; }
.table span.unavailable { font-weight: bold; color: #DD0000; }
.table .row_send { width: auto; margin-top: 30px; }
.sider_content .dark { width:275px; margin:0 auto; background:#9aaa83; text-align:center; color:#fff; font-size:18px; padding: 8px;font-weight:bold; }