/*** General ***/ @font-face { font-family: 'PTSans'; src: url('../fonts/ptsans.eot'); src: url('../fonts/ptsans.eot?#iefix') format('embedded-opentype'), url('../fonts/ptsans.ttf') format('truetype'); font-weight: normal; font-style: normal; } html { margin: 0px; padding: 0px; } body { height: 100%; color: #222424; min-height: 100%; font-family: Tahoma, Arial, sans-serif; font-size: 10pt; line-height: 13pt; margin: 0px; padding: 0px !important; background-color: #fff;} body.bg {background: #f2f2f2;} form { margin: 0; padding: 0; } table.peno td { vertical-align: middle; } table.peno td p { margin: 10px 0px 0px 0px; } table.peno th { vertical-align: top; background: #dddddd; } table.peno th p { margin: 10px 0px 15px 0px; } a { outline-width: 0px !important; color: #588d08; text-decoration: underline;} a:hover { outline-width: 0px !important; color: #a10f15; text-decoration: underline;} a:focus, a:active { outline-width: 0px !important; } input.button { cursor: pointer; } p { margin-top: 0; margin-bottom: 15px; } img { border-color: #eee; } hr#system-readmore { clear: both; } ul { margin: 0px 0px 12px 2px; padding: 0px; list-style: none;} ul li { margin: 3px 0px 3px 6px; padding: 0px 0px 0px 15px; background: url(../images/li-pointer.gif) no-repeat scroll 5px 7px;} div.back_btn { margin: 30px 0px 10px 0px; } a.vk-url{background: url(../images/vk-icon.gif) top left no-repeat; padding-left:22px;} /* Headers */ h1, /* h1.title,*/ div.componentheading { font-size: 2em; line-height: 1.5em; padding: 0px; font-family:Helvetica ,Arial,sans-serif; font-weight: normal; vertical-align: bottom; color: #354551; text-align: left; margin: 0px; } h2 { padding: 0; font-family: Arial, Helvetica,sans-serif; font-size: 18px; font-weight: normal; vertical-align: bottom; color: #000; line-height: normal; width: 100%; } h2.title { padding: 0px; margin: 0px; font-size: 12pt; } h3, div.moduletable h3, legend { color: #a10f15; margin: 0; font-weight: normal; font-size: 17px; font-family: Tahoma; padding: 16px 0px 8px 0px; margin-bottom: 10px; text-align: left; color: #282828; } table.contentpaneopen h3 { margin-top: 25px; } h4 { font-family: Arial, Helvetica, sans-serif; color: #333; } /* Modules Base Styles */ div.moduletable h3 { font-size: 17px; font-family: Tahoma; margin: 0px; padding: 0px 0px 0px 8px; text-align: center; font-weight: bold; background: url('../images/module-header-left.gif') bottom left no-repeat; display: block;} div.moduletable h3 span {color: #557b1b; background: url('../images/module-header-right.gif') bottom right no-repeat; text-align: center; padding: 2px 8px 7px 0px; display: block;} td.dashed { background-color: white; border-top: 1px dashed #B2B2B2; border-left: 1px dashed #B2B2B2; border-right: 1px dashed #B2B2B2; vertical-align: top; padding: 0px 14px ;} td.dashed2 { background-color: white; border-bottom: 1px dashed #B2B2B2; border-left: 1px dashed #B2B2B2; border-right: 1px dashed #B2B2B2; vertical-align: top; padding: 0px 14px ;} td.dashed h2 { clear: both; margin: 0px 0px 10px 0px; padding: 0px; } td.dashed p { margin: 10px 0px 0px 0px; } td.dashed div.corner-tl { background: url("../images/frame-dashed.gif") no-repeat scroll 0 0 transparent; height: 10px; left: -15px; position: relative; top: -2px; width: 9px; z-index: 1; float: left; } td.dashed div.corner-tr { background: url("../images/frame-dashed.gif") no-repeat scroll -18px 0 transparent; height: 10px; right: -16px; float: right; position: relative; top: -1px; width: 9px; z-index: 1; } td.dashed2 div.corner-bl { background: url("../images/frame-dashed.gif") no-repeat scroll 0 -18px transparent; height: 10px; left: -15px; position: relative; bottom: -9px; width: 9px; z-index: 1; float: left; } td.dashed2 div.corner-br { background: url("../images/frame-dashed.gif") no-repeat scroll -18px -18px transparent; height: 10px; right: -16px; float: right; position: relative; bottom: -9px; width: 9px; z-index: 1; } /* WYSYWIG Styles */ table.table1 {border-collapse:collapse;} table.table1 td { vertical-align: middle; padding: 2px!important;} table.table1 td , table.table1 th { border:1px solid #252727;} table.table1 td p { margin: 0px; } table.table1 th { padding:8px; font-size: 12px; color: #FFFFFF; background: #252727; border-bottom: 1px solid #253541; vertical-align: middle; text-align: center; } table.table1 th p { margin: 0px; } table.table2 { border-collapse: separate; border-spacing: 5px; } table.table2 tr td { text-align: center; vertical-align: middle; border: 1px solid #eee; line-height: normal; } table.table2 tr td p { margin: 0px; } table.table2 tr td img { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } table.table2 tr td img:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } table.table3 { border-collapse: separate; border-spacing: 0px; } table.table3 tr td { vertical-align: middle; border-bottom: 1px solid #ccc; line-height: normal; } table.table3 tr td p { margin: 0px; } /* Content layout */ div.leading { clear: both; } div.leading h2.contentheading { font-size: 17px; font-weight: normal; margin: 0px; padding: 0px; } span.leading_separator { height: 15px; font-size: 9px; display: block; clear: both; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; border-bottom: 1px dotted #ccc; line-height: 0.8em; } p.iteminfo { margin: 0px; float: left; width: auto; font-size: 11px; line-height: 1em; font-family: Tahoma; white-space: nowrap; background: url(../images/news-left.gif) left top no-repeat; } p.iteminfo b { float: left; width: auto; padding: 2px 4px 2px 4px; display: block; background: url(../images/news-right.gif) right top no-repeat; } div.itemtext { clear: both; } /* Pagination*/ p.counter { text-align: center; font-size: 12px; margin: 0px; display: none; } span.pagination { display: block; text-align: center; padding-bottom: 5px; } span.pagination a, span.pagination span { background: #eee; text-decoration: none; padding: 4px 8px 4px 8px; border: 1px solid #ccc; margin: 0px 2px 0px 2px ; font-weight: bold; font-size: 12px; } span.pagination a:hover { background: #ddd; font-weight: bold; text-decoration: none;} div.list-footer {clear: both;} .list-footer .pagination-arrow {margin-bottom: 8px; overflow: hidden;} .list-footer .pagination-arrow .prev {float: left; font-size: 17px; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 35px; background: url('../images/arrow-left.gif') left center no-repeat; line-height: 19px;} .list-footer .pagination-arrow .next {float: left; font-size: 17px; padding: 0px 35px 0px 0px; background: url('../images/arrow-right.gif') right center no-repeat; line-height: 19px;} .list-footer .pagination {cleear: both;} .list-footer .pagination a, .list-footer .pagination span{ font-size: 12px; line-height: 12px; display: block; border: 1px solid #ececec; padding: 5px 8px 5px 8px; float: left; margin: 0px 2px 0px 2px; text-decoration: none;} .list-footer .pagination a {background: #ededed; color: #252727;} .list-footer .pagination a:hover {background: #dddddd; color: #252727;} .list-footer .pagination span {background: #262626; color: #fff;} .list-footer .counter {clear: both; padding-top: 3px; font-size: 10px; color: #ccc;} /* Basic elements layout*/ div#wrapper { width: 990px; height: 100%; margin-left: auto; margin-right: auto; } #global-wrapper {height: 100%; min-width: 990px; max-width: 1180px; margin: auto; background:#FFFFFF;} #global-wrapper {padding-right: 9px; background: url('../images/right-gradient.jpg') top right repeat-y; } #global-wrapper div.left-gradient {padding-left: 9px; background: #fff url('../images/left-gradient.jpg') top left repeat-y;} /* Header */ #global-wrapper div.header {/*height: 90px;*/ padding: 0px 0px 10px 32px; overflow: hidden;} #global-wrapper div.header a.logo {display: block; float: left; margin-top: 4px;} #global-wrapper div.header a.logo img {border: none;} #global-wrapper div.header div.contacts {padding-top: 20px; display: block; margin-left:338px; } div.moduletable_back {float: left; margin: 15px 23px 0 0; padding: 0 0 0 28px; background: url('../images/contact-icon.gif') 0 8px no-repeat;} div.moduletable-tel {float:right; margin: 20px 40px 0px 0px; white-space:nowrap; color: #000000; font: 18px/20px Arial;} div.moduletable-price {float: left; margin:15px 40px 0 0; padding: 0 0 0 24px; background: url('../images/price-icon.gif') 0 6px no-repeat; } div.moduletable_back small, div.moduletable-price small {color: #a0a0a0; font: 11px/13px Arial; display: block; padding-top: 2px;} a.question-form { font:13px/15px Arial; text-decoration: none; border-bottom: 1px dashed #588D08;} a.question-form:hover {border-color:#a10f15; } a.get-price-list {text-decoration: none; border-bottom: 1px dashed #588D08; font: 13px/15px Arial;} a.get-price-list:hover {border-color:#a10f15; } .middle {padding: 0 20px;} .moduletable-topnav {padding: 14px; z-index: 100; position: relative; background: url('../images/nav-gradient.gif') 0 0 repeat-x;} .frontpage .moduletable-topnav {background: none;} ul.menu-top, ul.menu-top > li, ul.menu-top > li > a, ul.menu-top > li > a span {background-image: url('../images/top-nav.png'); background-repeat: no-repeat;} ul.menu-top {margin: 0; padding: 0; display: block; height: 36px; background-position:0 0; background-repeat:repeat-x; } ul.menu-top a {text-shadow: 1px 1px 1px #000; color: #fff; font-family: 'PTSans'; display: block; text-decoration: none;} ul.menu-top > li {margin: 0; padding: 0; background-position:0 0; background-repeat:repeat-x; float:left; position: relative;} ul.menu-top > li > a { font-size: 15px; line-height:35px; text-transform: uppercase; background-position:0 -144px; } ul.menu-top > li:first-child > a {background-position: -9999px -9999px;} ul.menu-top > li > a span {display: block; padding: 1px 15px 0; height: 35px; background-position: -9999px -9999px; } ul.menu-top > li.active {background-position: 0 -36px;} ul.menu-top > li.active > a, ul.menu-top > li:hover + li.active > a {background-position: 0 -72px; } ul.menu-top > li.active > a span {background-position: 100% -108px; } ul.menu-top > li.active + li > a {background-position: -9999px -9999px;} ul.menu-top ul { display: none; position: absolute; left: 0; top: 36px; width: 200px; background: #2b2d2d; margin: 0; padding: 0; z-index: 100; box-shadow: 2px 2px 2px #3e3e3e; -webkit-box-shadow: 2px 2px 2px #3e3e3e; -moz-box-shadow: 2px 2px 2px #3e3e3e; } ul.menu-top li.item62 ul, ul.menu-top li.item63 ul {width: 256px;} ul.menu-top ul li {border-top: 1px solid #222424; margin: 0; padding: 0; background: none; } ul.menu-top ul li:first-child {border: none;} ul.menu-top ul li a {height: 28px; font-size: 14px; line-height: 28px; padding: 0 15px;} ul.menu-top ul li a:hover {background: url('../images/top-nav.png') 0 -184px repeat-x; text-decoration: underline;} ul.menu-top > li:hover {background-position:0 -180px;} ul.menu-top > li:hover > a {background-position:0 -216px;} ul.menu-top > li:hover + li > a {background-position:0 -216px;} ul.menu-top > li:hover > a span {background-position:-9999px -9999px;} ul.menu-top > li.parent:hover > ul {display: block; } /* front slider */ .moduletable-front-slider {position: relative; margin-bottom: -64px; z-index:1; top:-64px;} .front-slider-wrap {position: relative; padding-bottom: 30px;} .image-container {position: relative; overflow: hidden; height: 324px; } .image-container img {position:absolute; top: 0; left: 0; } .slider-wrap {position: absolute; bottom: 0; left: 0; width: 100%;} .slider-wrap a.prev, .slider-wrap a.next {display: block; position: absolute; top: 50%; margin-top: -14px; width: 28px; height: 28px; background: url('../images/arrows.png'); overflow: hidden; text-indent: -999px;} .slider-wrap a.prev {background-position: 0 0; left: 10px;} .slider-wrap a.next {background-position: -28px 0; right:10px;} .slider-wrap .slider-container {height: 110px; margin: 0 40px; position: relative; overflow: hidden;} .slider-wrap ul.slider-items {position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; white-space: nowrap; } .slider-wrap ul.slider-items li {display: inline-block; *display: inline; zoom:1; margin: 0; padding: 0; width: 25%;} .slider-wrap.small ul.slider-items li {width: 33%;} .slider-wrap .item-wrap { white-space: normal; overflow: hidden; background: #fff; border: 4px solid #f0f0f0; margin: 0 10px; height: 78px; padding:8px 0; box-shadow: 2px 2px 2px #A6A6A6; } /*.slider-wrap .item-wrap:hover {border-color: #77b419;}*/ .slider-wrap a.image {display: block; float: left;} .slider-wrap a.image img {border: none;} .slider-wrap .item-data {margin-left: 100px;} .slider-wrap .price {display: inline-block; *display: inline; zoom:1; position: relative; padding: 0 6px; height: 24px; font: 17px/24px Tahoma; color: #fff; background: #101110; margin: 4px 0;} .slider-wrap .price b {display: block; width: 5px; height: 5px; background: url('../images/corners.gif'); position: absolute; } .slider-wrap .price b.tl {top: 0; left: 0; background-position: 0 0;} .slider-wrap .price b.br {bottom: 0; right: 0; background-position: -5px 0;} .slider-wrap .price-note {font: 10px/12px Tahoma; color:#757575; } .slider-wrap .title-wrap { font-size: 12px; height: 28px; line-height: 14px;} /* front cats */ .moduletable-front-cats {margin-bottom: 20px} .moduletable-front-cats h3 {font: normal 18px/20px Arial; color: #000000; padding: 0 0 0 8px; margin: 0 0 18px 0; background: url('../images/module-header-left.gif') 0 100% no-repeat;} .moduletable-front-cats h3 span {display: block; padding: 2px 8px 7px 0; background: url("../images/module-header-right.gif") 100% 100% no-repeat; } .front-cats-wrap {text-align: justify; overflow: hidden; font-size: 1px; line-height:1px; zoom:1; position: relative; margin-bottom: 20px;} .front-cats-wrap .item-separator-wrap {display: inline; /**display:inline;*/ zoom:1; position: relative; left: -1px; top:-1px; white-space: nowrap; } .front-cats-wrap .item, .front-cats-wrap .separator {display: inline-block; *display: inline; zoom:1; vertical-align: top; } .front-cats-wrap .item {white-space: normal; width: 207px; border-top: 1px dotted #c1bcbe; overflow: hidden; padding: 3px 0; font-size: 12px; line-height:16px;} .front-cats-wrap .separator {white-space: normal; width: 0; height: 67px; border-left: 1px dotted #c1bcbe; margin-top: 6px;} .item-separator-wrap.proxy {font-size: 0; line-height: 0;} .item-separator-wrap.proxy .item, .item-separator-wrap.proxy .separator {border-color: transparent; height: 0;} .front-cats-wrap .image {display: block; float: left; } .front-cats-wrap a.image img {border: none;} .front-cats-wrap .item-data {margin-left:96px; text-align: left; white-space: normal; padding-top: 17px;} .other-items {overflow: hidden; background: #ededed; } .other-items .title {float: left; color: #fff; height: 24px; font: 13px/23px Arial; padding: 1px 15px 0;position: relative; background: #101110;} .other-items .title b {position: absolute; display: block; width: 5px; height: 5px; background: url('../images/corners.gif'); } .other-items .title b.tl {top: 0; left: 0; background-position: 0 0; } .other-items .title b.br {bottom: 0; right: 0; background-position: -5px -5px; } .other-items ul.other-items-list {padding: 0; margin: 3px 0 0 130px; } .other-items ul.other-items-list li {margin: 0 10px 0 0; display: inline-block; *display: inline; zoom:1; vertical-align: top; } .content-wrapper {margin: 20px 0px 0px 0px; padding: 0 20px;} .content-wrapper .left-column {width: 260px; float: left;} .content-wrapper .right-column {width: 230px; float: right;} .content-wrapper .content-hasleft {margin-left: 290px;} .content-wrapper .content-hasright {margin-right: 260px;} .content-wrap {overflow: hidden;} .frontpage #logos {padding: 0;} .moduletable-solutions-front h3 {padding: 0 0 0 8px; color: #000000; font: normal 18px/20px Arial; margin: 0; background: url("../images/solutions-header-left.gif") 0 100% no-repeat;} .moduletable-solutions-front h3 span {display: block; padding: 2px 8px 7px 0; background: url('../images/solutions-header.gif') 100% 100% no-repeat;} .moduletable-solutions-front ul {margin-top: 10px;} .moduletable-solutions-front ul li {margin: 0; padding: 6px 0 6px 15px; border-bottom: 1px dashed #e5e5e5; background: url('../images/li-gray.gif') 5px 13px no-repeat; } .moduletable-solutions-front ul li a {color: #6e6e6e;} .moduletable-solutions-front ul li a:hover {color:#588D08;} /* Intro */ /* Left column*/ .moduletable-catmenu {} .moduletable-catmenu h3 { font-size: 17px; font-family: Tahoma; margin: 0px; padding: 0px 0px 0px 8px; text-align:left; font-weight: bold; background: url('../images/module-header-left.gif') bottom left no-repeat; display: block;} .moduletable-catmenu h3 span {color: #557b1b; background: url('../images/module-header-right.gif') bottom right no-repeat; padding: 2px 8px 7px 0px; display: block;} div.moduletable-catmenu ul {list-style: none; padding: 0px; margin: 10px 0px 0px 0px;} div.moduletable-catmenu ul li {display: block; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 10px; background: url('../images/cat-menu-dots.gif') bottom left repeat-x;} div.moduletable-catmenu ul li a{font-family: Arial; display: block; padding: 0px 0px 0px 15px; background: url(../images/li-pointer.gif) 5px 7px no-repeat;} div.moduletable-catmenu ul li a.active {color: #252727; text-decoration: none; background: url(../images/li-hover-pointer.gif) 5px 7px no-repeat; font-weight: bold;} div.moduletable-catmenu ul li a.active:hover {text-decoration: underline;} div.moduletable-catmenu ul li ul {margin: 5px 0 5px 5px; } div.moduletable-catmenu ul li ul li {background: none; padding: 2px 0px 2px 0px; } div.moduletable-catmenu ul li ul li a {display: block; padding: 0px 0px 0px 15px; background: url('../images/li-pointer.gif') 5px 6px no-repeat; color: #406606; font-size: 12px;} div.moduletable-catmenu ul li ul li a.active {background: url('../images/li-hover-pointer.gif') 5px 6px no-repeat;} div.moduletable-catmenu ul li ul li li {padding: 0px;} div.moduletable-catmenu ul li ul li li a {display: block; padding: 0px 0px 0px 8px; background: url('../images/cat-menu-level3-pointer.gif') 0px 8px no-repeat; color: #406606; font-size: 12px;} div.moduletable-catmenu ul li ul li li a.active {display: block; padding: 0px 0px 0px 8px; background: url('../images/cat-menu-level3-active.gif') 0px 8px no-repeat; color: #000; font-size: 12px;} .moduletable-specials { margin-top: 20px;} .moduletable-specials h3 {color:#557B1B; font: normal 17px/19px Tahoma; background: url("../images/module-header-left.gif") 0 100% no-repeat; padding: 0 0 0 8px; margin: 0; } .moduletable-specials h3 span {display: block; padding: 2px 8px 7px 0; background: url("../images/module-header-right.gif") right bottom no-repeat;} .moduletable-specials .item-wrap {overflow: hidden; margin-top: 10px} .moduletable-specials .item-wrap a.image {display: block; float: left; margin-top: 2px} .moduletable-specials .item-data {margin-left: 100px;} .moduletable-specials .price {display: inline-block; *display: inline; zoom:1; position: relative; padding: 0 6px; height: 24px; font: 17px/24px Tahoma; color: #fff; background: #101110; margin: 4px 0;} .moduletable-specials .price b {display: block; width: 5px; height: 5px; background: url('../images/corners.gif'); position: absolute; } .moduletable-specials .price b.tl {top: 0; left: 0; background-position: 0 0;} .moduletable-specials .price b.br {bottom: 0; right: 0; background-position: -5px 0;} .moduletable-specials .price-note {font: 10px/12px Tahoma; color:#757575; } .moduletable-specials .title-wrap { font-size: 12px; height: 28px; line-height: 14px;} .left-column .moduletable-specials .title-wrap { height: auto; } /* .left-block div.moduletable h3 {}*/ #page {clear: both;} /* Main */ div.moduletable-solutions h3 {padding: 0px 0px 0px 8px; background: url('../images/header-line-left.gif') left bottom no-repeat; margin: 0px 0px 10px 0px; color: #252727; font-family: Tahoma; font-size: 17px;} div.moduletable-solutions h3 span{display: block; background: url('../images/header-line-right.gif') right bottom no-repeat; padding: 5px 0px 8px 8px; } div.moduletable-solutions ul {list-style: none; margin-top: 10px; width: 33%;float: left; } div.moduletable-solutions ul li{padding: 0px 0px 0px 0px; margin: 0px; background: 0px;} div.moduletable-solutions ul li a {display: block; padding: 5px 5px 5px 25px; background: url('../images/li-pointer.gif') 15px 11px no-repeat;} div.moduletable-solutions ul li a.active {background: #ddd url('../images/li-hover-pointer.gif') 15px 11px no-repeat; color: #252727; text-decoration: none; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px; -opera-border-radius: 8px; } #catcontainers {clear: both; height:350px; position: relative;} #catcontainers div.container {width: 100%; position: absolute; top: 0px; left: 0px; float: left; } #catcontainers div.deatils {position: relative; width: 100%;} #catcontainers div.details div.descr{float: left; width: 60%; padding: 0px 0px 0px 10px;} #catcontainers div.details div.link {float: left; width: 30%; margin-left: 4%;} #catcontainers div.details div.link a{font-weight: bold;} #catcontainers div.linked {clear: both;} #catcontainers h3 {font-size: 17px; font-family: Tahoma; color: #252727; } #catcontainers div.details h3 {background: none;} div.linked {clear: both;} h3.title, div.linked h3, div.details h3.title {color:#252727; font-family:Tahoma; font-size:17px; background: url('../images/header-grayline-left.gif') bottom left no-repeat; padding: 0px 0px 0px 8px; display: block;} h3.title span, div.linked h3 span, div.details h3 span{background: url('../images/header-grayline-right.gif') bottom right no-repeat; padding: 0px 0px 10px 0px; display: block;} div.green-line {height: 4px; background: url('../images/green-line-left.gif') top left no-repeat; padding: 0px 0px 0px 6px;} div.green-line div.right-part {background: url('../images/green-line-right.gif') top right no-repeat; padding: 0px; height: 4px;} #catcontainers #loader{padding: 50px; text-align: center;} #catcontainers.loading {background: url('../images/loader.gif') center center no-repeat;} #scroll-wrapper {position: relative; padding: 0px;} #scroll-wrapper .scroll-left {cursor: pointer; position: absolute; top: 30px; left: 0px; background: url('../images/scroll-left.gif') top left no-repeat; width: 17px; height: 31px; z-index: 10; _left: -30px;} #scroll-wrapper .scroll-right {cursor: pointer; position: absolute; top: 30px; right: 0px; background: url('../images/scroll-right.gif') top left no-repeat; width: 17px; height: 31px; z-index: 10;} #scroll-wrapper .scroller {margin: 0px 30px 0px 30px; overflow:hidden; height: 150px; position: relative;} div#price_tip span.title {display: block; font-size: 11px; text-align: left;} div#price_tip {background: #272727; color:#fff; font-size:17px; position: absolute; padding: 5px; display: none; z-index: 100;} #scroll-wrapper .scroller ul {list-style: none; width: auto; padding: 0px; margin: 0px; white-space: nowrap; position: absolute;} #scroll-wrapper .scroller ul li {display: inline-block; *display: inline; _display:inline; zoom:1; vertical-align:top; width: 150px; text-align: center; height: 120px; background: none; position: relative;} #scroll-wrapper .scroller ul li div#price span.title {display: block; font-size: 11px; text-align: left;} #scroll-wrapper .scroller ul li div#price {background: #272727; color:#fff; font-size:17px; position: absolute; padding: 5px; display: none; z-index: 100;} #scroll-wrapper .scroller ul li a{display: block; color: #588d08; font-family: Arial; text-align: center; width: 150px; background: none; white-space: normal;} #scroll-wrapper .scroller ul li a img{border: none;} /*--------------------------*/ #main td.main-block {padding:0 30px 0 0;} #main #tabs {position: relative; height: 140px; clear: both; width: 100%; margin: 0px; } #main #tabs #corp-content {position: absolute; top: 0px; left: 0px; z-index: 10;} #main #tabs #priv-content {position: absolute; top: 0px; left: 0px; z-index: 10;} #main div.toggle {margin: 30px 0px 0px 0px;} #main div.toggle a {font-size: 17px; color: #252727; text-decoration: none; display: block; float: left; background-position: 0px 0px;} #main div.toggle a.active {color: #fff; background-position: 0px -38px!important;} #main div.toggle a.corp {padding: 11px 0px 10px 20px; background: url('../images/left-nav.gif') 0px 0px no-repeat;} #main div.toggle span.separator {display: block; float: left; width: 23px; height: 38px; background: url('../images/nav-separator.gif') no-repeat;} #main div.toggle a.priv {padding: 11px 40px 10px 40px; background: url('../images/right-nav.gif') 0px 0px no-repeat;} /* #main div.toggle a.corp:hover, #main div.toggle a.priv:hover {background-position: 0px 0px;}*/ #main #tabs div.content {margin-left: 10px; padding: 10px 0px 10px 0px; text-align: justify;} #main #tabs div.content p {margin: 0px;} #house {height: 429px; background: url('../images/houses.jpg') 0px 0px no-repeat; position: relative;} #house img {float: right;} #house div.point {position: absolute; background: url('../images/circle-pointer.gif') bottom center no-repeat; height: 58px; float: left;} #house div.title {background: url('../images/pointing-title-left.gif') top left no-repeat; padding: 0px 0px 0px 5px;} #house div.title a{color: #252727; font-size: 11px; line-height: 12px; text-decoration: none; background: url('../images/pointing-title-right.gif') top right no-repeat; padding: 2px 10px 6px 5px; display: block; white-space: nowrap;} #house div.title a:hover {color: #252727; text-decoration: underline;} #house #corp, #house #priv {display: none;} /*points positions*/ #house #corp .p1{left:155px; top:325px;} #house #corp .p2{top: 200px; left:67px;} #house #priv .p1{left:155px; top:325px;} #house #priv .p2{left:140px; top:210px;} #house #priv .p3{left:30px; top:265px;} /* Right column*/ div.margined #catalog {float:left;} /* Галлеря */ div.gallary div.left-img { float: left; padding: 0px 12px 8px 0px; } /* Логотипы снизу */ div#bottom {clear: both; padding:26px 0 0; } body.frontpage div#bottom { padding: 0px; } /*div#bottom img { filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; }*/ div#bottom img:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } div#bottom a:hover img { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } #logos {text-align: center; padding: 0 40px;} #logos a {display: inline-block; *display: inline; height: 54px; text-decoration: none; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; margin: 0px 7px 0px 7px;} #logos a img { border-width: 0px; } #logos a:hover, #logos a.highlight {background-position: 0px -54px!important; filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;} #logos a#l1 {width: 128px; background: url('../images/logos/1.jpg') 0px 0px no-repeat;} #logos a#l2 {width: 70px; background: url('../images/logos/2.jpg') 0px 0px no-repeat;} #logos a#l3 {width: 115px; background: url('../images/logos/3.jpg') 0px 0px no-repeat;} #logos a#l4 {width: 94px; background: url('../images/logos/4.jpg') 0px 0px no-repeat;} #logos a#l5 {width: 100px; background: url('../images/logos/5.jpg') 0px 0px no-repeat;} #logos a#l6 {width: 100px; background: url('../images/logos/6.jpg') 0px 0px no-repeat;} #logos a#l7 {width: 90px; background: url('../images/logos/7.jpg') 0px 0px no-repeat;} #logos a#l8 {width: 170px; background: url('../images/logos/8.jpg') 0px 0px no-repeat;} #logos a#l9 {width: 110px; background: url('../images/logos/9.jpg') 0px 0px no-repeat;} #logos a#l10 {width: 95px; background: url('../images/logos/10.jpg') 0px 0px no-repeat;} #logos a#l11 {width: 150px; background: url('../images/logos/11.jpg') 0px 0px no-repeat;} #logos a#l12 {width: 100px; background: url('../images/logos/12.jpg') 0px 0px no-repeat;} #logos a#l13 {width: 80px; background: url('../images/logos/13.jpg') 0px 0px no-repeat;} /*** footer ***/ div.footer-shadow {clear: both; width: 978px; height:23px; background: url('../images/footer-shadow.jpg') top center no-repeat; margin: 0px auto 0px auto;} #footer { height: 110px; clear: both; margin:0px 40px 0px 40px; padding: 0px 0px 0px 8px; background: url('../images/footer-border-left.jpg') top left no-repeat; } #footer2 { font-size: 11px; color: #8b8b8b; line-height: normal; line-height:normal; padding:0 20px 14px 56px; } #footer2 a{color: #8b8b8b; font-size: 11px; text-decoration: underline; } #footer2 a:hover {color: #8b8b8b; text-decoration: underline;} #footer2 p { margin: 0px; } #footer div.border-right {padding: 30px 0px 20px 0px; background: url('../images/footer-border-right.jpg') top right no-repeat;} #footer div.moduletable-copy { color: #4b4b4b; float: left; width: 280px; margin-left: 10px;} #footer div.moduletable-bot-tel { margin: 0px auto 0px auto; width: 240px; } #footer div.alvik {float: right!important; width: 200px; margin-right: 10px; } #footer div.alvik a{color: #4b4b4b; font-size: 11px; text-decoration: none;} #footer div.alvik a:hover {color: #4b4b4b; text-decoration: underline;} /* xmap */ div.xmap { clear: both; } /*** Модуль новостей ***/ /*** Table on start page ***/ /*--------------CATALOG------------------*/ #catalog {clear: both;position: relative; padding: 10px 0px 0px 0px;} .article-details{position: relative;} img.manufacturer{ position: absolute; right: 0px; top: 16px;} div.cat_item { clear: both; padding: 10px 0px 10px 0px; } div.cat_item div.img { float left; padding: 0px 12px 6px 6px; float: left; } div.cat_item h3 { padding: 0px; } div.cat_item_prod { float:left; text-align:center; width:30%; margin-right: 2%; margin-top: 10px; height: 160px;} div.cat_item_prod h4 { margin: 0px; padding: 0px; font-weight: bold; height: 50px; display: block; margin: 0px auto 0px auto; font-size: 13px;} div.cat_item_prod h4 a { display: block; text-align: center; } table.items { width: 100%; } table.items td { width: 50%; padding: 0px 20px 0px 0px; } h1.title, h1.cattitle {font-weight:normal; padding: 0px 0px 0px 10px; display: block; background: #252727 url('../images/cat-title-left.gif') top left no-repeat; float: left; margin-bottom:10px;} h1.title span, h1.cattitle span {padding:7px 30px 9px 20px; display: block; background: #252727 url('../images/cat-title-right.gif') top right no-repeat; text-align: center; font-family: Tahoma; font-size: 17px; line-height: 18px; color: #fff; float: left;} h1.arttitle {padding: 0px 0px 0px 13px; display: block; background: #252727 url('../images/art-title.gif') top left no-repeat; float: left;} h1.arttitle span {padding:7px 30px 9px 20px; display: block; background: #252727 url('../images/cat-title-right.gif') top right no-repeat; text-align: center; font-family: Tahoma; font-size: 17px; line-height: 18px; color: #fff; float: left;} .article-details .ortder-link { display: block; float: left; width: 128px; height: 37px; margin-right: 130px; overflow: hidden; line-height: 100px; background: url(../images/order-btn.gif) 0px 0px no-repeat; } .article-details .ortder-link:hover { background: url(../images/order-btn.gif) 0px -38px no-repeat; } .article-details .ortder2-link { display: block; float: left; width: 169px; height: 37px; margin-right: 130px; overflow: hidden; line-height: 100px; background: url(../images/order2-btn.gif) 0px 0px no-repeat; } .article-details .ortder2-link:hover { background: url(../images/order2-btn.gif) 0px -38px no-repeat; } /*#catalog div.items {float: left; width: 70%; padding-right: 10px; } #catalog div.right-block {float: left; width: 28%; border-left: #dfdfdf 1px solid; padding-left: 5px;}*/ div.details { padding-top: 10px; width: 100%; clear: both; } div.details div.img {float: left; margin: 0px 10px 0px 0px;} div.prices {clear: both; float: left; background: url('../images/prices-bg-left.gif') top left no-repeat; padding: 0px 0px 0px 20px;} div.prices div.rounded {background: url('../images/prices-bg-right.gif') top right no-repeat; margin-right: 10px; } div.prices ul {list-style: none; padding: 0px 20px 0px 0px; display: block; height: 40px;} div.prices ul li{background: none; display: block; padding: 0px; float: left; margin: 0px 30px 0px 0px;} div.prices ul li span.label {color: #373737; font-size: 10px; display: block;} div.prices ul li span.value {font-family: Arial; font-size: 14px; color: #474747; font-weight: bold; white-space: nowrap;} div.prices ul li.base span.value {color: #c12900; font-size: 17px;} div.gallery div.img {float: left; margin: 5px;} .character{margin: 10px 0px 10px 0px; clear: both;} .c-char {clear:both; margin-right: 207px; margin-bottom: 14px;} .ch-slide{background: url('../images/p-slide-right.jpg') bottom right no-repeat; padding-right: 15px;} .ch-slide .l {background: url('../images/p-slide-left.jpg') bottom left no-repeat; padding-left: 15px;} .ch-slide a {font-weight: bold; font-size: 12px; padding: 4px 0px 7px 20px; display:block;} .ch-slide a.opened {background: url('../images/c-opened.gif') 0px 7px no-repeat;} .ch-slide a.closed {background: url('../images/c-closed.gif') 0px 7px no-repeat;} #chars{ border-collapse: collapse; } #chars th {background:#dddddd; font-size: 10px; color:#373737; font-weight: normal; border-bottom: 1px solid #fff; line-height: 12px;} #chars th.last_price {background: #ddd url('../images/p-head-right.jpg') top right no-repeat;} #chars td, #chars th { /*border: #252727 1px solid;*/} #chars td {padding: 2px 5px 2px 5px; background: #f3f6ef; text-align:center; width: 150px; border-bottom: 1px solid #fff;} #chars tr:hover td{background: #ccc!important;} #chars tr.row1 td {background: #ececec;} #chars tr.row0 td {background: #dddddd;} #chars td.price {text-align:right; font-weight: bold;} #chars td.price.base {color: #d7261e;} #chars td.c{font-size: 11px; width: 400px; text-align: left;} /* popups */ .popup {position: absolute; top: 0; left: 50%; z-index: 10000; } .popup .popup-content { background:#fff; border: 4px solid #77b419; padding: 60px 15px 15px; position: relative; box-shadow: 0 0 4px #a6a6a6; } .popup .title {position: absolute; top: 11px; left: -40px; background: url("../images/cat-title-left.gif") 0 0 no-repeat; padding: 0 0 0 10px;} .popup .title span {display: block; padding: 7px 30px 7px 20px; background: url("../images/cat-title-right.gif") right top no-repeat; color: #FFFFFF; font: 17px/19px Tahoma} .popup .close-popup {display: block; position: absolute; top: 22px; right:20px; padding: 0 0 0 22px; background: url('../images/close-popup.gif') 0 0 no-repeat; color:#575757; text-decoration: none; font: 14px/16px Arial;} .popup .close-popup span {border-bottom: 1px dashed #575757;} .popup .close-popup:hover {background-position: 0 -16px;} .overlay {position: absolute; top: 0; left: 0; z-index: 9999; background: url('../images/overlay.png');} /* forms layout */ .inputbox { padding: 3px 2px; background: #fff; color:#252727; border: 1px solid #c9ced4; border-radius: 2px; box-shadow: inset 2px 2px 3px #f2f1ef } /* article list */ .article-list-header {overflow: hidden;} .article-list-header .filters {float: right; margin-top: 7px;} .article-list-header .filters select {width: 155px; } .articles-list .item {border-width: 1px; border-style:solid; border-color: #fff #fff #dfdfdf #fff; position: relative; margin-bottom: 5px;} .articles-list .item .item-data-wrap {overflow: hidden;} .articles-list .item .image {float: left; padding: 4px 0 4px 4px} .articles-list .item .image img {border: none;} .articles-list .item .prices-wrap {width: 375px; float: right; margin-top: 18px;} .articles-list .item .item-data {margin: 0 380px 0 110px;} .articles-list .item h4 {margin:0; padding: 9px 0 2px;} .articles-list .item .short-descr {color: #6b6b6b; font: 13px/15px Arial;} .articles-list .prices-wrap ul {overflow: hidden; margin:0; padding:0;} .articles-list .prices-wrap ul li {float: left; width: 30%; margin:0; padding: 0; background: none;} .articles-list .prices-wrap ul li .label {display: block; font-size: 10px; line-height: 14px; color: #373737;} .articles-list .prices-wrap ul li .value {display: block; font: bold 14px/16px Arial; color: #474747;} .articles-list .prices-wrap ul li.base .value {color: #c12900;} .articles-list .item-footer {background: #252727; padding: 3px 6px; visibility: hidden;} .articles-list .item-footer ul {margin: 0; padding: 0; overflow: hidden;} .articles-list .item-footer ul li {margin: 0 40px 0 0; padding: 0; float: left; background: none;} .articles-list .item-footer a {color: #ffffff; font: 13px/15px Arial;} .articles-list .item-footer a.ortder-link {padding: 0 0 0 18px; background: url('../images/order-icon.gif') 0 2px no-repeat;} .articles-list .item:hover { border-color: #b3b3b3; box-shadow: 0 0 4px #b3b3b3; /*#d1d1d1;*/ background: #f2f2f2; background: -moz-linear-gradient(left, #fff, #f2f2f2); background: -webkit-gradient(linear, left top, right top, from(#fff), to(#f2f2f2)); background: -o-linear-gradient(0deg, #fff,#f2f2f2); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#ffffff,endColorstr=#f2f2f2,GradientType=1); zoom: 1; } .articles-list .item:hover .item-footer {visibility: visible;} div.moduletable_filter h3 , div.moduletable_solright h3{font-size: 17px; font-family: Tahoma; color: #252727; padding-left:15px;} div.moduletable_filter ul li {margin:3px 0 3px 25px;} div.moduletable_filter ul li.active {margin: 2px 0px 2px 0px; padding:0 4px 0 15px; background: url('../images/manuf-pointer.gif') left center no-repeat; } div.moduletable_filter ul li.active a{color: #fff; text-decoration: none; display: block; background:#252727 url('../images/white-pointer.gif') 15px 8px no-repeat; padding:1px 0 1px 25px; line-height: 19px;} div.moduletable_filter div.filter ul li { text-transform: uppercase; } div.moduletable_solright ul {margin-left: 17px;} /*-------------------------------------------*/ /*** Modules ***/ form.poll { margin: 0px; padding: 0px; font-size: 12px; line-height: normal; } form.poll table { border-width: 0px; border-collapse: collapse; } form.poll table td { padding: 2px !important; } form.poll table td input { margin: 0px; padding: 0px; }