/* General */ body,div,ul,li,h1,p{margin:0;padding:0} img{border:0} ul li{list-style:none} h1{font-size:100%;font-weight:normal} html,body{height:100%;width:996px;margin:0 auto;background:#fff url(img/logo.2.jpg) no-repeat; left top;color:#2E2E2E} address {margin:10px 20px;font:normal 14px/18px MS Sans Serif, Tahoma;} /* Header */ #header{position:absolute;top:0;left:0;width:100%;height:102px;} #header .wrap{height:102px;width:996px;margin: 0 auto;} #header .wrap .logo{float:left;width:30%;} #header .wrap .logo a{ position:relative;display:block;width:190px;height:80px;margin:12px 0 0 26px;text-decoration:none} #header .wrap .phone {margin-left:300px;margin-top:20px;} #header .wrap .phone dt {font: bold 20px arial;color:#033;margin:0 50px;padding:0 25px;position:relative;display:inline;} #header .wrap .phone dt.mail {font: bold 14px arial;top:5px;} #header .wrap .phone dt .pic {top:3px;left:0; width:20px;height:20px;background-position: -1px -217px;} #header .wrap .phone dt.mail .pic {top:1px;left:0; width:20px;height:20px;background-position: 0 -302px;} #header .wrap .phone dd {font:14px/18px arial;padding: 0px 0 2px 70px;} #header .wrap .phone .center{float:right;position:absolute;width:300px;right:20px;top:0px;} #header .wrap .phone .center .link{margin:0px 0 0 14px} /* Content */ #content{min-width:996px;min-height:100%;padding-top:120px;margin:0px;} .empty{height:148px} /* Content left */ #content .sidebar_left{float:left;display:inline;overflow:hidden;width:200px;margin-left:-100%;padding-top:84px;x} #content .sidebar_left p{padding:10px; margin:0} /* Content center */ #content .center{float:left;width:996px;overflow:hidden;margin:0 auto;} .index #content .center .in{position:relative;margin: 0;padding:20px 0px} .sub #content .center .in{position:relative;margin: 0 200px 0 190px;padding:10px 10px 30px 10px} .price #content .center .in{position:relative;margin: 0 200px 0 0px;padding:10px 10px 30px 10px} #content .center .in p{margin:15px 10px;font:normal 14px/18px MS Sans Serif, Tahoma;text-align:justify;} #content .center .piar p{font:normal 11px/15px Tahoma;} #content .center .in .path{position:absolute;top:40px;font:normal 11px Tahoma} #content .center .in .path a{font:normal 11px Tahoma} #content .center h1 {font:normal 28px Trebuchet MS;color:#666;} .index #content .center .in h1 {margin: 0 0 15px 10px;} .sub #content .center h1 {margin: 20px 0 15px 10px;} .price #content .center h1 {margin: 20px 0 15px 10px;} #content .center h1 span {font:normal 40px Trebuchet MS;color:#0a6304;background:url(img/sprite.png) repeat 0 -250px;} #content .center h1 span a {color:#0a6304;text-decoration:none;} #content .center h1 span a:hover {color:#E97300} #content .center .in h2 {font: 22px/26px Tahoma;} #content .center .in h3 {font:normal 18px Tahoma;color:#666;} #content .center .in h4 {font:bold 14px Arial;color:#333;padding-left:20px;} #content .center .in .alignleft {float:left;margin:10px 20px 10px 0;} .sub #content .center ul li {margin:10px 30px;font:normal 14px/16px MS Sans Serif, Tahoma;list-style-type:square;} .sub #content .center dt {margin:10px 15px;font:bold 15px/19px MS Sans Serif, Tahoma;} .sub #content .center dd {margin:10px 35px;font: 14px/19px MS Sans Serif, Tahoma;} #content .center .in iframe {margin:10px -10px;} #content .center table {width:99%;margin:10px auto;border-collapse:collapse;border-spacing:0;} #content .center table thead {background: #cfc;} #content .center table th {font: bold 16px Arial;color:#033;border: solid 1px #fff;padding:5px;} #content .center table td {font: 14px Arial;color:#333;border: solid 1px #cfc;text-align:center;} #content .center ul.gallery-trim {margin:0px auto;overflow:hidden;;} #content .center ul.gallery-trim li {margin:2px;list-style-type:none;height:140px;float:left;padding:6px;border: solid 1px #ccc;list-style-position:outside;} #content .center ul.gallery-trim li:hover {border: solid 1px #093;} #content .center ul.gallery-trim li em {display:block;left:10px;top:100px;margin:0px 0 0 0;font: bold 14px arial;padding:2px;text-align:center;} #content .center ul.gallery-trim li a em {color:#666;text-decoration:none;} #content .center ul.gallery-trim li a:hover em {color:#093;} #content .center ul.gallery-photo {margin:0px 15px;overflow:hidden;} #content .center ul.gallery-photo li {margin:4px;list-style-type:none;height:120px;float:left;padding:5px;border: solid 1px #e1ffe1;list-style-position:outside;} #content .center ul.gallery-photo li:hover {border: solid 1px #093;} .cn {background:transparent url(http://files.brocompany.com/css/futures/cn.24.png) no-repeat scroll 0 0;position:absolute;z-index:20;} .border {position:relative;margin:10px 0 10px 0;} .border .cn {height:13px; width:13px;} .border .tl {background-position:-13px -21px; top:0; left:-4px;} .border .tr {background-position:0 -21px;left:-12px;margin-left:100%;top:0;} .border .bl {background-position:-13px -8px; margin-top:-10px; left:-4px;} .border .br {background-position:0 -8px;left:-12px;margin:-10px 0 0 100%;} .box {float:left;} .inner-wrap {overflow:hidden;width:990px;background:transparent url(img/box-border.24.png) repeat-x scroll -232px 0;} .box .brdr {position:absolute; width:100%; height:4px; background: url(http://files.brocompany.com/css/futures/box-border.24.png) no-repeat 0 0; z-index:10;} .box .brdr.top {top:0; left:0;} .box .brdr.bottom {left:0;background-position:0 -4px; bottom:auto;} .box h2 {height:24px;color:#030;font: 22px/24px Tahoma;background: url(img/box_header.gif);margin-top:10px;padding-left: 30px;} .box .text {float:left;width:610px;padding: 0 10px;} .box p {text-align:justify;} .box .promo-gallery {position:relative;float:left;width:340px;padding: 5px 10px 0;} .box .promo-gallery ul li {float:left;margin:4px;} .box .promo-gallery ul li img {height:100px; padding:4px;border: solid 1px #ccc;} .box .promo-gallery ul li a:hover img {border: solid 1px #063;} #content .center .in .box h3 {font: 14px/26px Arial;margin:5px;} #content .center .in .box h3 a {color:#030; text-decoration:none;padding-left:20px;position:relative;} #content .center .in .box h3 a:hover {color:#063; text-decoration:underline;} .pic {position:absolute;background: url(img/sprite.png) 0 0;} #content .center .in .box h3 a .pic {top:0;left:0;width:16px;height:16px;background-position: -16px -186px;} #content .center .in .box h3 a:hover .pic {background-position: 0 -186px;} .sub-gallery {margin:0 auto;} .sub-gallery a img {height:120px;padding:1px;border:solid 1px #ccc;} .sub-gallery a:hover img {border:solid 1px #3c6;} #promo-products {position:relative;width: 100%;clear: both;margin: 0 auto;padding: 0;} #promo-products li {background: url(img/contur.1.png) no-repeat 0 0;} #promo-products li.bl-hot {width: 199px;float: left;padding: 0;margin: 1px;margin-right: -1px;display: inline;text-indent: 0;list-style-type: none;min-height: 340px;} #promo-products li:before {content: '';} #promo-products h3 {margin: 5px 0 0 3px;height:44px;padding:4px;text-align:center;font: bold 16px/44px Verdana !important;} #promo-products h3 a {color:#030;text-decoration:none;height:44px;} #promo-products h3 a:hover {color:#fff;text-decoration:none;} #promo-products p {padding:2px 5px !important;text-align:left !important;} #promo-products p a {color:#333;text-decoration:none;} #promo-products li img {margin-left:10px;} .bl-hot h3 {zoom: 1;background: url(img/contur-head.1.png) no-repeat 0 0;} .bl-hover h3 {cursor: pointer;background: url(img/contur-head.png) no-repeat 0 0;} .bl-hover h3 a {color:#fff !important;} .bl-hover a:link {color: #CC3333;} .bl-hover a:visited {color: #CC3333;} .sub #promo-products {position:relative;background: url(img/contur.png) no-repeat 0 0;width: 191px;min-height: 380px;} .sub #promo-products h3 {color:#fff;margin: 0px;height:50px;padding:4px 5px;text-align:center;font: bold 16px Verdana;background: url(img/contur-head.png) no-repeat 0 0;} .sub #promo-products p {padding:2px 15px !important;font:normal 14px/18px MS Sans Serif, Tahoma;} /* Form-top */ #inputArea {font-family: Arial, Sans-Serif; font-size: 13px; background: #d8f4dd; padding: 10px; } #inputArea input {font: 13px Arial, Sans-Serif; margin-bottom: 5px; display: block;padding: 4px; width: 200px;} #inputArea textarea {font: 13px Arial, Sans-Serif; margin-bottom: 5px; display: block;padding: 4px; width: 300px;} #inputArea .form-contacts {float:left;margin:10px;} #inputArea .form-message {float:left;margin:10px;} #inputArea .form-captcha {float:left;margin:10px;} .activeField {background-image: none;background-color: #ffffff;border: solid 1px #24bc28;} .idle {border: solid 1px #8eda90;background:#FFF url(img/sprite.png) repeat-x 0 -320px;} /* Content right */ #content .sidebar_right{float:left;display:inline;overflow:hidden;width:200px;margin-left:-200px;padding-top:84px;} /* Menu */ .menu {width:100%} .menu li{width:100%;height:30px;margin-bottom:5px;border-bottom:solid 1px #9c9;} .menu li a {height:30px;display:block;position:relative;padding-left:30px;font: normal 17px/29px Trebuchet MS, Tahoma;color:#030;text-decoration:none;} .menu li a .pic {top:6px;left:0;width:16px;height:16px;background-position:0 -203px;} .menu li a:hover .pic {background-position: -16px -203px;} .menu li.active a{color:#f60 !important;text-decoration:none;cursor:default;} .menu li.active a .pic {background: url(img/str.icon.png) 0 0;} .menu li a:link{color:#030} .menu li a:visited{color:#030} .menu li a:hover{color:#E97300} /* Footer */ #footer{position:relative;height:148px;min-width:996px;margin:-148px 0px 0;} /* Copyright */ #footer .copyright{height:100px;width:100%;} #footer .copyright .in{height:100px;padding-left:37px;} #footer .copyright .in .left{float:left;font:normal 11px/20px Tahoma;color:#1C1C1C} #footer .copyright .in .right{float:right;padding-right:37px;font:bold 11px Tahoma;color:#1C1C1C;} #footer .copyright .in .right a{font:normal 11px Tahoma color:#343434} #footer .copyright .in .right a:hover{color:#343434} #footer .copyright .in .right dt {color:#999;} /* Footer list */ #footer .list{height:48px;width:100%;background: url(img/sprite.png) repeat 0 -48px;} #footer .list .in{padding-left:20px;height:42px;text-align:center} #footer .list .in ul{margin:0;} #footer .list .in ul li{height:42px;width:14%;float: left} #footer .list .in ul li a{position:relative;height:42px;display:block;margin:0 5px;outline:none} #footer .list .in ul li a span{width:96%;height:43px;display:block;font:normal 13px/43px Trebuchet MS;color:#0043A7;text-align:center;text-decoration:none;cursor:pointer} #footer .list .in ul li a:hover {text-decoration:none;} #footer .list .in ul li a:hover span{background: url(img/sprite.png) repeat-x 0 -141px;color: #fff;} #footer .list .in ul li.active{position:relative;z-index: 5} #footer .list .in ul li.active a{text-decoration:none;cursor:default} #footer .list .in ul li.active a span{background: url(img/sprite.png) repeat-x 0 -141px;color: #fff;cursor:default} #footer .list .in .brdr {height:44px; width:15px;position:absolute;background:url(img/sprite.png) no-repeat scroll -100px 0;} #footer .list .in .left {background-position: 0 0; top:0; left:0px;} #footer .list .in .right {background-position:-15px 0; top:0; left:-15px;margin:0px 0 0 100%;} #footer .list .in ul li a:hover .hovleft {background-position: 0 -95px; top:0; left:-14px;} #footer .list .in ul li a:hover .hovright {background-position:-15px -95px; top:0; left:-1px;margin:0px 0 0 90%;} #footer .list .in ul li.active a .hovleft {background-position: 0 -95px; top:0; left:-14px;} #footer .list .in ul li.active a .hovright {background-position:-15px -95px; top:0; left:-1px;margin:0px 0 0 90%;} /* Clear */ .clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clear {display:inline-block;} .clear {display:block;} /* Link */ a:link, #footer a:link {color:#033} a:visited, #footer a:visited {color:#066} a:hover, #footer a:hover {color:#E97300} .sub a {color:#0000cc} .sub a:hover {color:#E97300} /* Title */ h1 {font:normal 30px Trebuchet MS} /* Slidebox */ .slide-panel {position: absolute;z-index: 25;} .bottom {bottom: 0;} .top {top: 0;} .content {margin-left: auto;background: #d8f4dd;margin-right: auto;z-index: 10;overflow: hidden;text-align: left;height: 0;width:996px;} .slide-button {position: relative;float:right;top:0;right:10px;width: 150px;z-index: 20;cursor: pointer;height: 30px;padding-top: 10px;text-align: center;} .slide-button:hover {color: #9f9d8e;} .slide-button { margin-left: auto; margin-right: auto;height:100px;width:300px; cursor: pointer; color: #4c5153; background: url(img/zakaz.png) no-repeat; } #close-button {background: url(img/zakaz.off.png) no-repeat;} .slide-button:hover { color: #9f9d8e; } #workspace { padding-top: 50px; } /* Banner */ .banner {position:relative;width:160px;margin:10px auto;} .slides {border:1px solid #999;height:240px;} .slides img{height:240px;} .slides LI {float:left;} .carousel-control {display:none;} .slides .carousel-pagination {position:absolute;display:none; top:10px; right:10px;} .slides .carousel-pagination A {display:block; float:left; margin:0 2px; padding:2px 0 0 5px; width:13px; height:17px; font-size:12px; font-weight:700; cursor:pointer;} .slides .carousel-pagination .active {background-position:0 0; border:none;} /*jQuery LightBox -----------------------------*/ #jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;} #jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;} #jquery-lightbox a img {border: none;} #lightbox-container-image-box {position: relative;background-color: #FFF;width: 250px;height: 250px;margin: 0 auto;} #lightbox-container-image {padding: 10px;} #lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width:100%;text-align:center;line-height: 0;} #lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;} #lightbox-container-image-box > #lightbox-nav {left: 0;} #lightbox-nav a {outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;display:block;} #lightbox-nav-btnPrev {left: 0;float: left;} #lightbox-nav-btnNext {right: 0;float: right;} #lightbox-container-image-data-box {font: 10px Arial, Tahoma, sans-serif;background-color:#FFF;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;} #lightbox-container-image-data {color: #666;} #lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left;} #lightbox-image-details-caption {font-weight: bold;} #lightbox-image-details-currentNumber {display: block;clear: left;padding-bottom: 1.0em;} #lightbox-secNav {position:relative;} #lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;}