/* TE M P L A T E */
body, html {margin:0; padding:0; height:100%; color:#000; text-align:center; font:12px Arial, Verdana, sans-serif;}
div, img, p, table, td {border:0; margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}

html, body {text-align:center; background:url(../img/bg_body.gif) center top #520;}
div#wrapper {width:850px; height:100%; margin:0 auto; text-align:center;}
table#box0 {width:850px; height:100%; background:url(../img/bg_box0.jpg) center repeat-y;}
td#box01 {vertical-align:top; padding:0px; text-align:center; background:url(../img/bg_box01.jpg) top no-repeat;}
td#box02 {vertical-align:bottom; padding:0px; text-align:center;}

div#wrapper2 {width:850px; margin:0 auto;}

div#header {height:55px;}
div#header .inside {padding:0px;}
div#left {width:170px; }
div#left .inside {padding:50px 5px 0px 0px; height:100%; }
div#right {width:170px; padding:0px 0px;}
div#right .inside {padding:30px 0px 0px 5px; height:100%;}
div#main {width:510px; float:right; padding:0px 0px;}
div#main .inside {padding: 0px 25px;}
div#footer {width:850px; margin:0 auto; padding-bottom:30px; background:url(../img/bg_foot.jpg) center top no-repeat #520; text-align:center; }
div#footer .inside {width:510px; margin:0 auto; padding-top:35px; margin-top:7px; font-size:10px; color:#ccc;}

/*CONTENT_BOXES_HEADERS_AND_FOOTERS*/
div.contbox_11 { background:url(../img/cb_1head.gif) center top no-repeat;}
div.contbox_12 { background:url(../img/cb_1foot.gif) center bottom no-repeat; padding:22px 0px; height:100%;}
div.contbox_13 { background:url(../img/cb_1body.gif) center repeat-y; padding:0px 20px; height:100%; }
div.contbox_21 { background:url(../img/cb_2head.gif) center top no-repeat;}
div.contbox_22 { background:url(../img/cb_2foot.gif) center bottom no-repeat; padding:22px 0px; height:100%;}
div.contbox_23 { background:url(../img/cb_2body.gif) center repeat-y; padding:0px 20px; height:100%;}
div.contbox_31 { background:url(../img/cb_3head.gif) center top no-repeat;}
div.contbox_32 { background:url(../img/cb_3foot.gif) center bottom no-repeat; padding:22px 0px; height:100%;}
div.contbox_33 { background:url(../img/cb_3body.gif) center repeat-y; padding:0px 5px 10px 5px; height:100%; }
*html div.contbox_33 { padding:0px 5px 10px 7px; }
div.contbox_41 { background:url(../img/cb_4head.gif) center top no-repeat;}
div.contbox_42 { background:url(../img/cb_4foot.gif) center bottom no-repeat; padding:22px 0px; height:100%;}
div.contbox_43 { background:url(../img/cb_4body.gif) center repeat-y; padding:0px 20px; height:100%;}

/*MENU_1*/
div#menu_1 {padding: 15px 0px 0px 0px; height: 31px; margin-bottom:30px; }
div#menu_1 a {display:block; text-decoration:none; float:left; height:31px;}
div#menu_1 a.punkt_1 {width:130px; background:url(../img/punkt_1.gif) no-repeat;}
div#menu_1 a:hover.punkt_1 {background:url(../img/punkt_1a.gif) no-repeat;}
div#menu_1 a.punkt_2 {width:60px; background:url(../img/punkt_2.gif) no-repeat;}
div#menu_1 a:hover.punkt_2 {background:url(../img/punkt_2a.gif) no-repeat;}
div#menu_1 a.punkt_3 {width:85px; background:url(../img/punkt_3.gif) no-repeat;}
div#menu_1 a:hover.punkt_3 {background:url(../img/punkt_3a.gif) no-repeat;}
div#menu_1 a.punkt_4 {width:97px; background:url(../img/punkt_4.gif) no-repeat;}
div#menu_1 a:hover.punkt_4 {background:url(../img/punkt_4a.gif) no-repeat;}
div#menu_1 a.punkt_5 {width:75px; background:url(../img/punkt_5.gif) no-repeat;}
div#menu_1 a:hover.punkt_5 {background:url(../img/punkt_5a.gif) no-repeat;}


/*MOD_NAVIGATION*/
.rubric { padding:45px 0px 0px 0px; background:url(../img/book_shelf.gif) top center no-repeat; margin:0;}
.rubric a, .author a {display:block; padding:1px 0px; color:#930; text-align:left; font-weight:bold; text-decoration:none; font-size:14px; }
.mod_contentbox, .mod_contentbox .ce_text { padding:0px; margin:0px; }
.mod_contentbox a { padding:0px; color:#930; text-align:left; font-weight:bold; text-decoration:none; font-size:14px; line-height:18px; }
.mod_contentbox a:hover { text-decoration:underline; color:#c90; }
.rubric a:hover, .author a:hover { text-decoration:underline; color:#c90; }
.rubric p { background-color:#fff; text-decoration:none; color:#930; text-decoration:none; padding:3px 0px; text-align:left; font-size:16px; font-weight:bold; cursor:default; }

div#menu_book { padding:45px 0px 0px 0px; background:url(../img/book_shelf.gif) top center no-repeat;}
ul.level_1 {margin:0px; padding:0px; list-style:none;}
ul.level_1 li {display:block; width:100%; float:left; clear:both; }
ul.level_1 li a {display:block; padding:3px 0px; color:#930; text-align:left; font-weight:bold; background:url(../img/bg_menu_v.gif) right 7px no-repeat; text-decoration:none; font-size:12px;}
ul.level_1 li a:hover {text-decoration:none; background:url(../img/bg_menu_v_a.gif) right 7px no-repeat; color:#c90; text-decoration:none;}
ul.level_1 p {text-decoration:none; background:url(../img/bg_menu_v_a.gif) right 7px no-repeat; color:#c90; text-decoration:none; padding:3px 0px; color:#c90; text-align:right; font-weight:bold;}

div.contbox_33 ul.level_1 { margin-top:10px; padding-left:10px; padding-right:10px; text-align:center; }
div.contbox_33 ul.level_1 li { text-align:center; }
div.contbox_33 ul.level_1 li a { text-align:center; }
div.contbox_33 ul.level_1 li p { text-align:center; }

/*LEVEL_2*//////////////////////
ul.level_2 {padding:10 0 15 0px;}
li.submenu ul.level_2 {display:none;}
li.active ul.level_2, li.trail ul.level_2 {display:block;}
ul.level_2 li a {display:block; background:transparent; padding: 2 7 2 0px; color:#06a; text-align:left; font-weight: normal; text-decoration:none;}
ul.level_2 li a:hover {color:#c90; background:transparent; text-decoration:none;}
ul.level_2 li p {cursor:default; background:transparent; color:#c90; text-decoration:none; text-align:left; font-weight: normal;}

/*MOD_NEWSLIST (newslist_short)*/
div.newslist_short {padding:70px 0px 10px 0px; background:url(../img/title_news.gif) top center no-repeat;}
div.newslist_short div.layout_short { padding:0px; font-family: Arial, sans-serif;}
div.newslist_short h1 {font-size:14px; color:#555; margin-bottom:5px; font-weight:bold;}
p.info {color:#fff; padding:0px 0px 0px 2px; font-size:11px; margin-bottom:0px; background:#B09E82; }
#main p.info {color:#930; padding:0; font-size:12px; margin:0; background:transparent; }
div.newslist_short h2 {margin:0px;}
div.newslist_short h2 a {font-size:12px; color:#333; text-decoration:none; font-weight:normal; margin-top:10px; }
div.newslist_short h2 a:hover {color:#900; text-decoration:none; }
div.newslist_short p.more {margin-top:0px;}
div.newslist_short p.more a {font-size:10px; color:#900; font-weight:bold; margin-top:0px;}
div.newslist_short p.more a:hover {color:#930;}
div.newslist_short p.teaser {display:none;}

/* TOOLS MENU */
.tools {margin:0px; padding-bottom:0px; text-align:center; float:right;}
.tools .inside { }
.tools a { display:block; float:left; border:1px solid blue; width:20px; height:5px;}



#home a { background:url(../img/home.gif) center center no-repeat  #ccc; }
#home a:hover { background:url(../img/home_a.gif) center center no-repeat; }
#sitemap a { background:url(../img/sitemap.gif) center center no-repeat  #777; }
#sitemap a:hover { background:url(../img/sitemap_a.gif) center center no-repeat; }
#feedback a { background:url(../img/feedback.gif) center center no-repeat  #999; }
#feedback a:hover { background:url(../img/feedback_a.gif) center center no-repeat; }
#search a { background:url(../img/search.gif) center center no-repeat  #bbb; }
#search a:hover { background:url(../img/search_a.gif) center center no-repeat; }

/*NOVYNKY (carusel) */
div#right .panel {text-align:center;}
div#right .ce_text a {text-decoration:none; font:11px Georgia, serif; line-height:13px;}

div#right .operate {display:block; text-align:center; font:10px Arial, sans-serif; color:#930; padding:0px;}
div#right .operate a span {display:none;}
div#right .operate a.left {display:block; width:50px; height:16px; float:left;
background: url(../img/ar_l.gif) right no-repeat; }
div#right .operate a.right {display:block; width:50px; height:16px; float:right;
background: url(../img/ar_r.gif) left no-repeat; }
div#right .operate .status {width:50px; float:left;}


/* BORDERED BLOCK */
.bordered { border:2px solid #777; }
.imgbordered img { border:2px solid #777; }
.imgborderedp img { padding:2px; border:2px solid #777; }

/* SEPARATION BLOCK */
.separator { display:block; clear:both; height:1px; font-size:1px; line-height:1px; }
.separator10 { display:block; clear:both; height:10px; font-size:10px; line-height:10px; }
.separatorlined { display:block; clear:both; height:10px; font-size:10px; line-height:10px; border-top: 1px solid #cc9; }
.dotted { display:block; clear:both; height:40px; font-size:1px; line-height:1px; background:url(../img/dot.gif) center repeat-x; }
.clear { display:block; clear:both; height:1px; font-size:1px; line-height:1px; }
.back a { background:url(../img/ar_l.gif) left top no-repeat; padding-left:20px; }
.back a:hover { background:url(../img/ar_l_a.gif) left top no-repeat; }

/* FLOAT BLOCK */
.fl50 { display:block; float:left; width:47%; padding-right:10px; }
.fl50dot { display:block; float:left; width:47%; padding-right:10px; background:url(../img/dotv.gif) right top repeat-y; }
.fr50 { display:block; float:right; width:47%; margin-left:10px; }
.fr50dot { display:block; float:right; width:47%; padding-left:10px; background:url(../img/dotv.gif) left top repeat-y; }

.fl30 { display:block; float:left; width:32%; padding-right:5px; }
.fl { display:block; float:left; padding-right:20px; }

/* Accordion */
.ce_accordion { }
.accordion { text-align:left; background:url(../img/arrow.gif) left top no-repeat; }
.toggler { display:block; margin:0; padding:0; color:#933; cursor:pointer; }
#main .toggler h4,#main .toggler_first h4 { font-family: Arial, sans-serif; text-align:right; font-weight:normal; margin:10px 0px; padding:0; text-decoration:underline; }
.toggler:hover { cursor:pointer; color:#c30; text-decoration:underline; }
.toggler_first { display:block; color:#933; cursor:pointer; }
.toggler_first:hover { color:#c30; cursor:pointer; text-decoration:underline; }
.submit_container input.submit { display: block; float:left; }
.ce_comments textarea { display: block; width:95%; }

div.error {font-size:10px; color:#900;}
span.mandatory {font-weight:bold; padding-left:2px; color:#c00;}
/*.accordion div { padding:6px 0px 8px 15px; line-height:18px; }*/

/* Comment */
.ce_comments .info { background:url(../img/dot.gif) bottom repeat-x; color:#930; font-weight:bold; margin-top:10px; padding:1px 0px; }
.ce_comments .info a {font-weight:bold; text-decoration:none; }
.ce_comments .date {font-weight:normal; font-size:10px;}
.ce_comments .comment {}


/*TAG STYLES*/
a {color:#930; text-decoration:underline; font-weight:normal;}
a:hover {text-decoration:underline; color:#960;}

p {text-align:justify; padding:0px 0px 7px 0px; margin:0px; line-height:15px;}
.ce_text { margin:5px 0px 7px 0px; }

#main h1, #main h2, #main h3, #main h5, #main h6 {color:#520; font-family: Georgia, serif; text-align: left; font-weight: bold; margin: 0 0 5 0px;}
h1 {font-size:20px; margin:0; padding:0; }
h2, h3 {font-size:15px; }
h4, h5 {font-size:12px;}
#main h6 {font-size:11px; color:#b85; font-family: Arial, serif; margin:2px 0px; padding:0; text-align:right;}
#left .block { margin:0; padding:0; }
#left .rubric { margin:0; padding-top:50px; }
#left h2, #right h2 { color:#930; font-weight: bold; margin: 0; padding:0; }

ul {margin:0 0 10 0px; text-align:left; font-weight: bold; padding:0;}
ul li {display:list-item; margin:2 0 0 16px; font-weight: normal; list-style-image:url(../img/list.gif); padding:0;}

img {border:none; margin:0;}

/*CATALOG STYLES*/
.item { margin-bottom: 10px; border-top: 1px solid #cc9; }
.cover { display: block; float:left; margin: 8px 15px 15px 0px; }
.tablecell { display:table-cell; margin-left:1px; border:1px solid red; }
.layout_simple .cover { display: block; float:left; margin:0; margin-top: 8px; }
.layout_simple .cover img {width:90px;}
.panel .cover img {width:120px;}
.layout_simple .table_cell { margin-left:105px; }
.author { color:#930; font-weight:bold; padding:0; margin:0; padding-top:5px; }
.title { font-size:16px; font-weight:bold; color:#030; padding-bottom:15px; }
.mod_catalogdetail .author { color:#930; font-weight:bold; font-size:14px; 	padding:0; margin:0; padding-top:5px; }
.mod_catalogdetail .title { font-size:18px; font-weight:bold; color:#030; padding-bottom:5px; }
.mod_catalogdetail .illustrator { margin-top:5px; }
.mod_catalogdetail .isbn { margin-top:10px; }
.mod_catalogdetail .seriya { margin-top:2px; }
.mod_catalogdetail .pages { margin-top:2px; }
.mod_catalogdetail .format { margin-top:2px; }
.mod_catalogdetail .kindofillustrations { margin-top:2px; }
.mod_catalogdetail .kindofcover { margin-top:2px; }
.mod_catalogdetail .year { margin-top:2px; }
.mod_catalogdetail .detail { margin-top:5px; clear:both; }
.mod_catalogdetail .view { float:left; margin-right:20px; color:#930; font-weight:bold; font-size:12px; }
.mod_catalogdetail .view2 { clear:both; padding:10px 0px; color:#930; font-weight:bold; font-size:12px; }
.mod_catalogdetail .toc { float:left; margin-right:20px; }
.toc a, .coverpage a, .fragment a { background:url(../icon/pdf_icon.png) left top no-repeat; padding-left:20px; }
.toc a:hover, .coverpage a:hover, .fragment a:hover { background:url(../icon/pdf_icon_a.png) left top no-repeat; }
.mod_catalogdetail .coverpage { float:left; margin-right:20px; }

.list_item { color:#930; font-weight:bold; padding:2px 0px; }


div#right .panel .cover { width:100%; margin:0 auto; margin-bottom:5px; padding: 0px; text-align:center; }
div#right .panel .author { font-size:11px; color:#930; font-weight:bold; padding:0px 10px 0px 10px; text-align:center; }
div#right .panel .author a { font-size:11px; color:#930; font-weight:bold; text-decoration:none; text-align:center; }
div#right .panel .title { font-size:12px; font-weight:bold; color:#030; padding:0px 5px; }
div#right .panel .title a { font-size:12px; font-weight:bold; color:#030; text-decoration:none; }
div#right .panel .title a:hover {text-decoration:underline; }

.price { font-weight:bold; color:#930; margin-bottom:5px; }
.widget { display:block; clear:both; margin-top: 10px; padding:0px; }
.bkcolor { background-color:#cc9; }
.widget h3 { font-size:16px; color:#fff; background-color:#b85; margin:0; padding: 0px 3px; margin-bottom:10px; }
.mod_catalogfilter h3 { font-size:16px; color:#fff; background-color:#b85; margin:0; padding: 0px 3px; margin-bottom:10px; }
.widget label { }
.widget input { }
.widget select { }
.list_container { margin:0; padding:0; }
.widget .active { text-align:left; font-size:16px; cursor:default; color:#930; background-color:#fff; font-weight:bold; margin:0; padding:0; }
.widget ul.list { margin:0; padding:0; }
.widget ul.list li.option { display:block; margin:3px 0px; }
.widget ul.list li.option a { text-decoration:none; }
.widget ul.list li.option a:hover { text-decoration:underline; color:#930; }
.widget ul.list li.option p { }
.clearall { margin-top:10px; }
.total { font-size:13px; }

/*CATALOG STYLES*/
.pagination  { font-size:11px; }
.pagination p { color:#555; }
.pagination span  { color:#555; font-weight:bold; }
.pagination ul { display:inline; line-height:11px; }
.pagination ul li { display:block; float:left; margin-right:10px; line-height:11px; }

/*ORDER STYLES*/
.order { width: 75px; display: block; float:right; padding:5px 0px; text-align:right; border-left: 1px solid #cc9; border-bottom: 1px solid #cc9; }
.floatr { display: block; float:right; margin-right:5px; }
.submit { display: block; float:right; }
table#books_order { width:100%; vertical-align: center; }
table#books_order td { font-size:11px; background: none; vertical-align: center; border: 1px solid #cc9; padding:1px 2px; color:#333; }
table#books_order td.center {text-align:center;}
table#books_order td.right {text-align:right;}


/*KOSHYK*/
.koshyk {text-align:center; font-size:11px; color:#966; padding:30px 0px 10px 0px; background:url(../img/koshyk.gif) top center no-repeat; }
.koshyk a {font-size:12px;}

.novynky {text-align:center; padding:20px 0px 10px 0px; background:url(../img/novynky_title.gif) top center no-repeat; }

#book_order td.col_last { width:50%; }
#book_order td.col_last input { margin-bottom:5px; }
#book_order td.col_last input, #book_order td.col_last textarea { float:right; }
#book_order input.sto, #book_order textarea.sto { width:280px; }
#book_order input.control { width:10%; margin-top:5px; }
#book_order span.control { display:block; margin-top:7px; }

#main .mod_flash div { padding:0; margin:0; font-height:1px; font-size:1px; }
#main .mod_flash { padding:0; margin:0; font-height:1px; font-size:1px; }