body {margin: 0; padding: 0; background: #FFFFFF}
body, td 
{
	font: 12px Tahoma, Verdana, Arial; color: #262626;
	padding: 0; margin: 0; vertical-align: top;
	/* Это я добавил, чтобы выравнивание текста на сайте было по ширине. */
	text-align: justify}

form {padding: 0; margin: 0}

p {padding: 0; margin: 0 0 14 0}
/* (МГ) Класс, задающий отступ параграфа слева.
Используется для параграфов, размещаемых после некоторого буллета,
с целью детализации его содержания. */
.indent { margin-left: 15px }
table {border-collapse: collapse}
img {border: 0}

ul {padding: 0; margin: 10 5 15 15}
li {margin: 0 0 8 0; list-style-image: url('../img/bullets/ul.gif'); padding: 0}

h1 
{
	font: bold 16px Tahoma, Verdana, Arial; color: #000000; padding: 0 45 0 25; margin: 13 0 16 13;
	background: url('../img/bullets/header_1.gif') no-repeat 0px
	/* Это настройка отвечает за расположение буллета <h1> по вертикали. */
	3px;
	text-transform: uppercase}
h1 b {color: #B1B1B1}

h1.screen {font: bold 12px Tahoma, Verdana, Arial; color: #016FC1; margin: 20 0 15 22; padding: 0; background: 0; text-transform: none}

h2 {font: bold 12px Tahoma, Verdana, Arial; color: #138CE7; padding: 0; margin: 15 0 14 0}


.main_blocks_1 h2 {font: bold 16px Tahoma, Verdana, Arial; color: #4A4A4A; padding: 13 16 11 35; margin: 0; background: url('../img/bullets/header_1.gif') no-repeat 10px 16px; text-transform: none; border: solid #CCCCCC; border-width: 0 1 0 1}
.main_blocks_1 h2 b {color: #B1B1B1}


.left_menu {background: url('../img/backgrounds/logo_1.gif') no-repeat 0px 0px #F1F1F1; padding: 0 0 0 10}

.left_menu .left_menu_opened_1 {padding-bottom: 0}

/* Пункты меню первого уровня. */
.left_menu div 
{
	background: url('../img/backgrounds/menu_1.gif') repeat-x 0px 0px #F1F1F1; padding: 3 0 6 0; border-right: 15px solid #F1F1F1; font-size: 12px; font: bold 12px Tahoma, Verdana, Arial; color: #A8A8A8;
	/* (МГ) Это я настроил. Данная настройка действует для пунктов всех
	уровней. */
	text-align: left}
.left_menu div a:link, .left_menu div a:visited, .left_menu div a:hover {font: bold 12px Tahoma, Verdana, Arial; color: #000000; text-decoration: none}
.left_menu div a:hover {text-decoration: underline}
.left_menu div img {margin: 0 5 0 7}

/* Пункты меню второго уровня. */
.left_menu div div {margin: 0; border: 0; font-weight: normal}
.left_menu div div img {margin: 0 5 0 15}
.left_menu div div a:link, .left_menu div div a:visited, .left_menu div div a:hover {font-weight: normal}

/* Пункты меню третьего уровня. */
.left_menu div div div {background: 0; padding: 5 0 0 0}
.left_menu div div div span {display: block; background: url('../img/bullets/menu_2.gif') no-repeat 0px 4px; margin: 0 0 0 29; padding: 0 0 0 9; color: #A8A8A8}

.left_menu div img {cursor: pointer}


.tinput1 {width: 153; border: 1px solid #929292; background: #FFFFFF; color: #929292; padding: 0 0 3 5; height: 18; font-size: 10px; margin: 3 0 0 0}


.top_1 {padding: 0 43 214 0; color: #555555; text-align: right}
.top_1 a:link, .top_1 a:visited, .top_1 a:hover,
a:link, a:visited, a:hover {color: #138CE7; text-decoration: underline}
.top_1 a:hover,
a:hover{text-decoration: none}


.top_menu td {width: 19%; background: url('../img/backgrounds/top_menu_1.gif') no-repeat 100% 50%; padding: 13 15 15 15; text-align: center; white-space: nowrap; border-bottom: 1px solid #E5E5E5}
.top_menu td, .top_menu td a:link, .top_menu td a:visited, .top_menu td a:hover {font: bold 12px Tahoma, Verdana, Arial; color: #000000; text-decoration: none}
.top_menu td a:hover {text-decoration: underline}
.top_menu td {color: #138CE7}


a.details_1:link, a.details_1:visited, a.details_1:hover {font: 12px Tahoma, Verdana, Arial; color: #138CE7; padding: 0 0 0 20; background: url('../img/bullets/details_2.gif') no-repeat 0px 70%; text-decoration: underline}
a.details_1:hover {text-decoration: none}

a.details_2:link, a.details_2:visited, a.details_2:hover {font: 12px Tahoma, Verdana, Arial; color: #FFFFFF; padding: 0 0 0 16; background: url('../img/bullets/details_2.gif') no-repeat 0px 70%; text-decoration: underline}
a.details_2:hover {text-decoration: none}



.main_blocks_1 td {border-right: 1px solid #FFFFFF; background: url('../img/backgrounds/main_blocks_1.gif') repeat-x 0px 0px; padding: 5 0 0 0}
.main_blocks_2 td {padding: 20 17 10 15; color: #FFFFFF; border-right: 1px solid #FFFFFF}
.main_blocks_2 a:link, .main_blocks_2 a:visited, .main_blocks_2 a:hover {color: #FFFFFF}


.bottom_1 {color: #FFFFFF; text-align: center}
.bottom_1 a:link, .bottom_1 a:visited, .bottom_1 a:hover {color: #FFFFFF; text-decoration: underline}
.bottom_1 a:hover {text-decoration: none}


.quote_1 {background: #FCFDD3; padding: 15; margin: 15 0 15 0}

/* Стиль для таблиц, в которых находятся контролы. Например,
таблица для размещения контролов опционного калькулятора. */
/* table.TableWithControls {width: 370} */
table.TableWithControls tr td {vertical-align: middle; padding: 2 2 2 2;
	width: 200}
/* Выравнивание в текстовых полях делаем по правому краю (т. к.
в основном это числовые поля; для других полей может потребоваться
установить выравнивание по левому краю). */
/* (TODO) Блин, в IE ширина TextBox'а почему-то не настраивается. */
table.TableWithControls tr td input {text-align: right; width: 100px}
/* Это для ComboBox'ов.
Можно ли не дублировать тот же стиль?
В IE конструкция "table.TableWithControls tr td input, select" не
срабатывает, а в Google Chrome работает.
*/
table.TableWithControls tr td select {text-align: right; width: 100px}

div.Thumbnail {
	height: 200px; width: 200px; overflow: hidden; border: 1px solid}
/* Это нужно сделать, иначе картинка выходит за пределы
рамки (div'а), в которой она должна находиться. Логику понять не
могу. */
div.Thumbnail a {position: relative}

table.ThumbnailsTable tr td {padding: 0 10 10 0; vertical-align: bottom}

/* Это Юра Сорокин добавил 28.1.2009. */
td.content_1 {padding: 0 45 0 38}
td.content_1, td.content_1 td, td.content_1 th {text-align: justify}