html, body {margin:0; padding:0; height:100%}
body {background:#070707 url(../img/background.jpg) no-repeat center 75px; font:normal 14px Arial; color:#999999}
img {display:block; border:none}
.clear {clear:both; width:0; height:0; border:none; margin:0; padding:0; font-size:0; line-height:0;}
.relative {position:relative; height:400px}
form {margin:0; padding:0;}
a {color:#ba0048}
h1, h2, h3, h4, h5 {font-weight:normal}

.authorization {position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #FFFFFF}

h1, h2 {color:#FFFFFF}

.content_block {width:875px; height:476px; position:absolute; top:50%; left:50%; margin:-215px -437px; z-index:10}
	.content_block .content_close {width:51px; height:48px; position:absolute; top:12px; right:12px; z-index:11}
	.content_block .content_top {background:url(../img/block_top.png) no-repeat; width:875px; height:23px; position:absolute; top:0; left:0;}
	.content_block .content_middle {background:url(../img/block_middle.png); width:875px; height:430px; position:absolute; top:23px; left:0;}
	.content_block .content_bottom {background:url(../img/block_bottom.png) no-repeat; width:875px; height:23px; position:absolute; bottom:0; left:0;}
		.content_block .content_middle  h1 {margin:0 25px 0 35px; padding:0; font-size:30px; line-height:30px; height:30px; color:#FFFFFF; font-weight:normal}
		.content_block .content_middle .main_block {margin:20px 27px 20px 35px; height:360px;}


div.center {width:1100px; margin:0 auto; height:90%; position:relative}
div.menu {height:52px; margin:0 0 0 25px}
	div.menu div.item {float:left; margin:0 13px}

div.shampoo {height:300px; position:absolute; top:330px; left:0px}
	div.shampoo div {position:absolute;}
	div.shampoo div.company {left:50px; top:7px;}
	div.shampoo div.about_services {left:197px; top:58px;}
	div.shampoo div.calculator {left:341px; top:0px;}
	div.shampoo div.profile {left:486px; top:45px;}
	div.shampoo div.registration {left:630px; top:5px;}
	div.shampoo div.news {left:776px; top:54px;}
	div.shampoo div.contacts {left:919px; top:30px;}


/* CALCULATOR */
.calculator {}
	.calculator .next_button {position:absolute; right:30px; bottom:10px;}
input.ffb-input,
input.text {background:url(../img/block_bg.png); border:none; color:#FFFFFF; height:25px; vertical-align:middle}

label {color:#FFFFFF}
	label span {color:#666666}

.step2 blockquote {border:none; padding:0 0 10px 0; margin:10px 0 0 0; border-bottom:1px dashed #a6adb7;}
	.step2 h4 {margin:0 0 10px 0; padding:0; font-size:14px; font-weight:bold}
		.step2 h4 a {font-weight:normal}

#cargo_proto {display:none}
#second_city {padding:30px 0 0 0}

#calculator_step2 {}
	#calculator_step2 form {margin:0; width:600px}

	#calculator_step2 div.add {margin:10px 0}

		#calculator_step2 form div.field {float:left; width:100px; margin:10px 20px 0 0}
			#calculator_step2 form div.field label {display:block; line-height:22px;}
			#calculator_step2 form div.field input {display:block; width:100px; background:url(../img/block_bg.png); border:none; color:#FFFFFF;}

		#calculator_step2 form div.name {float:none; width:540px; margin:0}
			#calculator_step2 form div.name input {display:block; width:100%}

		#calculator_step2 form div.unit {width:50px;}
		#calculator_step2 form div.del {text-align:right; font-size:10px;}

		#calculator_step2 form div.danger {float:left; width:auto; margin:28px 20px 0 0}
			#calculator_step2 form div.danger label {display:inline; font-weight:normal}
			#calculator_step2 form div.danger input {display:inline; width:auto;}

		#calculator_step2 form div.empty {float:left; width:auto; margin:28px 20px 0 0}
			#calculator_step2 form div.empty label {display:inline; font-weight:normal}
			#calculator_step2 form div.empty input {display:inline; width:auto;}

		#calculator_step2 form div.ins {float:none; width:auto; margin:0 20px 0 0}
			#calculator_step2 form div.ins label {display:block; font-weight:normal; width:400px}
			#calculator_step2 form div.ins input {display:inline;}

.step3 table {width:100%; color:#FFFFFF}
	.step3 table th {font-weight:normal; padding:0 0 5px 0; border-bottom:1px dashed #a6adb7; font-size:14px}
	.step3 table td {padding:3px 0 5px 0; border-bottom:1px dashed #a6adb7;}

	.step3 table tr.disabled td {color:#888888}


div.bubble_block {width:100%; height:16px; position:relative; overflow:visible}
	div.bubble {width:400px; position:absolute; left:50px; top:12px; background:#CCCCCC; display:none; padding:10px; color:#000000; z-index:1000}
		div.bubble strong {font-size:18px;}
	div.bubble_block span {padding:0 0 0 5px}
		div.bubble_block span img {display:inline; vertical-align:middle}

div.bubble_block span:hover div.bubble {display:block}

label div.bubble_block {width:20px; height:16px; position:relative; overflow:visible; display:inline;}
	label div.bubble {width:250px; height:70px;position:absolute; left:-200px; top:-70px; background:#000000; display:none; padding:5px 10px; color:#FFFFFF; z-index:1000; font-size:10px; line-height:12px}
		label div.bubble strong {font-size:18px;}
	label div.bubble_block span {padding:0 0 0 5px}
		label div.bubble_block span img {display:inline; vertical-align:middle}
	
	.danger	label div.bubble {width:250px; height:170px; position:absolute; left:-200px; top:-170px;}

#calculator_step4 {}
	#calculator_step4 div.left_col {float:left; width:250px}
	#calculator_step4 div.right_col {float:right; width:260px}
	#calculator_step4 label {display:block; margin:0 0 0 0}
	#calculator_step4 input {display:block; margin:2px 0 10px 0}
	#calculator_step4 input.texts {display:block; width:100%; background:url(../img/block_bg.png); border:none; color:#FFFFFF; height:20px}
	#calculator_step4 input.submit {margin:80px 0 0 0}

	#calculator_step4 div.desc {border-left:1px solid #494850; padding:0 0 7px 24px; font-size:11px; line-height:13px; color:#777777}
	#calculator_step4 ul {margin:20px 0 0 25px; padding:0;}
		#calculator_step4 ul li {margin:3px 0 0 0; padding:0 0 0 14px; list-style-type:none; background:url(../img/bullit.gif) no-repeat 0px 6px}
			#calculator_step4 ul li a {color:#b4316d}

.step4 p {text-indent:0px; color:#FFFFFF; font-size:14px; margin:0 0 30px 0}
.step4 p.desc {color:#a6adb7; font-size:12px; margin:10px 0 30px 0}
.step4 label {margin-top:10px; color:#999999}

blockquote.sender {float:left; width:48%; margin:0; padding:0 7px 0 0; border-right:1px dashed #a6adb7}
	blockquote.sender h4 {color:#FFFFFF; font-size:14px; margin:0;}
	blockquote.sender input.text {width:285px; background:url(../img/block_bg.png); border:none; color:#FFFFFF; border:none; color:#FFFFFF; height:20px}
	blockquote.sender input.checkbox {width:auto; display:inline !important}
	blockquote.sender label.checkbox {width:auto; display:inline !important}
		blockquote.sender input.date {width:15px}
		blockquote.sender input.year {width:30px}

blockquote.recipient {float:right; width:48%; margin:0; padding:0;}
	blockquote.recipient h4 {color:#FFFFFF; font-size:14px; margin:0;}
	blockquote.recipient input.text {width:285px; background:url(../img/block_bg.png); border:none; color:#FFFFFF; border:none; color:#FFFFFF; height:20px}
	blockquote.recipient input.checkbox {width:auto; display:inline !important}
	blockquote.recipient label.checkbox {width:auto; display:inline !important}
		blockquote.recipient input.date {width:15px}
		blockquote.recipient input.year {width:30px}

blockquote.sender div.row {margin:1px 0 0 0 !important; padding:0; border:none;}
	blockquote.sender div.row label {display:block;}
	blockquote.sender div.row input.text {display:block;}
	blockquote.sender div.row textarea {width:285px; background:url(../img/block_bg.png); border:none; color:#FFFFFF;font-family:"Trebuchet MS"; overflow:auto;}

blockquote.recipient div.row {margin:1px 0 0 0 !important; padding:0; border:none}
	blockquote.recipient div.row label {display:block;}
	blockquote.recipient div.row input.text {display:block;}
	blockquote.recipient div.row textarea {width:285px; background:url(../img/block_bg.png); border:none; color:#FFFFFF;font-family:"Trebuchet MS"; overflow:auto;}


blockquote.sender div.autofill {margin-bottom:20px;}
	blockquote.sender div.autofill select {width:285px}

blockquote.recipient div.autofill {margin-bottom:20px;}
	blockquote.recipient div.autofill select {width:285px}


form.status {}
	form.status input {display:block; width:200px; background:url(../img/block_bg.png); border:none; color:#FFFFFF; border:none; color:#FFFFFF; height:20px}
	form.status input.submit {display:block; width:auto; background:none; border:none; color:none; border:none; color:none; height:auto}


.registration {}
	.registration div.left_col {float:left; width:260px}
	.registration div.right_col {float:right; width:250px}

.registration div.row {margin:10px 0 0 0}
	.registration p {text-indent:0px}
	.registration div.row label {display:block;}
	.registration div.row input {display:block; width:100%; background:url(../img/block_bg.png); border:none; color:#FFFFFF; border:none; color:#FFFFFF; height:20px}
	.registration h5 {color:#b4316d; font-weight:normal; font-size:12px; margin:20px 0 10px 0}
	.registration div.buttons {margin:20px 0 0 0; width:260px}
		.registration div.buttons input {display:block; float:left}
		.registration div.buttons img {display:block; float:right; cursor:pointer}


.contacts {}
	.contacts div.left_col {float:left; width:300px}
	.contacts div.right_col {float:left; width:230px}
	.contacts ul {margin:3px 0 0 0; padding:0; font-size:11px}
		.contacts ul li {margin:0 0 0 0; padding:0 0 0 14px; list-style-type:none; background:url(../img/bullit.gif) no-repeat 0px 6px}
			.contacts ul li a {color:#b4316d}

	.contacts address {font-style:normal; font-size:11px; line-height:14px; color:#FFFFFF; margin:10px 0 0 0}
	.contacts div.phones {font-size:11px; line-height:14px; color:#FFFFFF; margin:25px 0 0 0}
		.contacts div.phones span {color:#b4316d}
		.contacts div.phones i {font-style:normal; color:#777777}

	.contacts div.emails {font-size:11px; line-height:14px; color:#FFFFFF; margin:25px 0 0 0}
		.contacts div.emails span {color:#777777}
		.contacts div.emails a {color:#b4316d}

.profile {}
	.profile div.left_col {float:left; width:100px; border-right:1px solid #494850; padding:0 0 50px 0}
		.profile div.left_col a {color:#FFFFFF; display:block; margin:0 0 5px 0}
		.profile div.left_col a.active,
		.profile div.left_col a:hover {color:#b4316d;}
	.profile div.right_col{float:left; width:600px; margin:-30px 0 0 20px}

.profile table {width:100%; color:#FFFFFF}
	.profile table th {font-weight:normal; padding:0 0 5px 0; border-bottom:1px dashed #a6adb7; font-size:14px}
	.profile table td {padding:3px 0 5px 5px; border-bottom:1px dashed #a6adb7;}
		.profile table td a {color:#b4316d;}

.orders_item {}
	.orders_item h4 {font-size:14px; margin:0 0 20px 0; color:#FFFFFF}
	.orders_item div.row {color:#FFFFFF}
		.orders_item div.row i {color:#a6adb7}
	.orders_item div.row_ {border-bottom:1px dashed #a6adb7; padding:20px 0 0 0; height:1px; font-size:1px; line-height:1px;}
	.orders_item div.print {padding:20px 0 10px 0;}
		.orders_item div.print img {display:inline}


.filter {margin:0 0 10px 0}
	.filter input {display:block; float:left; margin:0 10px 0 0}
	.filter input.text {width:100px; background:url(../img/block_bg.png); border:none; color:#FFFFFF; border:none; color:#FFFFFF; height:20px}

.news {}
	.news div.left_col {float:left; width:150px; padding:0 0 50px 0}
		.news div.left_col a {color:#f4005b; display:block; margin:0 0 5px 0}
		.news div.left_col a.active,
		.news div.left_col a:hover {color:#f4005b;}
		.news div.left_col span {display:block; margin:0 0 5px 0}

	.news div.right_col{float:left; width:550px; margin:0 0 0 20px}

	.news div.news_block span {width:100px; color:#FFFFFF; font-size:14px;}
	.news div.news_block span.red {color:#f4005b;}
	.news div.news_block a {color:#f4005b; font-size:14px;}

	.news .show_news {}
		.news .show_news h2 {margin:0; padding:0 0 0 0;}
		.news .show_news .date {margin:0; padding:5px 0 5px 0; font-size:12px}
		.news .show_news div.back {margin:0 0 20px 0}

p.vip {margin:5px 0 0 0; font-size:10px;}
span.vip {margin:0; padding:0 !important; color:red}

.delete-recipient,
.delete-sender {
	visibility:hidden;
}