/* File data: style.css */ body{margin:0; padding:0; position:relative; background:#007972 url("/media/css/../images/background.jpg") top center no-repeat; color:#007972; font-family: Tahoma, Arial, sans-serif; font-size:14px} img{border:none;} * {margin:0; padding:0;} a{outline:none; color:#007972} a:hover{text-decoration:none;} label{cursor:pointer;} .editable p{margin:5px 0} .editable ol, .editable ul{margin:10px 0 10px 12px} .editable h1, .editable h2, .editable h3, .editable h4, .editable h5{margin:12px 0} div.editable{position:relative;} #container{margin:0 auto; width:1000px; position:relative;} .big-screen{border-left:1px solid #ccc; border-right:1px solid #ccc;} #header{height:230px; margin:0} #header div.inner{margin:0 0 0 100px; position:relative;} #logo{display:block; position:absolute; width:185px; height:111px; top:69px; left:210px} #click-logo{width:280px; height:150px; position:absolute; top:44px; left:30px; z-index:100} #cart-area{width:300px; height:130px; background: url("/media/css/../images/autorizations.jpg") top no-repeat; position:absolute; top:0; right:0; padding:30px 10px 0 10px;} #cart{float:left; width:105px;} #cart a.icon{display:block; position:absolute; top:11px; left:15px; width:80px; height:16px; background: url("/media/css/../images/cart-top.gif") top right no-repeat;} #cart span.number{display:block; font-size:14px; font-weight:bold; padding-top: 8px} #cart span.number span{font-weight:normal; padding-left:7px; font-size:14px} #cart span.summ{display:block; font-size:14px; color:#dc3d20; font-weight:bold; padding:0 0 8px 0} #cart a.deferred{color: #dc3d20; padding-top: 8px; display: block} #login{float:left; width:170px; padding:0 0 0 15px; position:relative;} #login form{float:left; width:100%;} #login form div{float:left; margin-top: 8px} #login form input{float:right; width:127px; color:#777; margin:0 0 5px 0; border:none; padding:2px 3px; height:20px} #login form input#login-button{background:#ababab url("/media/css/../images/arrows.gif") center no-repeat; width:17px; height:53px; cursor:pointer; margin:0 0 0 4px; padding:0} #login a{clear:both; font-size: 11px} #login a.register{margin-left: 16px;} #login a.red{color:#b70503; padding-left:5px} .red{color:#ea0000;} #cart-area div.form-errors p{color:#fff;} #login div.customer{display: flex; justify-content: space-around; flex-wrap: wrap; padding-top: 7px;} #login p.hello{font-size:14px; margin-bottom: 17px; text-align: center;} #login p.hello span{color:#b70503;} #login a.right-link{margin-left:6px} #menu{position:relative; width:100%; height:60px; float:left;} #menu ul{float:left; margin:0 30px; padding:20px 0} #menu ul li{float:left; list-style:none; margin:0 10px} #menu ul li a{font-size:18px; } #menu ul li.active a{color:#b70503;} #columns-wraper{background: url("/media/css/../images/white-background.jpg") #FFF no-repeat; float: left; min-height: 450px; width: 1000px; margin: -1px 0 0 0px; position:relative;} #left-col{float:left; width:200px; position:relative; margin-left: 35px; padding:90px 0 10px 0} #left-col div.inner{min-height:450px; padding:0 0 0 0} #left-col #vk_groups{margin-bottom: 100px} div.ya-share2{margin: 20px 0 20px 20px} div.ya-share2.product-share{margin-left: 0} .index-content{} #content{padding:33px 0 25px 15px; overflow-x: hidden; width:750px; float:left; min-height:620px} #content-area{position:relative; padding:0px 22px 15px 20px; clear:both;} div.line{height:3px; background: url("/media/css/../images/border.gif") center repeat-x; padding:15px 0; clear:both; margin:0 22px 0 0} #brands{float:left; padding:0 0 15px 0} #brands a{display:block; float:left; width:145px; height:65px; text-align: center; text; margin:8px 15px} #brands a span{display: table-cell; width:155px; height:80px; vertical-align: middle;} #search{width:750px; height:51px; background: url("/media/css/../images/page-search.png") top left no-repeat; margin:0 0 15px -23px} #search div{padding:16px 0 0 94px; font-size:13px; color:#005652} #search input{display:block; float:left;} #search input.string{width:175px; height:20px; border:none; padding:0 4px; margin-right:4px; color:#005652} #search input.start{border:none; width:11px; height:11px; background: url("/media/css/../images/arrows-right.gif") center no-repeat; cursor:pointer; margin:5px 0 0 15px} #search select{border:none; padding:2px 0px; height:20px; width:130px} #search select option{color:#005652;} #search div.select-wrapper{width:130px; float:left; margin:0 4px; padding:0; height:20px; overflow:hidden;} .customStyleSelectBox{padding:2px 5px; background:#fff url("/media/css/../images/arrows-select.gif") top right no-repeat; cursor:pointer;} #right-col{float:left; width:250px; height:250px; background-color:#666; position:relative;} #pre-footer{height:184px; clear:both;} #footer{height:184px; background: url("/media/css/../images/footer.gif") bottom repeat-x; position:relative; clear:both;} #footer div.inner{background:#007972 url("/media/css/../images/footer.jpg") left bottom no-repeat; width:1000px; margin:0 auto; height:100%; color:#fff} #footer div.inner div{padding:110px 0 0 210px;} #footer-left .inner a{color:#005652} #footer-right{background: url("/media/css/../images/footer-tank.png") bottom right no-repeat; height:100%; width:800px; position:absolute; bottom:0; right:0; z-index:100} form.regular{font-size:14px; padding:10px 0} form.regular table td{padding:8px} form.regular table td.field-name{max-width:150px} form.regular table td.field-name span{padding-right:5px; color:#DC3D20; float:left;} form.regular table td.field-input{} form.regular table td.field-input input, form.regular table td.field-input textarea {padding:2px 3px; border:1px solid #aaa; color:#005652} form.regular table td.field-input textarea{width:400px} form.regular table td.field-input img{display:block;} div.form-errors, div#no-errors{border:1px solid #DC3D20; padding:5px 10px; clear:both; margin:-5px 0 15px 0px; max-width:550px} div.form-errors p{color:#DC3D20; font-size:14px; margin:2px 0} div.form-no-errors{border:1px solid #005652; color:#005652; font-size:14px; padding:5px 10px; float:left;} #login-error p{color:#fff; font-size:13px} #login-error div.form-errors{margin:0; padding:0;} div#no-errors{border:1px solid #005652; color:#005652; font-size:14px;} #login-error{background:#DC3D20; font-size:13px; color:#fff; padding:10px; position:absolute; top:90px; right:-18px; width:297px} div.delivery_desc{font-size:13px; padding:3px 0 12px 18px} div.delivery_desc p{margin:3px 0} #fio{width:400px} #order-products{font-size:14px; border-bottom:1px solid #aaa; margin:0 0 10px 0} #order-products th{text-align:left; font-size:14px; border-bottom:1px solid #aaa; padding:5px;} #order-products td{padding:5px; text-align:left;} #order-products td.name{width:60%} #client-orders{margin-top:-15px} #client-orders p.order-name{padding:3px 12px 3px 25px; color:#005652; background: url("/media/css/../images/arrows-right.gif") 5px 6px no-repeat #eee;} #client-orders div.details{padding:0 0 3px 25px; font-size:13px;} #client-orders div.details p{} #client-orders div.details p.details-goods{color:#444} div.blog-wrapper{width:693px; float:left; padding:0 22px 15px 0} div.blog-wrapper a.blog-image{display:block; float:left; margin:0 10px 10px 0} div.blog-wrapper h3{margin:0 0 8px 0; font-size:14px; font-weight:bold;} div.blog-wrapper p.date{color:#777; margin:2px 0} div.blog-wrapper p.text a{text-decoration:none;} h4.news-date{margin:0 0 5px 0; font-size:14px; color:#777; font-weight:normal;} p.riva{color:#333} /* End of file */ /* File data: style-catalog.css */ #header-new-products{clear:both; background: url("/media/css/../images/page-novetly.png") no-repeat; width:139px; height:55px} #header-brands{clear:both; background: url("/media/css/../images/page-procreator.png") no-repeat; width:197px; height:51px; margin:0 0 10px 0} #header-additional{width:280px; height:51px; background: url("/media/css/../images/page-related-products.png") no-repeat; clear:both;} #new-products{margin:-3px 0 0 0px; float:left;} #catalog{margin:0 0 20px 0px; background:#E3E3E3; padding:7px 0 0 0;} #catalog li{list-style:none; padding:1px 0 4px 12px} #catalog li:last-child{padding-bottom: 0;} #catalog li.tools{background:#ffe471; background: url("/media/css/../images/tools-back.jpg");} #catalog ul{padding:2px 0 0 17px} #catalog a{font-size:14px; color:#005652;} #catalog a.active{color:#a04b00; text-decoration:none; font-weight:bold;} #catalog ul li a{font-size:14px} #products{padding:10px 0 0 20px; float:left; position:relative;} div.product{width:212px; float:left; height:320px; margin:0 25px 35px 0; position:relative; background:#e3e3e3;} div.product table{border:none} div.product table td.image{height:158px; width:212px; vertical-align:middle; position:relative;} div.product table td.color{border:1px solid #005652;} div.product table td.image a{display:block; width:212px; height:158px;} div.product table td.image p{font-size:12px; text-align:center;} div.product table td.image img{display:block; margin:0 auto} div.product table td.name{background:#e3e3e3; height:60px; padding:12px 18px 0 18px; color:#005652} div.product table td.name a, div.product table td.name span{text-decoration:none; color:#005652; font-size:13px; display:block; height:67px; overflow:hidden;} div.product table td.name a:hover{text-decoration:underline;} div.product table td.price{ color:#005652; height:45px; padding:5px 18px 7px 18px; font-size:15px; font-weight:bold;} div.product table td.price span{color:#ff8000; font-weight:bold; font-size:20px; padding-left:0px} div.product table td.price span.old-price{text-decoration:line-through; font-size:14px; color: #dc3d20;} div.product table td.price span.new-price{padding-left:2px} div.product table td.price span small{font-size:13px; font-weight:normal;} div.product table td.to-cart, div.product table td.in-cart, #product-params .to-cart, #product-params .in-cart, #products-list td.to-cart, #products-list td.in-cart{height:34px; background: url("/media/css/../images/cart-to.jpg") no-repeat; cursor:pointer; width: 84%; background-size: 100% 100%} div.product table td.in-cart, #product-params .in-cart, #products-list td.in-cart{background: url("/media/css/../images/cart-in.jpg") no-repeat; width: 84%; background-size: 100% 100%} div.product table td.defer{width: 16%; background: url("/media/css/../images/defer-button.jpg")no-repeat; background-size: 100% 100%; cursor: pointer; title="Отложить"} div.product table td.defer.active{background: url("/media/css/../images/defer-button-active.jpg") no-repeat;} span.absolut-brand{position:absolute; top:0; left:0; z-index:10;} div.product div.flag{width:60px; height:23px; position:absolute; top:0; right:0px; z-index:100} div.product div.new{background: url("/media/css/../images/label-new.gif") no-repeat;} div.product div.hit{background: url("/media/css/../images/label-hit.gif") no-repeat;} div.product div.soon{background: url("/media/css/../images/label-soon.gif") no-repeat;} div.product div.raritet{background: url("/media/css/../images/label-raritet.gif") no-repeat;} div.product div.discount{background: url("/media/css/../images/label-discount.gif") no-repeat;} div.path{padding:0px 0 12px 5px; font-size:13px} div.path a{background: url("/media/css/../images/arrows-path.gif") right 6px no-repeat; padding:0 14px 0 7px;} div.path span{padding:0 14px 0 7px;} div.page-name{height:49px; float:left; margin-bottom:0px} div.page-name div{height:100%; float:left;} div.page-name div.name-left{height:49px; width:60px; background: url("/media/css/../images/page-left.png") center no-repeat;} div.page-name h1{background: url("/media/css/../images/page-middle.png") repeat-x; font-size:20px; padding:9px 0 0 0; height:100%; max-width:80%; overflow:hidden; line-height:33px; font-weight:normal; margin:0; float:left;} div.page-name div.name-right{width:64px; background: url("/media/css/../images/page-right.png") center no-repeat;} div.page-name div.name-middle{background: url("/media/css/../images/page-middle.png") repeat-x; font-size:20px; padding:9px 0 0 0; height:100%; max-width:80%; overflow:hidden; line-height:33px} #categories{padding:0px 0 0 20px; float:left;} div.category{width:212px; float:left; height:268px; margin:0 25px 25px 0; position:relative; background:#e3e3e3;} div.category a{text-decoration:none; color:#005652} div.category table td.name{background: url("/media/css/../images/categories.jpg") center no-repeat; height:158px; vertical-align:middle; text-align:center; padding:0 0px; width:212px} div.category table td.name image{display:block; margin:0 auto} div.category table td.name a{font-size:40px; font-weight:bold; line-height:18px; display:block;} div.category table td.name a small{font-size:20px;} div.category table td.title{padding:10px 22px; vertical-align:middle; height: 110px} div.category table td.title a{font-size:14px} div.category table td.title a:hover{text-decoration:underline;} div.pager, div.pager-limits{clear:both; padding:10px 0 0px 0px; font-size:13px} div.pager a, div.pager-limits option{color:#005652; padding:0 5px} div.pager a.active, div.pager-limits a.active{color:#B70503; text-decoration:none; font-weight:bold;} div.pager span, div.pager-limits span{padding-right:7px; color:#005652} div.pager-limits .customStyleSelectBox{border: 1px solid #aaa; cursor:pointer;} #product{margin:0 0 30px 0px; float:left; position:relative;} #product-images{width:400px; float:left; padding-right:15px;} #product-images p{color:#76726b; font-size:12px; text-align:center;} #main-image{width:400px; display:table-cell; vertical-align:middle; text-align:center;} #extra-images{padding:10px 0} #extra-images table{margin-left:-3px} #extra-images table td{padding:3px 3px; text-align:center;} #extra-images table td a{display:block;} #extra-images table td a img{display:block;} #product-params{width:314px; float:left;} #product-params .name{background:#e3e3e3; padding:12px 25px;} #product-params .price{width:99px; height:27px; margin:0 2px 0 0; font-weight:bold; text-align:center; background: url("/media/css/../images/background-price.jpg") center no-repeat; float:left; color:#fff; font-size:16px; padding:7px 0 0 0} #product-params .price span{font-weight:normal; font-size:12px; padding:0 0 0 7px} #product-params .to-cart, #product-params .in-cart{width:178px; float:left;} #product-params .defer{width: 34px; float: left; height: 34px; background: url("/media/css/../images/defer-button.jpg") no-repeat; cursor: pointer} #product-params .defer.active{background: url("/media/css/../images/defer-button-active.jpg")no-repeat;} #product-params .desc{color:#005652; font-size:13px; clear:both; padding:0px 0 17px 0px} #product-params .desc p{margin:3px 0} #product-params div.old-price{text-decoration: line-through; color: #dc3d20; padding: 8px 0 0 4px; font-weight: bold; font-size: 15px; clear: both;} #extra-products{margin:0 0 0 20px; float:left; padding:15px 0 0 0} #extra-products div.item{width:135px; height:140px; float:left; margin:0 7px 0 0} #extra-products div.item div.image{height:80px; display:table-cell; width:135px; vertical-align:middle;} #extra-products div.item div.image a{display:block; text-align:center;} #extra-products div.item div.price{color:#FF8000; font-size:12px; text-align:center; font-weight:bold; margin-bottom: 2px;} #extra-products div.item div.name{text-align:center; line-height:12px} #extra-products div.item div.name a{color:#7c8428; font-size:11px; text-decoration:none; word-wrap: break-word;} div.sorter{clear:both; padding:10px 0 0px 0px; font-size:13px} div.sorter span{color:#73ad54} div.sorter a{padding:0 12px 0 10px; color:#007871} div.sorter a.active-asc{background: url("/media/css/../images/arrows-up.gif") right 4px no-repeat;} div.sorter a.active-desc{background: url("/media/css/../images/arrows-down.gif") right 4px no-repeat;} #cart-table{font-size: 13px; margin:15px 0 10px 20px; width:93%} #cart-table th{padding: 7px 10px; text-align: left; border-bottom:1px solid #005652; font-size:13px; background: url("/media/css/../images/page-middle.png") bottom repeat-x;} #cart-table td{padding: 7px 10px} #cart-table td.cart-name{width:140px} #cart-table td.cart-image{text-align: center; vertical-align: middle; width:80px} #cart-table td.cart-image p{font-size: 10px; color: #777} #cart-table td.cart-price{} #cart-table td.cart-number input{width:40px; border:1px solid #005652; text-align:center;} #cart-table td.cart-summ{} #cart-table tr#cart-total td{background: url("/media/css/../images/page-middle.png") bottom repeat-x; color: #DC3D20; font-weight:bold; font-size:13px} #cart-table td.cart-delete{text-align: center} #cart-nav{margin-left:20px} div.color-item{height:34px; width:34px; margin:0 auto} input.button{width:216px; height:34px; border:none; background: url("/media/css/../images/button.jpg") center no-repeat; cursor:pointer; color:#fff; font-size:15px; padding:0px 50px 0 15px; text-align:left; font-family: Tahoma, Arial, sans-serif; text-decoration:underline;} input.button:hover{background: url("/media/css/../images/button-hover.jpg") center no-repeat;} .warehouse-product{padding:12px 0 0px 20px; clear:both; font-size:13px; font-weight:bold;} div.product table td.price span.warehouse-catalog{display:block; clear:both; padding:2px 0 2px 0; font-size:13px; font-weight:normal;} div.product table td.price span.warehouse-catalog a{padding:0 10px 0 5px; background: url("/media/css/../images/arrows-path.gif") right 7px no-repeat;} #product span.in-stock, #product span.out-of-stock{display:block; padding:8px 0 0 0; clear:both; font-size:13px} .in-stock{} /* color:#1c9c07 */ .out-of-stock{color:#FF8000 !important} div.product table td.price span.in-stock{color:#005652} #products-list{padding:0; border-collapse:collapse; border:1px solid #ccc} #products-list td{border:1px solid #ccc; height:34px; padding:0 3px; font-size:11px; background:#E3E3E3} #products-list td.articul{width:70px} #products-list td.image{width:34px; padding:0} #products-list td.image img{display:block;} #products-list td.name{width:286px} #products-list td.number{text-align:center; width:40px;} #products-list td.number input{width:30px; border:1px solid #999; text-align:center;} #products-list td.out-of-stock{font-size:10px; line-height:10px} #products-list td.price{color:#FF8000; font-weight:bold; width:56px; text-align:center;} #products-list td.price small{font-weight:normal;} #products-list td.in-cart, #products-list td.to-cart{width:212px; padding:0} a.reserve, a.ask-question{display:block; padding:10px 20px; color:#7C8428;} a.reserve{font-size:13px; padding:8px 0} a.ask-question{display:block; padding:0 0 12px 0} .ask-question-header{padding-bottom:0; margin-bottom:0 !important} .faq-date{padding-top:7px} .faq-question{padding:10px 0; font-size:14px; color:#7C8428} .faq-answer{border-bottom:1px solid #ccc; padding:0 0 7px 0} table.colors{margin-left:-20px !important} div.cart-color{width:50px; height:50px; border:1px solid #005652; margin:0 auto} div.cleanup-link{padding: 10px 0; clear: both;} /* End of file */ /* File data: jquery.fancybox.css */ /*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; padding: 0; margin: 0; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { padding: 0; margin: 0; position: relative; outline: none; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/media/css/../images/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8020; } #fancybox-loading div { width: 44px; height: 44px; background: url('/media/css/../images/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url('/media/css/../images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 20px; background-position: 0 -36px; } .fancybox-next span { right: 20px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; } /* Overlay helper */ #fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: #000; } #fancybox-overlay.overlay-fixed { position: fixed; bottom: 0; right: 0; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8030; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { margin-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /* End of file */