BODY {
	margin:0;
	background-color:#FFFFFF;

	/*background-image:url(/i/top-line-1.gif);*/
	/*background-position:25px 25px;*/


}

A,DIV,TD,SPAN {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

A, A:visited {
	color:#235af2;
}

#topLineContainer {
	width:100%;
	background-image:url(/i/top-line.gif);
	background-repeat:repeat-x;
	height:120px;
}

#logo {
	padding:0 0 0 50;
	float:left;
	width:230;
}

#slogan {
	width:660;
	padding-left:70;
	padding-top:40;
	float:left;
}

#copyContainer {
	clear:both;
	width:100%;
	margin-top:30;
	padding-bottom:20;
	border-top:1px solid #e4e4e4;
}

#personalContainer {
	width:100%;
	height:25;
	border-bottom:1px solid #e4e4e4;
	background-color:#fff;
}

.personalMenu {
	float:right;
	padding:0 10 0 10;
	margin-top:5;
}

.separator {
	border-right:1px solid #235af2;
}

.bodyContainer {
	width:100%;
	margin:20 50 20 50;
}

#header {
	margin: 0 0 10 0;
	font-size:20px;
}

#header-step {
	margin: 30 0 20 50;
	font-size:20px;
}

#makerChanger {
	font-size:16;
	cursor:pointer;
}

#baseMakerChanger {
	width:550;
	height:400;
	/*position:absolute;
	left:390;
	top:185;*/
	margin-left:25;
	background-image:url(/i/popup-maker.png);
	z-index:100;
	display:block;
}

#makersList {
	margin:10 0 0 25;
}

#baseModelsContainer {
	margin-top:10;
	margin-left:30;
	display:block;
}

.baseModel{
	float:left;
	width:300;
	height:75;
	margin:10;
}

.baseModelPreview {
	float:left;
	margin:10px;
}

.baseModelName {
	float:left;
	margin-top:25;
	width:170;
}

.baseModelName A, .baseModelName A:visited {
	font-size:1.2em;
	color:black;
}

.baseModelVersions {
	display:none;
}

#versionSelector {
	width: 280px;
	height: 350px;
	position: absolute;
	display: none;
}

.versionSelect {
	border:1px solid #404040;
	text-align:left;
	font-size:0.95em;
	background-color:#fff8dc;
	width:280px;
}

#closePopup, #closeMakerPopup {
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
	float: left;
	width: 11px;
	padding: 7px 15px 0 0;
}

#popupModelName {
	float: left;
	padding: 10px 0 0 10px;
	width: 244px;
	font-size:14px;
	font-weight:bold;
}

.popupModelVersions {
	width: 280px;
	background: left url("/i/popup-center.png") repeat-y;
}

.popupModelVersions table label {
	vertical-align: top;
}

#popupModelVersions {
	padding: 10px 15px 0 10px;
	width: 255px;
}

#versionSelector .header
{
	width: 280px;
	background: top left url('/i/popup-header.png') no-repeat;
}

#versionSelector .footer
{
	width: 280px;
}

#versionSelector .footer img
{
	border: 0;
	margin: 0;
	padding: 0;
}

#popupModelVersions TD {
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px solid #fdf09f;
}

/*     Таблица     */

.equipmentTable {
	border-top:1px solid #a4a4a4;
	border-left:1px solid #a4a4a4;
}

.equipmentTable TD {
	font-size:70%;
	border-bottom:1px solid #a4a4a4;
	border-right:1px solid #a4a4a4;
	background-color:#fff;
	color:#484848;

}

.equipmentTable TD DIV span.switch {
	font-size:100%;
	color:#235af2;
	padding:3;
	margin-right:5;
	cursor:pointer;
}

.equipmentTable TD DIV span.selected {
	font-size:100%;
	color:#484848;
	background-color:#f0f0f0;
	cursor:auto;
}

.equipmentTable TD.header {
	font-size:70%;
	font-weight:normal;
	background-color:#fff0a5;
	border-bottom:1px solid #a4a4a4;
	border-right:1px solid #a4a4a4;
}

.equipmentTable TD.set {
	font-size:70%;
	font-weight:normal;
	background-color:#fdf8df;
	border-bottom:1px solid #a4a4a4;
	border-right:1px solid #a4a4a4;
}

.equipmentTable TD.set span {
	font-size:100%;
	font-weight:bold;
	cursor:pointer;
	color:#235af2;
}

.equipmentTable TD.set div {
	font-size:100%;
}



.equipmentTable TD.option {
	font-size:60%;
	text-align:center;
}

.equipmentTable TD.optionSelected {
	font-size:60%;
	text-align:center;
	background-color:#f0f0f0;
}

.equipmentTable TD input.text {
	border:1px solid #404040;
	text-align:center;
	font-size:0.95em;
	background-color:#fff8dc;
	width:280px;
}

.equipmentTable TD img {
	margin:4;
}

.equipmentTable TD.minprice {
	background-color:#8de48b;
}

.equipmentTable TD.base_model_column {
	background-color: #eee;
}

.equipmentTable TD:first-child {
	width: 300px;
}

.equipmentTable THEAD.fixedTHead {
	position: fixed;
	top: 0;
	z-index: 1;
	box-shadow: 0 3px 3px #a4a4a4;
}

/* закладки */
.bookmarks {
	margin:10 0 10 40;
	clear:both;
	width:100%;
}

.bookmark {
	float:left;
	padding:10 10 10 10;
	color:#235af2;
	cursor:pointer;
}

.bookmarks .selected {
	background-color:#f0f0f0;
	color:#000;
	cursor:auto;
}

.visibleTab {
	display:block;
}

.invisibleTab {
	display:none;
}

.bm {
	width:80%;
	margin-left:50;
	clear:both;
	padding-top:10;
}

.pager {
	font-size:9pt;
}

.pager SPAN {
	font-family:Arial,Verdana, Helvetica, sans-serif;
	padding:2 3 2 3;
	margin:2;
	background-color:#858585;
	color:#ffffff;
}

.pager A {
	font-family:Arial,Verdana, Helvetica, sans-serif;
	color:#8a9298;
	padding:2 3 2 3;
	margin:2;
	text-decoration:none;
}

.pager A:hover {
	text-decoration:underline;
}

.announce {
	font-size:90%;
	padding:5 0 5 57;
}

/* Общие элементы */
.generalSelector {
	width:200;
}

.generalInput {
	width:200;
}

.chartTable {
	width:1000px;
}

.chartTable TH, .chartTable TD {
	font-size:0.75em;
	padding-right:10;
}

.chartTable TH {
	border-bottom:3px solid #c0c0c0;
	border-top:3px solid #c0c0c0;
	background-color:#f0f0f0;
}

.chartTable TD {
	border-bottom:1px solid #c0c0c0;
}

.add-remove-version-dialog {
	minWidth:300;
	background-color:#fff0a5;
	border: 1px solid #ddd;
	position:absolute;
	z-index:100;
	padding:3;
	margin:0;
}


ul.user-compare-link {
	margin:0px;
	padding:0px;
	list-style:none;
}

ul.user-compare-link li {
	margin:0px;
	padding:10px 0px 10px 0px;
	list-style:none;
	color:#235af2;
	cursor:pointer;

}

ul.user-compare-link li.selected {
	color:red;
	cursor:default;

}

span.discount-marker {
	color: red;
	font-size: 0.75em;
}

span.parallel-import {
	color: red;
	font-size: 1em;
	font-weight: bold;
}

div.feedbackform
{
	margin: 0 0 0 25px;
	float: left;
}

.feedbackform div.form-container
{
	padding: 14px 0 0 0;
}

.feedbackform span.ok
{
	color: green;
}
.feedbackform span.error
{
	color: red;
}

.login-request-container
{
	padding: 20px 0;
	width: 59%;
}

.login-request-container .top
{
	background-image: url("/i/form-bg.gif");
	background-position: 0% 50%;
	font-size: 1px;
	height: 11px;
}

.login-request-container .bottom
{
	background-image: url("/i/form-bg.gif");
	background-position: 100% 50%;
	font-size: 1px;
	height: 11px;
}

.login-request-container .body
{
	font-size: 14px;
	background-color: #E3F5FF;
	padding: 0 10px;
}

.login-request-container .body a
{
	font-size: inherit;
}

/* переключалка */
.tab-togglers {
	margin:10px 0 10px;
	clear:both;
	width:100%;
}

.tab-toggler {
	padding:10px 10px 10px 10px;
	color:#235af2;
	cursor:pointer;
}

.tab-togglers .selected {
	background-color:#f0f0f0;
	color:#000;
	cursor:auto;
}

img.active {

}

img.inactive {
	display:none;
}

.gallery {
}

.gallery .versions {
	min-width: 1040px;
}

.gallery .version {
	float: left;
}

.gallery .version .label {
	width: 100%;
	text-align: center;
}

.gallery .control span {
	color: #235AF2;
	cursor: pointer;
	padding: 10px;
}

.gallery .control .active {
	background-color: #F0F0F0;
	color: #000000;
	cursor: auto;
}

#dateSelector .ui-datepicker-trigger {
	vertical-align: text-bottom;
}

fieldset {
	border: 0;
}

.template {
	display: none;
}

.discounts_menu_container {
	width: 100%;
	margin: 5px 0px;
}

.discounts_menu_container ul {
	margin:0;
	padding:0;
	list-style: none;
}

.discounts_menu_container ul li {
	display: inline-block;
	padding:7px 14px 14px 0px;
}

.discounts_menu_container__active, .discounts_menu_container__item, .discounts_menu_container__item a  {
	font-size: 16px;
}

.discounts_menu_container__item a {
	cursor: pointer;
}

.filter_item {
	display: inline-block;
	margin:7px 14px 14px 0px;
	min-width: 200px;
}

.filter_item .filter_item_label {
	display: block;
	margin:0 0 7px 0;
}

.filter_item select {
	width:100%;
}

.filter_item-plus {
	cursor: pointer;
	position: relative;
}

.filter_item-plus img {
	position: absolute;
	top:0px;
}

.discounts_table th, .discounts_table td, .discounts_table td {
	margin:0;
}

.discounts_table th {
	font-size: 14px;
}

.discounts_table th, .discounts_table td {
	padding:5px 7px;
}

.discounts_table th {
	border-bottom: 3px solid #b9b9b9;
}

.discounts_table td {
	border-bottom: 1px solid #b9b9b9;
}

.filter-list-container {
	width:100%;
}

.filter-list-item {
	display: block;
	margin:0 0 7px 0;
	position: relative;
}

.filter-list-item-text, .filter-list-item-del {
	display: inline-block;
	height:24px;
}

.filter-list-item-text {
	padding-left:7px;
	position: absolute;
	top:3px;
}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

/* Modal Header */
.modal-header {
	padding: 2px 16px;
	background-color: #ffdf00;
	color: #000;
}

/* Modal Body */
.modal-body {
	display: flex;
	padding: 2px 16px;
}

/* Modal Footer */
.modal-footer {
	padding: 2px 16px;
	background-color: #ffdf00;
	color: #000;
}

/* Modal Content */
.modal-content {
	position: relative;
	margin: 15% auto; /* 15% from the top and centered */
	background-color: #fefefe;
	padding: 0;
	border: 1px solid #888;
	width: 80%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	animation-name: animatetop;
	animation-duration: 0.4s
}

.modal-selectors {
	margin-top: 12px;
}

.modal-versions {
	padding: 2px 16px;
}

/* Add Animation */
@keyframes animatetop {
	from {top: -300px; opacity: 0}
	to {top: 0; opacity: 1}
}