﻿/* Style File for Main Content - OnixSoft */

* {margin:0px; padding:0px;}
img, a img {border: none;}
a {text-decoration: underline; color: #000002; outline:none;}
a:hover {text-decoration: none;}
p {padding: 7px 0; outline:none;}

h1 {font-size: 1.3em; line-height: 2.5em; padding-bottom:18px; font-weight: normal; text-transform:none;}
h2 {font-size: 1.1em; line-height: 1.5em; padding:0.5em 0 1em 0; font-weight: bold; color: #000;}
h3 {font-size: 1.1em; margin-bottom: 1em;}
h4 {font-size: 1em; margin-bottom: 1em;}

/* list default settings */
ul {margin:2px 0 2px 30px;}
ul li {margin:0;}
li.active a {font-weight:bold;}

html, body {width:100%;}
body {background: #0; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

#page {margin:0 5px; min-width: 996px;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#container {margin:0; padding-left:239px; background: #FFFFFF; position:relative;}
#header {position: relative; height:195px; background: url(../images/header-center_bg.jpg) repeat-x top center;}
#header .left {position: absolute; left: 0; top: 0; width: 55%; height:195px; background: url(../images/header-left_bg.jpg) no-repeat top right;}
#header .right {position: absolute; right: 0; top: 0; width: 40%; height:195px; background: url(../images/header-right_bg.jpg) no-repeat top right;}
#header #logo {float: left; margin-left: 20px;}
#header .cont {position: absolute; left: 275px; top: 90px;}
#header .cont h1 {text-transform: uppercase; font-weight: bold; font-size: 14px; padding: 10px 0;}
#header .search {position:absolute; right:19px; top:154px;}
#header .search input {float:left;}
#header .search input.field {width:174px; height:17px; margin:2px 10px 0 0; border:#727070 solid 1px;}

#content {width:100%; margin-top:2px; float:left; background: none; position:relative; top:-20px;}
#content .text {margin:25px 37px; text-align:justify; font-size:12px;}

#sidebar {width:237px; margin:2px 0 0 -100%; float:left; position:relative; left:-239px; top:-35px; background: none;}
#sidebar ul.nav {list-style-type:none; margin:33px 20px 33px 33px; padding:0; font-size:15px;}
#sidebar ul.nav li {margin:14px 0;}
#sidebar ul.nav li a {/*color:#0067CA;*/ color: #CD0025;}
#sidebar ul.nav li ul {list-style-type:none; margin: 5px 0 5px 20px; font-size:12px;}
#sidebar ul.nav li ul li {margin: 6px 0;}
#sidebar ul.nav li ul li a {font-weight: normal;}
#sidebar ul.nav li ul li.active a {font-weight: bold;}
#sidebar .news_logo {background:url(../images/news.gif) no-repeat center center; height:42px;}
#sidebar .news {margin:5px 29px;}
#sidebar .news div {margin:16px 0;}
#sidebar .news div h3 {margin:0; font-size:11px; font-weight:normal; color:#6B6B6B;}
#sidebar .news div h3 a {font-weight:bold; color:#CD0025;}
#sidebar .news span {float:right; color:#6B6B6B;}
#sidebar .news span a {color:#6B6B6B; text-decoration:none;}
#sidebar .ask {border:#FF0000 solid 1px; background:url(../images/ask.gif) no-repeat right top; margin:40px 12px 12px; padding:16px 18px; font-size:12px;}
#sidebar .ask a {color:#FF0000; text-decoration:none; font-weight:bold;}

#footer {margin:0; padding:40px 48px; font-size:11px; color:#999999;}
#footer span {float:left;}
#footer a {color:#999999;float:right;}

/* MAIN - LINKS */
#content .links:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#content .links {padding: 20px 0; position: relative; border: 1px solid #DFDFDF; border-right: none; background: #E0E0E0 url(../images/bg-lnk.gif) repeat-x top center; width: 100%; margin-right: -5px;}
#content .links .clear {overflow: hidden; padding: 0; display: block; _display: inline-block;}
#content .links .top {position: absolute; top: -1px; left: -1px; width: 9px; height: 9px; background:url(../images/links-top.gif) no-repeat top left;}
#content .links .bottom {position: absolute; bottom: -1px; _bottom: -8px; left: -1px; width: 9px; height: 9px; background:url(../images/links-bottom.gif) no-repeat top left;}
#content .links img {margin: 5px 0 20px 0;}
#content .links div.item {text-transform: uppercase; font-size: 10px; padding: 0 0 1000px; text-align: center; line-height: 2.8em; float: left; width: 25%; margin: 0 -1px -1000px; border-right: 1px solid #909090;}
#content .links div a {color: #3E3E3E;}
#content .links div.noline {border: none;}
#content .links div.item h3 {color:#FF0000; font-family:Arial; font-size:16px; font-weight:bold; padding: 0; text-transform:none;}

/* MAIN - NEW OBORUDOVANIE */
#content .last_tv_title {margin: 40px 0 0 37px;}
#content .last_tv {margin: 20px 0;}
#content .last_tv li {list-style-type: none; float: left; width: 20%; text-align: center;}
#content .last_tv li a {display: block; color: #CD0025;}
#content .last_tv li img {padding-bottom: 10px;}

/* MAIN - BANNERS */
#content .banners {margin: 40px 0;}
#content .banners li {list-style-type: none; float: left; width: 33%;}
#content .banners .bn {border: 1px solid #CCCCCC; padding: 38px 103px 27px 17px; margin: 0 auto; width: 115px; background-position:right center; background-repeat:no-repeat;}
#content .banners .bn h3 {color: #FF0000; font-size:12px;}

/* LEVEL 1 - BREADCRUMBS */
#content .breadcrumbs {color:#5b5b5b; margin:20px 37px 43px; text-transform:lowercase;}
#content .breadcrumbs a {color:#5b5b5b; text-decoration:none;}
#content .breadcrumbs a:hover {text-decoration:underline;}

/* LEVEL 1 - О компании */
#content .okomp {margin-left:37px; background: url(../images/okompanii.gif) no-repeat top left;}
#content .okomp .okompin {margin-left:125px; padding-left:34px; border-left:#909090 solid 1px; text-transform:uppercase;}
#content .okomp .okompin ul {margin:0; list-style-type:none;}
#content .okomp .okompin ul li {float:left; margin:5px 0; width:160px; white-space:nowrap;}
#content .okomp .okompin ul li a {color:#CD0025;}

/* LEVEL 2 - Продажи */
#content .sale {margin-left:37px; min-height: 30px; _height: 30px; background:url(../images/sale.gif) no-repeat top left;}
#content .sale .salein {margin-left:105px; padding-left:34px; border-left:#909090 solid 1px; text-transform:uppercase;}
#content .sale .salein ul {margin:0; list-style-type:none;}
#content .sale .salein ul li {float:left; margin:5px 0; width:220px; white-space:nowrap;}
#content .sale .salein ul li a {color:#CD0025;}
#content .cat_descr {padding: 15px 20px 0px 40px; font-size: 13px;}
#content .cat_descr h1 {padding:0 0 0.5em;}

/* Подкатегории */
#content .gray {margin:24px 40px 0 40px; padding:34px; border:#D2D2D2 solid 1px; background:#EDEDED;}
#content .gray ul {margin:0; list-style-type:none;}
#content .gray ul li {float:left; padding-left:74px; margin:3px 0; width:145px; background:url(../images/arrowmin.gif) top left no-repeat;}
#content .gray ul li.active {background:url(../images/arrow.gif) top left no-repeat;}
#content .gray a {color:#393939; text-decoration:none;}
#content .gray a:hover {text-decoration: underline;}
#content .gray table {width: 100%;}
#content .gray td {padding:3px 0 3px 74px; background:url(../images/arrowmin.gif) no-repeat left 2px; vertical-align: top;}
#content .gray .active {background:url(../images/arrow.gif) no-repeat left 2px;}

/* Сортировка товаров */
#content .goods_group {margin:32px 0 0 50px;}
#content .sort {border:#D2D2D2 solid 1px; margin:15px 37px 0 40px; color:#6A6A6A; padding:9px 18px;}
#content .sort select {width:170px; font-size:11px;}
#content .sort div {float:right; color:#0066CC;}
#content .sort div a {color:#0066CC; text-decoration: none;}
#content .sort div a:hover {text-decoration: underline;}
#content .sort div span {color:#FF1111;}

/* Страницы */
#content .pagin {text-align: right; margin:0 37px; padding:15px 0;}
#content .pagin a {border:#E5E2DE solid 1px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; padding:2px 5px; color:#003AA5; background:#F6F3F0;}
#content .pagin a.active {color:#E22882; background:#FFFFFF;}
#content .pagin strong {border:#E5E2DE solid 1px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; padding:2px 5px; color:#E22882; background:#FFFFFF;}
#content .pagin.bb {border-top:#D2D2D2 solid 1px;}
#content h2, #sidebar h2 {color:#FF0000; font-family:Arial; font-size:18px; font-weight:normal; padding: 0.5em 0 0.5em 35px;}
#content h2 {padding-left: 40px;}
#content h1 {color:#FF0000; font-family:Arial; font-size:18px; font-weight:normal; padding: 0em 0 0.5em 40px; line-height:1em;}

/* Перечень товаров */
#content .goods {border-top:#D2D2D2 solid 1px; margin:0 37px; position:relative;}
#content .goods img {float: left; margin: 10px 38px 0 25px;}
#content .goods .popular {padding:10px 0;}
#content .goods .popular img {float:none; margin:0;}
#content .goods .gtitle {float:left; margin-top:28px; font-size:12px; width:220px;}
#content .goods .gtitle h3 a {color:#CD0025; text-transform:none; font-size:12px;}
#content .goods .minidesc {margin:28px 50px 0 0; text-align:justify; padding-bottom:40px; padding-left:375px;}
#content .goods .add {position:absolute; bottom:14px; right:0; color:#727070;}
#content .goods .add a {color:#727070; text-decoration:none;}
#content .goods .add a:hover {text-decoration: underline;}

/* Подробное описание товара */
#content .goods_title {margin:15px 37px 0; padding:9px 18px; position:relative;}
#content .goods_title h2 {padding: 0;}
#content .goods_title div {float:right; color:#0066CC; margin-top:2px;}
#content .goods_title div a {color:#0066CC; text-decoration: none;}
#content .goods_title div a:hover {text-decoration: underline;}
#content .goods_title div span {color:#FF1111;}
#content .goods_title .kurs {font-size: 12px; color: #000; position:absolute; right:20px; top:45px;}
#content .goods_title .kurs b {color: #ff0000;}
#content .more {font-size:12px; margin:0 37px;}
#content .more ul.buttons {list-style-type:none; margin:0;}
#content .more ul.buttons li {float:left; height:24px; padding-top:8px;}
#content .more ul.buttons li a {border:#747474 solid 1px; font-weight:bold; padding:6px 32px; text-decoration:none; margin:2px; color:#393939;}
#content .more ul.buttons li.active a {border:#747474 solid 3px; margin:0px; background:#747474; color:#FFFFFF;}
#content .more .mtext {clear:left; border:#747474 solid 1px; background:#EDEDED; padding:18px 25px; line-height: 1.5em; text-align:justify; margin-bottom:20px;}
#content .more .mtext .compare_title {padding:0; margin-bottom: 10px; font-size: 13px;}
#content .more .mtext .compare {border-collapse:collapse; border-top: 1px solid #BFBFBF; width: 80%; margin-bottom: 20px;}
#content .more .mtext .compare tr {border: none;}
#content .more .mtext .compare th {padding: 3px 8px; font-weight: normal; color: #666666;}
#content .more .mtext .compare td {padding: 3px 10px; text-align: left;}
#content .more .return a {color:#0066CC; font-size:11px; margin-left:18px;}
#content .more .mtext #additional_div ul {margin: 0;}
#content .more .mtext #additional_div ul li {list-style-type: none;}
#content .mgoods {margin:0 37px; position: relative;}
#content .mgoods img {float:left; margin: 0 10px 15px 15px;}
#content .mgoods .comp {float:left; margin-top:66px; width:180px;}
#content .mgoods .comp a {color:#0066CC;}
#content .mgoods .comp p {text-transform: uppercase;}
#content .mgoods .price {float:left; margin-top:60px; width:210px;}
#content .mgoods .price h4 {font-size:18px; margin-bottom:5px;}
#content .mgoods .buy {float:left; margin-top:70px;}
#content .mgoods .buy a {color:#FF0000;}
#content .mgoods .post {position:absolute; right:10px; top:0; max-width:280px;}
#content .mgoods .post a.title {color:#0089CB; font-size:13px; text-align: right; text-transform:lowercase; font-weight:bold; display:block; padding: 10px 10px 5px;}
#content .mgoods .post .cont {padding: 10px;}
#content .mgoods .post .cont table {border-collapse: collapse;}
#content .mgoods .post .cont table td {vertical-align: top; padding: 5px;}
#content .mgoods .post .cont table tr {border-bottom: 1px solid #747474;}
#content .mgoods .post .cont .cart_add {color: #FF0000;}

/* Основные категории */
#content .block_cats {margin: 2px 0 2px 40px;}
#content .block_cats li {list-style-type: none; float: left; width: 33%; margin: 20px 0;}
#content .block_cats li .block {text-align: center; position: relative; width: 186px; height: 146px; padding:20px 0; border: 1px solid #C8C8C8; background: #EDEDED url(/public/images/cat_bg.jpg) no-repeat left top;}
#content .block_cats li .block .title {font-size: 12px; font-weight: bold; position: absolute; width: 186px; left: 0px; bottom: 18px;}
#content .block_cats li .block .title a {color: #4B4B4B;}

/* CART */
.more .cart {width: 100%; text-align: center; background: #E1E1E1; border-collapse: collapse;}
.more .cart tr th {padding: 8px; font-weight: normal;}
.more .cart tr td { border-top: 1px solid #989898; padding: 5px; font-weight: bold;}
.more .cart tr td .input_class {width: 50px;}
.more .cart tr td a.del {color: #FF0000; font-weight: normal;}
.more .cart tr td input {text-align: center;}
.more .cart tr.result th {background: #707070; color: #fff; font-weight: bold;}
.cart_buttons {text-align: center; margin: 10px;}
.cart_buttons input {padding: 2px 30px; margin: 10px; border: 1px outset #D4D0C8; background: #D4D0C8; font-size: 11px;}
.cart_buttons input.pay {background: #35559F; color: #fff;}

#content .news {margin: 20px 0 0 20px;}
#content .news table {width: 100%; border-collapse: collapse; margin-bottom: 20px;}
#content .news table .date {border-right: 1px solid #909090; color: #666666; font-size: 12px; font-weight: bold; width:45px;}
#content .news table td {padding: 2px 20px 5px 20px; vertical-align: top;}
#content .news table a {color: #0066CC;}

#content .new_show {width: 95%; border-collapse: collapse; margin: 20px 0 0 30px;}
#content .new_show .date {border-right: 1px solid #909090; color: #666666; font-size: 12px; font-weight: bold; width: 45px;}
#content .new_show td {padding: 2px 10px 5px 10px; vertical-align: top; font-size: 12px;}
#content .new_show td img {padding: 0 20px 20px 0;}
#content .new_show a {color: #000;}

/* COMPARE */
#content .compare {border-collapse: collapse; width: 100%;}
#content .compare tr {border-bottom: 1px solid #A7A7A7;}
#content .compare tr.end {border-bottom: none;}
#content .compare th {text-align: right; width: 220px;}
#content .compare td {padding: 8px 10px; text-align: center;}

/* LEVEL 1 - top_menu */
#content .top_menu {width: 100%; border-collapse: collapse;}
#content .top_menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#content .top_menu td {vertical-align: top;}
#content .top_menu td.h1 {width: 1%;}
#content .top_menu h1 {color: #FF0000; font-family:Arial; font-size:18px; font-weight:normal; line-height: 1em; padding:0.3em 28px 0.8em 40px; white-space:nowrap;}
#content .top_menu .menu {border-left:#909090 solid 1px; font-size:13px;}
#content .top_menu .menu ul {padding-left:34px; margin:0; list-style-type:none; text-transform:none;}
#content .top_menu .menu li {float:left; margin:5px 0; padding-right: 1%; width:24%;}
#content .top_menu .menu .s3 li {width:32%;}
#content .top_menu .menu .s5 li {width:19%;}
#content .top_menu .menu li a {color:#CD0025;}

/* FORMs */
#content .form {padding: 20px 20px 35px; background-color: #E1E1E1; position: relative;}
#content .form .field {padding: 5px 0; display:inline-block; width:100%;}
#content .form .field label {width: 140px; float: left;}
#content .form .field input {width: 210px; float: left; padding: 2px 5px; border: 1px solid #8C8C8C;}
#content .form .form_submit {padding: 4px 20px; background-color: #707070; color: #FFF; font-weight: bold; border: 1px solid #8C8C8C; position: absolute; bottom: 0; left: 0;}
#content .info {margin-bottom: 10px; padding: 10px; background-color: #FFF5E0;}

/* CATEGORY GROUPs - LEFT IMAGE */
#content .group_cats {border: 1px solid #CCCCCC; padding: 10px; margin: 20px 40px;}
#content .group_cats .img {float: left; width: 160px;}
#content .group_cats .cont {margin-left:161px; padding: 0;}
#content .group_cats .cont li {float:left; list-style-type:none; margin:5px 0; padding: 0 4%; width:40%;}
#content .group_cats .cont .active {font-weight: bold;}
#content .group_cats .cont a {text-decoration: none;}
#content .group_cats .cont a:hover {text-decoration: underline;}
#content .group_cats .cont table {width: 90%;}
#content .group_cats .cont table td {padding: 5px 4%; width:49%;}

/* STATIC PAGEs */
#content .cont {padding: 20px 40px 0 50px;}
#content .cont h2 {padding: 5px 0;}
#content .cont .text {padding: 0; margin: 0;}

.post_sh {font-size:11px;}
.post_sh td {padding: 2px 5px;}
.post_sh td .cart_add {color: #FF0000;}

/* Details - похожие товары */
#content .details_ext {padding: 10px 25px; margin: -10px 0 10px 0; background: #EDEDED;}
#content .details_ext h3 {padding: 0 0 5px 0; margin:0;}
#content .details_ext ul {margin: 0 0 10px 0;}
#content .details_ext ul li {list-style-type: none;}
#content .details_ext a {color: #CC0031;}
