/* Created by B&M - Benes&Michl - www.benes-michl.cz */

body {
  font-family: tahoma;
  font-size: 11px;
  color: #000;
  margin: 0px; padding: 0px; 
  text-align: center;
  background-color: #FFF;
  background: url(../images/bg_body.gif) top left repeat-x;
}

a{text-decoration: underline; color:#8A8A8A;outline: 0;}

a:hover{text-decoration: none;}
a img{border: none;}

p{ margin: 0px 0px 7px 0px; padding: 0px; color: #000000;}
ul{ padding-left: 15px;}
select, input{ font-family: tahoma; font-size: 11px; padding-left: 8px; border: 1px solid #FFF;}
select{ height: 20px;}
input{ width: 140px; height: 15px;}

h1{
  font-size: 50px;
  font-weight: normal;
  color: #000;
  background: url(../images/bg_h1.gif) bottom left no-repeat;
  margin-top: 0px;
  margin-bottom: 0px;
  text-transform: uppercase;
  height: 60px;    
}
.h1{
  font-size: 50px;
  font-weight: normal;
  color: #000;  
  margin-top: 0px;
  margin-bottom: 0px;
  text-transform: uppercase;
  height: 60px;      
}
.bg_h1{
  background: url(../images/bg_h1.gif) bottom left no-repeat;
}
li{ margin-bottom: 7px; line-height: 16px; margin-left: 20px;}
h2{ color: #000; font-size: 18px; font-weight: normal;}

.button {
  display: block;  
  width: 100px;
  height: 17px;  
  text-align: center;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding-top: 3px;
}
.button:hover{ background-position: 0px -20px; }

.date{ color: #8A8A8A; font-weight: bold; padding: 3px 0px 8px 0px; display: block;}
.cus{ color: #808285; font-weight: bold; text-transform: uppercase;}

table{   
  table-layout: auto;
  border-collapse: collapse;  
  display: block;
  padding-top: 30px;
  margin: 20px 0px; 
  background: url(../images/bg_table.gif) no-repeat left top;   
}
th{
  border-top: 1px solid #CCCCCC;  
  background: #DCDDDE;
  color: #808285;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  padding: 4px 0px;
}
td{    
  background: #FFF;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;  
  border-right: 1px solid #DCDDDE;
  border-left: 1px solid #DCDDDE;  
  text-align: center;  
}
table .first{ border-left: 1px solid #CCCCCC;}
table .last{ border-right: 1px solid #CCCCCC;}
table a{ color: #000;}

#page{ display: block; width: 960px; margin: auto; text-align: left; position: relative; z-index: 1;}
#top{ display: block; height: 83px;  position: relative;}
#content{ display: block; position: relative; width: 960px; }
#content .col_left{ position: relative; display: block; width: 630px; float: left;}
#content .col_right{ 
  position: relative; 
  display: block; 
  padding-left: 30px;
  _padding-left: 15px; 
  padding-bottom: 30px; 
  width: 300px;   
  float: left;     
}


.logo{ position: absolute; top:16px; left:31px;}
.country{ position: absolute; top:35px; left:324px;}
.country a{
  font-size: 10px;
  text-transform: uppercase;
  color: #999;
  text-decoration: none;
  padding: 0px 7px 0px 6px;  
}
.country .active, .country a:hover{ color: #000; text-decoration: underline; background: none;}
.search_box{
  position: absolute;
  left: 670px;
  top: 33px;
  display: block;
  width: 235px;
  height: 39px;
  padding: 11px 0px 0px 27px;
  background: url(../images/bg_search.gif) no-repeat; 
}
.search_box input{
  width: 129px;
  height: 16px;
  border: 1px solid #CCCCCC;
  float: left; 
  font-size: 11px;
  padding: 3px 5px 0px 5px;  
}
.search_box .button{
  float: left;
  width: 68px;
  margin-left: 4px;
  background: url(../images/button_68_none.gif) 0px 0px no-repeat;   
}
.search_box .button:hover{ background-position: 0px -20px; }

#main_menu{
  position: relative;
  display: block;  
  height: 27px;
  padding: 1px 16px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
#main_menu a{
  display: block;  
  font-size: 12px;
  text-transform: uppercase;  
  color: #717171;
  float: left;
  height: 12px;
  padding: 7px 20px 8px 20px;
  margin-left: 3px;
  text-decoration: none;
}
#main_menu a:hover{background-color: #ABABAB;color:#FFF;}
#main_menu a.active:hover, #main_menu a.active{background: url(../images/bg_menu_button.gif) repeat-x; color: #FFF;}

.top_compare{
  display: block;
  position: absolute;
  text-align: center;
  width: 267px;
  right: 25px;
  top: -25px;
  _top: 0px;
  &top: 0px;
  font-size: 11px;  
  z-index: 0;       
}

.top_compare .button{
  display: block;
  color: #FFF;  
  width: 264px;
  padding: 0px;
  padding-top: 5px;
  height: 20px;
  background: url(../images/button_264.gif) 0px 0px no-repeat #FFF;   
  font-weight: bold;  
}
.top_compare .compare_list{
  display: block;
  margin-top: 1px;
  margin-left: 0px;
  padding: 20px;
  _padding-bottom: 0px;
  background: #777777;
  border: 1px solid #E0E0E0; 
  filter: alpha(opacity=100);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	text-align: left;	 
	z-index: 10;
	_z-index: 0;
}
.top_compare .button:hover,.top_compare .button.active{ background-position: 0px -25px;}
.top_compare .compare_list span{ display: block; height: 25px; width: 130px; float: left;}

.top_compare .compare_list span.grips{ background: url(../images/inform_box_grips.gif) top left no-repeat;}
.top_compare .compare_list span.hubs{ background: url(../images/inform_box_hubs.gif) top left no-repeat;}
.top_compare .compare_list span.saddles{ background: url(../images/inform_box_saddles.gif) top left no-repeat;}
.top_compare .compare_list span.rims{ background: url(../images/inform_box_rims.gif) top left no-repeat;}
.top_compare .compare_list span.tires{ background: url(../images/inform_box_tires.gif) top left no-repeat;}
.top_compare .compare_list span.wheels{ background: url(../images/inform_box_wheels.gif) top left no-repeat;}
.top_compare .compare_list span.acessoriess{ background: url(../images/inform_box_accesoriess.gif) top left no-repeat;}

.top_compare .compare_list .item{ border-bottom: 1px solid #A09F9F; padding: 4px 5px 8px 5px;}

.compare_list .item .button{
  width: 68px;
  height: 18px;
  text-transform: none;
  padding: 0px;
  float: right; 
  padding-top: 2px;
  background: url(../images/button_68_dark.gif) no-repeat;
  margin-top: 5px; 
}
.compare_list .item .button:hover{ background-position: 0px -20px;}
.compare_list .item .count{ color: #FFF; height: 12px; font-size: 12px; padding-left: 5px;}
.compare_list .item.last{ border: 0px;}

#banner{
  display: block;
  height: 325px;
  position: relative;
  padding-top:12px;
  padding-bottom:13px;
  z-index: 0;
  position: relative;
}

#footer{
  position: relative;
  display: block;
  height: 85px;
  background: url(../images/bg_footer.gif) 0px 31px repeat-x;
  margin-top: 40px;  
  clear: both;
  color: #6D6F71;
  margin-bottom: 50px;
  z-index: -10;
}
#footer a{ text-decoration: none; color: #6D6F71;}
#footer a:hover{ text-decoration: underline; color: #FF0000;}
#footer .links{
  height: 22px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  font-weight: bold;
  padding: 8px 53px 0px 48px;
  text-transform: uppercase;
}
#footer .copyright{ float: left;}
#footer_menu{ float: right;}
#footer_menu a{
  display: block;
  padding: 0px 8px;
  float: left;
  background: url(../images/bg_submenu_a.gif) no-repeat right center;
}
#footer_menu a.last{ background: none;}
#footer .conditions{ text-align: center; padding-top: 4px;}
#footer .conditions a{ padding: 0px 2px;}
#footer .for_distributors{
  position: absolute;
  display: block;
  width: 265px;
  height: 25px;
  top: -40px;
  right: 0px;
  padding: 15px 0px 0px 35px;
  background: url(../images/bg_for_distributors.gif) no-repeat;
  text-transform: uppercase;
  z-index: 1;
}
.box{ display: block; position: relative; width: 300px; height: 200px; margin-bottom: 15px;}

.select_product{
  height: 56px;
  width: 266px;
  padding: 74px 0px 0px 34px;
  background: url('../images/bg_select_product.gif') top left no-repeat;
}
.select_product select{ width: 225px; margin-top: 5px;}

.box.test_ride{
  height: 60px;
  width: 266px;
  padding: 74px 0px 0px 34px;
  background: url('../images/bg_test_ride.gif') top left no-repeat;
}
.box.test_ride select{ width: 150px; float: left;}
.box.test_ride .button{  
  width: 67px; 
  float: left;
  margin-left: 159px;
  _margin-left: 80px;
  margin-top: 5px;
  color: #000;  
  background: url('../images/button_yellow.gif') 0px 0px no-repeat;
}
.box.test_ride .button:hover{ background-position: 0px -20px; }

.products .col_right .box.test_ride .button{ _background: url('../images/button_yellow.gif') 0px 0px no-repeat; _color: #000;} 

.newsletter{
  position: relative;
  height: 82px;
  width: 266px;
  padding: 74px 0px 0px 34px; 
  background: url('../images/bg_newsletter.gif') top left no-repeat;
  z-index: 0;  
}
.newsletter input{ margin-bottom: 6px; width: 140px; height: 15px;}
.newsletter .age{ display: block; width: 55px; float: left; margin-right: 6px; z-index: 1; text-transform: capitalize;} 
.newsletter .select_country{ display: block; width: 91px; float: left; z-index: 1;}
.newsletter .button{    
  width: 67px; 
  float: left;
  margin-left: 6px; 
  background: url(../images/button_68_none.gif) 0px 0px no-repeat;
}
.newsletter .error{
  color: #FF0000;
  font-weight: bold;
}
.newsletter .button:hover{ background-position: 0px -20px; }
.col_left .newsletter_rq{ color: red; position: absolute; left: 50%; top: 0%; font-size: 30px; text-align: center;}

.login{    
  height: 82px;
  width: 266px;
  padding: 74px 0px 0px 34px; 
  background: url('../images/bg_login.gif') top left no-repeat;
}
.login .error{ color: #FF0000; font-weight: bold;}
.login .name{ margin-bottom: 6px;}
.login .pass{ float: left;}
.login .button{   
  width: 67px;
  float: left;
  margin-left: 6px; 
  background: url(../images/button_68_none.gif) 0px 0px no-repeat;
}
.login .input{ height: 15px; width: 140px;}
.login .button:hover{ background-position: 0px -20px; }

.distributors table.list{ display: block; }
.distributors table.list{ text-align: left;}
.distributors table.list th{ width: 540px;}
.distributors table.list tbody tr .td_icon{ width: 30px;}
.distributors table.list tbody tr .name{ text-align: left;}
.distributors table.list tbody tr .size{ text-align: right;}
.login_for_distributors #forget_pass .error{ display: block; margin-top: 30px; color: red; font-weight: bold;}



.crumb_menu{ margin-top: 25px; margin-bottom: 10px; display: block; height: 12px;}
.crumb_menu a{
  display: block;
  float: left;
  background: url(../images/bullet_crumb.gif) right 4px no-repeat;
  padding: 0px 13px 0px 0px;
  margin-right: 7px;
  color: #000;
}
.crumb_menu a:hover{ color: #FF0000;}

.article_item{ display: block;}
.article_item .photo{
  display: block;
  width: 219px;
  height: 167px;
  background: url(../images/bg_article_photo.gif) no-repeat;
  padding: 23px 20px 0px 11px;
  float: left; 
}
.article_item h2 a{ color: #0A7EC2; margin-bottom: 2px;}
.article_item p{ line-height: 160%;}
.article_item h2{ padding-top: 20px; margin-bottom: 0px;}

.article_item_top{ padding: 24px 28px 29px 16px;  margin-bottom: 15px; background: #888888; _width: 575px;}
.article_item_top .name{ font-size: 24px; color: #FFF; display: block; position: relative;}
.article_item_top .name a{ color: #FFF; text-decoration: none; }
.article_item_top .name a:hover{ text-decoration: underline; color: #FFF;}
.article_item_top span.date{ color: #CECECE; font-weight: bold; padding-bottom: 27px; display: block; position: relative;}
.article_item_top img{ padding: 0px 20px 10px 0px; float: left;}
.article_item_top .text{ float: left; _padding-right: 30px; &padding-right: 30px;}
.article_item_top .text p{ line-height: 160%; color: #E1E1E1; _color:#000;}
.article_item_top a.button{  
  float: left;    
  width: 139px;
  height: 17px;    
  background: url('../images/button_140_middle.gif') 0px 0px no-repeat;
}
.article_item_top .button:hover{ background-position: 0px -20px; }


.article_item_top.detail{ background: url(../images/bg_product.gif) top right no-repeat; color: #000;}
.article_item_top.detail p{ color: #000;}
.article_item_top.detail .name{ color: #077DC1;}
.article_item_top.detail .date{ color: #8A8A8A;}
.article_item_top.detail .button{
  margin-top: 15px;
  color: #FFF;
  background: url(../images/button_140.gif) top left no-repeat;
}
.article_item_top.detail .button:hover{ background-position: 0px -20px;}
.article_item_top.detail a{ color: #000;}
.photogallery img{ padding: 0px;}
.photogallery a{  
  float: left;
  margin-right: 6px;
  margin-bottom: 6px;
  border: 2px solid #E6E6E6;
}

.l2_menu{
  display: block;
  font-family: trebuchet MS;
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 21px;
  border-bottom: 1px solid #CCCCCC;
}
.l2_menu a{
  display: block;
  height: 27px;
  text-decoration: none;
  padding: 8px 0px 0px 85px;
  border-top: 1px solid #CCCCCC;    
}
.l2_menu a:hover{color: #000;} 
.l2_menu a.active{ background: url(../images/bg_life_menu.gif) repeat-x top left; color: #FFF;}
.l2_menu a.active:hover{ color: #FFF;}
.l2_menu .submenu{ display: block; color: #7F7F7F; font-size: 11px; padding: 8px 0px 23px 0px;}
.l2_menu .submenu a{ display: block; background: none; border: 0; padding: 0px 0px 0px 85px; height: 18px;} 
.l2_menu .submenu a:hover{ color: #000;}
.l2_menu .submenu a.active{ color: #000; font-weight: bold;}

.products .l2_menu{ margin-top: 80px;} 
.products .l2_menu a.active{ background: none; color: #000; font-weight: bold;}
.products .l2_menu a{ padding: 0px; height: 35px;}
.products .l2_menu a img{ float: left; margin-right: 17px;}
.products .l2_menu a span{ display: block; padding-top: 7px;}

.wtb-life .l2_menu a.magazine{
  background: url(../images/bg_life_magazine.gif) no-repeat 33px 2px;   
}
.wtb-life .l2_menu a.magazine.active{
  background: url(../images/bg_life_magazine_active.gif) no-repeat;
  font-weight: bold;
}
.wtb-life .l2_menu a.riders{
  background: url(../images/bg_life_riders.gif) no-repeat 33px 2px;
}
.wtb-life .l2_menu a.riders.active{
  background: url(../images/bg_life_riders_active.gif) no-repeat;
  font-weight: bold;
}
.wtb-life .l2_menu a.teams{
  background: url(../images/bg_life_teams.gif) no-repeat 33px 2px;
}
.wtb-life .l2_menu a.teams.active{
  background: url(../images/bg_life_teams_active.gif) no-repeat;
  font-weight: bold;
}
.wtb-life .l2_menu a.other_sponzoring{
  background: url(../images/bg_life_other_sponzoring.gif) no-repeat 33px 2px;
}
.wtb-life .l2_menu a.other_sponzoring.active{
  background: url(../images/bg_life_other_active.gif) no-repeat 0px 0px;
}

.rider{
  display: block;
  width: 266px;
  height: 178px;
  background: url(../images/bg_riders.gif) no-repeat;
  padding-left: 34px;
  margin-bottom: 15px;
  position: relative;
}
.rider img{ float: right; padding: 30px 30px 0px 0px;}
.rider .name{ display: block; padding-top: 63px; font-size: 12px; font-weight: bold;}
.rider a{ color: #000;}
.rider p{ margin: 0px;}
.rider .button{
  position: absolute;
  width: 101px;
  bottom: 20px;  
  color: #FFF;
  background: url('../images/button_100_middle.gif') 0px 0px no-repeat;
}
.rider .button:hover{ background-position: 0px -20px; }


.hot_articles{
  display: block;
  width: 266px;
  min-height: 65px;
  background: url('../images/bg_hot_articles.gif') top left no-repeat #D8D8D8;
  padding: 67px 0px 25px 34px;
  margin-bottom: 13px;
}
.hot_articles a{
  display: block;
  height: auto;
  padding:5px 30px 5px 0px;
  color: #0A7EC2;
  text-decoration: none;
  font-size: 11px; 
  background: url(../images/bullet_hot_articles.gif) left bottom no-repeat; 
}
.hot_articles a.last{ background: none;}
.hot_articles a:hover{ text-decoration: underline;}

.product_list{ clear: both;}
.product{  
  display: block;
  position: relative;
  background: url(../images/bg_product.gif) top left no-repeat;
  border-bottom: 1px solid #E9E9E9; 
  min-height: 200px; 
  width: 610px; 
  margin-top: 2px;
  padding: 0px 20px 15px 0px;   
  float: none;  
}
.product .main_photo{ display: block; width: 270px; float: left; padding: 0px; margin: 0px;}
.product .text{ display: block; float: left; padding-left: 20px; width: 320px;}
.product .text p{ margin: 0px;}
.product .text p span{ color: #808285; font-weight: bold;}
.product .pictograms{
  display: block;
  float: right;
  height: 35px;
  margin-top: 12px;
  margin-bottom: 5px; 
  min-width: 35px;  
}
.product .title{ display: block;}
.product .title h2{ font-size: 33px; margin: 0px;}
.product .variation{ display: block; padding-top: 5px; padding-bottom: 5px;}
.product .button{ float: right; width: 68px; background: url('../images/button_68_none.gif') 0px 0px no-repeat;}
.product .button:hover{ background-position: 0px -20px; }

.list_navigation{
  display: block;
  text-align: center;
  padding-top: 20px;    
  height: 40px;    
  background: url(../images/bg_list_navigation.gif) no-repeat center center;
}

.list_navigation a{  
  display: inline-block;
  margin: auto;
  text-align: center;
  width: 25px;
  height: 17px;
  padding-top: 3px;
  text-decoration: none;
  font-weight: bold;
  background: url(../images/bg_ln.gif) no-repeat;  
  color: #FFF; 
}
.list_navigation .prev{ margin-right: 7px;}
.list_navigation .next{ margin-left: 7px;}
.list_navigation a.active,.list_navigation a:hover{ background: url(../images/bg_ln_active.gif) no-repeat;}
.list_navigation a.no_active{ background: url(../images/bg_ln_noactive.gif) no-repeat; color: #CACACA;}


.desc{ display: block; margin-bottom: 60px;}
.desc p{ padding-right: 50px; }
.desc h1{ font-size: 30px; background: none;}
.desc .button.compare{ margin-top: 12px;}
.desc .button.no_compare{
  background: url(../images/button_140_white.gif) no-repeat left top; 
  color: #CCC; 
  cursor: default; 
  display: none;
}
.products .col_right .desc .button.no_compare{_background: url(../images/button_140_white.gif) no-repeat left top; color: #CCC;}
.desc .button.no_compare:hover{ background-position: 0px 0px;}
.desc .button.no_compare.show{ display: block;}
.desc .button{
  width: 140px;
  height: 17px;
  margin-bottom: 7px;
  background: url(../images/button_140.gif) no-repeat;   
}
.desc .button:hover{ background-position: 0px -20px;}
.product_in_category{ display: block; margin-bottom: 45px;}

.product_in_category a.hide{ display: none;}

.product_in_category h2{ font-size: 18px;}
.product_in_category a{
  display: block;
  color: #000;
  font-size: 12px;
  padding-left: 25px;
  padding-bottom: 9px;    
}
.product_in_category a.active{
  text-decoration: none;
  font-weight: bold;
  background: url(../images/bullet_arrow.gif) 15px 5px no-repeat;
}
.product_in_category a:hover{ color: #FF0000;}

.product_in_category a.button{ 
  width: 140px; 
  background: url(../images/button_140_white.gif) no-repeat 0px 0px; 
  color: #000; 
  padding: 2px 0px 0px 0px; 
  height: 18px; 
  margin-top: 5px; 
  margin-bottom: 6px;
}
.product_in_category a.button:hover{ background-position: 0px -20px; color: #FFF;}

.photo{ display: block; position: relative; height: 455px; text-align: center;}
.photo .thumbnail{ position: absolute; bottom: 0px; left: 0px;}
.photo .thumbnail img{ padding-left: 15px;}

.subcategory{
  display: block;  
  &width: 550px;
  background: url(../images/bg_subcategory.gif) no-repeat left top;
  padding: 15px 25px 10px 25px;    
  color: #000;
  font-weight: bold;  
  font-size: 12px;
  margin-bottom: 6px;      
}
.subcategory .count{ height: 12px;}
.subcategory .selected{color: #808285;}
.subcategory select{ float: left; width: 150px; margin-right: 8px;}
.subcategory input{ float: left;}
.subcategory .item a{ color: #005587;}
.subcategory .item:hover{ cursor: pointer;}
.subcategory .item input:hover{ cursor: pointer;}
.subcategory .item label{ float: left; display: block; height: 14px;}
.subcategory .item label:hover{ cursor: pointer; text-decoration: underline;}
.subcategory .button{ margin-left: 15px; width: 68px; background: url(../images/button_68_rg.gif) no-repeat; float: left;}
.subcategory .button:hover{ background-position: 0px -20px;}

.product_list .subcategory .item{
  display: block;
  float: left; 
  padding: 7px 15px 7px 15px;
  color: #005587;
  font-weight: normal; 
  background: url(../images/bg_subcategory_checkbox.gif) repeat-x left top;
  height: 12px;
  border: 1px solid #F4F4F4;
  margin-right: 5px;
  margin-bottom: 5px;   
}
.product_list .subcategory .item.active{
  background: url(../images/bg_subcategory_checkbox_active.gif) left top;
  font-weight: bold;
}

.filter{
  display: block;  
  background: url(../images/bg_subcategory.gif) no-repeat left top;
  padding: 15px 25px 10px 25px;  
  color: #000;
  font-weight: bold;  
  font-size: 12px;
  margin-bottom: 6px;
}

.filter .selected{color: #808285;}
.filter select{  margin-right: 8px; float: left; display: block;}
.filter input{ float: left; display: block;}

.filter .button{ margin-left: 15px; width: 68px; background: url(../images/button_68_rg.gif) no-repeat; float: left; display: block;}
.filter .button:hover{ background-position: 0px -20px;}

.product_list h2{ text-transform: uppercase; height: 28px; width: 321px;}
.product_list h2 a{ color: #000; text-decoration: none;}
.product_list input{
  width: 14px;
  height: 14px;
  margin-top: 1px;
  margin-right: 10px;  
}


.riders_list .item{
  position: relative;
  display: block;
  float: left;
  width: 150px;
  height: 219px;
  background: url(../images/bg_rider_list_item.gif) no-repeat left top;
  padding: 16px 0px 0px 0px;
  text-align: center;
  margin-bottom: 10px;    
}
.riders_list .item img{ margin-bottom: 25px;}
.riders_list .item a{ display: block; color: #000;}
.riders_list .item .country{ position: absolute; top: 160px; left: 68px;}
.riders_list .item .button{
  margin-top: 5px;
  margin-left: 15px;
  width: 68px;
  color: #FFF;
  margin-left: 42px;
  _margin-left: 0px;
  &margin-left: 0px;
  background: url(../images/button_68_none.gif) no-repeat;
  position: relative;
}
.riders_list .item .name{ font-weight: bold; text-decoration: none;}
.riders_list .item .name:hover{ text-decoration: underline;}
.riders_list .item .button:hover{ background-position: 0px -20px;}

.rider_detail{ background: url(../images/bg_product.gif) no-repeat left 42px; margin-bottom: 40px;}
.rider_detail .photo{
  display: block;
  width: 295px;
  height: 343px;
  background: url(../images/bg_rider_photo.gif) no-repeat left top;
  margin-top: 15px;
  margin-right: 20px;
  padding-top: 27px;
  float: left;
}
.rider_detail table{ background: none; padding-top: 16px; color: #000;}
.rider_detail td{ padding: 11px 20px 13px 20px; text-align: left; border-right: 1px solid #CCCCCC; background: none;}
.rider_detail .name{ font-weight: bold;}
.rider_detail .flag{ padding-right: 10px; width: 16px; height: 11px;}
.website{ font-weight: bold; padding-right: 5px;}

.rider_detail th{
  text-align: left;
  background: #F1F1F2;
  color: #808285;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #DCDDDE;
  padding: 0px 20px 0px 20px;
  text-transform: uppercase;  
}
.rider_detail h1{ margin-bottom: 0px; font-size: 36px;}
.rider_detail h2{ margin-top: 17px; margin-bottom: 16px;}

.technology{
  display: block;
  width: 105px;
  height: 50px;
  padding: 70px 0px 0px 195px;
  margin-bottom: 15px;
}  
.technology .button{ width: 68px; background: url(../images/button_68_none.gif) no-repeat;}
.technology .button:hover{ background-position: 0px -20px;}

.technology.saddles{ background: url(../images/bg_technology_saddles.gif) no-repeat left top;}
.technology.tires{ background: url(../images/bg_technology_tires.gif) no-repeat left top;}
.technology.wheels,.technology.rims{ background: url(../images/bg_technology_wheels.gif) no-repeat left top;}
.technology.grips{ background: url(../images/bg_technology_grips.gif) no-repeat left top;}
.technology.hubs{ display: none; background: url(../images/bg_technology_hubs.gif) no-repeat left top;}

.technology.innertubes{ display: none;}
.technology.accessories{ display: none;}

.information_box{  
  display: block;  
  background: #888888;
  padding: 20px 40px 20px 33px;
  margin-bottom: 15px;  
  _width: 227px;  
  &width: 227px;
  color: #FFFFFF;     
}
.information_box .title{
  display: block;
  height: 25px;
  width: 150px;
  background: url(../images/inform_box_about.gif) no-repeat;
  margin-bottom: 25px;   
}
.information_box.cat_tires .title{ background: url(../images/inform_box_tires.gif) no-repeat #888888; }
.information_box.cat_wheels .title{ background: url(../images/inform_box_wheels.gif) no-repeat #888888; }
.information_box.cat_hubs .title{ background: url(../images/inform_box_hubs.gif) no-repeat #888888; }
.information_box.cat_grips .title{ background: url(../images/inform_box_grips.gif) no-repeat #888888; }
.information_box.cat_saddles .title{ background: url(../images/inform_box_saddles.gif) no-repeat #888888; }
.information_box.cat_rims .title{ background: url(../images/inform_box_rims.gif) no-repeat #888888; }

.information_box p{ color: #FFFFFF; background: none; display: block; position: relative; line-height: 1.5;}

.information_box .button{
  margin-top: 15px;  
  width: 100px;
  color: #FFFFFF;    
  float: left;
  background: url(../images/button_100_dark_rg.gif) no-repeat;  
}
.information_box .button.bussiness{
  width: 122px;
  background: url(../images/button_122_dark_rg.gif) no-repeat;  
  margin-right: 5px;
  
}
.information_box .button:hover{ background-position: 0px -20px;}


.download{ margin-bottom: 20px; width: 350px; float: left;} 
.download h2{ margin-bottom: 0px;}
.download .item{ padding: 10px 0px 0px 8px;  }
.download .item img{ float: left;}
.download .item .title{ display: block; margin-top: 8px; background: #FFF;}

.video{ float: left;}
.video h2{ padding-left: 7px;}  

#compare table{ display: block; background: none; padding-top: 0px;}
#compare table td{ padding: 11px 15px 13px 15px; text-align: center;}

#compare table .first{ border-left: 0px;}
#compare td .button{  
  width: 68px;
  background: url(../images/button_68_rg.gif) no-repeat; 
  margin: auto;
  margin-bottom: 8px;
  margin-top: 20px;
}
#compare td .button:hover{ background-position: 0px -20px;}
#compare .remove{ color: #FF0000;}
#compare table th{
  background: #F1F1F2;
  color: #808285;
  text-align: left;  
  padding: 0px 20px 0px 20px;
  border: 1px solid #CCCCCC;
  border-right: 0px; 
  width:140px; 
}

#compare h2{ font-size: 18px; margin: 0px; text-transform: uppercase;}
#compare td.identical{ background: #F8F8F8; color: #B3B3B3;}
#compare td.main_photo{ padding: 40px 0px 13px 0px;}
#compare th.empty{background: url(../images/bg_compare_th.gif) bottom left repeat-x #D7D7D7;}

.archive{
  display: block;
  background: url(../images/bg_support_archive.gif) no-repeat left top #D8D8D8; 
  padding: 70px 35px 20px 35px;
  margin-top: 15px;
  margin-bottom: 18px; 
}
.archive .item{
  display: block;
  background: url(../images/bullet_hot_articles.gif) left 55px no-repeat;
  padding: 10px 0px 10px 0px;
}
.archive .item.last{ background: none;}
.archive img{ float: left; margin-right: 12px;}
.archive .item .text{ margin-top: 5px;}
.archive .item a{color: #0A7EC2;}
.archive .item p{ padding-top: 2px; color: #8A8A8A;}

.download_logo{
  position: relative;
  display: block;
  padding: 60px 110px 45px 35px;
  background: url(../images/bg_support_logo.gif) no-repeat left top #888888;  
  margin-top: 60px;
}



.download_logo #decor_logo{
  position:absolute;
  right:20px;
  top:-20px;
  z-index:1;
}

.download_logo p{color: #FFF;line-height: 1.7; z-index:10;}

.download_logo .button{ 
  position: absolute; 
  width: 100px; 
  background: url(../images/button_100_dark_rg.gif) no-repeat;  
  top: 150px;
  right: 40px;
}
.download_logo .button:hover{ background-position: 0px -20px;}

.download_box{ 
  display: block; 
  background: #000 url(../images/bg_download_box.gif) repeat-x left top; 
  padding-left: 60px;
  border: 1px solid #CCCCCC;
  border-top: 0;
  display: none;
  width: 568px;
  position: relative;
}

.download_box .lang{ display: block; float: left; height:auto; width:auto; padding: 15px 0px 15px 0px; width: 85px; } 
.download_box .lang a{ color: #0A7EC2; }

.download_box .lang .flag{ display:block; float: left; width: 15px; height: 10px; margin-right: 5px; margin-top: 2px;}

.file{display: block; border: 1px solid #CCCCCC; padding: 5px 0px 0px 0px; margin: 0px;border-top: 0px;}
.file.last{margin-bottom: 30px;}
.file.first{ border-top: 1px solid #CCCCCC;}
.file .text{ display: block; float: left; width: 50%; padding-left: 15px;}

.file.schematic {vertical-align: middle; height: 50px; padding-bottom: 15px;}
.file.schematic .text {float: left; width: 220px; _width: 200px;}
.file.schematic .text p{ padding-top: 5px;}

.file.schematic .download .link a{ float:left; color: #0A7EC2; margin: 0px; padding: 0px 5px 0px 5px;}
.file.schematic .download .link{ float: left; display: block; position: relative;}
.file.schematic img{ padding-top: 5px;}
 
.file .text a{ color: #000;}
.file strong{ color: #000;}
.file .text p{ color: #888888; margin-top: 5px;}
.file .text img{ float: left; margin-right: 5px;}
.file .download{ display: block; float: right; width: 40%;}
.file.schematic .download{ width: 380px; float: left; padding-top: 10px; }
.file .download a{float: left; margin-top: 15px;}
.file .download .button{
  margin-right: 50px;
  _margin-right: 25px;
  width: 100px; 
  float: right;
  background: url(../images/button_100_white_rg.gif) no-repeat;
  margin-top: 12px;
}
.file .download .button:hover{background-position: 0px -20px;}
.file .download .button.gr{ background: url(../images/button_100_gr.gif) no-repeat;}
.file .download .button.gr:hover{background-position: 0px -20px;}
.file.active .text a{color: #0A7EC2;}
.file.active{ background: url(../images/bg_file_active.gif) repeat-y left top;} 


.ringtone{
  position: relative;
  display: block;
  padding: 20px 0px 25px 80px;
  background: url(../images/bg_ringtone.gif) no-repeat left top;
  height: 23px;
  color: #888888;
}
.ringtone strong{ color: #000000;}
.ringtone .icon{ position: absolute; top: 8px; left: 10px;}
.ringtones{ margin-bottom: 40px;}

.cellphones{
  margin-bottom: 30px;
}
.cellphone img{ width: 83px; height: 63px;}
.cellphone{
  position: relative;
  display: block;
  float: left;
  width: 89px;
  height: 69px;
  background: url(../images/bg_cellphone.gif) no-repeat left top;
  padding: 3px 0px 0px 3px;
  margin-right: 3px;
  margin-bottom: 15px;
}
.cellphone .button{
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 19px;
  background: url(../images/button_19.gif) no-repeat; 
}
.cellphone .button:hover{ background-position: 0px -20px;}

.wallpapers{  
  display: block;
  margin-left: 15px;
  margin-bottom: 20px;
}
.wallpaper{
  position: relative;
  width: 194px;
  height: 180px;
  margin-top: 15px;
  background: url(../images/bg_wallpapers.gif) no-repeat left top;
  text-align: center;
  padding-top: 3px;
  float: left;
  margin-right: 6px;
  
}
.wallpaper .button{
  width: 100px;
  margin: auto;
  margin-top: 5px;
  background: url(../images/button_100_white_rg.gif) no-repeat;
}
.wallpaper .button:hover{
  background-position: 0px -20px;
}
.wallpaper .resolution{
  position: absolute;  
  display: none;
  top: 3px;
  left: 3px;
  width: 187px;
  height: 125px;
  padding-top: 15px;
  background-color: #FFF;
  z-index: 10; 
}
.wallpaper .resolution a{
  display: block;
  margin-top: 5px;
  color: #0A7EC2;
  font-weight: bold;
}
.screensavers img{float:left; margin-right: 60px; _margin-right: 30px;}
.screensaver{
  float: left;
  display: block;
  text-align: center;
  width: 140px;
  background: url(../images/bg_screensaver.gif) no-repeat left top;
  padding: 3px 0px 0px 3px;
  margin-top: 40px;
  margin-right: 20px;
}
.screensaver img{ margin-bottom:12px;}
.stickers{
  display: block;
  width: 260px;
  height: 410px;
  background: url(../images/bg_stickers.gif) no-repeat 15px 0px; 
  margin-top: 30px;  
  margin-bottom: 30px;
  padding-left: 640px;
  padding-right: 60px;
  padding-top: 50px;
  color: #FFF;
}
.stickers p{color: #FFF;}
.stickers .name{ width: 225px;margin-top: 20px;}
.stickers .street{ float: left; width: 135px;margin-right: 10px;}
.stickers .no{ float: left; width: 70px;}

.stickers .city{ float: left; width: 135px; margin-right: 10px; margin-top: 8px;}
.stickers .zip{ float: left; width: 70px; margin-top: 8px;}
.stickers .count{ width: 170px; height: 20px; margin-top: 8px; margin-bottom: 0px;}
.stickers .email{ width: 110px; margin-right: 10px;margin-top: 2px; margin-bottom: 6px;}
.stickers .phone{ width: 93px; margin-top: 2px;}
.stickers input,select{ border: 1px solid #CCCCCC;}
.stickers .checkbox{ width: 20px; margin-top: 0px; display: block; float: left; border: 0px;}
.stickers .sticker{ margin:0px;font-weight: bold;}
.stickers .catalog{ font-weight: bold; margin-bottom: 35px;}
.stickers .conditions a{color: #FFF;}
.stickers .button{
  float: left; 
  width: 66px; 
  background: url(../images/button_68_dark.gif) no-repeat left top;
  margin-top:20px;
  
}
.stickers .button:hover{background-position: 0px -20px;}
.stickers .button.submit{
  width:100px; 
  background: url(../images/button_100_dark_rg.gif) no-repeat left top;  
  margin-top: 20px;
  margin-left:8px;
}
.stickers .button.submit:hover{background-position: 0px -20px;}
.stickers p.buttons{ margin-left: 50px;}

.home h1{ margin: 0px; margin-bottom: 15px;}

.products .desc{ margin-top: 25px;}
.products table {width: 628px; display: block;}
.products table td{ padding: 0px 17px;}
.products .col_left table td{ cursor: pointer; } 
.products table td.details{ text-align: left;}
.products table th.details{ text-align: left;}
.products table td.param_detail{ padding: 5px 5px;}

.products .col_left h1{ _width: 630px;}
.products .col_right h1{ font-size: 26px;}

.products_pictograms{display: block; position: absolute; right: 20px; top: 0px; z-index: 20; _right: 0px; }
.products .col_left.detail{ background: url(../images/bg_product_detail.gif) no-repeat left 0px; _width: 630px; }

.products .col_left.detail .photo{ _background: url(../images/bg_product_detail.gif) no-repeat left 0px; }

.products .col_right.detail{ background: url(../images/bg_product_detail.gif) no-repeat right 0px;}

.products table .param_details{ text-align: left; width: 175px; padding: 0px 15px;}
.products table .param_model{ background: #F1F1F2;}
.products table .param_size{ background: #F1F1F2; }
.products table .param_etrto{ width: 50px;}

.products table .active{ border: 2px solid #9F9F9F;}

.products table td .new{ position: absolute; display: block; padding-top: 5px; left: -20px; z-index: 1;}
.products .bg_h1{position: relative;}
.products .bg_h1 .new{ position: absolute; display: block; padding-top: 0px; top: 0px; left: -20px; z-index: 1;}
.product .title{position: relative;}
.product .title .new{ position: absolute; display: block; padding-top: 0px; top: -5px; left: -35px; z-index: 1;}


.category_list a{ float: left;}
.category_list .item{ float: left;}
.category_list .item .title{ display: block; width: 285px; height: 35px; float: none; padding-bottom: 10px;}
.category_list .item img{ float: none; padding-bottom: 5px;}
 
.category_list .title.tires{background: url(../images/middle_title_product_tires.gif) no-repeat center top; }
.category_list .title.saddles{background: url(../images/middle_title_product_saddles.gif) no-repeat center top; }
.category_list .title.grips{background: url(../images/middle_title_product_grips.gif) no-repeat center top; }
.category_list .title.wheels{background: url(../images/middle_title_product_wheels.gif) no-repeat center top; }
.category_list .title.rims{background: url(../images/middle_title_product_rims.gif) no-repeat center top; }
.category_list .title.accessories{background: url(../images/middle_title_product_accessories.gif) no-repeat center top; }
.category_list .title.hubs{background: url(../images/middle_title_product_hubs.gif) no-repeat center top; }
 
.category_product{ display: block; margin-top: 60px; float: left;}
.category_product .test_ride{ margin-right: 30px; float: left;} 
.category_product .select_product{ float: left;}




.products .button.send_friend_button, .products .button.empty_compare_button{  
  position: absolute;
  right: 25px;
  top: 60px;
  width: 190px;
  color: #FFF;
  background: url(../images/button_190.gif) top left no-repeat;  
} 
.products .button.empty_compare_button{right: 220px; background-position: 0px -20px;}
.products .button.empty_compare_button:hover{background-position: 0px 0px;}  
.products .send_friend_button:hover{ background-position: 0px -20px;}

.products .information_box .button{ float: right;}



.teams_list .filter{margin-bottom: 0px;}

.team_list { display: block; padding-top: 15px; background: url(../images/bg_team_list.gif) no-repeat right top; z-index: 0;}

.team_list .item{ border: 1px solid #CCCCCC; border-top: 0px; padding: 10px 40px 5px 40px; display: block; _width: 520px;}
.team_list .item.first{ border: 1px solid #CCCCCC; display: block; }
.team_list .item .left{ display: block; float: left; width: 250px;}

.team_list .item p{ color: #808285;}
.team_list .item .left a{ color: #000; font-size: 15px; font-weight: bold; text-decoration: none; }
.team_list .item .left a:hover{ text-decoration: underline;}
.team_list .item .right{ display: block; float: left; padding-top: 5px;}
.team_list .item .right a{ color: #0A7EC2;}
.team_list .item .name{ font-size: 15px; font-weight: bold; color: #000000;}

.col_left.team_detail{ background: url(../images/bg_product.gif) left 20px no-repeat;} 
.col_left.teams h2{ padding: 17px 0px 16px 0px;}

.support .col_left{ background: url(../images/bg_product.gif) left 20px no-repeat;} 
.support .col_left p,.support .col_left h2{padding-left: 15px;}
.support .col_left h2{ margin-bottom: 0px; margin-top: 30px;}

.clients {padding-bottom: 12px;}
.clients .facebook{ float: left;}
.clients .twitter{ float: right;}

.gadgets .col_left h2{ margin-bottom: 0px; margin-left:15px;}
.gadgets .col_left p{margin-left:15px;}
.gadgets .col_left{ background: url(../images/bg_product_detail.gif) no-repeat left 60px;}
.gadgets .col_right{ background: url(../images/bg_product_detail.gif) no-repeat right 60px; padding-top: 70px;}

.ajax_replace{ position:relative;}
.ajax_loader{ position:absolute; display: none; left: 300px; top: 300px; z-index: 100;}

.send_friend{ 
  position: relative; 
  display: block; 
  width: 700px; 
  height: 260px;
  padding-left: 200px;
  padding-top: 230px;
  background: url(../images/bg_thickbox_compare.gif) no-repeat left top;
}


.send_friend.sent{background: url(../images/bg_thickbox_compare_sent.gif) no-repeat left top;}

#TB_window .send_friend .button{  
  width: 100px;
  color: #FFF;
  background: url(../images/button_100_white_rg.gif ) top left no-repeat;
}

#TB_window .send_friend .button:hover{background-position: 0px -20px;}

.send_friend .from{display: block; width: 250px;}

.send_friend input{ width: 165px; height: 14px; padding: 2px 4px;  font-style: italic;}

.send_friend .to{ display: block; margin-left: 275px; margin-top: 65px; width: 250px; _margin-left: 137px;}


.send_friend .from_email{font-weight: bold;margin-top: 5px;}
.send_friend .to_email{font-weight: bold; margin-top: 5px; margin-bottom: 10px;}
.send_friend p{font-style: italic; font-size: 11px; line-height: 2;}
.send_friend .stamp{ position: absolute; left: 430px; top: 260px; display: none;}

.send_friend .close_button{ 
  position: absolute; 
  left: 730px; 
  top: 170px; 
  display: block; 
  width: 20px; 
  height: 20px;
  background: url(../images/button_close_thickbox.gif) no-repeat left top;
}
.send_friend .close_button:hover{background-position: 0px -20px;}
  
.send_friend.product_send{
  background: none; 
  width: 553px;
  height: 220px;
  padding-left: 67px;
  padding-top: 185px;
  background: url(../images/bg_thickbox_product.gif) no-repeat left top;
  border: 0px;
}
.send_friend.product_send.sent{
  background: url(../images/bg_thickbox_product_sent.gif) no-repeat left 100px;
}
.send_friend.product_send .stamp{left: 340px; top: 210px;}

#TB_window .send_friend.product .button{ float: left; margin-top: 15px; }

.send_friend.product_send .close_button{ left: 570px; top: 120px;}
.send_friend.product_send .not{ position: absolute; top: 325px; left: 25px; font-weight: bold; font-size:11px; color: #FFF;}





.support .file.saddles{ background-image: none;}
.support .file.tires{ background-image: none;}
.support .file.wheels{ background-image: none;}
.support .file.grips{ background-image: none;}
.support .file.hubs{ background-image: none;}
.support .file.rims{ background-image: none;}
.support .file.innertubes{ background-image: none;}
.support .file.accessories{ background-image: none;}

.support h2{ padding-top: 10px;}

.search .crumb_menu{ display: none;}
.search h1{ margin-top: 10px; margin-bottom: 10px;}
.search h2{margin-bottom: 10px;}
.search p{ text-transform: uppercase;}

.contact .col_left{background: url(../images/bg_product.gif) no-repeat right 25px; position:relative;}
.contact .map{ position: absolute; top: 65px; right: 0px;}

.contact .distributor_search{
  display: block; 
  position: absolute; 
  width: 325px; 
  height: 55px; 
  top: 188px;
  padding-top: 60px;
  padding-left: 27px;
  background: url(../images/bg_contact_search.gif) no-repeat left top #888888;
  font-weight: bold;
}
.contact .distributor_search p{ color: #FFF;}
.contact .distributor_search input{ width: 212px; float: left;}
.contact .distributor_search .button{ float: left; width: 68px; background: url(../images/button_68_rg_dark.gif) no-repeat 0px 0px; margin-left: 10px;}
.contact .distributor_search .button:hover{ background-position: 0px -20px; }

.contact h2{ margin-bottom: 10px; margin-top: 30px; padding-left: 15px;}
.contact h2 span{ color: #0A7EC2;}
.contact .text{ width: 160px; padding-left: 15px;} 
.contact .test_ride { float: left; margin-top: 60px;}
.contact .select_product { float: left; margin-left: 30px; _margin-left: 15px; margin-top: 60px;}
.contact strong{ padding-left: 15px; }
.contact strong.title{ display: block; padding-bottom: 5px;}
.contact .dealers strong.title{ padding-top: 10px;}
.contact .col_left .item{
  background:#888888 url(../images/bg_distributor.gif) no-repeat scroll 11px center;
  display: block;
  border: 1px solid #CCCCCC;  
  padding: 10px 40px 7px 80px; 
  color: #FFF;  
  border-top: 0px;
}
.contact .item.first{border-top: 1px solid #CCCCCC;}
.contact .item .button{  
  width: 68px;
  background: url(../images/button_68_rg_dark.gif) no-repeat 0px 0px;
  margin-top: 8px;
}
.contact .item .button:hover{ background-position: 0px -20px;}
.contact .item strong{ padding: 0px;}
.contact .item .name{float: left; width: 190px;}
.contact .item .mail{float: left; margin-left: 0px;}
.contact .item a{ color: #FFF;} 
.contact .item .www{ float: right; }
.contact .item .test_ride_kit{ float: left; margin-right: 5px;}
.contact .dealers .item.test_ride_kit{ background: #FFF47F;}

.contact .dealers .item{ background: none; color: #808285; padding-left: 16px;}
.contact .dealers .item a{ color: #0A7EC2;}
.contact .dealers .item strong{ color: #000;}
.contact .dealers .item .mail{ margin-left: 0px; }
.contact .dealers .item .name{ width: 250px;}

.contact_lang{ 
  display: block;    
  padding-left: 60px;
  margin-top: 170px;
  padding-bottom: 30px; 
  background: url(../images/bg_contact_country.gif) repeat-x left bottom;
  margin-bottom: 30px;
  padding-top: 30px;
  width: 570px;
}
.contact_lang a{ display: block; float: left;  width: 125px; height: 12px; color: #0A7EC2; margin: 0px; padding: 0px 0px 0px 0px;}
.contact_lang a.active{ font-weight: bold;}
 
.general_contact {   
  background: url(../images/bg_general_contact.gif) repeat-x top #D8D8D8; 
  margin-top: 60px;   
  padding: 18px 30px 45px 37px;
  _width: 200px;
  _padding-left: 30px;
}
.general_contact .contact_house{ border: 3px solid #EAEAEA; margin-top: 12px;}
.general_contact .item{    
  background: none;
  margin: 5px 0px 0px 0px; 
  border: none; 
  padding-left: 50px; 
}
.general_contact .item .button{ color: #FFF; background: url(../images/button_100_rg_middle.gif) no-repeat left top; width:100px;}
.general_contact .item .button:hover{ background-position: 0px -20px;}
.general_contact .item.europe{background: url(../images/bg_contact_logo.gif) no-repeat 0px 10px;}
.general_contact .item a{ color: #0A7EC2;}
.general_contact .title{ 
  display: block;
  width: 250px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  background: url(../images/general_contact.gif) no-repeat -30px top;
}


.contact .col_right .general_contact hr{ border-bottom:1px solid #FFF;}

.distributors .crumb_menu{ display: none; }
.distributors #footer .for_distributors{ display: none;}
.distributors .password table{ background: none; border: none;}
.distributors .password table th, .distributors .password table tr, .distributors .password table td{ background: none; border: none;}
.distributors .password table th{ padding-right: 10px;}
.distributors .not, .distributors .not{ margin-top: 15px; margin-bottom: 0px;} 
.distributors #content input{ border: 1px solid #CCC;}
.distributors #content {background: url(../images/bg_distributor_logged.gif) no-repeat left top;}
.distributors #content .sort{ padding-left: 40px; padding-top: 12px;}
.distributors #content .sort span{ color: #808285; font-size: 12px;font-weight: bold;}
.distributors #content .sort select{ width: 150px;}
.distributors #content table{ padding-top: 0px; background: none; border: 1px solid #CCC; border-bottom: 0px; width:630px; }
.distributors #content .left{ float: left; margin-right: 75px;}
.distributors #content table td{ border-left: 0px; border-right: 0px;} 
.distributors #content .folder_name{ font-size: 15px; color: #0A7EC2; font-weight: bold; margin-left: 5px;}
.distributors #content th.name{ padding-left: 15px;}
.distributors #content .user{display: block; position: relative; padding-top: 50px; padding-bottom: 80px; width: 240px; float: right;}
.distributors #content .user .changePass{display: block; position: absolute; bottom: 0px; right: 66px;}
.distributors #content .user .inventory {font-size: 14px; color: #000; font-weight: bold;}
.distributors #content .user p{ font-size: 12px;}
.distributors #content .user p span{color: #808285; font-weight: bold; text-transform: uppercase; }
.distributors #content .user .change{ float:left; margin-top: 34px;}
.distributors #content .left.files .folder_name{ font-size: 11px; font-weight: normal;  }
.distributors #content .user .button{  
  width: 68px; 
  background: url(../images/button_68_rg.gif) no-repeat left top;
  margin-top: 30px;
  margin-left: 17px;
  float: left;  
}
.distributors #content table.none{ border: 0px;}
.distributors #content h1{width: 560px;}
.distributors .actual{ 
  display:block; 
  margin-top: 40px; 
  font-size: 18px; 
  color: #000;
  padding-left: 45px;
  background: url(../images/folder.gif) no-repeat -7px 5px ;
}
.distributors .actual span{ color: #808285; font-size: 11px; font-weight: normal;}

.contact #TB_closeAjaxWindow{ display: block; }
.contact #TB_ajaxWindowTitle{ display: block; }
.contact #TB_ajaxContent { display: block; background-color: #FFF;}
.contact #TB_window{ background-color: #FFF;}

body.login_for_distributors{ background: url(../images/bg_login_for_distributors.gif) no-repeat center 199px;}

.login_for_distributors .col_login{ display: block; padding: 210px 180px 100px 350px; float: left; _padding-top: 200px;}
.login_for_distributors .col_login .pass{ margin-top: 7px; _margin-top: 3px;}
.login_for_distributors .col_login input{ width: 132px; border: 0;}
.login_for_distributors .col_login .button, .distributors #pass_form .button{
  width: 68px; 
  background: url(../images/button_68_rg.gif) no-repeat left top;
  margin-top: 10px;  
}
.login_for_distributors .col_login .button:hover, .distributors #pass_form .button:hover{
  background-position: 0px -20px;
}
.distributors #pass_form .button{ float: left; margin-right: 10px;}
.login_for_distributors .col_login .error{ color: #FF0000; font-weight: bold;}
.login_for_distributors .crumb_menu{display: none;}
.login_for_distributors .col_forgot_pass{ display: block; padding-top: 50px; padding-right: 40px;}
.login_for_distributors .col_forgot_pass p{ line-height: 1.5; }
.login_for_distributors .col_forgot_pass input{ float: left; margin-top: 12px; }
.login_for_distributors .col_forgot_pass .button{
  float: left;
  width: 68px; 
  margin-top: 10px;
  background: url(../images/button_68_white.gif) no-repeat left top;  
  color: #000;
  margin-left: 5px;
  padding-top: 2px;
  height: 18px;
}
.login_for_distributors .col_forgot_pass .button:hover{
  background-position: 0px -20px;
  color: #FFF;
}

.login_for_distributors #footer .for_distributors{ display: none;}

.login_for_distributors #content,.sitemap #content{
  margin-top: 25px;
}


.login_for_distributors #content .col_left .error,.sitemap #content .col_left .error{
  color: #FF0000;
  padding: 10px 5px;
  display: block;
  font-weight: bold; 
}

.login_for_distributors #content h2{margin-top: 17px; margin-bottom: 16px;}

.err, .not{ color: white; font-weight: bold; font-size: 12px; padding: 20px; background: red;}

.sitemap .crumb_menu{ display: none;}
.sitemap ul{ padding: 15px;}
.sitemap .sub1{ font-weight: bold; padding: 5px 0px; list-style-type: none;}
.sitemap .sub2{ padding: 5px 15px;list-style-type: none;}
.sitemap .col_right{ padding-top: 75px;}

.contact .distributor_search input.test_ride_chechbox{ width: 20px; border: 0px solid;}
.col_left .country{ width: 16px; height: 11px;}

.select_product_list{
  display: block;
  float: left;
  width: 165px;
  padding: 10px;
  z-index: 20;
}
.select_product_list strong{
  padding-left: 0px;
}
a.select_product{ 
  display: block; 
  width: 300px; 
  height: 130px; 
  background: url(../images/bg_select_product.gif) no-repeat left top;
  padding: 0px;
  padding-bottom: 15px;
}


#TB_window.thickbox_select_product #TB_closeAjaxWindow{ display: block; }
#TB_window.thickbox_select_product #TB_ajaxWindowTitle{ display: block; }
#TB_window.thickbox_select_product #TB_ajaxContent { display: block; background-color: #FFF;}
#TB_window.thickbox_select_product{ background-color: #FFF;}



.jump_to_category{
  display: none;
  width: 930px;
  position: absolute;
  top: 190px;
  left: 10px;
  _left: 10px;   
}
.jump_to_category .title{
  display: block;
  width: 217px;
  height: 20px;
  background: url(../images/jump_to_category.gif) no-repeat left top;
  text-align: center;
  padding-top: 5px;
  color: #FFF;
  font-weight: bold;
}
.jump_to_category .jump_content{
  display: block;
  border: 1px solid #CCC;
  width: 930px;
  height: 140px;
  padding-top: 40px;
  position: relative;
  background: #FFF;
}
.jump_content .category_list .item img{ width: 100%; height: 100%; }
.jump_content .category_list .title{ width: 130px; height: 25px;}
.jump_content .category_list .item { width: 130px; height: 80px;}

.jump_content .category_list .title.tires{background: url(../images/small_title_product_tires.gif) no-repeat 8px top; }
.jump_content .category_list .title.saddles{background: url(../images/small_title_product_saddles.gif) no-repeat 5px top; }
.jump_content .category_list .title.grips{background: url(../images/small_title_product_grips.gif) no-repeat left top; }
.jump_content .category_list .title.wheels{background: url(../images/small_title_product_wheels.gif) no-repeat 8px top; }
.jump_content .category_list .title.rims{background: url(../images/small_title_product_rims.gif) no-repeat 5px top; }
.jump_content .category_list .title.accessories{background: url(../images/small_title_product_accessories.gif) no-repeat 8px top; }
.jump_content .category_list .title.hubs{background: url(../images/small_title_product_hubs.gif) no-repeat 15px top; }
.jump_content .category_list .button{ 
  position: absolute; 
  right: 15px; 
  top: 15px;
  width: 20px;
  height: 18px;
  background: url(../images/button_close_thickbox.gif) no-repeat left top;
}
.jump_content .category_list .button:hover{background-position: 0px -20px;}



.test_ride #footer .for_distributors{ display: none;}

body.test_ride{background: url(../images/bg_body.gif) top left repeat-x; _padding: 0px; _margin: 0px; width:auto;}
body.test_ride h1{ width: 480px;}

.bg_test_ride{ position: absolute; top: 45px; _top: 80px; z-index: -1;}
.test_ride_list {padding-left: 40px; padding-top: 138px;}
.test_ride_list .vigo{ margin-left: 0px; }

.select_trk{ 
  display:block; 
  width: 315px; 
  height: 60px; 
  padding-top: 80px; 
  padding-left: 35px; 
  background: url(../images/bg_test_ride_shop.gif) no-repeat 25px 25px #000;  
  float: left;
  margin-right: 30px;
  margin-top: 15px;
}
.select_trk select{ float: left; width: 205px; border: 1px solid #FFF;}
.select_trk .button{
  width: 67px; 
  margin-left: 10px;
  float: left;
  color: #000;  
  background: url('../images/button_yellow.gif') 0px 0px no-repeat;
}
.trk_program{
  display: block;
  float: left;
  width: 580px;     
}
.trk_program img{margin-bottom: 15px;}
.trk_program p{ padding-left: 5px; line-height: 1.5;}

body.test_ride .search_box{ display: none;}
.search .search_box{ display: none;}

.search_echo{ color: red; font-weight: bold; position: absolute; display: block; top: 0px;}
.search h1{ margin-top: 25px; margin-bottom: 10px;}
.col_left.detail.accessories table .param_detail{ width: 540px; text-align: center;}
.col_left.detail.accessories table .first{ width: 90px;}

#ToolTip{ border: 1px solid #CCCCCC; padding: 20px; background: #FFF; display: block; width: 150px;} 
#ToolTip strong{ font-size: 11px;}
.tooltip {      
  display: none;
  font-size: 11px; 
  height: 74px;     
  width: 128px; 
  font-size:12px; 
  display:none; 
  color:#FFF;
  text-align: center;  
  padding-right: 100px;     
} 
.tooltip .text{
  position:absolute; 
  z-index: 11; 
  top: 20px;
  left: 0px;  
  width: 148px; 
  _width: 105px;  
  height: 77px;
  margin-left: 43px;
  _left: 65px;  
}
.product_list .tooltip .text{ _left: 22px;}  
.tooltip .img_pictograms{
  position:absolute; 
  z-index: 10; 
  top: 0px; 
  left: 65px;
  width: 148px; 
  height: 77px;
}

.tooltip.product_tooltip{   
  width: 88px; 
  height: 190px;
  background: none;
  border: 0px;
  position: relative;
  padding-right: 100px;
}
.tooltip.product_tooltip .img_behavior{
  position:absolute; 
  z-index: 1; 
  top: 10px; 
  left: 0px;   
  width: 180px; 
  height: 176px;    
}

.tooltip.product_tooltip .img_product{
  position: absolute;
  z-index: 10;
  left: 20px;
  top: 20px;
  background: none;
}

.tooltip.product_tooltip .text{
  color: #000;
  font-size: 11px;
  padding-top: 120px;
  display: block;
  width: 180px;  
  _left: 0px;  
  _margin-left: 0px;  
  text-align: center; 
  margin-left: 0px;
}
.products_pictograms .tooltip .text{ margin-left: 63px; _margin-left: 20px;}


.bm_lightbox{    
  position: absolute;  
  width: 840px;
  left: -580px;    
  z-index: 20;  
  display: none;
  _width: 880px;
  _left: -600px;
}
.category_product .bm_lightbox{ left: 40px;}
.col_left .bm_lightbox{ left: 40px;}

.bm_lightbox .select_product_list{
  display: block;
  width: 180px;
  float: left;  
  background: #FFF;
  padding-left: 15px;  
}
.bm_lightbox .category{
  display: block;
  position: relative;
  width: 180px;
  height: 40px;
  border-bottom: 1px solid #A09F9F;
  margin-top: 15px;
  margin-bottom: 15px; 
}
.bm_lightbox .category a{ text-decoration: none;}

.bm_lightbox .category .image{display: block; width: 175px; height: 40px;}

.bm_lightbox .category .image.tires{ background: url(../images/select_product_tires.gif) no-repeat; }
.bm_lightbox .category .image.saddles{ background: url(../images/select_product_saddles.gif) no-repeat; }
.bm_lightbox .category .image.wheels{ background: url(../images/select_product_wheels.gif) no-repeat; }
.bm_lightbox .category .image.grips{ background: url(../images/select_product_grips.gif) no-repeat; }
.bm_lightbox .category .image.rims{ background: url(../images/select_product_rims.gif) no-repeat; }
.bm_lightbox .category .image.hubs{ background: url(../images/select_product_hubs.gif) no-repeat; }
.bm_lightbox .category .image.accessories{ background: url(../images/select_product_accessories.gif) no-repeat; }
.bm_lightbox .category .image.innertubes{ background: url(../images/select_product_innertubes.gif) no-repeat; }


.bm_lightbox .title{
  display: block;
  width: 217px;
  height: 20px;
  background: url(../images/jump_to_category.gif) no-repeat left top;
  text-align: center;  
  color: #FFF;
  padding-top: 5px;
  font-weight: bold; 
  position: absolute;  
  top: -24px;  
  left: 0px; 
}
.bm_lightbox .bm_lightbox_content{
  display: block;
  padding-top: 30px;
  background: #FFF;
  border: 1px solid #CCCCCC;      
  height: 570px;
}
.bm_lightbox .bm_lightbox_content a{ 
  display: block;
  width: 180px;
  height: 13px;
  padding-left: 10px;
}
.bm_lightbox .bm_lightbox_content a:hover{
  background: #EF0000;
  color: #FFF;
  font-weight: bold;  
} 

.bm_lightbox .bm_lightbox_content a.button{
  position: absolute; 
  right: 5px; 
  top: 10px;
  width: 20px;
  height: 18px;
  background: url(../images/button_close_thickbox.gif) no-repeat left top;
}
.bm_lightbox .bm_lightbox_content a.button:hover{
  background-position: 0px -20px;
  _background: url(../images/button_close_thickbox.gif) no-repeat left -20px;
}
.bm_lightbox .category a:hover{ background: none;}

.bm_lightbox.tech .bm_lightbox_content{ height: 500px;}
.bm_lightbox.tech.saddles .main_photo{ margin-top: 60px; margin-left: 20px;}
.bm_lightbox.tech .main_photo{ float: left;}
.bm_lightbox.tech .text{
  display: block; 
  float: right; 
  width: 240px; 
  height: 400px; 
  overflow: auto; 
  margin: 20px 25px 0px 0px;
  padding: 0px 10px 0px 20px;
  background: url(../images/technology_arrow.gif) no-repeat; 
}
.bm_lightbox.tech .text p span{ font-weight: bold; font-size: 18px; line-height: 20px;display: block; padding-bottom: 8px; padding-top: 10px;} 
.bm_lightbox.tech .text p{ line-height: 1.3;}



.bm_lightbox.tech .bm_lightbox_content .title_tech { display: block; width: 400px; height: 40px;}

.bm_lightbox.tech .title_tech.saddles{background: url(../images/technology_title_saddles.gif) no-repeat 30px top;}
.bm_lightbox.tech .title_tech.tires{background: url(../images/technology_title_tires.gif) no-repeat 30px top;}
.bm_lightbox.tech .title_tech.wheels{background: url(../images/technology_title_wheels.gif) no-repeat 30px top;}
.bm_lightbox.tech .title_tech.grips{background: url(../images/technology_title_wheels.gif) no-repeat 30px top;}

.col_left.teams .list_navigation{ margin-top: 30px;} 
.home .col_right{ margin-top: 15px;}
.contact .col_left{ z-index: 1;} 
.contact .bm_lightbox{ z-index: 2;}

.wtb-life .col_left{ _width: 500px;}
.wtb-life .col_right{ _padding-left: 0px; _width: 300px; float: right;}

.test_ride h1{ padding-top: 20px;}
.test_ride .crumb_menu{display: none;}
.test_ride .top_compare{ top: 0px;}


.col_right.detail.accessories .button.no_compare{ display: none; }
.advocacy table{ width: 580px; text-align: center;}
.advocacy table img{ padding: 5px 0px 5px 35px;}
.advocacy table td{ width: 200px; text-align: center;}

.facebook_small{ display: block; margin: 0px; margin-top: 20px; float:right; }
.facebook_small img{ padding: 0px;}

img.separator{ padding: 0px 5px 2px 2px; }

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/

.cleaner{ clear: both;}



.button_red { 
  width: 100px; 
  background: url(../images/button_100_white_rg.gif) no-repeat;  
  top: 150px;
  right: 40px;
  display: block;  
  width: 100px;
  height: 17px;  
  text-align: center;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding-top: 3px;
}
.button_red:hover {background-position: 0px -20px;}

.right {text-align:right;}
.home .button_red {margin-left:auto;}

.icon_rss {background:url(../images/icon_rss.png) left no-repeat; padding-left:25px; padding-top:5px;padding-bottom:5px; font-weight:bold;}


.right {text-align:right;}
.center {text-align:center;}