/* Сайт сделан в IT Studio. www.itstudio.ru */ * {box-sizing: border-box; x-moz-box-sizing: border-box} html, body, table, td, form, h1, h2, h3, h4, h5, h6, p, ol, ul {padding: 0; margin: 0} html {xfilter: expression(document.execCommand("BackgroundImageCache", false, true))} img, table, td {border: 0} body {background: #fff} body, td, th {font-size: 80%; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #000} table {border-collapse: collapse} /*img.png {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=/i/img.png)}*/ a:link {color: #345ebc} a:visited {color: #345ebc} a:hover {text-decoration: underline; color: #345ebc} a:active {color: #345ebc} hr {height: 0px; border: 0; border-top: 1px solid black} h1 {font: 145% Arial, sans-serif; margin: 0 0 .75em 0; text-transform: uppercase} h2 {font: bold 120% Arial, sans-serif; color: #000; margin: 0 0 .5em 0} h3 {font: bold 100% Tahoma, Arial, sans-serif; color: #000; margin: 0 0 .5em 0} h4 {font: bold 110% Tahoma, Arial, sans-serif; color: #000; margin: 0 0 .8em 0;} h5 {font: bold 90% Tahoma, Arial, sans-serif; color: #000; margin: 0 0 .3em 0;} p {padding-bottom: 1em} ul {padding: 0.2em 0 1em 3em} ol {padding: 0.2em 0 1em 3.5em} dl, dd, dt {margin-left: 0} /* button {} input {} textarea {} */ .blur {color: #8b8080} .focus {color: black} q:before, q:after {content: ""} /* markup */ #page {width: 100%; min-width: 980px; width:expression((document.documentElement.clientWidth||document.body.clientWidth) < 980 ? "980px": "100%")} /* stickly footer */ html, body { height: 100%; } #page { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -8em; /* the bottom margin is the negative value of the footer's height */ } #footer, #push { height: 6em; /* .push must be the same height as .footer */ } .inner #footer, .inner #push {height:8em;} #header {width: 100%; vertical-align: top} #header-table {width: 100%} #header-table td {vertical-align: top; padding-top: 33px} #logoAndMenu {padding-left: 50px; width: 45%} #logo {margin-bottom: 31px} #logo img {font-size: 150%; width: 355px; height: 84px; border: 0} #service_navigation {} #service_navigation ul {margin: 19px 0 0; padding: 0; list-style: none} #service_navigation li {margin-bottom: .75em} #service_navigation .current {} #i-mail {background: url(/i/i-mail.gif) right .4em no-repeat; padding-right: 15px} a#i-home {background: url(/i/i-home.gif) right .2em no-repeat; padding-right: 15px} b#i-home {background: url(/i/i-home-current.gif) right .2em no-repeat; padding-right: 15px; font-weight: normal; color: #905744} #thecart {position: relative; top: 50px; height: 29px; margin-left: -8px; z-index:160;} #thecart img {width: 29px; height: 29px; float: left} #thecart span {position: relative; top: 4px; padding-left: 2px} #bookmark {} #bookmark a {position: relative; top: -33px} #in {padding-right: 50px; width: 250px} #in h2 {text-transform: uppercase; font-size: 135%} #in h2 a {font-size: 65%; margin-left: .25em} #in label {width: 4em; display: block; float: left} #in .row {margin-bottom: 0.5em} #in input {width: 7em} #in button {padding: 0; width: auto; margin-left: 4em; *margin-left: 3.4em; font-size: 100%} .amnesia {color: #bcbcbc !important; font-size: 90%} #menu {margin: 0; padding: 0; list-style: none; position: absolute; margin-top: 30px; *margin-top: 0; width: 50em; z-index:100;} #menu li {display: inline; float: left; padding: 0; margin-right: 11px; margin-bottom:.5em; color: white; background: #905744 url(/i/m-l.gif) left -12px no-repeat} #menu li:hover ul{display:block} #menu li.iehover ul{display:block} #menu .submenu .submenu {display:none;} #xmenu li {display: block; float: left; padding: 0; margin-right: 11px; margin-bottom:.5em; color: white; background: #905744 url(/i/m-l.gif) left center no-repeat} #menu li.selected {background: #905744 url(/i/m-l-c.gif) left center no-repeat} #menu a {display: block; padding: 10px 16px 10px 16px; color: white; text-decoration: none; background: url(/i/m-r.gif) right center no-repeat} #menu a:hover {} #menu b {display: block; padding: 10px 16px 10px 16px; background: url(/i/m-r-c.gif) right center no-repeat; font-weight: normal} #menu .selected {} #menu .selected a {background: url(/i/m-l-c.gif) left center no-repeat} #menu .selected li a {} #menu .submenu {margin: 0; padding: 0; list-style: none; background:#f5f5e2; padding:10px 15px 10px 15px; border:1px solid #905744; position: absolute; display:none; z-index:100;} #menu .submenu li {float:none; margin:0; padding:0; background:none} #menu .submenu li a {background:none; padding:0; margin:0; color:#6b4133; text-decoration:underline !important; padding-bottom:5px;} #menu .submenu li.selected span {background:none; padding:0; margin:0; color:#6b4133; text-decoration:none !important; padding-bottom:5px; font-weight:bold; padding-bottom:5px;} #menu .submenu li a:hover { color:#9b6857} #menu .submenu li.selected {background:none} #content {height: 100%; vertical-align: top; padding-bottom: 50px} #content_table {width: 100%} #content_left {vertical-align: top; padding: 34px 0 0 50px; xwidth: 37%} .inner #content_left {width: auto} .bg {background: #f7f7f7; padding: 20px; margin-bottom: 1em} #news {} #news dt {font-size: 120%} #news dd {margin-bottom: 2em} #newslist dt {padding-bottom: .5em} #newslist dd {padding-bottom: .5em} #content_right {vertical-align: top; padding: 50px 0 0 50px; width: 25%} .inner #content_right {width: 250px; padding-right: 50px} #rightmenu {margin: 0; padding: 0} #rightmenu li {font-weight: bold; font-size: 110%; list-style: none; margin: 0 0 .5em; padding: 0} #rightmenu li {} #content_right h2 {margin: 0} #newslist {xborder: 1px solid red; width: 100%; margin: 0} #newslist dt {font-size: 130%; xborder: 1px solid red; width: 100%} #newslist dd {margin-bottom: 1em; xborder: 1px solid red; width: 100%; color: #565656} #submenu {list-style: none} #submenu li {margin-bottom: .5em; font-size: 110%} #extra {width: 301px; vertical-align: top; padding-left: 50px} #search {margin-top: 1.6em} #search table {width: 100%} #search .blur, #search .focus {width: 95%} #search button {margin-left: .5em} q {font: italic 130% Georgia; margin: 2em 20px 0 20px; display: block} .autor {text-align: right; font-size: 85%; color: #565656} #newbooks {background: url(/i/bg.gif); float: left; xwidth: 100%; margin: 20px 0 0 0; padding: 30px 50px} #newsbooks table {margin: 0 50px} #newsbooks table table {margin: 0} #newsbooks td.width33 {width: 33%; padding-bottom: 30px} #newbooks h1 {margin: 0 0 1.4em 0; xborder: 1px solid red} /* #newbooks ul {list-style: none; padding: 0; margin: 0 50px; _margin-left: 25px; float: left; xborder: 1px solid red} #newbooks ul li {display: block; float: left; margin: 0 3em 3em 0} #newbooks ul li .pic {border: 8px solid white; float: left; margin-right: .75em} */ #footer {margin: 0 auto; vertical-align: top} #footer_table {width: 100%} .inner #footer_table {border-top: 1px solid #ddd9d3} #footer_table td {color: #565656; font-size: 70%; width: auto; vertical-align:middle;} .inner #footer_table td {padding-top:3em} #footer_table td td {padding-top: 0} .adr {vertical-align: top; width: 40%; padding-left: 50px} .adr td p a {color: #565656; text-decoration:none;} .adr td p a:hover {color: #565656; text-decoration:none;} .copyright {vertical-align: top; padding: 0 50px} .itcopy {xwidth: 20em; /*vertical-align: top; */text-align: right !important; padding-right: 50px} #copyright {} #footer address {font-style: normal} /* IT Studio copyright */ #itstudio {margin-right:70px; *margin-right:35px} #itstudio img {float: left; position: relative; top: 3px; margin-right: 4px; width: 32px; height: 35px} #itstudio p {padding: 0 !important; margin: 0 !important;} #itstudio p a{color:#565656 !important; text-decoration:none;} #itstudio p a:hover{color:#565656 !important;} #itstudio .adr {width: auto; float: none; padding: 0; vertical-align:middle;} #searchResults {padding-top:15px;} /* content */ table.user {border: 1px solid gray; margin-bottom: 1em} table.user td, table.user th {border: 1px solid gray; padding: 2px 5px} /* custom for contacts form */ .feedback { width:530px;} .feedback input {margin-bottom: 1em} .feedback textarea {height: 6em; margin-bottom: 1em} .feedback button {display: block; clear: both;} .feedback input {width: 20em; font-size: 100%} .feedback textarea {width: 20em; font-size: 100%; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;} .feedback .text {width: 8em !important; display: inline; float: left; clear: both; margin-bottom: 1em; padding-right: 10px} .feedback #code {width: 5em;} .feedback #code_img {vertical-align: top; width:35px; height:15px; margin-top:3px;} /* site map */ #site_map {list-style: none; padding: 0; font-size: 115%} #site_map ul {list-style: none; font-size: 90%; padding: 0; margin-left: 2.5em} #site_map li {padding: 0.25em 0} table.foto {float: left; width: 200px; margin: 10px 10px 0 0; background: #eaf7fa; border: 1px solid #dbe8eb} table.foto td.pic {width: 200px; height: 200px; padding: 20px; vertical-align: middle !important} table.foto td.pic a {vertical-align: middle} table.foto td.pic img {} .color1{background-color:#ffffff} .color2{background-color:#f7f7f7} #menu_catalogue {margin: 0; padding: 0; list-style: none; color:#345ebc;} #menu_catalogue li {list-style: none; padding:5px 0 9px 0;} #menu_catalogue li.selected {font-weight:bold; list-style: none; padding:5px 0 9px 0;} #menu_catalogue li a {margin-left:11px; padding-left:14px; display:block;} #menu_catalogue li b {margin-left:11px; padding-left:14px; display:block;} #menu_catalogue ul{padding:0 0 0 0; margin:0} #menu_catalogue ul li {font-weight:normal; padding: 0 !important; margin: .5em 0 .5em 22px; } #menu_catalogue ul li.selected{padding:0; margin: 0; margin: 0.5em 0 .5em 22px;} #menu_catalogue ul li a, #menu_catalogue ul li b {/*padding: 0 0 0 14px;*/ margin:0; display: block} #menu_catalogue ul li.font {color:#bcbcbc;} #menu_catalogue ul li.font a:hover{color: #bcbcbc; text-decoration:none} #menu_catalogue a.plus {background:url(/i/plus.gif) no-repeat scroll left .4em;} #menu_catalogue a.minus {background:url(/i/minus.gif) no-repeat scroll left .4em;} .child_cat_plus {display:none;} .child_cat_minus {display:block;} #menu_users {list-style: none; padding:0 0 0 12px; margin:0} #menu_users li {float:left; margin:0; padding:0} #menu_users li a{color:#345ebc; text-decoration:underline} #menu_users li span{padding: 0 5px 0 5px; color:#e0e0e0;} .error {color:red; margin-bottom:3px;} .goods_img{/*margin:9px;*/} .block4 {background: url(/i/img_top.gif) no-repeat left top;} .block3 {background: url(/i/img_bottom.gif) no-repeat left bottom;} .block1 {background: url(/i/img_left.gif) repeat-y left top;} .block2 {background: url(/i/img_right.gif) repeat-y right top;} .price{font: bold 120% Tahoma, Arial, sans-serif; color: #976250; margin: 0 0 1em 0;} #pageNav {float:left; padding-top:22px; padding-right:10px; font-size:10pt; font-weight:bold} #pageNav span, #pageNav b, #pageNav a {display: block; float: left; margin: .25em 1em .25em 0; padding: .3em .5em} #pageNav a {background: #eee; color: #7d7d7d; text-decoration: none} #pageNav b {xfloat: left; background: #f8c300; color: #fff; text-decoration: none} #pageNav a:hover {color: #345ebc} #table_img {} #b1{background: url(/i/img_b_top_left.gif) no-repeat top left; width:11px; height:11px} #b2{background: url(/i/img_b_top.gif) repeat-x top left; height:11px} #b3{background: url(/i/img_b_top_right.gif) no-repeat top left; width:11px; height:11px} #b4{background: url(/i/img_b_left.gif) repeat-y top left; width:11px;} #b5{background: url(/i/img_b_right.gif) repeat-y top left; width:11px;} #b6{background: url(/i/img_b_bottom_left.gif) no-repeat top left; width:11px; height:9px} #b7{background: url(/i/img_b_bottom.gif) repeat-x top left; width:11px;} #b8{background: url(/i/img_b_bottom_right.gif) no-repeat top left; width:11px; height:9px} .title {font: bold 125% Tahoma, Arial, sans-serif; color: #345ebc; margin: 0 0 .8em 0;} .pole {margin-bottom:1.4em} .pole span {color:#585858; line-height:150%;} .blur .t, .blur .r, .blur .b, .blur .l, .blur .c { position: relative; z-index: 1; display: block; background-repeat: no-repeat; background-position: left top; left: 0; top: 0; } .blur .t { left: -5px; top: 0px; } .blur .r { background-position: right top; left: 5px; } .blur .b { background-position: right bottom; top: 5px; } .blur .l { background-position: left bottom; left: -5px; } .blur .c { left: -4px; top: 0px; margin-right: 0px; } .example { background: green; width: 111px} .example .blur { background: red; } .example .blur .t { background-image: url('/i/t.gif'); } .example .blur .r { background-image: url('/i/r.gif'); } .example .blur .b { background-image: url('/i/b.gif'); } .example .blur .l { background-image: url('/i/l.gif'); } .example .blur .reducer { padding: 0} .block {border: 6px solid #fff} .block a, .block img {margin: 0} .block img {position: relative} /* basket */ #goodsTable, #orderHistoryTable {width: 100%} #goodsTable td, #goodsTable th, #orderHistoryTable td, #orderHistoryTable th {padding: 1em} #goodsTable th, #orderHistoryTable th {background: #f9cc26} #goodsTable td, #orderHistoryTable td {border-bottom: 1px solid #e2e2e2} #howMuth, #finalPrice, .price {color: #ed5900} #delivery {border: 1px solid #f9cc26; padding: 1em; float: left; width: 100%; margin-bottom: 1em} #delivery label {display: block; margin-bottom: .5em} .floatLeft {float: left; margin-right: 1em} #finalPrice {font-size: 150%} #deliveryEnd {padding: 0 1em} /* profile */ .profileBlock {float: left; width: 40%; background: #f7f7f7; margin-right: 2em; padding: 1em} .profileBlock small {float: right} .profileBlock label {display: block; float: left; padding: .5em 0; width: 10em} .profileBlock .confirm {} #faq {} #faq dt {font-size: 120%; font-weight: bold; margin-bottom: .5em} #faq dd {margin: 0 0 2em 0} #faq .top-left{ background:url(/i/auth_prof_left.gif) left top no-repeat; width:13px; height:13px;} #faq .top {background:url(/i/line.gif) top center repeat-x; height:13px;} #faq .top-right{ background:url(/i/auth_prof_right.gif) right top no-repeat; width:13px; height:13px;} #faq .bottom-left { background:url(/i/auth_prof_left.gif) bottom left; width:13px; height:13px;} #faq .bottom {background:url(/i/line.gif) bottom center repeat-x; height:13px;} #faq .bottom-right {background:url(/i/auth_prof_right.gif) bottom right; height:13px; width:13px;} #faq .right {background:url(/i/line.gif) right center repeat-y; width:13px;} #faq .left {background:url(/i/line.gif) left center repeat-y; width:13px;} .faq { width:100%; margin-bottom:30px;} #faq .line {height:1px; background:url(/i/line.gif) top repeat-x;} .faq .question { padding-bottom:10px; font-size:80%; font-weight:bold;} .faq .answer { font-style: normal; font-size:80%; width:100%;} .lquot {width:16px; height:13px; position:relative; left:0px; margin-left:-16px; top:3px; } .rquot {width:16px; height:13px; position:relative; right:0; top:3px; } .feedback_info {font-size:90%; color:#868686; font-weight:normal; padding:3px 0 5px 0; display:block;} #add_cart_bg { position:absolute; background:#000; top:0; left:0; z-index:400; margin:0; padding:0; width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/ -moz-opacity: 0.7; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ } #add_cart { position: absolute; padding:10px 10px 15px 10px; width:300px; /*height:100px;*/ background:#FFF !important; z-index:401; border:solid 5px #ccc} #add_cart .text {padding-bottom:6px; width:100%; text-align:center; font-weight:bold;} #add_cart #quantity { height:20px; width:30px;} #add_cart .add_btn {margin-left:13px; position:relative; height:22px;} #add_cart .cart_close_btn {margin-left:10px; position:absolute; top:5; right:5;} span.kit{ color: #ED5900; font-size:100% !important; font-weight:bold; margin-bottom:5px; display:block} #kit { margin-top:20px;} #kit span {font-size:83% !important; color:#000000;} #kit a {font-size:83%; font-weight:normal; margin:5px 0 0 15px; display:block;} .one_book { position:relative; z-index:20;} .one_book .left {background:url(/i/cell-left-bg.png) top left repeat-y; width:10px; background: expression("none"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/cell-left-bg.png", sizingMethod="scale")} .one_book .right {background:url(/i/cell-right-bg.png) top left repeat-y; width:10px; background: expression("none"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/cell-right-bg.png", sizingMethod="scale")} .new_label {position: absolute; margin-left:-27px;} #bookName {text-align:center; padding-bottom:10px; font-weight:bold;} #bookName div { font-weight:bold; color:#345ebc; padding-top:10px; position:relative;} h4 a .cursor {background-color:#EAF7FA; padding:0 0 2px 0} /* .b-vote (begin) */ .b-vote { padding: 8px; background: #f9cc26; color: black; } .b-vote p { padding: 0; text-align: center; } .b-vote a { text-decoration: none; color: black; border-bottom: 1px dashed gray; } #vote-link{text-decoration: none; color: black;} /* .b-vote (end) */ /* #vote-form (begin) */ #vote-form { position: absolute; z-index: 999; top: 25%; left: 50%; width: 400px; margin-left: -200px; padding: 20px 30px; color: #666; background:#FFFFFF none repeat scroll 0 0 !important; border:5px solid #CCCCCC; } #vote-form .cart_close_btn {margin-left:10px; position:absolute; top:5; right:5;} #vote-form fieldset { border: 0; padding: 0 0 20px; } #vote-form h2 { font: bold 140.6% Tahoma, Arial; color: #333; margin-bottom: 16px; } #vote-form label { position: relative; top: -2px; } #vote-form .row { margin-bottom: 8px; } #vote-form #close-form { float: right; } /* #vote-form (end) */