/** z-index level: 0-99 design 100-499 content 100-199 bg 200-299 txt 300-399 img 500-999 toolkits **/ body { font-size: 30px; } body, html { margin: 0; padding: 0; background: #fff; color: #000; height: 100%; } .no-screen { display: none; } .nowrap { white-space: nowrap; } a { cursor: pointer } a:focus { outline: none; } a:hover { text-decoration: none; } a img { border: none; } body { font-family: Tahoma, Arial, Helvetica, sans-serif; background: #6f6251; } .noflash { text-align: center; } .noflash, .noflash a { color: Gray; } /* main markup */ #layout-bg { background: #847868 url(top-v7.jpg) repeat-x; } #layout-wrap { padding-top: 5px; overflow: hidden; } .min-width { min-width: 990px; width: auto !important; width: 990px; max-width: 1280px; margin: 0 auto; } #layout { background: #fff url(layout_top-v7.jpg) repeat-x; margin: 0 5px; overflow: hidden; height: 1%; } .layout-left { float: left; width: 225px; overflow: hidden; } .layout-middle-wrap { float: left; width: 100%; margin-left: -455px; } .layout-middle { margin-left: 460px; } .layout-right { float: right; width: 225px; overflow: hidden; } #bottom { clear: both; } #footer { clear: both; height: 121px; overflow: hidden; } #without-right .layout-middle-wrap { margin-left: -230px; } #without-right .layout-middle { margin-left: 235px; } #layout-head { height: 254px; overflow: hidden; } /* top bg */ .layout-left, .layout-right { position: relative; } #left-bg, #right-bg { height: 44px; width: 7px; background: url(sp-v7.jpg); z-index: 101; overflow: hidden; position: absolute; top: 0px; } #left-bg { left: 0; background-position: 0px -45px; } #right-bg { right: 0; background-position: -8px -45px; } #layout-bgbl, #layout-bgbr { height: 6px; width: 6px; overflow: hidden; background: url(sp-v7.gif); } #layout-bgbl { float: left; background-position: -12px -105px; } #layout-bgbr { float: right; background-position: -20px -105px; } .js .jshide { display: none; } .hiddenSubmit { margin: 0; padding: 0; overflow: hidden; background: transparent; height: 1px; width: 1px; position: absolute; z-index: -100; left: 0; top: 0; margin-left: -1px; } /* widgets */ .basket-widget, .basket-widget * { margin: 0; padding: 0; } .basket-widget table { border-collapse: collapse; width: 100%; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; } .basket-widget td { vertical-align: top; padding: 15px 10px; } .basket-widget td.separator { padding: 15px 0; } .basket-widget td.min.separator { padding-top: 1px; padding-bottom: 2px; } .basket-widget td.separator div { border-bottom: 1px dotted #ff8c00; height: 1px; width: 100%; overflow: hidden; } .basket-widget td.cover { text-align: center; padding-left: 0; } .basket-widget td.cover a { margin: 0 auto; display: inline-block; overflow: hidden; } /* .basket-widget .cover { width: 100px; } .basket-widget .title { width: 100px; } .basket-widget .count { width: 75px; } .basket-widget .delete { width: 45px; } */ .basket-widget .cover a { } .basket-widget .title { padding-top: 40px; padding-left: 10px; } .basket-widget .title a { font-weight: bold; color: #000; font-size: 12px; } .basket-widget .price { white-space: nowrap; } .basket-widget .price strong { font-size: 12px; font-weight: bold; } .basket-widget .discount { color: #ff8c00; font-size: 11px; margin-top: 15px; } .basket-widget .priceDiscount { color: #ff8c00; font-size: 11px; margin-top: 5px; } .basket-widget .priceDiscount strong { font-size: 18px; font-weight: normal; } .basket-widget .count input { display: block; width: 59px; border: 1px solid #d3c4b0; color: #4d4d4d; background: #fff; text-align: center; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; margin-top: 10px; height: 11px; padding: 4px 0; padding-bottom: 0px; } .basket-widget .count input:hover, .basket-widget .count input:focus { background: #FFFCEA; border-color: Silver; } .basket-widget .total td { padding: 0; padding-right: 10px; } .basket-widget .total th { text-align: right; padding-right: 10px; font-weight: normal; } .basket-widget .total .label { font-weight: bold; } .basket-widget .total .value { color: #ff8c00; } .basket-widget .total .value strong { font-size: 18px; font-weight: normal; } .basket-widget .total2 { background: #f6efe7; } .basket-widget .total2 td { padding-top: 5px; padding-bottom: 5px; } .basket-widget .empty { font-size: 14px; padding: 20px 40px; } .basket-widget .recalculate { width: 112px; height: 26px; border: none; background: #ff8d03 url(sp-v7.jpg) -159px -220px; color: #fff; font-size: 11px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; } .basket-widget .delete { background: transparent; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #ff8c00; border: none; display: block; } .basket-widget .delete span { display: block; border-bottom: 1px dotted #ff8c00; } .basket-widget td.space { width: 14px; margin: 0; padding: 0; background: #fff } .rest-out { color: #BF0000; } .rest-error { padding: 15px 35px; font-size: 13px; } .rest-error a { color: #000; } .basket-widget .fieldset { background: #f6efe7; margin: 0 10px; margin-top: 20px; padding-bottom: 20px; overflow: hidden; height: 1%; } .basket-widget .legend { display: block; overflow: hidden; background: #fff; color: #8c6c4b; font-size: 12px; font-weight: bold; width: 100%; padding-bottom: 10px; margin-bottom: 20px; } .basket-widget .delivery hr { color: #fff; background: #fff; margin: 10px 17px; border: 0; height: 1px; clear: both; } .basket-widget .delivery .error { padding: 5px 18px; padding-top: 0; } .basket-widget .delivery .choice label { display: block; clear: both; margin-left: 17px; margin-bottom: 17px; margin-right: 1ex; float: left; clear: both; } .basket-widget .delivery .ops { padding: 10px 20px; font-weight: bold; } .basket-widget .delivery .postcode { overflow: hidden; height: 1%; margin-left: 20px; } .basket-widget .delivery-row { float: left; } .basket-widget .delivery .postcode label { float: left; margin: 0; width: 170px; } .basket-widget .delivery .postcode #postcode { margin-left: 20px; float: left; width: 6em; border: 1px solid #d3c4b0; color: #63472a; background: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px 3px; margin-left: 5px; text-align: center; } .basket-widget .delivery .postcode .enter { margin-left: 1ex; padding: 0 1ex; } .basket-widget table.tdelivery { width: auto; margin: 0 15px; } .basket-widget .tdelivery th, .basket-widget .tdelivery td { border: 1px solid #B79C7B; text-align: left; margin: 0; padding: 0; } .basket-widget .tdelivery th { padding: 0 10px; } .basket-widget .tdelivery label { display: block; margin: 0; padding: 5px 10px; } .basket-widget .tdelivery td { padding: 0; } .delivery-description { position: relative; float: left; } .delivery-description-txt { white-space: nowrap; background: #fff; color: #000; margin: 0; padding: 1ex 1em; border: 1px solid #b79c7b; } .js .delivery-description-txt { position: absolute; left: 20px; top: 5px; z-index: 100; } .js .delivery-description .info { display: block; position: absolute; top: 10px; color: #ff8300; font-weight: bold; border: 1px solid #b79c7b; width: 12px; height: 12px; cursor: default; overflow: hidden; text-align: center; } .ie.js .delivery-description .info { top: 15px; } .delivery-item { overflow: hidden; height: 1%; } #basket-other { clear: both; padding-left: 50px; padding-top: 10px; } #basket-other input { width: 370px; height: 30px; background: url(button_xxl-v7.jpg); border: none; padding: 0; margin: 0; overflow: hidden; color: #fff; font-weight: bold; } .basket-widget .pay label { display: block; width: 230px; overflow: hidden; padding: 5px 20px; float: left; overflow: hidden; white-space: nowrap; } .basket-widget .info .col { float: left; width: 380px; overflow: hidden; } .basket-widget .info label { display: block; padding: 5px 15px; padding-right: 0; overflow: hidden; height: 1%; clear: both; } .basket-widget .info label .lb { float: left; width: 110px; text-align: right; padding-top: 3px; padding-right: 2ex; position: relative; } .basket-widget .info label .lb span { color: #BF0000; right: 0.5ex; position: absolute; } .basket-widget .info .txt { display: block; width: 230px; border: 1px solid #d3c4b0; color: #4d4d4d; background: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px 3px; margin-left: 5px; } .basket-widget .info .txt:hover, .basket-widget .info .txt:focus { background: #FFFCEA; border-color: Silver; } .basket-widget .info p { padding-left: 30px; font-size: 11px; } .basket-widget .info h4 { color: #BF0000; font-size: 11px; margin: 0; padding: 0; padding-left: 30px; padding-bottom: 5px; } .delivery-exists { padding-top: 10px; padding-bottom: 10px; padding-left: 40px; } .basket-widget .info .delivery-exists label { margin-bottom: 5px; float: left; padding: 1ex 3ex; padding-left: 2ex; overflow: hidden; height: 1%; clear: both; } .delivery-exists label:hover { background: #EDE0D1 } .delivery-exists label input { float: left; margin-top: 3px; } .delivery-exists label span { float: left; padding-left: 1ex; } .delivery-exists .remove { clear: both; position: relative; margin-left: -20px; margin-top: -17px } .delivery-exists .remove .pos { position: absolute; top: 25px; } .delivery-exists .remove, .delivery-exists .remove * { width: 16px; height: 16px; display: block; } .delivery-exists .remove span { background: url(remove-v7.png); } .delivery-exists .remove input { background: transparent; border: none; cursor: pointer; position: absolute; } #show-delivery { height: 30px; overflow: hidden; background: url(sp-v7.jpg) -151px -911px; border: none; color: #fff; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; padding: 0; margin: 0px 20px; position: relative; text-align: center; margin-bottom: 12px; width: 219px; } .js #show-delivery { display: none; } .basket-widget .error { padding-left: 20px; color: red; font-size: 110%; font-weight: bold; height: 1%; overflow: hidden; } .basket-widget .info .error { padding-left: 140px; } #basket-confirm { padding: 10px; font-size: 11px; } #basket-confirm * { margin: 0; padding: 0; } #basket-confirm .confirm-block { margin-bottom: 3ex; background: #f6efe7; } #basket-confirm h2 { background: #fff; color: #8c6c4b; font-size: 12px; font-weight: bold; padding: 5px; margin: 0; } #basket-confirm .dl { overflow: hidden; height: 1%; padding: 0 10px; padding-top: 2ex; } #basket-confirm .line { overflow: hidden; height: 1%; } #basket-confirm .dt { float: left; clear: both; padding-right: 1ex; padding-bottom: 2ex; font-weight: bold; } #basket-confirm .dd { float: left; } #basket-confirm table { width: 100%; border-collapse: collapse; } #basket-confirm th { text-align: left; border: none; background: #fff; white-space: nowrap; padding: 0 5px; } #basket-confirm td { border: none; padding: 5px 10px; white-space: nowrap; } #basket-confirm *.r { text-align: right; } #basket-confirm p { padding: 10px; } #basket-confirm a { color: #000; } #basket-confirm .button { width: 150px; height: 30px; overflow: hidden; background: url(sp-v7.jpg) 0px -911px; border: none; color: #fff; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; text-align: center; margin-bottom: 12px; } #basket-confirm .price { color: #ff8c00; font-size: 130%; margin-left: 2ex; } #basket-confirm #confirm-cansel { float: left; } #basket-confirm #confirm-enter { float: right; } .ajax-loader { margin: 2px 10px; } .price-widget, .price-widget { margin: 0; padding: 0; } .price-widget div { color: #808080; } .price-widget strong { font-size: 18px; font-weight: normal; } .price-widget strong.stock { color: #ff8c00 } .action-widget { float: left; padding-top: 11px; overflow: hidden; } .action-widget, .action-widget a { color: #ff8c00 } .action-widget .txt { float: left; padding-top: 8px; } .action-widget a .txt { text-decoration: underline; } .action-widget a:hover .txt { text-decoration: none; } .action-widget .basket { position: relative; } .action-widget .basket .basket-img { display: block; width: 26px; height: 23px; overflow: hidden; background: url(sp-v7.gif) 0px -81px; position: absolute; left: 0; top: 0; } .action-widget .basket .basket-txt { display: block; background: transparent; border: none; text-align: left; margin: 0; padding: 0; padding-top: 5px; padding-bottom: 3px; padding-left: 30px; color: #ff8c00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .action-widget .basket form { margin: 0; padding: 0; } .action-widget .basket form .txt { cursor: pointer; } .action-widget .basket .basket-txt span { border-bottom: 1px dashed #ff8c00; } .action-widget .basket .basket-txt.hover span { border-bottom: none; } .action-widget .order { margin-top: 8px; } .action-widget .order .txt { padding-top: 0px; padding-left: 11px; float: left; } .action-widget .order .img { float: left; margin-top: 2px; width: 15px; height: 10px; overflow: hidden; background: url(sp-v7.gif) -27px -81px; } #order-enter { width: 150px; height: 30px; overflow: hidden; background: url(sp-v7.jpg) 0px -911px; border: none; color: #fff; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; text-align: center; margin: 12px 150px; } /* elements */ .cover-new-wrap { position: relative; display: block; } .cover-new { position: absolute; display: block; width: 24px; height: 24px; overflow: hidden; background: url(list_new-v7.png); left: 0; top: 0; } #logo { width: 100%; height: 97px; overflow: hidden; position: relative; } #logo a { width: 210px; height: 68px; overflow: hidden; font-size: 11px; position: absolute; left: 15px; top: 25px; } #logo .img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: url(logo-v7.gif) no-repeat; z-index: 300; } #logo, #logo * { margin: 0; padding: 0; } #logo strong { position: absolute; top: 5px; left: 50px; z-index: 210; color: #000; font-size: 29px; } #logo:hover strong { text-decoration: underline; } #logo .founded { display: none; position: absolute; top: 0; left: 0; width: 100%; font-size: 11px; text-transform: lowercase; text-align: left; line-height: 7px; z-index: 104; color: #7f7f7f; } #logo .what { position: absolute; color: #4d4d4d; width: 100%; left: 80px; bottom: 20px; text-align: left; font-size: 9px; text-transform: uppercase; line-height: 10px; letter-spacing: 0px; z-index: 210; } #logo br { display: none; } #user, #user * { margin: 0; padding: 0; } #user { width: 220px; height: 157px; overflow: hidden; background: #c9b69d url(sp-v7.jpg) 0px -254px; color: #fff; font-size: 11px; margin-left: 5px; } #user #login { height: 123px; overflow: hidden; } #user #login label { display: block; overflow: hidden; } #user #login .text { overflow: hidden; height: 19px; } #user #login .text label { float: left; font-size: 12px; width: 72px; text-align: right; margin-right: 7px; } #user #login .text input { border: 1px solid #d7c9b7; float: left; width: 112px; height: 15px; overflow: hidden; padding: 1px 3px; } #user #login-name { margin-top: 15px; margin-bottom: 6px; } #user #login-name label { padding-top: 1px; } #user #login-store { margin-left: 78px; margin-top: 7px; height: 23px; overflow: hidden; } #user #login-store label { cursor: default; float: left; } #user #login-store input { float: left; width: 13px; height: 13px; overflow: hidden; } #user #login-store span { float: left; padding-left: 9px; } #user #login-enter { margin-left: 78px; width: 77px; height: 25px; background: #ff8d03 url(sp-v7.jpg) -81px -194px; border: none; font-size: 12px; font-weight: bold; color: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; padding-bottom: 2px; } #user #logout #login-enter { margin-left: 65px; } .ff #user #login-enter { padding-bottom: 5px; } #user ul { height: 34px; float: left; padding-left: 2px; width: 110%; overflow: hidden; } .ie #user ul { padding-left: 0; } #user li { float: left; list-style: none; } #user li span { float: left; width: 1px; margin-top: 11px; height: 11px; overflow: hidden; background: #bda486; } #user li a { float: left; display: block; padding: 9px 8px; padding-right: 7px; color: #63472a; } #user li a:hover { color: #000; } #user #profile #login { margin-top: 30px; height: 93px; } #user #profile #login p { text-align: center; padding-bottom: 5px; } #user #profile #login a { color: #fff; } #user #profile #login-enter { margin-top: 10px; } #partnership-reg { padding: 15px 30px; } #partnership-reg input { display: block; width: 150px; height: 30px; overflow: hidden; background: url(sp-v7.jpg) 0px -911px; border: none; color: #fff; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; margin-top: 5px; padding: 0; text-align: center; } .menu, .menu * { margin: 0; padding: 0; display: block; list-style: none; } .menu { color: #000; background: #f6efe7; margin-top: 5px; margin-left: 5px; width: 100%; } .menu-top { height: 6px; margin-bottom: 4px; background: url(sp-v7.gif) 0px -67px; overflow: hidden; } .menu-bottom { height: 5px; background: url(sp-v7.gif) 0px -75px; overflow: hidden; } .menu a { text-decoration: none; color: #000; } .menu a .marker { background: #ff8c00 url(sp-v7.gif); } .menu a:hover { text-decoration: underline; } .menu a.active { font-weight: bold; } .menu a.active .marker { background-color: #000; } .menu .separator { width: 202px; height: 1px; overflow: hidden; background: url(sp-v7.gif) 0px -57px; } .menu .ul { padding-left: 14px; } .menu .menu1 { margin: 0; padding: 0; padding-left: 9px; padding-bottom: 11px; } .menu .item1 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding-top: 1px; padding-bottom: 5px; } .menu .item1 .left { padding-right: 10px; padding-left: 3px; padding-top: 5px; float: left; overflow: hidden; height: 1%; } .menu .item1 .marker { width: 4px; height: 6px; overflow: hidden; background-position: 0px -59px; overflow: hidden; } .menu .item2, .menu .item3 { font-size: 12px; } .menu .menu2 { padding-left: 18px; padding-top: 4px; padding-bottom: 11px; } .menu .item2 { padding-top: 2px; padding-bottom: 3px; font-family: Tahoma, Arial, Helvetica, sans-serif; } .menu .item2 .marker { float: left; width: 5px; height: 5px; margin-right: 9px; margin-left: 0px; margin-top: 5px; overflow: hidden; background-position: -6px -59px; } .menu .menu3 { padding-top: 5px; padding-bottom: 12px; } .menu .item3 { padding-top: 2px; padding-bottom: 3px; } .menu .item3 .marker { float: left; width: 4px; height: 4px; margin-right: 9px; margin-left: 0px; margin-top: 5px; background-position: -13px -59px; overflow: hidden; } .menu .menu4 { padding-left: 13px; padding-bottom: 9px; } .menu .item4 { font-size: 11px; padding-top: 2px; padding-bottom: 1px; } .menu .item4 .marker { float: left; width: 6px; height: 1px; margin-right: 3px; margin-top: 7px; background: #000; overflow: hidden; } .menu .active .item4 .marker { width: 7px; } .menu a:hover .marker { background-color: #000; } .layout-middle .top { height: 42px; overflow: hidden; position: relative; } #delivery-ru { margin: 0; padding: 0; padding-left: 3px; padding-top: 6px; color: #666; font-size: 12px; float: left; } #delivery-ru span { display: block; font-size: 11px; line-height: 15px; } .ie6 #delivery-ru span, .ie7 #delivery-ru span { line-height: 14px; } #search, #search * { margin: 0; padding: 0; } #search { position: relative; clear: both; width: 100%; height: 50px; overflow: hidden; background: #f0ece6 url(sp-v7.jpg) 0px -90px; } #searchl, #searchr { position: absolute; z-index: 101; top: 0; width: 5px; height: 50px; overflow: hidden; background: url(sp-v7.jpg); } #searchl { left: 0; background-position: 0 -143px; } #searchr { right: 0; background-position: -6px -143px; } #search .text { position: absolute; z-index: 200; left: 13px; top: 13px; right: 169px; overflow: hidden; height: 22px; border: 1px solid #d7c9b7; background: #fff; } #search .text input { position: absolute; top: 0; left: 0; width: 99%; height: 100%; overflow: hidden; font-size: 14px; border: none; background: transparent; padding: 0 3px; font-family: Tahoma, Arial, Helvetica, sans-serif; } #search .enter { position: absolute; z-index: 200; top: 13px; right: 82px; width: 80px; height: 25px; overflow: hidden; margin: 0; padding: 0 13px; text-align: right; color: #fff; background: #ff8d03 url(sp-v7.jpg) 0px -194px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; border: none; } .ff #search .text { right: 100px; } .ff #search .enter { padding: 0 10px; padding-bottom: 3px; } .ie #search .text input { font-size: 18px; } .ie #search .enter { letter-spacing: 1px; } .ie6 #search .text, .ie7 #search .text { top: 13px; height: 23px; } #info { position: absolute; color: #bf6200; font-size: 11px; right: 9px; top: 18px; text-decoration: none; border-bottom: 1px solid #bf6200; } #info:hover { border-bottom: none; } #top-banner { display: block; margin: 0 auto; margin-top: 5px; width: 100%; overflow: hidden; } #top-banner img { display: block; width: 100%; } .cblock { margin-top: 5px; clear: both; position: relative; width: 100%; background: #fff; } .ie6 .cblock, .ie7 .cblock { margin-bottom: -5px; } .cblock-bgl { width: 5px; height: 36px; overflow: hidden; background: url(sp-v7.jpg) 0px -521px; position: absolute; left: 0; top: 0; } .cblock-bgbl, .cblock-bgbr { width: 5px; height: 5px; overflow: hidden; background: url(sp-v7.gif); position: absolute; bottom: 0; } .ie6 .cblock-bgbl, .ie6 .cblock-bgbr, .ie7 .cblock-bgbl, .ie7 .cblock-bgbr { margin-bottom: 5px; } .cblock-bgbl { left: 0; background-position: 0px -106px; } .cblock-bgbr { right: 0; background-position: -6px -106px; } .cblock .border { font-size: 11px; margin-bottom: 5px; border: 1px solid #d7c9b7; border-top: none; overflow: hidden; height: 1%; } .cblock .content { overflow: hidden; height: 1%; margin: 1px 0; } .cblock .cblock-header { margin: 0; padding: 0; height: 31px; overflow: hidden; background: #9e7c59 url(sp-v7.jpg) 0 -489px; white-space: nowrap; } .cblock .cblock-header .txt { position: relative; display: block; padding: 7px 13px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; } .cblock .cblock-header a { text-decoration: none; color: #fff; } .cblock .cblock-header a span { text-decoration: underline; font-size: 11px; font-weight: normal; } .cblock .cblock-header a:hover span { text-decoration: none; } .cblock-space { padding: 10px 20px; } .cblock-titlebg, .items-dvd, .items-games, .items-music, .items-audiobook, .items-device, .items-soft, .items-lego { width: 370px; height: 31px; overflow: hidden; background: url(sp-v7.jpg) 0px -879px; position: absolute; right: 0; top: 0; } .items-dvd { background-position: 0 -558px; } .items-games { background-position: 0 -590px; } .items-music { background-position: 0 -622px; } .items-audiobook { background-position: 0 -1558px; } .items-device { background-position: 0 -1590px; } .items-soft { background-position: 0 -1526px; } .items-lego { background-position: 0 -1622px; } .items-line { overflow: hidden; height: 1%; position: relative; } .items-item { float: left; width: 50%; } .ie6 .items-item, .ie7 .items-item { width: 49.9%; } .items { background: url(list_separator-v7.gif) 50% 0px repeat-y; margin: 4px 0; margin-left: 3px; } .items .cover, .items .price-widget { width: 127px; float: left; overflow: hidden; } .items .cover-pad { float: right; padding-right: 17px; padding-top: 7px; } .items .col1 .cover-pad { padding-right: 12px; } .items .cover-pos { position: relative; left: 0; top: 0; } .items .cover img { display: block; } .items-text-wrap { float: left; width: 100%; margin-left: -127px; overflow: hidden; } .items .col1 .items-text { margin-left: 129px; } .items-text { margin-left: 124px; margin-top: 6px; padding-right: 10px; color: #1a1a1a; } .items a.title { padding: 0 10px; padding-top: 5px; display: block; font-weight: bold; font-size: 11px; color: #1a1a1a; } .items a.title.empty { color: Silver } .items .date { font-size: 10px; color: #6aba6a; margin-top: 7px; } .items-bottom-space { height: 47px; width: 100%; overflow: hidden; clear: both; } .items-bottom { height: 47px; position: absolute; bottom: 0; overflow: hidden; } .items-bottom-left { float: left; width: 124px; overflow: hidden; } .items-bottom .rate-widget { margin-left: 15px; } .js .items-bottom .rate-widget .label { display: none; } .items-bottom .rate-widget .jshide { display: none; } .items-bottom .rate-widget .rate-count { display: none; } .items .price-widget { clear: both; } .items .action-widget { padding-top: 15px; } .items .price-widget div { text-align: right; padding-right: 26px; padding-top: 4px; } .items .col0 .price-widget { width: 124px; } .items .col1 .price-widget div { padding-right: 24px; } .items .col1 .action-widget { padding-left: 2px; } .items-separator { width: 100%; height: 1px; overflow: hidden; margin-top: -2px; border-bottom: 1px dotted #d8c9b7; } .allitems .items-text-wrap { margin-left: -92px; } .allitems .items-text { margin-left: 89px; } .allitems .items-bottom-space { height: 10px; } .items.allitems .cover { width: 92px; } .allitems .action-widget { display: block; clear: both; padding-top: 10px; } .items.allitems .price-widget div { text-align: left; padding-top: 0; } .layout-right .top-size { z-index: 200; height: 98px; width: 220px; overflow: hidden; float: right; position: relative; } .layout-right .top { margin: 0; padding: 0; font-size: 11px; display: block; padding-right: 5px; padding-top: 6px; } .layout-right .top a { color: #bf6200 } .layout-right .top dt { margin: 0; padding: 0; width: 81px; float: left; clear: both; text-align: right; margin-right: 12px; } .layout-right .top dd { margin: 0; padding: 0; overflow: hidden; height: 1%; } .layout-right .top dt.tel { padding-top: 8px; line-height: 14px; height: 39px; } .layout-right .top dd.tel { height: 45px; overflow: hidden; } .layout-right .top dd.tel a { float: left; padding-left: 20px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 12px; display: block; color: #888; font-size: 10px; position: relative; } .layout-right .top dd.tel a em { display: block; font-size: 20px; line-height: 18px; color: #000; margin-left: -1px; font-style: normal; } .layout-right .top dd.tel a span { position: absolute; left: 3px; top: 12px; width: 6px; height: 18px; overflow: hidden; background: url(sp-v7.jpg) 0px -235px; } .layout-right .top dt.cons { padding-top: 2px; height: 18px; } .layout-right .top dd.cons { padding-top: 5px; height: 13px; } .layout-right .top .icq { line-height: 11px; position: relative; padding-left: 21px; float: left; } .layout-right .top .icq span { background: url(sp-v7.jpg) 0px -221px; position: absolute; left: 0; top: 0; height: 13px; width: 13px; } .layout-right .top dd.delivery { padding-top: 1px; height: 13px; padding-top: 5px; } .ie .layout-right .top { width: 219px; } .ie6 .layout-right .top dt.tel { margin-right: 8px; } .ie .layout-right .top dd.tel a { margin-left: 1px; } .ie .layout-right .top dd.tel a { line-height: 13px; } .ff .layout-right .top dt.tel { padding-top: 7px; height: 40px; } .ie6 .layout-right .top dt.cons { margin-right: 10px; height: 14px; } .ie7 .layout-right .top dt.cons { margin-right: 13px; height: 14px; } .ie6 .layout-right .top dd.cons, .ie7 .layout-right .top dd.cons { padding-top: 3px; } .ie6 .layout-right .top .icq, .ie7 .layout-right .top .icq { line-height: 12px; } .ie6 .layout-right .top dt.delivery { margin-right: 10px; padding-top: 4px; } .ie7 .layout-right .top dt.delivery { margin-right: 13px; padding-top: 4px; } .ie7 .layout-right .top .icq { padding-left: 20px; } #basket, #basket * { margin: 0; padding: 0; } #basket { width: 220px; height: 157px; overflow: hidden; background: #c9b69d url(sp-v7.jpg) 0px -254px; color: #fff; font-size: 11px; margin-right: 5px; position: relative; } #basket-bg { position: absolute; z-index: 100; top: 28px; right: 0; width: 74px; height: 76px; background: url(sp-v7.jpg) 0px -412px; } #basket-text { position: relative; z-index: 200; } #basket-text .dl { height: 30px; overflow: hidden; } #basket-text p { padding-left: 20px; } #basket h3 { margin: 0; padding: 0; margin-top: 10px; margin-left: 14px; } #basket h3 a { color: #63472a; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } #basket h3 a:hover { text-decoration: underline; } #basket .dl { font-size: 12px; margin-top: 12px; width: 100%; overflow: hidden; white-space: nowrap; } #basket .dl div { height: 16px; width: 100%; clear: both; overflow: hidden; } #basket .dl .dt { float: left; clear: both; width: 66px; text-align: right; padding-bottom: 2px; } #basket .dl .dd { float: left; margin-left: 4px; } #basket-count, #basket-total { font-weight: bold; } #basket-order { clear: both; width: 123px; overflow: hidden; height: 24px; float: left; margin-left: 15px; margin-top: 14px; text-decoration: none; font-weight: bold; font-size: 11px; color: #fff; background: #ff8d03 url(sp-v7.jpg) -35px -220px; } #basket-order span { display: block; width: 100%; padding-top: 4px; padding-left: 11px; } #basket-check { position: absolute; z-index: 200; bottom: 0; left: 0; width: 100%; height: 34px; } #basket-check div * { float: left; margin-top: 5px; margin-left: 5px; } .ie6 #basket-check div * { margin-top: 6px; } #basket-check label { color: #63472a; width: 55px; font-size: 10px; } .js #basket-check label, .js #basket-check #number { position: absolute; left: 10px; top: 3px; width: 109px; } .js #basket-check label { font-size: 11px; height: 15px; padding-left: 6px; padding-top: 3px; cursor: text; z-index: 201; background: #fff; } #basket-check #number { width: 45px; background: #fff; border: 0; padding: 1px 3px; } .js #basket-check #number { z-index: 200; } #basket-check .enter { color: #63472a; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; border: none; background: #f5f1ed url(sp-v7.jpg) -75px -412px; width: 75px; height: 20px; padding-bottom: 3px; padding-left: 3px; } .js #basket-check .enter { position: absolute; right: 8px; top: 2px; } .block, .block * { margin: 0; padding: 0; } .block { overflow: hidden; height: 1%; position: relative; } .block-border { border: 1px solid #d7c9b7; } .block-bg { position: absolute; top: 1px; left: 0; width: 100%; height: 50px; background: url(sp-v7.jpg) 0px -654px; } .block-bgl { position: absolute; top: 0; left: 0; width: 7px; height: 51px; overflow: hidden; background: url(sp-v7.jpg) 0px -705px; } .block-bgr { position: absolute; top: 0; right: 0; width: 7px; height: 51px; overflow: hidden; background: url(sp-v7.jpg) -8px -705px; } .block-bgbl { position: absolute; bottom: 0; left: 0; width: 5px; height: 5px; overflow: hidden; background: url(sp-v7.gif) 0px -106px; } .block-bgbr { position: absolute; bottom: 0; right: 0; width: 5px; height: 5px; overflow: hidden; background: url(sp-v7.gif) -6px -106px; } .block h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #63472a; padding-left: 11px; padding-top: 8px; background: #f1ece4 url(sp-v7.jpg) 0px -654px; } .block h3 a { color: #63472a; text-decoration: none; } .block h3 a:hover { text-decoration: underline; } .block-rel { position: relative; } .layout-right .block { margin-top: 5px; margin-right: 5px; } #news { padding-top: 8px; padding-bottom: 4px; font-size: 11px; } #news a.item { text-decoration: none; padding-bottom: 12px; padding-left: 12px; padding-right: 5px; display: block; overflow: hidden; height: 1%; } #news a.item img { float: left; margin: 5px; margin-right: 9px; margin-left: 0; position: relative; } #news a.item .date { display: block; color: #808080; font-size: 10px; padding-top: 4px; } #news a.item .title { color: #63472a; font-weight: bold; display: block; text-decoration: underline; } #news a.item .txt { color: #4d4d4d; display: block; } #news a.item:hover { background: #f9f7f3; } #news a.item:hover .title { text-decoration: none; } #news a.item:hover .txt { color: #000; } #news-one { padding: 10px; } #news-one h1, #news-one h2, #news-one h3 { font-size: 12px; color: #63472a; margin: 0; padding: 0; } #news-one .date { color: #808080; float: right; margin: 0; padding: 0; } #news-one img { float: right; margin: 1ex 1em; margin-right: 0; } #news-one .space { padding: 1em 0; } #news-one a { color: #1a1a1a } .layout-right .pay { font-size: 11px; color: #4d4d4d; padding-top: 14px; padding-bottom: 2px; } .layout-right .pay li { list-style: none; display: block; overflow: hidden; height: 46px; } .layout-right .pay .img { float: left; background: url(sp-v7.gif); } .layout-right .pay .txt { float: right; width: 98px; margin-top: 2px; } .layout-right .pay .card .img { margin-left: 12px; margin-top: 4px; width: 90px; height: 25px; background-position: 0px -112px; } .layout-right .pay .yandex .img { margin-left: 13px; margin-top: 0px; width: 88px; height: 39px; background-position: 0px -138px; } .layout-right .pay .webmoney .img { margin-left: 14px; margin-top: 2px; width: 86px; height: 25px; background-position: 0px -178px; } .layout-right .pay .webmoney .txt { margin-top: 1px; } #layout-bg-bottom { background: url(bottom-v7.jpg) left bottom repeat-x; } #footer { font-size: 11px; color: #e2cdb4; position: relative; } #footer .min-width { padding-top: 18px; } #footer a { color: #fff3e4 } #footer .left, #footer .left * { margin: 0; padding: 0; } #footer .left { float: left; width: 210px; padding-left: 41px; padding-top: 3px; overflow: hidden; position: relative; } #footer .left ul { padding-top: 14px; } #footer .left li { list-style: none; display: block; } #footer .center { float: left; width: 100%; margin-left: -500px; overflow: hidden; } #footer .center .margin { margin-left: 500px; padding-top: 3px; } #footer .center p { margin: 0; padding: 0; margin-bottom: 14px; } #footer .right { float: right; width: 215px; } #footer .d1 { text-decoration: none; } #footer .d1 .img { float: left; width: 53px; height: 24px; background: url(sp-v7.jpg) -159px -194px; margin-right: 13px; } #footer .d1 .txt { float: left; margin-top: 5px; text-decoration: underline; } #footer .d1:hover .txt { text-decoration: none; } #counters { clear: both; padding-top: 21px; } #path { position: relative; padding-left: 14px; padding-top: 7px; font-size: 10px; height: 1%; overflow: hidden; padding-bottom: 12px; } #path .item { float: left; } #path .separator { float: left; color: #ff8c00; padding: 0px 3px; } #path .active { padding-top: 1px; } #path a { color: #8c6c4b; } #path a:hover { color: #000; } #path a.home .img { background: #bda486 url(sp-v7.gif) 0px -204px; width: 11px; height: 10px; margin-top: 1px; margin-right: 9px; overflow: hidden; float: left; } #path a.home:hover .img { background-color: #000; } .bar #path { padding-bottom: 9px; } .bar, .bar * { margin: 0; padding: 0; } .bar { height: 1%; overflow: hidden; background: #f6efe7; position: relative; } .bar .bgl, .bar .bgr { width: 5px; height: 5px; overflow: hidden; position: absolute; background: url(sp-v7.gif); } .bar-bottom .bgl, .bar-bottom .bgr { bottom: 0; } .bar .bgl { left: 0; } .bar .bgr { right: 0; } .bar-top .bgl { background-position: -23px -204px; } .bar-top .bgr { background-position: -30px -204px; } .bar-bottom .bgl { background-position: -37px -204px; } .bar-bottom .bgr { background-position: -43px -204px; } .bar a { color: #8c6c4b; } .bar a:hover { color: #000; } .bar .space { margin: 0; padding: 5px 14px; height: 1%; overflow: hidden; } .bar-top .space { padding-bottom: 0; } .bar.bar-bottom .space { padding-top: 0; padding-bottom: 10px; } .bar .pager { float: left; padding-right: 10px; } .bar .pager * { float: left; } .bar .pager .title { padding-right: 12px; } .bar-top .pager .title { padding-top: 3px; } .bar-bottom .pager .title { padding-top: 6px; } .bar .pager .item { font-weight: bold; padding: 3px 6px; } .bar-top .pager .item { padding-bottom: 6px; } .bar-bottom .pager .item { padding-top: 6px; } .bar .pager .active { color: #ff8c00; background: #fff; } .bar .pager .skip { margin: 0 -2px; } .bar-top .pager .skip { padding-top: 3px; } .bar-bottom .pager .skip { padding-top: 6px; } .bar form { float: right; } .js .bar form input { display: none } .bar-bottom form { padding-top: 3px; } .bar .onelist { text-align: center; padding-left: 20px; } .bar-top .onelist { padding-top: 3px; } .bar-bottom .onelist { padding-top: 6px; } .bar .onelist a { display: inline-block; position: relative; color: #8c6c4b } .bar .onelist a .img { position: absolute; left: -19px; top: 2px; width: 10px; height: 10px; overflow: hidden; background: #ff8c00 url(sp-v7.gif) -12px -204px; } .bar .onelist a:hover .img { background-color: #8c6c4b; } .citem { padding-top: 15px; height: 1%; overflow: hidden; } .citem .cover { text-align: center; } .citem .info { width: 185px; float: left; position: relative; padding-bottom: 15px; } .citem .info-space { width: 150px; margin-left: 14px; overflow: hidden; } .citem dl, .citem dl * { margin: 0; padding: 0; } .citem dl { border-bottom: 1px dotted #d8cab8; overflow: hidden; width: 100%; } .citem dt, .citem dd { padding-bottom: 10px; } .citem .main { background: #f6efe7; } .citem .main dl { padding-top: 16px; padding-bottom: 14px; } .citem .main dl.packing { padding-top: 8px; padding-bottom: 0px; } .citem .main dt { text-align: right; width: 64px; float: left; clear: both; overflow: hidden; } .citem .main dd { width: 80px; float: right; overflow: hidden; margin-right: 3px; } .citem .main a { color: #63472a } .citem-sub { height: 36px; background: #b89e7f url(sp-v7.jpg) 0px -942px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #fff; position: relative; } .citem-sub .bgl { position: absolute; left: -1px; top: 0; background: #b89e7f url(sp-v7.jpg) -6px -521px; width: 5px; height: 36px; overflow: hidden; } .citem-sub .bgr { position: absolute; right: -1px; top: 0; background: #b89e7f url(sp-v7.jpg) -12px -521px; width: 5px; height: 31px; overflow: hidden; } .citem-sub .txt { overflow: hidden; height: 24px; padding: 7px 14px 0 14px; } #comments { margin-top: -4px; } #comments form { background: #f6efe7; border: none; position: relative; margin: 0 1px; padding: 0; margin-bottom: -11px; } #comments form .bgl, #comments fieldset .bgr { width: 5px; height: 5px; overflow: hidden; position: absolute; background: url(sp-v7.jpg); } #comments form .bgl { left: 0; background-position: -16px -720px; } #comments form .bgr { right: 0; background-position: -22px -720px; } #comments .legend { position: absolute; left: 12px; top: 12px; font-size: 13px; font-weight: bold; color: #63472a; } #comments .space { padding-top: 40px; padding-bottom: 10px; } #comments .field { overflow: hidden; height: 1%; padding-bottom: 5px; } #comments label { clear: both; position: relative; float: left; width: 122px; margin-right: 10px; overflow: hidden; text-align: right; color: #4d4d4d; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; } #comments .txt { border: 1px solid #d7c7b5; padding: 1px 3px; } #comments .txt:focus { } #comments .captcha-img { float: left; } #comments #comment-captcha { margin-left: 3px; width: 6ex; } #comments .w100-wrap { width: 100%; float: left; margin-left: -150px; } #comments .w100 { margin-left: 150px; } #comments .w100 .txt { width: 100%; } #comments .enter { width: 95px; height: 24px; overflow: hidden; border: none; color: #4d4d4d; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; background: #e5ddd1 url(sp-v7.jpg) -75px -433px; margin-top: 5px; } #comments .error { color: Maroon; margin-left: 140px; font-size: 14px; } #comments .ok { padding: 3px 5px; margin: 10px; } #comments .ok h2 { font-size: 13px; font-weight: bold; color: #63472a; } #commentList ul { list-style: none; display: block; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; margin: 0; padding: 0 14px; padding-bottom: 1px; } #commentList ul li { margin: 0; padding: 14px 0; border-bottom: 1px #d7c9b7 dotted; height: 1%; display: block; overflow: hidden; } #commentList ul .anchor { position: relative; float: left; display: block; width: 15px; height: 14px; overflow: hidden; cursor: pointer; background: #f6efe7 url(sp-v7.jpg) -16px -705px; } #commentList ul .w100-wrap { float: left; display: block; margin-left: -15px; width: 100%; overflow: hidden; } #commentList ul .w100 { display: block; margin-left: 25px; } #commentList ul .fn { color: #63472a; font-weight: bold; } #commentList ul .date { color: #808080; } #commentList ul cite { padding-top: 3px; display: block; font-style: normal; } #commentList a.edit { background: url(../wedadmin/images/b_edit.png) no-repeat 0px top; margin-right: 1em; float: left; text-decoration: none; float: left; padding: 0 1ex; padding-left: 25px; } #commentList a.new { color: Green; } #commentList a.accepted { color: #D0B200; } #commentList a.rejected { color: #A52A2A; } #commentList a:hover.edit { text-decoration: underline; } #commentList a.item { color: #808080; } .ie #comments form { margin-bottom: 0; } .goods-price { overflow: hidden; height: 1%; clear: both; padding-bottom: 20px; } .citem .rate-widget { padding-top: 10px; } .rate-widget, .rate-widget * { margin: 0; padding: 0; } .rate-widget dt { float: left; clear: both; padding-left: 7px; } .rate-widget dd { color: #63472a; font-weight: bold; float: left; padding-left: 5px; } .rate-widget .vote { float: left; cursor: pointer; width: 16px; height: 14px; overflow: hidden; background: #d7c9b7 url(sp-v7.gif) -0px -216px; } .rate-widget .no-pointer .vote { cursor: default; } .rate-widget .vote.hover { background-color: #ff8c00; background-position: -18px -216px; } .rate-widget .vote.active { background-color: #8c6c4b; background-position: -36px -216px; } .citem .description { margin-left: -185px; float: left; width: 100%; } .citem .description-space { margin-left: 185px; padding-right: 20px; padding-bottom: 25px; color: #4d4d4d; } .citem .description u { font-weight: bold; text-decoration: none; } .citem .price-widget { float: left; padding-top: 12px; } .citem .action-widget { float: left; padding-left: 5px; } .limit-all { font-size: 130%; padding-left: 15px; padding-top: 10px; } #search-result #where { padding: 20px 17px; overflow: hidden; height: 1%; } #search-result #where dt { color: #63472a; font-size: 12px; font-weight: bold; } #search-result #where dt strong { color: #ff8c00; padding: 0 3px; } #search-result #where dd { padding: 0; margin: 0; margin-top: 15px; font-size: 11px; font-weight: bold; } #search-result #where dd table { width: 100%; border-collapse: collapse; margin-top: 1em; } #search-result #where dd td { vertical-align: top; margin: 0; padding-right: 1ex; font-weight: normal; } #search-result #where dd td .title1, #search-result #where dd td .title2 { white-space: nowrap; } #search-result #where dd td .title1 { font-size: 140%; color: #000; text-decoration: none; } #search-result #where dd .min td .title1 { font-size: 110%; } #search-result #where dd td .title1 strong { color: #ff8c00; } #search-result #where dd td .title1:hover span { text-decoration: underline; } #search-result #where dd td .title2 { color: #000; text-decoration: none; } #search-result #where dd td .title2:hover span { text-decoration: underline; } #search-result #where dd td .part2 { font-weight: normal; padding: 1ex 0; padding-left: 1em; } #search-path { padding-bottom: 15px; overflow: hidden; height: 1%; } #search-path * { float: left; } #search-path a { color: #63472a; } #search-path .separator { padding: 0 1ex; } #search-path .active { color: #000; } #search-result .list, #search-result .list li { list-style: none; display: block; padding: 0; margin: 0; } #search-result .list li { overflow: hidden; height: 1%; position: relative; padding: 16px 0; border-bottom: 1px #d8c9b7 dotted; } #search-result .list li a.title { font-size: 12px; font-weight: bold; color: #000; } #search-result .list li a.title:hover * { text-decoration: none; } #search-result .list .title em, #search-result .list .descr em { font-style: normal; color: #ff8c00; } #search-result .list a.title em, #search-result .list a.descr em { text-decoration: underline; } #search-result .list .cover { width: 100px; overflow: hidden; position: relative; float: left; padding: 0 13px; } #search-result .list .cover-minwidth { display: block; height: 1px; width: 100%; } #search-result .list .left { width: 100%; margin-left: -126px; display: block; float: left; } #search-result .list .left-space { margin-left: 126px; display: block; } #search-result .list .descr { display: block; padding: 5px 0; } #search-result .list .rate-widget { position: absolute; bottom: 16px; left: 119px; } #search-result .list .rate-space { display: block; height: 30px; } #search-result .list .rate-count { display: none; } #search-result .list .price-widget { float: right; padding-right: 25px; padding-left: 15px; padding-top: 20px; padding-bottom: 10px; } #search-result .list .action-widget { float: right; width: 130px; padding-top: 19px; padding-bottom: 10px; } #search-result .list .action-widget .order { padding-top: 1px; display: block; } .ie #search-result .list .action-widget .order { padding-top: 6px; } #reg, #reg * { margin: 0; padding: 0; } #reg { height: 1%; overflow: hidden; font-size: 14px; padding-bottom: 20px; } #reg .info { padding: 10px 20px; padding-bottom: 0; } #reg .fieldset { padding: 10px 15px; background: #f6efe7; margin: 0 10px; margin-top: 20px; padding-bottom: 20px; overflow: hidden; height: 1%; } #reg .line { overflow: hidden; height: 1%; padding-bottom: 5px; } #reg .line label { float: left; width: 100px; padding-top: 3px; white-space: nowrap; font-size: 11px; position: relative; text-align: right; padding-right: 3ex; } #reg .line label span { color: #BF0000; right: 1.5ex; position: absolute; } #reg .line .inpt { float: left; width: 300px; border: 1px solid #d3c4b0; color: #4d4d4d; background: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px 3px; } #reg .line .inpt:hover, #reg .line .inpt:focus { background: #FFFCEA; border-color: Silver; } #reg .line .inpt#captcha { width: 40px; } #reg .line .captcha-img { float: left; margin-right: 5px; } #reg .line .captcha-txt { float: left; margin-left: 5px; } #reg .enter { padding-top: 15px; } #reg .enter input { width: 150px; height: 30px; overflow: hidden; background: url(sp-v7.jpg) 0px -911px; border: none; color: #fff; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; margin-left: 140px; text-align: center; } #reg .error { color: red; } #reg .fieldset .error { margin-top: 3px; margin-left: 120px; font-size: 11px; } .cblock-fieldset { background: #f6efe7; margin: 0 10px; margin-top: 20px; padding-bottom: 20px; overflow: hidden; height: 1%; } .cblock-fieldset .legend { display: block; overflow: hidden; background: #fff; color: #8c6c4b; font-size: 12px; font-weight: bold; width: 100%; padding-bottom: 10px; margin-bottom: 20px; } .cblock-fieldset label { display: block; overflow: hidden; height: 1%; padding: 3px 0; padding-left: 30px; } .cblock-fieldset .label { float: left; padding-top: 5px; } .cblock-fieldset .txt { float: left; width: 230px; border: 1px solid #d3c4b0; color: #4d4d4d; background: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px 3px; margin: 0 5px; } .cblock-fieldset .txt:hover, .cblock-fieldset .txt:focus { background: #FFFCEA; border-color: Silver; } .cblock-fieldset .txt.min { width: 8ex; } .cblock-fieldset .txt.right { text-align: right; } .cblock-enter { width: 150px; height: 30px; overflow: hidden; background: url(sp-v7.jpg) 0px -911px; border: none; color: #fff; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; text-align: center; } .cblock-enter.large { width: 219px; background-position: -151px -911px; margin: 10px 20px; } .cblock-enter.space { margin: 12px 30px; } #payments { border-collapse: collapse; margin: 10px 20px; } #payments td { border: 1px solid #BEA587; } #payments td, #payments th { padding: 5px 10px; text-align: left; vertical-align: top; } #payments td form { float: left; } #payments a { color: #63472a; } #payments .right { text-align: right; } #payments form { margin: 0; padding: 0; float: left; } #payments .delete { background: transparent; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #ff8c00; border: none; display: block; } #payments .delete span { display: block; border-bottom: 1px dotted #ff8c00; } #payments input { background: url(sp-v7.jpg); width: 74px; height: 21px; border: none; margin: 0 3px; padding: 0; color: #fff; } #payments input.cblock-enter { background: url(sp-v7.jpg) 0px -915px; width: 120px; height: 21px; color: #fff; font-weight: normal; } #subscribe { border-collapse: collapse; margin: 10px 20px; color: Gray; } #subscribe td { border: none; padding: 5px 10px; text-align: left; vertical-align: top; } #subscribe a { color: #63472a; } #subscribe.available td { padding-top: 15px; border: none; } #subscribe.available .action-widget { margin-top: -15px; } #subscribe.available .action-widget a { color: #ff8c00; } #subscribe .subscribe-delete { } #subscribe form { margin: 0; padding: 0; margin-top: -2px; } #subscribe .delete { background: transparent; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #ff8c00; border: none; display: block; } #subscribe .delete span { display: block; border-bottom: 1px dotted #ff8c00; } #subscribe input { background: url(sp-v7.jpg); width: 74px; height: 21px; border: none; margin: 0 3px; padding: 0; color: #fff; } #error-cookies { padding: 10px 20px; } #error-cookies p { color: red; font-size: 15px; } #login-widget { padding: 10px 20px; font-size: 15px; color: red; } #order { padding: 10px 20px; } #order .error { color: Maroon; font-size: 120%; } #status-widget { margin: 20px; font-size: 14px; } #status-widget table { border-collapse: collapse; width: 100%; } #status-widget th { margin: 0; padding: 5px 15px; text-align: left; border-bottom: 1px solid Silver; } #status-widget td { margin: 0; padding: 5px 15px; } #status-widget a { color: #000; } #images { height: 1%; overflow: hidden; margin: 0px; margin-bottom: 5px; } #images a.item { width: 172px; height: 125px; overflow: hidden; float: left; text-align: center; border-left: 1px dotted #d7c9b7; border-bottom: 1px dotted #d7c9b7; margin-bottom: -1px; margin-left: -1px; } #images a.item:hover { background: #F6EFE7 } #images a.item img { margin-top: 10px; } #files { margin-left: 20px; margin-bottom: 10px; margin-top: 5px; } #files td { padding: 5px 10px; vertical-align: top; } #files a { color: #63472a; } #files td.player { padding: 0; } #bottom { padding-top: 5px; overflow: hidden; height: 1%; } #bottom .block { margin: 0 5px; position: relative; } #bottom .block h3 { position: relative; } #recommend { height: 200px; overflow: hidden; position: relative; background: url(sp-v7.jpg) 0 -1105px; } #recommend a.back, #recommend a.next { display: block; position: relative; width: 29px; height: 106px; text-decoration: none; color: #f99111; background: #ece6d6; top: 50px; } #recommend a.back { float: left; margin-right: 20px; } #recommend a.next { float: right; margin-left: 20px; } #recommend a.back .txt, #recommend a.next .txt { display: block; text-align: center; padding-top: 40px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; } #recommend a.back .img, #recommend a.next .img { position: absolute; width: 100%; height: 100%; background: url(sp-v7.jpg) 0 -1657px; } #recommend a.next .img { background-position: -30px -1657px; } #recommend a:hover.back, #recommend a:hover.next { background: #d5c9ac; color: #e8450b; } #recommend a:hover.back .img { background-position: -60px -1657px; } #recommend a:hover.next .img { background-position: -90px -1657px; } #recommend .scroll-wrap { overflow: hidden; height: 100%; } #recommend .scroll { width: 100%; overflow: hidden; position: relative; } #recommend .item-wrap { float: left; width: 120px; height: 200px; overflow: hidden; } #recommend .item { display: block; cursor: pointer; width: 90px; height: 100%; padding: 0 15px; overflow: hidden; } #recommend a.item { font-size: 12px; text-decoration: none; text-align: center; } #recommend a.item .title { display: block; color: #333333; font-weight: bold; height: 43px; overflow: hidden; } #recommend a.item .title .empty { color: Silver; } #recommend a:hover.item { background: #d7c4ab url(sp-v7.jpg) 0 -1307px; } #recommend a.item:hover .title { color: #000; } #recommend .item .cover { display: block; min-height: 90px; padding-top: 20px; } #recommend .item .price { display: block; color: #666; white-space: nowrap; } #recommend .item .price .value { color: #ff8c00; } .recommend-h3 { height: 1%; overflow: hidden; } .recommend-h3 .recommend-h3-text { float: left; } .recommend-pause-play { display: block; float: left; margin-left: 2ex; cursor: pointer; width: 14px; height: 14px; overflow: hidden; background: url(play_pause.png) no-repeat left top; } .recommend-pause-play.pause { background-position: -16px 0px; } #ie8scrollWidthfix { width: 1600px; overflow: hidden; height: 1px; } #order-widget { margin: 10px 20px; font-size: 120%; } #order-widget .error { font-size: 130%; color: red } #order-widget table { border-collapse: collapse; } #order-widget th, #order-widget td { border-bottom: 1px solid #FFE6C8; padding: 5px 10px; margin: 0; text-align: left; vertical-align: top; } #order-widget .dl { height: 1%; overflow: hidden; padding: 0; margin: 0; } #order-widget .line { height: 1%; overflow: hidden; } #order-widget .dt { clear: both; float: left; margin: 0; padding: 0; padding-right: 1ex; } #order-widget .dd { float: left; margin: 0; padding: 0;; } #order-widget .r { text-align: right; } #order-widget a { color: #1a1a1a; } #order-widget table table th, #order-widget table table td { border: none; } #order-widget .cansel { padding: 30px 10px; } #order-widget #ruspost .enter { width: 370px; height: 30px; background: url(button_xxl-v7.jpg); border: none; padding: 0; margin: 0; overflow: hidden; color: #fff; font-weight: bold; } #order-widget #ruspost .ajax-loader { float: left; } #order-widget #ruspost table { border-collapse: collapse; font-size: 11px; } #order-widget #ruspost th, #order-widget #ruspost td { border: 1px solid #FFE6C8; margin: 0; padding: 1ex 1em; } #account, #account * { margin: 0; padding: 0; } #account { padding: 20px; padding-top: 0; font-size: 110%; } #account a { color: #63472a; } #account dt { font-size: 120%; margin: 1ex 0; } #account dd { margin-left: 5ex; } #order-widget .fieldset { padding: 10px 15px; background: #f6efe7; margin: 0 10px; margin-top: 20px; padding-bottom: 20px; overflow: hidden; height: 1%; } #order-widget .fieldset label { padding: 0 10px; float: left; white-space: nowrap; } #order-widget.cancel label { display: block; height: 1%; clear: both; padding: 3px 0; } #order-widget.cancel .legend { padding: 10px 0; font-weight: bold; } #order-payForm .loading { background: url(ajax_loader_fff.gif) left top no-repeat; margin-top: 24px; margin-bottom: 36px; margin-left: 30px; padding-left: 25px; } .relevant ul, .relevant li { list-style: none; display: block; height: 1%; overflow: hidden; padding: 0; margin: 0; } .relevant li { float: left; width: 130px; height: 190px; } .relevant ul { padding: 0 15px; padding-top: 10px; } .relevant a { display: block; width: 120px; height: 160px; overflow: hidden; cursor: pointer; text-align: center; text-decoration: none; } .relevant a .cover { display: block; max-height: 110px; height: auto !important; height: 110px; overflow: hidden; } .relevant a .title { display: block; text-decoration: underline; color: #333333; font-weight: bold; height: 5ex; overflow: hidden; } .relevant a:hover .title { text-decoration: none; } #discount-list li { margin-bottom: 5ex; } #discount-list .dl { overflow: hidden; height: 1%; } #discount-list .line { overflow: hidden; height: 1%; } #discount-list .dt { float: left; clear: both; width: 22ex; } #discount-list .dd { float: left; } .library { font-size: 12px; } .library a { color: #333333 } #acp ul, #acp li { margin: 0; padding: 0; display: block; list-style: none; } #acp { color: #fff; height: 1%; overflow: hidden; font-size: 12px; padding-bottom: 5px; } #acp ul { float: left; } #acp ul.acp-right { float: right; } #acp li { float: left; margin: 0 0.5ex; } #acp li.current { float: right; } #acp a { color: #fff; text-decoration: none; display: block; padding: 0 1ex; } #acp .devel a { color: Silver } #acp a:hover { text-decoration: underline; color: #f9f7f3; } #sitemap { font-size: 15px; } #sitemap a { color: #63472a } .sitemap0 { font-size: 120%; margin-top: 1em; display: block; } .sitemap-row { float: left; width: 40%; } .message { padding: 15px 0px 10px 30px; font-size: 15px; font-weight: bold; color: #6f6251; } .message.error { color: #ff8d03; } /** * prettyPhoto.css */ /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.pictureHolder .top .left { background: url(prettyPhoto/tl.gif) top left no-repeat; } /* Top left corner */ div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */ div.pictureHolder .top .right { background: url(prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */ div.pictureHolder .content { background-color: #fff; } /* Content background */ div.pictureHolder .content a.next:hover { background: url(prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */ div.pictureHolder .content a.previous:hover { background: url(prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */ div.pictureHolder .content a.expand { background: url(prettyPhoto/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */ div.pictureHolder .content a.expand:hover { background: url(prettyPhoto/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */ div.pictureHolder .content a.contract { background: url(prettyPhoto/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */ div.pictureHolder .content a.contract:hover { background: url(prettyPhoto/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */ div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */ div.pictureHolder .content .details .nav a.arrow_previous { background: url(prettyPhoto/arrow_previous.gif) top left no-repeat; } /* The previous arrow in the bottom nav */ div.pictureHolder .content .details .nav a.arrow_next { background: url(prettyPhoto/arrow_next.gif) top left no-repeat; } /* The next arrow in the bottom nav */ div.pictureHolder .bottom .left { background: url(prettyPhoto/bl.gif) top left no-repeat; } /* Bottom left corner */ div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */ div.pictureHolder .bottom .right { background: url(prettyPhoto/br.gif) top left no-repeat; } /* Bottom right corner */ div.pictureHolder .loaderIcon { background: url(prettyPhoto/loader.gif) center center no-repeat; } /* Loader icon */ div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(prettyPhoto/ttl.gif) top left no-repeat; } div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(prettyPhoto/ttr.gif) top left no-repeat; } div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(prettyPhoto/ttp.gif) top left repeat-x; } /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.prettyPhotoOverlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pictureHolder{position:absolute;z-index:10000;width:100px}div.pictureHolder .top{position:relative;height:20px}* html div.pictureHolder .top{padding:0 20px}div.pictureHolder .top .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .top .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .top .middle{position:static}div.pictureHolder .top .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .content{position:relative;text-align:left;width:100%;height:40px}div.pictureHolder .content .details{display:none;margin:10px 15px 0 20px}div.pictureHolder .content .details p.description{display:none;float:left;margin:0}div.pictureHolder .content .details .nav{float:left;margin:4px 0 0 0}div.pictureHolder .content .details .nav p{float:left;margin:0 4px}div.pictureHolder .content .details .nav a.arrow_previous,div.pictureHolder .content .details .nav a.arrow_next{float:left;display:block;width:8px;height:9px;text-indent:-10000px;margin-top:4px}div.pictureHolder .content .details .nav a.disabled{background-position:0 -10px;cursor:default}div.pictureHolder .content div.hoverContainer{position:absolute;z-index:10000;top:0;left:0;width:100%}div.pictureHolder .content a.next{position:relative;z-index:2000;display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.previous{cursor:pointer;display:block;text-indent:-10000px;width:49%;height:100%;background:url(prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.expand,div.pictureHolder .content a.contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}div.pictureHolder .content a.close{float:right;display:block;text-indent:-10000px}div.pictureHolder .bottom{position:relative;height:20px}* html div.pictureHolder .bottom{padding:0 20px}div.pictureHolder .bottom .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .bottom .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .bottom .middle{position:static}div.pictureHolder .bottom .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pictureHolder #fullResImageContainer{width:100%;text-align:center}div.prettyPhotoTitle{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}div.prettyPhotoTitle div.prettyPhotoTitleLeft,div.prettyPhotoTitle div.prettyPhotoTitleRight{float:left;width:19px;height:23px;overflow:hidden}div.prettyPhotoTitle div.prettyPhotoTitleContent{float:left;line-height:23px}