* {margin: 0; padding: 0;}

HTML, BODY {height: 100%;}
BODY {min-width: 1000px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
TABLE {border-collapse: collapse; empty-cells: show;}
TH, TD {padding: 0;}
IMG {border: 0;}
H2, H3, H4 {}
H2 {font-size: 130%;}
H3, H4 {font-size: 120%;}
H2.hh, H3.hh {margin: 20px 0 10px;}
A, A:visited {outline: none; text-decoration: none; color: #FFF;}
A:hover, A:active {text-decoration: underline;}
P {line-height: 1.5em; padding-bottom: 5px; text-align: justify;}

.gs {color: #EDDCA2; font-family: Georgia, Times, serif;}
.gsi {color: #EDDCA2; font-family: Georgia, Times, serif; font-style: italic;}
.gsb {color: #EDDCA2; font-family: Georgia, Times, serif; font-weight: bold;}
.gsib {color: #EDDCA2; font-family: Georgia, Times, serif; font-style: italic; font-weight: bold;}
.gs A, .gsi A, .gsb A, .gsib A, .gs A:visited, .gsi A:visited, .gsb A:visited, .gsib A:visited {color: #EDDCA2;}

A.plain, A.plain:visited {text-decoration: none !important; color: inherit !important;}
A.plain:hover, A.plain:active {text-decoration: underline !important;}

/* Tooltip */
#tooltip {position: absolute; z-index: 3000; border: 1px solid #7589C2; background-color: lightyellow; padding: 5px; filter: alpha(opacity=70); opacity: 0.7; color: #333;}

/* Read more button */
.s-button {text-align: center;}
.s-button A, .s-button A:visited, .s-button A:active {display: -moz-inline-stack; display: inline-block; width: 120px; height: 24px; text-align: center; color: #FFF; font-size: 100%; line-height: 24px; white-space: nowrap; padding-right: 6px; margin: 2px 0; background-attachment: scroll; background-repeat: no-repeat; background-position: 100% -24px;}
.s-button A, .s-button A:visited, .s-button A:active {text-decoration: none;}
.s-button A SPAN {display: block; height: 24px; text-align: center; padding-left: 6px; background-attachment: scroll; background-repeat: no-repeat; background-position: 0 0;}

.wrbordo .s-button A, .wrbordo .s-button A SPAN {background-image: url(/images/bg-sbtn-bordo.png);}
/*
.wrpink A.s-button, .wrpink A.s-button SPAN {background-image: url(/images/bg-sbtn-pink.png);}
.wrblue A.s-button, .wrblue A.s-button SPAN {background-image: url(/images/bg-sbtn-blue.png);}
.wrgrey A.s-button, .wrgrey A.s-button SPAN {background-image: url(/images/bg-sbtn-grey.png);}
.wrblack A.s-button, .wrblack A.s-button SPAN {background-image: url(/images/bg-sbtn-grey.png);}
*/

.s-button.blue A, .s-button.blue A SPAN {background-image: url(http://i.topshar.ru/images/bg-sbtn-blue.png); color: #CCC;}
.s-button.orange A, .s-button.orange A SPAN {background-image: url(http://i.topshar.ru/images/bg-sbtn-orange.png); color: #852;}
.s-button.red A, .s-button.red A SPAN {background-image: url(http://i.topshar.ru/images/bg-sbtn-red.png); color: #844;}
.s-button.green A, .s-button.green A SPAN {background-image: url(http://i.topshar.ru/images/bg-sbtn-green.png); color: #473;}
.s-button.gold A, .s-button.gold A SPAN {background-image: url(http://i.topshar.ru/images/bg-sbtn-gold.png); color: #FFF;}

.s-button A:hover {background-position: 100% -72px; cursor: pointer;}
.s-button A:hover SPAN {background-position: 0 -48px; color: #3C3C3C !important;}

/* Loader */
.loader {position: absolute; z-index: 101; width: 1px; height: 1px; top: 50%;}
#content .loader {left: 70%;}
#g-viewport .loader {left: 50%;}
.loader DIV {position: absolute; top: -16px; left: -16px; width: 32px; height: 32px;}
.wrbordo .loader DIV {background: url(http://i.topshar.ru/images/loader-bordo.gif);}
/*
.wrpink .loader DIV {background: url(/images/loader-pink.gif);}
.wrblue .loader DIV {background: url(/images/loader-blue.gif);}
.wrgrey .loader DIV, .wrblack .loader DIV {background: url(/images/loader-black.gif);}
*/

/* Error */
.error {position: absolute; top: 40%; width: 100%;}
.error P {text-align: center;}

/* Transparency fix for IE7 */
.wrbordo .transparency-fix {background: #641F1A url(http://i.topshar.ru/images/bg-content-bordo.jpg)}
/*
.wrpink .transparency-fix {background: #908 url(/images/bg-content-pink.gif) repeat-x;}
.wrblue .transparency-fix {background: #159 url(/images/bg-content-blue.gif) repeat-x;}
.wrgrey .transparency-fix {background: #000 url(/images/bg-content-grey.gif) repeat-x;}
.wrblack .transparency-fix {background: #000;}
*/

/* Facebox */
#facebox .x {position: absolute; top: 4px; right: 4px; width: 16px; height: 16px; background: url(http://i.topshar.ru/images/icon-close.png); cursor: pointer;}
#facebox .head {position: relative; background: #641F1A; height: 44px; border-bottom: 2px solid #CCC;}
#facebox .head H2 {margin: 0 auto; padding: 10px 0; text-align: center; color: #EDDCA2; font-family: Georgia, Times, serif;}
#facebox .text {position: relative; overflow: auto; padding: 0 1em;}
.wrbordo #facebox .body {background: #641F1A url(http://i.topshar.ru/images/bg-wrapper-bordo.jpg) 0 80% repeat-x;}
/*
.wrblue	#facebox .body {background-color: #25A;}
.wrgrey #facebox .body, .wrblack #facebox .body {background-color: #1E1E1E;}
*/

#header A, #header A:visited, #header A:active, #footer A, #footer A:visited, #footer A:active {white-space: nowrap;}

#wrapper {min-height: 100%; position: relative;}
.wrbordo #wrapper {background: #641F1A url(http://i.topshar.ru/images/bg-wrapper-bordo.jpg) repeat-x;}
/*
.wrpink #wrapper {background: #908 url(/images/bg-content-pink.gif) repeat-x;}
.wrblue #wrapper {background: #159 url(/images/bg-content-blue.gif) repeat-x;}
.wrblue #wrapper {background: #641F1A url(/images/bg-r2.jpg) repeat-x;}
.wrgrey #wrapper {background: #000 url(/images/bg-content-grey.gif) repeat-x;}
.wrblack #wrapper {background: #000;}
*/

#background, #background-v {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(http://i.topshar.ru/images/bg-content-bordo.jpg) 50% 0 no-repeat; overflow: hidden;}
#background-v {background: url(http://i.topshar.ru/images/bg-content-bordo-v.jpg) 50% 0 no-repeat;}

#bg-bottom-left {width: 100%; height: 100%; background: url(http://i.topshar.ru/images/bg-bottom-left.png) 0 100% no-repeat;}
#bg-top-right {width: 100%; height: 100%; background: url(http://i.topshar.ru/images/bg-top-right.png) 100% 0 no-repeat;}
#bg-bottom-left-ie, #bg-top-right-ie {display: none;}
#bg-venzel-footer {width: 100%; height: 100%;}
#bg-venzel-footer DIV.c2 {width: 900px; height: 100%; margin: 0 auto;}
#bg-venzel-footer DIV.c3 {width: 1085px; height: 100%; background: url(http://i.topshar.ru/images/bg-venzel-foot.png) 0 100% no-repeat; opacity: 0.3; filter: alpha(opacity=30);}

#content {position: relative; padding-bottom: 110px; margin: 0 auto; width: 900px;}

#header {height: 200px; position: relative;}
#header A#logo {display: block; width: 319px; height: 130px; padding-top: 20px;}

#header-edge {position: absolute; bottom: 0; right: 0; width: 100%;}

#menu-header {width: 600px; text-align: right; height: 30px; position: absolute; right: 0; bottom: 0;}
#menu-header UL {list-style: none;}
#menu-header A, #menu-header VAR {font-size: 130%; white-space: nowrap;}
#menu-header VAR {font-style: normal; font-size: 130%; font-weight: bold; text-decoration: underline;}
#menu-header TABLE.menu {margin-bottom: 2px; width: 100%;}
#menu-header TABLE.menu TD {padding: 0 5px 3px; text-align: center;}
#menu-header TABLE.menu TD DIV {height: 0; position: relative;}
#menu-header UL.sub1, #menu-header UL.sections {position: absolute; min-height: 100px; _height: 100px; top: 2px; left: -5px; z-index: 10; background: #871E25 url(http://i.topshar.ru/images/bg-menu-popup-grad.jpg) 100% 100% repeat-x; border: 1px solid #AB863A; display: none;}
#menu-header UL.sections {width: 600px; padding: 3px 0 20px;}
#menu-header UL.sections LI {float: left; text-align: left; padding: 2px 5px;}
#menu-header UL.sections LI.bg-menu-sub1 {position: absolute; left: 0; top: 0; z-index: -1; width: 600px; height: 30px; background: url(http://i.topshar.ru/images/bg-menu-popup-sections.jpg) 0 0 no-repeat; display: block;}
#menu-header UL.sub1 LI.bg-menu-sub1 {display: none;}
#menu-header UL.sub1 LI {text-align: left; padding: 7px 10px;}
#menu-header UL.sub2 {margin-top: 9px;}
#menu-header UL.sections .sub2 LI {float: none; padding: 2px 8px;}
#menu-header .sections VAR {font-weight: bold; color: #641F1A; text-decoration: none; padding: 0 8px;}
#menu-header .sub2 A, #menu-header .sub2 VAR, #menu-header .sub1 A, #menu-header .sub1 VAR  {font-size: 110%; color: #EDDCA2;}
#menu-header .sub2 VAR, #menu-header .sub1 VAR {padding: 0; margin: -5px; text-decoration: none;}
#menu-header .sub2 LI.active, #menu-header .sub2 LI:hover, #menu-header .sub1 LI.active, #menu-header .sub1 LI:hover {background: url(http://i.topshar.ru/images/bg-menu-popup-sections.jpg) 50% 0 no-repeat;}
#menu-header .sub2 LI.active A, #menu-header .sub2 LI.active VAR, #menu-header .sub2 LI:hover A, #menu-header .sub2 LI:hover VAR, #menu-header .sub1 LI.active A, #menu-header .sub1 LI.active VAR, #menu-header .sub1 LI:hover A, #menu-header .sub1 LI:hover VAR {color: #641F1A;}

#menu-header .hr {height: 3px; overflow: hidden; background: url(http://i.topshar.ru/images/stripe-small.png) no-repeat; width: 100%;}

#content-left {float: left; position: relative; width: 33%; z-index: 2;}
#content-right {float: right; position: relative; width: 66%; filter: alpha(opacity=0); opacity: 0; z-index: 2;}
#content-basement {position: relative; padding-top: 20px; z-index: 2;}
#content-basement TABLE {width: 100%;}
#content-basement TD {width: 50%; vertical-align: top; padding: 0 10px;}
#content-basement P {margin: 5px 0 10px 0;}
#content-basement P.p1 {margin-top: 0;}
#content-basement EM {font-style: normal;}
#content-basement STRONG {font-weight: normal;}
#content-basement .link {font-size: 90%; text-decoration: underline; white-space: nowrap;}
#content-basement .price-links A {margin-right: 2em;}
#content-basement-template {display: none;}

#noscript {display: none; font-size: 100%; position: absolute; top: 0; left: 33%; margin: 20px auto 0 auto; width: 500px;}
#noscript P {font-weight: bold; color: #F44;}
#noscript TD {padding: 3px 10px;}

#category-tab {padding-right: 20px; width: 210px;}
#category-tab TD {padding: 0 5px 10px 5px;}
#category-tab TD DIV {position: relative; width: 60px; height: 60px; background: transparent;}
#category-tab TD A {text-decoration: none;}
#category-tab .image {position: absolute; left: 0; width: 60px; height: 60px; cursor: pointer;}

#nav-order {margin: 15px 0 20px 10px; width: 230px; height: 110px; font-size: 140%;}
#nav-order DIV {width: 180px; text-align: center;}
#nav-order-caption {padding-top: 18px;}
#nav-order-caption A {color: #EDDCA2;}
#nav-phones {margin-top: 0.8em; color: #641F1A; font-family: Times, serif; font-weight: bold; font-size: 90%;}
#nav-phones DIV {position: relative;}
#nav-phones DIV.hh {font-size: 75%; padding: 0.2em 0 0 0.2em;}

#foot {width: 900px; margin: 0 auto; height: 0; position: relative;}
#footer {width: 100%; height: 50px; position: absolute; left: 0; top: -100px; z-index: 1;}
#footer .hr {height: 6px; overflow: hidden; background: url(http://i.topshar.ru/images/stripe-big.png) no-repeat;}
#footer TABLE {width: 100%; height: 34px;}
#footer TD {height: 34px; text-align: right; padding-right: 85px;}
#footer TH {height: 34px; text-align: center; font-weight: normal; padding-left: 20px; width: 100%;}
#footer .image, #footer #favorite IMG {width: 16px; height: 16px; vertical-align: middle;}
#footer .player {position: absolute; right: 20px; top: 15px;}
#footer .banner TABLE {width: 0%; margin: 5px auto 0;}
#footer .banner TD A {white-space: normal;}
#footer .banner TD {padding: 0 3px; filter: alpha(opacity=50); opacity: 0.5;}
#footer .banner TD.hover {filter: alpha(opacity=100); opacity: 1;}

#main {width: 100%; height: 400px; margin: 20px auto 0; position: relative;}
#main A, #main VAR {display: block; position: absolute; text-decoration: none; text-align: center; white-space: nowrap; font-size: 120%;}
#main A SPAN, #main VAR SPAN {display: block; margin: 0 auto;}
#main VAR {width: 300px; font-size: 140%; font-weight: bold; font-style: normal;}
#main A.a {width: 150px;}
#main A.b {width: 125px;}
#main VAR SPAN {width: 300px; height: 300px; margin-top: 10px;}
#main A.a SPAN {width: 150px; height: 150px; margin-top: 5px;}
#main A.b SPAN {width: 100px; height: 100px; margin-top: 5px;}
#main #main-balloons {top: 0; right: 100px;}
#main #main-balloons-a {top: 0; right: 100px;}
#main #main-balloons-b {top: 30px; right: 100px;}
#main #main-flowers {top: 50px; left: 50px;}
#main #main-flowers-a {top: 220px; right: 140px;}
#main #main-flowers-b {top: 250px; left: 50px;}
#main #main-fabrics {top: 0; left: 0;}
#main #main-fabrics-a {top: 30px; left: 0;}
#main #main-fabrics-b {top: 0; left: 0;}
#main #main-balloons SPAN {background: url(http://p.topshar.ru/images/balloons-main-300.png) 0 0 no-repeat;}
#main #main-balloons-a SPAN {background: url(http://p.topshar.ru/images/balloons-main-150.png) 0 0 no-repeat;}
#main #main-balloons-b SPAN {background: url(http://p.topshar.ru/images/balloons-main-100.png) 0 0 no-repeat;}
#main #main-flowers SPAN {background: url(http://p.topshar.ru/images/flowers-main-300.png) 0 0 no-repeat;}
#main #main-flowers-a SPAN {background: url(http://p.topshar.ru/images/flowers-main-150.png) 0 0 no-repeat;}
#main #main-flowers-b SPAN {background: url(http://p.topshar.ru/images/flowers-main-100.png) 0 0 no-repeat;}
#main #main-fabrics SPAN {background: url(http://p.topshar.ru/images/fabrics-main-300.png) 0 0 no-repeat;}
#main #main-fabrics-a SPAN {background: url(http://p.topshar.ru/images/fabrics-main-150.png) 0 0 no-repeat;}
#main #main-fabrics-b SPAN {background: url(http://p.topshar.ru/images/fabrics-main-100.png) 0 0 no-repeat;}

#gallery {width: 450px; margin: 0 auto; overflow: hidden;}

#g-text {margin: 10px auto; width: 350px; height: 350px; background: url(http://i.topshar.ru/images/bg-gallery.png) no-repeat;}
#g-text .inner {padding-top: 50px;}
#g-text H2 {margin: 0 auto; padding: 10px 0; text-align: center;}
#g-text P, #g-read P {margin: 0 auto; padding-top: 1em;}
#g-text .inner H2 {border-bottom: 2px solid #FFF; width: 250px;}
#g-text .inner P {width: 250px; padding-left: 6px; padding-right: 6px;}
#g-text .s-button {margin: 1em auto;}
#g-read .image {margin-right: 1em; float: left; width: 70px; height: 70px;}
#g-read .s-button {margin: 2em auto 0 auto;}

/* Popup */
#g-read {display: none; width: 600px; height: 400px;}
#facebox #g-read {display: block;}
#g-read .text {height: 354px;}

#g-viewport {width: 350px; height: 350px; margin: 10px 0 10px -175px; position: relative; left: 50%; display: none;}
#g-viewport .image {width: 100%; height: 100%;}
#g-nav {width: 450px; height: 100px; padding: 10px 0 0 0;}

.g-arrow {float: left; cursor: pointer; width: 50px; height: 80px; font-size: 300%; font-weight: bold; line-height: 80px; text-align: center;}
.g-arrow.hidden {visibility: hidden;}
.wrbordo .g-arrow {color: #FFF;}
/*
.wrpink .g-arrow {color: #E7F;}
.wrblue .g-arrow {color: #38F;}
.wrgrey .g-arrow, .wrblack .g-arrow {color: #3C3C3C;}
*/
#g-nav .g-arrow.active {color: #FFF;}

#g-nav-inner {position: relative; float: left; width: 350px; height: 80px; overflow: hidden;}
#g-nav DIV.long {position: absolute; width: 5000px; margin: 10px 0;}
#g-nav UL {list-style: none; padding: 0; margin: 0;}
#g-nav LI {float:left; padding: 0 5px; width: 60px; height: 60px;}
#g-nav .image {width: 60px; height: 60px; cursor: pointer;}
#g-selected {position: absolute; z-index: 100;}

#prices {margin: 10px auto; width: 350px; height: 350px; background: url(http://i.topshar.ru/images/bg-prices.png) no-repeat;}
#prices .inner {padding-top: 40px;}
#prices .inner H2 {margin: 0 auto; padding: 10px 0; text-align: center; font-size: 150%; border-bottom: 2px solid #CCC; width: 250px;}
#prices .inner P {width: 260px; margin: 0 auto; padding: 1em 0 0 1em;}
#prices .s-button A {width: 150px;}

#price-table {margin-bottom: 20px;}
#price-table .thead, #price-table .tbody, #price-table .tfoot {width: 560px; margin: 0 auto;}
#price-table .thead {background: url(http://i.topshar.ru/images/price-table-head.png) 0 0 no-repeat; height: 170px;}
#price-table .tbody {background: url(http://i.topshar.ru/images/price-table-body.png) 0 0 repeat-y;}
#price-table .tfoot {background: url(http://i.topshar.ru/images/price-table-foot.png) 0 0 no-repeat; height: 170px; margin-bottom: 10px;}

#price-table .thead H2 {position: relative; top: 30%;}
#price-table .thead H2 P {text-align: center;}
#price-table .tfoot DIV {text-align: center; position: relative; top: 30%; font-weight: bold;}
#price-table .tfoot SPAN {vertical-align: middle;}
#price-table .tfoot SPAN.doc {display: -moz-inline-stack; display: inline-block; padding-right: 5px; background: url(http://i.topshar.ru/images/icon-word.png) 0 0 no-repeat; width: 32px; height: 32px;}
#price-table P.note {text-align: right; width: 550px; margin: 0 auto;}
#price-table TABLE {width: 500px; margin: -20px auto;}
#price-table TD {padding: 3px 5px; border-top: 1px solid #EDDCA2;}
#price-table TH {padding: 3px 5px; text-align: center; font-weight: bold;}
#price-table TD.col1, #price-table TD.col3 {white-space: nowrap;}
#price-table TD.col3 {text-align: center;}
#price-table TD.col4 {vertical-align: middle;}
#price-table A.show-ex {margin: 0 auto; display: block; background: url(http://i.topshar.ru/images/magnifier.png); width: 30px; height: 30px; white-space: nowrap;}

.plist-ex {display: none;}
#facebox .plist-ex {display: block;}
#facebox .plist-ex H2 {margin: 0 auto; width: 250px; padding: 10px 0; text-align: center; font-size: 100%;}
#facebox .plist-ex .head {height: 60px;}
#facebox .plist-ex .head .additional {text-align: center;}
#facebox .plist-ex .text {text-align: center; padding: 0; margin: 10px;}

#faq {margin: 10px auto;}
#faq UL {list-style: none; margin: 10px 0 20px 0;}
#faq LI {padding: 5px 0;}
#faq LI A {text-decoration: underline; font-weight: bold;}
#faq .faq {margin: 10px 0 20px 0;}
#faq .back-to-top {display: block; text-decoration: underline; font-size: 75%;}
#faq H3 {margin: 20px 0 7px 0;}
#faq H3 A {color: #EDDCA2;}
#faq EM {font-style: normal; font-size: 100%; font-weight: bold; color: #EDDCA2; white-space: nowrap;}
/*
.wrpink #faq-text EM, .wrpink #faq-text H3 A {color: #DD9;}
.wrblue #faq-text EM, .wrblue #faq-text H3 A {color: #999;}
*/

#contacts {margin: 10px auto;}
#contacts H3 {margin: 20px 0 10px;}
#contacts A {text-decoration: underline;}
#contacts P.phone {font-size: 120%;}
#contacts P.hh {font-size: 100%;}
#contacts P.metro {padding-left: 22px; background: url(http://i.topshar.ru/images/metro.gif) no-repeat;}
#contacts SPAN.u {text-decoration: underline;}

#yandex-map #YMapsID {width: 100%; height: 360px;}
#ym-ae-balloon {width: 300px; font-size: 90%;}
#ym-ae-balloon DIV {padding: 2px 0; color: black; background: #FFF;}
#ym-ae-balloon DIV.ai {background: url(http://i.topshar.ru/images/ym-photo.jpg) no-repeat; float: left; margin-right: 20px; width: 100px; height: 132px;}
#ym-ae-balloon DIV.ae {font-weight: bold;}
#ym-ae-balloon DIV.addr DIV {color: green;}

#about {padding: 0 50px; width: 350px;}
#about H4 {margin-top: 20px;}
#about UL {list-style: none; margin: 5px 10px;}
#about EM {font-style: normal;}
#about #partner-list TD {padding: 2px 3px;}

#order {padding: 10px 0;}
#order .form {border-left: 1px solid #EDDCA2; margin: 20px 0 10px 0; padding: 0 10px;}
#order TD {padding: 3px 5px;}
#order EM {font-style: normal; white-space: nowrap;}
#order DIV H3 {padding-left: 20px;}
#order .s-button {text-align: right;}

#feedback .text {width: 400px; margin-top: 20px;}
#feedback .form {border-left: 1px solid #EDDCA2; margin: 20px 0 10px 0; padding: 10px 10px 0 10px;}
#feedback TD {padding: 5px 5px;}
#feedback TD.head {font-weight: bold;}
#feedback TD.submit {padding-top: 15px;}
#feedback EM {font-style: normal; white-space: nowrap;}
#feedback INPUT[type=radio] {vertical-align: middle;}
#feedback .s-button {text-align: left;}

#apply-job {padding: 10px 0;}
#apply-job .form {border-left: 1px solid #EDDCA2; margin: 20px 0 10px 0; padding: 0 10px;}
#apply-job TD {padding: 3px 5px;}
#apply-job EM {font-style: normal; white-space: nowrap;}
#apply-job .s-button {text-align: right;}

#sitemap H3 {padding: 20px 0 10px;}
#sitemap UL {list-style: none; margin-left: 20px;}
#sitemap LI {padding: 2px 0;}
#sitemap A {text-decoration: underline;}
#sitemap DIV.gallery {margin-left: 20px;}
#sitemap DIV.gallery UL {margin-bottom: 10px;}

#corporative {margin-bottom: 20px; width: 500px;}
#corporative UL {list-style: disc; margin: 0 0 10px 20px;}
#corporative LI {padding: 2px 0;}
#corporative P A {text-decoration: underline;}
#corporative-taxing {display: none; width: 600px; height: 400px;}
#facebox #corporative-taxing {display: block;}
#corporative-taxing .text {height: 354px;}
#corporative-taxing P {padding-top: 1em;}

#career {margin-bottom: 20px; width: 500px;}
#career H4 {margin: 20px 0 10px;}
#career UL {list-style: disc; margin: 0 0 10px 20px;}
#career LI {padding: 2px 0; font-weight: bold;}
.vacancy {display: none; width: 550px; height: 400px;}
#facebox .vacancy {display: block;}
#facebox .vacancy .text {height: 354px;}
#facebox .vacancy P {padding-top: 1em; width: 500px;}
#facebox .vacancy .text TABLE {width: 500px; border-collapse: collapse;}
#facebox .vacancy .text TD {padding: 4px 20px 4px 5px; border: 1px solid #EDDCA2; font-size: 90%;}
#facebox .vacancy .text TD.notes {font-size: 90%; text-align: justify;}
#facebox .vacancy .text TD UL {margin-left: 20px;}
#facebox .vacancy .apply A {width: auto;}

.w200 {width: 200px;}
.small {font-size: x-small;}
.center {text-align: center;}

.clear {clear: both; height: 0; overflow: hidden;}

/* --  action -- */
#action {width: 400px; margin: 0 auto 20px; border: 1px solid #EDDCA2; padding: 10px;}
#action H2.gs {text-align: center; padding-bottom: 10px;}
#action .link {text-align: right; font-size: 90%; text-decoration: underline; white-space: nowrap;}
#action P STRONG {font-size: 120%;}
#action-details {display: none; width: 400px;}
#facebox #action-details {display: block;}
#action-details .text {padding: 10px;}
#action-details H4, #action-details H2 {text-align: center;}
#action-details H2 {margin: 16px 0;}
#action-details H4 {margin: 8px 0; font-size: 110%;}

.special {width: 450px; margin: 10px auto 20px 0; border: 3px double #EDDCA2; padding: 10px;}
.special H3 {text-align: center; height: 30px; font-size: 140%;}
.special TABLE {width: 100%;}
.special TD {vertical-align: top;}
.special A {display: block; width: 78px; position: relative; margin: 0 auto;}
.special A:hover {text-decoration: none;}
.special A B {width: 78px; height: 78px; position: absolute; background: url(http://i.topshar.ru/images/b78x78.png) 0 0 no-repeat;}
.special A IMG {width: 70px; height: 70px; margin: 4px 4px 1em 4px;}
.special A SPAN, .special A STRIKE {display: block; text-align: center;}
.special A STRIKE {font-size: 90%;}
.special A EM {font-size: 140%;}

#special H4 {margin: 3em 0 1em;}

#special A.image {float: left; margin: 0 1em 1em 0; width: 180px; display: block; position: relative; cursor: pointer; text-decoration: none;}
#special A.right {float: right; margin: 0 0 1em 1em;}
#special A.image DIV.border {width: 180px; height: 170px; position: absolute; background: url(http://i.topshar.ru/images/b180x170.png) 0 0 no-repeat;}
#special A.image IMG {width: 164px; height: 156px; margin: 7px 7px 7px 9px;}
.view {display: none; }
#facebox .view {display: block;}
.view DIV.body {padding: 10px 10px 10px 8px; width: position: relative;}
.view DIV.body DIV.border {width: 400px; height: 380px; position: absolute; background: url(http://i.topshar.ru/images/b400x380.png) 0 0 no-repeat;}
.view DIV.body IMG {width: 364px; height: 346px; margin: 18px 16px 16px 20px;}

#special .data TD {font-size: 90%;}
#special .data TD.h {font-size: 100%; text-decoration: underline; white-space: nowrap;}
#special .data TD {padding: 2px 10px 2px 0; vertical-align: top;}
#special .data EM.gs {font-size: 140%;}

#category-tab TD.fireworks A, #category-tab TD.fireworks VAR {font-style: normal; font-size: 120%; color: #EDDCA2; font-family: Georgia, Times, serif;}
#category-tab TD.fireworks VAR {text-decoration: underline; font-size: 140%;}