/*page*/
  html, body {width:100%;height:100%;}
  body {padding:0; margin:0;background:#fdfdfd url(../images/bgr/line.png) repeat-x left top;}

/*
  #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 {color:#eb3a79;text-decoration:underline;}
  a:hover {text-decoration:none;}
  :focus, a:active { outline: none; }
  form :focus, form a:active { outline:1px dotted;}

/*TAGS*/
  h1 {margin:0;padding: 0;font: 2.2em "Times new roman"; color:#000;}
  h2 {margin:0;padding: 0;font:2.0em "Times New Roman";color:#000;}
  h3 {margin: 0;padding:0;font:1.8em "Times New Roman";color:#000;}
  h4 {margin:0;padding: 0;font:bold 1.6em "Times New Roman";color:#000;}
  dl, dt, dd, form {margin:0;padding: 0;}
  input {margin:0;vertical-align:middle;}
  p {margin: 0;padding:0 0 10px;}
  select {vertical-align:middle;}
  table {border-spacing: 0;border-collapse: collapse;}
  table td {padding:0;text-align:left;vertical-align:top;}
  ul {margin: 0;padding: 10px 20px;}

/*FONT*/
  html {font-size:100%;}
  body {font:14px/1.2 arial, sans; color:#4d4d4d}
  table, td, th, ul, textarea, input, select {}

/*Misc*/
  .clearing {clear: both;height:0;font-size:0;overflow:hidden;}
  .clearFix:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
  img{vertical-align:top}

/*layout*/

  /*=HEADER*/
    #header {background: url(../images/bgr/header.png) no-repeat right top;height:235px;position:relative}
    .copyright{position:absolute;left:121px;top:4px;color:#fff}
    .copyright a{font:14px/1.2 arial, sans; color:#fff}
    .cart{position:absolute;right:121px;top:4px;color:#fff}
    .cart a{font:14px/1.2 arial, sans; color:#fff}
    .enter{width:230px;height:30px;background: url(../images/bgr/enter.png) no-repeat left top;left:50%;margin-left:-115px;position:absolute;top:25px;text-align:center}
    .enter a{color:#fff;font-size:15px;position:relative;left:-7px}
    .phone{position:absolute;left:201px;top:75px;font-size:13px;color:#666666;text-align:right;font-style:italic}
    .phone b{color:#eb3a79;font-size:33px}
    .phone span{font-size:15px;position:relative;top:-14px}
    .logo{position:absolute;right:97px;top:58px;}

    .main_menu{padding:127px 0 0 0;margin:0;text-align:center}
    .main_menu li{display:inline;margin:0 10px;list-style-type:none}
    .main_menu a{color:#4d4d4d;font-size:15px}

    .search_form{position:absolute;left:46px;top:312px;}
  /*=MENU*/
    #menu {background: silver;}

  /*=CONTENT*/
    #wrapper {position:relative;min-height:100%;height:100%;background:url(../images/bgr/wrapper.png) no-repeat left top;min-width:1003px}
      html>body #wrapper {height:auto;}
      #body {padding:0 0 100px;}
        #body:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
        #main_col {float: right;width:100%;}
        #main_col_content {margin: 0 0 0 364px;}
        .banner{background:#E8117F; padding:50px; margin:0 60px 27px 0}
        .banner p{margin:0; text-align:left; font-weight:bold; letter-spacing: -2px; font-size: 23px; color: white; line-height: 1.2em;}
		.banner em {color: white; padding: 2px 12px 2px 8px; background: #222;}

        .actions{padding:0;margin:0 0 40px;overflow:hidden;zoom:1}
        .actions li{float:left;width:49.9%;list-style-type:none;margin:0 0 10px}
        .actions img{border:1px solid #ffbbd0}
        .actions a{color:#eb3a79;font-size:23px}
        .actions p{padding:5px 5px 0 0}
        .actions span{font-size:35px;color:#eb3a79;font-style:italic}
        .actions dt{padding:22px 24px 0 22px}
        .actions dd{padding:0 22px}
        .action_block dl{background: url(../images/bgr/dl.png) no-repeat left top;}
        .actions .action_block img{border:none}
        .actions .action_block dt{margin-bottom:20px}
        .actions li.clearing{float:none;padding:0;margin:0;width:100%}

        .catalog_goods{padding:0;margin:0;zoom:1}
        .catalog_goods li{float:left;list-style-type:none;width:33%;margin:0 0 20px}
        .catalog_goods a{font-size:16px;}
        .catalog_goods dt{text-align:left;height:160px;}
        .catalog_goods dt img{width:160px;}
        .catalog_goods p{padding:5px 5px 5px 0;font-size:11px}
        .catalog_goods span{font-size:25px;color:#eb3a79;font-style:italic}
        .catalog_goods li.clearing{float:none;width:100%;padding:0;margin:0}


  /*=SIDEBAR*/
    #sidebar {float: left;width: 294px;margin: 173px -294px 0 0;background:#ffbbd0 url(../images/bgr/sidebar.png) no-repeat left bottom;padding:0 0 50px}

    .catalog{padding:33px 0 0 0;margin:0 0 0 40px;}
    .catalog li{list-style-type:none;padding:0 0 0 5px;height:25px;margin:0 0 6px}
    .catalog a{color:#eb3a79;font-size:15px}
    .catalog li.current{background: url(../images/bgr/li.png) no-repeat left top;}
    .catalog li.current a{color:#fff}
    
  /*=INFO*/
    #info {position:absolute;left:46px;width: 226px;top:1790px;}
    .infotxt p{padding:5px 5px 5px 0;font-size:12px}

  /*=FOOTER*/
    #footer {position:absolute; bottom:0px;clear:both;width:100%;height:54px;border-bottom:8px solid #ff377c;}
    
    .footerbrom {position:absolute;left:36px;top:0}
    
    .footercontact {position:absolute;right:50px; bottom:0}
    .footercontact a{color:#eb3a79;font-size:11px}
    .footercontact p{font-size:11px}

/*form*/
  .field {clear:both;padding:0;margin:0 0 20px;padding:0 0 0 215px;}
    .field:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
    .field dt {position:relative;left:-215px;float:left;width:200px;text-align:right;margin:0 -200px 0 0;}
      .field dt label {margin:0;}
    .field dd {float:left;}
  label {margin:0 0px 0 0;}
  select{border:solid 1px #A5ACB2;width:248px;height:1.8em;}
  textarea {width:248px;height:100px;border:solid 1px #A5ACB2;}
  .form_buttons {margin:0 0 0 215px;}
  .input{width:124px;padding:5px 5px;background: url(../images/bgr/input.png) no-repeat left top;border:none}

  fieldset{padding:0;margin:0;border:none}
  .search_form label{padding:0 0 5px 12px;color:#eb3a79;font-size:12px;display:block}

  .select_form{width:617px;height:87px;background: url(../images/bgr/form.png) no-repeat left top;margin:0 0 35px}
  .select_form h2{color:#4d4d4d;font:11px arial;margin:0 0 11px 74px}
  .select_form label{color:#ffffff;font-size:10px}
  .select_form dt{margin:0 0 3px}
  .select_form dl{margin:0 5px 0 0;float:left}
  .select_form dl.kind{float:left;margin:0 5px 0 80px}
  .kind label{padding:0 0 0 8px}
  .kind select{width:129px}
  .volume select{width:70px}
  .type select{width:129px}
  .go{position:relative;top:15px;left:10px}

