/* (c)ss 2007 Coding by Marcin Szafert - marcin at szafert dot pl */

body { margin: 0; padding: 0; font: 12px arial, helvetica, sans-serif; color: #333; background: #f4f4f4 url(../images/bookstore/bg_body.gif) center repeat-y; }
p { margin: 10px 0; }

a.l1 { text-decoration: underline; color: #000; background-color: inherit; }
a.l2 { text-decoration: none; color: #000; }
a:hover.l2 { text-decoration: underline; }

/* main layout */
#headBlock, #content, #footer { width: 792px; margin: 0 auto; }
#spacerBlock { background: url(../images/bookstore/bg_spacerblock.gif) repeat-x; }
	#spacerBlock img { display: block; margin: 0 auto; }
#content { color: inherit; background-color: #fff; }
#columnLeft { float: left; width: 212px; padding-bottom: 20px; color: inherit; background-color: #fff; }
#titleSection { float: left; width: 580px; }
#columnRight { float: left; width: 566px; margin: 0; padding: 20px 7px; color: inherit; background-color: #fff; }
#footer { clear: left; color: inherit; background: #fff url(../images/bookstore/bg_footer.gif) no-repeat; }

/* headBlock */
#top { height: 70px; background: url(../images/bookstore/bg_top.gif) no-repeat; }
#header { height: 172px; background: url(../images/bookstore/splash.jpg) no-repeat; }
ul#menuMain { position: relative; float: right; width: 461px; height: 25px; margin: 11px 0 0 0; padding: 0; background: url(../images/bookstore/menu_main.gif) no-repeat; }
ul#menuMainLogin { position: relative; float: right; width: 372px; height: 25px; margin: 11px 0 0 0; padding: 0; background: url(../images/bookstore/menu_main_login.gif) no-repeat; }
#menuMain li, #menuMainLogin li { position: absolute; top: 0; margin: 0; padding: 0; list-style: none; text-indent: -9999px; }
#menuMain a, #menuMainLogin a { display: block; height: 25px; text-decoration: none; }
/* logout */
#menuMain li#mm1 { left: 12px; width: 90px; }
#menuMain li#mm2 { left: 124px; width: 67px; }
#menuMain li#mm3 { left: 213px; width: 69px; }
#menuMain li#mm4 { left: 304px; width:  72px; }
#menuMain li#mm5 { left: 398px; width:  48px; }
#menuMain li#mm1 a:hover { background: transparent url(../images/bookstore/menu_main.gif) -12px -25px no-repeat; }
#menuMain li#mm2 a:hover { background: transparent url(../images/bookstore/menu_main.gif) -124px -25px no-repeat; }
#menuMain li#mm3 a:hover { background: transparent url(../images/bookstore/menu_main.gif) -213px -25px no-repeat; }
#menuMain li#mm4 a:hover { background: transparent url(../images/bookstore/menu_main.gif) -304px -25px no-repeat; }
#menuMain li#mm5 a:hover { background: transparent url(../images/bookstore/menu_main.gif) -398px -25px no-repeat; }
/* login */
#menuMainLogin li#mm1 { left: 12px; width: 91px; }
#menuMainLogin li#mm2 { left: 123px; width: 70px; }
#menuMainLogin li#mm3 { left: 215px; width: 71px; }
#menuMainLogin li#mm4 { left: 309px; width: 48px; }
#menuMainLogin li#mm1 a:hover { background: transparent url(../images/bookstore/menu_main_login.gif) -12px -25px no-repeat; }
#menuMainLogin li#mm2 a:hover { background: transparent url(../images/bookstore/menu_main_login.gif) -123px -25px no-repeat; }
#menuMainLogin li#mm3 a:hover { background: transparent url(../images/bookstore/menu_main_login.gif) -215px -25px no-repeat; }
#menuMainLogin li#mm4 a:hover { background: transparent url(../images/bookstore/menu_main_login.gif) -309px -25px no-repeat; }

ul#menuCont { position: relative; float: left; width: 212px; height: 155px; margin: 10px 0 0 0; padding: 0; background: url(../images/bookstore/menu_cont.gif) no-repeat; }
#menuCont li { position: absolute; top: 0; margin: 0; padding: 0; list-style: none; text-indent: -9999px; }
#menuCont a { display: block; width: 212px; height: 31px; text-decoration: none; }
#menuCont li#mc1 { top: 0; height: 31px; }
#menuCont li#mc2 { top: 31px; height: 31px; }
#menuCont li#mc3 { top: 62px; height: 31px; }
#menuCont li#mc4 { top: 93px; height: 31px; }
#menuCont li#mc5 { top: 124px; height: 31px; }
#mc1 a:hover { background: transparent url(../images/bookstore/menu_cont.gif) 0 -155px no-repeat; }
#mc2 a:hover { background: transparent url(../images/bookstore/menu_cont.gif) 0 -186px no-repeat; }
#mc3 a:hover { background: transparent url(../images/bookstore/menu_cont.gif) 0 -217px no-repeat; }
#mc4 a:hover { background: transparent url(../images/bookstore/menu_cont.gif) 0 -248px no-repeat; }
#mc5 a:hover { background: transparent url(../images/bookstore/menu_cont.gif) 0 -279px no-repeat; }

/* middleBlock */
#middleBlock { width: 792px; margin: 0 auto; }
#subscription { float: left; width: 212px; margin: 0 auto; }
#subscription a { display: block; height: 70px; text-decoration: none; background: url(../images/bookstore/subscription.gif) 0 0 no-repeat; }
#subscription a:hover { background: url(../images/bookstore/subscription.gif) 0 -70px no-repeat; }
#searchBar { float: left; width: 480px; height: 70px; color: inherit; background: url(../images/bookstore/bg_searchbar.gif) no-repeat; }
#searchBar form { margin-top: 30px; margin-left: 10px; }
#searchBar input, #searchBar select { font-size: 11px; }
#searchBar input { }
#searchBar select { margin: 0 5px; }
#basketValue { float: left; width: 100px; text-align: right; color: inherit; background-color: #fff; }
#basketValue p { margin: 15px 10px 0 0; }
#basketValue a { display: block; font-size: 1.3em; text-decoration: none; color: #666; background-color: inherit; }
#basketValue a:hover { text-decoration: none; color: #000; background-color: inherit; }
#basketValue big { display: block; margin-top: 7px; font-size: 1.4em; font-weight: bold; color: #c00; background-color: inherit; }

/* columnLeft */
h3.subSection { margin: 1px; padding: 3px 0; font: bold 14px verdana, helvetica, sans-serif; text-transform: uppercase; text-align: center; color: #fff; background-color: #999; }
form#loginBlock { margin: 0 1px; padding: 5px 7px; color: inherit; background-color: #dbdcde; }
ul#userInfo { margin: 0; padding: 10px 0; text-align: center; list-style: none; background-color: #dbdcde; }
#userInfo li#userName { margin-bottom: 5px; font-weight: bold; }
#userInfo li a { text-decoration: none; color: #666; }
#userInfo li#logout { margin-top: 5px; font-weight: bold; }
#userInfo li#logout a { color: #f00; }
#userInfo li#logout a:hover { color: #000; }
p#basketInfo { margin: 0 1px; padding: 10px 0; text-align: center; background-color: #dbdcde; }
#basketInfo a { display: block; text-decoration: none; line-height: 25px; color: #333; background: #dbdcde url(../images/bookstore/bg_count_items.gif) center repeat-y; }
#basketInfo a:hover { color: #000; }
#basketInfo span { font: bold 16px georgia, "times new roman", serif; color: #f00; }
#infoLine { padding: 1px 1px 0 1px; }
ul#newsInfo { margin: 0 1px; padding: 0; list-style: none; color: inherit; background-color: #e9eaeb; }
#newsInfo li { padding: 5px 7px; }
#newsInfo li small { display: block; font-size: .8em; color: #600; background-color: inherit; }
#newsInfo li a { text-decoration: none; color: #666; background-color: inherit; }
#newsInfo li a:hover { text-decoration: underline; color: #000; background-color: inherit; }
#newsInfo li.all { text-align: right; font-weight: bold; }
ul#ourServices { margin: 0; padding: 5px 0; list-style: none; }
#ourServices li { display: block; width: 198px; margin: 2px auto; }
#ourServices li img { border: 0; } 

/* titleSection */
#titleSection { margin-top: 10px; }
#titleSection h1 { margin: 0 10px 0 0; text-align: right; font: normal 2em verdana, helvetica, sans-serif; color: #999; background: url(../images/bookstore/bg_titlesection.gif) right 25px no-repeat; }
#titleSection h1:first-letter { font-weight: bold; }
#titleSection small { display: block; font: italic .8em "times new roman", serif; color: #633; }

p#error { float: left; width: 440px; margin: 10px 60px; padding: 5px; font-weight: bold; text-align: center; border: 1px solid #c00; color: #666; background-color: #fcf2f2; }
p#message { float: left; width: 440px; margin: 10px 60px; padding: 5px; font-weight: bold; text-align: center; border: 1px solid #06c; color: #666; background-color: #f2f7fc; }

/* columnRight */
#navBar { }
#columnRight img { border: none; }
ul#bookList, ul#bookList ul { margin: 0; padding: 0; list-style: none; }
#bookList img { border: 0; }
#bookList p { margin: 10px 0 0 0; }
#bookList li.book { clear: left; line-height: 1.3em; }
#bookList li a { text-decoration: none; color: #000; }
#bookList li a:hover { text-decoration: underline; }
#bookList li div.bookMiniCover, #bookCover { float:left; width: 50px; padding-right: 9px; border-right: 1px solid #e1e1e1; }
#bookList li div.bookShortDesc, #bookLongData { float:left; width: 496px; margin-left: 5px; }
#bookList li div.bookShortDesc li.desc { margin-top: 5px; color: #666; }
#bookList li div.bookShortDesc .more { color: #f90; }
#bookList li p.action { margin: 5px 0 10px 0; text-align: right; background: url(../images/knowledgebase/item_spacer.gif) center repeat-x; }
#bookLongData { font-size: 11px; }
#bookLongData p.action { margin: 5px 0 10px 0; padding-top: 10px; text-align: right; word-spacing: 5px; border-top: 1px solid #ccc; }
#bookLongData h3 { margin: 0 0 5px 0; font-size: 12px; line-height: 1.2em; color: #930; }
#bookLongData dl { margin: 0; padding: 5px; line-height: 1.2em; background: #fff url(../images/bookstore/bg_book_long_data.gif) repeat-y; }
#bookLongData dl dt { float: left; margin-right: 5px; font-weight: bold; }
#bookLongData dl dd { margin: 0; }
#bookLongData .price { font-size: 13px; color: #f00; }
table#displayBasket { width: 100%; margin: 10px auto; border-collapse: collapse; }
#displayBasket th, td { padding: 0 4px; font-size: 11px; vertical-align: top; }
#displayBasket th { text-align: left; border: none; border-bottom: 3px solid #ccc; }
#displayBasket td { padding: 5px 4px; line-height: 1.2em; color: #666; }
#displayBasket td .quantity { width: 20px; font-size: 11px;  }
#displayBasket td .calc { font-size: 11px; }
#displayBasket td input.qty { margin: 0; padding: 1px; font-size: 11px; border: 1px solid #ccc; }
#displayBasket td a { text-decoration: none; color: #666; }
#displayBasket td a:hover { text-decoration: underline; color: #000; }
#displayBasket td.action { text-align: center; }
#displayBasket td.bbCell { border-top: 1px solid #ccc; }
#displayBasket td.summary, #displayBasket td#totalPrice { vertical-align: middle; text-align: right; font-weight: bold; border-top: 3px solid #ccc; }
#displayBasket td#totalPrice { text-align: left; font-size: 14px; color: #f00; }
p.actionBar { margin: 0; }
form#basketForm { margin: 0; }
input#update { width: 127px; height: 22px; margin: 0; padding: 0; line-height: 22px; border: 0; cursor: pointer; background: url(../images/bookstore/update_basket.gif) no-repeat; }
ul#lStd1 { margin: 10px 0; padding: 0; list-style: none; color: #666; }
#lStd1 li { margin-left: 10px; }
#lStd1 li a.mail { color: #c33; padding-left: 15px; text-decoration: none; background: #fff url(../images/bookstore/bg_email.gif) left no-repeat; }
#lStd1 li a:hover.mail { color: #000; text-decoration: none; }
#lStd1 li.section { margin: 15px 0 5px 0; background: url(../images/bookstore/box_10x10.gif) left repeat-x; }
#lStd1 li.section h3 { display: inline; padding: 2px 15px 2px 0; font: bolder 14px arial, helvetica, sans-serif; background: #fff url(../images/bookstore/arr_01.gif) right no-repeat; }
#lStd1 li h3 { font: bold 14px arial, helvetica, sans-serif; color: #78312c; }
#lStd1 li big { font-size: 13px; color: #000; }
#lStd1 li.person { margin-top: 3px; font-weight: bold; }
#lStd1 li.person span { font-weight: normal; }
#lStd1 li ol { margin: 5px 0 10px 15px; padding: 0; }
#lStd1 li li { margin: 3px 5px; }

/* forms */
form#loginForm { width: 400px; margin: auto; margin-top: 50px; }
#loginForm dl { padding: 15px 25px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#loginForm dt { margin: 5px 0; }
#loginForm dt { font-weight: bold; }
#loginForm dd { margin-top: 10px; }
#loginForm dd label { display: block; float: left; width: 45px; margin-top: 5px; }
#loginForm #login, #loginForm #pass { width: 150px; }
#submitLoginBtn, #submitOrderBtn, #sendOrderBtn, #submitRegisterBtn { display: block; float: right; height: 22px; padding: 0; cursor: pointer; border: none; }
#submitLoginBtn { width: 65px; background: url(../images/bookstore/submitLoginBtn.gif) no-repeat; }
#submitOrderBtn { width: 99px; background: url(../images/bookstore/submitOrderBtn.gif) no-repeat; }
#sendOrderBtn { width: 138px; background: url(../images/bookstore/sendOrderBtn.gif) no-repeat; }
#submitRegisterBtn { width: 97px; background: url(../images/bookstore/submitRegisterBtn.gif) no-repeat; }
form#orderForm { margin: 20px 0; }
#orderForm dt { margin: 15px 0 5px 0; font-weight: bold; border-bottom: 1px solid #ccc; }
#orderForm dd { margin: 5px 0; }
#orderForm dd#actionArea { margin-top: 10px; padding-top: 5px; border-top: 1px solid #ccc; }
#orderForm dd input.field, #orderForm dd select { width: 200px; }
#orderForm label { display: block; float: left; width: 130px; margin-top: 5px; }
#orderForm dd#rule { margin-top: 15px; padding-top: 5px; font: italic 11px arial, helvetica, sans-serif; border-top: 1px solid #ccc; color: #999; }
#orderForm sup { color: #f00; font-size: inherit; }
#dataProcess { color: #666; }

div#newsletterCont { text-align: center; }
#newsletterCont .eMail { display: block; font-weight: bold; color: #336; }

.brLine01 { height: 3px; margin: 10px 0; border: none; background: url(../images/bookstore/bg_br_line01.gif) center no-repeat; }

/* info */
p.pages a { padding: 0 2px; text-decoration: none; border-bottom: 1px solid #f90; color: #333; }
p.pages a.current { font-weight: bold; text-decoration: none; border-bottom: 1px solid #f90; color: #fff; background-color: #f90; }
p.pages a:hover { font-weight: bold; text-decoration: none; border-bottom: 1px solid #f90; color: #000; }

div.news { margin-bottom: 20px; padding: 6px; }
div.nbg { background: url(../images/knowledgebase/_newsbg.png) bottom no-repeat; }
div.news h1 { margin: 0 0 3px 0; text-align: left; font: bold 14px tahoma, sans-serif; color: #633; }
div.news h1 a { text-decoration: none; color: #633; }
div.news small.data { font: normal 11px "lucida sans unicode", sans-serif; color: #666; }
div.news p { margin: 0; font: normal 12px arial, sans-serif; color: #333; }
div.news small.more { display: block; margin: 0; text-align: right; font: bold 12px arial, sans-serif; }
div.news small.more a { padding-left: 18px; text-decoration: none; color: #c63; background: url(../images/knowledgebase/morebg.gif) left no-repeat; }

a.nav1 { text-decoration: none; color: #666; border-bottom: 1px solid #000; }
a:hover.nav1 { text-decoration: none; color: #000; border-bottom: 1px solid #ccc; }

/* footer */
#footer p { margin: 0; padding: 5px 0 10px 5px; font: normal 11px verdana, sans-serif; text-align: right; color: #666; background-color: inherit; }
#footer p a { text-decoration: none; color: #666; background-color: inherit; }
#footer p a:hover { color: #000; background-color: inherit; }
#logo { display: block; float: right; width: 85px; padding: 2px 0; font: bold 10px verdana, sans-serif; text-decoration: none; color: #666; background: #fff url(../images/ipr/wheel-chair.gif) 62px 0 no-repeat; }