* {	padding:0; margin:0; border:0; font-size:11px; }
body { background:url(../img/bg.gif) repeat-y top center; font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
ol, ul { list-style-image:none; list-style-position:outside; list-style-type:none; }
.clear { clear:both; }
.empty { height:0pt; line-height:0pt; font-size:0pt;}
p { line-height:20px;}
h1 { color:#0084ff;}
h2 { color:#0084ff; font-size:18px; text-transform:uppercase; font-weight:normal;}
h3 { color:#000; font-size:11px;	text-transform:uppercase; }
a { color:#0084ff; font-weight:bold; text-decoration:none;}
a:hover { text-decoration:underline;}

input.text { background: #fbfbfb; border:1px solid #dedede; color:#7f7f7f; height:13px; font-size:11px; }
input.button { background: #fbfbfb; border:1px solid #dedede; height:23px; width: 60px; font-size:11px; font-weight: bold; color: #0084ff; cursor: pointer;}
.dropd { height:23px; width: 180px; font-size:11px; border: 1px solid #dedede; padding: 4px; }
#wrapper { width:970px;	margin:0 auto;}

.filter { padding-top: 4px; }
#top_bar { height: 16px; background:url(../img/topbar_bg.gif) repeat-x; border-bottom: solid 1px #a0a0a0; }

/* Header */
#header { height:110px;}
#header h1 { background:url(../img/header_bg.gif) repeat-x; display:block; height:77px; width:970px;}
.bk { position: absolute; width: 200px; padding-top: 30px; text-decoration: none; }
.bk a { font-weight: bold; font-size:28px; font-style:italic; text-decoration: none; color:#fff; padding-left: 20px; }
.bk span { padding-left: 24px; font-weight: bold; color: #fff; }
.bk_shadow { position: absolute; width: 200px; padding-top: 31px; font-size:28px; font-weight: bold; font-style:italic; text-decoration: none; color:#000; padding-left: 21px; }

/* Content */
#content-left {	display:inline;	float:left;	margin:10px 10px 0 10px; width:200px; }
#content-right { display:inline; float:left; margin:10px 10px 0 0; width:740px;}

/* Gorna navigacia */
#mainnav { background:url(../img/mainnav_bg.gif) repeat-x; height:33px; width:970px;}
#mainnav li { float:left; }
#mainnav li a { background:url(../img/mainnav_btn.gif) no-repeat top; color:#fff; display:block; font-weight:bold; height:24px; padding-top:9px; text-align:center; width:81px; }
#mainnav li a:hover { background-position: 0 -33px; color:#dedede; height:23px; padding-top:10px; text-decoration:none; }

/* Levia panel */
.leftpan {	background: url(../img/sidepanel_bg.gif) repeat-y center top; margin-bottom: 10px; width: 200px; }
.leftpan img { vertical-align:text-top; padding-right:5px; }
.leftpan span { font-family: "Tahoma", Verdana, Arial, Sans; color: #0084ff;}
.leftpan .header {	background: url(../img/sidepanel_top.gif) no-repeat center top; height: 36px;	padding: 0 0 0 10px;	width: 190px; }
.leftpan .header h3 { background: transparent url(../img/head_icon.gif) no-repeat scroll left 11px;	float: left;	height: 23px; padding-left: 19px;	padding-top: 11px; }
.leftpan .header .btn { float: right; margin: 7px 10px 0px; }
.leftpan .content { background:url(../img/sidepanel_bottom.gif) no-repeat center bottom; padding:7px 10px 10px; }
.leftpan .search ul li { float:left; padding-bottom:5px; }
.leftpan .search .btn { margin-right:0; }
.leftpan .search input.text { float:left; padding:4px;	margin-right: 6px; width:104px; }
.leftpan .cat { display: block; margin-top: -4px; }
.leftpan .cat li { background:url(../img/cat_sm_h.gif) no-repeat 0 4px; height:20px; margin: 0 0 1px 0; padding-top: 6px; padding-left: 22px; border-bottom: 1px solid #dcdcdc;}
.leftpan .cat li a { color:#0084ff; text-decoration:none;}
.leftpan .cat li a:hover { color:#535353;}
.leftpan .images ul li.image { background:url(../img/line_indent_grey.gif) repeat-x bottom; width:180px; height:85px; margin-bottom:5px;}
.leftpan .images img { border:1px solid #C0C0C0; padding:2px; float:left; }	
.leftpan .images ul li.image ul { float:left; padding-left:8px; }
.leftpan .images ul li.image ul li { padding-bottom:4px; color:#404040;}

/* Cataloga s knigi */
.bookbox { background:url(../img/bx_bg.gif) repeat-y center top; margin-bottom:10px; width:740px;}
.bookbox .content { background:url(../img/bx_top.gif) no-repeat center top; height:100%;}	
.bookbox .bottom { background:url(../img/bx_bottom.gif) no-repeat center bottom; height: 26px; font-size:0; padding-top: 4px; border-top: 1px solid #d1d1d1; padding-left: 10px;}
.bookbox .bottom .button { background:url(../img/buy_button.gif) no-repeat left; width: 48px; height: 20px; display: inline; float: left; cursor: pointer;}
.bookbox .bottom .bk_msg { display: inline; float: right; color: #333; font-weight: bold; padding-top: 4px; width: 640px; text-align: right; padding-right: 8px; }
ul.book li { display:inline; float:left; margin:0 0 6px 10px;	width: 720px;}
ul.book p { display:inline; float:left; margin:0 0 2px 2px;	width: 720px;}
ul.book p.poster { color:#898989; padding-bottom: 10px;}
ul.book p.poster span { font-weight:bold;}
ul.book p.price { color:#898989; text-align: right; margin-top: -45px;}
ul.book p.price span { font-weight: bold; font-size: 14px; color: #0084ff;}
ul.book h3 { float:left; background:url(../img/head_icon.gif) no-repeat left 11px; height: 18px; padding-top: 9px; padding-left:19px; font-size:14px; font-weight: bold; color:#0084ff;}
ul.book li li {	margin: 0 0 1px 0; padding-top:8px; padding-left:22px; width:720px;}
ul.book li ul li.coment { padding:8px; width:580px; display:inline; float:right;}
ul.book li ul li.preview { padding:8px; width:100px; border: 1px solid #ddd; float:left; display:inline; float:left;}

/* Msg's */
.msg { background:url(../img/bx_bg.gif) repeat-y center top; margin-bottom:10px; width:740px;}
.msg .content { background:url(../img/bm_top.gif) no-repeat center top; height:100%; padding-left: 6px; padding-top: 6px; font-size: 11px; font-weight: bold; color:#3b3b3b;}
.msg .content span { padding-left: 4px; padding-right: 6px; background: url(../img/msg_arr.gif) no-repeat left center; }
.msg .bottom { line-height:0; background:url(../img/bk_bottom.gif) no-repeat center bottom; height:3px; font-size:0; padding-top: 4px;}

/* Footer */
.bottombar { background: #101010 url(../img/btm_tags.gif) repeat-x top left; border-top: 1px solid #444; color: #f1f1f1; clear: both;	font-size: 1.1em; height: 25px; padding-top: 10px; padding-left: 10px;}
.bottombar a {color: #888; text-decoration: none; }
.bottombar li { display: inline;}
.bottombar span { float: right; margin-top: -13px; padding-right: 10px;}

/* Page control */
.page_control { clear: both; font-size: 1.1em; padding-top: 2px; float: right;}
.page_control ul { padding: 3px; margin-bottom: 10px;}
.page_control span { padding: 0 3px 0 3px; }
.page_control li { display: inline; font-size: 1em; font-weight: bold; font-family: "Tahoma", Verdana, Sans; }
.page_control li a { padding: 3px; border: 1px solid #ccc;}
.page_control li a:hover { background: #ccc; }

/* Pay */
.paybox { background:url(../img/bx_bg.gif) repeat-y center top; margin-bottom: 10px; width:740px;}
.paybox .content { background:url(../img/bp_top.gif) no-repeat center top; height:100%;}	
.paybox .bottom { background:url(../img/bx_bottom.gif) no-repeat center bottom; height: 26px; font-size:0; padding-top: 4px; border-top: 1px solid #d1d1d1; padding-left: 10px;}
.paybox .bottom .button { background:url(../img/pay_button.gif) no-repeat left; width: 115px; height: 20px; display: inline; float: left; cursor: pointer;}
.paybox .bottom .obshto { display: inline; float: right; color: #333; font-weight: bold; padding-top: 4px; width: 640px; text-align: right; padding-right: 8px; }
.paybox .bottom .obshto span { color: 0084ff;}
ul.pay li { display:inline; float:left; margin:0 0 0 10px; width: 720px;}
ul.pay h3 { float:left; background:url(../img/head_icon.gif) no-repeat left 11px; height: 27px; padding-top: 9px; padding-left:19px; font-size:14px; font-weight: bold; color:#0084ff;}
ul.pay li li { margin: 0 0 0 0; padding-top:8px; padding-left:22px; width:720px;}
ul.pay li ul li.topic { padding:8px; width:369px; border-top: 1px solid #fff; border-right: 1px solid #fff; display:inline; margin-left: -8px; background: #eeeeee;}
ul.pay li ul li.qty { padding:8px; width:100px; border-top: 1px solid #fff; border-right: 1px solid #fff; display:inline; background: #eeeeee;}
ul.pay li ul li.prc { padding:8px; width:100px; border-top: 1px solid #fff; border-right: 1px solid #fff; display:inline; background: #eeeeee;}
ul.pay li ul li.summ { padding:8px; width:100px; border-top: 1px solid #fff; display:inline; margin-right: -10px; background: #eeeeee;}
ul.pay li ul li.obshto { padding:8px; width:603px; border-top: 1px solid #fff; border-right: 1px solid #fff; display:inline; background: #eeeeee; margin-left: -8px; font-weight:bold;}
ul.pay li ul li.total { padding:8px; width:100px; border-top: 1px solid #fff; display:inline; margin-right: -10px; background: #eeeeee; font-weight:bold;}