/* Редакция от 09.06.2024 */
/* Редакция от 24.02.2010 */

body, html {
	margin: 0px;
	padding: 0px;
	border: none;
	outline-style: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.table {
    display: flex;
}

.column {
    margin-bottom: 1em;
    width: 100%;
}

.row {
    border: 1px black solid;
    height: 3em;
    margin: auto;
    width: 100%;
}

.active {
	color: #9999FF;
}

/* Для отображения сообщения */
.show-message {
    color: #FF0066;
    display: block;
}

/* Для скрытия сообщения */
.hide-message {
    display: none;
}

/* Для отображения блока*/
.show {
    color: black;
    display: block;
}

/* Для скрытия блока*/
.hide {
    display: none;
}

/* Для отображения сообщения об ошибке*/
.show-error {
    color: red;
    display: block;
}

/* Для скрытия сообщения об ошибке*/
.hide-error {
    display: none;
}

p {
	font-size: 12px;
	font-weight: normal;
}

p.text {
/*	text-indent: 2em; */
}

span.underlined_text {
	text-decoration: underline;
}

span.red_text {
	color: #FF0066;
}

a { /* установка малинового цвета для всех гиперссылок */
	font-size: 14px;
	font-weight: normal;
	color: #FF0066;
}

li {
	font-size: 12px;
	font-weight: normal;
}

h1 {
	font-size: 17px;
	color: #0057ad;
	/*color: #003457;*/
}
h2 {
	font-size: 15px;
	color: #0057ad;
    /*color: #483D8B;*/
}
h3 {
	font-size: 12px;
	color: #0057ad;
	/*color: #696969;*/
}

#container{
margin: 0 auto; /*обнуление полей и отступов, т.к. различные браузеры их по разному воспринимают. */
text-align: left; /*Отменяем tex-align:center заданное в body. Делаем чтобы весь текст в макете выравнивался по левому краю */

width: 100%;
min-height: 100%;
height: auto  !important;
height: 100%;
position: relative;

min-width: 1037px; /*задаем минимальную ширину макета в современных браузерах */
width: expression(  /*задаем минимальную ширину макета в старых версия браузера.*/
(document.compatMode && document.compatMode == 'CSS1Compat')
?
(document.documentElement.clientWidth < 1037
? "1037px" : "auto") : (document.body.clientWidth < 1037px
? "1037px" : "auto"));}


/* Стили виртуальной витрины */
#content_container {
	margin-top: 10px;
  /*margin-right: 203px; */
	margin-bottom: 77px;
	width: 100%;
	position:  relative;
	/*background-color: #99CCCC;*/
	/* background-image:  url(images/coins1.jpg);
	background-repeat: repeat-x;

	font-size: 14px;
	font-weight: bolder; */
}

/* Стили виртуальной личного кабинета */
#content_lk {
	margin-top: 10px;
  /*margin-right: 203px; */
	/*margin-bottom: 77px; */
	padding-top: 23px;
	padding-bottom: 77px;
	width: 100%;
	height: 100%;
	height: auto;
	position:  relative;
	/*background-color: #ddeeff;*/
	background-image:  url(../images/work-space-background_phs1.jpg);
	background-repeat: no-repeat;

	font-size: 14px;
	font-weight: bolder;
}

/*
div.block_logo {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	text-align: right;
	line-height: 0px;
}*/

div.header {
	position: relative;
	width: 100%;
	height: 123px;
	/*background-color: #99CCCF;*/
}

div.block_logo {
	display: inline-block;
	/*background-color: #99CCCC;*/
}

div.block_holder1 {
	position: absolute;
	display: inline-block;
	width: auto;
	height: 53px;

	right: 10px;
	bottom: 13px;
	line-height: 0px;
	/*background-color: #99CCCC;*/
	/*background-image: url(images/chain1_bkd.png);
	background-repeat: repeat-x;*/
}

div.cart {
	display: inline-block;
	position: relative;
	/*top: 13px;*/
	bottom: 7px;
}

div.profile {
	display: inline-block;
	position: relative;
	bottom: 10px;
}

div.profile a {
	text-decoration: none;
}

/* блок для корректного отображения кружочка с буквой имени пользователя*/
div.profile_user {
	display: inline-block;
	position: relative;
	bottom: 3px;
	z-index: 2;
}

div.user_menu {
	margin: auto;
	width: 333px;
	/*display: inline-block;
	position: relative;
	left: 33px;?*/
  color: #0057ad;
}

div.auth_user {
	position: relative;
	margin: auto;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	color: #0057ad;
	/*left: 0px;*/
	bottom: 16px;
	z-index: 1;
}

div.line1 {
	position: relative;
	height: 4px;
	width: 100%;
	background-color: #483D8B;
}

div.logistic_calc {
	display: inline-block;
	vertical-align: top;

	margin-left:50px;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 23px;
	height: 350px;
	width: 417px;

	border: thin solid;
	border-color: #483D8B;
	border-radius: 17px;

	color: black;
	background-color: #ddeeff;

/*
	text-align: left;
	font-size: 23px;
	font-style: normal;
	font-weight: bold;
	background-color: #99CCCC;
	*/
}

div.normalText {
	display: inline-block;
    color: black;
}

div.errorText {
	display: inline-block;
    color: red;
}

span.normal_text {
    color: #0057ad;
    font-style: normal;
    font-weight: normal;
}

#price_span {
    font-weight: bolder;
}

div.dimensions {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-bottom: 23px;

	color: #7d7f7d;
	/* background-color: #99CCCC; */
}

#length_input1 {
	position: relative;
	width: 33px;
}

#width_input1 {
	position: relative;
	width: 33px;
}

#heigth_input1 {
	position: relative;
	width: 33px;
}

div.item_card {
	display: inline-block;
	vertical-align: top;
	margin-left:30px;
    margin-top: 30px;
    height: 453px;
	width: 277px;
	/* position: relative; */
	top: 23px;
	left: 23px;
	background-color: #FFF6DD;
	background-image:  url(images/item_card1.jpg);
	background-repeat: repeat-x;
	font-size: 17px;
	font-weight: bolder;
	text-align: center;
}

div.item_image {
	margin-left: 58px;
	margin-right: 58px;
	width: 177px;
	height: 172px;
	position: relative;
}

div.item_name {
	margin: 33px;
	font-size: 21px;
	text-align: center;
	color: #000000;
}

div.item_price {
	margin: 17px;
	font-size: 23px;
	text-align: center;
	color: #FF0066;
}

div.itemAdded {
	display: grid;
	vertical-align: top;
	margin-left:40px;
  margin-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 17px;
  height: 77px;
	width: auto;
	/* position: relative; */
	/*top: 23px;
	left: 23px;*/

  font-size: 17px;
  font-weight: bolder;
  text-align: center;

  border: thin solid;
  border-color: #0057ad;
  border-radius: 17px;
  background-color: #ddeeff; /* #FFF6DD; */

}

div.cart_item {
	display: inline-grid;
	position: relative;
	top: 17px;
	margin: 0px;
	height: 40px;
	width: 213px;
	font-size: 15px;
	text-align: center;
	color: #FF4500;
}

div.task_logo {
	display: inline-grid;
	position: relative;
	top: 33px;
	margin: 0px;
	height: 40px;
	width: 133px;
	font-size: 15px;
  font-style: normal;
  font-weight: normal;
  color: #0057ad;
  text-align: center;
	/*background-color: #FF1493;*/
}

div.task_text {
	display: inline-grid;
	position: relative;
	top: 27px;
	margin: 0px;
	height: 40px;
	width: 133px;
	font-size: 15px;
  font-style: normal;
  font-weight: normal;
  color: #0057ad;
  text-align: center;
	/*background-color: #FF1493;*/
}

div.cart_text {
	display: inline-grid;
	position: relative;
	top: 27px;
	margin: 0px;
	height: 40px;
	width: 223px;
	/*padding-bottom: 0px; 223*/
	font-size: 15px;
  font-style: normal;
  font-weight: normal;
  color: #0057ad;
  text-align: center;
  /*background-color: #FF1493;*/
}

div.cart_drop_button {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 40px;
	right: 10px;
	top: 0px;
	text-align: right;
	bottom: 0px;
}

.cart_drop_button:hover {
	cursor: pointer;
}

#length {
	position: relative;
	width: 33px;
}

#width {
	position: relative;
	width: 33px;
}

#height {
	position: relative;
	width: 33px;
}

#weight {
	position: relative;
	width: 33px;
}

#qty_input1 {
	position: relative;
	width: 33px;
}

#qty_input2 {
	position: relative;
	width: 33px;
	bottom: 23px;
}

#regform_holder {
	margin-left: auto; /* auto для центрирования */
	margin-right: auto; /* auto для центрирования */
	margin-top: 23px;
	/*margin-bottom: 0px;*/
  padding: 23px;
  height: 377px;
	width: 433px;
	border-radius: 17px;
	position:  relative;
	background-color: #ddeeff;

	font-size: 14px;
	font-weight: bolder;
}

div.regform {
	margin-left: auto; /* auto для центрирования */
	margin-right: auto; /* auto для центрирования */
	width: 180px;
	height: auto;
}

#login_holder {
	margin-left: auto; /* auto для центрирования */
	margin-right: auto; /* auto для центрирования */
	margin-top: 23px;
	/*margin-bottom: 0px;*/
  padding: 23px;
  height: 170px;
	width: 433px;
	border-radius: 17px;
	position:  relative;
	background-color: #ddeeff;

	font-size: 14px;
	font-weight: bolder;
}

#footer {
	width: 100%;
	height: 150px;
	margin-top: 33px;
	text-align: center; /* ����� ����� ���. ���� ������������� �� ������ */
	background-image:  url(../images/footer.jpg);
	/*background-repeat: repeat-x; */
	/*background-color: #f5f5f5; */
}

#footer_menu_holder {
	display: block;
	width: 527px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
/*	background-color: #00CC66; */
}

#footer_menu_holder li a{
	font-size: 12px;
/*	color: #FF0066;*/
}

div.rights_text_holder {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 30px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

#trade_mark a {
	font-style: normal;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	text-decoration: none;
}

/*
div.map {
	margin: auto;
	left: 500px;
	width: 700px;
	height: 400px;
}*/