/*page*/

  html, body {width:100%;height:100%;}

  body {padding:0; margin:0;background: #fff;}



/*

  #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:14px/1.3 tahoma; color:#a02e5f;text-decoration:underline;}

  a:hover {text-decoration:none;}

  :focus, a:active { outline: none; }

  form :focus, form a:active { outline:1px dotted;}



/*TAGS*/

  h1 {margin:0px 0 0 30px;padding: 10px 0 0 0;font: 16px "tahoma"; color:#f475ad;}

  h2 {margin:0;padding: 0;font:20px "tahoma";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;padding-left:3px;}

  p {margin: 0;padding:0px 0 10px 0;}

  select {vertical-align:middle;}

  table {border-spacing: 0;border-collapse: collapse;}

  table td {padding:5;text-align:left;vertical-align:top;}

  ul {margin: 0;padding:0px;}

  ul li{padding:0;margin:0;list-style-type:none}









/*FONT*/

  html {font-size:100%;}

  body {font:11px/1.3 Tahoma, sans; color:#000000}

  table, td, th, ul, textarea, input, select {font: 1em/1.5 Tahoma;}



/*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;}



/*layout*/



  /*=HEADER*/

    #header {background: url(../images/bgr/header.jpg) no-repeat left top;height:409px;overflow:hidden}

	#header_bg{background:url(../images/bgr/header_bg.jpg) top left repeat-x;}

    .catalog_menu {margin:73px 0 0 95px}

    .catalog_menu li{float:left;margin:0 17px 0 0;position:relative}

    .catalog_menu li.current{z-index:10}

    #logo{position:absolute;right:0;top:0;z-index:100}

    .service{margin:292px 0 0 12px;;height:53px;position:relative}

    .servicebg{height:53px;background: url(../images/bgr/service_2.png) repeat-x left top; margin-left:20px; margin-right:32px;}

	.service_1{width:20px; height:53px; background: url(../images/bgr/service_1.png) no-repeat left top; float:left;}

	.service_3{width:20px; height:53px; background: url(../images/bgr/service_3.png) no-repeat left top; float:right; margin-top:-53px; padding-right:12px;}

    .tools{ float:right; padding-top:23px;}

    .tools li{float:left;margin:0 0 0 42px}

    .tools a{height:11px;display:block}

    .tools .map{width:19px;background: url(../images/menu/tools.jpg) no-repeat left top;}

    .tools .message{width:14px;background: url(../images/menu/tools.jpg) no-repeat -66px top;}

    .tools .main{width:12px;background: url(../images/menu/tools.jpg) no-repeat right top;}



    .popup{width:217px;height:128px;background: url(../images/bgr/popup.png) no-repeat left top;position:absolute;top:96px;left:35%;display:none}

    .popup h3{font:bold 15px tahoma;color:#9f295d;margin-top:50px; text-align:center}

    .popup p{margin:0px 0 0px 50px;color:#909090}

    .popup b{font-size:17px;color:#3b3b3b;font-weight:normal}



    .main_menu{position:absolute;top:344px;height:65px;background: url(../images/bgr/menu.jpg) repeat-x left bottom; width:100%; padding:0 0 0 0}

    .main_menu a{display:block;height:17px;}

    .main_menu li{float:left;padding-top:30px;background: url(../images/bgr/li2.jpg) no-repeat center 6px;padding:30px 0px 0 0px}

    .main_menu li.current{background: url(../images/bgr/li3.jpg) no-repeat center top;}

    .main_menu li.sep{width:56px;height:59px;background: url(../images/bgr/sep.png) no-repeat left top;padding:0;margin:0 0px 0 0px}

    .main_menu li.sep2{width:56px;height:65px;background: url(../images/bgr/sep2.png) no-repeat right top;padding:0;margin:0 0px 0 0px}

    .main_menu li.sep3{width:56px;height:65px;background: url(../images/bgr/sep3.png) no-repeat right top;padding:0;margin:0 0px 0 0px}

    .main_menu a.main{width:51px;background: url(../images/menu/menu.jpg) no-repeat left top;}

    .main_menu a.catalog{width:52px;background: url(../images/menu/menu.jpg) no-repeat -107px top;}

    .main_menu a.price{width:191px;background: url(../images/menu/menu.jpg) no-repeat -215px top;}

    .main_menu a.diler{width:57px;background: url(../images/menu/menu.jpg) no-repeat -467px top;}

    .main_menu a.information{width:83px;background: url(../images/menu/menu.jpg) no-repeat -575px top;}

    .main_menu a.contact{width:61px;background: url(../images/menu/menu.jpg) no-repeat right top;}



    .service_menu{position:absolute;top:-10px;left:16px;}

    .service_menu a{font:bold 15px tahoma;color:#fff;text-decoration:none;text-transform:uppercase}

    .service_menu li{float:left;background: url(../images/bgr/li4.png) no-repeat left 4px;padding:30px 0 15px 41px;margin:0 13px 0 0}



  /*=MENU*/

    #menu {background: silver;}



  /*=CONTENT*/

    #wrapper {position:relative;min-height:100%;height:100%;background: url(../images/bgr/wrapper.png) repeat-y left top;width:100%;margin:0 auto}

    #wrapper_2 {background: url(../images/bgr/wrapper_2.png) repeat-y right top;}

      html>body #wrapper {height:auto;}

      #body {padding:0 0 0px;background: url(../images/bgr/body.jpg) repeat-x left top;}

        #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 322px;background: url(../images/bgr/main_col.gif) no-repeat left 46px;min-height:100px;_height:100px}

		#main_col_content_4 {background: url(../images/bgr/wrapper_2.png) repeat-y right;}

        #main_col_content_2 {background: url(../images/bgr/main_col_2.gif) 0 46px repeat-x; margin-left:10px; }

        #main_col_content_3 {background: url(../images/bgr/main_col_3.gif) top right no-repeat;}

        .information_block{padding:22px 30px 0 30px;text-align:justify}

        .information_block h2{color:#a02e5f;margin:0 0 15px }

        .sample{margin:0 0 18px 0}

        .sample:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}

        .sample dt{float:left;margin: 0 12px 0 0}

        .sample dd{overflow:hidden}

        .sample b{color:#a02e5f}

        .information_block ul{line-height:1.2;margin:0 0 20px 0}

        .information_block li{margin:0 0 0 24px;padding:0 0 0 8px;background: url(../images/bgr/li.jpg) no-repeat left 6px;}

        .add {background: transparent url(../images/add.gif) no-repeat scroll left center; padding-left:30px;}





  /*=SIDEBAR*/

    #sidebar {float: left;width: 315px;margin: 0 -321px 0 6px;background: url(../images/bgr/sidebar.jpg) no-repeat left 22px;padding:46px 0 0 0}

    .category{background: url(../images/bgr/category.png) no-repeat left bottom;padding:0 0 10px 31px;margin:0 0 0px 0}

    .category h2{position:relative;top:-10px;margin:0 0 15px 0}

    .category_list {padding-bottom:20px;}

    .category_list li{background: url(../images/bgr/li.png) no-repeat left top;padding-left:29px; margin-top:20px;}

    .category_list a{font:bold 14px tahoma;color:#c5467c}



  /*=FOOTER*/

    #footer {position:relative;clear:both;width:100%;height:143px;background: url(../images/bgr/footer.jpg) no-repeat left top;}

    #footer_2 {position:relative;clear:both; height:143px;background:#fff url(../images/bgr/footer_2.jpg) repeat-x left top;}

	#footer_3 {position:relative;clear:both; height:143px;background: url(../images/bgr/footer_3.jpg) no-repeat right top; margin-top:-143px;}

    .phone{position:absolute;top:12px;left:23px}

    .copyright{position:absolute;top:94px;left:37px;padding:0;cursor:pointer}

    .copyright span{text-decoration:underline;color:#6f6f6f}

    .counter{position:absolute;left:420px;top:90px}

    .salon{position:absolute;padding:0;left:500px;top:90px}

    .miridea{position:absolute;padding:36px 0 0 0;right:20px;top:84px;font-size:9px;background: url(../images/bgr/miridea.png) no-repeat center top;text-align:center}

    .miridea a{font-size:9px}





/*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 15px 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[type="text"] {width:200px;height:1.5em;border:solid 1px #A5ACB2;}

  .input_text {width:200px;height:1.5em;border:solid 1px #A5ACB2;}

  .error {color:red;font-weight: bold}

  .success {color:green;font-weight: bold}

  .cf-label {padding: 0 5px 10px 0}

  

  

/*trash*/

TABLE.trash-list{margin-top:10px;}



TABLE.trash-list TR.table-title TH{background: #CCCCCC;padding: 5px 10px;border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;}

TABLE.trash-list TR.table-title TH.last{border-right: 1px solid #CCCCCC;}

TABLE.trash-list TR.summary TH{padding: 5px;}

TABLE.trash-list TD{border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;}

TABLE.trash-list TD.price-type,

TABLE.trash-list TD.navigation-panel{border: none;}

TABLE.trash-list TD.navigation-panel .details A{margin-right: 20px;}

TABLE.trash-list TD.navigation-panel .details{font-weight: bold;}

TABLE.trash-list TD.price.last{border-right: 1px solid #CCCCCC;}

TABLE.trash-list .image IMG{border: 1px solid #111111;}

TABLE.trash-list .image{padding: 5px;width: 30px; text-align: center;}

TABLE.trash-list .name{padding: 5px;}

TABLE.trash-list .count{padding: 5px; width: 75px; text-align: center;}

TABLE.trash-list .price{padding: 5px; width: 85px;}

.left-column-center .price span.red-button{font-size: 11px; color: #AC0000;}

.trash-padding{padding: 10px;}

TABLE.trash-list .trash-count{width: 50px;}

TABLE.user-data{margin-top:10px;	}

TABLE.user-data TD.label{padding-right:5px;	}

TABLE.user-data TD INPUT.order_name{width:248px;	}

.page-navigator{padding:10px 0;float:left;}

.page-navigator .pn-pages{padding-left:20px;}

.page-navigator .pn-pages span,

.page-navigator .pn-pages a{text-decoration:none;float:left;padding:2px 5px;border:1px solid #964469;margin:0px 5px;}

.page-navigator .pn-pages a:HOVER{text-decoration:underline;}



.breadcrumbs{padding:15px 0;}

.breadcrumbs a{font-weight: bold;}

.catalog-content{width:100%;overflow: hidden;}

.catalog-content td{padding-right:7px;}

.catalog-content td.property{font-weight: bold;}

.basket{margin-bottom: 20px; font-size: 14px;}

.cennik{color:#ff0000;font-size:14px;}

#find {
    background: url('http://www.salon-dverey.ru/public/images/icon/find.png') no-repeat 1px 1px;

    border:solid 1px #848388;

    font-size:14px;

    padding-left:20px;

    line-height:14px;

    width:180px;

}

#find:focus {
        background-color:#F0F0F0;
      }







