/* CSS Document */
/* Tag selectors*/
* { margin:0; padding:0 }
BODY {font: normal 9pt Tahoma,Geneva,Helvetica,Sans-serif; background:#ffffff; margin:0 15px 15px 15px}
TABLE { font-family: Tahoma, Geneva, Helvetica, Sans-serif;
        font-size: 12px; border:0px;
        border-collapse:collapse}
TD { font-family: Tahoma, Geneva, Helvetica, Sans-serif;
     font-size: 12px; padding:0px}
TABLE .fixed {table-layout:fixed}
A { text-decoration: underline; }
A:link { color: #003399 }
A:visited {color: #336699}
A:active { color: #003399 }
A:hover { color: #003399; text-decoration: underline }

h1 { font: normal 14pt Tahoma, Verdana, Sans-serif; color:rgb(54,96,146); margin:12pt 0 10pt 0;}
h2 { font: bold 10pt Tahoma, Verdana, Sans-serif;  color:rgb(54,96,146); margin:10pt 0 10pt 0; }
h3 { font: bold 9pt Tahoma, Verdana, Sans-serif; margin:10pt 0 7pt 0; padding:0}

p {margin-top:10pt; margin-bottom:3pt; line-height:1.5}
ul, ol { margin:10pt 0 3pt 0; }
ul li, ol li { margin:0 0 6pt 3ex }
em {font-weight:bold; font-style:normal}
form { margin:0 }
fieldset { padding:8pt }
input { font:normal 10pt/14pt Arial, sans-serif; vertical-align:middle; }
label { margin-right:1em }
ACRONYM {color:#003399; border-bottom-width:1px; border-bottom-style:dashed; border-bottom-style:dotted; cursor:pointer; cursor:hand}
img {border:none}
/*Class selectors*/
a.pseudo, .pseudolink { text-decoration:none; border-bottom:1px dotted #039 }
td.d, td.d input { text-align:right }
#content { table-layout:fixed; margin-bottom:20pt }

#headline_text { text-align:justify; margin-bottom:16pt }
#headline_pic { margin-bottom:10pt }

h3.page-path { color:#666; font-weight:normal; border-bottom:1px solid #ccc; padding-bottom:3pt; }

.vertical-menu { margin-bottom:20pt }
.vertical-menu h3 { color:#333; }
.vertical-menu ul li { margin-top:5pt; color:#999; margin-left:24px; }

ul.vertical-menu { list-style:none; }

ul.vertical-menu li.dir { position:relative; margin:0; }
ul.vertical-menu li.dir ul { position:absolute; margin:-2px 0 0 -3px; left:100%; top:0; width:100%; background:rgb(242,242,242);  border:1px solid #e6e6e6; border-right:1px solid #d2d2d2; border-bottom:1px solid #ccc; padding-right:1em; z-index:100; visibility:hidden }
ul.vertical-menu li.dir:hover ul { visibility:visible }

ul.vertical-menu li.dir h3 { color:rgb(54,96,146); padding:6pt 2pt; margin:0; border:1px solid white }
ul.vertical-menu li.dir h3 b {  border-bottom:1px dotted #369; cursor:default }
ul.vertical-menu li.dir:hover h3 { color:#333; border:1px solid rgb(184,204,228); }
ul.vertical-menu li.dir:hover h3 b, ul.vertical-menu li.current h3 b { border:none; }

ul.vertical-menu li.current { margin:0 }
ul.vertical-menu li.current h3 { color:#333; padding:6pt 2pt; background:rgb(220,230,241); }
ul.vertical-menu li.current ul { position:static; visibility:visible; }
ul.vertical-menu li.current ul li b { color:#333; background:rgb(220,230,241); padding:3pt 3pt; line-height:18pt }

/* Showcase */
#showcase {
background:rgb(233,239,248);
padding:0 0 10pt 0;
}
#showcase h1 { padding:0.5em 0 0.2em 0.5em; }
#showcase h2 {
margin:0; height:22pt;
font:normal 8pt Tahoma, sans-serif; vertical-align:top;
}
#showcase p.price {
margin:0; line-height:16pt;
}
#showcase p.price a {
padding:2pt 24px 2pt 0; background:url(/_img/i/cart.png) right center no-repeat;
color:black; text-decoration: none;
}
#showcase p.price big {
font:normal 13pt Tahoma, sans-serif; border-bottom:1px dotted black;
}

.thumbnails
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: 0 0 0 -2em;

/* Выравнивание по центру */
text-align: center;
}

.thumbnail
{
/* Убираем подчеркивание у элемента ins,
который был использован для совместимости со старыми версиями Internet Explorer */
text-decoration: none;

/* Следующее правило для Firefox 2 */
display: -moz-inline-box;

display: inline-block;
vertical-align: top;
text-align: left;
/* Отступы между блоками */
margin: 0 0 0 2em;
}

.thumbnail .r
{
/* Если есть необходимость, то свойства padding, border, background и position со значением relative
лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */
/* Задаем минимальную ширину по тексту */
width: 150px;
float: left;
}
.thumbnail img { margin:0 0 5px 0 }

.bigprice { font:normal 13pt/16pt Tahoma, sans-serif; color:black; }
.bigprice ins { font-size:75%; text-decoration: none; }

small, .small { font-size: 8pt }
.small_b {font-size: 8pt; font-weight: bold}
.tiny {font-size: 7pt}
i.tiny { font:italic 8pt/12pt Times, serif; color:gray }
.error {font-size: 8pt; color: #ff0000}
.colored {color:#ff6600}
A.colored:visited, A.colored:link {color:#ff6600; text-decoration: underline}
.grayed {color:#999999}
A.grayed:visited, A.grayed:link {color:#999999; text-decoration: underline }
A.grayed:hover { color: #000000; text-decoration: underline }
.bread_crumbs, A.bread_crumbs:link, A.bread_crumbs:visited {
      font-family:Tahoma; font-size:8pt; color:#666666}
A.bread_crumbs:hover {background-color:#cccccc; color:#000000; text-decoration:none}
DIV.bread_crumbs {padding-bottom:3px; border-bottom:solid 1px #cccccc}
TABLE.t_regular {table-layout:fixed; margin-top:5px; margin-bottom:5px}
TABLE.t_regular td {border: #cccccc 1px solid; padding: 5px 3px}
/* Navigation styles */
.box_h, A.box_h:visited, A.box_h:link { color:#000099; font-weight:bold }
.box, A.box:visited, A.box:link { color:#003399; font-size:8pt }
A.box:hover, A.box:active, A.box_h:hover, A.box_h:active { color:#000000; background-color:#cccccc; text-decoration:none }
/* Special */

div#col_right_links {margin-left:0}
div#col_right_links div {margin-top:30px}
div#col_right_links img {border:none}

#footer { width:970px; text-align:center; font-size:8pt; border-top:10px solid rgb(220,230,241); padding-top:6pt; margin-bootom:6pt;}
#footer-left {  float:left; width:24em; text-align:left }
#footer-right { float:right; width:24em; text-align:right  }
#footer-left img { margin-top:10px }
/* rounded corners */
.r-star{
	position:relative;
	overflow:hidden;
	margin:0 0 20px 0;
	padding:10px 0;
	background:rgb(220,230,241);
}

.r-star .content{
	padding:0 15px 0 15px;
}
.r-star .cn{
	position:absolute;
	width:20px;
	height:20px;
	overflow:hidden;
	background:url(/_img/dcr/r-star.png) no-repeat center center;
/*\*/
  * background:url(/_img/dcr/r-star.gif) no-repeat center center;
/**/
/* hi IE6 */
}
.r-star .cn.tl {
	top:-10px;
	left:-10px;
}
.r-star .cn.tr {
	top:-10px;
	right:-10px;
}
.r-star .cn.bl {
	top:auto;
	left:-10px;
}
.r-star .cn.br {
	top:auto;
	right:-10px;
}

.r-star input.text, .r-star input.button, .r-star button { height:16pt }

.notes { padding-left:24px; background:url(/_img/i/info.png) left center no-repeat; font:italic 11pt/16pt Times, serif; }
li.notes { list-style:none; margin: 0 0 6pt 0 }
.good { color:#6B8E23; font:bold 10pt/16pt Tahoma, sans-serif; background-image:url(/_img/i/accept.png) }
.warn { background-image:url(/_img/i/error.png) }
.help { background-image:url(/_img/i/help.png);  }
sup.new { color:green }

.warning { margin-top:1em; color:#f90; font:bold 8pt Tahoma; padding:16px 0 16px 40px; background:url(/_img/ico_warn.png) left center no-repeat }
.note_new  { color:#999; padding-left:24px; margin-top:1em; background:url(/_img/ico_new.png) left center no-repeat}
.printable  { padding-left:24px; line-height:150%; margin-top:1em; background:url(/_img/ico_printer.png) left center no-repeat}

#index_col div { float:left; width:43%; min-width:8em; padding-right:30px; border:0px solid white }
#index_col h2 { color:#333 }
#index_col ul { list-style:none; margin:0; padding:0 0 0 1.5em; line-height:10pt }


/* shop */


table#tableList { table-layout:fixed; margin-top:10pt; clear:left }
#tableList th { font-size:8pt; font-weight:bold; padding:0 3px; height:40px; text-align:left; color:#333; background-color:#ccc; border-left:1px solid #999; border-bottom:2px solid #999 }
#tableList th a { color:#333; text-decoration:underline }
#tableList th.noborder { border-left:none }
#tableList td { font-size:8pt; padding:3px 0 3px 3px; height:30px; border-top:1px solid #dedede }
#tableList td.art  { color:#666; border-right:1px solid #999 }
#tableList td.price { font-weight:bold; text-align:right; padding-right:3px; color:#333; border-left:1px solid #999; border-right:1px solid #999; }
#tableList td.rur   { font-weight:bold; color:#333 }
#tableList td.store { font-size:7pt }
#tableList td.store span { color:#039; cursor:pointer; cursor:hand }
#tableList td.qty input { text-align:right }
#tableList tr.dk { background-color:#e9e9e9; }
#tableList tr.dk td, #tableList tr.lt td { border-top:none }
#tableList tfoot td { border-top:2px solid #999 }
#tableList td img { margin-left:5px }

#t_list TABLE { table-layout:fixed }
#t_list TD { padding-top:1px; padding-bottom:1px }
#t_orderlist { margin-top:2em; width:100% }
#t_orderlist TH { background-color: #dedede; padding:0.5em }
#t_orderlist TD { padding:0.5em 1em; border-top:1px solid #dedede }

#login { margin-top:3em; border-top:2px solid #ccc; border-bottom:1px solid #ccc; background-color:#f0f0f0 }
#login TD {padding: 10px}
#login_success  { color:green; font-weight:bold; border-left:2px solid green; padding-left:10px }
#login_failure {  color:red; font-weight:bold; border-left:2px solid red; padding-left:10px }
.example {font-size:7pt; color:gray}
TD.example {padding-bottom: 5px}
.inputText {width:100%; margin-top:3px}

#t_summary TABLE { table-layout:fixed }
#t_summary TD {padding-top: 2px; padding-bottom: 2px}
#completeMsg { font-family: Tahoma; font-size:14pt }
a.arr { text-decoration:none }

table#list { border-collapse:collapse; margin:18pt 0; clear:both }
table#list td { border-bottom:1px solid #ccc; vertical-align:top; padding:8pt 3pt 3pt 3pt }
table#list tbody td:first-child { vertical-align:middle; height:100px; padding:0 }
table#list td.price { text-align: right; padding:0 8pt }
table#list td.price a { display:block; padding-right:20px; background:url(/_img/i/cart.png) right center no-repeat; margin-top:5pt }
table#list td.price a, table#list td.price a big { color:black; text-decoration:none }
table#list td.price big { font:normal 13pt/16pt Tahoma, sans-serif; border-bottom:1px dotted black }
table#list td.price ins { display:block; margin-top:8pt; color:#666; text-decoration:none; padding-right:20px }
table#list td ul, table#list td dfn { display:block; font:normal 8pt/10pt Arial; color:#666; margin-top:10pt; }
table#list td ul { margin: 6pt 0 0 0; padding:0 }
table#list td ul li { margin:0; padding:0; list-style:none; font:normal 8pt Arial; color:#666 }
table#list thead th { font:bold 10pt/36pt Tahoma, sans-serif; background:rgb(220,230,241); color:gray; text-align:left; padding-left:3pt;  border-left:1px solid white; border-bottom:1px solid rgb(184,204,228) }
table#list thead th:first-child { border-left:none }
table#list thead th a { color:gray; text-decoration:none; border-bottom:1px dotted gray }
table#list thead th span { cursor:help; border-bottom:1px dotted gray }
table#list thead th ins { font-weight:normal; text-decoration:none }
table#list tfoot td { border:none; padding:10pt 0 5pt 0; line-height:24pt }
table#list tfoot td a { padding:5pt; border:1px solid #ccc }
table#list tfoot td span { padding:5pt; background:rgb(238,236,225) }

#shoppingCart table td.d input { width:3em }


#list-path, #item-path { margin-bottom:12pt; color:gray; position:relative; margin:10pt 0 7pt 0; }
#list-path h2, #item-path h2 { display:inline; padding:3pt 1pt 6pt 1pt; color:gray; font-size:9pt; }

ul.folders, ul.files { line-height:12pt; }
ul.folders li { margin:0 10pt 6pt 1pt; list-style:none; background:url(/_img/i/folder.png) left center no-repeat; padding-left:24px }
ul.folders li i { color:#999; margin-left:1ex; font-size:8pt }
ul.folders li#li-search { background-image:url(/_img/i/find.png) }
ul.files li { margin:0 0 6pt 1pt; list-style:none; background:url(/_img/i/file.png) left top no-repeat; padding-left:24px; }
ul.files li.excel   { background-image: url(/_img/i/excel.png) }
ul.files li.zip  { background-image: url(/_img/i/zip.png) }

#list-children { border:1px solid white; overflow:auto }
#list-children ul { width:49%; float: left; border:1px solid white; }
#list-expander { display:inline; }
#list-siblings { position:absolute; top:0; left:0; width:100%; background:transparent; visibility:hidden; }
#list-siblings ul { width:49%; float:left; }
#list-siblings-wrapper { margin:16pt 0; padding:0 1em; background:rgb(242,242,242); overflow:auto; border-bottom:1px solid #ccc; border-right:1px solid rgb(231,231,231) }

#list-expander:hover #list-siblings { visibility:visible; z-index:30; opacity:0.95; filter:alpha(opacity=95) }
#list-expander:hover h2 { background:rgb(242,242,242); }
#list-expander h2 b { border-bottom:1px dotted gray }
#list-expander:hover h2 b { border:none; }

div.index-col { border:1px solid white; margin:10pt 0 0 0; float:left; width:26em }
div.index-col ul { margin-bottom:16pt  }

#list-form-search input { padding:3pt }
#list-form-search div.content { padding:6pt }

#item_title {font:bold 10pt Tahoma}

#item_pic { width:69%; min-width:520px; min-height:400px; float:left; border:1px solid white}
#item_price { width:30%; min-width:180px; float:left; border:1px solid white;  }
#item_price h2 { color:#333; }
#item_pic ul   { list-style:none; margin:10pt 0; padding:0 }
#item_pic ul li { display:inline; margin:0 }
#item_pic ul li img { border:1px solid #ccc; margin-right:10px }

#item_instock { width:30%; min-width:180px; float:left; border:1px solid white;}
#item_instock h2 { color:#333; }
#item_instock td.yes { color:#6B8E23; font-weight:bold }

#item_spec { clear:both }
#item_spec h2 { color: #333; margin:12pt 0 8pt 0 }
#item_spec table { table-layout:fixed }
#item_spec table td, #item_spec table th { vertical-align:bottom; font:normal 8pt Tahoma, sans-serif; text-align:left; padding:6pt 0 0 0}
#item_spec table th { border-bottom:1px dotted #333; padding-right:10pt }
#item_spec table th.section { border-bottom:none; padding:10pt 0 3pt 3pt; font-weight:bold }
#item_spec table th span { padding:0 0 3pt 3pt; background:white }
#item_spec_note { margin:10px 0 15px 0; color:#999 }

ul#session { line-height:14pt; list-style: none; margin-bottom:20pt }
ul#session li { margin:3pt 0; padding-left:24px; background-position:left top; background-repeat: no-repeat }
#session-user-auth { background-image: url(/_img/i/lock_open.png) }
#session-user-guest { background-image: url(/_img/i/lock.png) }
#session-payment { background-image:url(/_img/i/cash.png) }
#session-cart { background-image:url(/_img/i/cart2.png) }
#session-cart-text { display:none }


#popcart th { font:bold 7pt Tahoma sans-serif; padding:0 3px; height:40px; text-align:left; color:#333; background-color:#ccc; border-left:1px solid #999; border-bottom:2px solid #999 }
#popcart th.noborder { border-left:none }
#popcart td { font:normal 8pt Times serif; padding:3px; height:30px; border-top:1px solid #dedede }

/* Header */
#header { width:970px; position:relative; background:url(/_img/dcr/call.png) no-repeat 50% 40%; margin-bottom:10pt }
#top_menu { text-align:right; height:27px; background:transparent url(/_img/dcr/hbg.gif) no-repeat 0%  0%; }
#top_menu div { float:right; line-height:25px; padding:0 0 0 32px; background:#98add4 url(/_img/dcr/menu_top.gif) no-repeat -430px bottom; }
div#top_menu-first { background-position:left bottom }
div#top_menu-last { background-position:right bottom; padding-left:10px }
#header-panel { margin-top:5px; text-align:right; background-color:transparent }
#header-panel img { margin:0 0 0 8px; background:url(/_img/dcr/panel.gif) no-repeat 0% 0%; }
#top_menu div a { vertical-align:middle; color:white; text-decoration:none }
#header-form { margin-top:5px; text-align:right; background-color:transparent }
#header-form input { font:normal 12px Tahoma }
#input1 { width:200px; height:22px; color:#999 }
#input2 { width:60px; height:22px; margin-left:5px; color:white; border:none; background:#98add4 url(/_img/dcr/btn_search.gif) no-repeat 0% 0%; }
#logo_txt { position:absolute; left:0; top:10px; width:310px; height:75px; color:#039; font:normal small-caps 48pt Times; z-index:5 }
#logo { position:absolute; left:0; top:10px; width:310px; height:75px; z-index:10 }

#menu0 { padding-bottom:3px }
#menu0 i { background:#98add4 url(/_img/dcr/nav1.png) no-repeat left top; padding:2px 5px 3px 5px; }
#menu0 #current { background-image:url(/_img/dcr/nav2.png); background-color:#039; }
#menu0 a { color:white; padding:2px 24px 3px 0; background:#98add4 url(/_img/dcr/nav1.png) no-repeat right top; text-decoration:none }
#menu0 a:last-child { background-position:100% -30px; }
#menu1 { position:relative; background-color:#039; color:white; margin-bottom:12pt; width:970px; height:18px; }
#menu1 a { color:white; margin-left:1em; padding:0 3px 3px 3px; text-decoration:none }
#menu1 a:hover { background-color:rgb(56,95,173); }
a#menu1-cur  { font-weight:bold; color:#999; }
#menu1-cnv { line-height:16px; }
#menu1-lbc { position:absolute; width:5px; height:5px; left:0; bottom:0; background:url(/_img/dcr/nav1.png) no-repeat left bottom; z-index:5 }
#menu1-rtc { position:absolute; width:5px; height:5px; right:0; top:0;   background:url(/_img/dcr/nav1.png) no-repeat 100% -100px; z-index:5 }
#menu1-rbc { position:absolute; width:5px; height:5px; right:0; bottom:0; background:url(/_img/dcr/nav1.png) no-repeat 100% 100%; z-index:5 }