/*******************************GLOBAL******************************************/

body {font-family: Arial, Tahoma, Verdana, sans-serif; background: #FFF; color: #000; text-align: center; width: 100%; padding-bottom: 20px; font-size: 12px; line-height: 16px;}

.message {text-align: center; font-size: 1.3em; padding: 1em;}
.ajax {border-bottom: 1px dashed #000;}
.clear {clear: both;}
.loading {background: url(/public/images-default/main/loading.gif) no-repeat 50% 50%;}
.error {color: red;}
.hidden {display: none;}
.highlight {color: red;}
.noitems {text-align: center; font-size: 20px; padding: 20px;}

table {width: 100%;}
strong {font-weight: bold;}
em {font-style: italic;}

a {color: #000; text-decoration: underline !important;}
a:hover {text-decoration: none !important;}

ol { margin-left: 0; padding: 0 0 0 21px; list-style-type: decimal;}
ol li {zoom: 1; vertical-align: top; display: list-item;}

h1, h2, h3, h4, h5 {text-align: left; color: #000;}
h1 {font-size: 30px; padding: 2px 0 15px 18px; line-height: 30px;}
h2 {font-size: 20px; padding: 5px 0 5px 0; line-height: 30px;}
h3 {font-size: 18px; line-height: 18px;}
h4 {font-size: 14px; line-height: 14px;}
h5 {font-size: 12px; font-weight: bold; line-height: 12px;}

teatarea, input.text, input.date {border: 1px solid #999999;}
.input-text {padding: 1px 3px; border: 1px solid #dadada; color: #797D80; background: #fefefe url('/public/images-default/base/input-back.gif') repeat-x;}
.input-textarea {padding: 1px 3px; border: 1px solid #dadada; color: #797D80; background: #fefefe url('/public/images-default/base/input-back.gif') repeat-x;}

.required {border: 1px solid red;}
input.required {background: yellow !important;}

/*******************************РАЗМЕТКА******************************************/

.main {width: 1000px; margin : 0 auto; text-align: left;}

.left {width: 220px; float: left;}
.right {width: 680px; float: right;}

/*******************************FOOTER******************************************/

.footer {margin: 10px 0; zoom: 1;}
.footer .footer-content {margin: 0 auto; padding: 20px 0;}
.footer .footer-right {padding: 0 20px;}
.footer .copy {}
.footer .logos {float: right; padding-right: 30px;}

/*******************************CONTENT******************************************/

.content {text-align: left; padding: 20px;}
.content-main {padding: 0 20px; margin-top: 10px;}

.disable_spiders {background-color: red; color: white; font-size: 16px; text-align: center; padding: 0 20px;}

.top_alert {color: red; text-align: justify;}
.bottom_alert {color: red; text-align: justify; padding: 20px;}

/* блок контактов */
.contacts_block {padding: 10px; margin-top: 5px; color: #000;}

/* хлебные крошки */
.breadcrumbs {padding: 10px 0 10px 30px; color: #689F05; float: left;}
.breadcrumbs img {margin: 4px 2px 0 2px;}

/* СПИСОК ТОВАРОВ*/

/* описание раздела */
.category-info {padding: 20px}
.category-info-content {text-align: justify;}

/* фильтры */
.top-filters {height: 17px; padding: 10px 20px 20px 0;}
.top-filters .filters {float: right;}

.products-list .delimiter {padding: 20px 0;}
.products-list .delimiter div {padding: 2px;}
.products-list .poster {vertical-align: top;}

.product-info {padding-left: 20px; position: relative;}
.product-info h4 {font-size: 16px; line-height: 20px;}
.product-info h4 img {margin-left: 5px;}
.product-info h4 .gift {color: #c60000; font-size: 12px; margin-left: 5px;}
.product-info h4 .sale {color: #c60000; font-size: 12px; margin-left: 5px;}
.product-info h4 .new {color: #c60000; font-size: 12px; margin-left: 5px;}
.product-info .description {clear: both; padding: 10px 0;}
.product-info .order-add {margin-bottom: 20px;}

/* доп. поля */
.fields {width: auto;}
.fields td {padding: 3px 5px !important;}
.fields td.label {white-space: nowrap;}
.fields td.value {font-weight: bold; padding-left: 5px !important;}

/* листалка страниц */
.pager {background: #ССС; text-align: center; font-size: 14px; line-height: 14px; height: 36px; margin-top: 10px;}
.pager .pager-left {height: 36px;}
.pager .pager-content {padding: 10px 20px; text-align: center;}
.pager span {margin: 0 2px;}
.pager a.page {font-size: 14px; line-height: 14px; text-decoration: none !important; color: #454545; margin: 0 5px;}
.pager a.current {font-size: 14px; font-weight: bold;}

/* ссылка подробнее */
.morelink {padding-top: 10px; text-align: right;}
.morelink a {font-size: 11px; margin-right: 20px;}

/* табличка цен */
.prices {width: auto; margin-top: 10px;}
.prices .name {font-weight: bold;}
.prices th, .prices td {border: 1px solid #000; padding: 5px; text-align: center;}

/* цена */
.price {font-size:18px; margin:5px 0 10px; line-height: 18px; color: #000;}
.price .label {color: #000;}
.price .price-unit {font-size: 10px;}

/* меню товаров */
.left-menu {width: 230px; padding-bottom: 10px;}
.left-menu h2 {padding: 0; font-size: 16px; margin: 0; font-size:18px; margin-top: 4px;}
.left-menu h2 span {display: block; padding: 7px 0 0 10px;}
.left-menu h4 {padding: 10px 0;}
.left-menu h4 a {font-weight: bold; font-size: 15px; color: #000;}
.left-menu .delim {list-style-type: none; line-height: 1px;}
.left-menu ul {padding: 5px 0 5px 10px; margin: 10px 8px 0 0}
.left-menu li {padding: 0; line-height: 14px; position: relative; font-size: 13px;}
.left-menu li.active a {font-weight: bold;}
.left-menu .category-submenu {padding: 0 5px;}
.left-menu .category-submenu .delim {background: none; padding: 5px 0 !important; list-style-type: none;}
.left-menu .category-submenu ul {list-style-type: square; list-style-position:outside;}
.left-menu .category-submenu li {padding: 5px; margin-left: 30px;}
.left-menu .category-submenu li.odd {}
.left-menu .category-submenu li.active a {font-weight: bold;}

/* попапчик */
.popup {position: absolute; top: 300px; left: 0; background-color: #FFF; z-index: 100;}
.popup .popup-content {border: 3px solid #000; width: 400px; padding: 3px;}
.popup h4 {background: #000; line-height: 33px; color: #FFF; text-align: center; font-size: 16px;}
.popup .text {font-size: 16px; padding: 15px; color: #000; text-align: center; line-height: 18px;}

/* ГЛАВНАЯ СТРАНИЦА */
.index .h1 {font-size: 30px; padding: 2px 0 15px 18px; line-height: 30px;}
.index .category-info-content h1 {padding-left: 0;}
.index .legend {width: 49%; float: left; margin: 0 1% 0 0;}
.index .recommended {width: 49%; margin: 0 0 0 1%;}
.index .news {margin-top: 20px;}

/* БЛОКИ */
.legend h2 {font-size: 18px; padding: 0; line-height: 50px; padding-left: 10px; border-bottom: 1px solid #91bc0d; margin-bottom: 20px;}
.legendcontent {padding: 10px; text-align: justify;}
.legendcontent p {margin-bottom: 10px; line-height: 18px;}

.legend .delim {clear: both; line-height: 2px; padding: 20px 0;}
.legend .delim span {height: 1px; width: 100%; background-color: #91bc0d; line-height: 2px; display: block;}
.legend .item-card {clear: both; margin-bottom: 5px; height: 130px;}
.legend .item-card .poster {width: 150px; float: left; text-align: center;}
.legend .item-card h4 {margin-left: 150px; line-height: 18px;}
.legend .item-card .price {margin: 20px 0 0 150px; white-space: nowrap; line-height: 24px;}
.legend .noposter h4, .legend .noposter .price {margin-left: 25px;}
.legend .noposter {height: auto ;}

/* СТРАНИЦА ПРОДУКТА */
.item-detail h1 {font-size: 30px; padding: 2px 0 25px 10px; line-height: 36px;}
.item-detail h1 .gift {font-size: 20px; color: #c60000; line-height: 20px; margin-left: 10px;}
.item-detail h1 .sale {font-size: 20px; color: #c60000; line-height: 20px; margin-left: 10px;}
.item-detail h1 .new {font-size: 20px; color: #c60000; line-height: 20px; margin-left: 10px;}
.item-detail h1 img {margin-left: 10px;}

.item-detail .order-form {margin: 10px 0 0 10px;}
.item-detail .order-form td {padding: 5px;}

.item-detail .prices-content {padding: 10px;}
.item-detail .main-price {font-size: 20px; white-space: nowrap;}
.item-detail .main-price .price-content {display: block; padding: 10px 0; font-weight: bold; color: #9ec40e;}
.item-detail .main-price .price-header {font-weight: normal;}

.item-detail .price_msrp {font-size: 12px; clear: both; white-space: nowrap; padding-top: 7px;}
.item-detail .price_msrp .msrp {font-weight: bold; color: #000;}
.item-detail .price_msrp .gain {font-weight: bold; color: #fa6900;}
.item-detail .price_msrp .price-unit {font-weight: normal;}

.item-detail .in_stock {margin-top: 10px;}

.item-detail .basket {vertical-align: middle;}
.item-detail .basket form {font-size: 20px; white-space: nowrap;}
.item-detail .basket form td {vertical-align: middle; padding: 0;}
.item-detail .basket form input.input-text {font-size: 20px; width: 30px; margin-right: 5px;}
.item-detail .basket form input.submit {margin-left: 15px;}

.item-detail td.item-content {width: 100%; }
.item-detail div.item-content {margin-left: 10px; padding: 23px 0 23px 23px; font-size: 14px; line-height: 20px;}
.item-detail div.description {padding-right: 23px; margin-bottom: 10px;}
.item-detail div.description .poster {float: right; margin: 0 0 10px 10px;}
.item-detail .item-content h3 {margin-bottom: 18px;}
.item-detail .item-content .fields {width: 250px;}

.item-detail .manual {padding: 20px 10px;}

.item-detail .prices_form {width: auto;}
.item-detail .prices_form td {padding: 0 10px 0 0; vertical-align: middle !important;}
.item-detail .prices_form td .input-text {font-size: 18px;}
.item-detail .item-detail .prices_form .order-add {font-size: 18px;}

/* СТАТЬИ */
div.article {padding: 0 20px 30px 20px; text-align: justify;}
div.article h3 {padding-bottom: 7px;}
div.article p.description {line-height: 18px;}
div.article p.date {font-size: 9px;}

/* КОРЗИНА */
.basket .products-list .price {float: none;}
.basket .products-list td.quantity {padding: 18px; text-align: center; vertical-align: middle;}
.basket .products-list td.quantity div.quantity {font-size: 30px; font-weight: bold; line-height: 34px; padding: 10px 0;}
.basket .products-list td.x {font-size: 24px; vertical-align: middle; padding-right: 20px;}
.basket .products-list .delimiter {padding: 20px 0;}
.basket .products-list .delete {padding: 0 20px; text-align: center;}
.basket .products-list .delete_link {color: #eb290c;}

.basket .bottom {margin-left: 250px; margin-top: 30px; background-color: #CCC; padding: 20px; color: #FFF; border: 1px solid #d1d2d4;}
.basket .bottom .text {width: 550px; margin-bottom: 20px; font-size: 14px; line-height: 20px;}
.basket .bottom table {width: auto; text-align: center;}
.basket .bottom .input-text {font-size: 20px; height: 26px; width: 220px;}

.basket input.error {border: 1px solid red; color: #797D80;}
.basket p.error {margin-top: 5px;}
.basket .out_of_stock {padding: 10px 0;}

/* ОПЛАТА и ДОСТАВКА */
.order-details form {}
.order-details ul {margin: 20px 0 20px 40px;}
.order-details ul label {font-size: 18px;}
.order-details ul li {padding: 20px 0;}
.order-details .descr {font-size: 12px; line-height: 12px; margin: 25px 0 0 28px; padding-bottom: 10px;}
.order-details .hint {font-size: 12px; line-height: 12px; margin-top: 5px; color: gray;}

.order-details .contacts {padding-left: 40px;}
.order-details .contacts td {padding: 0 0 30px 20px;}
.order-details .contacts .row {margin-left: 50px; clear: both; padding-bottom: 20px;}
.order-details .contacts .row label {text-align: right; padding-right: 20px; width: 200px; font-size: 18px; white-space: nowrap; display: block; float: left; line-height: 18px;}
.order-details .contacts .row input, .order-details .contacts .row textarea {width: 400px;}
.order-details .contacts .row .hint {padding-left: 220px;}

.order-details .bottom {margin-top: 30px; background-color: #CCC; padding: 30px 50px; color: #FFF; font-size: 18px; border: 1px solid #d1d2d4;}
.order-details .bottom td {padding-top: 7px; vertical-align: middle;}
.order-details .bottom .button {white-space: nowrap; padding-top: 0; width: 100%;}
.order-details .bottom .button img {margin-left: 50px;}

/* СТРАНИЦА ЗАКАЗА */
.order-details .ordersTable {margin-bottom: 20px; width: 600px;}
.order-details .ordersTable th {padding: 7px 5px; font-weight: bold; font-size: 16px; border-bottom: 1px solid #000;}
.order-details .ordersTable td {padding: 3px 5px; border-bottom: 1px solid #000;}
.order-details .ordersTable .int {text-align: right; white-space: nowrap;}
.order-details .ordersTable tr.total {}

.order-details .full_price {white-space: nowrap;}
.order-details .out_of_stock {font-size: 11px; width: 500px; padding: 0;}