@charset "utf-8";
/* CSS Document */

#categories{ 
  float:left;
  padding:15px 0 20px; 
  width:735px;}

#categories .category_line{
  float:left;
  height:231px;
  width:735px;}
  
#categories .category_line .one_category{
  float:left;
  height:231px;
  text-align:center;
  width:243px;}
  
#categories .category_line .one_category a,
#categories .category_line .one_category a:hover{
  color:#000;
  font-size:16px;
  font-weight:bold;
  letter-spacing:-0.5px;
  text-decoration:none;
  z-index:1;}
  
#categories .category_line .one_category .category_image{
  padding-top:15px;
  z-index:1;}
  
#categories .category_line .separator_vertical{
  background-color:#dfe0e0;
  float:left;
  height:231px;
  width:1px;}
  
#categories .separator_horisontal{
  background:url(../img/category_separator_hor.png) repeat-x;
  float:left;
  height:27px;
  margin:0 10px;
  width:715px;}
  
/* float category section */

.float_category{
  float:left;
  height:231px;
  position:relative;
  width:243px;
  z-index:1;}
  
.float_category_vobler{
  height:27px;
  position:absolute;
  right:0;
  top:26px;
  width:129px;
  z-index:50000;}

.float_left_category_position{
  background:url(../img/category_float_back.png) repeat-x bottom;  
  position:absolute; left:0; top:0;
  height:370px; width:244px;
  z-index:10000;}
  
.float_left_category_position .back_left{
  background:url(../img/category_float_back_left.png) left top no-repeat;
  float:left;
  height:363px;
  width:8px;}
  
.float_left_category_position .category_content{
  border-right:1px solid #dfe0e0;
  float:left;
  height:363px;
  text-align:center;
  padding-right:8px;
  position:relative;
  width:227px;}
  
.float_category_position{
  background:url(../img/category_float_back.png) repeat-x bottom;  
  position:absolute; left:-1px; top:0;
  height:370px; width:245px;
  z-index:10000;}
  
.float_category_position .category_content2{
  border-right:1px solid #dfe0e0;
  border-left:1px solid #dfe0e0;
  float:left;
  height:363px;
  text-align:center;
  width:243px;}
  
.float_right_category_position{
  background:url(../img/category_float_back.png) repeat-x bottom;  
  position:absolute; left:-1px; top:0;
  height:370px; width:248px;
  z-index:10000;}
  
.float_right_category_position .category_content3{
  border-left:1px solid #dfe0e0;
  border-right:1px solid #dfe0e0;
  float:left;
  height:363px;
  text-align:center;
  padding-right:5px;
  width:243px;}
  
.category_name a, 
.category_name a:hover{
  color:#000;
  font-size:16px;
  font-weight:bold;
  letter-spacing:-0.5px;
  text-decoration:none;}
  
.category_image { padding:15px 0; text-align:center;}
  
.category_list {
  float:left; 
  margin-left:15px; 
  height:100px; 
  position:relative; 
  z-index:10; 
  width:200px;}  
  
ul.brand_list{
  float:left;
  list-style:none;
  line-height:1.2;
  margin:0; padding:0;
  text-align:left;
  width:159px;}
  
ul.brand_list li a, ul.brand_list li a:hover{
  font-size:12px; line-height:1; text-decoration:none;}
  
@media all and (min-width:0){ noindex:-o-prefocus, ul.brand_list li a       { line-height:1.4;} }
@media all and (min-width:0){ noindex:-o-prefocus, ul.brand_list li a:hover { line-height:1.4;} }

ul.brand_list li a{ color:#000;}
ul.brand_list li a:hover{ color:#999;}
  
.category_list .scrollbar{
  float:right; width:14px;}
  
.img_position_200x200{
  height:200px;
  margin:0 auto;
  text-align:center;
  width:200px;} 
  
.img_middle_200x200{
  display:table-cell;
  height:200px;
  vertical-align:middle;
  width:200px;}  
  
*:first-child+html .img_middle_200x200 { display:block; margin-top:1px;}

.category_wrap{
  float:left;
  height:92px;
  position:absolute; left:0; 
  padding:0;
  width:200px;
  z-index:10;}
  
*:first-child+html .category_wrap { position:absolute; left:-190px;}  
  
.category_scrollbar{   
  height:92px;
  margin:0;
  padding:0 14px 0 0;
  overflow:auto;
  width:200px;}
  
*:first-child+html .category_scrollbar{ width:400px;}
  
.jScrollPaneContainer {
  position: relative;
  overflow: hidden;
  z-index: 1;}

.category_scrollbar_light {
  background:url(../img/category_scrollbar.png) 0 0 no-repeat;
  position: absolute;
  cursor: pointer;
  right: 10px; top: 0;
  height: 100%;
  width:14px;}
  
*:first-child+html .category_scrollbar_light{ position:absolute; right:0;}
	
.category_scrollbar_dark {
  border-top:3px solid transparent;
  position: absolute; left:0;
  cursor: pointer;
  overflow: hidden;
  background:url(../img/category_scrollbar_dark.png) no-repeat 3px 0;  
  height:47px;}