@CHARSET "UTF-8";

/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
  Classes
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
.clear { display: block; clear: both; height: 1px; }
.off { display: none; }

.hidden { display: none; }
.show { display: block; }

.fleft { float: left; }
.fright { float: right; }

.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }

.container { overflow: hidden; }

image.fleft { float: left; margin: 0 10px 5px 0; }
image.fright { float: right; margin: 0 0 5px 10px; }

/* 
---------------------------------------------------------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------------------------------------------------------
*/

* { margin: 0; padding: 0; }
html { height: 100%; }
body { position: relative; color: #000; font-family: Arial; font-size: 13px; background: #fff url(../img/body-bg.gif) repeat-x 0 0; }

form filedset { border: 0; }
form p { padding: 3px 0; margin-top:5px; }
form input.text, form input.file, form select, form textarea { padding: 3px; color: #121110; font-size: 1em; font-family: Tahoma; background: #fff; border: 1px solid #DAE2CF; width:233px; margin-top:5px; }
form select { padding: 2px 3px; }
form input.button { font-size: 1em; }
form input.image { position: relative; top: 6px; }
form#ul_register .leftcol { float: left; width: 49.9%; }
form#ul_register .rightcol { margin-left: 55%; }
p#register_button { clear: both; }

h1, h2, h3, h4 { padding: 10px 0; text-transform: uppercase; }
h1 { font-size: 1.6em; font-weight: normal; }
h2, h3 { font-size: 1em; }
h4 { font-size: 1em; font-style: italic; }

p, ul, ol, dl, form { padding: 6px 0; }
blockquote { padding: 6px 0 6px 15px; }

a { color: #6FA420; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: 0; }

p.link-plus { padding-left: 15px; background: url(../img/link-plus.gif) no-repeat 0 center; }
p.link-all { padding-left: 15px; no-repeat 0 center; }
p.link-zoom { padding-left: 15px; background: url(../img/footer-map.gif) no-repeat 0 center; }
div.link-bg { float: left; display: table; margin: 10px 0; background: #C77153 url(../img/link-bg-1.gif) no-repeat 0 0; height: 22px; }
div.link-bg div { display: table-cell; vertical-align: middle; padding: 0 13px; background: url(../img/link-bg-2.gif) no-repeat right 0; height: 22px; }
div.link-bg a { color: #fff; font-size: 0.9em; font-family: "Arial Narrow"; text-decoration: none; text-transform: uppercase; }
div.link-bg a:hover { text-decoration: underline; }

#center-width { position: relative; min-width: 980px; width: 100%; }
#center { margin: 0 20px; }

/*
---------------------------------------------------------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#header { position: relative; background: url(../img/header-bg.gif) no-repeat 219px 43px; height: 257px; }

#header-book { position: absolute; top: 135px; right: 200px; background: url(../img/header-book.png) no-repeat 0 0; width: 140px; height: 148px; }

#header-icons { position: absolute; top: 0; right: 20px; }
#header-icons span, #header-icons a { float: left; margin: 0 13px; width: 37px; height: 43px; }
#header-icons span { background: url(../img/icon-bg.gif) no-repeat 0 0; }
#header-icons a { background: url(../img/icon-bg.gif) no-repeat 0 -100px; }
#header-icons a:hover { background-position: 0 0; }

#logo { position: absolute; top: 47px; left: 27px; }

#header-phone { position: absolute; top: 18px; left: 455px; color: #000; width: 400px; }
#header-phone small { position: absolute; top: 0; left: 0; font-size: 0.8em; }
#header-phone small.num { top: 15px; font-size: 1.3em; font-family: "Arial Narrow"; }

#header-callback { position: absolute; top: 18px; left: 560px; color: #000; width: 400px; }
#header-callback small { position: absolute; top: 0; left: 0; font-size: 0.8em; }
#header-callback small.num { top: 15px; font-size: 1.3em; font-family: "Arial Narrow"; }


#header-email { position: absolute; top: 50px; right: 10px; padding: 3px 8px; }
#header-email small { font-size: 1em; text-transform: uppercase; }
#header-email a { color: #6FA420; }
#header-email a:hover { text-decoration: none; }

#header-nav { position: relative; top: 130px; background: #90C051 url(../img/bg-dark.gif); }
#header-nav a { color: #fff; text-decoration: none; text-transform: uppercase; }
#header-nav a:hover { text-decoration: underline; }
#header-nav ul { display: table; overflow: hidden; padding: 0; height: 47px; }
#header-nav ul li { list-style: none; display: table-cell; vertical-align: middle; padding-left: 20px; padding-right: 20px; background: url(../img/header-nav-item-bg.gif) no-repeat right center; }
#header-nav ul li.active { background: #D6E9BB; border-left: 1px solid #fff; border-right: 1px solid #fff; }
#header-nav ul li.active a { color: #6FA420; }

#header-form { position: relative; top: 130px; background: #D4E6BA url(../img/bg-middle-2.gif); border-top: 1px solid #fff; height: 79px; }
#header-form div.padding { padding: 5px 0 0 24px; } 
#header-form p.link-plus-small { padding: 5px 0 6px 11px; font-size: 0.8em; font-family: "Arial Narrow"; text-transform: uppercase; background: url(../img/link-plus-small.gif) no-repeat 0 center; }
#header-form input.text, #header-form select { border: 1px solid #fff; }
#header-form input.text { margin-right: 5px; width: 280px; }
#header-form select { margin-right: 5px; width: 106px; }
html:first-child #header-form select { position: relative; top: 1px; height: 19px; }

#header-basket { position: absolute; top: 139px; right: 0; color: #fff; font-size: 0.9em; width: 160px; }
#header-basket p { padding: 0 0 0 30px; background: url(../img/basket.gif) no-repeat 0 0.5em; }

#header-date { position: absolute; top: 200px; right: 40px; font-size: 20px; font-family: "Arial Narrow"; }
#header-date span.bold { font-weight: bold; }
#header-date span.num { float: left; position: relative; margin-left: 1px; padding: 5px 8px 3px 11px; color: #A7B18D; background: #BAC8A4; }
#header-date span.num span {position: absolute; top: 4px; left: 9px; color: #fff }

/*
---------------------------------------------------------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#body { width: 100%; padding-bottom: 30px; border-collapse:collapse; }
#body td {
    vertical-align:top;
}


#content { margin: 5px 25px; }

#content div.line { margin: 20px 0; font-size: 1px; line-height: 1px; border-top: 1px solid #EAE3D7; height: 1px; } 

#content p.listing { padding: 10px 0; }
#content p.listing strong.active { padding: 0 4px; background: #E2F2CB; border: 4px solid #E2F2CB; border-bottom-width: 5px; }
#content p.listing strong.active, 
#content p.listing a, b { margin-left: 10px; }

#content div.banner_code textarea { background: #fff; border: 1px solid #E3DCCE; width: 468px; }

#content .news { padding: 10px 0; }
#content .news p.head small { color: #AFAAA0; font-size: 1em; }
#content .news img.fleft { margin-top: 9px; margin-right: 20px; }

#content table.hits-toolbar { margin: 10px 0; border-collapse: collapse; width: 100%; }
#content table.hits-toolbar tr.nobg td { background: none; }
#content table.hits-toolbar td { padding: 0 13px; text-align: center; background: #F6F1E8; border-right: 1px solid #fff; border-bottom: 1px solid #fff; height: 28px; }
#content table.hits-toolbar td.select { padding-right: 30px; color: #E0D6C5; font: 0.9em/1.3 "Arial Narrow"; text-transform: uppercase; text-align: right; background: #fff url(../img/hits-select.gif) no-repeat right center; }
#content table.hits-toolbar td.type { font: 1em/1.3 "Arial Narrow"; text-transform: lowercase; background: #EAE3D7; }
#content table.hits-toolbar td.load { text-align: left; }
#content table.hits-toolbar td.load small { margin-left: 3px; color: #AFAAA0; font-size: 0.9em; }

#content table.archivator { margin: 10px 0; border-collapse: collapse; width: 100%; }
#content table.archivator td { padding: 0 13px; border-right: 1px solid #fff; height: 28px; }
#content table.archivator td.clear { background: none; }
#content table.archivator td.rar { padding-left: 28px; background: #F6F1E8 url(../img/hits-rar.gif) no-repeat 5px center; width: 145px; }
#content table.archivator td.zip { padding-left: 28px; background: #F6F1E8 url(../img/hits-zip.gif) no-repeat 5px center; width: 145px; }

#content .hits { margin-right: -60px; }

#content .hits .hit { float: left; padding: 10px 20px 10px 0; width: 230px; min-height: 90px; }
#content .hits .hit .fleft { position: relative; margin-top: 2px; height: 92px; width: 71px }
#content .hits .hit .fleft .hit { position: absolute; top: 43px; left: 27px; background: url(../img/hit.png) no-repeat 0 0; width: 44px; height: 44px; }
#content .hits .hit .fleft .novinka { position: absolute; top: 43px; left: 27px; background: url(../img/novinka.png) no-repeat 0 0; width: 44px; height: 44px; }
#content .hits .hit .fleft  img{ margin-right:15px; }
#content .hits .hit .text { margin-left: 60px; }
#content .hits .hit .text p.head small,
#content .hits .hit .text p.head small a { color: #000; font-size: 1em; }

#content .catalog .good { padding: 10px 0; }
#content .catalog .good .fleft { position: relative; margin-top: 2px; }
#content .catalog .good .fleft .hit { position: absolute; top: 43px; left: 27px; background: url(../img/hit.png) no-repeat 0 0; width: 44px; height: 44px; }
#content .catalog .good .fleft .novinka { position: absolute; top: 43px; left: 27px; background: url(../img/novinka.png) no-repeat 0 0; width: 44px; height: 44px; }
#content .catalog .good .fleft .season { position: absolute; top: 45px; left: 30px; background: url(../img/season.png) no-repeat 0 0; width: 44px; height: 44px; }
#content .catalog .good .fleft .pachka { position: absolute; top: 55px; left: 0px; background: url(../img/pack.png) no-repeat 0 0; width: 69px; height: 41px; }
#content .catalog .good .text { margin-left: 70px; }
#content .catalog .good .text .fright { margin-left: 0px; width: 150px; }
#content .catalog .good .text .fright .price { margin: 0 0 5px 0; padding: 3px 8px; background: #E2F2CB; width:120px; }
#content .catalog .good .text .fright .price strong { color: #6FA420; font-size: 1.1em; }
#content .catalog .good .text p.head small,
#content .catalog .good .text p.head small a { color: #000; font-size: 1em; }

#content .analogi{ margin-right: -60px; }
#content .analogi .analog { float: left; padding: 10px 20px 10px 0; width: 230px; min-height: 90px; }
#content .analogi .analog .fleft { position: relative; margin-top: 2px; }
#content .analogi .analog .fleft .hit { position: absolute; top: 43px; left: 27px; background: url(../img/hit.png) no-repeat 0 0; width: 44px; height: 44px; }
#content .analogi .analog .fleft .novinka { position: absolute; top: 43px; left: 27px; background: url(../img/novinka.png) no-repeat 0 0; width: 44px; height: 44px; }
#content .analogi .analog .text { margin-left: 60px; }
#content .analogi .analog .text p.head small,
#content .analogi .analog .text p.head small a { color: #000; font-size: 1em; }

#content .tovar_info .top { padding-bottom: 20px; }
#content .tovar_info .top .price { float: right; margin-bottom: 5px 5px 5px 20px; padding: 3px 8px; }
#content .tovar_info .top .price strong { color: #6FA420; font-size: 1.1em; }
#content .tovar_info .links { float: right; width: 170px; }
#content .tovar_info .links a.link { margin: 0 13px; font-size: 0.9em; font-family: "Arial Narrow"; text-transform: uppercase; }
#content .tovar_info img.fleft { margin-right: 15px; }
#content .tovar_info .text p.head strong { color: #81100F; text-decoration: underline; }
#content .tovar_info .text p.head small { font-size: 1em;color: #AFAAA0; }
#content .tovar_info .text p.head small.colored { color: #000; }
#content .tovar_info .add { padding: 10px 0; font-size: 0.9em; font-family: "Arial Narrow"; text-transform: uppercase; }
#content .tovar_info .add img { position: relative; top: 7px; margin-right: 5px; }

#content form.search label { cursor: pointer; display: block; padding-bottom: 2px; }
#content form.search input.text { width: 175px; }
#content form.search select { width: 183px; }
#content form.search p span.col { float: left; width: 210px; }
#content form.search p.many label { display: inline; }
#content form.search p.many input.text { margin: 0 5px; width: 59px; }
#content form.search p.checkboxes label { display: inline; margin-right: 10px; }
#content form.search input.submit { cursor: pointer; float: left; margin: 10px 10px 0 0; color: #fff; font-size: 0.9em; font-family: "Arial Narrow"; text-transform: uppercase; background: #A99471 url(../img/form_search.gif) no-repeat 0 0; border: 0; width: 71px; height: 22px; }

/*****/

#content table.table { margin: 10px 0; color: #11160B; font-size: 0.9em; border-collapse: collapse; width: 95%; }
#content table.table th { padding: 5px 10px; text-align: left; background: #E2F2CB; border-right: 1px solid #fff; }
#content table.table td { padding: 5px 10px; border-right: 1px solid #fff; }
#content table.table tr.bg td { background: #E2F2CB; }

#content .table_price { color: #11160B; }
#content .table_price .dostavka { padding: 5px 10px; font-size: 0.9em; }
#content .table_price .itogo { margin-top: 1px; padding: 5px 10px; font-weight: bold; background: #F0F9E4; }

#content .enter_page .fleft { margin-top: -5px; width: 210px; }
#content .enter_page form.enter p { padding: 3px 0; }
#content .enter_page form.enter p label { display: block; padding-bottom: 2px; }
#content .enter_page form.enter input.text { width: 180px; }
#content .enter_page form.enter input.image { position: relative; top: 7px; margin-right: 5px; }
#content .enter_page .register { margin-left: 215px; }
#content .enter_page .register form.enter { padding-left: 20px; }
#content .enter_page .register form.enter input.text { width: 200px; }
#content .enter_page .register form.enter select { width: 208px; }
#content .enter_page .register form.enter textarea { width: 200px; height: 50px; }
#content .enter_page .register .ul { padding: 10px 15px; background: #F0F9E4; } 
#content .enter_page .register .fl { margin-top: 1px; padding: 10px 15px; background: #E2F2CB; }
#content .enter_page p#register_button { padding-top: 20px; }

#content .vacancy_list { padding: 10px 0 10px 15px; }
#content .vacancy_list .head { margin-left: -15px; margin-bottom: 5px; margin-right: 150px; padding: 10px 15px; background: #F0F9E4; }
#content .vacancy_list .name { padding: 2px 0; color: #6FA420; }

#content .nastrojki_panel { margin: 10px 0; padding: 13px 5px; font-size: 0.9em; background: #E2F2CB; }
#content .nastrojki_panel strong, 
#content .nastrojki_panel a { margin: 0 5px; }

#content .rasprodaga .item { float: left; padding: 10px 0; width: 49.9%; }
#content .rasprodaga .item .padding { padding-right: 50px; }
#content .rasprodaga .item .author { color: #AFAAA0; }

/* Sidebars */

#leftside { width: 230px; }
#rightside { width: 230px; }

.sidebar .block { margin-bottom: 19px; padding: 10px 17px 10px 17px; }
.sidebar .block-bg { background: #F0F9E4; }
.sidebar .nopadding { padding: 0; }

.sidebar h3 { margin: 1px 0; padding: 10px 25px; background: #E2F2CB; }

.sidebar .lastnews small.date { font-size: 1em; color: #AFAAA0; }
.sidebar .lastnews strong.head { display: block; padding-bottom: 8px; }

.sidebar form.subscribe { margin: -19px 0 19px 0; padding: 0 0 15px 0; background: #EAE3D7 url(../img/subscribe-bg.gif) repeat-x 0 0; }
.sidebar form.subscribe h3 { margin: 0; padding-top: 15px; padding-bottom: 3px; background: none; }
.sidebar form.subscribe p { padding: 3px 17px; }
.sidebar form.subscribe input.text { background: #fff; border: 1px solid #fff; width: 175px; } 
.sidebar form.subscribe p.links { color: #81100F; font-size: 0.8em; font-family: "Arial Narrow"; text-transform: uppercase; }
.sidebar form.subscribe p.links a.colored { color: #E2511F; }

.sidebar .book { padding-left: 10px; }
.sidebar .book .fleft { position: relative; margin-top: 9px; }
.sidebar .book .fleft .hit { position: absolute; top: 43px; left: 27px; background: url(../img/hit.png) no-repeat 0 0; width: 44px; height: 44px; }
.sidebar .book .fleft .season { position: absolute; top: 45px; left: 29px; background: url(../img/season.png) no-repeat 0 0; width: 41px; height: 41px; }
.sidebar .book .fleft .novinka { position: absolute; top: 43px; left: 27px; background: url(../img/novinka.png) no-repeat 0 0; width: 44px; height: 44px; }
.sidebar .book .text { margin-left: 67px; }
.sidebar .book .text p.head small { color: #AFAAA0; font-size: 1em; }

.sidebar .months .col { float: left; width: 49.9%; }
.sidebar .months .col ul li { list-style: none; margin: 2px 0; padding-left: 8px; background: url(../img/li-item.gif) no-repeat 0 center; }

.sidebar .catalog ul li { list-style: none; margin: 5px 0; padding-left: 8px; background: url(../img/li-item.gif) no-repeat 0 0.45em; }
.sidebar .catalog ul li .sub { font-size: 0.9em; }
.sidebar .catalog ul li .sub a { text-decoration: none; border-bottom: 1px dashed #81100F; }
.sidebar .catalog ul li .sub a:hover { border: 0; }
.sidebar .catalog ul li .sub  strong.active a { color: #E2511F; border-color: #E2511F; } 
.sidebar .catalog ul li .sub .sub2 { padding: 0 0 3px 0; }
.sidebar .catalog ul li .sub .sub2 a { color: #E2511F; border-color: #E2511F; }

/*
---------------------------------------------------------------------------------------------------------------------------------------------------
  Footer
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#footer { padding-top: 1px; }

table#footer-adv { border-collapse: collapse; width: 100%; }
table#footer-adv td { width: 144px; }
table#footer-adv td.pad { width: auto; }

#footer-line { margin: 5px 0 1px 0; border-top: 1px solid #C0D89E; }

#footer-nav { background: #D7EABD url(../img/footer-nav-bg.gif) repeat-x 0 0; }
#footer-nav a { text-decoration: underline; }
#footer-nav a:hover { text-decoration: none; }
#footer-nav ul { display: table; overflow: hidden; float: right; padding: 0; height: 47px; }
#footer-nav ul li { list-style: none; display: table-cell; vertical-align: middle; padding-left: 20px; padding-right: 20px; background: url(../img/footer-nav-item-bg.gif) no-repeat right center; }
#footer-nav ul li.active a { font-weight: bold; text-decoration: none; }

#footer-copyright, #footer-contacts { padding: 10px 20px; color: #AFAAA0; }
#footer-contacts { float: right; }
#footer-contacts span.map { padding-left: 15px; background: url(../img/footer-map.gif) no-repeat 0 0.2em; }

#ui-dialog {
 display:none;
}

.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 1px solid #333; padding: .5em 1em; background: #D7EABD; overflow: auto; zoom: 1; }

.error { font-size:12px;color:red;margin-bottom:20px; }
#save { font-size:12px;color:green;margin-bottom:20px; }
p label span { color: #555; }

.zvezda {position: relative; top: -2px; color: #6FA420; font-weight: bold;}
#event-banner {text-align:center;}

.message {
    color: red;
}

p.annotation {
    padding-right: 150px;
}

div.tovar_info div.text {
    padding-left: 170px;
}