/*page*/
  html, body {width:100%;height:100%;}
  body {padding:0; margin:0;background: #c0c0c0;text-align:center;}
  

/*
  #SomeBox
  {
    position - position [ left , top ] ,
    liquid model - float, clear,
    block modle - display, width, height, margin, padding, overflow,
    visual property - background, border,
    text property - list-style, text-align
   }
*/

/*design*/
  a img{border:0;}

/*navigation*/
  a {font:13px "tahoma"; color:#556832;text-decoration:underline;}
  a:hover {text-decoration:none; color:#414278;}
  :focus, a:active { outline: none; }
  a:visited {text-decoration:underline; color:#414278;}

/*TAGS*/
  h1 {margin:0 0 21px 0;padding: 0;font: 20px "Tahoma"; color:#000;text-align:center}
  h2 {margin:0;padding: 0;font: 20px "Tahoma"; color:#000;}
  h3 {margin: 0;padding:0;font: 16px "Tahoma"; color:#000;}
  h4 {margin:0;padding: 0;font: 14px "Tahoma"; color:#000;}
  dl, dt, dd, form {margin:0;padding: 0;}
  input {margin:0;vertical-align:middle;}
  p {margin: 0;padding:8px 0;}
  select {vertical-align:middle;}
  table {border-spacing: 0;border-collapse: collapse;text-align:left}
  .main_table td,.main_table th,.table_header td{padding:2px;text-align:left;vertical-align:top;border:2px solid #525252;}
  .main_table1 td{padding:2px;text-align:left;vertical-align:top;border-left:2px solid #525252;}
  .main_table th{text-align:center;padding-top:10px;padding:3px 0}
  ul {margin: 0;padding: 10px 20px;}
  .info img{border:2px solid #4d4d4d}



/*FONT*/
  html {font-size:100%;}
  body {font:13px Tahoma, sans; color:#000000}
  table, td, th, ul, textarea, input, select {font: 13px Tahoma;}

/*Misc*/
  .clearing {clear: both;height:0;font-size:0;}
  .clearFix:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
  .main_table .border_img{border-bottom:2px solid #474747;border-right:2px solid #474747;border-top:none;vertical-align:top;position:absolute;left:0;top:0;}
  .main_table .content_td{padding:0px;vertical-align:top;text-align:left;}
  .border_one{border-bottom:1px solid #525252;border-top:1px solid #525252}
  .big_p{text-align:right;font:24px tahoma;float:right;margin-right:27px}
  .main_table .td_padding{padding:0 10px;vertical-align:top;text-align:left;font-size:13px}
  .p_center{text-align:center;display:block;font:bold 13px arial;color:#000;margin:0 85px 5px 85px}

/*layout*/

  /*=HEADER*/
    #header {background:#6b6b6b url(../images/bgr/header.jpg) no-repeat left bottom;overflow:hidden;position:relative;}
    .fon{position:absolute;top:0;left:0}
      #logo{position:absolute;left:53px;top:-1px}
      #main_menu{margin:223px 0 8px 25px;list-style-type:none;padding:0;}
        #main_menu li{float:left;margin-right:28px;font:bold 18px tahoma;text-decoration:none;color:#585656}
        #main_menu a{font:bold 18px tahoma;text-decoration:none;color:#000}
        #main_menu a:hover{color:#585656}
      #contact_info{position:absolute;right:25px;top:10px}
       #contact_info p{font:bold 13px tahoma;padding:0;margin:0}
       #contact_info b{font:bold 17px tahoma;display:block;text-align:right}
       #contact_info p.mail a{font:bold 11px tahoma;text-decoration:none;color:#000}


  /*=MENU*/
    #menu {background: silver;}

  /*=CONTENT*/
    #wrapper {background:#b6b6b6 url(../images/bgr/wrapper.gif) repeat-x left bottom;position:relative;min-height:100%;border-left:3px solid #4d4d4d;border-right:3px solid #4d4d4d;width:997px;margin:0 auto;text-align:left;padding:0;}
    html>body #wrapper {height:auto;}
    #out_wrapper{border-top:3px solid #4d4d4d;}

    #container {position:relative;width:100%;display: block;}
      #content {padding:0px 10px 30px 10px;border-left:1px solid #474747;border-right:1px solid #474747;min-height:990px;_height:990px;}
	#content img {margin-left: 10px; margin-right: 10px; margin-bottom: 0px; margin-top: 5px;}

       #catalog_menu{list-style-type:none;margin:36px 0 30px 11px;padding:0;overflow:hidden}
        #catalog_menu li{float:left;margin-right:37px;cursor:pointer}
        #catalog_menu li.last{margin-right:0}
         #catalog_menu li dt{height:160px}
         #catalog_menu li dd{margin:22px auto 0 auto;text-align:center;width:190px}
         #catalog_menu a{font:bold 22px 'arial';color:#1f1f1f;line-height:1.4;text-decoration:none;text-transform:uppercase;}
         #catalog_menu li.clearing{float:none;height:23px}


         .table_header{margin-left:1px}
         .table_header td{text-align:center;padding:3px 0;}
         .first_h{width:260px;}
         .second_h{width:100px;}
         .third_h{width:100px;}
         .four_h{width:117px;}

         .main_table{vertical-align:middle;margin-bottom:0px;}
         .main_table img{vertical-align:top;border:none}
         .main_table td{vertical-align:middle;text-align:center;font-size:13px;padding:2px 0}
         .main_table div{position:relative;min-height:66px}
         .first{width:240px}
         .second{width:110px}
         .third{width:120px}
         .four{width:120px}
         .fifth{width:109px}
         table ul{list-style-type:none;margin:0;padding:0;font-size:12px}
         table ul li{border-bottom:1px solid #525252;padding:2px 10px;text-align:center}
         table ul li.last{border:none}



      .info{overflow:hidden;margin-bottom:25px}
      .info dt{float:left;margin:3px 15px 0px 0;}

      .main_table .material{min-height:1px;color:#000}
      .main_table .material_info{display:none;color:#000;position:absolute;padding:4px 0 0 4px;left:22px;top:30px;z-index:100;border:2px solid #4c4c4c;width:190px;overflow:hidden }
      .main_table .material_info p{position:relative;z-index:100}
      .main_table .material:hover .material_info{display:block;z-index:100;color:#000}
      .main_table .light{position:absolute;width:200px;height:400px;background:#cecaca;opacity:0.9;top:-4px;left:-4px;color:#000;z-index:1}



  /*=SIDEBAR*/
     #left_menu{margin:0px 1px 0 2px;padding:0;list-style-type:none}
     #left_menu li{margin-bottom:1px}
     #left_menu dl{position:relative;overflow:hidden;cursor:pointer;margin-bottom:1px}
      #left_menu dt{float:left}
      #left_menu dd{line-height:1;text-align:center;float:left;width:77px;min-height:40px}
      #left_menu dd a, span.current_catalog{font:bold 11px 'arial';color:#1f1f1f;line-height:1;text-decoration:none;text-transform:uppercase;display:block;position:absolute;top:50%;margin-top:-16px;width:96px;right:0px}

  /*=FOOTER*/
    #footer {width:100%;height:150px;position:absolute; bottom:0px;background:#f0f0f0;}


/*form*/
  .field {clear:both;padding:0 0 10px}
  label {width:130px;float:left;text-align:left;font-size:13px}
  .input{width:268px;border:none;height:19px;padding-left:3px;font-size:13px}
  select{border:solid 1px #A5ACB2;}
  textarea.input {height:100px;}
  form dl{margin:0 0 14px 0;}
  .button{border:none;background:#454545;padding:1px 25px 3px 25px;color:#fff;font-size:12px;}
  #create{position:relative;left:10px;}
  #reset{position:relative;left:34px;}
  td.onepx{border:none;border-bottom:1px solid #525252;border-right:2px solid #525252;font-size:13px}
  td.twopx{border:none;border-bottom:2px solid #525252;border-right:2px solid #525252;font-size:13px}
  form li{font-size:13px;}
  .indent{text-indent:-1000px}

  #preloader_div {position:fixed;left:50%;top:50%;margin:-150px 0 0 -200px;color:#000;background-color:#fff;border:solid 3px #000;text-align:center;z-index:100}
  #preloader_div #preload_container{position:relative;width:400px;height:300px;}
  #preloader_div #preload_container #preload_content{position:absolute;top:50%;left:50%;margin:-30px 0 0 -55px}

  #wrapper_popup,#popup {position:fixed;top:8px;left:50%;z-index:90;border:3px solid #000;}
  #wrapper_popup img{vertical-align:top}
  table{border:0px solid #525252}
  #popup{padding:30px 20px;background:#b6b6b6;width:530px;z-index:100}
  #popup dl{overflow:hidden;margin-bottom:20px}
  #popup dt{float:left;margin-right:20px}
  #popup p{overflow:hidden}
  .close{width:70px;height:13px;background: url(../images/buttons/close.gif) no-repeat left top;right:12px;bottom:12px;position:absolute}


  #central {min-height:112px;overflow:auto;position:absolute;left:150px;top:311px;text-align:justify;padding:1px 0 0 1px;width:598px}
  .jScrollPaneContainer {position:relative;top:7px;padding:0;height:597px;width:598px;overflow: hidden;z-index: 1;top:-1px;}
  .scroll-pane {position: relative;overflow: auto;float: left;}
   a.jScrollArrowUp {background: url(../images/buttons/basic_arrow_up.gif) no-repeat 0 0;}
   a.jScrollArrowDown {background: url(../images/buttons/basic_arrow_down.gif) no-repeat 0 0;}
   .jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;border:none;background:#b5b5b5 url(../images/bgr/scroll_track.gif) repeat-y left top;}
   .jScrollPaneDrag {position: absolute;background: url(../images/buttons/scroll.gif) no-repeat 0 top;cursor: pointer;overflow: hidden;margin:0px;width:21px;}
   .jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
   .jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
   a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 10px;text-indent: -2000px;overflow: hidden;height: 19px;width:21px}
   a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 10px;text-indent: -2000px;overflow: hidden;height: 19px;width:21px}
   #line{position:absolute;width:568px;height:2px;background:#4d4d4d;top:595px;z-index:100}
   #line2{display:none}
   #line3{top:0px;z-index:100;right:23px;width:568px;height:2px;background:#4D4D4D ;z-index:100;position:absolute}
   #central table{height:412px;}

   @media not all and (-webkit-min-device-pixel-ratio) {
   #line{top:595px;z-index:100;right:23px;}


   .jScrollPaneContainer {top:-2px}
   }
   @media all and (scan: progressive) {
         .main_table{width:598px;}
         .jScrollPaneContainer {top:-2px;background: url(../images/bgr/jsscroll.gif) no-repeat 1px 111px;}
         .first{width:240px}
         .second{width:110px}
         .third{width:120px}
         .four{width:120px}
         #line{top:662px;z-index:100;right:23px;left:1px}
         .jScrollPaneTrack{right:-1px}
        a.jScrollArrowUp,a.jScrollArrowDown{right:9px}
        #line3{left:1px}
        .main_table{position:relative;top:-1px}
        #main_page1 #wrapper {overflow:hidden}
        #line4{position:absolute;left:1px;bottom:0px;height:100px;background:#4D4D4D;width:2px}

        }


   @media not all and (-webkit-min-device-pixel-ratio) {

   a.jScrollArrowUp,a.jScrollArrowDown{right:9px}
   .jScrollPaneTrack{right:-1px}
   .main_table{position:relative;top:-1px}
    #line{top:595px;z-index:100;right:23px;left:1px}
     #line3{left:1px}
     #main_page1 #wrapper {overflow:hidden}

}


@-moz-document url-prefix() {
 .jScrollPaneContainer {height:664px};
  #line{top:662px;z-index:100;right:23px;}
}

@-moz-document url-prefix() {

  #line{top:662px;z-index:100;right:23px;}
}

td.copy_left { text-align:left; font: 10px "Arial";}
td.copy_left a { text-decoration:none; font: 10px "Arial"; }
td.copy_left a:visited { text-decoration:none; }
td.copy_left a:hover { text-decoration:underline; }
td.copy_right { text-align:right; font: 10px "Arial"; }
td.copy_right a { text-decoration:none; font: 10px "Arial"; }
td.copy_right a:visited { text-decoration:none; }
td.copy_right a:hover { text-decoration:underline; }

table.btm_tbl { border:none; background:none; border:none;}
table.btm_tbl td { border:none; }

div.text_copy a { text-decoration:none; font: 11px "Arial"; }
div.text_copy a:visited { text-decoration:none; font: 11px "Arial"; }
div.text_copy a:hover { text-decoration:underline; font: 11px "Arial"; }
div.text_copy h1 {margin:15px 0 8px 0;padding: 0;font: 16px "Tahoma"; color:#000;text-align:left}
div.text_copy h2 {margin:0;padding: 0;font: 14px "Tahoma"; color:#000;}
div.text_copy p {margin:4px 0 4px 0;padding: 0; font: 11px "Arial"; color:#000;text-align:left}
div.text_copy td {font: 11px "Arial"; color:#000;text-align:left}

.float {
    position:absolute;
    width:137px;
    z-index:10; 
}
.right {
    right: 0px;
    top:180px;
}
.panel{
	margin-top:0px;
	padding-bottom:0px;
	background: transparent;
}

/*********    Список товаров   *********/

/* Блок товара */
.product_block {
float:left;
width:352px;
overflow:hidden;
margin-bottom:16px;
}

/* Блок с картинкой товара */
.product_block_img {
float:left;
}

/* Картинка товара */
.product_block_img img{
border:1px solid #e3e3e3;
padding: 5px; margin-left:10px;
}

/* Описание товара */
.product_block_annotation {
float:left;
margin-left:10px;
width:160px;
}

/* Название товара */
.product_name_link {
display:block;
}

/* Название товара - хита */
.product_name_link_hit {
background:url('../images/medal.jpg') no-repeat left top;
display:block;padding:0 0 14px 24px;margin-top:2px;
}

/* Цена товара */
.price {
color:#000;
font-size:15px;
font-family:Arial;
margin-top:5px;
}

/* Старая цена товара */
.old_price {
color:#a5a5a5;
font-size:18px;
font-family:Arial;
text-decoration:line-through;
}

/* В корзину */
.link_to_cart {
color:#fff;
font-size:12px;
font-family:Tahoma;
}

/* Аннотация */
.product_annotation {
font-size:12px;
font-family:Tahoma;
margin-top:4px;
}

/* Хлебные крошки */
#path {
color:#848484;
text-align:right;
font-size:11px;
}

#path a {
color:#848484;
font-size:11px;
font-family:Tahoma;
}

/* Блок с описанием категории */
#category_description {
margin-bottom:26px;
font-size:12px;
font-family:Arial;
}

/* Постраничная навигация */
#paging {
clear:both;
padding:12px 0 24px 0;
font-family:Arial;
}
#paging a{
color:#1884ff;
font-size:12px;
border:1px solid #e3e3e3;
padding:6px 10px 6px 10px;
display:block;
float:left;
margin:2px;
}
.all_pages {
border:none !important;
}
.current_page {
background:#f6f6f6;
color:#000 !important;
text-decoration:none;
}

/* Заголовок товара-хита */
#hit_header {
background:url('../images/medal.jpg') no-repeat left 3px;
padding-left:24px;
}

/* Описание товара */
#product_main {
overflow:hidden;
margin-bottom:28px;
_height:1%;
}

/* Картинки товара */
#product_main_img {
float:left;
width:330px;
}

/* Список дополнительных картинок */
#product_main_img ul {
margin-top:4px;
}
#product_main_img ul li{
display:inline;
padding-right:8px;
}
#product_main_img ul li img{
margin-bottom:8px;
}
#product_main_img img{
border:1px solid #e3e3e3;
padding:5px;
}

/* Текст описания товара */
#product_main_description {
float:left;
width:370px;
font-size:12px;
font-family:Arial;
}
#product_main_description p {
padding-bottom:12px;
}
#product_main_description ul {
list-style:none;
}


/* Блок статей */
#articles {
background:url('../images/gray_bgd.jpg');
width:670px;
padding:22px 30px 22px 30px;
_padding:22px 0 22px 30px;
overflow:hidden;
clear:both;
margin-bottom: 30px;
}

/* Левая колонка статей */
#articles_left {
float:left;
width:300px;
}

/* Правая колонка статей */
#articles_right {
float:left;
width:310px;
margin-left:35px;
}

/* Блок статьи */
.article {
margin-bottom:24px;
}

/* Аннотация статьи */
.article_annotation {
font-size:12px;
font-family:tahoma;
color:#000;
}

/*********    Корзина   *********/
#cart_products
{
width:100%;
}
#cart_products td {
border-bottom: dotted #d4d4d4 1px;
padding: 8px 0 8px 0;
margin:0px;
}
#cart_products .td_1 {
}
#cart_products .td_2 {
width:90px;
text-align:right;
padding-right:24px !important;
}
#cart_products .td_3 {
padding-left: 50px;
width:135px;
}
#cart_products .td_4 {
width:50px;
text-align:right;
}
.line {
height:1px;border-top:1px dotted #d4d4d4;
margin:0 0px 4px 2px;
}

.return_from_cart {
font-size:18px;
font-family:Tahoma;
color:grey;
float:left;
text-align:left;
}

.total_line {
overflow:hidden;
_height:1%;
}

.total_sum{
float:right;
text-align:right;
font-size:18px;
}

.billet {
border-top:dotted #d4d4d4 1px;
border-bottom:dotted #d4d4d4 1px;
background:grey;
padding:25px 25px 8px 25px;
margin-bottom:16px;
}

.delivery_select {vertical-align:top;padding-top:4px;_padding-top:0px;}

.delivery_text {
padding:0 0 12px 8px;
}
.delivery_text p {
padding-bottom:10px;
}
.delivery_text h3 {
font-size:18px;
font-weight:normal;
font-family:Arial;
padding-bottom:16px;
}

.order_form td{font-size:14px; padding:3px 0 10px 0; width:130px;}
.order_form input {font-size:18px;padding:1px 2px 1px 2px;width:250px;}
.order_form input.address {padding:1px 2px 1px 2px;width:495px !important;}
.order_form textarea {
width:499px;
height:80px;
margin:5px 0 12px 0;
}

input#order_button{width:155px !important;  font-size: 18px;}


/*********    Заказ   *********/
div.order_products {
float:left;
width:350px;
}
table.order_products {
width:100%;
}
table.order_products td {
font-size: 12px;
border-bottom: dotted #d4d4d4 1px;
padding: 8px 0 8px 0;
margin:0px;
}
table.order_products .td_1 {
}
table.order_products .td_2 {
width:120px;
text-align:right;
}
input.payment_button{
font-size:12px; width:200px;height:20px;
}
table.order_info {
float:right;
width:330px;
border: dotted #d4d4d4 1px;
background-color: #f9f9f9;
padding: 10px;
}
table.order_info td {
font-size: 14px;
padding: 5px;
margin:0px;
}


.translate {margin-right: 12px;}