/* Переменные */ @menuColor: #ec1d25; @fontColor1: #fff; @fontColor2: #000; @linkColor1: #054885; @tableTop: #e7e7e7; @tableBottom: #eeeff0; @tableTextTop: #525256; @tableTextBottom: #050000; @description: #909090; @footLink: #004e94; @footPhone: #333; @searchText: #a3a3a3; @adress: #7d7d7d; @codePhone: #484747; @costLink: #34578E; @font: Arial, Verdana, sans-serif; /* Вложенные правила */ div.clear { clear: both; } .button-style { -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe; -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe; box-shadow:inset 0px 1px 0px 0px #97c4fe; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #0047b8) ); background:-moz-linear-gradient( center top, #3d94f6 5%, #0047b8 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#0047b8'); background-color:#3d94f6; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; text-indent:0; border:1px solid #337fed; display:inline-block; color:#ffffff; font-family:Arial; font-size:15px; font-weight:normal; font-style:normal; height:30px; line-height:30px; width:110px; text-decoration:none; text-align:center; text-shadow:0px 1px 0px #1570cd; } h1 { display: block; width: 100%; height: 31px; border-bottom: 1px dotted #d0d0d0; font: normal 22px Arial, Verdana, sans-serif; color: #000; position: relative; line-height: 29px; margin: 0 0 26px 0; } h2 { font: normal 20px Arial, Verdana, sans-serif; color: @fontColor2; } p.formmessage { color: #ff3300; } .no-margin { margin: 0; } .max-h { height: 100% !important; } .more_exp { display: none; } div.simpleTabs { padding:10px 0 0 0; ul.simpleTabsNavigation { margin:0 10px 0px 0; padding:0; text-align:left; li { list-style: none; display: inline; margin:0; padding:0; width: 110px; height: 40px; a { background: url(images/tab-back.png) no-repeat; font: normal 12px @font; text-decoration: none; display: inline-block; width: 110px; height: 40px; color: #383838; line-height: 49px; text-align: center; } a.current { background: url(images/tab-back-hover.png) no-repeat; color: #fff; } } } div.simpleTabsContent { padding: 15px 0px 15px 4px; display:none; background: top url(img/border-tabs.png) repeat-x; table.zebra { width: 100%; margin-top: 0px; margin-bottom: 30px; tr.even { height: 36px; td { text-align: left; padding: 0 0 0 14px; background: @tableTop; font: normal 11px @font; color: @fontColor2; a { font: normal 11px @font; text-transform: none; } } } tr.odd { height: 36px; td { text-align: left; padding: 0 0 0 14px; background: @tableBottom; font: normal 11px @font; color: @fontColor2; a { font: normal 9px @font; text-transform: none; } } } } div.icons { position: relative; float: left; margin-right: 11px; div.i { img { } } } div.inf { position: relative; div.title { position: relative; span { border-bottom: 1px dashed #a4a2a2; color: #181818; cursor: pointer; font: normal 13px @font; &:hover { color: #ec1d25; } } } div.text { height: 54px; color: #6c6a6a; font: normal 11px @font; overflow: hidden; padding: 1px 0 0 2px; } } div.reviews { position: relative; div.comment-wrap { margin-top: 40px; border-top: 1px dotted #d0d0d0; div.comment-elements { position: relative; top: 10px; } } h2 { font: normal 14px @font; } label { font: normal 13px @font; } input[type="text"] { width: 200px; height: 23px; position: relative; border: 1px solid #d0d0d0; margin-bottom: 16px; font: normal 13px @font; color: #484848; } textarea { width: 400px; height: 100px; position: relative; border: 1px solid #d0d0d0; margin-bottom: 16px; font: normal 13px @font; color: #484848; } a.button { text-decoration: none; input[type="submit"] { display: block; padding: 6px; width: 150px; height: 36px; background: #0057A5; margin: 10px 0 0 0; text-align: center; font: normal 13px Arial, Verdana, sans-serif; color: #ffffff; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border: none; } } div.item { position: relative; border-left: 6px solid #d0d0d0; top: 4px; div.info { position: relative; left: 12px; p.text { font: normal 15px @font; } p.name { font: bold 10px @font; } } } } } div.simpleTabsContent.currentTab { display:block; } } /* -------- START LESS -------- */ /* Общий блок */ div#wrapper { width: 100%; height: auto; background: #fff; } /* Линия сверху */ div.top-line { width: 100%; height: 26px; background: @menuColor; p { margin: 0; padding: 4px 0 0 0; text-align: center; font: normal 12px @font; color: @fontColor1; } } /* Header */ div#head-wrap { width: 100%; height: 388px; background: url(images/head-back.png) 100% 100% no-repeat; background-size: cover; background-position: top center; margin: 0 auto; header { width: 984px; height: 100px; margin: 0 auto; div.logo { width: 224px; height: 90px; float: left; a { display: block; width: 270px; height: 62px; margin: 18px 0 0 0; background: url(images/logo.png) no-repeat; border: none !important; cursor: pointer; } } div.phoneTop { width: 290px; height: 100px; float: left; margin: 0 0 0 110px; h2 { font: normal 30px @font; text-align: center; color: @fontColor2; margin: 22px 0px 0px 40px; padding: 0; sup { font: normal 24px @font; color: @codePhone; } } a { color: @linkColor1; font: normal 12px @font; margin: 0 0 0 162px; &:hover { text-decoration: none; color: #ec1d25; } } } address { width: 280px; height: 40px; float: right; font: normal 14px @font; color: @adress; margin: 28px 6px 0 0; text-align: right; line-height: 20px; } } } /* Меню горизонтальное */ div#menuWrap { width: 980px; height: 43px; margin: 0 auto; background: url(images/line.jpg) 100% 100% repeat-x; border: 1px solid #dcdcdc; ul.menu-list { width: 640px; height: 43px; list-style: none; font: normal 14px @font; margin: 0; padding: 0; display: table; float: left; li { margin: 0; padding: 0; text-align: center; vertical-align: middle; display: table-cell; border-right: 1px solid #dcdcdc; /* display: inline-block; */ &:hover { background: url(images/blick.png) no-repeat; z-index: 999; } a { color: @menuColor; text-decoration: none; display: block; height: 43px; position: relative; z-index: 998; &:hover { color: #fff; background: url(images/butt-hover.png) repeat-x; } span { position: relative; top: 14px; } } } li.big { width: 164px; a { width: 164px; } } } div.search { width: 336px; height: 47px; float: right; input[type="search"] { display: block; width: 207px; height: 22px; border: 1px solid #b2b2b2; float: left; margin: 9px 0 0 7px; color: #b2b2b2; font-size: 13px; font-style: oblique; } input[type="submit"] { display: block; width: 107px; height: 43px; margin-top: 1px; border: none !important; float: right; color: #fff; background: url(images/search-back-hover.png) no-repeat; font: normal 14px @font; outline: none; /* &:hover { background: url(images/search-back-hover.png) no-repeat; } */ } } } /* Блок для слайдера (стили в css/smslider.css) */ div.mainSlider { width: 982px; height: 214px; margin: 0 auto; border-bottom-left-radius: 8px; -moz-border-bottom-left-radius: 8px; /* Firefox */ -webkit-border-bottom-left-radius: 8px; /* Safari, Chrome */ -khtml-border-bottom-left-radius: 8px; /* KHTML */ border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; /* Firefox */ -webkit-border-bottom-right-radius: 8px; /* Safari, Chrome */ -khtml-border-bottom-right-radius: 8px; /* KHTML */ /* box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.9); -moz-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.9); */ } /* Основной блок с контентом */ div#content { width: 982px; height: auto; margin: 0 auto; } /* Правая колонка */ div#rightBar { width: 716px; height: auto; position: relative; float: right; div.series-name { width: 714px; height: 15px; a { font: normal 18px @font; color: #383838; text-decoration: none; position: relative; bottom: 16px; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; -moz-transition-duration: 0.6s; transition-duration: 0.6s; &:hover { color: #ec1d25; } } } div.sort { width: 717px; height: 26px; background: #DEDDD8; border-radius: 2px; -moz-border-radius: 2px; /* Firefox */ -webkit-border-radius: 2px; /* Safari, Chrome */ -khtml-border-radius: 2px; /* KHTML */ border-radius: 2px; /* CSS3 */ margin-bottom: 14px; background: #DEDDD8; label { font: bold 13px @font; color: @fontColor2; position: relative; top: 4px; left: 8px; float: left; } span { font: normal 13px @font; position: relative; cursor: pointer; float: left; top: 4px; } span.cost-item { float: right; right: 140px; } span.name-item { float: right; right: 112px; } span.date-item { float: right; right: 86px; } span.new-item { float: right; right: 61px; } span.in-stock { float: right; right: 38px; } span.all-item { float: right; right: 16px; } } } div#item-main-wrap { width: 710px; height: 346px; position: relative; margin-bottom: 10px; div#item-info-wrap { width: 290px; height: 228px; float: left; .item-img { width: 288px; height: 183px; img { width: 290px; height: 228px; margin-top: 10px;} } } div.price { margin-top: 58px; width: 306px; height: 40px; border-top: 1px dotted #d0d0d0; border-bottom: 1px dotted #d0d0d0; p { font: normal 14px @font; color: @fontColor2; position: relative; bottom: 8px; text-align: center; span { font: bold 22px @font; color: #005ea9; position: relative; top: 2px; } } } div.infolink-1 { width: 306px; height: 40px; a { font: normal 11px @font; color: #a1a1a1; position: relative; top: 4px; &:hover { text-decoration: none; } } a.warning-icon1 { position: relative; left: 52px; } a.warning-icon2 { position: relative; left: 53px; } } div.info-col { width: 166px; height: 46px; margin-top: 20px; border: 1px solid #000; a { font: normal 12px } } div.functions { width: 386px; height: auto; float: right; div.expand { width: 384px; height: auto; float: left; margin-top: 14px; z-index: 998; div.icons { float: left; margin: 0 2px 0 0; width: 28px; position: relative; left: 20px; div.i { width: 36px; height: 27px; position: relative; float: right; margin: 0 6px 6px 0; img { width: 40px; height: 25px; border: none; } } } div.inf { width: 334px; float: left; line-height: 120%; position: relative; left: 30px; } div.title { padding: 0 0 0px 2px; span { border-bottom: 1px dashed #a4a2a2; color: #181818; cursor: pointer; font: normal 13px @font; &:hover { color: #ec1d25; border-bottom: none; } } } div.text { height: 54px; color: #6c6a6a; font: normal 11px @font; overflow: hidden; padding: 1px 0 0 2px; } div.textHeight { p { padding: 0 0 10px; } } } div.show-all-func { width: 496px; height: 55px; float: left; margin-top: 16px; a.showAll { font: normal 11px @font; color: #00305B; text-decoration: underline; position: relative; top: 16px; left: 63px; &:hover { text-decoration: none; color: #ec1d25; } } } } div.series-desc { width: 485px; height: auto; float: right; p { font: normal 12px @font; padding: 10px 0 0 0; } } } div#model-item-wrap{ margin-bottom: 15px; display: table; width: 100%; div.lp { background: url(images/lead-sale.png) no-repeat; width: 80px; height: 80px; position: absolute; margin-left: 230px; } div.action { background: url(images/action.png) no-repeat; width: 80px; height: 80px; position: absolute; margin-left: 230px; } div.percent_5 { background: url(images/percent_5.png) no-repeat; width: 80px; height: 80px; position: absolute; margin-left: 230px; } div.percent_10 { background: url(images/percent_10.png) no-repeat; width: 80px; height: 80px; position: absolute; margin-left: 230px; } div.new { background: url(images/new.png) no-repeat; width: 80px; height: 80px; position: absolute; margin-left: 230px; } } /* Таблица общие стили */ table { margin-top: 10px; margin-bottom: 40px; tr { border-bottom: 1px solid #fff; th { width: 30px; border-right: 1px solid #fff; background: @tableTop; font: bold 10px @font; color: @fontColor2; padding: 14px; a { color: @fontColor2; } } td { height: 30px; padding: 0; border-right: 1px solid #fff; background: @tableBottom; font: normal 11px @font; text-align: center; a { display: block; width: 190px; height: 15px; font: bold 10px @font; color: #181818; text-decoration: underline; text-transform: uppercase; float: left; &:hover { text-decoration: none; color: #ec1d25; } } a.to_basket { font: normal 10px @font; text-transform: none; display: block; width: 77px; height: 19px; float: left; color: #181818; &:hover { text-decoration: none; color: #ec1d25; } } a.to_diff { font: normal 10px @font; text-transform: none; display: block; width: 79px; height: 15px; float: right; color: #181818; &:hover { text-decoration: none; color: #ec1d25; } } } td.action { width: 168px; padding: 0; border-right: 1px solid #fff; background: @tableBottom; font: normal 11px @font; a.active { color: #000; font-size: 9px !important; } } } } /* Правая колонка - END */ /* Левая колонка */ div#leftBar { width: 252px; height: auto; } /* Вертикальное меню */ ul.vert-main-menu { list-style: none; margin: 0; padding: 0; li.main-link-menu { span.first-link { margin: 0; cursor: pointer; display: block; width: 248px; height: 38px; font: normal 14px @font; background: url(images/left-menu-back.png) no-repeat; a { color: #fff; text-decoration: none; position: relative; top: 6px; left: 22px; &:hover { text-decoration: underline; } } } } ul.vert-second-menu { display: none; list-style: none; margin: 0 0 24px 20px; padding: 0; width: 226px; height: auto; li.second-link-menu { line-height: 20px; padding: 2px 0px 0px 0; border-bottom: 1px dotted #d0d0d0; width: 202px; span.second-link { cursor: pointer; margin: 0px 0 5px 0; display: block; a { font: normal 13px @font; color: #383838; &:hover, &:active { color: #ec1d25; } } } } } ul.vert-third-menu { display: none; margin: 4px 0 3px 0; padding: 0; list-style: disc; li.third-link { width: 192px; border-bottom: none; margin: 0 0 0 24px; font-size: 12px; color: #686868; a { font: normal 11px @font; color: #484848; text-decoration: none; font-style: oblique; &:hover, &:active { text-decoration: none; color: #ec1d25; } } } } } .active-block{ display: block !important; } /* Новостной блок */ div#news-wrap { width: 244px; height: 400px; margin-top: 32px; h1 { display: block; width: 100%; height: 28px; border-bottom: 1px dotted #d0d0d0; font: normal 18px Arial, Verdana, sans-serif; color: #000; position: relative; line-height: 29px; margin: 0 0 16px 0; } a.show-all { font: normal 12px @font; color: #181818; position: relative; top: 24px; &:hover { text-decoration: none; color: #ec1d25; } } div.news-content { width: 244px; height: auto; margin-top: 24px; time { font: normal 12px @font; color: #484848; } h4 { margin: 10px 0 0 0; padding: 0; a { font: normal 14px @font; color: #181818; &:hover { text-decoration: none; color: #ec1d25; } } } p { font: normal 13px @font; color: #484848; margin: 10px 0 10px 0; } } } /* Левая колонка - END */ /* Footer */ div#foot-wrap { width: 100%; height: 165px; background: url(images/foot-back.png) repeat-x; footer { width: 982px; height: 165px; margin: 0 auto; div.copyright { width: 246px; height: 155px; padding-top: 10px; float: left; p { font: normal 13px @font; color: #000; } } div.link-foot-menu-1 { width: 264px; height: 151px; padding-top: 14px; float: left; ul { list-style: none; margin: 0; padding: 0; li { a { font: normal 13px @font; color: #181818; &:hover { text-decoration: none; color: #ec1d25; } } } } } div.link-foot-menu-2 { width: 208px; height: 151px; padding-top: 14px; float: left; ul { list-style: none; margin: 0; padding: 0; li { a { font: normal 13px @font; color: #181818; &:hover { text-decoration: none; color: #ec1d25; } } } } } div.foot-address { width: 250px; height: 165px; float: left; h4 { font: normal 20px @font; color: @fontColor2; margin: 18px 0 0 20px; padding: 0; sup { font: normal 16px @font; color: @codePhone; } } address { width: 260px; height: 40px; font: normal 12px @font; color: #484848; margin: 8px 6px 0 20px; line-height: 13px; } a.all-contact { font: bold 11px @font; color: @linkColor1; margin: 8px 0 0 20px; &:hover { text-decoration: none; color: #4594da; } } } } } /* Footer - END */ /* Корзина */ div#basket-open { width: 210px; height: 42px; position: fixed; bottom: 0; right: -21px; float: right; button { display: block; width: 210px; height: 42px; background: url(images/basket-button-back.png) no-repeat; border: none !important; outline: none !important; } } div#basket-wrap { width: 960px; height: 67px; margin: 0 auto; background: url(images/basket-back-main.png) no-repeat; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1001; /*display: none;*/ a { font: bold 14px @font; color: #fff; text-decoration: underline; position: relative; display: block; width: 145px; float: left; } a.online { top: 31px; left: 74px; cursor: pointer; } a.compare { /* top: 31px; left: 100px; */ display: block; width: 146px; margin: 32px 0px 0px 99px; float: left; } span { font: bold 16px @font; color: #000; position: relative; } span.compare-coin { /* top: 17px; left: 127px; */ float: left; margin: 17px 0px 0px 18px; width: 28px; text-align: center; } a.my-basket { /* top: 31px; left: 230px; */ display: block; float: left; margin: 32px 0px 0px 90px; width: 93px; } span.basket-coin { /* top: 17px; left: 261px; */ float: left; margin: 17px 0px 0px 30px; width: 28px; text-align: center; } span.summ { /* top: 32px; left: 307px; */ font: bold 14px Arial, Verdana, sans-serif; color: #fff; text-decoration: underline; float: left; margin: 33px 0px 0px 43px; } span.total { /* top: 34px; left: 333px; */ float: left; margin: 33px 0px 0px 5px; width: 121px; text-align: center; } button.checkout { width: 137px; height: 35px; display: block; background: url(images/basket-button.png) no-repeat; outline: none !important; border: none !important; position: relative; float: right; top: 26px; right: 54px; } button.close { width: 47px; height: 46px; float: right; position: relative; background: url(images/close.png) no-repeat; border: none !important; outline: none !important; left: 136px; } } /* Корзина - END */ div.product { h1{ display: block; width: 100%; height: 31px; border-bottom: 1px dotted #d0d0d0; font: normal 22px Arial, Verdana, sans-serif; color: #000; position: relative; line-height: 29px; margin: 0; } div.col-1{ float: left; width: 300px; img.product-img{ width: 300px; height: auto; margin-top: 20px; margin-bottom: 50px; } } div.col-2{ padding-left: 30px; font-size: 14px; margin-top: 20px; } .list{ font-size: 11px; li{ list-style-type: none; } li p{ margin: 5px 0px; } li.description{ margin-bottom: 20px; } } div.cost{ font-size: 18px; color: @costLink; span{ color: #000; } span#currency{ font-weight: normal; } } div.inform-block{ a { color: #9E9E9E; } font-size: 11px; margin-top: 5px; } div.other-inform{ margin-top: 20px; margin-bottom: 20px; } .catalog-section{ width: 600px; div.item{ float: left; width: 190px; margin-left: 10px; margin-bottom: 30px; } div.item img{ width: 190px; } } } /* Модели серии */ div.product-item { width: 208px; float: left; margin-left: 22px; height: 460px; a.title { display: block; font: bold 13px @font; color: #181818; text-transform: uppercase; text-align: center; margin-bottom: 16px; height: 26px; &:hover { text-decoration: none; color: #ec1d25; } } div.img { height: 160px; img { width: 100%; display: block; margin-top: 10px; } } div.info { height: 250px; table { margin: 14px auto 14px auto; width: 208px; height: 115px; tr { td { height: 16px; padding: 6px; } } } } div.price { width: 207px; height: 48px; border-top: 1px dotted #d0d0d0; border-bottom: 1px dotted #d0d0d0; line-height: 30px; text-align: center; font: normal 16px @font; div.price-inner { margin-top: 10px; font: normal 16px @font; span.cost { color: #005ea9; font: bold 22px @font; position: relative; top: 2px; } } } div.action { margin: 0 auto; width: 212px; a.basket { display: block; padding: 6px; width: 84px; height: 19px; float: left; background: #4992d3; margin: 10px 10px 0 0; text-align: center; font: normal 13px @font; color: @fontColor1; text-decoration: none; -moz-border-radius: 4px; /* Firefox */ -webkit-border-radius: 4px; /* Safari, Chrome */ -khtml-border-radius: 4px; /* KHTML */ border-radius: 4px; /* CSS3 */ } a.compare { display: block; padding: 6px; width: 84px; height: 19px; float: left; background: #4992d3; margin: 10px 10px 0 0; text-align: center; font: normal 13px @font; color: @fontColor1; text-decoration: none; -moz-border-radius: 4px; /* Firefox */ -webkit-border-radius: 4px; /* Safari, Chrome */ -khtml-border-radius: 4px; /* KHTML */ border-radius: 4px; /* CSS3 */ } a.button.active { font-size: 13px !important; background: #999 !important; } } } /* Внутренняя с продуктом */ div.product { float: left; width: 100%; div.col1 { width: 288px; float: left; margin-top: 20px; img { width: 100%; } a { div.lp { background: url(images/lead-sale.png) no-repeat; width: 80px; height: 80px; position: absolute; margin-left: 216px; } div.action { background: url(images/action.png) no-repeat; width: 80px; height: 80px; position: absolute; margin-left: 216px; } div.percent_5 { background: url(images/percent_5.png) no-repeat; width: 80px; height: 80px; position: absolute; margin-left: 228px; margin-top: 20px; } div.percent_10 { background: url(images/percent_10.png) no-repeat; width: 80px; height: 80px; position: absolute; margin-left: 228px; margin-top: 20px; } div.new { background: url(images/new.png) no-repeat; width: 80px; height: 80px; position: absolute; margin-left: 216px; } } } div.price { width: 286px; height: 48px; border-top: 1px dotted #d0d0d0; border-bottom: 1px dotted #d0d0d0; line-height: 40px; text-align: center; font: normal 16px @font; margin: 16px 0 3px 0; div.price-inner { margin-top: 10px; font: normal 16px @font; span.cost { color: #005ea9; font: bold 22px @font; position: relative; top: 2px; } } } div.inf_block { width: 286px; height: 26px; a { font: normal 11px @font; color: #a1a1a1; position: relative; top: 4px; &:hover { text-decoration: none; } } a.warning-icon1 { position: relative; left: 24px; img { width: 19px; height: 11px; } } a.warning-icon2 { position: relative; left: 25px; img { width: 13px; height: 12px; } } } div.action { margin: 4px auto 72px auto; width: 212px; a.basket { display: block; padding: 6px; width: 84px; height: 19px; float: left; background: #4992d3; margin: 10px 10px 0 0; text-align: center; font: normal 13px @font; color: @fontColor1; text-decoration: none; -moz-border-radius: 4px; /* Firefox */ -webkit-border-radius: 4px; /* Safari, Chrome */ -khtml-border-radius: 4px; /* KHTML */ border-radius: 4px; /* CSS3 */ } a.compare { display: block; padding: 6px; width: 84px; height: 19px; float: left; background: #4992d3; margin: 10px 10px 0 0; text-align: center; font: normal 13px @font; color: @fontColor1; text-decoration: none; -moz-border-radius: 4px; /* Firefox */ -webkit-border-radius: 4px; /* Safari, Chrome */ -khtml-border-radius: 4px; /* KHTML */ border-radius: 4px; /* CSS3 */ } } div.guarantee { text-align: left; height: 100px; margin-top: 20px; a { img { width: 66px; height: 93px; border: 1px solid #d0d0d0; padding: 2px; } } div.inner { width: 100%; position: relative; left: 84px; bottom: 86px; a { position: relative; font: normal 11px @font; color: #0057A5; &:hover { text-decoration: none; } } p { position: relative; font: normal 11px @font; color: #818386; } } } div.social-wrap { width: 200px; margin-left: 5px; span { font: normal 11px @font; margin: 0; } } div.ib { width: 100%; margin: 10px 0 6px 0; p { font: normal 11px @font; color: #818386; margin: 0; padding: 4px 0 4px 0; a { color: #0057A5; &:hover { text-decoration: none; } } } } div.pay_icons { width: 100%; a { border: none; img { width: 50px; height: 30px; } } } div.col-2 { width: 396px; float: left; div.behaviour { width: 100%; margin-top: 20px; table { width: 100%; margin: 0; tr { height: 26px; th { border-right: 1px solid #fff; background: #e7e7e7; font: bold 10px @font; color: #000000; padding: 14px; } } } } } div.col-3 { width: 100%; float: left; border-top: 1px dotted #d0d0d0; } } /* Хлебные крошки */ ul.breadcrumb-navigation { display: block; margin: 0; padding: 0; height: 40px; li { display: inline; padding-right: 6px; a { font: normal 11px @font; color: #9E9A9A; &:hover { text-decoration: none; } } span { font: normal 11px @font; color: #9E9A9A; } } } /* Страница поиска */ div.search-content { width: 100%; time { font: normal 11px @font; color: #9E9A9A; margin: 10px 0 10px 10px; } h4 { display: block; height: 44px; border-bottom: 1px dotted #d0d0d0; margin: 10px; a { color: #0072b1; &:hover { text-decoration: none; color: #4594da; } } } p { font: normal 11px @font; margin: 0 10px 20px 10px; border-bottom: 1px dotted #d0d0d0; padding-bottom: 10px; } } /* Корзина оформление заказа */ div.cart-item { table.even-odd { margin: 0 0 10px 0; float: left; tr { th { font: bold 11px @font; } td { input[type="text"] { width: 40px; height: 15px; position: relative; top: 14px; border: 1px solid #d0d0d0; text-align: center; } input[type="checkbox"] { float: left; position: relative; bottom: 8px; left: 15px; } label { width: 155px; float: left; position: relative; top: 5px; left: 8px; } } } tr.cart_price { td.cart-item-name { width: 400px; a { font: bold 11px Arial, Verdana, sans-serif; } } } } div.button { div.w { input[type="submit"] { display: block; padding: 6px; width: 150px; height: 36px; background: #4992d3; margin: 0 10px 10px 0; text-align: center; font: normal 13px Arial, Verdana, sans-serif; color: #ffffff; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border: none; float: right; } } } div.total { width: 542px; height: 37px; float: left; font: normal 17px @font; border-top: 1px dotted #d0d0d0; border-bottom: 1px dotted #d0d0d0; div.total-inner { margin-top: 9px; b { color: #005ea9; } } } div.cart-notetext { margin-top: 8px; } a.bt3 { margin: 4px 0px 0px 38px; text-align: center; } } /* Форма оформления заказа */ div.block-checkout { margin-top: 20px; div.clearfix { label { font: normal 13px @font; width: 100%; display: block; position: relative; bottom: 4px; } input[type="text"] { width: 200px; height: 23px; position: relative; border: 1px solid #d0d0d0; margin-bottom: 16px; font: normal 13px @font; color: #484848; } textarea { width: 400px; height: 100px; position: relative; border: 1px solid #d0d0d0; margin-bottom: 16px; font: normal 13px @font; color: #484848; } select { width: 80px; height: 26px; margin-bottom: 16px; font: normal 13px @font; } input[type="submit"] { display: block; padding: 6px; width: 150px; height: 36px; background: #4992d3; margin: 10px 0 0 0; text-align: center; font: normal 13px Arial, Verdana, sans-serif; color: #ffffff; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border: none; } } div.clearfix-last { border-bottom: 1px dotted #d0d0d0; } } /* Страница с пустой корзиной */ div.basket-none { h4 { font: bold 16px @font; margin: 0; } p { font: normal 13px @font; } a { color: #0057A5; &:hover { color: #00305B; } } } /* Страница сравнений */ div.item-diff { table.even-odd { margin-top: 10px; tr.odd { td { height: 28px; } } tr.even { td.spacer { } td { height: 28px; } } } input[type="submit"] { display: block; padding: 6px; width: 150px; height: 36px; background: #0057A5; margin: 0; text-align: center; font: normal 13px Arial, Verdana, sans-serif; color: #ffffff; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border: none; } } div.none-compare { width: 100%; h4 { font: normal 16px @font; margin: 0; padding: 0; } p { font: normal 14px @font; } a { font: normal 14px @font; color: @linkColor1; &:hover { text-decoration: none; color: #4594da; } } } /* Карта сайта */ div.sitemap { margin-bottom: 60px; ul { list-style: none; padding-left: 20px; li { a { font: normal 13px @font; color: @linkColor1; &:hover { text-decoration: none; color: #4594da; } } } } } /* Подбор по параметрам */ form.parametrs { div.row { width: 100%; height: 70px; label { font: normal 14px @font; display: block; margin-bottom: 6px; } span { font: normal 14px @font; } select { width: 210px; } input[type="text"] { width: 200px; height: 23px; position: relative; border: 1px solid #d0d0d0; margin-bottom: 16px; font: normal 13px @font; color: #484848; } } input[type="submit"] { display: block; padding: 6px; width: 204px; height: 36px; background: #3677DA; margin: 0 10px 10px 0; text-align: center; font: normal 13px Arial, Verdana, sans-serif; color: #ffffff; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border: none; } } div.seria-list.conditioner { margin-top: 20px; div.product-item { width: 208px; float: left; margin-left: 22px; height: 380px; a.title { display: block; font: bold 14px @font; color: #3677DA; text-transform: uppercase; text-align: center; margin-bottom: 16px; height: 26px; &:hover { text-decoration: none; color: #4594da; } } div.img { width: 100%; height: 210px; img { width: 100%; display: block; margin-top: 10px; } } div.price { width: 207px; height: 48px; border-top: 1px dotted #d0d0d0; border-bottom: 1px dotted #d0d0d0; line-height: 30px; text-align: center; font: normal 16px @font; div.price-inner { margin-top: 14px; font: normal 16px @font; span.cost { color: #005ea9; font: bold 18px @font; } } } } } /* Корзина покупок */ table.sale_basket_basket { margin-top: 0; tr { td { input[type="text"] { width: 40px; height: 15px; border: 1px solid #d0d0d0; text-align: center; } } } } table.sale_basket-confirm { margin-top: 10px; tr { td { background: #fff; input[type="submit"] { display: block; padding: 6px; width: 136px; height: 32px; background: #0057A5; margin: 0 10px 10px 0; text-align: center; font: normal 13px Arial, Verdana, sans-serif; color: #ffffff; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border: none; } } td.first-but { width: 146px; small { position: relative; right: 6px; } } td.space { width: 116px; } td.second-but { width: 137px; float: right; text-align: center; } } } div.sale-form-table-wrap { table { margin-top: 0; tr { td { background: #fff; text-align: left; margin: 0; label { position: relative; bottom: 3px; left: 4px; } p { font: normal 11px @font; margin: 0 0 15px 0; } h4 { margin: 0; padding: 0; font: bold 14px @font; } } td.nowrap { input[type="text"] { width: 216px; height: 23px; position: relative; border: 1px solid #d0d0d0; margin-bottom: 8px; font: normal 13px @font; color: #484848; } input[type="password"] { width: 216px; height: 23px; position: relative; border: 1px solid #d0d0d0; margin-bottom: 4px; font: normal 13px @font; color: #484848; } input[type="submit"] { display: block; padding: 6px; width: 220px; height: 34px; background: #0057A5; margin: 4px 0 0 0; text-align: center; font: normal 12px Arial, Verdana, sans-serif; color: #ffffff; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border: none; } } td.captcha { padding-bottom: 12px; } } } div#sof_choose_login { position: relative; right: 10px; } p.text-inform-form { font: normal 12px @font; display: block; border-top: 1px dotted #d0d0d0; border-bottom: 1px dotted #d0d0d0; padding: 15px; margin-top: 26px; } } .errortext { color: red; margin: 0; padding: 0; font: normal 13px @font; } /* Стили типовых страниц */ div.typical-page { div.simpleTabs { padding:10px 0 0 0; ul.simpleTabsNavigation { margin:0 2px 0px 5px; padding:0; text-align:left; li.link-tab-1 { list-style: none; display: inline; margin:0; padding:2px 2px 0 0; width: 135px; height: 220px; a { background: url(images/split_type_mount.png) no-repeat; font: normal 13px @font; text-decoration: none; display: inline-block; width: 135px; height: 220px; color: @fontColor2; text-align: center; span { position: relative; top: 26px; } } a.current { display: inline-block; width: 135px; height: 220px; background: url(images/split_type_moun_active.png) no-repeat; color: @fontColor1; } } li.link-tab-2 { list-style: none; display: inline; margin:0; padding:2px 2px 0 0; width: 135px; height: 220px; a { background: url(images/cassete_type_mount_active.png) no-repeat; font: normal 13px @font; text-decoration: none; display: inline-block; width: 135px; height: 220px; color: @fontColor2; text-align: center; span { position: relative; top: 26px; } } a.current { display: inline-block; width: 135px; height: 220px; background: url(images/cassete_type_mount.png) no-repeat; color: @fontColor1; } } li.link-tab-3 { list-style: none; display: inline; margin:0; padding:2px 2px 0 0; width: 135px; height: 220px; a { background: url(images/floor_eng_mount.png) no-repeat; font: normal 13px @font; text-decoration: none; display: inline-block; width: 135px; height: 220px; color: @fontColor2; text-align: center; span { position: relative; top: 26px; } } a.current { display: inline-block; width: 135px; height: 220px; background: url(images/floor_eng_mount_active.png) no-repeat; color: @fontColor1; } } li.link-tab-4 { list-style: none; display: inline; margin:0; padding:2px 2px 0 0; width: 135px; height: 220px; a { background: url(images/split_type_mount.png) no-repeat; font: normal 13px @font; text-decoration: none; display: inline-block; width: 135px; height: 220px; color: @fontColor2; text-align: center; span { position: relative; top: 26px; } } a.current { display: inline-block; width: 135px; height: 220px; background: url(images/split_type_moun_active.png) no-repeat; color: @fontColor1; } } li.link-tab-5 { list-style: none; display: inline; margin:0; padding:2px 2px 0 0; width: 135px; height: 220px; a { background: url(images/multi_split_mount_active.png) no-repeat; font: normal 13px @font; text-decoration: none; display: inline-block; width: 135px; height: 220px; color: @fontColor2; text-align: center; span { position: relative; top: 26px; } } a.current { display: inline-block; width: 135px; height: 220px; background: url(images/multi_split_mount.png) no-repeat; color: @fontColor1; } } } } div.simpleTabsContent { padding: 15px 0px 15px 4px; display:none; background: top url(images/line.png) repeat-x; } p { font: normal 14px @font; text-indent: 20px; } p.no-indent { font: normal 14px @font; text-indent: 0px; } a { color: @linkColor1; &:hover { text-decoration: none; color: #4594da; } } span.phone { font: bold 16px @font; color: @linkColor1; } a.email { font-style: oblique; &:hover { text-decoration: none; color: #4594da; } } h3 { font: bold 17px @font; color: #383838; } ul { li { font: normal 13px @font; } } div.line-block-wrap { width: 100%; div.inner { width: 176px; float: left; a { font: normal 13px @font; color: @linkColor1; text-decoration: underline; display: block; margin-bottom: 12px; } img { position: relative; } } } } /* Страница новости */ div.news-list { width: 100%; font: normal 11px @font; margin: 0 10px 20px 10px; padding-bottom: 10px; span.news-date-time { font: normal 11px @font; color: #9E9A9A; margin: 10px 0 10px 0; } a { display: block; height: 15px; margin: 10px 10px 0px 0px; font-size: 16px; color: #ec1d25; } p.preview-text { font: normal 12px Arial, Verdana, sans-serif; margin: 0px 10px 20px 0px; padding-bottom: 15px; } } div.news-detail { font: normal 13px Arial, Verdana, sans-serif; margin: 0px 10px 20px 0px; border-bottom: 1px dotted #d0d0d0; h3 { display: block; height: 28px; margin: 10px 10px 0px 0px; font-size: 14px; color: #ec1d25; } span.news-date-time { font: normal 13px @font; color: #9E9A9A; margin: 10px 0 10px 0; } a { font-size: 13px; color: #0072b1; } } /* Таблица сравнений */ div.compare-result { margin-bottom: 40px; table.data-table { margin-top: 0; tr { margin: 0; th { width: 334px; } th.annonce { height: 40px; } td { margin: 0; a { margin-top: 15px; img { width: 50px; height: 50px; position: relative; bottom: 6px; } } } } } input[type="submit"] { display: block; padding: 6px; width: 150px; height: 36px; background: #0057A5; margin: 0 10px 10px 0; text-align: center; font: normal 13px Arial, Verdana, sans-serif; color: #ffffff; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border: none; } } #jivo-label-copyright { display: none; }