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

/* shop promo section
----------------------------------*/

#shop_promo_section{
  height:40px;
  position:relative; 
  width:505px;
  z-index:10000;}
  
ul.shop_promo_menu {
  list-style:none; 
  margin:0;
  padding:0;
  float:left;
  width: 505px;}
  
ul.shop_promo_menu li {
  float: left;
  margin: 0;
  padding:0;
  position:relative;}
  
ul.shop_promo_menu li.na_discount,
ul.shop_promo_menu li.na_new_product,
ul.shop_promo_menu li.na_action,
ul.shop_promo_menu li.action,
ul.shop_promo_menu li.discount,
ul.shop_promo_menu li.new_product{
  background:url(../img/shop_promo_menu.png) no-repeat 0 0;
  display:block;
  height: 40px; 
  margin:0px;
  position:relative;
  z-index:1;}
	
ul.shop_promo_menu li.action 	    { background-position: 0px 0px; width:169px;}
ul.shop_promo_menu li.action:hover  { background-position: 0px -40px;}
ul.shop_promo_menu li.na_action { background-position: 0px -80px; width:169px;}

ul.shop_promo_menu li.discount 	      { background-position: -169px 0px; width:168px;}
ul.shop_promo_menu li.discount:hover  { background-position: -169px -40px;}
ul.shop_promo_menu li.na_discount { background-position: -169px -80px; width:168px;}

ul.shop_promo_menu li.new_product 	     { background-position: -337px 0px; width:168px;}
ul.shop_promo_menu li.new_product:hover  { background-position: -337px -40px;}
ul.shop_promo_menu li.na_new_product { background-position: -337px -80px; width:168px;}

ul.shop_promo_menu li ul.action_submenu,
ul.shop_promo_menu li ul.discount_submenu,
ul.shop_promo_menu li ul.new_product_submenu{  
  /*display: none;*/
  list-style: none;
  margin: 0; 
  padding: 0;
  height:659px;
  width:567px;}
  
ul.shop_promo_menu li ul.action_submenu{ position: absolute; top: 40px; left:-6px;}
ul.shop_promo_menu li ul.discount_submenu{ position: absolute; top: 40px; left: -175px;}
ul.shop_promo_menu li ul.new_product_submenu{ position: absolute; top: 40px; right:-56px;}
  
ul.shop_promo_menu li ul.action_submenu li,
ul.shop_promo_menu li ul.discount_submenu li,
ul.shop_promo_menu li ul.new_product_submenu li{
  float:left; 
  list-style:none;
  margin:0; 
  padding:0;
  position:relative;  
  width:567px;
  z-index:1;} 
  
  
/* action section
----------------------------------*/

.shop_promo_submenu{
  background:url(../img/submenu_back_main.png) no-repeat;
  float:left;
  height:456px; 
  position:relative; 
  width:567px;}
  
.shop_promo_submenu .header{
  color:#292929;
  font:18px Arial, Helvetica, sans-serif;
  line-height:33px;
  padding:0 13px 0 19px;
  height:33px;
  width:561px;}
  
.shop_promo_submenu .submenu_content{
  float:left;
  height:423px;
  padding:0 0 0 8px;
  width:559px;}  
  
.shop_promo_product{
  float:left;
  height:409px;
  position:absolute; top:47px; left:8px;
  padding:0;
  width:538px;
  z-index:10;}  
  
.shop_promo_scrollbar{    
  height:385px;
  margin:0;
  padding:0 14px 0 0;
  overflow:auto;
  width:538px;}
  
.jScrollPaneContainer {
  position: relative;
  overflow: hidden;
  z-index: 1;}

.shop_promo_scrollbar_light {
  background:url(../img/scrollbar.png) 0 6px no-repeat;
  position: absolute;
  cursor: pointer;
  right: 10px; top: 0;
  height: 100%;
  width:14px;}
	
.shop_promo_scrollbar_dark {
  border-top:9px solid transparent;
  border-bottom:18px solid transparent;
  position: absolute;
  cursor: pointer;
  overflow: hidden;
  background:url(../img/main_pay_attention_scrollbar_dark.png) no-repeat 3px 0;  
  height:182px;}   
  
.shop_promo_product_line{
  background:url(../img/submenu_back.png) repeat-y;
  float:left;
  height:174px;
  width:528px;}  
 
.shop_promo_item {
  float:left;
  height:174px;
  text-align:center;
  position:relative;
  width:175px;}
  
.shop_promo_item .shop_promo_item_name{
  height:40px;
  padding:0 7px;
  width:161px;}
  
.shop_promo_item .shop_promo_item_name a,
.shop_promo_item .shop_promo_item_name a:hover{
  color:#171717;
  font:12px Arial, Helvetica, sans-serif;
  font-weight:bold;
  line-height:1;
  text-decoration:none;}
  
.shop_promo_item .item_image{
  padding:7px 0;}
  
.shop_promo_item .price_icons{
  float:left; 
  height:36px;
  padding:0;
  position:relative;
  width:174px;}
  
.item_main_price{
  color:#e62c42;
  font-size:18px;
  height:36px;
  line-height:1;
  position:absolute; left:0;
  text-align:center;
  width:174px;
  z-index:1;}
  
.item_main_price sup{
  font-size:10px;}
  
.currency{ font-size:12px;}

.float_icons{ position:absolute; left:0; width:174px; height:36px; z-index:2;}
  
.float_wishlist_icon{ float:left; padding-left:12px; width:19px;}
.float_shopingcart_icon{ float:right; padding-right:12px; width:19px;}

.submenu_hor_separator{
  background:url(../img/submenu_hor_separator.png) repeat-x;
  float:left;
  height:1px;
  margin:15px 0;
  width:528px;}
  
.img_position_100x100{
  margin:0 auto;
  height:100px;  
  text-align:center;
  width:100px;} 
  
.img_middle_100x100{
  display:table-cell;
  height:100px;
  vertical-align:middle;
  width:100px;}  
  
*:first-child+html .img_middle_100x100 {display:block; margin-top:1px;}

.item_image_position{ float:left; height:174px; width:175px;}