@import "gallery.css";
@import "hairco.css";

/* CSS Document */
html { height:100%}
body                  { margin:0; padding:0; font:normal 14px Arial; color:#221f20; background:#fff url(../images/bg_body.png); line-height:16px;height:100% }
* { outline:none}
img                 { border:0 }
h1,h2,h3,h4         { font:bold 22px Arial; color:#000; padding:0; margin:0 0 10px; line-height:30px;}
form                { padding:0; margin:0}
p                   { padding:0; margin:0 0 15px }

h1                    { font-weight:normal; font:normal 30px  Myriad Pro, Plumb, Arial; color:#777; margin-bottom:30px}
h2                    { font-size:14px; line-height:20px; padding-bottom:5px}
h2 b                   { background:#d81a5d; padding:4px; margin-right:5px; font:bold 18px Arial; width:20px; color:#fff; text-align:center; display:block; float:left }
h3                    { font-size:16px}
h4                    { font-size:14px}
h5                    { font-size:12px; font-weight:bold}
h6                    { font-size:10px; font-weight:bold}

a        { text-decoration:underline; font:normal 14px Arial; color:#f5006e }
a:hover  { text-decoration:none }

.clear { clear:both}


.w1000 { margin:auto; width:926px; padding:0 22px 210px 50px; min-height:100%; height:auto !important; height:100%; background:#fff; border:1px solid #d9d3d2; border-top:none; border-bottom:none }

    
.head { height:112px; position:relative}

.logo, .top_text, .top_telephon { position:absolute}	 

.logo { top:52px; left:0px; width:175px}
		  
.top_text { top:51px; left:225px; width:260px}
		  
.top_telephon { top:36px; right:21px; width:155px; text-align:right}
		  
.baskets { float:right; padding:2px 45px 10px 0;}
.baskets a { font:normal 12px Arial; color:#d81a5d; margin-left:5px}
		  
.top_menu { float:left}
/*.top_menu a { display:block; float:left; background:#d81a5d; text-decoration:underline; margin:0 17px 5px 0; font:normal 14px Arial; color:#fff; padding:1px 3px 3px }
#act_top_menu, .top_menu a:hover { background:#221f20}
*/
.top_menu a { display:block; float:left; margin:0 17px 5px 0; height:20px }
#act_top_menu, .top_menu a:hover { background-position:0 -20px}

.but1 {width:94px; background:#d81a5d url(../images/top_menu/about.png) 0 0 no-repeat}
.but2 {width:104px; background:#d81a5d url(../images/top_menu/how_order.png) 0 0 no-repeat}
.but3 {width:145px; background:#d81a5d url(../images/top_menu/delivery_pay.png) 0 0 no-repeat}
.but4 {width:129px; background:#d81a5d url(../images/top_menu/reduction.png) 0 0 no-repeat}
.but5 {width:79px; background:#d81a5d url(../images/top_menu/contacts.png) 0 0 no-repeat}
	 
.main_block { clear:both; padding:24px 0 0 }
	 
.left_column { float:left; width:229px; position:relative; z-index:100}

.title_left_menu {  font:normal 14px Arial; color:#707070; padding:0 0 15px 4px}		        
.left_menu {}
.left_menu ul { padding:0 0 30px; margin:0}
.left_menu li { padding:2px 0; margin:0; list-style-type:none}
.left_menu a {font:normal 18px Arial; color:#000; text-decoration:underline; padding:4px}
.left_menu a:hover, #act_left_menu { background:#000; color:#fff}
				
				
.left_banner {}
				
		  
.right_column { float:left; width:100%; margin-left:-229px; z-index:50; }
.right_column_padding { padding-left:229px; padding-bottom:0px;}
		       
.top_banner {margin-bottom: 5px;}
				
.special_offer { margin:8px 0 0; border:1px solid #a7a5a6; padding:8px 9px 4px}
				
.produce_block { clear:both;  padding:0 0 35px;}

.produce_cell { float:left; width:33%; padding:35px 0 0; height: 325px;}
.width_produce_cell { width:200px; }			
.produce_img { text-align:center; min-height:215px; height:auto !important; height:215px; }
.produce_description a {font:bold 14px Arial; color:#221f20;}
.produce_price   { padding:8px 0 0 ;font:normal 14px Arial; color:#221f20;}
.produce_price b {font:bold 24px Arial; color:#fff; background:#d81a5d; padding:0 4px}
					
				
.content { clear:both;}
				
.left_cell_content, .right_cell_content { font-size:11px; float:left; width:40%; padding:40px 0 0}

.left_cell_content  { padding-right:23px }
.right_cell_content { padding-left:23px }


					
					
					
	 
.foot { clear:both; padding:0 0 80px;  margin:-210px auto 0; width:1000px;}
.foot_left_block { padding:23px 0 0 288px; float:left; width:250px}
.foot_address { padding:0 0 15px; font-size:11px; line-height:normal}
.foot_address b { display:block; padding:0 0 8px; font-weight:normal; font-size:12px}
.copyright { font-size:11px}
.copyright a { font-size:11px; color:#7b7b7b}

	 
.foot_right_block {  float:right; width:385px; font:bold 11px Arial; color:#000;}
.foot_right_block b {font:bold 18px Arial; color:#000; display:block}
.foot_right_block a {font:bold 12px Arial; color:#d81a5d;}

.counts { padding:25px 0 0 }

.red { color:#d81a5d}


.forma_block input, .forma_block textarea{ width:350px; border:1px solid #cfcfcf; background:#f2eee4; padding-top:4px; padding-bottom:4px; display:block; overflow:auto; margin-bottom:8px; margin-top:2px}
.forma_block textarea{ height:180px; margin:15px 0}
#submit { background:#d81a5d; font-size:18px; text-align:center; padding:5px 0; color:#fff; cursor:pointer }

.right_cell_content h1 { font:normal 24px Arial; color:#221f20;  }
.right_cell_content h2 { line-height:normal; padding-bottom:0; margin-bottom:5px  }
.fs12 { font-size:12px}
.fs14 { font-size:14px}


.select_produce {}
.select_produce label { display:block; padding-top:20px}
.select_produce input { float:left; width:30px}
.right_block_select_produce { padding-left:30px}
.select_produce .produce_price { padding:4px 0 0}
.select_produce p, .select_produce h4 { padding:2x 0; margin:0; line-height:normal}
#to_basket { background:#221f20; font:normal 18px Arial; color:#fff; border:none; width:112px; padding:3px 0 6px; text-decoration:underline; clear:both; margin:15px 0 10px 0; cursor:pointer}
#continue { background:#d81a5d; font:normal 18px Arial; color:#fff; border:none; padding:3px 5px 6px 5px; text-decoration:underline; clear:both; margin:15px 0 10px 0; cursor:pointer}
.img_produce { padding:0 0 10px}

.produce_disabled, .produce_disabled h4 { color:#ababab}
.produce_disabled .produce_price b { background:#ababab}
.produce_disabled input { }


.tab_basket { margin-bottom:10px}
.tab_basket td { border-bottom:1px solid #d81a5d; vertical-align:top; padding:10px 10px 10px 0;}
.tab_basket th { border-bottom:5px solid #d81a5d; font-weight:normal; padding:10px 10px 10px 0;}
.checkbox_basket { float:left}
.basket_name_produce { padding-left:30px}
#number_produce { border:1px solid #d81a5d; width:80px}



.poluchatel_tovara { padding:30px 0 50px}
.obr_sv      { border-top:0px solid #ccc; padding:10px; font-size:14px; width:690px;  }
.obr_sv   span { font-size:12px}
.obr_sv dt   { float:left; width:190px;  padding:4px 0px; }
.obr_sv dd   { padding:4px 0px }
.obr_sv input { width:480px; border:1px solid #ccc; margin-right:10px}
.obr_sv textarea { width:480px; height:150px; border:1px solid #ccc}
.red { color:#ff0000;}
.obr_sv  input#c_cod { width:100px; border:1px solid #ccc; margin-right:10px; float:left}
.clear { clear:both}
.sp_sup { position:relative; top:-7px}

.fs24 { font-size:24px}

ul.errorlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #f00;
	font-size: 11px;
}

.template {
    display: none;
}

ul.lev3-categories {
    padding: 0;
    margin: 5px 0 0 0;
}
ul.lev3-categories li {
    display: block;
    list-style: none;
    text-transform: uppercase;
    float: left;
    margin: 0 5px 5px 0;
}
ul.lev3-categories li a {
    background: #ddd;
    color: #000;
    padding: 10px;
    font-size: 10px !important;
    display: block;
}
ul.lev3-categories li.top a {
    background: #000;
    color: #fff;
}
ul.lev3-categories li.cur a {
    background: #d47;
    color: #fff;
}
ul.lev3-categories li.end {
        clear: left;
        float: none;
        margin: 0;
        padding: 0;
}

.seo-text {
    clear: both;
    margin: 10px 0;
}

table.form {
    border-spacing: 5px;
}
table.form th,
table.form td {
    padding: 0;
}

table.form th {
    text-align: left;
    vertical-align: top;
    padding-top: .4em;
    font-weight: normal;
}
table.form input[type=text],
table.form textarea {
    border: 1px solid #cfcfcf;
    background: #f2eee4;
}
table.form input[type=submit],
table.form input[type=button],
table.form button {
    background: #d81a5d;
    color: #fff;
    border: none;
    text-transform: uppercase;
}

.comments {
    margin: 3em 0 0 0;
}
.comments .label,
.comment-form .label {
    display: block;
    margin: 0 0 1em 0;
    font-weight: bold;
    font-size: 14px;
}
.comments .comment {
    margin: 0 0 2em 0;
}
.comments .name {
    font-weight: bold;
    color: #d81a5d;
    margin-right: 1em;
}
.comments .date {
    font-style: oblique;
}
.comments .message {
    margin: .5em 0;
}

.comment-form input,
.comment-form textarea {
    width: 100%;
    padding: 0;
}