#main {margin-top: 40px;}
#magistral_info{display: none}
/* GLOBAL STYLE*/
.layout_4, .layout_4_border {float: left; display: inline; margin-right:26px; margin-bottom: 26px; overflow: hidden }
.col4, .col8, .col12, .col16 {margin-right: 0;}
.layout_4 {width: 203px;}
.layout_4 img {margin: 0px !important;}
a.opacity img{ display: block;  opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); cursor: pointer; border: none; /*border: 1px solid #999;*/ width: 201px;}
a.opacity:hover img{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.small{ clear: both; }
.box{background-color:#fff; margin: 0 10px 20px; width: 201px; float: left; display: inline; background-color: #eeeeee }
.box img {margin:0 !important; padding: 0 !important; border: 1px solid #999;}

/*****************************************************************************************************************************
			= Кроссбраузерное вертикальное выравнивание
			<div class="center_out" style="height: 300px"><p class="center_inner">Блок будет отцентрирован по центру</p></div>
******************************************************************************************************************************/

.center_out { display: table-cell;  vertical-align: middle;}
.center_inner { margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px");}



/* LANGUAGE */
#lang {position: absolute; top:20px; width: 100%}
#lang ul {width: 940px; margin: 0 auto; position: relative;}
#lang ul li {float: right; padding: 0 5px;}
#lang ul li:first-child {border-left: 2px solid #555555; padding: 0 0 0 10px;}
#lang ul li a {color: #555555; font-weight: bold; text-decoration: none}
#lang ul li a.active {color: #999; font-weight: bold; text-decoration: none}

/* MAIN MENU */
#topmenu_02_inner {padding-top: 60px; background: url(/images/new/topmenu_01_head.png) top repeat-x ;}
#topmanu_02_title h1 {text-transform: uppercase;  color: #fff; font-weight: normal; padding: 20px 0 0 25px;}
#topmanu_02_title {background: #000 url(/images/new/topmenu_01_bg.png) center repeat-x; height:64px; float: left;  width: 810px; margin-left: 20px;}
#general_link {background:url(/images/new/topmenu_02_bg.png) center repeat-x; height:16px; text-align: right}
#general_link a {background:url(/images/new/topmenu_02_general_link.png) center no-repeat; padding: 8px 90px 8px 80px;}


/******************************** INNER ***********************************/
#topmenu_01_inner {height: 138px; }
html>body #topmenu_01_inner   {background: url(/images/new/topmenu_01_head_inner.png) bottom no-repeat ;} /* IE-6 hack */
.inner {list-style: none; text-transform: uppercase;  color: #fff;  font: 11px Tahoma; font-weight: bold; margin: 74px 10px 0; width: 745px; float: left; display: inline }
#logo_top {float:left; display: inline; margin: 0px 0px 0; background-color: #d7d8da; height: 138px; width: 165px;}
#logo_top img { background-color: #f0f0f0; margin: 0 10px; padding: 30px 10px 18px}

/* Main menu index */
#topmenu_01 {height: 138px; }
#topmenu_01  {background: url(/images/new/topmenu_01_head.png) bottom repeat-x ;}
ul.topmenu_01 {list-style: none; text-transform: uppercase;  color: #fff;  font: 11px Tahoma; font-weight: bold; margin: 74px 10px 0 }
ul.topmenu_01 {background: url(/images/new/topmenu_01_bg.png) repeat-x bottom; height:64px;}
ul.topmenu_01  li {float: left; display: inline; padding: 25px 0px 25px; background:url(/images/new/topmenu_01_bg2.png) repeat-x; }
ul.topmenu_01  li:first-child {margin-left:15px}
ul.topmenu_01  li a {background:url(/images/new/topmenu_01_link.png) no-repeat center right; padding: 20px 16px; color: #cecece; text-decoration: none; }
ul.topmenu_01  li a:hover {color: #fff; text-decoration: none}
ul.topmenu_01  li.topdetal {width: 162px; padding: 25px 12px 0; background: none;}
ul.topmenu_01  li.topdetal a{ padding: 0; background: none; color: #fff; text-decoration: underline}
/*
#topbanner div{background:url(/images/new/banner_01.gif) no-repeat center center; height: 330px; width: 940px; background-color: #fff;}
*/
#topbanner div{height: 330px; width: 940px; background-color: #fff; }
#topbanner div img { margin: 10px}
#topbanner {position: relative; height: 330px; width: 940px;}
#fade {position: relative; z-index: -1000}

#navibar a {color: #999; font-weight: normal}
#navibar a:hover {color: #ce0008;}
#navibar {color: #666;}

#page_content {background-color: #fff; min-height:600px; height:auto !important; height:600px;}
#content { width: 635px; margin-left:25px; margin-right:15px; padding-right:5px}
td.content_col { width: 635px;}
td.right_menu_col {background:url(/images/new/rigth_menu.png) repeat-y;}
#content_inner {margin: 25px;}
/*#content_inner img {margin: 0 20px 20px 0 }
/*----------- Right menu --------*/
.right_menu {width: 240px; }

/*Settings*/
.right_menu ul {margin:10px 0;}
.right_menu ul li {padding:6px 10px 6px 40px;}
.right_menu ul li a {font: 12px Arial; color: #000; font-weight: bold; text-decoration: underline}
.right_menu ul li a:hover {color: #fff !important; text-decoration: none}
.right_menu ul li.right_menu_title {height: 48px; overflow: hidden;background:url(/images/new/rigth_menu_menu.png)left center no-repeat; /*padding:11px 0px 16px 40px;*/}/* IE-6 hack */
.right_menu ul li.right_menu_title a {display: block; font: bold 14px Tahoma; color: #fff; padding:14px 0px 0px 0px;}
.right_menu ul li.contacts {font: 12px Tahoma; color: #000; font-weight: bold; line-height: 1.4; text-align: center}

table.time, table.currency { color: #fff; width: 100%; /*font-weight: bold*/}
table.time th, table.currency th {text-align: left; /*text-transform: uppercase; */ padding: 2px 0;}
table.time td, table.currency td {text-align: right}
table.time, table.currency  {margin: 5px 0}

/*table.currency th {padding-left:35px; height: 40px; font-size: 18px; color: #000; font-weight: bold}
table.currency th.euro {padding: 0px !important; /*background:url(/images/new/euro.png) center left no-repeat;*/}
/*table.currency th.dollar {padding: 0px !important; /*background:url(/images/new/dollar.png) center left no-repeat;}
div.dollar {padding: 7px 0 0 35px; width: 74px; height: 29px; background:url(/images/new/dollar.png) center left no-repeat;}
div.euro {padding: 8px 0 0 35px; width: 74px; height: 28px; background:url(/images/new/euro.png) center left no-repeat;}*/
table.currency th { font-size: 14px; color: #fff; text-align: left; }
table.currency td { font-size: 12px; color: #d5d5d5; text-align: right; }
th.weather {padding: 0px !important;/*background:url(/images/new/weather.png) center left no-repeat;*/}
div.weather {width: 121px; height: 40px; background:url(/images/new/weather.png) center left no-repeat;}

.time_weather {width: 225px; background-color: #4e4e4e; border-top: 1px solid #6c6a6f; border-bottom: 1px solid #6c6a6f; margin-left:25px;}
.time_weather ul li{padding:0 16px}
.time_weather {margin-top: -10px; margin-bottom: -10px;}
#content_block {margin: 0px; width: 635px; clear: both; padding: 0; overflow: hidden;}
#content_block_news {margin: 0 0 10px; width: 635px; clear: both;}
#content_block img {padding: 0; margin: 0 !important}

h1.title, h2.title {background: #e7e7e7 url(/images/new/title_arrivals.png) bottom left no-repeat; display: block; color: #004e8d;}
h1.title, h1.title_top_news { padding: 11px 25px; text-transform: uppercase; font-size: 14px}
h2.title {padding: 11px 20px; text-transform: uppercase; font-size: 12px}
h1.title_top_news {color: #004e8d; background: url(/images/new/title_top_news.png) no-repeat;}



p.title, p.title_top_news {
  padding: 11px 25px; text-transform: uppercase; font-size: 14px;
  color: #004e8d; background: url(/images/new/title_top_news.png) no-repeat;
  font-weight: bold;
}
p.title {background: #e7e7e7 url(/images/new/title_arrivals.png) bottom left no-repeat; display: block; color: #004e8d;}


p.preview_01 { font-size:11px; line-height: 1.4; width: 280px; text-align: justify; position: relative; margin: 0 0 0 18px; padding: 0 0 30px 0px; float: left;}
a.read_more_link {background: url(/images/new/read-more.png) center center no-repeat; height: 22px; width:123px; position: absolute; right: 0px; bottom: 0px;}

.top_news li {  padding: 8px 30px 8px 65px; background: url(/images/new/top_news.png) center left no-repeat; display: block;}
.top_news li a { font-size: 11px; text-decoration: none; color: #333; display: block;}
.top_news li a:hover {color: #fff;}

ul.arrivals li {width: 200px; float: left; display: inline; margin-left:17px;}
ul.arrivals li:first-child {margin-left:0px}
ul.arrivals li.new1 {display: none; margin-left:-17px !important;}
ul.arrivals li.new2 {margin-left:0 !important;}

.new_products {min-height: 340px; height: auto !important; height: 380px;}
/*
ul.new_products li img {border: none; margin: 0px !important;}
ul.new_products li {width: 203px; float: left; display: inline; margin-right:26px; margin-bottom: 26px; min-height: 380px; height: auto !important; height: 380px; overflow: hidden}
ul.new_products li.col4, ul.new_products li.col8 {margin-right: 0;}
*/

h2.title_arrivals {background: url(/images/new/title_arrivals.png) bottom left no-repeat #e7e7e7; /*height: 33px;*/ padding:10px 0px 8px 17px; margin: 0px; text-transform: uppercase; color: #004e8d;}
p.arrivals_preview {font-size:11px; line-height: 1.4; text-align: justify; width: 200px; position: relative; padding-bottom: 30px; margin:0}
ul.top_news li.header_new1, ul.top_news li.header_new2, ul.top_news li.header_new3, ul.top_news li.header_new4 { display: none; }
/********** Dop menu **********/
#adv_menu { background-color: #fff;  }
#tabs {margin: 0px 10px 10px; position: relative; border-top: 6px solid #770000}
#tabs ul {overflow: hidden;}
#adv_menu ul {position: relative;  /*top: -1px;*/ width: 920px; overflow: hidden;}
#adv_menu ul li{float: left; display: inline; width: 151px; display: block; margin-left:3px; text-align: center}
#adv_menu ul li:first-child {margin-left: 0px;}
#adv_menu ul li.here a, #adv_menu ul li a  { display: block; padding: 8px 0 24px; text-transform: uppercase; font: 11px Tahoma; font-weight:bold; text-decoration: none;}
#adv_menu ul li a {background: url(/images/new/tabs.png) -151px 0 no-repeat;  color:#000}
#adv_menu ul li.here a {background: url(/images/new/tabs.png) 0px 0px no-repeat; color: #fff} /* Активный элемент */
#adv_menu ul li a:hover {color:#fff; background: url(/images/new/tabs.png) 0px 0px no-repeat;}
#adv_menu ul li.last {float: left; width: 150px;}


/********* FOOTER ************************************/
#footer {background-color: #fff}
#footer_tb {border:0; margin: 25px auto; width: 890px}
.footer_tb_img {width: 100px;}
.footer_tb_img img {padding-right: 20px}
.footer_tb_adress {background: url(/images/new/hr-footer.gif) top repeat-x;}
.footer_tb_adress ul {margin: 10px 0px 0;}
/*
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 600px; 
    height:90px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}