/* MusicBook.ru main css */
/* ------------------------------------------------------------------------------------- */
html { min-height:100%; margin-bottom:1px; }
body { background:#e3e37e url("img/bg-page.gif") top; font-family:"Trebuchet MS", trebuchet, arial, tahoma, verdana, helvetica, sans-serif; font-size:0.8em; color:#000; padding:0px; margin:0px; text-align:center; }
/* ------------------------------------------------------------------------------------- */
input, select, table { font-size:100%; font-family:"Trebuchet MS", trebuchet, arial, tahoma, verdana, helvetica, sans-serif; }
form { margin:0px; }
td { vertical-align:top; }
/*a { color:#c33; }
a:visited { color:#660; }
a:hover { color:#660; }*/
img { border:0px; }
img.left { float:left; margin-right:15px; }
img.right { float:right; margin-left:15px; }
.fleft { float:left; }
/* ------------------------------------------------------------------------------------- */
.hide { display:none; }
.middle { vertical-align:middle !important; }
div.end { clear:both !important; overflow:hidden; }
div.h5 { clear:both !important; height:5px; border:0px; padding:0px; margin:0px; overflow:hidden; }
div.h10 { clear:both !important; height:10px; border:0px; padding:0px; margin:0px; overflow:hidden; }
div.h15 { clear:both !important; height:15px; border:0px; padding:0px; margin:0px; overflow:hidden; }
div.h20 { clear:both !important; height:20px; border:0px; padding:0px; margin:0px; overflow:hidden; }
div.h40 { clear:both !important; height:40px; border:0px; padding:0px; margin:0px; overflow:hidden; }
/* ------------------------------------------------------------------------------------- */
div.main { width:960px; border:0px; margin:0px auto; padding:0px; text-align:left; background:url("img/bg-top.gif") 50% 0% no-repeat; }
table.topline { margin-bottom:10px; border:0px; padding:0px; }
/* ------------------------------------------------------------------------------------- */
/* top */
table.topline td.top-skit { width:60px; }
table.topline td.top-mbook { width:503px; }
table.topline td.top-menu { width:397px; background:url("img/top-bgmenu.gif") 0% 0% no-repeat; height:64px; vertical-align:middle !important; text-align:right; }
table.topline td.top-menu div.menu-shop { margin:12px 20px 0px 0px; color:#000; font-size:90%; }
table.topline td.top-menu div.menu-shop a, div.menu-shop a:link, div.menu-shop a:visited, div.menu-shop a:hover { font-weight:bold; color:#000; }
/* top search */
table.topline input.topsearch { width:310px; height:25px; padding:1px 6px; margin:0px 5px 0px 15px; font-size:85%; border:3px solid #cc3333; color:#cc3333; font-weight:bold; }

div.center { width:940px; margin:0px 10px; }
/* ------------------------------------------------------------------------------------- */
/* left */
div.left { float:left; width:210px; }
div.left div.left-block { height:50px; margin-bottom:20px; }
div.left div.catalog { height:auto; padding:80px 10px 10px; background:#fff url("img/bg-catalog.gif") top right no-repeat; }
div.left div.search { height:auto; padding:55px 10px 10px; background:#fff url("img/bg-search.gif") top right no-repeat; }
div.left div.about { height:auto; padding:10px 10px 10px; background:#fff url("img/bg-about.gif") top right no-repeat; }
div.left div.news { height:auto; padding:0px 10px 10px; background:#fff; }

div.left div.news div.top { display:block; height:26px; margin:10px 0px; color:#666600; font-size:140%; background:url("img/bg-line.gif") bottom left repeat-x; }
div.left div.news a { color:#333333; text-decoration:none; font-size:90%; }
div.left div.news a span.date { color:#999966; }
div.left div.news a span.adv { color:#cc3333; }
div.left div.news div.bot { height:20px; background:url("img/bg-line.gif") left repeat-x; }
div.left div.news div.bot_left { float:left; }
div.left div.news div.bot_left a { color:#cc3333; }
div.left div.news div.bot_right { float:right; }

div.left-link, div.left-link-act { font-size:120%; background:url("img/bg-line.gif") bottom left repeat-x; }
div.left-link { padding:5px 7px 5px; }
div.left-link-act { padding:5px 7px 5px 0px; }
div.left-link a, div.left-link-act a { text-decoration:none; }
div.left-link a { color:#333333; padding-left:5px; }
div.left-link-act a { color:#993333; background:#fff url("img/link.gif") left center no-repeat; padding-left:12px; }
/* ------------------------------------------------------------------------------------- */
/* right */
div.right { float:right; width:690px; background-color:#ffffcc; }
div.right h1, div.right h2 { clear:both; font-weight:normal; }
div.right h1 { height:35px; margin:0px 10px 10px 20px; color:#666600; font-size:200%; }
div.right h1.borders { margin:15px 10px 20px 25px; padding-left:5px; background:url("img/bg-line-35.gif") left center repeat-x; }
div.right h1.border_bottom { margin:15px 10px 20px 25px; padding-left:5px; background:url("img/bg-line-35.gif") left center repeat-x; }
div.right h2 { margin:0px 10px 10px 20px; font-size:140%; }
div.right h2.red { color:#cc3333; }

div.line { clear:both !important; height:1px; border:0px; padding:0px; margin:0px 10px 10px 20px; overflow:hidden; background:url("img/bg-line.gif") left center repeat-x; }

div.chain { margin:10px 10px 20px 20px; padding-left:12px; color:#666600; background:#ffffcc url("img/link.gif") left center no-repeat; }
div.chain a { color:#666600; text-decoration:none; }

div.content { margin:0px 10px 0px 20px; }
div.content h1 { margin:0px 0px 10px 0px; font-size:200%; color:#666600; height:35px; background:url("img/bg-line-35.gif") left center repeat-x; }
div.content h3 { color:#cc3333; }

div.record { display:block; margin:5px 15px; overflow:hidden; }
div.record a { color:#333333; text-decoration:none; }
div.record a span.date { color:#999966; }
div.record a span.adv { color:#cc3333; font-size:90%; }

div.book { float:left; width:172px; text-align:center; }
div.book a { display:block; text-decoration:none; margin:0px 10px; }
div.book a.image { min-height:100px; }
div.book a.author { color:#000; }
div.book a.title { color:#993333; }
div.book img {}

/* страница одной книги */
table.book-desc { margin:0px 20px 0px 20px; width:650px; }
table.book-desc td {}
table.book-desc td.book-desc-1 h1 { font-size:160%; color:#000; margin:0px; }
table.book-desc td.book-desc-2 { }
table.book-desc td.book-desc-2 h1 { color:#666600; font-size:200%; margin:0px; height:auto; }
table.book-desc td.book-desc-3 { padding-top:10px; }
table.book-desc td.book-desc-4 { padding-top:15px; color:#666600; }
table.book-desc td.book-image { padding-left:20px; text-align:right; }
table.book-cost { width:660px; height:57px; margin:20px 10px 10px 20px; background:url("img/bg-line-57.gif") left center repeat-x; }
table.book-cost-94 { height:94px; background:url("img/bg-line-94.gif") left center repeat-x; }
table.book-cost td { vertical-align:middle; white-space:nowrap; }
table.book-cost td.book-cost-1 { width:60px; padding-left:10px; font-size:160%; }
table.book-cost td.book-cost-2 { width:430px; font-size:200%; color:#666600; }
table.book-cost td.book-cost-3 { vertical-align:top; padding-top:10px; }
table.book-cost td.book-cost-3 img.book-cost { cursor:pointer; }

div.hr { height:10px; background:url("img/bg-line.gif") left center repeat-x; }

/* комментарии */
div.comment { margin:5px 10px 0px 20px; padding-bottom:10px; font-size:90%; border-bottom:1px solid #ebeba8; }
div.comment span { color:#666600; font-weight:bold; }
div.comment div { margin-left:20px; }
div.add-comment { float:left; width:80px; height:20px; margin-left:20px; padding-top:4px; }
input.add-comment { float:left; width:300px; height:24px; padding:1px 3px; border:1px solid #666600; }
textarea.add-comment { float:left; width:300px; height:90px; padding:3px; border:1px solid #666600; }
img.add-comment { margin:30px 0px 0px 30px; cursor:pointer; }
div.add-comment-code { float:left; height:20px; margin-left:50px; padding-top:4px; }
input.add-comment-code { float:left; width:51px; height:24px; margin-left:77px; padding:1px 5px; border:1px solid #666600; }
img.add-comment-code { margin-left:52px; }

/* поиск */
div.word { margin:0px 5px 0px 20px; padding-bottom:5px; border-bottom:1px solid #ebeba8; }
div.word h3 { margin:0px; color:#666600; }
div.word a { display:block; width:166px; float:left; color:#000; text-decoration:none; }
div.search_result { margin:0px 5px 0px 20px; }
div.search_result span { font-weight:bold; }
div.result { margin:10px 5px 0px 20px; padding-bottom:5px; border-bottom:1px solid #f5f5a3; }
div.result div.chain_result { color:#666600; }
div.result div.chain_result a { color:#666600; text-decoration:none; }
div.result span.cost { float:right; margin-right:50px; }
div.result img.cost { float:right; cursor:pointer; }
div.result a.image { display:block; float:left; width:100px; }
div.result a.title { display:block; color:#000; font-weight:bold; text-decoration:none; }
div.result a.author { display:block; color:#cc3333; text-decoration:none; }
div.result a.desc { display:block; color:#000; text-decoration:none; }
div.no_result { margin:0px 5px 0px 20px; font-weight:bold; }

/* корзина */
div.basket { margin:0px 5px 0px 20px; padding:5px 0px; border-bottom:1px solid #f5f5a3; }
div.basket div.image { float:left; width:100px; }
div.basket div.title { margin-bottom:20px; color:#cc3333; }
div.basket div.title span { color:#000; }
div.basket div.cost { float:left; width:230px; color:#666600; }
div.basket div.cost span { color:#000; font-weight:bold; }
div.basket div.count { float:left; width:190px; color:#666600; }
div.basket div.count input { width:34px; margin-left:4px; padding-left:6px; border:1px solid #666600; }
div.basket div.delete { float:right; margin-right:10px; text-align:right; color:#cc3333; cursor:pointer; }

div.recount { float:left; margin:10px 0px 0px 20px; color:#cc3333; cursor:pointer; }
div.all_count_cost { float:right; margin:0px 10px 0px 40px; font-size:140%; }
div.all_count_cost span { color:#666600; font-size:150%; }
img.continue-green { float:left; margin:20px 0px 0px 20px; cursor:pointer; }
img.complete-buying { float:right; margin:20px 10px 0px 0px; cursor:pointer; }

div.while_block { width:300px; padding:5px; background-color:#fff; text-align:center; }
div.left_block { float:left; margin-left:20px; }
div.right_block { float:right; margin-right:20px; }
div.while_block h2 { text-align:left; }
div.field { float:left; clear:left; width:70px; height:24px; margin:3px 0px; padding:2px 0px 0px 4px; text-align:left; }
div.field_comment { clear:left; margin:0px 15px 5px 0px; font-size:80%; text-align:right; }
div.field_wide { float:left; clear:left; width:120px; height:24px; margin:3px 0px; padding:2px 0px 0px 4px; text-align:left; }
div.value { float:left; width:200px; height:24px; margin:3px 0px; padding:2px 0px 0px 4px; }
div.value_hide { display:none; }
input.text { float:right; width:210px; height:26px; margin:3px 0px; padding:2px; border:1px solid #000; }
input.text_wide { float:none; width:440px; height:26px; margin:3px 0px; padding:2px; border:1px solid #000; }
select.text_wide { float:none; width:440px; height:26px; margin:3px 0px; padding:2px; border:1px solid #000; }
input.text_hide { display:none; }
select.text_hide { display:none; }
textarea.text_wide { width:440px; height:62px; margin:3px 0px; padding:2px; border:1px solid #000; }
textarea.text_hide { display:none; }
div.while_block img { margin:5px 0px; cursor:pointer; }
div.left_block div.repass { margin:30px 0px 5px 5px; text-align:left; font-weight:bold; cursor:pointer; }
div.right_block div.fifty { float:left; width:50%; margin-top:5px; vertical-align:middle; font-size:90%; }
div.right_block #hide_pass { display:none; }

div.while_block_big { width:640px; margin:0px 20px; padding:5px 10px; background-color:#fff; }
div.while_block_big div.order_info { font-size:90%; }
div.while_block_big div.thirty { float:left; width:175px; margin:0px 1%; padding:1% 10px; font-size:90%; border:1px solid #999; }
div.while_block_big div.all_cost { font-size:140%; text-align:right; }
div.while_block_big div.all_cost #all_cost { font-size:150%; color:#666600; }
div.while_block_big div.order_comments { margin-top:10px; font-size:75%; color:#666600; }
div.while_block_big span.order_comments { display:block; margin-top:20px; font-size:90%; font-weight:bold; }
div.while_block_big table.address {}
div.while_block_big table.address td.change { padding-left:20px; color:#cc3333; vertical-align:middle; cursor:pointer; }
div.while_block_big table.address_hide { display:none; }
div.while_block_big input.comments { width:620px; height:26px; padding:2px; border:1px solid #666600; }
div.while_block_big input.comments_hide { display:none; }
div.while_block_big textarea.comments { width:620px; height:86px; padding:2px; border:1px solid #666600; }
div.while_block_big textarea.comments_hide { display:none; }
div.while_block_big img.complete { margin:10px 245px; cursor:pointer; }

div.pages, div.pages_top, div.pages_bottom { text-align:center; color:#cc3333; }
div.pages {}
div.pages_top { padding-top:10px; background:url("img/bg-line.gif") top left repeat-x; }
div.pages_bottom { padding-bottom:10px; background:url("img/bg-line.gif") bottom left repeat-x; }
div.pages a, div.pages_top a, div.pages_bottom a { color:#666600; text-decoration:none; }

/* ------------------------------------------------------------------------------------- */
/* bottom */
div.bottom-line { height:1px; margin-top:15px; background:url("img/bg-line.gif") left top repeat-x; overflow:hidden; }
div.bottom-left { float:left; margin:5px 0px 5px 20px; font-size:90%; }
div.bottom-right { float:right; margin:5px 20px 5px 0px; font-size:90%; }
div.bottom-left a, div.bottom-right a { color:#000000; text-decoration:none; }

/* ------------------------------------------------------------------------------------- */
/* other */
div.popup { position:absolute; display:none; z-index:1; left:auto; top:auto; }

#popup-add-to-basket { padding:10px 30px; border:3px solid #cc3333; background-color:#fff; text-align:center; }
#popup-add-to-basket img { display:block; margin:15px auto; cursor:pointer; }

#popup-text { padding:10px 30px; border:3px solid #cc3333; background-color:#fff; }

#transparency { position:absolute; top:0px; left:0px; width:100%; height:0px; background:#FFFFFF; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; display:none; }

/* ------------------------------------------------------------------------------------- */
/* 404 */
.p404 {height: 100%; border: 0px; width: 400px; text-align: center; margin-right: auto; margin-left: auto; text-align: left;}
.d404 { background: #fff; margin: 20px; padding: 20px}
.i404 {width: 250px; font-size: 85%; border: 3px solid #cc3333; color: #cc3333; font-weight: bold; }