/*Elements*/
* {
	font-size: 11px; /* Resets 1em to 10px */
	font-family: Arial, Verdana, sans-serif;
	color:#333333;
	margin:0;
	padding:0;}
h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #000000;}
h1{font-size: 14px;}
h2{font-size: 13px;}
h3{font-size: 12px;}
h4{font-size: 11px;}
h5{font-size: 10px;}
h6{font-size: 9px;}

html, body {
	width:100%;
	height:100%;}
body {
	background:url(/);
	background-color:;
	padding:0;
	margin:0;}
img {
	border:0;
	padding:0;
	margin:0;}
img.png {behavior: url("/png.htc");}
table, table td {/*margin:0; padding:0;*/ border-collapse:collapse;}
table td {vertical-align:top;}
p {
	color:inherit;
	margin:;
        text-align: left;
}
a img {cursor: pointer;}
a {
	color: #0044fe;
	/*text-decoration: none;*/
}
a:link {
	color: #0044fe;
	/*text-decoration: none;*/
	text-decoration: underline;
}
a:visited {
	color: #551a8b;
	/*text-decoration: none;*/
	text-decoration: underline;
}
a:hover {
	color: #ff9c19;
	text-decoration: underline;
}
a:active {
	color: #ff0000;
	text-decoration: underline;
}

/*_Elements_*/

/*Form*/
form {}

div.textarea {width:250px;}
div.textarea textarea {
	width:240px;
	height:130px;}
div.textarea div.top {background:url(/images/form/textarea/border.gif) repeat-x right top #ffffff;}
div.textarea div.right {background:url(/images/form/textarea/border.gif) repeat-y right bottom;}
div.textarea div.bottom {background:url(/images/form/textarea/border.gif) repeat-x left bottom;}
div.textarea div.left {background:url(/images/form/textarea/border.gif) repeat-y left top;}
div.textarea div.topr {background:url(/images/form/textarea/tr.gif) no-repeat right top}
div.textarea div.bottomr {background:url(/images/form/textarea/br.gif) no-repeat right bottom;}
div.textarea div.bottoml {background:url(/images/form/textarea/bl.gif) no-repeat left bottom;}
div.textarea div.topl {
	background:url(/images/form/textarea/tl.gif) no-repeat left top;
	padding:5px;}
/*_Form_*/

/*List*/
ul {}
ul li {}
/*_List_*/

/*Menu*/
#steps_form td.menu .header {background:url(/images/left_menu/header/bg.gif) repeat-x;}
#steps_form td.menu .header .left {background:url(/images/left_menu/header/left.gif) no-repeat left top;}
#steps_form td.menu .header .right {background:url(/images/left_menu/header/right.gif) no-repeat right top;}
#steps_form td.menu .header .status {
	height:25px;
	width:200px;
	background:url(/images/left_menu/header/plus.gif) no-repeat right 5px;
	margin-right:6px;
	cursor:pointer;}
#steps_form td.menu .minus .status {background-image:url(/images/left_menu/header/minus.gif);}
#steps_form td.menu .header .status div {
	color:#ffffff;
	font-size:11px;
	padding:6px 0 0 16px;}
#steps_form ul.menu {
	margin:15px 0 0 0;
	padding:0 0 0 32px;
	width:170px;
	display:none;}
#steps_form ul.menu li {
	list-style-type:none;
	padding:0 0 9px 0;
	margin:0;}
#steps_form ul.menu li.plus {position:relative;}
#steps_form ul.menu li.plus div.icon {
	position:absolute;
	width:7px;
	height:7px;
	background:url(/images/left_menu/plus.gif) no-repeat;
	font-size:0;
	top:4px;
	left:-14px;}
#steps_form ul.menu li ul {
	margin:4px 0 -4px 20px;
	display:none;}
#steps_form ul.menu li ul li {
	padding:0 0 4px 0;
	font-size:11px;}
#steps_form ul.menu li ul li a {font-size:11px;}
/*_Menu_*/

/*Page*/
.clear {
	clear:both;
	height: 0;
	overflow: hidden;}
#steps_form {
	margin:50px;
	min-width:890px;}
#steps_form * {
	font-size: 13px;
	font-family: Arial, Verdana, sans-serif;}
#steps_form h4 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;}
#steps_form h5 {
	font-size:11px;
	color:#999999;}
#steps_form div.head {
	background-color:#696969;
	border-bottom:1px solid #696969;}
#steps_form div.head div.tl {
	background:url(/images/frame/tl.gif) no-repeat left top;}
#steps_form div.head div.tr {
	background:url(/images/frame/tr.gif) no-repeat right top;}
#steps_form div.head h3 {

	color:#ffffff;
	font-size:11pt;
	font-weight:bold;
	padding:5px 5px 4px 20px;
	margin:0;
	width:858px;}
#steps_form div.body {
	border:1px solid #d3d3d3;
	border-top:none;
	padding:40px 30px 10px 30px;}
#steps_form div.body div.bl {
	background:url(/images/frame/bl.gif) no-repeat left bottom;}
#steps_form div.body div.br {
	background:url(/images/frame/br.gif) no-repeat right bottom;}
#steps_form div.products {
	margin-left:20px;}
#steps_form div.products table {
	border-left:1px solid #d0d0d0;
	width:100%;}
#steps_form div.products table td {
	text-align:center;
	padding:15px 15px 25px 15px;
	border-top:1px solid #d0d0d0;
	background:url(/images/production_bg.gif) no-repeat left 15px;
	width:33%;}
#steps_form div.products table tr.top td {
	padding-top:0;
	border-top:0;
	background-position:left 0;}
#steps_form div.products table td.first {background-image:none;}
#steps_form div.step2 {margin-left:0;}
#steps_form div.step2 table {border:none;}
#steps_form div.step2 table td {width:25%;}
#steps_form div.products h4, #steps_form div.products p {
	text-align:left;
	padding-left:10px;
	font-size:13px;}
#steps_form div.products h4 {
	margin-bottom:4px;
	font-weight:normal;}
#steps_form div.bottom {position:relative;}
#steps_form div.bottom div.bl {
	background:url(/images/frame/bl.gif) no-repeat left top;
	height:5px;
	width:5px;
	font-size:0;
	position:absolute;
	top:6px;
	left:-31px;}
#steps_form div.bottom div.br {
	background:url(/images/frame/br.gif) no-repeat right top;
	height:5px;
	width:100%;
	font-size:0;
	position:absolute;
	top:6px;
	left:31px;}
#steps_form div.button {margin:20px 0 0 30px;}
#steps_form div.button a {margin-right:50px;}
#steps_form div.input {
	height:23px;
	background:url(/images/form/input/bg.gif) repeat-x;
	width:76px;}
#steps_form div.input div.left {
	background:url(/images/form/input/left.gif) no-repeat left top;
	position:relative;}
#steps_form div.input div.right {
	background:url(/images/form/input/right.gif) no-repeat right top;
	font-size:0;
	padding:4px 11px;}
#steps_form div.input input.text {
	width:35px;
	height:15px;}
/*_Page_*/

/*Step3*/
#steps_form div.step3 {background-color:#efefef;}
#steps_form div.step3 div.bottom div.bl {background-image:url(/images/frame/bl_3.gif);}
#steps_form div.step3 div.bottom div.br {background-image:url(/images/frame/br_3.gif);}
#steps_form div.size {
	padding:0 0 35px 20px;
	border-bottom:1px solid #d0d0d0;}
#steps_form div.size table.text {width:100%;}
#steps_form div.size table.text td.text {width:70%;}
#steps_form div.size table.text td.pic {width:30%;}
#steps_form div.size table.size_fields {}
#steps_form div.size table.size_fields td {}
#steps_form div.form_field {margin:17px 55px 0 0;}
#steps_form div.form_field h5 {
	font-size:11px;
	padding:0 0 3px 20px;}
#steps_form div.form_field h5.attention {color:#ff0000;}
#steps_form div.form_field h5 span {font-size:11px;}
#steps_form div.form_field div.input {}
#steps_form div.form_field div.input div.icon {
	position:absolute;
	top:0;
	left:-23px;}
#steps_form div.form_field div.input div.sign {
	position:absolute;
	top:3px;
	right:9px;}
#steps_form ul#l_w_h {
	width:171px;
	height:106px;
	background:url(/images/l_w_h.gif) no-repeat;
	position:relative;}
#steps_form ul#l_w_h li {
	list-style-type:none;
	position:absolute;
	white-space:nowrap;}
#steps_form ul#l_w_h li.width {
	top:85px;
	left:120px;}
#steps_form ul#l_w_h li.length {
	top:109px;
	left:36px;}
#steps_form ul#l_w_h li.height {
	top:45px;
	right:175px;}
#steps_form table.size {
	width:100%;
	border-bottom:1px solid #d0d0d0;}
#steps_form table.size td {
	background:url(/images/order_bg.gif) no-repeat left 15px;
	padding:30px 20px;}
#steps_form table.size td div.img {
	position:relative;
	margin-top:20px;}
#steps_form table.size td div.img div.sign {position:absolute;}
#steps_form table.size td.cover_h {
	background-image:none;
	width:35%;}
#steps_form table.size td.cover_h .img {width:158px;}
#steps_form table.size td.cover_h img {margin-left:42px;}
#steps_form table.size td.cover_h div.img div.sign {
	top:13px;
	right:122px;}
#steps_form table.size td.valve_size img {margin-left:20px;}
#steps_form table.size td.valve_size div.img div.sign {
	top:47px;
	left:95px;}
#steps_form table.size td.wall_h {width:30%;}
#steps_form table.size td.wall_h .img {width:101px;}
#steps_form table.size td.wall_h img {margin-left:43px;}
#steps_form table.size td.wall_h div.img div.sign {
	top:13px;
	right:63px;}

#steps_form table.number_of {

	width:100%;
	border-bottom:1px solid #d0d0d0;
	margin-bottom:30px;}
#steps_form table.number_of td {padding:30px 20px;}
#steps_form table.number_of td.number_of {width:25%;}
#steps_form table.number_of td.delivery {width:25%;}
#steps_form table.number_of td.palet {width:25%;}
#steps_form table.number_of td.print {width:25%;}
#steps_form div.checkbox {position:relative;}
#steps_form div.checkbox table {
	position:absolute;
	top:-1px;
	left:-23px;}
#steps_form div.checkbox td {
	width:20px;
	height:20px;
	vertical-align:middle;
	text-align:center;
	padding:0;}
#input_image_step3 {display:none;}
/*_Step3_*/

/*Step4*/
#steps_form div.step4 {background-color:#efefef;}
#steps_form div.step4 div.bottom div.bl {background-image:url(/images/frame/bl_3.gif);}
#steps_form div.step4 div.bottom div.br {background-image:url(/images/frame/br_3.gif);}
#steps_form div.step4 div.parameters {
	padding:0 0 20px 20px;
	border-bottom:1px solid #d0d0d0;}
#steps_form div.step4 div.parameters table.text {width:100%;}
#steps_form div.step4 div.parameters table.text td.text {
	width:70%;
	padding-right:20px;}
#steps_form div.step4 div.parameters table.text td.pic {width:30%;}
#steps_form div.step4 div.parameters table.parameters {
	width:100%;
	margin-top:7px;}
#steps_form div.step4 div.parameters table.parameters td {padding:0 10px 10px 0;}
#steps_form div.step4 div.print_parameters {padding:0 0 20px 20px;}
#steps_form div.step4 table.pantones {
	margin-top:16px;
	width:100%;}
#steps_form div.step4 table.pantones h5 {margin-bottom:4px;}
#steps_form div.step4 table.pantones td.pantone1 {}
#steps_form div.step4 table.pantones td.pantone2 {}
#steps_form div.step4 div.choose_pantone {width:120px;}
#steps_form div.step4 div.pantone {position:relative;}
#steps_form div.step4 div.pantone div.text {
	position:absolute;
	top:24px;
	left:132px;}
#steps_form div.step4 div.choose_pantone div {
	float:left;
	width:19px;
	height:19px;
	margin:0 1px 1px 0;}
#steps_form div.step4 div.choose_pantone img {visibility:hidden;}

#steps_form div.step4 table.pantones div.own_pantone {
	clear:both;
	padding-top:20px;
	margin-left:18px;}
#steps_form div.own_pantone .checkbox {}

#steps_form div.step4 table.pantones div.fill {
	padding-top:12px;
	visibility:hidden;}
#steps_form div.step4 table.pantones div.fill .input {width:121px;}
#steps_form div.step4 table.pantones div.fill input.text {width:80px;}
#steps_form div.step4 div.bill {padding:30px 20px;}
#steps_form div.step4 div.bill h5 {display:inline;}
#steps_form div.step4 div.bill span.price {
	font-size:20px;
	margin-left:10px;}
#steps_form div.step4 div.bill img {margin-left:5px;}
#steps_form div.step4 div.bill a {margin-left:50px;}
#steps_form div.step4 div.bill a.choose_customer {margin-left:0;}
#chosen_customer {margin-left:50px;}
/*_Step4_*/

/*Customers*/
body.customers {background:#efefef;}
body.customers .close_window {
	width:17px;
	height:18px;
	position:absolute;
	top:64px;
	right:60px;
	background:url(/images/icons/close_window.gif) no-repeat;
	cursor:pointer;}
body.customers div.padding {padding:60px;}
body.customers h1 {
	font-size:12pt;
	font-weight:bold;
	margin:0 0 17px 12px;}
#customers {width:100%;}
#customers td {
	background-color:#ffffff;
	padding:0 0 0 30px;
	vertical-align:middle;
	height:33px;
	border-bottom:1px solid #efefef;}
#customers td.name {
	background:url(/images/order/left.gif) no-repeat left top #ffffff;}
#customers td.right {
	width:16px;
	background:url(/images/order/right.gif) no-repeat right top #ffffff;}
/*_Customers_*/

/*Step5*/
#steps_form div.step5 {background-color:#efefef;}
#steps_form div.step5 div.bottom div.bl {background-image:url(/images/frame/bl_3.gif);}
#steps_form div.step5 div.bottom div.br {background-image:url(/images/frame/br_3.gif);}
#steps_form div.step5 table.accounts {width:100%;}
#steps_form div.step5 table.accounts td {
	background-color:#ffffff;
	padding:0 0 0 30px;
	vertical-align:middle;
	height:33px;
	border-bottom:1px solid #efefef;}
#steps_form div.step5 table.accounts td.name {
	width:25%;
	background:url(/images/order/left.gif) no-repeat left top #ffffff;}

#steps_form div.step5 table.accounts td.description {width:30%;}
#steps_form div.step5 table.accounts td.price {
	width:20%;
	font-size:20px}
#steps_form div.step5 table.accounts td.price img {margin-left:5px;}
#steps_form div.step5 table.accounts td.button {
	width:25%;
	background:url(/images/order/right.gif) no-repeat right top #ffffff;
	text-align:right;
	padding-right:5px;}
#steps_form div.step5 table.pager {background:url(/images/order/pager/left.gif) no-repeat left top #ffffff;}
#steps_form div.step5 table.pager td {
	background:url(/images/order/pager/right.gif) no-repeat right top;
	padding:16px 21px 15px 30px;}
#steps_form div.step5 table.pager td * {margin-right:9px;}
#steps_form div.step5 table.pager_button {width:100%;}
#steps_form div.step5 table.pager_button td.button {
	text-align:right;
	padding-top:11px;}
/*_Step5_*/

/*Step6*/
#steps_form div.step6 {
	background-color:#efefef;
	padding-top:6px;}
#steps_form div.step6 div.bottom div.bl {background-image:url(/images/frame/bl_3.gif);}
#steps_form div.step6 div.bottom div.br {background-image:url(/images/frame/br_3.gif);}
#steps_form div.step6 table.accounts {
	width:100%;
	clear:both;}
#steps_form div.step6 table.accounts thead td {
	background-color:#efefef;
	padding:0 0 0 30px;
	vertical-align:middle;
	height:33px;}
#steps_form div.step6 table.accounts thead td .icon {position:relative;}
#steps_form div.step6 table.accounts thead td .icon div {
	position:absolute;
	top:5px;
	left:-16px;
	background-repeat:no-repeat;
	width:7px;
	height:7px;}
#steps_form div.step6 table.accounts thead td .bottom div {background-image:url(images/icons/sort_b.gif);}
#steps_form div.step6 table.accounts thead td .top div {background-image:url(images/icons/sort_t.gif);}
#steps_form div.step6 table.accounts td {
	background-color:#ffffff;
	padding:0 0 0 30px;
	vertical-align:middle;
	height:33px;
	border-bottom:1px solid #efefef;}
#steps_form div.step6 table.accounts td.date {
	width:15%;
	background:url(/images/order/left.gif) no-repeat left top #ffffff;}
#steps_form div.step6 table.accounts td.name {width:40%;}
#steps_form div.step6 table.accounts td.customer {
	width:45%;
	background:url(/images/order/right.gif) no-repeat right top #ffffff;
	padding-right:5px;}
#steps_form div.step6 table.pager {background:url(/images/order/pager/left.gif) no-repeat left top #ffffff;}
#steps_form div.step6 table.pager td {
	background:url(/images/order/pager/right.gif) no-repeat right top;
	padding:16px 21px 15px 30px;}
#steps_form div.step6 table.pager td * {margin-right:9px;}
#steps_form div.step6 table.pager_button {width:100%;}
#steps_form div.step6 table.pager_button td.button {
	text-align:right;
	padding-top:11px;}
.button_bg {
	width:207px;
	margin:20px 20px 0 0;
	float:left;}
.button_bg .center_bg {background:url(images/buttons/bg_center.gif) repeat-x;}
.button_bg .right_bg {background:url(images/buttons/bg_right.gif) no-repeat right top;}
.button_bg .left_bg {
	background:url(images/buttons/bg_left.gif) no-repeat left top;
	padding:23px 0;
	text-align:center;}
.act .center_bg {background:url(images/buttons/act/bg_center.gif) repeat-x;}
.act .right_bg {background:url(images/buttons/act/bg_right.gif) no-repeat right top;}
.act .left_bg {
	background:url(images/buttons/act/bg_left.gif) no-repeat left top;
	padding:23px 0;
	text-align:center;}
/*_Step6_*/

/*Step7*/
#steps_form div.step7 {background-color:#efefef;}
#steps_form div.step7 div.bottom div.bl {background-image:url(/images/frame/bl_3.gif);}
#steps_form div.step7 div.bottom div.br {background-image:url(/images/frame/br_3.gif);}
#steps_form div.step7 table.order_variant {width:100%;}
#steps_form div.step7 table.order_variant td {
	padding:6px;
	padding-bottom:20px;
	width:25%;}
#steps_form div.step7 table.order_variant td .tl {
	background:url(/images/variant/tl.gif) no-repeat left top #ffffff;
	margin-right:20px;
	cursor:pointer;}
#steps_form div.step7 table.order_variant td .tr {background:url(/images/variant/tr.gif) no-repeat right top;}
#steps_form div.step7 table.order_variant td .bl {background:url(/images/variant/bl.gif) no-repeat left bottom;}
#steps_form div.step7 table.order_variant td .br {
	background:url(/images/variant/br.gif) no-repeat right bottom;
	padding:20px 25px;}
#steps_form div.step7 table.order_variant td.act {padding:0 0 14px 0;}
#steps_form div.step7 table.order_variant td.act .t {
	background:url(/images/variant/act/border.gif) repeat-x left top #ffffff;
	margin-right:20px;}
#steps_form div.step7 table.order_variant td.act .l {background:url(/images/variant/act/border.gif) repeat-y left top;}
#steps_form div.step7 table.order_variant td.act .b {background:url(/images/variant/act/border.gif) repeat-x left bottom;}
#steps_form div.step7 table.order_variant td.act .r {background:url(/images/variant/act/border.gif) repeat-y right bottom;}
#steps_form div.step7 table.order_variant td.act .tl {
	background-image:url(/images/variant/act/tl.gif);
	background-color:transparent;
	margin-right:0;
	cursor:default;}
#steps_form div.step7 table.order_variant td.act .tr {background-image:url(/images/variant/act/tr.gif);}
#steps_form div.step7 table.order_variant td.act .bl {background-image:url(/images/variant/act/bl.gif);}
#steps_form div.step7 table.order_variant td.act .br {
	background-image:url(/images/variant/act/br.gif);
	padding:26px 31px;}
#steps_form div.step7 table.order_variant td h5 {margin-top:10px;}
#steps_form div.step7 table.order_variant td .price {font-size:20px;}
#steps_form div.step7 table.add_status {
	width:100%;
	margin-top:20px;}
#steps_form div.step7 table.add_status td.status {text-align:right;}
#steps_form div.step7 table.add_status td.status select {width:150px;}
#steps_form div.step7 table.add_status td.save {
	width:133px;
	text-align:right;}
/*_Step7_*/

/*Step8*/
#steps_form div.step8 {background-color:#efefef;}
#steps_form div.step8 .order {margin-bottom:11px;}
#steps_form div.step8 .order p {margin-top:10px;}
#steps_form div.step8 .order_prop {}
#steps_form div.step8 table.construction {
	width:100%;
	margin-bottom:30px;}
#steps_form div.step8 td.picture {text-align:right;}
#steps_form div.step8 td.construction {
	padding-left:33px;
	width:30%;}
#steps_form div.step8 td.construction span.name {color:#999999;}
#steps_form div.step8 td.commentary {
	padding-left:33px;
	width:30%;}
#steps_form div.step8 td.commentary h4 {margin-bottom:10px;}
#steps_form div.step8 .order_prop table {width:100%;}
#steps_form div.step8 .order_prop td {
	width:33%;
	padding-right:20px;}
#steps_form div.step8 div.bottom div.bl {background-image:url(/images/frame/bl_3.gif);}
#steps_form div.step8 div.bottom div.br {background-image:url(/images/frame/br_3.gif);}
#steps_form div.step8 .order_prop .tl {background:url(/images/variant/tl.gif) no-repeat left top #ffffff;}
#steps_form div.step8 .order_prop .tr {background:url(/images/variant/tr.gif) no-repeat right top;}
#steps_form div.step8 .order_prop .bl {background:url(/images/variant/bl.gif) no-repeat left bottom;}
#steps_form div.step8 .order_prop .br {
	background:url(/images/variant/br.gif) no-repeat right bottom;
	padding:20px 25px;}
#steps_form div.step8 div.bill {padding:40px 20px 50px 20px;}
#steps_form div.step8 div.bill h5 {display:inline;}
#steps_form div.step8 div.bill span.price {
	font-size:20px;
	margin-left:10px;}
#steps_form div.step8 div.bill img {margin-left:5px;}
#steps_form div.step8 div.bill span.brack {
	font-size:18px;
	margin-left:10px;}
#steps_form div.step8 div.bill a {margin-left:50px;}
#steps_form div.step8 div.bill a.choose_customer {margin-left:0;}
#steps_form div.step8 .error_message .tl {background:url(/images/error/tl.gif) no-repeat left top #990000;}
#steps_form div.step8 .error_message .tr {background:url(/images/error/tr.gif) no-repeat right top;}
#steps_form div.step8 .error_message .bl {background:url(/images/error/bl.gif) no-repeat left bottom;}
#steps_form div.step8 .error_message .br {
	background:url(/images/error/br.gif) no-repeat right bottom;
	padding:20px 25px;}
#steps_form div.step8 .error_message .br span {color:#ffffff;
/*_Step8_*/

/*Bitrix*/
div.top-panel * {
	font-size:8pt;
	color:#333333;}
/*_Bitrix_*/