body {background: url(/images/bg_top.gif) top left repeat-x #fff; padding: 0px; margin: 0px;}
body, td {font-family: Tahoma, Verdana, Sans-Serif; font-size: 12px; color: black; line-height: 1.4; vertical-align: top;}
a {color: #2c5f6c; text-decoration: underline; outline: none;}
a:hover, a.hover {text-decoration: none;}
img {border: 0;}
.clear {clear: both;}
.small {font-size: 10px;}
.big {font-size: 14px;}

sup {color: #999; font-size: 10px;}

h1 {font-size: 24px; font-weight: normal; color: #40031d;}
h2 {color: #40031d; font-size: 18px; font-weight: normal; line-height: 1; margin: 0px; padding: 0px;}


/*TOP*/
#header {background: url(/images/bg_top_l.png) top left no-repeat #f2ecda;}
#header > div {background: url(/images/bg_top_r.png) top right no-repeat; height: 190px; margin-bottom: 44px;}
#buttons {width: 95%; height: 36px; margin: 0px auto; background: url(/images/ico/round_r.gif) bottom right no-repeat #f2f2f2; font-size: 10px;}
#buttons > div {padding: 10px 30px 0 30px; height: 26px; background: url(/images/ico/round_l.gif) bottom left no-repeat; position: relative;}
#buttons a, #buttons span {display: block; float: left; white-space: nowrap; margin: 0 20px;}
#buttons a img, #buttons span img {position: absolute; margin: -1px 0 0 -21px;}
#buttons #but {position: absolute; left: 30px;}
#buttons #cart {position: absolute; right: 40%;}
#buttons #cart a {color: #9e0044;}
#buttons #lang {position: absolute; right: 5px;}
#logo {width: 95%; margin: 0px auto; height: 154px; position: relative;}
#logo .logo {position: absolute; top: 30px; left: 30px;}
#logo .logot {position: absolute; top: 56px; left: 150px;}
#logo .phone {position: absolute; top: 45px; right: 45px; line-height: 1.3;}
#logo .phone span {font-size: 24px; color: #9e0044;}
#menu {position: relative; padding: 0; width: 95%; height: 44px; margin: 0px auto; background: url(/images/menu/bg.gif) top left repeat-x;}
#menu > b, #menu > i {position: absolute; display: block; width: 20px; height: 20px; bottom: 0px; z-index: 0;}
#menu > b {background: url(/images/menu/round_r.gif) top left no-repeat; right: 0px;}
#menu > i {background: url(/images/menu/round_l.gif) top left no-repeat; left: 0px;}
#menu a {font-size: 14px; color: #ffe1ee;}
#menu > span {display: block; float: left; width: 30px;}
#menu > a {display: block; float: left; padding: 12px 16px 10px 16px; height: 22px; z-index: 1; position: relative;}
#menu > a > b, #menu > a > i { position: absolute; width: 12px; height: 44px; top: 0px; display: none;}
#menu > a > b {right: -12px; background: url(/images/menu/hover_r.gif) top left no-repeat;}
#menu > a > i {left: -12px; background: url(/images/menu/hover_l.gif) top left no-repeat;}
#menu > a:hover, #menu > a.hover {background: url(/images/menu/hover.gif) top left repeat-x; color: white;}
#menu > a:hover > b, #menu > a:hover > i, #menu > a.hover > b, #menu > a.hover > i {display: block;}
#menu div.submenu {background: url(/images/menu/bg.png) top left repeat #4c0021; padding: 2px 8px 10px 8px; position: absolute; top: 44px; display: none; z-index: 33;}
#menu div.submenu > a {display: block; white-space: nowrap; height: 18px; margin-top: 8px; position: relative; padding: 5px 10px;}
div.submenu > a > b, div.submenu > a > i { position: absolute; width: 5px; height: 28px; top: 0px; display: none;}
div.submenu > a > b {right: 0px; background: url(/images/menu/sub_round_r.gif) top left no-repeat;}
div.submenu > a > i {left: 0px; background: url(/images/menu/sub_round_l.gif) top left no-repeat;}
div.submenu > a:hover {background: url(/images/menu/sub_bg.gif) top left repeat-x;}
div.submenu > a:hover > b, div.submenu > a:hover > i {display: block;}
/*BOTTOM*/
#bottom {height: 159px; background: url(/images/bg_bottom.gif) top left repeat-x; padding-top: 4px;}
#bottom > div {height: 155px; background: url(/images/bg_bottom.png) bottom center repeat-y;}
#bottom #bnad {height: 30px; padding-top: 10px; color: #f2ecda; font-size: 12px; width: 95%; margin: 0px auto; background: url(/images/bottom/bg.gif) top left repeat-x; position: relative;}
#bottom #bnad > b, #bottom #bnad > i {position: absolute; display: block; width: 20px; height: 20px; bottom: 0px; z-index: 0;}
#bottom #bnad > b {background: url(/images/bottom/round_r.gif) top left no-repeat; right: 0px;}
#bottom #bnad > i {background: url(/images/bottom/round_l.gif) top left no-repeat; left: 0px;}
#bottom #bnad a {color: #ffe1ee; font-weight: bold;}
#bottom #bpod {padding-top: 24px; font-size: 12px; width: 95%; margin: 0px auto; position: relative;}
#bottom .r1 {position: absolute; left: 60px;}
#bottom .r2 {position: absolute; left: 45%;}
#bottom .r3 {position: absolute; right: 60px;}




#center {width: 95%; margin: 0px auto; padding: 30px 0; }
.leftcol {width: 70%; float: left; margin-bottom: 20px;}
.rightcol {width: 25%; float: left; padding-left: 5%;}
.line {padding: 10px 0; background: url(/images/line.gif) left no-repeat; height: 3px;}
.line > b {background: url(/images/linesq.gif) right no-repeat; height: 3px; display: block;}
.mediumline {padding: 40px 0 10px 0; background: url(/images/index/line_medium.gif) center no-repeat; width: 890px; height: 3px;}
.bigline {background: url(/images/index/line_big.gif) center no-repeat; width: 950px; height: 3px;}


#searchbig {background: url(/images/index/search_bg.gif) top right no-repeat;}
#searchbig > div {background: url(/images/index/search_bg.jpg) top left no-repeat; height: 128px; padding: 25px 40px;}
#searchbig h2 {font-size: 23px; padding: 0px; margin: 0px;}
#searchbig #fullsearch {position: absolute; margin-left: 250px;}
#searchbig #howsearch {position: absolute; margin-left: 410px;}
#searchbig #howsearch img {position: absolute; margin: 1px 0 0 -21px;}
#searchbig div.inform {font-size: 10px; margin-top: 15px;}
#searchbig .c1 input {height: 17px; padding: 3px 0; width: 100%; font-size: 14px;}
#searchbig .c2 select {width: 100%; height: 27px; padding: 3px; font-size: 14px;}
#searchbig .c3 input {height: 27px; padding: 0 3px; width: 100%; font-size: 14px;}
#searchbig .c1 {float: left; width: 50%; margin-right: 2%;}
#searchbig .c2 {float: left; width: 33%; margin-right: 2%;}
#searchbig .c3 {float: left; width: 13%;}

div.insearch .c1 input, div.insearch .c10 input {height: 17px; padding: 3px; width: 100%; font-size: 14px;}
div.insearch .c2 select {width: 100%; height: 27px; padding: 3px; font-size: 14px;}
div.insearch .c3 input {height: 27px; padding: 0 3px; width: 100%; font-size: 14px;}
div.insearch .c1 {float: left; width: 50%; margin-right: 2%;}
div.insearch .c10 {width: 565px;}
div.insearch .c2 {float: left; width: 33%; margin-right: 2%;}
div.insearch .c3 {float: left; width: 13%;}
div.insearch form div {width: 100%;}

div.insearch div.f10 { float: left; }
div.insearch div.f10 {width: 285px; margin-right: 5px; margin-top: 5px;}
div.insearch div.f10 input {height: 27px; padding: 0 3px; width: 100%; font-size: 14px;}

.xls {background: url(/images/ico/xls.gif) 0 4px no-repeat;}
.priceel {font-size: 10px; color: #999; margin: 8px 0; padding-left: 23px;}
.priceel a {font-size: 14px;}

.topindexbanner {text-align: center; margin: 15px 0;}
.topindexbanner #bann {padding: 5px 0; height: 150px;}

.tabs div {cursor: pointer;}
.tabs .act {height: 26px; line-height: 1; background: url(/images/tabs/act_c.gif) top left repeat-x; position: relative; float: left; padding: 18px 10px 0 30px; z-index: 50; font-size: 18px; color: #40031d;}
.tabs .act i {background: url(/images/tabs/act_tl.gif) top left no-repeat; position: absolute; top: 0px; left: 0px; width: 9px; height: 9px;}
.tabs .act b {background: url(/images/tabs/act_tr.png) top left no-repeat; position: absolute; top: 0px; right: -28px; width: 28px; height: 44px;}
.tabs .norm {height: 24px; line-height: 1; background: url(/images/tabs/norm_c.gif) bottom left repeat-x; position: relative; float: left; padding: 20px 0 0 30px; font-size: 14px; color: #2c5f6c; text-decoration: underline;}
.tabs .norm i {background: url(/images/tabs/norm_l.gif) top left no-repeat; position: absolute; top: 10px; left: 0px; width: 9px; height: 34px;}
.tabs .norm b {background: url(/images/tabs/norm_tr.png) top left no-repeat; position: absolute; top: 10px; right: -26px; width: 26px; height: 34px;}
.tabs .pre {padding-right: 20px;}
.tabs .post {padding-left: 40px;}


.tabscont > div {background: url(/images/tabs/round_tr.gif) top right no-repeat #f2ecda; padding: 30px; position: relative;}
#tabs2 .tabscont > div {}
.tabscont > div > b {background: url(/images/tabs/round_br.gif) top right no-repeat; width: 10px; height: 10px; bottom: 0px; right: 0px; position: absolute;}
.tabscont > div > i {background: url(/images/tabs/round_bl.gif) top right no-repeat; width: 10px; height: 10px; bottom: 0px; left: 0px; position: absolute;}

.years {background: url(/images/years_rl.gif) top left no-repeat #d0c9b4; position: absolute;}
.years > div {background: url(/images/years_rr.gif) top right no-repeat; height: 21px; padding: 0 7px;}
.years a {padding: 2px 7px; display: block; float: left; height: 17px;}
.years img {margin: 7px 7px; float: left; cursor: pointer;}
.years span {padding: 2px 7px; display: block; float: left; height: 17px;}
.years a.curr {background: url(/images/years_ril.gif) top left no-repeat #2c5f6c; color: white; text-decoration: none; position: relative;}
.years a.curr b {width: 5px; height: 21px; top: 0px; right: 0px; background: url(/images/years_rir.gif) top left no-repeat; position: absolute;}
.tabscont .allbooks {text-align: right; font-weight: bold;}

div.yearsbox {float: left;	height: 21px; width: 180px; overflow: hidden; white-space: nowrap;}
div.yearsbox td div {width: 45px;}



div.book, div.calendar, div.journal {width: 70px; position: relative; margin-top: 6px;}
div.book {background: url(/images/obl/kn_c.png) top left repeat-y; margin-bottom: 15px;}
div.book img {position: relative; margin-left: 2px; margin-bottom: -4px;}
div.book .booktop {position: absolute; top: -5px; left: 0px; margin: 0px;}
div.book .bookbot {position: absolute; bottom: -15px; left: 0px; margin: 0px;}

div.calendar {background: url(/images/obl/cal_c.gif) top left repeat-y; margin-bottom: 12px;}
div.calendar img {position: relative; margin-left: 1px;}
div.calendar .caltop {position: absolute; top: -4px; left: 0px; margin: 0px;}
div.calendar .calbot {position: absolute; bottom: -12px; left: 0px; margin: 0px;}

div.journal {background: url(/images/obl/zh_c.gif) top left repeat-y; margin-bottom: 9px;}
div.journal img {position: relative; margin-left: 1px;}
div.journal .jourtop {position: absolute; top: -7px; left: 0px; margin: 0px;}
div.journal .jourbot {position: absolute; bottom: -9px; left: 0px; margin: 0px;}

div.listbookspace {width: 10%; height: 1px; float: left;}
div.listbook {float: left; width: 45%; margin-top: 30px;}
div.listbook .ls {width: 90px; float: left;}
/*div.listbook .rs {width: 60%; float: left;}*/
div.listbook .price, .prprice {background: url(/images/price.png) top left no-repeat; width: 70px; padding-top: 7px; margin-top: 15px; height: 40px; text-align: center; font-size: 10px; line-height: 1;}
.prpricew {background: url(/images/priceb.png) top left no-repeat; width: 116px; padding-top: 10px; margin-top: 15px; height: 47px; text-align: center; font-size: 10px; line-height: 1;}
.prprice {margin: 10px auto;}
div.listbook .price b, .prprice b, .prpricew b {color: #40031d; font-size: 14px; font-weight: bold;}
.prpricew b {font-size: 18px;}
div.listbook a {font-size: 14px;}
div.listbook a.auth {font-size: 10px; color: #333333;}
div.listbook a.tocart {background: url(/images/ico/tocart.gif) top left no-repeat; height: 18px; padding: 0 0 5px 20px; font-size: 12px;}
.prtocart {background: url(/images/ico/tocartw.png) top left no-repeat; height: 16px; padding: 0 0 5px 20px; font-size: 12px;}

#tabs2 div.listbook {width: 30%;}
#tabs2 div.listbookspace {width: 5%;}

.toppadding15 {padding-top: 15px;}
.iul {float: left; width: 30%; padding: 0 5% 10px 0; max-width: 70px;}
.iur {float: left; width: 65%;}
a.stleft, a.stright {display:block; float: left; width: 24px; height: 25px;}
a.stleft {margin: 0 5px 0 6px; background: url(/images/ico/leftright.png) top left no-repeat;}
a.stright {margin: 0 6px 0 5px;background: url(/images/ico/leftright.png) top right no-repeat;}
a.stleft:hover {background: url(/images/ico/leftright.png) bottom left no-repeat;}
a.stright:hover {background: url(/images/ico/leftright.png) bottom right no-repeat;}
div.grayblock {background: #ececec; padding: 10px 0 10px 20px; margin: 20px 0;}
div.grayblock a {display: block; float: left; width: 45%; padding: 5px 0;}
div.rightbanner {text-align: center;}
div.rightbanner .bann {padding: 5px 0;}


#tabs2 {margin-top: 20px;}
.tabscont .full {position: absolute; font-size: 14px; top: -27px; right: 30px;}
.tabscont .gallery {width: 30%; margin-left: 5%; line-height: 21px; float: left;}
.tabscont .nomargin {margin-left: 0;}
.tabscont .gallery img {border: 5px solid #636363; margin-bottom: 20px;}
#scroller {margin: 10px auto; width: 100%; overflow: hidden; position: relative; background: url(/images/marqueebg.png) top center no-repeat; height: 62px; padding-top: 27px;}
#scroller a {color: #333333; position: absolute; margin-left: 5000px; font-size: 18px; white-space: nowrap; text-decoration: none;}
#scroller b {color: #9e0044;}



div.crumbs {padding: 0 0 15px 30px; position: relative;}
div.pricelist {position: absolute; z-index: 2; top: -7px; right: 30px; cursor: pointer; border: 1px solid #dedede; background: url(/images/price_bg.gif) top left repeat-x; height: 23px; padding: 5px 25px 0 10px;}
div.pricelist .updown {position: absolute; top: 12px; right: 9px;}
div.pricelist > .xls {position: relative; margin: 0 0 -3px 0; background: none;}
div.pricelist div.pricelists {position: absolute; line-height: 1.2; white-space: nowrap; top: 29px; left: -1px; border: 1px solid #dedede; border-top: 0px; background: white; padding: 15px 19px; display: none;}
#subrubr {margin: 10px 30px;}
#subrubr td {text-align: center;}
#subrubr div {margin: 0 0px 15px;}
.subrubr a {display: block; position: relative; padding: 4px 10px;}
.subrubr a.act {color: white; text-decoration: none; background: #2c5f6c;}
.subrubr a.act i, .subrubr a.act b {width: 10px; height: 10px; background: url(/images/rounder_act.gif) top left no-repeat; position: absolute;}
.tabscont .subrubr {margin-top: 25px;}
.tabscont .subrubr a.act i, .tabscont .subrubr a.act b {background: url(/images/rounder_act_index.gif) top left no-repeat;}
.subrubr a.act i.t {top: 0px; left: 0px; }
.subrubr a.act b.t {top: 0px; right: 0px; background-position: top right;}
.subrubr a.act b.b {bottom: 0px; right: 0px; background-position: bottom right;}
.subrubr a.act i.b {bottom: 0px; left: 0px; background-position: bottom left;}

div.content {padding: 0 30px 0px 30px;}

div.bookonpage {position: absolute; top: 32px; right: 30px; text-align: right;}
div.bookonpage a {margin: 0 5px;}
div.bookonpage a.curr {color: black; text-decoration: none;}
div.bookonpage div {margin-top: 11px;}
div.typelist {position: absolute; top: -28px; left: 295px;}
div.typelist a {float: left; display: block; font-size: 14px; padding: 0 20px; height: 20px; position: relative;}
div.typelist a i {width: 16px; height: 16px; top: 2px; left: 0px; display: block; position: absolute;}
div.typelist a.kr i {background: url(/images/smalfull.gif) top left no-repeat;}
div.typelist a.pod i {background: url(/images/smalfull.gif) top right no-repeat;}
div.typelist a.kr {color: #999999; text-decoration: none;}
div.typelist a.pod {color: #999999; text-decoration: none;}
div.typelist a.kr:hover i, div.typelist a.kract i {background: url(/images/smalfull.gif) bottom left no-repeat;}
div.typelist a.pod:hover i, div.typelist a.podact i {background: url(/images/smalfull.gif) bottom right no-repeat;}
div.insearch {margin-top: 36px; padding-bottom: 20px; border-bottom: 3px solid #2c5f6c;}
div.insearch div {font-size: 10px;}
div.insearch div.f1, div.insearch div.f2, div.insearch div.f3, div.insearch div.f4, div.insearch div.f5, div.insearch div.f6, div.insearch div.f7 { float: left; }
div.insearch select {width: 100%; height: 27px; padding: 3px; font-size: 14px;}
div.insearch div.f5 input {height: 27px; padding: 0 3px; width: 100%; font-size: 14px;}
div.insearch div.f1 {width: 285px; margin-right: 5px;}
div.insearch div.f2 {width: 185px; margin-right: 5px;}
div.insearch div.f3 {width: 70px; margin-right: 5px;}
div.insearch div.f4 {width: 260px; margin-right: 5px;}
div.insearch div.f5 {width: 70px;}
div.insearch div.f6, div.insearch div.f7 {width: 330px; font-size: 12px; padding-top: 20px;}
div.insearch div.f6 input, div.insearch div.f7 input {position: relative; margin:0; width: 10px;}

div.pagelink {padding: 20px 0;}

.news {padding-bottom: 30px;}
.innerpage {padding: 0 30px; position: relative;}
.newsimage {float: left; margin-right: 15px;}
.newsimage img {border: 5px solid #ccc;}
.newslink {font-size: 18px;}
.newsi1 {}
.newsi3 {border: 5px solid #CCCCCC; float: left; margin: 0 20px 20px 0;}
.newsi2 {border: 5px solid #CCCCCC; margin: 0 15px 15px 0; margin-right: 10px;}

div.inimbook .inimtop {background: url(/images/obl_b/kn_t.png) top left no-repeat; width: 200px; height: 12px; position: relative; z-index: 2;}
div.inimbook .inimcent {background: url(/images/obl_b/kn_c.png) top left repeat-y; width: 170px; padding: 0 23px 0 7px; position: relative; z-index: 1;}
div.inimbook .inimbot {background: url(/images/obl_b/kn_b.png) top left no-repeat; width: 200px; height: 17px; position: relative; z-index: 2; margin-top: -12px;}
div.inimzhur .inimtop {background: url(/images/obl_b/zh_t.png) top left no-repeat; width: 178px; height: 13px; position: relative; z-index: 2;}
div.inimzhur .inimcent {background: url(/images/obl_b/zh_c.png) top left repeat-y; width: 170px; padding: 0 5px 0 3px; position: relative; z-index: 1;}
div.inimzhur .inimbot {background: url(/images/obl_b/zh_b.png) top left no-repeat; width: 178px; height: 22px; position: relative; z-index: 2; margin-top: -4px;}
div.inimcal .inimtop {background: url(/images/obl_b/cal_t.png) top right no-repeat; width: 179px; height: 22px; position: relative; z-index: 2; margin-bottom: -12px;}
div.inimcal .inimcent {background: url(/images/obl_b/cal_c.png) top right repeat-y; width: 170px; padding: 0 9px 0 0; position: relative; z-index: 1;}
div.inimcal .inimbot {background: url(/images/obl_b/cal_b.png) top right no-repeat; width: 179px; height: 17px; position: relative; z-index: 2; }


.fsmall {font-size: 12px;}
.fsmall a {color: #333333;}

div.moreinfo {margin: 5px 0 3px 0;}
div.moreinfo div {float: left; width:33%; margin-bottom: 5px;}
div.moreinfo div.more2col {width:66%; }
div.moreinfo div.clear {float: none; clear: both; margin: 0px;}
div.moreinfo b {color: #999999; font-weight: normal;}
div.ffsmall {font-size: 12px; position: relative; margin-top: -18px; margin-bottom: 20px;}

div.loader {padding: 30px; text-align: center;}

div.social {padding: 25px 0; font-size: 14px;}
div.social .hisname {color: #adadad; font-size: 12px;}
form.social .small {padding: 10px 0 3px 0;}
form.social input {width: 320px; padding: 0 3px; height: 26px;}
form.social select {width: 338px; padding: 0 3px; height: 26px;}
form.social textarea {width: 320px; padding: 0 3px; height: 110px;}
form.social table {width: 325px;}
form.social table input {width: 220px; margin: 0 0 5px 5px; padding: 0;}
form.social input.submitte {width: 330px;}


div.award {background: url(/images/ramka_c.png) top left repeat-y; width: 216px;}
div.award .in1 {background: url(/images/ramka_t.png) top left no-repeat;}
div.award .in2 {background: url(/images/ramka_b.png) bottom left no-repeat; padding: 20px 23px 27px 23px;}

#okwin {position: absolute; top: 0px; width: 300px; background: #F2ECDA; border: 5px solid #CB0043; padding: 20px; font-size: 24px; text-align: center; z-index: 200000; display: none; color: #40031D;}
#okwin span {color: red;}


#total {font-size: 18px; color: #999999; padding: 15px 0 30px 0; text-align: right;}
#totals {font-size: 24px; color: #720027;}
.updatebtn {position: absolute; margin: 20px 0 0 470px;}
.updatebtn input {width: 250px;}

.newsdates {float: right; margin-top: -40px; position: relative; width: 120px; margin-left: 30px; text-transform: capitalize;}
.newscount {color: #999;}

td.auth_ls {padding-top: 20px; width: 15%; padding-left: 1.6%;}
td.auth_ls h1 {margin: 0 0 10px 0; padding: 0px;}
div.authcol {width: 13%; margin: 0 1.6% 5px 2%; float: left;}

a.cartclear {display: block; float: right; font-size: 18px; padding: 10px 20px; background: #DDE5FF;}
tr.cartrecord td {padding-top: 10px;}
tr.cartrecord td.cartimg {padding: 15px 15px 0 15px; width: 70px;}
tr.cartrecord td.cartttl {font-size: 18px; padding-bottom: 5px;}
tr.cartintr td.cartfcol {padding-left: 50px;}
tr.cartintr td {background: #F2ECDA; padding: 15px 20px 0;}
tr.notoppadd td {background: #F2ECDA; padding: 0 20px 15px 20px; padding-top: 0; font-size: 18px;}
td.cartrmcol {vertical-align: bottom; text-align: right; padding: 0 20px 5px;}
#ut1, #ut2, #uto1, #uto2 {width: 20px; height: 14px;}
form.social #total {text-align: left;}
#tabs2 .tabscont div.normalize {float: none; width: 100%;}

div.video {float: left; width: 180px; padding: 0 20px 0 0; height: 200px; text-align: center;}
div.video a.vimage {display: block; width: 180px; height: 120px;}
div.video a.vimage img {background: url(/images/play.png) center no-repeat; width: 180px; height: 120px;}
div.video a.vlink {display: block; padding-top: 8px;}

div.insearch div.c_up{font-size: 12px; position: relative; margin-top: -20px; margin-bottom: 10px; width: 300px;}