@charset "windows-1251";
* {margin: 0px; padding: 0px;}
html {background: url(../img/spacer.gif) #FFFFFF no-repeat fixed; height: 100%;}
body {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 11px; color: #404040; background: url(../img/bg1.gif) #FFFFFF repeat-x; min-width: 1000px; height: 100%;}
* html body {width: expression(documentElement.clientWidth < 1000 ? '1000px' : '100%'); behavior: url(/js/csshover.htc);}
#outer {background: url(../img/bg2.gif) repeat-x left bottom; width: 100%; min-height: 100%;}
* html #outer {height: 100%;}
#inner {background: url(../img/bg3.jpg) no-repeat 337px 115px; width: 100%; max-width: 1250px; margin: 0px auto; position: relative;}
* html #inner {width: expression(documentElement.clientWidth > 1250 ? '1250px' : '100%');}

a {color: #404040; text-decoration: underline; outline: none;}
a:hover {color: #8D8D8D;}
img {border: none;}

#header {background: url(../img/bg4.jpg) no-repeat right bottom; width: 100%; height: 400px;}
#subheader {background: url(../img/bg5.jpg) no-repeat 69% 180px; width: 100%; height: 400px; position: relative;}
#subheader h1 {background: url(../img/logo.jpg) no-repeat; width: 300px; height: 42px; position: absolute; left: 29px; top: 27px;}
#subheader h1 a {text-indent: -9000px; display: block; width: 300px; height: 42px; overflow: hidden;}
#subheader ul {font-family: Tahoma, Geneva, Arial, sans-serif; font-size: 12px; background: url(../img/bg_menu.gif) no-repeat; width: 150px; height: 155px; padding-top: 10px; list-style: none; position: absolute; left: 90px; top: 115px;}
#subheader ul li {line-height: 27px; height: 29px; padding: 0px 30px;}
#subheader ul li.active {background: url(../img/m_arrow.png) no-repeat;}
* html #subheader ul li.active {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/img/m_arrow.png', sizingMethod = 'crop');}
#subheader ul li a {background: url(../img/marker_m.gif) no-repeat left center; color: #E78A8A; padding-left: 11px;}
#subheader ul li a span {color: #404040;}
#subheader ul li a span:hover {color: #8D8D8D;}
#subheader ul li.active a {text-decoration: none; background: none; position: relative;}
#subheader ul li.active a span {font-weight: bold; color: #FFFFFF;}
#subheader ul li.active a span:hover {color: #FFFFFF;}

#content {width: 100%; padding-bottom: 150px; overflow: hidden;}

#mainouter {width: 100%; margin-left: -225px; float: right;}
#main {margin-left: 225px;}
#main h2 {font-family: Tahoma, Geneva, Arial, sans-serif; font-size: 20px; font-weight: normal; color: #D61A1A; margin: 0px 30px 20px;}
#main h3 {font-size: 12px; margin: 20px 30px 10px;}
#main h3.info {font-size: 12px; font-weight: normal; color: #D61A1A; background: url(../img/bgh.gif) repeat-x; line-height: 20px; height: 21px; padding: 0px 9px;}
#main p {text-align: justify; line-height: 15px; margin: 10px 30px;}
#main p.addquest {text-align: left; line-height: normal; margin-bottom: 6px; overflow: hidden; zoom: 1;}
#main p.addquest a {text-indent: -9000px; background: url(../img/b_ask.gif) no-repeat; width: 104px; height: 20px; float: left; overflow: hidden;}
#main p.map {line-height: normal; width: 39%; margin: 0px; float: right; overflow: hidden;}
#main p.map img {display: inline; margin-right: 30px; float: right;}
#main p.warntext {font-weight: bold; padding-top: 7px; border-top: 1px #D5D5D5 solid;}
#main p.imp {color: #D61A1A; background: url(../img/bgh.gif); margin: 20px 30px; padding: 5px 9px;}
#main p.imp a {color: #D61A1A;}
#main ul {line-height: 15px; margin: 10px 30px 10px 40px; list-style: none;}
#main ul li {background: url(../img/marker.gif) no-repeat 0px 4px; margin-bottom: 4px; padding-left: 10px;}
#main img.fl {margin: 0px 15px 10px 0px; float: left;}
#main img.fr {margin: 0px 0px 10px 15px; float: right;}

#main ul.cat {line-height: normal; width: 100%; margin: 20px 0px 0px 0px; list-style: none; overflow: hidden;}
#main ul.cat li {background: none; width: 49.9%; height: 170px; margin: 0px 0px 10px 0px; padding: 0px; float: left; overflow: hidden;}
#main ul.cat li img {display: inline; margin-left: 30px; float: left;}
#main ul.cat li div.inner {margin: 0px 30px 10px 190px;}
#main ul.cat li h3 {font-size: 12px; margin: 0px 0px 10px; padding: 0px;}
#main ul.cat li p {text-align: left; line-height: normal; margin: 0px 0px 10px 0px;}
#main ul.cat li p.price {font-family: Tahoma, Geneva, Arial, sans-serif; font-size: 18px; color: #D61A1A;}
#main ul.cat li form {margin: 0px;}

#main ul.quest {margin: 0px 30px; overflow: hidden; zoom: 1;}
#main ul.quest li {background: none; margin: 0px 0px 10px 0px; padding: 20px 0px 0px 0px; border-top: 1px #D5D5D5 solid; zoom: 1;}
#main ul.quest dl {text-align: justify; width: 100%; overflow: hidden;}
#main ul.quest dt {font-weight: bold; color: #8D8D8D; text-align: right; width: 70px; float: left;}
#main ul.quest dt span {font-weight: normal; color: #404040; background: #D5D5D5; padding: 0px 5px 1px; float: right;}
#main ul.quest dd {margin: 0px 0px 10px 83px;}
* html #main ul.quest dd {margin-left: 80px; zoom: 1;}

#main ul.blog {margin: 0px 30px; overflow: hidden; zoom: 1;}
#main ul.blog li {background: none; margin: -1px 0px 10px 0px; padding: 20px 0px 1px; border-top: 1px #D5D5D5 solid; zoom: 1;}
#main ul.blog li h3 {font-size: 11px; margin: 0px 0px 10px; padding: 0px;}
#main ul.blog li p {margin: 10px 0px;}
#main ul.blog li p.date {background: #D5D5D5; margin: 0px 10px 0px 0px; padding: 0px 5px 1px; float: left;}

#main ul#map {margin: 0px 30px 0px 90px;}
#main ul#map li {background: url(../img/marker_m.gif) no-repeat 0px 0px; margin: 4px 0px;}
#main ul#map li a.group {font-weight: bold; color: #404040; text-decoration: none;}
#main ul#map li ul {margin: 6px 0px 6px 15px;}
#main ul#map li li {background: url(../img/marker.gif) no-repeat 0px 4px;}
#main ul#map li li li {background: url(../img/marker_m.gif) no-repeat 0px 0px;}
#main ul#map li li li li {background: url(../img/marker.gif) no-repeat 0px 4px;}

#main ol#results {margin: 0px 30px; padding-left: 25px;}
* html #main ol#results {padding-left: 30px;}
*+html #main ol#results {padding-left: 30px;}
#main ol#results li {margin: 20px 0px;}
#main ol#results li h3 {font-size: 11px; font-weight: normal; margin: 0px; padding: 0px;}
#main ol#results li p {margin: 6px 0px;}
#main ol#results li p strong {font-weight: normal; color: #D61A1A;}
#main ol#results li p.url span {color: #8D8D8D;}

#main div.product {margin: 0px 30px; overflow: hidden; zoom: 1;}
#main div.product p.photo {line-height: normal; width: 150px; margin: 0px; float: left;}
#main div.product p.photo img {display: block;}
#main div.product div.inner {margin-left: 160px; zoom: 1;}
#main div.product div.inner p {text-align: left; line-height: normal; margin: 0px;}
#main div.product div.inner p.price {font-family: Tahoma, Geneva, Arial, sans-serif; font-size: 18px; color: #D61A1A; text-align: right; width: 55%; margin: 0px 2% 15px 0px; float: left;}
#main div.product div.inner form {margin: 0px;}
#main div.product div.inner form p {margin-bottom: 15px;}
#main div.product div.inner dl {width: 100%; overflow: hidden;}
#main div.product div.inner dl dt {text-align: right; width: 55%; float: left;}
#main div.product div.inner dl dd {margin: 0px 0px 6px 57%; zoom: 1;}

#main div.cart {width: 100%;}
#main div.cart table {width: 100%; border: none; border-collapse: collapse;}
#main div.cart table tr.trhead {background: url(../img/bgt.gif) repeat-x;}
#main div.cart table th {font-weight: normal; height: 31px; padding: 0px 7px;}
#main div.cart table th.th1 {width: 33%;}
#main div.cart table th.th1w {width: 49%;}
#main div.cart table th.th2 {width: 16%;}
#main div.cart table th.th3 {width: 14%;}
#main div.cart table th.th4 {width: 12%;}
#main div.cart table th.th5 {width: 14%;}
#main div.cart table th.th6 {width: 11%;}
#main div.cart table td {padding: 5px 5px 6px 5px;}
#main div.cart table td.td2 {text-align: right;}
#main div.cart table td.td2 a {font-weight: bold; color: #404040; background: url(../img/bghelp.gif) no-repeat right center; text-decoration: none; padding-right: 15px; cursor: help;}
#main div.cart table td.td3 {text-align: right;}
#main div.cart table td.td4 {text-align: center;}
#main div.cart table td.td5 {text-align: right;}
#main div.cart table td.td6 {text-align: center;}
#main div.cart table td input.txt {height: 15px; margin: 0px;}
#main div.cart table tr.discount td {text-align: right; padding: 7px 5px 8px 5px; border-top: 1px #D5D5D5 solid;}
#main div.cart table tr.discount td.td1 {font-weight: bold;}
#main div.cart table tr.total td {color: #D61A1A; text-align: right; border-top: 1px #D5D5D5 solid;}
#main div.cart table tr.total td.td1 {font-weight: bold;}
#main div.cart table tr.total td.td5 {padding: 7px 5px 8px 5px;}
#main div.cart p {line-height: normal; margin: 20px 0px 0px; float: right;}
#main div.cart p input {float: left; margin-right: 12px;}
#main div.cart p a.makeorder {text-indent: -9000px; background: url(../img/b_make.gif) no-repeat; width: 115px; height: 20px; float: left; overflow: hidden;}

#main div.contacts {width: 60%; float: left;}
#main div.contacts dl.address {margin: 0px 30px; overflow: hidden; zoom: 1;}
#main div.contacts dl.address dt {text-align: right; width: 100px; margin: 0px 5px 0px 0px; float: left;}
* html #main div.contacts dl.address dt {margin-right: 2px;}
#main div.contacts dl.address dd {margin-bottom: 6px;}

#main div.table {margin: 10px 30px;}
#main div.table caption {text-align: left; padding-bottom: 6px;}
#main div.table table {width: 100%; border: 1px #8D8D8D solid; border-collapse: collapse;}
#main div.table table th {background: #D5D5D5; padding: 5px 7px; border: 1px #8D8D8D solid;}
#main div.table table td {text-align: center; padding: 5px 7px; border: 1px #8D8D8D solid;}
#main div.table table td.lt {text-align: left;}
#main div.table table.t2 td {text-align: right;}
#main div.table table.t2 td.lt {text-align: left;}
#main div.table table.t3 td {text-align: right;}
#main div.table table.t3 td.lt {text-align: left;}

#main div.pagination {margin: 0px 30px; padding: 5px 0px 0px 2px; border-top: 1px #D5D5D5 solid; overflow: hidden; zoom: 1;}
#main div.pagination p {line-height: 19px; margin: 0px; float: left;}
#main div.pagination div.pages {float: right;}
#main div.pagination div.pages ul {line-height: 19px; margin: 0px 2px 0px 0px; float: left;}
#main div.pagination div.pages ul li {background: url(../img/bg_pages1.gif) no-repeat; display: inline; margin: 0px 0px 0px 5px; padding: 0px; float: left;}
#main div.pagination div.pages ul li a {color: #FFFFFF; text-decoration: none; background: url(../img/bg_pages1.gif) no-repeat right -20px; display: block; padding: 0px 6px 1px;}
#main div.pagination div.pages ul li.active {background: url(../img/bg_pages2.gif) no-repeat;}
#main div.pagination div.pages ul li.active a {color: #D61A1A; background: url(../img/bg_pages2.gif) no-repeat right -20px; cursor: default;}
#main div.pagination div.pages ul li.prev {background: none;}
#main div.pagination div.pages ul li.prev a {text-indent: -9000px; background: url(../img/bg_prev.gif) no-repeat; width: 20px; height: 20px; padding: 0px; border: none; overflow: hidden;}
#main div.pagination div.pages ul li.next {background: none;}
#main div.pagination div.pages ul li.next a {text-indent: -9000px; background: url(../img/bg_next.gif) no-repeat; width: 20px; height: 20px; padding: 0px; border: none; overflow: hidden;}

#sidebar {width: 225px; float: left;}
#sidebar p {margin: 0px 30px;}
#sidebar ul.smenu {margin-left: 30px; padding-top: 45px; list-style: none;}
#sidebar ul.smenu li {background: url(../img/marker_m.gif) no-repeat 0px 0px; line-height: 16px; margin-bottom: 10px; padding-left: 11px;}
#sidebar ul.smenu li a.group {font-weight: bold; color: #404040; text-decoration: none;}
#sidebar ul.smenu li a.active {color: #8D8D8D; text-decoration: none;}
#sidebar ul.smenu li ul {margin-top: 8px; list-style: none;}
#sidebar ul.smenu li ul li {background: url(../img/marker.gif) no-repeat 0px 5px; margin: 0px; padding: 0px 0px 0px 8px;}
#sidebar ul.quest {margin-left: 30px; padding-top: 45px; list-style: none;}
#sidebar ul.quest li {background: url(../img/marker_m.gif) no-repeat 0px 0px; line-height: 16px; margin-bottom: 6px; padding-left: 11px;}
#sidebar ul.quest li a.active {color: #8D8D8D; text-decoration: none;}

#wide {margin: 0px 30px; zoom: 1;}
#wide ul {width: 100%; list-style: none; overflow: hidden;}
#wide ul li {width: 49.9%; height: 120px; margin-bottom: 30px; float: left;}
#wide ul li img {display: inline; margin-left: 30px; float: left;}
#wide ul li div.inner {margin: 0px 30px 10px 135px;}
#wide ul li div.inner h2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #8D8D8D; margin-bottom: 4px;}
#wide ul li div.inner ul {width: auto; margin: 0px 0px 0px 3px; zoom: 1;}
#wide ul li div.inner ul li {background: url(../img/marker_m.gif) no-repeat left center; line-height: 16px; width: auto; height: auto; margin: 0px 0px 0px -7px; margin-top: 4px; padding: 0px 12px; white-space: nowrap;}

#top {background: url(../img/bg6.jpg) no-repeat; width: 505px; height: 85px; position: absolute; right: 30px; top: 0px;}
#top div.right {width: 225px; padding-top: 30px; float: right;}
#top div.right p {text-align: right; margin: 0px 15px 6px;}
#top form {width: 275px; height: 85px; margin: 0px; position: relative;}
#top form input.txt {width: 128px; height: 18px; margin: 0px; position: absolute; left: 115px; top: 32px;}
#top form input.img {margin: 0px; position: absolute; left: 255px; top: 32px;}

#sec {width: 13px; position: absolute; left: 435px; top: 20px;}
#sec ul {width: 13px; list-style: none; overflow: hidden;}
#sec ul li {margin-bottom: 6px; float: left;}
#sec ul li.home {background: url(../img/bghome.gif) no-repeat;}
#sec ul li.map {background: url(../img/bgmap.gif) no-repeat;}
#sec ul li.letter {background: url(../img/bgletter.gif) no-repeat;}
#sec ul li a {text-indent: -9000px; display: block; width: 13px; height: 10px;}

#footer {background: url(../img/bg7.jpg) no-repeat; width: 100%; max-width: 1250px; height: 130px; margin: -130px auto 0px; position: relative;}
* html #footer {width: expression(documentElement.clientWidth > 1250 ? '1250px' : '100%');}
#footer address {text-indent: -9000px; background: url(../img/bg_phone.gif) no-repeat; width: 210px; height: 30px; position: absolute; left: 175px; top: 87px;}
#footer p {width: 250px; position: absolute; right: 30px; top: 81px;}
#footer p.webdev {top: 99px;}
#footer p.webdev a {text-decoration: none; cursor: default;}
#footer p.webdev a:hover {color: #404040;}
#footer p.webdev a span {line-height: 20px; margin-right: 5px; float: left;}
#footer p.webdev a strong {text-indent: -9000px; background: url(../img/artline.gif) no-repeat; width: 77px; height: 17px; float: left; cursor: pointer;}
#footer ul {width: 196px; height: 31px; margin-left: 46%; padding-top: 84px; list-style: none; overflow: hidden;}
#footer ul li {float: left; margin-right: 10px;}
#footer ul li img {opacity: 0.3; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);}

/* Forms ------------------------------------------------------------------------------------------------*/
form {font-size: 11px; margin: 20px 30px 0px; zoom: 1;}
form#orderform p {font-weight: bold; line-height: normal; margin: 0px 0px 10px 205px; padding-top: 10px; clear: both; zoom: 1;}
form#orderform p.desc {font-size: 10px; font-weight: normal; color: #8D8D8D; text-align: left; margin-left: 227px; padding: 0px; clear: none;}
form#orderform div#bcard {display: none; padding-top: 10px;}
form#orderform div#addressblock {display: none; padding-top: 10px;}

.star {color: #D61A1A; vertical-align: top;}

input, select, textarea {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 11px; color: #404040;}

label {text-align: right; width: 100px; margin: 2px 5px 0px 0px; float: left;}
* html label {margin-right: 2px;}
html:root label {margin-top: 3px;}
html:root label, x:-moz-any-link {margin-top: 1px;}
label.nofloat {text-align: left; width: auto; margin: 0px; float: none;}
label.warn {color: #D61A1A; font-weight: bold;}
form#mainform label {width: 90px;}
form#orderform label {width: 200px;}
form#orderform label em {font-style: normal; color: #D61A1A;}

input.txt {width: 300px; height: 17px; margin-bottom: 6px; border: 1px #D5D5D5 solid;}
* html input.txt {margin-bottom: 4px;}
*+html input.txt {margin-bottom: 4px;}
input.w30  {text-align: center; width: 30px;}
input.w200 {width: 200px;}

input.switch {vertical-align: top; margin: 0px 5px 7px 205px;}
* html input.switch {vertical-align: -25%; margin: 0px 2px 0px 201px;}
*+html input.switch {vertical-align: -25%; margin: 0px 2px 0px 201px;}

input.img {margin: 3px 15px 6px 105px;}
form#mainform input.img {margin-left: 95px;}
form#orderform input.img {margin-left: 205px;}

textarea {width: 300px; margin: 0px 0px 6px; border: 1px #D5D5D5 solid; overflow: auto;}

#captcha {margin: 8px 0px 10px 105px;}
#captcha label {text-align: left; width: auto; margin: 0px; float: none;}
#captcha img {display: block; width: 148px; height: 30px; margin: 7px 0px 0px;}
#captcha input.txt {width: 146px; margin: 7px 0px 0px 0px;}
form#mainform #captcha {margin-left: 95px;}
/* Forms ------------------------------------------------------------------------------------------------*/

div.tool-tip {background: #FFFFFF; border: 1px #D5D5D5 solid; z-index: 100;}
div.tool-title {font-weight: bold; background: #D5D5D5; width: 198px; padding: 4px 7px 5px;}
div.tool-text {width: 198px; padding: 4px 7px 6px;}

#screen {display: none; width: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index: 20;}
#shadow {background: #000000; display: none; min-width: 1000px; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 30;}

#popup {display: none; width: 300px; height: 140px; margin: -70px 0px 0px -150px; position: fixed; left: 50%; top: 50%; overflow: hidden; z-index: 40;}
* html #popup {margin-top: expression(((documentElement.offsetHeight/2)-parseInt(offsetHeight)/2) < 0 ? '0' : (documentElement.offsetHeight/2)-(parseInt(offsetHeight)/2) + 'px'); position: absolute; top: expression(documentElement.scrollTop + 'px');}
#popupinner {background: url(../img/bg_popup.png) no-repeat; width: 300px; height: 140px; overflow: hidden;}
* html #popupinner {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/img/bg_popup.png', sizingMethod = 'crop');}
#popupinner p {font-family: Tahoma, Geneva, Arial, sans-serif; font-size: 12px; color: #000000; text-align: center; line-height: 17px; margin: 50px 55px 0px 15px;}
#popupinner p.buttons {width: 260px; margin: 0px; position: absolute; bottom: 15px;}
#popupinner p.buttons a {text-indent: -9000px; background: url(../img/b_ok.gif) no-repeat; display: block; width: 31px; height: 20px; margin: 0px auto; cursor: pointer;}

/* ArtBox -----------------------------------------------------------------------------------------------*/
#imagepopup {background: url(../img/bg_ipopup.gif) no-repeat; display: none; width: 664px; height: 534px; margin: -267px 0px 0px -332px; position: fixed; left: 50%; top: 50%; overflow: hidden; z-index: 40;}
* html #imagepopup {margin-top: expression(((documentElement.offsetHeight/2)-parseInt(offsetHeight)/2) < 0 ? '0' : (documentElement.offsetHeight/2)-(parseInt(offsetHeight)/2) + 'px'); position: absolute; top: expression(documentElement.scrollTop + 'px');}

#imagepopupinner {background: url(../artbox/wait.gif) no-repeat center -9000px; width: 664px; height: 534px; position: relative;}
#imagepopupinner img {display: block; margin: 0px auto; padding-top: 12px;}
#imagepopupinner p {line-height: normal; margin: 0px; padding: 0px; position: absolute;}
#imagepopupinner p.title {font-weight: bold; height: 14px; padding-right: 50px; left: 12px; bottom: 14px; overflow: hidden; z-index: 50;}
#imagepopupinner p.control {height: 25px; right: 5px; bottom: 9px; z-index: 60;}
#imagepopupinner p.control a {text-indent: -9000px; width: 25px; height: 25px; margin-right: 7px; float: left; overflow: hidden;}
#imagepopupinner p.control a.close {background: url(../artbox/close.gif) no-repeat 0px 0px;}
#imagepopupinner p.control a.close:hover {background-position: 0px -25px;}

a.artbox {display: block; width: 150px; height: 120px; position: relative;}
a.artbox span {background: url(../artbox/zoom.gif) no-repeat center -9000px; width: 150px; height: 120px; position: absolute; left: 0px; top: 0px; opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); cursor: pointer;}
/* ArtBox -----------------------------------------------------------------------------------------------*/