Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Мобильная Версия Сайта

Автор Olga2209, 22 марта 2014 16:32

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 30

#1 Olga2209

Продвинутый пользователь

Пользователи
72 сообщений

Отправлено 22 Март 2014 - 16:32

Добрый день!

После редактирования шапки шаблона, сайт стал криво отображаться в мобильной версии + слайдер выглядит никак.

Подскажите пжл, возможно ли отменить моб.версию, чтобы сайт отображался как на мониторе?

Заранее спасибо.

Наверх

#2 MikDark

Активный участник

Модераторы
6 468 сообщений

Отправлено 22 Март 2014 - 17:17

Olga2209 (22 Март 2014 - 16:32) писал:

Добрый день!

После редактирования шапки шаблона, сайт стал криво отображаться в мобильной версии + слайдер выглядит никак.

Подскажите пжл, возможно ли отменить моб.версию, чтобы сайт отображался как на мониторе?

Заранее спасибо.

Давайте лучше сделаем его адаптивным.
Зайдите в шаблон main.css и найдите строчки:

@media only screen and (min-width: 480px) and (max-width: 556px) {
.item-detail {width: 40%;}
}

и замените на:

@media only screen and (min-width: 480px) and (max-width: 556px) {
.item-detail {width: 40%;}
#content h2.heading_title {
height: 100px;
}
}

Далее найдите строку:

@media only screen and (max-width: 480px) {

и после нее добавьте:

height: 100px;

Теперь найдите строчку:

@media only screen and (min-width: 768px) and (max-width: 980px) {

и после нее добавьте:

#support {
display:none;
}
#support2 {
display:none;
}

Эти же строчки добавьте после:

@media only screen and (min-width: 480px) and (max-width: 767px) {

и

@media only screen and (max-width: 480px) {

Наверх

#3 Olga2209

Продвинутый пользователь

Пользователи
72 сообщений

Отправлено 22 Март 2014 - 17:37

Не не не, телефоны и контакты нельзя убирать из шапки. Человек заходит на сайт,и тел не видит. так не пойдет(

+ слайдер такой же корявый останется, в каталоге не видно название категорий, в карточке товара вкладки криво встают

Наверное проще убрать мобильную версию :unsure:

А по коду еще ругается на:

Далее найдите строку:
@media only screen and (max-width: 480px) {

и после нее добавьте:
height: 100px

Наверх

#4 MikDark

Активный участник

Модераторы
6 468 сообщений

Отправлено 22 Март 2014 - 17:49

Olga2209 (22 Март 2014 - 17:37) писал:

Не не не, телефоны и контакты нельзя убирать из шапки. Человек заходит на сайт,и тел не видит. так не пойдет(

+ слайдер такой же корявый останется, в каталоге не видно название категорий, в карточке товара вкладки криво встают

Наверное проще убрать мобильную версию :unsure:

А по коду еще ругается на:

Далее найдите строку:
@media only screen and (max-width: 480px) {

и после нее добавьте:
height: 100px

Вы похоже не поставили точку с занятой после height: 100px
Произведите все изменения и сделайте бэкап. Я скачаю и настрою на тестовом сайте.

Наверх

#5 Olga2209

Продвинутый пользователь

Пользователи
72 сообщений

Отправлено 22 Март 2014 - 17:57

я вставляю с точкой с запятой, только все равно редактор ругается. сохранила со всеми изменениями

Наверх

#6 MikDark

Активный участник

Модераторы
6 468 сообщений

Отправлено 22 Март 2014 - 18:39

Olga2209 (22 Март 2014 - 17:57) писал:

я вставляю с точкой с запятой, только все равно редактор ругается. сохранила со всеми изменениями

Замените весь код в шаблоне main.css на этот:

Скрытый текст

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
body{line-height:1;color:black;background:white}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
a{ text-decoration:none; color:#333333; }
a:hover{ text-decoration:none; color:#8cf538;  }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }
a img{ border:none; }
strong{ font-weight: bold; }
em{ font-style: italic; }
p, ul, ol, pre, code{ margin-bottom:0px; }
ul{ list-style-type:none; list-style-position:inside; }
html {overflow: -moz-scrollbars-vertical;margin: 0;padding: 0;}
body{font-size:14px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:21px;color:#999999;text-align: left;}
p {margin-top: 0px;margin-bottom: 0px;}
form {padding: 0;margin: 0;display: inline;}
textarea {width: 60%;}
input[type='text'], input[type='password'], textarea, .inputText {padding: 4px;background: #f8f8f8;border: 1px solid;border-color: #ddd #eee #eee #ddd !important;border-radius: 2px !important;-moz-border-radius: 2px !important;-webkit-border-radius: 2px !important;margin-left:0;margin-right:0;}
input[type='number'] {width: 50px;}
input[type="radio"]{margin: 0 5px;}
select {padding: 4px;background: #eee;border: 1px solid;border-color: #ddd #eee #eee #ddd;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
label {cursor: pointer;}
button{outline:none;}
/* Заголовки ----*/
h1,h2,h3,h4,h5,h6, #menu ul li a, #column-left .box .box-heading, #tabs a, .product-info .price-old, .product-info .price-new, .product-info .cart .button, div.prod_hold .prod-info-fly .name a, div.prod_hold_recent .prod-info-fly .name a, .prod_hold .name a, .prod_hold_recent .name a { font-family:'Ubuntu Condensed'; }
h1{ font-size:25px; line-height:38px; margin-bottom:20px; }
h2{ font-size:27px; line-height:30px; margin-bottom:8px; }
h3{ font-size:21px; line-height:20px; margin-bottom: 15px; margin-top: 20px; }
h4{ font-size:18px; line-height:20px; margin-bottom:15px;  }
h5{ font-size:16px; line-height:20px; margin-bottom:10px; margin-top:10px;}
h6{ font-size:14px; line-height:18px; margin-bottom:10px;  }
.heading_title {padding-bottom:8px;border-bottom:1px solid #e1e1e1;position:relative;color:#333333;bottom:-5px;}
h1.heading_title {margin-bottom:40px;}
#module_area h2.heading_title {margin:20px 0;text-align:left;border-color:#cecece;}
#content h2.heading_title {min-height:29px;}
#content .heading_title span {border-bottom:1px solid #8cf538;padding-bottom:8px;padding-right:10px;position:absolute;bottom:-1px;left:0px;  }
/* Хдебные крошки */
.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png') 50% 3px no-repeat;background-color:#f1f1f1;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both;  }
.title-holder h1.heading_title {margin-bottom:0;border:none;padding:0;margin-top:-5px;}
.title-holder .inner, #powered .inner {background:none !important;}
.title_holder h2 {font-size:40px;}
.breadcrumb {color: #777777;margin-bottom: 5px;font-size:10px;}
.breadcrumb a {color: #999999;font-size:10px;}
/* END Хдебные крошки */
/* Общие стили */
#container {width: 100%;margin-left: auto;margin-right: auto;text-align: left;}
#container.boxed {width: 980px;margin:15px auto;text-align: left;background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);  -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);overflow:hidden;}
.inner {margin:0 auto;width:1200px;padding:0;clear:both;background-color:#ffffff;box-sizing: border-box;}
#column-left {float: left;width: 210px;padding-top:10px;}
#content {min-height: 400px;padding-bottom: 10px;padding-top:10px;position:relative;z-index:97;}
#content .content {padding: 10px;overflow: auto;margin-bottom: 20px;}
#content .content .left {float: left;width: 49%;}
#content .content .right {float: right;width: 49%;}
#column-left + #content{margin-left: 235px;}
.clear {clear:both;font-size: 0;line-height: 0;height: 0}
.hide{display: none !important;}
.box {margin-bottom: 10px;position:relative;}
#column-left .box {background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;}
.box .box-heading {padding: 8px 10px 7px 10px;font-size: 14px;font-weight: bold;line-height: 14px;color: #333;}
#column-left .box .box-heading {padding: 15px 0;border-bottom:1px solid #e1e1e1;font-size: 25px;font-weight:normal !important;margin:0 10px;color:#666666;}
#content .box .content table {width: 100%;}
#content .box .box-content {border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);  padding:20px 10px;background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;margin-bottom: 5px;*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;position: relative;}
.fancybox-lock {overflow: hidden;overflow-y: scroll;position: fixed;width: 100%;}
/* Уведомления */
.success, .warning, .attention, .information {padding: 10px 10px 10px 33px;margin: 0px 0 15px 0;color: #555555;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.success {background: #EAF7D9 url('{ASSETS_IMAGES_PATH}success.png') 10px center no-repeat;border: 1px solid #BBDF8D;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.warning {background: #FFD1D1 url('{ASSETS_IMAGES_PATH}warning.png') 10px center no-repeat;border: 1px solid #F8ACAC;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.attention {background: #FFF5CC url('{ASSETS_IMAGES_PATH}attention.png') 10px center no-repeat;border: 1px solid #F2DD8C;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.success .close, .warning .close, .attention .close, .information .close {float: right;padding-top: 4px;padding-right: 4px;cursor: pointer;}
.error, .invalidInput {display: block;color: #FF0000;font-size: 12px;}
.help {color: #999;font-size: 10px;font-weight: normal;font-family: Verdana, Geneva, sans-serif;display: block;}
#noty_center_layout_container li {background-image: none !important;}
ul.noty_container {position: fixed;z-index: 9999999;margin: 0px;padding: 0px;list-style: none;width: 400px;top: 20px;}
ul.noty_container li {position: relative;float: left;clear: both;list-style: none;padding: 0px;margin: 10px 0 0 0;}
ul.noty_container.topLeft {left: 20px;}
ul.noty_container.topRight {right: 40px;}
ul.noty_container.topRight li {float: right;}
ul.noty_container.topLeft li, ul.noty_container.topRight li {width: 400px;}
div.noty_modal {position: fixed;width: 100%;height: 100%;background-color: #000;z-index: 10000;opacity: 0.6;display: none;}
.noty_bar {z-index: 9999999;-moz-box-shadow: 0px 20px 15px #000;-webkit-box-shadow: 0px 20px 15px #000;box-shadow: 0px 5px 5px #ccc;}
.noty_bar.top {top: 0;left: 0;width: 100%;border-bottom: 1px solid #eee;}
.noty_bar.bottom {bottom: 0;left: 0;width: 100%;border-top: 1px solid #eee;}
.noty_bar.center {top: 40%;left: 19.5%;width: 60%;padding: 4px;border: 1px solid #eee;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.noty_bar.topLeft, .noty_bar.topRight {width: 100%;clear:both;position: relative;padding: 4px;border: 1px solid #eee;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.noty_bar .noty_message {padding: 10px 30px 10px 30px;font-size: 16px;font-weight: normal;}
.noty_bar .noty_message .noty_buttons {float: right;font-size: 13px;margin-top: -6px;margin-left: -25px;}
.noty_bar .noty_message .noty_buttons button {margin-left: 5px;}
.noty_bar .noty_close {position: absolute;top: 50%;right: 10px;margin-top: -10px; background-image: url('{ASSETS_IMAGES_PATH}closelabel.png');width: 20px;height: 20px;cursor: pointer;}
.noty_bar.alert {background-color: #fff;border-color: #ccc;}
.noty_bar.error {background: #FFD1D1 url('{ASSETS_IMAGES_PATH}warning.png') 10px center no-repeat;color: #555555;border-color: #F8ACAC;}
.noty_bar.success {background: #EAF7D9 url('{ASSETS_IMAGES_PATH}success.png') 10px center no-repeat;color: #555555;border-color: #BBDF8D;}
/* END Уведомления */
/* Шапка */
#header {position: relative;z-index: 99;background-color:#ffffff;border-top:3px solid #8cf538;}
#module_area {width:100%;margin:0 auto;padding:5px 0;}
#module_area .inner {background:none !important;}
.header_top {width:100%;margin: 0 auto;min-height:40px;background-color:#f5f5f5;}
#header #logo {float:left;clear:both;margin:7px 12px 12px -30px;}
#compareInfo {color: #999;float:right;margin:10px 0 0 15px;font-size:11px;display: block;height: 30px;position: relative;clear: both;}
#compareInfo a {display: inline-block;padding: 0px 4px;text-decoration: none;margin-right: 2px;margin-bottom: 2px;font-size:12px;cursor:pointer;}
#compareInfo a b {color: #999999;text-decoration: none;}
#header #cart {z-index: 20;min-width: 300px;top:3px;right:20px;}
#header #cart .cart_circle {display:block;width:36px;height:36px;background:url('{ASSETS_IMAGES_PATH}cart_circle.png') 50% 50% no-repeat;background-color:#8cf538;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position:absolute;top:3px;right:0;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;cursor:pointer;}
#header #cart .heading:hover .cart_circle {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.delivery, .discount {display:block;width:46px;height:46px;background:url('{ASSETS_IMAGES_PATH}delivery.png') 50% 50% no-repeat;background-color:#ff0551;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;margin: 0 auto;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;cursor:pointer;}
.discount {background:url('{ASSETS_IMAGES_PATH}discount.png') 50% 50% no-repeat;background-color:#ff0551;}
.delivery:hover, .discount:hover {background-color: #333333;transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
#header #cart .heading {float: right;margin-top: 25px;padding-left: 14px;padding-right: 46px;position: relative;z-index: 1;}
#header #cart .heading h4 {color: #333333;font-size: 15px;font-weight: bold;margin-top: 0px;margin-bottom: 3px;text-align:right;}
#header #cart .heading a {text-decoration: none;}
#header #cart .content {clear: both;display: none;position: relative;top: -1px;padding: 8px;min-height: 150px;background: #FFF;border-bottom:5px solid #ff0551;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-khtml-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
#header #cart.active .heading {padding-bottom: 6px;}
#header #cart.active .content {display: block;}
#header #cart .empty {padding-top: 50px;text-align: center;}
#header #search {position: relative;float: right;top:18px;right:0px;margin-bottom: 9px;width: 225px;z-index: 15;}
#header .button-search {position: absolute;right: 0px;top:0px;background: url('{ASSETS_IMAGES_PATH}button-search.png') center center no-repeat;width: 36px;height: 36px;cursor: pointer;background-color:#333333;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;border: none;}
#header #search:hover .button-search {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg); -webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
#header #search input {width: 160px;height: 21px;padding:8px;}
#header #welcome {font-size: 22px; font-family: 'Ubuntu Condensed';position: relative; padding-top: 25px;}
#header #welcome a {text-decoration:none;color:#ffffff;margin-left: -10px;text-align:center;}
#header #welcome a:hover {color: #ffffff;}
#header #support {position: relative;float: right;top: 0px;margin-right: -30px;z-index: 30;width: 200px;}
#header #support h4{margin-bottom:2px; padding-left:2px; font-size:17px;font-weight:bold;}
#header #support .sup_phone{display:block;width:36px;height:36px;background-color:#333333;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;background: url('{ASSETS_IMAGES_PATH}phone_circle.png') center center no-repeat;background-color:#333333;position:absolute;top:0px;right:0;}
#header #support:hover .sup_phone{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
#header #support a, #header #support a:hover{color: #fff;text-decoration: none;}
#header #support2 {position: relative;float: right;top: 15px;margin-right: 80px;z-index: 40;width: 220px;}
#header #support2 h2{margin-bottom:0px;font-size:24px;font-weight:bold;}
#header #support2 .sup_phone{display:block;width:36px;height:36px;background-color:#333333;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;background: url('{ASSETS_IMAGES_PATH}phone_circle.png') center center no-repeat;background-color:#333333;position:absolute;top:0px;right:0;}
#header #support2:hover .sup_phone{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
#header #support2 a, #header #support a:hover{color: #fff;text-decoration: none;}
#header .links {padding-right: 10px;float:left;margin-left:30px;clear: both;}
#header .links ul {margin:0;padding:0;list-style:none;}
#header .links ul li {margin:0;padding:0;list-style:none;float:left;}
#header .links a {float: left;display: block;padding: 11px 10px 9px 10px;text-decoration: none;font-size: 14px;}
#header .links a:hover, #header .links a.selected {background-color:#ffffff;padding:11px 10px 9px 10px;}
.box-category > ul > li > a.selected, .box-category > ul > li ul > li > a.selected {background-color: #f1f1f1;}
#header_colapse {position:relative;background-color:#8cf538;color:#ffffff;z-index: 1000;}
#header_colapse .inner{padding:0 0 10px;z-index:0;position:relative;background:url('{ASSETS_IMAGES_PATH}inner_shadow.png') 50% 0px no-repeat !important;z-index: 1000;}
#header_colapse .inner + .inner {padding: 0;}
.toggler {position:absolute;display:block;width:25px;height:22px;background-color:#8cf538;bottom:-22px;left:0;text-indent:-9999px;cursor: pointer;z-index: 1000;}
.toggler span {display:block;width:25px;height:22px;background:url('{ASSETS_IMAGES_PATH}back_toggle.png') 0px -35px no-repeat;}
.swap span {background:url('{ASSETS_IMAGES_PATH}back_toggle.png') 0px -5px no-repeat}
.selectnav { display: none; }
#header  .flexslider {width:100%;margin:0 auto !important;}
#header  .flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;}
#header  .flexslider ul.slides li {text-align:center !important;position:relative;*margin-left: -20px;}

/* END Шапка */
/* FlexSlider слайдер на главной */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider {margin: 0; padding: 0;}
.flexslider ul, .flexslider il li {list-style:none;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 0 30px; position: relative; min-height:110px; zoom: 1; overflow:hidden;border-radius: 20px;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px; height: 60px; margin:-20px 0 0 0; display: block; background:url('{ASSETS_IMAGES_PATH}arrows.png') -25px 18px no-repeat; background-color: #222222; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.flex-direction-nav .flex-next, .flex-direction-nav .next {right: -50px;*right: -70px; }
.flex-direction-nav .flex-prev, .flex-direction-nav .prev {background:url('{ASSETS_IMAGES_PATH}arrows.png') 20px 18px no-repeat; background-color: #222222; left: -50px; *left: -70px; }
.flexslider:hover .flex-next, .flexslider:hover .next {opacity: 0.8; right: 20px;}
.flexslider:hover .flex-prev, .flexslider:hover .prev {opacity: 0.8; left: 20px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover, .flexslider:hover .next:hover, .flexslider:hover .prev:hover  {opacity: 1; transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */ -moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari and Chrome */ -o-transform:rotate(360deg); /* Opera */}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/* END FlexSlider слайдер на главной */
/* Меню-аккордеон. Каталог */
.accordion { list-style-type: none;position: relative; }
.accordion ul { padding: 0 !important; margin: 0; display: block; width: 100%;position: relative;overflow: hidden !important;}
.accordion li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;*float: left;*margin-left: -16px; display: block; width: 100%; position:relative;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.accordion li {margin-left: -16px;}}
.accordion li.active> em.open-close {background: #333 url('{ASSETS_IMAGES_PATH}back_toggle.png') -2px -32px no-repeat; }
.accordion li div { padding: 20px; background: #aef; display: block; clear: both; float: left; width: 360px;}
.accordion li.last a{border-bottom:0px;}
.accordion em.open-close{background: #8cf538 url('{ASSETS_IMAGES_PATH}back_toggle.png') -2px -3px no-repeat;width: 22px;height: 22px;  position:absolute; right: 4px; top: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.accordion em.open-close:hover {background-color: #333;}
.accordion a { text-decoration: none; font-size:13px; padding: 8px 10px 8px 20px; display: block; cursor: pointer; }
.accordion ul a{font-size:11px; padding: 8px 28px 8px 25px;}
.accordion ul ul li a {font-size:10px; padding: 8px 10px 8px 40px;}
.accordion ul ul ul li a {font-size:9px; padding: 8px 10px 8px 50px;}
.accordion ul ul ul ul li a {font-size:8px; padding:8px 10px 8px 40px;}
.accordion li ul li { background: #fff; }
.box-category {margin-top: -5px;}
.box-category ul {list-style: none;margin: 0 -10px;padding: 0;font-size:12px;}
.box-category > ul > li {padding: 0;}
.box-category > ul > li + li {border-top: 1px solid #EEEEEE;}
.box-category > ul > li > a {text-decoration: none;color: #333;padding: 10px 28px 10px 10px;display:block;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.box-category > ul > li > a:hover {background-color:#f1f1f1;padding: 10px 28px 10px 20px;}
.box-category > ul > li ul {display: block;padding-left: 20px;margin: 0;}
.box-category > ul > li a.active {font-weight: bold;}
.box-category > ul > li a.active + ul {display: block;padding:0 0 10px 10px;}
.box-category > ul > li ul > li {padding: 0;}
.box-category > ul > li ul > li > a {text-decoration: none;display: block;font-size:12px;padding-bottom:3px;}
.box-category > ul > li ul > li > a.active {font-weight: bold;}
/* END Меню-аккордеон. Каталог */

/* Фикс для отображения данных добавленных через админку в таком же виде, как и в визуальном редакторе */
.htmlDataBlock {padding: 10px 0;color: #333;}
.htmlDataBlock sub {vertical-align: sub;font-size: smaller;}
.htmlDataBlock sup {vertical-align: super;font-size: smaller;}
.htmlDataBlock ol {margin:10px 0 10px 2em !important;padding:0px !important;}
.htmlDataBlock ul {margin:10px 0 10px 2em !important;padding:0px !important;}
.htmlDataBlock ol li {padding:0px !important;margin:3px 0px !important;list-style-type: decimal;}
.htmlDataBlock ul li {padding:0px !important;margin:3px 0px !important;list-style-type: disc;}
/* END Фикс для отображения данных добавленных через админку в таком же виде, как и в визуальном редакторе */
/* Новости */
.newsListBlockItemTitle{font-size: 21px;line-height: 20px;display: block;color: #999999;border-bottom: 1px solid #e1e1e1;padding: 5px 100px 5px 0;margin-bottom: 10px;font-family: 'Ubuntu Condensed';text-decoration: none;}
.newsListBlockItemTitle:hover{text-decoration: none;}
.newsListBlockItemPreview {}
.newsListBlockItem {margin-bottom: 10px !important;}
.newsListBlockItemTime{position: absolute;top: 28px;right: 0px;display: block;width: 80px;height: 25px;font-size: 14px;color: #b1b1b1;margin: 0;padding: 0px 0 0 20px;background: url('{ASSEST_IMAGES_PATH}message-news.png') top left no-repeat;font-style: italic;}
.single_new .newsListBlockItemTime {bottom: 10px;top:auto;}
.newsListBlockItemFiles {margin-bottom: 20px;}
.newsListBlockItemFiles td {vertical-align: middle;}
.more {background-color: #333333; padding: 5px 10px; color: #fff;font-size: 12px;text-decoration:none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.more:hover {background-color: #ccc; color: #000;text-decoration:none;}
/* END Новости */
/* Иконки форматов файлов */
.file_extension_icon		{width:16px;height:16px;display:block;float: left;margin-right: 10px;background:#ffffff url("{ASSEST_IMAGES_PATH}icons-files-extensions.gif") no-repeat left top;}
.file_extension_icon.torrent{background-position:-16px 0px}
.file_extension_icon.xls	{background-position:-32px 0px}
.file_extension_icon.ie7	{background-position:-48px 0px}
.file_extension_icon.ppt	{background-position:-64px 0px}
.file_extension_icon.htm,
.file_extension_icon.html   {background-position:0px -16px}
.file_extension_icon.avi	{background-position:-16px -16px}
.file_extension_icon.bmp,
.file_extension_icon.gif	{background-position:-32px -16px}
.file_extension_icon.js,
.file_extension_icon.css,
.file_extension_icon.txt	{background-position:-48px -16px}
.file_extension_icon.pptm	{background-position:-64px -16px}
.file_extension_icon.rtf,
.file_extension_icon.doc	{background-position:0px -32px}
.file_extension_icon.jpg	{background-position:-16px -32px}
.file_extension_icon.png	{background-position:-32px -32px}
.file_extension_icon.ini	{background-position:-48px -32px}
.file_extension_icon.pptx   {background-position:-64px -32px}
.file_extension_icon.php	{background-position:0px -48px}
.file_extension_icon.mht,
.file_extension_icon.mhtml  {background-position:-16px -48px}
.file_extension_icon.psd	{background-position:-32px -48px}
.file_extension_icon.zip	{background-position:-48px -48px}
.file_extension_icon.xps	{background-position:-64px -48px}
.file_extension_icon.exe	{background-position:0px -64px}
.file_extension_icon.xml	{background-position:-16px -64px}
.file_extension_icon.wma,
.file_extension_icon.mp3	{background-position:-32px -64px}
.file_extension_icon.xlsx   {background-position:-48px -64px}
.file_extension_icon.xlsb   {background-position:-64px -64px}
.file_extension_icon.pdf	{background-position:0px -80px}
.file_extension_icon.csv	{background-position:-16px -80px}
.file_extension_icon.docx   {background-position:-32px -80px}
.file_extension_icon.accdb  {background-position:-48px -80px}
.file_extension_icon.xlsm   {background-position:-64px -80px}
.file_extension_icon.dll	{background-position:0px -96px}
/* END Иконки форматов файлов */
/* Страница сравнения товаров */
.CompareGoodsHeader					   {color:#000;font-size:1.1em;display:block;}
.CompareGoodsHeader span				  {color:#666;font-size:0.9em;}
.CompareGoodsTable						{position: relative;width: 100%;}
.CompareGoodsTable .left				  {float:left;padding: 15px 0;}
.CompareGoodsTable .right				 {float:right;padding: 15px 0;}
.CompareGoodsTable .compare-navigate li   {float:left;padding-right:15px;}
.CompareGoodsTableTbody .compare-td	   {max-width:137px;width:137px;text-align:center;padding:4px;overflow:hidden;}
.CompareGoodsTableTbody td.borderAll	  {border:1px solid #EAEAEA;background: #fff;}
.CompareGoodsTableTbody td.noBorderBottom {/*border-top:1px solid #EAEAEA;border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;*/ border-top: none;   border-bottom: none !important;}
.CompareGoodsTableTbody td.BorderLeftAndRight {/*border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;*/ border-top: none;   border-bottom: none !important;}
.CompareGoodsTableTbody .CompareCheckbox,
.CompareGoodsTableTbody label			 {vertical-align:middle;font-weight:normal;}
.CompareGoodsTableTbody td.ceil1		  {text-align:left;vertical-align:bottom;/*padding:4px;*/}
.CompareGoodsTableTbody .same			 {color:#888;background:#F0F0F0}
.CompareGoodsTableTbody .hover			{background:#fee5ed;}
.CompareGoodsTableTbodyComparisonLine td  {text-align:left;}
.CompareGoodsTableTbodyComparisonLine td img { display: none; }
.CompareGoodsTableFilterSelected		  {font-weight:bold;color:#000 !important;text-decoration:none;}
.CompareGoodsTableFilterSelected:hover	{text-decoration:none;cursor:default;color:#000 !important;}
.CompareGoodsHideSelected				 {height:20px;width:220px;text-align:left;}
.CompareGoodsShowAll					  {height:20px;width:220px;text-align:left;}
.CompareGoodsDeleteLink				   {display:block;height:15px;width:15px;overflow:hidden;float:right;background: url('{ASSETS_IMAGES_PATH}icon-cancel.gif') no-repeat 50% 50%;}
.compare-navigate .CompareGoodsTablePrev a {display:block;text-decoration:none;  width:9px;color: #000;/*height:5px;background: url('{ASSETS_IMAGES_PATH}i_pager-prev.gif') no-repeat 50% 50%;*/}
.compare-navigate .CompareGoodsTablePrev a.disable {color: #ccc;/*background-image: url('{ASSETS_IMAGES_PATH}i_pager-prev-disable.gif');*/}
.compare-navigate .CompareGoodsTableNext a {display:block;text-decoration:none; width:9px;color: #000;/* height:5px;background: url('{ASSETS_IMAGES_PATH}i_pager-next.gif') no-repeat 50% 50%;*/}
.compare-navigate .CompareGoodsTableNext a.disable {color: #ccc;/*background-image: url('{ASSETS_IMAGES_PATH}i_pager-next-disable.gif');*/}
.compare2{margin-top: 10px; vertical-align: middle; display: inline-block;}
.bordernone {border-top: none;border-bottom: none !important;}
.close {text-decoration: none; font-weight: bold;font-size: 20px;color: #999;padding: 0 5px;}
.close:hover {text-decoration: none;}
/* END Страница сравнения товаров */
/* Оформление заказа. Шаги пользователя */
  .orderHeader					   {margin:0em 0em 1em 0em;font-size:16px;width: 100%;table-layout: auto;}
  .orderStepName					 {vertical-align:top;color:#cccccc;font: 24px/37px 'Ubuntu Condensed';cursor:pointer;}
  .orderStepName.act, .orderStepName.ok				 {color:#666; }
  .orderStepName:before {width:36px;height:36px;display:inline-block; margin-right: 10px; content:url('{ASSETS_IMAGES_PATH}cart_circle.png') 50% 50% no-repeat;background-color: #cecece;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;cursor:pointer;}
  .orderStepName:hover:before {transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);cursor:pointer;}
  .orderStepName.act:before {background-color: #ff0551;}
  .orderStepName.ok:before {background-color: #999;}
  .orderStageDeliveryListTable, .orderStagePaymentListTable {width: 100%;line-height: 25px;}
  .tr5 .ceil1, .tr6 .ceil1 {padding: 15px 5px;text-align: justify;}
  .num {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-style: normal !important;font-weight: bold;color: #000;white-space: nowrap;}
 
  /* Способы доставки */
  .manufacturer-list {border: 1px solid #DBDEE1;padding: 5px;overflow: auto;margin-bottom: 20px;}
  .manufacturer-list ul {float: left;width: 25%;margin: 0;padding: 0;list-style: none;margin-bottom: 10px;}
  /* END Способы доставки */
  /* Данные о заказе */
  table.form {width: 100%;table-layout: auto;border-spacing: 2px;margin-bottom: 20px;}
  table.form tr td:first-child {width: 30%;*width: 0px;}
  table.form td.cell1 {background: #eee;}
  table.form td.cell2 {background: #EAF7D9;}
  table.form > * > * > td {color: #000000;}
  table.form td {padding: 4px;vertical-align: top;}
  /* END Данные о заказе */
 
/* END Оформление заказа. Шаги пользователя */
/* Настройки максимальных размеров генерируемых изображений */
.goods-image-icon			   {max-width:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px}
.goods-image-icon-square		{width:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px;height:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px}
.goods-image-small			  {/*max-width:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px;*/ max-height:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px}
.goods-image-small-square	   {width:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px; height:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px}
.goods-image-medium			 {max-width:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px}
.goods-image-medium-square	  {width:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px; height:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px}
.goods-image-other			  {max-width:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px}
.goods-image-other-square	   {width:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px; height:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px}
.goods-image-large			  {max-width:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px}
.goods-image-large-square	   {width:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px; height:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px}
.goods-cat-image-icon		   {max-width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px}
.goods-cat-image-icon-square	{width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px; height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px}
.goods-cat-image-medium		 {max-width:200px; max-height:150px}
.goods-cat-image-medium-square  {width:200px; height:170px}
.goods-cat-image-other		  {max-width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px}
.goods-cat-image-other-square   {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px; height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px}
/* END Настройки максимальных размеров генерируемых изображений */
/* Каталог */
  /* Блок выбора условий сортировки */
  .product-filter {padding:15px 10px 15px 10px;background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border-bottom:4px solid #e1e1e1;margin-bottom:15px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;float: left;width: 97%;}
  .product-filter .display {margin-right: 15px;float: left;padding-top: 4px;color: #333;}
  .product-filter .display a {font-weight: bold;}
  .product-filter .sort {float: left;color: #333; }
  .product-filter .sort { margin-top:5px; }
  .product-filter .view-mode {float:right;margin-top:5px;padding-right:10px; }
  .product-filter .view-mode label { float:left;margin-right:7px; color: #333;}
  .product-filter .view-mode a { background:url("{ASSETS_IMAGES_PATH}ico_list_or_table_view_12.jpg") 0px 0px no-repeat;width:12px;height:12px;display:block;float:left;margin:2px 7px 1px 0;}
  .product-filter .view-mode a.table { background-position:0px 0px; }
  .product-filter .view-mode a.list { background-position:-12px 0px; }
  .product-filter .view-mode a.table-act,
  .product-filter .view-mode a.table:hover { background-position:0px -12px; }
  .product-filter .view-mode a.list-act,
  .product-filter .view-mode a.list:hover { background-position:-12px -12px; }
  .product-filter .view-mode strong{color:#000;}
  .product-filter .sort .sort-by { float:left; }
  .product-filter .sort .sort-by label { float:left; }
  .product-filter .limit {float: right;color: #333;}
  .category-products{width:100%;display: inline-block;position: relative;}
  /* END Блок выбора условий сортировки */
 
  /* Фильтры */
  .filter-title {margin-bottom:12px;float:left;padding:3px 8px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
  .filter-title p {float:left;margin:0 12px 0 0;font-weight:bold;color:#333333;}
  .filter {display: inline-block;padding-right: 10px;vertical-align: top;margin-top: -35px;}
  .filter label { vertical-align: top; }
  .filter .inputText {background-color: rgb(238, 238, 238); margin: 0px 3px; min-width: 65px ;}
  /* END Фильтры */
 
  /* Фильтр по цене */
  .goodsFilterPriceRangePointers .min {float: left;color:#212121;font-size: 12px;font-weight: bold;}
  .goodsFilterPriceRangePointers .max {float: right;color:#212121;font-size: 12px;font-weight: bold;}
  #goods-filter-price-slider {margin: 0 6px 0 10px;height: 5px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background: #333;border: solid 1px #333;}
  .ui-slider-horizontal .ui-slider-range {background: #8cf538;border: solid 1px #8cf538;}
  .ui-slider-horizontal .ui-slider-handle {height: 12px;width: 12px;top: -4px;background: #ccc;border: solid 1px #999;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
  .goodsFilterPriceSubmit {margin-top: 10px;display: none;}
  .goodsFilterPriceSubmit .button {margin: 0 auto;display: block;}
  /* END Фильтр по цене */
  /* Тип сортировки товаров */
  .OrderFilterFormByURLs {padding:0;margin:0 0 0 5px;float:left;}
  .OrderFilterFormByURLs li {float:left;padding:0 6px 0 0;margin:0;list-style-type:none;}
  .OrderFilterFormByURLs a {padding-right:12px;margin:0 2px;list-style-type:none;}
  .OrderFilterFormByURLs .selected-asc a {color:#000000;background:url("{ASSETS_IMAGES_PATH}upArrow.png") no-repeat right center;}
  .OrderFilterFormByURLs .selected-desc a {color:#000000;background:url("{ASSETS_IMAGES_PATH}downArrow.png") no-repeat right center;}
  /* END Тип сортировки товаров */
 
  /* Нумерация страниц */
  .pagination {border-top: 1px solid #EEEEEE;padding-top: 8px;display: inline-block;width: 100%;margin-bottom: 10px;margin-top: 10px;}
  .pagination .links {text-align: center;}
  .pagination .links a {display: inline-block;border: 1px solid #EEEEEE;padding: 4px 10px;text-decoration: none;color: #A3A3A3;}
  .pagination .links b {display: inline-block;border: 1px solid #269BC6;font-weight: normal;text-decoration: none;color: #269BC6;background: #FFFFFF;padding: 11px 10px 10px 10px;}
  .pagination .results {float: right;padding-top: 3px;}
  /* END Нумерация страниц */
 
  /* Кнопки выбора количества товара */
  div.plus_minus_quantity {margin:5px 0 10px;}
  .cart .quantity, .quantity .quantity {margin-bottom:2px;height:21px;border-radius:5px;padding-top:0px;padding-bottom:0px;text-align:center !important;}
  .cart .qty-minus, .quantity .qty-minus, .cart .qty-plus, .quantity .qty-plus {cursor:pointer;border: 0 none;width:22px; height: 22px; padding: 2px 7px; margin: 0;text-align:center;background-color: #FF0551;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px; color: #FFFFFF;padding-bottom:3px;}
  .cart .qty-plus:hover, .quantity .qty-plus:hover, .cart .qty-minus:hover, .quantity .qty-minus:hover {background-color: #444444;}
  .goodsDataForm .plus_minus_quantity {margin: 0 10px 0 0;}
  .goodsDataForm .cart .qty-minus, .goodsDataForm .cart .qty-plus {height: 36px; width: 20px;color: #fff;padding: 8px 7px;line-height: 36px;vertical-align: middle;}
  .goodsDataForm  .quantity {height: 32px;margin: 0;vertical-align: middle;}
  /* END Кнопки выбора количества товара */
 
  .product-list, .product-list2, .product-list3, .product-list4 {padding: 10px;margin-bottom:15px;background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;float: left;width: 100%;box-sizing: border-box;}
 
  .box-product {width: 100%;}
  .prod_hold, .prod_hold_recent {display: inline-block;display: -moz-inline-stack;*display: inline;vertical-align: top;margin:0 7px 20px 8px;padding:5px;background-color:#ffffff;position:relative;text-align:center;border:1px solid #f5f5f5;z-index: 100;}
  .prod_hold {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px;}
  .prod_hold_recent {width:200px;}
  @-moz-document url-prefix() {.prod_hold > div {position: relative;}}
 
  #column-left .box input {display:none;}
  #column-left .box-content{padding: 20px 10px;}
  #column-left .prod_hold_recent {margin:0 0 20px 0;padding:13px 0 0 0;background-color:#ffffff;position:relative;width:190px;border-left:none;border-right:none;}
  #column-left .prod_hold_recent .image, #column-left .prod_hold_recent .image img {float:left;}
  #column-left .prod_hold_recent .new_prod {font-size:11px;float:left;}
  #column-left .prod_hold_recent .cart {clear:both; margin:8px 0;border-top:1px solid #e1e1e1;padding-top:8px;}
  #column-left .prod_hold_recent .name, #column-left .prod_hold_recent .price {float:left;margin:0 0 8px 8px;width:112px;text-align:left;}
  #column-left + #content .prod_hold  {margin:0 6px 20px 6px;}
  #content .prod_hold:hover {box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);  }
  .prod_hold_right{margin: 0 0 8px 50px;text-align: left;overflow: hidden;}
  .prod_hold > div, .prod_hold_recent > div {*position: relative;*width: 200px;*display: inline;zoom: 1;*vertical-align: top;*margin:0 0px 20px 0px;*overflow: hidden;*text-align:center;}
  .prod_hold > div .prod-info-fly, .prod_hold_recent > div .prod-info-fly {background:#ffffff;text-align:center;height: 90px;opacity: 0; padding: 10px 5px;position: absolute;left: 0;bottom: -252px;width: 210px;display: none;}
  .prod_hold > div .prod-info-fly {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px;}
  .prod_hold_recent > div .prod-info-fly {width:200px;}
  .prod_hold > div:hover .prod-info-fly, .prod_hold_recent > div:hover .prod-info-fly {display: block;bottom: 0;opacity: 1;}
  .prod_hold .image, .prod_hold_recent .image {display: block;margin-bottom: 5px;margin: 0 auto;}
  .prod_hold .name, .prod_hold_recent .name {padding-bottom:4px;margin:0 8px 15px 8px;border-bottom:1px solid #e1e1e1;display: block;}
  .prod_hold .prod-info-fly .name, .prod_hold_recent .prod-info-fly .name {padding-bottom:4px;margin:0 8px 8px 8px;border-bottom:1px solid #999999;}
  .prod_hold .name a, .prod_hold_recent .name a {font-size:20px;text-decoration:none;overflow: auto;}
  .prod_hold .prod-info-fly .name a, .prod_hold_recent .prod-info-fly .name a{font-size:17px;text-decoration:none;}
  .prod_hold .price, .prod_hold_recent .price, .category-info .price {display: block;font-weight: bold;color: #333333;margin-bottom: 8px;font-size:16px;}
  .prod_hold .price-old, .prod_hold_recent .price-old, .category-info .price-old, .price-old, .price-old .num {color: #999999;text-decoration: line-through;font-size:12px;}
  .prod_hold .price-new, .prod_hold_recent .price-new, .category-info .price-new {font-weight: bold;font-size:16px;}
  .prod_hold .prod-info-fly .price, .prod_hold_recent .prod-info-fly .price {margin-bottom: 5px;}
 
  #column-left a.add_to_cart_small, #column-left  a.add_to_wishlist_small, #column-left a.add_to_compare_small {background-color:#cecece;}
  a.add_to_cart_small, a.add_to_wishlist_small, a.add_to_compare_small, a.delete_fvr {display:inline-block;width:36px;height:36px;background:url("{ASSETS_IMAGES_PATH}cart_circle.png") 50% 50% no-repeat;background-color:#8cf538;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;cursor:pointer;text-indent:-9999px;margin:0 auto;}
  .added {background-color: #999 !important;}
  a.add_to_wishlist_small {background:url('{ASSETS_IMAGES_PATH}wish_circle.png') 50% 50% no-repeat;background-color:#333333;}
  a.add_to_compare_small {background:url('{ASSETS_IMAGES_PATH}compare_circle.png') 50% 50% no-repeat;background-color:#333333;}
  a.delete_fvr{background:url('{ASSETS_IMAGES_PATH}delete_circle.png') 50% 50% no-repeat;  background-color:#333333;}
  a.add_to_cart_small:hover, a.add_to_wishlist_small:hover, a.add_to_compare_small:hover, a.delete_fvr:hover {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
  .new_prod {padding: 2px 5px 0;line-height:19px;text-transform:uppercase;font-size:12px;color:#ffffff;background-color:#80ca16;position:absolute;top:5px;right:5px;}
  .item-detail {position: relative;float: left;width: 60%;clear: right;}
  #infscr-loading {text-align: center;}
 
  /* Список товаров Таблица */
  .category-info {padding: 10px;margin-bottom:30px;min-height:40px;position: relative;float: left; width: 100%;}
  .category-info .left {display: inline-block;display: -moz-inline-stack;vertical-align: top;padding: 5px;background-color: #ffffff;position: relative;text-align: center;border: 1px solid #f5f5f5;float: left;width: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px;}
  .category-info .left:hover {box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);}
  .category-info .right {margin-left: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px; padding-left: 20px;}
  /* END Список товаров Таблица */
  .image {margin: 0 auto;}
/* END Каталог */
/* Кнопки */
a.button, input.button, button.button, a.paymentFormSubmitLink, .paymentFormTbodySubmitButton {cursor: pointer;font-size:15px;text-transform:uppercase;color:#F8F8F8;background-color:#333333;padding:10px;text-decoration:none;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;border:none !important; margin-left: 15px;
margin-top: 6px;}
a.button {display: inline-block;text-decoration: none;padding:10px;}
a.button:hover, input.button:hover, button.button:hover, a.paymentFormSubmitLink:hover {background-color:#8cf5381;}
input.button_cart_product {background-color:#8cf538;}
input.button_cart_product:hover {background-color:#333333;}
.buttons {background: #FFFFFF;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border-bottom:4px solid #e1e1e1;overflow: auto;padding: 6px;margin-bottom: 20px;*border: solid 1px #eee;border: solid 1px #eee\0/;}
.buttons .left {float: left;text-align: left;}
.buttons .right { float: right; text-align: right;}
.buttons .center { text-align: center; margin-left: auto; margin-right: auto;}
.buttons a {text-decoration: none;}
.back-link {line-height: 40px;}
/* END Кнопки */
/* Список акций */
.content-akcii .left {float: left;}
.content-akcii .right {margin-left:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px;padding-left: 20px;}
.content-akcii .content{padding: 10px 0 !important;}
#content .box .content-akcii {padding:20px 10px;background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border-bottom: 4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);margin-bottom: 20px;overflow: auto;}
/* END Список акций */
/* Страница товара */
  .product-info {margin-bottom: 20px;}
  .product-info > .left {float: left;width: 282px;}
  .product-info > .left + .right {margin-left: 320px;}
  .product-info .image {border: 1px solid #E7E7E7;float: left;margin-bottom: 20px;padding: 10px;text-align: center;}
  .product-info .image-additional {width: 282px;clear: both;overflow: hidden;}
  .product-info .image-additional img {border: 1px solid #E7E7E7;max-width:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px}
  .product-info .image-additional a {float: left;display: block;margin-left: 10px;margin-bottom: 10px;width:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px; height:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px}
  .product-info .description {border-bottom: 1px solid #E7E7E7;padding: 0px 5px 10px 5px;margin-bottom: 5px;line-height: 20px;color: #4D4D4D;}
  .product-info .description span {color: #999999;}
  .product-info .description a {text-decoration: none;}
  .product-info .description .add_to_wishlist_small + a,
  .product-info .description .add_to_compare_small + a {margin-top: 10px;display: inline-block;vertical-align: middle;}
  .product-info .price {overflow: auto;border-bottom: 1px solid #E7E7E7;padding: 0px 5px 10px 5px;margin-bottom: 10px;font-size: 24px;color: #333333;}
  .pricetag {margin:15px 0;font-family: 'Ubuntu Condensed';float:left;}
  .product-info .price-old {color: #cecece;text-decoration: line-through;font-size:18px;}
  .product-info .cart {border-bottom: 1px solid #E7E7E7;padding: 12px 5px 10px 5px;margin-bottom: 5px; color: #4D4D4D; height:62px;position:relative;}
  .product-info .cart .add_to_wishlist_small, .product-info .cart .add_to_compare_small {overflow:hidden;}
  .product-info .cart .add_to_compare_small {left:220px;}
  .product-info .cart div {float: left;vertical-align: middle;line-height: 36px;}
  .product-info .cart .minimum {padding-top: 5px;font-size: 11px;color: #999;clear: both;}
  .product-info .span12 h4{font-size: 18px;color: #000;}
  .product-info .span12 .span12 {font-size: 12PX;border: solid 1px #ccc;padding: 10px;}
  .compare-info {border-collapse: collapse;width: 100%;border-top: 1px solid #DDDDDD;border-left: 1px solid #DDDDDD;margin-bottom: 20px;}
  .compare-info thead td, .compare-info thead tr td:first-child {color: #000000;font-size: 14px;background: #F7F7F7;text-align: left;}
  .compare-info tr td:first-child {color: #000000;background: #fff;}
  .compare-info td {padding: 7px;width: 20%;color: #4D4D4D;text-align: center;vertical-align: top;border-right: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;}
  .compare-info .name a {font-weight: bold;}
  .compare-info .price-old {font-weight: bold;color: #F00;text-decoration: line-through;}
  .compare-info .price-new {font-weight: bold;}
  .goodsDataOpinionListTableAnswer{padding: 10px 0px 10px 20px;border-top: solid 1px #ccc;}
  .goodsDataOpinionListTable, .goodsDataFeatures {width: 100%;}
  .goodsDataFeatures .name{border-bottom: dotted 1px #999;position: relative;height: 20px;}
  .goodsDataFeatures .value {background: #fff;  border-bottom: solid 1px #fff;  display: block;  margin-bottom: -2px;  float: left;}
  .goodsDataOpinionListNavigateTop td {padding-bottom: 20px;}
  .goodsImageZoom {text-align:center;padding:0.5em;font-size:12px;}
  .goodsImageZoom a {padding:5px 0px 5px 25px;background:transparent url('{ASSETS_IMAGES_PATH}zoom-magnifying.png') no-repeat scroll center left;}
  table.form table tr td {padding: 0;}
  table.form table tr td.captcha {width: 1%;}
  /* Вкладки */
  #tabs {height: 41px;line-height: 16px;border-bottom: 1px solid #e1e1e1;}
  #tabs a {border-top: 4px solid #f1f1f1;background: #f1f1f1;padding: 10px 15px 10px 15px;float: left;font-size: 18px;text-align: center;text-decoration: none;margin-right: 2px;}
  #tabs a.active, #tabs a:hover {padding-bottom: 12px;background: #FFFFFF;border-top: 4px solid #ff0551;}
  .tab-content {padding: 20px;background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border-bottom:4px solid #e1e1e1;margin-bottom:30px;min-height:40px;margin-bottom: 20px;z-index: 2;overflow: visible;}
  #content_3, #content_4, #content_5 {
  display: none;
}
  /* END Вкладки */
 
  /* Zoomer изображения товара */
  .cloud-zoom-lens {border: 4px solid #888;margin:-4px; background-color:#fff;cursor:move;}
  .cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}
  .cloud-zoom-big {border:4px solid #ccc;overflow:hidden;}
  .cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}
  /* END Zoomer изображения товара */
/* Страница товара */
/* Страница авторизации */
.login-content {margin-bottom: 20px;}
.login-content h3 {padding-bottom: 15px;border-bottom: 1px solid #e1e1e1;}
.login-content .left, .login-content .right {float: left;width: 44%;min-height:310px;background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);padding:10px; position:relative;*border: solid 1px #eeeeee;border: solid 1px #eeeeee\0/;}
.login-content .right {float: right;}
.login-content .right .form td {}
.login-content .left .content, .login-content .right .content {min-height: 190px;}
.login-content .left .button, .login-content .right .button {position:absolute;bottom:10px;right:10px;display: inline-block;}
.login-content .right .button.ui-button {*width: 60px; }
.login-content  table.form {table-layout: auto;;}
#caps_lock {display:none;width:140px;padding-top:10px;text-align:center;}
/* END Страница авторизации */
/* Корзина. Изранные товары. Позиции заказа. Подтверждение заказа. Иформация о заказе. Просмотр заказа. */
.cart-info {background-color: #ffffff;}
.cart-info table {width: 100%;margin-bottom: 25px;border-collapse: collapse;border-top: 4px solid #333333; }
.cart-info td {vertical-align: middle !important;color: #333333;}
.cart-info thead td {color: #333333;font-weight: bold;background-color: #f8f8f8;padding:15px 10px;}
.cart-info thead .image {text-align: center;}
.cart-info thead .name {text-align: left;}
.cart-info thead .price, .cart-info thead .total {text-align: left;}
.cart-info tbody td {border-bottom: 1px solid #e1e1e1;padding:15px 10px;}
.cart-info tbody .image {text-align: center;}
.cart-info table tbody tr:hover {background: #f8f8f8;}
.cart-info tfoot tr:first-child {height:50px;}
.cart-info tfoot tr:first-child td {min-height: 100px;padding: 0 10px;}
.cart-info .inputText {text-align:center;}
.cart-total {border-top: 3px solid #333;overflow: auto;padding-top: 15px;margin-bottom: 20px;background-color: #ffffff;color:#333333;}
.cart-total table {float: right;}
/* END Корзина. Изранные товары. Позиции заказа. Подтверждение заказа. Иформация о заказе. Просмотр заказа. */
/* Подвал */
#footer {clear: both;margin-top: 30px;min-height: 100px;padding:0 0 30px 0;border-top:4px solid #333333;background-color:#f0f0f0;}
#footer .inner {padding:20px;border-bottom:1px solid #e1e1e1;color:#666666;background:none !important;}
#footer .inner_top {background:#ffffff !important;-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;-khtml-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);position:relative;overflow:auto;padding-top:15px;}
#footer .column {margin-bottom:15px;min-height:348px;}
#footer a{text-decoration: none;}
#footer h4 {color: #000000;font-size: 21px;margin-top: 0px;margin-bottom: 10px;padding:0 0 8px 0;border-bottom:1px solid #e1e1e1;}
.menu_main {margin-left: -20px;}
.menu_main li {list-style: none; display: inline;}
.menu_main li a {line-height: 30px;height: 30px;display: inline-block; padding-right: 20px;}
.one_fourth {float: left;margin-right: 4%;position: relative;width: 22%;*width: 21%;}
.last {clear: right;margin-right: 0 !important;}
#footer .column ul.footer_links {margin:0;padding:0;list-style:none;}
#footer .column ul.footer_links li {margin: 0;padding: 0;border-bottom:1px solid #e1e1e1;}
#footer .column ul.footer_links a {text-decoration: none;color: #666666;padding:15px 8px 14px 8px;display:block;font-size:12px;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
#footer .column ul.footer_links a:hover {background-color:#f1f1f1;padding:15px 8px 14px 15px; }
#powered {text-align: center;clear: both;padding:8px 0;background-color:#e0e0e0;font-size:11px;}
#powered br {display:none;}
.footer_time,  .footer_phone, .footer_icq, .footer_skype {display:block;clear:both;padding:15px 0 14px 45px;margin:0;border-bottom:1px solid #e1e1e1;font-size:12px;}
.footer_time {background:url('{ASSETS_IMAGES_PATH}footer_time_icon.png') 0 50% no-repeat;}
.footer_phone {background:url('{ASSETS_IMAGES_PATH}footer_phone_icon.png') 0 50% no-repeat;}
.footer_icq {background:url('{ASSETS_IMAGES_PATH}footer_icq_icon.png') 0 50% no-repeat;}
.footer_skype {background:url('{ASSETS_IMAGES_PATH}footer_skype_icon.png') 0 50% no-repeat;}
.footer_skype a {text-decoration:none;  color:#666666;}
/* END Подвал */
.ui-widget-overlay {background:#ffffff !important;opacity:1;}
/* Адаптивность шаблона ==============================*/
@media only screen and (min-width: 981px) and (max-width: 1220px) {
  .inner {width:95%;}
}
@media only screen and (min-width: 990px) {
  #header  .flexslider li img.slide_img{display:none !important;}
  #header  .flexslider li .bigPic {display:block !important;}
  #header.borderless {border-bottom:none;}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
  .inner {width:95%;}
  #header_colapse .inner {background:none !important;}
  #footer .column {width:22% !important;margin:10px !important;min-height:100px;}
  div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .price {margin-bottom:25px;}
  #column-left + #content div.prod_hold, #column-left + #content div.prod_hold_recent  { margin:0px 11px 20px 11px;}
  #toggle_switch {display:block;}
  p img {max-width:100% !important;height:auto !important;}
  .product-info .cart {height:auto;overflow:auto;}
  .product-info .cart input[type="text"] {margin-bottom:10px;}
  .orderStepName {font-size: 18px;}
  .orderStepName:before {margin-right: 5px;}
  table.form tr td:first-child {width: 40%;*width: 0px;}
  #content .login-content .content {padding: 0;overflow: visible;}
  .login-content  table.form td {position: relative;width: 100%;display: block; padding: 4px 0;}
}
@media screen and (max-width: 785px) {
  .orderStepName {font-size: 16px;}
  table.form  {table-layout: fixed;}
  table.form tr td:first-child {width: auto;}
}
@media only screen and (max-width: 625px) {
  .orderHeader  {display: none !important;}
}
@media only screen and (min-width: 557px) and (max-width: 898px) {
  .item-detail{width: 49%;}
}
@media only screen and (min-width: 480px) and (max-width: 556px) {
  .item-detail {width: 40%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #toggle_switch {display:none;}
  .inner {width:86%;}
  #header_colapse .inner {display:block !important;}
  #header #cart {right: 0px;width: auto;float: none;}
  .box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;}
  div.prod_hold, div.prod_hold_recent {margin:10px auto;}
  div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}
  div.prod_hold .prod-info-fly, div.prod_hold_recent .prod-info-fly{display: block;position: relative;padding: 0;bottom: 0;opacity: 1;width: 200px; }
  div.prod_hold .prod-info-fly .name, div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .name, div.prod_hold_recent .prod-info-fly .price { display: block !important;}
  #header .links {margin:0;}
  #compareInfo {margin: 10px auto -20px;width: 100%;text-align: center;}
  #header #welcome { display: none;}
  #header #search { position:relative;clear:both;width:100%;margin-bottom: 19px;float: left;}
  #header #search input {width:380px;}
#header #support2 {float:left; margin-right: 10px;}
#header  #support {top: 9px;}
#content h2.heading_title {height: 72px;}
  #header_colapse {height: 150px;}
  #header #cart h4, #header #cart #cart-total {display:block;}
  #header #cart .content {top:35px;}
  #header_colapse .inner { overflow: visible; padding:8px 0; background:none !important;}
  #column-left { float:none; width:100%;}
  #column-left .recent {display: none!important;}
  #column-left + #content {margin: 0; }
  #footer .column {width:100% !important;margin:10px 0 !important;min-height:100px;}
  #footer .one_fourth {display: none;}
  #footer .one_fourth.last {display: block;}
  #tabs a {font-size:14px;}
  .product-info .image {width:380px;}
  .product-info .image img{max-width:100%; }
  .product-info >.left, .product-info > .left + .right {float:none;margin: 0;}
  img {max-width:100% !important;height:auto !important;}
  textarea {width: 100%;}
  #column-left div.prod_hold, #column-left div.prod_hold_recent {margin:0px 8px 20px 8px;}
  .product-filter .view-mode label {display: none;}
  #main_nav { display: none; }
  .selectnav { display: block; margin:6px 0 0 0; width:100%; }
  #column-left .box .box-heading:after {content: url("{ASSETS_IMAGES_PATH}downArrow.png") no-repeat right center;position: absolute;right: 16px;top: 10px;cursor: pointer;}
  #column-left .box .box-heading + .box-content {display: none;}
  #column-left .box .box-heading.up:after {content: url("{ASSETS_IMAGES_PATH}UPArrow.png") no-repeat right center;}
  table.form  {table-layout: fixed;}
  #content .login-content .content {padding: 0;overflow: visible;}
  .login-content h4, .login-content .right p {display: none;}
  p.required {display: none;}
  .login-content  table.form td {position: relative;width: 100%;display: block;padding: 4px 0;}
  .generally label:after {content: ""; display: block;clear: both;}
}
@media only screen and (max-width: 480px) {
  #content h2.heading_title {height: 100px;}
  #header_colapse {height: 180px;}
  h2 {font-size: 24px;}
  .inner {width:80%;}
  #header_colapse .inner {display:block !important;}
  #toggle_switch {display:none;}
  #header .links {margin:0;}
  #compareInfo {margin-left:0px;float: left;}
  #header #welcome {display: none;}
  #header #search {position:relative;clear:both;width:100%;margin-bottom:10px;}
  #header #search input {width:70%;}
   #header #support2 {float:left; margin-right: 10px;}
#header  #support {top: 12px; float:left;}
  #header #logo {margin: 0;}
  #header #cart{ width: 98%; min-width: 98%;float: none;margin-bottom: 10px;}
  #header #cart .heading {padding: 0 0 0 46px;}
  #header #cart .cart_circle {right: auto; left: 0;}
  #header #cart h4, #header #cart #cart-total {display:block;text-align: left !important;}
  #header #cart .content {top:35px;}
  #header_colapse .inner {overflow:visible;padding:8px 0;background:none !important;}
  #main_nav { display: none; }
  .selectnav { display: block; margin:6px 0 0 0; width:100%; }
  #column-left {float:none;width:100%;}
  #column-left .recent {display: none!important;}
  #column-left + #content {margin: 0;}
  .box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;}
  div.prod_hold, div.prod_hold_recent {margin:10px auto;width: 90%;}
  div.prod_hold > div .prod-info-fly, div.prod_hold_recent > div .prod-info-fly {width: 100%;}
  div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}
  div.prod_hold .prod-info-fly, div.prod_hold_recent .prod-info-fly {display: block;position: relative;padding: 0;bottom: 0;opacity: 1; }
  div.prod_hold .prod-info-fly .name, div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .name, div.prod_hold_recent .prod-info-fly .price{display: block !important;}
  .item-detail {width: 100%;}
  #footer .column {width:100% !important;margin:10px 0 !important;min-height:100px;}
  #footer .one_fourth {display: none;}
  #footer .one_fourth.last {display: block;}
  #tabs a {font-size:12px;padding:10px;}
  .category-info {padding: 10px 0;}
  .category-info .left {float:none;}
  .category-info .right {margin: 10px 0 0 0; padding: 0;}
  .product-info .image {width:260px;}
  .product-info .image img{max-width:100%; }
  .product-info >.left, .product-info > .left + .right {float:none;margin: 0;}
  .login-content .left, .login-content .right {width:95%;float:left;margin-bottom:10px;}
  img {max-width:100% !important;height:auto !important;}
  textarea {width: 100%;}
  #column-left .box .box-heading:after {content: url("{ASSETS_IMAGES_PATH}downArrow.png") no-repeat right center;position: absolute;right: 16px;top: 10px;cursor: pointer;}
  #column-left .box .box-heading + .box-content {display: none;}
  #column-left .box .box-heading.up:after {content: url("{ASSETS_IMAGES_PATH}UPArrow.png") no-repeat right center;}
  table.form td {position: relative;width: 100%;display: block;padding: 4px 0;}
  #content .login-content .content {padding: 10px 0;overflow: visible;}
  p.required {display: none;}
  #content .buttons .left {display: none;}
}
.attention2 {
display: none;
}
/* /END адаптивность шаблона ======================================================*/
.mods {width: 100%; border: 1px dashed #ccc; min-height: 18px; display: table;}
.mod_name { font-size: 10pt; line-height: 18px; width: 60%; display: table-cell; vertical-align: middle; padding: 0 5px;}
.mod_price {font-size: 10pt; line-height: 18px; width: 35%; display: table-cell; vertical-align: middle; padding: 0 5px; border-left: 1px dashed #ccc;}

Наверх

#7 Olga2209

Продвинутый пользователь

Пользователи
72 сообщений

Отправлено 22 Март 2014 - 22:26

Еще категории в каталоге остались без названий!

Спасибо большое за помощь...и все таки, я бы хотела посмотреть,как будет выглядеть на мобильных устройствах полная версия сайта.

Как это сделать?

Наверх

#8 Alexey11

Активный участник

Модератоpы
1 057 сообщений

ГородНижний новгород

Отправлено 23 Март 2014 - 09:55

Olga2209 (22 Март 2014 - 22:26) писал:

Еще категории в каталоге остались без названий!

Спасибо большое за помощь...и все таки, я бы хотела посмотреть,как будет выглядеть на мобильных устройствах полная версия сайта.

Как это сделать?

Можно воспользоваться функциями браузера google chrome нажимаем F12 далее инструкция на скриншоте

Прикрепленные изображения

Наверх

#9 Olga2209

Продвинутый пользователь

Пользователи
72 сообщений

Отправлено 23 Март 2014 - 21:32

Alexey11 (23 Март 2014 - 09:55) писал:

Можно воспользоваться функциями браузера google chrome нажимаем F12 далее инструкция на скриншоте

Спасибо, только я имела ввиду,что нужна полная версия сайта на мобильном устройстве.

Сейчас по коду,как я поняла, прописаны настройки под мобильную версию.

Что необходимо удалить/исправить...чтобы на мобильниках отражалась полная версия?

Наверх

#10 Alexey11

Активный участник

Модератоpы
1 057 сообщений

ГородНижний новгород

Отправлено 24 Март 2014 - 09:06

Olga2209 (23 Март 2014 - 21:32) писал:

Спасибо, только я имела ввиду,что нужна полная версия сайта на мобильном устройстве.

Сейчас по коду,как я поняла, прописаны настройки под мобильную версию.

Что необходимо удалить/исправить...чтобы на мобильниках отражалась полная версия?

Данный шаблон является адаптивным, удаление адаптивности может привести к неправильному отображению вашего сайта и займет большое количество времени. Данная процедура выходит за рамки тех поддержки.

Наверх

#11 Olga2209

Продвинутый пользователь

Пользователи
72 сообщений

Отправлено 28 Март 2014 - 16:58

Ок, сохранила код,который подправил MikDark. Единственное, категории, когда заходишь в каталог - без названий. помогите подправить пжл!

Наверх

#12 sengun

Активный участник

Модератоpы
1 139 сообщений

ГородНижний Новгород

Отправлено 28 Март 2014 - 17:33

Olga2209 (28 Март 2014 - 16:58) писал:

Ок, сохранила код,который подправил MikDark. Единственное, категории, когда заходишь в каталог - без названий. помогите подправить пжл!

Здравствуйте.
В шаблоне main.css 2 раза встречается строка

div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}

оба раза замените ее на

div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}

Наверх

#13 diezel1988

Продвинутый пользователь

Пользователи
87 сообщений

ГородМосква

Отправлено 06 Июнь 2014 - 15:58

Здравствуйте!
Уважаемая служба поддержки, помогите пожалуйста, вносил изменения в коде, после чего перестала работать мобильная версия сайта. Захожу с телефона, отображается обычный полноценный сайт. Где искать проблему?

Наверх

#14 diezel1988

Продвинутый пользователь

Пользователи
87 сообщений

ГородМосква

Отправлено 06 Июнь 2014 - 16:06

Хотя если увеличиваю маштаб на компе, все как надо складывается.

Наверх

#15 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 07 Июнь 2014 - 02:23

Добавьте в main.css

#header #logo img {
	width: 100%;
}

это пожалуй единственное, что вылезает за границы и портит структуру, в остальном адаптивность проявляется

Наверх

#16 diezel1988

Продвинутый пользователь

Пользователи
87 сообщений

ГородМосква

Отправлено 09 Июнь 2014 - 05:49

Не ребят, не работает, добавлял Ваш код который вы написали, и ставил родной логотип, родных размеров, не в нем дело.
Сайт просто не складывается. Подскажите еще варианты решения.