body {margin: 0; padding: 0 0 20px 0; text-align: center; background: #333333 url("../img/bg_page-bottom.jpg") left bottom repeat-x; font-family: Arial, sans-serif; font-size: 75%; color: #FFFFFF}
body a {color: #FFFFFF}
body a:hover {color: #D7CD9C}
h1 {padding: 8px 0 0 40px}
h1 span {display: none}
h1 a {background: url("../img/logo.gif") center center no-repeat; display: block; width: 214px; height: 91px}
h2 {font-size: 130%}
h3 {font-size: 110%}
img {border: 1px solid #333333}
table {margin: 15px; width: 96%; border-collapse: collapse; font-size: 100%}
table.margin-top-30px {margin-top: 30px}
table td, table th {border: 1px solid #D7CD9C; padding: 5px; background-color: #3B3C3C}
table th {background-color: #C12107; text-align: left}
table input {width: 25px}
table .second {width: 50%}

#body {width: 965px; margin: 0 auto; text-align: left; background-color: #333333}

#head {background: transparent url("../img/bg_head.jpg") 40px top no-repeat; height: 250px; color: #D0D0D0; width: 960px}
#head a {color: #D0D0D0}
#head a.color-yellow {color: #D7CD9C; margin-right: 10px}
#head a:hover {color: #D7CD9C}
#head form input, #login-page input {border: none; background-color: #969696; width: 180px; padding: 2px; margin-right: 5px}
#head form input.search {background: transparent url("../img/submit_search.gif") center center no-repeat; border: none; position: relative; top: -1px; padding: 0; width: 67px; height: 22px; text-align: center; vertical-align: middle; font-size: 90%; color: #FFFFFF; font-weight: bold}
#head form p, #login-page p {margin: 0}
#head .search-form {padding-top: 30px; margin-left: 345px}
#head div.float-right {text-align: left; width: 320px; margin-bottom: -20px}
#head div.float-right div {background: #3C3E3D url("../img/bg_log-in.gif") right top no-repeat; height: 115px; margin-top: 10px}
#head div.float-right div p, #head div.float-right div h2 {margin: 0 30px}
#head div.float-right div p.padding-top-20px {padding-top: 20px}
#head div.float-right div p.password, #login-page div p.password {margin: 5px 30px 15px 30px}
#head div.float-right div.basket-box {height: 114px}
#head div.float-right div p.margin-bottom-10px {margin-bottom: 10px}
#head div.float-right div.login-box.login p, #login-page p {margin: 5px 30px}
#head form #password, #login-page #lpassword {width: 112px}
#head form #name, #login-page #lname {width: 190px}
#head form label, #login-page label {width: 50px; display: inline-block}
.basket-ico {background: url("../img/ico_basket.gif") left center no-repeat; padding: 13px 0 13px 28px; color: #FFFFFF}
.show-basket, .save-changes, .purchase, .storn-order {color: #FFFFFF; background: url("../img/submit_basket.gif") center center no-repeat; width: 106px; height: 24px; text-align: center; display: inline-block; padding: 0; vertical-align: middle; text-decoration: none; margin: 4px 10px 0 0}
.show-basket span, .save-changes, .purchase, .storn-order {position: relative; top: 4px; left: 4px; color: #FFFFFF}
.save-changes, .purchase, .storn-order {border: none; top: 0; margin: 10px 15px}
.purchase {background-image: url("../img/submit_purchase.gif"); width: 125px}
.delete {position: relative; top: 2px}
.storn-order {background-image: url("../img/submit_storn-order.gif"); width: 150px}
#head form .login, #login-page .login {background: url("../img/submit_log-in.gif") center center no-repeat; width: 74px; height: 22px; color: #FFFFFF}
#head p span {margin-right: 10px}

.top-menu {width: 960px; height: 50px; background: url("../img/bg_menu.jpg") left top no-repeat; float: left; padding: 0 0 0 15px; margin: 7px 0}
.top-menu li {float: left; list-style-type: none; margin: 15px 0}
.top-menu span {display: inline-block; background: url("../img/menu_line.png") center center no-repeat; width: 2px; height: 32px; float: left; position: relative; top: -5px}
.top-menu li a {text-decoration: none; font-size: 120%; font-weight: bold; float: left; margin: 0 41.9px; color: #EAF7FF}
.top-menu li a:hover {color: #D7CD9C}

.colleft {float: left; width: 313px}

.left-menu {width: 313px; background-color: #3B3C3C; margin-bottom: 7px}
h2.catalog {width: 313px; padding: 0; margin: 0}
h2.catalog span, h2.news span, h2.references span {position: relative; top: 15px}
h2.catalog span.ico, h2.news span.ico, h2.references span.ico {display: inline-block; background: url("../img/ico_catalog.gif") center center no-repeat; width: 21px; height: 21px; margin: 0 10px -5px 15px}
.menu-left {padding: 15px 0 50px 0; margin: 5px 0 0 50px}
.menu-left li {list-style-type: none; list-style-image: url("../img/arrow.gif"); margin: 0 0 20px 0; padding: 0}
.menu-left li a {text-decoration: none; color: #D0D0D0}
.menu-left li a:hover {text-decoration: underline; color: #D7CD9C}

.phone-numbers {width: 317px; background: url("../img/bg_phones.jpg") left top no-repeat}
.phone-numbers div {padding: 30px 20px 30px 120px}
.phone-numbers p {margin: 0 0 5px 0; color: #D0D0D2}

.copyright {padding: 10px 10px 15px 40px}
.copyright, .copyright a {color: #737373}

.center {margin: 0 -5px 0 319px}
.center h2 {margin: 0; margin-right: -5px}
.center-left h3 {margin: 0 20px 10px 20px}
h2.news span.ico {background: url("../img/ico_news.gif") left center no-repeat}
.center-left {width: 313px; float: left; margin-right: 15px; margin-bottom: 15px}
.center-left.news {width: 641px; padding-bottom: 10px; margin-right: 0}
.center-left div {background-color: #434445; margin: 0 0 2px 0}
.center-left.news div.float-left {float: left; width: 313px; background-color: transparent}
.center-left div.margin-right {margin-right: 15px}
.center-left p {margin: 0 20px 25px 20px}
.center-left p.padding-bottom-20px {padding-bottom: 20px; margin-bottom: 0}
.center-left p.grey {color: #C7C7C7; margin: 0; padding: 10px 20px 5px 20px}
.center-left p.right {margin: 0; padding: 0 20px 20px 20px}
.center-left p.right.nopadding {padding: 0}
.center-left p.last {padding-bottom: 53px}
.center-right {float: left; width: 313px; margin-right: -10px; margin-bottom: 15px}
.center-right img, .center-left.references img, .center-left img, .center-left.news img {float: left; margin:5px 5px 10px 5px}
.center-right div, .center-left.references div div {clear: left; background-color: #434445; margin: 0 0 2px 0}
.center-right h3, .center-left.references h3 {margin: 0; padding: 5px 15px 0 0}
.center-right p, .center-left.references p {margin: 0 15px 0 7px; padding-bottom: 30px}
.center-right p.margin-left-15px, .center-left.references p.margin-left-15px, .center-right h3.margin-left-15px, .center-left.references h3.margin-left-15px {margin-left: 15px}
.center-right p.right, .center-left.references p.right {padding: 0; margin: 0}
h2.references span.ico {background: url("../img/ico_flag.gif") left center no-repeat}
.center-left a, .center-right a {color: #EF4B46; text-decoration: none}
.center-left a:hover, .center-right a:hover {text-decoration: underline; color: #EF4B46}
.old-news, .all-references {display: inline-block; background: url("../img/submit_old-news.gif") center center no-repeat; margin: 10px; width: 102px; height: 24px; color: #C4C7CC !important; text-align: center}
.old-news:hover, .all-references:hover {text-decoration: none !important}
.old-news span, .all-references span {position: relative; top: 4px}
.all-references {width: 122px; background-image: url("../img/submit_all-references.gif")}
.center.subpage {background-color: #434445; width: 640px}
.center.subpage h2 {border-bottom: 2px solid #333333; padding: 15px; color: #D7CD9C}
.center.subpage h2 a {color: #D7CD9C}
.center.subpage h2 a:hover {color: #FFFFFF}
.center.subpage.padding {padding-bottom: 15px; margin-right: -70px}
.center.subpage.padding.static img.mainpic {margin:15px 10px 5px 15px; float:left}
.center.subpage.padding.static p {margin: 15px}
.center.subpage.padding.static p.nomargintop {margin-top: 0}
.center.subpage.padding.static p.nomarginbottom {margin-bottom: 0}
.center.subpage.padding.static h3 {margin: 15px 15px 3px 15px; color: #D7CD9C}

.center.subpage .catalog {float: left; margin-bottom: 20px; margin-right: -60px}
.list-link {margin: 17px 15px}
.catalog form {margin: 15px 0 0 15px}
.catalog form label {margin-right: 10px}
.catalog .topic {float: left; width: 160px; text-align: center; margin: 25px 30px 10px 25px; display: inline}
.catalog .topic.nomarginright {margin-right: 25px}
.catalog .topic .show-basket {margin: 0}
.catalog .topic .show-basket span, .detail .show-basket span {left: 0}
.catalog .topic p, .catalog .topic h3 {margin: 4px 0}
.no-img {width: 160px; height: 120px}

.photo-detail {float: left; margin: 0 25px 0 15px}
.desc {clear: right; padding: 5px 15px; border-bottom: 1px solid #333333; border-top: 1px solid #333333}
.detail .float-right {margin: 15px 30px 15px 0}
.detail .float-right p {margin: 5px 0}
form.general {background: #3C3E3D url("../img/bg_log-in.gif") right top no-repeat; margin: 15px 15px 0 15px; padding: 15px}
form.general h3, .center.subpage.padding.static form.general h3 {margin: 0 0 20px 0; font-size: 120%; color: #D7CD9C}
form.general label {width: 100px; margin-right: 5px; display: inline-block; vertical-align: top}
form.general.wider label {width: 140px}
form.general input {width: 200px; border: none}
form.general select {width: 200px; position: relative; left: -3px}
form.general input.search {padding-bottom: 1px; background: transparent url("../img/submit_search.gif") center center no-repeat; border: none; position: relative; top: -1px; width: 67px; height: 22px; text-align: center; vertical-align: middle; font-size: 90%; color: #FFFFFF; font-weight: bold}
form.general p.tin label {vertical-align: bottom}
form.general p.tin span {margin-left: 105px; margin-top: 5px; display: inline-block}
form.general p.tin span.bigger-margin {margin-left: 145px}
form.general textarea {width: 308px; height: 80px}
.center-form {text-align: center}
form.narrow {margin: 30px auto; width: 400px; text-align: center; padding: 30px}
form.narrow label {width: auto; margin-right: 10px; vertical-align: middle; position: relative; top: -2px}
form.narrow p {margin: 0}
form.narrow input.search {margin-left: 10px}
.center.subpage.padding.static p.form-links a {color: #D7CD9C; font-weight: bold}
.center.subpage.padding.static p.form-links a:hover {text-decoration: none}
.center.subpage.padding.static p.form-links {margin: 30px 0}
#code {vertical-align: top; margin-left: 10px; width: 100px}
form.general .align-center {margin-top: 20px}

.paging {float: left; width: 641px}
.paging p {padding: 15px; margin: 0 !important; text-align: center}
.paging a {margin: 0 1px; padding: 2px 5px; background-color: #666666; border: 1px solid #737373; display: inline-block; text-decoration: none}
.paging a:hover {background-color: #666666}
.paging span {color: #D7CD9C; font-weight: bold; display: inline-block; padding: 2px 5px; border: 1px solid #737373}
.paging .paging-left {margin-right: 15px}
.paging .paging-right {margin-left: 15px}
.novisible {visibility: hidden}

.info-ok {text-align: center; padding: 20px 15px; font-size: 120%}
.info-ok p {margin: 0 auto; padding: 10px; border: 1px solid #D7CD9C; color: #D7CD9C; background-color: #3B3C3C}
.error p {border: 1px solid #EF4B46; color: #EF4B46}

.float-right {float: right}
.float-left {float: left}
.right {text-align: right}
.align-center {text-align: center}
.color-red {color: #EF4B46}
.bold {font-weight: bold}
.bigger-font {font-size: 110%}
.h-bg {background: url("../img/bg_headings.jpg") left top no-repeat; width: 317px; height: 50px}
.h-bg-long {background: url("../img/bg_headings_long.jpg") left top no-repeat; width: 641px; height: 50px}
.fix {clear: both; font-size: 0.00001em; height: 0.0001em; line-height: 0.00001em}
.fix-right {clear: right}
.nomargin {margin: 0}
.margin-bottom-7px {margin-bottom: 7px}
.margin-15px {margin: 15px}