/*---------------------------------------------------------------------- Проект: КомБук Дизайн: Алексей Герасименко Верстка: Игорь Фролов Студия "С бубном" / www.sbubnom.ru Последнее редактирование: 14/09/2010 -----------------------------------------------------------------------*/ body { padding: 0px; margin: 0px; height: 100%; background: #ffffff; font: normal 12px Arial, sans; color: #000000; } a,p,span,div,h1,h2,h3,h4,h5,h6,img,form,ul,li { padding: 0px; margin: 0px; border: 0px; } h1,h2,h3,h4,h5,h6 { text-decoration: none; } a { color: #000000; text-decoration: underline; outline: none; } a:hover { text-decoration: none; } ul { list-style: none; } table { width: 100%; padding: 0px; border-collapse: collapse; } dl.image-left { display: inline; float: left; } dl.image-left dt { margin: 0px 10px 10px 0px; } dl.cat-icon { display: inline; float: left; } dl.cat-icon dt { margin: 0px 5px 0px 0px; position: relative; top: -5px; } h1,h2,h3,h4,h5,h6 { display: block; } h1 , h1 a { font: normal 36px/40px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 25px 0px; } h2 , h2 a { font: normal 30px Trebuchet MS, Arial, sans; display: block; } h3 , h3 a { font: normal 24px Trebuchet MS, Arial, sans; display: block; } h4 , h4 a { font: normal 23px Trebuchet MS, Arial, sans; } h5 , h5 a { font: normal 18px Trebuchet MS, Arial, sans; } h6 , h6 a { font: normal 15px Trebuchet MS, Arial, sans; } p { padding: 0px 0px 10px 0px; font: normal 14px/18px Trebuchet MS, Arial, sans; display: block; } p span {} ul li span {} ul li p {} ul { margin: 0px; display: block; } ul li { padding: 0px 0px 5px 30px; font: normal 14px/18px Trebuchet MS, Arial, sans; background: transparent url('../images/sprite.png') -478px -928px no-repeat; } /* -- [ prototypeform ] -- */ .validation-advice { font: italic normal 12px/12px Arial, sans; color: #ff0000; padding: 5px 25px 0px 12px; background: transparent url('../images/sprite.png') -492px -812px no-repeat; } /* --[ general ]--- */ div.HTMLayer { display: block; position: absolute; min-width: 985px; width: 100%; min-height: 100%; overflow: hidden; padding: 0px; margin: 0px; } div.clearBoth { clear: both; } tr.twoColsBlock { width: 100%; vertical-align: top; } tr.twoColsBlock td.leftSide { width: 225px; padding: 0px 10px 0px 10px; } tr.twoColsBlock td.mainSide { width: auto; } tr.oneColsBlock td { width: 100%; padding: 0px 0px 0px 10px; } tr.gravity { vertical-align: bottom; } div#pageTop { clear: both; position: relative; z-index: 12; width: 100%; height: 185px; margin-left: 10px; } div#pageHeader { clear: both; position: relative; z-index: 5; width: 100%; top: -15px; } div#pageContent { clear: both; position: relative; z-index: 12; padding: 0px; width: 100%; top: -15px; margin-bottom: 125px; } div#pageFooter { clear: both; position: absolute; z-index: 5; bottom: 0px; left: 0px; width: 100%; height: 100px; border-top: dashed 1px #c2c2c2; } div#pageBottom { clear: both; position: relative; z-index: 5; } /* --[ pseudo buttons ]--- */ div.bookmark-button { display: block; height: 40px; } div.bookmark-button span.holder { display: inline-block; background: transparent url('../images/sprite.png') 0px -329px no-repeat; position: relative; height: 40px; cursor: pointer; z-index: 5; } div.bookmark-button span.holder span.corner { background: transparent url('../images/sprite.png') -499px -329px no-repeat; width: 5px; position: absolute; right: 0px; top: 0px; height: 40px; cursor: pointer; z-index: 5; } div.bookmark-button span.holder input { border: none; background: none; padding: 2px 0px 1px 0px; position: relative; top: 2px; left: 5px; text-transform: uppercase; font: normal 11px Arial, sans; color: #000000; cursor: pointer; } div.bookmark-button span.holder a { display: block; padding: 10px 30px 0px 20px; color: #ffffff; font: italic normal 14px Trebuchet MS, Arial, sans; position: relative; top: 0px; left: 0px; z-index: 10; } div.bookmark-button-blue span.holder { background-position: 0px -767px; } div.bookmark-button-blue span.holder span.corner { background-position: -499px -767px; } /* -- [ book fliper ] -- */ div#bookFlipper { position: fixed; z-index: 9600; width: 100%; height: 40px; display: none; } div#bookFlipper div.topBar { width: 985px; margin: 0px auto 25px auto; background: transparent url('../images/sprite.png') 0px -717px repeat-x; height: 30px; display: block; position: relative; color: #ffdada; } div#bookFlipper div.topBar span.title { position: absolute; top: 6px; left: 10px; font: normal 12px Trebuchet MS, Arial, sans; } div#bookFlipper div.topBar span.close { position: absolute; top: 5px; right: 10px; font: normal 12px Trebuchet MS, Arial, sans; display: block; } div#bookFlipper div.topBar span.close a { color: #ffdada; position: relative; padding: 0px 0px 0px 0px; } div#bookFlipper div.topBar span.close a span.icon { position: absolute; top: 5px; left: -10px; width: 7px; height: 7px; background: transparent url('../images/sprite.png') -368px -128px no-repeat; } div#bookFlipper div.page { display: block; width: 630px; margin: 0px auto 0px auto; } div#bookFlipper div.page span.pageView { display: block; margin: 5px 0px 0px 0px; } div.bookFlipper-pageTitle { display: block; } div.bookFlipper-pageTitle a { color: #ac8e8e; font: normal 14px Trebuchet MS, Arial, sans; margin: 0px 10px 0px 0px; } div.bookFlipper-pageTitle span.pp_description { display: block; position: relative; color: #ffffff; font: normal 14px Trebuchet MS, Arial, sans; } div.bookFlipper-pageTitle span.currentTextHolder { float: right; display: block; position: relative; color: #ffffff; font: normal 14px Trebuchet MS, Arial, sans; } /* --[ styles ]--- */ div#pageTop div.logo { position: absolute; top: 12px; left: 0px; width: 220px; height: 45px; } div#pageTop div.logo h1 { text-indent: -9999px; } div#pageTop div.contactsBlock { position: absolute; top: 65px; left: 0px; width: 200px; height: 70px; } div#pageTop div.contactsBlock span.phone-title { color: #656565; font: normal 14px Trebuchet MS, Arial, sans; display: block; } div#pageTop div.contactsBlock span.phone { color: #000000; font: normal 20px Trebuchet MS, Arial, sans; display: block; padding: 0px 0px 3px 0px; } div#pageTop div.contactsBlock span.email { color: #000000; font: normal 14px Trebuchet MS, Arial, sans; display: block; } div#pageTop div.contactsBlock span.email a { color: #833d17; } div#pageTop div.contactsBlock span.prefix { color: #833d17; } div#pageTop div.contactsBlock span.tip { color: #000000; font: normal 12px Trebuchet MS, Arial, sans; display: inlne; border-bottom: dashed 1px #000000; padding: 0px; cursor: pointer; position: relative; top: -3px; } div#pageTop div.contactsBlock span.tip:hover { color: #644036; } div#pageTop div.contactsBlock div.contacts { position: absolute; top: 47px; left: 0px; width: 200px; height: 20px; display: block; } div#pageTop div.contactsBlock div.contacts span { display: block; width: 20px; height: 20px; float: left; margin: 0px 7px 0px 0px; cursor: pointer; } div#pageTop div.contactsBlock div.contacts span.email { background: url('../images/sprite.png') -428px -101px no-repeat; } div#pageTop div.contactsBlock div.contacts span.icq { background: url('../images/sprite.png') -455px -101px no-repeat; } div#pageTop div.contactsBlock div.contacts span.skype { background: url('../images/sprite.png') -480px -101px no-repeat; } div#pageTop div.topMenu { position: absolute; top: 25px; left: 250px; z-index: 10; } div#pageTop div.topMenu ul { padding: 0px; margin: 0px; } div#pageTop div.topMenu ul li { float: left; margin: 0px 30px 0px 0px; padding: 0px; font: italic normal 14px Trebuchet MS, Arial, sans; background: none; } div#pageTop div.topMenu ul li a {} div#pageTop div.searchBlock { height: 180px; width: auto; position: relative; margin: 0px 0px 0px 230px; z-index: 5; } div#pageTop div.searchBlock div.shell { position: absolute; width: 100%; background: url('../images/sprite.png') 0px -53px repeat-x; height: 35px; top: 144px; left: 135px; } div#pageTop div.searchBlock div.shellCorner { position: absolute; top: 50px; left: 0px; width: 135px; background: url('../images/sprite.png') -1px -90px repeat-x; height: 130px; } div#pageTop div.searchBlock div.shellBooks { position: absolute; top: 54px; left: 134px; height: 90px; width: 402px; background: url('../images/sprite.png') 26px -222px repeat-x; } div#pageTop div.searchBlock div.shellBooks div.sideBook { position: absolute; right: -31px; bottom: 0px; width: 31px; height: 62px; background: url('../images/sprite.png') -135px -122px no-repeat; } div#pageTop div.searchBlock div.shellBooks div.searchForm { position: absolute; top: 45px; left: -110px; width: 500px; height: 50px; } div#pageTop div.searchBlock div.shellBooks div.searchForm div.background { width: 490px; height: 30px; background: #000000; opacity: 0.4; position: absolute; top: 0px; left: 0px; } div#pageTop div.searchBlock div.shellBooks div.searchForm div.sf-bgL { position: absolute; top: 0px; left: -5px; width: 8px; height: 30px; background: transparent url('../images/sprite.png') -474px -1px no-repeat; } div#pageTop div.searchBlock div.shellBooks div.searchForm div.sf-bgR { position: absolute; top: 0px; right: -5px; width: 8px; height: 30px; background: transparent url('../images/sprite.png') -480px -1px no-repeat; } div#pageTop div.searchBlock div.shellBooks div.searchForm form { background: transparent; width: 495px; height: 30px; padding: 0px; position: relative; z-index: 5; left: 2px; } div#pageTop div.searchBlock div.shellBooks div.searchForm p { display: inline; margin: 0px; padding: 0px; } div#pageTop div.searchBlock div.shellBooks div.searchForm input.search-string { width: 400px; color: #656565; font: normal 12px Trebuchet MS, Arial, sans; padding: 1px 2px 0px 2px; height: 20px; position: relative; top: 1px; } div#pageTop div.searchBlock div.shellBooks div.searchForm input.search-submit { width: 80px; color: #000000; font: normal 12px Trebuchet MS, Arial, sans; padding: 0px; position: relative; top: 2px; height: 26px; } div#pageTop div.searchBlock div.shellBooks div.searchForm div.advanced-search { position: absolute; bottom: 1px; right: 95px; background: transparent; height: 18px; padding: 0px 2px 0px 2px; } div#pageTop div.searchBlock div.shellBooks div.searchForm div.advanced-search div.background { position: absolute; width: 100%; height: 18px; top: 0px; left: 0px; background: #000000; opacity: 0.5; z-index: 5; } div#pageTop div.searchBlock div.shellBooks div.searchForm div.advanced-search div.as-bgL { position: absolute; width: 5px; height: 18px; top: 0px; left: -5px; background: transparent url('../images/sprite.png') -490px -13px no-repeat; } div#pageTop div.searchBlock div.shellBooks div.searchForm div.advanced-search div.as-bgR { position: absolute; width: 5px; height: 18px; top: 0px; right: -5px; background: transparent url('../images/sprite.png') -497px -13px no-repeat; } div#pageTop div.searchBlock div.shellBooks div.searchForm div.advanced-search span.link { color: #ffffff; background: transparent; position: relative; top: -1px; z-index: 10; } div#pageTop div.searchBlock div.shellBooks div.searchForm div.advanced-search span.link a { color: #ffffff; font: italic normal 12px Trebuchet MS, Arial, sans; } div#pageTop div.userBlock { position: absolute; top: 55px; left: 810px; z-index: 10; } div#pageTop div.userBlock span.wellcome { font: normal 14px Trebuchet MS, Arial, sans; color: #000000; display: block; } div#pageTop div.userBlock span.cartBrief { font: normal 12px Trebuchet MS, Arial, sans; color: #999999; display: block; } div#pageTop div.userBlock span.bonus { font: normal 14px Trebuchet MS, Arial, sans; color: #395e36; display: block; } div#pageTop div.userBlock span.bonus a { color: #395e36; } div#pageTop div.cartBrief { position: absolute; top: 45px; left: 810px; z-index: 10; width: 126px; height: 99px; background: transparent url('../images/shopping-cart.png') -0px -0px no-repeat; } div#pageTop div.cartBrief span.qty-box { position: absolute; top: 0px; left: 0px; width: 144px; height: 48px; background: transparent url('../images/cart-legend.png') -0px -0px no-repeat; } div#pageTop div.cartBrief span.qty-box span.title { position: absolute; color: #ffffff; font: normal 12px Trebuchet MS, Arial, sans; top: 5px; text-align: center; left: 0px; width: 144px; display: block; } div#pageTop div.cartBrief span.qty-box span.title a { color: #ffffff; } div#pageTop div.cartBrief span.total { color: #444444; font: bold 14px Trebuchet MS, Arial, sans; position: absolute; width: 126px; text-align: center; top: 65px; left: 0px; } div#pageTop div.userAnonim { padding-top: 18px; } div#pageTop div.userAnonim span.cart { font: normal 14px Trebuchet MS, Arial, sans; color: #395e36; display: block; } div#pageTop div.userAnonim span.cart a { color: #395e36; } /* div#pageTop div.bookmarkBlock { position: absolute; left: 830px; top: 0px; z-index: 10; } div#pageTop div.bookmarkBlock span.arrow { width: 4px; height: 7px; position: absolute; right: 14px; top: 17px; background: url('../images/sprite.png') -500px 0px no-repeat; } */ div#pageTop div.bookmarkBlock { position: absolute; right: 10%; top: 0px; z-index: 10; } div#pageTop div.bookmarkBlock div.bookmark-button { float: left; margin: 0px 8px 0px 8px; display: block; position: relative; } div#pageTop div.bookmarkBlock div.bookmark-button span.holder a { padding: 10px 20px 0px 20px; } div#pageTop div.bookmarkBlock div.bookmark-button span.with-arrow a { padding: 10px 10px 0px 20px; float: left; } div#pageTop div.bookmarkBlock div.bookmark-button span.with-arrow span.arrow { display: block; float: left; width: 4px; height: 7px; margin: 0px 15px 0px 0px; position: relative; top: 17px; background: url('../images/sprite.png') -500px 0px no-repeat; z-index: 10; } div#pageContent p.cart-empty { padding: 25px 25px 10px 25px; color: #333333; font: italic normal 15px/25px Trebuchet MS, Arial, sans; } div#pageContent div.siteNavigation { width: 225px; margin: 0px 0px 0px 0px; } div#pageContent div.siteNavigation div.section span { display: block; color: black; cursor: pointer; font: italic normal 16px Trebuchet MS, Arial, sans; text-decoration: underline; padding: 2px 5px 4px 10px; } div#pageContent div.siteNavigation div.section { display: block; clear: both; border-bottom: solid 1px #DDD; } div#pageContent div.siteNavigation div.section-last { border: none; } zzzzzzdiv#pageContent div.siteNavigation div.section-active { border: none; } div#pageContent div.siteNavigation div.section-active ul { display: block; width: 100%; padding: 7px 0px 10px 0px; } div#pageContent div.siteNavigation div.section-active ul li { display: block; padding: 4px 0px 5px 0px; color: #ffffff; font: normal 14px Trebuchet MS, Arial, sans; border-top: solid 1px #EEE; background: none; } div#pageContent div.siteNavigation div.section-active ul li a { color: #000; display: block; padding: 0px 0px 0px 20px; } div#pageContent div.siteNavigation div.section-active ul li:first-child { border: none; } div#pageContent div.siteNavigation div.section-active ul li.third { padding-left: 15px; background: #54241f; border-top: solid 1px #6a4945; } div#pageContent div.siteNavigation div.section-active ul li.third-single { padding-left: 15px; background: #54241f; padding-top: 10px; padding-bottom: 10px; } div#pageContent div.siteNavigation div.section-active ul li.third-first { padding-left: 15px; padding-top: 10px; background: #54241f; border: none; } div#pageContent div.siteNavigation div.section-active ul li.third-last { padding-left: 15px; padding-bottom: 10px; background: #54241f; border-top: solid 1px #6a4945; } div#pageContent div.siteNavigation div.section div.secondLevel { display: none; height: 0px; overflow: hidden; } div#pageContent div.siteNavigation div.section-active div.secondLevel { display: block; height: auto; } div#pageContent div.leftSidePlace { width: 225px; margin: 30px 0px 0px 0px; } div#pageContent div.leftSidePlace div.bannerPlace { width: 215px; height: 265px; border: dashed 1px #c2c2c2; position: relative; top: 0px; left: 0px; } div#pageContent div.deliveryNotice { width: 100%; height: 250px; background: none; position: relative; top: 0px; left: 0px; } div#pageContent div.deliveryNotice div.bg { width: 235px; height: 250px; background: transparent url('../images/delivery-notice.png') 0 0 no-repeat; position: absolute; top: 0px; left: -10px; z-index: 2; } div#pageContent div.deliveryNotice a { display: block; position: absolute; top: 0px; left: -10px; background: none; width: 235px; height: 250px; z-index: 5; } div#pageContent div.navigationHistory { width: 225px; background: #e8e8e8; margin: 30px 0px 0px 0px; } div#pageContent div.navigationHistory span.title { display: block; color: #ffffff; cursor: default; background: #581703 url('../images/sprite.png') -205px -440px repeat-x; font: italic normal 16px Trebuchet MS, Arial, sans; text-decoration: none; padding: 2px 5px 4px 10px; } div#pageContent div.navigationHistory div.book-list { padding: 15px 25px 10px 35px; } div#pageContent div.navigationHistory div.book-list div.item span.icon { position: absolute; display: block; width: 11px; height: 11px; top: 3px; left: -20px; background: #581703 url('../images/sprite.png') -404px -106px repeat-x; cursor: default; } div#pageContent div.navigationHistory div.book-list div.item { display: block; margin: 0px 0px 10px 0px; } div#pageContent div.navigationHistory div.book-list div.item span.author { color: #3a6284; font: normal 12px Trebuchet MS, Arial, sans; padding: 0px; display: block; } div#pageContent div.navigationHistory div.book-list div.item span.title { color: #000000; background: none; font: normal 12px Trebuchet MS, Arial, sans; padding: 0px; display: inline; position: relative; } div#pageContent div.bannerBlock { display: block; width: 100%; position: relative; } div#pageContent div.bannerBlock img { display: block; } div#pageContent div.megaBanner { display: block; width: 100%; height: 436px; position: relative; overflow: hidden; } div#pageContent div.megaBanner div.wrapper { width: 800px; position: absolute; height: 436px; top: 0px; left: 0px; background: url('../images/shell-body.png') 0px -432px repeat-x; } div#pageContent div.megaBanner div.cell { position: absolute; overflow: hidden; padding: 0px; opacity: 0.9; } div#pageContent div.megaBanner div.cell-hovered { border: solid 4px #39a8d6; opacity: 1.0; border-color: #444444; } div#pageContent div.newestBlock { width: 100%; height: 175px; margin: 85px 0px 30px 0px; background: url('../images/shell-body.png') 0px 0px repeat-x; position: relative; z-index: 150; } div#pageContent div.newestBlock div.shellSideB { position: absolute; top: 0px; left: 15px; background: url('../images/sprite.png') -52px -425px no-repeat; width: 15px; height: 175px; z-index: 5; } div#pageContent div.newestBlock div.shellSideT { position: absolute; top: 0px; left: 0px; background: url('../images/sprite.png') -31px -425px no-repeat; width: 20px; height: 175px; z-index: 50; } div#pageContent div.newestBlock div.books { position: relative; top: 3px; left: 0px; width: 100%; overflow: hidden; height: 170px; z-index: 10; } div#pageContent div.newestBlock div.books div.wrapper { position: absolute; top: 40px; left: 60px; width: 5000px; height: 120px; display: block; } div#pageContent div.newestBlock div.books div.holder { position: relative; z-index: 15; display: block; float: left; height: 120px; margin: 0px 30px 0px 0px; } div#pageContent div.newestBlock div.books div.holder div.leftbg { position: absolute; display: none; top: -28px; left: -37px; width: 100%; height: 160px; background: transparent url('../images/shell-body.png') -4px -870px no-repeat; z-index: 2; } div#pageContent div.newestBlock div.books div.holder div.rightbg { position: absolute; display: none; top: -28px; right: -13px; width: 50px; height: 160px; background: transparent url('../images/shell-body.png') -252px -870px no-repeat; z-index: 2; } div#pageContent div.newestBlock div.books div.holder div.corner { position: absolute; top: 0px; left: -26px; display: block; width: 26px; height: 131px; background: url('../images/shell-body.png') -3px -1049px no-repeat; z-index: 5; } div#pageContent div.newestBlock div.books div.holder div.corner-red { background-position: -3px -1049px; } div#pageContent div.newestBlock div.books div.holder div.corner-brown { background-position: -29px -1049px; } div#pageContent div.newestBlock div.books div.holder div.corner-orange { background-position: -55px -1049px; } div#pageContent div.newestBlock div.books div.holder div.corner-green { background-position: -81px -1049px; } div#pageContent div.newestBlock div.books div.holder div.corner-blue { background-position: -107px -1049px; } div#pageContent div.newestBlock div.books div.holder div.corner-cyan { background-position: -133px -1049px; } div#pageContent div.newestBlock div.books div.holder div.corner-purple { background-position: -159px -1049px; } div#pageContent div.newestBlock div.books div.holder div.corner-gray { background-position: -185px -1049px; } div#pageContent div.newestBlock div.books div.holder div.corner-audio { background-image: url('../images/sprite.png'); background-position: -276px -811px; } div#pageContent div.newestBlock div.books div.holder div.shadow { position: absolute; top: 0px; right: 0px; display: block; width: 100%; height: 131px; background: url('../images/shell-body.png') bottom right no-repeat; z-index: 5; } div#pageContent div.newestBlock div.books div.holder div.cd { display: none; } div#pageContent div.newestBlock div.books div.holder img { padding: 0px 14px 0px 0px; position: relative; z-index: 15; } div#pageContent div.newestBlock div.books div.holder-disk div.cd { position: absolute; top: 5px; right: -10px; height: 90px; width: 30px; z-index: 2; display: block; background: transparent url('../images/sprite.png') left -981px no-repeat; } div#pageContent div.newestBlock div.books div.holder-hovered div.leftbg { display: block; } div#pageContent div.newestBlock div.books div.holder-hovered div.rightbg { display: block; } div#pageContent div.newestBlock div.books div.holder-hovered div.leftbg { background-position: 0px -870px; } #popup-holder { position: absolute; width: 634px; z-index: 150; left: 0px; top: 212px; background: #ffffff; padding: 13px 0px 13px 0px; display: none; } #popup-holder div.top { position: absolute; width: 652px; height: 9px; top: -9px; left: -9px; display: block; background: transparent url('../images/book-baloon.png') -4px -7px no-repeat; } #popup-holder div.bottom { position: absolute; width: 652px; height: 9px; bottom: -9px; left: -9px; display: block; background: transparent url('../images/book-baloon.png') -4px -44px repeat-x; } #popup-holder div.left { position: absolute; width: 9px; height: 100%; top: 0px; left: -9px; display: block; background: transparent url('../images/book-baloon.png') -684px 0px repeat-y; } #popup-holder div.right { position: absolute; width: 9px; height: 100%; top: 0px; right: -9px; display: block; background: transparent url('../images/book-baloon.png') -696px 0px repeat-y; } #popup-holder div.arrow { position: absolute; width: 50px; height: 50px; top: -50px; left: 33px; display: block; background: transparent url('../images/book-baloon.png') -7px -64px no-repeat; } #popup-holder div.close { position: absolute; width: 30px; height: 30px; top: -15px; right: -15px; display: block; background: transparent url('../images/sprite.png') -306px -131px no-repeat; cursor: pointer; } #popup-holder #popup-author { color: #4c78a4; font: normal 12px/14px Trebuchet MS, Arial, sans; display: block; margin: 10px 0px 3px 0px; display: block; } #popup-holder #popup-title { color: #000000; display: block; font: normal 12px/16px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 5px 0px; display: block; } #popup-holder #popup-title a { color: #000000; text-decoration: underline; } #popup-holder #popup-title a:hover { text-decoration: none; } #popup-holder #popup-short { color: #656565; display: block; font: italic normal 12px/16px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 5px 0px; display: block; } #popup-holder #popup-long { color: #333333; display: block; font: normal 12px/16px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 5px 0px; display: block; } #popup-holder table.body { width: 606px; padding: 0px; border-collapse: collapse; margin: 0px 13px 0px 13px; } #popup-holder table.body tr { vertical-align: middle; } #popup-holder table.body tr td { border: dashed 1px #b2b2b2; } #popup-holder table.body tr td.description { padding: 5px 15px 10px 15px; } #popup-holder table.body tr td.add2Cart { width: 195px; text-align: center; padding: 0px 0px 10px 0px; } #popup-holder table.body tr td.add2Cart span.price { color: #336600; display: block; padding: 0px 0px 3px 0px; white-space: nowrap; font: normal 20px Trebuchet MS, Arial, sans; } #popup-holder table.body tr td.add2Cart span.state { display: block; color: #87290f; display: block; margin: 0px 0px 3px 0px; white-space: nowrap; font: italic normal 14px Trebuchet MS, Arial, sans; } #popup-holder table.body tr td.add2Cart span.delivery { display: block; color: #000000; display: block; margin: 0px 0px 5px 0px; white-space: nowrap; font: normal 14px Trebuchet MS, Arial, sans; } div#pageContent div.newestBlock span.newest { position: absolute; top: -50px; left: 440px; width: 275px; height: 50px; background: url('../images/sprite.png') -229px -550px no-repeat; cursor: pointer; } div#pageContent div.newestBlock div.scrolling { position: absolute; top: -30px; display: none; } div#pageContent div.newestBlock div.scrolling span.title { font: italic normal 14px Trebuchet MS, Arial, sans; color: #000000; float: left; margin: 0px 10px 0px 10px; position: relative; top: -5px; zzcursor: pointer; } div#pageContent div.newestBlock div.scrolling span.scrollLeft { width: 45px; height: 11px; display: block; background: url('../images/sprite.png') -404px -127px no-repeat; float: left; cursor: pointer; padding: 0px 0px 0px 50px; } div#pageContent div.newestBlock div.scrolling span.scrollLeft i { position: relative; top: -2px; left: 4px; } div#pageContent div.newestBlock div.scrolling span.scrollRight { width: 45px; height: 11px; display: block; background: url('../images/sprite.png') -2px -2px no-repeat; float: left; cursor: pointer; margin: 0px 0px 0px 60px; padding: 0px; } div#pageContent div.newestBlock div.scrolling span.scrollRight i {position: relative; top: -2px; left: -48px; } div#pageContent div.contentBlock { padding: 0px 0px 0px 35px; } div#pageContent div.contentBlock span.wellcomeMsg { display: block; font: normal 14px/18px Trebuchet MS, Arial, sans; color: #000000; display: block; padding: 0px 0px 20px 0px; } div#pageContent div.contentBlock span.wellcomeMsg a { color: #581703; } div#pageContent div.contentBlock div.subSectionList-header { display: block; position: relative; margin: 30px 0px 0px 0px; } div#pageContent div.contentBlock div.subSectionList-header div.subscribe { position: absolute; top: 20px; right: 30px; height: 20px; font: italic normal 12px Trebuchet MS, Arial, sans; white-space: nowrap; background: #ffffff url('../images/sprite.png') -482px -174px no-repeat; } div#pageContent div.contentBlock div.subSectionList-header div.subscribe a { padding: 0px; display: block; color: #000000; margin: 0px 0px 0px 30px; } div#pageContent div.contentBlock div.subSectionList-header div.subscribe a:hover { text-decoration: none; } div#pageContent div.contentBlock div.subSectionList { display: block; margin: 0px 0px 40px 0px; } div#pageContent div.contentBlock div.subSectionList div.col { float: left; margin: 0px 2% 0px 0px; width: 47%; } div#pageContent div.contentBlock div.subSectionList div.item { clar: both; display: block; margin: 0px 2% 0px 0px; width: 30%; float: left; } div#pageContent div.contentBlock div.subSectionList div.item span.title { display: block; margin: 5px 0px 7px 0px; font: normal 14px/18px Trebuchet MS, Arial, sans; color: #336699; } div#pageContent div.contentBlock div.subSectionList div.item span.title a { font: normal 14px/18px Trebuchet MS, Arial, sans; color: #336699; } div#pageContent div.contentBlock div.subSectionList div.item a { color: #000000; font: normal 12px/18px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.subSectionList div.col div.item { width: 100%; } div#pageContent div.contentBlock div.bookDetails { width: 100%; position: relative; max-width: 1000px; } div#pageContent div.contentBlock div.bookDetails div.general { width: auto; margin: 0px 250px 20px 220px; min-height: 300px; } div#pageContent div.contentBlock div.bookDetails div.general div.image { position: absolute; top: 0px; left: 0px; width: 200px; } div#pageContent div.contentBlock div.bookDetails div.general div.gallery { display: none; } div#pageContent div.contentBlock div.bookDetails div.general div.image img { width: 100%; position: relative; z-index: 5; display: block; border: solid 1px #d8d8d8; } div#pageContent div.contentBlock div.bookDetails div.general div.image div.flip-label { display: block; position: absolute; bottom: 3px; right: 3px; width: 62px; height: 38px; cursor: pointer; background: transparent url('../images/sprite.png') -407px -3px no-repeat; z-index: 10; } div#pageContent div.contentBlock div.bookDetails div.general div.details { display: block; padding: 10px 0px 0px 0px; } div#pageContent div.contentBlock div.bookDetails div.general div.details span.author { color: #4c78a4; font: italic normal 16px/20px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 3px 0px; } div#pageContent div.contentBlock div.bookDetails div.general div.details span.author a { color: #4c78a4; } div#pageContent div.contentBlock div.bookDetails div.general div.details span.title { color: #000000; font: normal 24px/30px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 15px 0px; } div#pageContent div.contentBlock div.bookDetails h1 { color: #000000; font: normal 24px/30px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 15px 0px; } div#pageContent div.contentBlock div.bookDetails div.general div.details p { color: #656565; font: normal 12px/14px Trebuchet MS, Arial, sans; display: block; margin: 0px; padding: 0px 0px 5px 0px; } div#pageContent div.contentBlock div.bookDetails div.general div.details span.opinions { display: block; font: normal 14px Trebuchet MS, Arial, sans; color: #000000; margin: 5px 0px 3px 0px; } div#pageContent div.contentBlock div.bookDetails div.general div.details span.rating { display: block; float: left; font: normal 14px Trebuchet MS, Arial, sans; color: #000000; margin: 0px 10px 0px 0px; } div#pageContent div.contentBlock div.bookDetails div.general div.details span.rating-0 { width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -292px -98px no-repeat; position: relative; top: -1px; } div#pageContent div.contentBlock div.bookDetails div.general div.details span.rating-1 { width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -272px -98px no-repeat; position: relative; top: -1px; } div#pageContent div.contentBlock div.bookDetails div.general div.details span.rating-2 { width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -252px -98px no-repeat; position: relative; top: -1px; } div#pageContent div.contentBlock div.bookDetails div.general div.details span.rating-3 { width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -232px -98px no-repeat; position: relative; top: -1px; } div#pageContent div.contentBlock div.bookDetails div.general div.details span.rating-4 { width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -212px -98px no-repeat; position: relative; top: -1px; } div#pageContent div.contentBlock div.bookDetails div.general div.details span.rating-5 { width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -192px -98px no-repeat; position: relative; top: -1px; } div#pageContent div.contentBlock div.bookDetails div.description { padding: 15px 30px 20px 0px; display: block; font: normal 14px/20px Trebuchet MS, Arial, sans; color: #000000; max-width: 950px; } div#pageContent div.contentBlock div.bookDetails div.description p { font: normal 14px/20px Trebuchet MS, Arial, sans; color: #000000; } div#pageContent div.contentBlock div.bookDetails div.sidebar { position: absolute; top: 3px; right: 30px; width: 200px; } div#pageContent div.contentBlock div.bookDetails div.sidebar div.add2Cart { border: dashed 1px #b2b2b2; display: block; text-align: center; padding: 0px 0px 20px 0px; margin: 0px 0px 15px 0px; } div#pageContent div.contentBlock div.bookDetails div.sidebar div.add2Cart p { margin: 0px; padding: 0px; } div#pageContent div.contentBlock div.bookDetails div.sidebar div.add2Cart span.price { color: #ffffff; background: #762a15; display: block; padding: 10px 0px 10px 0px; white-space: nowrap; font: italic normal 16px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.bookDetails div.sidebar div.add2Cart span.state { display: block; color: #87290f; display: block; margin: 10px 0px 3px 0px; white-space: nowrap; font: italic normal 14px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.bookDetails div.sidebar div.add2Cart span.delivery { display: block; color: #000000; display: block; margin: 0px 0px 10px 0px; white-space: nowrap; font: normal 14px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.bookDetails div.sidebar ul.bookActions { display: block; margin: 5px 0px 0xpx 0px; width: 100%; } div#pageContent div.contentBlock div.bookDetails div.sidebar ul.bookActions li { display: block; margin: 0px 0px 5px 0px; font: italic normal 12px Trebuchet MS, Arial, sans; white-space: nowrap; background: none; padding: 0px; } div#pageContent div.contentBlock div.bookDetails div.sidebar ul.bookActions li a { display: block; padding: 0px 0px 5px 30px; white-space: nowrap; } div#pageContent div.contentBlock div.bookDetails div.sidebar ul.bookActions li.comment { background: #ffffff url('../images/sprite.png') -483px -195px no-repeat; } div#pageContent div.contentBlock div.bookDetails div.sidebar ul.bookActions li.rss { background: #ffffff url('../images/sprite.png') -481px -174px no-repeat; } div#pageContent div.contentBlock div.bookDetails div.sidebar ul.bookActions li.flip { background: #ffffff url('../images/sprite.png') -482px -151px no-repeat; } div#pageContent div.contentBlock div.professionalChoice { display: block; border: dashed 1px #b2b2b2; margin: 15px 30px 30px 0px; } div#pageContent div.contentBlock div.professionalChoice table { padding: 0px; border-collapse: none; } div#pageContent div.contentBlock div.professionalChoice table tr td { vertical-align: middle; padding: 15px 0px 15px 0px; } div#pageContent div.contentBlock div.professionalChoice table tr td.item { width: 25%; position: relative; } div#pageContent div.contentBlock div.professionalChoice table tr td.item div.image { float: left; margin: 0px 0px 0px 0px; } div#pageContent div.contentBlock div.professionalChoice table tr td.item div.image img { height: auto; margin: 0px 10px 0px 20px; border: solid 1px #c2c2c2; } div#pageContent div.contentBlock div.professionalChoice table tr td.item div.propetries { display: block; padding: 4px 10px 0px 0px; } div#pageContent div.contentBlock div.professionalChoice table tr td.item div.propetries span.author { color: #4c78a4; font: normal 12px/14px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 3px 0px; display: block; } div#pageContent div.contentBlock div.professionalChoice table tr td.item div.propetries span.author a { color: #4c78a4; } div#pageContent div.contentBlock div.professionalChoice table tr td.item div.propetries span.title { color: #000000; display: block; font: normal 12px/16px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 5px 0px; display: block; } div#pageContent div.contentBlock div.professionalChoice table tr td.item div.propetries span.title a { color: #000000; text-decoration: none; } div#pageContent div.contentBlock div.professionalChoice table tr td.item div.propetries span.title a:hover { text-decoration: underline; } div#pageContent div.contentBlock div.professionalChoice table tr td.item div.propetries span.price { display: block; color: #762a15; font: bold 14px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.professionalChoice table tr td.icon { width: auto; } div#pageContent div.contentBlock div.professionalChoice table tr td.icon span.plus-icon { width: 23px; height: 23px; display: block; background: #ffffff url('../images/sprite.png') -417px -144px no-repeat; margin: 0px auto 0px auto; } div#pageContent div.contentBlock div.professionalChoice table tr td.icon span.equal-icon { width: 23px; height: 23px; display: block; background: #ffffff url('../images/sprite.png') -447px -144px no-repeat; margin: 0px auto 0px auto; } div#pageContent div.contentBlock div.professionalChoice table tr td.price { width: 120px; text-align: center; padding-right: 20px; } div#pageContent div.contentBlock div.professionalChoice table tr td.price span.granted { color: #000000; font: bold 24px Trebuchet MS, Arial, sans; display: block; white-space: nowrap; } div#pageContent div.contentBlock div.professionalChoice table tr td.price span.old { color: #b2b2b2; font: normal 16px Trebuchet MS, Arial, sans; display: block; text-decoration: line-through; white-space: nowrap; } div#pageContent div.contentBlock div.professionalChoice table tr td.add2Cart { width: 200px; text-align: center; border-left: dashed 1px #b2b2b2; } div#pageContent div.contentBlock div.professionalChoice table tr td.add2Cart span.price { color: #ffffff; background: #762a15; display: block; padding: 0px 0px 10px 0px; white-space: nowrap; font: italic normal 16px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.professionalChoice table tr td.add2Cart span.state { display: block; color: #87290f; display: block; margin: 10px 0px 3px 0px; white-space: nowrap; font: italic normal 14px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.professionalChoice table tr td.add2Cart span.delivery { display: block; color: #000000; display: block; margin: 0px 0px 10px 0px; white-space: nowrap; font: normal 14px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.recomendedBooks { width: 100%; height: 235px; position: relative; } div#pageContent div.contentBlock div.recomendedBooks div.scrolling { display: block; position: absolute; top: -22px; left: 280px; } div#pageContent div.contentBlock div.recomendedBooks span.scrollLeft { width: 45px; height: 11px; display: block; background: url('../images/sprite.png') -404px -127px no-repeat; float: left; cursor: pointer; padding: 0px 0px 0px 50px; } div#pageContent div.contentBlock div.recomendedBooks span.scrollLeft i { position: relative; top: -2px; left: 4px; } div#pageContent div.contentBlock div.recomendedBooks span.scrollRight { width: 45px; height: 11px; display: block; background: url('../images/sprite.png') -2px -2px no-repeat; float: left; cursor: pointer; margin: 0px 0px 0px 60px; padding: 0px; } div#pageContent div.contentBlock div.recomendedBooks span.scrollRight i {position: relative; top: -2px; left: -48px; } div#pageContent div.contentBlock div.recomendedBooks div.inshadow { position: absolute; top: 0px; left: -45px; width: 40px; height: 205px; background: transparent url('../images/recomended-shell-shadow.png') top right no-repeat; z-index: 20; } div#pageContent div.contentBlock div.recomendedBooks div.background { height: 75px; width: 100%; position: absolute; bottom: 0px; left: 0px; background: #ffffff url('../images/sprite.png') 0px -611px repeat-x; z-index: 5; } div#pageContent div.contentBlock div.recomendedBooks div.background div.corner { width: 100px; height: 75px; position: absolute; top: 0px; left: -20px; background: #ffffff url('../images/sprite.png') -187px -131px no-repeat; } div#pageContent div.contentBlock div.recomendedBooks div.books { position: relative; height: 165px; z-index: 10; top: 47px; margin: 0px 0px 0px 0px; overflow: hidden; width: 110%; left: -45px; } div#pageContent div.contentBlock div.recomendedBooks div.books div.books-wrapper { position: absolute; height: 135px; top: 0px; left: 0px; width: 5000px; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item { float: left; display: block; width: 380px; position: relative; height: 145px; zzborder: dotted 1px #000000; margin: 0px 20px 0px 0px; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.preview-holder { position: relative; height: 150px; display: block; width: 100%; text-align: center; margin: 0px; top: 0px; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.preview-holder div.preview { position: absolute; height: 120px; left: 20px; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.preview-holder div.preview img { position: relative; z-index: 15; border: none; border-top: solid 1px #cccccc; border-right: solid 1px #cccccc; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.preview div.corner { position: absolute; top: 0px; left: -26px; height: 135px; width: 26px; z-index: 5; display: block; background: transparent url('../images/shell-body.png') -185px -1049px no-repeat; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.preview div.shadow { position: absolute; top: 0px; right: -13px; display: block; width: 100%; height: 131px; background: transparent url('../images/shell-body.png') bottom right no-repeat; z-index: 5; padding: 0px 13px 0px 0px; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.preview div.price { position: absolute; bottom: -33px; right: -33px; height: 80px; width: 80px; z-index: 15; display: block; background: transparent url('../images/sprite.png') -93px -522px no-repeat; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.preview div.price span.price { display: block; text-align: center; color: #ffffff; margin: 28px 3px 0px 0px; font: italic normal 18px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.recomendedBooks-knigonavt div.books div.item { width: 160px !important; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.preview div.corner-red { background-position: -3px -1049px; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.preview div.corner-brown { background-position: -29px -1049px; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.preview div.corner-orange { background-position: -55px -1049px; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.preview div.corner-green { background-position: -81px -1049px; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.preview div.corner-blue { background-position: -107px -1049px; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.preview div.corner-cyan { background-position: -133px -1049px; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.preview div.corner-purple { background-position: -159px -1049px; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.preview div.corner-gray { background-position: -185px -1049px; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.description { position: absolute; width: 220px; left: 125px; bottom: 20px; height: 120px; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.description span.author { display: block; margin: 0px 0px 0px 0px; color: #336699; font: normal 12px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.description span.title { font: normal 14px/18px Trebuchet MS, Arial, sans; color: #000000; display: block; margin: 0px 0px 7px 0px; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.description span.title a { font: normal 14px/18px Trebuchet MS, Arial, sans; color: #000000; } div#pageContent div.contentBlock div.recomendedBooks div.books div.item div.description p { color: #000000; font: normal 12px/14px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.associatedGoods { display: block; position: relative; margin: 0px 0px 30px -15px; } div#pageContent div.contentBlock div.associatedGoods div.catalogueBestCE { margin-top: 25px !important; padding: 0px; } div#pageContent div.contentBlock div.associatedGoods div.catalogueBestCE div.catalogSection { padding: 0px 0px 20px 45px; min-height: 140px; } div#pageContent div.contentBlock div.associatedGoods div.catalogueBestCE div.catalogSection div.item-wrapper { margin-top: 30px; } /* div#pageContent div.contentBlock div.associatedGoods div.list { margin: 0px 0px 0px 0px; background: #f3f3f3; width: 100%; height: 140px; padding: 0px; overflow: hidden; } div#pageContent div.contentBlock div.associatedGoods div.list-wrapper { width: 10000px; height: 140px; position: absolute; left: 0px; z-index: 5; } div#pageContent div.contentBlock div.associatedGoods div.list div.item-wrapper { float: left; width: 320px; margin: 0px 40px 0px 0px; } div#pageContent div.contentBlock div.associatedGoods div.list div.item { width: 100%; margin: 20px 0px 0px 0px; display: block; } div#pageContent div.contentBlock div.associatedGoods div.list div.item div.image { float: left; width: 100px; position: relative; height: 95px; } div#pageContent div.contentBlock div.associatedGoods div.list div.item div.image img { position: absolute; display: block; bottom: 0px; right: 0px; } div#pageContent div.contentBlock div.associatedGoods div.list div.item div.propetries { float: left; width: 200px; margin: 0px 0px 0px 20px; } div#pageContent div.contentBlock div.associatedGoods div.list div.item div.propetries span.author { color: #336699; font: normal 12px Trebuchet MS, Arial, sans; display: block; padding: 5px 0px 0px 0px; } div#pageContent div.contentBlock div.associatedGoods div.list div.item div.propetries span.title { font: normal 14px Trebuchet MS, Arial, sans; color: #000000; display: block; } div#pageContent div.contentBlock div.associatedGoods div.list div.item div.propetries span.price { font: bold 16px Trebuchet MS, Arial, sans; color: #762a15; display: block; padding: 10px 0px 0px 0px; } */ div#pageContent div.contentBlock div.opinionList-header { display: block; position: relative; } div#pageContent div.contentBlock div.opinionList-header div.add-opinion { position: absolute; top: 10px; right: 30px; height: 20px; font: italic normal 12px Trebuchet MS, Arial, sans; white-space: nowrap; background: #ffffff url('../images/sprite.png') -482px -195px no-repeat; } div#pageContent div.contentBlock div.opinionList-header div.add-opinion a { padding: 0px; display: block; text-decoration: none; color: #000000; border-bottom: dashed 1px #000000; margin: 0px 0px 0px 30px; } /* div#pageContent div.contentBlock div.opinionList-header div.add-opinion a:hover { text-decoration: none; border: none; } */ div#pageContent div.contentBlock div.opinionList { display: block; } div#pageContent div.contentBlock div.opinionList div.item { display: block; position: relative; border-top: dashed 1px #e2e2e2; padding: 15px 0px 25px 0px; margin: 0px 30px 0px 0px; } div#pageContent div.contentBlock div.opinionList div.item:first-child { border: none; padding: 15px 0px 25px 0px; } div#pageContent div.contentBlock div.opinionList div.item span.rating { display: block; position: absolute; top: 17px; right: 0px; width: 100px; height: 18px; } div#pageContent div.contentBlock div.opinionList div.item span.title { font: normal 16px Trebuchet MS, Arial, sans; display: block; } div#pageContent div.contentBlock div.opinionList div.item span.notitle { font: italic normal 16px Trebuchet MS, Arial, sans; display: block; color: #555555; } div#pageContent div.contentBlock div.opinionList div.item span.date { font: italic normal 12px Trebuchet MS, Arial, sans; color: #777777; display: block; margin: 0px 0px 10px 0px; } div#pageContent div.contentBlock div.opinionList div.item span.owner { font: italic normal 14px Trebuchet MS, Arial, sans; color: #222222; display: block; } div#pageContent div.contentBlock div.opinionList div.item span.legal-user a { border-bottom: dashed 1px #222222; text-decoration: none; cursor: pointer; } div#pageContent div.contentBlock div.opinionList div.item p { font: normal 14px/18px Trebuchet MS, Arial, sans; color: #222222; display: block; } div#pageContent div.contentBlock div.opinionList div.item span.rating span.rating-0 { display: block; width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -292px -98px no-repeat; position: relative; top: -1px; } div#pageContent div.contentBlock div.opinionList div.item span.rating span.rating-1 { display: block; width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -272px -98px no-repeat; position: relative; top: -1px; } div#pageContent div.contentBlock div.opinionList div.item span.rating span.rating-2 { display: block; width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -252px -98px no-repeat; position: relative; top: -1px; } div#pageContent div.contentBlock div.opinionList div.item span.rating span.rating-3 { display: block; width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -232px -98px no-repeat; position: relative; top: -1px; } div#pageContent div.contentBlock div.opinionList div.item span.rating span.rating-4 { display: block; width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -212px -98px no-repeat; position: relative; top: -1px; } div#pageContent div.contentBlock div.opinionList div.item span.rating span.rating-5 { display: block; width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -192px -98px no-repeat; position: relative; top: -1px; } div#pageContent div.contentBlock div.opinionList-add { display: block; width: 500px; border: dashed 1px #c2c2c2; margin: 20px 0px 50px 0px; padding: 25px 50px 25px 50px; } div#pageContent div.contentBlock div.opinionList-add div.fields { width: 100%; display: block; } div#pageContent div.contentBlock div.opinionList-add div.fields div.field { width: 100%; margin: 0px 0px 15px 0px; display: block; } div#pageContent div.contentBlock div.opinionList-add div.fields div.field p { display: block; width: 100%; margin: 0px; padding: 0px; } div#pageContent div.contentBlock div.opinionList-add div.fields div.field p label span { color: #656565; font: normal 12px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 2px 0px; cursor: pointer; } div#pageContent div.contentBlock div.opinionList-add div.fields div.field p input.inpt { width: 100%; font: normal 13px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.opinionList-add div.fields textarea.textarea { width: 100%; height: 100px; } div#pageContent div.contentBlock div.opinionList-add div.fields div.submit { width: 100%; margin: 0px; display: block; height: 30px; } div#pageContent div.contentBlock div.opinionList-add div.fields div.submit input.sbmt { font: normal 12px Arial, sans; margin: 0px; padding: 0px 15px 0px 15px; display: inline; float: right; } div#pageContent div.contentBlock div.opinionList-add div.options { display: block; width: 300px; margin: 0px 0px 25px 230px; clear: both; } div#pageContent div.contentBlock div.opinionList-add div.options span.title { float: left; width: 180px; color: #000000; font: italic notmal 12px/18px Trebuchet MS, Arial, sans; position: relative; top: 4px; } div#pageContent div.contentBlock div.opinionList-add div.options span.vote-star { float: left; width: 20px; height: 20px; margin: 0px; padding: 0px; background: transparent url('../images/sprite.png') -292px -97px no-repeat; cursor: pointer; } div#pageContent div.contentBlock div.opinionList-add div.options span.vote-star-on { background-position: -272px -97px; } div#pageContent div.contentBlock div.opinionList-add div.options span.vote-star-set { background-position: -272px -97px; } div#pageContent div.contentBlock div.rootLine { display: block; margin: 0px 30px 25px 0px; padding: 10px; background: #f0efef; border: solid 1px #e5e5e5; position: relative; } div#pageContent div.contentBlock div.rootLine span { font: normal 12px/18px Trebuchet MS, Arial, sans; color: #000000; } div#pageContent div.contentBlock div.rootLine span a { color: #000000; } div#pageContent div.contentBlock div.rootLine span.spacer { padding: 0px 10px 0px 10px; text-indent: -9999px; background: #f0efef url('../images/sprite.png') -367px -12px no-repeat; } div#pageContent div.contentBlock div.rootLine div.cornerLT { position: absolute; top: -2px; left: -2px; width: 5px; height: 5px; background: #f0efef url('../images/sprite.png') -360px -4px no-repeat; display: block; } div#pageContent div.contentBlock div.rootLine div.cornerLB { position: absolute; bottom: -2px; left: -2px; width: 5px; height: 5px; background: #f0efef url('../images/sprite.png') -360px -37px no-repeat; display: block; } div#pageContent div.contentBlock div.rootLine div.cornerRT { position: absolute; top: -2px; right: -2px; width: 5px; height: 5px; background: #f0efef url('../images/sprite.png') -392px -4px no-repeat; display: block; } div#pageContent div.contentBlock div.rootLine div.cornerRB { position: absolute; bottom: -2px; right: -2px; width: 5px; height: 5px; background: #f0efef url('../images/sprite.png') -392px -37px no-repeat; display: block; } div#pageContent div.contentBlock div.booksList-filtered-header { display: block; position: relative; margin: 15px 0px 10px 0px; } div#pageContent div.contentBlock div.booksList-filtered-header h1 { margin-bottom: 10px; } div#pageContent div.contentBlock div.booksList-filtered-header div.subscribe { position: absolute; top: 20px; right: 30px; height: 20px; font: italic normal 12px Trebuchet MS, Arial, sans; white-space: nowrap; background: #ffffff url('../images/sprite.png') -482px -174px no-repeat; } div#pageContent div.contentBlock div.booksList-filtered-header div.subscribe a { padding: 0px; display: block; color: #000000; margin: 0px 0px 0px 30px; } div#pageContent div.contentBlock div.booksList-filtered-header div.subscribe a:hover { text-decoration: none; } /* div#pageContent div.contentBlock div.booksList-filtered-bar { display: block; width: auto; margin: 0px 30px 0px 0px; max-width: 700px; } div#pageContent div.contentBlock div.booksList-filtered-bar div.bar { position: relative; } div#pageContent div.contentBlock div.booksList-filtered-bar div.bar div.sorting { display: block; margin: 5px 0px 0px 0px; } div#pageContent div.contentBlock div.booksList-filtered-bar div.bar div.sorting span.title { color: #888888; font: italic normal 14px/18px Trebuchet MS, Arial, sans; float: left; } div#pageContent div.contentBlock div.booksList-filtered-bar div.bar div.sorting ul { display: block; } div#pageContent div.contentBlock div.booksList-filtered-bar div.bar div.sorting ul li { float: left; margin: 0px 10px 0px 10px; font: normal 14px/18px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.booksList-filtered-bar div.bar div.sorting ul li.active a { color: #222222; } div#pageContent div.contentBlock div.booksList-filtered-bar div.bar div.sorting ul li a { color: #581703; } div#pageContent div.contentBlock div.booksList-filtered-bar div.interval { position: absolute; right: 0px; bottom: 0px; } div#pageContent div.contentBlock div.booksList-filtered-bar div.interval span { color: #000000; font: bold 14px/18px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.booksList-filtered-bar div.interval span.current { color: #888888; } div#pageContent div.contentBlock div.booksList-filtered-bar div.pages { display: block; margin: 10px 0px 0px 0px; position: relative; } div#pageContent div.contentBlock div.booksList-filtered-bar div.pages span.title { color: #888888; font: italic normal 14px/18px Trebuchet MS, Arial, sans; float: left; } div#pageContent div.contentBlock div.booksList-filtered-bar div.pages ul { display: block; } div#pageContent div.contentBlock div.booksList-filtered-bar div.pages ul li { float: left; margin: 0px 10px 0px 10px; font: normal 14px/18px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.booksList-filtered-bar div.pages ul li a { color: #581703; } div#pageContent div.contentBlock div.booksList-filtered-bar div.pages ul li.active { margin: 0px 5px 0px 10px; } div#pageContent div.contentBlock div.booksList-filtered-bar div.pages ul li.active span.holder { height: 20px; display: block; background: #ffffff url('../images/sprite.png') -415px -173px repeat-x; padding: 0px 8px 0px 5px; position: relative; } div#pageContent div.contentBlock div.booksList-filtered-bar div.pages ul li.active span.holder a { color: #ffffff; position: relative; z-index: 5; text-decoration: none; } div#pageContent div.contentBlock div.booksList-filtered-bar div.pages ul li.active span.corner { position: absolute; right: 0px; top: 0px; width: 5px; height: 20px; display: block; background: #ffffff url('../images/sprite.png') -467px -173px repeat-x; padding: 0px 0px 0px 3px; z-index: 2; } */ div#pageContent div.contentBlock div.booksList-filtered { display: block; width: auto; margin: 4px 30px 0px 0px; } div#pageContent div.contentBlock div.booksList-filtered table.with-right-side { width: 100%; margin: 0px; padding: 0px; border: none; border-collapse: collapse; } div#pageContent div.contentBlock div.booksList-filtered table.with-right-side tr { vertical-align: top; margin: 0px; padding: 0px; } div#pageContent div.contentBlock div.booksList-filtered table.with-right-side tr td { margin: 0px; padding: 0px; width: auto; } div#pageContent div.contentBlock div.booksList-filtered table.with-right-side td.right { width: 215px; padding: 0px 0px 0px 15px; } div#pageContent div.contentBlock div.booksList-filtered div.bar { position: relative; display: block; width: 100%; margin: 0px 0px 20px 0px; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.sorting { display: block; margin: 5px 0px 0px 0px; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.sorting span.title { color: #888888; font: italic normal 14px/18px Trebuchet MS, Arial, sans; float: left; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.sorting ul { display: block; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.sorting ul li { float: left; margin: 0px 10px 0px 10px; font: normal 14px/18px Trebuchet MS, Arial, sans; background: none; padding: 0px; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.sorting ul li.active a { color: #222222; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.sorting ul li a { color: #581703; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.interval { position: absolute; right: 0px; bottom: 0px; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.interval span { color: #000000; font: bold 14px/18px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.interval span.current { color: #888888; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.pages { display: block; margin: 10px 0px 0px 0px; position: relative; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.pages span.title { color: #888888; font: italic normal 14px/18px Trebuchet MS, Arial, sans; float: left; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.pages ul { display: block; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.pages ul li { float: left; margin: 0px 10px 0px 10px; font: normal 14px/18px Trebuchet MS, Arial, sans; background: none; padding: 0px; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.pages ul li a { color: #581703; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.pages ul li.active { margin: 0px 5px 0px 10px; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.pages ul li.active span.holder { height: 20px; display: block; background: #ffffff url('../images/sprite.png') -415px -173px repeat-x; padding: 0px 8px 0px 5px; position: relative; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.pages ul li.active span.holder a { color: #ffffff; position: relative; z-index: 5; text-decoration: none; } div#pageContent div.contentBlock div.booksList-filtered div.bar div.pages ul li.active span.corner { position: absolute; right: 0px; top: 0px; width: 5px; height: 20px; display: block; background: #ffffff url('../images/sprite.png') -467px -173px repeat-x; padding: 0px 0px 0px 3px; z-index: 2; } div#pageContent div.contentBlock div.booksList-filtered div.bar-bottom { display: block; clear: both; } div#pageContent div.contentBlock div.booksList-filtered div.bar-bottom div.bar { height: 70px; display: block; margin: 20px 0px 0px 0px; } div#pageContent div.contentBlock div.booksList-filtered div.bar-bottom div.bar div.interval { bottom: 50px !important; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td { border: dashed 1px #cccccc; } div#pageContent div.contentBlock div.booksList-filtered table.itemList tr.item { vertical-align: top; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image { padding: 15px 0px 25px 0px; width: 120px; border-right: none; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image div.preview-holder { height: 90px; left: 18px; margin: 0px auto 0px auto; position: relative; top: 0px; width: 90px; z-index: 5; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image div.preview { display: block; position: absolute; z-index: 5; left: 0px; top: 0px; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image div.preview img { border-right: solid 1px #cccccc; border-top: solid 1px #cccccc; position: relative; z-index: 10; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image div.preview div.shadow { position: absolute; bottom: -7px; right: 0px; height: 10px; width: 100%; z-index: 5; display: block; background: transparent url('../images/sprite.png') right -988px no-repeat; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image div.preview div.corner { position: absolute; top: 0px; left: -11px; height: 102px; width: 11px; z-index: 5; display: block; background: transparent url('../images/sprite.png') -205px -818px no-repeat; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image div.preview div.cd { display: none; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image div.preview div.corner-red { background-position: -128px -818px; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image div.preview div.corner-brown { background-position: -139px -818px; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image div.preview div.corner-orange { background-position: -150px -818px; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image div.preview div.corner-green { background-position: -161px -818px; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image div.preview div.corner-blue { background-position: -172px -818px; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image div.preview div.corner-cyan { background-position: -183px -818px; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image div.preview div.corner-purple { background-position: -194px -818px; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image div.preview div.corner-audio { background-position: -321px -811px; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image div.preview-disk div.shadow { background-position: right -1000px; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image div.preview-disk div.cd { position: absolute; top: 2px; right: -15px; height: 90px; width: 30px; z-index: 2; display: block; background: transparent url('../images/sprite.png') left -981px no-repeat; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.image div.preview-disk img { border-right: solid 1px #444444; border-top: solid 1px #444444; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.description { padding: 15px 15px 10px 15px; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.description span.author { display: block; color: #336699; font: normal 12px/15px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.description span.weight { display: block; color: #333333; font: normal 12px/15px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.description span.isbn { display: block; color: #333333; font: normal 12px/15px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.description span.release { display: block; color: #33333; font: normal 12px/15px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.description span.title { display: block; font: normal 14px/18px Trebuchet MS, Arial, sans; margin: 0px 0px 3px 0px; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.description span.price { font: bold 16px Trebuchet MS, Arial, sans; color: #762a15; display: block; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.description span.price-our-of-stock { color: #777777; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.description span.shortdescription { display: block; color: #656565; font: normal 12px Trebuchet MS, Arial, sans; margin: 0px 0px 5px 0px; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.description p { display: block; color: #303030; font: normal 14px/18px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.add2Cart { width: 150px; vertical-align: middle; text-align: center; padding: 0px; border-right: none; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.add2Cart span.price { color: #336600; display: block; padding: 0px 0px 3px 0px; white-space: nowrap; font: normal 20px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.add2Cart span.price-our-of-stock { color: #777777; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.add2Cart span.state { display: block; color: #87290f; display: block; margin: 0px 0px 3px 0px; white-space: nowrap; font: italic normal 14px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.add2Cart span.state-out-of-stock { color: #777777; } div#pageContent div.contentBlock div.booksList-filtered table.itemList td.add2Cart span.delivery { display: block; color: #000000; display: block; margin: 0px 0px 10px 0px; white-space: nowrap; font: normal 14px Trebuchet MS, Arial, sans; } div#pageContent div.contentBlock div.booksList-filtered div.bannerPlace div.block-title { display: block; width: 100%; text-align: center; font: italic bold 16px/20px Trebuchet MS, Arial, sans !important; color: #010101 !important; padding: 8px 0px 0px 0px; } div.catalogueBestCE { display: block; margin: 25px 0px 0px 0px; position: relative; width: 100%; padding: 35px 0px 0px 0px; z-index: 5; } div.catalogueBestCE div.legend { width: auto; height: 35px; display: block; border: dashed 1px #b2b2b2; background: #ffffff; border-bottom: none; position: absolute; top: 0px; left: 0px; } div.catalogueBestCE div.legend h2 { font: italic bold 16px/20px Trebuchet MS, Arial, sans !important; color: #010101 !important; padding: 8px 70px 0px 60px !important; display: block; } div.catalogueBestCE div.legend h2 a{ font: italic bold 16px/20px Trebuchet MS, Arial, sans !important; color: #010101 !important; padding: 0px !important; display: block; } div.catalogueBestCE div.catalogSection { width: 100%; display: block; min-height: 200px; border: dashed 1px #b2b2b2; border-right: none; margin: 0px 0px 0px 0px; padding: 25px 10px 10px 10px; } div.catalogueMainCE { margin: 25px 0px 0px 10px; } div.catalogueMainCE div.bannerPlace { width: 220px; height: 265px; border: dashed 1px #c2c2c2; position: absolute; left: 0px; top: 0px; } div.catalogueMainCE div.bannerPlace div.block-title { display: block; position: absolute; top: 0px; left: 0px; width: 100%; text-align: center; font: italic bold 16px/20px Trebuchet MS, Arial, sans !important; color: #010101 !important; padding: 8px 0px 0px 0px; } div.catalogueMainCE div.legend { width: auto; height: 35px; display: block; border: dashed 1px #b2b2b2; background: #ffffff; border-bottom: none; position: absolute; top: 0px; left: 235px; } div.catalogueMainCE div.catalogSection { width: 100%; display: block; min-height: 200px; border: dashed 1px #b2b2b2; border-right: none; margin: 0px 0px 0px 235px; padding: 25px 25px 10px 25px; } div.catalogueBestCE div.catalogSection div.item-wrapper { float: left; width: 250px; margin: 0px 30px 20px 0px; } div.catalogueBestCE div.catalogSection div.item { display: block; width: 100%; position: relative; z-index: 5; } div.catalogueBestCE div.catalogSection div.item div.preview-holder { z-index: 5; width: 60px; margin: 0px auto 0px auto; position: relative; right: -3px; height: 90px; } div.catalogueBestCE div.catalogSection div.item div.preview { display: block; position: absolute; z-index: 5; zzwidth: 60px; height: 94px; } div.catalogueBestCE div.catalogSection div.item div.preview img { border-right: solid 1px #cccccc; border-top: solid 1px #cccccc; position: relative; z-index: 10; } div.catalogueBestCE div.catalogSection div.item div.preview div.corner { position: absolute; top: 0px; left: -11px; height: 102px; width: 11px; z-index: 5; display: block; background: transparent url('../images/sprite.png') -205px -818px no-repeat; } div.catalogueBestCE div.catalogSection div.item div.preview div.corner-red { background-position: -128px -818px; } div.catalogueBestCE div.catalogSection div.item div.preview div.corner-brown { background-position: -139px -818px; } div.catalogueBestCE div.catalogSection div.item div.preview div.corner-orange { background-position: -150px -818px; } div.catalogueBestCE div.catalogSection div.item div.preview div.corner-green { background-position: -161px -818px; } div.catalogueBestCE div.catalogSection div.item div.preview div.corner-blue { background-position: -172px -818px; } div.catalogueBestCE div.catalogSection div.item div.preview div.corner-cyan { background-position: -183px -818px; } div.catalogueBestCE div.catalogSection div.item div.preview div.corner-purple { background-position: -194px -818px; } div.catalogueBestCE div.catalogSection div.item div.preview div.corner-audio { background-position: -321px -811px; } div.catalogueBestCE div.catalogSection div.item div.preview div.shadow { position: absolute; bottom: -7px; right: 0px; height: 10px; width: 100%; z-index: 5; display: block; background: transparent url('../images/sprite.png') right -988px no-repeat; } div.catalogueBestCE div.catalogSection div.item div.preview div.cd { display: none; } div.catalogueBestCE div.catalogSection div.item div.preview-disk div.shadow { background-position: right -1000px; } div.catalogueBestCE div.catalogSection div.item div.preview-disk div.cd { position: absolute; top: 2px; right: -25px; height: 90px; width: 30px; z-index: 2; display: block; background: transparent url('../images/sprite.png') left -981px no-repeat; } div.catalogueBestCE div.catalogSection div.item div.preview-disk img { border-right: solid 1px #444444; border-top: solid 1px #444444; } div.catalogueBestCE div.catalogSection div.item div.body { margin: 0px 0px 0px 0px; zzz_min-height: 90px; } div.catalogueBestCE div.catalogSection div.item div.body span.author { color: #336699; font: normal 12px Trebuchet MS, Arial, sans; display: block; padding: 12px 0px 0px 0px; text-align: center; } div.catalogueBestCE div.catalogSection div.item div.body span.title { font: bold 12px Trebuchet MS, Arial, sans; color: #000000; display: block; text-align: center; padding: 0px; } div.catalogueBestCE div.catalogSection div.item div.body span.title a { color: #000000; } div.catalogueBestCE div.catalogSection div.item div.body span.price { font: bold 18px Trebuchet MS, Arial, sans; color: #186603; display: block; padding: 7px 0px 0px 0px; text-align: center; } div.catalogueBestCE div.catalogSection div.item div.body span.price small { font: italic normal 12px Trebuchet MS, Arial, sans; color: #656565; display: block; margin: 0px 5px 0px 0px; display: inline; } div.catalogueBestCE div.items-inline div.item-wrapper { margin-top: 0px; zzposition: relative; zztop: 20px; } div.catalogueBestCE div.catalogSection div.after-num-2 { display: none; } div.catalogueBestCE div.catalogSection div.after-num-3 { display: none; } div.catalogueBestCE div.catalogSection div.after-num-4 { display: none; } div.catalogueBestCE div.catalogSection div.after-num-5 { display: none; } div.catalogueBestCE div.catalogSection div.after-num-6 { display: none; } div.catalogueBestCE div.catalogSection div.after-num-7 { display: none; } div.catalogueBestCE div.catalogSection div.after-num-8 { display: none; } div.catalogueBestCE div.with-2-cols div.item-wrapper { width: 250px; } div.catalogueBestCE div.with-2-cols div.after-num-2 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-2-cols div.after-num-4 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-2-cols div.after-num-6 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-2-cols div.after-num-8 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-2-cols div.after-num-10 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-2-cols div.after-num-12 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-2-cols div.after-num-14 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-2-cols div.after-num-16 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-3-cols div.after-num-3 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-3-cols div.after-num-6 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-3-cols div.after-num-9 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-3-cols div.after-num-12 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-3-cols div.after-num-15 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-4-cols div.after-num-4 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-4-cols div.after-num-8 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-4-cols div.after-num-12 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-4-cols div.after-num-16 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-5-cols { width: auto !important; } div.catalogueBestCE div.with-5-cols div.after-num-5 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-5-cols div.after-num-10 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-5-cols div.after-num-15 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-5-cols div.item-wrapper { width: 20%; min-width: 135px; margin: 0px !important; padding: 0px; } div.catalogueBestCE div.with-5-cols div.item-wrapper div.item div.body span.title { max-height: 36px; overflow: hidden; position: relative; } div.catalogueBestCE div.with-5-cols div.item-wrapper div.item div.body span.title span.shadow { position: absolute; right: 0px; top: 17px; overflow: hidden; width: 25px; height: 15px; display: block; background: transparent url('../images/long-title-transparency.png') bottom right no-repeat; } div.catalogueBestCE div.with-6-cols div.after-num-6 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-6-cols div.after-num-12 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-7-cols div.after-num-7 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-7-cols div.after-num-14 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-8-cols div.after-num-8 { display: block; clear: both; width: 100%; height: 1px; } div.catalogueBestCE div.with-8-cols div.after-num-16 { display: block; clear: both; width: 100%; height: 1px; } div.bannerPlace { padding: 0px; margin: 0px; } div.bannerPlace table { width: 100%; height: 100%; margin: 0px; padding: 0px; border-collapse: collapse; text-align: center; } div.bannerPlace table tr { } div.bannerPlace table tr td { padding: 0px; margin: 0px; } div.bannerPlace div.book-bestseller { display: block; margin: 0px 0px 0px 0px; padding: 15px 0px 10px 0px; position: relative; } div.bannerPlace div.book-bestseller span.author { display: block; color: #336699; font: normal 12px Trebuchet MS, Arial, sans; } div.bannerPlace div.book-bestseller span.title { display: block; color: #000000; font: normal 14px Trebuchet MS, Arial, sans; padding: 0px 0px 10px 0px; } div.bannerPlace div.book-bestseller span.title a { color: #000000; } div.bannerPlace div.book-bestseller div.preview-holder { position: relative; height: 165px; display: block; width: 100%; text-align: center; margin: 10px 0px 0px 0px; } div.bannerPlace div.book-bestseller div.preview-holder div.preview { position: absolute; height: 120px; left: 30%; } div.bannerPlace div.book-bestseller div.preview-holder div.preview img { position: relative; z-index: 15; border-top: solid 1px #cccccc; border-right: solid 1px #cccccc; } div.bannerPlace div.book-bestseller div.preview div.corner { position: absolute; top: 0px; left: -15px; height: 131px; width: 15px; z-index: 5; display: block; background: transparent url('../images/sprite.png') -105px -818px no-repeat; } div.bannerPlace div.book-bestseller div.preview div.shadow { position: absolute; bottom: -10px; right: 0px; height: 10px; width: 100%; z-index: 5; display: block; background: transparent url('../images/sprite.png') right -987px no-repeat; } div.bannerPlace div.book-bestseller div.preview div.price { position: absolute; bottom: -45px; right: -45px; height: 80px; width: 80px; z-index: 15; display: block; background: transparent url('../images/sprite.png') -93px -522px no-repeat; } div.bannerPlace div.book-bestseller div.preview div.price span.price { display: block; text-align: center; color: #ffffff; margin: 28px 3px 0px 0px; font: italic normal 18px Trebuchet MS, Arial, sans; } div.bannerPlace div.book-bestseller div.preview div.corner-red { background-position: 0px -818px; } div.bannerPlace div.book-bestseller div.preview div.corner-brown { background-position: -15px -818px; } div.bannerPlace div.book-bestseller div.preview div.corner-orange { background-position: -30px -818px; } div.bannerPlace div.book-bestseller div.preview div.corner-green { background-position: -45px -818px; } div.bannerPlace div.book-bestseller div.preview div.corner-blue { background-position: -60px -818px; } div.bannerPlace div.book-bestseller div.preview div.corner-cyan { background-position: -75px -818px; } div.bannerPlace div.book-bestseller div.preview div.corner-purple { background-position: -90px -818px; } /*хаки от Васи*/ /*div.bannerPlace div.block-title { display: block; width: 100%; text-align: center; font: italic bold 16px/20px Trebuchet MS, Arial, sans !important; color: #010101 !important; padding: 8px 0px 0px 0px; } div.relatedWrapper div.bannerPlace { padding: 0px; margin: 0px 0px 25px 0px !important; } *//*/хаки от Васи*/ div.contentBlock p.catalog-search-msg { display: block; border: dotted 1px #bb3a3a; padding: 5px 10px 5px 10px; margin: 10px 0px 20px 0px; color: #bb3a3a; } div.cartOrderCE { display: block; width: auto; margin: 45px 10px 0px 10px; clear: both; } /* div.checkoutWrapper { display: block; width: 970px; float: left; margin: 0px 20px 50px 0px; } */ div.cartOrderCE table.checkoutWrapper { width: 100%; margin: 0px; padding: 0px; border-collapse: collapse; } div.cartOrderCE table.checkoutWrapper tr.wrapper { vertical-align: top; margin: 0px; padding: 0px; } div.cartOrderCE table.checkoutWrapper tr.wrapper td.cart-side { padding: 0px; width: 220px; } div.cartOrderCE table.checkoutWrapper tr.wrapper td.cart-block { padding: 0px 15px 0px 0px; width: 100%; } div.relatedWrapper { width: 220px; } div.relatedWrapper div.bannerPlace { display: 100%; height: 100%; border: dashed 1px #c2c2c2; padding: 20px 0px 15px 0px; } div.cartOrderCE table.checkoutWrapper div.relatedWrapper { width: 220px; margin: 24px 0px 0px 0px; display: block; } div#pageContent div.contentBlock div.booksList-filtered div.relatedWrapper { float: none !important; clear: both; margin: 0px 0px 25px 0px; padding: 0px; width: 200px; } div#pageContent div.contentBlock div.booksList-filtered div.relatedWrapper div.bannerPlace { padding: 0px; margin: 0px 0px 25px 0px !important; } div#pageContent div.contentBlock div.booksList-filtered div.relatedWrapper div.bannerPlace table { padding: 0px; margn: 0px; } div#pageContent div.contentBlock div.booksList-filtered div.relatedWrapper div.bannerPlace table tr { padding: 0px; margn: 0px; } div#pageContent div.contentBlock div.booksList-filtered div.relatedWrapper div.bannerPlace table tr td { padding: 0px; margn: 0px; } div#pageContent div.contentBlock div.booksList-filtered table.with-right-side div.relatedWrapper { clear: both; float: none; width: 100%; } div.relatedWrapper div.discountCoupon { border: dotted 1px #cccccc; border-bottom: none; position: relative; padding: 10px 15px 20px 15px; width: 190px; } div.relatedWrapper div.discountCoupon h3 { color: #000000; font: italic normal 18px/24px Trebuchet MS, Arial, sans; margin: 0px 0px 10px 0px; } div.relatedWrapper div.discountCoupon p { color: #656565; font: normal 12px/18px Trebuchet MS, Arial, sans; } div.relatedWrapper div.discountCoupon form { margin: 5px 0px 0px 0px; } div.relatedWrapper div.discountCoupon form p { margin: 0px 0px 0px 0px; padding: 0px; } div.relatedWrapper div.discountCoupon form p input { color: #000000; } div.relatedWrapper div.discountCoupon form p input.inpt { width: 180px; font: normal 12px Arial, sans; } div.relatedWrapper div.discountCoupon form p input.sbmt { margin: 15px 0px 0px 0px; font: normal 12px Arial, sans; } div.relatedWrapper div.discountCoupon form label span { color: #656565; font: normal 12px/15px Trebuchet MS, Arial, sans; padding: 0px; margin: 0px 0px 3px 0px; display: block; } div.relatedWrapper div.discountCoupon div.body { position: relative; z-index: 20; } div.relatedWrapper div.discountCoupon div.background { position: absolute; bottom: -5px; left: 0px; width: 220px; height: 42px; background: #ffffff url('../images/sprite.png') 0px -375px repeat-x; z-index: 5; } div.relatedWrapper div.discountCoupon div.corner { position: absolute; bottom: -5px; left: -1px; width: 40px; height: 90px; background: transparent url('../images/sprite.png') -232px -835px no-repeat; z-index: 7; } div.relatedWrapper div.discountCoupon div.scissors { position: absolute; bottom: -2px; left: -8px; width: 15px; height: 25px; background: transparent url('../images/sprite.png') -346px -130px no-repeat; z-index: 9; } div.catalogueMainCE div.bannerPlace table tr td { padding: 30px 0px 0px 0px; } div.cartOrderCE p.submit-button { display: block; position: absolute; left: -10000px; top: -10000px; } div.cartOrderCE span.currancy { padding: 0px 0px 0px 5px; } div.cartOrderCE div.cart-title { position: relative; width: 100%; margin: 0px 0px 30px 0px; display: block; } div.cartOrderCE div.cart-title span.order { display: inline; text-align: right; position: absolute; bottom: 5px; right: 0px; color: #000000; font: italic normal 14px Trebuchet MS, Arial, sans; } div.cartOrderCE div.cart-title span.order a { } div.cartOrderCE div.cart-title span.arrow-right { width: 45px; height: 11px; display: block; background: url('../images/sprite.png') -2px -2px no-repeat; float: right; position: relative; top: 4px; margin: 0px 0px 0px 10px; } div.cartOrderCE div.items-state-groups { display: block; width: 100%; margin: 0px 0px 40px 0px; } div.cartOrderCE div.items-state-groups ul { display: block; width: 100%; } div.cartOrderCE div.items-state-groups ul li { float: left; margin: 0px 35px 0px 0px; font: normal 16px Trebuchet MS, Arial, sans; background: none; padding: 0px; } div.cartOrderCE div.items-state-groups ul li a { color: #581703; } div.cartOrderCE div.items-state-groups ul li span.amount { margin: 0px 0px 0px 5px; } div.cartOrderCE table.cartManage { padding: 0px; border-collapse: collapse; margin: 0px; width: 100%; } div.cartOrderCE table.cartManage tr.each-odd td { background-color: #f7f7f7; } div.cartOrderCE table.cartManage td { border: dotted 1px #c2c2c2; } div.cartOrderCE table.cartManage thead th { color: #656565; font: normal 12px Trebuchet MS, Arial, sans; text-align: center; height: 25px; vertical-align: middle; } div.cartOrderCE table.cartManage thead th.title { text-align: left; padding: 0px 0px 0px 15px; } div.cartOrderCE table.cartManage td { padding: 15px 15px 15px 15px; } div.cartOrderCE table.cartManage td.del { width: 40px; padding: 0px; text-align: center; } div.cartOrderCE table.cartManage td.image { padding: 15px 0px 25px 0px; border-right: none; width: 120px; } div.cartOrderCE table.cartManage td.title { width: auto; border-left: none; } div.cartOrderCE table.cartManage td.delivery { width: 100px; padding: 0px; } div.cartOrderCE table.cartManage td.price { width: 70px; text-align: center; padding: 0px 25px 0px 15px; } div.cartOrderCE table.cartManage td.amount { width: 90px; text-align: center; padding: 0px; } div.cartOrderCE table.cartManage td.summ { width: 70px; text-align: center; padding: 0px 15px 0px 25px; } div.cartOrderCE table.cartManage td.delivery span.holder { width: 55px; height: 48px; display: block; margin: 0px 0px 0px 23px; background: transparent url('../images/sprite.png') -299px -1px no-repeat; text-align: center; } div.cartOrderCE table.cartManage td.delivery span.holder span.month { color: #000000; font: normal 13px/15px Trebuchet MS, Arial, sans; display: block; padding: 4px 0px 0px 0px; } div.cartOrderCE table.cartManage td.delivery span.holder span.day { color: #000000; font: bold 24px/28px Trebuchet MS, Arial, sans; display: block; padding: 0px 0px 0px 0px; } div.cartOrderCE table.cartManage td.del span { padding: 0px 7px 0px 8px; height: 23px; display: block; text-align: center; } div.cartOrderCE table.cartManage td.del span a { display: block; width: 23px; height: 23px; background: transparent url('../images/sprite.png') -304px -194px no-repeat; } div.cartOrderCE table.cartManage td.price span { color: #000000; font: normal 16px Trebuchet MS, Arial, sans; } div.cartOrderCE table.cartManage td.summ span { color: #000000; font: normal 16px Trebuchet MS, Arial, sans; } div.cartOrderCE table.cartManage td.amount div.holder { position: relative; width: 100%; height: 23px; } div.cartOrderCE table.cartManage td.amount div.holder span.increase { position: absolute; top: 0px; left: -13px; display: block; width: 23px; height: 23px; background: transparent url('../images/sprite.png') -304px -168px no-repeat; } div.cartOrderCE table.cartManage td.amount div.holder span.equal { position: absolute; top: 0px; right: -13px; display: block; width: 23px; height: 23px; background: transparent url('../images/sprite.png') -332px -168px no-repeat; cursor: pointer; } div.cartOrderCE table.cartManage td.amount div.holder span.equal:hover { background-position: -332px -194px; } div.cartOrderCE table.cartManage td.amount div.holder span.equal-hovered { background-position: -332px -194px; } div.cartOrderCE table.cartManage td.amount div.holder input { font: normal 16px Trebuchet MS, Arial, sans; text-align: right; } div.cartOrderCE table.cartManage td.image div.preview-holder { position: relative; top: 0px; left: 22px; height: 90px; width: 70px; z-index: 5; margin: 0px auto 0px auto; } div.cartOrderCE table.cartManage td.image div.preview { display: block; position: absolute; z-index: 5; right: 0px; } div.cartOrderCE table.cartManage td.image div.preview img { border-right: solid 1px #cccccc; border-top: solid 1px #cccccc; position: relative; z-index: 10; } div.cartOrderCE table.cartManage td.image div.preview div.shadow { position: absolute; bottom: -7px; right: 0px; height: 10px; width: 100%; z-index: 5; display: block; background: transparent url('../images/sprite.png') right -988px no-repeat; } div.cartOrderCE table.cartManage td.image div.preview div.corner { position: absolute; top: 0px; left: -11px; height: 102px; width: 11px; z-index: 5; display: block; background: transparent url('../images/sprite.png') -205px -818px no-repeat; } div.cartOrderCE table.cartManage td.image div.preview div.corner-red { background-position: -128px -818px; } div.cartOrderCE table.cartManage td.image div.preview div.corner-brown { background-position: -139px -818px; } div.cartOrderCE table.cartManage td.image div.preview div.corner-orange { background-position: -150px -818px; } div.cartOrderCE table.cartManage td.image div.preview div.corner-green { background-position: -161px -818px; } div.cartOrderCE table.cartManage td.image div.preview div.corner-blue { background-position: -172px -818px; } div.cartOrderCE table.cartManage td.image div.preview div.corner-cyan { background-position: -183px -818px; } div.cartOrderCE table.cartManage td.image div.preview div.corner-purple { background-position: -194px -818px; } div.cartOrderCE table.cartManage td.title div.body { margin: 0px; } div.cartOrderCE table.cartManage td.title div.body span.author { color: #336699; font: normal 12px Trebuchet MS, Arial, sans; display: block; padding: 5px 0px 5px 0px; } div.cartOrderCE table.cartManage td.title div.body span.title { font: normal 12px Trebuchet MS, Arial, sans; color: #000000; display: block; } div.cartOrderCE table.cartManage td.title div.body span.title a { color: #000000; } div.cartOrderCE table.cartManage td.title div.body span.weight { font: italic normal 16px Trebuchet MS, Arial, sans; color: #656565; display: inline; padding: 10px 0px 0px 0px; } div.cartOrderCE table.cartManage td.title div.body span.weight small { font: italic normal 12px Trebuchet MS, Arial, sans; color: #656565; display: block; margin: 0px 5px 0px 0px; display: inline; } div.cartOrderCE table.cartManage tr.footer td { background-color: #e2d2cd; } /* div.cartOrderCE table.cartManage tr.footer td.value { padding: 0px; border-left: none; text-align: right; padding: 15px 15px 15px 0px; } div.cartOrderCE table.cartManage tr.footer td.value p { margin: 3px 0px 3px 0px; padding: 0px; font: bold 16px Trebuchet MS, Arial, sans; color: #000000; display: block; } div.cartOrderCE table.cartManage tr.footer td.value p.discount { color: #336600; } */ div.cartOrderCE table.cartManage tr.footer td { padding: 15px 15px 15px 15px; } div.cartOrderCE table.cartManage tr.footer td p { margin: 3px 0px 3px 0px; padding: 0px; font: normal 16px Trebuchet MS, Arial, sans; color: #000000; display: block; clear: both; } div.cartOrderCE table.cartManage tr.footer td p span.description { float: left; } div.cartOrderCE table.cartManage tr.footer td p span.subtotal { float: right; } div.cartOrderCE table.cartManage tr.footer td p span.price { float: right; } div.cartOrderCE table.cartManage tr.footer td p span.price span { float: none; padding: 0px; } div.cartOrderCE table.cartManage tr.footer td p span.discount { float: right; color: #336600; font-weight: bold; } div.cartOrderCE div.cart-footer { position: relative; zz_width: 960px; margin: 75px 0px 20px 0px; padding: 0px 0px 0px 0px; } div.cartOrderCE div.cart-footer div.wrapper { padding: 0px 0px 0px 20px; display: block; } div.cartOrderCE div.cart-footer p { font: italic normal 16px Trebuchet MS, Arial, sans; color: #000000; padding: 0px 0px 3px 0px; margin: 0px; display: block; } div.cartOrderCE div.cart-footer p.total { font: italic normal 24px Trebuchet MS, Arial, sans; color: #336600; padding: 0px 0px 0px 0px; margin: 5px 0px 15px 0px; display: block; } div.cartOrderCE div.cart-footer p span.subtotal { color: #336600; font-size: 18px; } div.cartOrderCE div.cart-footer p span.discount { color: #336699; } div.cartOrderCE div.cart-footer p span.discount a { color: #336699; } div.cartOrderCE div.cart-footer h3 { margin: 20px 0px 15px 0px; } div.cartOrderCE div.cart-footer table.shipping-methods { padding: 0px; border-collapse: collapse; width: 760px; margin: 0px 0px 20px 0px; } div.cartOrderCE div.cart-footer table.shipping-methods tr { vertical-align: middle; } div.cartOrderCE div.cart-footer table.shipping-methods tr td { border: dotted 1px #cccccc; } div.cartOrderCE div.cart-footer table.shipping-methods tr.region td { color: #000000; font: normal 15px Trebuchet MS, Arial, sans; padding: 15px 0px 15px 15px; } div.cartOrderCE div.cart-footer table.shipping-methods tr.region td select { margin: 0px 0px 0px 20px; color: #000000; font: normal 14px Trebuchet MS, Arial, sans; } div.cartOrderCE div.cart-footer table.shipping-methods tr.region td select option { color: #000000; font: normal 14px Trebuchet MS, Arial, sans; } div.cartOrderCE div.cart-footer table.shipping-methods tr.methods td { padding: 15px 0px 15px 15px; } div.cartOrderCE div.cart-footer table.shipping-methods tr.methods td ul { width: 100%; display: both; } div.cartOrderCE div.cart-footer table.shipping-methods tr.methods td ul li { width: 45%; float: left; margin: 0px 0px 15px 0px; background: none; padding: 0px; } div.cartOrderCE div.cart-footer table.shipping-methods tr.methods td ul li label { cursor: pointer; } div.cartOrderCE div.cart-footer table.shipping-methods tr.methods td ul li span { color: #000000; font: normal 15px Trebuchet MS, Arial, sans; } div.cartOrderCE div.cart-footer table.shipping-methods tr.methods td ul li p { display: inline; padding: 0px; margin: 0px; } div.cartOrderCE div.cart-footer table.shipping-methods tr.methods td ul li span.price { display: block; padding: 0px 0px 0px 22px; color: #656565; font: italic normal 14px Trebuchet MS, Arial, sans; } /* div.cartOrderCE div.cart-footer span.order { display: inline; text-align: left; position: absolute; top: 3px; right: 0px; color: #000000; font: italic normal 14px Trebuchet MS, Arial, sans; } */ div.cartOrderCE div.cart-footer span.order { display: block; color: #000000; font: italic normal 14px Trebuchet MS, Arial, sans; float: right; } div.cartOrderCE div.cart-footer span.order a { float: left; } div.cartOrderCE div.cart-footer span.arrow-right { width: 45px; height: 11px; display: block; background: url('../images/sprite.png') -2px -2px no-repeat; float: left; position: relative; top: 4px; margin: 0px 0px 0px 10px; } div.cartOrderCE div.cart-title-back { position: relative; width: 960px; margin: 0px 0px 30px 10px; } div.cartOrderCE div.cart-title-back span.order { display: inline; text-align: right; position: absolute; bottom: 5px; right: 0px; color: #000000; font: italic normal 14px Trebuchet MS, Arial, sans; } div.cartOrderCE div.cart-title-back span.arrow-left { width: 45px; height: 11px; display: block; background: url('../images/sprite.png') -404px -127px no-repeat; float: left; position: relative; top: 4px; margin: 0px 10px 0px 0px; } /* -- CART ORDER -- */ div.cartOrderCE div.step { display: block; width: 100%; position: relative; margin: 5px 0px 0px 0px; } div.cartOrderCE div.step div.step-title { width: 100%; clear: both; color: #777777; font: normal 16px Trebuchet MS, Arial, sans; display: inline; padding: 0px 0px 0px 10px; } div.cartOrderCE div.step div.step-title span.num { padding: 0px 0px 0px 0px; display: block; float: left; width: 20px; } div.cartOrderCE div.step div.step-title span.title { border: none; padding: 0px; display: inline; } div.cartOrderCE div.step div.step-body { border: dotted 1px #cccccc; border-bottom: none; position: relative; clear: both; margin: 10px 0px 20px 0px; padding: 15px 0px 25px 0px; width: 970px; } div.cartOrderCE div.step div.step-body div.form-wrapper { clear: both; position: relative; z-index: 15; margin: 0px 30px 0px 30px; } div.cartOrderCE div.step div.step-body div.form-wrapper div.field { display: block; width: 100%; margin: 0px 0px 10px 0px; } div.cartOrderCE div.step div.step-body div.form-wrapper div.field p { display: block; margin: 0px; padding: 0px; } div.cartOrderCE div.step div.step-body div.form-wrapper div.field p label span { color: #656565; font: normal 12px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 2px 0px; cursor: pointer; } div.cartOrderCE div.step div.step-body div.form-wrapper div.field p input.inpt { width: 95%; font: normal 13px Trebuchet MS, Arial, sans; } div.cartOrderCE div.step div.step-body div.form-wrapper div.field select.slct { font: normal 13px Trebuchet MS, Arial, sans; } div.cartOrderCE div.step div.step-body div.form-wrapper div.button { clear: both; margin: 0px; display: block; height: 30px; } div.cartOrderCE div.step div.step-body div.form-wrapper div.button input.sbmt { font: normal 12px Arial, sans; margin: 0px; padding: 0px 15px 0px 15px; display: inline; } div.cartOrderCE div.step div.step-body div.form-wrapper div.button span.wait-icon { margin: 0px; font: normal 12px Arial, sans; } div.cartOrderCE div.step div.step-body div.form-wrapper div.button span.wait-icon img { position: relative; top: 4px; margin: 0px 3px 0px 0px; padding: 0px; } div.cartOrderCE div.step div.step-body div.form-wrapper div.button-disabled input.sbmt { display: none; } div.cartOrderCE div.step div.step-body div.form-register { z-index: 10; width: 60%; display: block; margin: 0px 0px 0px 30px; position: relative; padding: 0px; border: none; } div.cartOrderCE div.step div.step-body div.form-register span.title { color: #000000; font: normal 14px Trebuchet MS, Arial, sans; display: block; margin: 10px 0px 10px 0px; } div.cartOrderCE div.step div.step-body div.form-register div.field { float: left; width: 50%; margin: 0px 0px 10px 0px; } div.cartOrderCE div.step div.step-body div.form-register div.field p { display: block; margin: 0px; padding: 0px; } div.cartOrderCE div.step div.step-body div.form-register div.field p label span { color: #656565; font: normal 12px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 2px 0px; cursor: pointer; } div.cartOrderCE div.step div.step-body div.form-register div.field p input.inpt { width: 85%; font: normal 13px Trebuchet MS, Arial, sans; } div.cartOrderCE div.step div.step-body div.form-register div.button { clear: both; margin: 0px; display: block; height: 30px; } div.cartOrderCE div.step div.step-body div.form-register div.button input.sbmt { font: normal 12px Arial, sans; margin: 0px; padding: 0px 15px 0px 15px; display: inline; } div.cartOrderCE div.step div.step-body div.form-register div.button-disabled input.sbmt { display: none; } div.cartOrderCE div.step div.step-body div.form-auth { z-index: 10; width: 30%; display: block; position: absolute; top: 15px; right: 30px; border: none; } div.cartOrderCE div.step div.step-body div.form-auth span.title { color: #000000; font: normal 14px Trebuchet MS, Arial, sans; display: block; margin: 10px 0px 10px 0px; white-space: nowrap; } div.cartOrderCE div.step div.step-body div.form-auth div.field { display: block; width: 95%; margin: 0px 0px 10px 0px; } div.cartOrderCE div.step div.step-body div.form-auth div.field p { display: block; margin: 0px; padding: 0px; } div.cartOrderCE div.step div.step-body div.form-auth div.field p label span { color: #656565; font: normal 12px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 2px 0px; cursor: pointer; } div.cartOrderCE div.step div.step-body div.form-auth div.field p input.inpt { width: 100%; font: normal 13px Trebuchet MS, Arial, sans; } div.cartOrderCE div.step div.step-body div.form-auth div.button { clear: both; margin: 0px 0px 0px 0px; position: relative; display: block; } div.cartOrderCE div.step div.step-body div.form-auth div.button input.sbmt { font: normal 12px Arial, sans; margin: 0px; padding: 0px 15px 0px 15px; } div#forgotten-password { position: absolute; top: 2px; left: 120px; background-color: transparent; } div#forgotten-password a { color: #000000; font: normal 12px Trebuchet MS, Arial, sans; } div.cartOrderCE div.step div.step-body span.title { color: #000000; font: normal 14px Trebuchet MS, Arial, sans; display: block; margin: 10px 0px 20px 30px; } div.cartOrderCE div.step div.step-body span.title span.link-like { color: #000000; border: none; border-bottom: dotted 1px #000000; cursor: pointer; } div.cartOrderCE div.step div.step-body div.backstep { position: absolute; top: 25px; right: 30px; } div.cartOrderCE div.step div.step-body div.backstep span { color: #555555; font: normal 14px Trebuchet MS, Arial, sans; display: block; border: none; border-bottom: dotted 1px #000000; cursor: pointer; } div.cartOrderCE div.step div.step-body div.backstep span:hover { color: #222222; border-color: #222222; } div.cartOrderCE div.step div.step-body div.form-adress-saved { z-index: 10; width: 45%; display: block; margin: 0px 0px 0px 30px; position: relative; padding: 0px; border: none; float: left; } div.cartOrderCE div.step div.step-body div.form-adress-saved div.field { width: 90%; display: block; margin: 0px 0px 10px 0px; } div.cartOrderCE div.step div.step-body div.form-adress-saved div.field p { display: block; margin: 0px; padding: 0px; } div.cartOrderCE div.step div.step-body div.form-adress-saved div.field p label span { color: #202020; font: normal 14px Trebuchet MS, Arial, sans; display: inline; margin: 0px 0px 0px 5px; position: relative; top: -2px; cursor: pointer; } div#form-adress-new { z-index: 10; width: 50%; display: block; margin: 0px 0px 0px 30px; position: relative; padding: 0px; border: none; float: left; } div#form-adress-new div.field { display: block; width: 85%; margin: 0px 0px 10px 0px; } div#form-adress-new div.field p { display: block; margin: 0px; padding: 0px; } div#form-adress-new div.field p label span { color: #656565; font: normal 12px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 2px 0px; cursor: pointer; } div#form-adress-new div.field p input.inpt { width: 90%; font: normal 13px Trebuchet MS, Arial, sans; } div#form-adress-new div.field select.slct { font: normal 13px Trebuchet MS, Arial, sans; width: 400px; } div#form-adress-new div.button { clear: both; margin: 0px; } div#form-adress-new div.button input.sbmt { font: normal 12px Arial, sans; margin: 0px; padding: 0px 15px 0px 15px; } div#form-adress-new div.field-postcode p input.inpt { width: 100px !important; } div#form-adress-new div.field textarea.txtarea { width: 90%; height: 80px; } div#form-adress-new.fields-hidden div.field { display: none; } div#form-adress-new div.saved-address { margin: 0px 0px 40px 0px; display: block; } div#form-adress-new div.saved-address label { margin: 0px 0px 25px 0px; display: block; } div#form-adress-new div.saved-address select { width: 95%; } div.form-peyment-method { display: block; margin: 0px 0px 0px 30px; padding: 0px; border: none; } div.cartOrderCE div.step div.step-body div.form-shipping-method { z-index: 10; width: 40%; display: block; margin: 0px 0px 0px 30px; position: relative; padding: 0px; border: none; float: left; } div.cartOrderCE div.step div.step-body div.form-shipping-method div.field { display: block; width: 95%; margin: 0px 0px 25px 0px; } div.cartOrderCE div.step div.step-body div.form-shipping-method div.field span.title { color: #000000; font: bold 14px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 3px 25px; } div.cartOrderCE div.step div.step-body div.form-shipping-method div.field p { display: block; margin: 0px; padding: 0px 0px 0px 25px; position: relative; } div.cartOrderCE div.step div.step-body div.form-shipping-method div.field p label { cursor: pointer; } div.cartOrderCE div.step div.step-body div.form-shipping-method div.field p label span { color: #656565; font: normal 12px Trebuchet MS, Arial, sans; margin: 0px; } div.cartOrderCE div.step div.step-body div.form-shipping-method div.field p label span.price { color: #336600; font: bold 14px Trebuchet MS, Arial, sans; padding: 0px; } div.cartOrderCE div.step div.step-body div.form-shipping-method div.field p input.inpt { width: 90%; font: normal 13px Trebuchet MS, Arial, sans; } div.cartOrderCE div.step div.step-body div.form-shipping-method div.field p input.radio { display: block; font: normal 13px Trebuchet MS, Arial, sans; position: absolute; top: -2px; left: 0px; } div.cartOrderCE div.step div.step-body div.form-shipping-method div.field select.slct { font: normal 13px Trebuchet MS, Arial, sans; } div.cartOrderCE div.step div.step-body div.form-shipping-method div.button { clear: both; margin: 0px; } div.cartOrderCE div.step div.step-body div.form-shipping-method div.button input.sbmt { font: normal 12px Arial, sans; margin: 0px; padding: 0px 15px 0px 15px; } div.cartOrderCE div.step div.step-body div.form-shipping-method div.field textarea.txtarea { width: 90%; height: 80px; } div.cartOrderCE div.step div.step-body div.vertical { width: 1px; height: 82%; position: absolute; left: 59.8%; top: 18px; background: #ffffff; width: 3.5%; border: none; border-right: solid 1px #cccccc; z-index: 7; } div.cartOrderCE div.step div.step-body div.background { position: absolute; bottom: -5px; left: 0px; width: 100%; height: 42px; background: #ffffff url('../images/sprite.png') 0px -375px repeat-x; z-index: 5; } div.cartOrderCE div.step div.step-body div.corner { position: absolute; bottom: -5px; left: -1px; width: 40px; height: 90px; background: transparent url('../images/sprite.png') -232px -835px no-repeat; z-index: 7; } div.cartOrderCE div.step div.step-body div.form-wrapper div.field input.validation-failed { color: red; } div.cartOrderCE div.step div.password-remind { position: absolute; top: 40px; left: 990px; width: 195px; min-height: 165px; background-color: #fdf8cf; padding: 25px 35px 25px 35px; z-index: 20; display: none; } div.cartOrderCE div.step div.password-remind div.arrow { position: absolute; z-index: 3; top: 95px; left: -12px; width: 12px; height: 24px; background: transparent url('../images/sprite.png') -259px -975px no-repeat; } div.cartOrderCE div.step div.password-remind div.form { z-index: 5; position: relative; } div.cartOrderCE div.step div.password-remind div.form span.title { color: #000000; font: normal 14px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 10px 0px; } div.cartOrderCE div.step div.password-remind div.form p { color: #656565; font: normal 12px/16px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 10px 0px; } div.cartOrderCE div.step div.password-remind div.form form p { margin: 0px; padding: 0px; } div.cartOrderCE div.step div.password-remind div.form form p label span { color: #656565; font: normal 12px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 2px 0px; } div.cartOrderCE div.step div.password-remind div.form form p input.inpt { width: 100%; font: normal 13px Trebuchet MS, Arial, sans; } div.cartOrderCE div.step div.password-remind div.form form p input.sbmt { font: normal 12px Arial, sans; margin: 10px 0px 0px 0px; padding: 0px 15px 0px 15px; } div.cartOrderCE div.step-enabled div.step-title { color: #222222; border: none; cursor: pointer; } div.cartOrderCE div.step-enabled div.step-title span.title { border-bottom: dotted 1px #222222; } /* div.cartOrderCE div.step-enabled div.step-body { display: none; } */ div.cartOrderCE div.step-active div.step-title { color: #336600 !important; cursor: default !important; } div.cartOrderCE div.step-active div.step-title span.title { border: none !important; } div.cartOrderCE div.step-active div.step-body { display: block; } div.cartOrderCE-success { display: block; width: 100%; } div.cartOrderCE-success div.box { border: dotted 1px #cccccc; border-bottom: none; position: relative; clear: both; margin: 25px 0px 20px 0px; padding: 25px; width: 650px; } div.cartOrderCE-success div.box div.background { position: absolute; bottom: -5px; left: 0px; width: 100%; height: 42px; background: #ffffff url('../images/sprite.png') 0px -375px repeat-x; z-index: 5; } div.cartOrderCE-success div.box div.corner { position: absolute; bottom: -5px; left: -1px; width: 40px; height: 90px; background: transparent url('../images/sprite.png') -232px -835px no-repeat; z-index: 7; } div.cartOrderCE-success div.box h3 { color: #111111; font: normal 20px/24px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 10px 0px; padding: 0px; } div.cartOrderCE-success div.box p { color: #333333; font: normal 15px/20px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 10px 0px; padding: 0px; } div.cartOrderCE-success div.box div.body { position: relative; z-index: 20; width: 100%; display: block; } div.cartOrderCE-success div.box div.printing { margin: 25px 50px 20px 25px; border: none; } div.cartOrderCE-success div.box div.printing p { margin: 0px; color: #111111; font: normal 14px/24px Trebuchet MS, Arial, sans; } #checkout-review-load { width: 100%; margin: 0px 0px 5px 0px; position: relative; z-index: 10; } #checkout-review-table-wrapper { position: relative; top: -15px; } #checkout-review-table-wrapper table.items { border-collapse: collapse; padding: 0px; width: 100%; } #checkout-review-table-wrapper table.items thead th { height: 30px; vertical-align: middel; border: dotted 1px #cccccc; border-top: none; background-color: #e6e6e6; } #checkout-review-table-wrapper table.items thead th.title { text-align: left; padding: 0px 0px 0px 15px; border-left: none; } #checkout-review-table-wrapper table.items thead th.price { text-align: left; padding: 0px 0px 0px 15px; } #checkout-review-table-wrapper table.items thead th.qty { padding: 0px 15px 0px 15px; } #checkout-review-table-wrapper table.items thead th.summ { text-align: right; padding: 0px 15px 0px 0px; border-right: none; } #checkout-review-table-wrapper table.items td { height: 25px; vertical-align: middle; border: dotted 1px #cccccc; border-top: none; } #checkout-review-table-wrapper table.items td.title { text-align: left; width: auto; border-left: none; } #checkout-review-table-wrapper table.items td.title span { padding: 0px 0px 0px 15px; font: normal 12px Trebuchet MS, Arial, sans; color: #000000; } #checkout-review-table-wrapper table.items td.price { text-align: left; width: 120px; } #checkout-review-table-wrapper table.items td.price span { padding: 0px 0px 0px 15px; font: normal 12px Trebuchet MS, Arial, sans; color: #000000; } #checkout-review-table-wrapper table.items td.price span span { padding: 0px; } #checkout-review-table-wrapper table.items td.qty { text-align: center; width: 60px; } #checkout-review-table-wrapper table.items td.qty span { padding: 0px 15px 0px 15px; font: normal 12px Trebuchet MS, Arial, sans; color: #000000; } #checkout-review-table-wrapper table.items td.summ { text-align: right; width: 120px; border-right: none; } #checkout-review-table-wrapper table.items td.summ span { padding: 0px 15px 0px 0px; font: normal 12px Trebuchet MS, Arial, sans; color: #000000; } #checkout-review-table-wrapper table.items td.summ span span { padding: 0px; } #checkout-review-submit { position: relative; z-index: 10; margin: 0px 25px 0px 25px; } #checkout-review-submit div.button { clear: both; margin: 0px; text-align: right; display: block; height: 30px; } #checkout-review-submit div.button input.sbmt { font: normal 12px Arial, sans; margin: 0px; padding: 0px 15px 0px 15px; display: inline; } #checkout-review-submit div.button-disabled input.sbmt { display: none; } #checkout-review-table-wrapper table.items tr.footer td { padding: 5px 15px 10px 15px; background-color: #f5f5f5; border-right: none; border-left: none; } #checkout-review-table-wrapper table.items tr.footer td p { margin: 3px 0px 3px 0px; padding: 0px; font: normal 14px Trebuchet MS, Arial, sans; color: #000000; display: block; clear: both; } #checkout-review-table-wrapper table.items tr.footer td p span.description { float: left; } #checkout-review-table-wrapper table.items tr.footer td p span.subtotal { float: right; } #checkout-review-table-wrapper table.items tr.footer td p span.price { float: right; } #checkout-review-table-wrapper table.items tr.footer td p span.price span { float: none; clear: both; padding: none; } #checkout-review-table-wrapper table.items tr.footer td p span.discount { float: right; color: #336600; font-weight: bold; } #review-buttons-container p.goto-cart { float: left; width: 50%; text-align: left; position: relative; top: 2px; font: normal 12px Trebuchet MS, Arial, sans; color: #000000; } #review-buttons-container span.wait-icon { margin: 0px; font: normal 12px Arial, sans; } #review-buttons-container span.wait-icon img { position: relative; top: 4px; margin: 0px 3px 0px 0px; padding: 0px; } div#pageFooter div.dev { position: absolute; display: block; padding: 0px 0px 0px 40px; top: 25px; left: 40px; } div#pageFooter div.dev p { font: normal 11px Trebuchet MS, Arial, sans; margin: 0px; padding: 3px 0px 0px 0px; display: block; } div#pageFooter div.dev a { color: #43649c; font-size: 11px; } div#pageFooter div.dev img { position: absolute; top: 0px; left: 0px; } div#pageFooter div.counters { position: absolute; display: block; padding: 0px; top: 30px; right: 40px; } div.customerArea { width: auto; margin: 0px 30px 0px 0px; padding: 0px; position: relative; } div.customerArea div.body { border: dotted 1px #cccccc; border-bottom: none; position: relative; clear: both; margin: 25px 0px 20px 0px; padding: 25px; width: 450px; } div.customerArea div.body div.background { position: absolute; bottom: -5px; left: 0px; width: 100%; height: 42px; background: #ffffff url('../images/sprite.png') 0px -375px repeat-x; z-index: 5; } div.customerArea div.body div.corner { position: absolute; bottom: -5px; left: -1px; width: 40px; height: 90px; background: transparent url('../images/sprite.png') -232px -835px no-repeat; z-index: 7; } div.customerArea div.body span.title { color: #000000; font: normal 14px Trebuchet MS, Arial, sans; display: block; margin: 10px 0px 10px 0px; white-space: nowrap; } div.customerArea div.body div.field { display: block; width: 95%; margin: 0px 0px 10px 0px; } div.customerArea div.body div.field p { display: block; margin: 0px; padding: 0px; } div.customerArea div.body div.field p label span { color: #656565; font: normal 12px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 2px 0px; cursor: pointer; } div.customerArea div.body div.field p input.inpt { width: 100%; font: normal 13px Trebuchet MS, Arial, sans; } div.customerArea div.body div.button { clear: both; position: relative; display: block; height: 30px; margin: 10px 0px 0px 0px; } div.customerArea div.body div.button input.sbmt { font: normal 12px Arial, sans; margin: 0px; padding: 0px 15px 0px 15px; } div.customerArea div.body-long { width: 600px; padding: 25px; } div.customerArea div.body div.form-create div.field { width: 48%; float: left; } div.customerArea div.body div.form-create div.field input.inpt { width: 85%; } div.customerArea div.body div.form-create div.field-checkbox p { padding: 20px 0px 0px 0px; } div.customerArea div.body div.form-create div.field-checkbox p label { color: #000000; font: normal 14px Trebuchet MS, Arial, sans; cursor: pointer; position: relative; top: 2px; } div.customerArea div.body div.form-create div.button div.back-link { position: absolute; top: 2px; left: 180px; } div.customerArea div.body div.form-create div.button div.back-link a { color: #000000; font: normal 12px Trebuchet MS, Arial, sans; } div.customerArea div.body div.form-auth { z-index: 10; width: auto; display: block; margin: 15px 80px 15px 80px; border: none; position: relative; } div.customerArea div.body div.form-create { z-index: 10; width: auto; display: block; margin: 0px 0px 15px 50px; border: none; position: relative; } div.customerArea div.body div.form-retrive-password { z-index: 10; width: auto; display: block; margin: 15px 40px 15px 40px; border: none; position: relative; } div.customerArea div.body div.form-retrive-password div.button { margin-top: 20px !important; } div.customerArea div.body div.form-retrive-password div.button div.back-link { position: absolute; top: 2px; left: 120px; } div.customerArea div.body div.form-retrive-password div.button div.back-link a { color: #000000; font: normal 12px Trebuchet MS, Arial, sans; } div.customerArea div.password-remind { position: absolute; top: -1px; left: 520px; width: 195px; height: 170px; background-color: #fdf8cf; padding: 25px 30px 30px 30px; z-index: 20; display: none; } div.customerArea div.password-remind div.arrow { position: absolute; z-index: 3; top: 95px; left: -12px; width: 12px; height: 24px; background: transparent url('../images/sprite.png') -259px -975px no-repeat; } div.customerArea div.password-remind div.form { z-index: 5; position: relative; } div.customerArea div.password-remind div.form span.title { color: #000000; font: normal 14px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 10px 0px; } div.customerArea div.password-remind div.form p { color: #656565; font: normal 12px/16px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 10px 0px; } div.customerArea div.password-remind div.form form p { margin: 0px; padding: 0px; } div.customerArea div.password-remind div.form form p label span { color: #656565; font: normal 12px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 2px 0px; } div.customerArea div.password-remind div.form form p input.inpt { width: 100%; font: normal 13px Trebuchet MS, Arial, sans; } div.customerArea div.password-remind div.form form p input.sbmt { font: normal 12px Arial, sans; margin: 10px 0px 0px 0px; padding: 0px 15px 0px 15px; } /* -- [ custimer area ] -- */ div.userDashboard div.sectionBlock { width: 100%; } div.userDashboard div.sectionBlock div.head { width: 100%; position: relative; margin: 0px; padding: 0px; } div.userDashboard div.sectionBlock div.head span.title { color: #336600; font: normal 18px Trebuchet MS, Arial, sans; padding: 5px 0px 10px 5px; display: block; } div.userDashboard div.sectionBlock div.head span.right-link { position: absolute; top: 12px; right: 5px; font: normal 11px Arial, sans; text-transform: lowercase; } div.userDashboard div.sectionBlock div.head span.right-link a { text-decoration: none; } div.userDashboard div.sectionBlock div.head span.right-link a:hover { text-decoration: underline; } div.userDashboard div.wrapperBlock { border: dotted 1px #cccccc; border-bottom: none; position: relative; padding: 0px 0px 20px 0px; width: auto; margin: 0px 0px 25px 0px; } div.userDashboard div.wrapperBlock div.background { position: absolute; bottom: -5px; left: 0px; width: 100%; height: 42px; background: #ffffff url('../images/sprite.png') 0px -375px repeat-x; z-index: 2; } div.userDashboard div.wrapperBlock div.corner { position: absolute; bottom: -5px; left: -1px; width: 40px; height: 90px; background: transparent url('../images/sprite.png') -232px -835px no-repeat; z-index: 4; } div.userDashboard div.wrapperBlock div.body { position: relative; z-index: 8; } div.userDashboard div.wrapperBlock div.body span.title { color: #000000; font: bold 15px Trebuchet MS, Arial, sans; margin: 0px 0px 10px 0px; display: block; } div.userDashboard div.form-wrapper { clear: both; position: relative; z-index: 15; margin: 0px 30px 0px 30px; } div.userDashboard div.form-wrapper div.field { display: block; width: 100%; margin: 0px 0px 10px 0px; } div.userDashboard div.form-wrapper div.field p { display: block; margin: 0px; padding: 0px; } div.userDashboard div.form-wrapper div.field p label span { color: #656565; font: normal 12px Trebuchet MS, Arial, sans; display: block; margin: 0px 0px 2px 0px; cursor: pointer; } div.userDashboard div.form-wrapper div.field p input.inpt { width: 95%; font: normal 13px Trebuchet MS, Arial, sans; } div.userDashboard div.form-wrapper div.field select.slct { font: normal 13px Trebuchet MS, Arial, sans; } div.userDashboard div.form-wrapper div.button { clear: both; margin: 0px; display: block; height: 30px; } div.userDashboard div.form-wrapper div.button input.sbmt { font: normal 12px Arial, sans; margin: 0px; padding: 0px 15px 0px 15px; display: inline; } div.userDashboard div.form-wrapper div.button span.wait-icon { margin: 0px; font: normal 12px Arial, sans; } div.userDashboard div.form-wrapper div.button span.wait-icon img { position: relative; top: 4px; margin: 0px 3px 0px 0px; padding: 0px; } div.userDashboard div.form-wrapper div.button-disabled input.sbmt { display: none; } /* -- [ head ] -- */ div.userDashboard { width: auto; margin: 25px 25px 0px 250px; max-width: 1000px; } div.userDashboard div.title { padding: 0px; margin: 0px 0px 20px 0px; } div.userDashboard div.title h3 { padding: 0px 0px 15px 0px; } div.userDashboard div.title p { color: #333333; font: italic normal 15px/18px Arial, sans; } /* -- [ сводная таблица личной информации ] -- */ div.userDashboard div.userContacts { width: 48%; float: left; } div.userDashboard div.userContacts div.body { padding: 15px 10px 0px 25px; } div.userDashboard div.userContacts div.field { display: block; position: relative; padding: 0px 0px 0px 80px; min-height: 20px; } div.userDashboard div.userContacts div.field span.title { position: absolute; top: 2px; left: 0px; width: 60px; text-align: right; color: #444444; font: italic normal 11px Arial, sans; white-space: nowrap; } div.userDashboard div.userContacts div.field span.value { display: block; width: auto; color: #202020; font: normal 14px Arial, sans; } div.userDashboard div.userContacts span.editpassword-link { display: block; margin: 10px 0px 10px 0px; } /* -- [ account edit ] -- */ div.userDashboard div.userEditAccount { width: 60%; } div.userDashboard div.userEditAccount div.body { padding: 15px 10px 0px 25px; } div.userDashboard div.userEditAccount div.name-firstname { width: 90%; } div.userDashboard div.userEditAccount div.name-lastname { width: 90%; } div.userDashboard div.userEditAccount div.field-email { width: 90%; } div.userDashboard div.userEditAccount div.field-passwordchange { padding: 5px 0px 5px 25px; } div.userDashboard div.userEditAccount div.field-passwordchange span { color: #202020; font: normal 12px Arial, sans; position: relative; top: 1px; margin: 0px 0px 0px 10px; } div.userDashboard div.userEditAccount div.field-passwordchange label { cursor: pointer; } div.userDashboard div.userEditAccount div.field-passwordchange input { cursor: pointer; } div#passwordchange-wrapper { margin: 0px 0px 25px 0px; display: block; clear: both; } div.userDashboard div.userEditAccount div.field-confirmpassword { width: 60%; } div.userDashboard div.userEditAccount div.field-oldpassword { width: 60%; } div.userDashboard div.userEditAccount div.field-newpassword { width: 60%; } /* -- [ billing-shipping addresses ] -- */ div.userDashboard div.userEditAddress { width: 60%; } div.userDashboard div.userEditAddress div.body { padding: 15px 10px 0px 25px; } div.userDashboard div.userEditAddress div.options-area { margin: 10px 0px 20px 0px; background-color: #ffeed2; clear: both; padding: 5px; } div.userDashboard div.userEditAddress div.default { padding: 2px 10px 2px 10px; } div.userDashboard div.userEditAddress div.default strong { font: normal 12px Tahoma, serif; } /* -- [ рассылки ] -- */ div.userDashboard div.userNewsletters { width: 48%; float: right; } div.userDashboard div.userNewsletters div.body { padding: 15px 10px 0px 25px; } div.userDashboard div.userNewsletters div.body p { color: #202020; font: normal 14px Arial, sans; } /* -- [ address book - edit address ] -- */ div.userDashboard div.userBillingShipping { width: 100%; display: block; clear: both; } div.userDashboard div.userBillingShipping div.body { padding: 15px 25px 0px 25px; } div.userDashboard div.userBillingShipping div.body p { color: #202020; font: normal 14px Arial, sans; } div.userDashboard div.userBillingShipping div.billing { float: left; width: 48%; } div.userDashboard div.userBillingShipping div.shipping { float: right; width: 48%; } div.userDashboard div.userBillingShipping address { padding: 10px 0px 10px 25px; font: italic normal 12px Arial, sans; color: #202020; } div.userDashboard div.userBillingShipping span.address-edit { display: block; margin: 10px 0px 10px 0px; } /* -- [ address book -- view ] -- */ div.userDashboard div.userAddressBook { width: 48%; float: left; } div.userDashboard div.userAddressBook div.body { padding: 15px 25px 0px 25px; } div.userDashboard div.userAddressBook div.body p { color: #202020; font: normal 14px Arial, sans; } div.userDashboard div.userAddressBook div.billing { width: 100%; } div.userDashboard div.userAddressBook div.shipping { width: 100%; } div.userDashboard div.userAddressBook address { padding: 10px 0px 10px 25px; font: italic normal 12px Arial, sans; color: #202020; } div.userDashboard div.userAddressBook span.address-edit { display: block; margin: 10px 0px 10px 0px; } div.userDashboard div.userAddressBook hr { height: 1px; overflow: hidden; display: block; margin: 12px 0px 15px 0px; border-top: dotted 1px #c2c2c2; width: 100% } div.userDashboard div.userAddressBookAdditional { width: 48%; float: right; } div.userDashboard div.userAddressBookAdditional div.body { padding: 15px 25px 0px 25px; } div.userDashboard div.userAddressBookAdditional div.body p { color: #202020; font: normal 14px Arial, sans; } div.userDashboard div.userAddressBookAdditional span.right-link { position: relative; padding: 0px 0px 0px 27px; } div.userDashboard div.userAddressBookAdditional span.add-address { position: absolute; top: -4px; left: 0px; width: 24px; height: 24px; display: block; overflow: hidden; background: transparent url('../images/sprite.png') -35px -21px no-repeat; margin: 0px; } div.userDashboard div.userAddressBookAdditional span.address-edit { display: block; margin: 10px 0px 0px 0px; } div.userDashboard div.userAddressBookAdditional span.address-edit a { text-transform: lowercase; } div.userDashboard div.userAddressBookAdditional span.address-edit span.separator { padding: 0px 7px 0px 7px; } /* -- [ recent reviews ] -- */ div.userReviews div.body { padding: 15px 10px 20px 10px; } div.userReviews div.item { display: block; border-bottom: dotted 1px #c2c2c2; width: 100%; } div.userReviews div.item span.product-name { display: block; padding: 0px 0px 10px 0px; font: normal 14px Trebuchet MS, Arial, sans; } div.userReviews div.item span.product-name a { color: #336699; } div.userReviews div.item div.details { position: relative; padding: 0px 0px 0px 135px; display: block; width: 100%; } div.userReviews div.item div.ratings { position: absolute; top: 0px; left: 10px; height: 18px; width: 100px; } div.userReviews div.item div.details span.rating { display: block; font: normal 14px Trebuchet MS, Arial, sans; color: #000000; width: 100px; height: 18px; } div.userReviews div.item div.details span.rating-0 { width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -292px -98px no-repeat; position: relative; top: -1px; } div.userReviews div.item div.details span.rating-1 { width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -272px -98px no-repeat; position: relative; top: -1px; } div.userReviews div.item div.details span.rating-2 { width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -252px -98px no-repeat; position: relative; top: -1px; } div.userReviews div.item div.details span.rating-3 { width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -232px -98px no-repeat; position: relative; top: -1px; } div.userReviews div.item div.details span.rating-4 { width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -212px -98px no-repeat; position: relative; top: -1px; } div.userReviews div.item div.details span.rating-5 { width: 100px; height: 18px; background: #ffffff url('../images/sprite.png') -192px -98px no-repeat; position: relative; top: -1px; } /* -- [ недавне заказы ] -- */ div.userDashboard div.recentOrders table.recent-orders { width: 100%; padding: 0px; margin: 0px; border-collapse: collapse; } div.userDashboard div.recentOrders table.recent-orders thead th { height: 35px; vertical-align: middle; background: #e5e5e5; border-right: solid 1px #ffffff; text-align: left; padding: 0px 0px 0px 5px; font: italic bold 11px Arial, sans; color: #000000; } div.userDashboard div.recentOrders table.recent-orders thead th.last { border: none; } div.userDashboard div.recentOrders table.recent-orders th.oid { width: 75px; } div.userDashboard div.recentOrders table.recent-orders th.date { width: 60px; padding-left: 10px; } div.userDashboard div.recentOrders table.recent-orders th.shipto { width: auto; } div.userDashboard div.recentOrders table.recent-orders th.total { width: 100px; } div.userDashboard div.recentOrders table.recent-orders th.state { width: 80px; } div.userDashboard div.recentOrders table.recent-orders th.last { width: 90px; } zzzdiv.userDashboard div.recentOrders table.recent-orders tr:hover td { background: #fff9b3; cursor: pointer; } div.userDashboard div.recentOrders table.recent-orders tr td { border-bottom: solid 1px #c2c2c2; background: transparent; padding-top: 7px; padding-bottom: 7px; } div.userDashboard div.recentOrders table.recent-orders tr.last td { border: none; } div.userDashboard div.recentOrders table.recent-orders td.oid span { color: #333333; font: normal 11px Tahoma, serif; padding-left: 5px; padding-right: 5px; white-space: nowrap; } div.userDashboard div.recentOrders table.recent-orders td.date span { color: #333333; font: normal 14px Tahoma, serif; padding-left: 5px; padding-right: 5px; white-space: nowrap; } div.userDashboard div.recentOrders table.recent-orders td.shipto { padding-left: 10px; padding-right: 5px; } div.userDashboard div.recentOrders table.recent-orders td.shipto span { font: normal 14px/18px Arial, sans; } div.userDashboard div.recentOrders table.recent-orders td.total { padding-left: 5px; padding-right: 5px; } div.userDashboard div.recentOrders table.recent-orders td.total span { color: #333333; font: normal 14px Tahoma, serif; } div.userDashboard div.recentOrders table.recent-orders td.state { padding-left: 5px; padding-right: 5px; } div.userDashboard div.recentOrders table.recent-orders td.state em { font: italic bold 11px Arial, sans; color: #222222; } div.userDashboard div.recentOrders table.recent-orders em.pending { color: #e58f20 !important; } div.userDashboard div.recentOrders table.recent-orders em.complete { color: #67b30d !important; } div.userDashboard div.recentOrders table.recent-orders em.canceled { color: #fb500d !important; } div.userDashboard div.recentOrders table.recent-orders em.processing { color: #0da4fb !important; } div.userDashboard div.recentOrders table.recent-orders em.holdon { color: #222222 !important; } div.userDashboard div.recentOrders table.recent-orders td.last { text-align: center; } div.userDashboard div.recentOrders table.recent-orders td.last span.history-recent-reorder { width: 24px; height: 24px; display: block; overflow: hidden; background: transparent url('../images/sprite.png') -5px -21px no-repeat; margin: 0px auto 0px auto; } div.userDashboard div.recentOrders p.trick { color: #555555; font: italic normal 11px Arial, sans; position: relative; top: 12px; left: 35px; } /* -- [ messages ] -- */ #messages_product_view { display: block; width: auto; margin: 0px 30px 0px 0px; } ul.messages { width: auto; margin: 5px 0px 20px 0px; } ul.messages li { background: none; padding: 0px; } ul.messages li.success-msg { width: 100%; margin: 5px 0px 5px 0px; } ul.messages li.success-msg ul { border: dotted 1px #336600; padding: 5px; } ul.messages li.success-msg ul li { color: #336600; font: normal 12/15px Arial, sans; padding: 5px 10px 3px 10px; } ul.messages li.error-msg { width: 100%; margin: 5px 0px 5px 0px; } ul.messages li.error-msg ul { border: dotted 1px #bb3a3a; padding: 5px; } ul.messages li.error-msg ul li { color: #bb3a3a; font: normal 12/15px Arial, sans; padding: 5px 10px 3px 10px; } div.cartOrderCE ul.messages { width: 100%; margin: 0px 0px 10px 0px; } div.cartOrderCE table.cartManage tr.with-error td.amount input.item-amount { border-color: #bb3a3a; background-color: #ffdfdf; } /* -- [ Magento native ] --- */ input,select,textarea,button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; color:#2f2f2f; } input.input-text,select,textarea { background:#fff; border:1px solid #b6b6b6; } input.validation-failed { background-color: #fabfbf !important; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #b6b6b6; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.input-text:focus , select:focus , textarea:focus { background-color:#edf7fd; } /* -- [ Magento overriding ] -- */ div#pageContent div.contentBlock div.booksList-filtered table tr.item td.description span.price span.regular-price { padding: 0px; margin: 0px; display: inline; } div#pageContent div.contentBlock div.booksList-filtered table tr.item td.description span.price span.regular-price span.price { padding: 0px; margin: 0px; display: inline; } div#pageContent div.contentBlock div.bookDetails div.sidebar div.add2Cart span.price span.regular-price { padding: 0px; margin: 0px; display: inline; } div#pageContent div.contentBlock div.bookDetails div.sidebar div.add2Cart span.price span.regular-price span.price { padding: 0px; margin: 0px; display: inline; } div#pageContent div.contentBlock div.associatedGoods div.list div.item div.propetries span.price span.regular-price { padding: 0px; margin: 0px; display: inline; } div#pageContent div.contentBlock div.associatedGoods div.list div.item div.propetries span.price span.regular-price span.price { padding: 0px; margin: 0px; display: inline; } div.catalogueBestCE div.catalogSection div.item div.body span.price span.regular-price { padding: 0px; margin: 0px; display: inline; } div.catalogueBestCE div.catalogSection div.item div.body span.price span.regular-price span.price { padding: 0px; margin: 0px; display: inline; } /* -- [ Screen Switch] -- */ /* -- 1000 -- */ div.Screen1000 div#pageContent div.contentBlock div.bookDetails div.general { margin: 0px 250px 20px 115px; } div.Screen1000 div#pageContent div.contentBlock div.bookDetails div.general div.details { padding: 0px; } div.Screen1000 div#pageContent div.contentBlock div.bookDetails div.general div.image { width: 100px; top: 0px; cursor: pointer; } div.Screen1000 div#pageContent div.contentBlock div.bookDetails div.general div.image img { width: 100%; } div.Screen1000 div#pageContent div.contentBlock div.bookDetails div.general div.image:hover { width: 200px; border: solid 2px #39a8d6; } div.Screen1000 div#pageContent div.contentBlock div.bookDetails div.general div.image:hover img { width: auto; } div.Screen1000 div#pageContent div.contentBlock div.professionalChoice table tr td.item { width: auto; } div.Screen1000 div#pageContent div.contentBlock div.professionalChoice table tr td.item div.image { float: none; clear: borh; text-align: center; } div.Screen1000 div#pageContent div.contentBlock div.professionalChoice table tr td.item div.propetries { display: none; z-index: 10; } div.Screen1000 div#pageContent div.contentBlock div.professionalChoice table tr td.item:hover div.propetries { position: absolute; display: block; left: 10%; top: 120px; width: 220px; background: #f0e3be; border: solid 1px #b2b2b2; padding: 10px; } /* --[ IE8 ] -- */ div#pageTop div.searchBlock div.shellBooks div.searchForm input.search-string { top: 2px\0/; height: 19px\0/; } div#pageTop div.searchBlock div.shellBooks div.searchForm input.search-submit { top: 2px\0/; left: 0px\0/; height: 26px\0/; } div.relatedWrapper { margin-top: 27px\0/; } /* -- [ IE7 ] -- */ div#pageContent div.contentBlock div.booksList-filtered div.bar div.interval { //bottom: 5px; } div#pageContent div.contentBlock div.booksList-filtered div.bar-bottom div.bar div.interval { //bottom: 46px !important; } div#pageTop div.searchBlock div.shellBooks div.searchForm input.search-string { //top: 2px; //height: 19px; } div#pageTop div.searchBlock div.shellBooks div.searchForm input.search-submit { //top: 2px; //left: 2px; //height: 27px; } div#pageContent div.contentBlock div.subSectionList div.col { //margin: 0px 2% 0px 0px; //width: 45%; } div#pageContent div.contentBlock div.subSectionList div.item { //margin: 0px 2% 0px 0px; //width: 45%; } /* -- [ IE6 ] -- */ * html div#pageTop div.searchBlock div.shellBooks div.searchForm input.search-string { top: 0px; height: 24px; width: 40px; } * html div#pageContent div.contentBlock div.bookDetails div.sidebar ul.bookActions li { height: 14px; background: none; padding: 0px; } * hrml div#pageContent div.contentBlock div.subSectionList div.col { margin: 0px 2% 0px 0px; width: 45%; } * html div#pageContent div.contentBlock div.subSectionList div.item { margin: 0px 2% 0px 0px; width: 45%; } * html div.relatedWrapper div.discountCoupon div.background { width: 210px; } * html div.catalogueBestCE span.legend { height: 40px; } * html div.catalogueBestCE div.catalogSection div.item div.preview div.shadow { position: absolute; bottom: -15px; right: 0px; height: 10px; width: 100%; z-index: 5; display: block; background: transparent url('../images/sprite.png') right -988px no-repeat; } /* --[ knigonavt checkout ] -- */ div.knigonavt-checkout div.cartOrderCE div.cart-footer { margin-top: 15px; } div.knigonavt-checkout div.cartOrderCE div.cart-footer span.order { position: relative; top: -35px; } #knigonavt-order-form { border: dotted 1px #cccccc; border-bottom: none; position: relative; padding: 10px 15px 20px 15px; width: 950px; margin: 0px 0px 0px 20px; } #knigonavt-order-form h3 { color: #000000; font: italic normal 18px/24px Trebuchet MS, Arial, sans; margin: 0px 0px 10px 0px; } #knigonavt-order-form p { color: #656565; font: normal 12px/18px Trebuchet MS, Arial, sans; } #knigonavt-order-form form { margin: 5px 0px 0px 0px; } #knigonavt-order-form form p { margin: 0px 0px 0px 0px; padding: 0px; } #knigonavt-order-form form p input { color: #000000; } #knigonavt-order-form form p input.inpt { width: 180px; font: normal 12px Arial, sans; } #knigonavt-order-form form p input.sbmt { margin: 15px 0px 0px 0px; font: normal 12px Arial, sans; } #knigonavt-order-form form label span { color: #656565; font: normal 12px/15px Trebuchet MS, Arial, sans; padding: 0px; margin: 0px 0px 3px 0px; display: block; } #knigonavt-order-form div.body { position: relative; z-index: 20; } #knigonavt-order-form div.background { position: absolute; bottom: -5px; left: 0px; width: 100%; height: 42px; background: #ffffff url('../images/sprite.png') 0px -375px repeat-x; z-index: 5; } #knigonavt-order-form div.corner { position: absolute; bottom: -5px; left: -1px; width: 40px; height: 90px; background: transparent url('../images/sprite.png') -232px -835px no-repeat; z-index: 7; } #knigonavt-order-form .form { width: 90%; margin: 10px auto 25px auto; } #knigonavt-order-form .left-col { float: left; width: 48%; } #knigonavt-order-form .right-col { float: right; width: 48%; } #knigonavt-order-form .field { display: block; margin: 0px 0px 7px 0px; } #knigonavt-order-form .field span.title { display: block; } #knigonavt-order-form .field strong { color: #ff0000; } #knigonavt-order-form .field input.input-text { width: 90%; } #knigonavt-order-form .field .textarea { width: 90%; height: 130px; } #knigonavt-order-form .left-col-long { float: left; width: 68%; } #knigonavt-order-form .right-col-short { float: right; width: 30%; } #knigonavt-order-form .field-tiny .textarea { width: 90%; height: 30px; } #knigonavt-order-form .button { display: block; margin: 23px 0px 7px 0px; } #knigonavt-order-form .tips { color: #333333; font: normal 11px/15px Trebuchet MS, Arial, sans; padding: 0px 0px 0px 0px; display: block; } #knigonavt-order-form .tips strong { color: #ff000000; } #knigonavt-order-form .delivery-cost-block { position: relative; } #knigonavt-order-form .delivery-cost-block .body { position: relative; z-index: 5; } #knigonavt-order-form .delivery-cost-block .background { position: absolute; width: 100%; height: 100%; background: none; top: 0px; left: 0px; z-index: 1; zz__border: solid 1px #f0f0f0; } #knigonavt-order-form .delivery-cost { color: #000000; } #knigonavt-order-form #knigonavt-delivery-cost { font: italic bold 16px Trebuchet MS, Arial, sans; color: #336600; } #knigonavt-order-form #knigonavt-delivery-cost i { font: italic 12px Trebuchet MS, Arial, sans; color: #444444; } #knigonavt-order-form #knigonavt-delivery-cost i.error { font: italic 12px Trebuchet MS, Arial, sans; color: #ff0000; } #knigonavt-order-form #knigonavt-delivery-cost-refresh { margin: 0px 0px 0px 10px; color: #00a8ff; text-decoration: underline; cursor: pointer; display: none; } #knigonavt-order-form #knigonavt-delivery-cost-refresh:hover { text-decoration: none; } #knigonavt-order-form #knigonavt-delivery-cost-refresh-wait { margin: 0px 0px 0px 10px; color: #777777; display: none; } .checkout-cart-failed { width: 750px; } .checkout-cart-failed li { border-bottom: dashed 1px #c2c2c2; padding: 10px 0px 10px 0px; } .checkout-cart-failed li h4 { font-size: 16px; margin: 0px; padding: 0px; } .checkout-cart-failed li span.title { float: left;} .checkout-cart-failed li span.qty { float: right; color: #000000; font-size: 12px; } .checkout-cart-failed li span.price { color: #336600; font-size: 14px; font-weight: bold; } body.mainPage ul.messages { display: none; } /* --[ old ] -- */ div.oldVersion div#pageContent div.bookCatalogue-header { display: block; clear: both; width: 100%; margin: 30px 0px 15px 0px; } div.oldVersion div#pageContent div.bookCatalogue-header h1 { color: #592925; } div.oldVersion div#pageContent div.bookCatalogue-header h3 { color: #592925; } div.oldVersion div#pageContent div.bookCatalogue-header span.wrapper h1 { padding: 0px 0px 0px 200px; } div.oldVersion div#pageContent div.bookCatalogue { display: block; clear: both; width: 100%; margin: 0px 0px 20px 0px; } div.oldVersion div#pageContent div.bookCatalogue div.bestseller { width: 225px; height: 255px; color: #ffffff; margin: 0px 0px 30px 0px; } div.oldVersion div#pageContent div.bookCatalogue div.bestseller table { height: 100%; position: static; zz_display: block; } div.oldVersion div#pageContent div.bookCatalogue div.bestseller table td { width: 100%; height: 100%; text-align: center; vertical-align: middle } div.oldVersion div#pageContent div.bookCatalogue div.bestseller span.author { display: block; font: normal 12px Trebuchet MS, Arial, sans; } div.oldVersion div#pageContent div.bookCatalogue div.bestseller span.title { display: block; font: normal 14px Trebuchet MS, Arial, sans; } div.oldVersion div#pageContent div.bookCatalogue div.bestseller span.title a { color: #ffffff; } div.oldVersion div#pageContent div.bookCatalogue div.bestseller img { padding: 20px 0px 0px 0px; } div.oldVersion div#pageContent div.bookCatalogue div.section { display: block; position: relative; margin: 0px 0px 30px 0px; } div.oldVersion div#pageContent div.bookCatalogue div.section div.category { text-indent: -9999px; position: absolute; width: 30px; height: 255px; z-index: 10; } div.oldVersion div#pageContent div.bookCatalogue div.section div.list { margin: 0px 0px 0px 0px; background: #f3f3f3; width: 100%; height: 255px; padding: 0px; overflow: hidden; } div.oldVersion div#pageContent div.bookCatalogue div.section div.list-wrapper { width: 10000px; height: 255px; position: absolute; left: 80px; z-index: 5; } /* <- это будет ползать */ div.oldVersion div#pageContent div.bookCatalogue div.section div.list div.item { width: 320px; margin: 0px; display: block; float: left; } div.oldVersion div#pageContent div.bookCatalogue div.section div.list div.item-wrapper { float: left; width: 320px; margin: 0px; } div.oldVersion div#pageContent div.bookCatalogue div.section div.list div.item-wrapper div.item { width: 100%; margin: 0px; display: block; } div.oldVersion div#pageContent div.bookCatalogue div.section div.list div.item div.image { float: left; width: 100px; position: relative; height: 95px; } div.oldVersion div#pageContent div.bookCatalogue div.section div.list div.item div.image img { right: 0px; bottom: 0px; position: absolute; display: block; } div.oldVersion div#pageContent div.bookCatalogue div.section div.list div.item div.propetries { float: left; width: 200px; margin: 0px 0px 0px 20px; } div.oldVersion div#pageContent div.bookCatalogue div.section div.list div.item div.propetries span.author { color: #336699; font: normal 12px Trebuchet MS, Arial, sans; display: block; padding: 5px 0px 0px 0px; } div.oldVersion div#pageContent div.bookCatalogue div.section div.list div.item div.propetries span.title { font: normal 14px Trebuchet MS, Arial, sans; color: #000000; display: block; } div.oldVersion div#pageContent div.bookCatalogue div.section div.list div.item div.propetries span.price { font: bold 16px Trebuchet MS, Arial, sans; color: #762a15; display: block; padding: 10px 0px 0px 0px; } #mz-order-info .step-body { width: auto !important; padding-left: 30px !important; padding-right: 30px !important; } #mz-order-info .step-body h2 { margin: .8em 0 .4em 0; font-size: 24px; } #mz-order-info table { margin-bottom: 20px; } #mz-order-info table h3 { font-size: 16px; } #mz-order-info .nobr { white-space: nowrap; }