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

html > body #main {
	height:auto;
	min-height:100%;
}
p, a{
	color:#353333;
}
* {
	border:0;
	padding:0px;
	margin:0px;	
}

html, body {
	color:#353333;
 	position:relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font: 16px 'Times New Roman';
	background: url(../images/frontend/main_bg.gif);
}
left.img{
	float:left;	
}
img.float_left{
	padding:3px 10px 5px 0px;
	float:left;
}

div.description img, div.description_detaile img{
	padding:0px; 
}
hr{
    color: #e1e1e1;
    height : 1px;
    border-width : 0;
	margin: 5px 0 0 0;
	padding:			0;
	text-align:			left;
	height:				1px;
	background-color:	#898989;
	border-bottom:		1px solid #898989;
	border:				0;
}
h1{display:none;}
h2, h2 a{
	color:#D2232A;
	font-size:36px;
	font-weight:normal;
	display:block;
	line-height:35px;
	padding-bottom:10px;
	text-decoration:none;
}
div.description h2, div.description_detaile h2{
	padding-bottom:0px;
}
h3, h3 a{
	color:#003859;
	font-size:28px;
	font-weight:normal;
	display:block;
	padding:0px 0px 8px 0px;
	text-decoration:none;
	line-height:28px;
}
h4{
	font-size:120%;
	color:#D2232A;
	text-decoration:none;
	font-weight:normal;
}
h5{
	color:#898989;
	font-size:20px;
	padding:0px 0px 5px 0px;
}

h5{
	color:#898989;
	font-size:20px;
	padding:0px 0px 5px 0px;
}
h6{
	display:block;
	margin:6px 0px 6px 90px;
	padding:7px 4px 7px 4px;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	color:#898989;
	font-size:110%;
	font-weight:normal;
}

.clear{
	height: 0;
	line-height: 0;
	clear:both;
	float:none;
}
a.more {
	color:#D2232A;
	text-decoration:none;
}
a.more img{
	padding:0px 0px 0px 5px;
	float:none;
	
}
.read_print{
	color:#898989;
	font-style:italic;
}
div.topic{
	font-size:11px;
	padding:10px 0px 10px 150px;
}
div.topic hr{
	margin:0px;
}
#menu a.first_link, #menu_bottom a.first_link{
	background-image:none;
}
.go_beck{
	float:right;
}
.go_beck a{
	color:#003859;
	font-style:italic;
}
#main {
	width: 1024px;
	height: 100%;
	margin: 0px auto;
	position: relative;
	background: #ffffff url(../images/frontend/main_background.gif) right top repeat-y;
}
#header{
	height:163px;
	width:100%;
	background:#ffffff url(../images/frontend/heder.gif) left top no-repeat;
	padding-bottom:25px;
}
#menu{
	position:absolute;
	top:136px;
	left:0px;
	list-style-type:none;	
	width:810px;
	height:28px;
}
#menu li{
	float:left;
	height:28px;
	list-style-type:none;
	position:relative;
		
}
* html #menu li {width: 10%;}

#menu li a{
	height:18px;
	color:#191717;
	padding:2px 26px 7px 25px;
	white-space:nowrap;
	display:block;
	text-decoration:none;
	font: bold 14px  'Times New Roman';
}
#menu li a:hover, #menu li a#active{
	background-color:#ffffff;
}
#menu_bottom li{
	list-style-type:none;
	float:left;
	position:relative;
	white-space:nowrap;
	color:#353333;
}
#menu_bottom{
	display:block;
	width:100%;

}

#block_center{
	width:780px;
	padding:0px 10px 55px 20px;
	float:left;
	line-height:18px;
}

div.news_ithem{
	width:780px;
	float:left;
	text-align:left;
	padding:0px 0px 10px 0px;
}
div.description{
	display:block;
	float:left;
	width:644px;
	padding:0px 0px 10px 0px;
}
div#main_description{
	width:520px;
}
div.description_detaile{
	display:block;
	padding:0px 0px 10px 0px;
}
#block_right{
	position: relative;
	width:190px;
	float:left;
	padding: 0px 9px 5px 9px;
	margin:0 0 53px 0;
	line-height:16px;
	font-size:90%;

}
div.home_news{
	margin:5px;
	padding-bottom:6px;
	border-bottom:1px solid #898989;
}





#footer {
	background: url(../images/frontend/footer_bg.gif);
	height:53px;
	text-align:center;	
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	
}
#footer div{
	padding:0px 0px 0px 150px;
	float:left;
	text-align:center;
	width:750px;
}
#footer div a{
	font-size:12px;
	display:block;
	padding:16px 10px 0px 10px;
	background: url(../images/frontend/separator.gif) left bottom no-repeat;
	float:left;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}

#footer div a#copyr{
	background:none;	
	display:block;
	font-size:10px;
	padding:3px 0 0 0;
	width:600px;
}

a.logo_onix{
	background: url(../images/frontend/logo_onix.gif) left bottom no-repeat;
	display:blok;
	padding-top:17px;
	float:left;
	height:28px;
	width:55px;
	position:relative;

}
a.logo_onix span{
	display:none;
}

/****** login *****/
a#user_login_btn{
	padding:5px 0 0 50px;
	display:block;
}
a#user_login_btn img{
	left:58px;
	position:absolute;
}

#user_login_form a, #user_login_form b{
	cursor:pointer;
	color:#23495C;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	text-decoration:none;
}
#user_login_form a:hover, #user_login_form b:hover{
	text-decoration:underline;
}
.xrow{
	text-align:right;
	padding-bottom:5px;
}
#user_login_form .xrow{
	text-align:left;
}
.xtext1{
	border: 1px solid #000000;
	width:126px;
	height: 18px;
	padding-top:2px;
}	

#user_error_login {
  color:red;
  display:none;
  font-size:81%;
  font-weight:bold;
  padding:0.1em 0pt;
  text-align:center;
}
#forgot_pass, #forgot_pass_ok {
  color:red;
  display:none;
  font-size:81%;
  font-weight:bold;
  padding:0.1em 0pt;
  text-align:center;
}

#user_redirecting {
  display:none;
  height:30px;
  line-height:30px;
  text-align:center;
}
.form_captcha{
  display:none;
}
.error_message {
  background-color:red;
  color:white;
  display:none;
  font-weight:bold;
  margin:0.25em 0pt;
  padding:0.25em 1em;
  text-align:center;
}
.error {
  color:red;
  font-weight:bold;
  padding:0.25em;
  text-align:center;
}

#main_birthday{
	float:left;
	margin-right:5px;
	width: 80px;
}

/* Стили для jQuery UI Datepicker */
#datepicker_div, .datepicker_inline {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: #DDD;
	width: 185px;
}
#datepicker_div {
	display: none;
	border: 1px solid #7F9DB9;
	z-index: 10;
}
.datepicker_inline {
	float: left;
	display: block;
	border: 0;
}
.datepicker_dialog {
	padding: 5px !important;
	border: 4px ridge #DDD !important;
}
button.datepicker_trigger {
	width: 25px;
}
img.datepicker_trigger {
	margin: 2px;
	vertical-align: middle;
}
.datepicker_prompt {
	float: left;
	padding: 2px;
	background: #DDD;
	color: #000;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #FFF;
}
.datepicker_control {
	background: #eeeeee;
	padding: 2px 0px;
}
.datepicker_links {
	background: #666666;
	padding: 2px 0px;
}
.datepicker_control, .datepicker_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.datepicker_links label {
	padding: 2px 5px;
	color: #888;
}
.datepicker_clear, .datepicker_prev {
	float: left;
	width: 34%;
}
.datepicker_current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepicker_close, .datepicker_next {
	float: right;
	width: 34%;
	text-align: right;
}
.datepicker_header {
	padding: 1px 0 3px;
	background: #83C948;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.datepicker_header select {
	background: #83C948;
	color: #000;
	border: 0px;
	font-weight: bold;
}
.datepicker {
	background: #CCC;
	text-align: center;
	font-size: 100%;
}
.datepicker a {
	display: block;
	width: 100%;
}
.datepicker .datepicker_titleRow {
	background: #B1DB87;
	color: #000;
}
.datepicker .datepicker_daysRow {
	background: #FFF;
	color: #666;
}
.datepicker_weekCol {
	background: #B1DB87;
	color: #000;
}
.datepicker .datepicker_daysCell {
	color: #000;
	border: 1px solid #DDD;
}
#datepicker .datepicker_daysCell a {
	display: block;
}
.datepicker .datepicker_weekEndCell {
	background: #E0F4D7;
}
.datepicker .datepicker_daysCellOver {
	background: #FFF;
	border: 1px solid #777;
}
.datepicker .datepicker_unselectable {
	color: #888;
}
.datepicker_today {
	background: #B1DB87 !important;
}
.datepicker_currentDay {
	background: #83C948 !important;
}
#datepicker_div a, .datepicker_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.datepicker_inline .datepicker_links a {
	padding: 0 5px !important;
}
.datepicker_control a, .datepicker_links a {
	padding: 2px 5px !important;
	color: #000 !important;
}
.datepicker_titleRow a {
	color: #000 !important;
}
.datepicker_control a:hover {
	background: #FDD !important;
	color: #333 !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
	background: #FFF !important;
	color: #333 !important;
}
.datepicker_multi .datepicker {
	border: 1px solid #83C948;
}
.datepicker_oneMonth {
	float: left;
	width: 185px;
}
.datepicker_newRow {
	clear: left;
}
.datepicker_cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}
/* Стили для jQuery UI Datepicker */

#example {
  float:left;
  position:relative;
  width:100px;
}
#exampleRange {
  float:right;
  position:relative;
  width:200px;
  right:10px;
}
input, textarea, #main_country_id, #main_city_id, #main_status{
  background-color:#ECF3F8;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  border:1px solid #000;
}

input#main_confirmation_use, input#main_confirmation_news, input#main_confirmation_data{
	background:none;
	border:0px;
}
.xedit{
	margin-left:70px;
}
.xedit th {
	text-align:right;
}
.xedit td, .xedit th {
	white-space:nowrap;
}
.required {
	color:red;
	padding-right:5px;
}
.xedit td {
	text-align:left;
}
.xedit td, .xedit th {
	background-color:#FAFAFA;
	border:1px solid silver;
	padding:5px;
	white-space:nowrap;
}
div.document table {
	border-collapse:collapse;
}
form {
	texta-lign:center;
}
#sex_f, #sex_m, #entity_i, #entity_l {
	border:0;
	background:0;
}
td.action{
	text-align:center;
	padding:10px 0px;
}
div.note{
	text-align:center;
	font-size:80%;
}
div.tovar_category{
	width:100%;
	overflow:hidden;
	padding:0px 0px 40px 0px;
}
div.tover_in_category{
	width:120px;
	height:340px;
	float:left;
	padding:0px 15px 0px 15px;
	font-size:14px;
	position:relative;

}
div.tover_in_category b a{
	color:#003859;
	text-decoration:none;

}

h4.h4_shop{
	font-size:120%;
	text-align:center;
	margin:0px auto 20px auto;
	padding-bottom:5px;
	border-bottom:1px solid #8A8A8A;
	width:640px;
}
div.tovar_category a img{
	padding:8px;
}
input.tovar_item{
	width:40px;
	position:absolute;
	top:272px;
}
img.tovar_item {
	position:absolute;
	display:block;
	top:270px;
	left:65px;
	cursor:pointer;
}
div#shopping_cart{
	padding:55px 0 10px 0px;
}
div#shopping_cart a{
	display:block;
	line-height:15px;
	padding:7px 0 7px 10px;
	border-bottom:1px solid #8A8A8A;
	font-size:15px;
	text-decoration:none;
}
div#shopping_cart a#order{
	display:block;
	height:20px;
	padding:10px 0 5px 50px;
	border-bottom:1px solid #8A8A8A;
	border-top:1px solid #8A8A8A;
	background: url(../images/frontend/shopping_cart.gif) 10px 5px no-repeat;
	font-size:15px;
}
div#shopping_cart a#menu_catalog{
	border-top:1px solid #8A8A8A;
	border-bottom:0px;
}
a#order span{
	color:#003859;
	font-size:17px;
	font-weight:bold;
}
div#shop_info{
	color:#003859;
	padding:40px 0px 0px 2px;
	line-height:23px;
	font-weight:bold;
}


div#order_setings{
	padding-top:15px;
}
dl{
	padding-left:10px;
}
dl dt {
	float:left;
	width:220px;
	height:25px;
}
dl dd {
	height:25px;
}
.money{
	font-size:20px;
}
dl dd.input_{
	height:55px;
}
div.smoll{
	padding:20px 0 10px 10px;
	font-size:11px;
}
div.smoll a{
	color:#003859;
}
table#orders{
	width:100%;	
	border-collapse:collapse;
}
table#orders tr td{
	border:1px solid #000000;
	padding:1px 8px 1px 8px;
}
div#total_sum{
	text-align:right;
}
#periods_out{
	padding:10px 0px; 
}
.periods_in{
	padding:0px 10px; 
}
#subscription_info_block{
	padding:5px;
}
.subscription_images{
	text-align:center;
	padding:5px;
}
.subscription_images img{
	margin: 0px 10px;
}
.subscription_info_block ol{
	padding-left:20px;
}
.periods_in label{
	padding: 5px 20px 5px 5px;
}
table#invoice tr td {
	border:1px solid #000000;
	padding:1px 8px;
}
table#invoice{
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	width:100%;
}
#stamp{
	height:133px;
	width:407px;
	background: url(../images/frontend/print_stamp.jpg) no-repeat;
}
.float_left{
	float:left;
}
.float_right{
	float:right;
}
.clear{
	clear:both;
}
#stamp_signature{
	padding:120px 0px 0px 20px;
}
.invoice_form_row{
	padding: 10px 0px 0px 0px;
}
table.subsrciption_top{
	width:95%;
}
table.subsrciption_top td{
	vertical-align:top;
}
td.subsrciption_top_left{
	width:350px;
}
.subscription_year{
	font-size:150%;
	padding:0px 10px 0px 0px;
}
#subscription_delivery_block{
	padding:0px 5px 0px 5px;
}
#subscription_delivery_block ol{
	padding-left:10px;
}
#stamp2, #protect{
	height:168px;
	width:337px;
	position:absolute;
	top:-20px;
	left:170px;
}
#protect{
	background: url(../images/frontend/spacer.gif) repeat;
}
.stamp_block{
	position:relative;
	padding-top:120px;
	width:500px;
	vertical-align:bottom;
}
#print_block, #next_block{
	padding:15px 0px;
}

