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

[toconsole]

как изменить фон с серого на белый

[sengun]

toconsole (11 Июль 2013 - 14:15) писал:

как изменить фон с серого на белый

В разделе Сайт - Редактор шаблонов откройте шаблон style.css. Найдите код

.bg {background: #f6f6f4;}

замените на

.bg {background: #FFF;}

[toconsole]

sengun (11 Июль 2013 - 14:22) писал:

В разделе Сайт - Редактор шаблонов откройте шаблон style.css. Найдите код

.bg {background: #f6f6f4;}

замените на

.bg {background: #FFF;}

у меня нет .bg      

есть только просо background: #FFFF;

но цвет не поменялся


вот весь код




body { margin-right: 0px !important; }
.fancybox-overlay { overflow-y: visible; }

.containers .items, .containers2 .items {display: inline-block; float: none !important; *display: inline; vertical-align: top; width:170px !important;}
.containers .items figure, .containers2 .items figure, .containers .items>div, .containers2 .items>div {width:170px !important;}

/* Всплывающее окно */
#bg_quickorder {
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: absolute;
z-index: 99999;
width: 100%;

}


#quickorder {
background: #FFF;
width: 815px;
margin: 10% auto;
position: relative;
/*--CSS3 CSS3 Тени для Блока--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Закругленные углы--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.zones {padding: 0 !important}
.zones td {padding: 0 0 0 0.5em !important;}
.lab {text-align: right;width: 100px;display: block;float: left;}
label.error {color: red;font-style: italic;margin-left: 5px;}
input.error {border: 1px dotted red;}

.new-customer {padding-right: 4%; width: 46%; float: left;}
.sign-in {padding-left: 4%; border-left: 1px solid #d5d5d5; width: 45.8%; float: left;}

/* Стилизация "или" */
.new-customer span.or {position: absolute;height: 14px;width: 33px;padding: 10px;padding-top: 22px;border-radius: 30px;text-align: center;background: #f15b40;font-weight: bold;color: #fff;right: -25px;top: 50%;z-index: 2;font-size: 1.5em;line-height: 0;}
.new-customer span.or.new-seller {top: 30%;}
/* END */


/* Слайдер-карусель на главной в сопутсвующих товарах */
.car{margin: 10px auto;width: 100%;max-width: 410px;position: relative;overflow: visible;}
.mycont2 h4, .car h4 {padding: 5px 10px 10px 10px;}
.mycont, .mycont2 {margin:0 auto;padding: 5px;background: #fff;}
.mycarousel li{width:193px;margin:0 10px;text-align: center;}
.mycarousel2 li{width:160px;margin:0 10px;text-align: center;}
.jcarousel-clip{overflow: hidden;}
.jcarousel-prev, .jcarousel-next{display:block;width:32px;height:30px;cursor:pointer;}
.jcarousel-prev{background:url('{ASSETS_IMAGES_PATH}slides-arrow-left.png') no-repeat;left: -25px;top: 40%; position: absolute;height: 100px;}
.jcarousel-next{background:url('{ASSETS_IMAGES_PATH}slides-arrow-right.png') no-repeat;right: -37px;top: 40%; position: absolute;height: 100px;}


.available-true {position: absolute; width: 90px; height: 38px; background: url('{ASSETS_IMAGES_PATH}stiker1.png') no-repeat;z-index: 100;right: -15px;top: -15px;Color: #fff; padding: 33px 9px;text-align: center;font-size: 18px;}
.available-false {position: absolute; width: 90px; height: 38px; background: url('{ASSETS_IMAGES_PATH}stiker2.png') no-repeat;z-index: 100;right: -15px;top: -15px;Color: #fff; padding: 33px 9px;text-align: center;font-size: 18px;}
.cornerAll {-moz-border-radius: 0px;-webkit-border-radius: 0px;}
.paymentFormTbody {background: #fff; border: solid 1px #ccc;padding-bottom:10px;}
.paymentFormSubmitLink {display: table-cell;padding: 0.3em 0.6em;background: #13AF13;color: #fff;border: none;letter-spacing: 1px;text-transform: uppercase;text-align: center;}
.paymentFormSubmitLink:hover {background: #404040;color: #fff;}
.dotted {border-bottom: dotted 1px #404040;}
.buttons-set {padding-top: 10px;margin:10px 0;}
.control {padding-top: 5px;}
p.required {padding: 10px 0;}
.num{color: #404040;font-weight: 800;}
.basket-summary .num {color: #d5d5d5;}

.add-to-links {margin-top: 10px; display:block;}

.selected {text-decoration: underline; font-weight: 600;color: #fff;}

.empty {margin-bottom: 1em;}
/* Фикс для отображения данных добавленных через админку в таком же виде, как и в визуальном редакторе */
.htmlDataBlock {margin: 1em 0;}
.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;}
.htmlDataBlock p { margin:1em 0; }

.x-list li {float:left;}
.x-list a {padding: 0 13px 0 10px;float:left;}
.selected-desc a {background: url('{ASSETS_IMAGES_PATH}downArrow.png') no-repeat left center;}
.selected-asc a {background: url('{ASSETS_IMAGES_PATH}upArrow.png') no-repeat left center;}
.selected-desc a, .selected-asc a {padding-left: 13px;}

.price {font-size: 16px; color: #000; margin: 5px;}
.price a { color: #000; font-weight: 500;}
.lineThrough {text-decoration: line-through;font-size: 12px;}

.filters {display: block;float: left;}
.filter {float: left; display: block;padding: 5px 10px 5px 0px;width: auto !important;}
/* loading... */
#infscr-loading{position: absolute;bottom: 0px;left: 48%;}

.box{background: #ebfdf0; padding: 25px; border: solid 1px #ccc; position: fixed; margin: 0 30%; z-index: 1000;font-size:1.4em;text-align:center;}

.hide {display: none !important;}

/* Страницы */
.pagination {text-align: center;}
.pp-page {background: url('{ASSETS_IMAGES_PATH}next.png');padding: 8px 13px 9px 12px; color: #fff;}
.pp-current {background: url('{ASSETS_IMAGES_PATH}prev.png') !important;}
.pp-title{padding-top: 9px;}
.compare {text-align: center;margin-bottom: 0px;bottom: 1%;position: absolute;right: 10%;padding:20px;}
@media screen and (max-width: 768px) {.compare {display:block;position:relative;margin: 0 auto;right: 0;}
a.toggleMenu {background: #404040; line-height: 40px;padding: 0;text-indent: 10px;}
a.toggleMenu:after {content:"";background: url('{ASSETS_IMAGES_PATH}nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 10px;}}
.contacts{float: left;position: relative;}

.footer{margin-bottom: 30px; display: block; position: relative;}
.footer ul li {display: inline;margin: 0 15px; float: left;}

.goodsDataMainModificationPriceNow{float:left; color: #aaa;margin: 5px;}
.goodsDataMainModificationPriceOld{float: left;text-decoration:line-through;margin: 15px;font-size: 20px;}
.goodsDataMainModificationAvailable{position:relative;margin: 0px 0px 15px 0px;width: 100%;font-size: 20px; color: #00AC6B;z-index: 100;}
.goodsDataMainDiscountBlock{background: #fff;padding: 10px; margin: 5px 0px;}
.goodsDataMainModificationsBlock, .goodsDataMainModificationsBlockProperty, .goodsDataMainModificationsList, .goodsDataMainModificationsDescriptionBlock{background: #F2F2F0; display: block; position: relative;}
.goodsDataMainModificationsBlock{background: #F2F2F0;padding: 10px;margin-top: 1em;}
.goodsListItemPriceNew{font-size: 18px}
.goodsDataCompareButton {display: block; margin: 1em 0;}

/* Стили для вкладок на странице товара*/
.tabbed_box {margin: 0px auto 0px auto;width:300px;}
.tabbed_box h4 {font-family:Arial, Helvetica, sans-serif;font-size:23px; color:#ffffff;letter-spacing:-1px;margin-bottom:10px;}
.tabbed_box h4 small {color:#e3e9ec;font-weight:normal;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase; position:relative;top:-4px;left:6px;letter-spacing:0px;}
.tabbed_area {border:1px solid #494e52;background-color:#404040;padding:8px;}
.ie7 .tabbed_area {margin-bottom: 3em;}
ul.tabs {margin:0px; padding:0px;margin-top:5px; margin-bottom:5px;display: block;position: relative;}
ul.tabs li {list-style:none;display:inline;}
ul.tabs li a {background-color:#F0EFEB; color:#000;padding:8px 14px 8px 14px;text-decoration:none; font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold; text-transform:uppercase; border:1px solid #464c54;position: relative;float: left;}
.ie7 ul.tabs li a {padding:8px 14px 7px 14px;}
ul.tabs li a:hover {background-color:#2f343a;border-color:#2f343a;color:#fff;}
ul.tabs li a.active {background-color:#ffffff; color:#282e32;border: 0px solid #464c54;padding-bottom: 10px;margin: 1px;}
.content {background-color:#ffffff;padding:10px;border:1px solid #464c54;margin-top: 40px;}
#content_2, #content_3, #content_1 {display:none;}
.content ul {margin:0px;padding:0px 20px 0px 20px;}
.content ul li {list-style:none;border-bottom:1px solid #d6dde0;padding-top:15px;padding-bottom:15px;font-size:13px;}
.content ul li a {text-decoration:none; color:#3e4346;}
.content ul li a small {color:#8b959c;font-size:9px;text-transform:uppercase;font-family:Verdana, Arial, Helvetica, sans-serif;position:relative;left:4px;top:0px;}
.content ul li:last-child {border-bottom:none;}
/* END Стили для вкладок на странице товара*/

.commentBlock{width:500px;margin: 10px auto;border-bottom:1px solid #999;}
.name{font-weight:700;}

/* Кнопка "Загрузить ещё" */
#load{width:120px;height:30px;text-align:center;margin-left: 45%;position: absolute;bottom: -20px;clear: both;z-index: 1000;}
#load div{ margin: 5px;cursor:pointer;background: #6483aa;color:#fff;padding: 4px 10px 4px 10px;border:1px solid #2f4561;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
#imgLoad{display: none;}
/* END Кнопка "Загрузить ещё" */

.limiter label{float:left; padding-right: 10px;}

/* Страница сравнения товаров */
.compare-navigate .CompareGoodsTablePrev a {position:absolute; display:block;height:50px; width:30px;background: url('{ASSETS_IMAGES_PATH}slides-arrow-left.png') no-repeat; left: -19px;top: 150px;}
.compare-navigate .CompareGoodsTablePrev a.disable {position:absolute; background-image: url('{ASSETS_IMAGES_PATH}slides-arrow-left.png');height: 50px;width: 30px; left: -19px;top: 150px;}
.compare-navigate .CompareGoodsTableNext a {position:absolute; display:block;height:50px; width:30px;background: url('{ASSETS_IMAGES_PATH}slides-arrow-right.png') no-repeat;right:-30px;top: 150px;}
.compare-navigate .CompareGoodsTableNext a.disable {position:absolute; background-image: url('{ASSETS_IMAGES_PATH}slides-arrow-right.png'); height: 50px; width: 30px; right:-30px;top: 150px;}
/* END Страница сравнения товаров */


/* Основная навигация. Каталог товаров */

.ie7 .nav, .ie7 .conta { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
.nav a {*zoom: 1;}

.conta {position: relative;width: 100%;max-width: 1280px;margin: 20px auto;z-index:30;}
.toggleMenu {display: none;background: #666;padding: 10px 15px;color: #fff;}
.nav {list-style: none;*zoom: 1;background:#000;z-index:30;position: relative;}
.nav:before,.nav:after {content: " ";display: table;}
.nav:after {clear: both;}
.nav ul {list-style: none;width: 107%;}
.nav a {padding: 15px 15px;color:#fff;text-transform: uppercase;z-index:50;}
.nav a:hover{color: #fff;text-decoration: underline;}
.nav li {position: relative;z-index:60;}
.ie7 .nav li {position: relative;border: none;margin: 0;}
.nav > li {float: left;}
.nav > li > .parent {background-image: url("{ASSETS_IMAGES_PATH}downArrow.png");background-repeat: no-repeat;background-position: right;}
.nav > li > a {display: block; top: -1px;}
.nav li ul {position: absolute;left: 0; display: none;z-index:50;width: 160px;}
.nav li.hover {display: block !important;z-index:100;}
.nav li:hover ul li a {display: block !important;z-index:100;}
.nav > li.hover > ul {position: absolute;left: 0;display: block !important;z-index:50;color:#000;}
.nav li li.hover > ul {left: 100%;top: 0;display: block;z-index:60;display: block !important;color:#000;}
.nav li li li.hover > ul {left: 100%;top: 0;display: block;z-index:80;color:#000;}
.nav li li {background: #ddd;}
.nav li li a {display:block;background: #ddd;top: 0px;color:#000;width: 130px;}
.nav li li li {background:#e6e6e6;}
.nav li li li a {background:#e6e6e6;z-index:200;top: 0px;color:#000;width: 130px;}
.nav li li li li {background:#ebebeb;}
.nav li li li li a {background:#ebebeb;z-index:200;top: 0px;color:#000;width: 130px;}
.nav li:hover ul li a {display: block !important;z-index:100;}
.nav li li a:hover, .nav li li li a:hover, .nav li li li li a:hover {color:#000;}
.ie7 .nav li li a {display: block;background: #ddd;z-index:70;color:#000;width: 130px;}
.ie7 .nav li li li a {background:#e6e6e6;z-index:90;color:#000;width: 130px;}
.ie7 .nav li li li li a {background:#ebebeb;z-index:100;color:#000;width: 130px;}

@media screen and (max-width: 768px) {
.icons {display: block;margin: 10px 20px 10px 0;float: right;width: 20px;height: 20px;background-image: url("{ASSETS_IMAGES_PATH}downArrow.png");background-repeat: no-repeat;background-position: right;cursor:pointer;}
.active {display: block;}
.nav > li {float: none;}
.nav > li > a {display: inline; line-height: 45px; top: -1px;}
.nav > li > .parent {background-image: none;}
.nav li:hover ul li a {display: inline!important;z-index:100;}
.nav li li a {display:inline;line-height: 45px;background: #ddd;top: 0px;}
.nav li li .parent {background-image: none;}
.nav ul {display: block;width: 100%;}
.nav > li.hover > ul , .nav li li.hover > ul, .nav li li li.hover > ul {position: static;width: 100%}
}


header.controls {padding: 1em;background: #F1F1F0 !important;margin-bottom: 0em;}

/* Тип отображения в каталоге */
.view-switch {float: right;}
.view-switch a, .view-switch a.active, .view-switch a.active:hover, .view-switch span {display: block; float: left; height: 23px; width: 23px; text-indent: -999em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat -26px -232px;-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;}
.view-switch a.active, .view-switch span {background-position: 0 -232px}
.view-switch a:first-child.active, .view-switch span:first-child {background-position: 0 -206px}
.view-switch a:first-child {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat -26px -206px; margin-right: 1em;} /* list view icon */
.view-switch span:first-child {margin-right: 1em;}
.view-switch a#list:hover { background-position: 0px -232px;}
.view-switch a#list-gallery:hover {background-position: 0px -206px;}
.view-switch a#list-list2:hover { }
.view-switch a#list-gallery2:hover {}

/* Верхняя навигация */
.head:before,.head:after {content: " ";display: table;}
.head:after {clear: both;}
.head {*zoom: 1;}
.head {width: 100%;font-size:13px;position: relative;}
.head ul {padding: 0;margin: 0 auto;height: 40px;}
.head li {display: inline;float: left;}
.head a {display: inline-block;text-align: center;text-decoration: none;line-height: 40px;padding: 0px 10px 0px 10px;}
.head li a {color: #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.head li:last-child a {border-right: 0;}
.head a:hover, .head a.selected, nav a:active {background-color: #404040;}
.head a#pull {display: none;}


@media only screen and (max-width : 870px) {
.head {border-bottom: 0;}
.head ul {display: none;height: auto; width: 100%;float: none !important;}
.head li {width: 50%;float: left;position: relative;}
.head li a {border-collapse: collapse;}
.head a {line-height: 20px;padding: 5px;text-align: left;width: 100%;}
.head a#pull {display: block;background: #404040;color:#fff;width: 100%;position: relative;padding: 0px;line-height: 40px;text-indent: 10px;}
.head a#pull:after {content:"";background: url('{ASSETS_IMAGES_PATH}nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 10px;}
}

/* Смартфоны */
@media only screen and (max-width : 320px) {
.head li {display: block;float: none;width: 100%;}
.head li a {border-bottom: 1px solid #576979;}
}
/* END Верхняя навигация */

.containers, .containers2, .containers3 {text-align: center;position: relative;margin:0 auto;}

/* Стили для корзины */
.basket-info {display: block; position: relative;z-index: 500;}
.summary {display: block; position: relative;}
.summary a {color: #ffe4ab; background: #0f0f0f;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;}
.summary a:hover, .basket-info:hover .summary a {background: #4a4949; color: #d5d5d5}
.summary a:hover strong, .basket-info:hover .summary a strong {background: #0f0f0f;}
.summary strong {background: #3c3c3c; padding: 0.25em; height: 1.5em; width: 1.5em; border-radius: 1em; display: inline-block; margin-right: 0.5em; text-align: center; margin-top: -0.417em; font-weight: normal;}

.basket-summary {background: #4a4949;color: #000;display: none; position: absolute; z-index: 1000; padding: 0 1em 1em;right: 0; width: 13.333em;}
.basket-summary table {width: 100%; margin: 0; background: #4a4949;}
.basket-summary table th, .basket-summary table td {background: #4a4949; border: none; color: #d5d5d5;padding: 1em 0 0.5em;}
.basket-summary table abbr {border: none;}
.basket-summary table thead tr th:last-child, td.figure {/*text-align: right;*/}
.basket-summary a {display: block;width: auto;margin: 1em 0 0 0;padding: 0.5em;}
.basket-summary p {color: #9f9f9f; margin: 0.5em;}

@media only screen and (max-width: 870px) {
.basket-info {display: block;position: relative;z-index: 500;width: 190px;margin: 0 auto;}
.summary a {color: #ffe4ab; background: #0f0f0f;padding: 1.75em 1em 1.5em; display: block; width: 13.333em;position: relative!important;top:0px;margin: 0 auto;}
.summary a:hover strong, .basket-info:hover .summary a strong {background: #3c3c3c;}
.basket-summary {background: #4a4949;color: #000;display: none; position: absolute; z-index: 200; padding: 0 1em 1em;left:0; width: 13.333em;margin: 0 auto;}
}

@media only screen and (max-width: 480px) {
.summary a {color: #ffe4ab; background: #0f0f0f;padding: 1.75em 1em 1.5em; display: block; width: 13.333em;position: relative!important;top:0px;margin: 0 auto;}
.summary a:hover strong, .basket-info:hover .summary a strong {background: #3c3c3c;}
.basket-summary {background: #4a4949;color: #000;display: none; position: relative; z-index: 200; padding: 0 1em 1em;left:0; width: 13.333em;margin: 0 auto;}
}

/* Стили для шапки сайта */
header[role="banner"] {position: relative; min-height: 10em; overflow: hidden;z-index: 10;}
header[role="banner"] .hgroup {position: absolute; top: 1em; left: 1em; width: 39.877301%;}
header[role="banner"] h1 {color: #000;font-weight: normal;float: left;}
header[role="banner"] h1 a {height: 127px;width: 150px;display: block;font: normal 26px '';line-height: 20px;color: #000;font-weight: bold;text-align: center;}
header[role="banner"] h2 {color: #8a8a8a;text-transform: uppercase;font-family: "Gotham", "Helvetica Neue", sans-serif;margin: 1em 0 0 1em;font-weight: 200;}

/* Стили для поиска */
form[role="search"] {position: absolute; right: 2em;top: 2.5em;}
form[role="search"] div, header form div {display: block;margin: 0 auto;margin: 0 auto;position: relative;width: 30.5em;height: 2.833em;background: transparent;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;z-index: 20;}
.ie7 form[role="search"] div, header form div {display: block;margin-right: 0;position: relative;width: 30.5em;height: 2.833em;background: transparent;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;z-index: 20;}

/* Прогрессбар на странице оформления заказа */
.progress {position: relative; margin: 0 0 2em 0;}
.progress ol {margin: 0; border-top: 1px solid #d5d5d5; padding: 1em 0; border-bottom: 1px solid #d5d5d5;}
.progress ol li {float: left;margin: 0 1.5em 0 0;width: 14.110429%;list-style-position: inside;position: relative;text-align: center;color: #8a8a8a;}
.progress li.active {color: #404040;}
.progress span {background: none repeat scroll 0 0 #404040;top: 0;display: block;height: 1px;left: 0;position: absolute;text-indent: -9999px;width: 7%;}
.progress.step-2 span {width: 23%}
.progress.step-3 span {width: 39%}
.progress.step-4 span {width: 55%}
.progress li:after {content: " ";height: 8px;width: 8px;background: #d5d5d5;border-radius: 4px;display: block;position: absolute;left: 50%;top: -16px;}
.progress li.active:after,.progress.step-2 li:nth-child(1):after,.progress.step-3 li:nth-child(3):after,.progress.step-3 li:nth-child(1):after,.progress.step-3 li:nth-child(2):after,.progress.step-4 li:nth-child(1):after,.progress.step-4 li:nth-child(2):after,.progress.step-4 li:nth-child(3):after {content: none;}
.progress.shop li.active:after {content: " "; background: #404040;}
.progress li.active a:after, .progress.step-2 li:nth-child(2):after, .progress.step-3 li:nth-child(3):after, .progress.step-4 li:nth-child(4):after {content: " ";background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -528px;width: 16px;height: 17px;position: absolute;right: 42%;top: -25px;text-indent: -999em;}

/* Ленточки на главной странице */
section.newsletter {background: #f15941; margin: 1em 0; padding: 1em 2.5em; height: 1.5em; width: 98%; left: -2%;font: normal 16px 'Lobster'; color: #fff;}
section.newsletter:before {border-top: 1.75em solid transparent;border-bottom: 1.75em solid transparent;border-right: 1.75em solid #f6f6f4;right: 0;}
section.newsletter:after {border-top: 1.75em solid transparent;border-bottom: 1.75em solid transparent;border-left: 1.75em solid #f6f6f4;left: 0;}
section.newsletter:before, section.newsletter:after {content: ""; position: absolute; display: block; bottom: 0; width: 0; height: 0;}
section.newsletter h3 {color: #fff; float: left; line-height: 1; margin-right: 1em;}
section.newsletter h3 b {font-size:1.13em;}
section.newsletter div {margin: 0 auto; width: 95%; text-align: center;}

/* Кнопка ВВЕРХ */
#Go_Top{position: fixed; bottom: 45px; right: 5px; cursor:pointer; display:none;font-size:18px; width: 120px;z-index:100;}
#Go_Top span {position: absolute;font-size: 25px;}
#Go_Top .img_top {display:none;}
@media only screen and (max-width: 480px) {
#Go_Top{position: fixed; bottom: 45px; right: 5px; cursor:pointer; display:none;font-size:18px; width: 50px;z-index:100;}
#Go_Top span {display: none;}
#Go_Top .img_top {display:block;}
}

/* Стили для корректного отображения HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}

html {font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */-ms-text-size-adjust: 100%; /* 2 */}
html,button,input,select,textarea {font-family: sans-serif;}
body {margin: 0;}

a:focus {outline: thin dotted;}
a:active,a:hover {outline: 0;}

h1 {font-size: 2em !important;margin: 0.67em 0;}
h2 {font-size: 1.5em !important;margin: 0.83em 0;}
h3 {font-size: 1.17em !important;margin: 1em 0;}
h4 {font-size: 1.3em !important;margin: 1.33em 0;}
h5 {font-size: 0.83em !important;margin: 1.67em 0;}
h6 {font-size: 0.75em !important;margin: 2.33em 0;}

menu,ol,ul {margin: 1em 0;}
menu,ol,ul {padding: 0 0 0 40px;}
nav ul,nav ol {list-style: none;list-style-image: none;}
img {border: 0; /* 1 */-ms-interpolation-mode: bicubic; /* 2 */}
figure {margin: 0;}
form {margin: 0;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */*margin-left: -7px; /* 3 */}
button,input,select,textarea {font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */}
button,input {line-height: normal; /* 1 */}
button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */}
button[disabled],input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */*width: 13px; /* 3 */}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;background: #fff url('{ASSETS_IMAGES_PATH}search.png') left center no-repeat; padding-left: 33px !important;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto; /* 1 */ vertical-align: top; /* 2 */}
table {border-collapse: collapse;border-spacing: 0;}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; position: relative;}

.rating {margin-bottom: 1em;margin-top: 1em;}
.rating a {padding-top: 5px;text-decoration: underline;}
.rating img {padding-right: 1em;float: left;}
.news article {font-size: 16px; padding: 10px 0px;word-wrap:break-word;}
.news section {font-size: 16px; padding: 10px 0px;border-bottom: 1px solid #D5D5D5;}
.akcii article {font-size: 16px; padding: 10px 0px;}
.clear{clear: both;}

a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
a img {border:0}
figure {position:relative; width: 22%; float: left;}
img {max-width: 100%; height: auto;}
.ie7 .goodsDataOpinionCaptchaImg {max-width: 100px !important; height: auto;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
select, input, textarea, button {font-family: "Helvetica Neue", Helvetica, sans-serif; }

html { overflow-y: scroll; } /* always force a scrollbar in non-IE */
a:hover, a:active { outline: none; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a, a:active, a:visited {color: ;}
a:hover {color: ;}
ul, ol { margin-left: 1em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; } /* Remove margins for navigation lists */
strong, th {font-weight: bold; }
td, td img {vertical-align: top; }
textarea {overflow: auto;}
input[type="text"], input[type="password"] {width: 200px;}
input[type="checkbox"] { vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
input[type="checkbox"].checkbox-solo { vertical-align: middle; margin-right: 0.5em;}
label, input[type=button], input[type=submit], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button { width: auto; overflow: visible; }

.close {font-size: 20px;font-weight: bold;line-height: 20px;color: black;text-shadow: 0 1px 0 white;opacity: 0.2;filter: alpha(opacity=20);}

a:link { -webkit-tap-highlight-color: #beeaf0; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/* Body */
html {-webkit-font-smoothing: antialiased;background: #0f0f0f;}
html.ie8 {background: #f1f1f1;}
body {text-rendering:optimizeLegibility;text-rendering: geometricPrecision; font-size: 75%;line-height: 1.5em;font-family: 'Lato', Calibri, Arial, sans-serif;height: 100%;color: #404040; text-align: left; /* Если нужно заблокировать выделение текста на странице, например для защиты контента -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;*/ }
body.error {background: #f6f6f4; border-top: 0.5em solid #0f0f0f;}
.bg {background: #f6f6f4;}

/* Списки */
ul {margin: 0; list-style-type: none;}

/* Стили для ссылок */
a {color: #777; text-decoration: none;}
a:hover {color: #205F82; text-decoration: none;}
a.more-items, .basket-summary a, a.power, .card-action p.current {background: #13AF17; color: #fff;letter-spacing: 1px;padding: 0.75em 0.5em;text-transform: uppercase;font-weight: bold;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: block;width: 30.578512%;text-align: center;margin: 0 auto;}
a.power {width: auto; display: inline-block;}
a.power.middle, .card-action p.current {display: block; width: 30.578512%;}
a.more-items:hover, .basket-summary a:hover, input[type="submit"]:hover, a.power:hover, button.submit:hover {background: #138F17;}
a.button {display: inline-block}

/* Макет */
.container {margin: 0 auto;width: 90%;position: relative; max-width: 1280px;overflow: visible;}
.one {width: 22.699387%;} /* 222px wide */
section[role="main"] {margin-bottom: 6em;z-index: 10;}
.two-column section[role="main"] {width: 74.233129%; margin-bottom: 3em; float: left;} /* 726px / 978px */
.full-width section[role="main"] {width: 100%;}
section[role="navigation"], .shop aside {float: left;width: 22.699387%;margin-right: 3.0674847%}
.checkout aside {float: right; width: 22.699387%; margin-left: 3.0674847%; }

body.two-column section[role="main"] {float: left;}
body.two-column.item section[role="main"] {width: 65.644172%;} /* 642 / 978 the item page main column is narrower */

.item aside {float: right;width: 31.288344%; /* 306 / 978 */margin-left: 3.0674847%;}

table {border-collapse: collapse; min-width: 100%; margin: 1em 0;position: relative;/*display: block;*/}
thead {width: 100%; }
tr {width: 100%; }
th {text-align: left;}
td {padding: 0.5em; }
tr {padding: 0.5em;}
table th span {font-weight: normal; color: #555555;}

.ie7 .view-switch, .ie8 .view-switch {width: 5em !important; float: right;}
form[role="search"] input[type="search"], input#search-field, .search {vertical-align: middle;-webkit-appearance: textfield;-webkit-box-sizing:content-box;border: none;width: 81% !important;height: 2.429em;font-size: 1.167em;color: #8a8a8a;position: absolute;z-index: 1;padding: 0 0.417em;margin: 0;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);}
.ie7 form[role="search"] input[type="search"], .ie7 input#search-field, .ie8 form[role="search"] input[type="search"], .ie8 input#search-field {padding-top: 0.75em; height: 1.667em;}
.ie7 .search {width: 300px;padding-top: 7px; height:28px;}
.ie8 .search {padding-top: 10px;height: 1.7em;}
form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 0;z-index: 2;height: 2.833em;background: #404040;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}
.ie7 input#search-submit {overflow: auto; width: 88px;}
form[role="search"] input[type="submit"]:hover, input#search-submit:hover {background-color: #505050;}


/*main sections navigation */
.sections {font-family: "Helvetica Neue", Arial, sans-serif;position: relative;overflow: visible;margin-bottom: 1.5em;}

/* default style */
.sections ul a, .sections h1 a {background: #fff url("{ASSETS_IMAGES_PATH}arrow-right.png") 98% 54% no-repeat;border: 1px solid #d5d5d5;color: #464646;display: block;font-size: 0.9em;line-height: 1;margin: -1px 0 0 0;overflow: hidden;padding: 1.25em 0 1em;position: relative;text-align: left;text-indent: 10px;text-transform: uppercase;white-space: nowrap;}

.sections h1 {font-size: 1em; margin-left: -1px; letter-spacing: normal; width: 99.5%; padding: 0;}
.sections h1 a {font-size: 1em; width: 100%;}

@-moz-document url-prefix() {.sections ul a {padding-bottom: 1.2em}} /* this really annoyed me */

.sections a:hover, .sections li a:hover, .sections h1:hover, nav[role="navigation"] a.active {text-decoration: none; color: #000; background: #fff url("{ASSETS_IMAGES_PATH}arrow-right-dark.png") 98% 54% no-repeat;}

.ie6 nav.sections li, .ie7 nav.sections li {display: inline;}

/* Expanded menu */
div.menu {position: absolute;display: none;left: 0;top: 0;z-index: 100;background: #fff;box-shadow: 1px 0px 1px rgba(0,0,0,0.1);-webkit-box-shadow: 1px 0px 1px rgba(0,0,0,0.1);-moz-box-shadow: 1px 0px 1px rgba(0,0,0,0.1);width: 100%;top: 233px;}


/* 810 and up - anything less and we don't show the drop down category navigation */
@media screen and (min-width:810px){
.menu div.content {width: auto;padding: 1em 2em 2em;overflow: hidden;float: none;display: block;border-top: none;margin: 0;background: #fff;}
div.menu-expanded {display: block;}
.ie7 .menu div.content {}
div.menu .promoted, div.menu nav {float: left;}
div.menu nav, div.menu .promoted {margin: 0;width: 14.075%; margin-left: 2.58064516%;}
div.menu div.content nav:nth-child(1) {margin-left: none;}
div.menu .promoted {border-right: 1px solid #ddd;padding-right: 2.473118%;margin-left: 0;text-align: left;}
div.menu .promoted h4 {color: #d35d3b;}
div.menu nav ul {margin: 0.5em 0;}
div.menu nav ul li {margin-bottom: 0.25em;}
div.menu nav ul li a {color: #858585;}
div.menu nav ul li a:hover {color: #404040;}
div.menu nav ul + a {color: #000;}
div.menu nav h4, div.menu nav h4 a {font-weight: bold; color: #000;}
div.menu nav ul + a:hover, div.menu nav h4 a:hover {color: #4083A9;}
}

/* Section headers */
section header {margin-bottom: 1em; overflow: hidden;}
section header h2 {text-align: left;}
section header h2 span, section header h1, .shop section header h1 span, .basket section header h1 span, .tandem h1 span {color: #8a8a8a;z-index: 15;}
section header h1 span, .item section header h1, .account section header h1, .shop section header h1, .basket section header h1, .error section h1 {color: #000;}

.home section.featured h2 {border-top: 1px solid #d5d5d5;padding-top: 3.0674847%;}

/* Section headers on two column layouts */
.two-column section header, .checkout .shop-basket header, .basket section header, .selling section header, .account section header {margin-bottom: 1.5em;}
.two-column section header h2, .checkout .shop-basket header h2, .checkout header h2, .account section header h2 {text-align: left;}

/* Section header links */
.home section header a {float: left; /*margin-top: -1.667em*/}
.home section.featured header a {}
.home section.supplies header a {padding: 0; background: none; color: #ffe4ab;}
.home section header h2 + a {float: right; padding:0; background: none;}

/* Section header for Pinterest themes */
.home section header a.shop-name, .home section header .pinterest-promo a {float: none; margin: 0;}
.home section header.featured-collection h2 {width: 40%; margin: 0 auto;}
.home section header.featured-collection h2 span.credit {color: #404040; white-space: nowrap;}
.home section header .pinterest-promo {}

.home section[role="main"] header:first-child {overflow: visible;}
.home section header .pinterest-promo a {}
.home section header .pinterest-promo a {float: left; margin-top: -1.667em;}
.home section header .pinterest-promo a.pinterest-theme {color: #8A8A8A;float: right;font-size: 0.75em;text-align: center;margin-top: -3.5em;}
.home section header .pinterest-promo a.pinterest-theme img {display: block;}

/* header for the category list and gallery controls */
.two-column header.controls {padding: 1em; background: #f1f1f0; margin-bottom: 0em;}
.two-column header.controls + hr + ul.gallery, .two-column header.controls + ul.gallery {margin-top: 2em;}

section.summary section.feedback header a {float: none; margin: 0.583em 0 0 0.5em;}
section.summary header p {float: right;}

section[role="main"] header nav {float: right; overflow: hidden; margin-top: 0.333em}
section[role="main"] header nav li, ul.slide-controls li {float: left;}
section[role="main"] header nav a, ul.slide-controls li a {margin: 0; display: block; text-indent: -999em; height: 16px; width: 16px; background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -144px;}
section[role="main"] header nav li:first-child a, ul.slide-controls li:first-child a {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -120px;}
section[role="main"] header nav a.disabled, ul.slide-controls li a.disabled {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -1400px;}
section[role="main"] header nav li:first-child a.disabled, ul.slide-controls li:first-child a.disabled {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -1376px;}

/* Separating the sections in the account pages */
section.summary {margin-bottom: 2em;}

/* Selling page */

.card {background: #fff;border-radius: 8px 0 0 8px;float: left;padding: 2em 2em 1.5em;position: relative;text-align: center;width: 40%;border: 1px solid #d5d5d5;background-image: linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -o-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -moz-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -webkit-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -ms-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);}
.card-center, .upgrade-message {border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.5);margin-top: -1em;position: relative;width: 48%;z-index: 2;border: none;background: #eff5f7;background-image: linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -o-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -moz-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -webkit-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -ms-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);}
.card-center {min-height: 27em;}
.card h3 {font-size: 6em;font-weight: bold;-moz-box-orient: vertical;display: inline-block;line-height: 1em;margin: 55px 0 0 0;position: relative;vertical-align: middle;z-index: 1;}
.card h3 sup {font-size: 0.333em;font-weight: normal;left: -22px;position: absolute;top: -0.5em;}
.card-center h3 {font-size: 8em;}
.card-center h3 {font-size: 8em;}
.card span.badge {background: url("{ASSETS_IMAGES_PATH}badge-f.png") no-repeat center center;display: block;height: 70px;width: 60px;text-indent: -999em;position: absolute;top: 1em;left: 44%;z-index: 2;}
.card.card-center span.badge {background: url("{ASSETS_IMAGES_PATH}badge-green-f.png") no-repeat center center;}
.card p, .plan-info ul li span, .card strike {color: #8a8a8a;}
.card h4 {text-transform: uppercase;font-weight: bold;letter-spacing: 1px;border-top: 1px solid #d5d5d5;position: relative;text-align: center;}
.card h4 span {background: #fff; padding: 0.5em 1em; position: relative; top: -0.75em; text-align: center;}
.card-center h4 span {background: #FCFCF2}

.card-action {clear: both;}
.card-action a.power, .card-action p.current {border-radius: 4px;}
.card.payg .card-action a.power {background: #f15941;}
.card.payg .card-action a.power:hover {background: #C64032;}
.card-action p.current {background: #ccc; width: 50%;}
.card-action p.current.coming-soon {background: #b2c248;}

/* Selling page */
.card {background: #fff;border-radius: 8px 0 0 8px;float: left;padding: 2em 2em 1.5em;position: relative;text-align: center;width: 380px;border: 1px solid #d5d5d5;background-image: linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -o-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -moz-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -webkit-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -ms-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);}
.card-center, .upgrade-message.card {border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.5);margin-top: -1em;position: relative;width: 470px;z-index: 2;border: none;background: #FCFCF2;background-image: linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -o-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -moz-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -webkit-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -ms-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);}
.card h3 {font-size: 6em;font-weight: bold;-moz-box-orient: vertical;display: inline-block;line-height: 1em;margin: 55px 0 0 0;position: relative;vertical-align: middle;z-index: 1;}
.card h3 sup {font-size: 0.333em;font-weight: normal;left: -22px;position: absolute;top: -0.5em;}
.card-center h3 {font-size: 8em;}
.card-center h3 {font-size: 8em;}
.card span.badge {background: url("{ASSETS_IMAGES_PATH}badge-f.png") no-repeat center center;display: block;height: 70px;width: 60px;text-indent: -999em;position: absolute;top: 1em;left: 44%;z-index: 2;}
.card.card-center span.badge {background: url("{ASSETS_IMAGES_PATH}badge-green-f.png") no-repeat center center;}
.card p, .plan-info ul li span {color: #8a8a8a;}
.card h4 {text-transform: uppercase;font-weight: bold;letter-spacing: 1px;border-top: 1px solid #d5d5d5;position: relative;text-align: center;}

ul.item-list li p.featured-seller {margin-top: 0.25em;}

.biog h4 .badge {font-size: 9px; line-height: 16px;}

.sort-list {float: left; width: 100%; margin-top: 0.25em;}
.sort-list p {float: left; font-weight: bold; margin: 0 1em 0 0;}

ul.item-list {overflow: hidden; margin-bottom: 1.5em;}

ul.item-list li {display: block; border-top: 1px solid #d5d5d5; padding: 1em 0; overflow: hidden; line-height: 1; position: relative;}
ul.item-list li a.preview {display: block; float: left; width: 11.570248%; margin-right: 4.1322314%; line-height: 0;}
.search ul.item-list li a.preview {width: 8.5889571%}
ul.item-list li:last-child {border-bottom: 1px solid #d5d5d5;}
ul.item-list li a img {opacity: 1;} ul.item-list li a:hover img {opacity: 0.9;}
ul.item-list .item-detail {float: left; width: 55.15427%; margin-right: 2.1322314%; margin-left: 2.1322314%}
ul.item-list .item-detail p a {color: #8a8a8a;}
ul.item-list .item-meta {float: left; width: 18.578512%; /*margin-right: 4.1322314%;*/}
ul.item-list .item-meta .quantity {float: left; width: 50%;}
ul.item-list .item-meta .list-time {}
ul.item-list .item-detail p a {color: #8a8a8a;}
ul.item-list .item-detail p a:hover {color: #040404;}
ul.item-list strong {/*float: right;*/ text-align: right;}

.items .item-detail {float: left; width: 55.15427%; margin-right: 2.1322314%; margin-left: 2.1322314%}
.items .item-detail p a {color: #8a8a8a;}

.items .item-meta {float: left; width: 18.578512%; /*margin-right: 4.1322314%;*/}
.items .item-meta .quantity {float: left; width: 50%;}
.items .item-meta .list-time {}
.items .item-detail p a {color: #8a8a8a;}
.items .item-detail p a:hover {color: #040404;}

/* Other Lists
----------------------------------------------------------------*/

/* Хлебные крошки на странице товара */
.breadcrumb {color: #8a8a8a; border-bottom: 1px solid #d5d5d5; margin-bottom: 1.5em; overflow: hidden; clear: both; border: solid 1px #000; margin-bottom: 10px;}
.breadcrumb span {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -168px; text-indent: -999em; height: 8px; width: 8px; margin: 0 0.333em;display:inline-block;position: relative;top: -1px;vertical-align: middle;}
@-moz-document url-prefix(), .ie .breadcrumb span {.breadcrumb span {position: relative; top: 5px; vertical-align: middle;}}
.ie .breadcrumb span {vertical-align: middle;}
.breadcrumb a {display: inline-block;}
.breadcrumb {border: none; margin: 1em 0; z-index: 10; position: relative;text-align: justify;}
.breadcrumb a:first-child {background: url("{ASSETS_IMAGES_PATH}pin.png") no-repeat 0 0; padding-left: 2em;}

aside h3 + p, aside h4 + p {color: #8a8a8a;}

.message, .errorExplanation, .share-prompt {position:relative;padding: 1em 1em 1em 3em;background: #fcf8e3 url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -820px;border: 1px solid #fbeed5;margin: 1em auto 1em auto;clear: both;color: #a07936;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.message.warning, table td p.error {color: #a11903; background: #fcf8e3 url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -899px;} /* red colour */
.message.success-msg {background: #e3fce5 url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -369px;border: 1px solid #dbfbd5;} /* Check graphic */
.message.restricted {background: #fcf8e3 url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -860px;}
.message p, .share-prompt p {margin: 0;}
.message.error-notice, .errorExplanation, .message.preview, .message.plain, .share-prompt {color: #a11903;background: #fdeeeb url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -820px;border: 1px solid #fbd8d5;}
.message.notice {background-image: none;padding-left: 1.5em;background-color: #D9EDF7;border-color: #BCE8F1;color: #3A87AD;}
.message.notice.plain {color: #444;}
.message h4, .message p a {color: inherit; font-weight: bold;} .message p a:hover {color: #205F82;}
.message h4, .message strong, .message strong span, .message.plain strong span {color: #404040;}
.message.error-notice h2, .errorExplanation h2 {background: #fcf8e3 url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -1295px; padding: 0.167em 0 0.167em 1.25em;}
.message.error-notice ul, errorExplanation ul {margin: 1em 0 0 0;}
.message.error-notice ul li, .errorExplanation ul li {margin: 0 0 0.5em 0;}
.message.preview p, .message.plain {color: #a07936;}
.message.plain span {color: #8a8a8a;}
.message h4, .message.plain h4 span {color: #444;}
.message.basket-notice span {color: #a11903;} /* red colour */
.message.basket-notice p {margin-bottom: 1em;}
.message.basket-notice h4 {font-weight: bold; margin-bottom: 1em; background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -832px; padding-left: 1.5em;}

.share-prompt {border: 1px solid #e6e6dc; color: #404040}
.message .remove, .share-prompt .remove {position: absolute; right: 1em; top: 1em; background: transparent url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -1421px; padding-left: 2.5em;}
.share-prompt .remove {top: 1.25em; right: 1.5em;}

.message .remove.icon {text-indent: -999em; height: 16px; width: 16px; right: 1em; padding: 0; background: transparent url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -1421px;}

.order-message {padding: 0.5em;background: #fcf8e3;border: 1px solid #fbeed5;margin: 1em 0;color: #a11903;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

.message-tag, fieldset.inline span.message-tag, .message.plain span.message-tag {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #fff;text-transform: uppercase;display: inline-block;font-size: 9px;line-height: 9px;margin-right: 5px;font-weight: bold;background: #3A87AD;padding: 4px 5px;vertical-align: top;text-shadow: none;}

figure img {display: block;}
figcaption {font-style: italic;}
figure ul {background: #fff;overflow: hidden;padding: 1em;margin: 1em 0 2em 0;}
figure ul li {width: 9.7087379%;float: left;margin: 0 1%;}
figure ul li:first-child {/*margin-left: 0;*/}
figure ul li a {display: block; line-height: 1;}
figure ul li:hover {cursor: pointer;}

figure.main-image div {position: relative; background: #f2f2f0; text-align: center;width: 100%;overflow: hidden;}
figure.main-image div img {display: inline-block;vertical-align: middle;}

.item aside header {overflow: hidden;}
.item aside header h1 {float: left;}
.item aside header h1 span {/*font-size: 0.5em; margin-left: 0.5em;*/ display: inline-block; letter-spacing: 0; color: #888888;}
.item aside header h1 + p {float: left; color: #858585; margin: 1.167em 0 0 1.5em;}

.buy-item {clear: both; overflow: hidden; margin-bottom: 1em;}
.buy-item .quantity {text-align: right;width: 30px;padding-right: 5px;display: inline-block;margin: 0 0.1em 0 0;vertical-align: top;}
.buy-item button {width: auto;overflow: visible;vertical-align: top;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
.ie8 .buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin-left: 35px;border: none;0margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
.ie7 .buy-item button {padding: 0.714em 0.5em 0.714em 2.5em;}
.buy-item button:hover {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #404040;}
.buy-item button[disabled="disabled"] {background: #a20303; cursor: default; padding: 0.714em 1em; text-align: center;}
.buy-item button[disabled="disabled"].unavailable, input[type="submit"][disabled="disabled"], input[type="submit"][disabled="disabled"]:hover {background: #13AF13; color: #404040; text-shadow: 0px 1px 0px rgba(255,255,255,0.5); border: none;}
.quick-buy-item {padding:1em 0 0 0;}

.item section[role="main"] section {overflow: hidden;}
.item .item-details h3, .item section[role="main"] section h3 {margin-bottom: 0.5em;}
.item .description {margin-right: 4.672892%;}
.item .description, .item .inspiration {width: 47.663551%; float: left;} /* if inspiration content is used */
.item .inspiration p {color: #858585;}

/* if only using description */
.item .description-only {/*width: 73.831776%;*/}


/* Sold */
section.unavailable {margin-bottom: 2em; border: 1px solid #e6e6dc; padding: 1em; background: #ffffe5; clear: both;}

.ie7 section.unavailable, .ie8 section.unavailable {display: inline-block;}

section.unavailable header p {}
section.unavailable header h1 {color: #a20303; font-size: 1.5em;}
section.unavailable header {float: left; width: 32.142857%; margin: 0 6.4417178% 0 0;}
section.unavailable.sold-out {min-height: 100px;}
section.unavailable.sold-out header {margin: 0 6.4417178%;}
section.unavailable.empty header {width: 100%; margin-top: 1em;}
.unavailable span.sold {display: block;height: 102px;width: 50px;background: url("{ASSETS_IMAGES_PATH}sold-banner.png") no-repeat 0 0;text-indent: -999em;position: absolute;top: 1.25em;left: -11px;}
section.unavailable.empty span {top: 0;}
.unavailable header ul {margin: 1em 0 0 0;}


table.basket, table.block {border: 1px solid #d5d5d5; background: #fff;}
table.basket th, table.block th {background: #F4F3F2; padding: 0.583em;}
table.block td {vertical-align: middle;}
table.basket th, table.basket td {padding: 0.5em;}
table td div.item-image {float: left; margin: 0 1.5em;}
table td div.item-description {float: left;}
table td div.item-description ul.order-meta {margin: 1em 0;}
table td div.item-description ul li {color: #8a8a8a; margin-right: 2em;}
table td div.item-description ul li span {display: block;}

.order-summary {background: #fcf8e3; border: 1px solid #d5d5d5; margin: 0; border-bottom: none; padding: 0.75em 0.5em; overflow: hidden;}
.order-summary span {display: inline-block; margin: 0 2em 0 0; }
.order-summary ul, .order-summary div {float: left; margin-right: 1em;}
.order-summary ul li {float: left; margin-left: 1em;}
.order-summary ul li:last-child a {margin-top: 0; display: inline-block;}
.order-summary + table.block {margin-top: 0;}
.order-summary strong.total {color: #000;}
.order-summary strong span {font-weight: normal; color: #8a8a8a; display: inline-block; margin-left: 0.25em;}
.order-summary .order-buyer {display: inline-block; margin-left: 0.5em;}

table.basket input[type="submit"], table.block input[type="submit"] {display: inline-block;}
table.basket input[type="text"], table.block input[type="text"] {margin-right: 1em;}

.checkout section.order-summary header {margin: 1em 0 0 0; padding-top: 1em; border-top: 1px solid #d5d5d5;}
.checkout section.order-summary header h3 {font-weight: bold;}
.checkout .shop-basket:nth-child(1n+2) {margin-top: 2em;}
.checkout .shop-basket header {margin: 0;}
.checkout .shop-basket th.order-total form, .checkout th.order-total span, .account .shop-basket th.order-total form, .account th.order-total span {display: inline-block;}
.checkout .shop-basket th.order-total input[type="submit"] {margin: 0;}
.checkout th.order-total span, .account th.order-total span {position: relative; margin-right: 1em; color: #000;}
.checkout input[size="30"] {width: 40%;}
.checkout aside.upsell input[size="30"] {width: auto;}

.global {background: #000;padding: 10px}
/* Form */

label, div.label {display: block;font-weight: bold;line-height: 24px;}
.form-list label {padding-top: 0.5em;}

label em, label span, span.required {font-weight: normal; color: #8a8a8a; display: inline-block;}
label.checkbox, label.radio, .radio-list label {font-weight: normal; color: #111;}

div.label label { display: inline;}
label.checkbox + p, input + p, textarea + p, form ul + p, p.status_message + p {color: #8a8a8a;} /* often paragraphs following checkboxes are advisory notes */

input, select {font-size: 100%;height: 25px; text-align: left; margin-right: 10px;}
textarea {padding: 0.5em;font-size: 100%; text-align: left; padding: 3px; margin-right: 10px;width:60%}

select {padding: 0.25em;float: left;}

input[type="file"] {padding: 0;}

input[type="checkbox"], input[type="radio"] {border: medium none;height: auto;line-height: normal;margin: 0.2em 0.5em 0.25em 0;padding: 0;width: auto;float: left;}
.ie7 input[type="radio"] {height: 13px;}
input[type="radio"] {vertical-align: top; margin: 5px 10px;}

.back-link{height: 20px;}
.back-link a {color: #999;text-decoration:underline;letter-spacing: 1px;padding: 0.6em;text-transform: uppercase;font-weight: bold;line-height: 1;display: block;float: left;text-align: center;margin-right: 10px;}
.back-link a:hover {}

input[type="submit"], button.submit,input[type="reset"] {background: #13AF17;color: #fff;letter-spacing: 1px;padding: 0.6em;text-transform: uppercase;font-weight: bold;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: block;text-align: center;border: none;}
input[type="submit"].space {margin-top: 1em;}

textarea, .input-list {box-shadow: rgba(0,0,0, 0.3) 0px 1px 1px inset;-moz-box-shadow: rgba(0,0,0, 0.3) 0px 1px 1px inset;-webkit-box-shadow: rgba(0,0,0, 0.3) 0px 1px 1px inset;border: 1px solid #c3c3c3;border-bottom: 1px solid #ddd;border-top: 1px solid #7c7c7c;}

fieldset h3 {border-top: 1px solid #d5d5d5; padding: 1em 0 0 0; margin: 1em 0 0.75em;}

table td input, .account table td input, .radio-list label, .account form.sort-select {margin: 0; }
table td label.checkbox input {margin: 0.25em 0.25em 0.25em 0;}
table td label.checkbox {}

/* Container for form actions - usually a primary and secondary submit */

form .actions, .message.preview form {overflow: hidden; margin: 1em 0; border-bottom: 1px solid #d5d5d5; padding-bottom: 1em;}
form .actions input[type="submit"], form .actions a, .message.preview form input[type="submit"], .message.preview form a, form .actions span, .actions button.submit {float: left; margin: 0 1em 0 0;}
form .actions a, .message.preview form a, form .actions span, .overlay-content .actions a {display: inline-block; margin-top: 0.417em;}
form .actions a.button {margin-top: 0;}
form .actions.no-divide {border: none; padding: 0; margin-bottom: 0;}

input[type="submit"].secondary, td ul.action li a, a.button, .item aside .admin label.checkbox, ul.gallery li a.secondary, button.secondary, .favourite {-webkit-appearance: none;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;background: #e5e5e5;background: -moz-linear-gradient(top center, white 0%, #e5e5e5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e5e5e5));border: 1px solid;color: #444;font-size: 1em;font-weight: normal;padding: 0.25em 0.5em;text-shadow: white 0 1px 1px;width: auto;border-color: #eee #ccc #aaa;text-transform: none; letter-spacing: 0;line-height: 1.5;}
input[type="submit"].secondary:hover, ul.action li a:hover, a.button:hover, .item aside .admin label.checkbox:hover, ul.gallery li a.secondary:hover, button.secondary:hover {background: #ebebeb;background: -moz-linear-gradient(center top , #fbfbfb, #ebebeb) repeat scroll 0 0 transparent;background: -webkit-gradient(linear, center top, center bottom, from(#fbfbfb), to(#ebebeb));color: #000;}
input[type="submit"].secondary.super {color: #000;font-weight: bold;background: #a8d1df;background: -moz-linear-gradient(center top , #e6f3f8, #a8d1df) repeat scroll 0 0 transparent;background: -webkit-gradient(linear, center top, center bottom, from(#e6f3f8), to(#a8d1df));border-color: #d3dee3 #b3c6ce #95a8b0;}
input[type="submit"].secondary.super:hover {background: #9ec7d5;background: -moz-linear-gradient(center top , #dcebf0, #9ec7d5) repeat scroll 0 0 transparent;background: -webkit-gradient(linear, center top, center bottom, from(#dcebf0), to(#9ec7d5));border-color: #cbd7dd #b3c6ce #95a8b0;}

/* favourite item */
.favourite, .item aside .admin label.checkbox {background: #e5e5e5;background-image: url("{ASSETS_IMAGES_PATH}icons.png");background-position: 6px -474px;background-repeat: no-repeat;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, -moz-linear-gradient(top center, white 0%, #e5e5e5 100%);background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e5e5e5));background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, -ms-linear-gradient(top, #ffffff, #e5e5e5);background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, linear-gradient(top, #ffffff, #e5e5e5);padding: 5px 6px 5px 26px;display: inline-block;margin-top: 0.333em;}

.buy-item a:hover, .favourite:hover {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, -moz-linear-gradient(0% 100% 90deg, #ebebeb, #fbfbfb); /*background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px,*/ -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#ebebeb));background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, -ms-linear-gradient(top, #fbfbfb, #ebebeb);background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, linear-gradient(top, #fbfbfb, #ebebeb);color: #000;}

.item aside .admin label.checkbox {background: url("{ASSETS_IMAGES_PATH}colour-wheel-open.png") no-repeat 6px 5px, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#f4f4f4)); background: url("{ASSETS_IMAGES_PATH}colour-wheel-open.png") no-repeat 6px 5px, -moz-linear-gradient(0% 100% 90deg, #f4f4f4, #fbfbfb); padding-right: 1em; margin-bottom: 1em;}
.item aside .admin label.checkbox:hover {background: url("{ASSETS_IMAGES_PATH}colour-wheel-open.png") no-repeat 6px 5px, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#ebebeb)); background: url("{ASSETS_IMAGES_PATH}colour-wheel-open.png") no-repeat 6px 5px, -moz-linear-gradient(0% 100% 90deg, #ebebeb, #fbfbfb);}


#list-item input[type="text"], .login input[type="text"], .login input[type="password"], .account input[size="30"] {width: 70%;}
#list-item table td input[type="text"] {width: 30%;}

.input-list {background: #fff;padding: 0.5em;overflow: hidden; margin-bottom: 1em; width: 70%;}
.input-list li, .item aside .admin ul li, ul.tag li {float: left;position: relative;margin-right: 0.5em;background: #E9E9E9;display: block;line-height: 20px;padding: 0.25em 2em 0.25em 0.5em;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.input-list li.user-created {background: #e0ecee; }
.input-list li a, .item aside .admin ul li a, nav.tag ul li a[title="remove"] {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -1288px;text-indent: -999em;display: inline-block;height: 8px;width: 8px;position: absolute;right: 8px;top: 9px;}
.ie7 .input-list li a, .ie8 .input-list li a {zoom: 1; float: left; z-index: 100;}
.input-list li input {border: 0; background: none; margin: 0; padding-left: 0;}
.input-list li.add-item {background: none; padding: 0; display: block;}

fieldset ol, form ol, fieldset ol li, form ol li {list-style-type: none; margin: 0;}
.inline-error {border: 2px solid #ff1e00; }
input.inline-error, textarea.inline-error {background-color: #fefef0;}
p.error_message.status_message {color: #ff1e00;padding-left: 1.5em;background: url("{ASSETS_IMAGES_PATH}red-cross.png") no-repeat 0 2px;text-indent: 0;width: auto;height: auto;float: none;display: block;margin: 0 0 1em 0;}
p.status_message {display: none;}

.status h4 {margin: 0.5em 0}
strong.featured {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -313px; padding-left: 1.75em; font-weight: normal;}

.section-list {overflow: hidden;}
.section-list li {margin: 0 0.5em 0.5em 0;}
.section-list li:after {content: ","}
.section-list li:last-child:after, .section-list li:first-child:after {content: ""}

#shop_section_items tr td img {margin-right: 0.5em;}
#shop_section_items tr td select {vertical-align: middle;}

span.in_progress {background: url('{ASSETS_IMAGES_PATH}loading.gif') no-repeat 0 50%;height: 16px;width: 16px;margin: 0 0 0 0.5em;padding: 0;vertical-align: middle;display: inline-block;text-indent: -999em;}
span.in_progress.hidden {visibility: hidden;}


footer {clear: both;background: #0f0f0f;overflow: hidden;padding: 1.5em 0;color: #e6e4da;width: 100%;}
footer section {width: 17.546012%; float: left; margin: 0 0 2em 3.0674847%;}
footer section:first-child {margin-left: 0;}
footer h4 {color: #e6e4da; letter-spacing: 0; font-weight: bold;}
footer a {color: #d5d5d5;}
footer a:hover {color: #fff;}

.networks {border-top: 1px solid #404041;padding-top: 2em;clear: both;}

.clearfix:after, section.unavailable:after, .progress ol:after, .share-prompt .share:after, .share-prompt:after, ul.share:after, .selling-intro .options:after {visibility: hidden;display: block;font-size: 0;content: " "; clear: both;height: 0;}
.clearfix, section.unavailable, .progress ol, .share-prompt .share, .share-prompt, ul.share, .selling-intro .options { /*display: inline-block;*/ }

* html .clearfix, * html section.unavailable, * html .progress ol, * html .share-prompt .share, * html .share-prompt, * html ul.share, * .selling-intro .options { height: 1%; }

@media screen and (min-width: 860px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}
@media screen and (max-width: 480px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}
/* 1020px и больше*/
@media screen and (min-width: 1200px) {
}

@media screen and (max-width: 860px) {
a.more-items, a.power.middle, .card-action p.current {width: 50%;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
section.newsletter h3 {font-size: 1em; margin-top: 3px;}
section.newsletter form input[type="email"] {width: 14em;}
}

@media only screen and (max-width: 768px) {
body {background: #F6F6F4;}
header[role="banner"] .hgroup {position: relative; width: 100%; top: 0; left: 0; margin: 1.5em 0 1em 0; overflow: hidden;}
header[role="banner"] form {position: relative; top: 0; left: 0; clear: both;}
header[role="banner"] {margin-bottom: 2em; overflow: visible;}

section.global {height: auto;}
section.global ul {float: none; margin-bottom: 0.5em;}
section.global ul.user-info {position: relative; left: 0;}

a.more-items, a.power.middle, .card-action p.current {width: 50%;} ul.item-list .item-meta {margin: 0;}
.home section[role="main"] {clear: both;}
.facet-header a {clear: left; display: block; margin: 0.167em 0; padding-left: 0; float: none;}
.sort-list p {float: none; margin: 0;}
.item aside article header {padding: 1.5em;}
.basket td.item-image, .basket td.item-description {float: none;}
.message, .message.warning, message.holiday {background-image: none; padding-left: 3em;}

footer .networks .newsletter, footer .networks .newsletter form {display: block; float: none; margin-bottom: 1em;}
.networks li:nth-child(2) {margin-left: 0;}

section.newsletter {width: auto; text-align: left; padding: 1em; left: auto; height: auto; overflow: hidden;}
section.newsletter div {text-align: left; width: 100%; overflow: hidden;}
section.newsletter h3 {float: none; margin-bottom: 1em;}
section.newsletter:before, section.newsletter:after, .chevron:before, .chevron:after {display: none;}
.home .activity .chevron ul.gallery-strip {margin: 0;}
section.total div.actions p {float: none;position: absolute;width: 60%;left: 0;top: -0.5em;}
header p.short-note {text-align: left; margin: 0;}
.card-center {width: 44%;}
.item aside .share li, section.total .advice div {float: none; margin: 0 0 0.5em 0; width: auto;}
}

@media only screen and (max-width: 480px) {
body {background: #F6F6F4;}
section.global {height: auto; overflow: hidden}
section.global ul {float: none; margin-bottom: 0.5em;}
header[role="banner"] .hgroup {position: relative; width: 100%; top: 0; left: 0; margin: 1.5em 0 1em 0; overflow: hidden;}
header[role="banner"] .hgroup h2 {font-size: 1.25em; margin-top: 1.5em;}
header[role="banner"] form {position: relative; top: 0; left: 0; clear: both;}
.ie8 header[role="banner"] form {margin-bottom: 2em;}
header[role="banner"] {margin-bottom: 2em; overflow: visible;}
.sections h1 {margin-left: 0px; width: 99.5%;}
input[type="submit"] {-webkit-appearance:none; -webkit-border-radius:0px;}
input[type="search"] {-moz-appearance:none; -webkit-appearance:none; -webkit-border-radius:0px;}
form[role="search"] div {width: 100%;}
.home section header a {display: block; float: none; margin: 0;}
footer section {width: 50%;}
body.two-column section[role="main"], section.sign-in, section.new-customer {clear: both; float: none; width: 100%;}
footer section {width: 45%; margin: 0 5% 1em 0;}
footer section:nth-child(2n) {margin-right: 0;}
footer section:nth-child(5) {clear: both; width: 100%; border-top: 1px solid #404041; padding-top: 2em; margin-top: 1em;}
footer ul.networks {text-align: left;}
footer ul.networks li:nth-child(3) {margin-left: 0;}
footer ul.networks li {float: left; margin-bottom: 0.5em;}
body.two-column.item section[role="main"] {float: none; width: 100%; margin-bottom: 1em}
.item aside, .selling-intro div {float: none; width: 100%; margin: 0;}
.item aside article header {padding: 0;}
.item aside article header {padding: 1.5em;}
.item aside article header h4 + a {width: 22.2222%; float: right; position: relative; margin: 0 2% 0 0; top: -1.5em;}
.item aside .share li {float: left; margin: 0 1em 0 0; word-break: 80px;}
table td div.item-image {float: left; margin: 0;}
}

@media only screen and (max-width: 700px) {
body.two-column section[role="main"], section.sign-in, section.new-customer {clear: both; float: none; width: 100%;}
body.two-column.item section[role="main"] {float: none; width: 100%; margin-bottom: 1em}
.item aside, .selling-intro div {float: none; width: 100%; margin: 0;}
.item aside article header {padding: 0;}
.item aside article header {padding: 1.5em;}
.item aside article header h4 + a {width: 22.2222%; float: right; position: relative; margin: 0 2% 0 0; top: -1.5em;}
.item aside .share li {float: left; margin: 0 1em 0 0; word-break: 80px;}

}

/* Каталог навигации по категориям на странице списка товаров */
.content_catalog_nested_categories li {
text-align:center;
display: inline-block;
overflow:hidden;
vertical-align: middle;
padding:1em;
margin:0px;
list-style-type:none;
background:none !important;
}

/* Таблица оформления заказа, отображение выбора способа оплаты */
.orderStagePaymentListTable .ceill1 {width:1%;}
.orderStagePaymentListTable .cell2 {width:99%;}

.ui-datepicker {
display: none;
}

[sengun]

Вот участок кода, где встречается .bg

/* Body */
html {-webkit-font-smoothing: antialiased;background: #0f0f0f;}
html.ie8 {background: #f1f1f1;}
body {text-rendering:optimizeLegibility;text-rendering: geometricPrecision; font-size: 75%;line-height: 1.5em;font-family: 'Lato', Calibri, Arial, sans-serif;height: 100%;color: #404040; text-align: left; /* Если нужно заблокировать выделение текста на странице, например для защиты контента -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;*/ }
body.error {background: #f6f6f4; border-top: 0.5em solid #0f0f0f;}
.bg {background: #f6f6f4;}
/* Списки */

Можно пользоваться поиском. При нажатии ctrl+f в правом верхнем углу появляется поле для ввода текста, который сразу отобразится на экране, если он встречается на странице.

[toconsole]

sengun (11 Июль 2013 - 21:28) писал:

Вот участок кода, где встречается .bg

/* Body */
html {-webkit-font-smoothing: antialiased;background: #0f0f0f;}
html.ie8 {background: #f1f1f1;}
body {text-rendering:optimizeLegibility;text-rendering: geometricPrecision; font-size: 75%;line-height: 1.5em;font-family: 'Lato', Calibri, Arial, sans-serif;height: 100%;color: #404040; text-align: left; /* Если нужно заблокировать выделение текста на странице, например для защиты контента -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;*/ }
body.error {background: #f6f6f4; border-top: 0.5em solid #0f0f0f;}
.bg {background: #f6f6f4;}
/* Списки */

Можно пользоваться поиском. При нажатии ctrl+f в правом верхнем углу появляется поле для ввода текста, который сразу отобразится на экране, если он встречается на странице.

поиск не находит почему то, я на опере

[Vaccina]

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

[CrazyCat]

Добрый день!
В файле main.css найдите строчку

figure.main-image div {position: relative; background: #f2f2f0; text-align: center;width: 100%;overflow: hidden;}

background: #f2f2f0; как раз отвечает за цвет этого поля.

В шаблоне Сайт-Редактор шаблонов-Товар найдите строчку

<div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div>

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

<div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Выполним за 2 дня</div>

[CrazyCat]

В шаблоне Товар найдите строчку

<p>{goods_delivery.DESC}</p>

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

<p style="font:16px 'Trebuchet MS';">{goods_delivery.DESC}</p>

Далее найдите там же строчку

<div class="goodsDataOpinion">

И замените на

<div class="goodsDataOpinion" style="font:16px 'Trebushet MS';">

По второму вопросу))
В файле style.css найдите строку

ul.tabs li a {background-color:#F0EFEB; color:#000;padding:8px 14px 8px 14px;text-decoration:none; font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold; text-transform:uppercase; border:1px solid #464c54;position: relative;float: left;}

и замените на

ul.tabs li a {background-color:#F0EFEB; color:#000;padding:8px 14px 8px 14px;text-decoration:none; font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold; text-transform:uppercase; border:1px solid #464c54;position: relative;float: left;border-radius: 5px;}

[Сake]

Шрифт вкладки отзывов был задан изменением

<div class="goodsDataOpinion" style="font:16px 'Trebushet MS';">

если вы хотите вернуть размер шрифта обратно, то удалите атрибут style, заменив данный блок в шаблоне "Товар" на

<div class="goodsDataOpinion">

Цитата

И как мне еще убрать из отзывов строчку

Найдите и удалите в шаблоне "Товар" следующий блок

{% IF TARIFF_FEATURE_CLIENT_ROOM %}
						{% IFNOT CLIENT_IS_LOGIN %}
						  <thead>
							<tr>
							  <td colspan="2">
								<div class="goodsDataOpinionMessage auth">Ваши знания будут оценены посетителями сайта, если Вы <a href="{USER_LOGIN_URL}">авторизируетесь</a> перед написанием отзыва.</div>
							  </td>
							</tr>
						  </thead>
						{% ENDIF %}
					  {% ENDIF %}

[ne_yana]

Наталья C. (02 Октябрь 2013 - 16:22) писал:

Безымянный.png

Я, наверно, неверно объяснила.
Мне во вкладке "Отзывы" нужно уменьшить размер 2-х строчек, чтобы во всех вкладках было одинаково


Отзывы о Рисованное видео



Отзывов пока не было. Вы можете оставить его первым - эти 2 строчки я имею ввиду. Скриншот приложила

Необходимо в админке в разделе Сайт->Редактор шаблонов -> Товар найти строку

<div class="goodsDataOpinion" style="font:16px 'Trebushet MS';">

и удалить style="font:16px 'Trebushet MS';"