@charset "utf-8";
/* CSS Document */

body,td,th,input,textarea,select,button{
	font: normal 13px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #63604e;
}

img{
	border: none;
}
form{
	padding: 0;
	margin: 0;
}
p{
	padding: 0;
	margin: 0px 0px 14px 0px;
}
h1{
	font: normal 24px Arial, Helvetica, sans-serif;
	line-height: 26px;
	margin: 0px 0px 14px 0px;
}
h1:first-letter{
	color: #d10606;
	font-size: 26px;
}
h2{
	font: bold 14px Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin: 0px 0px 14px 0px;
	padding: 0px;
}
h2:first-letter{
	color: #d10606;
	font-size: 16px;
}
h3{
	font: bold 14px Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin: 0px 0px 14px 0px;
	padding: 0px;
	color: #63604e;
}
h3:first-letter{
	color: #d10606;
	font-size: 16px;
}


h4{	font: bold 14px Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #c50000;
}

a{
	color: #c50000;
	text-decoration: underline;
}
a:hover{
	color: #c50000;
	text-decoration: none;
}
.red{
	color: #c50000;
}

/*#bgTop{
	background: url(summer/bg_top.jpg) center top repeat-x;
}*/

#mainDiv{
	width: 952px;
	margin: 0 auto;
	position: relative;
}
#mastHead{
	width: 952px;
	height: 105px;
}
.logo{
	width: 346px;
	height: 69px;
	position: absolute;
	top: 35px;
	left: 35px;
	background: url(../images/logo.png) no-repeat 0 0;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='image');
}
a#login_link{
	display: block;
	width: 34px;
	height: 20px;
	background: url(vhod.png) no-repeat 0 0;
	position: absolute;
	top: 76px;
	left: 583px;
}
a#login_link:hover{
	background-position: 0 -20px;
}

a#register_link{
	display: block;
	width: 86px;
	height: 20px;
	background: url(registration.png) no-repeat 0 0;
	position: absolute;
	top: 76px;
	left: 634px;
}
a#register_link:hover{
	background-position: 0 -20px;
}

a#logout_link{
	display: block;
	width: 47px;
	height: 23px;
	background: url(logout_link.gif) no-repeat 0 0;
	position: absolute;
	top: 76px;
	right: 229px;
}
a#logout_link:hover{
	background-position: 0 -23px;
}

a#profile_link{
	display: block;
	width: 97px;
	height: 24px;
	background: url(profile_link.gif) no-repeat 0 0;
	position: absolute;
	top: 75px;
	right: 291px;
}
a#profile_link:hover{
	background-position: 0 -24px;
}

#contentTop{
	width: 952px;
	height: 45px;
	background: url(bg_content_top1.png) left top no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_content_top1.png', sizingMethod='image');
}
#content{
	width: 952px;
	background: url(bg_content1.png) left top repeat-y;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_content1.png', sizingMethod='image');
}
.main #content { position:relative }

p#showMe{
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 1px;
}
#mainContent{
	width: 862px;
	margin: 0 45px 0 45px;
	overflow: hidden;
}
div.leftCol{
	display: block;
	float: left;
	text-align: left;
}
div.rightCol{
	display: block;
	float: right;
	text-align: left;
}


#leftMain{
	width: 500px;
}
#rightMain{
	width: 300px;
}

#contentTable{
	width: 862px;
	margin: 0 45px 0 45px;
}
td.leftCol{
	background: url(dot_v.gif) right top repeat-y;
	padding-right: 26px;
}
td.leftCol_steps{
	padding-right: 5px;
}
td.rightCol{
	padding-left: 25px;
}

div.left_text_art{
	width: 546px;
	overflow: hidden;
	margin: 0 14px 0 14px;
}

.main div.left_text_art { width:430px; margin:0;}

div.left_text{
	width: 574px;
	overflow: hidden;
}

.main div.left_text{ width: 430px;}

div.right_text{
	width: 237px;
	overflow: hidden;
	margin-top: 197px;
}

.main div.right_text { width:382px; margin:0}

img.usr_art{
	margin-bottom: 25px;
}

#marka{
	position: absolute;
	right: 46px;
	top: 150px;
}
#marka_2{
	position: absolute;
	right: 26px;
	top: 26px;
	background: url(marka_2.png) left top no-repeat; z-index:1
}

div.rightBlock{
	background: url(rightBlock_bg.gif) left top repeat-y;
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 2px;
	width: 230px;
}
div.rightBlock_bot{
	background: url(rightBlock_bot.gif) left bottom no-repeat;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
div.rightBlock_top{
	background: url(rightBlock_top.gif) left top no-repeat;
	overflow: hidden;
	margin: 0px;
	padding: 18px 15px 15px 15px;
}

.main div.rightBlock{ background:#f5f2d7; width:379px}
.main div.rightBlock_top{ background:url(main_right1.gif) left top no-repeat;}
.main div.rightBlock_bot{ background:url(main_right2.gif) left bottom no-repeat;}

div.rightBlock_top h2{
	background: url(dot_h.gif) left bottom repeat-x;
	padding-bottom: 5px;
	margin: 0 0 15px 0;
}
div.rightBlock_top p{
	padding: 0;
	margin: 0;
}
div.rightBlock_top .img_border{
	border: solid #ffffff 2px;
}
div.rightBlock_top .img_left{
	margin: 0 5px 0 0;
}
div.rightBlock_top .img_right{
	margin: 0 0 2px 5px;
}


div.left_steps{
	width: 514px;
	overflow: hidden;
}
div.right_steps{
	width: 297px;
	overflow: hidden;
	margin-top: 10px;
}
div.right_steps div.rightBlock{
	background: url(rightBlock_steps_bg.gif) left top repeat-y;
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 2px;
	width: 290px;
}
div.right_steps div.rightBlock_bot{
	background: url(rightBlock_steps_bot.gif) left bottom no-repeat;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
div.right_steps div.rightBlock_top{
	background: url(rightBlock_steps_top.gif) left top no-repeat;
	overflow: hidden;
	margin: 0px;
	padding: 18px 15px 15px 15px;
}

#topMenu{
	position: absolute;
	right: 40px;
	top: 75px;
	margin: 0;
	padding: 0;
	text-align: right;
	list-style: none;
}
#topMenu li{
	display: inline;
	float: left;
	margin-left: 18px;
}

#bottMenu{
	position: absolute;
	left: 40px;
	top: 55px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#bottMenu li{
	float: left;
	margin-left: 18px;
}

#bottMenu li a{
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#bottMenu li a:hover, #bottMenu li a.act{
	background-position: 0 -21px;
}


#bottMenu li a.b_main{
	width: 54px;
	height: 21px;
	background-image: url(button_main.png);
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/button_main.png', sizingMethod='image');
}
	

#bottMenu li a.b_product{
	width: 59px;
	height: 21px;
	background-image: url(button_product.png);
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/button_product.png', sizingMethod='image');
}
	
#bottMenu li a.b_prices{
	width: 38px;
	height: 21px;
	background-image: url(button_price.png);
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/button_price.png', sizingMethod='image');
}
	
#bottMenu li a.b_faq{
	width: 36px;
	height: 21px;
	background-image:url(button_4avo.png);
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/button_4avo.png', sizingMethod='image');
}
	
#bottMenu li a.b_agreement{
	width: 85px;
	height: 21px;
	background-image:url(button_agreement.png);
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/button_agreement.png', sizingMethod='image');
}
	
#bottMenu li a.b_contacts{
	width: 66px;
	height: 21px;
	background-image:url(button_contacts.png);
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/button_contacts.png', sizingMethod='image');
}
	
#copy{
	position: absolute;
	top: 55px;
	right: 50px;
	width: 250px;
	color: #dbc077;
	text-align: right;
	font-size: 12px;
	line-height: 16px;
}
#copy a{
	color: #dbc077;
}
form#loginForm{
	position: relative;
}
form#loginForm input.field{
	background-color: #fffff3;
	border: solid #d6d2bb 1px;
	width: 195px;
	margin: 6px 0 6px 5px;
	line-height: 20px;
	height: 20px;
}
a.usrLogin{
	color: #63604e;
	text-decoration: underline;
}
a.usrLogin:hover{
	color: #c50000;
}
#userLogin{
	margin: 9px 0 6px 0;
}
#submit_btn{
	width: 60px;
	height: 21px;
	position: absolute;
	margin: 9px 0 0 197px;
	cursor: pointer;
}
div.rightSpread{
	height: 25px;
}
div#graphBread{
	margin-bottom: 10px;
	height: 80px;
	overflow: visible;
}
div#graphBread img{
	float:left
}
div#graphBread div img{
	display:block;
	float:none
}
div#graphBread div{
	float:left;
	text-align:center;
	color:#b6af8e
}
div#graphBread div.stage_on{
	font-weight:bold;
	color:#d10606
}
#leftWrap{
	min-height: 470px;
	_height: 470px;
	text-align: center;
	width: 514px;
	overflow: visible;
}
table#step_1_1{
	height: 420px;
	width: 514px;
}
table#step_1_1 a{
	text-decoration: none;
}
table#step_1_1 h3{
	margin: 0;
	padding: 10px 0 0 0;
}

#step_1_2{
	border: solid #ebeadb 1px;
}
#step_1_2 img{
	border: solid #ffffff 3px;
}
td.step_1_2{
	padding: 0  14px  14px  0;}
td.step_1_2 img{
	border: solid #ffffff 2px;
}


td.step_1_3{
	padding: 0  8px  8px  0;}
td.step_1_3 img{
	border: solid #ffffff 1px;
}

div.icon_book{
	background: url(img_bg_1_3_b.gif) left top no-repeat;
	padding-top: 8px;
	margin: 6px 21px 6px 21px;
}
div.icon_book img{
	border: solid #a9a694 1px;	
}
div.icon_alb{
	background: url(img_bg_1_3_a.gif) right top no-repeat;
	padding-right: 8px;
	margin: 42px 6px 6px 6px;
}
div.icon_alb img{
	border: solid #a9a694 1px;	
}

#listalka{
	margin: 10px 0 20px 0;
}

.g_links a{
	color: #63604e;
	text-decoration: none;
}
.g_links a:hover{
	color: #c50000;
	text-decoration: underline;
}
.g_links a.act{
	color: #c50000;
	text-decoration: none;
}

div.showBorder{
	border: solid #a7a190 1px;
}
table#step_1_5 td.alb{
	padding-right: 14px;
	background: url(img_bg_1_5_a.gif) top right no-repeat;
}
table#step_1_5 td.book{
	padding-top: 14px;
	background: url(img_bg_1_5_b.gif) top left no-repeat;
}

table#step_2_1 td{
	padding: 5px;
}
table#step_2_1 img{
	border: solid #d6d3bb 1px;
}
#steps_buttons{
	text-align: center;
	font-weight: bold;
}

.hr{
	display: block;
	background: url(dot_h.gif) left top repeat-x;
	padding: 0;
	margin: 5px 0 5px 0;
	height: 1px;
}

#card { /*background:url(card_img_bg.gif) no-repeat center center;*/ padding:25px 57px; display:block; margin:auto; height: 400px; width: 338px; overflow: hidden; cursor: pointer;}
#card #loading img { margin-top: 235px; margin-left: 125px; }
.main .img_card_block { padding-left:0; padding-right:0; text-align:center; position:relative; text-align:left}
.main .img_card_block { margin:auto}
.main .img_card_block p { text-align:left; padding:0 45px; margin:10px 0; font-size:13px}
.arrow_l, .arrow_r { position:absolute; top:40%; display:block; width:24px; height:85px}
.arrow_l { left:0; background:url(arrow_l.gif) no-repeat 0 0}
.arrow_r { right:0; _right:-1px; background:url(arrow_r.gif) no-repeat 0 0; width:26px}
.arrow_l span, .arrow_r span { display:none}
.steps_desc { width:100%; margin-bottom:20px}
.steps_desc td { padding:5px 15px 5px 0; background:url(dot_h.gif) repeat-x left bottom}
.steps_desc b { font-weight:normal; font-size:16px; text-transform:uppercase}
.bcreate { position:absolute; left:417px; top:308px; z-index:1}
.bcreate2 { z-index:2; position:absolute; margin-left:38px; *left:0px; *right:477px; _right:auto; _margin-left:45px;}
.bview { position:absolute; right:23px; bottom:8px;}
.logo2 { position:absolute; right:25px; top:-120px}

.user_menu { height:90px}
.user_calendar, .user_addressbook, .user_history, .user_profile { padding:62px 5px 20px 5px; background:url(user_1.gif) no-repeat center top}
.user_addressbook { background-image:url(user_2.gif)}
.user_history { background-image:url(user_3.gif)}
.user_profile { background-image:url(user_4.gif)}
.user_menu a { color:#63604e;}
.user_menu a.act { color:#c50000}

table#step_3_1 td.al{
	padding: 0 0 0 18px;
	background: url(step_3_1-alb_b.gif) bottom left no-repeat;
}
table#step_3_1 td.al div.bord_frame{
	padding: 0 15px 47px 0;
	background: url(step_3_1-alb_s.gif) bottom right no-repeat;
}
table#step_3_2 td.al{
	padding: 0 0 0 18px;
	background: url(step_3_2-alb_b.gif) top left no-repeat;
}
table#step_3_2 td.al div.bord_frame{
	padding: 47px 15px 0 0;
	background: url(step_3_2-alb_s.gif) top right no-repeat;
}

table#step_3_1 td.bk{
	padding: 18px 0 0 0;
	background: url(step_3_1-book_b.gif) top right no-repeat;
}
table#step_3_1 td.bk div.bord_frame{
	padding: 0 47px 15px  0;
	background: url(step_3_1-book_s.gif) bottom right no-repeat;
}
table#step_3_2 td.bk{
	padding: 18px 0 0 0;
	background: url(step_3_2-book_b.gif) top left no-repeat;
}
table#step_3_2 td.bk div.bord_frame{
	padding: 0 0 15px 47px;
	background: url(step_3_2-book_s.gif) bottom left no-repeat;
}



table#step_3_1 td.book{
	padding-top: 14px;
	background: url(img_bg_1_5_b.gif) top left no-repeat;
}

.selectable {
   height: 14px;
}



.new_4{
	background: url(enter_adres_bg.jpg) no-repeat center;
	padding: 80px 100px 0 0;
}

.m_bottom{
	margin: 0 0 7px 0;
}

div#graphBread div.stage{
	font-weight:bold;
	color:#63604e;
	text-align: center;
}
div#graphBread div.stage a{
	text-align: center;
	color: #63604e;
	text-decoration: none;
}
div#graphBread div.stage a:hover, div#graphBread div.stage a.act{
	color: #c50000;
	text-decoration: none;
}
div#graphBread div.stage img{
	display: inline;
}

.date{
	font-weight: normal;
	font-size: 11px;
}
div.calendar_entry_right{
	background: url(dot_h.gif) left bottom repeat-x;
	margin: 0 0 10px 0;
}
div.calendar_tools{
	text-align: right;
	margin: 5px 0 0 0;
	padding-bottom: 8px;
}

.abc {
   color: #555;
}
.abc_act {
   font-weight: bold;
   color: #c50000;
}
.text_left{
	text-align: left;
}
small{
	font-size: 11px;
	line-height: 15px;
}

.table_na{
	background: #cdcab3;
	margin-bottom: 10px;
}
.table_na th{
	background: #f3efd4;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}
.table_na td{
	background: #ffffff;
	padding: 3px 5px 3px 5px;
}

/*#s1 a{
	color: #c50000;
} */

.user_kudrashov, .user_kudrashov_bold, .user_postscript { color: black; font-size: 16px; }
.user_postscript { color: black; font-size: 26px; }
.err_more {
   font-weight: bold;
   color: red;
   text-align: center;
   visibility: hidden;
   margin-top: 5px;
   margin-bottom: 5px;
}

#calendar_holder{
	margin: 0;
}
#loh, #roh{
	position: relative;
	display: none;
}
#loh a img{
	position:absolute;
	margin-left: -17px;
}
#roh a img{
	position:absolute;
	margin-right: -17px;
}
.col_bold { font-weight: bold; font-size: 1.1em; }
